From 09124c473e61a984dc74907ea852e53f9dea7872 Mon Sep 17 00:00:00 2001 From: tishoyanchev Date: Wed, 22 Jan 2025 15:22:54 +0000 Subject: [PATCH] =?UTF-8?q?Deploy=20preview=20for=20PR=201685=20?= =?UTF-8?q?=F0=9F=9B=AB?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ..._2.entry-QV92D4ML.js => ifx-accordion_2.entry-D9AKMZkI.js} | 2 +- ...fx-alert.entry-BGNcDjCB.js => ifx-alert.entry-Clu2y5OF.js} | 2 +- ...fx-badge.entry-CR17zOky.js => ifx-badge.entry-D9NVYbwo.js} | 2 +- ...le.entry-BjMoGEas.js => ifx-basic-table.entry-egsq-jMg.js} | 2 +- ...y8iFkaU.js => ifx-breadcrumb-item-label.entry-DsVtpkOm.js} | 2 +- ...ntry-Boi-k33A.js => ifx-breadcrumb-item.entry-CO_8OVPo.js} | 2 +- ...umb.entry-BGloujdZ.js => ifx-breadcrumb.entry-slkZYTw2.js} | 2 +- ...-button.entry-NJ3rLmpd.js => ifx-button.entry-Cq48z07D.js} | 2 +- ....entry-vIiVhb5K.js => ifx-card-headline.entry-CHLguVrm.js} | 2 +- ...age.entry-DBs4EqiS.js => ifx-card-image.entry-RCp57TIh.js} | 2 +- ...nks.entry-DmMHfVsm.js => ifx-card-links.entry-C0_CgSNW.js} | 2 +- ....entry-CEv97a1Y.js => ifx-card-overline.entry-gmU_M1_X.js} | 2 +- ...text.entry-CVw5bYHN.js => ifx-card-text.entry-DyZu2zDa.js} | 2 +- ...{ifx-card.entry-CYXGdM_a.js => ifx-card.entry-BA3Tro8K.js} | 2 +- ...ckbox.entry-RSF_z7ig.js => ifx-checkbox.entry-GA_TYA9y.js} | 2 +- ...-chip_3.entry-zij_vTBW.js => ifx-chip_3.entry-Dz-RiXBo.js} | 2 +- ...VfvCSCt.js => ifx-content-switcher-item.entry-Dom8eCve.js} | 2 +- ...try-wAzo4xr1.js => ifx-content-switcher.entry-Eu3ea8vn.js} | 2 +- ...er.entry-0QcfeOuI.js => ifx-date-picker.entry-C64UV_cf.js} | 2 +- ...ntry-DzB4DT2C.js => ifx-dropdown-header.entry-Cfwq5e3_.js} | 2 +- ....entry-hbYTnYS2.js => ifx-dropdown-item.entry-C5eU6iHX.js} | 2 +- ....entry-7m2U5odW.js => ifx-dropdown-menu.entry-EogxZaA8.js} | 2 +- ...y-3k2ztPZP.js => ifx-dropdown-separator.entry-DKazQvCG.js} | 2 +- ...wu--1.js => ifx-dropdown-trigger-button.entry-Cb9ErPe2.js} | 2 +- ...try-sfknN6WO.js => ifx-dropdown-trigger.entry-CZ40zTgS.js} | 2 +- ...pdown.entry-CKumqNjr.js => ifx-dropdown.entry-DTDbXL6r.js} | 2 +- .../{ifx-faq.entry-BXvcrkKo.js => ifx-faq.entry-CEaCeKB7.js} | 2 +- ...try-DjhrvuEE.js => ifx-filter-accordion.entry-DncdnFze.js} | 2 +- ...bar.entry-uXh--amO.js => ifx-filter-bar.entry-CF1XEABV.js} | 2 +- ....entry-2RZvylt7.js => ifx-filter-search.entry-Z_fMb0-x.js} | 2 +- ...ry-DMHNR21r.js => ifx-filter-type-group.entry-CouTFUtG.js} | 2 +- ....entry-B4kxBgm1.js => ifx-footer-column.entry-BS5eD4nr.js} | 2 +- ...-footer.entry-DjNkkaNp.js => ifx-footer.entry-B-WKmVyy.js} | 2 +- ...on.entry-CxgtgB6I.js => ifx-icon-button.entry-Z1wJoxH0.js} | 2 +- ...{ifx-icon.entry-ZaDcVhBe.js => ifx-icon.entry-J4PDkDe-.js} | 2 +- ....entry-BhEBeCPk.js => ifx-icons-preview.entry-BDepkT-z.js} | 2 +- ...{ifx-link.entry-l7gUbY1m.js => ifx-link.entry-Crev-rMc.js} | 2 +- ...try.entry-B8JvpNQb.js => ifx-list-entry.entry-Dg1ujNhR.js} | 2 +- ...{ifx-list.entry-r3KLwISF.js => ifx-list.entry-CoLOsqkC.js} | 2 +- ...fx-modal.entry-BQ0epKFd.js => ifx-modal.entry-DXx2YuAk.js} | 2 +- ....entry-CoR2972w.js => ifx-multiselect_2.entry-BT6gvWvs.js} | 2 +- ...em.entry-tTaFawD9.js => ifx-navbar-item.entry-BY6oTQwO.js} | 2 +- ...entry-C53Vt910.js => ifx-navbar-profile.entry-f6Xbflbc.js} | 2 +- ...-navbar.entry-DP4ihTLD.js => ifx-navbar.entry-L7Lerhsi.js} | 2 +- ...n.entry-yRdihk6w.js => ifx-notification.entry-D0arTKbQ.js} | 2 +- ...try-BRXtSShV.js => ifx-number-indicator.entry-dqrF18qG.js} | 2 +- ...entry-8gZYmfan.js => ifx-overview-table.entry-BbnJKUfO.js} | 2 +- ...r.entry-CUI_kJZy.js => ifx-progress-bar.entry-UPpdMgw8.js} | 2 +- ...n.entry-bnkjpTvs.js => ifx-radio-button.entry-Cl83aGzp.js} | 4 ++-- ...bar.entry-Dvb7sFXL.js => ifx-search-bar.entry-BNomWBxj.js} | 2 +- ...d.entry-C5W-MQlZ.js => ifx-search-field.entry-CxKA2MF-.js} | 2 +- ...egment.entry-BTuNZyZ2.js => ifx-segment.entry-DZb7DhcH.js} | 2 +- ...ry-Dhfjr9zH.js => ifx-segmented-control.entry-Dz9SPyy6.js} | 2 +- ...-select.entry-CRt1oAsm.js => ifx-select.entry-C4J2KfiX.js} | 2 +- ...ter.entry-CbW5sOQt.js => ifx-set-filter.entry-ChlajaUk.js} | 2 +- ...m.entry-BNjMkEvJ.js => ifx-sidebar-item.entry-lfoddTSF.js} | 2 +- ....entry-DC_0c0H0.js => ifx-sidebar-title.entry-B0Xyv-bx.js} | 2 +- ...idebar.entry-R2WdBC8A.js => ifx-sidebar.entry-HlVQq8P-.js} | 2 +- ...-slider.entry-D4vO2HOB.js => ifx-slider.entry-f1HO9LxI.js} | 2 +- ...pinner.entry-Da-il93g.js => ifx-spinner.entry-DGIzcTsu.js} | 2 +- ...-status.entry-Bz6mUZ8x.js => ifx-status.entry-CG0tht18.js} | 2 +- ...{ifx-step.entry-DwCqCB6I.js => ifx-step.entry-D88sLIiQ.js} | 2 +- ...tepper.entry-DRPDYA1Y.js => ifx-stepper.entry-Bhk9wtq5.js} | 2 +- ...-switch.entry-BOgocI-5.js => ifx-switch.entry-BYxw7Om-.js} | 2 +- .../{ifx-tab.entry-ChCzH6UM.js => ifx-tab.entry-D4PSkdOP.js} | 2 +- ...fx-table.entry-CbnjzIPo.js => ifx-table.entry-D4qenp2j.js} | 2 +- ...{ifx-tabs.entry-C2sdd67R.js => ifx-tabs.entry-CnZMUrEV.js} | 2 +- .../{ifx-tag.entry-i8UhzqA2.js => ifx-tag.entry-BSgQGwmF.js} | 2 +- ...tarea.entry-CKLR-yWZ.js => ifx-textarea.entry-CF3yuG4a.js} | 2 +- ...ooltip.entry-Bp4a4r-L.js => ifx-tooltip.entry-BK5SdKZr.js} | 2 +- .../pr-1685/assets/{index-DFR79MvN.js => index-CTBaKUaT.js} | 4 ++-- pr-preview-vue-example/pr-1685/index.html | 2 +- 72 files changed, 74 insertions(+), 74 deletions(-) rename pr-preview-vue-example/pr-1685/assets/{ifx-accordion_2.entry-QV92D4ML.js => ifx-accordion_2.entry-D9AKMZkI.js} (98%) rename pr-preview-vue-example/pr-1685/assets/{ifx-alert.entry-BGNcDjCB.js => ifx-alert.entry-Clu2y5OF.js} (98%) rename pr-preview-vue-example/pr-1685/assets/{ifx-badge.entry-CR17zOky.js => ifx-badge.entry-D9NVYbwo.js} (90%) rename pr-preview-vue-example/pr-1685/assets/{ifx-basic-table.entry-BjMoGEas.js => ifx-basic-table.entry-egsq-jMg.js} (99%) rename pr-preview-vue-example/pr-1685/assets/{ifx-breadcrumb-item-label.entry-Ey8iFkaU.js => ifx-breadcrumb-item-label.entry-DsVtpkOm.js} (96%) rename pr-preview-vue-example/pr-1685/assets/{ifx-breadcrumb-item.entry-Boi-k33A.js => ifx-breadcrumb-item.entry-CO_8OVPo.js} (98%) rename pr-preview-vue-example/pr-1685/assets/{ifx-breadcrumb.entry-BGloujdZ.js => ifx-breadcrumb.entry-slkZYTw2.js} (94%) rename pr-preview-vue-example/pr-1685/assets/{ifx-button.entry-NJ3rLmpd.js => ifx-button.entry-Cq48z07D.js} (99%) rename pr-preview-vue-example/pr-1685/assets/{ifx-card-headline.entry-vIiVhb5K.js => ifx-card-headline.entry-CHLguVrm.js} (94%) rename pr-preview-vue-example/pr-1685/assets/{ifx-card-image.entry-DBs4EqiS.js => ifx-card-image.entry-RCp57TIh.js} (89%) rename pr-preview-vue-example/pr-1685/assets/{ifx-card-links.entry-DmMHfVsm.js => ifx-card-links.entry-C0_CgSNW.js} (89%) rename pr-preview-vue-example/pr-1685/assets/{ifx-card-overline.entry-CEv97a1Y.js => ifx-card-overline.entry-gmU_M1_X.js} (89%) rename pr-preview-vue-example/pr-1685/assets/{ifx-card-text.entry-CVw5bYHN.js => ifx-card-text.entry-DyZu2zDa.js} (93%) rename pr-preview-vue-example/pr-1685/assets/{ifx-card.entry-CYXGdM_a.js => ifx-card.entry-BA3Tro8K.js} (98%) rename pr-preview-vue-example/pr-1685/assets/{ifx-checkbox.entry-RSF_z7ig.js => ifx-checkbox.entry-GA_TYA9y.js} (98%) rename pr-preview-vue-example/pr-1685/assets/{ifx-chip_3.entry-zij_vTBW.js => ifx-chip_3.entry-Dz-RiXBo.js} (99%) rename pr-preview-vue-example/pr-1685/assets/{ifx-content-switcher-item.entry-CVfvCSCt.js => ifx-content-switcher-item.entry-Dom8eCve.js} (94%) rename pr-preview-vue-example/pr-1685/assets/{ifx-content-switcher.entry-wAzo4xr1.js => ifx-content-switcher.entry-Eu3ea8vn.js} (98%) rename pr-preview-vue-example/pr-1685/assets/{ifx-date-picker.entry-0QcfeOuI.js => ifx-date-picker.entry-C64UV_cf.js} (98%) rename pr-preview-vue-example/pr-1685/assets/{ifx-dropdown-header.entry-DzB4DT2C.js => ifx-dropdown-header.entry-Cfwq5e3_.js} (91%) rename pr-preview-vue-example/pr-1685/assets/{ifx-dropdown-item.entry-hbYTnYS2.js => ifx-dropdown-item.entry-C5eU6iHX.js} (95%) rename pr-preview-vue-example/pr-1685/assets/{ifx-dropdown-menu.entry-7m2U5odW.js => ifx-dropdown-menu.entry-EogxZaA8.js} (96%) rename pr-preview-vue-example/pr-1685/assets/{ifx-dropdown-separator.entry-3k2ztPZP.js => ifx-dropdown-separator.entry-DKazQvCG.js} (79%) rename pr-preview-vue-example/pr-1685/assets/{ifx-dropdown-trigger-button.entry-I3gwu--1.js => ifx-dropdown-trigger-button.entry-Cb9ErPe2.js} (92%) rename pr-preview-vue-example/pr-1685/assets/{ifx-dropdown-trigger.entry-sfknN6WO.js => ifx-dropdown-trigger.entry-CZ40zTgS.js} (76%) rename pr-preview-vue-example/pr-1685/assets/{ifx-dropdown.entry-CKumqNjr.js => ifx-dropdown.entry-DTDbXL6r.js} (97%) rename pr-preview-vue-example/pr-1685/assets/{ifx-faq.entry-BXvcrkKo.js => ifx-faq.entry-CEaCeKB7.js} (97%) rename pr-preview-vue-example/pr-1685/assets/{ifx-filter-accordion.entry-DjhrvuEE.js => ifx-filter-accordion.entry-DncdnFze.js} (97%) rename pr-preview-vue-example/pr-1685/assets/{ifx-filter-bar.entry-uXh--amO.js => ifx-filter-bar.entry-CF1XEABV.js} (98%) rename pr-preview-vue-example/pr-1685/assets/{ifx-filter-search.entry-2RZvylt7.js => ifx-filter-search.entry-Z_fMb0-x.js} (96%) rename pr-preview-vue-example/pr-1685/assets/{ifx-filter-type-group.entry-DMHNR21r.js => ifx-filter-type-group.entry-CouTFUtG.js} (98%) rename pr-preview-vue-example/pr-1685/assets/{ifx-footer-column.entry-B4kxBgm1.js => ifx-footer-column.entry-BS5eD4nr.js} (93%) rename pr-preview-vue-example/pr-1685/assets/{ifx-footer.entry-DjNkkaNp.js => ifx-footer.entry-B-WKmVyy.js} (99%) rename pr-preview-vue-example/pr-1685/assets/{ifx-icon-button.entry-CxgtgB6I.js => ifx-icon-button.entry-Z1wJoxH0.js} (98%) rename pr-preview-vue-example/pr-1685/assets/{ifx-icon.entry-ZaDcVhBe.js => ifx-icon.entry-J4PDkDe-.js} (95%) rename pr-preview-vue-example/pr-1685/assets/{ifx-icons-preview.entry-BhEBeCPk.js => ifx-icons-preview.entry-BDepkT-z.js} (98%) rename pr-preview-vue-example/pr-1685/assets/{ifx-link.entry-l7gUbY1m.js => ifx-link.entry-Crev-rMc.js} (97%) rename pr-preview-vue-example/pr-1685/assets/{ifx-list-entry.entry-B8JvpNQb.js => ifx-list-entry.entry-Dg1ujNhR.js} (93%) rename pr-preview-vue-example/pr-1685/assets/{ifx-list.entry-r3KLwISF.js => ifx-list.entry-CoLOsqkC.js} (98%) rename pr-preview-vue-example/pr-1685/assets/{ifx-modal.entry-BQ0epKFd.js => ifx-modal.entry-DXx2YuAk.js} (99%) rename pr-preview-vue-example/pr-1685/assets/{ifx-multiselect_2.entry-CoR2972w.js => ifx-multiselect_2.entry-BT6gvWvs.js} (99%) rename pr-preview-vue-example/pr-1685/assets/{ifx-navbar-item.entry-tTaFawD9.js => ifx-navbar-item.entry-BY6oTQwO.js} (99%) rename pr-preview-vue-example/pr-1685/assets/{ifx-navbar-profile.entry-C53Vt910.js => ifx-navbar-profile.entry-f6Xbflbc.js} (99%) rename pr-preview-vue-example/pr-1685/assets/{ifx-navbar.entry-DP4ihTLD.js => ifx-navbar.entry-L7Lerhsi.js} (99%) rename pr-preview-vue-example/pr-1685/assets/{ifx-notification.entry-yRdihk6w.js => ifx-notification.entry-D0arTKbQ.js} (97%) rename pr-preview-vue-example/pr-1685/assets/{ifx-number-indicator.entry-BRXtSShV.js => ifx-number-indicator.entry-dqrF18qG.js} (93%) rename pr-preview-vue-example/pr-1685/assets/{ifx-overview-table.entry-8gZYmfan.js => ifx-overview-table.entry-BbnJKUfO.js} (99%) rename pr-preview-vue-example/pr-1685/assets/{ifx-progress-bar.entry-CUI_kJZy.js => ifx-progress-bar.entry-UPpdMgw8.js} (95%) rename pr-preview-vue-example/pr-1685/assets/{ifx-radio-button.entry-bnkjpTvs.js => ifx-radio-button.entry-Cl83aGzp.js} (69%) rename pr-preview-vue-example/pr-1685/assets/{ifx-search-bar.entry-Dvb7sFXL.js => ifx-search-bar.entry-BNomWBxj.js} (97%) rename pr-preview-vue-example/pr-1685/assets/{ifx-search-field.entry-C5W-MQlZ.js => ifx-search-field.entry-CxKA2MF-.js} (98%) rename pr-preview-vue-example/pr-1685/assets/{ifx-segment.entry-BTuNZyZ2.js => ifx-segment.entry-DZb7DhcH.js} (96%) rename pr-preview-vue-example/pr-1685/assets/{ifx-segmented-control.entry-Dhfjr9zH.js => ifx-segmented-control.entry-Dz9SPyy6.js} (97%) rename pr-preview-vue-example/pr-1685/assets/{ifx-select.entry-CRt1oAsm.js => ifx-select.entry-C4J2KfiX.js} (99%) rename pr-preview-vue-example/pr-1685/assets/{ifx-set-filter.entry-CbW5sOQt.js => ifx-set-filter.entry-ChlajaUk.js} (95%) rename pr-preview-vue-example/pr-1685/assets/{ifx-sidebar-item.entry-BNjMkEvJ.js => ifx-sidebar-item.entry-lfoddTSF.js} (99%) rename pr-preview-vue-example/pr-1685/assets/{ifx-sidebar-title.entry-DC_0c0H0.js => ifx-sidebar-title.entry-B0Xyv-bx.js} (91%) rename pr-preview-vue-example/pr-1685/assets/{ifx-sidebar.entry-R2WdBC8A.js => ifx-sidebar.entry-HlVQq8P-.js} (99%) rename pr-preview-vue-example/pr-1685/assets/{ifx-slider.entry-D4vO2HOB.js => ifx-slider.entry-f1HO9LxI.js} (99%) rename pr-preview-vue-example/pr-1685/assets/{ifx-spinner.entry-Da-il93g.js => ifx-spinner.entry-DGIzcTsu.js} (97%) rename pr-preview-vue-example/pr-1685/assets/{ifx-status.entry-Bz6mUZ8x.js => ifx-status.entry-CG0tht18.js} (96%) rename pr-preview-vue-example/pr-1685/assets/{ifx-step.entry-DwCqCB6I.js => ifx-step.entry-D88sLIiQ.js} (99%) rename pr-preview-vue-example/pr-1685/assets/{ifx-stepper.entry-DRPDYA1Y.js => ifx-stepper.entry-Bhk9wtq5.js} (98%) rename pr-preview-vue-example/pr-1685/assets/{ifx-switch.entry-BOgocI-5.js => ifx-switch.entry-BYxw7Om-.js} (98%) rename pr-preview-vue-example/pr-1685/assets/{ifx-tab.entry-ChCzH6UM.js => ifx-tab.entry-D4PSkdOP.js} (85%) rename pr-preview-vue-example/pr-1685/assets/{ifx-table.entry-CbnjzIPo.js => ifx-table.entry-D4qenp2j.js} (99%) rename pr-preview-vue-example/pr-1685/assets/{ifx-tabs.entry-C2sdd67R.js => ifx-tabs.entry-CnZMUrEV.js} (99%) rename pr-preview-vue-example/pr-1685/assets/{ifx-tag.entry-i8UhzqA2.js => ifx-tag.entry-BSgQGwmF.js} (94%) rename pr-preview-vue-example/pr-1685/assets/{ifx-textarea.entry-CKLR-yWZ.js => ifx-textarea.entry-CF3yuG4a.js} (97%) rename pr-preview-vue-example/pr-1685/assets/{ifx-tooltip.entry-Bp4a4r-L.js => ifx-tooltip.entry-BK5SdKZr.js} (99%) rename pr-preview-vue-example/pr-1685/assets/{index-DFR79MvN.js => index-CTBaKUaT.js} (96%) diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-accordion_2.entry-QV92D4ML.js b/pr-preview-vue-example/pr-1685/assets/ifx-accordion_2.entry-D9AKMZkI.js similarity index 98% rename from pr-preview-vue-example/pr-1685/assets/ifx-accordion_2.entry-QV92D4ML.js rename to pr-preview-vue-example/pr-1685/assets/ifx-accordion_2.entry-D9AKMZkI.js index fd49fc41c..0840f4c81 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-accordion_2.entry-QV92D4ML.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-accordion_2.entry-D9AKMZkI.js @@ -1 +1 @@ -import{r,h as t,g as d,c as a}from"./index-DFR79MvN.js";const l=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:block}.accordion-wrapper{display:flex;flex-direction:column;gap:8px;font-family:var(--ifx-font-family)}',f=l,p=class{constructor(e){r(this,e),this.autoCollapse=!1}async onItemOpen(e){if(this.autoCollapse){const i=Array.from(this.el.querySelectorAll("ifx-accordion-item"));for(const n of i){const o=n;o!==e.target&&await o.open&&(o.open=!1)}}}render(){return t("div",{key:"a69a6bea9d5347c0e1808d4635d458ce16614000",class:"accordion-wrapper"},t("slot",{key:"389e9039f9272a88d95aca8b83efbb754736a5dd"}))}static get delegatesFocus(){return!0}get el(){return d(this)}};p.style=f;const h=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.accordion-item{border-radius:3px;overflow:hidden;transition:all 0.3s;font-family:var(--ifx-font-family)}.accordion-title:focus{outline:none}.accordion-title:focus::after{content:"";display:block;position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px;border-radius:5px;border:2px solid #0A8276;box-sizing:border-box}.accordion-title:hover{border:1px solid #EEEDED;color:#08665C}.accordion-title{display:flex;align-items:center;position:relative;padding:12px 16px;gap:12px;color:#0A8276;background-color:#FFFFFF;border:1px solid #EEEDED;cursor:pointer;margin:4px}.accordion-caption{font-weight:600;font-size:1.125rem}.accordion-content{gap:8px;max-height:0;overflow:hidden;transition:max-height 0.3s ease-in-out;line-height:24px;font-size:1rem;font-weight:400}.inner-content{background-color:#FFFFFF;padding:24px;word-wrap:break-word;overflow-wrap:anywhere;align-self:stretch;}.accordion-icon{font-weight:bold;display:inline-block;transition:transform 0.3s}.accordion-icon:hover{color:#08665C}.accordion-item.open .accordion-icon{transform:rotate(-180deg)}',m=h,x=class{constructor(e){r(this,e),this.ifxItemOpen=a(this,"ifxItemOpen",7),this.ifxItemClose=a(this,"ifxItemClose",7),this.caption=void 0,this.open=!1,this.AriaLive=3,this.internalOpen=!1}componentWillLoad(){this.internalOpen=this.open}componentDidLoad(){this.openAccordionItem()}componentDidUpdate(){this.openAccordionItem()}openChanged(e){this.internalOpen=e}toggleOpen(){this.internalOpen=!this.internalOpen,this.open=this.internalOpen,this.internalOpen?this.ifxItemOpen.emit({isOpen:this.internalOpen}):this.ifxItemClose.emit({isClosed:!this.internalOpen})}openAccordionItem(){this.internalOpen?this.contentEl.style.maxHeight=`${this.contentEl.scrollHeight}px`:this.contentEl.style.maxHeight="0"}handleSlotChange(e){const n=e.target.assignedNodes();n.length>0&&n.forEach(o=>{new MutationObserver((c,b)=>{for(let s of c)s.type==="childList"&&this.internalOpen&&this.openAccordionItem()}).observe(o,{attributes:!0,childList:!0,subtree:!0})}),this.internalOpen&&this.openAccordionItem()}handleKeydown(e){switch(e.key){case"Enter":case" ":e.preventDefault(),this.toggleOpen();break}}render(){return t("div",{key:"1215772109c33556d626f4a7d40d6655684806a2",class:`accordion-item ${this.internalOpen?"open":""}`},t("div",{key:"30e7771bae93c213d9f95126886d7552ebe03b94",role:"button","aria-expanded":this.internalOpen,"aria-controls":"accordion-content",class:"accordion-title",onClick:()=>this.toggleOpen(),tabindex:"0"},t("span",{key:"7da5f484c41f9f01dd7eec5092ec8ad82947d481","aria-hidden":"true",role:"heading","aria-level":String(this.AriaLive),class:"accordion-icon"},t("ifx-icon",{key:"e64e478a66fd0dd2c3d3608294a6160aa4232952",icon:"chevron-down-12"})),t("span",{key:"7e1ff777da8ce68d6d5f1266512fbd05731169f5",id:"accordion-caption",class:"accordion-caption"},this.caption)),t("div",{key:"144fa8393da592e1d928b51d7b4ad48d6b06a100",id:"accordion-content",class:"accordion-content",ref:e=>this.contentEl=e,role:"region","aria-labelledby":"accordion-caption"},t("div",{key:"28702f514d9bd400499a49a3b1cd675f56d7fcad",class:"inner-content"},t("slot",{key:"e40109a457e4b1cc09c8234d5003361bb6c1c6fb",onSlotchange:e=>this.handleSlotChange(e)}))))}static get watchers(){return{open:["openChanged"]}}};x.style=m;export{p as ifx_accordion,x as ifx_accordion_item}; +import{r,h as t,g as d,c as a}from"./index-CTBaKUaT.js";const l=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:block}.accordion-wrapper{display:flex;flex-direction:column;gap:8px;font-family:var(--ifx-font-family)}',f=l,p=class{constructor(e){r(this,e),this.autoCollapse=!1}async onItemOpen(e){if(this.autoCollapse){const i=Array.from(this.el.querySelectorAll("ifx-accordion-item"));for(const n of i){const o=n;o!==e.target&&await o.open&&(o.open=!1)}}}render(){return t("div",{key:"a69a6bea9d5347c0e1808d4635d458ce16614000",class:"accordion-wrapper"},t("slot",{key:"389e9039f9272a88d95aca8b83efbb754736a5dd"}))}static get delegatesFocus(){return!0}get el(){return d(this)}};p.style=f;const h=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.accordion-item{border-radius:3px;overflow:hidden;transition:all 0.3s;font-family:var(--ifx-font-family)}.accordion-title:focus{outline:none}.accordion-title:focus::after{content:"";display:block;position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px;border-radius:5px;border:2px solid #0A8276;box-sizing:border-box}.accordion-title:hover{border:1px solid #EEEDED;color:#08665C}.accordion-title{display:flex;align-items:center;position:relative;padding:12px 16px;gap:12px;color:#0A8276;background-color:#FFFFFF;border:1px solid #EEEDED;cursor:pointer;margin:4px}.accordion-caption{font-weight:600;font-size:1.125rem}.accordion-content{gap:8px;max-height:0;overflow:hidden;transition:max-height 0.3s ease-in-out;line-height:24px;font-size:1rem;font-weight:400}.inner-content{background-color:#FFFFFF;padding:24px;word-wrap:break-word;overflow-wrap:anywhere;align-self:stretch;}.accordion-icon{font-weight:bold;display:inline-block;transition:transform 0.3s}.accordion-icon:hover{color:#08665C}.accordion-item.open .accordion-icon{transform:rotate(-180deg)}',m=h,x=class{constructor(e){r(this,e),this.ifxItemOpen=a(this,"ifxItemOpen",7),this.ifxItemClose=a(this,"ifxItemClose",7),this.caption=void 0,this.open=!1,this.AriaLive=3,this.internalOpen=!1}componentWillLoad(){this.internalOpen=this.open}componentDidLoad(){this.openAccordionItem()}componentDidUpdate(){this.openAccordionItem()}openChanged(e){this.internalOpen=e}toggleOpen(){this.internalOpen=!this.internalOpen,this.open=this.internalOpen,this.internalOpen?this.ifxItemOpen.emit({isOpen:this.internalOpen}):this.ifxItemClose.emit({isClosed:!this.internalOpen})}openAccordionItem(){this.internalOpen?this.contentEl.style.maxHeight=`${this.contentEl.scrollHeight}px`:this.contentEl.style.maxHeight="0"}handleSlotChange(e){const n=e.target.assignedNodes();n.length>0&&n.forEach(o=>{new MutationObserver((c,b)=>{for(let s of c)s.type==="childList"&&this.internalOpen&&this.openAccordionItem()}).observe(o,{attributes:!0,childList:!0,subtree:!0})}),this.internalOpen&&this.openAccordionItem()}handleKeydown(e){switch(e.key){case"Enter":case" ":e.preventDefault(),this.toggleOpen();break}}render(){return t("div",{key:"1215772109c33556d626f4a7d40d6655684806a2",class:`accordion-item ${this.internalOpen?"open":""}`},t("div",{key:"30e7771bae93c213d9f95126886d7552ebe03b94",role:"button","aria-expanded":this.internalOpen,"aria-controls":"accordion-content",class:"accordion-title",onClick:()=>this.toggleOpen(),tabindex:"0"},t("span",{key:"7da5f484c41f9f01dd7eec5092ec8ad82947d481","aria-hidden":"true",role:"heading","aria-level":String(this.AriaLive),class:"accordion-icon"},t("ifx-icon",{key:"e64e478a66fd0dd2c3d3608294a6160aa4232952",icon:"chevron-down-12"})),t("span",{key:"7e1ff777da8ce68d6d5f1266512fbd05731169f5",id:"accordion-caption",class:"accordion-caption"},this.caption)),t("div",{key:"144fa8393da592e1d928b51d7b4ad48d6b06a100",id:"accordion-content",class:"accordion-content",ref:e=>this.contentEl=e,role:"region","aria-labelledby":"accordion-caption"},t("div",{key:"28702f514d9bd400499a49a3b1cd675f56d7fcad",class:"inner-content"},t("slot",{key:"e40109a457e4b1cc09c8234d5003361bb6c1c6fb",onSlotchange:e=>this.handleSlotChange(e)}))))}static get watchers(){return{open:["openChanged"]}}};x.style=m;export{p as ifx_accordion,x as ifx_accordion_item}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-alert.entry-BGNcDjCB.js b/pr-preview-vue-example/pr-1685/assets/ifx-alert.entry-Clu2y5OF.js similarity index 98% rename from pr-preview-vue-example/pr-1685/assets/ifx-alert.entry-BGNcDjCB.js rename to pr-preview-vue-example/pr-1685/assets/ifx-alert.entry-Clu2y5OF.js index 495bce449..698b919b0 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-alert.entry-BGNcDjCB.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-alert.entry-Clu2y5OF.js @@ -1 +1 @@ -import{r as i,c as t,h as e}from"./index-DFR79MvN.js";const o=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:block}.alert__info-wrapper{display:flex;padding:16px 24px;font-family:var(--ifx-font-family);box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843)}.alert__info-wrapper .info__text-wrapper{display:flex;flex-direction:column;gap:8px;width:100%}.alert__info-wrapper .info__text-wrapper .info__headline-wrapper{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.alert__info-wrapper .info__text-wrapper .info__headline-wrapper,.alert__info-wrapper .info__text-wrapper .info__description-wrapper{color:#1D1D1D;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.alert__info-wrapper .info__text-wrapper .info__headline-wrapper ::slotted(p),.alert__info-wrapper .info__text-wrapper .info__description-wrapper ::slotted(p){padding:0;margin:0}.alert__info-wrapper .info__text-wrapper .info__description-wrapper{font-weight:400}.alert__info-wrapper .close-icon-wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.alert__info-wrapper .close-icon-wrapper button{all:unset;display:flex;align-items:center;justify-content:center;line-height:0;color:#1D1D1D;height:24px;width:24px}.alert__info-wrapper .close-icon-wrapper button:focus{outline:2px solid #0A8276;outline-offset:2px}.alert{display:flex;border:1px solid #0A8276;border-radius:1px;color:#1D1D1D;background-color:#FFFFFF;font-family:var(--ifx-font-family);box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843)}.alert .close-icon-wrapper{display:flex;align-items:center;justify-content:center;min-width:40px}.alert .close-icon-wrapper button{all:unset;display:flex;align-items:center;justify-content:center;line-height:0;color:#1D1D1D;height:24px;width:24px}.alert .close-icon-wrapper button:focus{outline:2px solid #0A8276;outline-offset:2px}.alert .icon-wrapper{position:relative;min-width:48px;display:flex;justify-content:center;align-items:center;background-color:#0A8276}.alert .alert-text{font-size:16px;width:100%;padding:12px 0px 12px 12px;color:#1D1D1D;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;}.alert.primary{border:1px solid #0A8276}.alert.primary .icon-wrapper{background-color:#0A8276;color:#FFFFFF}.alert.success{border:1px solid #4CA460}.alert.success .icon-wrapper{background-color:#4CA460;color:#FFFFFF}.alert.danger{border:1px solid #CD002F}.alert.danger .icon-wrapper{background-color:#CD002F;color:#FFFFFF}.alert.warning{border:1px solid #E16B25}.alert.warning .icon-wrapper{background-color:#E16B25;color:#FFFFFF}.close-icon-wrapper ifx-icon:hover{cursor:pointer}',a=o,n=class{constructor(r){i(this,r),this.ifxClose=t(this,"ifxClose",7),this.alertTypeDescription={primary:"Neutral alert",success:"Success Alert",danger:"Error Alert",warning:"Warning Alert",info:"Neutral alert"},this.variant="primary",this.icon=void 0,this.closable=!0,this.AriaLive="assertive",this.uniqueId=void 0}handleClose(){this.ifxClose.emit()}renderCloseButton(){return e("div",{class:"close-icon-wrapper"},e("button",{onClick:this.handleClose.bind(this),"aria-label":"Dismiss alert"},e("ifx-icon",{icon:"cross-16"})))}generateUniqueId(r="id"){return`${r}-${Math.random().toString(36).substring(2,9)}`}componentWillLoad(){this.uniqueId||(this.uniqueId=this.generateUniqueId("alert"))}render(){return this.variant==="info"?e("div",{class:"alert__info-wrapper",role:"alert","aria-live":this.AriaLive,"aria-describedby":this.alertTypeDescription[this.variant],"aria-labelledby":"alert-text alert-description"},e("div",{class:"info__text-wrapper"},e("div",{class:"info__headline-wrapper"},e("slot",{name:"headline"})),e("div",{id:`alert-description-${this.uniqueId}`,class:"info__description-wrapper"},e("slot",{name:"desc"}))),this.closable?this.renderCloseButton():null):e("div",{class:`alert ${this.variant}`,role:"alert"},this.icon&&e("div",{class:"icon-wrapper"},e("ifx-icon",{icon:this.icon})),e("div",{class:"alert-text",id:`alert-text-${this.uniqueId}`},e("slot",null)),this.closable?this.renderCloseButton():null)}};n.style=a;export{n as ifx_alert}; +import{r as i,c as t,h as e}from"./index-CTBaKUaT.js";const o=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:block}.alert__info-wrapper{display:flex;padding:16px 24px;font-family:var(--ifx-font-family);box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843)}.alert__info-wrapper .info__text-wrapper{display:flex;flex-direction:column;gap:8px;width:100%}.alert__info-wrapper .info__text-wrapper .info__headline-wrapper{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.alert__info-wrapper .info__text-wrapper .info__headline-wrapper,.alert__info-wrapper .info__text-wrapper .info__description-wrapper{color:#1D1D1D;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.alert__info-wrapper .info__text-wrapper .info__headline-wrapper ::slotted(p),.alert__info-wrapper .info__text-wrapper .info__description-wrapper ::slotted(p){padding:0;margin:0}.alert__info-wrapper .info__text-wrapper .info__description-wrapper{font-weight:400}.alert__info-wrapper .close-icon-wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.alert__info-wrapper .close-icon-wrapper button{all:unset;display:flex;align-items:center;justify-content:center;line-height:0;color:#1D1D1D;height:24px;width:24px}.alert__info-wrapper .close-icon-wrapper button:focus{outline:2px solid #0A8276;outline-offset:2px}.alert{display:flex;border:1px solid #0A8276;border-radius:1px;color:#1D1D1D;background-color:#FFFFFF;font-family:var(--ifx-font-family);box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843)}.alert .close-icon-wrapper{display:flex;align-items:center;justify-content:center;min-width:40px}.alert .close-icon-wrapper button{all:unset;display:flex;align-items:center;justify-content:center;line-height:0;color:#1D1D1D;height:24px;width:24px}.alert .close-icon-wrapper button:focus{outline:2px solid #0A8276;outline-offset:2px}.alert .icon-wrapper{position:relative;min-width:48px;display:flex;justify-content:center;align-items:center;background-color:#0A8276}.alert .alert-text{font-size:16px;width:100%;padding:12px 0px 12px 12px;color:#1D1D1D;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;}.alert.primary{border:1px solid #0A8276}.alert.primary .icon-wrapper{background-color:#0A8276;color:#FFFFFF}.alert.success{border:1px solid #4CA460}.alert.success .icon-wrapper{background-color:#4CA460;color:#FFFFFF}.alert.danger{border:1px solid #CD002F}.alert.danger .icon-wrapper{background-color:#CD002F;color:#FFFFFF}.alert.warning{border:1px solid #E16B25}.alert.warning .icon-wrapper{background-color:#E16B25;color:#FFFFFF}.close-icon-wrapper ifx-icon:hover{cursor:pointer}',a=o,n=class{constructor(r){i(this,r),this.ifxClose=t(this,"ifxClose",7),this.alertTypeDescription={primary:"Neutral alert",success:"Success Alert",danger:"Error Alert",warning:"Warning Alert",info:"Neutral alert"},this.variant="primary",this.icon=void 0,this.closable=!0,this.AriaLive="assertive",this.uniqueId=void 0}handleClose(){this.ifxClose.emit()}renderCloseButton(){return e("div",{class:"close-icon-wrapper"},e("button",{onClick:this.handleClose.bind(this),"aria-label":"Dismiss alert"},e("ifx-icon",{icon:"cross-16"})))}generateUniqueId(r="id"){return`${r}-${Math.random().toString(36).substring(2,9)}`}componentWillLoad(){this.uniqueId||(this.uniqueId=this.generateUniqueId("alert"))}render(){return this.variant==="info"?e("div",{class:"alert__info-wrapper",role:"alert","aria-live":this.AriaLive,"aria-describedby":this.alertTypeDescription[this.variant],"aria-labelledby":"alert-text alert-description"},e("div",{class:"info__text-wrapper"},e("div",{class:"info__headline-wrapper"},e("slot",{name:"headline"})),e("div",{id:`alert-description-${this.uniqueId}`,class:"info__description-wrapper"},e("slot",{name:"desc"}))),this.closable?this.renderCloseButton():null):e("div",{class:`alert ${this.variant}`,role:"alert"},this.icon&&e("div",{class:"icon-wrapper"},e("ifx-icon",{icon:this.icon})),e("div",{class:"alert-text",id:`alert-text-${this.uniqueId}`},e("slot",null)),this.closable?this.renderCloseButton():null)}};n.style=a;export{n as ifx_alert}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-badge.entry-CR17zOky.js b/pr-preview-vue-example/pr-1685/assets/ifx-badge.entry-D9NVYbwo.js similarity index 90% rename from pr-preview-vue-example/pr-1685/assets/ifx-badge.entry-CR17zOky.js rename to pr-preview-vue-example/pr-1685/assets/ifx-badge.entry-D9NVYbwo.js index 1e63e764b..01c24404a 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-badge.entry-CR17zOky.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-badge.entry-D9NVYbwo.js @@ -1 +1 @@ -import{r as n,h as e}from"./index-DFR79MvN.js";const t=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.badge__container{display:inline-flex;justify-content:center;align-items:center;padding:4px 8px;gap:8px;border:1px solid #EEEDED;background-color:#EEEDED;border-radius:100px;font-family:var(--ifx-font-family);font-size:0.875rem;line-height:1.25rem;font-weight:400;color:#1D1D1D}',i=t,f=class{constructor(a){n(this,a)}render(){return e("div",{key:"eaa5be7836515fc284e17ed7fb6acfdcc6ce11f1",class:"badge__container"},e("slot",{key:"f00f0415cb6cdfa25ce8e7b0df798f8a98eb2373"}))}};f.style=i;export{f as ifx_badge}; +import{r as n,h as e}from"./index-CTBaKUaT.js";const t=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.badge__container{display:inline-flex;justify-content:center;align-items:center;padding:4px 8px;gap:8px;border:1px solid #EEEDED;background-color:#EEEDED;border-radius:100px;font-family:var(--ifx-font-family);font-size:0.875rem;line-height:1.25rem;font-weight:400;color:#1D1D1D}',i=t,f=class{constructor(a){n(this,a)}render(){return e("div",{key:"eaa5be7836515fc284e17ed7fb6acfdcc6ce11f1",class:"badge__container"},e("slot",{key:"f00f0415cb6cdfa25ce8e7b0df798f8a98eb2373"}))}};f.style=i;export{f as ifx_badge}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-basic-table.entry-BjMoGEas.js b/pr-preview-vue-example/pr-1685/assets/ifx-basic-table.entry-egsq-jMg.js similarity index 99% rename from pr-preview-vue-example/pr-1685/assets/ifx-basic-table.entry-BjMoGEas.js rename to pr-preview-vue-example/pr-1685/assets/ifx-basic-table.entry-egsq-jMg.js index 6656f314a..2bb2ca619 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-basic-table.entry-BjMoGEas.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-basic-table.entry-egsq-jMg.js @@ -1,4 +1,4 @@ -import{r as o,h as e,H as g,g as i}from"./index-DFR79MvN.js";import{c as t}from"./main.esm-b8709563-BZjIOvLu.js";import{c as n}from"./index-72ac5051-B1g_EHyb.js";class l{init(r){this.eGui=document.createElement("div"),this.eGui.innerHTML=` +import{r as o,h as e,H as g,g as i}from"./index-CTBaKUaT.js";import{c as t}from"./main.esm-b8709563-BZjIOvLu.js";import{c as n}from"./index-72ac5051-B1g_EHyb.js";class l{init(r){this.eGui=document.createElement("div"),this.eGui.innerHTML=` diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-breadcrumb-item-label.entry-Ey8iFkaU.js b/pr-preview-vue-example/pr-1685/assets/ifx-breadcrumb-item-label.entry-DsVtpkOm.js similarity index 96% rename from pr-preview-vue-example/pr-1685/assets/ifx-breadcrumb-item-label.entry-Ey8iFkaU.js rename to pr-preview-vue-example/pr-1685/assets/ifx-breadcrumb-item-label.entry-DsVtpkOm.js index e1f046b30..568c60a9b 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-breadcrumb-item-label.entry-Ey8iFkaU.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-breadcrumb-item-label.entry-DsVtpkOm.js @@ -1 +1 @@ -import{r as n,c as t,h as e,g as i}from"./index-DFR79MvN.js";const c=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.breadcrumb-item-label-container{display:flex;align-items:center;gap:8px;text-decoration:none;color:#1D1D1D}.breadcrumb-item-label-container.margin{margin-left:16px}.breadcrumb-item-label-container ifx-icon:empty{display:none}.breadcrumb-item-label-container .label-icon-wrapper{display:inline-flex}.breadcrumb-item-label-container .menu-icon-wrapper{display:flex;justify-content:center;align-items:center;width:16px;height:16px}.breadcrumb-item-label-container .menu-icon-wrapper.hide{display:none}.breadcrumb-item-label-container .menu-icon-wrapper ifx-icon{transition:0.3s}.breadcrumb-item-label-container .menu-icon-wrapper.show ifx-icon{transition:0.3s;transform:rotate(180deg)}',o=c,l=class{constructor(r){n(this,r),this.breadcrumbMenuIconWrapper=t(this,"breadcrumbMenuIconWrapper",7),this.icon=void 0,this.url=void 0,this.target="_self"}componentDidLoad(){const a=this.el.shadowRoot.querySelector(".breadcrumb-item-label-container").querySelector(".menu-icon-wrapper");this.breadcrumbMenuIconWrapper.emit(a)}render(){return e("a",{key:"16ddbc6dfce781d06c5e852423d1646426c6fb04",href:this.url,target:this.target,class:"breadcrumb-item-label-container",role:"link"},e("ifx-icon",{key:"6d62e4f854b7ea735c46a3849a92c09a8d222e54",icon:this.icon,"aria-hidden":"true"}),e("span",{key:"452dc64f08a93f4872f0f033b0b7016073818aab",class:"label-wrapper"},e("slot",{key:"0a522ff8d13c3133367e62b50480af2dc970961d"})),e("span",{key:"7f5d3a5305ad187e312ae20a59610c9cfe4b13cf",class:"menu-icon-wrapper","aria-hiden":"true"},e("ifx-icon",{key:"07dc7f9912e3d87f286273e5758490f39df31d0d",icon:"chevron-down-12"})))}get el(){return i(this)}};l.style=o;export{l as ifx_breadcrumb_item_label}; +import{r as n,c as t,h as e,g as i}from"./index-CTBaKUaT.js";const c=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.breadcrumb-item-label-container{display:flex;align-items:center;gap:8px;text-decoration:none;color:#1D1D1D}.breadcrumb-item-label-container.margin{margin-left:16px}.breadcrumb-item-label-container ifx-icon:empty{display:none}.breadcrumb-item-label-container .label-icon-wrapper{display:inline-flex}.breadcrumb-item-label-container .menu-icon-wrapper{display:flex;justify-content:center;align-items:center;width:16px;height:16px}.breadcrumb-item-label-container .menu-icon-wrapper.hide{display:none}.breadcrumb-item-label-container .menu-icon-wrapper ifx-icon{transition:0.3s}.breadcrumb-item-label-container .menu-icon-wrapper.show ifx-icon{transition:0.3s;transform:rotate(180deg)}',o=c,l=class{constructor(r){n(this,r),this.breadcrumbMenuIconWrapper=t(this,"breadcrumbMenuIconWrapper",7),this.icon=void 0,this.url=void 0,this.target="_self"}componentDidLoad(){const a=this.el.shadowRoot.querySelector(".breadcrumb-item-label-container").querySelector(".menu-icon-wrapper");this.breadcrumbMenuIconWrapper.emit(a)}render(){return e("a",{key:"16ddbc6dfce781d06c5e852423d1646426c6fb04",href:this.url,target:this.target,class:"breadcrumb-item-label-container",role:"link"},e("ifx-icon",{key:"6d62e4f854b7ea735c46a3849a92c09a8d222e54",icon:this.icon,"aria-hidden":"true"}),e("span",{key:"452dc64f08a93f4872f0f033b0b7016073818aab",class:"label-wrapper"},e("slot",{key:"0a522ff8d13c3133367e62b50480af2dc970961d"})),e("span",{key:"7f5d3a5305ad187e312ae20a59610c9cfe4b13cf",class:"menu-icon-wrapper","aria-hiden":"true"},e("ifx-icon",{key:"07dc7f9912e3d87f286273e5758490f39df31d0d",icon:"chevron-down-12"})))}get el(){return i(this)}};l.style=o;export{l as ifx_breadcrumb_item_label}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-breadcrumb-item.entry-Boi-k33A.js b/pr-preview-vue-example/pr-1685/assets/ifx-breadcrumb-item.entry-CO_8OVPo.js similarity index 98% rename from pr-preview-vue-example/pr-1685/assets/ifx-breadcrumb-item.entry-Boi-k33A.js rename to pr-preview-vue-example/pr-1685/assets/ifx-breadcrumb-item.entry-CO_8OVPo.js index 6c375a63d..e8db824d4 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-breadcrumb-item.entry-Boi-k33A.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-breadcrumb-item.entry-CO_8OVPo.js @@ -1 +1 @@ -import{r as o,h as t,g as s}from"./index-DFR79MvN.js";const i=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.breadcrumb-parent{display:flex;flex-direction:row;align-items:center;padding:0px;gap:12px;min-height:24px;justify-content:center}.breadcrumb-parent:hover{cursor:pointer}.breadcrumb-parent .breadcrumb-wrapper{display:flex;flex-direction:row;align-items:center;padding:0px;gap:8px;position:relative}.breadcrumb-parent .breadcrumb-wrapper .dropdown-menu{display:none;position:absolute;top:20px}.breadcrumb-parent .breadcrumb-wrapper .dropdown-menu.open{display:block}.breadcrumb-parent .breadcrumb-wrapper a{text-decoration:none;color:#1D1D1D;font-family:var(--ifx-font-family);font-style:normal;font-weight:400;font-size:0.875rem;line-height:1.25rem;display:flex;align-items:center;color:#1D1D1D;flex-direction:column;justify-content:center;padding:0px;border-bottom:1px solid #1D1D1D}.breadcrumb-parent .breadcrumb-divider{width:10px;height:16px;color:#EEEDED;line-height:13px;font-size:1.25rem;margin-right:12px}',a=i,d=class{constructor(e){o(this,e),this.isLastItem=!1,this.uniqueId=void 0,this.hasDropdownMenu=!1}handleOutsideClick(e){e.composedPath().includes(this.el)||this.closeDropdownMenu()}handleKeyDown(e){e.key==="Enter"||e.key===" "?this.toggleDropdownMenu():e.key==="Escape"&&this.closeDropdownMenu()}getDropdownMenu(){return this.el.shadowRoot.querySelector(".dropdown-menu")}menuWrapperEventReEmitter(e){this.emittedElement=e.detail}getMenuIconWrapper(){return this.emittedElement}handleClassList(e,n,r){e.classList[n](r)}closeDropdownMenu(){if(this.hasDropdownMenu){const e=this.getDropdownMenu(),n=this.getMenuIconWrapper();this.handleClassList(e,"remove","open"),this.handleClassList(n,"remove","show")}}toggleDropdownMenu(){if(this.hasDropdownMenu){const e=this.getDropdownMenu(),n=this.getMenuIconWrapper();this.handleClassList(e,"toggle","open"),this.handleClassList(n,"toggle","show")}}isDropdownMenuOpen(){const e=this.getDropdownMenu();return this.hasDropdownMenu&&e&&e.classList.contains("open")}handleLastItem(){const e=this.el.closest("ifx-breadcrumb").querySelectorAll("ifx-breadcrumb-item");this.el===e[e.length-1]?this.isLastItem=!0:this.isLastItem=!1}generateUniqueId(e="id"){return`${e}-${Math.random().toString(36).substring(2,9)}`}componentWillLoad(){this.uniqueId||(this.uniqueId=this.generateUniqueId("breadcrumb-dropdown")),this.handleLastItem()}componentDidUpdate(){this.handleLastItem()}componentWillRender(){this.setHasDropdownMenuState()}setHasDropdownMenuState(){const e=this.getIfxDropdownMenuComponent();e&&(this.hasDropdownMenu=!!e)}getIfxDropdownMenuComponent(){return this.el.querySelector("ifx-dropdown-menu")}componentDidLoad(){const e=this.getIfxDropdownMenuComponent();if(this.hasDropdownMenu)e.isOpen=!0;else{const n=this.getMenuIconWrapper();this.handleClassList(n,"toggle","hide")}}render(){return t("li",{key:"5779bbe0854a084c33c1bb535655fe484165784e",class:"breadcrumb-parent","aria-current":`${this.isLastItem?"page":""}`},t("li",{key:"63e956424dda4002a84c7da17bfe42b3f7f830b0",role:"button",tabindex:this.hasDropdownMenu?0:-1,class:"breadcrumb-wrapper",onClick:()=>this.toggleDropdownMenu(),"aria-controls":this.uniqueId,"aria-haspopup":"menu","aria-label":"Toggle dropdown menu"},t("slot",{key:"14f66501d9ac8efc9ff9e6b771757e30c70814a6",name:"label"}),t("div",{key:"9620ab0608dc5c74aa39fe321a332421ee4c76b3",id:this.uniqueId,class:"dropdown-menu","aria-expanded":this.isDropdownMenuOpen(),"aria-label":"Dropdown menu"},t("slot",{key:"c4e6e9b1650f2467876f7824201139b369625b3d"}))),!this.isLastItem&&t("span",{key:"5c028ab8720841b8a2777a84d7ad3f933ab43b79",class:"breadcrumb-divider","aria-hidden":"true"},"/"))}get el(){return s(this)}};d.style=a;export{d as ifx_breadcrumb_item}; +import{r as o,h as t,g as s}from"./index-CTBaKUaT.js";const i=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.breadcrumb-parent{display:flex;flex-direction:row;align-items:center;padding:0px;gap:12px;min-height:24px;justify-content:center}.breadcrumb-parent:hover{cursor:pointer}.breadcrumb-parent .breadcrumb-wrapper{display:flex;flex-direction:row;align-items:center;padding:0px;gap:8px;position:relative}.breadcrumb-parent .breadcrumb-wrapper .dropdown-menu{display:none;position:absolute;top:20px}.breadcrumb-parent .breadcrumb-wrapper .dropdown-menu.open{display:block}.breadcrumb-parent .breadcrumb-wrapper a{text-decoration:none;color:#1D1D1D;font-family:var(--ifx-font-family);font-style:normal;font-weight:400;font-size:0.875rem;line-height:1.25rem;display:flex;align-items:center;color:#1D1D1D;flex-direction:column;justify-content:center;padding:0px;border-bottom:1px solid #1D1D1D}.breadcrumb-parent .breadcrumb-divider{width:10px;height:16px;color:#EEEDED;line-height:13px;font-size:1.25rem;margin-right:12px}',a=i,d=class{constructor(e){o(this,e),this.isLastItem=!1,this.uniqueId=void 0,this.hasDropdownMenu=!1}handleOutsideClick(e){e.composedPath().includes(this.el)||this.closeDropdownMenu()}handleKeyDown(e){e.key==="Enter"||e.key===" "?this.toggleDropdownMenu():e.key==="Escape"&&this.closeDropdownMenu()}getDropdownMenu(){return this.el.shadowRoot.querySelector(".dropdown-menu")}menuWrapperEventReEmitter(e){this.emittedElement=e.detail}getMenuIconWrapper(){return this.emittedElement}handleClassList(e,n,r){e.classList[n](r)}closeDropdownMenu(){if(this.hasDropdownMenu){const e=this.getDropdownMenu(),n=this.getMenuIconWrapper();this.handleClassList(e,"remove","open"),this.handleClassList(n,"remove","show")}}toggleDropdownMenu(){if(this.hasDropdownMenu){const e=this.getDropdownMenu(),n=this.getMenuIconWrapper();this.handleClassList(e,"toggle","open"),this.handleClassList(n,"toggle","show")}}isDropdownMenuOpen(){const e=this.getDropdownMenu();return this.hasDropdownMenu&&e&&e.classList.contains("open")}handleLastItem(){const e=this.el.closest("ifx-breadcrumb").querySelectorAll("ifx-breadcrumb-item");this.el===e[e.length-1]?this.isLastItem=!0:this.isLastItem=!1}generateUniqueId(e="id"){return`${e}-${Math.random().toString(36).substring(2,9)}`}componentWillLoad(){this.uniqueId||(this.uniqueId=this.generateUniqueId("breadcrumb-dropdown")),this.handleLastItem()}componentDidUpdate(){this.handleLastItem()}componentWillRender(){this.setHasDropdownMenuState()}setHasDropdownMenuState(){const e=this.getIfxDropdownMenuComponent();e&&(this.hasDropdownMenu=!!e)}getIfxDropdownMenuComponent(){return this.el.querySelector("ifx-dropdown-menu")}componentDidLoad(){const e=this.getIfxDropdownMenuComponent();if(this.hasDropdownMenu)e.isOpen=!0;else{const n=this.getMenuIconWrapper();this.handleClassList(n,"toggle","hide")}}render(){return t("li",{key:"5779bbe0854a084c33c1bb535655fe484165784e",class:"breadcrumb-parent","aria-current":`${this.isLastItem?"page":""}`},t("li",{key:"63e956424dda4002a84c7da17bfe42b3f7f830b0",role:"button",tabindex:this.hasDropdownMenu?0:-1,class:"breadcrumb-wrapper",onClick:()=>this.toggleDropdownMenu(),"aria-controls":this.uniqueId,"aria-haspopup":"menu","aria-label":"Toggle dropdown menu"},t("slot",{key:"14f66501d9ac8efc9ff9e6b771757e30c70814a6",name:"label"}),t("div",{key:"9620ab0608dc5c74aa39fe321a332421ee4c76b3",id:this.uniqueId,class:"dropdown-menu","aria-expanded":this.isDropdownMenuOpen(),"aria-label":"Dropdown menu"},t("slot",{key:"c4e6e9b1650f2467876f7824201139b369625b3d"}))),!this.isLastItem&&t("span",{key:"5c028ab8720841b8a2777a84d7ad3f933ab43b79",class:"breadcrumb-divider","aria-hidden":"true"},"/"))}get el(){return s(this)}};d.style=a;export{d as ifx_breadcrumb_item}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-breadcrumb.entry-BGloujdZ.js b/pr-preview-vue-example/pr-1685/assets/ifx-breadcrumb.entry-slkZYTw2.js similarity index 94% rename from pr-preview-vue-example/pr-1685/assets/ifx-breadcrumb.entry-BGloujdZ.js rename to pr-preview-vue-example/pr-1685/assets/ifx-breadcrumb.entry-slkZYTw2.js index 2fcdf94c3..ae28c8ab2 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-breadcrumb.entry-BGloujdZ.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-breadcrumb.entry-slkZYTw2.js @@ -1 +1 @@ -import{r as d,h as t,g as l}from"./index-DFR79MvN.js";const b=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:flex}.breadcrumb{list-style:none;padding:0px;margin:0px;display:flex;flex-direction:row;font-family:var(--ifx-font-family);font-size:0.875rem;align-items:flex-start}',f=b,m=class{constructor(e){d(this,e)}componentDidLoad(){const e=this.el.shadowRoot.firstChild;this.validateBreadcrumbItemStructure(e)}validateBreadcrumbItemStructure(e){if(!e){console.error("element not found");return}const a=e.querySelector("slot");if(a){const o=a.assignedNodes();for(let r=0;r{if(this.el.shadowRoot){const n=this.el.closest("form");if(n)if(i.preventDefault(),this.type==="reset")this.resetClickHandler();else{const t=document.createElement("button");this.type&&(t.type=this.type),t.style.display="none",n.appendChild(t),t.click(),t.remove()}}},this.variant="primary",this.theme="default",this.size="m",this.disabled=!1,this.internalHref=void 0,this.href=void 0,this.target="_self",this.type="button",this.fullWidth=!1,this.AriaLabel=void 0}setInternalHref(e){this.internalHref=e}async setFocus(){this.focusableElement.focus()}insertNativeButton(){this.nativeButton=document.createElement("button"),this.nativeButton.type=this.type,this.nativeButton.style.display="none",this.el.closest("form").appendChild(this.nativeButton)}handleFormAndInternalHref(){this.el.closest("form")?(this.el.href&&(this.el.internalHref=void 0),this.insertNativeButton()):this.internalHref=this.href}handleButtonWidth(){this.fullWidth?this.el.style.setProperty("--bw","100%"):this.el.style.setProperty("--bw","fit-content")}componentWillLoad(){this.handleFormAndInternalHref()}componentWillRender(){this.handleButtonWidth()}resetClickHandler(){this.el.closest("form").querySelectorAll("ifx-text-field, ifx-textarea").forEach(n=>{n.reset()})}handleKeyDown(e){(e.key===" "||e.key==="Enter"&&!this.disabled)&&this.focusableElement.click()}handleHostClick(e){this.disabled===!0&&e.stopImmediatePropagation()}handleFocus(e){this.disabled&&(e.preventDefault(),this.focusableElement.blur())}render(){return o(d,{key:"7c8fba0e57ae1cdfa075d8e165e694a5fc05b763"},o("a",{key:"dd0d98ba6e5277087d390f5e297d445873826478",role:this.href?"link":"button",tabIndex:this.disabled?-1:0,ref:e=>this.focusableElement=e,class:this.getClassNames(),href:this.disabled?void 0:this.internalHref,target:this.target,onClick:this.handleClick,rel:this.target==="_blank"?"noopener noreferrer":void 0,onFocus:e=>this.handleFocus(e),"aria-disabled":this.disabled?"true":null,"aria-describedby":this.theme==="danger"?"Dangerous action":void 0,"aria-label":this.AriaLabel||void 0},o("slot",{key:"acfbfb434c7b0f8705b31564a15f59f20c854036"})))}getVariantClass(){return`${this.variant}`=="secondary"?`secondary-${this.theme}`:`${this.variant}`=="tertiary"?`tertiary-${this.theme}`:`${this.theme}`}getSizeClass(){return`${this.size}`=="xs"?"xs":`${this.size}`=="s"?"s":`${this.size}`=="l"?"l":""}getClassNames(){return r("btn",this.size&&`btn-${this.getSizeClass()}`,`btn-${this.getVariantClass()}`,this.disabled?"disabled":"")}get el(){return s(this)}static get watchers(){return{href:["setInternalHref"]}}};c.style=b;export{c as ifx_button}; +import{r as a,h as o,H as d,g as s}from"./index-CTBaKUaT.js";import{c as r}from"./index-72ac5051-B1g_EHyb.js";const l=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{vertical-align:bottom;display:inline-flex;width:var(--bw, fit-content)}.btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0px 16px;gap:8px;color:#FFFFFF;font-weight:600;border-radius:1px;line-height:1.5rem;font-family:var(--ifx-font-family);font-style:normal;text-decoration:none;user-select:none;font-size:1rem;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;width:var(--bw, fit-content)}.btn:not(.disabled){cursor:pointer}.btn.disabled{pointer-events:none}.btn-default{color:#FFFFFF;background-color:#0A8276}.btn-default:disabled,.btn-default.disabled{background-color:#BFBBBB;color:#FFFFFF;pointer-events:none}.btn-secondary-default{background-color:#FFFFFF;color:#0A8276;border:1px solid #0A8276}.btn-secondary-default:disabled,.btn-secondary-default.disabled{background-color:#FFFFFF;border:1px solid #BFBBBB;color:#BFBBBB;pointer-events:none}.btn-tertiary-default{background-color:transparent;color:#0A8276}.btn-tertiary-default:disabled,.btn-tertiary-default.disabled{color:#BFBBBB;pointer-events:none}.btn-danger{color:#FFFFFF;background-color:#CD002F;border-color:#CD002F}.btn-danger:disabled,.btn-danger.disabled{background-color:#BFBBBB;color:#FFFFFF;pointer-events:none}.btn-secondary-danger{background-color:#FFFFFF;color:#CD002F;border:1px solid #CD002F}.btn-secondary-danger:disabled,.btn-secondary-danger.disabled{background-color:#FFFFFF;border:1px solid #BFBBBB;color:#BFBBBB;pointer-events:none}.btn-tertiary-danger{background-color:transparent;color:#CD002F}.btn-tertiary-danger:disabled,.btn-tertiary-danger.disabled{background-color:#FFFFFF;color:#BFBBBB;pointer-events:none}.btn-inverse{color:#0A8276;background-color:#FFFFFF}.btn-inverse:disabled,.btn-inverse.disabled{opacity:1;background-color:#FFFFFF;color:#0A8276;pointer-events:none}.btn-secondary-inverse{color:#FFFFFF;border:1px solid #FFFFFF}.btn-secondary-inverse:disabled,.btn-secondary-inverse.disabled{border:1px solid #FFFFFF;color:#FFFFFF;pointer-events:none}.btn-tertiary-inverse{color:#FFFFFF}.btn-tertiary-inverse:disabled,.btn-tertiary-inverse.disabled{color:#FFFFFF;opacity:1;pointer-events:none}.btn ifx-icon:empty{display:none}.btn.btn-xs{font-size:0.875rem;height:32px;line-height:1rem}.btn.btn-s{font-size:0.875rem;height:36px;line-height:1.25rem}.btn.btn-l{font-size:1.25rem;height:48px;line-height:1.75rem}.btn.btn-default:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.btn.btn-default:not(:disabled,.disabled):hover{background-color:#08665C}.btn.btn-default:not(:disabled,.disabled):active,.btn.btn-default:not(:disabled,.disabled).active{background-color:#06534B}.btn.btn-secondary-default:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.btn.btn-secondary-default:not(:disabled,.disabled):hover{color:#FFFFFF;background-color:#08665C}.btn.btn-secondary-default:not(:disabled,.disabled):active,.btn.btn-secondary-default:not(:disabled,.disabled).active{background-color:#06534B}.btn.btn-secondary:not(:disabled,.disabled):hover{background-color:#9C216E}.btn.btn-secondary:not(:disabled,.disabled):active,.btn.btn-secondary:not(:disabled,.disabled).active{background-color:#9C216E}.btn.btn-danger:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.btn.btn-danger:not(:disabled,.disabled):hover{background-color:#A2001E}.btn.btn-danger:not(:disabled,.disabled):active,.btn.btn-danger:not(:disabled,.disabled).active{background-color:#900021}.btn.btn-secondary-danger:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.btn.btn-secondary-danger:not(:disabled,.disabled):hover{color:#FFFFFF;background-color:#A2001E}.btn.btn-secondary-danger:not(:disabled,.disabled):active,.btn.btn-secondary-danger:not(:disabled,.disabled).active{background-color:#900021}.btn.btn-inverse:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #0A8276, 0 0 0 4px #FFFFFF}.btn.btn-inverse:not(:disabled,.disabled):hover{background-color:#EEEDED}.btn.btn-inverse:not(:disabled,.disabled):active,.btn.btn-inverse:not(:disabled,.disabled).active{background-color:#BFBBBB}.btn.btn-secondary-inverse:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #0A8276, 0 0 0 4px #FFFFFF}.btn.btn-secondary-inverse:not(:disabled,.disabled):hover{color:#0A8276;background-color:#EEEDED}.btn.btn-secondary-inverse:not(:disabled,.disabled):active,.btn.btn-secondary-inverse:not(:disabled,.disabled).active{color:#0A8276;background-color:#BFBBBB}.btn.btn-tertiary-default:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #08665C}.btn.btn-tertiary-default:not(:disabled,.disabled):hover{color:#08665C}.btn.btn-tertiary-default:not(:disabled,.disabled):active,.btn.btn-tertiary-default:not(:disabled,.disabled).active{color:#06534B}.btn.btn-tertiary-danger:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #A2001E}.btn.btn-tertiary-danger:not(:disabled,.disabled):hover{color:#A2001E}.btn.btn-tertiary-danger:not(:disabled,.disabled):active,.btn.btn-tertiary-danger:not(:disabled,.disabled).active{color:#900021}.btn.btn-tertiary-inverse:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #0A8276, 0 0 0 4px #FFFFFF}.btn.btn-tertiary-inverse:not(:disabled,.disabled):hover{color:#EEEDED}.btn.btn-tertiary-inverse:not(:disabled,.disabled):active,.btn.btn-tertiary-inverse:not(:disabled,.disabled).active{color:#BFBBBB}',b=l,c=class{constructor(e){a(this,e),this.handleClick=i=>{if(this.el.shadowRoot){const n=this.el.closest("form");if(n)if(i.preventDefault(),this.type==="reset")this.resetClickHandler();else{const t=document.createElement("button");this.type&&(t.type=this.type),t.style.display="none",n.appendChild(t),t.click(),t.remove()}}},this.variant="primary",this.theme="default",this.size="m",this.disabled=!1,this.internalHref=void 0,this.href=void 0,this.target="_self",this.type="button",this.fullWidth=!1,this.AriaLabel=void 0}setInternalHref(e){this.internalHref=e}async setFocus(){this.focusableElement.focus()}insertNativeButton(){this.nativeButton=document.createElement("button"),this.nativeButton.type=this.type,this.nativeButton.style.display="none",this.el.closest("form").appendChild(this.nativeButton)}handleFormAndInternalHref(){this.el.closest("form")?(this.el.href&&(this.el.internalHref=void 0),this.insertNativeButton()):this.internalHref=this.href}handleButtonWidth(){this.fullWidth?this.el.style.setProperty("--bw","100%"):this.el.style.setProperty("--bw","fit-content")}componentWillLoad(){this.handleFormAndInternalHref()}componentWillRender(){this.handleButtonWidth()}resetClickHandler(){this.el.closest("form").querySelectorAll("ifx-text-field, ifx-textarea").forEach(n=>{n.reset()})}handleKeyDown(e){(e.key===" "||e.key==="Enter"&&!this.disabled)&&this.focusableElement.click()}handleHostClick(e){this.disabled===!0&&e.stopImmediatePropagation()}handleFocus(e){this.disabled&&(e.preventDefault(),this.focusableElement.blur())}render(){return o(d,{key:"7c8fba0e57ae1cdfa075d8e165e694a5fc05b763"},o("a",{key:"dd0d98ba6e5277087d390f5e297d445873826478",role:this.href?"link":"button",tabIndex:this.disabled?-1:0,ref:e=>this.focusableElement=e,class:this.getClassNames(),href:this.disabled?void 0:this.internalHref,target:this.target,onClick:this.handleClick,rel:this.target==="_blank"?"noopener noreferrer":void 0,onFocus:e=>this.handleFocus(e),"aria-disabled":this.disabled?"true":null,"aria-describedby":this.theme==="danger"?"Dangerous action":void 0,"aria-label":this.AriaLabel||void 0},o("slot",{key:"acfbfb434c7b0f8705b31564a15f59f20c854036"})))}getVariantClass(){return`${this.variant}`=="secondary"?`secondary-${this.theme}`:`${this.variant}`=="tertiary"?`tertiary-${this.theme}`:`${this.theme}`}getSizeClass(){return`${this.size}`=="xs"?"xs":`${this.size}`=="s"?"s":`${this.size}`=="l"?"l":""}getClassNames(){return r("btn",this.size&&`btn-${this.getSizeClass()}`,`btn-${this.getVariantClass()}`,this.disabled?"disabled":"")}get el(){return s(this)}static get watchers(){return{href:["setInternalHref"]}}};c.style=b;export{c as ifx_button}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-card-headline.entry-vIiVhb5K.js b/pr-preview-vue-example/pr-1685/assets/ifx-card-headline.entry-CHLguVrm.js similarity index 94% rename from pr-preview-vue-example/pr-1685/assets/ifx-card-headline.entry-vIiVhb5K.js rename to pr-preview-vue-example/pr-1685/assets/ifx-card-headline.entry-CHLguVrm.js index dbcc8035e..dc532d6ca 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-card-headline.entry-vIiVhb5K.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-card-headline.entry-CHLguVrm.js @@ -1 +1 @@ -import{r as n,h as t,g as d}from"./index-DFR79MvN.js";const r=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{pointer-events:none}.card__headline-wrapper{padding-bottom:16px}.card__headline-wrapper.withDesc{padding-bottom:8px}.card-headline{margin-top:0;padding-top:0;font-family:var(--ifx-font-family);font-weight:600;font-size:1.5rem;line-height:2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card-headline.horizontal{font-size:1.25rem;line-height:28px}',s=r,o=class{constructor(e){n(this,e),this.direction=void 0,this.hasDesc=void 0}componentWillLoad(){var e;const i=this.el.closest("ifx-card");if(i){const a=(e=i.shadowRoot.querySelector(".card"))===null||e===void 0?void 0:e.className;a&&a.includes("horizontal")&&(this.direction="horizontal"),i.querySelector("ifx-card-text")&&(this.hasDesc=!0)}}render(){return t("div",{key:"3599127fad1e7dc563064d38df9996bcd7bd9217",class:`card__headline-wrapper ${this.hasDesc?"withDesc":""}`},t("div",{key:"643428271dec2bdf71c7059bf6e28c00cae9438b",class:`card-headline ${this.direction}`},t("slot",{key:"3b7ec4e25a399e96a0db4f03d793109eabf08fff"})))}get el(){return d(this)}};o.style=s;export{o as ifx_card_headline}; +import{r as n,h as t,g as d}from"./index-CTBaKUaT.js";const r=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{pointer-events:none}.card__headline-wrapper{padding-bottom:16px}.card__headline-wrapper.withDesc{padding-bottom:8px}.card-headline{margin-top:0;padding-top:0;font-family:var(--ifx-font-family);font-weight:600;font-size:1.5rem;line-height:2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card-headline.horizontal{font-size:1.25rem;line-height:28px}',s=r,o=class{constructor(e){n(this,e),this.direction=void 0,this.hasDesc=void 0}componentWillLoad(){var e;const i=this.el.closest("ifx-card");if(i){const a=(e=i.shadowRoot.querySelector(".card"))===null||e===void 0?void 0:e.className;a&&a.includes("horizontal")&&(this.direction="horizontal"),i.querySelector("ifx-card-text")&&(this.hasDesc=!0)}}render(){return t("div",{key:"3599127fad1e7dc563064d38df9996bcd7bd9217",class:`card__headline-wrapper ${this.hasDesc?"withDesc":""}`},t("div",{key:"643428271dec2bdf71c7059bf6e28c00cae9438b",class:`card-headline ${this.direction}`},t("slot",{key:"3b7ec4e25a399e96a0db4f03d793109eabf08fff"})))}get el(){return d(this)}};o.style=s;export{o as ifx_card_headline}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-card-image.entry-DBs4EqiS.js b/pr-preview-vue-example/pr-1685/assets/ifx-card-image.entry-RCp57TIh.js similarity index 89% rename from pr-preview-vue-example/pr-1685/assets/ifx-card-image.entry-DBs4EqiS.js rename to pr-preview-vue-example/pr-1685/assets/ifx-card-image.entry-RCp57TIh.js index eb4a70582..69d87662f 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-card-image.entry-DBs4EqiS.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-card-image.entry-RCp57TIh.js @@ -1 +1 @@ -import{r as t,c as s,h as e}from"./index-DFR79MvN.js";const o=".card-image{width:100%;height:100%;vertical-align:bottom;object-fit:cover}",n=o,a=class{constructor(i){t(this,i),this.imgPosition=s(this,"imgPosition",7),this.src=void 0,this.alt=void 0,this.position=void 0}handlePosition(i){this.imgPosition.emit(i)}componentWillLoad(){this.handlePosition(this.position)}componentDidUpdate(){this.handlePosition(this.position)}render(){return e("img",{key:"e08992cdb9c62e7b4f98d58d39457702233ee300",src:this.src,alt:this.alt,class:"card-image"})}};a.style=n;export{a as ifx_card_image}; +import{r as t,c as s,h as e}from"./index-CTBaKUaT.js";const o=".card-image{width:100%;height:100%;vertical-align:bottom;object-fit:cover}",n=o,a=class{constructor(i){t(this,i),this.imgPosition=s(this,"imgPosition",7),this.src=void 0,this.alt=void 0,this.position=void 0}handlePosition(i){this.imgPosition.emit(i)}componentWillLoad(){this.handlePosition(this.position)}componentDidUpdate(){this.handlePosition(this.position)}render(){return e("img",{key:"e08992cdb9c62e7b4f98d58d39457702233ee300",src:this.src,alt:this.alt,class:"card-image"})}};a.style=n;export{a as ifx_card_image}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-card-links.entry-DmMHfVsm.js b/pr-preview-vue-example/pr-1685/assets/ifx-card-links.entry-C0_CgSNW.js similarity index 89% rename from pr-preview-vue-example/pr-1685/assets/ifx-card-links.entry-DmMHfVsm.js rename to pr-preview-vue-example/pr-1685/assets/ifx-card-links.entry-C0_CgSNW.js index 7016a17eb..c8a1a296f 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-card-links.entry-DmMHfVsm.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-card-links.entry-C0_CgSNW.js @@ -1 +1 @@ -import{r as a,h as e,g as n}from"./index-DFR79MvN.js";const t=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.container{display:flex;align-items:center;gap:20px;flex-wrap:wrap;text-decoration:none;color:#1D1D1D;padding:0px 24px 24px 24px;word-wrap:break-word;overflow-wrap:anywhere;}.container:hover{cursor:initial}',s=t,o=class{constructor(r){a(this,r)}render(){return e("div",{key:"2f4e55e1890a5d5f749d0e951d6971d8cf1b0875",class:"container"},e("slot",{key:"7e0c1226088fcd91ffee21b817f89970bc3ab772"}))}get el(){return n(this)}};o.style=s;export{o as ifx_card_links}; +import{r as a,h as e,g as n}from"./index-CTBaKUaT.js";const t=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.container{display:flex;align-items:center;gap:20px;flex-wrap:wrap;text-decoration:none;color:#1D1D1D;padding:0px 24px 24px 24px;word-wrap:break-word;overflow-wrap:anywhere;}.container:hover{cursor:initial}',s=t,o=class{constructor(r){a(this,r)}render(){return e("div",{key:"2f4e55e1890a5d5f749d0e951d6971d8cf1b0875",class:"container"},e("slot",{key:"7e0c1226088fcd91ffee21b817f89970bc3ab772"}))}get el(){return n(this)}};o.style=s;export{o as ifx_card_links}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-card-overline.entry-CEv97a1Y.js b/pr-preview-vue-example/pr-1685/assets/ifx-card-overline.entry-gmU_M1_X.js similarity index 89% rename from pr-preview-vue-example/pr-1685/assets/ifx-card-overline.entry-CEv97a1Y.js rename to pr-preview-vue-example/pr-1685/assets/ifx-card-overline.entry-gmU_M1_X.js index 374f00571..56df1fb4b 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-card-overline.entry-CEv97a1Y.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-card-overline.entry-gmU_M1_X.js @@ -1 +1 @@ -import{r as o,h as e}from"./index-DFR79MvN.js";const t=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{pointer-events:none}.card-overline{font-size:1rem;font-weight:400;color:#575352;padding-bottom:4px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all}',i=t,a=class{constructor(r){o(this,r)}render(){return e("div",{key:"edb86d9c621859391a960610c81ab5fa3a3558fd",class:"card-overline"},e("slot",{key:"2b4846831c111a2b598b6632559b5346c152568f"}))}};a.style=i;export{a as ifx_card_overline}; +import{r as o,h as e}from"./index-CTBaKUaT.js";const t=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{pointer-events:none}.card-overline{font-size:1rem;font-weight:400;color:#575352;padding-bottom:4px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all}',i=t,a=class{constructor(r){o(this,r)}render(){return e("div",{key:"edb86d9c621859391a960610c81ab5fa3a3558fd",class:"card-overline"},e("slot",{key:"2b4846831c111a2b598b6632559b5346c152568f"}))}};a.style=i;export{a as ifx_card_overline}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-card-text.entry-CVw5bYHN.js b/pr-preview-vue-example/pr-1685/assets/ifx-card-text.entry-DyZu2zDa.js similarity index 93% rename from pr-preview-vue-example/pr-1685/assets/ifx-card-text.entry-CVw5bYHN.js rename to pr-preview-vue-example/pr-1685/assets/ifx-card-text.entry-DyZu2zDa.js index f0788d211..6a485cc44 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-card-text.entry-CVw5bYHN.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-card-text.entry-DyZu2zDa.js @@ -1 +1 @@ -import{r,h as t,g as s}from"./index-DFR79MvN.js";const i=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{pointer-events:none}.card__text-wrapper{padding-bottom:0px}.card__text-wrapper.hasBtn{padding-bottom:16px}.card-text{line-height:1.5rem;font-size:1rem;font-weight:400;white-space:wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}',n=i,o=class{constructor(e){r(this,e),this.hasBtn=void 0}componentWillLoad(){const e=this.el.closest("ifx-card").querySelector("ifx-link"),a=this.el.closest("ifx-card").querySelector("ifx-button");(e||a)&&(this.hasBtn=!0)}render(){return t("div",{key:"fea1823e8000b8699142eefb127eb1716a606bcd",class:`card__text-wrapper ${this.hasBtn?"hasBtn":""}`},t("div",{key:"ee9baf1f210a6bf109669d3dbb075f56cf52ee22",class:"card-text"},t("slot",{key:"d4e94f54325b349d0a908f1812412e4a6ff1adad"})))}get el(){return s(this)}};o.style=n;export{o as ifx_card_text}; +import{r,h as t,g as s}from"./index-CTBaKUaT.js";const i=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{pointer-events:none}.card__text-wrapper{padding-bottom:0px}.card__text-wrapper.hasBtn{padding-bottom:16px}.card-text{line-height:1.5rem;font-size:1rem;font-weight:400;white-space:wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}',n=i,o=class{constructor(e){r(this,e),this.hasBtn=void 0}componentWillLoad(){const e=this.el.closest("ifx-card").querySelector("ifx-link"),a=this.el.closest("ifx-card").querySelector("ifx-button");(e||a)&&(this.hasBtn=!0)}render(){return t("div",{key:"fea1823e8000b8699142eefb127eb1716a606bcd",class:`card__text-wrapper ${this.hasBtn?"hasBtn":""}`},t("div",{key:"ee9baf1f210a6bf109669d3dbb075f56cf52ee22",class:"card-text"},t("slot",{key:"d4e94f54325b349d0a908f1812412e4a6ff1adad"})))}get el(){return s(this)}};o.style=n;export{o as ifx_card_text}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-card.entry-CYXGdM_a.js b/pr-preview-vue-example/pr-1685/assets/ifx-card.entry-BA3Tro8K.js similarity index 98% rename from pr-preview-vue-example/pr-1685/assets/ifx-card.entry-CYXGdM_a.js rename to pr-preview-vue-example/pr-1685/assets/ifx-card.entry-BA3Tro8K.js index 21c759fbd..ff81ef423 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-card.entry-CYXGdM_a.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-card.entry-BA3Tro8K.js @@ -1,4 +1,4 @@ -import{r as o,h as e,H as d,g as i}from"./index-DFR79MvN.js";const n=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.card{position:relative;display:inline-flex;flex-direction:column;word-wrap:break-word;background-color:#FFFFFF;background-clip:border-box;border:1px solid #EEEDED;border-radius:1px;width:350px;height:auto;font-family:var(--ifx-font-family)}.card:has(.card-href:focus),.card:has(.card-href:hover){outline:none;border-color:#0A8276}.card:has(.card-href:focus) ::slotted(ifx-card-headline),.card:has(.card-href:hover) ::slotted(ifx-card-headline){color:#0A8276}.card.noBtns .vertical .lower__body-wrapper{padding-bottom:24px}.card.noBtns .horizontal .lower__body-wrapper{padding-bottom:24px}.card .horizontal{display:flex;flex-direction:row;min-height:218px}.card .horizontal .card-img{flex:1;text-decoration:none}.card .horizontal .card-img.noImage{display:none}.card .horizontal .card-img ::slotted([slot=img]){width:100%;vertical-align:bottom}.card .horizontal .lower__body-wrapper{flex:1;display:grid;grid-template-rows:1fr auto}.card .horizontal .lower__body-wrapper .upper-body{display:flex;flex-direction:column;text-decoration:none;color:#1D1D1D;padding:24px 24px 0px 24px}.card .vertical .upper__body-wrapper{text-decoration:none;color:#1D1D1D}.card .vertical .upper__body-wrapper .card-img{height:190px}.card .vertical .upper__body-wrapper .card-img.noImage{display:none}.card .vertical .upper__body-wrapper .upper-body{padding:24px 24px 0px 24px}.card .vertical .lower__body-wrapper:hover{border-color:#EEEDED}.card.horizontal{flex-direction:row;width:538px}.card.horizontal .card-img{flex:1;order:2}.card.horizontal .card-img ::slotted([slot=img]){width:100%;height:100%;vertical-align:bottom;object-fit:cover}.card.horizontal.left .horizontal .card-img{order:1}.card.horizontal.left .horizontal .lower__body-wrapper{order:2}.card .card-href:focus{outline:none}',c=n,l=class{constructor(a){o(this,a),this.noBtns=void 0,this.direction="vertical",this.alignment=void 0,this.noImg=void 0,this.href="",this.internalHref="",this.target="_self",this.AriaLabel=void 0}setImgPosition(a){this.alignment=a.detail}handleComponentAdjustment(){const a=this.el.querySelector("ifx-card-image"),r=this.el.querySelector("ifx-card-links");a?this.noImg=!1:this.noImg=!0,r?this.noBtns=!1:this.noBtns=!0,this.href.trim()===""?this.internalHref=void 0:this.internalHref=this.href}handleClassList(a,r,t){a.classList[r](t)}componentWillLoad(){this.handleComponentAdjustment()}componentWillUpdate(){this.handleComponentAdjustment()}render(){return e(d,{key:"01e7592f9bf887e80837db93ab637fa77fb1ce1f"},e("div",{key:"8b784dff18da8f47e57a293554dc18af013293f4","aria-label":this.AriaLabel,class:`card +import{r as o,h as e,H as d,g as i}from"./index-CTBaKUaT.js";const n=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.card{position:relative;display:inline-flex;flex-direction:column;word-wrap:break-word;background-color:#FFFFFF;background-clip:border-box;border:1px solid #EEEDED;border-radius:1px;width:350px;height:auto;font-family:var(--ifx-font-family)}.card:has(.card-href:focus),.card:has(.card-href:hover){outline:none;border-color:#0A8276}.card:has(.card-href:focus) ::slotted(ifx-card-headline),.card:has(.card-href:hover) ::slotted(ifx-card-headline){color:#0A8276}.card.noBtns .vertical .lower__body-wrapper{padding-bottom:24px}.card.noBtns .horizontal .lower__body-wrapper{padding-bottom:24px}.card .horizontal{display:flex;flex-direction:row;min-height:218px}.card .horizontal .card-img{flex:1;text-decoration:none}.card .horizontal .card-img.noImage{display:none}.card .horizontal .card-img ::slotted([slot=img]){width:100%;vertical-align:bottom}.card .horizontal .lower__body-wrapper{flex:1;display:grid;grid-template-rows:1fr auto}.card .horizontal .lower__body-wrapper .upper-body{display:flex;flex-direction:column;text-decoration:none;color:#1D1D1D;padding:24px 24px 0px 24px}.card .vertical .upper__body-wrapper{text-decoration:none;color:#1D1D1D}.card .vertical .upper__body-wrapper .card-img{height:190px}.card .vertical .upper__body-wrapper .card-img.noImage{display:none}.card .vertical .upper__body-wrapper .upper-body{padding:24px 24px 0px 24px}.card .vertical .lower__body-wrapper:hover{border-color:#EEEDED}.card.horizontal{flex-direction:row;width:538px}.card.horizontal .card-img{flex:1;order:2}.card.horizontal .card-img ::slotted([slot=img]){width:100%;height:100%;vertical-align:bottom;object-fit:cover}.card.horizontal.left .horizontal .card-img{order:1}.card.horizontal.left .horizontal .lower__body-wrapper{order:2}.card .card-href:focus{outline:none}',c=n,l=class{constructor(a){o(this,a),this.noBtns=void 0,this.direction="vertical",this.alignment=void 0,this.noImg=void 0,this.href="",this.internalHref="",this.target="_self",this.AriaLabel=void 0}setImgPosition(a){this.alignment=a.detail}handleComponentAdjustment(){const a=this.el.querySelector("ifx-card-image"),r=this.el.querySelector("ifx-card-links");a?this.noImg=!1:this.noImg=!0,r?this.noBtns=!1:this.noBtns=!0,this.href.trim()===""?this.internalHref=void 0:this.internalHref=this.href}handleClassList(a,r,t){a.classList[r](t)}componentWillLoad(){this.handleComponentAdjustment()}componentWillUpdate(){this.handleComponentAdjustment()}render(){return e(d,{key:"01e7592f9bf887e80837db93ab637fa77fb1ce1f"},e("div",{key:"8b784dff18da8f47e57a293554dc18af013293f4","aria-label":this.AriaLabel,class:`card ${this.noBtns?"noBtns":""} ${this.direction} ${this.alignment}`,role:"region"},this.direction==="horizontal"&&e("div",{key:"69e234c4c3302dd8bf6b5133016e3c0642cf0034",class:"horizontal"},e("a",{key:"c4e4288637327e7e0f68b68a3ee750e3567c327d",class:`card-img ${this.noImg?"noImage":""} ${this.internalHref?"card-href":""}`,href:this.internalHref},e("slot",{key:"d119095e1e71d459b160744276a2987b9596d076",name:"img"})),e("div",{key:"53b3816544b90daec193ced7b084aa2dfa12f7c6",class:"lower__body-wrapper"},e("a",{key:"61477913ea24a2bdc3765771bf60af809a5643f5",class:`upper-body ${this.internalHref?"card-href":""}`,href:this.internalHref},e("slot",{key:"aa49da1c6b7cefefb5d9f36f72f3166e09c2e494"})),e("div",{key:"da9e12e7e215397ed699f3158676235d3ec1e05c"},e("slot",{key:"dd43320f7bc1d0dce6f3c6a3bbf4de31c60d9f77",name:"buttons"})))),this.direction==="vertical"&&e("div",{key:"81a7e3a57402983a7544cb80c37609ca1189b8cd",class:"vertical"},e("a",{key:"3835c2cbb6de0e6b518f72d7752033e71e62e5f6",class:`upper__body-wrapper ${this.internalHref?"card-href":""}`,href:this.internalHref,target:this.target},e("div",{key:"57f555a369c10897d75058780993a45d0dc4b1da",class:`card-img ${this.noImg?"noImage":""}`},e("slot",{key:"fc23cd2f3575e0c8bf9dc4e50581527175d3dfa5",name:"img"})),e("div",{key:"abc7faafe9cb34acba6cd6db1daca948438511e9",class:"upper-body"},e("slot",{key:"9f8ed0bfa8ac124368b0fc0af24037ab9549d26b"}))),e("div",{key:"f13ded514016af3d5975224049db6c84c32e7c03",class:"lower__body-wrapper"},e("slot",{key:"3a6875e3f2daa209ad56bc5417facd8835af3ea0",name:"buttons"})))))}get el(){return i(this)}};l.style=c;export{l as ifx_card}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-checkbox.entry-RSF_z7ig.js b/pr-preview-vue-example/pr-1685/assets/ifx-checkbox.entry-GA_TYA9y.js similarity index 98% rename from pr-preview-vue-example/pr-1685/assets/ifx-checkbox.entry-RSF_z7ig.js rename to pr-preview-vue-example/pr-1685/assets/ifx-checkbox.entry-GA_TYA9y.js index fc30ba879..826ab9b43 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-checkbox.entry-RSF_z7ig.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-checkbox.entry-GA_TYA9y.js @@ -1,4 +1,4 @@ -import{r,c as o,h as t,g as c}from"./index-DFR79MvN.js";const a=':host{display:inline-flex;vertical-align:top}.checkbox__container{box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;padding:0px;gap:8px;font-family:var(--ifx-font-family)}.checkbox__container .checkbox__wrapper{box-sizing:border-box;display:flex;position:relative;justify-content:center;align-items:center;width:20px;height:20px;background-color:#FFFFFF;border:1px solid #575352;border-radius:1px;flex:none;order:0;flex-grow:0;align-self:flex-start}.checkbox__container .checkbox__wrapper.checkbox-m{height:24px;width:24px}.checkbox__container .checkbox__wrapper.error{border-color:#CD002F}.checkbox__container .checkbox__wrapper:focus-visible{border:1px solid #575352;outline:2px solid #0A8276;outline-offset:2px}.checkbox__container .checkbox__wrapper:hover{background-color:#EEEDED;border:1px solid #575352;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.disabled{background-color:#BFBBBB;border-color:#BFBBBB;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.checked{background-color:#0A8276;border-radius:1px;border-color:transparent;flex:none;order:0;flex-grow:0;color:#FFFFFF}.checkbox__container .checkbox__wrapper.checked.error{background-color:#CD002F}.checkbox__container .checkbox__wrapper.checked:focus-visible{border:1px solid transparent;outline:2px solid #0A8276;outline-offset:2px}.checkbox__container .checkbox__wrapper.checked:hover{background-color:#08665C;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.checked.disabled{background:#BFBBBB;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.indeterminate:before{content:"";display:block;width:70%;height:2px;background-color:#08665C;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.checkbox__container .label{font-style:normal;font-weight:400;font-size:0.875rem;line-height:1.25rem;color:#1D1D1D;overflow-wrap:break-word;word-wrap:break-word;word-break:break-all;max-width:100%}.checkbox__container .label.label-m{font-size:1rem;line-height:1.5rem}.checkbox__container .label.disabled{color:#BFBBBB}.checkbox__container .checkbox__wrapper:hover,.checkbox__container .label:hover{cursor:pointer}',l=a,d=class{constructor(e){r(this,e),this.ifxChange=o(this,"ifxChange",7),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),this.disabled=!1,this.checked=!1,this.error=!1,this.size="m",this.indeterminate=!1,this.value=void 0,this.internalChecked=void 0,this.internalIndeterminate=void 0}handleCheckbox(){this.disabled||(this.inputElement.indeterminate?(this.internalChecked=!0,this.internalIndeterminate=!1):this.internalChecked=!this.internalChecked,this.internalChecked?this.value!==void 0?this.internals.setFormValue(this.value):this.internals.setFormValue("on"):this.internals.setFormValue(null),this.ifxChange.emit(this.internalChecked))}async isChecked(){return this.internalChecked}async toggleCheckedState(e){this.internalChecked=e}valueChanged(e,i){e!==i&&(this.internalChecked=e,this.inputElement.checked=this.internalChecked)}indeterminateChanged(e,i){e!==i&&(this.internalIndeterminate=e,this.inputElement.indeterminate=this.internalIndeterminate)}handleKeydown(e){(e.keyCode===32||e.keyCode===13)&&(this.handleCheckbox(),e.preventDefault())}componentWillLoad(){this.internalChecked=this.checked,this.internalIndeterminate=this.indeterminate}componentDidRender(){this.inputElement.indeterminate=this.internalIndeterminate}formResetCallback(){this.internals.setFormValue(null)}getCheckedClassName(){return this.error?this.internalChecked?"checked error":"error":this.internalChecked?"checked":""}render(){const e=this.el.innerHTML;let i=!1;return e&&(i=!0),t("div",{key:"42d5a5b45e19edb9ad6885c2849ec4909fb587ea",class:"checkbox__container"},t("input",{key:"a924fc885614c78b86d396c50665470e1c281c2f",type:"checkbox",hidden:!0,ref:n=>this.inputElement=n,checked:this.internalChecked,onChange:this.handleCheckbox.bind(this),id:"checkbox",value:`${this.value}`,disabled:this.disabled?!0:void 0}),t("div",{key:"b39d40cdd76089d90ef783f971b3ff1eedddd16c",tabindex:"0",onClick:this.handleCheckbox.bind(this),onKeyDown:this.handleKeydown.bind(this),role:"checkbox","aria-checked":this.indeterminate?"mixed":this.internalChecked.toString(),"aria-disabled":this.disabled,"aria-labelledby":"label",class:`checkbox__wrapper +import{r,c as o,h as t,g as c}from"./index-CTBaKUaT.js";const a=':host{display:inline-flex;vertical-align:top}.checkbox__container{box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;padding:0px;gap:8px;font-family:var(--ifx-font-family)}.checkbox__container .checkbox__wrapper{box-sizing:border-box;display:flex;position:relative;justify-content:center;align-items:center;width:20px;height:20px;background-color:#FFFFFF;border:1px solid #575352;border-radius:1px;flex:none;order:0;flex-grow:0;align-self:flex-start}.checkbox__container .checkbox__wrapper.checkbox-m{height:24px;width:24px}.checkbox__container .checkbox__wrapper.error{border-color:#CD002F}.checkbox__container .checkbox__wrapper:focus-visible{border:1px solid #575352;outline:2px solid #0A8276;outline-offset:2px}.checkbox__container .checkbox__wrapper:hover{background-color:#EEEDED;border:1px solid #575352;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.disabled{background-color:#BFBBBB;border-color:#BFBBBB;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.checked{background-color:#0A8276;border-radius:1px;border-color:transparent;flex:none;order:0;flex-grow:0;color:#FFFFFF}.checkbox__container .checkbox__wrapper.checked.error{background-color:#CD002F}.checkbox__container .checkbox__wrapper.checked:focus-visible{border:1px solid transparent;outline:2px solid #0A8276;outline-offset:2px}.checkbox__container .checkbox__wrapper.checked:hover{background-color:#08665C;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.checked.disabled{background:#BFBBBB;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.indeterminate:before{content:"";display:block;width:70%;height:2px;background-color:#08665C;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.checkbox__container .label{font-style:normal;font-weight:400;font-size:0.875rem;line-height:1.25rem;color:#1D1D1D;overflow-wrap:break-word;word-wrap:break-word;word-break:break-all;max-width:100%}.checkbox__container .label.label-m{font-size:1rem;line-height:1.5rem}.checkbox__container .label.disabled{color:#BFBBBB}.checkbox__container .checkbox__wrapper:hover,.checkbox__container .label:hover{cursor:pointer}',l=a,d=class{constructor(e){r(this,e),this.ifxChange=o(this,"ifxChange",7),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),this.disabled=!1,this.checked=!1,this.error=!1,this.size="m",this.indeterminate=!1,this.value=void 0,this.internalChecked=void 0,this.internalIndeterminate=void 0}handleCheckbox(){this.disabled||(this.inputElement.indeterminate?(this.internalChecked=!0,this.internalIndeterminate=!1):this.internalChecked=!this.internalChecked,this.internalChecked?this.value!==void 0?this.internals.setFormValue(this.value):this.internals.setFormValue("on"):this.internals.setFormValue(null),this.ifxChange.emit(this.internalChecked))}async isChecked(){return this.internalChecked}async toggleCheckedState(e){this.internalChecked=e}valueChanged(e,i){e!==i&&(this.internalChecked=e,this.inputElement.checked=this.internalChecked)}indeterminateChanged(e,i){e!==i&&(this.internalIndeterminate=e,this.inputElement.indeterminate=this.internalIndeterminate)}handleKeydown(e){(e.keyCode===32||e.keyCode===13)&&(this.handleCheckbox(),e.preventDefault())}componentWillLoad(){this.internalChecked=this.checked,this.internalIndeterminate=this.indeterminate}componentDidRender(){this.inputElement.indeterminate=this.internalIndeterminate}formResetCallback(){this.internals.setFormValue(null)}getCheckedClassName(){return this.error?this.internalChecked?"checked error":"error":this.internalChecked?"checked":""}render(){const e=this.el.innerHTML;let i=!1;return e&&(i=!0),t("div",{key:"42d5a5b45e19edb9ad6885c2849ec4909fb587ea",class:"checkbox__container"},t("input",{key:"a924fc885614c78b86d396c50665470e1c281c2f",type:"checkbox",hidden:!0,ref:n=>this.inputElement=n,checked:this.internalChecked,onChange:this.handleCheckbox.bind(this),id:"checkbox",value:`${this.value}`,disabled:this.disabled?!0:void 0}),t("div",{key:"b39d40cdd76089d90ef783f971b3ff1eedddd16c",tabindex:"0",onClick:this.handleCheckbox.bind(this),onKeyDown:this.handleKeydown.bind(this),role:"checkbox","aria-checked":this.indeterminate?"mixed":this.internalChecked.toString(),"aria-disabled":this.disabled,"aria-labelledby":"label",class:`checkbox__wrapper ${this.getCheckedClassName()} ${this.size==="m"?"checkbox-m":""} ${this.indeterminate?"indeterminate":""} diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-chip_3.entry-zij_vTBW.js b/pr-preview-vue-example/pr-1685/assets/ifx-chip_3.entry-Dz-RiXBo.js similarity index 99% rename from pr-preview-vue-example/pr-1685/assets/ifx-chip_3.entry-zij_vTBW.js rename to pr-preview-vue-example/pr-1685/assets/ifx-chip_3.entry-Dz-RiXBo.js index 6f60e268e..35450de07 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-chip_3.entry-zij_vTBW.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-chip_3.entry-Dz-RiXBo.js @@ -1,4 +1,4 @@ -import{r as c,c as r,h as s,g as o}from"./index-DFR79MvN.js";const h=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-block}.chip{position:relative}.chip__wrapper{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;border:1px solid #BFBBBB;border-radius:9999px;background:#FFFFFF;cursor:pointer;transition:border 100ms ease;font:400 0.875rem/1.25rem "Source Sans 3"}.chip__wrapper:hover,.chip__wrapper:focus-visible{outline:none;border:1px solid #575352}.chip__wrapper:focus{border:1px solid #0A8276}.chip__wrapper.chip__wrapper--small{padding:4px 12px}.chip__wrapper.chip__wrapper--large{padding:8px 16px}.chip__wrapper.chip__wrapper--opened{border:1px solid #0A8276}.chip__wrapper.chip__wrapper--opened .wrapper__open-button{transform:rotate(-180deg)}.chip__wrapper.chip__wrapper--selected{outline:3px solid #0A8276;outline-offset:-3px;color:#0A8276}.chip__wrapper.chip__wrapper--selected:hover,.chip__wrapper.chip__wrapper--selected:focus-visible{outline:3px solid #08665C;color:#08665C}.wrapper__label{display:inline-flex;align-items:center;gap:4px;font:400 0.875rem/1.25rem "Source Sans 3"}.wrapper__label .label__selected-options{font:600 0.875rem/1.25rem "Source Sans 3"}.wrapper__open-button{display:flex;align-items:center;transition:all 300ms ease}.wrapper__unselect-button{display:flex;align-items:center}.chip__dropdown{position:absolute;z-index:1;box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843);border:1px solid #EEEDED;border-radius:1px;padding:8px 0;min-width:222px;background-color:#FFFFFF}',p=h,d=class{constructor(e){c(this,e),this.ifxChipChange=r(this,"ifxChipChange",7),this.placeholder="",this.size="large",this.value=void 0,this.variant="single",this.readOnly=!1,this.AriaLabel=void 0,this.opened=!1,this.selectedOptions=[]}handleValueChange(e){this.syncSelectedOptionsWithProp(e)}handleReadOnlyChange(e){e&&(this.opened=!1)}closeDropdownOnOutsideClick(e){const i=e.composedPath(),t=this.chip.shadowRoot.querySelector(".chip__wrapper"),a=this.chip.shadowRoot.querySelector(".chip__dropdown");!i.includes(a)&&!i.includes(t)&&this.opened&&this.toggleDropdownMenu()}handleKeyDown(e){e.code!=="Tab"&&e.preventDefault(),e.target.tagName==="IFX-CHIP"?this.handleWrapperKeyDown(e):e.target.tagName==="IFX-CHIP-ITEM"&&this.handleDropdownKeyDown(e)}updateSelectedOptions(e){const i=e.detail,t=[...this.selectedOptions];this.variant!=="multi"?(i.selected?(this.opened=!1,this.getChipItems().forEach(l=>{l.selected&&l!==e.target&&(l.chipState=Object.assign(Object.assign({},l.chipState),{emitIfxChipItemSelect:!1}),l.selected=!1)}),this.selectedOptions=[i]):this.selectedOptions=[],this.value=this.selectedOptions[0]?this.selectedOptions[0].value:void 0):(i.selected?this.selectedOptions.find(a=>a.value===i.value)||(this.selectedOptions=[...this.selectedOptions,i]):this.selectedOptions=this.selectedOptions.filter(a=>a.value!==i.value),this.value=this.selectedOptions.map(a=>a.value)),i.emitIfxChipChange&&this.ifxChipChange.emit({previousSelection:t,currentSelection:this.selectedOptions,name:this.placeholder})}getChipItems(){return this.chip.querySelectorAll("ifx-chip-item")}getSelectedOptions(){return this.variant!=="multi"?this.selectedOptions.map(e=>e.label).join(""):this.selectedOptions.slice(0,2).map(e=>e.label).join(", ")}toggleDropdownMenu(){this.readOnly||(this.opened=!this.opened)}focusChipItemAt(e=0){this.opened=!0;const i=this.getChipItems();let t;if(e===-1)t=i.item(i.length-1);else if(e>=0&&e{a.focus()},1)}focusChip(){this.chip.shadowRoot.querySelector(".chip__wrapper").focus()}handleUnselectButtonClick(e){e.stopPropagation(),this.opened=!1;let i=!1;if(this.getChipItems().forEach(a=>{a.selected&&(i=!0,a.chipState=Object.assign(Object.assign({},a.chipState),{emitIfxChipItemSelect:!1}),a.selected=!1)}),i){const a=this.selectedOptions;this.selectedOptions=[],this.value=[],this.ifxChipChange.emit({previousSelection:a,currentSelection:[],name:this.placeholder})}}handleWrapperClick(){this.readOnly||this.toggleDropdownMenu()}handleWrapperKeyDown(e){if(!this.readOnly)if(this.opened)switch(e.code){case"Escape":this.opened=!1,this.focusChip();break}else switch(e.code){case"Space":case"Enter":case"ArrowDown":this.focusChipItemAt(0);break;case"ArrowUp":this.focusChipItemAt(-1);break}}handleDropdownKeyDown(e){let i=this.getChipItems(),t=Array.from(i).indexOf(e.target);if(t===-1){console.error("Target not found in chip items");return}switch(e.code){case"ArrowDown":if(t===i.length-1)break;this.focusChipItemAt(t+1);break;case"ArrowUp":if(t===0)break;this.focusChipItemAt(t-1);break;case"Escape":this.opened=!1,this.focusChip();break;case"Space":this.variant==="single"&&(this.opened=!1,this.focusChip());break;case"Enter":this.opened=!1,this.focusChip();break}}syncChipState(){const e=this.getChipItems();let i=0;e.forEach(t=>{t.chipState={emitIfxChipItemSelect:!0,size:this.size==="small"?"small":"large",variant:this.variant==="multi"?"multi":"single",key:i++}})}syncSelectedOptionsWithProp(e){this.selectedOptions=[];const i=(()=>{let t=0;return()=>t++})();Array.isArray(e)?this.selectedOptions=e.map(t=>({value:t,label:t,selected:!0,key:i(),emitIfxChipChange:!0})):typeof e=="string"&&(this.selectedOptions=[{value:e,label:e,selected:!0,key:i(),emitIfxChipChange:!0}]),this.syncChipState()}componentWillLoad(){this.syncSelectedOptionsWithProp(this.value)}render(){return s("div",{key:"eaa08fdd3283cb90fa18cb810cd02681d0ae531d",class:"chip"},s("div",{key:"d4dfd0e6cf40d1acc32426c56c7d3e1ff0f18f85",class:`chip__wrapper chip__wrapper--${this.size==="small"?"small":"large"} +import{r as c,c as r,h as s,g as o}from"./index-CTBaKUaT.js";const h=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-block}.chip{position:relative}.chip__wrapper{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;border:1px solid #BFBBBB;border-radius:9999px;background:#FFFFFF;cursor:pointer;transition:border 100ms ease;font:400 0.875rem/1.25rem "Source Sans 3"}.chip__wrapper:hover,.chip__wrapper:focus-visible{outline:none;border:1px solid #575352}.chip__wrapper:focus{border:1px solid #0A8276}.chip__wrapper.chip__wrapper--small{padding:4px 12px}.chip__wrapper.chip__wrapper--large{padding:8px 16px}.chip__wrapper.chip__wrapper--opened{border:1px solid #0A8276}.chip__wrapper.chip__wrapper--opened .wrapper__open-button{transform:rotate(-180deg)}.chip__wrapper.chip__wrapper--selected{outline:3px solid #0A8276;outline-offset:-3px;color:#0A8276}.chip__wrapper.chip__wrapper--selected:hover,.chip__wrapper.chip__wrapper--selected:focus-visible{outline:3px solid #08665C;color:#08665C}.wrapper__label{display:inline-flex;align-items:center;gap:4px;font:400 0.875rem/1.25rem "Source Sans 3"}.wrapper__label .label__selected-options{font:600 0.875rem/1.25rem "Source Sans 3"}.wrapper__open-button{display:flex;align-items:center;transition:all 300ms ease}.wrapper__unselect-button{display:flex;align-items:center}.chip__dropdown{position:absolute;z-index:1;box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843);border:1px solid #EEEDED;border-radius:1px;padding:8px 0;min-width:222px;background-color:#FFFFFF}',p=h,d=class{constructor(e){c(this,e),this.ifxChipChange=r(this,"ifxChipChange",7),this.placeholder="",this.size="large",this.value=void 0,this.variant="single",this.readOnly=!1,this.AriaLabel=void 0,this.opened=!1,this.selectedOptions=[]}handleValueChange(e){this.syncSelectedOptionsWithProp(e)}handleReadOnlyChange(e){e&&(this.opened=!1)}closeDropdownOnOutsideClick(e){const i=e.composedPath(),t=this.chip.shadowRoot.querySelector(".chip__wrapper"),a=this.chip.shadowRoot.querySelector(".chip__dropdown");!i.includes(a)&&!i.includes(t)&&this.opened&&this.toggleDropdownMenu()}handleKeyDown(e){e.code!=="Tab"&&e.preventDefault(),e.target.tagName==="IFX-CHIP"?this.handleWrapperKeyDown(e):e.target.tagName==="IFX-CHIP-ITEM"&&this.handleDropdownKeyDown(e)}updateSelectedOptions(e){const i=e.detail,t=[...this.selectedOptions];this.variant!=="multi"?(i.selected?(this.opened=!1,this.getChipItems().forEach(l=>{l.selected&&l!==e.target&&(l.chipState=Object.assign(Object.assign({},l.chipState),{emitIfxChipItemSelect:!1}),l.selected=!1)}),this.selectedOptions=[i]):this.selectedOptions=[],this.value=this.selectedOptions[0]?this.selectedOptions[0].value:void 0):(i.selected?this.selectedOptions.find(a=>a.value===i.value)||(this.selectedOptions=[...this.selectedOptions,i]):this.selectedOptions=this.selectedOptions.filter(a=>a.value!==i.value),this.value=this.selectedOptions.map(a=>a.value)),i.emitIfxChipChange&&this.ifxChipChange.emit({previousSelection:t,currentSelection:this.selectedOptions,name:this.placeholder})}getChipItems(){return this.chip.querySelectorAll("ifx-chip-item")}getSelectedOptions(){return this.variant!=="multi"?this.selectedOptions.map(e=>e.label).join(""):this.selectedOptions.slice(0,2).map(e=>e.label).join(", ")}toggleDropdownMenu(){this.readOnly||(this.opened=!this.opened)}focusChipItemAt(e=0){this.opened=!0;const i=this.getChipItems();let t;if(e===-1)t=i.item(i.length-1);else if(e>=0&&e{a.focus()},1)}focusChip(){this.chip.shadowRoot.querySelector(".chip__wrapper").focus()}handleUnselectButtonClick(e){e.stopPropagation(),this.opened=!1;let i=!1;if(this.getChipItems().forEach(a=>{a.selected&&(i=!0,a.chipState=Object.assign(Object.assign({},a.chipState),{emitIfxChipItemSelect:!1}),a.selected=!1)}),i){const a=this.selectedOptions;this.selectedOptions=[],this.value=[],this.ifxChipChange.emit({previousSelection:a,currentSelection:[],name:this.placeholder})}}handleWrapperClick(){this.readOnly||this.toggleDropdownMenu()}handleWrapperKeyDown(e){if(!this.readOnly)if(this.opened)switch(e.code){case"Escape":this.opened=!1,this.focusChip();break}else switch(e.code){case"Space":case"Enter":case"ArrowDown":this.focusChipItemAt(0);break;case"ArrowUp":this.focusChipItemAt(-1);break}}handleDropdownKeyDown(e){let i=this.getChipItems(),t=Array.from(i).indexOf(e.target);if(t===-1){console.error("Target not found in chip items");return}switch(e.code){case"ArrowDown":if(t===i.length-1)break;this.focusChipItemAt(t+1);break;case"ArrowUp":if(t===0)break;this.focusChipItemAt(t-1);break;case"Escape":this.opened=!1,this.focusChip();break;case"Space":this.variant==="single"&&(this.opened=!1,this.focusChip());break;case"Enter":this.opened=!1,this.focusChip();break}}syncChipState(){const e=this.getChipItems();let i=0;e.forEach(t=>{t.chipState={emitIfxChipItemSelect:!0,size:this.size==="small"?"small":"large",variant:this.variant==="multi"?"multi":"single",key:i++}})}syncSelectedOptionsWithProp(e){this.selectedOptions=[];const i=(()=>{let t=0;return()=>t++})();Array.isArray(e)?this.selectedOptions=e.map(t=>({value:t,label:t,selected:!0,key:i(),emitIfxChipChange:!0})):typeof e=="string"&&(this.selectedOptions=[{value:e,label:e,selected:!0,key:i(),emitIfxChipChange:!0}]),this.syncChipState()}componentWillLoad(){this.syncSelectedOptionsWithProp(this.value)}render(){return s("div",{key:"eaa08fdd3283cb90fa18cb810cd02681d0ae531d",class:"chip"},s("div",{key:"d4dfd0e6cf40d1acc32426c56c7d3e1ff0f18f85",class:`chip__wrapper chip__wrapper--${this.size==="small"?"small":"large"} chip__wrapper--${this.variant==="multi"?"multi":"single"} ${this.opened&&!this.readOnly?"chip__wrapper--opened":""} ${this.selectedOptions.length?"chip__wrapper--selected":""}`,tabIndex:0,onClick:this.readOnly?void 0:()=>{this.handleWrapperClick()},role:"combobox","aria-label":this.AriaLabel,"aria-value":this.getSelectedOptions(),"aria-haspopup":this.readOnly?void 0:"listbox","aria-expanded":this.readOnly?void 0:this.opened.toString(),"aria-controls":this.readOnly?void 0:"dropdown","aria-readonly":this.readOnly?"true":void 0,"aria-multiselectable":this.variant==="multi"?"true":void 0},s("div",{key:"4aaef2ece1dcc35bea91ef726bd76ca4aa8026fb",class:"wrapper__label"},this.selectedOptions.length===0&&`${this.placeholder}`,this.selectedOptions.length!==0&&(this.variant==="multi"||this.readOnly)&&this.placeholder!==""&&`${this.placeholder}:`,this.selectedOptions.length!==0&&s("div",{key:"2e9334d52fdb6dc76d3a57019e0ac767653b124b",class:"label__selected-options"},this.getSelectedOptions()),this.selectedOptions.length>2&&this.variant==="multi"&&s("ifx-number-indicator",{key:"fbe0db0fd96005221685ff2681dd00d98ab9cecb"}," ",`+${this.selectedOptions.length-2}`," ")),!this.readOnly&&(this.variant!=="multi"||this.variant==="multi"&&this.selectedOptions.length===0)&&s("div",{key:"b7c0dd24b8409c2be6556b7add6befd631ad57b7",class:"wrapper__open-button"},s("ifx-icon",{key:1,icon:"chevrondown16"})),this.variant!=="multi"&&this.readOnly!==!1&&this.selectedOptions.length>0&&s("div",{key:"fbf84d682a54d14da73a18b2b52fab8b947c760c",class:"wrapper__unselect-button",onClick:e=>{this.handleUnselectButtonClick(e)}},s("ifx-icon",{key:2,icon:"cross16"})),this.selectedOptions.length>=1&&this.variant==="multi"&&s("div",{key:"c21d50cf12f05d95464615449bc9cc70acdba040",class:"wrapper__unselect-button",onClick:e=>{this.handleUnselectButtonClick(e)}},s("ifx-icon",{key:2,icon:"cross16"}))),this.opened&&!this.readOnly&&s("div",{key:"c4b49602aaebdd8950646737df5fa19008870c2e",id:"dropdown",role:"listbox",class:"chip__dropdown"},s("slot",{key:"fb52f07c992f8f4c3de1ca7e0631bacd8ef7147c"})))}get chip(){return o(this)}static get watchers(){return{value:["handleValueChange"],readOnly:["handleReadOnlyChange"]}}};d.style=p;const f=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.chip-item{display:flex;align-items:center;gap:8px;padding:8px 16px;user-select:none;transition:all 100ms ease;transition-property:background, color}.chip-item:hover{cursor:pointer;background-color:#EEEDED}.chip-item:active{background-color:#BFBBBB}.chip-item:focus{outline:2px solid #0A8276}.chip-item.chip-item--large{font:400 1rem/1.5rem "Source Sans 3"}.chip-item.chip-item--small{font:400 0.875rem/1.25rem "Source Sans 3"}.chip-item.chip-item--selected{color:#0A8276}.chip-item.chip-item--selected .chip-item__selected-indicator{display:block}.chip-item__selected-indicator{display:none;margin-left:auto}',g=f,m=class{constructor(e){c(this,e),this.ifxChipItemSelect=r(this,"ifxChipItemSelect",5),this.value=void 0,this.chipState={emitIfxChipItemSelect:!0,variant:"multi",size:"large"},this.selected=!1}updateItemSelection(e){if(this.chipState.variant==="single"){const i=e.target;this.chipItem!==i&&this.chipItem.parentElement===i.parentElement&&(this.selected=!1)}}validateSelected(e,i){e!==i&&(this.chipState.emitIfxChipItemSelect?this.emitIfxChipItemSelectEvent():this.chipState.emitIfxChipItemSelect=!0)}getItemLabel(){return this.chipItem.innerText}toggleItemSelection(){this.selected=!this.selected}emitIfxChipItemSelectEvent(e=!0){this.ifxChipItemSelect.emit({emitIfxChipChange:e,key:this.chipState.key,label:this.getItemLabel(),selected:this.selected,value:this.value})}handleItemClick(){this.toggleItemSelection()}handleItemKeyDown(e){(e.code==="Enter"||e.code==="Space")&&this.toggleItemSelection()}handleSelectedState(){this.selected&&this.emitIfxChipItemSelectEvent(!1)}componentWillLoad(){this.handleSelectedState()}render(){return s("div",{key:"493fe2e521f96fbe65792b4364c32a3010a4ae86",class:`chip-item chip-item--${this.chipState.size} diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-content-switcher-item.entry-CVfvCSCt.js b/pr-preview-vue-example/pr-1685/assets/ifx-content-switcher-item.entry-Dom8eCve.js similarity index 94% rename from pr-preview-vue-example/pr-1685/assets/ifx-content-switcher-item.entry-CVfvCSCt.js rename to pr-preview-vue-example/pr-1685/assets/ifx-content-switcher-item.entry-Dom8eCve.js index 23a47cc65..b9a0f7ed0 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-content-switcher-item.entry-CVfvCSCt.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-content-switcher-item.entry-Dom8eCve.js @@ -1 +1 @@ -import{r as o,h as e,H as c}from"./index-DFR79MvN.js";const r='.ifx-content-switcher-item{all:unset;height:36px;box-sizing:border-box;border-radius:9999px;border:3px solid transparent;padding:7px 20px;font-family:"Source Sans 3";font-weight:600;font-size:14px;line-height:20px;display:flex;justify-content:center;align-items:center;gap:8px;background-color:transparent}.ifx-content-switcher-item.selected{color:#0A8276;background-color:#FFFFFF;border:3px solid #0A8276}.ifx-content-switcher-item:hover{color:#08665C;background-color:#FFFFFF;border:3px solid #08665C;cursor:pointer}.ifx-content-switcher-item:active{color:#08665C;background-color:#FFFFFF;border:3px solid #06534B}.ifx-content-switcher-item:focus{color:#08665C;background-color:#FFFFFF;border:3px solid #08665C}',n=r,i=class{constructor(t){o(this,t),this.selected=!1,this.value=void 0}render(){return e(c,{key:"99244cbfde12465c294ba0ce760731ba6e88c8db"},e("button",{key:"76e0009bcd1dc452964c03cb10e851321467cec2",class:"ifx-content-switcher-item"+(this.selected?" selected":"")},e("slot",{key:"987a09faed55d3066f1b80740cdbf6b7de571496"})))}};i.style=n;export{i as ifx_content_switcher_item}; +import{r as o,h as e,H as c}from"./index-CTBaKUaT.js";const r='.ifx-content-switcher-item{all:unset;height:36px;box-sizing:border-box;border-radius:9999px;border:3px solid transparent;padding:7px 20px;font-family:"Source Sans 3";font-weight:600;font-size:14px;line-height:20px;display:flex;justify-content:center;align-items:center;gap:8px;background-color:transparent}.ifx-content-switcher-item.selected{color:#0A8276;background-color:#FFFFFF;border:3px solid #0A8276}.ifx-content-switcher-item:hover{color:#08665C;background-color:#FFFFFF;border:3px solid #08665C;cursor:pointer}.ifx-content-switcher-item:active{color:#08665C;background-color:#FFFFFF;border:3px solid #06534B}.ifx-content-switcher-item:focus{color:#08665C;background-color:#FFFFFF;border:3px solid #08665C}',n=r,i=class{constructor(t){o(this,t),this.selected=!1,this.value=void 0}render(){return e(c,{key:"99244cbfde12465c294ba0ce760731ba6e88c8db"},e("button",{key:"76e0009bcd1dc452964c03cb10e851321467cec2",class:"ifx-content-switcher-item"+(this.selected?" selected":"")},e("slot",{key:"987a09faed55d3066f1b80740cdbf6b7de571496"})))}};i.style=n;export{i as ifx_content_switcher_item}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-content-switcher.entry-wAzo4xr1.js b/pr-preview-vue-example/pr-1685/assets/ifx-content-switcher.entry-Eu3ea8vn.js similarity index 98% rename from pr-preview-vue-example/pr-1685/assets/ifx-content-switcher.entry-wAzo4xr1.js rename to pr-preview-vue-example/pr-1685/assets/ifx-content-switcher.entry-Eu3ea8vn.js index 0c2c01a82..cf475f0e9 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-content-switcher.entry-wAzo4xr1.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-content-switcher.entry-Eu3ea8vn.js @@ -1 +1 @@ -import{r as n,c as h,h as s,H as c,g as d}from"./index-DFR79MvN.js";const o=".ifx-content-switcher{background-color:#FFFFFF;border:1px solid #BFBBBB;border-radius:9999px;height:36px;width:fit-content;box-sizing:border-box;display:flex;flex-direction:row;align-items:center}.ifx-content-switcher ::slotted(ifx-content-switcher-item){position:relative}.ifx-content-switcher ::slotted(ifx-content-switcher-item:first-child){left:-1px;margin-right:-1px}.ifx-content-switcher ::slotted(ifx-content-switcher-item:last-child){right:-1px;margin-left:-1px}.ifx-content-switcher ::slotted(.ifx-content-switcher-divider){width:1px;height:20px;background-color:#8D8786;margin:0px 1px;visibility:visible}.ifx-content-switcher ::slotted(.ifx-content-switcher-divider.hidden){visibility:hidden}",a=o,l=class{constructor(e){n(this,e),this.ifxChange=h(this,"ifxChange",7),this.eventHandlers=new Map,this.items=void 0,this.activeIndex=-1,this.hoverIndex=-1,this.focusIndex=-1,this.dividers=Array()}componentWillLoad(){this.items=Array.from(this.el.children),this.initializeDividers(),this.addEventListeners(),this.ensureSingleSelectedItem()}disconnectedCallback(){this.removeEventListeners()}initializeDividers(){this.items.forEach((e,t)=>{if(t{const i={click:()=>this.selectItem(t),mouseenter:()=>this.handleHover(t,!0),mouseleave:()=>this.handleHover(t,!1),focus:()=>this.handleFocus(t,!0),blur:()=>this.handleFocus(t,!1)};Object.keys(i).forEach(r=>{e.addEventListener(r,i[r])}),this.eventHandlers.set(e,i)})}removeEventListeners(){this.eventHandlers.forEach((e,t)=>{Object.keys(e).forEach(i=>{t.removeEventListener(i,e[i])})}),this.eventHandlers.clear()}ensureSingleSelectedItem(){this.items.forEach((e,t)=>{e.hasAttribute("selected")&&(this.activeIndex<0?this.selectItem(t):e.removeAttribute("selected"))})}handleHover(e,t){this.hoverIndex=t?e:-1,this.updateDividersOfItem(e)}handleFocus(e,t){this.focusIndex=t?e:-1,this.updateDividersOfItem(e)}updateDividersOfItem(e){e0&&this.updateDividerVisibility(e-1)}updateDividerVisibility(e){const t=new Set([this.activeIndex,this.activeIndex-1,this.hoverIndex,this.hoverIndex-1,this.focusIndex,this.focusIndex-1]);this.setDividerVisibility(e,t.has(e))}setDividerVisibility(e,t){this.dividers[e]&&this.dividers[e].classList.toggle("hidden",t)}selectItem(e){if(e===this.activeIndex)return;const t=this.activeIndex;t>=0&&this.items[t].removeAttribute("selected"),this.activeIndex=e,this.items[e].setAttribute("selected","true"),this.ifxChange.emit({oldValue:this.getValueOfItem(t),newValue:this.getValueOfItem(e)}),this.updateDividersOfItem(t),this.updateDividersOfItem(e)}getValueOfItem(e){return this.items[e]==null?e.toLocaleString():this.items[e].getAttribute("value")||e.toLocaleString()}render(){return s(c,{key:"0c50e18a9ac86fb7be75a049c82bb73bbad834ec"},s("div",{key:"6b17a332e6be8a261d7e70143dd60bc51bf637df",class:"ifx-content-switcher",role:"group"},s("slot",{key:"23a9d14ad25b16d4b3f6411199765b74ef1b9d62"})))}get el(){return d(this)}};l.style=a;export{l as ifx_content_switcher}; +import{r as n,c as h,h as s,H as c,g as d}from"./index-CTBaKUaT.js";const o=".ifx-content-switcher{background-color:#FFFFFF;border:1px solid #BFBBBB;border-radius:9999px;height:36px;width:fit-content;box-sizing:border-box;display:flex;flex-direction:row;align-items:center}.ifx-content-switcher ::slotted(ifx-content-switcher-item){position:relative}.ifx-content-switcher ::slotted(ifx-content-switcher-item:first-child){left:-1px;margin-right:-1px}.ifx-content-switcher ::slotted(ifx-content-switcher-item:last-child){right:-1px;margin-left:-1px}.ifx-content-switcher ::slotted(.ifx-content-switcher-divider){width:1px;height:20px;background-color:#8D8786;margin:0px 1px;visibility:visible}.ifx-content-switcher ::slotted(.ifx-content-switcher-divider.hidden){visibility:hidden}",a=o,l=class{constructor(e){n(this,e),this.ifxChange=h(this,"ifxChange",7),this.eventHandlers=new Map,this.items=void 0,this.activeIndex=-1,this.hoverIndex=-1,this.focusIndex=-1,this.dividers=Array()}componentWillLoad(){this.items=Array.from(this.el.children),this.initializeDividers(),this.addEventListeners(),this.ensureSingleSelectedItem()}disconnectedCallback(){this.removeEventListeners()}initializeDividers(){this.items.forEach((e,t)=>{if(t{const i={click:()=>this.selectItem(t),mouseenter:()=>this.handleHover(t,!0),mouseleave:()=>this.handleHover(t,!1),focus:()=>this.handleFocus(t,!0),blur:()=>this.handleFocus(t,!1)};Object.keys(i).forEach(r=>{e.addEventListener(r,i[r])}),this.eventHandlers.set(e,i)})}removeEventListeners(){this.eventHandlers.forEach((e,t)=>{Object.keys(e).forEach(i=>{t.removeEventListener(i,e[i])})}),this.eventHandlers.clear()}ensureSingleSelectedItem(){this.items.forEach((e,t)=>{e.hasAttribute("selected")&&(this.activeIndex<0?this.selectItem(t):e.removeAttribute("selected"))})}handleHover(e,t){this.hoverIndex=t?e:-1,this.updateDividersOfItem(e)}handleFocus(e,t){this.focusIndex=t?e:-1,this.updateDividersOfItem(e)}updateDividersOfItem(e){e0&&this.updateDividerVisibility(e-1)}updateDividerVisibility(e){const t=new Set([this.activeIndex,this.activeIndex-1,this.hoverIndex,this.hoverIndex-1,this.focusIndex,this.focusIndex-1]);this.setDividerVisibility(e,t.has(e))}setDividerVisibility(e,t){this.dividers[e]&&this.dividers[e].classList.toggle("hidden",t)}selectItem(e){if(e===this.activeIndex)return;const t=this.activeIndex;t>=0&&this.items[t].removeAttribute("selected"),this.activeIndex=e,this.items[e].setAttribute("selected","true"),this.ifxChange.emit({oldValue:this.getValueOfItem(t),newValue:this.getValueOfItem(e)}),this.updateDividersOfItem(t),this.updateDividersOfItem(e)}getValueOfItem(e){return this.items[e]==null?e.toLocaleString():this.items[e].getAttribute("value")||e.toLocaleString()}render(){return s(c,{key:"0c50e18a9ac86fb7be75a049c82bb73bbad834ec"},s("div",{key:"6b17a332e6be8a261d7e70143dd60bc51bf637df",class:"ifx-content-switcher",role:"group"},s("slot",{key:"23a9d14ad25b16d4b3f6411199765b74ef1b9d62"})))}get el(){return d(this)}};l.style=a;export{l as ifx_content_switcher}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-date-picker.entry-0QcfeOuI.js b/pr-preview-vue-example/pr-1685/assets/ifx-date-picker.entry-C64UV_cf.js similarity index 98% rename from pr-preview-vue-example/pr-1685/assets/ifx-date-picker.entry-0QcfeOuI.js rename to pr-preview-vue-example/pr-1685/assets/ifx-date-picker.entry-C64UV_cf.js index 8602a8c76..e8b9f383e 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-date-picker.entry-0QcfeOuI.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-date-picker.entry-C64UV_cf.js @@ -1 +1 @@ -import{r as o,c as l,h as i,g as c}from"./index-DFR79MvN.js";const d='.date__picker-container{display:flex;flex-direction:column}.date__picker-container .label__wrapper{color:#1D1D1D;font:400 1rem/1.5rem "Source Sans 3"}.date__picker-container.disabled .label__wrapper{color:#575352}.date__picker-container.error .caption__wrapper{color:#CD002F}.date__picker-container.disabled .caption__wrapper{color:#575352}.date__picker-container .caption__wrapper{margin-top:4px;color:#1D1D1D;font:400 0.75rem/1rem "Source Sans 3"}.date__picker-input{font-family:"Source Sans 3";outline:none;width:100%;cursor:pointer;border-radius:1px;border:1px solid #8D8786;height:100%}.date__picker-input.firefox__classes{padding:8px 16px;color:#8D8786;font-size:16px;text-transform:uppercase;font-style:normal;font-weight:400;line-height:24px;cursor:pointer}.date__picker-input:focus:not(.error,.success){border-color:#0A8276}.date__picker-input:hover:not(:disabled,:focus,.error,.success){border-color:#575352}.date__picker-input:disabled{border-color:#575352;background-color:#EEEDED}.date__picker-input.error{border-color:#CD002F}.date__picker-input.success:not(.error){border-color:#4CA460}.date__picker-input::-webkit-datetime-edit-text{color:#8D8786;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.date__picker-input.has-value::-webkit-datetime-edit-text{color:#1D1D1D}.date__picker-input.has-value::-webkit-datetime-edit{color:#1D1D1D}::-webkit-datetime-edit{color:#8D8786;font-size:16px;text-transform:uppercase;font-style:normal;font-weight:400;line-height:24px}::-webkit-datetime-edit-fields-wrapper{padding:8px 16px;padding-bottom:9px;transform:translateY(1px)}::-webkit-inner-spin-button{display:none}::-webkit-calendar-picker-indicator{position:absolute;right:15px;font-size:19px;cursor:pointer;border-radius:1px}::-webkit-calendar-picker-indicator:focus-within{outline:2px solid #0A8276;outline-offset:2px}.input__wrapper{display:flex;justify-content:space-between;align-items:center;align-self:stretch;background:#FFFFFF;position:relative}.input__wrapper.large{height:40px}.input__wrapper.small{height:36px}.input__wrapper.disabled .icon__wrapper{background-color:#EEEDED}.icon__wrapper{position:absolute;right:17px;padding:2px;display:flex;justify-content:flex-end;align-items:center;pointer-events:none;z-index:100;background-color:#FFFFFF;line-height:16px}.icon__wrapper ifx-icon{vertical-align:middle}',p=d,u=class{constructor(e){o(this,e),this.ifxDate=l(this,"ifxDate",7),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),this.inputId=`ifx-date-picker-${++f}`,this.size="s",this.error=!1,this.success=!1,this.disabled=!1,this.AriaLabel=void 0,this.value=void 0,this.max=void 0,this.min=void 0,this.required=!1,this.label=void 0,this.caption=void 0}getDate(e){const t=e.target.value,r=new Date(t),a=r.getDate(),n=r.getMonth()+1,s=r.getFullYear();if(!t){this.internals.setFormValue(null),this.ifxDate.emit({day:a,month:n,year:s});return}this.el.shadowRoot.querySelector(".date__picker-input").classList.add("has-value"),this.internals.setFormValue(r.toISOString().substring(0,10)),this.ifxDate.emit({day:a,month:n,year:s})}handleInputFocusOnIconClick(){const e=this.el.shadowRoot.querySelector(".date__picker-input");e&&e.focus()}getBrowser(){return navigator.userAgent.indexOf("Chrome")!=-1?"Chrome":navigator.userAgent.indexOf("Opera")!=-1?"Opera":navigator.userAgent.indexOf("MSIE")!=-1?"IE":navigator.userAgent.indexOf("Firefox")!=-1?"Firefox":"unknown"}setFireFoxClasses(){const e=this.getBrowser(),t=this.el.shadowRoot.querySelector(".date__picker-input");e==="Firefox"?t.classList.add("firefox__classes"):t.classList.contains("firefox__classes")&&t.classList.remove("firefox__classes")}componentDidLoad(){this.setFireFoxClasses(),this.value&&this.getDate({target:{value:this.value}})}formResetCallback(){this.internals.setFormValue(null)}render(){var e,t;return i("div",{key:"8939525c9d1b6ca3d6d1d598f18c801eaa274925",class:`date__picker-container ${this.error?"error":""} ${this.disabled?"disabled":""}`},i("label",{key:"b6943a24e0b7b92826f8f0a951aa8ba07b07a602",class:"label__wrapper",htmlFor:this.inputId},(e=this.label)===null||e===void 0?void 0:e.trim()),i("div",{key:"dbb6810bec0365a771ee39feca14455d553f308f",class:`input__wrapper ${this.size==="l"?"large":"small"} ${this.disabled?"disabled":""}`},i("input",{key:"c4532643be4a7a29a9c8837787e997059bdaa7c1",type:"date",class:`date__picker-input ${this.error?"error":""} ${this.success?"success":""}`,disabled:this.disabled?!0:void 0,"aria-invalid":this.error?!0:void 0,"aria-label":this.AriaLabel,max:this.max,min:this.min,value:this.value,required:this.required,onChange:r=>this.getDate(r)}),i("div",{key:"401c972432d3c0a057a3fe812fa730372b12fcbe",class:"icon__wrapper",role:"button",onClick:()=>this.handleInputFocusOnIconClick()},i("ifx-icon",{key:"125529210997e8dd611e5bb394909a1cf08fc47b",icon:"calendar16","aria-hidden":"true"}))),((t=this.caption)===null||t===void 0?void 0:t.trim())&&i("div",{key:"1367a5dc715de1f7f0ea40a9995ce07a9030aae8",class:"caption__wrapper"},this.caption.trim()))}static get formAssociated(){return!0}get el(){return c(this)}};let f=0;u.style=p;export{u as ifx_date_picker}; +import{r as o,c as l,h as i,g as c}from"./index-CTBaKUaT.js";const d='.date__picker-container{display:flex;flex-direction:column}.date__picker-container .label__wrapper{color:#1D1D1D;font:400 1rem/1.5rem "Source Sans 3"}.date__picker-container.disabled .label__wrapper{color:#575352}.date__picker-container.error .caption__wrapper{color:#CD002F}.date__picker-container.disabled .caption__wrapper{color:#575352}.date__picker-container .caption__wrapper{margin-top:4px;color:#1D1D1D;font:400 0.75rem/1rem "Source Sans 3"}.date__picker-input{font-family:"Source Sans 3";outline:none;width:100%;cursor:pointer;border-radius:1px;border:1px solid #8D8786;height:100%}.date__picker-input.firefox__classes{padding:8px 16px;color:#8D8786;font-size:16px;text-transform:uppercase;font-style:normal;font-weight:400;line-height:24px;cursor:pointer}.date__picker-input:focus:not(.error,.success){border-color:#0A8276}.date__picker-input:hover:not(:disabled,:focus,.error,.success){border-color:#575352}.date__picker-input:disabled{border-color:#575352;background-color:#EEEDED}.date__picker-input.error{border-color:#CD002F}.date__picker-input.success:not(.error){border-color:#4CA460}.date__picker-input::-webkit-datetime-edit-text{color:#8D8786;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.date__picker-input.has-value::-webkit-datetime-edit-text{color:#1D1D1D}.date__picker-input.has-value::-webkit-datetime-edit{color:#1D1D1D}::-webkit-datetime-edit{color:#8D8786;font-size:16px;text-transform:uppercase;font-style:normal;font-weight:400;line-height:24px}::-webkit-datetime-edit-fields-wrapper{padding:8px 16px;padding-bottom:9px;transform:translateY(1px)}::-webkit-inner-spin-button{display:none}::-webkit-calendar-picker-indicator{position:absolute;right:15px;font-size:19px;cursor:pointer;border-radius:1px}::-webkit-calendar-picker-indicator:focus-within{outline:2px solid #0A8276;outline-offset:2px}.input__wrapper{display:flex;justify-content:space-between;align-items:center;align-self:stretch;background:#FFFFFF;position:relative}.input__wrapper.large{height:40px}.input__wrapper.small{height:36px}.input__wrapper.disabled .icon__wrapper{background-color:#EEEDED}.icon__wrapper{position:absolute;right:17px;padding:2px;display:flex;justify-content:flex-end;align-items:center;pointer-events:none;z-index:100;background-color:#FFFFFF;line-height:16px}.icon__wrapper ifx-icon{vertical-align:middle}',p=d,u=class{constructor(e){o(this,e),this.ifxDate=l(this,"ifxDate",7),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),this.inputId=`ifx-date-picker-${++f}`,this.size="s",this.error=!1,this.success=!1,this.disabled=!1,this.AriaLabel=void 0,this.value=void 0,this.max=void 0,this.min=void 0,this.required=!1,this.label=void 0,this.caption=void 0}getDate(e){const t=e.target.value,r=new Date(t),a=r.getDate(),n=r.getMonth()+1,s=r.getFullYear();if(!t){this.internals.setFormValue(null),this.ifxDate.emit({day:a,month:n,year:s});return}this.el.shadowRoot.querySelector(".date__picker-input").classList.add("has-value"),this.internals.setFormValue(r.toISOString().substring(0,10)),this.ifxDate.emit({day:a,month:n,year:s})}handleInputFocusOnIconClick(){const e=this.el.shadowRoot.querySelector(".date__picker-input");e&&e.focus()}getBrowser(){return navigator.userAgent.indexOf("Chrome")!=-1?"Chrome":navigator.userAgent.indexOf("Opera")!=-1?"Opera":navigator.userAgent.indexOf("MSIE")!=-1?"IE":navigator.userAgent.indexOf("Firefox")!=-1?"Firefox":"unknown"}setFireFoxClasses(){const e=this.getBrowser(),t=this.el.shadowRoot.querySelector(".date__picker-input");e==="Firefox"?t.classList.add("firefox__classes"):t.classList.contains("firefox__classes")&&t.classList.remove("firefox__classes")}componentDidLoad(){this.setFireFoxClasses(),this.value&&this.getDate({target:{value:this.value}})}formResetCallback(){this.internals.setFormValue(null)}render(){var e,t;return i("div",{key:"8939525c9d1b6ca3d6d1d598f18c801eaa274925",class:`date__picker-container ${this.error?"error":""} ${this.disabled?"disabled":""}`},i("label",{key:"b6943a24e0b7b92826f8f0a951aa8ba07b07a602",class:"label__wrapper",htmlFor:this.inputId},(e=this.label)===null||e===void 0?void 0:e.trim()),i("div",{key:"dbb6810bec0365a771ee39feca14455d553f308f",class:`input__wrapper ${this.size==="l"?"large":"small"} ${this.disabled?"disabled":""}`},i("input",{key:"c4532643be4a7a29a9c8837787e997059bdaa7c1",type:"date",class:`date__picker-input ${this.error?"error":""} ${this.success?"success":""}`,disabled:this.disabled?!0:void 0,"aria-invalid":this.error?!0:void 0,"aria-label":this.AriaLabel,max:this.max,min:this.min,value:this.value,required:this.required,onChange:r=>this.getDate(r)}),i("div",{key:"401c972432d3c0a057a3fe812fa730372b12fcbe",class:"icon__wrapper",role:"button",onClick:()=>this.handleInputFocusOnIconClick()},i("ifx-icon",{key:"125529210997e8dd611e5bb394909a1cf08fc47b",icon:"calendar16","aria-hidden":"true"}))),((t=this.caption)===null||t===void 0?void 0:t.trim())&&i("div",{key:"1367a5dc715de1f7f0ea40a9995ce07a9030aae8",class:"caption__wrapper"},this.caption.trim()))}static get formAssociated(){return!0}get el(){return c(this)}};let f=0;u.style=p;export{u as ifx_date_picker}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-dropdown-header.entry-DzB4DT2C.js b/pr-preview-vue-example/pr-1685/assets/ifx-dropdown-header.entry-Cfwq5e3_.js similarity index 91% rename from pr-preview-vue-example/pr-1685/assets/ifx-dropdown-header.entry-DzB4DT2C.js rename to pr-preview-vue-example/pr-1685/assets/ifx-dropdown-header.entry-Cfwq5e3_.js index 0038bca9b..4fd11baaa 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-dropdown-header.entry-DzB4DT2C.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-dropdown-header.entry-Cfwq5e3_.js @@ -1 +1 @@ -import{r as a,h as e}from"./index-DFR79MvN.js";const d=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.dropdown-header{display:flex;padding:8px 16px;align-items:center;gap:8px;align-self:stretch;border-bottom:1px solid #EEEDED;font-family:var(--ifx-font-family)}.dropdown-header span{color:#575352;font-family:var(--ifx-font-family);font-size:14px;font-style:normal;font-weight:400;line-height:20px;}',r=d,n=class{constructor(o){a(this,o)}render(){return e("div",{key:"b42dc08dabda81dd0e8e604d07c8409686a5f0fd",class:"dropdown-header"},e("span",{key:"9f699e2874688216d23da95c3b96d78caad78695"},e("slot",{key:"f8b69b6e6840fcc1c8f3b877a9361e192a1d76a0"})))}};n.style=r;export{n as ifx_dropdown_header}; +import{r as a,h as e}from"./index-CTBaKUaT.js";const d=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.dropdown-header{display:flex;padding:8px 16px;align-items:center;gap:8px;align-self:stretch;border-bottom:1px solid #EEEDED;font-family:var(--ifx-font-family)}.dropdown-header span{color:#575352;font-family:var(--ifx-font-family);font-size:14px;font-style:normal;font-weight:400;line-height:20px;}',r=d,n=class{constructor(o){a(this,o)}render(){return e("div",{key:"b42dc08dabda81dd0e8e604d07c8409686a5f0fd",class:"dropdown-header"},e("span",{key:"9f699e2874688216d23da95c3b96d78caad78695"},e("slot",{key:"f8b69b6e6840fcc1c8f3b877a9361e192a1d76a0"})))}};n.style=r;export{n as ifx_dropdown_header}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-dropdown-item.entry-hbYTnYS2.js b/pr-preview-vue-example/pr-1685/assets/ifx-dropdown-item.entry-C5eU6iHX.js similarity index 95% rename from pr-preview-vue-example/pr-1685/assets/ifx-dropdown-item.entry-hbYTnYS2.js rename to pr-preview-vue-example/pr-1685/assets/ifx-dropdown-item.entry-C5eU6iHX.js index 5c1731309..74b26816e 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-dropdown-item.entry-hbYTnYS2.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-dropdown-item.entry-C5eU6iHX.js @@ -1 +1 @@ -import{r as i,c as o,h as t,g as n}from"./index-DFR79MvN.js";const s=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.dropdown-item{text-decoration:none;color:#1D1D1D;display:flex;align-items:center;padding:8px 16px;gap:8px;font-family:var(--ifx-font-family)}.dropdown-item.hide{display:none}.dropdown-item span{color:#1D1D1D;font-size:16px;font-style:normal;font-weight:400;line-height:24px;}.dropdown-item.small span{font-size:14px}.dropdown-item:hover{cursor:pointer;background-color:#EEEDED}.dropdown-item:active{background-color:#BFBBBB}.icon{margin-right:4px}',r=s,a=class{constructor(e){i(this,e),this.ifxDropdownItem=o(this,"ifxDropdownItem",7),this.icon=void 0,this.href="",this.target="_self",this.hide=!1,this.size="l"}handleMenuSize(e){this.size=e.detail}handleEventEmission(){this.ifxDropdownItem.emit(this.el.textContent)}render(){let e=this.href?{href:this.href,target:this.target}:{};return t("a",Object.assign({key:"d1c6f3cbd4554b1018770258e8f47419edc02352"},e,{onClick:()=>this.handleEventEmission(),class:`dropdown-item ${this.size==="s"?"small":""} ${this.hide?"hide":""}`}),this.icon&&t("ifx-icon",{key:"b814d88ad14f00b04357b5549ae5a5b24adc1b6b",class:"icon",icon:this.icon}),t("span",{key:"49587568db0c0a4f76f9fad0873a6072a698c8ad"},t("slot",{key:"ccfdb428ffa6d9053c0ff9dc3b6b39469e09f208"})))}get el(){return n(this)}};a.style=r;export{a as ifx_dropdown_item}; +import{r as i,c as o,h as t,g as n}from"./index-CTBaKUaT.js";const s=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.dropdown-item{text-decoration:none;color:#1D1D1D;display:flex;align-items:center;padding:8px 16px;gap:8px;font-family:var(--ifx-font-family)}.dropdown-item.hide{display:none}.dropdown-item span{color:#1D1D1D;font-size:16px;font-style:normal;font-weight:400;line-height:24px;}.dropdown-item.small span{font-size:14px}.dropdown-item:hover{cursor:pointer;background-color:#EEEDED}.dropdown-item:active{background-color:#BFBBBB}.icon{margin-right:4px}',r=s,a=class{constructor(e){i(this,e),this.ifxDropdownItem=o(this,"ifxDropdownItem",7),this.icon=void 0,this.href="",this.target="_self",this.hide=!1,this.size="l"}handleMenuSize(e){this.size=e.detail}handleEventEmission(){this.ifxDropdownItem.emit(this.el.textContent)}render(){let e=this.href?{href:this.href,target:this.target}:{};return t("a",Object.assign({key:"d1c6f3cbd4554b1018770258e8f47419edc02352"},e,{onClick:()=>this.handleEventEmission(),class:`dropdown-item ${this.size==="s"?"small":""} ${this.hide?"hide":""}`}),this.icon&&t("ifx-icon",{key:"b814d88ad14f00b04357b5549ae5a5b24adc1b6b",class:"icon",icon:this.icon}),t("span",{key:"49587568db0c0a4f76f9fad0873a6072a698c8ad"},t("slot",{key:"ccfdb428ffa6d9053c0ff9dc3b6b39469e09f208"})))}get el(){return n(this)}};a.style=r;export{a as ifx_dropdown_item}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-dropdown-menu.entry-7m2U5odW.js b/pr-preview-vue-example/pr-1685/assets/ifx-dropdown-menu.entry-EogxZaA8.js similarity index 96% rename from pr-preview-vue-example/pr-1685/assets/ifx-dropdown-menu.entry-7m2U5odW.js rename to pr-preview-vue-example/pr-1685/assets/ifx-dropdown-menu.entry-EogxZaA8.js index df15d67d7..4b2b23bcb 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-dropdown-menu.entry-7m2U5odW.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-dropdown-menu.entry-EogxZaA8.js @@ -1,4 +1,4 @@ -import{r as l,c as n,h as s,g as a}from"./index-DFR79MvN.js";const p=":host{position:relative;z-index:1000}.dropdown-menu{display:none;visibility:hidden;flex-direction:column;width:224px;max-height:289px;min-width:224px;overflow-y:auto;background:#FFFFFF;box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843);border:1px solid #EEEDED;padding:8px 0px;font-family:var(--ifx-font-family)}.dropdown-menu.small{max-height:266px;max-width:186px;overflow-y:auto}.dropdown-menu.hideTopPadding{padding-top:0px}.dropdown-menu.show{display:flex;visibility:visible}",h=p,m=class{constructor(e){l(this,e),this.menuSize=n(this,"menuSize",7),this.ifxDropdownMenuItem=n(this,"ifxDropdownMenuItem",7),this.isOpen=!1,this.size="l",this.hideTopPadding=!1,this.filteredItems=[]}handleMenuFilter(e){const t=e.detail;this.filterDropdownItems(t)}handleDropdownItemValueEmission(e){this.ifxDropdownMenuItem.emit(e.detail)}filterDropdownItems(e){const t=Array.from(this.el.querySelectorAll("ifx-dropdown-item"));let i,d,r=e.toUpperCase();for(let o=0;o-1?i.setAttribute("hide",!1):i.setAttribute("hide",!0)}componentWillUpdate(){this.menuSize.emit(this.size)}componentWillLoad(){this.filteredItems=Array.from(this.el.querySelectorAll("ifx-dropdown-item"));const e=this.el.querySelector("ifx-search-field"),t=this.el.querySelector("ifx-dropdown-header");e||t?this.hideTopPadding=!0:this.hideTopPadding=!1}render(){return s("div",{key:"6a0875682a7dbdf9734794347bd64148b4f2c8b5",class:`dropdown-menu +import{r as l,c as n,h as s,g as a}from"./index-CTBaKUaT.js";const p=":host{position:relative;z-index:1000}.dropdown-menu{display:none;visibility:hidden;flex-direction:column;width:224px;max-height:289px;min-width:224px;overflow-y:auto;background:#FFFFFF;box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843);border:1px solid #EEEDED;padding:8px 0px;font-family:var(--ifx-font-family)}.dropdown-menu.small{max-height:266px;max-width:186px;overflow-y:auto}.dropdown-menu.hideTopPadding{padding-top:0px}.dropdown-menu.show{display:flex;visibility:visible}",h=p,m=class{constructor(e){l(this,e),this.menuSize=n(this,"menuSize",7),this.ifxDropdownMenuItem=n(this,"ifxDropdownMenuItem",7),this.isOpen=!1,this.size="l",this.hideTopPadding=!1,this.filteredItems=[]}handleMenuFilter(e){const t=e.detail;this.filterDropdownItems(t)}handleDropdownItemValueEmission(e){this.ifxDropdownMenuItem.emit(e.detail)}filterDropdownItems(e){const t=Array.from(this.el.querySelectorAll("ifx-dropdown-item"));let i,d,r=e.toUpperCase();for(let o=0;o-1?i.setAttribute("hide",!1):i.setAttribute("hide",!0)}componentWillUpdate(){this.menuSize.emit(this.size)}componentWillLoad(){this.filteredItems=Array.from(this.el.querySelectorAll("ifx-dropdown-item"));const e=this.el.querySelector("ifx-search-field"),t=this.el.querySelector("ifx-dropdown-header");e||t?this.hideTopPadding=!0:this.hideTopPadding=!1}render(){return s("div",{key:"6a0875682a7dbdf9734794347bd64148b4f2c8b5",class:`dropdown-menu ${this.isOpen?"show":""} ${this.hideTopPadding?"hideTopPadding":""} ${this.size==="s"?"small":""}`},s("slot",{key:"0a89ee2b042f28395f977172d003575b1d080611"}))}get el(){return a(this)}};m.style=h;export{m as ifx_dropdown_menu}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-dropdown-separator.entry-3k2ztPZP.js b/pr-preview-vue-example/pr-1685/assets/ifx-dropdown-separator.entry-DKazQvCG.js similarity index 79% rename from pr-preview-vue-example/pr-1685/assets/ifx-dropdown-separator.entry-3k2ztPZP.js rename to pr-preview-vue-example/pr-1685/assets/ifx-dropdown-separator.entry-DKazQvCG.js index 4a90fc03f..fd44d4934 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-dropdown-separator.entry-3k2ztPZP.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-dropdown-separator.entry-DKazQvCG.js @@ -1 +1 @@ -import{r as o,h as a}from"./index-DFR79MvN.js";const t=".dropdown-separator{height:1px;background-color:#EEEDED;margin:8px 16px}",s=t,e=class{constructor(r){o(this,r)}render(){return a("div",{key:"2c7435f309112c640c3ff68a244d3c663ceb5b7a",class:"dropdown-separator"})}};e.style=s;export{e as ifx_dropdown_separator}; +import{r as o,h as a}from"./index-CTBaKUaT.js";const t=".dropdown-separator{height:1px;background-color:#EEEDED;margin:8px 16px}",s=t,e=class{constructor(r){o(this,r)}render(){return a("div",{key:"2c7435f309112c640c3ff68a244d3c663ceb5b7a",class:"dropdown-separator"})}};e.style=s;export{e as ifx_dropdown_separator}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-dropdown-trigger-button.entry-I3gwu--1.js b/pr-preview-vue-example/pr-1685/assets/ifx-dropdown-trigger-button.entry-Cb9ErPe2.js similarity index 92% rename from pr-preview-vue-example/pr-1685/assets/ifx-dropdown-trigger-button.entry-I3gwu--1.js rename to pr-preview-vue-example/pr-1685/assets/ifx-dropdown-trigger-button.entry-Cb9ErPe2.js index 7f55c4a57..c27692a32 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-dropdown-trigger-button.entry-I3gwu--1.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-dropdown-trigger-button.entry-Cb9ErPe2.js @@ -1 +1 @@ -import{r as i,h as t}from"./index-DFR79MvN.js";const s=":host{display:inline-block}.rotate{transition:transform 0.2s ease-in-out;transform:rotate(-180deg);margin-top:0em}.icon{margin-top:0em;transition:transform 0.2s ease-in-out}",n=s,o=class{constructor(e){i(this,e),this.isOpen=!1,this.theme="default",this.variant=void 0,this.size="m",this.disabled=void 0,this.hideArrow=!1}render(){return t("ifx-button",{key:"4dc468fdf8211511a97d58441059b0ca44bb880c",variant:this.variant,theme:this.theme,size:this.size,disabled:this.disabled,class:"dropdown-trigger-button"},t("slot",{key:"5e77a7b367905623309508c784233784685caf94"}),!this.hideArrow&&t("ifx-icon",{key:"c60c753f1d57a4ab819a680c48fa1664704dc42b",icon:"chevron-down-12",class:`icon${this.isOpen?" rotate":""}`}))}};o.style=n;export{o as ifx_dropdown_trigger_button}; +import{r as i,h as t}from"./index-CTBaKUaT.js";const s=":host{display:inline-block}.rotate{transition:transform 0.2s ease-in-out;transform:rotate(-180deg);margin-top:0em}.icon{margin-top:0em;transition:transform 0.2s ease-in-out}",n=s,o=class{constructor(e){i(this,e),this.isOpen=!1,this.theme="default",this.variant=void 0,this.size="m",this.disabled=void 0,this.hideArrow=!1}render(){return t("ifx-button",{key:"4dc468fdf8211511a97d58441059b0ca44bb880c",variant:this.variant,theme:this.theme,size:this.size,disabled:this.disabled,class:"dropdown-trigger-button"},t("slot",{key:"5e77a7b367905623309508c784233784685caf94"}),!this.hideArrow&&t("ifx-icon",{key:"c60c753f1d57a4ab819a680c48fa1664704dc42b",icon:"chevron-down-12",class:`icon${this.isOpen?" rotate":""}`}))}};o.style=n;export{o as ifx_dropdown_trigger_button}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-dropdown-trigger.entry-sfknN6WO.js b/pr-preview-vue-example/pr-1685/assets/ifx-dropdown-trigger.entry-CZ40zTgS.js similarity index 76% rename from pr-preview-vue-example/pr-1685/assets/ifx-dropdown-trigger.entry-sfknN6WO.js rename to pr-preview-vue-example/pr-1685/assets/ifx-dropdown-trigger.entry-CZ40zTgS.js index b53d1b750..887065409 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-dropdown-trigger.entry-sfknN6WO.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-dropdown-trigger.entry-CZ40zTgS.js @@ -1 +1 @@ -import{r as e,h as o}from"./index-DFR79MvN.js";const s=":host{display:inline-block;cursor:pointer}",t=s,n=class{constructor(r){e(this,r),this.isOpen=!1}render(){return o("slot",{key:"3e51ceb827b5c52cb850e6433d3235e9400fe5c0"})}};n.style=t;export{n as ifx_dropdown_trigger}; +import{r as e,h as o}from"./index-CTBaKUaT.js";const s=":host{display:inline-block;cursor:pointer}",t=s,n=class{constructor(r){e(this,r),this.isOpen=!1}render(){return o("slot",{key:"3e51ceb827b5c52cb850e6433d3235e9400fe5c0"})}};n.style=t;export{n as ifx_dropdown_trigger}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-dropdown.entry-CKumqNjr.js b/pr-preview-vue-example/pr-1685/assets/ifx-dropdown.entry-DTDbXL6r.js similarity index 97% rename from pr-preview-vue-example/pr-1685/assets/ifx-dropdown.entry-CKumqNjr.js rename to pr-preview-vue-example/pr-1685/assets/ifx-dropdown.entry-DTDbXL6r.js index e3ecf0d50..143447c4f 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-dropdown.entry-CKumqNjr.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-dropdown.entry-DTDbXL6r.js @@ -1 +1 @@ -import{r as s,c as i,h as n,g as r}from"./index-DFR79MvN.js";import{c as o}from"./popper-1604923e-FRdid3Df.js";const l=":host{display:inline-block}",d=l,h=class{constructor(e){s(this,e),this.ifxOpen=i(this,"ifxOpen",7),this.ifxClose=i(this,"ifxClose",7),this.ifxDropdown=i(this,"ifxDropdown",7),this.placement="bottom-start",this.defaultOpen=!1,this.internalIsOpen=!1,this.noAppendToBody=!1,this.disabled=void 0,this.noCloseOnOutsideClick=!1,this.noCloseOnMenuClick=!1,this.trigger=void 0,this.menu=void 0}componentWillLoad(){this.updateSlotContent(),this.watchHandlerIsOpen(this.defaultOpen,this.internalIsOpen)}watchHandlerIsOpen(e,t){e!==t&&e!==this.internalIsOpen&&(e?this.openDropdown():this.closeDropdown())}watchHandlerDisabled(e){this.trigger&&(this.trigger.disabled=e)}watchHandlerSlot(){this.updateSlotContent()}updateSlotContent(){this.trigger=this.el.querySelector("ifx-dropdown-trigger-button, ifx-dropdown-trigger"),this.trigger&&(this.trigger.disabled=this.disabled,this.trigger.removeEventListener("click",this.triggerClickHandler.bind(this)),this.trigger.addEventListener("click",this.triggerClickHandler.bind(this))),this.noAppendToBody?this.menu=this.el.querySelector("ifx-dropdown-menu"):(this.menu&&this.menu.remove(),this.menu=this.el.querySelector("ifx-dropdown-menu"),document.body.append(this.menu)),this.menu.removeEventListener("click",this.menuClickHandler.bind(this)),this.menu.addEventListener("click",this.menuClickHandler.bind(this))}menuClickHandler(){this.noCloseOnMenuClick||this.closeDropdown()}triggerClickHandler(){this.internalIsOpen?this.closeDropdown():this.openDropdown()}disconnectedCallback(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null),this.menu&&this.menu.remove()}async isOpen(){return this.internalIsOpen}async closeDropdown(){this.internalIsOpen&&(this.internalIsOpen=!1,this.trigger.isOpen=!1,this.menu.isOpen=!1,this.ifxClose.emit()),this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}async openDropdown(){!this.internalIsOpen&&!this.disabled&&(this.internalIsOpen=!0,this.trigger.isOpen=!0,this.menu.isOpen=!0,this.popperInstance=o(this.el,this.menu,{placement:this.placement}),this.ifxOpen.emit())}handleOutsideClick(e){const t=e.target;!this.noCloseOnOutsideClick&&!this.el.contains(t)&&!this.menu.contains(t)&&this.closeDropdown()}render(){return n("div",{key:"219177f6d008120f92de56d6e3a0b135b1150fa3","aria-label":"dropdown menu",class:"dropdown"},n("slot",{key:"c914c9bbf3476b569d90db5418c35cb0e5645a4e"}))}get el(){return r(this)}static get watchers(){return{defaultOpen:["watchHandlerIsOpen"],disabled:["watchHandlerDisabled"]}}};h.style=d;export{h as ifx_dropdown}; +import{r as s,c as i,h as n,g as r}from"./index-CTBaKUaT.js";import{c as o}from"./popper-1604923e-FRdid3Df.js";const l=":host{display:inline-block}",d=l,h=class{constructor(e){s(this,e),this.ifxOpen=i(this,"ifxOpen",7),this.ifxClose=i(this,"ifxClose",7),this.ifxDropdown=i(this,"ifxDropdown",7),this.placement="bottom-start",this.defaultOpen=!1,this.internalIsOpen=!1,this.noAppendToBody=!1,this.disabled=void 0,this.noCloseOnOutsideClick=!1,this.noCloseOnMenuClick=!1,this.trigger=void 0,this.menu=void 0}componentWillLoad(){this.updateSlotContent(),this.watchHandlerIsOpen(this.defaultOpen,this.internalIsOpen)}watchHandlerIsOpen(e,t){e!==t&&e!==this.internalIsOpen&&(e?this.openDropdown():this.closeDropdown())}watchHandlerDisabled(e){this.trigger&&(this.trigger.disabled=e)}watchHandlerSlot(){this.updateSlotContent()}updateSlotContent(){this.trigger=this.el.querySelector("ifx-dropdown-trigger-button, ifx-dropdown-trigger"),this.trigger&&(this.trigger.disabled=this.disabled,this.trigger.removeEventListener("click",this.triggerClickHandler.bind(this)),this.trigger.addEventListener("click",this.triggerClickHandler.bind(this))),this.noAppendToBody?this.menu=this.el.querySelector("ifx-dropdown-menu"):(this.menu&&this.menu.remove(),this.menu=this.el.querySelector("ifx-dropdown-menu"),document.body.append(this.menu)),this.menu.removeEventListener("click",this.menuClickHandler.bind(this)),this.menu.addEventListener("click",this.menuClickHandler.bind(this))}menuClickHandler(){this.noCloseOnMenuClick||this.closeDropdown()}triggerClickHandler(){this.internalIsOpen?this.closeDropdown():this.openDropdown()}disconnectedCallback(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null),this.menu&&this.menu.remove()}async isOpen(){return this.internalIsOpen}async closeDropdown(){this.internalIsOpen&&(this.internalIsOpen=!1,this.trigger.isOpen=!1,this.menu.isOpen=!1,this.ifxClose.emit()),this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}async openDropdown(){!this.internalIsOpen&&!this.disabled&&(this.internalIsOpen=!0,this.trigger.isOpen=!0,this.menu.isOpen=!0,this.popperInstance=o(this.el,this.menu,{placement:this.placement}),this.ifxOpen.emit())}handleOutsideClick(e){const t=e.target;!this.noCloseOnOutsideClick&&!this.el.contains(t)&&!this.menu.contains(t)&&this.closeDropdown()}render(){return n("div",{key:"219177f6d008120f92de56d6e3a0b135b1150fa3","aria-label":"dropdown menu",class:"dropdown"},n("slot",{key:"c914c9bbf3476b569d90db5418c35cb0e5645a4e"}))}get el(){return r(this)}static get watchers(){return{defaultOpen:["watchHandlerIsOpen"],disabled:["watchHandlerDisabled"]}}};h.style=d;export{h as ifx_dropdown}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-faq.entry-BXvcrkKo.js b/pr-preview-vue-example/pr-1685/assets/ifx-faq.entry-CEaCeKB7.js similarity index 97% rename from pr-preview-vue-example/pr-1685/assets/ifx-faq.entry-BXvcrkKo.js rename to pr-preview-vue-example/pr-1685/assets/ifx-faq.entry-CEaCeKB7.js index 55871c06a..3b8f3fb08 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-faq.entry-BXvcrkKo.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-faq.entry-CEaCeKB7.js @@ -1 +1 @@ -import{r as n,h as e}from"./index-DFR79MvN.js";const t=".container{padding-top:10px}",i=t,a=class{constructor(o){n(this,o)}render(){return e("div",{key:"81dac064edfea12005954ca731cbbe00b8d69698",class:"container"},e("ifx-accordion",{key:"f0a52cd1a0c95d038e036c3643504033b15cb342"},e("ifx-accordion-item",{key:"e1ed7801a5e7c5d83c8e0ee934dfdfea1925dc4d",caption:"What is the Infineon DDS?"},"The Infineon Digital Design System consists of code components, design principles, tools and guidelines as well as a dedicated interdisciplinary team. Its purpose is to support internal and external colleagues create digital user interfaces with a high level of usability as well as a consistent expression of the Infineon brand. The DDS does not focus on the content of a web application but it describes how the design of the application’s structure should be."),e("ifx-accordion-item",{key:"792c48fae24d106277a76554f5d66f5aaa0bb384",caption:"How do I get access to the DDS?"},"You can use the provided Figma file as a foundation for mockups and prototypes, use Storybook to view what UI components and variants are available and use code components provided via Storybook or Github."),e("ifx-accordion-item",{key:"4ed509e6535edf0408f9ed9163d66e979c653370",caption:"Can I integrate the Infineon DDS into my project?"},"Yes, you can. We are happy to discuss with you which point in time and which scope of integration is bestsuited for updating your interface to the Infineon DDS. (To avoid that users get confused by a mixture of UI components, we recommend choosing larger updates or technology changes as opportunity to integrate the Infineon DDS.)"),e("ifx-accordion-item",{key:"a358a22ca675e01d5e402fe8a4268b27ccb471c5",caption:"Are Infineon DDS components accessable?"},"We have taken WCAG 2.0 Level AA as baseline level for all design decisions inside the Infineon Digital Design System. To make an online experience truly accessible you have to implement the specific code, content, and visual design according to the accessibility standard. Find an introduction to this topic here."),e("ifx-accordion-item",{key:"88a06feeb2a093b38797667aec93adf4d82502d5",caption:"How to request a new component?"},"Please contact us like described in the contribution section! We are planning to expand the number of components continually. If your component is also usable for multiple other projects, there is a good chance we might work together with you.")))}};a.style=i;export{a as ifx_faq}; +import{r as n,h as e}from"./index-CTBaKUaT.js";const t=".container{padding-top:10px}",i=t,a=class{constructor(o){n(this,o)}render(){return e("div",{key:"81dac064edfea12005954ca731cbbe00b8d69698",class:"container"},e("ifx-accordion",{key:"f0a52cd1a0c95d038e036c3643504033b15cb342"},e("ifx-accordion-item",{key:"e1ed7801a5e7c5d83c8e0ee934dfdfea1925dc4d",caption:"What is the Infineon DDS?"},"The Infineon Digital Design System consists of code components, design principles, tools and guidelines as well as a dedicated interdisciplinary team. Its purpose is to support internal and external colleagues create digital user interfaces with a high level of usability as well as a consistent expression of the Infineon brand. The DDS does not focus on the content of a web application but it describes how the design of the application’s structure should be."),e("ifx-accordion-item",{key:"792c48fae24d106277a76554f5d66f5aaa0bb384",caption:"How do I get access to the DDS?"},"You can use the provided Figma file as a foundation for mockups and prototypes, use Storybook to view what UI components and variants are available and use code components provided via Storybook or Github."),e("ifx-accordion-item",{key:"4ed509e6535edf0408f9ed9163d66e979c653370",caption:"Can I integrate the Infineon DDS into my project?"},"Yes, you can. We are happy to discuss with you which point in time and which scope of integration is bestsuited for updating your interface to the Infineon DDS. (To avoid that users get confused by a mixture of UI components, we recommend choosing larger updates or technology changes as opportunity to integrate the Infineon DDS.)"),e("ifx-accordion-item",{key:"a358a22ca675e01d5e402fe8a4268b27ccb471c5",caption:"Are Infineon DDS components accessable?"},"We have taken WCAG 2.0 Level AA as baseline level for all design decisions inside the Infineon Digital Design System. To make an online experience truly accessible you have to implement the specific code, content, and visual design according to the accessibility standard. Find an introduction to this topic here."),e("ifx-accordion-item",{key:"88a06feeb2a093b38797667aec93adf4d82502d5",caption:"How to request a new component?"},"Please contact us like described in the contribution section! We are planning to expand the number of components continually. If your component is also usable for multiple other projects, there is a good chance we might work together with you.")))}};a.style=i;export{a as ifx_faq}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-filter-accordion.entry-DjhrvuEE.js b/pr-preview-vue-example/pr-1685/assets/ifx-filter-accordion.entry-DncdnFze.js similarity index 97% rename from pr-preview-vue-example/pr-1685/assets/ifx-filter-accordion.entry-DjhrvuEE.js rename to pr-preview-vue-example/pr-1685/assets/ifx-filter-accordion.entry-DncdnFze.js index 33abc0527..2215049df 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-filter-accordion.entry-DjhrvuEE.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-filter-accordion.entry-DncdnFze.js @@ -1 +1 @@ -import{r as n,c as a,h as e,g as l}from"./index-DFR79MvN.js";function s(i){return Array.from(i.querySelectorAll("ifx-list-entry")).filter(t=>t.getAttribute("value")==="true").map(t=>({label:t.getAttribute("label"),value:t.getAttribute("value"),type:t.getAttribute("type")}))}const c=".header{display:flex;align-items:flex-start;align-self:stretch;cursor:pointer;border-left:3px solid transparent}.text-and-icon{display:flex;padding:12px 16px 12px 20px;align-items:center;gap:16px;flex:1 0 0}.header.expanded{border-left:3px solid #0A8276}.text{display:flex;align-items:center;gap:8px;flex:1 0 0;color:#1D1D1D;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.hidden{display:none}.accordion{border-bottom:1px solid #EEEDED}.filter-accordion-container{display:flex;padding:8px 16px 16px 20px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-left:3px solid #0A8276}::slotted(ifx-filter-entry:nth-child(n+7)){display:none}.link{display:flex;align-items:center;gap:8px}.show-more ::slotted(ifx-filter-entry:nth-child(n+7)){display:block}.show-more .show-more-link{display:none}",o=c,r=class{constructor(i){n(this,i),this.ifxFilterAccordionChange=a(this,"ifxFilterAccordionChange",7),this.initialized=!1,this.handleCheckedChange=t=>{const d=t.detail.selectedItems;this.count=d.length,this.ifxFilterAccordionChange.emit({filterGroupName:this.filterGroupName,selectedItems:d})},this.toggleAccordion=t=>{t.stopPropagation(),this.expanded=!this.expanded},this.expanded=!1,this.maxVisibleItems=void 0,this.count=0,this.totalItems=0,this.filterGroupName=""}componentWillLoad(){this.el.addEventListener("ifxListUpdate",this.handleCheckedChange)}componentDidLoad(){if(!this.initialized){const i=s(this.el);this.count=i.length,this.initialized=!0}}componentWillUnload(){this.el.removeEventListener("ifxListUpdate",this.handleCheckedChange)}render(){return e("div",{key:"4aeae13a1f2811af139413ae351ab70cfbb8ecaf",class:`accordion ${this.expanded?"expanded":""}`},e("div",{key:"e17ac3e8bc1dce7555e3824b2cb66228c333e6ae",class:`header ${this.expanded?"expanded":""}`,onClick:this.toggleAccordion},e("div",{key:"2ac732ab1951cc921078be5757d01325d1794fd6",class:`text-and-icon ${this.expanded?"expanded":""}`},e("div",{key:"3d5d4ae28ad2cba68d3d8a2096bda53242ac69f1",class:"text"},e("span",{key:"669dc7417d9303199c3cb68ff7a4a0ef4dd8fdab"},this.filterGroupName),e("ifx-number-indicator",{key:"b154ed9d7824f62bd1fc18fcb524739de66c3260"},this.count)),e("ifx-icon",{key:"1c02692efa10b0c4f3af56ce921599a4dc4c5ba0",class:this.expanded?"":"hidden",icon:"minus-16",onClick:this.toggleAccordion}),e("ifx-icon",{key:"be1893204c1771593d25e4ed24cfe7e5876012c8",class:this.expanded?"hidden":"",icon:"plus-16",onClick:this.toggleAccordion}))),this.expanded&&e("div",{key:"7c6e4e04a0e0050b3934184002348432dfe92245",class:"filter-accordion-container"},e("slot",{key:"1ff8e788b37c48a82a65667d24ddecbb8675bcda",name:"list"})))}get el(){return l(this)}};r.style=o;export{r as ifx_filter_accordion}; +import{r as n,c as a,h as e,g as l}from"./index-CTBaKUaT.js";function s(i){return Array.from(i.querySelectorAll("ifx-list-entry")).filter(t=>t.getAttribute("value")==="true").map(t=>({label:t.getAttribute("label"),value:t.getAttribute("value"),type:t.getAttribute("type")}))}const c=".header{display:flex;align-items:flex-start;align-self:stretch;cursor:pointer;border-left:3px solid transparent}.text-and-icon{display:flex;padding:12px 16px 12px 20px;align-items:center;gap:16px;flex:1 0 0}.header.expanded{border-left:3px solid #0A8276}.text{display:flex;align-items:center;gap:8px;flex:1 0 0;color:#1D1D1D;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.hidden{display:none}.accordion{border-bottom:1px solid #EEEDED}.filter-accordion-container{display:flex;padding:8px 16px 16px 20px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-left:3px solid #0A8276}::slotted(ifx-filter-entry:nth-child(n+7)){display:none}.link{display:flex;align-items:center;gap:8px}.show-more ::slotted(ifx-filter-entry:nth-child(n+7)){display:block}.show-more .show-more-link{display:none}",o=c,r=class{constructor(i){n(this,i),this.ifxFilterAccordionChange=a(this,"ifxFilterAccordionChange",7),this.initialized=!1,this.handleCheckedChange=t=>{const d=t.detail.selectedItems;this.count=d.length,this.ifxFilterAccordionChange.emit({filterGroupName:this.filterGroupName,selectedItems:d})},this.toggleAccordion=t=>{t.stopPropagation(),this.expanded=!this.expanded},this.expanded=!1,this.maxVisibleItems=void 0,this.count=0,this.totalItems=0,this.filterGroupName=""}componentWillLoad(){this.el.addEventListener("ifxListUpdate",this.handleCheckedChange)}componentDidLoad(){if(!this.initialized){const i=s(this.el);this.count=i.length,this.initialized=!0}}componentWillUnload(){this.el.removeEventListener("ifxListUpdate",this.handleCheckedChange)}render(){return e("div",{key:"4aeae13a1f2811af139413ae351ab70cfbb8ecaf",class:`accordion ${this.expanded?"expanded":""}`},e("div",{key:"e17ac3e8bc1dce7555e3824b2cb66228c333e6ae",class:`header ${this.expanded?"expanded":""}`,onClick:this.toggleAccordion},e("div",{key:"2ac732ab1951cc921078be5757d01325d1794fd6",class:`text-and-icon ${this.expanded?"expanded":""}`},e("div",{key:"3d5d4ae28ad2cba68d3d8a2096bda53242ac69f1",class:"text"},e("span",{key:"669dc7417d9303199c3cb68ff7a4a0ef4dd8fdab"},this.filterGroupName),e("ifx-number-indicator",{key:"b154ed9d7824f62bd1fc18fcb524739de66c3260"},this.count)),e("ifx-icon",{key:"1c02692efa10b0c4f3af56ce921599a4dc4c5ba0",class:this.expanded?"":"hidden",icon:"minus-16",onClick:this.toggleAccordion}),e("ifx-icon",{key:"be1893204c1771593d25e4ed24cfe7e5876012c8",class:this.expanded?"hidden":"",icon:"plus-16",onClick:this.toggleAccordion}))),this.expanded&&e("div",{key:"7c6e4e04a0e0050b3934184002348432dfe92245",class:"filter-accordion-container"},e("slot",{key:"1ff8e788b37c48a82a65667d24ddecbb8675bcda",name:"list"})))}get el(){return l(this)}};r.style=o;export{r as ifx_filter_accordion}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-filter-bar.entry-uXh--amO.js b/pr-preview-vue-example/pr-1685/assets/ifx-filter-bar.entry-CF1XEABV.js similarity index 98% rename from pr-preview-vue-example/pr-1685/assets/ifx-filter-bar.entry-uXh--amO.js rename to pr-preview-vue-example/pr-1685/assets/ifx-filter-bar.entry-CF1XEABV.js index 1d6d4de4d..11620ce8c 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-filter-bar.entry-uXh--amO.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-filter-bar.entry-CF1XEABV.js @@ -1 +1 @@ -import{r as h,c as d,h as i,H as c,g as f}from"./index-DFR79MvN.js";const p=":host{display:block;width:100%}.search-container{display:flex;width:calc(100% - 48px);padding-left:24px;padding-right:24px;flex-direction:row;align-items:flex-start;margin-bottom:16px}.components-container{display:flex;width:calc(100% - 48px);padding-left:24px;padding-right:24px;flex-direction:row;align-items:flex-end;align-content:flex-end;flex-wrap:wrap;gap:16px}.filter-slot-wrapper{flex-grow:1;flex-basis:100%;max-width:100%}@media (max-width: 1024px){.more-filters-wrapper{order:3;width:100%;display:flex;justify-content:center;padding-top:16px;}}@media (min-width: 720px) and (max-width: 1024px){.filter-slot-wrapper{flex-basis:calc((100% - 16px) / 2);max-width:calc((100% - 16px) / 2)}}@media (min-width: 1025px){.filter-slot-wrapper{flex-basis:auto;max-width:200px}::slotted([slot=filter-search]){max-width:828px}}::slotted([slot=filter-search]){flex-grow:1;flex-basis:100%;width:100%}",x=p,m=class{constructor(n){h(this,n),this.ifxTopbarFilterChange=d(this,"ifxTopbarFilterChange",7),this.handleMoreFiltersClick=()=>{this.showAllFilters=!0,this.updateVisibleSlots()},this.handleResetEvent=()=>{var e;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector('slot[name="filter-search"]');t instanceof HTMLSlotElement&&t.assignedElements({flatten:!0}).forEach(s=>{const r=s.querySelector("ifx-filter-search").shadowRoot.querySelectorAll("ifx-search-field");r.length>0&&r.forEach(o=>{o.value=""})}),this.selectedOptions=[],this.ifxTopbarFilterChange.emit(this.selectedOptions)},this.handleSearchChange=e=>{this.handleTopbarFilterChange(e)},this.handleFilterSelect=e=>{this.handleTopbarFilterChange(e)},this.handleTopbarFilterChange=e=>{const t=[...this.selectedOptions];if(e.type==="ifxFilterSearchChange"){const{filterName:l,filterValue:s}=e.detail,a=t.findIndex(r=>r.filterName===l);a!==-1?t[a].filterValues=[s]:t.push({filterName:l,filterValues:[s],type:"text"})}else if(e.type==="ifxFilterSelect"){const{filterName:l,filterValues:s,type:a}=e.detail,r=t.findIndex(o=>o.filterName===l);r!==-1?(t[r].filterValues=s,t[r].type=a):t.push({filterName:l,filterValues:s,type:a})}this.selectedOptions=t,this.ifxTopbarFilterChange.emit(this.selectedOptions)},this.selectedOptions=[],this.showAllFilters=!1,this.maxShownFilters=4,this.visibleSlots=void 0,this.showMoreFiltersButton=!0}connectedCallback(){this.el.addEventListener("ifxFilterSelect",this.handleTopbarFilterChange),this.el.addEventListener("ifxFilterSearchChange",this.handleSearchChange),window.addEventListener("ifxResetFiltersEvent",this.handleResetEvent)}componentWillUnload(){this.el.removeEventListener("ifxFilterSelect",this.handleTopbarFilterChange),this.el.removeEventListener("ifxFilterSearchChange",this.handleSearchChange),window.removeEventListener("ifxResetFiltersEvent",this.handleResetEvent)}componentDidLoad(){this.updateVisibleSlots()}updateVisibleSlots(){this.visibleSlots=this.showAllFilters?Number.MAX_SAFE_INTEGER:this.maxShownFilters}render(){const n=Math.max(0,this.visibleSlots),e=this.el.querySelectorAll("ifx-set-filter").length,t=Math.min(n,e,Number.MAX_SAFE_INTEGER),l=Array.from({length:t},(s,a)=>i("div",{class:"filter-slot-wrapper"},i("slot",{name:`filter-component-${a+1}`})));return i(c,{key:"8ffcbb0968bdd83b7d7f2e43ed48f42d39977732"},i("div",{key:"7cb3a8a4d5f0ad7b0f2610ea27f0a805328e8eb7",class:"search-container"},i("slot",{key:"4d9ea4aea490bf15c98011366594e6334e5cd2f1",name:"filter-search"})," "),i("div",{key:"42c5b558e0095e81dea5440765c34e38c9658564",class:"components-container"},l.length>0?l:i("slot",{name:"filter-component"}),this.showMoreFiltersButton&&!this.showAllFilters&&i("div",{key:"d202e60944d15b73281705ab9da10b0182881e38",class:"more-filters-wrapper",onClick:this.handleMoreFiltersClick},i("ifx-button",{key:"ab0fcaa64cdc33211cb184f8797acade0874d95a",type:"button",disabled:!1,variant:"tertiary",size:"m",target:"_blank",theme:"default","full-width":"false"},i("ifx-icon",{key:"f8258f0e65e87c38ed0a4b5355e17c76c083aca0",icon:"filter-16"}),"More filters"))))}get el(){return f(this)}};m.style=x;export{m as ifx_filter_bar}; +import{r as h,c as d,h as i,H as c,g as f}from"./index-CTBaKUaT.js";const p=":host{display:block;width:100%}.search-container{display:flex;width:calc(100% - 48px);padding-left:24px;padding-right:24px;flex-direction:row;align-items:flex-start;margin-bottom:16px}.components-container{display:flex;width:calc(100% - 48px);padding-left:24px;padding-right:24px;flex-direction:row;align-items:flex-end;align-content:flex-end;flex-wrap:wrap;gap:16px}.filter-slot-wrapper{flex-grow:1;flex-basis:100%;max-width:100%}@media (max-width: 1024px){.more-filters-wrapper{order:3;width:100%;display:flex;justify-content:center;padding-top:16px;}}@media (min-width: 720px) and (max-width: 1024px){.filter-slot-wrapper{flex-basis:calc((100% - 16px) / 2);max-width:calc((100% - 16px) / 2)}}@media (min-width: 1025px){.filter-slot-wrapper{flex-basis:auto;max-width:200px}::slotted([slot=filter-search]){max-width:828px}}::slotted([slot=filter-search]){flex-grow:1;flex-basis:100%;width:100%}",x=p,m=class{constructor(n){h(this,n),this.ifxTopbarFilterChange=d(this,"ifxTopbarFilterChange",7),this.handleMoreFiltersClick=()=>{this.showAllFilters=!0,this.updateVisibleSlots()},this.handleResetEvent=()=>{var e;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector('slot[name="filter-search"]');t instanceof HTMLSlotElement&&t.assignedElements({flatten:!0}).forEach(s=>{const r=s.querySelector("ifx-filter-search").shadowRoot.querySelectorAll("ifx-search-field");r.length>0&&r.forEach(o=>{o.value=""})}),this.selectedOptions=[],this.ifxTopbarFilterChange.emit(this.selectedOptions)},this.handleSearchChange=e=>{this.handleTopbarFilterChange(e)},this.handleFilterSelect=e=>{this.handleTopbarFilterChange(e)},this.handleTopbarFilterChange=e=>{const t=[...this.selectedOptions];if(e.type==="ifxFilterSearchChange"){const{filterName:l,filterValue:s}=e.detail,a=t.findIndex(r=>r.filterName===l);a!==-1?t[a].filterValues=[s]:t.push({filterName:l,filterValues:[s],type:"text"})}else if(e.type==="ifxFilterSelect"){const{filterName:l,filterValues:s,type:a}=e.detail,r=t.findIndex(o=>o.filterName===l);r!==-1?(t[r].filterValues=s,t[r].type=a):t.push({filterName:l,filterValues:s,type:a})}this.selectedOptions=t,this.ifxTopbarFilterChange.emit(this.selectedOptions)},this.selectedOptions=[],this.showAllFilters=!1,this.maxShownFilters=4,this.visibleSlots=void 0,this.showMoreFiltersButton=!0}connectedCallback(){this.el.addEventListener("ifxFilterSelect",this.handleTopbarFilterChange),this.el.addEventListener("ifxFilterSearchChange",this.handleSearchChange),window.addEventListener("ifxResetFiltersEvent",this.handleResetEvent)}componentWillUnload(){this.el.removeEventListener("ifxFilterSelect",this.handleTopbarFilterChange),this.el.removeEventListener("ifxFilterSearchChange",this.handleSearchChange),window.removeEventListener("ifxResetFiltersEvent",this.handleResetEvent)}componentDidLoad(){this.updateVisibleSlots()}updateVisibleSlots(){this.visibleSlots=this.showAllFilters?Number.MAX_SAFE_INTEGER:this.maxShownFilters}render(){const n=Math.max(0,this.visibleSlots),e=this.el.querySelectorAll("ifx-set-filter").length,t=Math.min(n,e,Number.MAX_SAFE_INTEGER),l=Array.from({length:t},(s,a)=>i("div",{class:"filter-slot-wrapper"},i("slot",{name:`filter-component-${a+1}`})));return i(c,{key:"8ffcbb0968bdd83b7d7f2e43ed48f42d39977732"},i("div",{key:"7cb3a8a4d5f0ad7b0f2610ea27f0a805328e8eb7",class:"search-container"},i("slot",{key:"4d9ea4aea490bf15c98011366594e6334e5cd2f1",name:"filter-search"})," "),i("div",{key:"42c5b558e0095e81dea5440765c34e38c9658564",class:"components-container"},l.length>0?l:i("slot",{name:"filter-component"}),this.showMoreFiltersButton&&!this.showAllFilters&&i("div",{key:"d202e60944d15b73281705ab9da10b0182881e38",class:"more-filters-wrapper",onClick:this.handleMoreFiltersClick},i("ifx-button",{key:"ab0fcaa64cdc33211cb184f8797acade0874d95a",type:"button",disabled:!1,variant:"tertiary",size:"m",target:"_blank",theme:"default","full-width":"false"},i("ifx-icon",{key:"f8258f0e65e87c38ed0a4b5355e17c76c083aca0",icon:"filter-16"}),"More filters"))))}get el(){return f(this)}};m.style=x;export{m as ifx_filter_bar}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-filter-search.entry-2RZvylt7.js b/pr-preview-vue-example/pr-1685/assets/ifx-filter-search.entry-Z_fMb0-x.js similarity index 96% rename from pr-preview-vue-example/pr-1685/assets/ifx-filter-search.entry-2RZvylt7.js rename to pr-preview-vue-example/pr-1685/assets/ifx-filter-search.entry-Z_fMb0-x.js index a0ac329aa..9088a7c1d 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-filter-search.entry-2RZvylt7.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-filter-search.entry-Z_fMb0-x.js @@ -1 +1 @@ -import{r,c as a,h as t,g as l}from"./index-DFR79MvN.js";const s=".sidebar-filter-search-wrapper{display:flex;padding:12px 16px 16px 16px;flex-direction:column;align-items:flex-start;align-self:stretch;gap:4px;font-family:var(--ifx-font-family);background:#EEEDED}.topbar-filter-search-wrapper{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;gap:4px;font-family:var(--ifx-font-family)}.topbar-filter-search-wrapper ifx-search-field{width:100%;}.filter-name{font-size:1rem;line-height:1.5rem;font-weight:600}",h=s,f=class{constructor(e){r(this,e),this.ifxFilterSearchChange=a(this,"ifxFilterSearchChange",7),this.filterName=void 0,this.disabled=!1,this.filterValue=void 0,this.filterKey=void 0,this.showDeleteIcon=!1,this.filterOrientation="sidebar",this.placeholder=void 0}valueChanged(e){this.host.setAttribute("value",e.toString())}handleFilterSearchChange(e){const i=this.host.parentElement.querySelector(`ifx-filter-search[filter-name="${this.filterName}"]`);if(i&&i!==this.host)throw new Error(`A search filter with the name '${this.filterName}' already exists.`);this.filterValue=e.detail,this.showDeleteIcon=this.filterValue!=="",this.ifxFilterSearchChange.emit({filterName:this.filterName,filterValue:this.filterValue,filterKey:this.filterKey})}render(){return t("div",{key:"40579877c23e2f855a7c1f439b6a8a0a14cd7e83",class:`${this.filterOrientation==="sidebar"?"sidebar-filter-search-wrapper":"topbar-filter-search-wrapper"}`},t("div",{key:"aab33d490e5329cc5504f606e4fe90631600a180",class:"filter-name"},this.filterName),t("ifx-search-field",{key:"a56866107ccab40040930c1569586d48ac8dbc07",placeholder:this.placeholder,"show-delete-icon":this.showDeleteIcon,disabled:this.disabled,value:this.filterValue}))}get host(){return l(this)}static get watchers(){return{value:["valueChanged"]}}};f.style=h;export{f as ifx_filter_search}; +import{r,c as a,h as t,g as l}from"./index-CTBaKUaT.js";const s=".sidebar-filter-search-wrapper{display:flex;padding:12px 16px 16px 16px;flex-direction:column;align-items:flex-start;align-self:stretch;gap:4px;font-family:var(--ifx-font-family);background:#EEEDED}.topbar-filter-search-wrapper{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;gap:4px;font-family:var(--ifx-font-family)}.topbar-filter-search-wrapper ifx-search-field{width:100%;}.filter-name{font-size:1rem;line-height:1.5rem;font-weight:600}",h=s,f=class{constructor(e){r(this,e),this.ifxFilterSearchChange=a(this,"ifxFilterSearchChange",7),this.filterName=void 0,this.disabled=!1,this.filterValue=void 0,this.filterKey=void 0,this.showDeleteIcon=!1,this.filterOrientation="sidebar",this.placeholder=void 0}valueChanged(e){this.host.setAttribute("value",e.toString())}handleFilterSearchChange(e){const i=this.host.parentElement.querySelector(`ifx-filter-search[filter-name="${this.filterName}"]`);if(i&&i!==this.host)throw new Error(`A search filter with the name '${this.filterName}' already exists.`);this.filterValue=e.detail,this.showDeleteIcon=this.filterValue!=="",this.ifxFilterSearchChange.emit({filterName:this.filterName,filterValue:this.filterValue,filterKey:this.filterKey})}render(){return t("div",{key:"40579877c23e2f855a7c1f439b6a8a0a14cd7e83",class:`${this.filterOrientation==="sidebar"?"sidebar-filter-search-wrapper":"topbar-filter-search-wrapper"}`},t("div",{key:"aab33d490e5329cc5504f606e4fe90631600a180",class:"filter-name"},this.filterName),t("ifx-search-field",{key:"a56866107ccab40040930c1569586d48ac8dbc07",placeholder:this.placeholder,"show-delete-icon":this.showDeleteIcon,disabled:this.disabled,value:this.filterValue}))}get host(){return l(this)}static get watchers(){return{value:["valueChanged"]}}};f.style=h;export{f as ifx_filter_search}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-filter-type-group.entry-DMHNR21r.js b/pr-preview-vue-example/pr-1685/assets/ifx-filter-type-group.entry-CouTFUtG.js similarity index 98% rename from pr-preview-vue-example/pr-1685/assets/ifx-filter-type-group.entry-DMHNR21r.js rename to pr-preview-vue-example/pr-1685/assets/ifx-filter-type-group.entry-CouTFUtG.js index b5f1e1d76..686095e57 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-filter-type-group.entry-DMHNR21r.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-filter-type-group.entry-CouTFUtG.js @@ -1 +1 @@ -import{r as f,c as p,h as c,H as g,g as S}from"./index-DFR79MvN.js";const u=":host{display:flex}.filter-type-group{width:260px;align-items:flex-start;gap:8px}.filter-type-group>::slotted(*){margin-bottom:8px}",m=u,x=class{constructor(d){f(this,d),this.ifxSidebarFilterChange=p(this,"ifxSidebarFilterChange",7),this.handleResetEvent=()=>{this.el.shadowRoot.querySelector('slot[name="filter-accordion"]').assignedElements({flatten:!0}).forEach(e=>{e.querySelectorAll("ifx-list").forEach(o=>{o.resetTrigger=!o.resetTrigger})}),this.el.shadowRoot.querySelector('slot[name="filter-search"]').assignedElements({flatten:!0}).forEach(e=>{const o=e.querySelector("ifx-filter-search").shadowRoot.querySelectorAll("ifx-search-field");o.length>0&&o.forEach(s=>{s.value=""})}),this.selectedOptions=[],this.ifxSidebarFilterChange.emit(this.selectedOptions)},this.handleUpdateSidebarFilter=t=>{const{filterName:i}=t.detail,r=this.el.shadowRoot.querySelector('slot[name="filter-accordion"]');(r?r.assignedElements({flatten:!0}):[]).forEach(s=>{s.querySelectorAll("ifx-list").forEach(a=>{a.getAttribute("name")===i&&(a.resetTrigger=!a.resetTrigger)})});const e=this.el.shadowRoot.querySelector('slot[name="filter-search"]');(e?e.assignedNodes({flatten:!0}):[]).forEach(s=>{if(s.nodeType===Node.ELEMENT_NODE){const a=s.firstElementChild;a&&(a.setAttribute("value",""),a.dispatchEvent(new CustomEvent("ifxInput",{bubbles:!0,composed:!0,detail:""})))}});const o=this.selectedOptions.map(s=>s.filterGroupName===i?Object.assign(Object.assign({},s),{selectedItems:[],value:""}):s);this.selectedOptions=o,this.ifxSidebarFilterChange.emit(this.selectedOptions)},this.handleAccordionChange=t=>{this.handleFilterChange(t)},this.handleSearchChange=t=>{this.handleFilterChange(t)},this.handleFilterChange=t=>{const i=[...this.selectedOptions];if(t.type==="ifxFilterSearchChange"){const{filterName:r,filterValue:l}=t.detail,e=i.findIndex(n=>typeof n!="string"&&n.filterGroupName===r);e!==-1?i[e].value=l:i.push({filterGroupName:r,value:l})}else if(t.type==="ifxFilterAccordionChange"){const{filterGroupName:r,selectedItems:l}=t.detail,e=i.findIndex(n=>n.filterGroupName===r);e!==-1?i[e]={filterGroupName:r,selectedItems:l}:i.push({filterGroupName:r,selectedItems:l})}this.selectedOptions=i,this.ifxSidebarFilterChange.emit(this.selectedOptions)},this.selectedOptions=[]}connectedCallback(){this.el.addEventListener("ifxFilterAccordionChange",this.handleAccordionChange),this.el.addEventListener("ifxFilterSearchChange",this.handleSearchChange),window.addEventListener("ifxResetFiltersEvent",this.handleResetEvent),window.addEventListener("ifxUpdateSidebarFilter",this.handleUpdateSidebarFilter)}componentWillUnload(){this.el.removeEventListener("ifxFilterAccordionChange",this.handleAccordionChange),this.el.removeEventListener("ifxFilterSearchChange",this.handleSearchChange),window.removeEventListener("ifxResetFiltersEvent",this.handleResetEvent)}render(){return c(g,{key:"6405275c133f86c3eb19c7fac063343d99d2b77b"},c("div",{key:"471679f96693465687eda614860de292e3744f0c",class:"filter-type-group"},c("slot",{key:"237950feb8ca95af740409852150b7334227dd86",name:"filter-search"}),c("slot",{key:"b7e30c2c8df31806ec755630f20e6a77db1a1c98",name:"filter-accordion"})))}get el(){return S(this)}};x.style=m;export{x as ifx_filter_type_group}; +import{r as f,c as p,h as c,H as g,g as S}from"./index-CTBaKUaT.js";const u=":host{display:flex}.filter-type-group{width:260px;align-items:flex-start;gap:8px}.filter-type-group>::slotted(*){margin-bottom:8px}",m=u,x=class{constructor(d){f(this,d),this.ifxSidebarFilterChange=p(this,"ifxSidebarFilterChange",7),this.handleResetEvent=()=>{this.el.shadowRoot.querySelector('slot[name="filter-accordion"]').assignedElements({flatten:!0}).forEach(e=>{e.querySelectorAll("ifx-list").forEach(o=>{o.resetTrigger=!o.resetTrigger})}),this.el.shadowRoot.querySelector('slot[name="filter-search"]').assignedElements({flatten:!0}).forEach(e=>{const o=e.querySelector("ifx-filter-search").shadowRoot.querySelectorAll("ifx-search-field");o.length>0&&o.forEach(s=>{s.value=""})}),this.selectedOptions=[],this.ifxSidebarFilterChange.emit(this.selectedOptions)},this.handleUpdateSidebarFilter=t=>{const{filterName:i}=t.detail,r=this.el.shadowRoot.querySelector('slot[name="filter-accordion"]');(r?r.assignedElements({flatten:!0}):[]).forEach(s=>{s.querySelectorAll("ifx-list").forEach(a=>{a.getAttribute("name")===i&&(a.resetTrigger=!a.resetTrigger)})});const e=this.el.shadowRoot.querySelector('slot[name="filter-search"]');(e?e.assignedNodes({flatten:!0}):[]).forEach(s=>{if(s.nodeType===Node.ELEMENT_NODE){const a=s.firstElementChild;a&&(a.setAttribute("value",""),a.dispatchEvent(new CustomEvent("ifxInput",{bubbles:!0,composed:!0,detail:""})))}});const o=this.selectedOptions.map(s=>s.filterGroupName===i?Object.assign(Object.assign({},s),{selectedItems:[],value:""}):s);this.selectedOptions=o,this.ifxSidebarFilterChange.emit(this.selectedOptions)},this.handleAccordionChange=t=>{this.handleFilterChange(t)},this.handleSearchChange=t=>{this.handleFilterChange(t)},this.handleFilterChange=t=>{const i=[...this.selectedOptions];if(t.type==="ifxFilterSearchChange"){const{filterName:r,filterValue:l}=t.detail,e=i.findIndex(n=>typeof n!="string"&&n.filterGroupName===r);e!==-1?i[e].value=l:i.push({filterGroupName:r,value:l})}else if(t.type==="ifxFilterAccordionChange"){const{filterGroupName:r,selectedItems:l}=t.detail,e=i.findIndex(n=>n.filterGroupName===r);e!==-1?i[e]={filterGroupName:r,selectedItems:l}:i.push({filterGroupName:r,selectedItems:l})}this.selectedOptions=i,this.ifxSidebarFilterChange.emit(this.selectedOptions)},this.selectedOptions=[]}connectedCallback(){this.el.addEventListener("ifxFilterAccordionChange",this.handleAccordionChange),this.el.addEventListener("ifxFilterSearchChange",this.handleSearchChange),window.addEventListener("ifxResetFiltersEvent",this.handleResetEvent),window.addEventListener("ifxUpdateSidebarFilter",this.handleUpdateSidebarFilter)}componentWillUnload(){this.el.removeEventListener("ifxFilterAccordionChange",this.handleAccordionChange),this.el.removeEventListener("ifxFilterSearchChange",this.handleSearchChange),window.removeEventListener("ifxResetFiltersEvent",this.handleResetEvent)}render(){return c(g,{key:"6405275c133f86c3eb19c7fac063343d99d2b77b"},c("div",{key:"471679f96693465687eda614860de292e3744f0c",class:"filter-type-group"},c("slot",{key:"237950feb8ca95af740409852150b7334227dd86",name:"filter-search"}),c("slot",{key:"b7e30c2c8df31806ec755630f20e6a77db1a1c98",name:"filter-accordion"})))}get el(){return S(this)}};x.style=m;export{x as ifx_filter_type_group}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-footer-column.entry-B4kxBgm1.js b/pr-preview-vue-example/pr-1685/assets/ifx-footer-column.entry-BS5eD4nr.js similarity index 93% rename from pr-preview-vue-example/pr-1685/assets/ifx-footer-column.entry-B4kxBgm1.js rename to pr-preview-vue-example/pr-1685/assets/ifx-footer-column.entry-BS5eD4nr.js index 45c3d8e6e..70bc07301 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-footer-column.entry-B4kxBgm1.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-footer-column.entry-BS5eD4nr.js @@ -1 +1 @@ -import{r as t,h as e,g as i}from"./index-DFR79MvN.js";const n=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.col{display:flex;flex-direction:column;gap:12px;padding-right:8px;color:#1D1D1D;font-family:var(--ifx-font-family)}.col ::slotted([slot=title]){box-sizing:border-box;font-weight:600;font-size:1rem;line-height:1.5rem;margin:0;padding:0}.col span{display:flex;flex-direction:column;gap:12px;color:#1D1D1D}.col span ::slotted([slot=link]){box-sizing:border-box;font-weight:400;font-size:1rem;line-height:1.5rem}',l=n,a=class{constructor(o){t(this,o)}render(){return e("div",{key:"4cad5415cae80dfff4e7d75e82163bd0ef71f648",class:"col"},e("slot",{key:"e884b90aadc3df6f4ec4ccff44a8e05589277b5c",name:"title"}),e("span",{key:"e29933f15be919b14ea765ccbcf75bcd8c8f19e7","aria-label":"navigation link"},e("slot",{key:"5ae8906786990bc1e0821982fa4f0d7bb9dadc9f",name:"link"})))}get el(){return i(this)}};a.style=l;export{a as ifx_footer_column}; +import{r as t,h as e,g as i}from"./index-CTBaKUaT.js";const n=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.col{display:flex;flex-direction:column;gap:12px;padding-right:8px;color:#1D1D1D;font-family:var(--ifx-font-family)}.col ::slotted([slot=title]){box-sizing:border-box;font-weight:600;font-size:1rem;line-height:1.5rem;margin:0;padding:0}.col span{display:flex;flex-direction:column;gap:12px;color:#1D1D1D}.col span ::slotted([slot=link]){box-sizing:border-box;font-weight:400;font-size:1rem;line-height:1.5rem}',l=n,a=class{constructor(o){t(this,o)}render(){return e("div",{key:"4cad5415cae80dfff4e7d75e82163bd0ef71f648",class:"col"},e("slot",{key:"e884b90aadc3df6f4ec4ccff44a8e05589277b5c",name:"title"}),e("span",{key:"e29933f15be919b14ea765ccbcf75bcd8c8f19e7","aria-label":"navigation link"},e("slot",{key:"5ae8906786990bc1e0821982fa4f0d7bb9dadc9f",name:"link"})))}get el(){return i(this)}};a.style=l;export{a as ifx_footer_column}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-footer.entry-DjNkkaNp.js b/pr-preview-vue-example/pr-1685/assets/ifx-footer.entry-B-WKmVyy.js similarity index 99% rename from pr-preview-vue-example/pr-1685/assets/ifx-footer.entry-DjNkkaNp.js rename to pr-preview-vue-example/pr-1685/assets/ifx-footer.entry-B-WKmVyy.js index 54dace4b8..327b0f044 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-footer.entry-DjNkkaNp.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-footer.entry-B-WKmVyy.js @@ -1 +1 @@ -import{r as t,h as e,H as a,g as r}from"./index-DFR79MvN.js";const f=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:block;width:100%}.footer__container{padding:0px 32px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#FFFFFF;font-family:var(--ifx-font-family)}.footer__container .footer__wrapper{display:flex;flex-direction:column;width:100%}@media (max-width: 768px){.footer__container .footer__wrapper{margin-top:48px}}.footer__container .footer__wrapper .footer__logo_top svg{display:none}@media (max-width: 768px){.footer__container .footer__wrapper .footer__logo_top svg{display:inline}}.footer__container .footer__wrapper .footer__logo_btm svg{display:inline;vertical-align:bottom}.footer__container .footer__wrapper .col-wrapper{display:flex;align-items:flex-start;width:100%;justify-content:space-between;margin:32px 0}@media (max-width: 768px){.footer__container .footer__wrapper .col-wrapper{flex-wrap:wrap;justify-content:space-between;margin:24px 0}}.footer__container .footer__wrapper .col-wrapper ::slotted([slot=col]){display:flex;gap:32px}@media (max-width: 768px){.footer__container .footer__wrapper .col-wrapper ::slotted([slot=col]){flex-wrap:wrap;margin-top:24px}}.footer__container .footer__wrapper .default{display:flex;justify-content:space-between;align-items:center;width:100%;padding:24px 0;border-bottom:1px solid #BFBBBB;margin-top:24px}.footer__container .footer__wrapper .default .footer__logo_btm svg{display:inline;vertical-align:bottom}@media (max-width: 768px){.footer__container .footer__wrapper .default .footer__logo_btm svg{display:none}}@media (max-width: 768px){.footer__container .footer__wrapper .default{margin-top:0px;flex-direction:column;align-items:flex-start}}.footer__container .footer__wrapper .default ::slotted([slot=socials]){display:flex;gap:32px}@media (max-width: 768px){.footer__container .footer__wrapper .default ::slotted([slot=socials]){flex-wrap:wrap}}.footer__container .footer__wrapper .footer__base{display:flex;justify-content:space-between;width:100%;padding:24px 0}.footer__container .footer__wrapper .footer__base .footer__brand{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;color:#1D1D1D;flex-grow:1}.footer__container .footer__wrapper .footer__base .footer__info>::slotted([slot=info]){display:flex;gap:24px;padding-right:16px;justify-content:flex-end;flex-grow:1}.footer__container .footer__wrapper .footer__base .footer__info>::slotted([slot=info]) a{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;text-decoration:none}@media (max-width: 768px){.footer__container .footer__wrapper .footer__base .footer__info>::slotted([slot=info]){justify-content:flex-start;flex-wrap:wrap;gap:12px 16px}}@media (max-width: 768px){.footer__container .footer__wrapper .footer__base{flex-direction:column-reverse}.footer__container .footer__wrapper .footer__base .footer__brand{margin-top:16px}}',i=f,l=class{constructor(o){t(this,o),this.hasColSlot=!1,this.hasSocialsSlot=!1,this.currentYear=new Date().getFullYear(),this.copyrightText="© 1999 - "+this.currentYear+" Infineon Technologies AG"}componentWillLoad(){this.hasColSlot=!!this.el.querySelector('[slot="col"]'),this.hasSocialsSlot=!!this.el.querySelector('[slot="socials"]')}render(){return e(a,{key:"8d76599a2a9c036bbbaaeb3d34195c4bb5c6623e"},e("div",{key:"5bbf17be0516d106209ea115ef13c8817c0673ec","aria-label":"Main footer navigation",class:"footer__container"},e("div",{key:"c77bf6136689e2f565ea52312995cf7a7470fdb1",class:"footer__wrapper"},(this.hasSocialsSlot||this.hasColSlot)&&e("div",{key:"fa5db9d67a40c6457a60520400589b48b6228fd6",class:"footer__logo_top"},e("svg",{key:"6354608c1db5e91d56357524f723de04fac7296d",width:"91",height:"40",viewBox:"0 0 91 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{key:"7c2c1d6f25f2d5c591c5e6a5b47b406df1025002","clip-path":"url(#clip0_2396_2480)"},e("path",{key:"859df8f5745407e6f1d965c13877f477cd526de7",d:"M67.691 26.7766C71.0884 26.7766 72.1461 23.1841 72.1461 19.8802C72.1461 15.4536 70.2871 13.1441 67.691 13.1441C64.4219 13.1441 63.2681 16.7367 63.3001 19.9443C63.3322 23.1199 64.2296 26.7766 67.691 26.7766ZM66.0244 19.8481C66.0244 18.533 66.0244 15.4536 67.691 15.4536C69.4859 15.4536 69.4218 18.5009 69.4218 19.9123C69.4218 21.2595 69.4218 24.5313 67.7551 24.5313C65.9603 24.4992 66.0244 21.2274 66.0244 19.8481ZM57.8195 26.7766C59.1976 26.7766 60.3835 26.2313 61.5053 25.0445L60.5117 23.1841C59.7425 24.018 58.9733 24.4671 58.0438 24.4671C57.2746 24.4671 56.6336 24.018 56.249 23.2482C55.9285 22.5746 55.8644 21.8048 55.8644 20.9708V20.7142H61.6335V20.1368C61.6335 17.282 61.2809 15.7102 60.3835 14.5234C59.7104 13.6253 58.7169 13.1441 57.499 13.1441C56.2169 13.1441 55.1593 13.7215 54.39 14.8442C53.5567 16.0631 53.2042 17.699 53.2042 19.9443C53.1721 24.2426 54.8708 26.7766 57.8195 26.7766ZM57.531 15.2612C58.172 15.2612 58.5566 15.614 58.813 16.1914C59.0053 16.7046 59.1015 17.5707 59.1015 18.5971H55.8644C55.8964 16.3197 56.3772 15.2612 57.531 15.2612ZM74.2614 26.4559H76.7614V16.8329C77.3703 16.0952 78.0754 15.6782 78.5882 15.6782C78.9087 15.6782 79.2292 15.7423 79.4215 15.9989C79.6138 16.2876 79.71 16.7046 79.71 17.699V26.4559H82.21V16.5442C82.21 15.6782 82.1138 14.8121 81.601 14.1706C81.1523 13.5932 80.4472 13.2404 79.5497 13.2404C78.3959 13.2404 77.2101 13.914 76.569 14.6838C76.537 14.0102 76.3126 13.3687 76.2485 13.1441L73.9089 13.7536C74.0371 14.4593 74.2294 15.3253 74.2294 16.8971V26.4559H74.2614ZM45.2236 14.6838C45.1915 14.0102 44.9672 13.3687 44.9031 13.1441L42.5634 13.7536C42.6916 14.4593 42.8839 15.3253 42.8839 16.8971V26.4238H45.3838V16.8008C45.9928 16.0631 46.6979 15.6461 47.2107 15.6461C47.5312 15.6461 47.8517 15.7102 48.044 15.9669C48.2363 16.2555 48.3325 16.6725 48.3325 17.6669V26.4238H50.8324V16.5442C50.8324 15.6782 50.7363 14.8121 50.2235 14.1706C49.7748 13.5932 49.0696 13.2404 48.1722 13.2404C47.0505 13.2404 45.8646 13.914 45.2236 14.6838ZM14.6473 9.07042C16.1216 9.07042 17.3075 7.88359 17.3075 6.40807C17.3075 4.93256 16.1216 3.74573 14.6473 3.74573C13.173 3.74573 11.9871 4.93256 11.9871 6.40807C11.9871 7.88359 13.173 9.07042 14.6473 9.07042ZM26.9227 26.4559V16.5442C26.9227 15.6782 26.8265 14.8121 26.3137 14.1706C25.865 13.5932 25.1599 13.2404 24.2625 13.2404C23.1087 13.2404 21.9228 13.914 21.2818 14.6838C21.2497 14.0102 21.0254 13.3687 20.9613 13.1441L18.6536 13.7857C18.7818 14.4913 18.9741 15.3574 18.9741 16.9291V26.4559H21.4741V16.8329C22.0831 16.0952 22.7882 15.6782 23.301 15.6782C23.6215 15.6782 23.942 15.7423 24.1343 15.9989C24.3266 16.2876 24.4227 16.7046 24.4227 17.699V26.4559H26.9227ZM38.4289 8.36474C37.4994 8.36474 36.7622 9.10249 36.7622 10.0327C36.7622 10.9629 37.4994 11.7007 38.3968 11.7007C39.3263 11.7007 40.0634 10.9629 40.0634 10.0327C40.0634 9.10249 39.3263 8.36474 38.4289 8.36474ZM13.4614 26.4559H15.9614V10.8346L13.4614 11.1554V26.4559ZM33.8777 9.90441C34.3264 9.90441 34.7751 10.0648 35.0635 10.2893L35.7687 8.33266C35.0956 7.85151 34.3584 7.62698 33.429 7.62698C32.788 7.62698 32.1149 7.78736 31.5059 8.26851C30.897 8.78173 30.256 9.80818 30.256 11.7328C30.256 12.5667 30.288 13.4328 30.288 13.4328H29.4226V15.6461H30.288V26.4238H32.8521V15.6782H34.743L35.2238 13.4649H32.8841V11.4762C32.8841 10.5139 33.2687 9.90441 33.8777 9.90441ZM37.1468 26.4559H39.6788V13.2404L37.1468 13.5611V26.4559Z",fill:"#005DA9"}),e("path",{key:"484816e73862ec483a38bc96be9d8238aa3a7324",d:"M77.0816 33.5126C68.6203 36.0146 58.3321 37.1052 48.2682 37.1052C22.7239 37.1052 6.24986 29.5993 5.09604 19.6877C4.67938 15.9668 7.59599 12.3422 12.4677 9.26285C11.6023 8.62132 11.0575 7.59488 11.0254 6.44012C3.97427 10.161 0 15.0366 0 19.9764C0 30.9145 19.5188 40.1525 48.5246 39.7676C58.6205 39.6393 67.0498 38.1958 74.6778 35.6939C83.7482 32.7428 89.4532 28.5087 90.8313 26.6483C89.1968 28.1238 85.3186 31.0748 77.0816 33.5126ZM23.2687 4.38723C24.9674 3.80985 27.3712 3.0721 27.3712 3.0721C34.1339 1.21166 41.6017 0.121063 48.5566 0.185215C40.544 -0.295931 33.2365 0.185215 26.8584 1.33997C26.8584 1.33997 24.743 1.69281 22.4675 2.27018C22.4675 2.27018 21.3777 2.55887 20.7047 2.75133C20.0316 2.94379 19.1021 3.2004 19.1021 3.2004C18.4611 3.39286 17.8201 3.6174 17.1791 3.84193C17.8201 4.48346 18.2047 5.31745 18.2368 6.27974C19.3586 5.76652 21.5059 4.99668 23.2687 4.38723Z",fill:"#E30034"})),e("defs",{key:"86c1f4d2548ecef60783702cb80d7425fc256ca9"},e("clipPath",{key:"4195ac4b648435c5996e1920d10be1044ac74119",id:"clip0_2396_2480"},e("rect",{key:"687009957f6abb9e2761020df8f2c0e187f7cc44",width:"91",height:"40",fill:"white"}))))),this.hasColSlot&&e("div",{key:"b1f17fb0ce5c213fde4a4cf0dab9206723e11850"},e("div",{key:"21f20431a29a1872516217548c2f62270e678853",class:"col-wrapper"},e("slot",{key:"910deae3e19c1e0e6aed7ea6fab8d952110238e7",name:"col"}))),this.hasSocialsSlot&&e("div",{key:"dffbef5c008536641675bcec38847bfdc0b97162",class:"default","aria-label":"Follow us on social media"},e("div",{key:"1ffcbd52e5f49705e2f469f2ed6b02041409f3be",class:"footer__logo_btm"},e("svg",{key:"d83fae494f78a4c52e95a7e550de88a426561d07",width:"91",height:"40",viewBox:"0 0 91 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{key:"31fd56e0060bdd6304e072a638be62f4d096864f","clip-path":"url(#clip0_2396_2480)"},e("path",{key:"0e99bf4a368d6f6ec050d988bbf952eba0c7f5bd",d:"M67.691 26.7766C71.0884 26.7766 72.1461 23.1841 72.1461 19.8802C72.1461 15.4536 70.2871 13.1441 67.691 13.1441C64.4219 13.1441 63.2681 16.7367 63.3001 19.9443C63.3322 23.1199 64.2296 26.7766 67.691 26.7766ZM66.0244 19.8481C66.0244 18.533 66.0244 15.4536 67.691 15.4536C69.4859 15.4536 69.4218 18.5009 69.4218 19.9123C69.4218 21.2595 69.4218 24.5313 67.7551 24.5313C65.9603 24.4992 66.0244 21.2274 66.0244 19.8481ZM57.8195 26.7766C59.1976 26.7766 60.3835 26.2313 61.5053 25.0445L60.5117 23.1841C59.7425 24.018 58.9733 24.4671 58.0438 24.4671C57.2746 24.4671 56.6336 24.018 56.249 23.2482C55.9285 22.5746 55.8644 21.8048 55.8644 20.9708V20.7142H61.6335V20.1368C61.6335 17.282 61.2809 15.7102 60.3835 14.5234C59.7104 13.6253 58.7169 13.1441 57.499 13.1441C56.2169 13.1441 55.1593 13.7215 54.39 14.8442C53.5567 16.0631 53.2042 17.699 53.2042 19.9443C53.1721 24.2426 54.8708 26.7766 57.8195 26.7766ZM57.531 15.2612C58.172 15.2612 58.5566 15.614 58.813 16.1914C59.0053 16.7046 59.1015 17.5707 59.1015 18.5971H55.8644C55.8964 16.3197 56.3772 15.2612 57.531 15.2612ZM74.2614 26.4559H76.7614V16.8329C77.3703 16.0952 78.0754 15.6782 78.5882 15.6782C78.9087 15.6782 79.2292 15.7423 79.4215 15.9989C79.6138 16.2876 79.71 16.7046 79.71 17.699V26.4559H82.21V16.5442C82.21 15.6782 82.1138 14.8121 81.601 14.1706C81.1523 13.5932 80.4472 13.2404 79.5497 13.2404C78.3959 13.2404 77.2101 13.914 76.569 14.6838C76.537 14.0102 76.3126 13.3687 76.2485 13.1441L73.9089 13.7536C74.0371 14.4593 74.2294 15.3253 74.2294 16.8971V26.4559H74.2614ZM45.2236 14.6838C45.1915 14.0102 44.9672 13.3687 44.9031 13.1441L42.5634 13.7536C42.6916 14.4593 42.8839 15.3253 42.8839 16.8971V26.4238H45.3838V16.8008C45.9928 16.0631 46.6979 15.6461 47.2107 15.6461C47.5312 15.6461 47.8517 15.7102 48.044 15.9669C48.2363 16.2555 48.3325 16.6725 48.3325 17.6669V26.4238H50.8324V16.5442C50.8324 15.6782 50.7363 14.8121 50.2235 14.1706C49.7748 13.5932 49.0696 13.2404 48.1722 13.2404C47.0505 13.2404 45.8646 13.914 45.2236 14.6838ZM14.6473 9.07042C16.1216 9.07042 17.3075 7.88359 17.3075 6.40807C17.3075 4.93256 16.1216 3.74573 14.6473 3.74573C13.173 3.74573 11.9871 4.93256 11.9871 6.40807C11.9871 7.88359 13.173 9.07042 14.6473 9.07042ZM26.9227 26.4559V16.5442C26.9227 15.6782 26.8265 14.8121 26.3137 14.1706C25.865 13.5932 25.1599 13.2404 24.2625 13.2404C23.1087 13.2404 21.9228 13.914 21.2818 14.6838C21.2497 14.0102 21.0254 13.3687 20.9613 13.1441L18.6536 13.7857C18.7818 14.4913 18.9741 15.3574 18.9741 16.9291V26.4559H21.4741V16.8329C22.0831 16.0952 22.7882 15.6782 23.301 15.6782C23.6215 15.6782 23.942 15.7423 24.1343 15.9989C24.3266 16.2876 24.4227 16.7046 24.4227 17.699V26.4559H26.9227ZM38.4289 8.36474C37.4994 8.36474 36.7622 9.10249 36.7622 10.0327C36.7622 10.9629 37.4994 11.7007 38.3968 11.7007C39.3263 11.7007 40.0634 10.9629 40.0634 10.0327C40.0634 9.10249 39.3263 8.36474 38.4289 8.36474ZM13.4614 26.4559H15.9614V10.8346L13.4614 11.1554V26.4559ZM33.8777 9.90441C34.3264 9.90441 34.7751 10.0648 35.0635 10.2893L35.7687 8.33266C35.0956 7.85151 34.3584 7.62698 33.429 7.62698C32.788 7.62698 32.1149 7.78736 31.5059 8.26851C30.897 8.78173 30.256 9.80818 30.256 11.7328C30.256 12.5667 30.288 13.4328 30.288 13.4328H29.4226V15.6461H30.288V26.4238H32.8521V15.6782H34.743L35.2238 13.4649H32.8841V11.4762C32.8841 10.5139 33.2687 9.90441 33.8777 9.90441ZM37.1468 26.4559H39.6788V13.2404L37.1468 13.5611V26.4559Z",fill:"#005DA9"}),e("path",{key:"64698f5d7d410c34acd7f3dc21cba7672aa76f68",d:"M77.0816 33.5126C68.6203 36.0146 58.3321 37.1052 48.2682 37.1052C22.7239 37.1052 6.24986 29.5993 5.09604 19.6877C4.67938 15.9668 7.59599 12.3422 12.4677 9.26285C11.6023 8.62132 11.0575 7.59488 11.0254 6.44012C3.97427 10.161 0 15.0366 0 19.9764C0 30.9145 19.5188 40.1525 48.5246 39.7676C58.6205 39.6393 67.0498 38.1958 74.6778 35.6939C83.7482 32.7428 89.4532 28.5087 90.8313 26.6483C89.1968 28.1238 85.3186 31.0748 77.0816 33.5126ZM23.2687 4.38723C24.9674 3.80985 27.3712 3.0721 27.3712 3.0721C34.1339 1.21166 41.6017 0.121063 48.5566 0.185215C40.544 -0.295931 33.2365 0.185215 26.8584 1.33997C26.8584 1.33997 24.743 1.69281 22.4675 2.27018C22.4675 2.27018 21.3777 2.55887 20.7047 2.75133C20.0316 2.94379 19.1021 3.2004 19.1021 3.2004C18.4611 3.39286 17.8201 3.6174 17.1791 3.84193C17.8201 4.48346 18.2047 5.31745 18.2368 6.27974C19.3586 5.76652 21.5059 4.99668 23.2687 4.38723Z",fill:"#E30034"})),e("defs",{key:"68d7791861fe4ac6fa58f3ccb817b5dbfc48180d"},e("clipPath",{key:"6ea180529a489fec29450df89d7a40526c745fab",id:"clip0_2396_2480"},e("rect",{key:"3b00320214b0c9b2d5c7f847d2a2009c969592c7",width:"91",height:"40",fill:"white"}))))),e("slot",{key:"d01e3825a29f9e450f45152522fae0147c825546",name:"socials"})),e("div",{key:"5bbc9f906dbddb0a9ba6e51cce7901c1ac15520e",class:"footer__base"},this.copyrightText&&e("div",{key:"c1b3e5d5b1beba29d6e58dff04f7e94479cd7f21",class:"footer__brand"},this.copyrightText),e("div",{key:"6890ed00edf7f3ae9999972c1ce52fc89f2a2d97",class:"footer__info"},e("slot",{key:"0149762ec6ca315a30582b258f7f2cfcf4fe0951",name:"info"}))))))}get el(){return r(this)}};l.style=i;export{l as ifx_footer}; +import{r as t,h as e,H as a,g as r}from"./index-CTBaKUaT.js";const f=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:block;width:100%}.footer__container{padding:0px 32px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#FFFFFF;font-family:var(--ifx-font-family)}.footer__container .footer__wrapper{display:flex;flex-direction:column;width:100%}@media (max-width: 768px){.footer__container .footer__wrapper{margin-top:48px}}.footer__container .footer__wrapper .footer__logo_top svg{display:none}@media (max-width: 768px){.footer__container .footer__wrapper .footer__logo_top svg{display:inline}}.footer__container .footer__wrapper .footer__logo_btm svg{display:inline;vertical-align:bottom}.footer__container .footer__wrapper .col-wrapper{display:flex;align-items:flex-start;width:100%;justify-content:space-between;margin:32px 0}@media (max-width: 768px){.footer__container .footer__wrapper .col-wrapper{flex-wrap:wrap;justify-content:space-between;margin:24px 0}}.footer__container .footer__wrapper .col-wrapper ::slotted([slot=col]){display:flex;gap:32px}@media (max-width: 768px){.footer__container .footer__wrapper .col-wrapper ::slotted([slot=col]){flex-wrap:wrap;margin-top:24px}}.footer__container .footer__wrapper .default{display:flex;justify-content:space-between;align-items:center;width:100%;padding:24px 0;border-bottom:1px solid #BFBBBB;margin-top:24px}.footer__container .footer__wrapper .default .footer__logo_btm svg{display:inline;vertical-align:bottom}@media (max-width: 768px){.footer__container .footer__wrapper .default .footer__logo_btm svg{display:none}}@media (max-width: 768px){.footer__container .footer__wrapper .default{margin-top:0px;flex-direction:column;align-items:flex-start}}.footer__container .footer__wrapper .default ::slotted([slot=socials]){display:flex;gap:32px}@media (max-width: 768px){.footer__container .footer__wrapper .default ::slotted([slot=socials]){flex-wrap:wrap}}.footer__container .footer__wrapper .footer__base{display:flex;justify-content:space-between;width:100%;padding:24px 0}.footer__container .footer__wrapper .footer__base .footer__brand{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;color:#1D1D1D;flex-grow:1}.footer__container .footer__wrapper .footer__base .footer__info>::slotted([slot=info]){display:flex;gap:24px;padding-right:16px;justify-content:flex-end;flex-grow:1}.footer__container .footer__wrapper .footer__base .footer__info>::slotted([slot=info]) a{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;text-decoration:none}@media (max-width: 768px){.footer__container .footer__wrapper .footer__base .footer__info>::slotted([slot=info]){justify-content:flex-start;flex-wrap:wrap;gap:12px 16px}}@media (max-width: 768px){.footer__container .footer__wrapper .footer__base{flex-direction:column-reverse}.footer__container .footer__wrapper .footer__base .footer__brand{margin-top:16px}}',i=f,l=class{constructor(o){t(this,o),this.hasColSlot=!1,this.hasSocialsSlot=!1,this.currentYear=new Date().getFullYear(),this.copyrightText="© 1999 - "+this.currentYear+" Infineon Technologies AG"}componentWillLoad(){this.hasColSlot=!!this.el.querySelector('[slot="col"]'),this.hasSocialsSlot=!!this.el.querySelector('[slot="socials"]')}render(){return e(a,{key:"8d76599a2a9c036bbbaaeb3d34195c4bb5c6623e"},e("div",{key:"5bbf17be0516d106209ea115ef13c8817c0673ec","aria-label":"Main footer navigation",class:"footer__container"},e("div",{key:"c77bf6136689e2f565ea52312995cf7a7470fdb1",class:"footer__wrapper"},(this.hasSocialsSlot||this.hasColSlot)&&e("div",{key:"fa5db9d67a40c6457a60520400589b48b6228fd6",class:"footer__logo_top"},e("svg",{key:"6354608c1db5e91d56357524f723de04fac7296d",width:"91",height:"40",viewBox:"0 0 91 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{key:"7c2c1d6f25f2d5c591c5e6a5b47b406df1025002","clip-path":"url(#clip0_2396_2480)"},e("path",{key:"859df8f5745407e6f1d965c13877f477cd526de7",d:"M67.691 26.7766C71.0884 26.7766 72.1461 23.1841 72.1461 19.8802C72.1461 15.4536 70.2871 13.1441 67.691 13.1441C64.4219 13.1441 63.2681 16.7367 63.3001 19.9443C63.3322 23.1199 64.2296 26.7766 67.691 26.7766ZM66.0244 19.8481C66.0244 18.533 66.0244 15.4536 67.691 15.4536C69.4859 15.4536 69.4218 18.5009 69.4218 19.9123C69.4218 21.2595 69.4218 24.5313 67.7551 24.5313C65.9603 24.4992 66.0244 21.2274 66.0244 19.8481ZM57.8195 26.7766C59.1976 26.7766 60.3835 26.2313 61.5053 25.0445L60.5117 23.1841C59.7425 24.018 58.9733 24.4671 58.0438 24.4671C57.2746 24.4671 56.6336 24.018 56.249 23.2482C55.9285 22.5746 55.8644 21.8048 55.8644 20.9708V20.7142H61.6335V20.1368C61.6335 17.282 61.2809 15.7102 60.3835 14.5234C59.7104 13.6253 58.7169 13.1441 57.499 13.1441C56.2169 13.1441 55.1593 13.7215 54.39 14.8442C53.5567 16.0631 53.2042 17.699 53.2042 19.9443C53.1721 24.2426 54.8708 26.7766 57.8195 26.7766ZM57.531 15.2612C58.172 15.2612 58.5566 15.614 58.813 16.1914C59.0053 16.7046 59.1015 17.5707 59.1015 18.5971H55.8644C55.8964 16.3197 56.3772 15.2612 57.531 15.2612ZM74.2614 26.4559H76.7614V16.8329C77.3703 16.0952 78.0754 15.6782 78.5882 15.6782C78.9087 15.6782 79.2292 15.7423 79.4215 15.9989C79.6138 16.2876 79.71 16.7046 79.71 17.699V26.4559H82.21V16.5442C82.21 15.6782 82.1138 14.8121 81.601 14.1706C81.1523 13.5932 80.4472 13.2404 79.5497 13.2404C78.3959 13.2404 77.2101 13.914 76.569 14.6838C76.537 14.0102 76.3126 13.3687 76.2485 13.1441L73.9089 13.7536C74.0371 14.4593 74.2294 15.3253 74.2294 16.8971V26.4559H74.2614ZM45.2236 14.6838C45.1915 14.0102 44.9672 13.3687 44.9031 13.1441L42.5634 13.7536C42.6916 14.4593 42.8839 15.3253 42.8839 16.8971V26.4238H45.3838V16.8008C45.9928 16.0631 46.6979 15.6461 47.2107 15.6461C47.5312 15.6461 47.8517 15.7102 48.044 15.9669C48.2363 16.2555 48.3325 16.6725 48.3325 17.6669V26.4238H50.8324V16.5442C50.8324 15.6782 50.7363 14.8121 50.2235 14.1706C49.7748 13.5932 49.0696 13.2404 48.1722 13.2404C47.0505 13.2404 45.8646 13.914 45.2236 14.6838ZM14.6473 9.07042C16.1216 9.07042 17.3075 7.88359 17.3075 6.40807C17.3075 4.93256 16.1216 3.74573 14.6473 3.74573C13.173 3.74573 11.9871 4.93256 11.9871 6.40807C11.9871 7.88359 13.173 9.07042 14.6473 9.07042ZM26.9227 26.4559V16.5442C26.9227 15.6782 26.8265 14.8121 26.3137 14.1706C25.865 13.5932 25.1599 13.2404 24.2625 13.2404C23.1087 13.2404 21.9228 13.914 21.2818 14.6838C21.2497 14.0102 21.0254 13.3687 20.9613 13.1441L18.6536 13.7857C18.7818 14.4913 18.9741 15.3574 18.9741 16.9291V26.4559H21.4741V16.8329C22.0831 16.0952 22.7882 15.6782 23.301 15.6782C23.6215 15.6782 23.942 15.7423 24.1343 15.9989C24.3266 16.2876 24.4227 16.7046 24.4227 17.699V26.4559H26.9227ZM38.4289 8.36474C37.4994 8.36474 36.7622 9.10249 36.7622 10.0327C36.7622 10.9629 37.4994 11.7007 38.3968 11.7007C39.3263 11.7007 40.0634 10.9629 40.0634 10.0327C40.0634 9.10249 39.3263 8.36474 38.4289 8.36474ZM13.4614 26.4559H15.9614V10.8346L13.4614 11.1554V26.4559ZM33.8777 9.90441C34.3264 9.90441 34.7751 10.0648 35.0635 10.2893L35.7687 8.33266C35.0956 7.85151 34.3584 7.62698 33.429 7.62698C32.788 7.62698 32.1149 7.78736 31.5059 8.26851C30.897 8.78173 30.256 9.80818 30.256 11.7328C30.256 12.5667 30.288 13.4328 30.288 13.4328H29.4226V15.6461H30.288V26.4238H32.8521V15.6782H34.743L35.2238 13.4649H32.8841V11.4762C32.8841 10.5139 33.2687 9.90441 33.8777 9.90441ZM37.1468 26.4559H39.6788V13.2404L37.1468 13.5611V26.4559Z",fill:"#005DA9"}),e("path",{key:"484816e73862ec483a38bc96be9d8238aa3a7324",d:"M77.0816 33.5126C68.6203 36.0146 58.3321 37.1052 48.2682 37.1052C22.7239 37.1052 6.24986 29.5993 5.09604 19.6877C4.67938 15.9668 7.59599 12.3422 12.4677 9.26285C11.6023 8.62132 11.0575 7.59488 11.0254 6.44012C3.97427 10.161 0 15.0366 0 19.9764C0 30.9145 19.5188 40.1525 48.5246 39.7676C58.6205 39.6393 67.0498 38.1958 74.6778 35.6939C83.7482 32.7428 89.4532 28.5087 90.8313 26.6483C89.1968 28.1238 85.3186 31.0748 77.0816 33.5126ZM23.2687 4.38723C24.9674 3.80985 27.3712 3.0721 27.3712 3.0721C34.1339 1.21166 41.6017 0.121063 48.5566 0.185215C40.544 -0.295931 33.2365 0.185215 26.8584 1.33997C26.8584 1.33997 24.743 1.69281 22.4675 2.27018C22.4675 2.27018 21.3777 2.55887 20.7047 2.75133C20.0316 2.94379 19.1021 3.2004 19.1021 3.2004C18.4611 3.39286 17.8201 3.6174 17.1791 3.84193C17.8201 4.48346 18.2047 5.31745 18.2368 6.27974C19.3586 5.76652 21.5059 4.99668 23.2687 4.38723Z",fill:"#E30034"})),e("defs",{key:"86c1f4d2548ecef60783702cb80d7425fc256ca9"},e("clipPath",{key:"4195ac4b648435c5996e1920d10be1044ac74119",id:"clip0_2396_2480"},e("rect",{key:"687009957f6abb9e2761020df8f2c0e187f7cc44",width:"91",height:"40",fill:"white"}))))),this.hasColSlot&&e("div",{key:"b1f17fb0ce5c213fde4a4cf0dab9206723e11850"},e("div",{key:"21f20431a29a1872516217548c2f62270e678853",class:"col-wrapper"},e("slot",{key:"910deae3e19c1e0e6aed7ea6fab8d952110238e7",name:"col"}))),this.hasSocialsSlot&&e("div",{key:"dffbef5c008536641675bcec38847bfdc0b97162",class:"default","aria-label":"Follow us on social media"},e("div",{key:"1ffcbd52e5f49705e2f469f2ed6b02041409f3be",class:"footer__logo_btm"},e("svg",{key:"d83fae494f78a4c52e95a7e550de88a426561d07",width:"91",height:"40",viewBox:"0 0 91 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{key:"31fd56e0060bdd6304e072a638be62f4d096864f","clip-path":"url(#clip0_2396_2480)"},e("path",{key:"0e99bf4a368d6f6ec050d988bbf952eba0c7f5bd",d:"M67.691 26.7766C71.0884 26.7766 72.1461 23.1841 72.1461 19.8802C72.1461 15.4536 70.2871 13.1441 67.691 13.1441C64.4219 13.1441 63.2681 16.7367 63.3001 19.9443C63.3322 23.1199 64.2296 26.7766 67.691 26.7766ZM66.0244 19.8481C66.0244 18.533 66.0244 15.4536 67.691 15.4536C69.4859 15.4536 69.4218 18.5009 69.4218 19.9123C69.4218 21.2595 69.4218 24.5313 67.7551 24.5313C65.9603 24.4992 66.0244 21.2274 66.0244 19.8481ZM57.8195 26.7766C59.1976 26.7766 60.3835 26.2313 61.5053 25.0445L60.5117 23.1841C59.7425 24.018 58.9733 24.4671 58.0438 24.4671C57.2746 24.4671 56.6336 24.018 56.249 23.2482C55.9285 22.5746 55.8644 21.8048 55.8644 20.9708V20.7142H61.6335V20.1368C61.6335 17.282 61.2809 15.7102 60.3835 14.5234C59.7104 13.6253 58.7169 13.1441 57.499 13.1441C56.2169 13.1441 55.1593 13.7215 54.39 14.8442C53.5567 16.0631 53.2042 17.699 53.2042 19.9443C53.1721 24.2426 54.8708 26.7766 57.8195 26.7766ZM57.531 15.2612C58.172 15.2612 58.5566 15.614 58.813 16.1914C59.0053 16.7046 59.1015 17.5707 59.1015 18.5971H55.8644C55.8964 16.3197 56.3772 15.2612 57.531 15.2612ZM74.2614 26.4559H76.7614V16.8329C77.3703 16.0952 78.0754 15.6782 78.5882 15.6782C78.9087 15.6782 79.2292 15.7423 79.4215 15.9989C79.6138 16.2876 79.71 16.7046 79.71 17.699V26.4559H82.21V16.5442C82.21 15.6782 82.1138 14.8121 81.601 14.1706C81.1523 13.5932 80.4472 13.2404 79.5497 13.2404C78.3959 13.2404 77.2101 13.914 76.569 14.6838C76.537 14.0102 76.3126 13.3687 76.2485 13.1441L73.9089 13.7536C74.0371 14.4593 74.2294 15.3253 74.2294 16.8971V26.4559H74.2614ZM45.2236 14.6838C45.1915 14.0102 44.9672 13.3687 44.9031 13.1441L42.5634 13.7536C42.6916 14.4593 42.8839 15.3253 42.8839 16.8971V26.4238H45.3838V16.8008C45.9928 16.0631 46.6979 15.6461 47.2107 15.6461C47.5312 15.6461 47.8517 15.7102 48.044 15.9669C48.2363 16.2555 48.3325 16.6725 48.3325 17.6669V26.4238H50.8324V16.5442C50.8324 15.6782 50.7363 14.8121 50.2235 14.1706C49.7748 13.5932 49.0696 13.2404 48.1722 13.2404C47.0505 13.2404 45.8646 13.914 45.2236 14.6838ZM14.6473 9.07042C16.1216 9.07042 17.3075 7.88359 17.3075 6.40807C17.3075 4.93256 16.1216 3.74573 14.6473 3.74573C13.173 3.74573 11.9871 4.93256 11.9871 6.40807C11.9871 7.88359 13.173 9.07042 14.6473 9.07042ZM26.9227 26.4559V16.5442C26.9227 15.6782 26.8265 14.8121 26.3137 14.1706C25.865 13.5932 25.1599 13.2404 24.2625 13.2404C23.1087 13.2404 21.9228 13.914 21.2818 14.6838C21.2497 14.0102 21.0254 13.3687 20.9613 13.1441L18.6536 13.7857C18.7818 14.4913 18.9741 15.3574 18.9741 16.9291V26.4559H21.4741V16.8329C22.0831 16.0952 22.7882 15.6782 23.301 15.6782C23.6215 15.6782 23.942 15.7423 24.1343 15.9989C24.3266 16.2876 24.4227 16.7046 24.4227 17.699V26.4559H26.9227ZM38.4289 8.36474C37.4994 8.36474 36.7622 9.10249 36.7622 10.0327C36.7622 10.9629 37.4994 11.7007 38.3968 11.7007C39.3263 11.7007 40.0634 10.9629 40.0634 10.0327C40.0634 9.10249 39.3263 8.36474 38.4289 8.36474ZM13.4614 26.4559H15.9614V10.8346L13.4614 11.1554V26.4559ZM33.8777 9.90441C34.3264 9.90441 34.7751 10.0648 35.0635 10.2893L35.7687 8.33266C35.0956 7.85151 34.3584 7.62698 33.429 7.62698C32.788 7.62698 32.1149 7.78736 31.5059 8.26851C30.897 8.78173 30.256 9.80818 30.256 11.7328C30.256 12.5667 30.288 13.4328 30.288 13.4328H29.4226V15.6461H30.288V26.4238H32.8521V15.6782H34.743L35.2238 13.4649H32.8841V11.4762C32.8841 10.5139 33.2687 9.90441 33.8777 9.90441ZM37.1468 26.4559H39.6788V13.2404L37.1468 13.5611V26.4559Z",fill:"#005DA9"}),e("path",{key:"64698f5d7d410c34acd7f3dc21cba7672aa76f68",d:"M77.0816 33.5126C68.6203 36.0146 58.3321 37.1052 48.2682 37.1052C22.7239 37.1052 6.24986 29.5993 5.09604 19.6877C4.67938 15.9668 7.59599 12.3422 12.4677 9.26285C11.6023 8.62132 11.0575 7.59488 11.0254 6.44012C3.97427 10.161 0 15.0366 0 19.9764C0 30.9145 19.5188 40.1525 48.5246 39.7676C58.6205 39.6393 67.0498 38.1958 74.6778 35.6939C83.7482 32.7428 89.4532 28.5087 90.8313 26.6483C89.1968 28.1238 85.3186 31.0748 77.0816 33.5126ZM23.2687 4.38723C24.9674 3.80985 27.3712 3.0721 27.3712 3.0721C34.1339 1.21166 41.6017 0.121063 48.5566 0.185215C40.544 -0.295931 33.2365 0.185215 26.8584 1.33997C26.8584 1.33997 24.743 1.69281 22.4675 2.27018C22.4675 2.27018 21.3777 2.55887 20.7047 2.75133C20.0316 2.94379 19.1021 3.2004 19.1021 3.2004C18.4611 3.39286 17.8201 3.6174 17.1791 3.84193C17.8201 4.48346 18.2047 5.31745 18.2368 6.27974C19.3586 5.76652 21.5059 4.99668 23.2687 4.38723Z",fill:"#E30034"})),e("defs",{key:"68d7791861fe4ac6fa58f3ccb817b5dbfc48180d"},e("clipPath",{key:"6ea180529a489fec29450df89d7a40526c745fab",id:"clip0_2396_2480"},e("rect",{key:"3b00320214b0c9b2d5c7f847d2a2009c969592c7",width:"91",height:"40",fill:"white"}))))),e("slot",{key:"d01e3825a29f9e450f45152522fae0147c825546",name:"socials"})),e("div",{key:"5bbc9f906dbddb0a9ba6e51cce7901c1ac15520e",class:"footer__base"},this.copyrightText&&e("div",{key:"c1b3e5d5b1beba29d6e58dff04f7e94479cd7f21",class:"footer__brand"},this.copyrightText),e("div",{key:"6890ed00edf7f3ae9999972c1ce52fc89f2a2d97",class:"footer__info"},e("slot",{key:"0149762ec6ca315a30582b258f7f2cfcf4fe0951",name:"info"}))))))}get el(){return r(this)}};l.style=i;export{l as ifx_footer}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-icon-button.entry-CxgtgB6I.js b/pr-preview-vue-example/pr-1685/assets/ifx-icon-button.entry-Z1wJoxH0.js similarity index 98% rename from pr-preview-vue-example/pr-1685/assets/ifx-icon-button.entry-CxgtgB6I.js rename to pr-preview-vue-example/pr-1685/assets/ifx-icon-button.entry-Z1wJoxH0.js index 331cba008..e32ce3a55 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-icon-button.entry-CxgtgB6I.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-icon-button.entry-Z1wJoxH0.js @@ -1 +1 @@ -import{r as n,h as e,H as i,g as o}from"./index-DFR79MvN.js";import{c as r}from"./index-72ac5051-B1g_EHyb.js";const s=":host{display:inline-flex}.btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px;gap:8px;color:#FFFFFF;flex-direction:row;font-weight:600;border-radius:1px;line-height:1.5rem;outline:none;font-family:var(--ifx-font-family);text-decoration:none;user-select:none;border:1px solid rgba(0, 0, 0, 0);font-size:1rem;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}.btn:not(.disabled){cursor:pointer}.btn-primary{color:#FFFFFF;background-color:#0A8276}.btn-primary:disabled,.btn-primary.disabled{background-color:#BFBBBB;color:#FFFFFF;pointer-events:none}.btn-secondary{color:#0A8276;background-color:#FFFFFF;border-color:#0A8276}.btn-secondary:disabled,.btn-secondary.disabled{background-color:#FFFFFF;border:1px solid #BFBBBB;color:#BFBBBB;pointer-events:none}.btn-tertiary{background-color:transparent;color:#1D1D1D}.btn-tertiary:disabled,.btn-tertiary.disabled{color:#BFBBBB;pointer-events:none}.btn.icon-button{min-width:initial;min-height:initial;width:40px;height:40px;padding:0;justify-content:center}.btn.icon-button.btn-round{border-radius:100px}.btn.icon-button.btn-square{border-radius:1px}.btn.icon-button.btn-s{width:32px;height:32px;padding:8px}.btn.icon-button.btn-l{width:48px;height:48px;padding:8px}.btn.btn-primary:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.btn.btn-primary:not(:disabled,.disabled):hover{background-color:#08665C;border-color:#08665C}.btn.btn-primary:not(:disabled,.disabled):active,.btn.btn-primary:not(:disabled,.disabled).active{background-color:#06534B;border-color:#06534B}.btn.btn-secondary:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.btn.btn-secondary:not(:disabled,.disabled):hover{background-color:#08665C;border-color:#08665C;color:#FFFFFF}.btn.btn-secondary:not(:disabled,.disabled):active,.btn.btn-secondary:not(:disabled,.disabled).active{background-color:#06534B;border-color:#06534B}.btn.btn-tertiary:not(:disabled,.disabled):focus:not(:active,.active){outline:none;color:#1D1D1D;box-shadow:0 0 0 0px #FFFFFF, 0 0 0 2px #0A8276}.btn.btn-tertiary:not(:disabled,.disabled):hover{color:#0A8276}.btn.btn-tertiary:not(:disabled,.disabled):active,.btn.btn-tertiary:not(:disabled,.disabled).active{color:#08665C}",a=s,d=class{constructor(t){n(this,t),this.variant=void 0,this.size=void 0,this.disabled=void 0,this.icon=void 0,this.href=void 0,this.target="_self",this.shape="round"}handleClick(t){this.disabled&&t.stopImmediatePropagation()}async setFocus(){this.focusableElement.focus()}componentWillLoad(){this.shape===""&&(this.shape="round")}render(){return e(i,{key:"a13463972d971f052edc7c7483283b9beb150955"},this.href?e("a",{"aria-disabled":this.disabled,"aria-label":"a clickable icon button",ref:t=>this.focusableElement=t,class:this.getClassNames(),href:this.disabled?void 0:this.href,target:this.target,rel:this.target==="_blank"?"noopener noreferrer":void 0},e("ifx-icon",{icon:this.icon})):e("button",{class:this.getClassNames(),type:"button"},e("ifx-icon",{icon:this.icon})))}getVariantClass(){return`${this.variant}`=="secondary"?"secondary":`${this.variant}`=="tertiary"?"tertiary":"primary"}getSizeClass(){return`${this.size}`=="xs"?"xs":`${this.size}`=="s"?"s":`${this.size}`=="l"?"l":""}getClassNames(){return r("btn icon-button",`btn-${this.shape}`,this.size&&`btn-${this.getSizeClass()}`,`btn-${this.getVariantClass()}`,this.disabled?"disabled":"")}get el(){return o(this)}};d.style=a;export{d as ifx_icon_button}; +import{r as n,h as e,H as i,g as o}from"./index-CTBaKUaT.js";import{c as r}from"./index-72ac5051-B1g_EHyb.js";const s=":host{display:inline-flex}.btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px;gap:8px;color:#FFFFFF;flex-direction:row;font-weight:600;border-radius:1px;line-height:1.5rem;outline:none;font-family:var(--ifx-font-family);text-decoration:none;user-select:none;border:1px solid rgba(0, 0, 0, 0);font-size:1rem;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}.btn:not(.disabled){cursor:pointer}.btn-primary{color:#FFFFFF;background-color:#0A8276}.btn-primary:disabled,.btn-primary.disabled{background-color:#BFBBBB;color:#FFFFFF;pointer-events:none}.btn-secondary{color:#0A8276;background-color:#FFFFFF;border-color:#0A8276}.btn-secondary:disabled,.btn-secondary.disabled{background-color:#FFFFFF;border:1px solid #BFBBBB;color:#BFBBBB;pointer-events:none}.btn-tertiary{background-color:transparent;color:#1D1D1D}.btn-tertiary:disabled,.btn-tertiary.disabled{color:#BFBBBB;pointer-events:none}.btn.icon-button{min-width:initial;min-height:initial;width:40px;height:40px;padding:0;justify-content:center}.btn.icon-button.btn-round{border-radius:100px}.btn.icon-button.btn-square{border-radius:1px}.btn.icon-button.btn-s{width:32px;height:32px;padding:8px}.btn.icon-button.btn-l{width:48px;height:48px;padding:8px}.btn.btn-primary:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.btn.btn-primary:not(:disabled,.disabled):hover{background-color:#08665C;border-color:#08665C}.btn.btn-primary:not(:disabled,.disabled):active,.btn.btn-primary:not(:disabled,.disabled).active{background-color:#06534B;border-color:#06534B}.btn.btn-secondary:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.btn.btn-secondary:not(:disabled,.disabled):hover{background-color:#08665C;border-color:#08665C;color:#FFFFFF}.btn.btn-secondary:not(:disabled,.disabled):active,.btn.btn-secondary:not(:disabled,.disabled).active{background-color:#06534B;border-color:#06534B}.btn.btn-tertiary:not(:disabled,.disabled):focus:not(:active,.active){outline:none;color:#1D1D1D;box-shadow:0 0 0 0px #FFFFFF, 0 0 0 2px #0A8276}.btn.btn-tertiary:not(:disabled,.disabled):hover{color:#0A8276}.btn.btn-tertiary:not(:disabled,.disabled):active,.btn.btn-tertiary:not(:disabled,.disabled).active{color:#08665C}",a=s,d=class{constructor(t){n(this,t),this.variant=void 0,this.size=void 0,this.disabled=void 0,this.icon=void 0,this.href=void 0,this.target="_self",this.shape="round"}handleClick(t){this.disabled&&t.stopImmediatePropagation()}async setFocus(){this.focusableElement.focus()}componentWillLoad(){this.shape===""&&(this.shape="round")}render(){return e(i,{key:"a13463972d971f052edc7c7483283b9beb150955"},this.href?e("a",{"aria-disabled":this.disabled,"aria-label":"a clickable icon button",ref:t=>this.focusableElement=t,class:this.getClassNames(),href:this.disabled?void 0:this.href,target:this.target,rel:this.target==="_blank"?"noopener noreferrer":void 0},e("ifx-icon",{icon:this.icon})):e("button",{class:this.getClassNames(),type:"button"},e("ifx-icon",{icon:this.icon})))}getVariantClass(){return`${this.variant}`=="secondary"?"secondary":`${this.variant}`=="tertiary"?"tertiary":"primary"}getSizeClass(){return`${this.size}`=="xs"?"xs":`${this.size}`=="s"?"s":`${this.size}`=="l"?"l":""}getClassNames(){return r("btn icon-button",`btn-${this.shape}`,this.size&&`btn-${this.getSizeClass()}`,`btn-${this.getVariantClass()}`,this.disabled?"disabled":"")}get el(){return o(this)}};d.style=a;export{d as ifx_icon_button}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-icon.entry-ZaDcVhBe.js b/pr-preview-vue-example/pr-1685/assets/ifx-icon.entry-J4PDkDe-.js similarity index 95% rename from pr-preview-vue-example/pr-1685/assets/ifx-icon.entry-ZaDcVhBe.js rename to pr-preview-vue-example/pr-1685/assets/ifx-icon.entry-J4PDkDe-.js index b61027b17..443669487 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-icon.entry-ZaDcVhBe.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-icon.entry-J4PDkDe-.js @@ -1 +1 @@ -import{r as a,c as f,h as i,H as p}from"./index-DFR79MvN.js";import{g as u}from"./icons-4575d84a-Bveiqm1q.js";const d="ifx-icon{display:inline-flex;justify-content:center}ifx-icon:empty{display:none}",v=d,g=class{constructor(t){a(this,t),this.consoleError=f(this,"consoleError",7),this.icon="",this.ifxIcon=void 0}convertStringToHtml(t){const e=document.createElement("div");return e.innerHTML=t,e.firstChild}convertHtmlToObject(t){return Array.from(t.attributes,({name:n,value:o})=>({name:n,value:o})).reduce((n,o)=>(n[o.name]=o.value,n),{})}convertPathsToVnode(t){let e=[];const n=this.convertHtmlToObject(t),o=i("path",n);if(e.push(o),t.firstChild){const c=t.querySelectorAll("path"),r=t.querySelectorAll("path").length;for(let s=0;se.toLowerCase().replace(/[^a-zA-Z0-9]+(.)/g,(n,o)=>o);this.ifxIcon=u(t(this.icon))}render(){return i(p,{key:"91ccb22f1cc67f3d4b91fb69c37cda13c941e109"},this.constructIcon())}};g.style=v;export{g as ifx_icon}; +import{r as a,c as f,h as i,H as p}from"./index-CTBaKUaT.js";import{g as u}from"./icons-4575d84a-Bveiqm1q.js";const d="ifx-icon{display:inline-flex;justify-content:center}ifx-icon:empty{display:none}",v=d,g=class{constructor(t){a(this,t),this.consoleError=f(this,"consoleError",7),this.icon="",this.ifxIcon=void 0}convertStringToHtml(t){const e=document.createElement("div");return e.innerHTML=t,e.firstChild}convertHtmlToObject(t){return Array.from(t.attributes,({name:n,value:o})=>({name:n,value:o})).reduce((n,o)=>(n[o.name]=o.value,n),{})}convertPathsToVnode(t){let e=[];const n=this.convertHtmlToObject(t),o=i("path",n);if(e.push(o),t.firstChild){const c=t.querySelectorAll("path"),r=t.querySelectorAll("path").length;for(let s=0;se.toLowerCase().replace(/[^a-zA-Z0-9]+(.)/g,(n,o)=>o);this.ifxIcon=u(t(this.icon))}render(){return i(p,{key:"91ccb22f1cc67f3d4b91fb69c37cda13c941e109"},this.constructIcon())}};g.style=v;export{g as ifx_icon}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-icons-preview.entry-BhEBeCPk.js b/pr-preview-vue-example/pr-1685/assets/ifx-icons-preview.entry-BDepkT-z.js similarity index 98% rename from pr-preview-vue-example/pr-1685/assets/ifx-icons-preview.entry-BhEBeCPk.js rename to pr-preview-vue-example/pr-1685/assets/ifx-icons-preview.entry-BDepkT-z.js index 698c61a43..7682bad70 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-icons-preview.entry-BhEBeCPk.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-icons-preview.entry-BDepkT-z.js @@ -1 +1 @@ -import{r as t,h as e,g as a}from"./index-DFR79MvN.js";import{i as n}from"./icons-4575d84a-Bveiqm1q.js";const c='.container{display:flex;flex-direction:column;gap:10px}.html-wrapper{background:rgb(38, 38, 38);padding:20px;color:white;font-family:monospace;position:sticky;top:0;left:0;z-index:99}.html-wrapper button{position:absolute;right:0px;bottom:0px;background:rgba(0, 0, 0, 0.85);color:#C9CDCF;border:0 none;padding:4px 10px;font-size:0.75rem;font-family:"Nunito Sans";font-weight:700;border-top:1px solid rgba(255, 255, 255, 0.1);border-left:1px solid rgba(255, 255, 255, 0.1);margin-left:-1px;border-radius:4px 0 0 0;cursor:pointer}.html-wrapper .component-name{color:#A8FF60}.html-wrapper .attribute-name{color:rgb(150, 203, 254)}.html-wrapper .attribute-value{color:rgb(180, 116, 221)}.preview__container{box-sizing:border-box;display:flex;align-items:center;padding:2px;flex-wrap:wrap;gap:4px}.preview__container .preview__container-item{display:flex;justify-content:center;align-items:center;border:1px solid #f1f1f1;padding:2px;width:50px;height:50px;position:relative}.preview__container .preview__container-item:active{border-color:#378375}.preview__container .preview__container-item:hover{cursor:pointer}.preview__container .preview__container-item.copied::after{z-index:50;content:"copied!";position:absolute;top:0;left:50px;background-color:#000;color:white;padding:3px;border-radius:4px}',r=c,s=class{constructor(i){t(this,i),this.iconsArray=[],this.isCopied=!1,this.copiedIndex=void 0,this.htmlTag='',this.iconName='"c-info-24"'}handleCopiedText(){this.isCopied=!0,setTimeout(()=>{this.isCopied=!1},2e3)}copyIconText(i){this.htmlTag=``,this.iconName=`"${i}"`}copyHtmlString(){const i=``;navigator.clipboard.writeText(i),this.handleCopiedText()}componentWillLoad(){for(let i in n)this.iconsArray.push(i)}render(){return e("div",{key:"1115df3774a76b620e5a03e11bd3ef59e5ff05fd",class:"container"},e("div",{key:"18a2839c3a492c31215bbbb29cbcd3c0fea50bf0",class:"html-wrapper"},e("span",{key:"488ae76fd009a5fa0c9aaf2727deaa33cae3e3a1",class:"html-tag"},"<"),e("span",{key:"b8e95423cc15694f066d47b29dc03f6b41ff82fe",class:"component-name"},"ifx-icon"),e("span",{key:"7b87f22cbb47743521365708561b9f1eba8cdf32",class:"attribute-name"}," icon"),"=",e("span",{key:"13ec8254b12497b899b8960e26edf219205dbc36",class:"attribute-value"},this.iconName),e("span",{key:"6ae1377d4f1ba39b8e59a86da834e783bc343bb9",class:"html-tag"},">"),e("span",{key:"017d823522230476dded7323580c5e288c75cb47",class:"html-tag"},""),e("button",{key:"ce263f21f91373c8bc2f697fc876c72611297f0f",onClick:()=>this.copyHtmlString()},this.isCopied?"Copied":"Copy")),e("div",{key:"400251cc2a3dc9aaa646ad631fd37b142aa83381",class:"preview__container"},this.iconsArray.map((i,o)=>e("div",{class:`preview__container-item ${this.isCopied&&this.copiedIndex===o?"copied":""}`,onClick:()=>this.copyIconText(i)},e("ifx-icon",{icon:i})))))}get el(){return a(this)}};s.style=r;export{s as ifx_icons_preview}; +import{r as t,h as e,g as a}from"./index-CTBaKUaT.js";import{i as n}from"./icons-4575d84a-Bveiqm1q.js";const c='.container{display:flex;flex-direction:column;gap:10px}.html-wrapper{background:rgb(38, 38, 38);padding:20px;color:white;font-family:monospace;position:sticky;top:0;left:0;z-index:99}.html-wrapper button{position:absolute;right:0px;bottom:0px;background:rgba(0, 0, 0, 0.85);color:#C9CDCF;border:0 none;padding:4px 10px;font-size:0.75rem;font-family:"Nunito Sans";font-weight:700;border-top:1px solid rgba(255, 255, 255, 0.1);border-left:1px solid rgba(255, 255, 255, 0.1);margin-left:-1px;border-radius:4px 0 0 0;cursor:pointer}.html-wrapper .component-name{color:#A8FF60}.html-wrapper .attribute-name{color:rgb(150, 203, 254)}.html-wrapper .attribute-value{color:rgb(180, 116, 221)}.preview__container{box-sizing:border-box;display:flex;align-items:center;padding:2px;flex-wrap:wrap;gap:4px}.preview__container .preview__container-item{display:flex;justify-content:center;align-items:center;border:1px solid #f1f1f1;padding:2px;width:50px;height:50px;position:relative}.preview__container .preview__container-item:active{border-color:#378375}.preview__container .preview__container-item:hover{cursor:pointer}.preview__container .preview__container-item.copied::after{z-index:50;content:"copied!";position:absolute;top:0;left:50px;background-color:#000;color:white;padding:3px;border-radius:4px}',r=c,s=class{constructor(i){t(this,i),this.iconsArray=[],this.isCopied=!1,this.copiedIndex=void 0,this.htmlTag='',this.iconName='"c-info-24"'}handleCopiedText(){this.isCopied=!0,setTimeout(()=>{this.isCopied=!1},2e3)}copyIconText(i){this.htmlTag=``,this.iconName=`"${i}"`}copyHtmlString(){const i=``;navigator.clipboard.writeText(i),this.handleCopiedText()}componentWillLoad(){for(let i in n)this.iconsArray.push(i)}render(){return e("div",{key:"1115df3774a76b620e5a03e11bd3ef59e5ff05fd",class:"container"},e("div",{key:"18a2839c3a492c31215bbbb29cbcd3c0fea50bf0",class:"html-wrapper"},e("span",{key:"488ae76fd009a5fa0c9aaf2727deaa33cae3e3a1",class:"html-tag"},"<"),e("span",{key:"b8e95423cc15694f066d47b29dc03f6b41ff82fe",class:"component-name"},"ifx-icon"),e("span",{key:"7b87f22cbb47743521365708561b9f1eba8cdf32",class:"attribute-name"}," icon"),"=",e("span",{key:"13ec8254b12497b899b8960e26edf219205dbc36",class:"attribute-value"},this.iconName),e("span",{key:"6ae1377d4f1ba39b8e59a86da834e783bc343bb9",class:"html-tag"},">"),e("span",{key:"017d823522230476dded7323580c5e288c75cb47",class:"html-tag"},""),e("button",{key:"ce263f21f91373c8bc2f697fc876c72611297f0f",onClick:()=>this.copyHtmlString()},this.isCopied?"Copied":"Copy")),e("div",{key:"400251cc2a3dc9aaa646ad631fd37b142aa83381",class:"preview__container"},this.iconsArray.map((i,o)=>e("div",{class:`preview__container-item ${this.isCopied&&this.copiedIndex===o?"copied":""}`,onClick:()=>this.copyIconText(i)},e("ifx-icon",{icon:i})))))}get el(){return a(this)}};s.style=r;export{s as ifx_icons_preview}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-link.entry-l7gUbY1m.js b/pr-preview-vue-example/pr-1685/assets/ifx-link.entry-Crev-rMc.js similarity index 97% rename from pr-preview-vue-example/pr-1685/assets/ifx-link.entry-l7gUbY1m.js rename to pr-preview-vue-example/pr-1685/assets/ifx-link.entry-Crev-rMc.js index 56a57878d..5e498c346 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-link.entry-l7gUbY1m.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-link.entry-Crev-rMc.js @@ -1 +1 @@ -import{r,h as l}from"./index-DFR79MvN.js";import{c as s}from"./index-72ac5051-B1g_EHyb.js";const a=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.link{display:inline-flex;align-items:center;font-weight:400;font-size:1rem;text-decoration:none;color:#0A8276;gap:8px;line-height:1.6;font-family:var(--ifx-font-family)}.link:focus{outline-width:2px;outline-style:solid;outline-color:#0A8276;outline-offset:4px;border-radius:3px}.link.bold{font-weight:600}.link.bold:hover{text-decoration:underline}.link.bold:active{color:#08665C;font-style:normal;font-weight:600;text-decoration:underline}.link.underlined{text-decoration:underline;text-decoration-color:#0A8276;color:#1D1D1D;text-underline-offset:8px}.link.underlined:hover{color:#0A8276}.link.underlined:active{color:#0A8276}.link.underlined:disabled,.link.underlined.disabled{text-decoration-color:#BFBBBB}.link.title{text-decoration:none;font-weight:600;color:#1D1D1D}.link.title:hover{color:#0A8276}.link.title:active{color:#08665C}.link.menu{font-weight:400;font-style:normal;line-height:26px;color:#1D1D1D}.link.menu:hover{color:#0A8276}.link.menu:active{color:#08665C}.link.small{font-size:0.875rem}.link.medium{font-size:1rem}.link.large{font-size:1.125rem}.link.extraLarge{font-size:1.25rem}.link.underline{text-decoration:underline}.link:disabled,.link.disabled{color:#BFBBBB;cursor:default;pointer-events:none}',o=a,d=class{constructor(e){r(this,e),this.href=void 0,this.target="_self",this.variant="bold",this.size=void 0,this.disabled=!1,this.internalHref="",this.internalTarget="",this.internalVariant=""}setInternalStates(){this.href?this.internalHref=this.href.trim():this.internalHref=void 0,this.internalTarget=this.target.trim(),this.internalVariant=this.variant.trim().toLowerCase()}componentWillRender(){this.setInternalStates()}render(){return l("a",{key:"13fc06640399624a0e11f2b60ff335b0b1dff82c","aria-label":"a navigation link button",href:this.internalHref,target:this.internalTarget,class:this.linkClassNames()},l("slot",{key:"1304bfe3e670a2918fac007362217c7e5d70dd4b"}))}getSizeClass(){const e=this.size==="s"?"small":null,t=this.size==="m"?"medium":null,i=this.size==="l"?"large":null,n=this.size==="xl"?"extraLarge":null;return e||t||i||(n&&this.internalVariant==="underlined"?"large":n&&this.internalVariant!=="underlined"?n:"")}getVariantClass(){const e=this.internalVariant==="bold"?"bold":null,t=this.internalVariant==="title"?"title":null,i=this.internalVariant==="underlined"?"underlined":null,n=this.internalVariant==="menu"?"menu":null;return e||t||i||n||e}linkClassNames(){return s("link","primary",this.getVariantClass(),this.getSizeClass(),this.disabled?"disabled":"")}};d.style=o;export{d as ifx_link}; +import{r,h as l}from"./index-CTBaKUaT.js";import{c as s}from"./index-72ac5051-B1g_EHyb.js";const a=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.link{display:inline-flex;align-items:center;font-weight:400;font-size:1rem;text-decoration:none;color:#0A8276;gap:8px;line-height:1.6;font-family:var(--ifx-font-family)}.link:focus{outline-width:2px;outline-style:solid;outline-color:#0A8276;outline-offset:4px;border-radius:3px}.link.bold{font-weight:600}.link.bold:hover{text-decoration:underline}.link.bold:active{color:#08665C;font-style:normal;font-weight:600;text-decoration:underline}.link.underlined{text-decoration:underline;text-decoration-color:#0A8276;color:#1D1D1D;text-underline-offset:8px}.link.underlined:hover{color:#0A8276}.link.underlined:active{color:#0A8276}.link.underlined:disabled,.link.underlined.disabled{text-decoration-color:#BFBBBB}.link.title{text-decoration:none;font-weight:600;color:#1D1D1D}.link.title:hover{color:#0A8276}.link.title:active{color:#08665C}.link.menu{font-weight:400;font-style:normal;line-height:26px;color:#1D1D1D}.link.menu:hover{color:#0A8276}.link.menu:active{color:#08665C}.link.small{font-size:0.875rem}.link.medium{font-size:1rem}.link.large{font-size:1.125rem}.link.extraLarge{font-size:1.25rem}.link.underline{text-decoration:underline}.link:disabled,.link.disabled{color:#BFBBBB;cursor:default;pointer-events:none}',o=a,d=class{constructor(e){r(this,e),this.href=void 0,this.target="_self",this.variant="bold",this.size=void 0,this.disabled=!1,this.internalHref="",this.internalTarget="",this.internalVariant=""}setInternalStates(){this.href?this.internalHref=this.href.trim():this.internalHref=void 0,this.internalTarget=this.target.trim(),this.internalVariant=this.variant.trim().toLowerCase()}componentWillRender(){this.setInternalStates()}render(){return l("a",{key:"13fc06640399624a0e11f2b60ff335b0b1dff82c","aria-label":"a navigation link button",href:this.internalHref,target:this.internalTarget,class:this.linkClassNames()},l("slot",{key:"1304bfe3e670a2918fac007362217c7e5d70dd4b"}))}getSizeClass(){const e=this.size==="s"?"small":null,t=this.size==="m"?"medium":null,i=this.size==="l"?"large":null,n=this.size==="xl"?"extraLarge":null;return e||t||i||(n&&this.internalVariant==="underlined"?"large":n&&this.internalVariant!=="underlined"?n:"")}getVariantClass(){const e=this.internalVariant==="bold"?"bold":null,t=this.internalVariant==="title"?"title":null,i=this.internalVariant==="underlined"?"underlined":null,n=this.internalVariant==="menu"?"menu":null;return e||t||i||n||e}linkClassNames(){return s("link","primary",this.getVariantClass(),this.getSizeClass(),this.disabled?"disabled":"")}};d.style=o;export{d as ifx_link}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-list-entry.entry-B8JvpNQb.js b/pr-preview-vue-example/pr-1685/assets/ifx-list-entry.entry-Dg1ujNhR.js similarity index 93% rename from pr-preview-vue-example/pr-1685/assets/ifx-list-entry.entry-B8JvpNQb.js rename to pr-preview-vue-example/pr-1685/assets/ifx-list-entry.entry-Dg1ujNhR.js index 187283f5e..f815e361c 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-list-entry.entry-B8JvpNQb.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-list-entry.entry-Dg1ujNhR.js @@ -1 +1 @@ -import{r as s,c as i,h as e,g as a}from"./index-DFR79MvN.js";const l=".list-entry{display:flex;align-items:center;margin-top:8px;align-self:stretch}",n=l,r=class{constructor(t){s(this,t),this.ifxListEntryChange=i(this,"ifxListEntryChange",7),this.value=void 0,this.label=void 0,this.type=void 0}valueChanged(t){t?this.host.setAttribute("value","true"):this.host.removeAttribute("value")}handleFilterEntryChange(t){this.value=t.detail,this.ifxListEntryChange.emit({label:this.label,value:this.value,type:this.type})}render(){return e("div",{key:"9ecd8abf6c384ef0e8d46201f4df768521bfc8a8",class:"wrapper"},this.type==="checkbox"?e("div",{class:"list-entry"},e("ifx-checkbox",{size:"s",checked:this.value},this.label)):e("div",{class:"list-entry"},e("ifx-radio-button",{size:"s",checked:this.value},this.label)))}get host(){return a(this)}static get watchers(){return{value:["valueChanged"]}}};r.style=n;export{r as ifx_list_entry}; +import{r as s,c as i,h as e,g as a}from"./index-CTBaKUaT.js";const l=".list-entry{display:flex;align-items:center;margin-top:8px;align-self:stretch}",n=l,r=class{constructor(t){s(this,t),this.ifxListEntryChange=i(this,"ifxListEntryChange",7),this.value=void 0,this.label=void 0,this.type=void 0}valueChanged(t){t?this.host.setAttribute("value","true"):this.host.removeAttribute("value")}handleFilterEntryChange(t){this.value=t.detail,this.ifxListEntryChange.emit({label:this.label,value:this.value,type:this.type})}render(){return e("div",{key:"9ecd8abf6c384ef0e8d46201f4df768521bfc8a8",class:"wrapper"},this.type==="checkbox"?e("div",{class:"list-entry"},e("ifx-checkbox",{size:"s",checked:this.value},this.label)):e("div",{class:"list-entry"},e("ifx-radio-button",{size:"s",checked:this.value},this.label)))}get host(){return a(this)}static get watchers(){return{value:["valueChanged"]}}};r.style=n;export{r as ifx_list_entry}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-list.entry-r3KLwISF.js b/pr-preview-vue-example/pr-1685/assets/ifx-list.entry-CoLOsqkC.js similarity index 98% rename from pr-preview-vue-example/pr-1685/assets/ifx-list.entry-r3KLwISF.js rename to pr-preview-vue-example/pr-1685/assets/ifx-list.entry-CoLOsqkC.js index 3de7d94cf..f88668091 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-list.entry-r3KLwISF.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-list.entry-CoLOsqkC.js @@ -1 +1 @@ -import{r as l,c as h,h as i,g as a}from"./index-DFR79MvN.js";const o=".link-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:8px}",d=o,c=class{constructor(t){l(this,t),this.ifxListUpdate=h(this,"ifxListUpdate",7),this.handleMutation=()=>{const e=this.getTotalItems();e!==this.totalItems&&(this.totalItems=e,this.handleCheckedChange()),this.updateListEntriesType(this.type)},this.toggleList=e=>{e.stopPropagation(),this.expanded=!this.expanded},this.toggleShowMore=e=>{e.stopPropagation(),this.showMore=!this.showMore},this.handleCheckedChange=e=>{e&&e.detail.type==="radio-button"&&e.detail.value&&Array.from(this.el.querySelectorAll("ifx-list-entry")).filter(r=>r.getAttribute("type")==="radio-button"&&r!==e.target).forEach(r=>r.setAttribute("value","false"));const s=this.getSelectedItems(this.el);this.selectedCount=s.length,this.ifxListUpdate.emit({name:this.name,selectedItems:s})},this.expanded=!1,this.showMore=!1,this.selectedCount=0,this.totalItems=0,this.name="",this.maxVisibleItems=6,this.type="checkbox",this.resetTrigger=void 0,this.internalResetTrigger=!1}handleTypeChange(t){this.updateListEntriesType(t)}resetTriggerChanged(t){t&&(this.reset(),this.resetTrigger=!1)}componentWillLoad(){this.setupListenersAndObservers(),this.initializeList()}disconnectedCallback(){this.cleanupListenersAndObservers()}reset(){this.resetListEntries(),this.expanded=!1,this.showMore=!1,this.selectedCount=0,this.ifxListUpdate.emit({name:this.name,selectedItems:[]})}render(){return this.renderList()}setupListenersAndObservers(){this.el.addEventListener("ifxListEntryChange",this.handleCheckedChange),this.observer=new MutationObserver(this.handleMutation),this.observer.observe(this.el,{childList:!0})}cleanupListenersAndObservers(){this.el.removeEventListener("ifxListEntryChange",this.handleCheckedChange),this.observer.disconnect()}initializeList(){this.selectedCount=this.getSelectedItems(this.el).length,this.totalItems=this.getTotalItems(),this.updateListEntriesType(this.type),this.checkRadioButtonConstraint()}updateListEntriesType(t){Array.from(this.el.querySelectorAll("ifx-list-entry")).forEach(s=>s.setAttribute("type",t))}resetListEntries(){Array.from(this.el.querySelectorAll("ifx-list-entry")).forEach(e=>{e.value=!1,e.setAttribute("value","false")})}checkRadioButtonConstraint(){this.type==="radio-button"&&this.selectedCount>1&&(this.resetListEntries(),this.selectedCount=0)}getTotalItems(){return this.el.querySelectorAll("ifx-list-entry").length}getSelectedItems(t){return Array.from(t.querySelectorAll("ifx-list-entry")).filter(e=>e.getAttribute("value")==="true").map(e=>({label:e.getAttribute("label"),value:e.getAttribute("value"),type:e.getAttribute("type"),element:e}))}renderList(){const t=Array.from(this.el.querySelectorAll("ifx-list-entry")),e=this.showMore?t:t.slice(0,this.maxVisibleItems),s=t.length-e.length;return i("div",{class:"list-wrapper"},e.map(n=>i("slot",{name:n.getAttribute("slot")})),(s>0||this.showMore)&&i("div",{class:"link-wrapper",onClick:this.toggleShowMore},i("ifx-icon",{key:this.showMore.toString(),icon:this.showMore?"chevron-up-12":"chevron-down-12"}),i("ifx-link",{size:"s",href:"",target:"_blank",variant:"underlined",disabled:!1},this.showMore?"Show less":`Show ${s} more`)))}get el(){return a(this)}static get watchers(){return{type:["handleTypeChange"],resetTrigger:["resetTriggerChanged"]}}};c.style=d;export{c as ifx_list}; +import{r as l,c as h,h as i,g as a}from"./index-CTBaKUaT.js";const o=".link-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:8px}",d=o,c=class{constructor(t){l(this,t),this.ifxListUpdate=h(this,"ifxListUpdate",7),this.handleMutation=()=>{const e=this.getTotalItems();e!==this.totalItems&&(this.totalItems=e,this.handleCheckedChange()),this.updateListEntriesType(this.type)},this.toggleList=e=>{e.stopPropagation(),this.expanded=!this.expanded},this.toggleShowMore=e=>{e.stopPropagation(),this.showMore=!this.showMore},this.handleCheckedChange=e=>{e&&e.detail.type==="radio-button"&&e.detail.value&&Array.from(this.el.querySelectorAll("ifx-list-entry")).filter(r=>r.getAttribute("type")==="radio-button"&&r!==e.target).forEach(r=>r.setAttribute("value","false"));const s=this.getSelectedItems(this.el);this.selectedCount=s.length,this.ifxListUpdate.emit({name:this.name,selectedItems:s})},this.expanded=!1,this.showMore=!1,this.selectedCount=0,this.totalItems=0,this.name="",this.maxVisibleItems=6,this.type="checkbox",this.resetTrigger=void 0,this.internalResetTrigger=!1}handleTypeChange(t){this.updateListEntriesType(t)}resetTriggerChanged(t){t&&(this.reset(),this.resetTrigger=!1)}componentWillLoad(){this.setupListenersAndObservers(),this.initializeList()}disconnectedCallback(){this.cleanupListenersAndObservers()}reset(){this.resetListEntries(),this.expanded=!1,this.showMore=!1,this.selectedCount=0,this.ifxListUpdate.emit({name:this.name,selectedItems:[]})}render(){return this.renderList()}setupListenersAndObservers(){this.el.addEventListener("ifxListEntryChange",this.handleCheckedChange),this.observer=new MutationObserver(this.handleMutation),this.observer.observe(this.el,{childList:!0})}cleanupListenersAndObservers(){this.el.removeEventListener("ifxListEntryChange",this.handleCheckedChange),this.observer.disconnect()}initializeList(){this.selectedCount=this.getSelectedItems(this.el).length,this.totalItems=this.getTotalItems(),this.updateListEntriesType(this.type),this.checkRadioButtonConstraint()}updateListEntriesType(t){Array.from(this.el.querySelectorAll("ifx-list-entry")).forEach(s=>s.setAttribute("type",t))}resetListEntries(){Array.from(this.el.querySelectorAll("ifx-list-entry")).forEach(e=>{e.value=!1,e.setAttribute("value","false")})}checkRadioButtonConstraint(){this.type==="radio-button"&&this.selectedCount>1&&(this.resetListEntries(),this.selectedCount=0)}getTotalItems(){return this.el.querySelectorAll("ifx-list-entry").length}getSelectedItems(t){return Array.from(t.querySelectorAll("ifx-list-entry")).filter(e=>e.getAttribute("value")==="true").map(e=>({label:e.getAttribute("label"),value:e.getAttribute("value"),type:e.getAttribute("type"),element:e}))}renderList(){const t=Array.from(this.el.querySelectorAll("ifx-list-entry")),e=this.showMore?t:t.slice(0,this.maxVisibleItems),s=t.length-e.length;return i("div",{class:"list-wrapper"},e.map(n=>i("slot",{name:n.getAttribute("slot")})),(s>0||this.showMore)&&i("div",{class:"link-wrapper",onClick:this.toggleShowMore},i("ifx-icon",{key:this.showMore.toString(),icon:this.showMore?"chevron-up-12":"chevron-down-12"}),i("ifx-link",{size:"s",href:"",target:"_blank",variant:"underlined",disabled:!1},this.showMore?"Show less":`Show ${s} more`)))}get el(){return a(this)}static get watchers(){return{type:["handleTypeChange"],resetTrigger:["resetTriggerChanged"]}}};c.style=d;export{c as ifx_list}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-modal.entry-BQ0epKFd.js b/pr-preview-vue-example/pr-1685/assets/ifx-modal.entry-DXx2YuAk.js similarity index 99% rename from pr-preview-vue-example/pr-1685/assets/ifx-modal.entry-BQ0epKFd.js rename to pr-preview-vue-example/pr-1685/assets/ifx-modal.entry-DXx2YuAk.js index d6207a026..03ec6f26b 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-modal.entry-BQ0epKFd.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-modal.entry-DXx2YuAk.js @@ -1 +1 @@ -import{r as y,c as h,h as o,H as x,g as E}from"./index-DFR79MvN.js";function l(e,t,n,a=20,r=0){const s=[];if(r>=a)return s;const p=i=>{const f=i.assignedNodes().filter(c=>c.nodeType===1);if(f.length>0){const c=f[0].parentElement;return l(c,t,n,a,r+1)}return[]},g=Array.from(e.children||[]);for(const i of g)t(i)||(n(i)&&s.push(i),i.shadowRoot!=null?s.push(...l(i.shadowRoot,t,n,a,r+1)):i.tagName==="SLOT"?s.push(...p(i)):s.push(...l(i,t,n,a,r+1)));return s}function m(e){return e.hasAttribute("hidden")||e.hasAttribute("aria-hidden")&&e.getAttribute("aria-hidden")!=="false"||e.style.display==="none"||e.style.opacity==="0"||e.style.visibility==="hidden"||e.style.visibility==="collapse"}function v(e){return e.hasAttribute("disabled")||e.hasAttribute("aria-disabled")&&e.getAttribute("aria-disabled")!=="false"}function w(e){return e.getAttribute("tabindex")==="-1"||m(e)||v(e)?!1:e.hasAttribute("tabindex")||(e instanceof HTMLAnchorElement||e instanceof HTMLAreaElement)&&e.hasAttribute("href")||e instanceof HTMLButtonElement||e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement||e instanceof HTMLIFrameElement}function u(e,t,n){const a=e.animate(t,Object.assign(Object.assign({},n),{fill:"both"}));return a.addEventListener("finish",()=>{a.commitStyles(),a.cancel()}),a}const d={easing:"cubic-bezier(0.390, 0.575, 0.565, 1.000)"},b={fadeIn:[Object.assign(Object.assign({offset:0},d),{opacity:0}),Object.assign(Object.assign({offset:1},d),{opacity:1})],fadeOut:[Object.assign(Object.assign({offset:0},d),{opacity:1}),Object.assign(Object.assign({offset:1},d),{opacity:0})]},k=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:block}.modal-container{display:none;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1060;overflow-y:auto;font-family:var(--ifx-font-family)}.modal-container.open{display:flex}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1D1D1D;opacity:0.5;z-index:0}.modal-content-container{position:absolute;display:flex;justify-content:center;width:90%;min-height:218px;background-color:#fff;border-radius:0;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);overflow:hidden;box-sizing:border-box;align-items:stretch}@media screen and (min-width: 768px){.modal-content-container{width:540px;min-height:132px}.modal-content-container.m,.modal-content-container.l,.modal-content-container.s{width:90%}}@media screen and (min-width: 1024px){.modal-content-container.s{width:47vw}.modal-content-container.m{width:63vw}.modal-content-container.l{width:80%}}.modal-content{display:flex;flex-direction:column;width:100%;max-height:90vh}.modal-icon-container{display:flex;align-items:center;justify-content:center;width:32px;background-color:#0A8276;align-self:stretch}.modal-icon-container.danger{background-color:#CD002F}.modal-icon-container ifx-icon{color:#FFFFFF}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;min-height:76px;max-height:105px;box-sizing:border-box;border-radius:1px 1px 0px 0px;border-bottom:1px solid #EEEDED}.modal-caption{max-height:56px;display:-webkit-box;overflow:hidden;white-space:pre-wrap;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}.modal-header h2{margin:0;font-weight:600;font-size:1.25rem;line-height:28px}.modal-header button{background:none;border:none;font-size:1.5em;padding:0;cursor:pointer}.modal-close-button{align-self:flex-start;margin-right:-8px}.modal-body{padding:16px 24px;min-height:56px;box-sizing:border-box;flex:1;overflow-y:auto}.modal-footer.buttons-present ::slotted(*){display:flex;justify-content:flex-end;gap:16px;padding:16px 24px 32px 16px}.modal-border{display:flex;align-items:center;justify-content:center;width:100%;font-size:1.5em;flex-grow:1}.modal-border.primary{background-color:#0A8276}.modal-border.secondary{background-color:#575352}.modal-border.danger{background-color:#CD002F}.modal-border.success{background-color:#4CA460}.modal-border.warning{background-color:#E16B25}.modal-border.orange{background-color:#E16B25}.modal-border.ocean{background-color:#0A8276}.modal-border.grey{background-color:#575352}.modal-border.grey-200{background-color:#EEEDED}.modal-border.red{background-color:#CD002F}.modal-border.green{background-color:#4CA460}.modal-border.berry{background-color:#9C216E}',C=k,F=class{constructor(e){y(this,e),this.ifxModalOpen=h(this,"ifxModalOpen",7),this.ifxModalClose=h(this,"ifxModalClose",7),this.focusableElements=[],this.handleTopFocus=()=>{this.attemptFocus(this.getLastFocusableElement())},this.handleBottomFocus=()=>{this.attemptFocus(this.getFirstFocusableElement())},this.handleKeypress=t=>{this.showModal&&t.key==="Escape"&&this.doBeforeClose("ESCAPE_KEY")},this.opened=!1,this.showModal=this.opened||!1,this.caption="Modal Title",this.closeOnOverlayClick=!0,this.variant="default",this.size="s",this.alertIcon="",this.okButtonLabel="OK",this.cancelButtonLabel="Cancel",this.slotButtonsPresent=!1,this.showCloseButton=!0}componentDidLoad(){this.focusableElements=l(this.hostElement.shadowRoot,e=>m(e)||e.matches("[data-focus-trap-edge]"),w)}getFirstFocusableElement(){return this.focusableElements[0]}getLastFocusableElement(){return this.focusableElements[this.focusableElements.length-1]}attemptFocus(e){if(e==null){setTimeout(()=>{this.closeButton.focus()});return}setTimeout(()=>{e.focus()},0)}open(){this.showModal=!0;try{u(this.modalContainer,b.fadeIn,{duration:200}).addEventListener("finish",()=>{setTimeout(()=>{var t,n;(t=this.getLastFocusableElement())===null||t===void 0||t.focus(),(n=this.getLastFocusableElement())===null||n===void 0||n.blur()},0),this.ifxModalOpen.emit()}),this.hostElement.addEventListener("keydown",this.handleKeypress)}catch{this.ifxModalOpen.emit()}}close(){try{u(this.modalContainer,b.fadeOut,{duration:200}).addEventListener("finish",()=>{this.showModal=!1,this.ifxModalClose.emit()}),this.hostElement.removeEventListener("keydown",this.handleKeypress)}catch{this.showModal=!1,this.ifxModalClose.emit()}}doBeforeClose(e){const t=[];t.push(e),t.some(a=>a.defaultPrevented)||(this.opened=!1)}openedChanged(e){e===!0?this.open():this.close()}handleOverlayClick(){this.closeOnOverlayClick&&this.doBeforeClose("BACKDROP")}handleButtonsSlotChange(e){var t;((t=e.currentTarget.assignedElements()[0])===null||t===void 0?void 0:t.childElementCount)>0?this.slotButtonsPresent=!0:this.slotButtonsPresent=!1}render(){const e=this.variant!=="default";return o(x,{key:"622de26c143196380000861b977a483595799667"},o("div",{key:"62e5820014cbf03a4cda7d39dd8e9f7d58d81635",ref:t=>this.modalContainer=t,class:`modal-container ${this.showModal?"open":""}`},o("div",{key:"e023841191ff25390e9b5f8b24562f8ec22eb9af",class:"modal-overlay",onClick:()=>this.handleOverlayClick()}),o("div",{key:"10d3e8232f6bc52e6bb337621fe53c96265a6b84","data-focus-trap-edge":!0,onFocus:this.handleTopFocus,tabindex:"0"}),o("div",{key:"83dbaf46f8461430da29f4ec0de615bae86fc1c2",class:`modal-content-container ${this.size}`,role:"dialog","aria-modal":"true","aria-label":this.caption},e?o("div",{class:`modal-icon-container ${this.variant==="alert-brand"?"":"danger"}`},this.alertIcon?o("ifx-icon",{icon:this.alertIcon}):null):null,o("div",{key:"080b7681bca959116bd2c48741a5fd6a4dc97cd8",class:"modal-content"},o("div",{key:"847772a8f8736914887a869ae7eabd443266ca4e",class:"modal-header"},o("h2",{key:"0ac26f87449e72c39afa3f672ae4c2f44ee4465f",class:"modal-caption"},this.caption),this.showCloseButton&&o("ifx-icon-button",{key:"dba0bc92c5bb0a695f9449bf146933529da935de",class:"modal-close-button",ref:t=>this.closeButton=t,icon:"cross-24",variant:"tertiary",onClick:()=>this.doBeforeClose("CLOSE_BUTTON")})),o("div",{key:"571fca3750ca7df83c0c834e235674639d5e88a7",class:"modal-body"},o("slot",{key:"b7008875ccc46abe0b06d7f10dcc25a6d257ffdf",name:"content"})),o("div",{key:"f6639e282e3f856d648847c91752a7fca3fc3505",class:`modal-footer ${this.slotButtonsPresent?"buttons-present":""}`},o("slot",{key:"d12f3e70c2ba8f3ae52e1ec3087ea6dc916c9e92",name:"buttons",onSlotchange:t=>this.handleButtonsSlotChange(t)})))),o("div",{key:"05e2615fda33ac19d61f1845d3df042642634347","data-focus-trap-edge":!0,onFocus:this.handleBottomFocus,tabindex:"0"})))}get hostElement(){return E(this)}static get watchers(){return{opened:["openedChanged"]}}};F.style=C;export{F as ifx_modal}; +import{r as y,c as h,h as o,H as x,g as E}from"./index-CTBaKUaT.js";function l(e,t,n,a=20,r=0){const s=[];if(r>=a)return s;const p=i=>{const f=i.assignedNodes().filter(c=>c.nodeType===1);if(f.length>0){const c=f[0].parentElement;return l(c,t,n,a,r+1)}return[]},g=Array.from(e.children||[]);for(const i of g)t(i)||(n(i)&&s.push(i),i.shadowRoot!=null?s.push(...l(i.shadowRoot,t,n,a,r+1)):i.tagName==="SLOT"?s.push(...p(i)):s.push(...l(i,t,n,a,r+1)));return s}function m(e){return e.hasAttribute("hidden")||e.hasAttribute("aria-hidden")&&e.getAttribute("aria-hidden")!=="false"||e.style.display==="none"||e.style.opacity==="0"||e.style.visibility==="hidden"||e.style.visibility==="collapse"}function v(e){return e.hasAttribute("disabled")||e.hasAttribute("aria-disabled")&&e.getAttribute("aria-disabled")!=="false"}function w(e){return e.getAttribute("tabindex")==="-1"||m(e)||v(e)?!1:e.hasAttribute("tabindex")||(e instanceof HTMLAnchorElement||e instanceof HTMLAreaElement)&&e.hasAttribute("href")||e instanceof HTMLButtonElement||e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement||e instanceof HTMLIFrameElement}function u(e,t,n){const a=e.animate(t,Object.assign(Object.assign({},n),{fill:"both"}));return a.addEventListener("finish",()=>{a.commitStyles(),a.cancel()}),a}const d={easing:"cubic-bezier(0.390, 0.575, 0.565, 1.000)"},b={fadeIn:[Object.assign(Object.assign({offset:0},d),{opacity:0}),Object.assign(Object.assign({offset:1},d),{opacity:1})],fadeOut:[Object.assign(Object.assign({offset:0},d),{opacity:1}),Object.assign(Object.assign({offset:1},d),{opacity:0})]},k=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:block}.modal-container{display:none;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1060;overflow-y:auto;font-family:var(--ifx-font-family)}.modal-container.open{display:flex}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1D1D1D;opacity:0.5;z-index:0}.modal-content-container{position:absolute;display:flex;justify-content:center;width:90%;min-height:218px;background-color:#fff;border-radius:0;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);overflow:hidden;box-sizing:border-box;align-items:stretch}@media screen and (min-width: 768px){.modal-content-container{width:540px;min-height:132px}.modal-content-container.m,.modal-content-container.l,.modal-content-container.s{width:90%}}@media screen and (min-width: 1024px){.modal-content-container.s{width:47vw}.modal-content-container.m{width:63vw}.modal-content-container.l{width:80%}}.modal-content{display:flex;flex-direction:column;width:100%;max-height:90vh}.modal-icon-container{display:flex;align-items:center;justify-content:center;width:32px;background-color:#0A8276;align-self:stretch}.modal-icon-container.danger{background-color:#CD002F}.modal-icon-container ifx-icon{color:#FFFFFF}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;min-height:76px;max-height:105px;box-sizing:border-box;border-radius:1px 1px 0px 0px;border-bottom:1px solid #EEEDED}.modal-caption{max-height:56px;display:-webkit-box;overflow:hidden;white-space:pre-wrap;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}.modal-header h2{margin:0;font-weight:600;font-size:1.25rem;line-height:28px}.modal-header button{background:none;border:none;font-size:1.5em;padding:0;cursor:pointer}.modal-close-button{align-self:flex-start;margin-right:-8px}.modal-body{padding:16px 24px;min-height:56px;box-sizing:border-box;flex:1;overflow-y:auto}.modal-footer.buttons-present ::slotted(*){display:flex;justify-content:flex-end;gap:16px;padding:16px 24px 32px 16px}.modal-border{display:flex;align-items:center;justify-content:center;width:100%;font-size:1.5em;flex-grow:1}.modal-border.primary{background-color:#0A8276}.modal-border.secondary{background-color:#575352}.modal-border.danger{background-color:#CD002F}.modal-border.success{background-color:#4CA460}.modal-border.warning{background-color:#E16B25}.modal-border.orange{background-color:#E16B25}.modal-border.ocean{background-color:#0A8276}.modal-border.grey{background-color:#575352}.modal-border.grey-200{background-color:#EEEDED}.modal-border.red{background-color:#CD002F}.modal-border.green{background-color:#4CA460}.modal-border.berry{background-color:#9C216E}',C=k,F=class{constructor(e){y(this,e),this.ifxModalOpen=h(this,"ifxModalOpen",7),this.ifxModalClose=h(this,"ifxModalClose",7),this.focusableElements=[],this.handleTopFocus=()=>{this.attemptFocus(this.getLastFocusableElement())},this.handleBottomFocus=()=>{this.attemptFocus(this.getFirstFocusableElement())},this.handleKeypress=t=>{this.showModal&&t.key==="Escape"&&this.doBeforeClose("ESCAPE_KEY")},this.opened=!1,this.showModal=this.opened||!1,this.caption="Modal Title",this.closeOnOverlayClick=!0,this.variant="default",this.size="s",this.alertIcon="",this.okButtonLabel="OK",this.cancelButtonLabel="Cancel",this.slotButtonsPresent=!1,this.showCloseButton=!0}componentDidLoad(){this.focusableElements=l(this.hostElement.shadowRoot,e=>m(e)||e.matches("[data-focus-trap-edge]"),w)}getFirstFocusableElement(){return this.focusableElements[0]}getLastFocusableElement(){return this.focusableElements[this.focusableElements.length-1]}attemptFocus(e){if(e==null){setTimeout(()=>{this.closeButton.focus()});return}setTimeout(()=>{e.focus()},0)}open(){this.showModal=!0;try{u(this.modalContainer,b.fadeIn,{duration:200}).addEventListener("finish",()=>{setTimeout(()=>{var t,n;(t=this.getLastFocusableElement())===null||t===void 0||t.focus(),(n=this.getLastFocusableElement())===null||n===void 0||n.blur()},0),this.ifxModalOpen.emit()}),this.hostElement.addEventListener("keydown",this.handleKeypress)}catch{this.ifxModalOpen.emit()}}close(){try{u(this.modalContainer,b.fadeOut,{duration:200}).addEventListener("finish",()=>{this.showModal=!1,this.ifxModalClose.emit()}),this.hostElement.removeEventListener("keydown",this.handleKeypress)}catch{this.showModal=!1,this.ifxModalClose.emit()}}doBeforeClose(e){const t=[];t.push(e),t.some(a=>a.defaultPrevented)||(this.opened=!1)}openedChanged(e){e===!0?this.open():this.close()}handleOverlayClick(){this.closeOnOverlayClick&&this.doBeforeClose("BACKDROP")}handleButtonsSlotChange(e){var t;((t=e.currentTarget.assignedElements()[0])===null||t===void 0?void 0:t.childElementCount)>0?this.slotButtonsPresent=!0:this.slotButtonsPresent=!1}render(){const e=this.variant!=="default";return o(x,{key:"622de26c143196380000861b977a483595799667"},o("div",{key:"62e5820014cbf03a4cda7d39dd8e9f7d58d81635",ref:t=>this.modalContainer=t,class:`modal-container ${this.showModal?"open":""}`},o("div",{key:"e023841191ff25390e9b5f8b24562f8ec22eb9af",class:"modal-overlay",onClick:()=>this.handleOverlayClick()}),o("div",{key:"10d3e8232f6bc52e6bb337621fe53c96265a6b84","data-focus-trap-edge":!0,onFocus:this.handleTopFocus,tabindex:"0"}),o("div",{key:"83dbaf46f8461430da29f4ec0de615bae86fc1c2",class:`modal-content-container ${this.size}`,role:"dialog","aria-modal":"true","aria-label":this.caption},e?o("div",{class:`modal-icon-container ${this.variant==="alert-brand"?"":"danger"}`},this.alertIcon?o("ifx-icon",{icon:this.alertIcon}):null):null,o("div",{key:"080b7681bca959116bd2c48741a5fd6a4dc97cd8",class:"modal-content"},o("div",{key:"847772a8f8736914887a869ae7eabd443266ca4e",class:"modal-header"},o("h2",{key:"0ac26f87449e72c39afa3f672ae4c2f44ee4465f",class:"modal-caption"},this.caption),this.showCloseButton&&o("ifx-icon-button",{key:"dba0bc92c5bb0a695f9449bf146933529da935de",class:"modal-close-button",ref:t=>this.closeButton=t,icon:"cross-24",variant:"tertiary",onClick:()=>this.doBeforeClose("CLOSE_BUTTON")})),o("div",{key:"571fca3750ca7df83c0c834e235674639d5e88a7",class:"modal-body"},o("slot",{key:"b7008875ccc46abe0b06d7f10dcc25a6d257ffdf",name:"content"})),o("div",{key:"f6639e282e3f856d648847c91752a7fca3fc3505",class:`modal-footer ${this.slotButtonsPresent?"buttons-present":""}`},o("slot",{key:"d12f3e70c2ba8f3ae52e1ec3087ea6dc916c9e92",name:"buttons",onSlotchange:t=>this.handleButtonsSlotChange(t)})))),o("div",{key:"05e2615fda33ac19d61f1845d3df042642634347","data-focus-trap-edge":!0,onFocus:this.handleBottomFocus,tabindex:"0"})))}get hostElement(){return E(this)}static get watchers(){return{opened:["openedChanged"]}}};F.style=C;export{F as ifx_modal}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-multiselect_2.entry-CoR2972w.js b/pr-preview-vue-example/pr-1685/assets/ifx-multiselect_2.entry-BT6gvWvs.js similarity index 99% rename from pr-preview-vue-example/pr-1685/assets/ifx-multiselect_2.entry-CoR2972w.js rename to pr-preview-vue-example/pr-1685/assets/ifx-multiselect_2.entry-BT6gvWvs.js index 64992a3a4..5a0fe9181 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-multiselect_2.entry-CoR2972w.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-multiselect_2.entry-BT6gvWvs.js @@ -1,4 +1,4 @@ -import{r as p,c,h as n,g as h}from"./index-DFR79MvN.js";const f=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.ifx-multiselect-container{position:relative;box-sizing:border-box;font-family:var(--ifx-font-family)}.ifx-multiselect-container.small-select{height:36px}.ifx-multiselect-container.medium-select{height:40px}.ifx-multiselect-container:hover{cursor:pointer}.ifx-multiselect-container .ifx-label-wrapper{font-size:1rem;line-height:1.5rem;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;max-width:100%}.ifx-multiselect-container .ifx-error-message-wrapper{color:#CD002F;font-size:0.75rem;line-height:1rem;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;max-width:100%}.ifx-multiselect-container .ifx-multiselect-wrapper{background-color:#FFFFFF;box-sizing:border-box;position:relative;display:flex;align-items:center;border:1px solid #8D8786;border-radius:1px;width:100%;font-weight:400;font-style:normal}.ifx-multiselect-container .ifx-multiselect-wrapper.small-select{height:36px;padding:8px 12px;font-size:0.875rem;line-height:1.25rem}.ifx-multiselect-container .ifx-multiselect-wrapper.medium-select{height:40px;padding:8px 16px;font-size:1rem;line-height:1.5rem}.ifx-multiselect-container .ifx-multiselect-wrapper:focus-visible{outline:none}.ifx-multiselect-container .ifx-multiselect-wrapper:focus-visible:not(.active):not(:active){outline:none}.ifx-multiselect-container .ifx-multiselect-wrapper:focus-visible:not(.active):not(:active)::before{content:"";position:absolute;width:calc(100% + 4px);height:calc(100% + 4px);top:50%;left:50%;transform:translate(-50%, -50%);border:2px solid #0A8276;border-radius:2px}.ifx-multiselect-container .ifx-multiselect-wrapper.disabled{background:#EEEDED;color:#575352;border-color:#575352;cursor:default;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ifx-multiselect-container .ifx-multiselect-wrapper.error{border-color:#CD002F}.ifx-multiselect-container .ifx-multiselect-wrapper:hover:not(.focus,:focus){border-color:#575352}.ifx-multiselect-container .ifx-multiselect-wrapper.active{border-color:#0A8276 !important}.ifx-multiselect-container .ifx-multiselect-wrapper.active .icon-wrapper-up{display:flex;align-items:center;justify-content:center;padding-left:8px}.ifx-multiselect-container .ifx-multiselect-wrapper.active .icon-wrapper-down{display:none}.ifx-multiselect-container .ifx-multiselect-wrapper .icon-wrapper-up{display:none}.ifx-multiselect-container .ifx-multiselect-wrapper .icon-wrapper-down{display:flex;align-items:center;justify-content:center;padding-left:8px}.ifx-multiselect-container .ifx-multiselect-wrapper.is-flipped .ifx-multiselect-dropdown-menu{top:auto;bottom:100%}.ifx-multiselect-container .ifx-multiselect-input{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ifx-multiselect-container .ifx-multiselect-input.placeholder{opacity:0.5}.ifx-multiselect-container .ifx-multiselect-icon-container{margin-left:auto;align-items:center;display:flex}.ifx-multiselect-container .ifx-clear-button{display:flex}.ifx-multiselect-container .ifx-multiselect-dropdown-menu{position:absolute;top:100%;left:0;width:100%;margin-top:2px;background-color:#fff;box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1);max-height:300px;overflow-y:auto;z-index:var(--dynamic-z-index, 1)}.ifx-multiselect-container .ifx-multiselect-dropdown-menu .search-input{position:sticky;top:0;left:0;z-index:1;width:100%;padding:8px 16px;font-size:1rem;line-height:1.5rem;font-style:normal;font-weight:400;box-sizing:border-box;background-color:#FFFFFF;border:none;border-bottom:1px solid #8D8786}.ifx-multiselect-container .ifx-multiselect-dropdown-menu .search-input:focus{outline:none;border:1px solid #0A8276}.ifx-multiselect-container .ifx-multiselect-dropdown-menu .search-input::placeholder{color:#999}.ifx-multiselect-container .option{position:relative;padding:8px 16px;gap:8px;align-items:center;display:flex;font-style:normal;font-weight:400}.ifx-multiselect-container .option.small-select{font-size:0.875rem;line-height:1.25rem}.ifx-multiselect-container .option.medium-select{font-size:1rem;line-height:1.5rem}.ifx-multiselect-container .option:hover{background-color:#EEEDED}.ifx-multiselect-container .option:focus:not(.disabled){background-color:#BFBBBB;outline:none}.ifx-multiselect-container .option.is-highlighted{background-color:#EEEDED}.ifx-multiselect-container .option.sub-option{padding-left:30px;}.ifx-multiselect-container .option.disabled:hover{cursor:default}.ifx-multiselect-container .option label{cursor:inherit}.select-all-wrapper{padding-top:8px}',x=f;function m(e,t){let i;return function(...l){const r=()=>{clearTimeout(i),e(...l)};clearTimeout(i),i=setTimeout(r,t)}}const d=class{constructor(e){p(this,e),this.ifxSelect=c(this,"ifxSelect",7),this.ifxMultiselectIsOpen=c(this,"ifxMultiselectIsOpen",7),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),this.currentIndex=0,this.handleSearch=m(t=>{const i=t.value.toLowerCase();i===""?this.filteredOptions=this.loadedOptions:this.filteredOptions=this.loadedOptions.filter(s=>s.label.toLowerCase().includes(i))},300),this.handleDocumentClick=t=>{t.composedPath().includes(this.dropdownElement)||(this.dropdownOpen=!1,document.removeEventListener("click",this.handleDocumentClick),this.ifxMultiselectIsOpen.emit(this.dropdownOpen))},this.name=void 0,this.options=void 0,this.batchSize=50,this.size="medium (40px)",this.disabled=!1,this.error=!1,this.internalError=!1,this.errorMessage="Error",this.internalErrorMessage=void 0,this.label="",this.persistentSelectedOptions=[],this.placeholder="",this.dropdownOpen=!1,this.dropdownFlipped=void 0,this.maxItemCount=void 0,this.zIndex=1,this.isLoading=!1,this.loadedOptions=[],this.filteredOptions=[],this.showSearch=!0,this.showSelectAll=!0,this.optionCount=0,this.optionsProcessed=!1}updateOptions(){this.loadedOptions=[],this.filteredOptions=[],this.optionCount=0,this.optionsProcessed=!1,this.persistentSelectedOptions=[],this.loadInitialOptions()}async loadInitialOptions(){this.isLoading=!0,this.internalError=this.error,this.internalErrorMessage=this.errorMessage,this.loadedOptions=await this.fetchOptions(0,this.batchSize),this.isLoading=!1}async fetchMoreOptions(){this.isLoading=!0;const e=await this.fetchOptions(this.loadedOptions.length,this.batchSize);this.loadedOptions=[...this.loadedOptions,...e],this.isLoading=!1}handleScroll(e){const t=e.target,i=Math.floor((t.scrollHeight-t.clientHeight)/2);t.scrollTop>=i&&this.fetchMoreOptions()}async fetchOptions(e,t){let i=[];if(typeof this.options=="string")try{i=JSON.parse(this.options)}catch(l){console.error("Failed to parse options:",l)}else Array.isArray(this.options)?i=this.options:console.error("Unexpected value for options:",this.options);if(!this.optionsProcessed){this.optionCount=this.countOptions(i);const r=this.collectSelectedOptions(i).filter(o=>!this.persistentSelectedOptions.some(a=>a.value==o.value));this.persistentSelectedOptions=[...this.persistentSelectedOptions,...r],this.optionsProcessed=!0}return i.slice(e,e+t)}collectSelectedOptions(e){let t=[];for(const i of e)i.selected?i.children&&i.children.length>0?t=t.concat(this.collectLeafOptions(i.children)):t.push(i):i.children&&i.children.length>0&&(t=t.concat(this.collectSelectedOptions(i.children)));return t}collectLeafOptions(e){let t=[];for(const i of e)i.children&&i.children.length>0?t=t.concat(this.collectLeafOptions(i.children)):t.push(i);return t}countOptions(e){let t=0;for(const i of e)i.children&&i.children.length>=0?t+=this.countOptions(i.children):t++;return t}componentDidLoad(){setTimeout(()=>{this.positionDropdown()},500)}componentWillLoad(){this.loadInitialOptions(),this.filteredOptions=[...this.loadedOptions]}updateInternalError(){this.internalError=this.error}updateInternalErrorMessage(){this.internalErrorMessage=this.errorMessage}loadedOptionsChanged(){this.filteredOptions=[...this.loadedOptions]}onSelectionChange(e,t){const i=new FormData;e.forEach(s=>i.append(this.name,s.value)),this.internals.setFormValue(i)}handleOptionClick(e){if(this.internalError=!1,!e.selected&&this.isSelectionLimitReached(e)){e.checkboxRef.toggleCheckedState(!1),this.internalError=!0,this.internalErrorMessage="Please consider the maximum number of items to choose from";return}this.updateSelection(e),this.ifxSelect.emit(this.persistentSelectedOptions)}isSelectionLimitReached(e){let t=e.children?e.children.length:1;return this.maxItemCount&&this.persistentSelectedOptions.length+t>this.maxItemCount&&!this.persistentSelectedOptions.some(i=>i.value===e.value)}updateSelection(e){const t=this.persistentSelectedOptions.some(i=>i.value===e.value);e.children&&e.children.length>0?this.handleParentOptionClick(e):this.handleChildOptionClick(e,t)}async selectAll(){const e=await this.fetchOptions(0,this.optionCount);this.selectAllRecursive(e),this.ifxSelect.emit(this.persistentSelectedOptions)}selectAllRecursive(e){for(const t of e)t.children&&t.children.length>0?this.selectAllRecursive(t.children):this.persistentSelectedOptions.some(i=>i.value===t.value)||(t.selected=!0,this.persistentSelectedOptions=[...this.persistentSelectedOptions,t])}handleParentOptionClick(e){if(e.children.every(i=>this.persistentSelectedOptions.some(s=>s.value===i.value)))this.persistentSelectedOptions=[...this.persistentSelectedOptions.filter(i=>!e.children.some(s=>s.value===i.value))],e.selected=!1,e.children.forEach(i=>{i.selected=!1});else{const i=[...e.children.filter(s=>!this.persistentSelectedOptions.some(l=>l.value===s.value))];e.selected=!0,e.children.forEach(s=>{s.selected=!0}),this.persistentSelectedOptions=[...this.persistentSelectedOptions,...i]}}handleChildOptionClick(e,t){t?(this.persistentSelectedOptions=[...this.persistentSelectedOptions.filter(i=>i.value!==e.value)],e.selected=!1):(this.persistentSelectedOptions=[...this.persistentSelectedOptions,e],e.selected=!0),this.updateParentSelectedState()}updateParentSelectedState(){this.loadedOptions.forEach(e=>{var t;((t=e.children)===null||t===void 0?void 0:t.length)>0&&(e.children.every(i=>i.selected===!0)?e.selected=!0:(e.selected=!1,this.isOptionIndeterminate(e)?e.indeterminate=!0:e.indeterminate=!1))})}getSizeClass(){return`${this.size}`=="s"?"small-select":"medium-select"}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen,setTimeout(()=>{this.dropdownOpen&&document.addEventListener("click",this.handleDocumentClick),this.ifxMultiselectIsOpen.emit(this.dropdownOpen)},0),this.zIndex=d.globalZIndex++}waitForElement(e,t,i=50){let s=0;function l(){requestAnimationFrame(()=>{const r=e();r.length>0||s>i?t(r):(s++,l())})}l()}handleKeyDown(e){if(this.disabled)return;const t=this.dropdownElement.querySelectorAll(".option");switch(e.code){case"Enter":this.toggleDropdown(),this.waitForElement(()=>this.dropdownElement.querySelectorAll(".option"),i=>{this.updateHighlightedOption(i)});break;case"Space":this.toggleDropdown(),this.waitForElement(()=>this.dropdownElement.querySelectorAll(".option"),i=>{this.updateHighlightedOption(i)});break;case"ArrowDown":this.handleArrowDown(t),this.dropdownOpen&&this.updateHighlightedOption(t);break;case"ArrowUp":this.handleArrowUp(t),this.dropdownOpen&&this.updateHighlightedOption(t);break}}handleWrapperClick(e){this.positionDropdown(),e.currentTarget===e.target&&this.toggleDropdown()}clearSelection(){this.persistentSelectedOptions=[],this.ifxSelect.emit(this.persistentSelectedOptions)}positionDropdown(){var e;const t=(e=this.el.shadowRoot.querySelector(".ifx-multiselect-wrapper"))===null||e===void 0?void 0:e.getBoundingClientRect(),i=window.innerHeight-t.bottom;t.top>i&&t.height>i||t.bottom>window.innerHeight?this.dropdownFlipped=!0:this.dropdownFlipped=!1}updateHighlightedOption(e){e.forEach(t=>t.classList.remove("is-highlighted")),this.currentIndex>=0&&this.currentIndex0?this.currentIndex--:this.currentIndex=e.length-1}handleOptionKeyDown(e,t){e.key!=="ArrowUp"&&e.key!=="ArrowDown"&&e.stopPropagation(),(e.key==="Enter"||e.key===" ")&&this.handleOptionClick(t)}renderOption(e,t){var i;const s=this.isOptionIndeterminate(e),l=e.children?s||this.isOptionSelected(e):this.persistentSelectedOptions.some(a=>a.value===e.value),r=!l&&this.maxItemCount&&this.persistentSelectedOptions.length>=this.maxItemCount,o=`checkbox-${e.value}-${t}`;return n("div",{class:"option-wrapper"},n("div",{class:`option ${l?"selected":""} ${r?"disabled":""} +import{r as p,c,h as n,g as h}from"./index-CTBaKUaT.js";const f=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.ifx-multiselect-container{position:relative;box-sizing:border-box;font-family:var(--ifx-font-family)}.ifx-multiselect-container.small-select{height:36px}.ifx-multiselect-container.medium-select{height:40px}.ifx-multiselect-container:hover{cursor:pointer}.ifx-multiselect-container .ifx-label-wrapper{font-size:1rem;line-height:1.5rem;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;max-width:100%}.ifx-multiselect-container .ifx-error-message-wrapper{color:#CD002F;font-size:0.75rem;line-height:1rem;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;max-width:100%}.ifx-multiselect-container .ifx-multiselect-wrapper{background-color:#FFFFFF;box-sizing:border-box;position:relative;display:flex;align-items:center;border:1px solid #8D8786;border-radius:1px;width:100%;font-weight:400;font-style:normal}.ifx-multiselect-container .ifx-multiselect-wrapper.small-select{height:36px;padding:8px 12px;font-size:0.875rem;line-height:1.25rem}.ifx-multiselect-container .ifx-multiselect-wrapper.medium-select{height:40px;padding:8px 16px;font-size:1rem;line-height:1.5rem}.ifx-multiselect-container .ifx-multiselect-wrapper:focus-visible{outline:none}.ifx-multiselect-container .ifx-multiselect-wrapper:focus-visible:not(.active):not(:active){outline:none}.ifx-multiselect-container .ifx-multiselect-wrapper:focus-visible:not(.active):not(:active)::before{content:"";position:absolute;width:calc(100% + 4px);height:calc(100% + 4px);top:50%;left:50%;transform:translate(-50%, -50%);border:2px solid #0A8276;border-radius:2px}.ifx-multiselect-container .ifx-multiselect-wrapper.disabled{background:#EEEDED;color:#575352;border-color:#575352;cursor:default;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ifx-multiselect-container .ifx-multiselect-wrapper.error{border-color:#CD002F}.ifx-multiselect-container .ifx-multiselect-wrapper:hover:not(.focus,:focus){border-color:#575352}.ifx-multiselect-container .ifx-multiselect-wrapper.active{border-color:#0A8276 !important}.ifx-multiselect-container .ifx-multiselect-wrapper.active .icon-wrapper-up{display:flex;align-items:center;justify-content:center;padding-left:8px}.ifx-multiselect-container .ifx-multiselect-wrapper.active .icon-wrapper-down{display:none}.ifx-multiselect-container .ifx-multiselect-wrapper .icon-wrapper-up{display:none}.ifx-multiselect-container .ifx-multiselect-wrapper .icon-wrapper-down{display:flex;align-items:center;justify-content:center;padding-left:8px}.ifx-multiselect-container .ifx-multiselect-wrapper.is-flipped .ifx-multiselect-dropdown-menu{top:auto;bottom:100%}.ifx-multiselect-container .ifx-multiselect-input{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ifx-multiselect-container .ifx-multiselect-input.placeholder{opacity:0.5}.ifx-multiselect-container .ifx-multiselect-icon-container{margin-left:auto;align-items:center;display:flex}.ifx-multiselect-container .ifx-clear-button{display:flex}.ifx-multiselect-container .ifx-multiselect-dropdown-menu{position:absolute;top:100%;left:0;width:100%;margin-top:2px;background-color:#fff;box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1);max-height:300px;overflow-y:auto;z-index:var(--dynamic-z-index, 1)}.ifx-multiselect-container .ifx-multiselect-dropdown-menu .search-input{position:sticky;top:0;left:0;z-index:1;width:100%;padding:8px 16px;font-size:1rem;line-height:1.5rem;font-style:normal;font-weight:400;box-sizing:border-box;background-color:#FFFFFF;border:none;border-bottom:1px solid #8D8786}.ifx-multiselect-container .ifx-multiselect-dropdown-menu .search-input:focus{outline:none;border:1px solid #0A8276}.ifx-multiselect-container .ifx-multiselect-dropdown-menu .search-input::placeholder{color:#999}.ifx-multiselect-container .option{position:relative;padding:8px 16px;gap:8px;align-items:center;display:flex;font-style:normal;font-weight:400}.ifx-multiselect-container .option.small-select{font-size:0.875rem;line-height:1.25rem}.ifx-multiselect-container .option.medium-select{font-size:1rem;line-height:1.5rem}.ifx-multiselect-container .option:hover{background-color:#EEEDED}.ifx-multiselect-container .option:focus:not(.disabled){background-color:#BFBBBB;outline:none}.ifx-multiselect-container .option.is-highlighted{background-color:#EEEDED}.ifx-multiselect-container .option.sub-option{padding-left:30px;}.ifx-multiselect-container .option.disabled:hover{cursor:default}.ifx-multiselect-container .option label{cursor:inherit}.select-all-wrapper{padding-top:8px}',x=f;function m(e,t){let i;return function(...l){const r=()=>{clearTimeout(i),e(...l)};clearTimeout(i),i=setTimeout(r,t)}}const d=class{constructor(e){p(this,e),this.ifxSelect=c(this,"ifxSelect",7),this.ifxMultiselectIsOpen=c(this,"ifxMultiselectIsOpen",7),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),this.currentIndex=0,this.handleSearch=m(t=>{const i=t.value.toLowerCase();i===""?this.filteredOptions=this.loadedOptions:this.filteredOptions=this.loadedOptions.filter(s=>s.label.toLowerCase().includes(i))},300),this.handleDocumentClick=t=>{t.composedPath().includes(this.dropdownElement)||(this.dropdownOpen=!1,document.removeEventListener("click",this.handleDocumentClick),this.ifxMultiselectIsOpen.emit(this.dropdownOpen))},this.name=void 0,this.options=void 0,this.batchSize=50,this.size="medium (40px)",this.disabled=!1,this.error=!1,this.internalError=!1,this.errorMessage="Error",this.internalErrorMessage=void 0,this.label="",this.persistentSelectedOptions=[],this.placeholder="",this.dropdownOpen=!1,this.dropdownFlipped=void 0,this.maxItemCount=void 0,this.zIndex=1,this.isLoading=!1,this.loadedOptions=[],this.filteredOptions=[],this.showSearch=!0,this.showSelectAll=!0,this.optionCount=0,this.optionsProcessed=!1}updateOptions(){this.loadedOptions=[],this.filteredOptions=[],this.optionCount=0,this.optionsProcessed=!1,this.persistentSelectedOptions=[],this.loadInitialOptions()}async loadInitialOptions(){this.isLoading=!0,this.internalError=this.error,this.internalErrorMessage=this.errorMessage,this.loadedOptions=await this.fetchOptions(0,this.batchSize),this.isLoading=!1}async fetchMoreOptions(){this.isLoading=!0;const e=await this.fetchOptions(this.loadedOptions.length,this.batchSize);this.loadedOptions=[...this.loadedOptions,...e],this.isLoading=!1}handleScroll(e){const t=e.target,i=Math.floor((t.scrollHeight-t.clientHeight)/2);t.scrollTop>=i&&this.fetchMoreOptions()}async fetchOptions(e,t){let i=[];if(typeof this.options=="string")try{i=JSON.parse(this.options)}catch(l){console.error("Failed to parse options:",l)}else Array.isArray(this.options)?i=this.options:console.error("Unexpected value for options:",this.options);if(!this.optionsProcessed){this.optionCount=this.countOptions(i);const r=this.collectSelectedOptions(i).filter(o=>!this.persistentSelectedOptions.some(a=>a.value==o.value));this.persistentSelectedOptions=[...this.persistentSelectedOptions,...r],this.optionsProcessed=!0}return i.slice(e,e+t)}collectSelectedOptions(e){let t=[];for(const i of e)i.selected?i.children&&i.children.length>0?t=t.concat(this.collectLeafOptions(i.children)):t.push(i):i.children&&i.children.length>0&&(t=t.concat(this.collectSelectedOptions(i.children)));return t}collectLeafOptions(e){let t=[];for(const i of e)i.children&&i.children.length>0?t=t.concat(this.collectLeafOptions(i.children)):t.push(i);return t}countOptions(e){let t=0;for(const i of e)i.children&&i.children.length>=0?t+=this.countOptions(i.children):t++;return t}componentDidLoad(){setTimeout(()=>{this.positionDropdown()},500)}componentWillLoad(){this.loadInitialOptions(),this.filteredOptions=[...this.loadedOptions]}updateInternalError(){this.internalError=this.error}updateInternalErrorMessage(){this.internalErrorMessage=this.errorMessage}loadedOptionsChanged(){this.filteredOptions=[...this.loadedOptions]}onSelectionChange(e,t){const i=new FormData;e.forEach(s=>i.append(this.name,s.value)),this.internals.setFormValue(i)}handleOptionClick(e){if(this.internalError=!1,!e.selected&&this.isSelectionLimitReached(e)){e.checkboxRef.toggleCheckedState(!1),this.internalError=!0,this.internalErrorMessage="Please consider the maximum number of items to choose from";return}this.updateSelection(e),this.ifxSelect.emit(this.persistentSelectedOptions)}isSelectionLimitReached(e){let t=e.children?e.children.length:1;return this.maxItemCount&&this.persistentSelectedOptions.length+t>this.maxItemCount&&!this.persistentSelectedOptions.some(i=>i.value===e.value)}updateSelection(e){const t=this.persistentSelectedOptions.some(i=>i.value===e.value);e.children&&e.children.length>0?this.handleParentOptionClick(e):this.handleChildOptionClick(e,t)}async selectAll(){const e=await this.fetchOptions(0,this.optionCount);this.selectAllRecursive(e),this.ifxSelect.emit(this.persistentSelectedOptions)}selectAllRecursive(e){for(const t of e)t.children&&t.children.length>0?this.selectAllRecursive(t.children):this.persistentSelectedOptions.some(i=>i.value===t.value)||(t.selected=!0,this.persistentSelectedOptions=[...this.persistentSelectedOptions,t])}handleParentOptionClick(e){if(e.children.every(i=>this.persistentSelectedOptions.some(s=>s.value===i.value)))this.persistentSelectedOptions=[...this.persistentSelectedOptions.filter(i=>!e.children.some(s=>s.value===i.value))],e.selected=!1,e.children.forEach(i=>{i.selected=!1});else{const i=[...e.children.filter(s=>!this.persistentSelectedOptions.some(l=>l.value===s.value))];e.selected=!0,e.children.forEach(s=>{s.selected=!0}),this.persistentSelectedOptions=[...this.persistentSelectedOptions,...i]}}handleChildOptionClick(e,t){t?(this.persistentSelectedOptions=[...this.persistentSelectedOptions.filter(i=>i.value!==e.value)],e.selected=!1):(this.persistentSelectedOptions=[...this.persistentSelectedOptions,e],e.selected=!0),this.updateParentSelectedState()}updateParentSelectedState(){this.loadedOptions.forEach(e=>{var t;((t=e.children)===null||t===void 0?void 0:t.length)>0&&(e.children.every(i=>i.selected===!0)?e.selected=!0:(e.selected=!1,this.isOptionIndeterminate(e)?e.indeterminate=!0:e.indeterminate=!1))})}getSizeClass(){return`${this.size}`=="s"?"small-select":"medium-select"}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen,setTimeout(()=>{this.dropdownOpen&&document.addEventListener("click",this.handleDocumentClick),this.ifxMultiselectIsOpen.emit(this.dropdownOpen)},0),this.zIndex=d.globalZIndex++}waitForElement(e,t,i=50){let s=0;function l(){requestAnimationFrame(()=>{const r=e();r.length>0||s>i?t(r):(s++,l())})}l()}handleKeyDown(e){if(this.disabled)return;const t=this.dropdownElement.querySelectorAll(".option");switch(e.code){case"Enter":this.toggleDropdown(),this.waitForElement(()=>this.dropdownElement.querySelectorAll(".option"),i=>{this.updateHighlightedOption(i)});break;case"Space":this.toggleDropdown(),this.waitForElement(()=>this.dropdownElement.querySelectorAll(".option"),i=>{this.updateHighlightedOption(i)});break;case"ArrowDown":this.handleArrowDown(t),this.dropdownOpen&&this.updateHighlightedOption(t);break;case"ArrowUp":this.handleArrowUp(t),this.dropdownOpen&&this.updateHighlightedOption(t);break}}handleWrapperClick(e){this.positionDropdown(),e.currentTarget===e.target&&this.toggleDropdown()}clearSelection(){this.persistentSelectedOptions=[],this.ifxSelect.emit(this.persistentSelectedOptions)}positionDropdown(){var e;const t=(e=this.el.shadowRoot.querySelector(".ifx-multiselect-wrapper"))===null||e===void 0?void 0:e.getBoundingClientRect(),i=window.innerHeight-t.bottom;t.top>i&&t.height>i||t.bottom>window.innerHeight?this.dropdownFlipped=!0:this.dropdownFlipped=!1}updateHighlightedOption(e){e.forEach(t=>t.classList.remove("is-highlighted")),this.currentIndex>=0&&this.currentIndex0?this.currentIndex--:this.currentIndex=e.length-1}handleOptionKeyDown(e,t){e.key!=="ArrowUp"&&e.key!=="ArrowDown"&&e.stopPropagation(),(e.key==="Enter"||e.key===" ")&&this.handleOptionClick(t)}renderOption(e,t){var i;const s=this.isOptionIndeterminate(e),l=e.children?s||this.isOptionSelected(e):this.persistentSelectedOptions.some(a=>a.value===e.value),r=!l&&this.maxItemCount&&this.persistentSelectedOptions.length>=this.maxItemCount,o=`checkbox-${e.value}-${t}`;return n("div",{class:"option-wrapper"},n("div",{class:`option ${l?"selected":""} ${r?"disabled":""} ${this.getSizeClass()}`,"data-value":e.value,onKeyDown:a=>!r&&this.handleOptionKeyDown(a,e),onClick:()=>!r&&this.handleOptionClick(e),tabindex:"0",role:`${((i=e.children)===null||i===void 0?void 0:i.length)>0?"treeitem":"option"}`},n("ifx-checkbox",{tabIndex:-1,ref:a=>e.checkboxRef=a,id:o,size:"s",checked:s?!1:l,indeterminate:s,disabled:r}),n("label",{htmlFor:o,onClick:a=>a.stopPropagation()},e.label)),e.children&&e.children.map((a,u)=>this.renderSubOption(a,`${t}-${u}`)))}isOptionSelected(e){return e.children?e.children.every(t=>this.persistentSelectedOptions.some(i=>i.value===t.value)):!1}isOptionIndeterminate(e){if(!e.children)return!1;const t=e.children.filter(i=>this.persistentSelectedOptions.some(s=>s.value===i.value)).length;return t>0&&to.value===e.value),l=!s&&this.maxItemCount&&this.persistentSelectedOptions.length>=this.maxItemCount,r=`checkbox-${e.value}-${t}`;return n("div",{class:`option sub-option ${s?"selected":""} ${this.getSizeClass()} ${l?"disabled":""}`,"data-value":e.value,role:`${((i=e.children)===null||i===void 0?void 0:i.length)>0?"option":"treeitem"}`,onKeyDown:o=>!l&&this.handleOptionKeyDown(o,e),onClick:()=>!l&&this.handleOptionClick(e),tabindex:"0"},n("ifx-checkbox",{tabIndex:-1,ref:o=>e.checkboxRef=o,id:r,size:"s",checked:s,disabled:l}),n("label",{htmlFor:r,onClick:o=>o.stopPropagation()},e.label))}renderSelectAll(){const e=this.persistentSelectedOptions.length===this.optionCount,t=this.persistentSelectedOptions.length===0,i=this.optionCount>0&&!t&&!e,s=this;function l(){e?s.clearSelection():s.selectAll()}function r(o){o.key!=="ArrowUp"&&o.key!=="ArrowDown"&&o.stopPropagation(),(o.key==="Enter"||o.key===" ")&&l()}return n("div",{class:"select-all-wrapper"},n("div",{class:`option ${this.getSizeClass()}`,tabindex:"0",onKeyDown:o=>r(o),onClick:l},n("ifx-checkbox",{tabIndex:-1,id:"selectAll",checked:e,indeterminate:i,size:"s"}),n("label",{htmlFor:"selectAll"},"Select all")),n("ifx-dropdown-separator",null))}render(){const e=this.persistentSelectedOptions.filter(t=>!this.persistentSelectedOptions.some(s=>s.children&&s.children.some(l=>l.value===t.value)&&s.selected)).map(t=>t.label).join(", ");return n("div",{class:"ifx-multiselect-container",ref:t=>this.dropdownElement=t},this.label?n("div",{class:"ifx-label-wrapper"},n("span",null,this.label)):null,n("div",{class:`ifx-multiselect-wrapper ${this.getSizeClass()} ${this.dropdownOpen?"active":""} diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-navbar-item.entry-tTaFawD9.js b/pr-preview-vue-example/pr-1685/assets/ifx-navbar-item.entry-BY6oTQwO.js similarity index 99% rename from pr-preview-vue-example/pr-1685/assets/ifx-navbar-item.entry-tTaFawD9.js rename to pr-preview-vue-example/pr-1685/assets/ifx-navbar-item.entry-BY6oTQwO.js index bab78782a..27e147066 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-navbar-item.entry-tTaFawD9.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-navbar-item.entry-BY6oTQwO.js @@ -1 +1 @@ -import{r,c as o,h as i,g as l}from"./index-DFR79MvN.js";const h='.navbar__item{position:relative;display:flex;flex-direction:row;align-items:center;padding:0px 8px;flex:none;order:0;flex-grow:0;font-family:var(--ifx-font-family);text-decoration:none;font-weight:400;font-size:16px;color:#1D1D1D}.navbar__item.hide{display:none}.navbar__item.isParent{gap:8px}.navbar__item .navItemIconWrapper{transition:0.3s}.navbar__item.open .navItemIconWrapper{transform:rotate(-180deg);transition:0.3s}.navbar__item:hover{color:#0A8276;cursor:pointer}.navbar__item:hover .username__tooltip{display:block}.navbar__item:hover .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper{cursor:pointer;background-color:#08665C}.navbar__item.remove{display:none}.navbar__item.removeLabel .label__wrapper{display:none}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .username__tooltip{display:none;position:absolute;top:35px;right:0;text-wrap:nowrap;padding:1px 5px;font-size:13px;font-family:"Source Sans 3";background-color:black;color:#fff;z-index:99}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper:hover .username__tooltip{display:block}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper{display:flex;width:24px;height:24px;justify-content:center;align-items:center;border-radius:100%;background-color:#0A8276}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper .initials{color:#FFF;text-align:center;font-family:"Source Sans 3";font-size:14px;font-style:normal;font-weight:600;line-height:20px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper img{width:24px;height:24px;border-radius:100%}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper.removeWrapper{display:none}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper.hide{display:none}.container{position:relative}.container .sub__layer-back-button{display:none}.container .sub__layer-back-button.show{display:flex;justify-content:flex-start}.container .sub__layer-back-button.show .back__button-wrapper{display:flex;align-items:center;gap:8px;padding:8px 0 16px 0;color:#0A8276;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.container .sub__layer-back-button.show .back__button-wrapper span:hover,.container .sub__layer-back-button.show .back__button-wrapper ifx-icon:hover{cursor:pointer}.container.hide{display:none}.container .inner__content-wrapper{display:flex;justify-content:space-between;align-items:center;gap:8px}.container .inner__content-wrapper.no-gap{gap:0px}.navbar-menu{position:absolute;display:none;list-style-type:none;visibility:visible;flex-direction:column;width:224px;min-width:224px;background:#FFFFFF;box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843);border:1px solid #EEEDED;padding:8px 0px;font-family:var(--ifx-font-family)}.navbar-menu.open:not(.itemInMobileMenu){display:flex}.navbar-menu.itemInMobileMenu{display:none}.navbar-menu.right{left:100%;top:-40%}.navbar-menu.left{top:-40%;right:100%}.navbar-menu.rightSideItemMenu{left:initial;right:0px}.navbar__item.layer__item-parent{color:#1D1D1D;font-size:24px;font-style:normal;font-weight:600;line-height:32px;letter-spacing:-0.24px;cursor:initial}.navbar__item.layer__item-parent .navbar__container-right-content-navigation-item-icon-wrapper ifx-icon svg{width:24px;height:24px}.navbar__item.sidebarMenuItem{justify-content:space-between;padding:0}.navbar__item.menuItem{text-decoration:none;color:#1D1D1D;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;gap:8px;font-family:var(--ifx-font-family)}.navbar__item.menuItem.hide{display:none}.navbar__item.menuItem .label__wrapper{color:#1D1D1D;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.navbar__item.menuItem:hover{cursor:pointer;background-color:#EEEDED}.navbar__item.menuItem:active{background-color:#BFBBBB}.sub__layer-menu{padding:5px;display:none}.sub__layer-menu.remove__margin{margin:0;padding:0}.sub__layer-menu.open{display:block}.navbar__item.hide{display:none}.menuItemRightIconWrapper.hide{display:none}.navItemIconWrapper.hide{display:none}',c=h,m=class{constructor(e){r(this,e),this.ifxNavItem=o(this,"ifxNavItem",7),this.showLabel=!0,this.icon="",this.href="",this.target="_self",this.hideOnMobile=!0,this.internalHref="",this.isMenuItem=!1,this.hasChildNavItems=!1,this.isSidebarMenuItem=!1,this.itemPosition=void 0}handleOutsideClick(e){const t=e.composedPath(),n=this.getItemMenu();n&&n.classList.contains("open")&&(t.includes(this.el)||this.closeItemMenu())}async hideComponent(){this.el.style.display="none"}async showComponent(){this.el.style.display=""}async toggleChildren(e){const t=this.getItemMenu(),n=this.getChevronDownIconWrapper();t&&(this.handleClassList(n,e,"hide"),this.handleClassList(t,e,"itemInMobileMenu"))}async moveChildComponentsIntoSubLayerMenu(){const e=this.getItemMenu();if(e&&this.handleClassList(e,"contains","open")){const s=this.getNavBarItem(),a=this.getSubLayerBackButton();this.handleClassList(s,"add","layer__item-parent"),this.handleClassList(a,"add","show"),this.ifxNavItem.emit({component:this.el,action:"hideFirstLayer"})}const t=this.el.querySelectorAll('[slot="first__layer"]');this.isSidebarMenuItem=!0;for(let n=0;n{t.setAttribute("slot","first__layer")})}setHref(){this.href.toLowerCase().trim()===""?this.internalHref=void 0:this.internalHref=this.href}checkIfItemIsNested(){const e=this.el.parentElement;if(e.tagName.toUpperCase()==="IFX-NAVBAR-ITEM"||e.tagName.toUpperCase()==="IFX-NAVBAR-PROFILE"){this.isMenuItem=!0;return}else this.isMenuItem=!1}checkIfItemHasChildren(){this.getNavbarItems().length!==0?this.hasChildNavItems=!0:this.hasChildNavItems=!1}async setItemSideSpecifications(){const e=this.el,t=this.getItemMenu();return e.getAttribute("slot").toLowerCase().trim()==="right-item"&&this.handleClassList(t,"add","rightSideItemMenu"),!0}getItemMenu(){return this.el.shadowRoot.querySelector(".navbar-menu")}closeItemMenu(){const e=this.getItemMenu(),t=this.getNavBarItem();e&&(this.handleClassList(e,"remove","open"),this.handleClassList(t,"remove","open"))}getItemMenuPosition(){let e=this.el;for(;e;){if(e.tagName==="IFX-NAVBAR-PROFILE"||e.slot==="right-item")return"left";e=e.parentElement||e.getRootNode().host}return"right"}toggleItemMenu(){const e=this.el.getAttribute("slot");if((e.toLowerCase()==="mobile-menu-top"||e.toLowerCase()==="second__layer")&&this.openSubLayerMenu(),!this.internalHref&&e.toLowerCase()!=="mobile-menu-top"&&e.toLowerCase()!=="second__layer"){const t=this.getItemMenu();if(this.hasChildNavItems){const n=this.getNavBarItem();this.handleClassList(t,"toggle","open"),this.handleClassList(n,"toggle","open")}}}handleNestedLayerMenu(e){if(this.isMenuItem&&this.hasChildNavItems&&!this.isSidebarMenuItem){const t=this.getItemMenu(),n=this.getItemMenuPosition();e.type.toUpperCase()==="MOUSEENTER"&&(this.handleClassList(t,"add","open"),n==="left"?this.handleClassList(t,"add","left"):n==="right"&&this.handleClassList(t,"add","right")),e.type.toUpperCase()==="MOUSELEAVE"&&(this.handleClassList(t,"remove","open"),n==="left"?this.handleClassList(t,"remove","left"):n==="right"&&this.handleClassList(t,"remove","right"))}}render(){return i("div",{key:"6ff7d6a2325d44e4fdbcbdda8fd299890a080237",class:"container",onMouseLeave:e=>this.handleNestedLayerMenu(e),onMouseEnter:e=>this.handleNestedLayerMenu(e)},i("div",{key:"f39e9887ee956d9e35e8c8ea058a769d91355e43",class:"sub__layer-back-button"},i("div",{key:"7a5df0bdee1cc4c3cd6529d4f0acbf7c0bd1b8d9",class:"back__button-wrapper",onClick:()=>this.returnToFirstLayer()},i("ifx-icon",{key:"43f69fe60182744438d49827344e68ff095d92dc",icon:"arrow-left-16"}),i("span",{key:"b6d292fccd3c2e8e539bbf8b37f456732236d847"},"Back"))),i("a",{key:"7f51f40c4bdbfee4738ee87d9b6abb0baee777a0",href:this.internalHref,target:this.target,onClick:()=>this.toggleItemMenu(),class:`navbar__item ${this.isSidebarMenuItem?"sidebarMenuItem":""} ${this.showLabel?"":"removeLabel"} ${this.isMenuItem?"menuItem":""} ${this.hasChildNavItems?"isParent":""}`},i("div",{key:"6cdec578af960350371c7d2ce65512e499cc39cd",class:"inner__content-wrapper"},i("div",{key:"4432784789f1ea5bda62fa4c840f42be8a8c2c74",class:`navbar__container-right-content-navigation-item-icon-wrapper ${this.icon?"":"removeWrapper"}`},this.icon&&i("ifx-icon",{key:"75937d113caa0480e934c0960778c51a82d94eb5",icon:this.icon})),this.itemPosition==="left"&&this.hasChildNavItems&&this.isMenuItem&&i("div",{key:"411a240382cdccc5857bfd3d3232fda11dece2eb",class:"menuItemLeftIconWrapper"},i("ifx-icon",{key:"a3d6fb775527a0d896da3d26577bfa909e97fd57",icon:"chevron-left-12"})),i("span",{key:"fc2307f8e62ae20727b76526ef661839465c4378",class:"label__wrapper"},i("slot",{key:"35fa2c5762cc7676146407f03986b6e65aacf356"}))),i("div",{key:"7bc21e2370abfeb56e2c551b07ac40e7dcf34cd7",class:`navItemIconWrapper ${this.hasChildNavItems&&!this.isMenuItem&&!this.isSidebarMenuItem?"":"hide"}`},i("ifx-icon",{key:"84154f7bebb4fbf3cdf992e3c1e3fb3f898e3479",icon:"chevron-down-12"})),i("div",{key:"872ad6a50578420c5fcfe990e328911df2cec8fa",class:`menuItemRightIconWrapper ${this.itemPosition==="right"&&this.hasChildNavItems&&this.isMenuItem||this.isSidebarMenuItem&&this.hasChildNavItems?"":"hide"}`},i("ifx-icon",{key:"5b1f1bb38a1b7a784c6f90161e923b6055a380b9",icon:"chevron-right-12"}))),this.hasChildNavItems&&!this.isSidebarMenuItem&&i("ul",{key:"f093cbb3bd72ad2062a1f5faca60f3402d582611",class:"navbar-menu"}," ",i("slot",{key:"9f100a38d2e8b1062c6d01263bddf452a0d962c3",name:"first__layer"})," "),this.isSidebarMenuItem&&i("ul",{key:"fa0e103d8b61280dd9d525daa4da1b344f050345",class:"sub__layer-menu"}," ",i("slot",{key:"5d01536bedd1abb83dcc9805935584b01834581e",name:"second__layer"})," "))}get el(){return l(this)}};m.style=c;export{m as ifx_navbar_item}; +import{r,c as o,h as i,g as l}from"./index-CTBaKUaT.js";const h='.navbar__item{position:relative;display:flex;flex-direction:row;align-items:center;padding:0px 8px;flex:none;order:0;flex-grow:0;font-family:var(--ifx-font-family);text-decoration:none;font-weight:400;font-size:16px;color:#1D1D1D}.navbar__item.hide{display:none}.navbar__item.isParent{gap:8px}.navbar__item .navItemIconWrapper{transition:0.3s}.navbar__item.open .navItemIconWrapper{transform:rotate(-180deg);transition:0.3s}.navbar__item:hover{color:#0A8276;cursor:pointer}.navbar__item:hover .username__tooltip{display:block}.navbar__item:hover .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper{cursor:pointer;background-color:#08665C}.navbar__item.remove{display:none}.navbar__item.removeLabel .label__wrapper{display:none}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .username__tooltip{display:none;position:absolute;top:35px;right:0;text-wrap:nowrap;padding:1px 5px;font-size:13px;font-family:"Source Sans 3";background-color:black;color:#fff;z-index:99}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper:hover .username__tooltip{display:block}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper{display:flex;width:24px;height:24px;justify-content:center;align-items:center;border-radius:100%;background-color:#0A8276}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper .initials{color:#FFF;text-align:center;font-family:"Source Sans 3";font-size:14px;font-style:normal;font-weight:600;line-height:20px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper img{width:24px;height:24px;border-radius:100%}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper.removeWrapper{display:none}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper.hide{display:none}.container{position:relative}.container .sub__layer-back-button{display:none}.container .sub__layer-back-button.show{display:flex;justify-content:flex-start}.container .sub__layer-back-button.show .back__button-wrapper{display:flex;align-items:center;gap:8px;padding:8px 0 16px 0;color:#0A8276;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.container .sub__layer-back-button.show .back__button-wrapper span:hover,.container .sub__layer-back-button.show .back__button-wrapper ifx-icon:hover{cursor:pointer}.container.hide{display:none}.container .inner__content-wrapper{display:flex;justify-content:space-between;align-items:center;gap:8px}.container .inner__content-wrapper.no-gap{gap:0px}.navbar-menu{position:absolute;display:none;list-style-type:none;visibility:visible;flex-direction:column;width:224px;min-width:224px;background:#FFFFFF;box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843);border:1px solid #EEEDED;padding:8px 0px;font-family:var(--ifx-font-family)}.navbar-menu.open:not(.itemInMobileMenu){display:flex}.navbar-menu.itemInMobileMenu{display:none}.navbar-menu.right{left:100%;top:-40%}.navbar-menu.left{top:-40%;right:100%}.navbar-menu.rightSideItemMenu{left:initial;right:0px}.navbar__item.layer__item-parent{color:#1D1D1D;font-size:24px;font-style:normal;font-weight:600;line-height:32px;letter-spacing:-0.24px;cursor:initial}.navbar__item.layer__item-parent .navbar__container-right-content-navigation-item-icon-wrapper ifx-icon svg{width:24px;height:24px}.navbar__item.sidebarMenuItem{justify-content:space-between;padding:0}.navbar__item.menuItem{text-decoration:none;color:#1D1D1D;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;gap:8px;font-family:var(--ifx-font-family)}.navbar__item.menuItem.hide{display:none}.navbar__item.menuItem .label__wrapper{color:#1D1D1D;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.navbar__item.menuItem:hover{cursor:pointer;background-color:#EEEDED}.navbar__item.menuItem:active{background-color:#BFBBBB}.sub__layer-menu{padding:5px;display:none}.sub__layer-menu.remove__margin{margin:0;padding:0}.sub__layer-menu.open{display:block}.navbar__item.hide{display:none}.menuItemRightIconWrapper.hide{display:none}.navItemIconWrapper.hide{display:none}',c=h,m=class{constructor(e){r(this,e),this.ifxNavItem=o(this,"ifxNavItem",7),this.showLabel=!0,this.icon="",this.href="",this.target="_self",this.hideOnMobile=!0,this.internalHref="",this.isMenuItem=!1,this.hasChildNavItems=!1,this.isSidebarMenuItem=!1,this.itemPosition=void 0}handleOutsideClick(e){const t=e.composedPath(),n=this.getItemMenu();n&&n.classList.contains("open")&&(t.includes(this.el)||this.closeItemMenu())}async hideComponent(){this.el.style.display="none"}async showComponent(){this.el.style.display=""}async toggleChildren(e){const t=this.getItemMenu(),n=this.getChevronDownIconWrapper();t&&(this.handleClassList(n,e,"hide"),this.handleClassList(t,e,"itemInMobileMenu"))}async moveChildComponentsIntoSubLayerMenu(){const e=this.getItemMenu();if(e&&this.handleClassList(e,"contains","open")){const s=this.getNavBarItem(),a=this.getSubLayerBackButton();this.handleClassList(s,"add","layer__item-parent"),this.handleClassList(a,"add","show"),this.ifxNavItem.emit({component:this.el,action:"hideFirstLayer"})}const t=this.el.querySelectorAll('[slot="first__layer"]');this.isSidebarMenuItem=!0;for(let n=0;n{t.setAttribute("slot","first__layer")})}setHref(){this.href.toLowerCase().trim()===""?this.internalHref=void 0:this.internalHref=this.href}checkIfItemIsNested(){const e=this.el.parentElement;if(e.tagName.toUpperCase()==="IFX-NAVBAR-ITEM"||e.tagName.toUpperCase()==="IFX-NAVBAR-PROFILE"){this.isMenuItem=!0;return}else this.isMenuItem=!1}checkIfItemHasChildren(){this.getNavbarItems().length!==0?this.hasChildNavItems=!0:this.hasChildNavItems=!1}async setItemSideSpecifications(){const e=this.el,t=this.getItemMenu();return e.getAttribute("slot").toLowerCase().trim()==="right-item"&&this.handleClassList(t,"add","rightSideItemMenu"),!0}getItemMenu(){return this.el.shadowRoot.querySelector(".navbar-menu")}closeItemMenu(){const e=this.getItemMenu(),t=this.getNavBarItem();e&&(this.handleClassList(e,"remove","open"),this.handleClassList(t,"remove","open"))}getItemMenuPosition(){let e=this.el;for(;e;){if(e.tagName==="IFX-NAVBAR-PROFILE"||e.slot==="right-item")return"left";e=e.parentElement||e.getRootNode().host}return"right"}toggleItemMenu(){const e=this.el.getAttribute("slot");if((e.toLowerCase()==="mobile-menu-top"||e.toLowerCase()==="second__layer")&&this.openSubLayerMenu(),!this.internalHref&&e.toLowerCase()!=="mobile-menu-top"&&e.toLowerCase()!=="second__layer"){const t=this.getItemMenu();if(this.hasChildNavItems){const n=this.getNavBarItem();this.handleClassList(t,"toggle","open"),this.handleClassList(n,"toggle","open")}}}handleNestedLayerMenu(e){if(this.isMenuItem&&this.hasChildNavItems&&!this.isSidebarMenuItem){const t=this.getItemMenu(),n=this.getItemMenuPosition();e.type.toUpperCase()==="MOUSEENTER"&&(this.handleClassList(t,"add","open"),n==="left"?this.handleClassList(t,"add","left"):n==="right"&&this.handleClassList(t,"add","right")),e.type.toUpperCase()==="MOUSELEAVE"&&(this.handleClassList(t,"remove","open"),n==="left"?this.handleClassList(t,"remove","left"):n==="right"&&this.handleClassList(t,"remove","right"))}}render(){return i("div",{key:"6ff7d6a2325d44e4fdbcbdda8fd299890a080237",class:"container",onMouseLeave:e=>this.handleNestedLayerMenu(e),onMouseEnter:e=>this.handleNestedLayerMenu(e)},i("div",{key:"f39e9887ee956d9e35e8c8ea058a769d91355e43",class:"sub__layer-back-button"},i("div",{key:"7a5df0bdee1cc4c3cd6529d4f0acbf7c0bd1b8d9",class:"back__button-wrapper",onClick:()=>this.returnToFirstLayer()},i("ifx-icon",{key:"43f69fe60182744438d49827344e68ff095d92dc",icon:"arrow-left-16"}),i("span",{key:"b6d292fccd3c2e8e539bbf8b37f456732236d847"},"Back"))),i("a",{key:"7f51f40c4bdbfee4738ee87d9b6abb0baee777a0",href:this.internalHref,target:this.target,onClick:()=>this.toggleItemMenu(),class:`navbar__item ${this.isSidebarMenuItem?"sidebarMenuItem":""} ${this.showLabel?"":"removeLabel"} ${this.isMenuItem?"menuItem":""} ${this.hasChildNavItems?"isParent":""}`},i("div",{key:"6cdec578af960350371c7d2ce65512e499cc39cd",class:"inner__content-wrapper"},i("div",{key:"4432784789f1ea5bda62fa4c840f42be8a8c2c74",class:`navbar__container-right-content-navigation-item-icon-wrapper ${this.icon?"":"removeWrapper"}`},this.icon&&i("ifx-icon",{key:"75937d113caa0480e934c0960778c51a82d94eb5",icon:this.icon})),this.itemPosition==="left"&&this.hasChildNavItems&&this.isMenuItem&&i("div",{key:"411a240382cdccc5857bfd3d3232fda11dece2eb",class:"menuItemLeftIconWrapper"},i("ifx-icon",{key:"a3d6fb775527a0d896da3d26577bfa909e97fd57",icon:"chevron-left-12"})),i("span",{key:"fc2307f8e62ae20727b76526ef661839465c4378",class:"label__wrapper"},i("slot",{key:"35fa2c5762cc7676146407f03986b6e65aacf356"}))),i("div",{key:"7bc21e2370abfeb56e2c551b07ac40e7dcf34cd7",class:`navItemIconWrapper ${this.hasChildNavItems&&!this.isMenuItem&&!this.isSidebarMenuItem?"":"hide"}`},i("ifx-icon",{key:"84154f7bebb4fbf3cdf992e3c1e3fb3f898e3479",icon:"chevron-down-12"})),i("div",{key:"872ad6a50578420c5fcfe990e328911df2cec8fa",class:`menuItemRightIconWrapper ${this.itemPosition==="right"&&this.hasChildNavItems&&this.isMenuItem||this.isSidebarMenuItem&&this.hasChildNavItems?"":"hide"}`},i("ifx-icon",{key:"5b1f1bb38a1b7a784c6f90161e923b6055a380b9",icon:"chevron-right-12"}))),this.hasChildNavItems&&!this.isSidebarMenuItem&&i("ul",{key:"f093cbb3bd72ad2062a1f5faca60f3402d582611",class:"navbar-menu"}," ",i("slot",{key:"9f100a38d2e8b1062c6d01263bddf452a0d962c3",name:"first__layer"})," "),this.isSidebarMenuItem&&i("ul",{key:"fa0e103d8b61280dd9d525daa4da1b344f050345",class:"sub__layer-menu"}," ",i("slot",{key:"5d01536bedd1abb83dcc9805935584b01834581e",name:"second__layer"})," "))}get el(){return l(this)}};m.style=c;export{m as ifx_navbar_item}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-navbar-profile.entry-C53Vt910.js b/pr-preview-vue-example/pr-1685/assets/ifx-navbar-profile.entry-f6Xbflbc.js similarity index 99% rename from pr-preview-vue-example/pr-1685/assets/ifx-navbar-profile.entry-C53Vt910.js rename to pr-preview-vue-example/pr-1685/assets/ifx-navbar-profile.entry-f6Xbflbc.js index 7595e73d7..9fd689db6 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-navbar-profile.entry-C53Vt910.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-navbar-profile.entry-f6Xbflbc.js @@ -1,4 +1,4 @@ -import{r as i,h as n,g as r}from"./index-DFR79MvN.js";const s='.navbar__item{position:relative;display:flex;flex-direction:row;align-items:center;padding:0px 8px;flex:none;order:0;flex-grow:0;font-family:var(--ifx-font-family);text-decoration:none;font-weight:400;font-size:16px;color:#1D1D1D}.navbar__item.hide{display:none}.navbar__item.isParent{gap:8px}.navbar__item .navItemIconWrapper{transition:0.3s}.navbar__item.open .navItemIconWrapper{transform:rotate(-180deg);transition:0.3s}.navbar__item:hover{color:#0A8276;cursor:pointer}.navbar__item:hover .username__tooltip{display:block}.navbar__item:hover .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper{cursor:pointer;background-color:#08665C}.navbar__item.remove{display:none}.navbar__item.removeLabel .label__wrapper{display:none}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .username__tooltip{display:none;position:absolute;top:35px;right:0;text-wrap:nowrap;padding:1px 5px;font-size:13px;font-family:"Source Sans 3";background-color:black;color:#fff;z-index:99}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper:hover .username__tooltip{display:block}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper{display:flex;width:24px;height:24px;justify-content:center;align-items:center;border-radius:100%;background-color:#0A8276}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper .initials{color:#FFF;text-align:center;font-family:"Source Sans 3";font-size:14px;font-style:normal;font-weight:600;line-height:20px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper img{width:24px;height:24px;border-radius:100%}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper.removeWrapper{display:none}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper.hide{display:none}.container{position:relative}.container .sub__layer-back-button{display:none}.container .sub__layer-back-button.show{display:flex;justify-content:flex-start}.container .sub__layer-back-button.show .back__button-wrapper{display:flex;align-items:center;gap:8px;padding:8px 0 16px 0;color:#0A8276;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.container .sub__layer-back-button.show .back__button-wrapper span:hover,.container .sub__layer-back-button.show .back__button-wrapper ifx-icon:hover{cursor:pointer}.container.hide{display:none}.container .inner__content-wrapper{display:flex;justify-content:space-between;align-items:center;gap:8px}.container .inner__content-wrapper.no-gap{gap:0px}.navbar-menu{position:absolute;display:none;list-style-type:none;visibility:visible;flex-direction:column;width:224px;min-width:224px;background:#FFFFFF;box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843);border:1px solid #EEEDED;padding:8px 0px;font-family:var(--ifx-font-family)}.navbar-menu.open:not(.itemInMobileMenu){display:flex}.navbar-menu.itemInMobileMenu{display:none}.navbar-menu.right{left:100%;top:-40%}.navbar-menu.left{top:-40%;right:100%}.navbar-menu.rightSideItemMenu{left:initial;right:0px}.navbar__item.layer__item-parent{color:#1D1D1D;font-size:24px;font-style:normal;font-weight:600;line-height:32px;letter-spacing:-0.24px;cursor:initial}.navbar__item.layer__item-parent .navbar__container-right-content-navigation-item-icon-wrapper ifx-icon svg{width:24px;height:24px}.navbar__item.sidebarMenuItem{justify-content:space-between;padding:0}.navbar__item.menuItem{text-decoration:none;color:#1D1D1D;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;gap:8px;font-family:var(--ifx-font-family)}.navbar__item.menuItem.hide{display:none}.navbar__item.menuItem .label__wrapper{color:#1D1D1D;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.navbar__item.menuItem:hover{cursor:pointer;background-color:#EEEDED}.navbar__item.menuItem:active{background-color:#BFBBBB}.sub__layer-menu{padding:5px;display:none}.sub__layer-menu.remove__margin{margin:0;padding:0}.sub__layer-menu.open{display:block}.navbar__item.hide{display:none}.menuItemRightIconWrapper.hide{display:none}.navItemIconWrapper.hide{display:none}',o=s,l=class{constructor(e){i(this,e),this.defaultProfileImage=` +import{r as i,h as n,g as r}from"./index-CTBaKUaT.js";const s='.navbar__item{position:relative;display:flex;flex-direction:row;align-items:center;padding:0px 8px;flex:none;order:0;flex-grow:0;font-family:var(--ifx-font-family);text-decoration:none;font-weight:400;font-size:16px;color:#1D1D1D}.navbar__item.hide{display:none}.navbar__item.isParent{gap:8px}.navbar__item .navItemIconWrapper{transition:0.3s}.navbar__item.open .navItemIconWrapper{transform:rotate(-180deg);transition:0.3s}.navbar__item:hover{color:#0A8276;cursor:pointer}.navbar__item:hover .username__tooltip{display:block}.navbar__item:hover .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper{cursor:pointer;background-color:#08665C}.navbar__item.remove{display:none}.navbar__item.removeLabel .label__wrapper{display:none}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .username__tooltip{display:none;position:absolute;top:35px;right:0;text-wrap:nowrap;padding:1px 5px;font-size:13px;font-family:"Source Sans 3";background-color:black;color:#fff;z-index:99}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper:hover .username__tooltip{display:block}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper{display:flex;width:24px;height:24px;justify-content:center;align-items:center;border-radius:100%;background-color:#0A8276}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper .initials{color:#FFF;text-align:center;font-family:"Source Sans 3";font-size:14px;font-style:normal;font-weight:600;line-height:20px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper img{width:24px;height:24px;border-radius:100%}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper.removeWrapper{display:none}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper.hide{display:none}.container{position:relative}.container .sub__layer-back-button{display:none}.container .sub__layer-back-button.show{display:flex;justify-content:flex-start}.container .sub__layer-back-button.show .back__button-wrapper{display:flex;align-items:center;gap:8px;padding:8px 0 16px 0;color:#0A8276;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.container .sub__layer-back-button.show .back__button-wrapper span:hover,.container .sub__layer-back-button.show .back__button-wrapper ifx-icon:hover{cursor:pointer}.container.hide{display:none}.container .inner__content-wrapper{display:flex;justify-content:space-between;align-items:center;gap:8px}.container .inner__content-wrapper.no-gap{gap:0px}.navbar-menu{position:absolute;display:none;list-style-type:none;visibility:visible;flex-direction:column;width:224px;min-width:224px;background:#FFFFFF;box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843);border:1px solid #EEEDED;padding:8px 0px;font-family:var(--ifx-font-family)}.navbar-menu.open:not(.itemInMobileMenu){display:flex}.navbar-menu.itemInMobileMenu{display:none}.navbar-menu.right{left:100%;top:-40%}.navbar-menu.left{top:-40%;right:100%}.navbar-menu.rightSideItemMenu{left:initial;right:0px}.navbar__item.layer__item-parent{color:#1D1D1D;font-size:24px;font-style:normal;font-weight:600;line-height:32px;letter-spacing:-0.24px;cursor:initial}.navbar__item.layer__item-parent .navbar__container-right-content-navigation-item-icon-wrapper ifx-icon svg{width:24px;height:24px}.navbar__item.sidebarMenuItem{justify-content:space-between;padding:0}.navbar__item.menuItem{text-decoration:none;color:#1D1D1D;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;gap:8px;font-family:var(--ifx-font-family)}.navbar__item.menuItem.hide{display:none}.navbar__item.menuItem .label__wrapper{color:#1D1D1D;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.navbar__item.menuItem:hover{cursor:pointer;background-color:#EEEDED}.navbar__item.menuItem:active{background-color:#BFBBBB}.sub__layer-menu{padding:5px;display:none}.sub__layer-menu.remove__margin{margin:0;padding:0}.sub__layer-menu.open{display:block}.navbar__item.hide{display:none}.menuItemRightIconWrapper.hide{display:none}.navItemIconWrapper.hide{display:none}',o=s,l=class{constructor(e){i(this,e),this.defaultProfileImage=` `,this.showLabel=!0,this.href="",this.imageUrl="",this.target="_self",this.alt="",this.userName="",this.internalHref="",this.isMenuItem=!1,this.hasChildNavItems=!1,this.internalImageUrl={type:"",value:""}}handleOutsideClick(e){const t=e.composedPath(),a=this.getItemMenu();a&&a.classList.contains("open")&&(t.includes(this.el)||this.closeItemMenu())}componentWillLoad(){this.setHref(),this.setImage(),this.getNavbarItems().length!==0?this.hasChildNavItems=!0:this.hasChildNavItems=!1}componentDidLoad(){if(this.setProfileGap(),this.hasChildNavItems){const e=this.getNavbarItems();this.appendNavItemToMenu(e)}}async hideComponent(){this.el.style.display="none"}async showComponent(){this.el.style.display=""}handleClassList(e,t,a){if(e.classList[t](a),t==="contains")return e.classList.contains(a)}getNavbarItems(){return this.el.querySelectorAll("ifx-navbar-item")}getNavBarItem(){return this.el.shadowRoot.querySelector(".navbar__item")}relocateUsingSlot(e){e.forEach(t=>{t.setAttribute("slot","first__layer")})}appendNavItemToMenu(e){this.relocateUsingSlot(e)}isValidHttpUrl(e){let t;try{t=new URL(e)}catch{return!1}return t.protocol==="http:"||t.protocol==="https:"}setImage(){this.imageUrl.toLowerCase().trim()===""?this.internalImageUrl={type:void 0,value:""}:this.isValidHttpUrl(this.imageUrl)?this.internalImageUrl={type:"url",value:this.imageUrl}:this.internalImageUrl={type:"initials",value:this.imageUrl}}setHref(){this.href.toLowerCase().trim()===""?this.internalHref=void 0:this.internalHref=this.href}setProfileGap(){const e=this.el.shadowRoot.querySelector(".inner__content-wrapper");this.el.shadowRoot.querySelector(".label__wrapper").querySelector("slot").assignedNodes().length?this.handleClassList(e,"remove","no-gap"):this.handleClassList(e,"add","no-gap")}getItemMenu(){return this.el.shadowRoot.querySelector(".navbar-menu")}closeItemMenu(){const e=this.getItemMenu(),t=this.getNavBarItem();e&&(this.handleClassList(e,"remove","open"),this.handleClassList(t,"remove","open"))}toggleItemMenu(){if(!this.internalHref){if(this.isMenuItem&&this.hasChildNavItems){const e=this.getItemMenu();this.handleClassList(e,"add","right")}if(this.hasChildNavItems){const e=this.getItemMenu(),t=this.getNavBarItem();this.handleClassList(e,"toggle","open"),this.handleClassList(t,"toggle","open")}}}itemHasNestedItems(){return!!this.el.shadowRoot.querySelector("ifx-navbar-item")}render(){return n("div",{key:"9ea2fc17444f320a0e344e87f3d5017751ef5aae",class:"container"},n("a",{key:"5d34f24cd641f79a5ac8568f137afe4d81661f54",href:this.internalHref,target:this.target,onClick:()=>this.toggleItemMenu(),class:`navbar__item ${this.showLabel?"":"removeLabel"} ${this.hasChildNavItems?"isParent":""}`},n("div",{key:"334315f983131c6bf6c9fb7432bfab683db14f03",class:"inner__content-wrapper"},n("div",{key:"e4786c26bd9d2038dfc46368e3b639c030b8c43a",class:"navbar__container-right-content-navigation-item-icon-wrapper"},this.userName.trim()!==""&&n("div",{key:"e86faf915f8f8684e9f7008f551a6d5beebc7548",class:"username__tooltip"},this.userName),this.internalImageUrl.type!=="initials"&&n("img",{key:"8a1373f37eeb08775491b1ccef28523419fe1475",src:this.internalImageUrl.type==="url"?this.internalImageUrl.value:`data:image/svg+xml,${encodeURIComponent(this.defaultProfileImage)}`,alt:this.alt}),this.internalImageUrl.type==="initials"&&n("div",{key:"a09cd1b150140cc2d1689bcd3c6107ba3df1a058",class:"initials__wrapper"},n("span",{key:"ef9426db3d391c2b71fc9938c9b35cc16acc5b72",class:"initials"},this.internalImageUrl.value))),n("span",{key:"d7984faf71381331cb6d16ec24e7621df3f40417",class:"label__wrapper"},n("slot",{key:"84c4ad66b3a190dab1d6c550d0f87181a307180e",onSlotchange:()=>this.setProfileGap()})))),this.hasChildNavItems&&n("ul",{key:"40cce33cbfbe88995a9782adc4f69eeee9eaeae5",class:"navbar-menu rightSideItemMenu"}," ",n("slot",{key:"c1e8a3e65c918b2297bb0dc57a4d6ebc6585f9b4",name:"first__layer"})," "))}static get assetsDirs(){return["assets"]}get el(){return r(this)}};l.style=o;export{l as ifx_navbar_profile}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-navbar.entry-DP4ihTLD.js b/pr-preview-vue-example/pr-1685/assets/ifx-navbar.entry-L7Lerhsi.js similarity index 99% rename from pr-preview-vue-example/pr-1685/assets/ifx-navbar.entry-DP4ihTLD.js rename to pr-preview-vue-example/pr-1685/assets/ifx-navbar.entry-L7Lerhsi.js index 7bc3bae5e..eef42817f 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-navbar.entry-DP4ihTLD.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-navbar.entry-L7Lerhsi.js @@ -1 +1 @@ -import{r as v,c as p,h as t,g}from"./index-DFR79MvN.js";const h=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{width:100%;display:block}.navbar__wrapper{font-family:var(--ifx-font-family);height:63px;position:sticky;z-index:1030;border-bottom:1px solid #EEEDED}.navbar__wrapper.fixed{border-bottom:none}.navbar__main-container{position:absolute;top:0;width:100%;transition:all 1s;z-index:1020}.navbar__main-container.fixed{position:fixed}.navbar__main-container.fixed .navbar__container{border-bottom:1px solid #EEEDED}.navbar__main-container.show{height:100vh;bottom:0;background-color:rgba(29, 29, 29, 0.2);transition:1s;z-index:1}.navbar__sidebar{box-sizing:border-box;position:fixed;right:-100%;top:64px;display:flex;flex-direction:column;align-items:flex-start;width:375px;height:calc(100vh - 64px);background-color:#FFFFFF;transition:right 1s;z-index:1030}.navbar__sidebar.show{right:0;transition:right 1s}.navbar__sidebar .navbar__sidebar-top-row{display:flex;padding:var(--borderRadius-none, 0px) var(--space-300, 24px) 30px var(--space-300, 24px);flex-direction:column;align-items:flex-start;gap:var(--space-200, 16px);flex:1 0 0;align-self:stretch;overflow-y:auto}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper{display:flex;padding-top:var(--space-200, 16px);flex-direction:column;align-items:flex-start;align-self:stretch;gap:16px}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper.expand{align-items:initial}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper .navbar__sidebar-top-row-item{display:flex;padding:var(--space-200, 0px) var(--space-50, 4px) var(--space-200, 0px) 0px;align-items:center;gap:var(--space-100, 8px);align-self:stretch;justify-content:space-between}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper .navbar__sidebar-top-row-item .navbar__sidebar-top-row-item-icon-wrapper ifx-icon{vertical-align:middle}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper .navbar__sidebar-top-row-item:hover{cursor:pointer}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper .navbar__sidebar-top-row-item .navbar__sidebar-top-row-item-label{color:var(--color-base-black, #1D1D1D);font-family:"Source Sans 3";font-size:16px;font-style:normal;font-weight:400;line-height:24px}.navbar__sidebar .navbar__sidebar-bottom-row{display:none;padding:var(--space-150, 12px) var(--space-300, 24px) var(--space-150, 12px) var(--space-200, 16px);flex-direction:column;align-items:flex-start;align-self:stretch;background:var(--color-engineering-100, #F7F7F7);border-top:1px solid var(--color-engineering-200, #EEEDED);gap:10px;max-height:160px;overflow-y:auto}.navbar__sidebar .navbar__sidebar-bottom-row.show{display:flex}.navbar__sidebar .navbar__sidebar-bottom-row .navbar__sidebar-bottom-row-item{display:flex;height:40px;padding-right:var(--space-50, 4px);align-items:center;gap:var(--space-100, 8px);flex:1 0 0}.navbar__sidebar .navbar__sidebar-bottom-row .navbar__sidebar-bottom-row-item .navbar__sidebar-bottom-row-item-label{color:var(--color-base-black, #1D1D1D);font-family:"Source Sans 3";font-size:16px;font-style:normal;font-weight:400;line-height:24px}.navbar__sidebar .navbar__sidebar-bottom-row .navbar__sidebar-bottom-row-item .navbar__sidebar-bottom-row-item-icon-wrapper{display:flex;align-items:center}.navbar__sidebar .navbar__sidebar-content-products,.navbar__sidebar .navbar__sidebar-content-main{display:flex;flex-direction:column;align-items:flex-start;padding:0px;gap:24px;flex:none;order:0;align-self:stretch;flex-grow:0}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-header,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-about-header,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-header,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-about-header{display:flex;flex-direction:row;align-items:center;padding:0px;gap:16px;flex:none;order:0;align-self:stretch;flex-grow:0;color:#BFBBBB}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-header span,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-about-header span,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-header span,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-about-header span{color:#1D1D1D;font-weight:600;font-size:18px;line-height:28px;display:flex;align-items:center}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu{display:flex;flex-direction:column;align-items:flex-start;padding:0px;gap:16px;flex:none;order:1;flex-grow:0;width:100%}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-products-menu-item,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-products-menu-item,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-products-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-products-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item{display:flex;flex-direction:row;align-items:center;padding:0px;flex:none;order:0;flex-grow:0}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-products-menu-item a,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-products-menu-item a,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-products-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-products-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item a{text-decoration:none;font-style:normal;font-weight:400;font-size:16px;line-height:24px;display:flex;align-items:center;color:#1D1D1D}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item{color:#BFBBBB}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item a{font-style:normal;font-weight:600;font-size:18px;line-height:28px;display:flex;align-items:center;color:#1D1D1D;flex:none;order:0;flex-grow:1}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu{align-items:normal}.navbar__container{display:flex;justify-content:space-between;align-items:center;padding:8px 40px;gap:16px;background-color:#FFFFFF;font-family:var(--ifx-font-family)}.navbar__container.expanded{justify-content:initial}.navbar__container .navbar__container-search-field-wrapper{display:none}.navbar__container .navbar__container-search-field-wrapper.show{display:flex}.navbar__container .navbar__container-left{display:flex;flex-direction:row;align-items:center;padding:0;gap:16px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left.hide{display:none}.navbar__container .navbar__container-left.expand{justify-content:initial;flex:1}.navbar__container .navbar__container-left.expand .navbar__container-left-content{align-items:initial;flex:1}.navbar__container .navbar__container-left.expand .navbar__container-left-content .navbar__container-left-content-navigation-group{justify-content:initial;flex:1}.navbar__container .navbar__container-left.expand .navbar__container-left-content .navbar__container-left-content-navigation-group .navbar__container-left-content-navigation-item-search-bar{flex:1}.navbar__container .navbar__container-left .navbar__container-left-logo{display:flex;flex-direction:row;align-items:center;padding:0px;gap:16px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-logo.hide{display:none}.navbar__container .navbar__container-left .navbar__container-left-logo h6{position:relative;margin:0;padding:0;font-style:normal;font-weight:600;font-size:16px;display:flex;align-items:center;color:#1D1D1D;flex:none;order:1;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-logo .navbar__container-left-logo-default{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px 0px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-logo .navbar__container-left-logo-default svg{width:91px;height:40px;flex:none;order:0;flex-grow:0;vertical-align:bottom}.navbar__container .navbar__container-left .navbar__container-left-logo .navbar__container-left-logo-divider{width:1px;height:32px;background:#EEEDED;flex:none;order:2;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:0px;flex:none;order:1;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content .navbar__container-left-content-navigation-group{display:flex;flex-direction:row;align-items:center;padding:0px;gap:4px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content .navbar__container-left-content-navigation-group .navbar__container-left-content-navigation-item-search-bar{display:flex;flex-direction:row;align-items:center;padding:0px 8px;flex:none;order:5;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content .navbar__container-left-content-navigation-group .navbar__container-left-content-navigation-item{display:flex;flex-direction:row;align-items:center;padding:0px 8px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content .navbar__container-left-content-navigation-group .navbar__container-left-content-navigation-item a{display:flex;align-items:center;font-weight:400;font-size:16px;line-height:24px;color:#1D1D1D;text-decoration:none;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;padding:0;gap:8px;flex:none;order:1;flex-grow:0}.navbar__container .navbar__container-right.hide{display:none}.navbar__container .navbar__container-right.expand{justify-content:initial;flex:1}.navbar__container .navbar__container-right.expand .navbar__container-right-content{align-items:initial;flex:1}.navbar__container .navbar__container-right.expand .navbar__container-right-content .navbar__container-right-content-navigation-group{justify-content:initial;flex:1}.navbar__container .navbar__container-right.expand .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar{flex:1}.navbar__container .navbar__container-right.expand .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-search-bar-icon-wrapper{flex:1}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:4px 0px 4px 16px;border-left:1px solid #BFBBBB;gap:16px;flex:none;order:1;flex-grow:0;width:41px;height:40px}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper.hide{display:none}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__burger-icon{display:flex;align-items:center}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__burger-icon:hover{cursor:pointer}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__burger-icon.close{display:none}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__cross-icon{display:none;align-items:center}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__cross-icon.show{display:flex}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__cross-icon.show:hover{cursor:pointer}.navbar__container .navbar__container-right .navbar__container-right-content{display:flex;flex-direction:column;align-items:flex-start;padding:0px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group{position:relative;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:0px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar{display:flex;flex-direction:row;align-items:center;padding:0px 8px;gap:4px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-search-bar-icon-wrapper,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-search-bar-icon-wrapper,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-search-bar-icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-search-bar-icon-wrapper.isOpen,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-search-bar-icon-wrapper.isOpen,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-search-bar-icon-wrapper.isOpen{position:absolute;top:10px}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-navigation-profile,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-navigation-profile,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-navigation-profile{position:relative;width:24px;height:24px;background:#0A8276;border-radius:100px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-navigation-profile a,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-navigation-profile a,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-navigation-profile a{position:absolute;width:22px;height:20px;left:calc(50% - 11px);top:calc(50% - 10px);font-style:normal;font-weight:600;font-size:14px;line-height:20px;text-decoration:none;display:flex;align-items:center;justify-content:center;text-align:center;color:#FFFFFF}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-icon-wrapper,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-icon-wrapper,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item a,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile a,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar a{font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#1D1D1D;text-decoration:none;display:flex;align-items:center;flex:none;order:1;flex-grow:0}@media screen and (max-width: 800px){.navbar__container{padding:0px 16px;height:64px;gap:initial}.navbar__container.expanded .navbar__container-right .navbar__burger-icon-wrapper{display:none}.navbar__container .navbar__container-left .navbar__container-left-content{display:none}.navbar__container .navbar__container-left .navbar__container-left-logo .navbar__container-left-logo-divider{display:none}.navbar__container .navbar__container-right{flex:1}.navbar__sidebar{width:0;transition:1s}}@media screen and (max-width: 500px){.navbar__sidebar.show{width:100%}}@media screen and (min-width: 500px){.navbar__sidebar.show{width:50%}}@media screen and (min-width: 800px){.navbar__wrapper{height:63px}.navbar__container{padding:0px 16px;height:63px;gap:initial}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper{display:none}.navbar__main-container.show{height:auto;background-color:inherit;transition:none}.navbar__sidebar{width:0;transition:1s}.navbar__sidebar.show{right:-100%}}@media screen and (min-width: 1024px){.navbar__wrapper{height:72px}.navbar__container{padding:0px 24px;height:72px}.navbar__container .navbar__container-left{gap:12px;display:flex}.navbar__container .navbar__container-left .navbar__container-left-content{display:flex}.navbar__container .navbar__container-left .navbar__container-left-logo-default svg{width:72.8px;height:32px}.navbar__main-container.show{height:auto;background-color:inherit;transition:none}}@media screen and (min-width: 1200px){.navbar__wrapper{height:80px}.navbar__container{padding:0px 32px;height:80px}.navbar__container .navbar__container-left .navbar__container-left-content{justify-content:inherit}.navbar__container .navbar__container-right .navbar__container-right-content{justify-content:inherit}}@media screen and (min-width: 1440px){.navbar__wrapper{height:80px}.navbar__container{padding:0px 40px;height:80px}.navbar__container .navbar__container-left .navbar__container-left-content{justify-content:center}.navbar__container .navbar__container-right .navbar__container-right-content{justify-content:inherit}}',f=h,m=class{constructor(n){v(this,n),this.ifxNavbarMobileMenuIsOpen=p(this,"ifxNavbarMobileMenuIsOpen",7),this.main=!0,this.products=!1,this.applications=!1,this.design=!1,this.support=!1,this.about=!1,this.applicationName="",this.hasLeftMenuItems=!0,this.fixed=!0,this.showLogoAndAppname=!0,this.searchBarIsOpen=void 0,this.logoHref="",this.internalLogoHref="",this.logoHrefTarget="_self",this.internalLogoHrefTarget="_self"}addEventListenersToHandleCustomFocusState(){const n=this.el.shadowRoot.firstChild;if(!n){console.error("element not found");return}n.tabIndex=-1;const e=n.querySelectorAll("a");for(let r=0;r{r.setMenuItemPosition(),this.setMenuItemChildrenPosition(r)})}if(n.length!==0)for(let a=0;a{i.setMenuItemPosition(),this.setMenuItemChildrenPosition(i)})}}setMenuItemChildrenPosition(n){const e=n.querySelectorAll("ifx-navbar-item");e.length!==0&&e.forEach(a=>{a.setMenuItemPosition(),this.setMenuItemChildrenPosition(a)})}getMediaQueryList(){return window.matchMedia("(max-width: 800px)")}componentDidLoad(){this.setItemMenuPosition(),this.addEventListenersToHandleCustomFocusState(),this.getMediaQueryList().matches&&this.moveNavItemsToSidebar()}handleMobileMenuBottom(n){const e=this.el.shadowRoot.querySelector(".navbar__sidebar-bottom-row");n.target.assignedNodes().length>0?e.classList.add("show"):e.classList.remove("show")}handleLogoHrefAndTarget(){this.logoHref.trim()===""?this.internalLogoHref=void 0:this.internalLogoHref=this.logoHref,["_self","_blank","_parent"].includes(this.logoHrefTarget.trim())?this.internalLogoHrefTarget=this.logoHrefTarget:this.internalLogoHrefTarget="_self"}componentWillLoad(){this.RemoveSpaceOnStorybookSnippet();const n=this.el.querySelector("ifx-navbar-menu");!this.el.querySelectorAll('[slot="left-item"]').length&&!n&&(this.hasLeftMenuItems=!1),this.handleLogoHrefAndTarget(),window.matchMedia("(max-width: 800px)").addEventListener("change",r=>this.moveNavItemsToSidebar(r))}getSearchBarLeftWrapper(){return this.el.shadowRoot.querySelector(".navbar__container-left-content-navigation-item-search-bar")}getMobileMenuTop(){return this.el.querySelectorAll('[slot="mobile-menu-top"]')}getMobileMenuBottom(){return this.el.querySelectorAll('[slot="mobile-menu-bottom"]')}handleBurgerIcon(){const n=this.getMobileMenuTop(),e=this.getMobileMenuBottom();if(!n.length&&!e.length){const a=this.el.shadowRoot.querySelector(".navbar__burger-icon-wrapper");this.toggleClass(a,"hide")}}moveNavItemsToSidebar(n){const e=this.el.shadowRoot.querySelector(".navbar__sidebar-top-row-wrapper"),a=this.getMediaQueryList();if(n?n.matches:a.matches){e.classList.add("expand"),this.el.shadowRoot.querySelector(".navbar__cross-icon").classList.contains("show")&&this.handleBodyScroll("hide");const s=this.el.querySelector('[slot="search-bar-left"]');s&&(this.searchBarIsOpen&&s.onNavbarMobile(),this.getSearchBarLeftWrapper().classList.add("initial"),s.setAttribute("slot","search-bar-right"));const i=this.el.querySelectorAll('[slot="left-item"]');for(let o=0;othis.handleMobileMenuBottom(n)}))))}get el(){return g(this)}};m.style=f;export{m as ifx_navbar}; +import{r as v,c as p,h as t,g}from"./index-CTBaKUaT.js";const h=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{width:100%;display:block}.navbar__wrapper{font-family:var(--ifx-font-family);height:63px;position:sticky;z-index:1030;border-bottom:1px solid #EEEDED}.navbar__wrapper.fixed{border-bottom:none}.navbar__main-container{position:absolute;top:0;width:100%;transition:all 1s;z-index:1020}.navbar__main-container.fixed{position:fixed}.navbar__main-container.fixed .navbar__container{border-bottom:1px solid #EEEDED}.navbar__main-container.show{height:100vh;bottom:0;background-color:rgba(29, 29, 29, 0.2);transition:1s;z-index:1}.navbar__sidebar{box-sizing:border-box;position:fixed;right:-100%;top:64px;display:flex;flex-direction:column;align-items:flex-start;width:375px;height:calc(100vh - 64px);background-color:#FFFFFF;transition:right 1s;z-index:1030}.navbar__sidebar.show{right:0;transition:right 1s}.navbar__sidebar .navbar__sidebar-top-row{display:flex;padding:var(--borderRadius-none, 0px) var(--space-300, 24px) 30px var(--space-300, 24px);flex-direction:column;align-items:flex-start;gap:var(--space-200, 16px);flex:1 0 0;align-self:stretch;overflow-y:auto}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper{display:flex;padding-top:var(--space-200, 16px);flex-direction:column;align-items:flex-start;align-self:stretch;gap:16px}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper.expand{align-items:initial}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper .navbar__sidebar-top-row-item{display:flex;padding:var(--space-200, 0px) var(--space-50, 4px) var(--space-200, 0px) 0px;align-items:center;gap:var(--space-100, 8px);align-self:stretch;justify-content:space-between}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper .navbar__sidebar-top-row-item .navbar__sidebar-top-row-item-icon-wrapper ifx-icon{vertical-align:middle}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper .navbar__sidebar-top-row-item:hover{cursor:pointer}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper .navbar__sidebar-top-row-item .navbar__sidebar-top-row-item-label{color:var(--color-base-black, #1D1D1D);font-family:"Source Sans 3";font-size:16px;font-style:normal;font-weight:400;line-height:24px}.navbar__sidebar .navbar__sidebar-bottom-row{display:none;padding:var(--space-150, 12px) var(--space-300, 24px) var(--space-150, 12px) var(--space-200, 16px);flex-direction:column;align-items:flex-start;align-self:stretch;background:var(--color-engineering-100, #F7F7F7);border-top:1px solid var(--color-engineering-200, #EEEDED);gap:10px;max-height:160px;overflow-y:auto}.navbar__sidebar .navbar__sidebar-bottom-row.show{display:flex}.navbar__sidebar .navbar__sidebar-bottom-row .navbar__sidebar-bottom-row-item{display:flex;height:40px;padding-right:var(--space-50, 4px);align-items:center;gap:var(--space-100, 8px);flex:1 0 0}.navbar__sidebar .navbar__sidebar-bottom-row .navbar__sidebar-bottom-row-item .navbar__sidebar-bottom-row-item-label{color:var(--color-base-black, #1D1D1D);font-family:"Source Sans 3";font-size:16px;font-style:normal;font-weight:400;line-height:24px}.navbar__sidebar .navbar__sidebar-bottom-row .navbar__sidebar-bottom-row-item .navbar__sidebar-bottom-row-item-icon-wrapper{display:flex;align-items:center}.navbar__sidebar .navbar__sidebar-content-products,.navbar__sidebar .navbar__sidebar-content-main{display:flex;flex-direction:column;align-items:flex-start;padding:0px;gap:24px;flex:none;order:0;align-self:stretch;flex-grow:0}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-header,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-about-header,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-header,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-about-header{display:flex;flex-direction:row;align-items:center;padding:0px;gap:16px;flex:none;order:0;align-self:stretch;flex-grow:0;color:#BFBBBB}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-header span,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-about-header span,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-header span,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-about-header span{color:#1D1D1D;font-weight:600;font-size:18px;line-height:28px;display:flex;align-items:center}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu{display:flex;flex-direction:column;align-items:flex-start;padding:0px;gap:16px;flex:none;order:1;flex-grow:0;width:100%}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-products-menu-item,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-products-menu-item,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-products-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-products-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item{display:flex;flex-direction:row;align-items:center;padding:0px;flex:none;order:0;flex-grow:0}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-products-menu-item a,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-products-menu-item a,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-products-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-products-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item a{text-decoration:none;font-style:normal;font-weight:400;font-size:16px;line-height:24px;display:flex;align-items:center;color:#1D1D1D}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item{color:#BFBBBB}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item a{font-style:normal;font-weight:600;font-size:18px;line-height:28px;display:flex;align-items:center;color:#1D1D1D;flex:none;order:0;flex-grow:1}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu{align-items:normal}.navbar__container{display:flex;justify-content:space-between;align-items:center;padding:8px 40px;gap:16px;background-color:#FFFFFF;font-family:var(--ifx-font-family)}.navbar__container.expanded{justify-content:initial}.navbar__container .navbar__container-search-field-wrapper{display:none}.navbar__container .navbar__container-search-field-wrapper.show{display:flex}.navbar__container .navbar__container-left{display:flex;flex-direction:row;align-items:center;padding:0;gap:16px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left.hide{display:none}.navbar__container .navbar__container-left.expand{justify-content:initial;flex:1}.navbar__container .navbar__container-left.expand .navbar__container-left-content{align-items:initial;flex:1}.navbar__container .navbar__container-left.expand .navbar__container-left-content .navbar__container-left-content-navigation-group{justify-content:initial;flex:1}.navbar__container .navbar__container-left.expand .navbar__container-left-content .navbar__container-left-content-navigation-group .navbar__container-left-content-navigation-item-search-bar{flex:1}.navbar__container .navbar__container-left .navbar__container-left-logo{display:flex;flex-direction:row;align-items:center;padding:0px;gap:16px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-logo.hide{display:none}.navbar__container .navbar__container-left .navbar__container-left-logo h6{position:relative;margin:0;padding:0;font-style:normal;font-weight:600;font-size:16px;display:flex;align-items:center;color:#1D1D1D;flex:none;order:1;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-logo .navbar__container-left-logo-default{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px 0px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-logo .navbar__container-left-logo-default svg{width:91px;height:40px;flex:none;order:0;flex-grow:0;vertical-align:bottom}.navbar__container .navbar__container-left .navbar__container-left-logo .navbar__container-left-logo-divider{width:1px;height:32px;background:#EEEDED;flex:none;order:2;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:0px;flex:none;order:1;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content .navbar__container-left-content-navigation-group{display:flex;flex-direction:row;align-items:center;padding:0px;gap:4px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content .navbar__container-left-content-navigation-group .navbar__container-left-content-navigation-item-search-bar{display:flex;flex-direction:row;align-items:center;padding:0px 8px;flex:none;order:5;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content .navbar__container-left-content-navigation-group .navbar__container-left-content-navigation-item{display:flex;flex-direction:row;align-items:center;padding:0px 8px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content .navbar__container-left-content-navigation-group .navbar__container-left-content-navigation-item a{display:flex;align-items:center;font-weight:400;font-size:16px;line-height:24px;color:#1D1D1D;text-decoration:none;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;padding:0;gap:8px;flex:none;order:1;flex-grow:0}.navbar__container .navbar__container-right.hide{display:none}.navbar__container .navbar__container-right.expand{justify-content:initial;flex:1}.navbar__container .navbar__container-right.expand .navbar__container-right-content{align-items:initial;flex:1}.navbar__container .navbar__container-right.expand .navbar__container-right-content .navbar__container-right-content-navigation-group{justify-content:initial;flex:1}.navbar__container .navbar__container-right.expand .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar{flex:1}.navbar__container .navbar__container-right.expand .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-search-bar-icon-wrapper{flex:1}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:4px 0px 4px 16px;border-left:1px solid #BFBBBB;gap:16px;flex:none;order:1;flex-grow:0;width:41px;height:40px}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper.hide{display:none}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__burger-icon{display:flex;align-items:center}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__burger-icon:hover{cursor:pointer}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__burger-icon.close{display:none}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__cross-icon{display:none;align-items:center}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__cross-icon.show{display:flex}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__cross-icon.show:hover{cursor:pointer}.navbar__container .navbar__container-right .navbar__container-right-content{display:flex;flex-direction:column;align-items:flex-start;padding:0px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group{position:relative;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:0px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar{display:flex;flex-direction:row;align-items:center;padding:0px 8px;gap:4px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-search-bar-icon-wrapper,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-search-bar-icon-wrapper,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-search-bar-icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-search-bar-icon-wrapper.isOpen,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-search-bar-icon-wrapper.isOpen,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-search-bar-icon-wrapper.isOpen{position:absolute;top:10px}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-navigation-profile,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-navigation-profile,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-navigation-profile{position:relative;width:24px;height:24px;background:#0A8276;border-radius:100px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-navigation-profile a,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-navigation-profile a,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-navigation-profile a{position:absolute;width:22px;height:20px;left:calc(50% - 11px);top:calc(50% - 10px);font-style:normal;font-weight:600;font-size:14px;line-height:20px;text-decoration:none;display:flex;align-items:center;justify-content:center;text-align:center;color:#FFFFFF}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-icon-wrapper,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-icon-wrapper,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item a,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile a,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar a{font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#1D1D1D;text-decoration:none;display:flex;align-items:center;flex:none;order:1;flex-grow:0}@media screen and (max-width: 800px){.navbar__container{padding:0px 16px;height:64px;gap:initial}.navbar__container.expanded .navbar__container-right .navbar__burger-icon-wrapper{display:none}.navbar__container .navbar__container-left .navbar__container-left-content{display:none}.navbar__container .navbar__container-left .navbar__container-left-logo .navbar__container-left-logo-divider{display:none}.navbar__container .navbar__container-right{flex:1}.navbar__sidebar{width:0;transition:1s}}@media screen and (max-width: 500px){.navbar__sidebar.show{width:100%}}@media screen and (min-width: 500px){.navbar__sidebar.show{width:50%}}@media screen and (min-width: 800px){.navbar__wrapper{height:63px}.navbar__container{padding:0px 16px;height:63px;gap:initial}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper{display:none}.navbar__main-container.show{height:auto;background-color:inherit;transition:none}.navbar__sidebar{width:0;transition:1s}.navbar__sidebar.show{right:-100%}}@media screen and (min-width: 1024px){.navbar__wrapper{height:72px}.navbar__container{padding:0px 24px;height:72px}.navbar__container .navbar__container-left{gap:12px;display:flex}.navbar__container .navbar__container-left .navbar__container-left-content{display:flex}.navbar__container .navbar__container-left .navbar__container-left-logo-default svg{width:72.8px;height:32px}.navbar__main-container.show{height:auto;background-color:inherit;transition:none}}@media screen and (min-width: 1200px){.navbar__wrapper{height:80px}.navbar__container{padding:0px 32px;height:80px}.navbar__container .navbar__container-left .navbar__container-left-content{justify-content:inherit}.navbar__container .navbar__container-right .navbar__container-right-content{justify-content:inherit}}@media screen and (min-width: 1440px){.navbar__wrapper{height:80px}.navbar__container{padding:0px 40px;height:80px}.navbar__container .navbar__container-left .navbar__container-left-content{justify-content:center}.navbar__container .navbar__container-right .navbar__container-right-content{justify-content:inherit}}',f=h,m=class{constructor(n){v(this,n),this.ifxNavbarMobileMenuIsOpen=p(this,"ifxNavbarMobileMenuIsOpen",7),this.main=!0,this.products=!1,this.applications=!1,this.design=!1,this.support=!1,this.about=!1,this.applicationName="",this.hasLeftMenuItems=!0,this.fixed=!0,this.showLogoAndAppname=!0,this.searchBarIsOpen=void 0,this.logoHref="",this.internalLogoHref="",this.logoHrefTarget="_self",this.internalLogoHrefTarget="_self"}addEventListenersToHandleCustomFocusState(){const n=this.el.shadowRoot.firstChild;if(!n){console.error("element not found");return}n.tabIndex=-1;const e=n.querySelectorAll("a");for(let r=0;r{r.setMenuItemPosition(),this.setMenuItemChildrenPosition(r)})}if(n.length!==0)for(let a=0;a{i.setMenuItemPosition(),this.setMenuItemChildrenPosition(i)})}}setMenuItemChildrenPosition(n){const e=n.querySelectorAll("ifx-navbar-item");e.length!==0&&e.forEach(a=>{a.setMenuItemPosition(),this.setMenuItemChildrenPosition(a)})}getMediaQueryList(){return window.matchMedia("(max-width: 800px)")}componentDidLoad(){this.setItemMenuPosition(),this.addEventListenersToHandleCustomFocusState(),this.getMediaQueryList().matches&&this.moveNavItemsToSidebar()}handleMobileMenuBottom(n){const e=this.el.shadowRoot.querySelector(".navbar__sidebar-bottom-row");n.target.assignedNodes().length>0?e.classList.add("show"):e.classList.remove("show")}handleLogoHrefAndTarget(){this.logoHref.trim()===""?this.internalLogoHref=void 0:this.internalLogoHref=this.logoHref,["_self","_blank","_parent"].includes(this.logoHrefTarget.trim())?this.internalLogoHrefTarget=this.logoHrefTarget:this.internalLogoHrefTarget="_self"}componentWillLoad(){this.RemoveSpaceOnStorybookSnippet();const n=this.el.querySelector("ifx-navbar-menu");!this.el.querySelectorAll('[slot="left-item"]').length&&!n&&(this.hasLeftMenuItems=!1),this.handleLogoHrefAndTarget(),window.matchMedia("(max-width: 800px)").addEventListener("change",r=>this.moveNavItemsToSidebar(r))}getSearchBarLeftWrapper(){return this.el.shadowRoot.querySelector(".navbar__container-left-content-navigation-item-search-bar")}getMobileMenuTop(){return this.el.querySelectorAll('[slot="mobile-menu-top"]')}getMobileMenuBottom(){return this.el.querySelectorAll('[slot="mobile-menu-bottom"]')}handleBurgerIcon(){const n=this.getMobileMenuTop(),e=this.getMobileMenuBottom();if(!n.length&&!e.length){const a=this.el.shadowRoot.querySelector(".navbar__burger-icon-wrapper");this.toggleClass(a,"hide")}}moveNavItemsToSidebar(n){const e=this.el.shadowRoot.querySelector(".navbar__sidebar-top-row-wrapper"),a=this.getMediaQueryList();if(n?n.matches:a.matches){e.classList.add("expand"),this.el.shadowRoot.querySelector(".navbar__cross-icon").classList.contains("show")&&this.handleBodyScroll("hide");const s=this.el.querySelector('[slot="search-bar-left"]');s&&(this.searchBarIsOpen&&s.onNavbarMobile(),this.getSearchBarLeftWrapper().classList.add("initial"),s.setAttribute("slot","search-bar-right"));const i=this.el.querySelectorAll('[slot="left-item"]');for(let o=0;othis.handleMobileMenuBottom(n)}))))}get el(){return g(this)}};m.style=f;export{m as ifx_navbar}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-notification.entry-yRdihk6w.js b/pr-preview-vue-example/pr-1685/assets/ifx-notification.entry-D0arTKbQ.js similarity index 97% rename from pr-preview-vue-example/pr-1685/assets/ifx-notification.entry-yRdihk6w.js rename to pr-preview-vue-example/pr-1685/assets/ifx-notification.entry-D0arTKbQ.js index 1e2344f26..dadb8d972 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-notification.entry-yRdihk6w.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-notification.entry-D0arTKbQ.js @@ -1 +1 @@ -import{r as o,h as i,H as t}from"./index-DFR79MvN.js";const a=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.ifx-notification__wrapper{display:flex;flex-direction:row;align-items:center;padding:8px 16px;background-color:#FFFFFF;font-family:var(--ifx-font-family);color:#1D1D1D;border:1px solid #EEEDED}.ifx-notification__wrapper.ifx-notification__wrapper--success{border-left:4px solid #4CA460}.ifx-notification__wrapper.ifx-notification__wrapper--success .ifx-notification__icon{color:#4CA460}.ifx-notification__wrapper.ifx-notification__wrapper--warning{border-left:4px solid #E16B25}.ifx-notification__wrapper.ifx-notification__wrapper--warning .ifx-notification__icon{color:#E16B25}.ifx-notification__wrapper.ifx-notification__wrapper--error{border-left:4px solid #CD002F}.ifx-notification__wrapper.ifx-notification__wrapper--error .ifx-notification__icon{color:#CD002F}.ifx-notification__wrapper .ifx-notification__icon{margin-right:8px;display:flex;align-self:flex-start;padding-top:2px}.ifx-notification__wrapper .ifx-notification__body{display:flex;flex-direction:row;flex-grow:1}.ifx-notification__wrapper .ifx-notification__body .ifx-notification__slot{flex-grow:1}@media (max-width: 576px){.ifx-notification__wrapper .ifx-notification__icon{align-self:flex-start}.ifx-notification__wrapper .ifx-notification__body{flex-direction:column}.ifx-notification__wrapper .ifx-notification__link{margin-top:8px}}',f=a,e=class{constructor(n){o(this,n),this.icon=void 0,this.variant="success",this.linkText=void 0,this.linkHref=void 0,this.linkTarget="_blank"}getClassName(){switch(this.variant){case"success":return"ifx-notification__wrapper--success";case"warning":return"ifx-notification__wrapper--warning";case"error":return"ifx-notification__wrapper--error";default:return"ifx-notification__wrapper--success"}}render(){return i(t,{key:"34a1392c2507471c9bf219f7280e509161f50a24"},i("div",{key:"affa76beeb92783511eaa33598ac658aa491717b",class:"ifx-notification__wrapper "+this.getClassName()},i("div",{key:"57d2d2787cb71ac18c806c4511b806020c0518ec",class:"ifx-notification__icon"},i("ifx-icon",{key:"989bd140171ebcd000efb51971ae8d74786302f7",icon:this.icon})),i("div",{key:"d94b62c41921c98abebe7bc7e2d53681545fc83f",class:"ifx-notification__body"},i("div",{key:"5627e0c24b170eea649a37450004c063829ada64",class:"ifx-notification__slot"},i("slot",{key:"2452192f9c2679dd68c6e4eab317c07331dfc6b2"})),this.linkText&&this.linkHref&&i("div",{key:"3b4827404a0895c58bd3dff0fc6cc19d2e6c9fd2",class:"ifx-notification__link"},i("ifx-link",{key:"2eb74961455b1942b6382ec293b723e341112944",href:this.linkHref,target:this.linkTarget},this.linkText,i("ifx-icon",{key:"3bdd8be3b8a2e53b2adf994ceaba4199959840a1",icon:"arrow-right-16"}))))))}};e.style=f;export{e as ifx_notification}; +import{r as o,h as i,H as t}from"./index-CTBaKUaT.js";const a=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.ifx-notification__wrapper{display:flex;flex-direction:row;align-items:center;padding:8px 16px;background-color:#FFFFFF;font-family:var(--ifx-font-family);color:#1D1D1D;border:1px solid #EEEDED}.ifx-notification__wrapper.ifx-notification__wrapper--success{border-left:4px solid #4CA460}.ifx-notification__wrapper.ifx-notification__wrapper--success .ifx-notification__icon{color:#4CA460}.ifx-notification__wrapper.ifx-notification__wrapper--warning{border-left:4px solid #E16B25}.ifx-notification__wrapper.ifx-notification__wrapper--warning .ifx-notification__icon{color:#E16B25}.ifx-notification__wrapper.ifx-notification__wrapper--error{border-left:4px solid #CD002F}.ifx-notification__wrapper.ifx-notification__wrapper--error .ifx-notification__icon{color:#CD002F}.ifx-notification__wrapper .ifx-notification__icon{margin-right:8px;display:flex;align-self:flex-start;padding-top:2px}.ifx-notification__wrapper .ifx-notification__body{display:flex;flex-direction:row;flex-grow:1}.ifx-notification__wrapper .ifx-notification__body .ifx-notification__slot{flex-grow:1}@media (max-width: 576px){.ifx-notification__wrapper .ifx-notification__icon{align-self:flex-start}.ifx-notification__wrapper .ifx-notification__body{flex-direction:column}.ifx-notification__wrapper .ifx-notification__link{margin-top:8px}}',f=a,e=class{constructor(n){o(this,n),this.icon=void 0,this.variant="success",this.linkText=void 0,this.linkHref=void 0,this.linkTarget="_blank"}getClassName(){switch(this.variant){case"success":return"ifx-notification__wrapper--success";case"warning":return"ifx-notification__wrapper--warning";case"error":return"ifx-notification__wrapper--error";default:return"ifx-notification__wrapper--success"}}render(){return i(t,{key:"34a1392c2507471c9bf219f7280e509161f50a24"},i("div",{key:"affa76beeb92783511eaa33598ac658aa491717b",class:"ifx-notification__wrapper "+this.getClassName()},i("div",{key:"57d2d2787cb71ac18c806c4511b806020c0518ec",class:"ifx-notification__icon"},i("ifx-icon",{key:"989bd140171ebcd000efb51971ae8d74786302f7",icon:this.icon})),i("div",{key:"d94b62c41921c98abebe7bc7e2d53681545fc83f",class:"ifx-notification__body"},i("div",{key:"5627e0c24b170eea649a37450004c063829ada64",class:"ifx-notification__slot"},i("slot",{key:"2452192f9c2679dd68c6e4eab317c07331dfc6b2"})),this.linkText&&this.linkHref&&i("div",{key:"3b4827404a0895c58bd3dff0fc6cc19d2e6c9fd2",class:"ifx-notification__link"},i("ifx-link",{key:"2eb74961455b1942b6382ec293b723e341112944",href:this.linkHref,target:this.linkTarget},this.linkText,i("ifx-icon",{key:"3bdd8be3b8a2e53b2adf994ceaba4199959840a1",icon:"arrow-right-16"}))))))}};e.style=f;export{e as ifx_notification}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-number-indicator.entry-BRXtSShV.js b/pr-preview-vue-example/pr-1685/assets/ifx-number-indicator.entry-dqrF18qG.js similarity index 93% rename from pr-preview-vue-example/pr-1685/assets/ifx-number-indicator.entry-BRXtSShV.js rename to pr-preview-vue-example/pr-1685/assets/ifx-number-indicator.entry-dqrF18qG.js index d5962b204..3856d9d03 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-number-indicator.entry-BRXtSShV.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-number-indicator.entry-dqrF18qG.js @@ -1 +1 @@ -import{r,h as n}from"./index-DFR79MvN.js";const t=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.numberIndicator__container{display:inline-flex;padding:0px 4px;max-height:16px;justify-content:center;align-items:center;border-radius:100px;background-color:#0A8276;font-family:var(--ifx-font-family)}.numberIndicator__container span{color:#FFFFFF;text-align:center;font-size:0.875rem;font-style:normal;font-weight:600;line-height:16px}.numberIndicator__container.inverted{background-color:#FFFFFF}.numberIndicator__container.inverted span{color:#0A8276}',i=t,a=class{constructor(e){r(this,e),this.inverted=!1}render(){return n("div",{key:"b2f7ec0f7dc9abcfa9cb12b74042f91e998c7705","aria-label":"a number indicator",class:`numberIndicator__container ${this.inverted?"inverted":""}`},n("span",{key:"460a2e68d9264f85085d1f465c0491c841773132"},n("slot",{key:"4f6b53b3eefc34c60f8663d1c42761c735aaaa23"})))}};a.style=i;export{a as ifx_number_indicator}; +import{r,h as n}from"./index-CTBaKUaT.js";const t=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.numberIndicator__container{display:inline-flex;padding:0px 4px;max-height:16px;justify-content:center;align-items:center;border-radius:100px;background-color:#0A8276;font-family:var(--ifx-font-family)}.numberIndicator__container span{color:#FFFFFF;text-align:center;font-size:0.875rem;font-style:normal;font-weight:600;line-height:16px}.numberIndicator__container.inverted{background-color:#FFFFFF}.numberIndicator__container.inverted span{color:#0A8276}',i=t,a=class{constructor(e){r(this,e),this.inverted=!1}render(){return n("div",{key:"b2f7ec0f7dc9abcfa9cb12b74042f91e998c7705","aria-label":"a number indicator",class:`numberIndicator__container ${this.inverted?"inverted":""}`},n("span",{key:"460a2e68d9264f85085d1f465c0491c841773132"},n("slot",{key:"4f6b53b3eefc34c60f8663d1c42761c735aaaa23"})))}};a.style=i;export{a as ifx_number_indicator}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-overview-table.entry-8gZYmfan.js b/pr-preview-vue-example/pr-1685/assets/ifx-overview-table.entry-BbnJKUfO.js similarity index 99% rename from pr-preview-vue-example/pr-1685/assets/ifx-overview-table.entry-8gZYmfan.js rename to pr-preview-vue-example/pr-1685/assets/ifx-overview-table.entry-BbnJKUfO.js index 5e592c82d..6ba4f851a 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-overview-table.entry-8gZYmfan.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-overview-table.entry-BbnJKUfO.js @@ -1 +1 @@ -import{r as n,h as e,g as i}from"./index-DFR79MvN.js";const s='*{font-family:"Source Sans 3";box-sizing:border-box}body{margin:0;padding:0;overflow-x:hidden}header{margin-bottom:15px;display:flex;justify-content:center}.header__info-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.infoboard__wrapper{display:flex;gap:15px;background-color:#f1f1f1;padding:5px 10px;border-radius:10px}.title{font-size:30px;font-weight:bold}.view{margin:auto}.wrapper{position:relative;width:100%;height:calc(100vh - var(--header-height) - 15px);overflow:auto}table{width:100%;table-layout:fixed;border-spacing:0}thead tr th{border-top:1px solid #dddddd}td,th{padding:10px;background-color:white;border:none;box-shadow:0 0 0 1px #dddddd;box-sizing:border-box}table th:nth-child(1){width:150px}table th:not(:nth-child(1)){width:240px}th{position:sticky;top:0;background-color:white}.sticky-col{position:sticky;z-index:1}th.sticky-col{z-index:2}.second-col{left:0;border-left:1px solid #ddd}.wrapped-content{width:250px;white-space:normal}a{text-decoration:none;color:black}.basic__info{display:flex;gap:5px}ul{padding:0 5px;margin:0 15px;list-style-type:none}tr:nth-child(even) td{background-color:#f1f1f1}ul li{font-size:12px;display:flex;gap:5px;line-height:13px}li.planned__component-wrapper{align-items:center;line-height:16px}.version__wrapper{display:flex;flex-direction:column}ifx-icon{color:rgb(10, 130, 118)}.check__icon{width:10px;height:10px}.planned__icon{width:12px;height:12px;vertical-align:sub}',o=s,t=class{constructor(a){n(this,a),this.getPlannedComponents=()=>this.el.shadowRoot.querySelectorAll(".planned__component").length,this.setPlannedComponentsNumber=()=>{const c=this.getPlannedComponents(),d=this.el.shadowRoot.getElementById("number__indicator-planned");d.innerHTML=c},this.getCompletedComponents=()=>this.el.shadowRoot.querySelectorAll(".completed__component").length,this.setCompletedComponentsNumber=()=>{const c=this.getCompletedComponents(),d=this.el.shadowRoot.getElementById("number__indicator-completed");d.innerHTML=c},this.setTotalComponentsNumber=()=>{const c=this.getPlannedComponents(),d=this.getCompletedComponents(),f=this.el.shadowRoot.getElementById("number__indicator-total"),b=c+d;f.innerHTML=b}}componentWillLoad(){let a=this.el.parentElement;a&&(a=a.parentElement,a.style.padding="0px")}componentDidLoad(){const c=this.el.shadowRoot.querySelector("header").offsetHeight;this.el.shadowRoot.querySelector(".wrapper").style.setProperty("--header-height",`${c}px`),this.setPlannedComponentsNumber(),this.setCompletedComponentsNumber(),this.setTotalComponentsNumber()}render(){return e("div",{key:"94ef0cd5e94c2cd278b42251bd942ef7bed3bc9e",class:"container"},e("header",{key:"29fa237275093d906d19dd7c4f7ef103ebe23a91",class:"header"},e("div",{key:"983ce63f77dafd26ed5b25da2cc518f8b7834e35",class:"header__info-wrapper"},e("div",{key:"6a909d8f1fbd3efdc928ae99aace2fbe2d6ce888",class:"title"},"DDS Components Overview"),e("div",{key:"95ec497b9e4b65d6e1e48a9dd8754a052ee79281",class:"infoboard__wrapper"},e("div",{key:"fedd769a5cda6dcc7320d0b259d58e9482f750a3",class:"basic__info"},e("div",{key:"18e40e6b586afeae9ca1ec9a9edb4c849acad717"},"Total Number:"),e("div",{key:"0327edd0557b74ef60a1fde6a4f4b1b66b190cb2"},e("ifx-number-indicator",{key:"37206eb3e0e30bc54906745c45b312805cdc9453",id:"number__indicator-total"}))),e("div",{key:"92d6dea0710d1e2d2193049543530b205e514bd3",class:"basic__info"},e("div",{key:"497953be0cb32f373757140ad4f39f087e83d41c"},"Completed:"),e("div",{key:"5d353eedddeb5adc70b8f2cdfaa7d82eb5358587"},e("ifx-number-indicator",{key:"837f9bb96855ea0c8bc6a58017bf2b93f22527d4",id:"number__indicator-completed"}))),e("div",{key:"8dee70161f789692a569643bf24fac938b06539a",class:"basic__info"},e("div",{key:"26f4a5ea75d6d3f91cf3fcd301807a43ae1b132a"},"In Progress:"),e("div",{key:"6b36c07112366eb3ea0d12f4704823ead18a892c"},e("ifx-number-indicator",{key:"454c1b760527366374b46a32a7f9a26e6746399a",id:"number__indicator-planned"})))))),e("div",{key:"4e2349c5d71032a0fc4ec18bf3753ffc4ebb9bfd",class:"view"},e("div",{key:"201ded58bf4b595562445677c08cff1944426ea2",class:"wrapper"},e("table",{key:"a27ee204659d8ad1ca6bfd2015ab2a6dfc42954c"},e("thead",{key:"0fe9b4e836cf884e708a40e98711e397e9988268"},e("tr",{key:"9189ba17125982fda16a0a05dbbe73279b0d81f8"},e("th",{key:"67d5182d415ee892696b7a33ff4024824e53046c",class:"sticky-col second-col"},"Component"),e("th",{key:"6f546e2b5681d14124e7f6c7be96194eb7156771"},e("div",{key:"cb01f34d8d0d05e553bbc1cee742bd46a238b149",class:"version__wrapper"},e("span",{key:"92aa213436a98e7794f37ba573cc0e7e1ea1524d"},"Version 1"))),e("th",{key:"df61570f92d456836c3755ab0f62dd7fd4d89426"},e("div",{key:"50489ed3424003794a5b8344422f2b0a624d75d3",class:"version__wrapper"},e("span",{key:"78629e20c10b5bac6e4293a361b8a0067d3d940c"},"Version 2"))),e("th",{key:"6c8115976c082ba1122f922d9cdaa72df2791b1b"},"Version 3"))),e("tbody",{key:"0a6455ddce92d1c25b3bd45db290af7deefe3707"},e("tr",{key:"b598af041a6f3e51094a200c4b3084dbceb1c555"},e("td",{key:"e795f6e5abf128f2fcf1336d114bf77468f28a96",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"e1c3ecf42c3433a1708e0ae5d9088b99536496d5",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-accordion--development",size:"s",variant:"bold"},"Accordion")),e("td",{key:"40ebc65154f49ee09f504ef5782c4191bba27e92"},e("ul",{key:"60d9ee3c1a25fad5edf6c5bf0f2313a8d263f973"},e("li",{key:"37f79e0e57c08d7dcb9f25ad86884038fdc79ff2"},e("span",{key:"be049cf79476587d212746e0c1a5914eab273eb7"},e("ifx-icon",{key:"dc61a02131094abf32fb715b593e439ce596a9b9",class:"check__icon",icon:"check12"})),e("span",{key:"d5a2d994fccedeadc8cb0ecd3d8e6efe71314e05"},"Includes essential functionality such as expand/collapse behavior and minimal customization options")),e("li",{key:"457b623dc3fcd451ba736a7c8f327817b6574e87"},e("span",{key:"5cbe8527c814ff3e5689ad5875f2c959882d5c2c"},e("ifx-icon",{key:"faeab4af2670659cf2f58ceeb87b6d2f8a978ce8",class:"check__icon",icon:"check12"})),e("span",{key:"ebd7a5db84eca81da34d77ba2522a3659221de03"},"Adheres to web standards")),e("li",{key:"cb4a6d8ae95e77adce24376eb42acd21a64cdb6a"},e("span",{key:"ec31aaff74855da2ac91c18f1fbaea34d8f4dc69"},e("ifx-icon",{key:"6b48f88000731fc782b514b97b987b7ac22ce5c0",class:"check__icon",icon:"check12"})),e("span",{key:"7a2949072e16cf4467798477ca393dc4c0f6ae88"},"Provides a simple and lightweight way to organize and display collapsible content")))),e("td",{key:"c61fde63a81278555182cbb27991ab5461c6611e"},e("ul",{key:"5ee77d58854bad176f43011292e958e1dbd27dda"},e("li",{key:"e95be64eb112ee39495e2c6fbcba20676cbb747f"},e("span",{key:"f8f1570fed7d9e829d8c3503d2e41986617eea24"},e("ifx-icon",{key:"45baa82725ca721045d65cce34792fa65a353b83",class:"check__icon",icon:"check12"})),e("span",{key:"6c3ce948145b2a9d3ceb70dfcbfac7e56f0cbe47"},"Auto collapse feature")),e("li",{key:"2698e9963be778a4ac34424d3444ffd67c7ef788"},e("span",{key:"b08e4aaf2273da66bdae9be6dd0397e7d713f8dd"},e("ifx-icon",{key:"f422aa2a0185ad088f3613f8feacef03f9f5c11a",class:"check__icon",icon:"check12"})),e("span",{key:"a4adfa592feec11645a5454fe2afe4bd98b336fa"},"Initial collapse feature")),e("li",{key:"4d3edb6fe01f8d753f2defbb012e0dbb7896046b"},e("span",{key:"4150c87dec05ff04cf89761038fb33977933b195"},e("ifx-icon",{key:"ccf693d2aef10d111c6a1ab3a401f7e0c54cdc41",class:"check__icon",icon:"check12"})),e("span",{key:"eed5a5b3e1709fbf49e34d96d05610890f9180c5"},"React, Vue and Angular wrapper integration")))),e("td",{key:"928dbf258b958e858b056f8ed3584711e7c283c0"})),e("tr",{key:"42535b2c12485e7a213ccd721a733ac70c996c32"},e("td",{key:"0052287ec495d253bd4c012c4b9da78e3cc66d15",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"0f027f26ecc5ba509e92caa43873b1b8921d2c94",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-alert--development",size:"s",variant:"bold"},"Alert")),e("td",{key:"69243d98a53e6acd24575e914b215ca4961877f4"},e("ul",{key:"1af9ff86ac0eb84705b14cc246afeb9d387e6ec1"},e("li",{key:"eddeb4c11d034ece0ca658b09d7257956582d42f"},e("span",{key:"0e73c3cdbb0528837055fe515cd2d02ba92317b6"},e("ifx-icon",{key:"9c6068398ac45636bb058ec023019b3e29c05678",class:"check__icon",icon:"check12"})),e("span",{key:"bc9353bc9c18a19e792834c73aae38ee2758440e"},"Provides a lightweight and customizable interface for presenting alerts, including options for different alert types (e.g., primary, success, danger, warning) and basic styling configurations")),e("li",{key:"8cfefe626c93e464e502ffca2cdf94f52c9ac88f"},e("span",{key:"7b00ac3fc8a8d8ccd49654d2d704e7441259fa06"},e("ifx-icon",{key:"cc58cd630c7336f0ae7d87ccc9150046df8dca22",class:"check__icon",icon:"check12"})),e("span",{key:"ce428ab59abc1d5febc458a1b2b94f4f951ad30e"},"Adheres to web standards")))),e("td",{key:"40128f668e879d4cc63ae71994dab826217eea9f"},e("ul",{key:"54ae983a69edbc9917a65740ce2797e538f09188"},e("li",{key:"a4ea0f0b88664e87ab77aee96195806cdc677c47"},e("span",{key:"ec96ce45f2be131790a7d34db1d332f821841e1f"},e("ifx-icon",{key:"e264dac478022217205a442580521a297dc88fab",class:"check__icon",icon:"check12"})),e("span",{key:"7a0f0646a2769fecdfc2b6f70ea115975f6823b9"},"Configurable close button")),e("li",{key:"a8f745131d982aa5b35e3cddc469f23d959ae763"},e("span",{key:"f3a48f12774d4a5e40143891c0b58f65692595e1"},e("ifx-icon",{key:"db45b84b32389ff4366856304a929dd82899d78e",class:"check__icon",icon:"check12"})),e("span",{key:"fcf7143a144e46b4f951c61f5f42e0de51c73acd"},"Additional Info variant")),e("li",{key:"f061934669df125b1bc644e780a4502d7658e091"},e("span",{key:"2bedaf5fa2c3ce77aac7a618d98b4654d62cb4bc"},e("ifx-icon",{key:"1ab37982bb0390df92e96a6d3dd475e569e3d5b3",class:"check__icon",icon:"check12"})),e("span",{key:"7e6a1031e3668eaa688eae46a8b229bd6517a50e"},"React, Vue and Angular wrapper integration")))),e("td",{key:"7e2b72ba9c3aa90d871d8dae4fb9a1e75adab631"})),e("tr",{key:"a912b471325929c5c4e98a8ac23d11dad38562b2"},e("td",{key:"12c144973a5787b9af186e0f453c3377a9a854d2",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"18925f2858448cc69ceeadb4ad0e8367146df30e",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-badge--development",size:"s",variant:"bold"},"Badge")),e("td",{key:"0266b9a7306d83836324a8e9644ed0f652dbe076"},e("ul",{key:"df73eb97dba110daf14f05f821b976eec8179558"},e("li",{key:"943918ba87c3e42c961bad97c7105eb1d13729d7"},e("span",{key:"709f65596aa279f72b59fe0bef047ddcb20079cd"},e("ifx-icon",{key:"e921c062a3ca815159a31592802419a073db1188",class:"check__icon",icon:"check12"})),e("span",{key:"21083e88f63ccd7e0887852495c091cf1809f99c"},"Offers simple customization options for displaying badges, allowing developers to indicate specific actions, statuses, or categories with visual cues")),e("li",{key:"70ee9c1ad01837ba045f1c7934760de863dc31bf"},e("span",{key:"86d1d054ebe753a1e03c04706beebed45bc0a5c3"},e("ifx-icon",{key:"78406b1778129d994ec2431387477e4390d028c2",class:"check__icon",icon:"check12"})),e("span",{key:"805c8fe88d898eeaeec23cb907b422549bbe2b83"},"Designed to seamlessly integrate with existing UI elements and adhere to web standards")))),e("td",{key:"6c83cb9b1f8277c67c5b8ce035436dd14ab6e9c9"},e("ul",{key:"8d75a3f4909d2dffe373d892eb8010672442e2f6"},e("li",{key:"5b77fea0b304db06f29189463ec46398fab6e64c"},e("span",{key:"3e3d35cd4b75a412c6d67dacb262d1595e1ef99e"},e("ifx-icon",{key:"280665ef569e73f344855b07f089f5d164b59090",class:"check__icon",icon:"check12"})),e("span",{key:"7e0e13d3c2a36f7a71646d0f0bc64708d4a51f4d"},"React, Vue and Angular wrapper integration")))),e("td",{key:"a86b3c17d08b071cb10b11b55f85c5deb3f59550"})),e("tr",{key:"88bfaebe869023ef94a9b54f274e6aa159caba95"},e("td",{key:"af9bec690861fac6be6d31207dd4c9b0c0af8369",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"6d6ac5ffa4e1ec3f11ce6bfb93a999dc2a99e69b",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-breadcrumb--development",size:"s",variant:"bold"},"Breadcrumb")),e("td",{key:"a629edab0452e8873d8b22ee3e33377fc75169e0"},e("ul",{key:"280b762ab5aa19ca05c1e1db28e0368413dc5217"},e("li",{key:"2c60125c0ac3f67eeea8480a135d1b6f26803312"},e("span",{key:"803c59b077ad0d8eb2f31b575f73d22e7b73cddd"},e("ifx-icon",{key:"2008d8469a576f5fab435c1e75ea7eb05204057b",class:"check__icon",icon:"check12"})),e("span",{key:"9d1331cadb11f207534c99d3f565b1f4d4543165"},"Provides a simple and customizable way to display a sequential trail of links or indicators, representing the user's current location within a hierarchy of content")),e("li",{key:"44476725da6b6d0ae2b0398e21eb24f0d4bc5695"},e("span",{key:"b17fdabaa095dc599066b4fd68c93d5f4e3b7344"},e("ifx-icon",{key:"7b8a58bee3f180c17e3f0ca636ffd3e54e63e48f",class:"check__icon",icon:"check12"})),e("span",{key:"d1519645e6d2f28cb3ee6a289163303e321241d3"},"Adheres to web standards")))),e("td",{key:"ea8cb1822e12f785bcfb544d64567ad274530376"},e("ul",{key:"aac603b96593e05989dfbc01a4183234aa07d02b"},e("li",{key:"3e78b3aa72cff2718928050f3ccfbbc00193cdd5"},e("span",{key:"459b5a0a5252d638f88a79b6ff9a849e950b1502"},e("ifx-icon",{key:"c696691ce31ec51d784ad4eb8b1d427e2327f6c3",class:"check__icon",icon:"check12"})),e("span",{key:"8cbfb840e7a7b261c7dae636acc10025b5b9798c"},"Possibility to add an icon")),e("li",{key:"d1ddd1f1bfc1c1a155eb85558dad34bd4b35703e"},e("span",{key:"aefdd11b822003eb68b264de592763efe6ab8fc9"},e("ifx-icon",{key:"0152b25b6d4e1bfc46446ba45c84c79f29a3f06d",class:"check__icon",icon:"check12"})),e("span",{key:"91b0c2ab2f373e2849806f61cd637c87b1646e99"},"Incorporated dropdown-menu for individual items")),e("li",{key:"eb5ec0e139cc0106b9e78136c84ad3f660b965b2"},e("span",{key:"08128db435df9fb59ddd734e33fd178725bc1119"},e("ifx-icon",{key:"26d71651eb3ba22501b1fb43900b24cdc1e4df5f",class:"check__icon",icon:"check12"})),e("span",{key:"fb53e44ce6d5e563f33f53bb96f337a0b08c88b6"},"React, Vue and Angular wrapper integration")))),e("td",{key:"530c4772c140f8cb6fee0e7757c8bfeb3bce2881"})),e("tr",{key:"e9869f920d1dbade1a67c4721f49303bd73bdff9"},e("td",{key:"a51b7e1cfcb1990107cfa0f647b1afb59dfb13a5",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"f6232318bc58777423bbb449e10b46d16c2b8ae1",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-button--development",size:"s",variant:"bold"},"Button")),e("td",{key:"fcdefdf15949b715d961159c2dcddf504fbdd673"},e("ul",{key:"36d525e48a7df25afdd447996b04bc9d73ec96cd"},e("li",{key:"0493b3ffb5d9a72b16bb9d8878cf402173b500e6"},e("span",{key:"5791ef78a6cecc527f44dba3013bcfb2fbc49cd2"},e("ifx-icon",{key:"18deb22a8638d3483dab2fc356ddaac739b5f5c3",class:"check__icon",icon:"check12"})),e("span",{key:"5bf054b09332de983bf5563940ecfd9cefc73d87"},"Includes basic styling options such as colors, sizes, and states, providing essential functionality for initiating actions")),e("li",{key:"43b43b6d21392fdd420e4d5de9156527d0be0d6b"},e("span",{key:"21c8e421b141575855735e9e6883910a39c7bec4"},e("ifx-icon",{key:"57579c0ff62da49adcdf3cddb1e3bf1e84b71a1f",class:"check__icon",icon:"check12"})),e("span",{key:"78d641b6f05eeeb6a814be86863fd609e2eb78aa"},"Adheres to web standards")))),e("td",{key:"e151102e6d1086c310415a2c33f3b80008f68e2b"},e("ul",{key:"b6e177c354f511b6c3827d609bae988d93dde3ac"},e("li",{key:"97dfc9b18ea758002589fb71e2c7a9e46caaf216"},e("span",{key:"af8bfb54a35f066c0b958457255ae70882018d5a"},e("ifx-icon",{key:"950e77cc7939c6d18f5b4ca2fcc8e089283980a3",class:"check__icon",icon:"check12"})),e("span",{key:"8e62043c26ad0ce65ad41bba072cd0e600ec0b11"},"fullWidth feature")),e("li",{key:"d78251795f4ca2cfe931bf7c7aa1662679573d73"},e("span",{key:"de20563fd28bc87fb2854638b744b66529723733"},e("ifx-icon",{key:"0f19319f77093efc0ac7c41456ae52087b9ea85d",class:"check__icon",icon:"check12"})),e("span",{key:"85bbe99ff7aca59084ac3a8014f5b66b019d729b"},"Icon integration")),e("li",{key:"6ad8b71217454fad5aff9b2a80ea35cc88563484"},e("span",{key:"ccbecb192b20f199dfbb2ba67ce1af7c339c438b"},e("ifx-icon",{key:"997c35faa553f3907df4c0876be728b3651e4f5d",class:"check__icon",icon:"check12"})),e("span",{key:"dd0d5db341741435ad450343b7c305747b92018c"},"Link integration")),e("li",{key:"c5eaaff12880b0196783b191574dc44f92421bea"},e("span",{key:"c96eec7fe549c422c508c2dc994ea01663ef5c5a"},e("ifx-icon",{key:"eadbb622bf64b9a3c8ae949fc3a5938891223875",class:"check__icon",icon:"check12"})),e("span",{key:"588b5199a7062d6bab67056c9b87932d54125c98"},"React, Vue and Angular wrapper integration")))),e("td",{key:"908d173f46640ecb4cc5c3e315c87047a45d2c05"},e("ul",{key:"0271a6c781fc850752e27c9446f66ca11145676b"},e("li",{key:"2ecad646d03baa8e0a8ef505dde2235b3ac08869"},e("span",{key:"eb059f2484d52054d1217e97170f759b30e2143c"},e("ifx-icon",{key:"0950cde5d1888a74672786a9c03a0f1939d8b800",class:"check__icon",icon:"check12"})),e("span",{key:"58ffac6e58bbe36fcae213f6ad6e8e7b2dcae08d"},"Form integration"))))),e("tr",{key:"62bf201d672843a3659742c3c0974a1df03fa610"},e("td",{key:"b81dcfae5ef6d64e75ad2c13d3e94dd774e4fe13",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"17c2850979ff42007cf91a06aee453967aef790a",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-card--development",size:"s",variant:"bold"},"Card")),e("td",{key:"f8f10063b913ae90d4a31832849c2d51098225f1"},e("ul",{key:"276a9bc25010aa7059b7898041e3e8f9d4685213"},e("li",{key:"91be80d95e13731290db11fbf126c9296b1cd835"},e("span",{key:"804f1cd8dc601820957e5d5937b018ac5b85ddfa"},e("ifx-icon",{key:"117355d111a36a824c3531c1d05563552ae00ad5",class:"check__icon",icon:"check12"})),e("span",{key:"1137a5058d66e16c642b53f6085a18be127206f9"},"Provides a structured and customizable layout, featuring elements such as headings, images, text, and buttons")),e("li",{key:"27af1fcde3f2d03958e91b47f64cd3dd4f8f5b06"},e("span",{key:"f390da2994a4afd01554a04128b4f5bda3169953"},e("ifx-icon",{key:"1d835e545a75e4600d9ac57841aa21228727beac",class:"check__icon",icon:"check12"})),e("span",{key:"2b476badd5bd2d7d587d59fac8f8da7001537241"},"Adheres to web standards")),e("li",{key:"c29e2cb4c31129893e8da47923ca4915d545b3b1"},e("span",{key:"3798871acd1a68b512fb1f358b99fe25b9b2031e"},e("ifx-icon",{key:"ff4bfe8132064cea4a20a86cc505567a828fea90",class:"check__icon",icon:"check12"})),e("span",{key:"4610fe22f9b666d5cabca62353d3f7296ad079c4"},"Horizontal and Vertical layout")))),e("td",{key:"515164d2489a6183cd3639ca2498637fe1f212c4"},e("ul",{key:"9cd69b209a60cac0bd7d4a37cfc5b1e6f574f593"},e("li",{key:"6e43f28144571ffd461f461a210e7d392d9302b8"},e("span",{key:"d5f86e578029475ea732117f9900affdc5fb8789"},e("ifx-icon",{key:"ca2f09237e82b74dd82707c1967e547f2345d194",class:"check__icon",icon:"check12"})),e("span",{key:"d7b8d78858342803b0ec1d1f7ecb8ece8951ab0c"},"Possibility to embed multiple buttons")),e("li",{key:"3162580c38dd88ecdc5966502d867d4092119b1e"},e("span",{key:"5a3da3fea3f8aca11e216958e654fcfbe46912e6"},e("ifx-icon",{key:"e01cc056299fa160bfadb63a75878ab3f798de87",class:"check__icon",icon:"check12"})),e("span",{key:"2a127996bdf745d267a3d8904ae8f39d13c6d76e"},"A switch between a Link and a Button")),e("li",{key:"82f487e46d51cfc47433f230d91059ad2fcffdab"},e("span",{key:"8fcdb02e90b02067f5a0f45747adeea010d1da93"},e("ifx-icon",{key:"d31d54ea56f73b8bf30894e3bd2086f40d24b441",class:"check__icon",icon:"check12"})),e("span",{key:"6671674f90a9509e3e9c7ed5456d6046ad5b5de4"},"Enhanced stylying behavior")),e("li",{key:"e7623c3195b7fa278db2669fc35785a83de64f73"},e("span",{key:"b4e1ee37c8c9100afcd46db6964ce743dc3f6761"},e("ifx-icon",{key:"3d6c530613323a145f5c190c4d4b61cd4452f4aa",class:"check__icon",icon:"check12"})),e("span",{key:"8ad6e6fa5718aadd8647aa5083910f52f2ee1b77"},"React, Vue and Angular wrapper integration")))),e("td",{key:"44e5bac77cc8037d5d25c93283fc3554e2f93e21"})),e("tr",{key:"482c4a07fa26b97e37930b7e86d43c22aba7cd58"},e("td",{key:"1da5efdbb5e692ad09b0eac4cae20d5446b0b8c2",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"54c5609814760b280633bc6cc5648ea946c6e20e",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-checkbox--development",size:"s",variant:"bold"},"Checkbox")),e("td",{key:"327d5d5a57c216b127505b0e964ffd743e705136"},e("ul",{key:"06f7ca321b5e1c9a3310ac10d4c9012bba74173e"},e("li",{key:"c1be0d6ba7f2833938d0691d1e20a597c5603936"},e("span",{key:"d4477a320c3dbb92a564cb67f48faec32929faa8"},e("ifx-icon",{key:"15954e9093eb86ffa19e1ea91e2a827e5b4752d6",class:"check__icon",icon:"check12"})),e("span",{key:"df80e616dfd039834ff2e45534cfe23ec691bc55"},"Offers a simple and customizable checkbox input, allowing users to toggle between checked and unchecked states")),e("li",{key:"c8ea1229a046f0d0e23f87661a6ca192ea9f819d"},e("span",{key:"eb6534e61918e63b7b2f93c566bba5751ba31829"},e("ifx-icon",{key:"03f9abd29e525ad819aacb4b37d3da4cf6bfc9fb",class:"check__icon",icon:"check12"})),e("span",{key:"867c6b854b755bb0cc7be8bffd6e999763e00e8f"},"Adheres to web standards")))),e("td",{key:"2fd48fc3135c39abf065e0f5d03c0fe31a96cdb1"},e("ul",{key:"a888984d2df2c404fecbd709ba3a3c3808af2461"},e("li",{key:"d9220a36335ff4a65f9813ee3ebc0606a486c3f4"},e("span",{key:"757377e5060d96c44a2ff169925ddd3d35b357e4"},e("ifx-icon",{key:"e937e4a6c47680e83162f00e7f745ab532d11173",class:"check__icon",icon:"check12"})),e("span",{key:"4363044a97c05fdd68e2d7b74eb8b96260909f11"},"Indeterminate state variant")),e("li",{key:"a5105da5764d95915a3c5ae2e3e479219ad90e78"},e("span",{key:"b37f8591962c25ca24f0d2968117005acf85bc1e"},e("ifx-icon",{key:"11e3aabfc01dec22157fb258d64b808cc87a0b40",class:"check__icon",icon:"check12"})),e("span",{key:"c0c8d800db702e3fd2f53641a15c533b802ecd44"},"React, Vue and Angular wrapper integration")))),e("td",{key:"8c1793f4998ff4f3741f2931145bf718d5fa89ab"})),e("tr",{key:"f6f571ad63ba685376e98b51933c6999f574054f"},e("td",{key:"0d1dcaa8f774d63a53b09ad03a3e9d12c11c2671",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"355792182617c017fb87936e322b4c52748c60c7",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-chip--development",size:"s",variant:"bold"},"Chip")),e("td",{key:"0fa5cbfc9fb379ff9d1a93ae234987625d320f12"},e("ul",{key:"1113170a696cba283594825f786d12595f67c252"},e("li",{key:"5e25521216fffdb373c5b137147e54adf5f07b45"},e("span",{key:"436eb79c84c27c43640ae5a91c134ae6d66dfd39"},e("ifx-icon",{key:"f3fc8d01abce2c270a1c0febfc9f66bf92751308",class:"check__icon",icon:"check12"})),e("span",{key:"ae690e461a8319a098ffbd26f5a50f635b5123d3"},"Provides a simple and customizable interface, representing discrete units of information or user interactions, such as labels, categories, or removable entities")),e("li",{key:"9921d90399b8f11634b2637f15eae4c45f6142f4"},e("span",{key:"52f0519a23f8b5e136dd07476f144badafb86c6b"},e("ifx-icon",{key:"2ca127b36bb11d81639c6683091fe7a870bc9e9c",class:"check__icon",icon:"check12"})),e("span",{key:"f1a027d5a78a468622c4b53e801673d7b866ab9f"},"Adheres to web standards")))),e("td",{key:"d59a3f50cc59e0acde1b726dfc8f9935e555b935"},e("ul",{key:"3ce7ac973c5e4306a1ad0128e14d9105679d1a56"},e("li",{key:"e3e4d1092c7a53e34580de4bd3a19544119ee4a2"},e("span",{key:"5050a30e808713707bc8857178a7e17f6a0b5a08"},e("ifx-icon",{key:"30dc35bd1fea23d7298afe3fe366cd9d67b288e9",class:"check__icon",icon:"check12"})),e("span",{key:"fb60be48055dc83babf6d435edd9a8989266cf35"},"Incorporated dropdown-menu for individual item selection")),e("li",{key:"5b6edab1edeb9fa7a3cb16d484404764948ec112"},e("span",{key:"01cf48db9323ed58660e8de6669c218c23138e21"},e("ifx-icon",{key:"6f712b193c14388ede4615ceeae0dab06627757d",class:"check__icon",icon:"check12"})),e("span",{key:"e6eacc979b07f468d9bf49bcc73ee28d49bb23a0"},"React, Vue and Angular wrapper integration")))),e("td",{key:"beb7d2a2aa21113378eaadbc0cda48cf0bbad5f4"})),e("tr",{key:"49e6b4769c2ba4319d3b0ec052ea4f74a6e448a9"},e("td",{key:"e193176fad7f1fa7d1c84c193dbc8f3b47c970f0",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"20bbed9a7ab0c8fd3d2a70742540cecc689b332f",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-chip--development",size:"s",variant:"bold"},"Date Picker")),e("td",{key:"6b23022ba9b820cae9bdc153a4271f1914f08c88"},e("ul",{key:"2bcd78af106ae04e6b5128c47a9f5b3ab6039afd"},e("li",{key:"2980e14f53b99deccbc0c4c8845543e1c647900c"},e("span",{key:"e6b3496809a94d214d580f941c010c467ab5d549"},e("ifx-icon",{key:"e9645270065d9745e5523427699b7e8f54662f9d",class:"check__icon",icon:"check12"})),e("span",{key:"f0cda89dcdda2e115d8f5ffbf35ef8fe4f1c20ca"},"Provides a customized wrapper and theming for the standard date picker element, enhancing its appearance and user interaction")),e("li",{key:"c6ca28a3978257ba2619b19406e7e7f81155ae0d"},e("span",{key:"f2c6f0e9f4416365cc75e0c7430e0a7af3cc1643"},e("ifx-icon",{key:"bb56f728c795450f5023d2e9dcd19f21fdfe385c",class:"check__icon",icon:"check12"})),e("span",{key:"80b94dfdc93f2823e34f7cd52f0ce9dadf819448"},"Cross browser compatibility")),e("li",{key:"8f645e32c0f72f43347a07623b2304c672fa70db"},e("span",{key:"a93bad2033f92f43a03499713f421c9fb4eac3bc"},e("ifx-icon",{key:"9e6d9e617d8ad0e1e01c9b829efc6759f801769a",class:"check__icon",icon:"check12"})),e("span",{key:"faba747262a06d53aa7ca8d583d82144ae992eb2"},"Form integration")),e("li",{key:"c12e9657c1787f548c3734f93126ae3c6b3e11b9"},e("span",{key:"2c37bc6b43d1262c5f6d23f9c4e28bad4e4846df"},e("ifx-icon",{key:"f8698a13a004ab4c63e6faaa53e1851b14cee9a7",class:"check__icon",icon:"check12"})),e("span",{key:"5020f035c8b9f2f3ad49ed9092a3c77cb602cd37"},"Adheres to web standards")))),e("td",{key:"392404ca7627f9b1d0e66dbb5dc2a8530fd542a6"},e("ul",{key:"891b9291e1bfbf3c5836a8ae544c81918a0b6f7c"})),e("td",{key:"c139a8f9ffb46b7386581c9aa0a6c28fbb0bd5af"})),e("tr",{key:"e44ff916a39710289e0a444793751b9ccad39380"},e("td",{key:"567566ef534594919ce673ae4140df40a4e07d7b",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"c451695485a1f623b566d30009352bf0ad439e07",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-dropdown--development",size:"s",variant:"bold"},"Dropdown")),e("td",{key:"95193f92205b27b50a6ad575e539421521ba83bf"},e("ul",{key:"feef40944c1ad9ac455fc58fe5b8f1485ba3e32a"},e("li",{key:"8f1457cdf0610f66ce790c553a623b1c60010afa"},e("span",{key:"a466cb739050acaf288d74866c4da6caad8906d5"},e("ifx-icon",{key:"7ca4e74d9fc3798116d3d3adbeb76883c9fa6b44",class:"check__icon",icon:"check12"})),e("span",{key:"82d530aa2f6951c0d5eba1fa0726858377528682"},"Offers a versatile and interactive user interface element for presenting a list of options or actions")),e("li",{key:"923543da3cd0f6bc073dcd287fd3aa39383e6322"},e("span",{key:"f0e1b3f7def06f728121972555e947189631cd7f"},e("ifx-icon",{key:"b2c3fe4c3d76b800cbc38c10230e114d2dec0737",class:"check__icon",icon:"check12"})),e("span",{key:"57d90ecfba886068a3d53027a8dd4bd5c1cd7497"},"Ensures consistent behavior and compatibility with web standards for a reliable user experience, while intentionally limiting customization options to emphasize a standardized appearance and behavior")))),e("td",{key:"d5e814c400a681484f122c94d29f98870e615544"},e("ul",{key:"6471b37fcc6c0a22abd597375bf7840654eb552f"},e("li",{key:"c5b07279dcb78736de48b8a5784b2b1bfc90c11c"},e("span",{key:"bc985c43e9cda8bba83808fc2f176dbbacf1df13"},e("ifx-icon",{key:"1da95fa81da61610eb3f2ff3a5b2a70f4e5cacc3",class:"check__icon",icon:"check12"})),e("span",{key:"fc3c5ce60b5fa49cccf4e2a12d3513256c404604"},"Search filter")),e("li",{key:"b442adbbc1bbb3861e37ee927c3386cd7705ae97"},e("span",{key:"78f800918f837a5af49a9cfdd61f877565e4ff00"},e("ifx-icon",{key:"8d603ef01a089f3e721287c6eddf85cddaae447e",class:"check__icon",icon:"check12"})),e("span",{key:"ea5f22400d6542d76f0c83b1c2de8879010dcc5f"},"Header section")),e("li",{key:"33c4b5dffa1b9d236cc215da2a87e1348b3e9914"},e("span",{key:"f33df46940f26762a3d9b8000b7cee614c444043"},e("ifx-icon",{key:"30a6394b71c138f1e6b26ad838b5ab3e5e9b820d",class:"check__icon",icon:"check12"})),e("span",{key:"5722eb4a20cd1ed32255618e6d66b1367d80768a"},"Menu Item Divider")),e("li",{key:"67529d67ab04bac2e49434a8819f0b5f534b21f5"},e("span",{key:"d0b78895707a9aa1311413c35db7aaab632b4625"},e("ifx-icon",{key:"60e166497d8062db30d3c55385737c31a38f9016",class:"check__icon",icon:"check12"})),e("span",{key:"9cfc50cec84ed59e3371de0743e8d45c4b0fd787"},"Icon incorporated")),e("li",{key:"0301c64cc58a7743fa7f34ffd4cd9faff90368b5"},e("span",{key:"b0e792fa8a3d5d82b954f0a4b883cd2371c954f5"},e("ifx-icon",{key:"bed85becd424e7f53c1861938b3833233b61242e",class:"check__icon",icon:"check12"})),e("span",{key:"28ca4c2f3489ceff111d0b6e6360a6fb0b303f78"},"Extended customization and configurations")),e("li",{key:"12c59c6d360c7702af24111300f6b2758d7ace84"},e("span",{key:"0638e790c9095413aa4896b6fda70240b3511297"},e("ifx-icon",{key:"c8b6c4c7a17517345d3fd6871004f238e2a86b2b",class:"check__icon",icon:"check12"})),e("span",{key:"d0fc2c09b8ab834d1a90141d0d728b68dccb873b"},"Separate label trigger")),e("li",{key:"f22b404fef6c1d1de432340299537109cc36657f"},e("span",{key:"4518abde1d5b8c38d32908c543dffe5b5d1fb1e8"},e("ifx-icon",{key:"0808beda85f74e980be7948cbec02d2db9dc9c06",class:"check__icon",icon:"check12"})),e("span",{key:"818c5554b6586473979f28fc52ae34d8c2681346"},"React, Vue and Angular wrapper integration")))),e("td",{key:"da1378f890d022d00357cb55a3924e48ad583897"})),e("tr",{key:"9fb46ee1437a004a039d2433cd83d214dce2afd5"},e("td",{key:"728315afb2baffdcbde414c0485bd5f0a390ef37",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"95ce76bbad0f4e8cf2eb0618c0cdd818877d29ea",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-footer--development",size:"s",variant:"bold"},"Footer")),e("td",{key:"14651310e86444ee431e0cd6d0b72e0c325dc04f"},e("ul",{key:"dff90b2b1b1c7ca69c428bab06bd2117ca376481"},e("li",{key:"5bd24e9b739f12321ca536f6915262715b4ddcde"},e("span",{key:"34e68cdd1839d4941f40bfe5cd543702991dae2e"},e("ifx-icon",{key:"aaad6b102a653cf250e9310105f614a76a074eae",class:"check__icon",icon:"check12"})),e("span",{key:"ae959ff906f0ab99a04895b557af608e636f6a49"},"Provides a standardized and customizable way to display essential information, navigation links, and branding at the bottom of web pages or application interfaces")),e("li",{key:"187730323dd1da4b23e579d276d78627a9bee9f8"},e("span",{key:"25095ddf1eede47d17fe8f8735235529ad988f16"},e("ifx-icon",{key:"999f1c4bf75a609ff9620001b82e25e88059c3d1",class:"check__icon",icon:"check12"})),e("span",{key:"3a387ba813b4619a87d93df238db1a410fb40084"},"Offers a flexible and configurable layout for organizing copyright notices, contact details, sitemap links, and other pertinent information")),e("li",{key:"61cffdf3d651b8c0ba60d0dbb0a31c97458cd429"},e("span",{key:"37c17a81551e7f55e7e668afc5b5789e93e5bf02"},e("ifx-icon",{key:"e50568269e95ccde30cf989e96c084fbe2d80205",class:"check__icon",icon:"check12"})),e("span",{key:"e430c879ed1b814e5e38b9bedb4f041e8d37c2e4"},"Adheres to web standards")))),e("td",{key:"f6970a978a911cc105f85c9778782ab39e602af7"},e("ul",{key:"ca199580b08200265132596d44940277abd34536"},e("li",{key:"b65e3385a917ab17334d62bdc3fbe01a31bc3a88"},e("span",{key:"e1a01da293a1cd4b0ae22ed1693b0b05df0d346a"},e("ifx-icon",{key:"54c5e7b436c4162b8e8dd1356c738dc946059da6",class:"check__icon",icon:"check12"})),e("span",{key:"142dbc4946406db985e96f0dbea26c90e3e8c159"},"Small, Medium and Large variants")),e("li",{key:"3d145fb5fb39ebacb36a4a82bc66b3408dfdab00"},e("span",{key:"e77bc6cee9539684188a6dbf603e6faf953ec023"},e("ifx-icon",{key:"4e847d240e18bba21591dff32df658b06ad666f4",class:"check__icon",icon:"check12"})),e("span",{key:"597fd4eda0e8747de872ca6d6efb9df53de53fe8"},"React, Vue and Angular wrapper integration")))),e("td",{key:"00b8e85052f2f2bfbea1581a32d602698b49b93b"},e("ul",{key:"fbff99b6afce07866fe6fbf4a241841d68771cc6"},e("li",{key:"aa8e3cc8a8206836bba05ff62129a7a07b3a16ae"},e("span",{key:"0398b8e944d3c4e1bc98b22c51df55d9629431ba"},e("ifx-icon",{key:"615c6c346082cfa09e9d7269dfbd7bebac942ca9",class:"check__icon",icon:"check12"})),e("span",{key:"c9972926283d45e489408438e15ffe327eef245b"},"Customizable and removable links"))))),e("tr",{key:"aabb8165009b711e910701510a3b9ff8d7e4a0cd"},e("td",{key:"ae8128b4b0b104077eb826e8691d34d150b6d2c2",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"7c3c8117f0d8f0c2a3e8d1754f75239c4ec3dd5f",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-icon-button--development",size:"s",variant:"bold"},"Icon Button")),e("td",{key:"5b39734ac076a7842fb8ffe0c4034ceb36f093cd"},e("ul",{key:"62ca73ce89113a7f7aa763c38e1475ee9e9b81f6"},e("li",{key:"9131318cc5588d85cc1ada5d76621693b83fc949"},e("span",{key:"1f0e07277fcf2b9f0d787345a557186980edf1ca"},e("ifx-icon",{key:"40a92d82bace94832531b3e8bc3f521ea3370715",class:"check__icon",icon:"check12"})),e("span",{key:"9d278561527e50f1a3a580197d231418ea5f9944"},"Offers a compact and interactive icon-based button element")),e("li",{key:"792f39e47a5c1155e1413be2f90edc0c77dbe372"},e("span",{key:"9b5ab00b94bca814b35698df4811ab49e2742204"},e("ifx-icon",{key:"96d5c74385a059593df6f88724baca3e3796e71e",class:"check__icon",icon:"check12"})),e("span",{key:"41d88ca4562e5bbf2fadafc7002dc7ebb25b9c65"},"Provides a limited scope of customization")),e("li",{key:"1740655a1952a744925a0be6866fcd2808f201ec"},e("span",{key:"ea7feeb90ccbb213e5ebe1bd32da8f19f8f92be7"},e("ifx-icon",{key:"be9a053aa12341d6ee69ea61c14a0cb822cc18c6",class:"check__icon",icon:"check12"})),e("span",{key:"9fe177014d285632b8fa16f132025d910cb67859"},"Adheres to web standards")))),e("td",{key:"5a2c6ea0dcab3a5e1a31e58aa845c723df5cd0bd"},e("ul",{key:"c900d15f7ae3e8bfe7fd67fd7fdcbe12dbf8104a"},e("li",{key:"8771b7e7261bbbb85be9f7dc884e6245553b5526"},e("span",{key:"affdb864318d8a889af20b9d5c02c94857aa97e6"},e("ifx-icon",{key:"789764f990b34973c3d371bc2eed34d79c4447aa",class:"check__icon",icon:"check12"})),e("span",{key:"99c9a38830078e9be8e3cfb984fe18ec4b266e5f"},"Additional Round and Square shape variants")),e("li",{key:"ebb0923282865af0337fcb60149fa6c2387db2da"},e("span",{key:"2ed1bff80ffff006f4fbca27abdf535e3fdf17a6"},e("ifx-icon",{key:"0ecbfb8d3e7adc79c61985ccc9cbcd52ec427887",class:"check__icon",icon:"check12"})),e("span",{key:"f32cc9a65897d14c5f2f284a3f59ccb4d9c00ccc"},"Small, Medium and Large size")),e("li",{key:"6249ba6c5b7a5b36968962c6b2c3575e1b7d2be6"},e("span",{key:"2fd8a3e6f45853f5c8f269b5b554435571d88d98"},e("ifx-icon",{key:"84861f34fbf304feaf36f92dc5134de615795b89",class:"check__icon",icon:"check12"})),e("span",{key:"791b79f8bba7e2682a92f1651a3f56bfd9190cec"},"React, Vue and Angular wrapper integration")))),e("td",{key:"35466bf352a20534a45d6b302f8ef1a8bdb2901f"})),e("tr",{key:"c8c884181e2e1574ea751856109303fea6c5c06c"},e("td",{key:"ef50a3d35efe264cf1997bf2127a7a7c49ef91b5",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"977d0fad03d3f40fb9f6265b7bb8c54713293f05",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-icon--development",size:"s",variant:"bold"},"Icon")),e("td",{key:"3f92b6c293cc76e428e4710906a62d520c7bbe5f"},e("ul",{key:"0d84b5f30bdfdf32dcbff863d62a087bbc133bb7"},e("li",{key:"1c838e64aca217aaa3a3cdd6a1b50dad70096ec1"},e("span",{key:"3f55e2f2ed6e4076109bef4b4f8388b7723df6a2"},e("ifx-icon",{key:"2daa206af9f4acf854729c5cbf07046c32bc7832",class:"check__icon",icon:"check12"})),e("span",{key:"d38f99a632534d3cea23b062613c1ea7f9ef15e4"},"Offers a wide range of iconography options, allowing developers to easily incorporate symbols, glyphs, or visual indicators to enhance the user interface and convey information or actions effectively")))),e("td",{key:"a6f1a4fb5a0b54c84e939cca5455bd1f0bb2a8c0"},e("ul",{key:"d39b2fa701dc0a9deb6fb95115972d2e5652bcbc"},e("li",{key:"c73e5cf56a548486ec0f784463e3b64eaaee8700"},e("span",{key:"e0514cd27447dfe1cc25124a553574c8603cf1df"},e("ifx-icon",{key:"ddddea0e675de187eba1ce281cd110be2083654a",class:"check__icon",icon:"check12"})),e("span",{key:"1ab3150fa51702ab47f1be11a514e769ce39a743"},"React, Vue and Angular wrapper integration")))),e("td",{key:"9e6ed2fed1d756f6cd79484c9e2dd6b388f2786b"})),e("tr",{key:"a03cdfb8b6509a8baf6c5e82543e290944d467f0"},e("td",{key:"3f6371271680d895cfdc2bfb379423c96724409d",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"a78b2068d9ca9e29712f645c635263ae041a85e4",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-link--development",size:"s",variant:"bold"},"Link")),e("td",{key:"e75934d89b80451a85c3b774ed6a2ae140d73240"},e("ul",{key:"2145967a05bb9fb968394df03c23ce00348c6c9e"},e("li",{key:"0115e88a5101e19a904db699a24a67d5695106dd"},e("span",{key:"ac17b81c9b61a936b11fa8f3d939e3550a51a7f8"},e("ifx-icon",{key:"cdbc2b9369830dbadf2a761f27117139b19d4bc3",class:"check__icon",icon:"check12"})),e("span",{key:"e4d904d2ce63dbd3ddb6dc8532b6b180322e047f"},"Provides a flexible and customizable element for creating hyperlinks within a web application")),e("li",{key:"8d2cf03d3a1d94da802cd018a50edbcc9193312f"},e("span",{key:"59411689802bfc642b1b437b6be2aaca27b39cb8"},e("ifx-icon",{key:"af09857c248349ab2f457e15ae4c9f5b74e3fa90",class:"check__icon",icon:"check12"})),e("span",{key:"ef059fa2433a442b686e6799d19563e0515a1b99"},"Offers essential functionality for defining clickable text or elements")),e("li",{key:"f87c2a2871e103ea505a0413f33eca19324e2424"},e("span",{key:"ab74be5a0fe21eaafcdd2d2e671358a32c26edaf"},e("ifx-icon",{key:"a1a077033b342133424f19f355d88d192166d338",class:"check__icon",icon:"check12"})),e("span",{key:"7f41fd1a240658b821aad73a40a7d8b5af1fca9e"},"Adheres to web standards")))),e("td",{key:"dc077f0e1dcbb72b817b66b48e754eec7bc32690"},e("ul",{key:"66780bb8ce5a58c9917d14b00a56a8110cb86fff"},e("li",{key:"5191ac9d2f1380c611fd8ae244f2935d083b62f1"},e("span",{key:"61b48545fa5c9d647610f96415c9fb76a7b33ecb"},e("ifx-icon",{key:"c2ae470d0953c27fc02bdab0858f6f42df9aef9b",class:"check__icon",icon:"check12"})),e("span",{key:"5ef7249d515a5401b958c1fa2edd3a3951231441"},"Small, Medium, Large, Extra Large size variants")),e("li",{key:"d2ce60893009285863e9b80c06a48c46421e426e"},e("span",{key:"f48701a964420e68d2491b87d0d1736c5e5f3e93"},e("ifx-icon",{key:"4c77456de4a3d78fc041bd4ab17cba45c42a7b1b",class:"check__icon",icon:"check12"})),e("span",{key:"f27f3d83563b8a4de48d694a3c9bcaa373eaaf3d"},"Icon incorporated")),e("li",{key:"e5b1ddca259685a8683eefa3da26502d1edf6991"},e("span",{key:"c9fd9dd671d43836f2d152232dce5c4f73cba1aa"},e("ifx-icon",{key:"35a96227d1652e3f0e78818f000bd18371b2c4cc",class:"check__icon",icon:"check12"})),e("span",{key:"aee622a84e2cf4e75ce71937746ea74345c791eb"},"React, Vue and Angular wrapper integration")))),e("td",{key:"5568236a74dd8fafa877a9d71f76ff8e92d1bc8c"},e("ul",{key:"e11deec1925bf77bdd1e4bfaa3331dbd43316348"},e("li",{key:"ff2f8269c0efaa641bf0aeb4803d6885707c2550"},e("span",{key:"111206f28aa392032ecac3e167ab993edaf48852"},e("ifx-icon",{key:"a2ace7418053c31aeb299b68e3030dca94e5abe3",class:"check__icon",icon:"check12"})),e("span",{key:"101f2cfeaae94062770c42144c8919e5a900fd67"},"Bold, Underlined, Title, Menu state variants"))))),e("tr",{key:"05ec0bc42c07d499aa2153b1a55561c54b774ea5"},e("td",{key:"6ae6ca48d3b4314b4426b46e40c813c02746bd80",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"646457b1e32173b290d975f5ef041314842a5d0f",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-modal--development",size:"s",variant:"bold"},"Modal")),e("td",{key:"dd84665956480727649b9837acf199b30b1d4210"},e("ul",{key:"d8850db37bf5b4eb93faa36c9e365d83e7725e06"},e("li",{key:"cf85f1dc2e0489f5181f21bc460cfb5a719ef007"},e("span",{key:"cc405355a081971fd8fad050855e7df162f61977"},e("ifx-icon",{key:"4313f0e89c582edfa22ae9f7ec8226fbea4af8d2",class:"check__icon",icon:"check12"})),e("span",{key:"019838eda51bda3fdd7cff1463e08ab7a58d71b7"},"Provides a customizable modal window, typically used for displaying contextual information, user interactions, or additional content without navigating away from the current context")),e("li",{key:"c930ccbcdf43ca3bb789d518d31eeec3b89c1c0b"},e("span",{key:"9389eb10ef01adbd55a762bad7d730545789b021"},e("ifx-icon",{key:"52e8621ca25391d7a50016214343be9165fad428",class:"check__icon",icon:"check12"})),e("span",{key:"debd7c0e40f7af90749b5481224aad3ced96c5fa"},"Adheres to webstandards")))),e("td",{key:"17d0610b952a6be9f4f054c53965ee26b7d995fa"},e("ul",{key:"d4b18830d393082fd44169c8a8aced1ba019f3a8"},e("li",{key:"e93132160fd9e25d4189babc5a1143149eeb5870"},e("span",{key:"032d1d84c315ffed90399a3d469ed92f63a413cc"},e("ifx-icon",{key:"98422e673011df1cfb3bc70e4d29ead686c5d104",class:"check__icon",icon:"check12"})),e("span",{key:"5dd465ad11c62f22884b1002dea3240a03c41b87"},"Alert-brand and Alert-danger theme variants")),e("li",{key:"70f62c812d67ce313c3836f34ef5c2b8163faa3f"},e("span",{key:"f00d79d076b3fe41b7521fee77f98c6749d324d4"},e("ifx-icon",{key:"f572c38c6aa6c7e9527596de2761e0933dc59261",class:"check__icon",icon:"check12"})),e("span",{key:"43c67bd5971c33fa1a2a652f84f45813e1fd80de"},"Extended customization")),e("li",{key:"401914a7937e0b6465c5270b88264fc1a368e8b0"},e("span",{key:"fe9f1273ed287d68401b60d89c2325db5ba34749"},e("ifx-icon",{key:"d172f64e06d93764e0be226e961eb61de7d3bb3f",class:"check__icon",icon:"check12"})),e("span",{key:"80dce73e8b107684bb7d79972bb1c4991bee63fc"},"React, Vue and Angular wrapper integration")))),e("td",{key:"b169b20d3390352f82cfb9960e48e1ca36ed35ac"},e("ul",{key:"7dc92ccce6118f9adef2ba08e178e3d271ae0307"},e("li",{key:"749bfb9e44dba4a8312a90d676780a071c86cb52"},e("span",{key:"dc3e2891ddf3bbe1c42f216a8d66c3d1ea627d86"},e("ifx-icon",{key:"8d80a0dd9308f193bc1b604a511df4d9f1c2167e",class:"check__icon",icon:"check12"})),e("span",{key:"c475a0fb5bde06583c0af8aa96cfbc39025150a2"},"Removable close button"))))),e("tr",{key:"18774968cc39062d0dcd127ddadd24a718963442"},e("td",{key:"06e2a109d7de454118f2120ae30ba8d482c8fbb2",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"e4480ba9286525b3c0e1a7f4e1249a69b48cde45",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-navigation-navbar--development",size:"s",variant:"bold"},"Navbar")),e("td",{key:"748ab8290bd5406ae1f84fdb2a4f626f262818b5"},e("ul",{key:"a97c767eea79f29093603796787a95eb2cef8683"},e("li",{key:"3a3aa1adc318f98022c914e7adabdcbbc10e31f2"},e("span",{key:"e38628da0a0f09f9deb9e61aa631bff67817b98e"},e("ifx-icon",{key:"7856aac9f6c198b012e3f8f021f673c4fddcc04d",class:"check__icon",icon:"check12"})),e("span",{key:"2cac67f2c58138bce98ed86cd6a3c5bb5687c3b1"},"Provides a standardized and customizable navigation bar for organizing and presenting essential links, menus, branding, and interactive elements within a web application")),e("li",{key:"464ff6c7cae0d629e4af74bdcce0387250829364"},e("span",{key:"c3ef7338f56d8aaf816e1bd3286939f6aa32b1ba"},e("ifx-icon",{key:"94c771c2ef01ca174a0e41ce5bbbc535ea39bbcd",class:"check__icon",icon:"check12"})),e("span",{key:"b79d05c15cc0aaca5c7dd54d979cc4e21048e419"},"Adheres to web stadards")))),e("td",{key:"ce9af8c9562fc0bb8e773bec28926cf1732bf6d0"},e("ul",{key:"8d98b973f057e9eef8a877deadb1063bd5c7ed3a"},e("li",{key:"37a9ea9cc97bbb9a7bdd67e6e686232161c64dcc"},e("span",{key:"18553da2626a8b96b305388cc29344c035644c66"},e("ifx-icon",{key:"b20f7b8cd837576211807d198813d6f8a382440d",class:"check__icon",icon:"check12"})),e("span",{key:"321bddfd42af078e320997302811ce8a41a37730"},"Navbar-profile component")),e("li",{key:"cac53b8190e8ff7d68f438a3f7965046d1d6ac15"},e("span",{key:"358b47c2ce49d78f59afec750e78370672b63f5f"},e("ifx-icon",{key:"d0659384fa6c92dbbc99cf38cc03a18e8b09c21b",class:"check__icon",icon:"check12"})),e("span",{key:"bad0bde68ca10b5d0683ed6ba2da9f412043703c"},"Mobile Responsiveness")),e("li",{key:"3f06ae63684373be411714917e065db04e3d7d79"},e("span",{key:"1c8157402de4310bf83397760d6bb00d1c80c96b"},e("ifx-icon",{key:"b2c075d83dd68aff5e27e83e165e473d6cf46e13",class:"check__icon",icon:"check12"})),e("span",{key:"3163f33910d907c3500b660fd54e3a1504eca5e5"},"Mobile Sidebar")),e("li",{key:"ab254d6379f2ab1efac9941b88725093650fbe9d"},e("span",{key:"37b8dc21effc07da002fa722070643ac3a1cfa84"},e("ifx-icon",{key:"9c937cfc47f2d81c94e95e67db78cac578eeaef6",class:"check__icon",icon:"check12"})),e("span",{key:"aa60428ee5f15cf5143cabee20af9383e422284e"},"Extended customization")),e("li",{key:"72d19e238bde800a7f2eb35c8f17a5539bbff04a"},e("span",{key:"2b3041bf00dfe560950606d1d9c906b3a60774a5"},e("ifx-icon",{key:"8aea4cc1eb87ae757cdba81514258ac28847b68d",class:"check__icon",icon:"check12"})),e("span",{key:"a9905731b8880220bc6a34e04e7df228c3c609ee"},"React, Vue and Angular wrapper integration")))),e("td",{key:"9d1284ac73571fcc7f1dcf6ab1afcd879200a98c"})),e("tr",{key:"b2cd02b083757b577cb0984a6d1bdf551933a428"},e("td",{key:"6361379b147922cf3dcb6d813238d4861b9f7c09",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"e14560ae384528fce680c486a6a2ca57a64c50ba",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-number-indicator--development",size:"s",variant:"bold"},"Number Indicator")),e("td",{key:"e5db543fe8d92e86dce6048db61fed937f7da132"},e("ul",{key:"de1e5a69f3a3b9b556b2e356203b050f587d615d"},e("li",{key:"b09cba833d9c43a0472aedc723a9809eb4c9a374"},e("span",{key:"a9230aadb49f69deba72c371006a3ea3e2e3dc47"},e("ifx-icon",{key:"a80453b4068e2bed48e82001d852f3d4332d182c",class:"check__icon",icon:"check12"})),e("span",{key:"9789215477f9c49b028e9f3c7d502cf4551504b0"},"Provides a compact and configurable display for showcasing numeric data")),e("li",{key:"107e6268161cb4527ea0e93246cffa67b87eec8b"},e("span",{key:"57bb8b0dbbc72c53d855091b785559b109b08d7b"},e("ifx-icon",{key:"500bd24a19cd14d0acc2e7b2558dda73c050af65",class:"check__icon",icon:"check12"})),e("span",{key:"62f4d3308d6d5aeae291277aa6008687faf2a3fa"},"Adheres to web standards")))),e("td",{key:"1d111ca3a521d1779eb4264a4fd61ecce272f99f"},e("ul",{key:"9131f667ccec07f243b9fdf59a0eef968ebcfdcc"},e("li",{key:"3008d1774f640e292261c166389d8c5f02342ad8"},e("span",{key:"ff2a33f311c6de5f7d3cc6723f373fca995230b5"},e("ifx-icon",{key:"a14288bd6364b5724cd6d42c58b9afc52e27c1c6",class:"check__icon",icon:"check12"})),e("span",{key:"5773089f863acdf09fef8506a4a7895422422932"},"Inverted option")),e("li",{key:"0adb390f5579caef3dd239ebe7490889a2d0609e"},e("span",{key:"b6393942de9b358c90b9f065ff2b7b9ec6cb52ac"},e("ifx-icon",{key:"74270825d9886fda257ad65ed4d8a8ac4400e565",class:"check__icon",icon:"check12"})),e("span",{key:"b9e23dec31991efc41cfa25ddd17a249b53163d3"},"React, Vue and Angular wrapper integration")))),e("td",{key:"8099b05b2a7359f57e73547f73ebb0ecff00c1e6"})),e("tr",{key:"6208fa654a59d2be77e3641907a652985610317c"},e("td",{key:"5c20585b3257397de70435a1305b343ffa0bcfc1",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"ca097601979a9729bf2c797b0c187ce697c12d5a",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-pagination--development",size:"s",variant:"bold"},"Pagination")),e("td",{key:"7a26eb27da63191d0d6afd57101ba51940bce14e"},e("ul",{key:"8944927c6119433d51a3ba25d5783820be311b0a"},e("li",{key:"ee4c3cdb64b6b6bbc8dda6bb8ac3478f60f56ae1"},e("span",{key:"5d1d2de64e69b1e4d8009925599faf727954f1f5"},e("ifx-icon",{key:"d74e8911696b97f4f19da779149367d9b8f184ab",class:"check__icon",icon:"check12"})),e("span",{key:"392346157874184bc56e7460d844075fa4907c52"},"Offers a configurable set of controls for navigating through sequential pages of content, typically used for displaying large datasets or segmented information")),e("li",{key:"9ba67762225bc2f33c650fa81b7bc0d5db2da8ed"},e("span",{key:"a45bb7bf8bf9ca6b6234d038b4656a80328e1cd2"},e("ifx-icon",{key:"fd7dd2581191b438df6b1d657f488a9b9453d807",class:"check__icon",icon:"check12"})),e("span",{key:"efce0c23625ac31544e048d5bb2add7a7d37c171"},"Adheres to web standards")))),e("td",{key:"e9381bf74aa2a06d7be98540462bf5909ce1b95c"},e("ul",{key:"31b458963338a1b6f784f85bc84f97f58f34303e"},e("li",{key:"a4200e1fb90fb88c72331fb6c82f395aafaabb17"},e("span",{key:"b88ae065b2fe2d223c0eb288bea5d099057246d1"},e("ifx-icon",{key:"262c845c7410a1b65b5793fb83e64c75f08246e6",class:"check__icon",icon:"check12"})),e("span",{key:"dc50da4465bf3798deadfc097ba293c802724a5c"},"Extended customization")),e("li",{key:"ab31505b7af7559424cd8582a0e77d1a12619f06"},e("span",{key:"05140888564e08ad487f03ccb142c986acde996a"},e("ifx-icon",{key:"ba2c584e1741dfc9fc25cf610d5d54ab5a899b5a",class:"check__icon",icon:"check12"})),e("span",{key:"72354d76f21fe658ea22e2d2c915efb7efaa852e"},"Configurable Results Per Page option")),e("li",{key:"b57641dc098d5f76a5ddbd0c9bde2eaeb36f2e80"},e("span",{key:"90439299e92b4e0a46cf04fb135cad8ad045f025"},e("ifx-icon",{key:"aacc8f26e411f22718ae1add447dc3ebcca4eff8",class:"check__icon",icon:"check12"})),e("span",{key:"aa7e7a5f2599e0fb36c1adb5d2925abce91793c9"},"React, Vue and Angular wrapper integration")))),e("td",{key:"61f2cc3a46bca6430e8c6d8bcaf2a583173cf942"})),e("tr",{key:"e25838f6be8a55337423bfbc0ccc551dd5df3247"},e("td",{key:"f8b7b857550b93d33e39346013a38cc537e982cb",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"9b13557e130768e2aa0772fa30d80ce8810586ae",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-progress-bar--development",size:"s",variant:"bold"},"Progress Bar")),e("td",{key:"fac1af56f63b261f8ff9a63eb91e8fe83bc7a110"},e("ul",{key:"c12c4b5e2d3d430e143e90cd0952eb0b02523ef6"},e("li",{key:"4cc977e63405eeea0fb090f07d24ebdf7f756c87"},e("span",{key:"bc42129ad6825a91983fdb9e60d55785332df617"},e("ifx-icon",{key:"0b75e22c7a7cd0ffa27c04a330c4dbf2a53a6829",class:"check__icon",icon:"check12"})),e("span",{key:"14778b24a2921d0a7ec5820b000b0ba3ea608f74"},"Offers a customizable and dynamic bar that visually represents the advancement of a process, typically used to convey loading status, or task completion")),e("li",{key:"b1cce934d2f912aa34c24d487103002fd5614ef4"},e("span",{key:"5c7b14b2974d43f7673c8031350d941dff8845c0"},e("ifx-icon",{key:"d15a686a1233837be9a2687b9ae492c1f047a586",class:"check__icon",icon:"check12"})),e("span",{key:"94c777a8744278398ba4ae0176ba123af00efdb0"},"Adheres to web standards")))),e("td",{key:"1ede2e834cc7ca623b92c9a2dacb43027482ae16"},e("ul",{key:"829866392d02e19f1640567209a2724bd22ed0b4"},e("li",{key:"e53e2ef0cec285bdec46e322ef0c5bc7fa7a2696"},e("span",{key:"bbd92e6743dc4b42394308bf24cf900fd8f253fc"},e("ifx-icon",{key:"c477c1ba1090bebf1e9e7e90e7270497e1cd3bd9",class:"check__icon",icon:"check12"})),e("span",{key:"cd77fc94eb8b221cb5608f229589110dd189781f"},"Extended customization")),e("li",{key:"194ef786af8bf3792658f353cd32efaca1f80c71"},e("span",{key:"30d3bd5ff52c9330dc2867edfa7f0f0c2bdc8210"},e("ifx-icon",{key:"a381138f9324efcfe2736bf0af4d6bae9dc23d42",class:"check__icon",icon:"check12"})),e("span",{key:"70df5120c9a334407cf5a10a862d3af53420a2d2"},"Show percentage option")),e("li",{key:"892984b3cc22f9ca049fe2fd44f9201790d39283"},e("span",{key:"8f656f68faf0b9802f570dcac620e8d650031b0d"},e("ifx-icon",{key:"12fa30ea60e0924333616c97725048fcbae7a506",class:"check__icon",icon:"check12"})),e("span",{key:"859fbc8067254c8055d55f003e52232db580aad5"},"Small and With Label variants included")),e("li",{key:"5a949fa214f9a1325197012a5d3ed871420dfc04"},e("span",{key:"4fb9c8564416cfc605b906114ac30551914a4f6c"},e("ifx-icon",{key:"333cbfee01ebc6daa676f33dc247b2fc1583c200",class:"check__icon",icon:"check12"})),e("span",{key:"d835dffb139c677425b913c854e235e6c42aba29"},"React, Vue and Angular wrapper integration")))),e("td",{key:"f1e65eaac1ab3186a36f51eee7b891f70c129e55"})),e("tr",{key:"a313b8830dc08fc873c446311cc5cd8120b449d3"},e("td",{key:"4af6c9c21232ba14ceadd60732dc32e4c98c9824",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"ba17401fa1a0080a23092742111cebe836ef7eee",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-radio-button--development",size:"s",variant:"bold"},"Radio Button")),e("td",{key:"f826bb923fe53c104fc59b59c3f65491c4237a45"},e("ul",{key:"c89394d1d790a26b57b42da2aeb52bb2dbe07e7d"},e("li",{key:"14f83d9cfc01b9bdfb0fc3dceb7ee8d7e70c2678"},e("span",{key:"2439fba6de8877054e181256834b80cd0b36a544"},e("ifx-icon",{key:"9c0f854506bf6bebaec1c9ce650f2e357fb7e5f6",class:"check__icon",icon:"check12"})),e("span",{key:"bd2dd2655db92a155295f0e1dd1d83bb095b03e3"},"Offers a customizable radio input, allowing users to make a single selection from a predefined list of options, typically used for multiple-choice selection or exclusive input")),e("li",{key:"eddb8ea6d720043c6012171c752041a0f6a10c5b"},e("span",{key:"4f20f215d39c7542a4016eb09143a2c0896de7c4"},e("ifx-icon",{key:"96f7b8fb29cad4a9054995bd95e05fa95d66d0f7",class:"check__icon",icon:"check12"})),e("span",{key:"82990e6590b672f7150216cd037f2e4c31e7209f"},"Adheres to web standards")))),e("td",{key:"a10f835f10ae7ae5fa2c0836be37c36d12ac43bc"},e("ul",{key:"bc0e1c0acb92c0e292ea174c7eebecf0f0265ec4"},e("li",{key:"cf3cdfb54ae68430856f72f6fbbf9ba733e1dbd3"},e("span",{key:"c1aa9b1ba070b3436328f7fddcabac9513277ffb"},e("ifx-icon",{key:"982442e4738884f2375bdad1d061abcd4b0394f5",class:"check__icon",icon:"check12"})),e("span",{key:"b93792daea1a9ef489b3147fb9523007da9abdc8"},"React, Vue and Angular wrapper integration")))),e("td",{key:"a17d6b5b855970415ce388207e7ffb7911006994"})),e("tr",{key:"89e0b2fb93142b41aad906158ae92fbbe9edb92f"},e("td",{key:"d47f79a4e73a0b54017b78cd566ee0dc1f22f694",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"e28b68a8acbf871a7ff2549b307c7e4a6ba8e51b",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-search-bar--development",size:"s",variant:"bold"},"Search Bar")),e("td",{key:"1d76b89a94a570b8263a5c44f63c96346a60e48b"},e("ul",{key:"6831c75da3f9af5e3c3333cac316932dae1adb00"},e("li",{key:"b811e74485d2a49a45facf094732ba091a163936"},e("span",{key:"597e2002f6cac92432a5cea1491933e8325eef5a"},e("ifx-icon",{key:"3d1db5419eb2c0ddc5a92f1e52be46de120b39bc",class:"check__icon",icon:"check12"})),e("span",{key:"67407793dfe18d939258601caff7d3d7855362af"},"Offers a dynamic and customizable input area that allows users to input search terms and trigger search actions, typically used for querying and filtering content within the application")),e("li",{key:"f0f0d83a0ff42252ffc088e21926fa2e001d7f33"},e("span",{key:"19e92abeb2aa6874d428cf310b0ea771686ba84a"},e("ifx-icon",{key:"bda978fd1eeb362dd1e6630b2bd8fb4f64f2778a",class:"check__icon",icon:"check12"})),e("span",{key:"cb372daf89cfe467da1beeca51f172f8f1c6c46e"},"Adheres to web standards")))),e("td",{key:"101381c9e77dbed42a392a7050e40727c422d466"},e("ul",{key:"2515be70bb9b545b4d20d7ee04c698b9ef214106"},e("li",{key:"743dc27eb46d91f6cf290613c6973a41c97f4977"},e("span",{key:"d8ef23e76fc4566d5820a8c59136c6c7a6234819"},e("ifx-icon",{key:"34e890bde4a2776c0d0ce0d22aa02d9a51ee746d",class:"check__icon",icon:"check12"})),e("span",{key:"c8bbf39e2fb679d8bec4d52b29d54b15974f512b"},"Collapsable option")),e("li",{key:"848d3059d1558bd6b214d9c4be7bb44626e63ffd"},e("span",{key:"ef2082fd97c022a0dbb2967cdb5e418d6d0e79b1"},e("ifx-icon",{key:"44d5e29e221f1eae4bd06922b14e73735ec9592c",class:"check__icon",icon:"check12"})),e("span",{key:"245e42e6b7d73b9ae4ee3dcd118aa81c5b3dee12"},"React, Vue and Angular wrapper integration")))),e("td",{key:"faddf648847bc24df7b11fda4e7a28bd24822cc2"})),e("tr",{key:"b5dc391136e162b64f57fdedb126b917d2a72df7"},e("td",{key:"023f28d2f79d368939be9a5a901603f41fcff66b",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"2d7e0a269cd3df67d27748875f04b33f3097eb7f",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-search-field--development",size:"s",variant:"bold"},"Search Field")),e("td",{key:"31a156b2b4ddbf8bafb51b3a3a0b592c60a7a733"},e("ul",{key:"1b8e593199a0a113da12ab79987c417b799db5e6"},e("li",{key:"bf15e109d7b4cc685d82dec4f7675f33bd29105a"},e("span",{key:"86a75c8f3d4b668d025f6a26787fbd84fe13f1d6"},e("ifx-icon",{key:"7111319cceff05c14e4a060ab92a59679182d799",class:"check__icon",icon:"check12"})),e("span",{key:"7213bf4d64dcea845714efebdfcb28f487132cfa"},"Offers an interactive and adaptable input area that allows users to enter search terms and trigger search actions, facilitating efficient querying and filtering of content within the application")),e("li",{key:"bf2a380b3373f723dc287dcab58d8b015c63652f"},e("span",{key:"38ae6db8fb80f8b64824cf19e5a4c375959c4f90"},e("ifx-icon",{key:"816083ff03d92257e2fd0d9af9a2d0081b85c4fc",class:"check__icon",icon:"check12"})),e("span",{key:"40b6cd9595cebe4371041b6a266c6d32f02e92dd"},"Adheres to web standards")))),e("td",{key:"e3c71b960bbd782518423c5b862c673e3ba8803e"},e("ul",{key:"46de47dc6cf3cc31ff1bc9cfe5b2b9adda19eaba"},e("li",{key:"46928495a960be3d3c59949c2c7016585b82182a"},e("span",{key:"b183936adb39333e6084979f267f69061d67846f"},e("ifx-icon",{key:"3d6486b9509a7cc2e731c759b9fdbeb9e93400ce",class:"check__icon",icon:"check12"})),e("span",{key:"923d224fc2d2d706d0d96e6a43e7d69d32cd943e"},"Show Delete Icon option")),e("li",{key:"01a7f07b1b2813e5df76c63fa591ad6901a6dd5b"},e("span",{key:"af1c98ffad3cb5b0dba99b60fab976edfa29f961"},e("ifx-icon",{key:"c223b1f3e93ac60f4674d949d896ee3b6b7de8ec",class:"check__icon",icon:"check12"})),e("span",{key:"33d10a0d1b718c8ea29758ff9818aa85c0ab7604"},"React, Vue and Angular wrapper integration")))),e("td",{key:"76f81bf3a936805f0e30fd8a7e2623512af5531e"})),e("tr",{key:"5aecb528424559e728a9a6a1654c1419c5eafe69"},e("td",{key:"f4d42db01992c178fe984893f032af2668d455fa",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"b90845079f70c75bd70740f277c6cecab014a8ca",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-select-single-select--development",size:"s",variant:"bold"},"Single Select")),e("td",{key:"4c17958ffbe33f76ad70935cf59fa9dc8cfad987"},e("ul",{key:"192e32e8d8d311572c9a8065613829b2a1d1235c"},e("li",{key:"25546c68dcce792f3543504310918d7b5c1b7cf2"},e("span",{key:"833e82aa4932646ebf13b19c4f62a76f185a8c5e"},e("ifx-icon",{key:"9dd657ea14e05e4af5deb3e183679e97c2740fa8",class:"check__icon",icon:"check12"})),e("span",{key:"98724750cf988e28b728ad4d0e5638fea5d35abf"},"Provides a user-friendly and interactive dropdown list for selecting a single option from a set of choices within a web application")))),e("td",{key:"e90367a95551eb5be87f3775f266c3484945967a"},e("ul",{key:"e41861425c7fb6ab8a508077016933117e826b1c"},e("li",{key:"f29004816faabdc9d2e0b634d8706ad6fd459653"},e("span",{key:"d335fc6e550246c8e582b83ff73fce242d8f85ef"},e("ifx-icon",{key:"994dbb3a01628847c4fdd1ee51cf71a8810ddf55",class:"check__icon",icon:"check12"})),e("span",{key:"cd843622131a11c458e18f62f5d32d1f2de4baa1"},"Extended customization")),e("li",{key:"fd8a5d19aea87ecee072cc18c0eb6d05debc61ea"},e("span",{key:"3f36e498b0bdbaceaba4479c43e50246f122dcc7"},e("ifx-icon",{key:"b286be96cfb98c24a12302050aae3f7a4bbf8a57",class:"check__icon",icon:"check12"})),e("span",{key:"a6f7d91dac450e0238eea0d47d76a3c8db5f2f27"},"Option to enable and disable the search")),e("li",{key:"e5dbe1c58a66dd41143317281bb2e70ba7fc1b8f"},e("span",{key:"4bd6ae0932accb86df129dd98f10162c1a11d598"},e("ifx-icon",{key:"e0917d27f2309eff36c8723bdf65b0b571a45504",class:"check__icon",icon:"check12"})),e("span",{key:"a506c1b421b61dc89a2c5656dde8604d746aa00f"},"React, Vue and Angular wrapper integration")))),e("td",{key:"34bef425acce2a771ae1f2fe280ea5252a03ecb9"})),e("tr",{key:"f512db444aa994d1cfd920acc71482c236f20776"},e("td",{key:"0cdf04af9e1fc2c9a8986ebe0c2b5b3a4d5cc8dd",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"6b45c9fed530db669a5c21d2c11d633d4232e9f8",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-select-multi-select--development",size:"s",variant:"bold"},"Multi Select")),e("td",{key:"aeda84b983aae4a1270d821477222571cae9c2d3"},e("ul",{key:"a305d4f314de6801056f0ef8d8c23b893bb99a20"},e("li",{key:"35c023525a43c9f52f6ff510450f00c65953697f"},e("span",{key:"078870f05db7fe29cb019298a559cb5d528845a3"},e("ifx-icon",{key:"9d2fb18d65a1617a5e352060e9f08b81c3e5d61c",class:"check__icon",icon:"check12"})),e("span",{key:"5cb8aed542b571720922fbb11ac5305b51eee7bd"},"Provides a dynamic and customizable dropdown list that allows users to make multiple selections from a list of options")),e("li",{key:"8e3a261555924dce06e83cf977995b2ae9418999"},e("span",{key:"dddbb7c67bc85ac02df189d545af8dbe9b4b2ce8"},e("ifx-icon",{key:"3aede00d4f2f792839341fe7a31510020a2e6df6",class:"check__icon",icon:"check12"})),e("span",{key:"6b535c214be3053fc9750c70004ee940420c504f"},"Adheres to web standards")))),e("td",{key:"15165a36f9a1201483bc71ffe0b0059f91a2d917"},e("ul",{key:"6e5b4506197ac9a0322fecc0fdd0a59f08d73f5e"},e("li",{key:"665f7f9d64340580a484a5b8a9ca56821cf0fd4d"},e("span",{key:"896e396cac37c63e522e42fd11ddb98498809fc6"},e("ifx-icon",{key:"61aeacd4a5e3efdc74a599a2eb9c4a4f6109e438",class:"check__icon",icon:"check12"})),e("span",{key:"45ba48261f1f876a2557f1c8dc8812c62b500527"},"Extended customization")),e("li",{key:"1b84455d0acc9327a5bef58677684812b60867d9"},e("span",{key:"c28934fe25a422a1a16f3156a97b652d24322681"},e("ifx-icon",{key:"bd7e08b5f53f428a2a75e8dfd0715061c0d30b5d",class:"check__icon",icon:"check12"})),e("span",{key:"a12de59e4da55301d99b5f1d863900e02d4ec776"},"Nestable options")),e("li",{key:"8904c109df64ec59dc537b24904fcf3c1d8e707f"},e("span",{key:"bec64906f3b761dadb2b7a1867e1a4c82daad619"},e("ifx-icon",{key:"f7769570bd66a415dfcf6dfd39597e3334510ba6",class:"check__icon",icon:"check12"})),e("span",{key:"9dd091e833b973f41d383f7f271b9d5bf1074cb4"},"React, Vue and Angular wrapper integration")))),e("td",{key:"5d3e55ab33c31133dd7ce4f7d338c82f8ac24b29"},e("ul",{key:"1d4b7a786ade0a52a78d8a0253229caf2a225eee"},e("li",{key:"1712fe7eae66901f7ec29c99a02edd6425fa64be"},e("span",{key:"54015814c3b3d6d30cd5cf8aab7ef3282d1c2bf5"},e("ifx-icon",{key:"0c6efeeb5ce6aa7273604606a3a5a8176e84739c",class:"check__icon",icon:"check12"})),e("span",{key:"4855f3613c1ac3f10c3ef36b1f00bdbd28921dba"},"Option to enable and disable the search"))))),e("tr",{key:"705e0ae33b011c5ec6104c15108b340dd3dbdc9e"},e("td",{key:"f7f74ae2b3ee074d704e9e8439ab402116e2ebe0",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"883d33b56a2d5ffc71c56c1135ac6416f6497457",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-navigation-sidebar--development",size:"s",variant:"bold"},"Sidebar")),e("td",{key:"d0fcf6b2918402d3e20f32b691251aa1f8899086"},e("ul",{key:"7517f26f825bb4b57bc262079604924bb3ee795b"},e("li",{key:"21df1a9ef8c18ecbb2062b38aebe3b2da1c4d0b8"},e("span",{key:"d1fc4cc2d3aa7bf334904fcac19bffe0d92b422f"},e("ifx-icon",{key:"8b7f8553ed55b70fac053292f3217728fbd09668",class:"check__icon",icon:"check12"})),e("span",{key:"1467d81198ec7acb94bd845ac06fe8301e139eb9"},"Offers a configurable and collapsible panel that typically occupies the side of the screen, allowing users to access additional sections, or menus while maintaining the main content area")),e("li",{key:"29f569e4603dd561702dcba35f17018886d9eccf"},e("span",{key:"6a61a701a372df41aa8deff400ceb35b98967db5"},e("ifx-icon",{key:"9b053ab00e7dff3aecbaa4270e16435d6585bc5b",class:"check__icon",icon:"check12"})),e("span",{key:"61dea4eaffac3b08629afba66da6e71136cf1126"},"Adheres to web standards")))),e("td",{key:"d93724a43c465832029606dd036ee195c8c14f31"},e("ul",{key:"428658c01c721d41852dbf0207f111af20becd3e"},e("li",{key:"e016687ec82f217ab27e34a594baf42a69b05392"},e("span",{key:"bc2f2db4f1ac69a6babfe40d305356f689166a42"},e("ifx-icon",{key:"78039e0e07002f88d8f5ad465ea55bf72ae10993",class:"check__icon",icon:"check12"})),e("span",{key:"d1dc47b26a7e35b7a51626ef29f951ce426df786"},"Extended customization")),e("li",{key:"819b300d0907a8f96b42cd6ffea1ce0958cc468b"},e("span",{key:"b1a93dfd6a92af85d684a36b3bf311ea6ba0e2e5"},e("ifx-icon",{key:"e0d470745fc59ccedbe9a6d399a394b1b2e28271",class:"check__icon",icon:"check12"})),e("span",{key:"8ae7a74b2a7d3b0c8eef64e1c3739738175bce8a"},"Multi-layer nestable items and menu")),e("li",{key:"b97633ee34767b7f02d2ffd32827d1907725479a"},e("span",{key:"c304fa20d795bec822f8010acd539d8c2e785d9f"},e("ifx-icon",{key:"27e821bc73925542a673f00c777bbbe87b1f6a68",class:"check__icon",icon:"check12"})),e("span",{key:"aca669f77ac196eea4e5d4051cdcf44a6988aa10"},"Initial collapse option")),e("li",{key:"179cd2518d5acd8b2d330f88f2f749d865a285d7"},e("span",{key:"d2047b88cd12795dafcd557bfb96371a5cda8a80"},e("ifx-icon",{key:"de995764ed654e3a26911c8e6e312b6bf2fce1f6",class:"check__icon",icon:"check12"})),e("span",{key:"1b9eface102342c43e214ab5d626a9e726656759"},"Active and action item feature")),e("li",{key:"6d9ab8036cc4ccab722b9d60135af646c7991a53"},e("span",{key:"fda7a810ec2be79c716b0f3c7485293b819f0e9e"},e("ifx-icon",{key:"3ca1ead9554ddeae68bba2ad625ed7cb2ffac64a",class:"check__icon",icon:"check12"})),e("span",{key:"f27ebeccd63e99f65d632f59102cee327b6624e6"},"Number indicator integration")),e("li",{key:"eb791399f4c7981e061822baddf22992a10028d6"},e("span",{key:"55e57c644ad645f8abf340fabd451e4fcccb9b76"},e("ifx-icon",{key:"5052e466f52153ca7071a6800a84c5b988e22bce",class:"check__icon",icon:"check12"})),e("span",{key:"f008b9262196bc5bb82d43eb407a187509e25df0"},"React, Vue and Angular wrapper integration")))),e("td",{key:"2d0f01d01c967d60de2ecbec05cbb09712442051"},e("ul",{key:"aad7ff5ea9a7862d21e040623ae916f67aa02f59"},e("li",{key:"6efd67354909ad8fb19a255cb1aa1fccddfca5c8"},e("span",{key:"fa61eeff2a18086bed52e3c48310408806fa5a73"},e("ifx-icon",{key:"a92aba79c3098cb24bf04fb0c0236144082fcdc7",class:"check__icon",icon:"check12"})),e("span",{key:"7eeb86d2301144e72f8baa3b0ff3edef57441459"},"Removable Footer, Header and Logo")),e("li",{key:"117721a53a337720cea2b52feb243a25651e00c6"},e("span",{key:"812c1464713b7944cd745ae74d66a38f54b3d2bf"},e("ifx-icon",{key:"339b3ae2715feeeb25871e81573011b9e4c0804b",class:"check__icon",icon:"check12"})),e("span",{key:"d43480c555c381be8a782b3fad72bc9d5c5303cf"},"Removable and customizable Links"))))),e("tr",{key:"b6d565fbb3896f8e413b935736dee4c46203dd3d"},e("td",{key:"5aff960ff40e9a31dc53bd6caf9d48e35dad1eca",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"bf51507b750e2887862e00fc4fb70959fcf7adbd",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-slider--development",size:"s",variant:"bold"},"Slider")),e("td",{key:"714a90696a65b5bd8001416d5156535a731b82c9"},e("ul",{key:"4715bd811c98ab35ba91ab9ec9a56c647e745d54"},e("li",{key:"10bb8ce975801c5ccbd767d656121208fc0c597a"},e("span",{key:"4cac73583cc2bdc5b77b1abdaa8a4c8824beb994"},e("ifx-icon",{key:"d07cd9d48a697d206b6afa1a15594b6b2dc6513d",class:"check__icon",icon:"check12"})),e("span",{key:"7efc03d0f89ad9dfd309139669a98aca4bd4423a"},"Provides an interactive and customizable input control for selecting a value within a defined range, often used for settings such as volume control, data selection, or numerical input")),e("li",{key:"c8b1c1b7b2d41b6e3ec96fa60ee5ec2f50165e05"},e("span",{key:"6ad1e950a1b4e45fcfe34e3ac5e78872e54b3af5"},e("ifx-icon",{key:"afa3e5cf6da01d89fbae5a67af7d076934212852",class:"check__icon",icon:"check12"})),e("span",{key:"0b60db41b1d6675bcf1dfa756b6202c05678ea52"},"Adheres to web standards")))),e("td",{key:"7df54e3214cf2d023d4b90888445f715fccd54f7"},e("ul",{key:"e82e4a2520b3ef2d1eef9656649af34af821aa34"},e("li",{key:"4240953213c7859754b5f9531b20b5b60e5a8692"},e("span",{key:"d303ca46baef7fba05cf39eb4e7584b33ef6eee8"},e("ifx-icon",{key:"8940c381e2d3981c5f730398288dc36440908015",class:"check__icon",icon:"check12"})),e("span",{key:"5cbeb5566a9d631c5d7c766f505ff49138f6aada"},"Icon incorporated")),e("li",{key:"683ab12b7c1f65f9e41ca666ea9dc203006c8ea7"},e("span",{key:"afc0b1c83683c530a0ee926a584857c509920419"},e("ifx-icon",{key:"b932ddbb5c5370c1845aac4ae74d260e46445d31",class:"check__icon",icon:"check12"})),e("span",{key:"1ff0cce43f8eeaec4b95acb37910142b9136a05b"},"Percentage variant")),e("li",{key:"0903ada5988fb0d82ee8b78f89cdd6819c5b432d"},e("span",{key:"4a7ca53f027818e707e422f6bae013a071e58a56"},e("ifx-icon",{key:"10b714082de13aac9e3809c7dc88260cd32a4ae6",class:"check__icon",icon:"check12"})),e("span",{key:"ea1ed6c2006124409e9369e8da7a18ba0d687255"},"Text variant")),e("li",{key:"904ff32cc32e09884f7c1fafa5ef4e3abf27ff8a"},e("span",{key:"e4560732d7dd0f64f41d329457169e8866dc13de"},e("ifx-icon",{key:"0e3e1fd9c5b86026491d02d19ba4c2bea89f2867",class:"check__icon",icon:"check12"})),e("span",{key:"012bc0c65cce31eb15b27f2e8cd2ed9802c7ea77"},"React, Vue and Angular wrapper integration")))),e("td",{key:"fec8fbaf2f8af680ff488fabc9c04415a1dc3ca0"})),e("tr",{key:"ad617ef4815e3c164a38a864055c1ac85280a676"},e("td",{key:"41b57c25825ad4282fa51d7ed8e377df52a7ec88",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"6528a672f3866745458ef444e9b82c91731b9140",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-spinner--development",size:"s",variant:"bold"},"Spinner")),e("td",{key:"a075b4a52686495bfbb8fe627ffc5ff4ed887506"},e("ul",{key:"7ea9ba74a1caef6d17ff591af45cea8eacde9674"},e("li",{key:"289d692e06965e75fa112977b0e1dc6589820037"},e("span",{key:"2dda7116ac195bf2ce9c381df741f221e3971f39"},e("ifx-icon",{key:"94245cac5e26e815c0a19166df201f1ae04f25fa",class:"check__icon",icon:"check12"})),e("span",{key:"fd8fa184a21f40c25795d99f6b2681aace38d680"},"Offers a customizable and animated symbol that conveys to users that a task is in progress, typically used to signify loading content, data retrieval, or pending operations")),e("li",{key:"9c229c4b12704a07816eb7c955edd7958b04b3e7"},e("span",{key:"2a96311c6970c6c30f22b83a2bcf4cc57f7eb632"},e("ifx-icon",{key:"ba0ad02c4ca388cc0cef4747767b87cc197a30d4",class:"check__icon",icon:"check12"})),e("span",{key:"688c8faca39ecfc2be82783fee93d87243470423"},"Adheres to web standards")))),e("td",{key:"d4d22caaaa9fe0aa6e979aec7ddb5d1600a5df82"},e("ul",{key:"2ccd8a338377b830de3bd63d5a2f745dab85252e"},e("li",{key:"9b9f430acde27a9dc87a6de5e2a0bed33cff2263"},e("span",{key:"759edd8a8a8a828ef75a0280a78da9a7c6340509"},e("ifx-icon",{key:"2ae24ab7ffd672aa50a4175a2414d7ee52a226b7",class:"check__icon",icon:"check12"})),e("span",{key:"1a75297eb4bac13e3dd50533be945119355b7fb2"},"Brand variant")),e("li",{key:"9a860b4dada8c3c3d40e0a9b2cf9ced8b0ec619d"},e("span",{key:"38fcad81591154cd7217e94047e5bdb51af8079f"},e("ifx-icon",{key:"0878623da1241ab8b67ab86eb6a83ade71aa4f86",class:"check__icon",icon:"check12"})),e("span",{key:"7c4008954f20a96e50ac9ed1f52c68095bc0a617"},"React, Vue and Angular wrapper integration")))),e("td",{key:"48a56752e8e76e8f01cf4cc4d1d1abacf8071513"})),e("tr",{key:"84dac3fa1bd3847a327b1b3d8695f68e41545b86"},e("td",{key:"113a762249bb467f3eff9ba2d8de52b41ab482ad",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"60695ef6333e66db539afdff08c457987575838a",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-status--development",size:"s",variant:"bold"},"Status")),e("td",{key:"50684105947a4f44d4d75c13bb4619f431fce16b"},e("ul",{key:"e263feda2e675d950adba8d902a5186266c78063"},e("li",{key:"eb06528b7f5c29d09a338f16adcd3a58e0d10343"},e("span",{key:"4fe3174ed0aa369be7030a7aab611fed436c5b26"},e("ifx-icon",{key:"8cfdba8541131804d2e2963b1950bb29ea4af642",class:"check__icon",icon:"check12"})),e("span",{key:"40860196cca96989572c89af6ff4913bff7bdb9e"},"Provides a visual indicator for conveying the state, status, or condition of an item, process, or entity within a web application")))),e("td",{key:"cdaa6336dcf81f46bb1c6e00ce42e9e2a1a9e085"},e("ul",{key:"6bf64b66dbdba395071dd881d914291f7c66e627"},e("li",{key:"31cf384d045928fe0ad6fdc64b9e4b45f7b23302"},e("span",{key:"5104a2c2512126079cc053444c7984428159a8bd"},e("ifx-icon",{key:"a0e766279cf3ff66cbceaec94c756c42e2ceb89f",class:"check__icon",icon:"check12"})),e("span",{key:"da39e0abab29af669b598e8ade2afe72cefbab4a"},"Ocean, Orange, Grey, Light-grey, Red, Green and Berry color variants")),e("li",{key:"eb7f2d3ff667650fb8d9acfd92ac392ff69e07d1"},e("span",{key:"8b4c4c1c33afdced1493f03ee3f7840631b4547d"},e("ifx-icon",{key:"450bfde70c116b74c09be67dad864538fcfd5db1",class:"check__icon",icon:"check12"})),e("span",{key:"d6bcab3cd5794dc3dcf69bc69d98d43b8c25f103"},"Removable border")),e("li",{key:"8a05fe9ca7dbb8ee9e6ed233de64567dee5b5fc0"},e("span",{key:"d946fac84b02d53c43db0ad2842e46412f8d00bf"},e("ifx-icon",{key:"6a88e2f04df562c958970b4cfaca831273075d58",class:"check__icon",icon:"check12"})),e("span",{key:"e6ee0410cad390db7e769e6f73c6f9949baaff7b"},"React, Vue and Angular wrapper integration")))),e("td",{key:"0e77f61cd8d5dca0063471b6dc062e8a9244da7c"})),e("tr",{key:"ab42c9ad253485a5f50e840394f0cda8b18f3db0"},e("td",{key:"00d027e169c97b3d714917b4fe35c54fadb56ec8",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"5ee1af1f884c3618bcdb4777d8a399b3fee2b523",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-stepper--development",size:"s",variant:"bold"},"Stepper")),e("td",{key:"9ccda34e7f607671333ea2d6de759af73e52ff0e"},e("ul",{key:"305f7de029f21b1e6da63fa620defd43ebf96ff6"},e("li",{key:"f800e2f88e30f3b57ace9864577cd60911f7f131"},e("span",{key:"8060f6d094f292e5853172809a785c3261d4b953"},e("ifx-icon",{key:"9473a08395e2b9f141e077725c094a4a0ddaef56",class:"check__icon",icon:"check12"})),e("span",{key:"0d9dd8e071c051e7b621dc6efb8e4ab285b9e2d1"},"Offers a customizable and intuitive control that allows users to navigate through sequential steps")),e("li",{key:"8d2b3f92e0b17fd439e7e2f2da1c3d83aa6d2df9"},e("span",{key:"4755c8b56dc5e20a3ab54d1e8dd743d9e20d18ac"},e("ifx-icon",{key:"7c484c5a78d4df50ae455a414dabd4c65cec660c",class:"check__icon",icon:"check12"})),e("span",{key:"9f4c4b2bc529d8b65ea1b21c19e677a02d96d9fa"},"Default and Compact variants")),e("li",{key:"3cc335e46a4c2eae3d815a71b4a2f50bd657bbe6"},e("span",{key:"fe5b04ee183dbc24c068c5bd97e431083466d0f9"},e("ifx-icon",{key:"9b30cbcd2bd83735ec793227006716d71d2fb816",class:"check__icon",icon:"check12"})),e("span",{key:"d79cc50ea4794614bde8b20ca8122b31541afdd7"},"React, Vue and Angular wrapper integration")))),e("td",{key:"c9bf97c163620be6c792e86dfd8957e37de2d619"},e("ul",{key:"a624efcba7e6fd71f03e67db5b8d0d2a3cd9aa13"},e("li",{key:"68f419d2bdecf68fa81e437807bb6999fe90f4a6"},e("span",{key:"8bbe95bd02424f931678969b5b042515890f3578"},e("ifx-icon",{key:"6c03771e48eda2db8cdfcc7daee9354b724267b4",class:"check__icon",icon:"check12"})),e("span",{key:"67c4207024a50a4631daa84e4a75370baf574848"},"Vertical variant")))),e("td",{key:"bb3162c2522e4d9ae4b6390416d4a09167d7981e"})),e("tr",{key:"2d1cceb0bf3964a8376845fd0e8e51debadb877b"},e("td",{key:"a48721e5d63dcff5ea98c9d24393fff3b8b3068c",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"3218029f18c9912e8bb63af07d64212c858bed73",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-switch--development",size:"s",variant:"bold"},"Switch")),e("td",{key:"af0344b52b10abcd795c6f4cd8d24587c4f12199"},e("ul",{key:"bf2ad056a5453553c0ef57b207854c076703c178"},e("li",{key:"579c7ca7c61ca8a491cdeb2085ac97c4236455e1"},e("span",{key:"2542b7ee798e8e0b44975560bc856225e964f5be"},e("ifx-icon",{key:"101045e320703f606c3fa18c9286d72713f8c626",class:"check__icon",icon:"check12"})),e("span",{key:"b183aee580eb3714a0fe8b010041b55087a61770"},"Provides an interactive and customizable interface for toggling between two states, typically representing an on/off or active/inactive status within a web application")),e("li",{key:"94d75af962f9470432f278b93deaba97f1177975"},e("span",{key:"481cc366f76e5e84b2162a1ed5f4fda4244d4cc1"},e("ifx-icon",{key:"4ab2f6865d61f541cce85ce6b29c70415bfd7894",class:"check__icon",icon:"check12"})),e("span",{key:"48614460f8da0223cc51a7c89443044fa85689a9"},"Adheres to web standards")))),e("td",{key:"d59296cef49fce838d8746dd70f9b2199eb9839d"},e("ul",{key:"ba6871f7eeb3b51e9010e854225cb74f52163f77"},e("li",{key:"95a2733f5f228fa3bb3eda6635904d421bb7fa47"},e("span",{key:"667b7d1e8ea066c777db97e44892a26bebfa183c"},e("ifx-icon",{key:"6b6ad61bdadb8179e93ba2a978ceb5504b9a433f",class:"check__icon",icon:"check12"})),e("span",{key:"31a395f88371406a758944a830ebc26352d6b968"},"Incorporated label feature")),e("li",{key:"ed5219b05c29bbaa6b37353702291425ec207042"},e("span",{key:"31ce7a259f7935f3491b2d5c7f78e38dc49f98ed"},e("ifx-icon",{key:"5e78ee4743154b17053a03f74714389ab9125726",class:"check__icon",icon:"check12"})),e("span",{key:"c3aecfe6b6cf9860083d79150360b9e94cad192f"},"React, Vue and Angular wrapper integration")))),e("td",{key:"dd365640adb41fbbfa4472ff19dda01a5a4bfeb7"})),e("tr",{key:"3e627d5b0bce1e97b13538517a46cafbc8945193"},e("td",{key:"d6a3de87b88372f5e27bc468618dd5d573ff9368",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"94167b5011d190faeb9bc0c17c0947082c39eb96",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-table-basic--development",size:"s",variant:"bold"},"Basic Table")),e("td",{key:"75092d0dad6b80e02895a24df5594cbe7e3c2fa9"},e("ul",{key:"85488d8a3fe93e411d5ceecc7f83fa0020ea37a4"},e("li",{key:"41c94c80411ad6b24156b2912a28f55f71c0cba5"},e("span",{key:"6fe13c04b2d220afd2be9ef3d67d078eabd65cb5"},e("ifx-icon",{key:"f62974cb1f9f27e3d849dd3d19f67eb82190303c",class:"check__icon",icon:"check12"})),e("span",{key:"90f3e4d16168643f9f91a562ff6730afb1ac44f2"},"Offers essential functionality for organizing data into rows and columns, allowing users to view, sort, and interact with structured information efficiently")),e("li",{key:"46ee1e89ceadf93a088488e50496725bd8b5d700"},e("span",{key:"d4810fd5dc78a86e21e143b64f8ebe6c1441d0b5"},e("ifx-icon",{key:"e17eba9ca43e375ac60594b291e821b63204cddc",class:"check__icon",icon:"check12"})),e("span",{key:"9c5f234c87412dce38733e5f447569878fe4e7a9"},"Includes basic features such as column sorting")))),e("td",{key:"223aaa0faa8ff75b75745ecedbcec8f98b884b4d"},e("ul",{key:"cf8b543323c76f8a26c33daf841ee849b75de5c2"},e("li",{key:"6209562e87d12f9b82a509d9db6c547527aa5054"},e("span",{key:"8df09f4ba5fd652294340489c8d725466f5aefe8"},e("ifx-icon",{key:"a76fc27aab98d9b54dc8753f35d934b447dcf86d",class:"check__icon",icon:"check12"})),e("span",{key:"fb3311069a6bf72132ea374fee90ba6368072410"},"Compact and Default variant")),e("li",{key:"2614077bb988b9314fe0824c4c55dd65ef4f10ec"},e("span",{key:"6ca9734520d0dab1a144c23fae6dc95fe93ffd3e"},e("ifx-icon",{key:"e494ef1aecfa45cc47a5cd87dfe0eddbbc5ee480",class:"check__icon",icon:"check12"})),e("span",{key:"dc291bd7b1ccc963cb8ec219ed31a3709f316bfa"},"React, Vue and Angular wrapper integration")))),e("td",{key:"21815db3b6a0f8ea0644061ef97f1a9e754cf5c3"})),e("tr",{key:"114ddbe2717131708792a38c087876242661a6fe"},e("td",{key:"813c3639842b203c5a36a05b2887e9bd0c5129fe",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"bd564718599921c0dd0d02c29327bf80f994933f",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-table-advanced--development",size:"s",variant:"bold"},"Advanced Table")),e("td",{key:"77e83448d0e5b1e65da1e1ebb43fecf254c0fc6f"},e("ul",{key:"e98d4d6fcdb69c2dc2e458cfef5f88c95befa239"},e("li",{key:"bb78c32c7c96e15e478bed0d836c8d7ea35bf5d7"},e("span",{key:"a8a9eae0c3f7797ae9ea9607408e5a97edb8af3b"},e("ifx-icon",{key:"98d643d989bcc8fe9a0ebf64272fa6b5b6f56d2b",class:"check__icon",icon:"check12"})),e("span",{key:"f401baa434c4c701761e4503d4d0b59ebd16b59e"},"Pagination")),e("li",{key:"3780cba51cd4f1c5a55d1ec9db3ea7160fce92ba"},e("span",{key:"9abd9ee12ddb92c51c35d84d5b688370692f0a06"},e("ifx-icon",{key:"8a5c01d0c98a8726fdceb93de586d8aa39940f42",class:"check__icon",icon:"check12"})),e("span",{key:"2e5ee8140b6f97ac898a003f202ef8a84fb0dc2c"},"Sidebar filter")),e("li",{key:"2b7bfc0a8612aecd35e8f53ee597d9e373e2d233"},e("span",{key:"cfdd3c33629f3ccfd5347f8a3f9af2b39db34fcd"},e("ifx-icon",{key:"8fbab33e435b1a101a4e85c2c07bb4b7e05b4e8d",class:"check__icon",icon:"check12"})),e("span",{key:"0af9c4e64287a01f6dc95ac5dd04c53a8d00fd37"},"Topbar filter")),e("li",{key:"de6ace9b471905eeae01bc624ac39c5f33c4ecc1"},e("span",{key:"3fc574499bbe0da91084da6049b007f8147c03af"},e("ifx-icon",{key:"b509d0c51d83d4f3cca196bc3b9f9bc7e84be69a",class:"check__icon",icon:"check12"})),e("span",{key:"33eaf5b4707e6b2a0e32c7711a579d926c467b76"},"Nestable buttons")))),e("td",{key:"86be1b64e8eec16bbffd11d17926c066a871c102"}),e("td",{key:"d35b8211d646094ea32abd0d5b5549d2bdfaef3a"})),e("tr",{key:"7bd77abc04f415bb744f4f4bb6fec9bcdc6b2240"},e("td",{key:"de6b94bf6ae5786780c4e2af73f91faaef4ef8c2",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"7419e4064938920e12ef3c8792f5724c7e908e25",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-tabs--development",size:"s",variant:"bold"},"Tabs")),e("td",{key:"12298e76dc41262fb52d1d6a8e899afa4c0d04b2"},e("ul",{key:"f7855012b31fb52dd966a3d990c7cda9d0cfafab"},e("li",{key:"5605eaae73fc6383d4ace29af3572d455abe1d9e"},e("span",{key:"0c060ad8d7f2ea07a522d30676308626a32e34c0"},e("ifx-icon",{key:"23f778fe1251c052bd3ffe2f8f671f415c4fd4de",class:"check__icon",icon:"check12"})),e("span",{key:"ceca875ba701010900ed515416dfb6978abcb8f2"},"Offers a customizable and interactive layout that allows users to switch between different content panels, typically used for organizing related information or functional sections")),e("li",{key:"8eebfadbfdc315e4f8c143b81cfe80b1881ae266"},e("span",{key:"dfb71ba2058808ae3aaff1d42130925b390a3dc0"},e("ifx-icon",{key:"91272f29c61520846b02fa380b0c0ae3c52662f2",class:"check__icon",icon:"check12"})),e("span",{key:"c43c8ce40b4d85b4fc36015252ac6e9a67770079"},"Adheres to web standards")))),e("td",{key:"d62fc8b51caa0203256c517226162251e145e749"},e("ul",{key:"8ca1886cf23d623b2b7c96d797f5d5108cd70819"},e("li",{key:"ae7c73d7b7ad9efc05ab177e5673174a887a955b"},e("span",{key:"552d68604aa42888a8466a6bf4c98d117b92714c"},e("ifx-icon",{key:"715e2aeb13010e31e77cd806161791cb98ccad25",class:"check__icon",icon:"check12"})),e("span",{key:"28b8bcd345ec57345565f230807b4cce54d5178c"},"Horizontal and Vertical orientation")),e("li",{key:"70f5f429829397b0169720bbcf6c214852c87260"},e("span",{key:"7bfca205468dc4842534de13b8f7f3fdcfa14c1c"},e("ifx-icon",{key:"5ac4563ab3ec0945b8e94f9b35b109e63f9b5af0",class:"check__icon",icon:"check12"})),e("span",{key:"2e5eccf140b9420c474219f2d32a2dd1e76e2461"},"Extended customization")),e("li",{key:"80071c2fce5a293865e7b6d8643400fedb537909"},e("span",{key:"e170e1d2037966589466b111b8f8e2fef8f9a294"},e("ifx-icon",{key:"38d7b651e69812b5ba98b32cb199910279859d9f",class:"check__icon",icon:"check12"})),e("span",{key:"2dccec6c3220ee92e7ae946091e0abd1c33d0f1e"},"React, Vue and Angular wrapper integration")))),e("td",{key:"613114b61f39d33b3ed7836a3f79b951bcc05210"})),e("tr",{key:"c84be0a62d1223ada11705760e44829499bb8421"},e("td",{key:"259f6fe66ff8d728ef112ca4668735bef26c744e",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"d056b9b536e5dde80cbae5be78a3bfb17d14e447",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-tag--development",size:"s",variant:"bold"},"Tag")),e("td",{key:"43a9032e4b210e0da3f928e1db720f72a1b36954"},e("ul",{key:"4315595ebb3931b45ef2e30d599a858f18df5a6f"},e("li",{key:"9051203c54c82194d855dd55b0a7332ce802fe4d"},e("span",{key:"317f00d34c516df7e5cecdd56e9eab8c25619b67"},e("ifx-icon",{key:"151f5d16b4c8200b5700acd8a18f341256374653",class:"check__icon",icon:"check12"})),e("span",{key:"6ef0da0c30ce95873186c97fff17d284c44f27da"},"Offers a customizable and stylized marker that allows users to quickly identify and associate specific items or content with descriptive labels or categories")))),e("td",{key:"68c43bf99ebef86fe3978b974f0270a7336b18af"},e("ul",{key:"1f9483705a7abd1857e36cf7d5e593af5223a30b"},e("li",{key:"6d732637aeaaff0f5bd6ced17c6ee26162f3e406"},e("span",{key:"97365b9946fbc64b9b095158fdc63ab613a57110"},e("ifx-icon",{key:"8ff5c746d6e9827c283f80d18f84fa6fe9aa0993",class:"check__icon",icon:"check12"})),e("span",{key:"064245a73940d14d6df654a7075caccc48bf8664"},"Icon incorporated")),e("li",{key:"123b7611d3da42afff7ff992875fe8f92bb7c750"},e("span",{key:"f66a8d8c76ffa49a75bffb0f87a1fc49115c5994"},e("ifx-icon",{key:"cbc28a408f3b9959dc363564a097cf99132bc6c9",class:"check__icon",icon:"check12"})),e("span",{key:"ec8d1f7c28986daba654f005d0215a222a410466"},"React, Vue and Angular wrapper integration")))),e("td",{key:"5e49928bb6558a688a00e031d58f4f6384c8838b"})),e("tr",{key:"e8bae905dd890e601cff045b1c73125d3344715c"},e("td",{key:"b7d8f7d5d27ba586118160de2c9c92b36e68054e",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"19278a56f5ec7bda647275882d81bce86b3175e4",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-text-field--development",size:"s",variant:"bold"},"Text Field")),e("td",{key:"6e64dc8e83e1bbc6cf2787c43726a8ed2990aa1c"},e("ul",{key:"aa082bf48d258036a8a96deb8fd486bec44f5537"},e("li",{key:"9c47715bc641cb143b5c136e6575acbf54c671d0"},e("span",{key:"ecc6f497195e7f3e9d6033a0ea6f847aef8aa05a"},e("ifx-icon",{key:"d7481b776fbdc59879e976c5007ec3ecf9c0d884",class:"check__icon",icon:"check12"})),e("span",{key:"ff59473f213279b5175057e601bfb9c9dfd77953"},"Offers a customizable and accessible interface that allows users to input and modify text, facilitating various data entry and form submission tasks")),e("li",{key:"2c3a689380aacd589484249ea966e89bce0c7231"},e("span",{key:"f4322b4872c0bc6cf0940cae43e32e6456ae2307"},e("ifx-icon",{key:"ea7ad7f037d8192b45b934d054f47d88d098504f",class:"check__icon",icon:"check12"})),e("span",{key:"2bc7b82ec13416f4859dd273abd77fd41dd76acf"},"Adheres to web standards")))),e("td",{key:"6336a675f45a79eb17d751c5be4f35f8a77aa8dd"},e("ul",{key:"6c6a273a03c29e6b9b74cb0c49b0c07d4ccdb30c"},e("li",{key:"a3799d68b2b5a4dfeb0f4524d8f6c660ff337a81"},e("span",{key:"edfd3fa4e40be482e45ed2b13d50ac4e19bbc375"},e("ifx-icon",{key:"60b94b305a2913cd0ddf996968e4a18f5d3ce1a9",class:"check__icon",icon:"check12"})),e("span",{key:"8afc08a29120e4459cdeb24719ed8b78d6002b6c"},"Extended customization")),e("li",{key:"f66b5c8ab755fa5d1eb19599ffce03d0589b6993"},e("span",{key:"3137a35291099a50684aa42a825f975714655327"},e("ifx-icon",{key:"2c72eaf13795ffa2757cb52be2ebc06d837f8f59",class:"check__icon",icon:"check12"})),e("span",{key:"77bd783a82173da337bc2825addc02170909389c"},"Possibility for icon configuration")),e("li",{key:"6087cfa2d8affa80c1fcf46d31f3f1d220ad4587"},e("span",{key:"ad11531ef4c3f577f900a42cde7497365918e377"},e("ifx-icon",{key:"57a0f39ef15cc0abfe01c9ac7c105675f8e31b6c",class:"check__icon",icon:"check12"})),e("span",{key:"6e1aa9f9688ef95957297b457d976b052a2655fe"},"React, Vue and Angular wrapper integration")))),e("td",{key:"f25c630824d071dcf571fe73407fe3cc19a9ad96"},e("ul",{key:"e6e0ccb07967398c7199c4dd5d80ef997557f54a"},e("li",{key:"569916a7e9ac68eac126687e9e8dcc963ec5e053"},e("span",{key:"60e019c2ca1c56abb26474cb751a421ef0cfd1de"},e("ifx-icon",{key:"13c94a1458aa67428ba9962323b8a173e9072236",class:"check__icon",icon:"check12"})),e("span",{key:"d31e35e2d9ff3be0ec7ac1b3d34745136c8fb8ed"},"Form integration"))))),e("tr",{key:"588cfcf955b3c6e46df2bd5f55b290665354d435"},e("td",{key:"74478b54a6e939d5f53544f2b3059fe72da013e9",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"bb86be0a547b84627d1e67bcf063ced127a0e0d9",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-tooltip--development",size:"s",variant:"bold"},"Tooltip")),e("td",{key:"93bcc5ac55fda6d2ede81ba78bb95d65e138d1ad"},e("ul",{key:"f66c010f72574815ca39f0edebcb50e4c688b195"},e("li",{key:"610548e0f5610df70248f060a6152a5e4f195d91"},e("span",{key:"ae88a9dab205273b6eaa5739473c752f3fb71e4a"},e("ifx-icon",{key:"3fcc0f8ee36653604a6382408f0d21ee8169d7d3",class:"check__icon",icon:"check12"})),e("span",{key:"47fc470ff7cbafe196f010f2180985595387b672"},"Provides a simple and informative interface for displaying supplementary text or contextual information when users interact with specific elements within a web application")),e("li",{key:"2c0936ebb7c050f91bbb7832100b9ce737f2f137"},e("span",{key:"c78b82ebe46a5701e51d032c7e7cd0dfef84f0af"},e("ifx-icon",{key:"5e8db58ae2fb2246a488664e09c0924a041fa439",class:"check__icon",icon:"check12"})),e("span",{key:"01bce1d870072b1e3f20477f9c4b3a20c8ae8ef0"},"Adheres to web standards")))),e("td",{key:"5b682a5c01a6733fc0e54f8d752ba8caa7f27c51"},e("ul",{key:"564889ccd8603346a3d83443c1ee1777d32d33e6"},e("li",{key:"c7615b70ff6fa436da82764031a9dcfdd132613d"},e("span",{key:"16061d76fb6727ef158d3ef8c4bf5dbf6c562c74"},e("ifx-icon",{key:"78fb4818352bf7c65b1511fb4ca0aebbcc914ac3",class:"check__icon",icon:"check12"})),e("span",{key:"fb2b29b92fb6548fde95b161124541213a00a8e5"},"Compact, dismissible and Extended variants")),e("li",{key:"be8c59f265282cd7175eeeb776012de77b158042"},e("span",{key:"f9972567b3c9e0f355a2abe6ad74017a72f9dd12"},e("ifx-icon",{key:"3b7ba05fed1eb68a9f97890cacacdb8ec490a97f",class:"check__icon",icon:"check12"})),e("span",{key:"925087968d81459b0a1f96df491f32c116e44ac6"},"Auto-adjusting position")),e("li",{key:"4f4c88bdfcd5a1898618be048d716f98ea52470d"},e("span",{key:"f89f9db8d828033d3d6d198f2f365ced29584cdb"},e("ifx-icon",{key:"2ca886e14984ddefbfa58daa4924c86ce21138b1",class:"check__icon",icon:"check12"})),e("span",{key:"7c5bc05aa1503494f7c72a1589444ebb49d841db"},"Icon incorporated")),e("li",{key:"a9cab61bee68861de82ea300cbbaa17ac6ca71ea"},e("span",{key:"6e58f43cb12039a3f6b9c400f65cc2949fc978e1"},e("ifx-icon",{key:"653ac365b7bef261514bd9eff8d6d6cc45698b63",class:"check__icon",icon:"check12"})),e("span",{key:"8220fdcceaeb579c8e625761482cce0e0e0372e8"},"React, Vue and Angular wrapper integration")))),e("td",{key:"aa7521d7ba06645fb1f670c9e271de7bc0ab6b12"})),e("tr",{key:"aa83d1e9163cfe78e25e2675c347cb44890a028a"},e("td",{key:"4005a7a3951dcb52a52a33d15063849b77524499",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"68ab9e095b0a3bf2b8dcff5c4bee9d5c2489a08a",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-notification--development",size:"s",variant:"bold"},"Notification")),e("td",{key:"3e1472164ba823d84996e42ba121f01dd8281d63"},e("ul",{key:"47b5c409bd58a13f00b75ebe023d3255393a565e"},e("li",{key:"cd47ab66fb342317264ef99b90e464ca7db99b86"},e("span",{key:"d356ab976a493e7e3f34cf16f644768d2c748800"},e("ifx-icon",{key:"b01b5eb3e79d31664e35132ba89578ce968382ea",class:"check__icon",icon:"check12"})),e("span",{key:"068b27577015cb43295154d37aeb82f0585d6211"},"Offers a flexible and visually distinct container for presenting informative, warning, or error messages to users, enhancing the overall user experience with timely and relevant feedback")),e("li",{key:"72cba783aa291368d4f03f063d10be4946184147"},e("span",{key:"4cd4393718207a4d9076e2ea311d41f50514b222"},e("ifx-icon",{key:"bc98ef0971b01e37ff532c5fba5f067d3849df1a",class:"check__icon",icon:"check12"})),e("span",{key:"33ece591dc82767c5c291788532030c41e722796"},"Adheres to web standards")))),e("td",{key:"7a8f8dec5813e5f080020d23fbdbd2cdfd5ea34f"}),e("td",{key:"ad6c7a98bf08d77e96e2a68c5d977da2175df9f0"})),e("tr",{key:"74c401d2bf614a501b912146fc50924259e5f414"},e("td",{key:"ac4f14121718442d908803a2f9552cea59e7ac52",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"87498c093a0a7c54e5bd798b3a4bab8546819931",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-content-switcher--development",size:"s",variant:"bold"},"Content Switcher")),e("td",{key:"e79ef48d7c317b98f2e6e741f6a7f59ef5e94107"},e("ul",{key:"7081fda18dce309726ac78154d7e87744fb475e2"},e("li",{key:"d8c473a038a82ed99475cb0af359cc9c824b82d7"},e("span",{key:"6750d6baf81297c5c736389d8f8e51adb62a14d7"},e("ifx-icon",{key:"95c3f1f879be3c900731441dde9bd2dc1d116aa4",class:"check__icon",icon:"check12"})),e("span",{key:"148f7ca2beb4f07074146ded1009b90b60596b0e"},"Provides a flexible and intuitive interface for dynamically switching between different content sections or views within a web application")),e("li",{key:"e6ffac829347dcb3c155591543e020c4b6c4e247"},e("span",{key:"2c9f891d3795a8fd691d22f2dc7bd8ea7f1950d3"},e("ifx-icon",{key:"d402fae7b081c621d86510b16747d9224c2c9ab3",class:"check__icon",icon:"check12"})),e("span",{key:"e762af68490045183d9f6a1b79e234b7650edbe4"},"Offers a customizable mechanism for users to toggle and display diverse content panels, facilitating seamless navigation and interaction with varying information or functional contexts")),e("li",{key:"6afad5378fe6c505874c8d1a4068a888c908e35d"},e("span",{key:"ce03646e071a931584d829e8974425fbba8a8090"},e("ifx-icon",{key:"462e7208ec66939bb85ea257836123c98cb7fddf",class:"check__icon",icon:"check12"})),e("span",{key:"8b7905119c7076d0ac586ad5a0c5d4a91c963afd"},"Adheres to web standards")))),e("td",{key:"76d13d87fc704862e12cda08b6f36ddd53c36475"}),e("td",{key:"01f18bb756a894bff9da033e958bbccdbf30c65e"})),e("tr",{key:"e0ee06ddfbf6a3a5a09f886dc3837b318bd92040"},e("td",{key:"f1108afd6e803aeb9eabb89eb327dd68eb328e7c",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"ae1fefe4a095ad36548a92b482bf687e625f9c8b",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-segmented-control--development",size:"s",variant:"bold"},"Segmented Control")),e("td",{key:"91b2be355933d2b4ea38d7ea0e127be37600090e"},e("ul",{key:"cce35b3a55c29d9b9402feca3f6a2b2472b4a833"},e("li",{key:"1679a63cfd25854ce03bc13488d972bbb34939d2"},e("span",{key:"f67fd18196e14381ec9d8bfcf9904efaeaa02d35"},e("ifx-icon",{key:"d5d35d3dfceba76f69125c8fa0f9ccd81fdcc65b",class:"check__icon",icon:"check12"})),e("span",{key:"b8a7afe9ef863f0a8a0a5942df02a2f1d66a56e1"},"Provides a clear and interactive interface for users to make mutually exclusive selections among multiple options within a web application")),e("li",{key:"01ce9438af356c8eff3ea7f648b777ee35591eb7"},e("span",{key:"c8d2c37a0e01207fbc554eba3f136551aac5926f"},e("ifx-icon",{key:"8ca5520e8d2b865084a738988540c87959458374",class:"check__icon",icon:"check12"})),e("span",{key:"12a36cd1db507fa85b4ea2408357b3629e9b662b"},"Offers a customizable set of segmented buttons or tabs, allowing users to toggle between different choices or views, typically used for filtering, categorization, or navigation purposes")),e("li",{key:"e3c5a590b5da285f3393fd1d25c0056a09746fcb"},e("span",{key:"7f8bc720de71c19e1dd7c00cc42a54d40bc5f5bb"},e("ifx-icon",{key:"9c0b77c746e1f1c12807103468146d8495e1d171",class:"check__icon",icon:"check12"})),e("span",{key:"a1be543abbd64ad15f4f8e7b8e1f74207823eea1"},"Adheres to web standards")))),e("td",{key:"43296fbd4746b7c22cc0eed607efc279162089ec"}),e("td",{key:"36edf5fc0d4d11be7e1eee16161d05f62362debc"})),e("tr",{key:"9d8c4ddeabbba7c7fff4c07241186d064973d8c2"},e("td",{key:"faea8cef696f4fb72f742600794c395cdd4806e7",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"1086d8d459b16dd8fa6d2c33aa1a27a84dab4d81",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-segmented-controls--development",size:"s",variant:"bold"},"Textarea")),e("td",{key:"8a1d299dae87128934b08139ddde6e77d110d946"},e("ul",{key:"f7cc8f0384a7fdac87050d66062f9ed839bcd7d8"},e("li",{key:"1a605c7c35e43e01739870b8392c9f0982868b81"},e("span",{key:"3ffeceebc9a765bc51720de126d686f812f68ec7"},e("ifx-icon",{key:"70220c7716dc638acf5659b6bb99297f0bb79ff0",class:"check__icon",icon:"check12"})),e("span",{key:"75445dfcb5d6fec62f78eba96cf55b88f083e8a3"},"Provides a customizable multi-line text input interface, enabling users to input, edit, and view large amounts of text, while adhering to web standards for accessibility and usability.")),e("li",{key:"4a2bd2168fe9c81c89b4ffb8b6fe1fbfaff1c45c"},e("span",{key:"010d8fcfaf74dfda3d15da7e9557bac859f20a40"},e("ifx-icon",{key:"8bbcfaedaeac9f64a83396a1e7d18917b61972c7",class:"check__icon",icon:"check12"})),e("span",{key:"3ea2add2ed48e99ee01b739121366a902eeef56b"},"Form integration")))),e("td",{key:"48e8a62e11e70af3fcdafaebb6b08566304cd823"}),e("td",{key:"046a92062d5512c84c234f43bf97e23373595c81"})),e("tr",{key:"ef5f0a67adf64a474d06027bb387b29b5ea9076a"},e("td",{key:"0967c3523d56204d17aa6dcc97afd86fe151cd86",class:"planned__component sticky-col second-col"},e("ifx-link",{key:"4f2c2dd154c5dd0d4a58bfde1e7019bcbf464236",href:"",size:"s",variant:"bold"},"Card Group")),e("td",{key:"e467f5a55bf58bafebb7c77ee1a2feca11c78425"},e("ul",{key:"648ea6e12ed5b3b164a67e57765f218133a4a688"},e("li",{key:"2182e53ae8fb82d885ad2ca44c8c14902fd753de",class:"planned__component-wrapper"},e("span",{key:"5e2e9ed5560946ba53a0261336a9bf259b818760"},e("ifx-icon",{key:"0401fc8661a42cb176478cbc8bb73dfc969d7607",class:"planned__icon",icon:"clock24"})),e("span",{key:"38748e9d68def3fbf93a58985c05169ed14062f3"},"On Hold")))),e("td",{key:"95da21efed48691e92f7ff596de7912b64b7f102"}),e("td",{key:"75c24066b7fbcddd6b5bf671c252617287b101f8"})),e("tr",{key:"3ef2df6b2df5e41c97aeaf08b613bdbf3a59053a"},e("td",{key:"fdb75fd44d68ccbf38bd711c632da61e78f8521e",class:"planned__component sticky-col second-col"},e("ifx-link",{key:"67d388b187d0ac81c1646a1f727f3cafb206cd6f",href:"",size:"s",variant:"bold"},"Advanced Date Picker")),e("td",{key:"5152b89ee2acbbdbdaa98be8e3004ed3c9603dac"},e("ul",{key:"859733b009d75cc11312b28175c5da3cb795f2d2"},e("li",{key:"b1b3d65103332a0c0b52e00c54c3b7911bc435e5",class:"planned__component-wrapper"},e("span",{key:"530327318e0864cd3df33f3251abba1066e3c437"},e("ifx-icon",{key:"6650610c4b04a8ee88876fd450ea8dd620ea4dff",class:"planned__icon",icon:"roboticarm24"})),e("span",{key:"5d2a3e9865ac82e62b8ec8518addb10fef1b9034"},"In Progress")))),e("td",{key:"1e8d14ddbbbb3164caa02d8b12a698cc0bb27ff4"}),e("td",{key:"6acfa6eded08a9f94d3d50c241214aa0a873ee47"})),e("tr",{key:"ff7df586aca1a3c72342bb4c77f1f1501806c2c3"},e("td",{key:"1b170045badbe42bfec7b47a81429d7335a30218",class:"planned__component sticky-col second-col"},e("ifx-link",{key:"44a42f34b747f671a322856254fc1caeeef9d317",href:"",size:"s",variant:"bold"},"Upload")),e("td",{key:"2ecaf3a6e5c54f896827d30234f2ad16c15bba92"},e("ul",{key:"9e4e36dd9e095be8d149605649c81b1df779e3e9"},e("li",{key:"4196752fd4778c4713f17cf41ec7e20c5d3a9e37",class:"planned__component-wrapper"},e("span",{key:"dfcd312fde2b976ce5d84643f1bfa7ae65cdfc66"},e("ifx-icon",{key:"a1069119c52b340bf930d28b8a7ca1cdb03ef736",class:"planned__icon",icon:"roboticarm24"})),e("span",{key:"40d3bffc46155d349e9e99a836a93bdc95835574"},"In Progress")))),e("td",{key:"03df88d158be82fce55098b4afff9fa810df783c"}),e("td",{key:"e1872576858dc8f91011840577f08744be4fb3d2"})),e("tr",{key:"f4f548ff8b7efa253a17287cc0ad63fe33319b59"},e("td",{key:"fabcbfb17e48be84489bfe3ec0729632436b4fe2",class:"planned__component sticky-col second-col"},e("ifx-link",{key:"28cb080849629a13b320a3894557af044f40c66e",href:"",size:"s",variant:"bold"},"Checkbox Group")),e("td",{key:"b26a30ad9863db3f16c5506264248d5c905fa17e"},e("ul",{key:"aeeb78e332d5096a097bbac6b51b2b0ae7ca5333"},e("li",{key:"8ff79d8cea2dfb8d69398c4545b00970455df08b",class:"planned__component-wrapper"},e("span",{key:"3cfbff1f115cc695a0991275df101e704b0fdb16"},e("ifx-icon",{key:"5db5902ec16f7dbe800b7cd31688dfbc30d29e93",class:"planned__icon",icon:"roboticarm24"})),e("span",{key:"f7bde841295bfb35647d6d71d320dd027208e68d"},"In Progress")))),e("td",{key:"3f77a89dd8564e2da0cfd6b5b951fdc1c33773c2"}),e("td",{key:"edb1e6b8333412636c51e700cbe944715d2a23f6"})),e("tr",{key:"3a40cf1c9d2c003e876a22f1c0a17a0aad32679f"},e("td",{key:"5cea57e4b22051d14cd3c31da3e25ab54269069b",class:"planned__component sticky-col second-col"},e("ifx-link",{key:"bd35f5f5e00c44ce715943b7bc737d17b9ff6db9",href:"",size:"s",variant:"bold"},"Radio Group")),e("td",{key:"ea55f5108f24e306ecc43e373d5eb076c9714f59"},e("ul",{key:"9e6b1e483b45f9e6450aca744f580fb5fb4130f1"},e("li",{key:"5e06624787cde846ef69c5d3cb76f9763630cf69",class:"planned__component-wrapper"},e("span",{key:"04c2ffb2d89a440ee619af326c17eba3f68b2e87"},e("ifx-icon",{key:"6c4a29997b2ee517b1d466ddd1744a1d0d0805be",class:"planned__icon",icon:"roboticarm24"})),e("span",{key:"077fe01b2350c9dc356b2a6c9b73c897b7107140"},"In Progress")))),e("td",{key:"9b3d733f585b93e44a17adb9f3e5600f1060ff09"}),e("td",{key:"3ba88df9105918659c48c721baeb73b80a92356d"})),e("tr",{key:"2ec71f898c70a754d242ad370624345b15d90786"},e("td",{key:"e39031cdeffb72da83045f31da2bff753048b016",class:"planned__component sticky-col second-col"},e("ifx-link",{key:"22af53f5860c0c3abb72b821d8fcc508e9566f00",href:"",size:"s",variant:"bold"},"Tree View")),e("td",{key:"f9aabc4fd6f5a87123bb4e0170cbe97818d70bcf"},e("ul",{key:"b938cca97cdafa7b4aa8033c996fc1fc1afe232d"},e("li",{key:"e851182a4c5750f8f333cbcff098af51554394a1",class:"planned__component-wrapper"},e("span",{key:"84159ba390fea003752bd8fd49a1d67ca6982d86"},e("ifx-icon",{key:"0e7dd85ceb7b3352764ca04e63ad06ab2d0a17ff",class:"planned__icon",icon:"roboticarm24"})),e("span",{key:"2cc9b6ecb5c3049f1343cc39c0efb163e57ae1d9"},"In Progress")))),e("td",{key:"02ed0181094204e0d9de74d78d47f75a02ceb11c"}),e("td",{key:"c55d488d64b4dcfcdd6c4f778e2db173fc38c2a6"})),e("tr",{key:"f69b27cbde3b02899f454ddb5bbc5b1f33e8ddcb"},e("td",{key:"1cb31362ce2a3edbb137be2a6b5a8533caaa7a8e",class:"planned__component sticky-col second-col"},e("ifx-link",{key:"fb893b2adb32fe8e5e8dfedaad80796001eefaca",href:"",size:"s",variant:"bold"},"Popover")),e("td",{key:"1a1231803fcbac78d7340cdfb1838d8b6c856225"},e("ul",{key:"6db01514d6c62396a51c72c8327f94782fb70685"},e("li",{key:"9200e2111d37cf5bfc5f8ea8f62b99875cab4deb",class:"planned__component-wrapper"},e("span",{key:"87ca51b415f2da81c0f57b609ec8ba8edaf436be"},e("ifx-icon",{key:"5d4e4598d57b59a0aab153c67ff655cd84de3291",class:"planned__icon",icon:"clock24"})),e("span",{key:"368664401eafa27407113b4b94f97454e793da24"},"On Hold")))),e("td",{key:"7d7f29264f374481d5cd1420f11d78904b575592"}),e("td",{key:"a9d816f9ae4fb8f5fea38c70bb68f7ab800f1c28"})))))))}get el(){return i(this)}};t.style=o;export{t as ifx_overview_table}; +import{r as n,h as e,g as i}from"./index-CTBaKUaT.js";const s='*{font-family:"Source Sans 3";box-sizing:border-box}body{margin:0;padding:0;overflow-x:hidden}header{margin-bottom:15px;display:flex;justify-content:center}.header__info-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.infoboard__wrapper{display:flex;gap:15px;background-color:#f1f1f1;padding:5px 10px;border-radius:10px}.title{font-size:30px;font-weight:bold}.view{margin:auto}.wrapper{position:relative;width:100%;height:calc(100vh - var(--header-height) - 15px);overflow:auto}table{width:100%;table-layout:fixed;border-spacing:0}thead tr th{border-top:1px solid #dddddd}td,th{padding:10px;background-color:white;border:none;box-shadow:0 0 0 1px #dddddd;box-sizing:border-box}table th:nth-child(1){width:150px}table th:not(:nth-child(1)){width:240px}th{position:sticky;top:0;background-color:white}.sticky-col{position:sticky;z-index:1}th.sticky-col{z-index:2}.second-col{left:0;border-left:1px solid #ddd}.wrapped-content{width:250px;white-space:normal}a{text-decoration:none;color:black}.basic__info{display:flex;gap:5px}ul{padding:0 5px;margin:0 15px;list-style-type:none}tr:nth-child(even) td{background-color:#f1f1f1}ul li{font-size:12px;display:flex;gap:5px;line-height:13px}li.planned__component-wrapper{align-items:center;line-height:16px}.version__wrapper{display:flex;flex-direction:column}ifx-icon{color:rgb(10, 130, 118)}.check__icon{width:10px;height:10px}.planned__icon{width:12px;height:12px;vertical-align:sub}',o=s,t=class{constructor(a){n(this,a),this.getPlannedComponents=()=>this.el.shadowRoot.querySelectorAll(".planned__component").length,this.setPlannedComponentsNumber=()=>{const c=this.getPlannedComponents(),d=this.el.shadowRoot.getElementById("number__indicator-planned");d.innerHTML=c},this.getCompletedComponents=()=>this.el.shadowRoot.querySelectorAll(".completed__component").length,this.setCompletedComponentsNumber=()=>{const c=this.getCompletedComponents(),d=this.el.shadowRoot.getElementById("number__indicator-completed");d.innerHTML=c},this.setTotalComponentsNumber=()=>{const c=this.getPlannedComponents(),d=this.getCompletedComponents(),f=this.el.shadowRoot.getElementById("number__indicator-total"),b=c+d;f.innerHTML=b}}componentWillLoad(){let a=this.el.parentElement;a&&(a=a.parentElement,a.style.padding="0px")}componentDidLoad(){const c=this.el.shadowRoot.querySelector("header").offsetHeight;this.el.shadowRoot.querySelector(".wrapper").style.setProperty("--header-height",`${c}px`),this.setPlannedComponentsNumber(),this.setCompletedComponentsNumber(),this.setTotalComponentsNumber()}render(){return e("div",{key:"94ef0cd5e94c2cd278b42251bd942ef7bed3bc9e",class:"container"},e("header",{key:"29fa237275093d906d19dd7c4f7ef103ebe23a91",class:"header"},e("div",{key:"983ce63f77dafd26ed5b25da2cc518f8b7834e35",class:"header__info-wrapper"},e("div",{key:"6a909d8f1fbd3efdc928ae99aace2fbe2d6ce888",class:"title"},"DDS Components Overview"),e("div",{key:"95ec497b9e4b65d6e1e48a9dd8754a052ee79281",class:"infoboard__wrapper"},e("div",{key:"fedd769a5cda6dcc7320d0b259d58e9482f750a3",class:"basic__info"},e("div",{key:"18e40e6b586afeae9ca1ec9a9edb4c849acad717"},"Total Number:"),e("div",{key:"0327edd0557b74ef60a1fde6a4f4b1b66b190cb2"},e("ifx-number-indicator",{key:"37206eb3e0e30bc54906745c45b312805cdc9453",id:"number__indicator-total"}))),e("div",{key:"92d6dea0710d1e2d2193049543530b205e514bd3",class:"basic__info"},e("div",{key:"497953be0cb32f373757140ad4f39f087e83d41c"},"Completed:"),e("div",{key:"5d353eedddeb5adc70b8f2cdfaa7d82eb5358587"},e("ifx-number-indicator",{key:"837f9bb96855ea0c8bc6a58017bf2b93f22527d4",id:"number__indicator-completed"}))),e("div",{key:"8dee70161f789692a569643bf24fac938b06539a",class:"basic__info"},e("div",{key:"26f4a5ea75d6d3f91cf3fcd301807a43ae1b132a"},"In Progress:"),e("div",{key:"6b36c07112366eb3ea0d12f4704823ead18a892c"},e("ifx-number-indicator",{key:"454c1b760527366374b46a32a7f9a26e6746399a",id:"number__indicator-planned"})))))),e("div",{key:"4e2349c5d71032a0fc4ec18bf3753ffc4ebb9bfd",class:"view"},e("div",{key:"201ded58bf4b595562445677c08cff1944426ea2",class:"wrapper"},e("table",{key:"a27ee204659d8ad1ca6bfd2015ab2a6dfc42954c"},e("thead",{key:"0fe9b4e836cf884e708a40e98711e397e9988268"},e("tr",{key:"9189ba17125982fda16a0a05dbbe73279b0d81f8"},e("th",{key:"67d5182d415ee892696b7a33ff4024824e53046c",class:"sticky-col second-col"},"Component"),e("th",{key:"6f546e2b5681d14124e7f6c7be96194eb7156771"},e("div",{key:"cb01f34d8d0d05e553bbc1cee742bd46a238b149",class:"version__wrapper"},e("span",{key:"92aa213436a98e7794f37ba573cc0e7e1ea1524d"},"Version 1"))),e("th",{key:"df61570f92d456836c3755ab0f62dd7fd4d89426"},e("div",{key:"50489ed3424003794a5b8344422f2b0a624d75d3",class:"version__wrapper"},e("span",{key:"78629e20c10b5bac6e4293a361b8a0067d3d940c"},"Version 2"))),e("th",{key:"6c8115976c082ba1122f922d9cdaa72df2791b1b"},"Version 3"))),e("tbody",{key:"0a6455ddce92d1c25b3bd45db290af7deefe3707"},e("tr",{key:"b598af041a6f3e51094a200c4b3084dbceb1c555"},e("td",{key:"e795f6e5abf128f2fcf1336d114bf77468f28a96",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"e1c3ecf42c3433a1708e0ae5d9088b99536496d5",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-accordion--development",size:"s",variant:"bold"},"Accordion")),e("td",{key:"40ebc65154f49ee09f504ef5782c4191bba27e92"},e("ul",{key:"60d9ee3c1a25fad5edf6c5bf0f2313a8d263f973"},e("li",{key:"37f79e0e57c08d7dcb9f25ad86884038fdc79ff2"},e("span",{key:"be049cf79476587d212746e0c1a5914eab273eb7"},e("ifx-icon",{key:"dc61a02131094abf32fb715b593e439ce596a9b9",class:"check__icon",icon:"check12"})),e("span",{key:"d5a2d994fccedeadc8cb0ecd3d8e6efe71314e05"},"Includes essential functionality such as expand/collapse behavior and minimal customization options")),e("li",{key:"457b623dc3fcd451ba736a7c8f327817b6574e87"},e("span",{key:"5cbe8527c814ff3e5689ad5875f2c959882d5c2c"},e("ifx-icon",{key:"faeab4af2670659cf2f58ceeb87b6d2f8a978ce8",class:"check__icon",icon:"check12"})),e("span",{key:"ebd7a5db84eca81da34d77ba2522a3659221de03"},"Adheres to web standards")),e("li",{key:"cb4a6d8ae95e77adce24376eb42acd21a64cdb6a"},e("span",{key:"ec31aaff74855da2ac91c18f1fbaea34d8f4dc69"},e("ifx-icon",{key:"6b48f88000731fc782b514b97b987b7ac22ce5c0",class:"check__icon",icon:"check12"})),e("span",{key:"7a2949072e16cf4467798477ca393dc4c0f6ae88"},"Provides a simple and lightweight way to organize and display collapsible content")))),e("td",{key:"c61fde63a81278555182cbb27991ab5461c6611e"},e("ul",{key:"5ee77d58854bad176f43011292e958e1dbd27dda"},e("li",{key:"e95be64eb112ee39495e2c6fbcba20676cbb747f"},e("span",{key:"f8f1570fed7d9e829d8c3503d2e41986617eea24"},e("ifx-icon",{key:"45baa82725ca721045d65cce34792fa65a353b83",class:"check__icon",icon:"check12"})),e("span",{key:"6c3ce948145b2a9d3ceb70dfcbfac7e56f0cbe47"},"Auto collapse feature")),e("li",{key:"2698e9963be778a4ac34424d3444ffd67c7ef788"},e("span",{key:"b08e4aaf2273da66bdae9be6dd0397e7d713f8dd"},e("ifx-icon",{key:"f422aa2a0185ad088f3613f8feacef03f9f5c11a",class:"check__icon",icon:"check12"})),e("span",{key:"a4adfa592feec11645a5454fe2afe4bd98b336fa"},"Initial collapse feature")),e("li",{key:"4d3edb6fe01f8d753f2defbb012e0dbb7896046b"},e("span",{key:"4150c87dec05ff04cf89761038fb33977933b195"},e("ifx-icon",{key:"ccf693d2aef10d111c6a1ab3a401f7e0c54cdc41",class:"check__icon",icon:"check12"})),e("span",{key:"eed5a5b3e1709fbf49e34d96d05610890f9180c5"},"React, Vue and Angular wrapper integration")))),e("td",{key:"928dbf258b958e858b056f8ed3584711e7c283c0"})),e("tr",{key:"42535b2c12485e7a213ccd721a733ac70c996c32"},e("td",{key:"0052287ec495d253bd4c012c4b9da78e3cc66d15",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"0f027f26ecc5ba509e92caa43873b1b8921d2c94",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-alert--development",size:"s",variant:"bold"},"Alert")),e("td",{key:"69243d98a53e6acd24575e914b215ca4961877f4"},e("ul",{key:"1af9ff86ac0eb84705b14cc246afeb9d387e6ec1"},e("li",{key:"eddeb4c11d034ece0ca658b09d7257956582d42f"},e("span",{key:"0e73c3cdbb0528837055fe515cd2d02ba92317b6"},e("ifx-icon",{key:"9c6068398ac45636bb058ec023019b3e29c05678",class:"check__icon",icon:"check12"})),e("span",{key:"bc9353bc9c18a19e792834c73aae38ee2758440e"},"Provides a lightweight and customizable interface for presenting alerts, including options for different alert types (e.g., primary, success, danger, warning) and basic styling configurations")),e("li",{key:"8cfefe626c93e464e502ffca2cdf94f52c9ac88f"},e("span",{key:"7b00ac3fc8a8d8ccd49654d2d704e7441259fa06"},e("ifx-icon",{key:"cc58cd630c7336f0ae7d87ccc9150046df8dca22",class:"check__icon",icon:"check12"})),e("span",{key:"ce428ab59abc1d5febc458a1b2b94f4f951ad30e"},"Adheres to web standards")))),e("td",{key:"40128f668e879d4cc63ae71994dab826217eea9f"},e("ul",{key:"54ae983a69edbc9917a65740ce2797e538f09188"},e("li",{key:"a4ea0f0b88664e87ab77aee96195806cdc677c47"},e("span",{key:"ec96ce45f2be131790a7d34db1d332f821841e1f"},e("ifx-icon",{key:"e264dac478022217205a442580521a297dc88fab",class:"check__icon",icon:"check12"})),e("span",{key:"7a0f0646a2769fecdfc2b6f70ea115975f6823b9"},"Configurable close button")),e("li",{key:"a8f745131d982aa5b35e3cddc469f23d959ae763"},e("span",{key:"f3a48f12774d4a5e40143891c0b58f65692595e1"},e("ifx-icon",{key:"db45b84b32389ff4366856304a929dd82899d78e",class:"check__icon",icon:"check12"})),e("span",{key:"fcf7143a144e46b4f951c61f5f42e0de51c73acd"},"Additional Info variant")),e("li",{key:"f061934669df125b1bc644e780a4502d7658e091"},e("span",{key:"2bedaf5fa2c3ce77aac7a618d98b4654d62cb4bc"},e("ifx-icon",{key:"1ab37982bb0390df92e96a6d3dd475e569e3d5b3",class:"check__icon",icon:"check12"})),e("span",{key:"7e6a1031e3668eaa688eae46a8b229bd6517a50e"},"React, Vue and Angular wrapper integration")))),e("td",{key:"7e2b72ba9c3aa90d871d8dae4fb9a1e75adab631"})),e("tr",{key:"a912b471325929c5c4e98a8ac23d11dad38562b2"},e("td",{key:"12c144973a5787b9af186e0f453c3377a9a854d2",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"18925f2858448cc69ceeadb4ad0e8367146df30e",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-badge--development",size:"s",variant:"bold"},"Badge")),e("td",{key:"0266b9a7306d83836324a8e9644ed0f652dbe076"},e("ul",{key:"df73eb97dba110daf14f05f821b976eec8179558"},e("li",{key:"943918ba87c3e42c961bad97c7105eb1d13729d7"},e("span",{key:"709f65596aa279f72b59fe0bef047ddcb20079cd"},e("ifx-icon",{key:"e921c062a3ca815159a31592802419a073db1188",class:"check__icon",icon:"check12"})),e("span",{key:"21083e88f63ccd7e0887852495c091cf1809f99c"},"Offers simple customization options for displaying badges, allowing developers to indicate specific actions, statuses, or categories with visual cues")),e("li",{key:"70ee9c1ad01837ba045f1c7934760de863dc31bf"},e("span",{key:"86d1d054ebe753a1e03c04706beebed45bc0a5c3"},e("ifx-icon",{key:"78406b1778129d994ec2431387477e4390d028c2",class:"check__icon",icon:"check12"})),e("span",{key:"805c8fe88d898eeaeec23cb907b422549bbe2b83"},"Designed to seamlessly integrate with existing UI elements and adhere to web standards")))),e("td",{key:"6c83cb9b1f8277c67c5b8ce035436dd14ab6e9c9"},e("ul",{key:"8d75a3f4909d2dffe373d892eb8010672442e2f6"},e("li",{key:"5b77fea0b304db06f29189463ec46398fab6e64c"},e("span",{key:"3e3d35cd4b75a412c6d67dacb262d1595e1ef99e"},e("ifx-icon",{key:"280665ef569e73f344855b07f089f5d164b59090",class:"check__icon",icon:"check12"})),e("span",{key:"7e0e13d3c2a36f7a71646d0f0bc64708d4a51f4d"},"React, Vue and Angular wrapper integration")))),e("td",{key:"a86b3c17d08b071cb10b11b55f85c5deb3f59550"})),e("tr",{key:"88bfaebe869023ef94a9b54f274e6aa159caba95"},e("td",{key:"af9bec690861fac6be6d31207dd4c9b0c0af8369",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"6d6ac5ffa4e1ec3f11ce6bfb93a999dc2a99e69b",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-breadcrumb--development",size:"s",variant:"bold"},"Breadcrumb")),e("td",{key:"a629edab0452e8873d8b22ee3e33377fc75169e0"},e("ul",{key:"280b762ab5aa19ca05c1e1db28e0368413dc5217"},e("li",{key:"2c60125c0ac3f67eeea8480a135d1b6f26803312"},e("span",{key:"803c59b077ad0d8eb2f31b575f73d22e7b73cddd"},e("ifx-icon",{key:"2008d8469a576f5fab435c1e75ea7eb05204057b",class:"check__icon",icon:"check12"})),e("span",{key:"9d1331cadb11f207534c99d3f565b1f4d4543165"},"Provides a simple and customizable way to display a sequential trail of links or indicators, representing the user's current location within a hierarchy of content")),e("li",{key:"44476725da6b6d0ae2b0398e21eb24f0d4bc5695"},e("span",{key:"b17fdabaa095dc599066b4fd68c93d5f4e3b7344"},e("ifx-icon",{key:"7b8a58bee3f180c17e3f0ca636ffd3e54e63e48f",class:"check__icon",icon:"check12"})),e("span",{key:"d1519645e6d2f28cb3ee6a289163303e321241d3"},"Adheres to web standards")))),e("td",{key:"ea8cb1822e12f785bcfb544d64567ad274530376"},e("ul",{key:"aac603b96593e05989dfbc01a4183234aa07d02b"},e("li",{key:"3e78b3aa72cff2718928050f3ccfbbc00193cdd5"},e("span",{key:"459b5a0a5252d638f88a79b6ff9a849e950b1502"},e("ifx-icon",{key:"c696691ce31ec51d784ad4eb8b1d427e2327f6c3",class:"check__icon",icon:"check12"})),e("span",{key:"8cbfb840e7a7b261c7dae636acc10025b5b9798c"},"Possibility to add an icon")),e("li",{key:"d1ddd1f1bfc1c1a155eb85558dad34bd4b35703e"},e("span",{key:"aefdd11b822003eb68b264de592763efe6ab8fc9"},e("ifx-icon",{key:"0152b25b6d4e1bfc46446ba45c84c79f29a3f06d",class:"check__icon",icon:"check12"})),e("span",{key:"91b0c2ab2f373e2849806f61cd637c87b1646e99"},"Incorporated dropdown-menu for individual items")),e("li",{key:"eb5ec0e139cc0106b9e78136c84ad3f660b965b2"},e("span",{key:"08128db435df9fb59ddd734e33fd178725bc1119"},e("ifx-icon",{key:"26d71651eb3ba22501b1fb43900b24cdc1e4df5f",class:"check__icon",icon:"check12"})),e("span",{key:"fb53e44ce6d5e563f33f53bb96f337a0b08c88b6"},"React, Vue and Angular wrapper integration")))),e("td",{key:"530c4772c140f8cb6fee0e7757c8bfeb3bce2881"})),e("tr",{key:"e9869f920d1dbade1a67c4721f49303bd73bdff9"},e("td",{key:"a51b7e1cfcb1990107cfa0f647b1afb59dfb13a5",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"f6232318bc58777423bbb449e10b46d16c2b8ae1",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-button--development",size:"s",variant:"bold"},"Button")),e("td",{key:"fcdefdf15949b715d961159c2dcddf504fbdd673"},e("ul",{key:"36d525e48a7df25afdd447996b04bc9d73ec96cd"},e("li",{key:"0493b3ffb5d9a72b16bb9d8878cf402173b500e6"},e("span",{key:"5791ef78a6cecc527f44dba3013bcfb2fbc49cd2"},e("ifx-icon",{key:"18deb22a8638d3483dab2fc356ddaac739b5f5c3",class:"check__icon",icon:"check12"})),e("span",{key:"5bf054b09332de983bf5563940ecfd9cefc73d87"},"Includes basic styling options such as colors, sizes, and states, providing essential functionality for initiating actions")),e("li",{key:"43b43b6d21392fdd420e4d5de9156527d0be0d6b"},e("span",{key:"21c8e421b141575855735e9e6883910a39c7bec4"},e("ifx-icon",{key:"57579c0ff62da49adcdf3cddb1e3bf1e84b71a1f",class:"check__icon",icon:"check12"})),e("span",{key:"78d641b6f05eeeb6a814be86863fd609e2eb78aa"},"Adheres to web standards")))),e("td",{key:"e151102e6d1086c310415a2c33f3b80008f68e2b"},e("ul",{key:"b6e177c354f511b6c3827d609bae988d93dde3ac"},e("li",{key:"97dfc9b18ea758002589fb71e2c7a9e46caaf216"},e("span",{key:"af8bfb54a35f066c0b958457255ae70882018d5a"},e("ifx-icon",{key:"950e77cc7939c6d18f5b4ca2fcc8e089283980a3",class:"check__icon",icon:"check12"})),e("span",{key:"8e62043c26ad0ce65ad41bba072cd0e600ec0b11"},"fullWidth feature")),e("li",{key:"d78251795f4ca2cfe931bf7c7aa1662679573d73"},e("span",{key:"de20563fd28bc87fb2854638b744b66529723733"},e("ifx-icon",{key:"0f19319f77093efc0ac7c41456ae52087b9ea85d",class:"check__icon",icon:"check12"})),e("span",{key:"85bbe99ff7aca59084ac3a8014f5b66b019d729b"},"Icon integration")),e("li",{key:"6ad8b71217454fad5aff9b2a80ea35cc88563484"},e("span",{key:"ccbecb192b20f199dfbb2ba67ce1af7c339c438b"},e("ifx-icon",{key:"997c35faa553f3907df4c0876be728b3651e4f5d",class:"check__icon",icon:"check12"})),e("span",{key:"dd0d5db341741435ad450343b7c305747b92018c"},"Link integration")),e("li",{key:"c5eaaff12880b0196783b191574dc44f92421bea"},e("span",{key:"c96eec7fe549c422c508c2dc994ea01663ef5c5a"},e("ifx-icon",{key:"eadbb622bf64b9a3c8ae949fc3a5938891223875",class:"check__icon",icon:"check12"})),e("span",{key:"588b5199a7062d6bab67056c9b87932d54125c98"},"React, Vue and Angular wrapper integration")))),e("td",{key:"908d173f46640ecb4cc5c3e315c87047a45d2c05"},e("ul",{key:"0271a6c781fc850752e27c9446f66ca11145676b"},e("li",{key:"2ecad646d03baa8e0a8ef505dde2235b3ac08869"},e("span",{key:"eb059f2484d52054d1217e97170f759b30e2143c"},e("ifx-icon",{key:"0950cde5d1888a74672786a9c03a0f1939d8b800",class:"check__icon",icon:"check12"})),e("span",{key:"58ffac6e58bbe36fcae213f6ad6e8e7b2dcae08d"},"Form integration"))))),e("tr",{key:"62bf201d672843a3659742c3c0974a1df03fa610"},e("td",{key:"b81dcfae5ef6d64e75ad2c13d3e94dd774e4fe13",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"17c2850979ff42007cf91a06aee453967aef790a",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-card--development",size:"s",variant:"bold"},"Card")),e("td",{key:"f8f10063b913ae90d4a31832849c2d51098225f1"},e("ul",{key:"276a9bc25010aa7059b7898041e3e8f9d4685213"},e("li",{key:"91be80d95e13731290db11fbf126c9296b1cd835"},e("span",{key:"804f1cd8dc601820957e5d5937b018ac5b85ddfa"},e("ifx-icon",{key:"117355d111a36a824c3531c1d05563552ae00ad5",class:"check__icon",icon:"check12"})),e("span",{key:"1137a5058d66e16c642b53f6085a18be127206f9"},"Provides a structured and customizable layout, featuring elements such as headings, images, text, and buttons")),e("li",{key:"27af1fcde3f2d03958e91b47f64cd3dd4f8f5b06"},e("span",{key:"f390da2994a4afd01554a04128b4f5bda3169953"},e("ifx-icon",{key:"1d835e545a75e4600d9ac57841aa21228727beac",class:"check__icon",icon:"check12"})),e("span",{key:"2b476badd5bd2d7d587d59fac8f8da7001537241"},"Adheres to web standards")),e("li",{key:"c29e2cb4c31129893e8da47923ca4915d545b3b1"},e("span",{key:"3798871acd1a68b512fb1f358b99fe25b9b2031e"},e("ifx-icon",{key:"ff4bfe8132064cea4a20a86cc505567a828fea90",class:"check__icon",icon:"check12"})),e("span",{key:"4610fe22f9b666d5cabca62353d3f7296ad079c4"},"Horizontal and Vertical layout")))),e("td",{key:"515164d2489a6183cd3639ca2498637fe1f212c4"},e("ul",{key:"9cd69b209a60cac0bd7d4a37cfc5b1e6f574f593"},e("li",{key:"6e43f28144571ffd461f461a210e7d392d9302b8"},e("span",{key:"d5f86e578029475ea732117f9900affdc5fb8789"},e("ifx-icon",{key:"ca2f09237e82b74dd82707c1967e547f2345d194",class:"check__icon",icon:"check12"})),e("span",{key:"d7b8d78858342803b0ec1d1f7ecb8ece8951ab0c"},"Possibility to embed multiple buttons")),e("li",{key:"3162580c38dd88ecdc5966502d867d4092119b1e"},e("span",{key:"5a3da3fea3f8aca11e216958e654fcfbe46912e6"},e("ifx-icon",{key:"e01cc056299fa160bfadb63a75878ab3f798de87",class:"check__icon",icon:"check12"})),e("span",{key:"2a127996bdf745d267a3d8904ae8f39d13c6d76e"},"A switch between a Link and a Button")),e("li",{key:"82f487e46d51cfc47433f230d91059ad2fcffdab"},e("span",{key:"8fcdb02e90b02067f5a0f45747adeea010d1da93"},e("ifx-icon",{key:"d31d54ea56f73b8bf30894e3bd2086f40d24b441",class:"check__icon",icon:"check12"})),e("span",{key:"6671674f90a9509e3e9c7ed5456d6046ad5b5de4"},"Enhanced stylying behavior")),e("li",{key:"e7623c3195b7fa278db2669fc35785a83de64f73"},e("span",{key:"b4e1ee37c8c9100afcd46db6964ce743dc3f6761"},e("ifx-icon",{key:"3d6c530613323a145f5c190c4d4b61cd4452f4aa",class:"check__icon",icon:"check12"})),e("span",{key:"8ad6e6fa5718aadd8647aa5083910f52f2ee1b77"},"React, Vue and Angular wrapper integration")))),e("td",{key:"44e5bac77cc8037d5d25c93283fc3554e2f93e21"})),e("tr",{key:"482c4a07fa26b97e37930b7e86d43c22aba7cd58"},e("td",{key:"1da5efdbb5e692ad09b0eac4cae20d5446b0b8c2",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"54c5609814760b280633bc6cc5648ea946c6e20e",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-checkbox--development",size:"s",variant:"bold"},"Checkbox")),e("td",{key:"327d5d5a57c216b127505b0e964ffd743e705136"},e("ul",{key:"06f7ca321b5e1c9a3310ac10d4c9012bba74173e"},e("li",{key:"c1be0d6ba7f2833938d0691d1e20a597c5603936"},e("span",{key:"d4477a320c3dbb92a564cb67f48faec32929faa8"},e("ifx-icon",{key:"15954e9093eb86ffa19e1ea91e2a827e5b4752d6",class:"check__icon",icon:"check12"})),e("span",{key:"df80e616dfd039834ff2e45534cfe23ec691bc55"},"Offers a simple and customizable checkbox input, allowing users to toggle between checked and unchecked states")),e("li",{key:"c8ea1229a046f0d0e23f87661a6ca192ea9f819d"},e("span",{key:"eb6534e61918e63b7b2f93c566bba5751ba31829"},e("ifx-icon",{key:"03f9abd29e525ad819aacb4b37d3da4cf6bfc9fb",class:"check__icon",icon:"check12"})),e("span",{key:"867c6b854b755bb0cc7be8bffd6e999763e00e8f"},"Adheres to web standards")))),e("td",{key:"2fd48fc3135c39abf065e0f5d03c0fe31a96cdb1"},e("ul",{key:"a888984d2df2c404fecbd709ba3a3c3808af2461"},e("li",{key:"d9220a36335ff4a65f9813ee3ebc0606a486c3f4"},e("span",{key:"757377e5060d96c44a2ff169925ddd3d35b357e4"},e("ifx-icon",{key:"e937e4a6c47680e83162f00e7f745ab532d11173",class:"check__icon",icon:"check12"})),e("span",{key:"4363044a97c05fdd68e2d7b74eb8b96260909f11"},"Indeterminate state variant")),e("li",{key:"a5105da5764d95915a3c5ae2e3e479219ad90e78"},e("span",{key:"b37f8591962c25ca24f0d2968117005acf85bc1e"},e("ifx-icon",{key:"11e3aabfc01dec22157fb258d64b808cc87a0b40",class:"check__icon",icon:"check12"})),e("span",{key:"c0c8d800db702e3fd2f53641a15c533b802ecd44"},"React, Vue and Angular wrapper integration")))),e("td",{key:"8c1793f4998ff4f3741f2931145bf718d5fa89ab"})),e("tr",{key:"f6f571ad63ba685376e98b51933c6999f574054f"},e("td",{key:"0d1dcaa8f774d63a53b09ad03a3e9d12c11c2671",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"355792182617c017fb87936e322b4c52748c60c7",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-chip--development",size:"s",variant:"bold"},"Chip")),e("td",{key:"0fa5cbfc9fb379ff9d1a93ae234987625d320f12"},e("ul",{key:"1113170a696cba283594825f786d12595f67c252"},e("li",{key:"5e25521216fffdb373c5b137147e54adf5f07b45"},e("span",{key:"436eb79c84c27c43640ae5a91c134ae6d66dfd39"},e("ifx-icon",{key:"f3fc8d01abce2c270a1c0febfc9f66bf92751308",class:"check__icon",icon:"check12"})),e("span",{key:"ae690e461a8319a098ffbd26f5a50f635b5123d3"},"Provides a simple and customizable interface, representing discrete units of information or user interactions, such as labels, categories, or removable entities")),e("li",{key:"9921d90399b8f11634b2637f15eae4c45f6142f4"},e("span",{key:"52f0519a23f8b5e136dd07476f144badafb86c6b"},e("ifx-icon",{key:"2ca127b36bb11d81639c6683091fe7a870bc9e9c",class:"check__icon",icon:"check12"})),e("span",{key:"f1a027d5a78a468622c4b53e801673d7b866ab9f"},"Adheres to web standards")))),e("td",{key:"d59a3f50cc59e0acde1b726dfc8f9935e555b935"},e("ul",{key:"3ce7ac973c5e4306a1ad0128e14d9105679d1a56"},e("li",{key:"e3e4d1092c7a53e34580de4bd3a19544119ee4a2"},e("span",{key:"5050a30e808713707bc8857178a7e17f6a0b5a08"},e("ifx-icon",{key:"30dc35bd1fea23d7298afe3fe366cd9d67b288e9",class:"check__icon",icon:"check12"})),e("span",{key:"fb60be48055dc83babf6d435edd9a8989266cf35"},"Incorporated dropdown-menu for individual item selection")),e("li",{key:"5b6edab1edeb9fa7a3cb16d484404764948ec112"},e("span",{key:"01cf48db9323ed58660e8de6669c218c23138e21"},e("ifx-icon",{key:"6f712b193c14388ede4615ceeae0dab06627757d",class:"check__icon",icon:"check12"})),e("span",{key:"e6eacc979b07f468d9bf49bcc73ee28d49bb23a0"},"React, Vue and Angular wrapper integration")))),e("td",{key:"beb7d2a2aa21113378eaadbc0cda48cf0bbad5f4"})),e("tr",{key:"49e6b4769c2ba4319d3b0ec052ea4f74a6e448a9"},e("td",{key:"e193176fad7f1fa7d1c84c193dbc8f3b47c970f0",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"20bbed9a7ab0c8fd3d2a70742540cecc689b332f",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-chip--development",size:"s",variant:"bold"},"Date Picker")),e("td",{key:"6b23022ba9b820cae9bdc153a4271f1914f08c88"},e("ul",{key:"2bcd78af106ae04e6b5128c47a9f5b3ab6039afd"},e("li",{key:"2980e14f53b99deccbc0c4c8845543e1c647900c"},e("span",{key:"e6b3496809a94d214d580f941c010c467ab5d549"},e("ifx-icon",{key:"e9645270065d9745e5523427699b7e8f54662f9d",class:"check__icon",icon:"check12"})),e("span",{key:"f0cda89dcdda2e115d8f5ffbf35ef8fe4f1c20ca"},"Provides a customized wrapper and theming for the standard date picker element, enhancing its appearance and user interaction")),e("li",{key:"c6ca28a3978257ba2619b19406e7e7f81155ae0d"},e("span",{key:"f2c6f0e9f4416365cc75e0c7430e0a7af3cc1643"},e("ifx-icon",{key:"bb56f728c795450f5023d2e9dcd19f21fdfe385c",class:"check__icon",icon:"check12"})),e("span",{key:"80b94dfdc93f2823e34f7cd52f0ce9dadf819448"},"Cross browser compatibility")),e("li",{key:"8f645e32c0f72f43347a07623b2304c672fa70db"},e("span",{key:"a93bad2033f92f43a03499713f421c9fb4eac3bc"},e("ifx-icon",{key:"9e6d9e617d8ad0e1e01c9b829efc6759f801769a",class:"check__icon",icon:"check12"})),e("span",{key:"faba747262a06d53aa7ca8d583d82144ae992eb2"},"Form integration")),e("li",{key:"c12e9657c1787f548c3734f93126ae3c6b3e11b9"},e("span",{key:"2c37bc6b43d1262c5f6d23f9c4e28bad4e4846df"},e("ifx-icon",{key:"f8698a13a004ab4c63e6faaa53e1851b14cee9a7",class:"check__icon",icon:"check12"})),e("span",{key:"5020f035c8b9f2f3ad49ed9092a3c77cb602cd37"},"Adheres to web standards")))),e("td",{key:"392404ca7627f9b1d0e66dbb5dc2a8530fd542a6"},e("ul",{key:"891b9291e1bfbf3c5836a8ae544c81918a0b6f7c"})),e("td",{key:"c139a8f9ffb46b7386581c9aa0a6c28fbb0bd5af"})),e("tr",{key:"e44ff916a39710289e0a444793751b9ccad39380"},e("td",{key:"567566ef534594919ce673ae4140df40a4e07d7b",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"c451695485a1f623b566d30009352bf0ad439e07",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-dropdown--development",size:"s",variant:"bold"},"Dropdown")),e("td",{key:"95193f92205b27b50a6ad575e539421521ba83bf"},e("ul",{key:"feef40944c1ad9ac455fc58fe5b8f1485ba3e32a"},e("li",{key:"8f1457cdf0610f66ce790c553a623b1c60010afa"},e("span",{key:"a466cb739050acaf288d74866c4da6caad8906d5"},e("ifx-icon",{key:"7ca4e74d9fc3798116d3d3adbeb76883c9fa6b44",class:"check__icon",icon:"check12"})),e("span",{key:"82d530aa2f6951c0d5eba1fa0726858377528682"},"Offers a versatile and interactive user interface element for presenting a list of options or actions")),e("li",{key:"923543da3cd0f6bc073dcd287fd3aa39383e6322"},e("span",{key:"f0e1b3f7def06f728121972555e947189631cd7f"},e("ifx-icon",{key:"b2c3fe4c3d76b800cbc38c10230e114d2dec0737",class:"check__icon",icon:"check12"})),e("span",{key:"57d90ecfba886068a3d53027a8dd4bd5c1cd7497"},"Ensures consistent behavior and compatibility with web standards for a reliable user experience, while intentionally limiting customization options to emphasize a standardized appearance and behavior")))),e("td",{key:"d5e814c400a681484f122c94d29f98870e615544"},e("ul",{key:"6471b37fcc6c0a22abd597375bf7840654eb552f"},e("li",{key:"c5b07279dcb78736de48b8a5784b2b1bfc90c11c"},e("span",{key:"bc985c43e9cda8bba83808fc2f176dbbacf1df13"},e("ifx-icon",{key:"1da95fa81da61610eb3f2ff3a5b2a70f4e5cacc3",class:"check__icon",icon:"check12"})),e("span",{key:"fc3c5ce60b5fa49cccf4e2a12d3513256c404604"},"Search filter")),e("li",{key:"b442adbbc1bbb3861e37ee927c3386cd7705ae97"},e("span",{key:"78f800918f837a5af49a9cfdd61f877565e4ff00"},e("ifx-icon",{key:"8d603ef01a089f3e721287c6eddf85cddaae447e",class:"check__icon",icon:"check12"})),e("span",{key:"ea5f22400d6542d76f0c83b1c2de8879010dcc5f"},"Header section")),e("li",{key:"33c4b5dffa1b9d236cc215da2a87e1348b3e9914"},e("span",{key:"f33df46940f26762a3d9b8000b7cee614c444043"},e("ifx-icon",{key:"30a6394b71c138f1e6b26ad838b5ab3e5e9b820d",class:"check__icon",icon:"check12"})),e("span",{key:"5722eb4a20cd1ed32255618e6d66b1367d80768a"},"Menu Item Divider")),e("li",{key:"67529d67ab04bac2e49434a8819f0b5f534b21f5"},e("span",{key:"d0b78895707a9aa1311413c35db7aaab632b4625"},e("ifx-icon",{key:"60e166497d8062db30d3c55385737c31a38f9016",class:"check__icon",icon:"check12"})),e("span",{key:"9cfc50cec84ed59e3371de0743e8d45c4b0fd787"},"Icon incorporated")),e("li",{key:"0301c64cc58a7743fa7f34ffd4cd9faff90368b5"},e("span",{key:"b0e792fa8a3d5d82b954f0a4b883cd2371c954f5"},e("ifx-icon",{key:"bed85becd424e7f53c1861938b3833233b61242e",class:"check__icon",icon:"check12"})),e("span",{key:"28ca4c2f3489ceff111d0b6e6360a6fb0b303f78"},"Extended customization and configurations")),e("li",{key:"12c59c6d360c7702af24111300f6b2758d7ace84"},e("span",{key:"0638e790c9095413aa4896b6fda70240b3511297"},e("ifx-icon",{key:"c8b6c4c7a17517345d3fd6871004f238e2a86b2b",class:"check__icon",icon:"check12"})),e("span",{key:"d0fc2c09b8ab834d1a90141d0d728b68dccb873b"},"Separate label trigger")),e("li",{key:"f22b404fef6c1d1de432340299537109cc36657f"},e("span",{key:"4518abde1d5b8c38d32908c543dffe5b5d1fb1e8"},e("ifx-icon",{key:"0808beda85f74e980be7948cbec02d2db9dc9c06",class:"check__icon",icon:"check12"})),e("span",{key:"818c5554b6586473979f28fc52ae34d8c2681346"},"React, Vue and Angular wrapper integration")))),e("td",{key:"da1378f890d022d00357cb55a3924e48ad583897"})),e("tr",{key:"9fb46ee1437a004a039d2433cd83d214dce2afd5"},e("td",{key:"728315afb2baffdcbde414c0485bd5f0a390ef37",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"95ce76bbad0f4e8cf2eb0618c0cdd818877d29ea",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-footer--development",size:"s",variant:"bold"},"Footer")),e("td",{key:"14651310e86444ee431e0cd6d0b72e0c325dc04f"},e("ul",{key:"dff90b2b1b1c7ca69c428bab06bd2117ca376481"},e("li",{key:"5bd24e9b739f12321ca536f6915262715b4ddcde"},e("span",{key:"34e68cdd1839d4941f40bfe5cd543702991dae2e"},e("ifx-icon",{key:"aaad6b102a653cf250e9310105f614a76a074eae",class:"check__icon",icon:"check12"})),e("span",{key:"ae959ff906f0ab99a04895b557af608e636f6a49"},"Provides a standardized and customizable way to display essential information, navigation links, and branding at the bottom of web pages or application interfaces")),e("li",{key:"187730323dd1da4b23e579d276d78627a9bee9f8"},e("span",{key:"25095ddf1eede47d17fe8f8735235529ad988f16"},e("ifx-icon",{key:"999f1c4bf75a609ff9620001b82e25e88059c3d1",class:"check__icon",icon:"check12"})),e("span",{key:"3a387ba813b4619a87d93df238db1a410fb40084"},"Offers a flexible and configurable layout for organizing copyright notices, contact details, sitemap links, and other pertinent information")),e("li",{key:"61cffdf3d651b8c0ba60d0dbb0a31c97458cd429"},e("span",{key:"37c17a81551e7f55e7e668afc5b5789e93e5bf02"},e("ifx-icon",{key:"e50568269e95ccde30cf989e96c084fbe2d80205",class:"check__icon",icon:"check12"})),e("span",{key:"e430c879ed1b814e5e38b9bedb4f041e8d37c2e4"},"Adheres to web standards")))),e("td",{key:"f6970a978a911cc105f85c9778782ab39e602af7"},e("ul",{key:"ca199580b08200265132596d44940277abd34536"},e("li",{key:"b65e3385a917ab17334d62bdc3fbe01a31bc3a88"},e("span",{key:"e1a01da293a1cd4b0ae22ed1693b0b05df0d346a"},e("ifx-icon",{key:"54c5e7b436c4162b8e8dd1356c738dc946059da6",class:"check__icon",icon:"check12"})),e("span",{key:"142dbc4946406db985e96f0dbea26c90e3e8c159"},"Small, Medium and Large variants")),e("li",{key:"3d145fb5fb39ebacb36a4a82bc66b3408dfdab00"},e("span",{key:"e77bc6cee9539684188a6dbf603e6faf953ec023"},e("ifx-icon",{key:"4e847d240e18bba21591dff32df658b06ad666f4",class:"check__icon",icon:"check12"})),e("span",{key:"597fd4eda0e8747de872ca6d6efb9df53de53fe8"},"React, Vue and Angular wrapper integration")))),e("td",{key:"00b8e85052f2f2bfbea1581a32d602698b49b93b"},e("ul",{key:"fbff99b6afce07866fe6fbf4a241841d68771cc6"},e("li",{key:"aa8e3cc8a8206836bba05ff62129a7a07b3a16ae"},e("span",{key:"0398b8e944d3c4e1bc98b22c51df55d9629431ba"},e("ifx-icon",{key:"615c6c346082cfa09e9d7269dfbd7bebac942ca9",class:"check__icon",icon:"check12"})),e("span",{key:"c9972926283d45e489408438e15ffe327eef245b"},"Customizable and removable links"))))),e("tr",{key:"aabb8165009b711e910701510a3b9ff8d7e4a0cd"},e("td",{key:"ae8128b4b0b104077eb826e8691d34d150b6d2c2",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"7c3c8117f0d8f0c2a3e8d1754f75239c4ec3dd5f",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-icon-button--development",size:"s",variant:"bold"},"Icon Button")),e("td",{key:"5b39734ac076a7842fb8ffe0c4034ceb36f093cd"},e("ul",{key:"62ca73ce89113a7f7aa763c38e1475ee9e9b81f6"},e("li",{key:"9131318cc5588d85cc1ada5d76621693b83fc949"},e("span",{key:"1f0e07277fcf2b9f0d787345a557186980edf1ca"},e("ifx-icon",{key:"40a92d82bace94832531b3e8bc3f521ea3370715",class:"check__icon",icon:"check12"})),e("span",{key:"9d278561527e50f1a3a580197d231418ea5f9944"},"Offers a compact and interactive icon-based button element")),e("li",{key:"792f39e47a5c1155e1413be2f90edc0c77dbe372"},e("span",{key:"9b5ab00b94bca814b35698df4811ab49e2742204"},e("ifx-icon",{key:"96d5c74385a059593df6f88724baca3e3796e71e",class:"check__icon",icon:"check12"})),e("span",{key:"41d88ca4562e5bbf2fadafc7002dc7ebb25b9c65"},"Provides a limited scope of customization")),e("li",{key:"1740655a1952a744925a0be6866fcd2808f201ec"},e("span",{key:"ea7feeb90ccbb213e5ebe1bd32da8f19f8f92be7"},e("ifx-icon",{key:"be9a053aa12341d6ee69ea61c14a0cb822cc18c6",class:"check__icon",icon:"check12"})),e("span",{key:"9fe177014d285632b8fa16f132025d910cb67859"},"Adheres to web standards")))),e("td",{key:"5a2c6ea0dcab3a5e1a31e58aa845c723df5cd0bd"},e("ul",{key:"c900d15f7ae3e8bfe7fd67fd7fdcbe12dbf8104a"},e("li",{key:"8771b7e7261bbbb85be9f7dc884e6245553b5526"},e("span",{key:"affdb864318d8a889af20b9d5c02c94857aa97e6"},e("ifx-icon",{key:"789764f990b34973c3d371bc2eed34d79c4447aa",class:"check__icon",icon:"check12"})),e("span",{key:"99c9a38830078e9be8e3cfb984fe18ec4b266e5f"},"Additional Round and Square shape variants")),e("li",{key:"ebb0923282865af0337fcb60149fa6c2387db2da"},e("span",{key:"2ed1bff80ffff006f4fbca27abdf535e3fdf17a6"},e("ifx-icon",{key:"0ecbfb8d3e7adc79c61985ccc9cbcd52ec427887",class:"check__icon",icon:"check12"})),e("span",{key:"f32cc9a65897d14c5f2f284a3f59ccb4d9c00ccc"},"Small, Medium and Large size")),e("li",{key:"6249ba6c5b7a5b36968962c6b2c3575e1b7d2be6"},e("span",{key:"2fd8a3e6f45853f5c8f269b5b554435571d88d98"},e("ifx-icon",{key:"84861f34fbf304feaf36f92dc5134de615795b89",class:"check__icon",icon:"check12"})),e("span",{key:"791b79f8bba7e2682a92f1651a3f56bfd9190cec"},"React, Vue and Angular wrapper integration")))),e("td",{key:"35466bf352a20534a45d6b302f8ef1a8bdb2901f"})),e("tr",{key:"c8c884181e2e1574ea751856109303fea6c5c06c"},e("td",{key:"ef50a3d35efe264cf1997bf2127a7a7c49ef91b5",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"977d0fad03d3f40fb9f6265b7bb8c54713293f05",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-icon--development",size:"s",variant:"bold"},"Icon")),e("td",{key:"3f92b6c293cc76e428e4710906a62d520c7bbe5f"},e("ul",{key:"0d84b5f30bdfdf32dcbff863d62a087bbc133bb7"},e("li",{key:"1c838e64aca217aaa3a3cdd6a1b50dad70096ec1"},e("span",{key:"3f55e2f2ed6e4076109bef4b4f8388b7723df6a2"},e("ifx-icon",{key:"2daa206af9f4acf854729c5cbf07046c32bc7832",class:"check__icon",icon:"check12"})),e("span",{key:"d38f99a632534d3cea23b062613c1ea7f9ef15e4"},"Offers a wide range of iconography options, allowing developers to easily incorporate symbols, glyphs, or visual indicators to enhance the user interface and convey information or actions effectively")))),e("td",{key:"a6f1a4fb5a0b54c84e939cca5455bd1f0bb2a8c0"},e("ul",{key:"d39b2fa701dc0a9deb6fb95115972d2e5652bcbc"},e("li",{key:"c73e5cf56a548486ec0f784463e3b64eaaee8700"},e("span",{key:"e0514cd27447dfe1cc25124a553574c8603cf1df"},e("ifx-icon",{key:"ddddea0e675de187eba1ce281cd110be2083654a",class:"check__icon",icon:"check12"})),e("span",{key:"1ab3150fa51702ab47f1be11a514e769ce39a743"},"React, Vue and Angular wrapper integration")))),e("td",{key:"9e6ed2fed1d756f6cd79484c9e2dd6b388f2786b"})),e("tr",{key:"a03cdfb8b6509a8baf6c5e82543e290944d467f0"},e("td",{key:"3f6371271680d895cfdc2bfb379423c96724409d",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"a78b2068d9ca9e29712f645c635263ae041a85e4",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-link--development",size:"s",variant:"bold"},"Link")),e("td",{key:"e75934d89b80451a85c3b774ed6a2ae140d73240"},e("ul",{key:"2145967a05bb9fb968394df03c23ce00348c6c9e"},e("li",{key:"0115e88a5101e19a904db699a24a67d5695106dd"},e("span",{key:"ac17b81c9b61a936b11fa8f3d939e3550a51a7f8"},e("ifx-icon",{key:"cdbc2b9369830dbadf2a761f27117139b19d4bc3",class:"check__icon",icon:"check12"})),e("span",{key:"e4d904d2ce63dbd3ddb6dc8532b6b180322e047f"},"Provides a flexible and customizable element for creating hyperlinks within a web application")),e("li",{key:"8d2cf03d3a1d94da802cd018a50edbcc9193312f"},e("span",{key:"59411689802bfc642b1b437b6be2aaca27b39cb8"},e("ifx-icon",{key:"af09857c248349ab2f457e15ae4c9f5b74e3fa90",class:"check__icon",icon:"check12"})),e("span",{key:"ef059fa2433a442b686e6799d19563e0515a1b99"},"Offers essential functionality for defining clickable text or elements")),e("li",{key:"f87c2a2871e103ea505a0413f33eca19324e2424"},e("span",{key:"ab74be5a0fe21eaafcdd2d2e671358a32c26edaf"},e("ifx-icon",{key:"a1a077033b342133424f19f355d88d192166d338",class:"check__icon",icon:"check12"})),e("span",{key:"7f41fd1a240658b821aad73a40a7d8b5af1fca9e"},"Adheres to web standards")))),e("td",{key:"dc077f0e1dcbb72b817b66b48e754eec7bc32690"},e("ul",{key:"66780bb8ce5a58c9917d14b00a56a8110cb86fff"},e("li",{key:"5191ac9d2f1380c611fd8ae244f2935d083b62f1"},e("span",{key:"61b48545fa5c9d647610f96415c9fb76a7b33ecb"},e("ifx-icon",{key:"c2ae470d0953c27fc02bdab0858f6f42df9aef9b",class:"check__icon",icon:"check12"})),e("span",{key:"5ef7249d515a5401b958c1fa2edd3a3951231441"},"Small, Medium, Large, Extra Large size variants")),e("li",{key:"d2ce60893009285863e9b80c06a48c46421e426e"},e("span",{key:"f48701a964420e68d2491b87d0d1736c5e5f3e93"},e("ifx-icon",{key:"4c77456de4a3d78fc041bd4ab17cba45c42a7b1b",class:"check__icon",icon:"check12"})),e("span",{key:"f27f3d83563b8a4de48d694a3c9bcaa373eaaf3d"},"Icon incorporated")),e("li",{key:"e5b1ddca259685a8683eefa3da26502d1edf6991"},e("span",{key:"c9fd9dd671d43836f2d152232dce5c4f73cba1aa"},e("ifx-icon",{key:"35a96227d1652e3f0e78818f000bd18371b2c4cc",class:"check__icon",icon:"check12"})),e("span",{key:"aee622a84e2cf4e75ce71937746ea74345c791eb"},"React, Vue and Angular wrapper integration")))),e("td",{key:"5568236a74dd8fafa877a9d71f76ff8e92d1bc8c"},e("ul",{key:"e11deec1925bf77bdd1e4bfaa3331dbd43316348"},e("li",{key:"ff2f8269c0efaa641bf0aeb4803d6885707c2550"},e("span",{key:"111206f28aa392032ecac3e167ab993edaf48852"},e("ifx-icon",{key:"a2ace7418053c31aeb299b68e3030dca94e5abe3",class:"check__icon",icon:"check12"})),e("span",{key:"101f2cfeaae94062770c42144c8919e5a900fd67"},"Bold, Underlined, Title, Menu state variants"))))),e("tr",{key:"05ec0bc42c07d499aa2153b1a55561c54b774ea5"},e("td",{key:"6ae6ca48d3b4314b4426b46e40c813c02746bd80",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"646457b1e32173b290d975f5ef041314842a5d0f",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-modal--development",size:"s",variant:"bold"},"Modal")),e("td",{key:"dd84665956480727649b9837acf199b30b1d4210"},e("ul",{key:"d8850db37bf5b4eb93faa36c9e365d83e7725e06"},e("li",{key:"cf85f1dc2e0489f5181f21bc460cfb5a719ef007"},e("span",{key:"cc405355a081971fd8fad050855e7df162f61977"},e("ifx-icon",{key:"4313f0e89c582edfa22ae9f7ec8226fbea4af8d2",class:"check__icon",icon:"check12"})),e("span",{key:"019838eda51bda3fdd7cff1463e08ab7a58d71b7"},"Provides a customizable modal window, typically used for displaying contextual information, user interactions, or additional content without navigating away from the current context")),e("li",{key:"c930ccbcdf43ca3bb789d518d31eeec3b89c1c0b"},e("span",{key:"9389eb10ef01adbd55a762bad7d730545789b021"},e("ifx-icon",{key:"52e8621ca25391d7a50016214343be9165fad428",class:"check__icon",icon:"check12"})),e("span",{key:"debd7c0e40f7af90749b5481224aad3ced96c5fa"},"Adheres to webstandards")))),e("td",{key:"17d0610b952a6be9f4f054c53965ee26b7d995fa"},e("ul",{key:"d4b18830d393082fd44169c8a8aced1ba019f3a8"},e("li",{key:"e93132160fd9e25d4189babc5a1143149eeb5870"},e("span",{key:"032d1d84c315ffed90399a3d469ed92f63a413cc"},e("ifx-icon",{key:"98422e673011df1cfb3bc70e4d29ead686c5d104",class:"check__icon",icon:"check12"})),e("span",{key:"5dd465ad11c62f22884b1002dea3240a03c41b87"},"Alert-brand and Alert-danger theme variants")),e("li",{key:"70f62c812d67ce313c3836f34ef5c2b8163faa3f"},e("span",{key:"f00d79d076b3fe41b7521fee77f98c6749d324d4"},e("ifx-icon",{key:"f572c38c6aa6c7e9527596de2761e0933dc59261",class:"check__icon",icon:"check12"})),e("span",{key:"43c67bd5971c33fa1a2a652f84f45813e1fd80de"},"Extended customization")),e("li",{key:"401914a7937e0b6465c5270b88264fc1a368e8b0"},e("span",{key:"fe9f1273ed287d68401b60d89c2325db5ba34749"},e("ifx-icon",{key:"d172f64e06d93764e0be226e961eb61de7d3bb3f",class:"check__icon",icon:"check12"})),e("span",{key:"80dce73e8b107684bb7d79972bb1c4991bee63fc"},"React, Vue and Angular wrapper integration")))),e("td",{key:"b169b20d3390352f82cfb9960e48e1ca36ed35ac"},e("ul",{key:"7dc92ccce6118f9adef2ba08e178e3d271ae0307"},e("li",{key:"749bfb9e44dba4a8312a90d676780a071c86cb52"},e("span",{key:"dc3e2891ddf3bbe1c42f216a8d66c3d1ea627d86"},e("ifx-icon",{key:"8d80a0dd9308f193bc1b604a511df4d9f1c2167e",class:"check__icon",icon:"check12"})),e("span",{key:"c475a0fb5bde06583c0af8aa96cfbc39025150a2"},"Removable close button"))))),e("tr",{key:"18774968cc39062d0dcd127ddadd24a718963442"},e("td",{key:"06e2a109d7de454118f2120ae30ba8d482c8fbb2",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"e4480ba9286525b3c0e1a7f4e1249a69b48cde45",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-navigation-navbar--development",size:"s",variant:"bold"},"Navbar")),e("td",{key:"748ab8290bd5406ae1f84fdb2a4f626f262818b5"},e("ul",{key:"a97c767eea79f29093603796787a95eb2cef8683"},e("li",{key:"3a3aa1adc318f98022c914e7adabdcbbc10e31f2"},e("span",{key:"e38628da0a0f09f9deb9e61aa631bff67817b98e"},e("ifx-icon",{key:"7856aac9f6c198b012e3f8f021f673c4fddcc04d",class:"check__icon",icon:"check12"})),e("span",{key:"2cac67f2c58138bce98ed86cd6a3c5bb5687c3b1"},"Provides a standardized and customizable navigation bar for organizing and presenting essential links, menus, branding, and interactive elements within a web application")),e("li",{key:"464ff6c7cae0d629e4af74bdcce0387250829364"},e("span",{key:"c3ef7338f56d8aaf816e1bd3286939f6aa32b1ba"},e("ifx-icon",{key:"94c771c2ef01ca174a0e41ce5bbbc535ea39bbcd",class:"check__icon",icon:"check12"})),e("span",{key:"b79d05c15cc0aaca5c7dd54d979cc4e21048e419"},"Adheres to web stadards")))),e("td",{key:"ce9af8c9562fc0bb8e773bec28926cf1732bf6d0"},e("ul",{key:"8d98b973f057e9eef8a877deadb1063bd5c7ed3a"},e("li",{key:"37a9ea9cc97bbb9a7bdd67e6e686232161c64dcc"},e("span",{key:"18553da2626a8b96b305388cc29344c035644c66"},e("ifx-icon",{key:"b20f7b8cd837576211807d198813d6f8a382440d",class:"check__icon",icon:"check12"})),e("span",{key:"321bddfd42af078e320997302811ce8a41a37730"},"Navbar-profile component")),e("li",{key:"cac53b8190e8ff7d68f438a3f7965046d1d6ac15"},e("span",{key:"358b47c2ce49d78f59afec750e78370672b63f5f"},e("ifx-icon",{key:"d0659384fa6c92dbbc99cf38cc03a18e8b09c21b",class:"check__icon",icon:"check12"})),e("span",{key:"bad0bde68ca10b5d0683ed6ba2da9f412043703c"},"Mobile Responsiveness")),e("li",{key:"3f06ae63684373be411714917e065db04e3d7d79"},e("span",{key:"1c8157402de4310bf83397760d6bb00d1c80c96b"},e("ifx-icon",{key:"b2c075d83dd68aff5e27e83e165e473d6cf46e13",class:"check__icon",icon:"check12"})),e("span",{key:"3163f33910d907c3500b660fd54e3a1504eca5e5"},"Mobile Sidebar")),e("li",{key:"ab254d6379f2ab1efac9941b88725093650fbe9d"},e("span",{key:"37b8dc21effc07da002fa722070643ac3a1cfa84"},e("ifx-icon",{key:"9c937cfc47f2d81c94e95e67db78cac578eeaef6",class:"check__icon",icon:"check12"})),e("span",{key:"aa60428ee5f15cf5143cabee20af9383e422284e"},"Extended customization")),e("li",{key:"72d19e238bde800a7f2eb35c8f17a5539bbff04a"},e("span",{key:"2b3041bf00dfe560950606d1d9c906b3a60774a5"},e("ifx-icon",{key:"8aea4cc1eb87ae757cdba81514258ac28847b68d",class:"check__icon",icon:"check12"})),e("span",{key:"a9905731b8880220bc6a34e04e7df228c3c609ee"},"React, Vue and Angular wrapper integration")))),e("td",{key:"9d1284ac73571fcc7f1dcf6ab1afcd879200a98c"})),e("tr",{key:"b2cd02b083757b577cb0984a6d1bdf551933a428"},e("td",{key:"6361379b147922cf3dcb6d813238d4861b9f7c09",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"e14560ae384528fce680c486a6a2ca57a64c50ba",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-number-indicator--development",size:"s",variant:"bold"},"Number Indicator")),e("td",{key:"e5db543fe8d92e86dce6048db61fed937f7da132"},e("ul",{key:"de1e5a69f3a3b9b556b2e356203b050f587d615d"},e("li",{key:"b09cba833d9c43a0472aedc723a9809eb4c9a374"},e("span",{key:"a9230aadb49f69deba72c371006a3ea3e2e3dc47"},e("ifx-icon",{key:"a80453b4068e2bed48e82001d852f3d4332d182c",class:"check__icon",icon:"check12"})),e("span",{key:"9789215477f9c49b028e9f3c7d502cf4551504b0"},"Provides a compact and configurable display for showcasing numeric data")),e("li",{key:"107e6268161cb4527ea0e93246cffa67b87eec8b"},e("span",{key:"57bb8b0dbbc72c53d855091b785559b109b08d7b"},e("ifx-icon",{key:"500bd24a19cd14d0acc2e7b2558dda73c050af65",class:"check__icon",icon:"check12"})),e("span",{key:"62f4d3308d6d5aeae291277aa6008687faf2a3fa"},"Adheres to web standards")))),e("td",{key:"1d111ca3a521d1779eb4264a4fd61ecce272f99f"},e("ul",{key:"9131f667ccec07f243b9fdf59a0eef968ebcfdcc"},e("li",{key:"3008d1774f640e292261c166389d8c5f02342ad8"},e("span",{key:"ff2a33f311c6de5f7d3cc6723f373fca995230b5"},e("ifx-icon",{key:"a14288bd6364b5724cd6d42c58b9afc52e27c1c6",class:"check__icon",icon:"check12"})),e("span",{key:"5773089f863acdf09fef8506a4a7895422422932"},"Inverted option")),e("li",{key:"0adb390f5579caef3dd239ebe7490889a2d0609e"},e("span",{key:"b6393942de9b358c90b9f065ff2b7b9ec6cb52ac"},e("ifx-icon",{key:"74270825d9886fda257ad65ed4d8a8ac4400e565",class:"check__icon",icon:"check12"})),e("span",{key:"b9e23dec31991efc41cfa25ddd17a249b53163d3"},"React, Vue and Angular wrapper integration")))),e("td",{key:"8099b05b2a7359f57e73547f73ebb0ecff00c1e6"})),e("tr",{key:"6208fa654a59d2be77e3641907a652985610317c"},e("td",{key:"5c20585b3257397de70435a1305b343ffa0bcfc1",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"ca097601979a9729bf2c797b0c187ce697c12d5a",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-pagination--development",size:"s",variant:"bold"},"Pagination")),e("td",{key:"7a26eb27da63191d0d6afd57101ba51940bce14e"},e("ul",{key:"8944927c6119433d51a3ba25d5783820be311b0a"},e("li",{key:"ee4c3cdb64b6b6bbc8dda6bb8ac3478f60f56ae1"},e("span",{key:"5d1d2de64e69b1e4d8009925599faf727954f1f5"},e("ifx-icon",{key:"d74e8911696b97f4f19da779149367d9b8f184ab",class:"check__icon",icon:"check12"})),e("span",{key:"392346157874184bc56e7460d844075fa4907c52"},"Offers a configurable set of controls for navigating through sequential pages of content, typically used for displaying large datasets or segmented information")),e("li",{key:"9ba67762225bc2f33c650fa81b7bc0d5db2da8ed"},e("span",{key:"a45bb7bf8bf9ca6b6234d038b4656a80328e1cd2"},e("ifx-icon",{key:"fd7dd2581191b438df6b1d657f488a9b9453d807",class:"check__icon",icon:"check12"})),e("span",{key:"efce0c23625ac31544e048d5bb2add7a7d37c171"},"Adheres to web standards")))),e("td",{key:"e9381bf74aa2a06d7be98540462bf5909ce1b95c"},e("ul",{key:"31b458963338a1b6f784f85bc84f97f58f34303e"},e("li",{key:"a4200e1fb90fb88c72331fb6c82f395aafaabb17"},e("span",{key:"b88ae065b2fe2d223c0eb288bea5d099057246d1"},e("ifx-icon",{key:"262c845c7410a1b65b5793fb83e64c75f08246e6",class:"check__icon",icon:"check12"})),e("span",{key:"dc50da4465bf3798deadfc097ba293c802724a5c"},"Extended customization")),e("li",{key:"ab31505b7af7559424cd8582a0e77d1a12619f06"},e("span",{key:"05140888564e08ad487f03ccb142c986acde996a"},e("ifx-icon",{key:"ba2c584e1741dfc9fc25cf610d5d54ab5a899b5a",class:"check__icon",icon:"check12"})),e("span",{key:"72354d76f21fe658ea22e2d2c915efb7efaa852e"},"Configurable Results Per Page option")),e("li",{key:"b57641dc098d5f76a5ddbd0c9bde2eaeb36f2e80"},e("span",{key:"90439299e92b4e0a46cf04fb135cad8ad045f025"},e("ifx-icon",{key:"aacc8f26e411f22718ae1add447dc3ebcca4eff8",class:"check__icon",icon:"check12"})),e("span",{key:"aa7e7a5f2599e0fb36c1adb5d2925abce91793c9"},"React, Vue and Angular wrapper integration")))),e("td",{key:"61f2cc3a46bca6430e8c6d8bcaf2a583173cf942"})),e("tr",{key:"e25838f6be8a55337423bfbc0ccc551dd5df3247"},e("td",{key:"f8b7b857550b93d33e39346013a38cc537e982cb",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"9b13557e130768e2aa0772fa30d80ce8810586ae",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-progress-bar--development",size:"s",variant:"bold"},"Progress Bar")),e("td",{key:"fac1af56f63b261f8ff9a63eb91e8fe83bc7a110"},e("ul",{key:"c12c4b5e2d3d430e143e90cd0952eb0b02523ef6"},e("li",{key:"4cc977e63405eeea0fb090f07d24ebdf7f756c87"},e("span",{key:"bc42129ad6825a91983fdb9e60d55785332df617"},e("ifx-icon",{key:"0b75e22c7a7cd0ffa27c04a330c4dbf2a53a6829",class:"check__icon",icon:"check12"})),e("span",{key:"14778b24a2921d0a7ec5820b000b0ba3ea608f74"},"Offers a customizable and dynamic bar that visually represents the advancement of a process, typically used to convey loading status, or task completion")),e("li",{key:"b1cce934d2f912aa34c24d487103002fd5614ef4"},e("span",{key:"5c7b14b2974d43f7673c8031350d941dff8845c0"},e("ifx-icon",{key:"d15a686a1233837be9a2687b9ae492c1f047a586",class:"check__icon",icon:"check12"})),e("span",{key:"94c777a8744278398ba4ae0176ba123af00efdb0"},"Adheres to web standards")))),e("td",{key:"1ede2e834cc7ca623b92c9a2dacb43027482ae16"},e("ul",{key:"829866392d02e19f1640567209a2724bd22ed0b4"},e("li",{key:"e53e2ef0cec285bdec46e322ef0c5bc7fa7a2696"},e("span",{key:"bbd92e6743dc4b42394308bf24cf900fd8f253fc"},e("ifx-icon",{key:"c477c1ba1090bebf1e9e7e90e7270497e1cd3bd9",class:"check__icon",icon:"check12"})),e("span",{key:"cd77fc94eb8b221cb5608f229589110dd189781f"},"Extended customization")),e("li",{key:"194ef786af8bf3792658f353cd32efaca1f80c71"},e("span",{key:"30d3bd5ff52c9330dc2867edfa7f0f0c2bdc8210"},e("ifx-icon",{key:"a381138f9324efcfe2736bf0af4d6bae9dc23d42",class:"check__icon",icon:"check12"})),e("span",{key:"70df5120c9a334407cf5a10a862d3af53420a2d2"},"Show percentage option")),e("li",{key:"892984b3cc22f9ca049fe2fd44f9201790d39283"},e("span",{key:"8f656f68faf0b9802f570dcac620e8d650031b0d"},e("ifx-icon",{key:"12fa30ea60e0924333616c97725048fcbae7a506",class:"check__icon",icon:"check12"})),e("span",{key:"859fbc8067254c8055d55f003e52232db580aad5"},"Small and With Label variants included")),e("li",{key:"5a949fa214f9a1325197012a5d3ed871420dfc04"},e("span",{key:"4fb9c8564416cfc605b906114ac30551914a4f6c"},e("ifx-icon",{key:"333cbfee01ebc6daa676f33dc247b2fc1583c200",class:"check__icon",icon:"check12"})),e("span",{key:"d835dffb139c677425b913c854e235e6c42aba29"},"React, Vue and Angular wrapper integration")))),e("td",{key:"f1e65eaac1ab3186a36f51eee7b891f70c129e55"})),e("tr",{key:"a313b8830dc08fc873c446311cc5cd8120b449d3"},e("td",{key:"4af6c9c21232ba14ceadd60732dc32e4c98c9824",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"ba17401fa1a0080a23092742111cebe836ef7eee",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-radio-button--development",size:"s",variant:"bold"},"Radio Button")),e("td",{key:"f826bb923fe53c104fc59b59c3f65491c4237a45"},e("ul",{key:"c89394d1d790a26b57b42da2aeb52bb2dbe07e7d"},e("li",{key:"14f83d9cfc01b9bdfb0fc3dceb7ee8d7e70c2678"},e("span",{key:"2439fba6de8877054e181256834b80cd0b36a544"},e("ifx-icon",{key:"9c0f854506bf6bebaec1c9ce650f2e357fb7e5f6",class:"check__icon",icon:"check12"})),e("span",{key:"bd2dd2655db92a155295f0e1dd1d83bb095b03e3"},"Offers a customizable radio input, allowing users to make a single selection from a predefined list of options, typically used for multiple-choice selection or exclusive input")),e("li",{key:"eddb8ea6d720043c6012171c752041a0f6a10c5b"},e("span",{key:"4f20f215d39c7542a4016eb09143a2c0896de7c4"},e("ifx-icon",{key:"96f7b8fb29cad4a9054995bd95e05fa95d66d0f7",class:"check__icon",icon:"check12"})),e("span",{key:"82990e6590b672f7150216cd037f2e4c31e7209f"},"Adheres to web standards")))),e("td",{key:"a10f835f10ae7ae5fa2c0836be37c36d12ac43bc"},e("ul",{key:"bc0e1c0acb92c0e292ea174c7eebecf0f0265ec4"},e("li",{key:"cf3cdfb54ae68430856f72f6fbbf9ba733e1dbd3"},e("span",{key:"c1aa9b1ba070b3436328f7fddcabac9513277ffb"},e("ifx-icon",{key:"982442e4738884f2375bdad1d061abcd4b0394f5",class:"check__icon",icon:"check12"})),e("span",{key:"b93792daea1a9ef489b3147fb9523007da9abdc8"},"React, Vue and Angular wrapper integration")))),e("td",{key:"a17d6b5b855970415ce388207e7ffb7911006994"})),e("tr",{key:"89e0b2fb93142b41aad906158ae92fbbe9edb92f"},e("td",{key:"d47f79a4e73a0b54017b78cd566ee0dc1f22f694",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"e28b68a8acbf871a7ff2549b307c7e4a6ba8e51b",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-search-bar--development",size:"s",variant:"bold"},"Search Bar")),e("td",{key:"1d76b89a94a570b8263a5c44f63c96346a60e48b"},e("ul",{key:"6831c75da3f9af5e3c3333cac316932dae1adb00"},e("li",{key:"b811e74485d2a49a45facf094732ba091a163936"},e("span",{key:"597e2002f6cac92432a5cea1491933e8325eef5a"},e("ifx-icon",{key:"3d1db5419eb2c0ddc5a92f1e52be46de120b39bc",class:"check__icon",icon:"check12"})),e("span",{key:"67407793dfe18d939258601caff7d3d7855362af"},"Offers a dynamic and customizable input area that allows users to input search terms and trigger search actions, typically used for querying and filtering content within the application")),e("li",{key:"f0f0d83a0ff42252ffc088e21926fa2e001d7f33"},e("span",{key:"19e92abeb2aa6874d428cf310b0ea771686ba84a"},e("ifx-icon",{key:"bda978fd1eeb362dd1e6630b2bd8fb4f64f2778a",class:"check__icon",icon:"check12"})),e("span",{key:"cb372daf89cfe467da1beeca51f172f8f1c6c46e"},"Adheres to web standards")))),e("td",{key:"101381c9e77dbed42a392a7050e40727c422d466"},e("ul",{key:"2515be70bb9b545b4d20d7ee04c698b9ef214106"},e("li",{key:"743dc27eb46d91f6cf290613c6973a41c97f4977"},e("span",{key:"d8ef23e76fc4566d5820a8c59136c6c7a6234819"},e("ifx-icon",{key:"34e890bde4a2776c0d0ce0d22aa02d9a51ee746d",class:"check__icon",icon:"check12"})),e("span",{key:"c8bbf39e2fb679d8bec4d52b29d54b15974f512b"},"Collapsable option")),e("li",{key:"848d3059d1558bd6b214d9c4be7bb44626e63ffd"},e("span",{key:"ef2082fd97c022a0dbb2967cdb5e418d6d0e79b1"},e("ifx-icon",{key:"44d5e29e221f1eae4bd06922b14e73735ec9592c",class:"check__icon",icon:"check12"})),e("span",{key:"245e42e6b7d73b9ae4ee3dcd118aa81c5b3dee12"},"React, Vue and Angular wrapper integration")))),e("td",{key:"faddf648847bc24df7b11fda4e7a28bd24822cc2"})),e("tr",{key:"b5dc391136e162b64f57fdedb126b917d2a72df7"},e("td",{key:"023f28d2f79d368939be9a5a901603f41fcff66b",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"2d7e0a269cd3df67d27748875f04b33f3097eb7f",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-search-field--development",size:"s",variant:"bold"},"Search Field")),e("td",{key:"31a156b2b4ddbf8bafb51b3a3a0b592c60a7a733"},e("ul",{key:"1b8e593199a0a113da12ab79987c417b799db5e6"},e("li",{key:"bf15e109d7b4cc685d82dec4f7675f33bd29105a"},e("span",{key:"86a75c8f3d4b668d025f6a26787fbd84fe13f1d6"},e("ifx-icon",{key:"7111319cceff05c14e4a060ab92a59679182d799",class:"check__icon",icon:"check12"})),e("span",{key:"7213bf4d64dcea845714efebdfcb28f487132cfa"},"Offers an interactive and adaptable input area that allows users to enter search terms and trigger search actions, facilitating efficient querying and filtering of content within the application")),e("li",{key:"bf2a380b3373f723dc287dcab58d8b015c63652f"},e("span",{key:"38ae6db8fb80f8b64824cf19e5a4c375959c4f90"},e("ifx-icon",{key:"816083ff03d92257e2fd0d9af9a2d0081b85c4fc",class:"check__icon",icon:"check12"})),e("span",{key:"40b6cd9595cebe4371041b6a266c6d32f02e92dd"},"Adheres to web standards")))),e("td",{key:"e3c71b960bbd782518423c5b862c673e3ba8803e"},e("ul",{key:"46de47dc6cf3cc31ff1bc9cfe5b2b9adda19eaba"},e("li",{key:"46928495a960be3d3c59949c2c7016585b82182a"},e("span",{key:"b183936adb39333e6084979f267f69061d67846f"},e("ifx-icon",{key:"3d6486b9509a7cc2e731c759b9fdbeb9e93400ce",class:"check__icon",icon:"check12"})),e("span",{key:"923d224fc2d2d706d0d96e6a43e7d69d32cd943e"},"Show Delete Icon option")),e("li",{key:"01a7f07b1b2813e5df76c63fa591ad6901a6dd5b"},e("span",{key:"af1c98ffad3cb5b0dba99b60fab976edfa29f961"},e("ifx-icon",{key:"c223b1f3e93ac60f4674d949d896ee3b6b7de8ec",class:"check__icon",icon:"check12"})),e("span",{key:"33d10a0d1b718c8ea29758ff9818aa85c0ab7604"},"React, Vue and Angular wrapper integration")))),e("td",{key:"76f81bf3a936805f0e30fd8a7e2623512af5531e"})),e("tr",{key:"5aecb528424559e728a9a6a1654c1419c5eafe69"},e("td",{key:"f4d42db01992c178fe984893f032af2668d455fa",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"b90845079f70c75bd70740f277c6cecab014a8ca",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-select-single-select--development",size:"s",variant:"bold"},"Single Select")),e("td",{key:"4c17958ffbe33f76ad70935cf59fa9dc8cfad987"},e("ul",{key:"192e32e8d8d311572c9a8065613829b2a1d1235c"},e("li",{key:"25546c68dcce792f3543504310918d7b5c1b7cf2"},e("span",{key:"833e82aa4932646ebf13b19c4f62a76f185a8c5e"},e("ifx-icon",{key:"9dd657ea14e05e4af5deb3e183679e97c2740fa8",class:"check__icon",icon:"check12"})),e("span",{key:"98724750cf988e28b728ad4d0e5638fea5d35abf"},"Provides a user-friendly and interactive dropdown list for selecting a single option from a set of choices within a web application")))),e("td",{key:"e90367a95551eb5be87f3775f266c3484945967a"},e("ul",{key:"e41861425c7fb6ab8a508077016933117e826b1c"},e("li",{key:"f29004816faabdc9d2e0b634d8706ad6fd459653"},e("span",{key:"d335fc6e550246c8e582b83ff73fce242d8f85ef"},e("ifx-icon",{key:"994dbb3a01628847c4fdd1ee51cf71a8810ddf55",class:"check__icon",icon:"check12"})),e("span",{key:"cd843622131a11c458e18f62f5d32d1f2de4baa1"},"Extended customization")),e("li",{key:"fd8a5d19aea87ecee072cc18c0eb6d05debc61ea"},e("span",{key:"3f36e498b0bdbaceaba4479c43e50246f122dcc7"},e("ifx-icon",{key:"b286be96cfb98c24a12302050aae3f7a4bbf8a57",class:"check__icon",icon:"check12"})),e("span",{key:"a6f7d91dac450e0238eea0d47d76a3c8db5f2f27"},"Option to enable and disable the search")),e("li",{key:"e5dbe1c58a66dd41143317281bb2e70ba7fc1b8f"},e("span",{key:"4bd6ae0932accb86df129dd98f10162c1a11d598"},e("ifx-icon",{key:"e0917d27f2309eff36c8723bdf65b0b571a45504",class:"check__icon",icon:"check12"})),e("span",{key:"a506c1b421b61dc89a2c5656dde8604d746aa00f"},"React, Vue and Angular wrapper integration")))),e("td",{key:"34bef425acce2a771ae1f2fe280ea5252a03ecb9"})),e("tr",{key:"f512db444aa994d1cfd920acc71482c236f20776"},e("td",{key:"0cdf04af9e1fc2c9a8986ebe0c2b5b3a4d5cc8dd",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"6b45c9fed530db669a5c21d2c11d633d4232e9f8",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-select-multi-select--development",size:"s",variant:"bold"},"Multi Select")),e("td",{key:"aeda84b983aae4a1270d821477222571cae9c2d3"},e("ul",{key:"a305d4f314de6801056f0ef8d8c23b893bb99a20"},e("li",{key:"35c023525a43c9f52f6ff510450f00c65953697f"},e("span",{key:"078870f05db7fe29cb019298a559cb5d528845a3"},e("ifx-icon",{key:"9d2fb18d65a1617a5e352060e9f08b81c3e5d61c",class:"check__icon",icon:"check12"})),e("span",{key:"5cb8aed542b571720922fbb11ac5305b51eee7bd"},"Provides a dynamic and customizable dropdown list that allows users to make multiple selections from a list of options")),e("li",{key:"8e3a261555924dce06e83cf977995b2ae9418999"},e("span",{key:"dddbb7c67bc85ac02df189d545af8dbe9b4b2ce8"},e("ifx-icon",{key:"3aede00d4f2f792839341fe7a31510020a2e6df6",class:"check__icon",icon:"check12"})),e("span",{key:"6b535c214be3053fc9750c70004ee940420c504f"},"Adheres to web standards")))),e("td",{key:"15165a36f9a1201483bc71ffe0b0059f91a2d917"},e("ul",{key:"6e5b4506197ac9a0322fecc0fdd0a59f08d73f5e"},e("li",{key:"665f7f9d64340580a484a5b8a9ca56821cf0fd4d"},e("span",{key:"896e396cac37c63e522e42fd11ddb98498809fc6"},e("ifx-icon",{key:"61aeacd4a5e3efdc74a599a2eb9c4a4f6109e438",class:"check__icon",icon:"check12"})),e("span",{key:"45ba48261f1f876a2557f1c8dc8812c62b500527"},"Extended customization")),e("li",{key:"1b84455d0acc9327a5bef58677684812b60867d9"},e("span",{key:"c28934fe25a422a1a16f3156a97b652d24322681"},e("ifx-icon",{key:"bd7e08b5f53f428a2a75e8dfd0715061c0d30b5d",class:"check__icon",icon:"check12"})),e("span",{key:"a12de59e4da55301d99b5f1d863900e02d4ec776"},"Nestable options")),e("li",{key:"8904c109df64ec59dc537b24904fcf3c1d8e707f"},e("span",{key:"bec64906f3b761dadb2b7a1867e1a4c82daad619"},e("ifx-icon",{key:"f7769570bd66a415dfcf6dfd39597e3334510ba6",class:"check__icon",icon:"check12"})),e("span",{key:"9dd091e833b973f41d383f7f271b9d5bf1074cb4"},"React, Vue and Angular wrapper integration")))),e("td",{key:"5d3e55ab33c31133dd7ce4f7d338c82f8ac24b29"},e("ul",{key:"1d4b7a786ade0a52a78d8a0253229caf2a225eee"},e("li",{key:"1712fe7eae66901f7ec29c99a02edd6425fa64be"},e("span",{key:"54015814c3b3d6d30cd5cf8aab7ef3282d1c2bf5"},e("ifx-icon",{key:"0c6efeeb5ce6aa7273604606a3a5a8176e84739c",class:"check__icon",icon:"check12"})),e("span",{key:"4855f3613c1ac3f10c3ef36b1f00bdbd28921dba"},"Option to enable and disable the search"))))),e("tr",{key:"705e0ae33b011c5ec6104c15108b340dd3dbdc9e"},e("td",{key:"f7f74ae2b3ee074d704e9e8439ab402116e2ebe0",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"883d33b56a2d5ffc71c56c1135ac6416f6497457",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-navigation-sidebar--development",size:"s",variant:"bold"},"Sidebar")),e("td",{key:"d0fcf6b2918402d3e20f32b691251aa1f8899086"},e("ul",{key:"7517f26f825bb4b57bc262079604924bb3ee795b"},e("li",{key:"21df1a9ef8c18ecbb2062b38aebe3b2da1c4d0b8"},e("span",{key:"d1fc4cc2d3aa7bf334904fcac19bffe0d92b422f"},e("ifx-icon",{key:"8b7f8553ed55b70fac053292f3217728fbd09668",class:"check__icon",icon:"check12"})),e("span",{key:"1467d81198ec7acb94bd845ac06fe8301e139eb9"},"Offers a configurable and collapsible panel that typically occupies the side of the screen, allowing users to access additional sections, or menus while maintaining the main content area")),e("li",{key:"29f569e4603dd561702dcba35f17018886d9eccf"},e("span",{key:"6a61a701a372df41aa8deff400ceb35b98967db5"},e("ifx-icon",{key:"9b053ab00e7dff3aecbaa4270e16435d6585bc5b",class:"check__icon",icon:"check12"})),e("span",{key:"61dea4eaffac3b08629afba66da6e71136cf1126"},"Adheres to web standards")))),e("td",{key:"d93724a43c465832029606dd036ee195c8c14f31"},e("ul",{key:"428658c01c721d41852dbf0207f111af20becd3e"},e("li",{key:"e016687ec82f217ab27e34a594baf42a69b05392"},e("span",{key:"bc2f2db4f1ac69a6babfe40d305356f689166a42"},e("ifx-icon",{key:"78039e0e07002f88d8f5ad465ea55bf72ae10993",class:"check__icon",icon:"check12"})),e("span",{key:"d1dc47b26a7e35b7a51626ef29f951ce426df786"},"Extended customization")),e("li",{key:"819b300d0907a8f96b42cd6ffea1ce0958cc468b"},e("span",{key:"b1a93dfd6a92af85d684a36b3bf311ea6ba0e2e5"},e("ifx-icon",{key:"e0d470745fc59ccedbe9a6d399a394b1b2e28271",class:"check__icon",icon:"check12"})),e("span",{key:"8ae7a74b2a7d3b0c8eef64e1c3739738175bce8a"},"Multi-layer nestable items and menu")),e("li",{key:"b97633ee34767b7f02d2ffd32827d1907725479a"},e("span",{key:"c304fa20d795bec822f8010acd539d8c2e785d9f"},e("ifx-icon",{key:"27e821bc73925542a673f00c777bbbe87b1f6a68",class:"check__icon",icon:"check12"})),e("span",{key:"aca669f77ac196eea4e5d4051cdcf44a6988aa10"},"Initial collapse option")),e("li",{key:"179cd2518d5acd8b2d330f88f2f749d865a285d7"},e("span",{key:"d2047b88cd12795dafcd557bfb96371a5cda8a80"},e("ifx-icon",{key:"de995764ed654e3a26911c8e6e312b6bf2fce1f6",class:"check__icon",icon:"check12"})),e("span",{key:"1b9eface102342c43e214ab5d626a9e726656759"},"Active and action item feature")),e("li",{key:"6d9ab8036cc4ccab722b9d60135af646c7991a53"},e("span",{key:"fda7a810ec2be79c716b0f3c7485293b819f0e9e"},e("ifx-icon",{key:"3ca1ead9554ddeae68bba2ad625ed7cb2ffac64a",class:"check__icon",icon:"check12"})),e("span",{key:"f27ebeccd63e99f65d632f59102cee327b6624e6"},"Number indicator integration")),e("li",{key:"eb791399f4c7981e061822baddf22992a10028d6"},e("span",{key:"55e57c644ad645f8abf340fabd451e4fcccb9b76"},e("ifx-icon",{key:"5052e466f52153ca7071a6800a84c5b988e22bce",class:"check__icon",icon:"check12"})),e("span",{key:"f008b9262196bc5bb82d43eb407a187509e25df0"},"React, Vue and Angular wrapper integration")))),e("td",{key:"2d0f01d01c967d60de2ecbec05cbb09712442051"},e("ul",{key:"aad7ff5ea9a7862d21e040623ae916f67aa02f59"},e("li",{key:"6efd67354909ad8fb19a255cb1aa1fccddfca5c8"},e("span",{key:"fa61eeff2a18086bed52e3c48310408806fa5a73"},e("ifx-icon",{key:"a92aba79c3098cb24bf04fb0c0236144082fcdc7",class:"check__icon",icon:"check12"})),e("span",{key:"7eeb86d2301144e72f8baa3b0ff3edef57441459"},"Removable Footer, Header and Logo")),e("li",{key:"117721a53a337720cea2b52feb243a25651e00c6"},e("span",{key:"812c1464713b7944cd745ae74d66a38f54b3d2bf"},e("ifx-icon",{key:"339b3ae2715feeeb25871e81573011b9e4c0804b",class:"check__icon",icon:"check12"})),e("span",{key:"d43480c555c381be8a782b3fad72bc9d5c5303cf"},"Removable and customizable Links"))))),e("tr",{key:"b6d565fbb3896f8e413b935736dee4c46203dd3d"},e("td",{key:"5aff960ff40e9a31dc53bd6caf9d48e35dad1eca",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"bf51507b750e2887862e00fc4fb70959fcf7adbd",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-slider--development",size:"s",variant:"bold"},"Slider")),e("td",{key:"714a90696a65b5bd8001416d5156535a731b82c9"},e("ul",{key:"4715bd811c98ab35ba91ab9ec9a56c647e745d54"},e("li",{key:"10bb8ce975801c5ccbd767d656121208fc0c597a"},e("span",{key:"4cac73583cc2bdc5b77b1abdaa8a4c8824beb994"},e("ifx-icon",{key:"d07cd9d48a697d206b6afa1a15594b6b2dc6513d",class:"check__icon",icon:"check12"})),e("span",{key:"7efc03d0f89ad9dfd309139669a98aca4bd4423a"},"Provides an interactive and customizable input control for selecting a value within a defined range, often used for settings such as volume control, data selection, or numerical input")),e("li",{key:"c8b1c1b7b2d41b6e3ec96fa60ee5ec2f50165e05"},e("span",{key:"6ad1e950a1b4e45fcfe34e3ac5e78872e54b3af5"},e("ifx-icon",{key:"afa3e5cf6da01d89fbae5a67af7d076934212852",class:"check__icon",icon:"check12"})),e("span",{key:"0b60db41b1d6675bcf1dfa756b6202c05678ea52"},"Adheres to web standards")))),e("td",{key:"7df54e3214cf2d023d4b90888445f715fccd54f7"},e("ul",{key:"e82e4a2520b3ef2d1eef9656649af34af821aa34"},e("li",{key:"4240953213c7859754b5f9531b20b5b60e5a8692"},e("span",{key:"d303ca46baef7fba05cf39eb4e7584b33ef6eee8"},e("ifx-icon",{key:"8940c381e2d3981c5f730398288dc36440908015",class:"check__icon",icon:"check12"})),e("span",{key:"5cbeb5566a9d631c5d7c766f505ff49138f6aada"},"Icon incorporated")),e("li",{key:"683ab12b7c1f65f9e41ca666ea9dc203006c8ea7"},e("span",{key:"afc0b1c83683c530a0ee926a584857c509920419"},e("ifx-icon",{key:"b932ddbb5c5370c1845aac4ae74d260e46445d31",class:"check__icon",icon:"check12"})),e("span",{key:"1ff0cce43f8eeaec4b95acb37910142b9136a05b"},"Percentage variant")),e("li",{key:"0903ada5988fb0d82ee8b78f89cdd6819c5b432d"},e("span",{key:"4a7ca53f027818e707e422f6bae013a071e58a56"},e("ifx-icon",{key:"10b714082de13aac9e3809c7dc88260cd32a4ae6",class:"check__icon",icon:"check12"})),e("span",{key:"ea1ed6c2006124409e9369e8da7a18ba0d687255"},"Text variant")),e("li",{key:"904ff32cc32e09884f7c1fafa5ef4e3abf27ff8a"},e("span",{key:"e4560732d7dd0f64f41d329457169e8866dc13de"},e("ifx-icon",{key:"0e3e1fd9c5b86026491d02d19ba4c2bea89f2867",class:"check__icon",icon:"check12"})),e("span",{key:"012bc0c65cce31eb15b27f2e8cd2ed9802c7ea77"},"React, Vue and Angular wrapper integration")))),e("td",{key:"fec8fbaf2f8af680ff488fabc9c04415a1dc3ca0"})),e("tr",{key:"ad617ef4815e3c164a38a864055c1ac85280a676"},e("td",{key:"41b57c25825ad4282fa51d7ed8e377df52a7ec88",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"6528a672f3866745458ef444e9b82c91731b9140",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-spinner--development",size:"s",variant:"bold"},"Spinner")),e("td",{key:"a075b4a52686495bfbb8fe627ffc5ff4ed887506"},e("ul",{key:"7ea9ba74a1caef6d17ff591af45cea8eacde9674"},e("li",{key:"289d692e06965e75fa112977b0e1dc6589820037"},e("span",{key:"2dda7116ac195bf2ce9c381df741f221e3971f39"},e("ifx-icon",{key:"94245cac5e26e815c0a19166df201f1ae04f25fa",class:"check__icon",icon:"check12"})),e("span",{key:"fd8fa184a21f40c25795d99f6b2681aace38d680"},"Offers a customizable and animated symbol that conveys to users that a task is in progress, typically used to signify loading content, data retrieval, or pending operations")),e("li",{key:"9c229c4b12704a07816eb7c955edd7958b04b3e7"},e("span",{key:"2a96311c6970c6c30f22b83a2bcf4cc57f7eb632"},e("ifx-icon",{key:"ba0ad02c4ca388cc0cef4747767b87cc197a30d4",class:"check__icon",icon:"check12"})),e("span",{key:"688c8faca39ecfc2be82783fee93d87243470423"},"Adheres to web standards")))),e("td",{key:"d4d22caaaa9fe0aa6e979aec7ddb5d1600a5df82"},e("ul",{key:"2ccd8a338377b830de3bd63d5a2f745dab85252e"},e("li",{key:"9b9f430acde27a9dc87a6de5e2a0bed33cff2263"},e("span",{key:"759edd8a8a8a828ef75a0280a78da9a7c6340509"},e("ifx-icon",{key:"2ae24ab7ffd672aa50a4175a2414d7ee52a226b7",class:"check__icon",icon:"check12"})),e("span",{key:"1a75297eb4bac13e3dd50533be945119355b7fb2"},"Brand variant")),e("li",{key:"9a860b4dada8c3c3d40e0a9b2cf9ced8b0ec619d"},e("span",{key:"38fcad81591154cd7217e94047e5bdb51af8079f"},e("ifx-icon",{key:"0878623da1241ab8b67ab86eb6a83ade71aa4f86",class:"check__icon",icon:"check12"})),e("span",{key:"7c4008954f20a96e50ac9ed1f52c68095bc0a617"},"React, Vue and Angular wrapper integration")))),e("td",{key:"48a56752e8e76e8f01cf4cc4d1d1abacf8071513"})),e("tr",{key:"84dac3fa1bd3847a327b1b3d8695f68e41545b86"},e("td",{key:"113a762249bb467f3eff9ba2d8de52b41ab482ad",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"60695ef6333e66db539afdff08c457987575838a",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-status--development",size:"s",variant:"bold"},"Status")),e("td",{key:"50684105947a4f44d4d75c13bb4619f431fce16b"},e("ul",{key:"e263feda2e675d950adba8d902a5186266c78063"},e("li",{key:"eb06528b7f5c29d09a338f16adcd3a58e0d10343"},e("span",{key:"4fe3174ed0aa369be7030a7aab611fed436c5b26"},e("ifx-icon",{key:"8cfdba8541131804d2e2963b1950bb29ea4af642",class:"check__icon",icon:"check12"})),e("span",{key:"40860196cca96989572c89af6ff4913bff7bdb9e"},"Provides a visual indicator for conveying the state, status, or condition of an item, process, or entity within a web application")))),e("td",{key:"cdaa6336dcf81f46bb1c6e00ce42e9e2a1a9e085"},e("ul",{key:"6bf64b66dbdba395071dd881d914291f7c66e627"},e("li",{key:"31cf384d045928fe0ad6fdc64b9e4b45f7b23302"},e("span",{key:"5104a2c2512126079cc053444c7984428159a8bd"},e("ifx-icon",{key:"a0e766279cf3ff66cbceaec94c756c42e2ceb89f",class:"check__icon",icon:"check12"})),e("span",{key:"da39e0abab29af669b598e8ade2afe72cefbab4a"},"Ocean, Orange, Grey, Light-grey, Red, Green and Berry color variants")),e("li",{key:"eb7f2d3ff667650fb8d9acfd92ac392ff69e07d1"},e("span",{key:"8b4c4c1c33afdced1493f03ee3f7840631b4547d"},e("ifx-icon",{key:"450bfde70c116b74c09be67dad864538fcfd5db1",class:"check__icon",icon:"check12"})),e("span",{key:"d6bcab3cd5794dc3dcf69bc69d98d43b8c25f103"},"Removable border")),e("li",{key:"8a05fe9ca7dbb8ee9e6ed233de64567dee5b5fc0"},e("span",{key:"d946fac84b02d53c43db0ad2842e46412f8d00bf"},e("ifx-icon",{key:"6a88e2f04df562c958970b4cfaca831273075d58",class:"check__icon",icon:"check12"})),e("span",{key:"e6ee0410cad390db7e769e6f73c6f9949baaff7b"},"React, Vue and Angular wrapper integration")))),e("td",{key:"0e77f61cd8d5dca0063471b6dc062e8a9244da7c"})),e("tr",{key:"ab42c9ad253485a5f50e840394f0cda8b18f3db0"},e("td",{key:"00d027e169c97b3d714917b4fe35c54fadb56ec8",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"5ee1af1f884c3618bcdb4777d8a399b3fee2b523",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-stepper--development",size:"s",variant:"bold"},"Stepper")),e("td",{key:"9ccda34e7f607671333ea2d6de759af73e52ff0e"},e("ul",{key:"305f7de029f21b1e6da63fa620defd43ebf96ff6"},e("li",{key:"f800e2f88e30f3b57ace9864577cd60911f7f131"},e("span",{key:"8060f6d094f292e5853172809a785c3261d4b953"},e("ifx-icon",{key:"9473a08395e2b9f141e077725c094a4a0ddaef56",class:"check__icon",icon:"check12"})),e("span",{key:"0d9dd8e071c051e7b621dc6efb8e4ab285b9e2d1"},"Offers a customizable and intuitive control that allows users to navigate through sequential steps")),e("li",{key:"8d2b3f92e0b17fd439e7e2f2da1c3d83aa6d2df9"},e("span",{key:"4755c8b56dc5e20a3ab54d1e8dd743d9e20d18ac"},e("ifx-icon",{key:"7c484c5a78d4df50ae455a414dabd4c65cec660c",class:"check__icon",icon:"check12"})),e("span",{key:"9f4c4b2bc529d8b65ea1b21c19e677a02d96d9fa"},"Default and Compact variants")),e("li",{key:"3cc335e46a4c2eae3d815a71b4a2f50bd657bbe6"},e("span",{key:"fe5b04ee183dbc24c068c5bd97e431083466d0f9"},e("ifx-icon",{key:"9b30cbcd2bd83735ec793227006716d71d2fb816",class:"check__icon",icon:"check12"})),e("span",{key:"d79cc50ea4794614bde8b20ca8122b31541afdd7"},"React, Vue and Angular wrapper integration")))),e("td",{key:"c9bf97c163620be6c792e86dfd8957e37de2d619"},e("ul",{key:"a624efcba7e6fd71f03e67db5b8d0d2a3cd9aa13"},e("li",{key:"68f419d2bdecf68fa81e437807bb6999fe90f4a6"},e("span",{key:"8bbe95bd02424f931678969b5b042515890f3578"},e("ifx-icon",{key:"6c03771e48eda2db8cdfcc7daee9354b724267b4",class:"check__icon",icon:"check12"})),e("span",{key:"67c4207024a50a4631daa84e4a75370baf574848"},"Vertical variant")))),e("td",{key:"bb3162c2522e4d9ae4b6390416d4a09167d7981e"})),e("tr",{key:"2d1cceb0bf3964a8376845fd0e8e51debadb877b"},e("td",{key:"a48721e5d63dcff5ea98c9d24393fff3b8b3068c",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"3218029f18c9912e8bb63af07d64212c858bed73",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-switch--development",size:"s",variant:"bold"},"Switch")),e("td",{key:"af0344b52b10abcd795c6f4cd8d24587c4f12199"},e("ul",{key:"bf2ad056a5453553c0ef57b207854c076703c178"},e("li",{key:"579c7ca7c61ca8a491cdeb2085ac97c4236455e1"},e("span",{key:"2542b7ee798e8e0b44975560bc856225e964f5be"},e("ifx-icon",{key:"101045e320703f606c3fa18c9286d72713f8c626",class:"check__icon",icon:"check12"})),e("span",{key:"b183aee580eb3714a0fe8b010041b55087a61770"},"Provides an interactive and customizable interface for toggling between two states, typically representing an on/off or active/inactive status within a web application")),e("li",{key:"94d75af962f9470432f278b93deaba97f1177975"},e("span",{key:"481cc366f76e5e84b2162a1ed5f4fda4244d4cc1"},e("ifx-icon",{key:"4ab2f6865d61f541cce85ce6b29c70415bfd7894",class:"check__icon",icon:"check12"})),e("span",{key:"48614460f8da0223cc51a7c89443044fa85689a9"},"Adheres to web standards")))),e("td",{key:"d59296cef49fce838d8746dd70f9b2199eb9839d"},e("ul",{key:"ba6871f7eeb3b51e9010e854225cb74f52163f77"},e("li",{key:"95a2733f5f228fa3bb3eda6635904d421bb7fa47"},e("span",{key:"667b7d1e8ea066c777db97e44892a26bebfa183c"},e("ifx-icon",{key:"6b6ad61bdadb8179e93ba2a978ceb5504b9a433f",class:"check__icon",icon:"check12"})),e("span",{key:"31a395f88371406a758944a830ebc26352d6b968"},"Incorporated label feature")),e("li",{key:"ed5219b05c29bbaa6b37353702291425ec207042"},e("span",{key:"31ce7a259f7935f3491b2d5c7f78e38dc49f98ed"},e("ifx-icon",{key:"5e78ee4743154b17053a03f74714389ab9125726",class:"check__icon",icon:"check12"})),e("span",{key:"c3aecfe6b6cf9860083d79150360b9e94cad192f"},"React, Vue and Angular wrapper integration")))),e("td",{key:"dd365640adb41fbbfa4472ff19dda01a5a4bfeb7"})),e("tr",{key:"3e627d5b0bce1e97b13538517a46cafbc8945193"},e("td",{key:"d6a3de87b88372f5e27bc468618dd5d573ff9368",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"94167b5011d190faeb9bc0c17c0947082c39eb96",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-table-basic--development",size:"s",variant:"bold"},"Basic Table")),e("td",{key:"75092d0dad6b80e02895a24df5594cbe7e3c2fa9"},e("ul",{key:"85488d8a3fe93e411d5ceecc7f83fa0020ea37a4"},e("li",{key:"41c94c80411ad6b24156b2912a28f55f71c0cba5"},e("span",{key:"6fe13c04b2d220afd2be9ef3d67d078eabd65cb5"},e("ifx-icon",{key:"f62974cb1f9f27e3d849dd3d19f67eb82190303c",class:"check__icon",icon:"check12"})),e("span",{key:"90f3e4d16168643f9f91a562ff6730afb1ac44f2"},"Offers essential functionality for organizing data into rows and columns, allowing users to view, sort, and interact with structured information efficiently")),e("li",{key:"46ee1e89ceadf93a088488e50496725bd8b5d700"},e("span",{key:"d4810fd5dc78a86e21e143b64f8ebe6c1441d0b5"},e("ifx-icon",{key:"e17eba9ca43e375ac60594b291e821b63204cddc",class:"check__icon",icon:"check12"})),e("span",{key:"9c5f234c87412dce38733e5f447569878fe4e7a9"},"Includes basic features such as column sorting")))),e("td",{key:"223aaa0faa8ff75b75745ecedbcec8f98b884b4d"},e("ul",{key:"cf8b543323c76f8a26c33daf841ee849b75de5c2"},e("li",{key:"6209562e87d12f9b82a509d9db6c547527aa5054"},e("span",{key:"8df09f4ba5fd652294340489c8d725466f5aefe8"},e("ifx-icon",{key:"a76fc27aab98d9b54dc8753f35d934b447dcf86d",class:"check__icon",icon:"check12"})),e("span",{key:"fb3311069a6bf72132ea374fee90ba6368072410"},"Compact and Default variant")),e("li",{key:"2614077bb988b9314fe0824c4c55dd65ef4f10ec"},e("span",{key:"6ca9734520d0dab1a144c23fae6dc95fe93ffd3e"},e("ifx-icon",{key:"e494ef1aecfa45cc47a5cd87dfe0eddbbc5ee480",class:"check__icon",icon:"check12"})),e("span",{key:"dc291bd7b1ccc963cb8ec219ed31a3709f316bfa"},"React, Vue and Angular wrapper integration")))),e("td",{key:"21815db3b6a0f8ea0644061ef97f1a9e754cf5c3"})),e("tr",{key:"114ddbe2717131708792a38c087876242661a6fe"},e("td",{key:"813c3639842b203c5a36a05b2887e9bd0c5129fe",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"bd564718599921c0dd0d02c29327bf80f994933f",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-table-advanced--development",size:"s",variant:"bold"},"Advanced Table")),e("td",{key:"77e83448d0e5b1e65da1e1ebb43fecf254c0fc6f"},e("ul",{key:"e98d4d6fcdb69c2dc2e458cfef5f88c95befa239"},e("li",{key:"bb78c32c7c96e15e478bed0d836c8d7ea35bf5d7"},e("span",{key:"a8a9eae0c3f7797ae9ea9607408e5a97edb8af3b"},e("ifx-icon",{key:"98d643d989bcc8fe9a0ebf64272fa6b5b6f56d2b",class:"check__icon",icon:"check12"})),e("span",{key:"f401baa434c4c701761e4503d4d0b59ebd16b59e"},"Pagination")),e("li",{key:"3780cba51cd4f1c5a55d1ec9db3ea7160fce92ba"},e("span",{key:"9abd9ee12ddb92c51c35d84d5b688370692f0a06"},e("ifx-icon",{key:"8a5c01d0c98a8726fdceb93de586d8aa39940f42",class:"check__icon",icon:"check12"})),e("span",{key:"2e5ee8140b6f97ac898a003f202ef8a84fb0dc2c"},"Sidebar filter")),e("li",{key:"2b7bfc0a8612aecd35e8f53ee597d9e373e2d233"},e("span",{key:"cfdd3c33629f3ccfd5347f8a3f9af2b39db34fcd"},e("ifx-icon",{key:"8fbab33e435b1a101a4e85c2c07bb4b7e05b4e8d",class:"check__icon",icon:"check12"})),e("span",{key:"0af9c4e64287a01f6dc95ac5dd04c53a8d00fd37"},"Topbar filter")),e("li",{key:"de6ace9b471905eeae01bc624ac39c5f33c4ecc1"},e("span",{key:"3fc574499bbe0da91084da6049b007f8147c03af"},e("ifx-icon",{key:"b509d0c51d83d4f3cca196bc3b9f9bc7e84be69a",class:"check__icon",icon:"check12"})),e("span",{key:"33eaf5b4707e6b2a0e32c7711a579d926c467b76"},"Nestable buttons")))),e("td",{key:"86be1b64e8eec16bbffd11d17926c066a871c102"}),e("td",{key:"d35b8211d646094ea32abd0d5b5549d2bdfaef3a"})),e("tr",{key:"7bd77abc04f415bb744f4f4bb6fec9bcdc6b2240"},e("td",{key:"de6b94bf6ae5786780c4e2af73f91faaef4ef8c2",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"7419e4064938920e12ef3c8792f5724c7e908e25",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-tabs--development",size:"s",variant:"bold"},"Tabs")),e("td",{key:"12298e76dc41262fb52d1d6a8e899afa4c0d04b2"},e("ul",{key:"f7855012b31fb52dd966a3d990c7cda9d0cfafab"},e("li",{key:"5605eaae73fc6383d4ace29af3572d455abe1d9e"},e("span",{key:"0c060ad8d7f2ea07a522d30676308626a32e34c0"},e("ifx-icon",{key:"23f778fe1251c052bd3ffe2f8f671f415c4fd4de",class:"check__icon",icon:"check12"})),e("span",{key:"ceca875ba701010900ed515416dfb6978abcb8f2"},"Offers a customizable and interactive layout that allows users to switch between different content panels, typically used for organizing related information or functional sections")),e("li",{key:"8eebfadbfdc315e4f8c143b81cfe80b1881ae266"},e("span",{key:"dfb71ba2058808ae3aaff1d42130925b390a3dc0"},e("ifx-icon",{key:"91272f29c61520846b02fa380b0c0ae3c52662f2",class:"check__icon",icon:"check12"})),e("span",{key:"c43c8ce40b4d85b4fc36015252ac6e9a67770079"},"Adheres to web standards")))),e("td",{key:"d62fc8b51caa0203256c517226162251e145e749"},e("ul",{key:"8ca1886cf23d623b2b7c96d797f5d5108cd70819"},e("li",{key:"ae7c73d7b7ad9efc05ab177e5673174a887a955b"},e("span",{key:"552d68604aa42888a8466a6bf4c98d117b92714c"},e("ifx-icon",{key:"715e2aeb13010e31e77cd806161791cb98ccad25",class:"check__icon",icon:"check12"})),e("span",{key:"28b8bcd345ec57345565f230807b4cce54d5178c"},"Horizontal and Vertical orientation")),e("li",{key:"70f5f429829397b0169720bbcf6c214852c87260"},e("span",{key:"7bfca205468dc4842534de13b8f7f3fdcfa14c1c"},e("ifx-icon",{key:"5ac4563ab3ec0945b8e94f9b35b109e63f9b5af0",class:"check__icon",icon:"check12"})),e("span",{key:"2e5eccf140b9420c474219f2d32a2dd1e76e2461"},"Extended customization")),e("li",{key:"80071c2fce5a293865e7b6d8643400fedb537909"},e("span",{key:"e170e1d2037966589466b111b8f8e2fef8f9a294"},e("ifx-icon",{key:"38d7b651e69812b5ba98b32cb199910279859d9f",class:"check__icon",icon:"check12"})),e("span",{key:"2dccec6c3220ee92e7ae946091e0abd1c33d0f1e"},"React, Vue and Angular wrapper integration")))),e("td",{key:"613114b61f39d33b3ed7836a3f79b951bcc05210"})),e("tr",{key:"c84be0a62d1223ada11705760e44829499bb8421"},e("td",{key:"259f6fe66ff8d728ef112ca4668735bef26c744e",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"d056b9b536e5dde80cbae5be78a3bfb17d14e447",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-tag--development",size:"s",variant:"bold"},"Tag")),e("td",{key:"43a9032e4b210e0da3f928e1db720f72a1b36954"},e("ul",{key:"4315595ebb3931b45ef2e30d599a858f18df5a6f"},e("li",{key:"9051203c54c82194d855dd55b0a7332ce802fe4d"},e("span",{key:"317f00d34c516df7e5cecdd56e9eab8c25619b67"},e("ifx-icon",{key:"151f5d16b4c8200b5700acd8a18f341256374653",class:"check__icon",icon:"check12"})),e("span",{key:"6ef0da0c30ce95873186c97fff17d284c44f27da"},"Offers a customizable and stylized marker that allows users to quickly identify and associate specific items or content with descriptive labels or categories")))),e("td",{key:"68c43bf99ebef86fe3978b974f0270a7336b18af"},e("ul",{key:"1f9483705a7abd1857e36cf7d5e593af5223a30b"},e("li",{key:"6d732637aeaaff0f5bd6ced17c6ee26162f3e406"},e("span",{key:"97365b9946fbc64b9b095158fdc63ab613a57110"},e("ifx-icon",{key:"8ff5c746d6e9827c283f80d18f84fa6fe9aa0993",class:"check__icon",icon:"check12"})),e("span",{key:"064245a73940d14d6df654a7075caccc48bf8664"},"Icon incorporated")),e("li",{key:"123b7611d3da42afff7ff992875fe8f92bb7c750"},e("span",{key:"f66a8d8c76ffa49a75bffb0f87a1fc49115c5994"},e("ifx-icon",{key:"cbc28a408f3b9959dc363564a097cf99132bc6c9",class:"check__icon",icon:"check12"})),e("span",{key:"ec8d1f7c28986daba654f005d0215a222a410466"},"React, Vue and Angular wrapper integration")))),e("td",{key:"5e49928bb6558a688a00e031d58f4f6384c8838b"})),e("tr",{key:"e8bae905dd890e601cff045b1c73125d3344715c"},e("td",{key:"b7d8f7d5d27ba586118160de2c9c92b36e68054e",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"19278a56f5ec7bda647275882d81bce86b3175e4",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-text-field--development",size:"s",variant:"bold"},"Text Field")),e("td",{key:"6e64dc8e83e1bbc6cf2787c43726a8ed2990aa1c"},e("ul",{key:"aa082bf48d258036a8a96deb8fd486bec44f5537"},e("li",{key:"9c47715bc641cb143b5c136e6575acbf54c671d0"},e("span",{key:"ecc6f497195e7f3e9d6033a0ea6f847aef8aa05a"},e("ifx-icon",{key:"d7481b776fbdc59879e976c5007ec3ecf9c0d884",class:"check__icon",icon:"check12"})),e("span",{key:"ff59473f213279b5175057e601bfb9c9dfd77953"},"Offers a customizable and accessible interface that allows users to input and modify text, facilitating various data entry and form submission tasks")),e("li",{key:"2c3a689380aacd589484249ea966e89bce0c7231"},e("span",{key:"f4322b4872c0bc6cf0940cae43e32e6456ae2307"},e("ifx-icon",{key:"ea7ad7f037d8192b45b934d054f47d88d098504f",class:"check__icon",icon:"check12"})),e("span",{key:"2bc7b82ec13416f4859dd273abd77fd41dd76acf"},"Adheres to web standards")))),e("td",{key:"6336a675f45a79eb17d751c5be4f35f8a77aa8dd"},e("ul",{key:"6c6a273a03c29e6b9b74cb0c49b0c07d4ccdb30c"},e("li",{key:"a3799d68b2b5a4dfeb0f4524d8f6c660ff337a81"},e("span",{key:"edfd3fa4e40be482e45ed2b13d50ac4e19bbc375"},e("ifx-icon",{key:"60b94b305a2913cd0ddf996968e4a18f5d3ce1a9",class:"check__icon",icon:"check12"})),e("span",{key:"8afc08a29120e4459cdeb24719ed8b78d6002b6c"},"Extended customization")),e("li",{key:"f66b5c8ab755fa5d1eb19599ffce03d0589b6993"},e("span",{key:"3137a35291099a50684aa42a825f975714655327"},e("ifx-icon",{key:"2c72eaf13795ffa2757cb52be2ebc06d837f8f59",class:"check__icon",icon:"check12"})),e("span",{key:"77bd783a82173da337bc2825addc02170909389c"},"Possibility for icon configuration")),e("li",{key:"6087cfa2d8affa80c1fcf46d31f3f1d220ad4587"},e("span",{key:"ad11531ef4c3f577f900a42cde7497365918e377"},e("ifx-icon",{key:"57a0f39ef15cc0abfe01c9ac7c105675f8e31b6c",class:"check__icon",icon:"check12"})),e("span",{key:"6e1aa9f9688ef95957297b457d976b052a2655fe"},"React, Vue and Angular wrapper integration")))),e("td",{key:"f25c630824d071dcf571fe73407fe3cc19a9ad96"},e("ul",{key:"e6e0ccb07967398c7199c4dd5d80ef997557f54a"},e("li",{key:"569916a7e9ac68eac126687e9e8dcc963ec5e053"},e("span",{key:"60e019c2ca1c56abb26474cb751a421ef0cfd1de"},e("ifx-icon",{key:"13c94a1458aa67428ba9962323b8a173e9072236",class:"check__icon",icon:"check12"})),e("span",{key:"d31e35e2d9ff3be0ec7ac1b3d34745136c8fb8ed"},"Form integration"))))),e("tr",{key:"588cfcf955b3c6e46df2bd5f55b290665354d435"},e("td",{key:"74478b54a6e939d5f53544f2b3059fe72da013e9",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"bb86be0a547b84627d1e67bcf063ced127a0e0d9",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-tooltip--development",size:"s",variant:"bold"},"Tooltip")),e("td",{key:"93bcc5ac55fda6d2ede81ba78bb95d65e138d1ad"},e("ul",{key:"f66c010f72574815ca39f0edebcb50e4c688b195"},e("li",{key:"610548e0f5610df70248f060a6152a5e4f195d91"},e("span",{key:"ae88a9dab205273b6eaa5739473c752f3fb71e4a"},e("ifx-icon",{key:"3fcc0f8ee36653604a6382408f0d21ee8169d7d3",class:"check__icon",icon:"check12"})),e("span",{key:"47fc470ff7cbafe196f010f2180985595387b672"},"Provides a simple and informative interface for displaying supplementary text or contextual information when users interact with specific elements within a web application")),e("li",{key:"2c0936ebb7c050f91bbb7832100b9ce737f2f137"},e("span",{key:"c78b82ebe46a5701e51d032c7e7cd0dfef84f0af"},e("ifx-icon",{key:"5e8db58ae2fb2246a488664e09c0924a041fa439",class:"check__icon",icon:"check12"})),e("span",{key:"01bce1d870072b1e3f20477f9c4b3a20c8ae8ef0"},"Adheres to web standards")))),e("td",{key:"5b682a5c01a6733fc0e54f8d752ba8caa7f27c51"},e("ul",{key:"564889ccd8603346a3d83443c1ee1777d32d33e6"},e("li",{key:"c7615b70ff6fa436da82764031a9dcfdd132613d"},e("span",{key:"16061d76fb6727ef158d3ef8c4bf5dbf6c562c74"},e("ifx-icon",{key:"78fb4818352bf7c65b1511fb4ca0aebbcc914ac3",class:"check__icon",icon:"check12"})),e("span",{key:"fb2b29b92fb6548fde95b161124541213a00a8e5"},"Compact, dismissible and Extended variants")),e("li",{key:"be8c59f265282cd7175eeeb776012de77b158042"},e("span",{key:"f9972567b3c9e0f355a2abe6ad74017a72f9dd12"},e("ifx-icon",{key:"3b7ba05fed1eb68a9f97890cacacdb8ec490a97f",class:"check__icon",icon:"check12"})),e("span",{key:"925087968d81459b0a1f96df491f32c116e44ac6"},"Auto-adjusting position")),e("li",{key:"4f4c88bdfcd5a1898618be048d716f98ea52470d"},e("span",{key:"f89f9db8d828033d3d6d198f2f365ced29584cdb"},e("ifx-icon",{key:"2ca886e14984ddefbfa58daa4924c86ce21138b1",class:"check__icon",icon:"check12"})),e("span",{key:"7c5bc05aa1503494f7c72a1589444ebb49d841db"},"Icon incorporated")),e("li",{key:"a9cab61bee68861de82ea300cbbaa17ac6ca71ea"},e("span",{key:"6e58f43cb12039a3f6b9c400f65cc2949fc978e1"},e("ifx-icon",{key:"653ac365b7bef261514bd9eff8d6d6cc45698b63",class:"check__icon",icon:"check12"})),e("span",{key:"8220fdcceaeb579c8e625761482cce0e0e0372e8"},"React, Vue and Angular wrapper integration")))),e("td",{key:"aa7521d7ba06645fb1f670c9e271de7bc0ab6b12"})),e("tr",{key:"aa83d1e9163cfe78e25e2675c347cb44890a028a"},e("td",{key:"4005a7a3951dcb52a52a33d15063849b77524499",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"68ab9e095b0a3bf2b8dcff5c4bee9d5c2489a08a",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-notification--development",size:"s",variant:"bold"},"Notification")),e("td",{key:"3e1472164ba823d84996e42ba121f01dd8281d63"},e("ul",{key:"47b5c409bd58a13f00b75ebe023d3255393a565e"},e("li",{key:"cd47ab66fb342317264ef99b90e464ca7db99b86"},e("span",{key:"d356ab976a493e7e3f34cf16f644768d2c748800"},e("ifx-icon",{key:"b01b5eb3e79d31664e35132ba89578ce968382ea",class:"check__icon",icon:"check12"})),e("span",{key:"068b27577015cb43295154d37aeb82f0585d6211"},"Offers a flexible and visually distinct container for presenting informative, warning, or error messages to users, enhancing the overall user experience with timely and relevant feedback")),e("li",{key:"72cba783aa291368d4f03f063d10be4946184147"},e("span",{key:"4cd4393718207a4d9076e2ea311d41f50514b222"},e("ifx-icon",{key:"bc98ef0971b01e37ff532c5fba5f067d3849df1a",class:"check__icon",icon:"check12"})),e("span",{key:"33ece591dc82767c5c291788532030c41e722796"},"Adheres to web standards")))),e("td",{key:"7a8f8dec5813e5f080020d23fbdbd2cdfd5ea34f"}),e("td",{key:"ad6c7a98bf08d77e96e2a68c5d977da2175df9f0"})),e("tr",{key:"74c401d2bf614a501b912146fc50924259e5f414"},e("td",{key:"ac4f14121718442d908803a2f9552cea59e7ac52",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"87498c093a0a7c54e5bd798b3a4bab8546819931",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-content-switcher--development",size:"s",variant:"bold"},"Content Switcher")),e("td",{key:"e79ef48d7c317b98f2e6e741f6a7f59ef5e94107"},e("ul",{key:"7081fda18dce309726ac78154d7e87744fb475e2"},e("li",{key:"d8c473a038a82ed99475cb0af359cc9c824b82d7"},e("span",{key:"6750d6baf81297c5c736389d8f8e51adb62a14d7"},e("ifx-icon",{key:"95c3f1f879be3c900731441dde9bd2dc1d116aa4",class:"check__icon",icon:"check12"})),e("span",{key:"148f7ca2beb4f07074146ded1009b90b60596b0e"},"Provides a flexible and intuitive interface for dynamically switching between different content sections or views within a web application")),e("li",{key:"e6ffac829347dcb3c155591543e020c4b6c4e247"},e("span",{key:"2c9f891d3795a8fd691d22f2dc7bd8ea7f1950d3"},e("ifx-icon",{key:"d402fae7b081c621d86510b16747d9224c2c9ab3",class:"check__icon",icon:"check12"})),e("span",{key:"e762af68490045183d9f6a1b79e234b7650edbe4"},"Offers a customizable mechanism for users to toggle and display diverse content panels, facilitating seamless navigation and interaction with varying information or functional contexts")),e("li",{key:"6afad5378fe6c505874c8d1a4068a888c908e35d"},e("span",{key:"ce03646e071a931584d829e8974425fbba8a8090"},e("ifx-icon",{key:"462e7208ec66939bb85ea257836123c98cb7fddf",class:"check__icon",icon:"check12"})),e("span",{key:"8b7905119c7076d0ac586ad5a0c5d4a91c963afd"},"Adheres to web standards")))),e("td",{key:"76d13d87fc704862e12cda08b6f36ddd53c36475"}),e("td",{key:"01f18bb756a894bff9da033e958bbccdbf30c65e"})),e("tr",{key:"e0ee06ddfbf6a3a5a09f886dc3837b318bd92040"},e("td",{key:"f1108afd6e803aeb9eabb89eb327dd68eb328e7c",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"ae1fefe4a095ad36548a92b482bf687e625f9c8b",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-segmented-control--development",size:"s",variant:"bold"},"Segmented Control")),e("td",{key:"91b2be355933d2b4ea38d7ea0e127be37600090e"},e("ul",{key:"cce35b3a55c29d9b9402feca3f6a2b2472b4a833"},e("li",{key:"1679a63cfd25854ce03bc13488d972bbb34939d2"},e("span",{key:"f67fd18196e14381ec9d8bfcf9904efaeaa02d35"},e("ifx-icon",{key:"d5d35d3dfceba76f69125c8fa0f9ccd81fdcc65b",class:"check__icon",icon:"check12"})),e("span",{key:"b8a7afe9ef863f0a8a0a5942df02a2f1d66a56e1"},"Provides a clear and interactive interface for users to make mutually exclusive selections among multiple options within a web application")),e("li",{key:"01ce9438af356c8eff3ea7f648b777ee35591eb7"},e("span",{key:"c8d2c37a0e01207fbc554eba3f136551aac5926f"},e("ifx-icon",{key:"8ca5520e8d2b865084a738988540c87959458374",class:"check__icon",icon:"check12"})),e("span",{key:"12a36cd1db507fa85b4ea2408357b3629e9b662b"},"Offers a customizable set of segmented buttons or tabs, allowing users to toggle between different choices or views, typically used for filtering, categorization, or navigation purposes")),e("li",{key:"e3c5a590b5da285f3393fd1d25c0056a09746fcb"},e("span",{key:"7f8bc720de71c19e1dd7c00cc42a54d40bc5f5bb"},e("ifx-icon",{key:"9c0b77c746e1f1c12807103468146d8495e1d171",class:"check__icon",icon:"check12"})),e("span",{key:"a1be543abbd64ad15f4f8e7b8e1f74207823eea1"},"Adheres to web standards")))),e("td",{key:"43296fbd4746b7c22cc0eed607efc279162089ec"}),e("td",{key:"36edf5fc0d4d11be7e1eee16161d05f62362debc"})),e("tr",{key:"9d8c4ddeabbba7c7fff4c07241186d064973d8c2"},e("td",{key:"faea8cef696f4fb72f742600794c395cdd4806e7",class:"completed__component sticky-col second-col"},e("ifx-link",{key:"1086d8d459b16dd8fa6d2c33aa1a27a84dab4d81",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-segmented-controls--development",size:"s",variant:"bold"},"Textarea")),e("td",{key:"8a1d299dae87128934b08139ddde6e77d110d946"},e("ul",{key:"f7cc8f0384a7fdac87050d66062f9ed839bcd7d8"},e("li",{key:"1a605c7c35e43e01739870b8392c9f0982868b81"},e("span",{key:"3ffeceebc9a765bc51720de126d686f812f68ec7"},e("ifx-icon",{key:"70220c7716dc638acf5659b6bb99297f0bb79ff0",class:"check__icon",icon:"check12"})),e("span",{key:"75445dfcb5d6fec62f78eba96cf55b88f083e8a3"},"Provides a customizable multi-line text input interface, enabling users to input, edit, and view large amounts of text, while adhering to web standards for accessibility and usability.")),e("li",{key:"4a2bd2168fe9c81c89b4ffb8b6fe1fbfaff1c45c"},e("span",{key:"010d8fcfaf74dfda3d15da7e9557bac859f20a40"},e("ifx-icon",{key:"8bbcfaedaeac9f64a83396a1e7d18917b61972c7",class:"check__icon",icon:"check12"})),e("span",{key:"3ea2add2ed48e99ee01b739121366a902eeef56b"},"Form integration")))),e("td",{key:"48e8a62e11e70af3fcdafaebb6b08566304cd823"}),e("td",{key:"046a92062d5512c84c234f43bf97e23373595c81"})),e("tr",{key:"ef5f0a67adf64a474d06027bb387b29b5ea9076a"},e("td",{key:"0967c3523d56204d17aa6dcc97afd86fe151cd86",class:"planned__component sticky-col second-col"},e("ifx-link",{key:"4f2c2dd154c5dd0d4a58bfde1e7019bcbf464236",href:"",size:"s",variant:"bold"},"Card Group")),e("td",{key:"e467f5a55bf58bafebb7c77ee1a2feca11c78425"},e("ul",{key:"648ea6e12ed5b3b164a67e57765f218133a4a688"},e("li",{key:"2182e53ae8fb82d885ad2ca44c8c14902fd753de",class:"planned__component-wrapper"},e("span",{key:"5e2e9ed5560946ba53a0261336a9bf259b818760"},e("ifx-icon",{key:"0401fc8661a42cb176478cbc8bb73dfc969d7607",class:"planned__icon",icon:"clock24"})),e("span",{key:"38748e9d68def3fbf93a58985c05169ed14062f3"},"On Hold")))),e("td",{key:"95da21efed48691e92f7ff596de7912b64b7f102"}),e("td",{key:"75c24066b7fbcddd6b5bf671c252617287b101f8"})),e("tr",{key:"3ef2df6b2df5e41c97aeaf08b613bdbf3a59053a"},e("td",{key:"fdb75fd44d68ccbf38bd711c632da61e78f8521e",class:"planned__component sticky-col second-col"},e("ifx-link",{key:"67d388b187d0ac81c1646a1f727f3cafb206cd6f",href:"",size:"s",variant:"bold"},"Advanced Date Picker")),e("td",{key:"5152b89ee2acbbdbdaa98be8e3004ed3c9603dac"},e("ul",{key:"859733b009d75cc11312b28175c5da3cb795f2d2"},e("li",{key:"b1b3d65103332a0c0b52e00c54c3b7911bc435e5",class:"planned__component-wrapper"},e("span",{key:"530327318e0864cd3df33f3251abba1066e3c437"},e("ifx-icon",{key:"6650610c4b04a8ee88876fd450ea8dd620ea4dff",class:"planned__icon",icon:"roboticarm24"})),e("span",{key:"5d2a3e9865ac82e62b8ec8518addb10fef1b9034"},"In Progress")))),e("td",{key:"1e8d14ddbbbb3164caa02d8b12a698cc0bb27ff4"}),e("td",{key:"6acfa6eded08a9f94d3d50c241214aa0a873ee47"})),e("tr",{key:"ff7df586aca1a3c72342bb4c77f1f1501806c2c3"},e("td",{key:"1b170045badbe42bfec7b47a81429d7335a30218",class:"planned__component sticky-col second-col"},e("ifx-link",{key:"44a42f34b747f671a322856254fc1caeeef9d317",href:"",size:"s",variant:"bold"},"Upload")),e("td",{key:"2ecaf3a6e5c54f896827d30234f2ad16c15bba92"},e("ul",{key:"9e4e36dd9e095be8d149605649c81b1df779e3e9"},e("li",{key:"4196752fd4778c4713f17cf41ec7e20c5d3a9e37",class:"planned__component-wrapper"},e("span",{key:"dfcd312fde2b976ce5d84643f1bfa7ae65cdfc66"},e("ifx-icon",{key:"a1069119c52b340bf930d28b8a7ca1cdb03ef736",class:"planned__icon",icon:"roboticarm24"})),e("span",{key:"40d3bffc46155d349e9e99a836a93bdc95835574"},"In Progress")))),e("td",{key:"03df88d158be82fce55098b4afff9fa810df783c"}),e("td",{key:"e1872576858dc8f91011840577f08744be4fb3d2"})),e("tr",{key:"f4f548ff8b7efa253a17287cc0ad63fe33319b59"},e("td",{key:"fabcbfb17e48be84489bfe3ec0729632436b4fe2",class:"planned__component sticky-col second-col"},e("ifx-link",{key:"28cb080849629a13b320a3894557af044f40c66e",href:"",size:"s",variant:"bold"},"Checkbox Group")),e("td",{key:"b26a30ad9863db3f16c5506264248d5c905fa17e"},e("ul",{key:"aeeb78e332d5096a097bbac6b51b2b0ae7ca5333"},e("li",{key:"8ff79d8cea2dfb8d69398c4545b00970455df08b",class:"planned__component-wrapper"},e("span",{key:"3cfbff1f115cc695a0991275df101e704b0fdb16"},e("ifx-icon",{key:"5db5902ec16f7dbe800b7cd31688dfbc30d29e93",class:"planned__icon",icon:"roboticarm24"})),e("span",{key:"f7bde841295bfb35647d6d71d320dd027208e68d"},"In Progress")))),e("td",{key:"3f77a89dd8564e2da0cfd6b5b951fdc1c33773c2"}),e("td",{key:"edb1e6b8333412636c51e700cbe944715d2a23f6"})),e("tr",{key:"3a40cf1c9d2c003e876a22f1c0a17a0aad32679f"},e("td",{key:"5cea57e4b22051d14cd3c31da3e25ab54269069b",class:"planned__component sticky-col second-col"},e("ifx-link",{key:"bd35f5f5e00c44ce715943b7bc737d17b9ff6db9",href:"",size:"s",variant:"bold"},"Radio Group")),e("td",{key:"ea55f5108f24e306ecc43e373d5eb076c9714f59"},e("ul",{key:"9e6b1e483b45f9e6450aca744f580fb5fb4130f1"},e("li",{key:"5e06624787cde846ef69c5d3cb76f9763630cf69",class:"planned__component-wrapper"},e("span",{key:"04c2ffb2d89a440ee619af326c17eba3f68b2e87"},e("ifx-icon",{key:"6c4a29997b2ee517b1d466ddd1744a1d0d0805be",class:"planned__icon",icon:"roboticarm24"})),e("span",{key:"077fe01b2350c9dc356b2a6c9b73c897b7107140"},"In Progress")))),e("td",{key:"9b3d733f585b93e44a17adb9f3e5600f1060ff09"}),e("td",{key:"3ba88df9105918659c48c721baeb73b80a92356d"})),e("tr",{key:"2ec71f898c70a754d242ad370624345b15d90786"},e("td",{key:"e39031cdeffb72da83045f31da2bff753048b016",class:"planned__component sticky-col second-col"},e("ifx-link",{key:"22af53f5860c0c3abb72b821d8fcc508e9566f00",href:"",size:"s",variant:"bold"},"Tree View")),e("td",{key:"f9aabc4fd6f5a87123bb4e0170cbe97818d70bcf"},e("ul",{key:"b938cca97cdafa7b4aa8033c996fc1fc1afe232d"},e("li",{key:"e851182a4c5750f8f333cbcff098af51554394a1",class:"planned__component-wrapper"},e("span",{key:"84159ba390fea003752bd8fd49a1d67ca6982d86"},e("ifx-icon",{key:"0e7dd85ceb7b3352764ca04e63ad06ab2d0a17ff",class:"planned__icon",icon:"roboticarm24"})),e("span",{key:"2cc9b6ecb5c3049f1343cc39c0efb163e57ae1d9"},"In Progress")))),e("td",{key:"02ed0181094204e0d9de74d78d47f75a02ceb11c"}),e("td",{key:"c55d488d64b4dcfcdd6c4f778e2db173fc38c2a6"})),e("tr",{key:"f69b27cbde3b02899f454ddb5bbc5b1f33e8ddcb"},e("td",{key:"1cb31362ce2a3edbb137be2a6b5a8533caaa7a8e",class:"planned__component sticky-col second-col"},e("ifx-link",{key:"fb893b2adb32fe8e5e8dfedaad80796001eefaca",href:"",size:"s",variant:"bold"},"Popover")),e("td",{key:"1a1231803fcbac78d7340cdfb1838d8b6c856225"},e("ul",{key:"6db01514d6c62396a51c72c8327f94782fb70685"},e("li",{key:"9200e2111d37cf5bfc5f8ea8f62b99875cab4deb",class:"planned__component-wrapper"},e("span",{key:"87ca51b415f2da81c0f57b609ec8ba8edaf436be"},e("ifx-icon",{key:"5d4e4598d57b59a0aab153c67ff655cd84de3291",class:"planned__icon",icon:"clock24"})),e("span",{key:"368664401eafa27407113b4b94f97454e793da24"},"On Hold")))),e("td",{key:"7d7f29264f374481d5cd1420f11d78904b575592"}),e("td",{key:"a9d816f9ae4fb8f5fea38c70bb68f7ab800f1c28"})))))))}get el(){return i(this)}};t.style=o;export{t as ifx_overview_table}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-progress-bar.entry-CUI_kJZy.js b/pr-preview-vue-example/pr-1685/assets/ifx-progress-bar.entry-UPpdMgw8.js similarity index 95% rename from pr-preview-vue-example/pr-1685/assets/ifx-progress-bar.entry-CUI_kJZy.js rename to pr-preview-vue-example/pr-1685/assets/ifx-progress-bar.entry-UPpdMgw8.js index 1cc6f9fd1..e64883d5c 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-progress-bar.entry-CUI_kJZy.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-progress-bar.entry-UPpdMgw8.js @@ -1 +1 @@ -import{r as t,h as s}from"./index-DFR79MvN.js";const a=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:flex;width:100%}.progress-bar{height:16px;bottom:0;right:0;top:0;left:0;display:flex;height:20px;border-radius:1px;width:100%;overflow:hidden;background-color:#EEEDED;font-family:var(--ifx-font-family, sans-serif)}.progress-bar.s{height:4px}.progress-bar .label{font-style:normal;font-size:0.875rem;font-weight:400;line-height:1.25rem;color:#FFFFFF}.progress-bar .progress{display:flex;align-items:center;justify-content:center;min-width:fit-content;height:100%;background-color:#0A8276;transition:width 0.2s ease}',i=a,l=class{constructor(e){t(this,e),this.value=0,this.size=void 0,this.showLabel=!1,this.internalValue=void 0}valueChanged(e,r){e!==r&&(this.internalValue=e)}componentWillLoad(){this.internalValue=this.value}render(){return s("div",{key:"9357496a783f4b3e1b044ab4d706ee83e443dd58","aria-label":"a progress bar","aria-value":this.value,class:`progress-bar ${this.size}`},s("div",{key:"29fd4c791396b927456b4fc514fdbada0d03bc7f",class:"progress",style:{width:`${this.internalValue}%`}},this.showLabel&&this.size!=="s"&&this.internalValue!==0&&s("span",{key:"945e380d7991c53930f1b3ebc396cfec1bc06d31",class:"label"},`${this.internalValue}%`)))}static get watchers(){return{value:["valueChanged"]}}};l.style=i;export{l as ifx_progress_bar}; +import{r as t,h as s}from"./index-CTBaKUaT.js";const a=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:flex;width:100%}.progress-bar{height:16px;bottom:0;right:0;top:0;left:0;display:flex;height:20px;border-radius:1px;width:100%;overflow:hidden;background-color:#EEEDED;font-family:var(--ifx-font-family, sans-serif)}.progress-bar.s{height:4px}.progress-bar .label{font-style:normal;font-size:0.875rem;font-weight:400;line-height:1.25rem;color:#FFFFFF}.progress-bar .progress{display:flex;align-items:center;justify-content:center;min-width:fit-content;height:100%;background-color:#0A8276;transition:width 0.2s ease}',i=a,l=class{constructor(e){t(this,e),this.value=0,this.size=void 0,this.showLabel=!1,this.internalValue=void 0}valueChanged(e,r){e!==r&&(this.internalValue=e)}componentWillLoad(){this.internalValue=this.value}render(){return s("div",{key:"9357496a783f4b3e1b044ab4d706ee83e443dd58","aria-label":"a progress bar","aria-value":this.value,class:`progress-bar ${this.size}`},s("div",{key:"29fd4c791396b927456b4fc514fdbada0d03bc7f",class:"progress",style:{width:`${this.internalValue}%`}},this.showLabel&&this.size!=="s"&&this.internalValue!==0&&s("span",{key:"945e380d7991c53930f1b3ebc396cfec1bc06d31",class:"label"},`${this.internalValue}%`)))}static get watchers(){return{value:["valueChanged"]}}};l.style=i;export{l as ifx_progress_bar}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-radio-button.entry-bnkjpTvs.js b/pr-preview-vue-example/pr-1685/assets/ifx-radio-button.entry-Cl83aGzp.js similarity index 69% rename from pr-preview-vue-example/pr-1685/assets/ifx-radio-button.entry-bnkjpTvs.js rename to pr-preview-vue-example/pr-1685/assets/ifx-radio-button.entry-Cl83aGzp.js index 0dd7e6972..cd9c63487 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-radio-button.entry-bnkjpTvs.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-radio-button.entry-Cl83aGzp.js @@ -1,4 +1,4 @@ -import{r,c as o,h as t,g as i}from"./index-DFR79MvN.js";const a=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.radioButton__container{box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;padding:0px;gap:8px;cursor:pointer;font-family:var(--ifx-font-family)}.radioButton__container.m .radioButton__wrapper{width:24px;height:24px}.radioButton__container .radioButton__wrapper{width:20px;height:20px;position:relative;display:block;border-radius:50%;background-color:#FFFFFF;border:1px solid #575352}.radioButton__container .radioButton__wrapper:focus{outline:none}.radioButton__container .radioButton__wrapper:focus::before{content:"";position:absolute;width:calc(100% + 4px);height:calc(100% + 4px);top:50%;left:50%;transform:translate(-50%, -50%);border:2px solid #0A8276;border-radius:50%}.radioButton__container .radioButton__wrapper .radioButton__wrapper-mark{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#0A8276;border-radius:50%;display:flex;justify-content:center;align-items:center;border-color:transparent}.radioButton__container .radioButton__wrapper:hover{background-color:#EEEDED}.radioButton__container .radioButton__wrapper.disabled{background-color:#BFBBBB;border-color:#BFBBBB}.radioButton__container .radioButton__wrapper.disabled.error:hover,.radioButton__container .radioButton__wrapper.disabled.error:focus-visible{border-color:#CD002F}.radioButton__container .radioButton__wrapper.checked{border-color:#0A8276}.radioButton__container .radioButton__wrapper.checked::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:10px;height:10px;background-color:#0A8276;border-radius:50%}.radioButton__container .radioButton__wrapper.checked.disabled::after{background-color:#BFBBBB}.radioButton__container .radioButton__wrapper.checked:hover{border-color:#08665C}.radioButton__container .radioButton__wrapper.checked:hover .radioButton__wrapper-mark{background-color:#08665C}.radioButton__container .radioButton__wrapper.checked.disabled{background-color:#FFFFFF;border-color:#BFBBBB}.radioButton__container .radioButton__wrapper.checked.disabled.disabled::after{background-color:#BFBBBB}.radioButton__container .radioButton__wrapper.checked.disabled .radioButton__wrapper-mark{background-color:#BFBBBB}.radioButton__container .radioButton__wrapper.error:not(.disabled){border-color:#CD002F}.radioButton__container .radioButton__wrapper.error:not(.disabled):hover,.radioButton__container .radioButton__wrapper.error:not(.disabled):focus-visible{border-color:#CD002F}.radioButton__container .label{display:flex;align-items:center;height:20px;font-style:normal;font-weight:400;font-size:0.875rem;line-height:1.25rem;color:#1D1D1D;flex:none;order:1;flex-grow:0}.radioButton__container .label.label-m{height:24px;font-size:1rem;line-height:1.5rem}.radioButton__container .label.disabled{color:#BFBBBB}.radioButton__container .label:hover{cursor:pointer}',n=a,d=class{constructor(e){r(this,e),this.ifxChange=o(this,"ifxChange",7),this.disabled=!1,this.value=void 0,this.error=!1,this.size="s",this.name=void 0,this.checked=void 0,this.internalChecked=!1,this.hasSlot=!0,this.inputElement=void 0}async isChecked(){return this.internalChecked}componentWillLoad(){this.checked&&(this.internalChecked=this.checked),this.el.innerHTML?this.hasSlot=!0:this.hasSlot=!1}handleRadioButtonClick(e){if(this.disabled){e.stopPropagation();return}this.inputElement.click(),this.internalChecked=this.inputElement.checked,this.ifxChange.emit(this.internalChecked)}handleChange(e){e.target.name===this.name&&(this.internalChecked=this.inputElement.checked)}render(){return t("div",{key:"7b5291f95e3fc00c0ceb9285c57ca440b1a8939f","aria-label":"a radio button","aria-value":this.value,"aria-disabled":this.disabled,class:`radioButton__container ${this.size} ${this.disabled?"disabled":""}`,onClick:this.handleRadioButtonClick.bind(this)},t("div",{key:"5efda77550a294da34c4f72c4558e312690f9cd9",class:`radioButton__wrapper +import{r,c as o,h as t,g as i}from"./index-CTBaKUaT.js";const a=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.radioButton__container{box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;padding:0px;gap:8px;cursor:pointer;font-family:var(--ifx-font-family)}.radioButton__container.m .radioButton__wrapper{width:24px;height:24px}.radioButton__container .radioButton__wrapper{width:20px;height:20px;position:relative;display:block;border-radius:50%;background-color:#FFFFFF;border:1px solid #575352}.radioButton__container .radioButton__wrapper:focus{outline:none}.radioButton__container .radioButton__wrapper:focus::before{content:"";position:absolute;width:calc(100% + 4px);height:calc(100% + 4px);top:50%;left:50%;transform:translate(-50%, -50%);border:2px solid #0A8276;border-radius:50%}.radioButton__container .radioButton__wrapper .radioButton__wrapper-mark{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#0A8276;border-radius:50%;display:flex;justify-content:center;align-items:center;border-color:transparent}.radioButton__container .radioButton__wrapper:hover{background-color:#EEEDED}.radioButton__container .radioButton__wrapper.disabled{background-color:#BFBBBB;border-color:#BFBBBB}.radioButton__container .radioButton__wrapper.disabled.error:hover,.radioButton__container .radioButton__wrapper.disabled.error:focus-visible{border-color:#CD002F}.radioButton__container .radioButton__wrapper.checked{border-color:#0A8276}.radioButton__container .radioButton__wrapper.checked::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:10px;height:10px;background-color:#0A8276;border-radius:50%}.radioButton__container .radioButton__wrapper.checked.disabled::after{background-color:#BFBBBB}.radioButton__container .radioButton__wrapper.checked:hover{border-color:#08665C}.radioButton__container .radioButton__wrapper.checked:hover .radioButton__wrapper-mark{background-color:#08665C}.radioButton__container .radioButton__wrapper.checked.disabled{background-color:#FFFFFF;border-color:#BFBBBB}.radioButton__container .radioButton__wrapper.checked.disabled.disabled::after{background-color:#BFBBBB}.radioButton__container .radioButton__wrapper.checked.disabled .radioButton__wrapper-mark{background-color:#BFBBBB}.radioButton__container .radioButton__wrapper.error:not(.disabled){border-color:#CD002F}.radioButton__container .radioButton__wrapper.error:not(.disabled):hover,.radioButton__container .radioButton__wrapper.error:not(.disabled):focus-visible{border-color:#CD002F}.radioButton__container .label{display:flex;align-items:center;height:20px;font-style:normal;font-weight:400;font-size:0.875rem;line-height:1.25rem;color:#1D1D1D;flex:none;order:1;flex-grow:0}.radioButton__container .label.label-m{height:24px;font-size:1rem;line-height:1.5rem}.radioButton__container .label.disabled{color:#BFBBBB}.radioButton__container .label:hover{cursor:pointer}.radioButton__container #hidden__input{display:none !important}',n=a,d=class{constructor(e){r(this,e),this.ifxChange=o(this,"ifxChange",7),this.disabled=!1,this.value=void 0,this.error=!1,this.size="s",this.name=void 0,this.checked=void 0,this.internalChecked=!1,this.hasSlot=!0,this.inputElement=void 0}async isChecked(){return this.internalChecked}componentWillLoad(){this.checked&&(this.internalChecked=this.checked),this.el.innerHTML?this.hasSlot=!0:this.hasSlot=!1}handleRadioButtonClick(e){if(this.disabled){e.stopPropagation();return}this.inputElement.click(),this.internalChecked=this.inputElement.checked,this.ifxChange.emit(this.internalChecked)}handleChange(e){e.target.name===this.name&&(this.internalChecked=this.inputElement.checked)}render(){return t("div",{key:"7b5291f95e3fc00c0ceb9285c57ca440b1a8939f","aria-label":"a radio button","aria-value":this.value,"aria-disabled":this.disabled,class:`radioButton__container ${this.size} ${this.disabled?"disabled":""}`,onClick:this.handleRadioButtonClick.bind(this)},t("div",{key:"5efda77550a294da34c4f72c4558e312690f9cd9",class:`radioButton__wrapper ${this.internalChecked?"checked":""} ${this.disabled?"disabled":""} - ${this.error?"error":""}`,tabIndex:this.disabled?-1:0},this.internalChecked&&t("div",{key:"2b1a814830a361021a812016d770d7838dca05fe",class:"radioButton__wrapper-mark"})),this.hasSlot&&t("div",{key:"61911033a487c6396c1c34b35f13f04cf84ea602",class:`label ${this.size==="m"?"label-m":""} ${this.disabled?"disabled":""}`},t("slot",{key:"7f1b40289cdd67a4fbc2e4677da03e22cdfa758c"})),t("input",{key:"f77c2d84f409e3875798370a06cbc744385e5655",type:"radio",hidden:!0,ref:e=>this.inputElement=e,name:this.name,value:this.value,checked:this.internalChecked,disabled:this.disabled,onClick:e=>e.stopPropagation()}))}get el(){return i(this)}};d.style=n;export{d as ifx_radio_button}; + ${this.error?"error":""}`,tabIndex:this.disabled?-1:0},this.internalChecked&&t("div",{key:"2b1a814830a361021a812016d770d7838dca05fe",class:"radioButton__wrapper-mark"})),this.hasSlot&&t("div",{key:"61911033a487c6396c1c34b35f13f04cf84ea602",class:`label ${this.size==="m"?"label-m":""} ${this.disabled?"disabled":""}`},t("slot",{key:"7f1b40289cdd67a4fbc2e4677da03e22cdfa758c"})),t("input",{key:"55046e9f26a42213019bd9cdfd99d89f1588debf",id:"hidden__input",type:"radio",hidden:!0,ref:e=>this.inputElement=e,name:this.name,value:this.value,checked:this.internalChecked,disabled:this.disabled,onClick:e=>e.stopPropagation()}))}get el(){return i(this)}};d.style=n;export{d as ifx_radio_button}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-search-bar.entry-Dvb7sFXL.js b/pr-preview-vue-example/pr-1685/assets/ifx-search-bar.entry-BNomWBxj.js similarity index 97% rename from pr-preview-vue-example/pr-1685/assets/ifx-search-bar.entry-Dvb7sFXL.js rename to pr-preview-vue-example/pr-1685/assets/ifx-search-bar.entry-BNomWBxj.js index c90175005..0a22a9375 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-search-bar.entry-Dvb7sFXL.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-search-bar.entry-BNomWBxj.js @@ -1 +1 @@ -import{r as i,c as t,h as e,g as r}from"./index-DFR79MvN.js";const s=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{width:100%;display:flex}.search-bar{box-sizing:border-box;height:40px;background-color:#FFFFFF;display:flex;flex-direction:row;align-items:center;width:100%;font-family:var(--ifx-font-family)}.search-bar.closed{display:flex;width:auto;justify-content:flex-start}.search-bar .search-bar-wrapper{display:flex;align-items:center;gap:16px;width:100%}.search-bar .search-bar-wrapper a{text-decoration:none;font-size:1rem;font-style:normal;font-weight:600;line-height:1.5rem;color:#0A8276;cursor:pointer}.search-bar .search-bar-wrapper ifx-search-field{width:100%}.search-bar .search-bar__icon-wrapper{display:none;flex-direction:row;align-items:center}.search-bar .search-bar__icon-wrapper ifx-icon:hover{cursor:pointer}.search-bar.closed .search-bar__icon-wrapper{display:flex}.search-bar.closed .search-bar-wrapper{display:none}',n=s,h=class{constructor(a){i(this,a),this.ifxInput=t(this,"ifxInput",7),this.ifxSearchBarIsOpen=t(this,"ifxSearchBarIsOpen",7),this.handleCloseButton=()=>{this.internalState=!this.internalState,this.ifxSearchBarIsOpen.emit(this.internalState)},this.handleFocus=()=>{this.internalState=!0},this.isOpen=!0,this.disabled=!1,this.internalState=void 0,this.value=void 0,this.maxlength=void 0}async onNavbarMobile(){this.ifxSearchBarIsOpen.emit(!1),this.internalState=!1}handlePropChange(){this.internalState=this.isOpen}setInitialState(){this.internalState=this.isOpen}componentWillLoad(){this.setInitialState(),this.ifxSearchBarIsOpen.emit(this.internalState)}handleInput(a){this.value=a.detail}render(){return e("div",{key:"80312faf68e6b0af2260c977d53f23b42067813f","aria-label":"a search bar","aria-disabled":this.disabled,class:`search-bar ${this.internalState?"open":"closed"}`},this.internalState?e("div",{class:"search-bar-wrapper"},e("ifx-search-field",{disabled:this.disabled,value:this.value,maxlength:this.maxlength,onIfxInput:this.handleInput.bind(this)},e("ifx-icon",{icon:"search-16",slot:"search-icon"})),e("a",{tabindex:"-1",href:"javascript:void(0)",onClick:this.handleCloseButton},"Close")):e("div",{class:"search-bar__icon-wrapper",onClick:this.handleCloseButton},e("ifx-icon",{icon:"search-16"})))}get el(){return r(this)}static get watchers(){return{isOpen:["handlePropChange"]}}};h.style=n;export{h as ifx_search_bar}; +import{r as i,c as t,h as e,g as r}from"./index-CTBaKUaT.js";const s=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{width:100%;display:flex}.search-bar{box-sizing:border-box;height:40px;background-color:#FFFFFF;display:flex;flex-direction:row;align-items:center;width:100%;font-family:var(--ifx-font-family)}.search-bar.closed{display:flex;width:auto;justify-content:flex-start}.search-bar .search-bar-wrapper{display:flex;align-items:center;gap:16px;width:100%}.search-bar .search-bar-wrapper a{text-decoration:none;font-size:1rem;font-style:normal;font-weight:600;line-height:1.5rem;color:#0A8276;cursor:pointer}.search-bar .search-bar-wrapper ifx-search-field{width:100%}.search-bar .search-bar__icon-wrapper{display:none;flex-direction:row;align-items:center}.search-bar .search-bar__icon-wrapper ifx-icon:hover{cursor:pointer}.search-bar.closed .search-bar__icon-wrapper{display:flex}.search-bar.closed .search-bar-wrapper{display:none}',n=s,h=class{constructor(a){i(this,a),this.ifxInput=t(this,"ifxInput",7),this.ifxSearchBarIsOpen=t(this,"ifxSearchBarIsOpen",7),this.handleCloseButton=()=>{this.internalState=!this.internalState,this.ifxSearchBarIsOpen.emit(this.internalState)},this.handleFocus=()=>{this.internalState=!0},this.isOpen=!0,this.disabled=!1,this.internalState=void 0,this.value=void 0,this.maxlength=void 0}async onNavbarMobile(){this.ifxSearchBarIsOpen.emit(!1),this.internalState=!1}handlePropChange(){this.internalState=this.isOpen}setInitialState(){this.internalState=this.isOpen}componentWillLoad(){this.setInitialState(),this.ifxSearchBarIsOpen.emit(this.internalState)}handleInput(a){this.value=a.detail}render(){return e("div",{key:"80312faf68e6b0af2260c977d53f23b42067813f","aria-label":"a search bar","aria-disabled":this.disabled,class:`search-bar ${this.internalState?"open":"closed"}`},this.internalState?e("div",{class:"search-bar-wrapper"},e("ifx-search-field",{disabled:this.disabled,value:this.value,maxlength:this.maxlength,onIfxInput:this.handleInput.bind(this)},e("ifx-icon",{icon:"search-16",slot:"search-icon"})),e("a",{tabindex:"-1",href:"javascript:void(0)",onClick:this.handleCloseButton},"Close")):e("div",{class:"search-bar__icon-wrapper",onClick:this.handleCloseButton},e("ifx-icon",{icon:"search-16"})))}get el(){return r(this)}static get watchers(){return{isOpen:["handlePropChange"]}}};h.style=n;export{h as ifx_search_bar}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-search-field.entry-C5W-MQlZ.js b/pr-preview-vue-example/pr-1685/assets/ifx-search-field.entry-CxKA2MF-.js similarity index 98% rename from pr-preview-vue-example/pr-1685/assets/ifx-search-field.entry-C5W-MQlZ.js rename to pr-preview-vue-example/pr-1685/assets/ifx-search-field.entry-CxKA2MF-.js index f14232c14..6a3a6a4ed 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-search-field.entry-C5W-MQlZ.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-search-field.entry-CxKA2MF-.js @@ -1 +1 @@ -import{r as t,c as a,h as s}from"./index-DFR79MvN.js";import{c as l}from"./index-72ac5051-B1g_EHyb.js";const r=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:flex}.search-field{box-sizing:border-box;background-color:#FFFFFF;width:100%;font-family:var(--ifx-font-family)}.search-field .search-field__wrapper{box-sizing:border-box;height:40px;display:flex;align-items:center;border:1px solid #8D8786;border-radius:1px;padding:8px 16px;gap:12px;flex:none;order:0;align-self:stretch;flex-grow:0;position:relative;width:100%;outline:none;color:#8D8786}.search-field .search-field__wrapper.focused{border:1px solid #0A8276}.search-field .search-field__wrapper.focused ifx-icon{color:#575352}.search-field .search-field__wrapper.search-field__wrapper-s{height:36px}.search-field .search-field__wrapper:hover:not(.focused,:focus){border:1px solid #3C3A39}.search-field .search-field__wrapper:focus{outline:none;border:1px solid #0A8276}.search-field .search-field__wrapper .delete-icon{right:12px;cursor:pointer}.search-field .search-field__wrapper input[type=text]{font-style:normal;font-weight:400;font-size:16px;color:#8D8786;border:none;width:100%;outline:none;height:16px}.search-field .search-field__wrapper input[type=text]:focus{outline:none;color:#1d1d1d}.search-field .search-field__wrapper input[type=text]:disabled{background-color:#EEEDED}.search-field .search-field__wrapper:has(input[disabled]){background-color:#EEEDED}',o=r,n=class{constructor(e){t(this,e),this.ifxInput=a(this,"ifxInput",7),this.handleInput=()=>{const i=this.inputElement.value;this.value=i,this.ifxInput.emit(this.value)},this.handleDelete=()=>{this.inputElement.value="",this.value="",this.ifxInput.emit(this.value)},this.value="",this.insideDropdown=!1,this.showDeleteIcon=!1,this.showDeleteIconInternalState=!1,this.disabled=!1,this.size="l",this.isFocused=!1,this.placeholder="Search...",this.maxlength=null}handleOutsideClick(e){e.composedPath().includes(this.inputElement)||(this.isFocused=!1)}valueWatcher(e){e!==this.inputElement.value&&(this.inputElement.value=e)}focusInput(){this.inputElement.focus(),this.isFocused=!0}componentWillUpdate(){this.value!==""?this.showDeleteIconInternalState=!0:this.showDeleteIconInternalState=!1}render(){return s("div",{key:"0eda7329a6ec9ee7f24d5c7765f7611698a1dbae","aria-label":"a search field for user input","aria-disabled":this.disabled,"aria-value":this.value,class:"search-field"},s("div",{key:"c1d6f47b987bfb7f0505210fbd64e95db58b688e",class:this.getWrapperClassNames(),tabindex:1,onFocus:()=>this.focusInput(),onClick:()=>this.focusInput()},s("ifx-icon",{key:"7fc1c3cd5ba67ebfe032b0a9bbab6ae7b262d7a2",icon:"search-16",class:"search-icon"}),s("input",{key:"461edc1ee971753ce0ed4fb18db7115b3b74c6b9",ref:e=>this.inputElement=e,type:"text",onInput:()=>this.handleInput(),placeholder:this.placeholder,disabled:this.disabled,maxlength:this.maxlength,value:this.value}),this.showDeleteIcon&&this.showDeleteIconInternalState?s("ifx-icon",{icon:"cremove16",class:"delete-icon",onClick:this.handleDelete}):null))}getSizeClass(){return`${this.size}`=="s"?"search-field__wrapper-s":""}getWrapperClassNames(){return l("search-field__wrapper",`search-field__wrapper ${this.getSizeClass()}`,`${this.isFocused?"focused":""}`)}static get watchers(){return{value:["valueWatcher"]}}};n.style=o;export{n as ifx_search_field}; +import{r as t,c as a,h as s}from"./index-CTBaKUaT.js";import{c as l}from"./index-72ac5051-B1g_EHyb.js";const r=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:flex}.search-field{box-sizing:border-box;background-color:#FFFFFF;width:100%;font-family:var(--ifx-font-family)}.search-field .search-field__wrapper{box-sizing:border-box;height:40px;display:flex;align-items:center;border:1px solid #8D8786;border-radius:1px;padding:8px 16px;gap:12px;flex:none;order:0;align-self:stretch;flex-grow:0;position:relative;width:100%;outline:none;color:#8D8786}.search-field .search-field__wrapper.focused{border:1px solid #0A8276}.search-field .search-field__wrapper.focused ifx-icon{color:#575352}.search-field .search-field__wrapper.search-field__wrapper-s{height:36px}.search-field .search-field__wrapper:hover:not(.focused,:focus){border:1px solid #3C3A39}.search-field .search-field__wrapper:focus{outline:none;border:1px solid #0A8276}.search-field .search-field__wrapper .delete-icon{right:12px;cursor:pointer}.search-field .search-field__wrapper input[type=text]{font-style:normal;font-weight:400;font-size:16px;color:#8D8786;border:none;width:100%;outline:none;height:16px}.search-field .search-field__wrapper input[type=text]:focus{outline:none;color:#1d1d1d}.search-field .search-field__wrapper input[type=text]:disabled{background-color:#EEEDED}.search-field .search-field__wrapper:has(input[disabled]){background-color:#EEEDED}',o=r,n=class{constructor(e){t(this,e),this.ifxInput=a(this,"ifxInput",7),this.handleInput=()=>{const i=this.inputElement.value;this.value=i,this.ifxInput.emit(this.value)},this.handleDelete=()=>{this.inputElement.value="",this.value="",this.ifxInput.emit(this.value)},this.value="",this.insideDropdown=!1,this.showDeleteIcon=!1,this.showDeleteIconInternalState=!1,this.disabled=!1,this.size="l",this.isFocused=!1,this.placeholder="Search...",this.maxlength=null}handleOutsideClick(e){e.composedPath().includes(this.inputElement)||(this.isFocused=!1)}valueWatcher(e){e!==this.inputElement.value&&(this.inputElement.value=e)}focusInput(){this.inputElement.focus(),this.isFocused=!0}componentWillUpdate(){this.value!==""?this.showDeleteIconInternalState=!0:this.showDeleteIconInternalState=!1}render(){return s("div",{key:"0eda7329a6ec9ee7f24d5c7765f7611698a1dbae","aria-label":"a search field for user input","aria-disabled":this.disabled,"aria-value":this.value,class:"search-field"},s("div",{key:"c1d6f47b987bfb7f0505210fbd64e95db58b688e",class:this.getWrapperClassNames(),tabindex:1,onFocus:()=>this.focusInput(),onClick:()=>this.focusInput()},s("ifx-icon",{key:"7fc1c3cd5ba67ebfe032b0a9bbab6ae7b262d7a2",icon:"search-16",class:"search-icon"}),s("input",{key:"461edc1ee971753ce0ed4fb18db7115b3b74c6b9",ref:e=>this.inputElement=e,type:"text",onInput:()=>this.handleInput(),placeholder:this.placeholder,disabled:this.disabled,maxlength:this.maxlength,value:this.value}),this.showDeleteIcon&&this.showDeleteIconInternalState?s("ifx-icon",{icon:"cremove16",class:"delete-icon",onClick:this.handleDelete}):null))}getSizeClass(){return`${this.size}`=="s"?"search-field__wrapper-s":""}getWrapperClassNames(){return l("search-field__wrapper",`search-field__wrapper ${this.getSizeClass()}`,`${this.isFocused?"focused":""}`)}static get watchers(){return{value:["valueWatcher"]}}};n.style=o;export{n as ifx_search_field}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-segment.entry-BTuNZyZ2.js b/pr-preview-vue-example/pr-1685/assets/ifx-segment.entry-DZb7DhcH.js similarity index 96% rename from pr-preview-vue-example/pr-1685/assets/ifx-segment.entry-BTuNZyZ2.js rename to pr-preview-vue-example/pr-1685/assets/ifx-segment.entry-DZb7DhcH.js index 3e66d735a..837b0faed 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-segment.entry-BTuNZyZ2.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-segment.entry-DZb7DhcH.js @@ -1 +1 @@ -import{r as n,c as s,h as t}from"./index-DFR79MvN.js";const o=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.segment{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;border:1px solid #BFBBBB;border-radius:1px;padding:0 8px 0 8px;height:34px;background-color:#FFFFFF;transition:all 100ms ease;transition-property:color, background;font:600 0.875rem/1.25rem "Source Sans 3"}.segment:focus-visible{color:#FFFFFF;background-color:#0A8276}.segment:hover{color:#FFFFFF;background-color:#08665C;cursor:pointer}.segment:active{background-color:#06534B}.segment.segment--selected{color:#FFFFFF;background-color:#0A8276}.segment.segment--small{height:30px}.segment::after{position:absolute;top:0;left:0;width:100%;height:100%;outline:1px solid #BFBBBB;border-radius:1px;content:""}',i=o,c=class{constructor(e){n(this,e),this.segmentSelect=s(this,"segmentSelect",5),this.icon=void 0,this.segmentIndex=void 0,this.selected=!1,this.value=void 0}handleSegmentClick(){this.selected||(this.selected=!0,this.segmentSelect.emit(this.segmentIndex))}handleSegmentKeyDown(e){if(e.code==="Enter"||e.code==="Space"){if(this.selected)return;this.selected=!0,this.segmentSelect.emit(this.segmentIndex)}}render(){return t("div",{key:"49c56df2adf407d13685ae7c99b512afa532c6de",class:`segment ${this.selected?"segment--selected":""}`,tabIndex:0,onClick:()=>{this.handleSegmentClick()},onKeyDown:e=>{this.handleSegmentKeyDown(e)}},t("ifx-icon",{key:"c576b2bb7b09ae6ed1946759df7303df36b430dc",icon:this.icon})," ",t("slot",{key:"61d467f2cda3552d5c90e9995ceccdca76c6825c"}))}};c.style=i;export{c as ifx_segment}; +import{r as n,c as s,h as t}from"./index-CTBaKUaT.js";const o=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.segment{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;border:1px solid #BFBBBB;border-radius:1px;padding:0 8px 0 8px;height:34px;background-color:#FFFFFF;transition:all 100ms ease;transition-property:color, background;font:600 0.875rem/1.25rem "Source Sans 3"}.segment:focus-visible{color:#FFFFFF;background-color:#0A8276}.segment:hover{color:#FFFFFF;background-color:#08665C;cursor:pointer}.segment:active{background-color:#06534B}.segment.segment--selected{color:#FFFFFF;background-color:#0A8276}.segment.segment--small{height:30px}.segment::after{position:absolute;top:0;left:0;width:100%;height:100%;outline:1px solid #BFBBBB;border-radius:1px;content:""}',i=o,c=class{constructor(e){n(this,e),this.segmentSelect=s(this,"segmentSelect",5),this.icon=void 0,this.segmentIndex=void 0,this.selected=!1,this.value=void 0}handleSegmentClick(){this.selected||(this.selected=!0,this.segmentSelect.emit(this.segmentIndex))}handleSegmentKeyDown(e){if(e.code==="Enter"||e.code==="Space"){if(this.selected)return;this.selected=!0,this.segmentSelect.emit(this.segmentIndex)}}render(){return t("div",{key:"49c56df2adf407d13685ae7c99b512afa532c6de",class:`segment ${this.selected?"segment--selected":""}`,tabIndex:0,onClick:()=>{this.handleSegmentClick()},onKeyDown:e=>{this.handleSegmentKeyDown(e)}},t("ifx-icon",{key:"c576b2bb7b09ae6ed1946759df7303df36b430dc",icon:this.icon})," ",t("slot",{key:"61d467f2cda3552d5c90e9995ceccdca76c6825c"}))}};c.style=i;export{c as ifx_segment}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-segmented-control.entry-Dhfjr9zH.js b/pr-preview-vue-example/pr-1685/assets/ifx-segmented-control.entry-Dz9SPyy6.js similarity index 97% rename from pr-preview-vue-example/pr-1685/assets/ifx-segmented-control.entry-Dhfjr9zH.js rename to pr-preview-vue-example/pr-1685/assets/ifx-segmented-control.entry-Dz9SPyy6.js index 5ca1216d0..f0ad9e579 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-segmented-control.entry-Dhfjr9zH.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-segmented-control.entry-Dz9SPyy6.js @@ -1 +1 @@ -import{r as l,c,h as a,g as o}from"./index-DFR79MvN.js";const r=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.group{display:flex;flex-direction:column;justify-content:space-between;gap:12px}.group__label{font:400 0.75rem/1rem "Source Sans 3"}.group__label:empty{display:none}.group__controls{display:flex;flex-wrap:wrap}.group__controls ::slotted(*){margin-left:-1px;margin-top:-1px}.group__caption{display:flex;align-items:center;gap:8px;font:400 0.75rem/1rem "Source Sans 3"}',g=r,d=class{constructor(e){l(this,e),this.ifxChange=c(this,"ifxChange",7),this.selectedValue="",this.caption="",this.label="",this.size="regular"}onSegmentSelect(e){const{previousValue:s,selectedValue:t}=this.unselectPreviousSegment(e.detail);this.selectedValue=t,this.ifxChange.emit({previousValue:s,selectedValue:t})}unselectPreviousSegment(e){let s,t;return this.getSegments().forEach(n=>{n.selected&&(n.segmentIndex!==e?(n.selected=!1,s=n.value):t=n.value)}),{previousValue:s,selectedValue:t}}getSegments(){return this.SegmentedControl.querySelectorAll("ifx-segment")}setActiveSegment(){const e=this.getSegments();let s=!1;e.forEach((t,i)=>{t.segmentIndex=i,s?t.selected&&(t.selected=!1):t.selected&&(s=!0,this.selectedValue=t.value)}),!s&&e.length&&(e[0].selected=!0,this.selectedValue=e[0].value)}setSegmentSize(){this.getSegments().forEach(s=>{s.shadowRoot.querySelector(".segment").classList.add(`segment--${this.size}`)})}componentDidLoad(){this.setActiveSegment()}render(){return a("div",{key:"2a980fa0fd18e469c2d92c57c80c62b7dfee30e9","aria-value":this.selectedValue,"aria-label":"segmented control",class:"group"},a("div",{key:"bf202bd9f2a4967c5a5c0cd24013242ad4752a80",class:"group__label"},this.label.trim()),a("div",{key:"89e974d972a4ad903193459e9a65b47c89114ab8",class:"group__controls"},a("slot",{key:"10a57ab800389b4a7ae482c152817486a28ae96f"})),this.caption.trim()&&a("div",{key:"f63a61eabf58e03cc0c4b5bae031965b82cb4f2c",class:"group__caption"},a("ifx-icon",{key:"b758bb66d96d48e795565dbd662f1a2fc3648bfe",icon:"cinfo16"})," ",this.caption.trim()))}componentDidRender(){this.setSegmentSize()}get SegmentedControl(){return o(this)}};d.style=g;export{d as ifx_segmented_control}; +import{r as l,c,h as a,g as o}from"./index-CTBaKUaT.js";const r=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.group{display:flex;flex-direction:column;justify-content:space-between;gap:12px}.group__label{font:400 0.75rem/1rem "Source Sans 3"}.group__label:empty{display:none}.group__controls{display:flex;flex-wrap:wrap}.group__controls ::slotted(*){margin-left:-1px;margin-top:-1px}.group__caption{display:flex;align-items:center;gap:8px;font:400 0.75rem/1rem "Source Sans 3"}',g=r,d=class{constructor(e){l(this,e),this.ifxChange=c(this,"ifxChange",7),this.selectedValue="",this.caption="",this.label="",this.size="regular"}onSegmentSelect(e){const{previousValue:s,selectedValue:t}=this.unselectPreviousSegment(e.detail);this.selectedValue=t,this.ifxChange.emit({previousValue:s,selectedValue:t})}unselectPreviousSegment(e){let s,t;return this.getSegments().forEach(n=>{n.selected&&(n.segmentIndex!==e?(n.selected=!1,s=n.value):t=n.value)}),{previousValue:s,selectedValue:t}}getSegments(){return this.SegmentedControl.querySelectorAll("ifx-segment")}setActiveSegment(){const e=this.getSegments();let s=!1;e.forEach((t,i)=>{t.segmentIndex=i,s?t.selected&&(t.selected=!1):t.selected&&(s=!0,this.selectedValue=t.value)}),!s&&e.length&&(e[0].selected=!0,this.selectedValue=e[0].value)}setSegmentSize(){this.getSegments().forEach(s=>{s.shadowRoot.querySelector(".segment").classList.add(`segment--${this.size}`)})}componentDidLoad(){this.setActiveSegment()}render(){return a("div",{key:"2a980fa0fd18e469c2d92c57c80c62b7dfee30e9","aria-value":this.selectedValue,"aria-label":"segmented control",class:"group"},a("div",{key:"bf202bd9f2a4967c5a5c0cd24013242ad4752a80",class:"group__label"},this.label.trim()),a("div",{key:"89e974d972a4ad903193459e9a65b47c89114ab8",class:"group__controls"},a("slot",{key:"10a57ab800389b4a7ae482c152817486a28ae96f"})),this.caption.trim()&&a("div",{key:"f63a61eabf58e03cc0c4b5bae031965b82cb4f2c",class:"group__caption"},a("ifx-icon",{key:"b758bb66d96d48e795565dbd662f1a2fc3648bfe",icon:"cinfo16"})," ",this.caption.trim()))}componentDidRender(){this.setSegmentSize()}get SegmentedControl(){return o(this)}};d.style=g;export{d as ifx_segmented_control}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-select.entry-CRt1oAsm.js b/pr-preview-vue-example/pr-1685/assets/ifx-select.entry-C4J2KfiX.js similarity index 99% rename from pr-preview-vue-example/pr-1685/assets/ifx-select.entry-CRt1oAsm.js rename to pr-preview-vue-example/pr-1685/assets/ifx-select.entry-C4J2KfiX.js index b862f2349..5d509e8f5 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-select.entry-CRt1oAsm.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-select.entry-C4J2KfiX.js @@ -1,4 +1,4 @@ -import{r as at,c as Ke,h as le,g as ct}from"./index-DFR79MvN.js";function lt(S){return S&&S.__esModule&&Object.prototype.hasOwnProperty.call(S,"default")?S.default:S}var He={exports:{}};/*! choices.js v10.2.0 | © 2022 Josh Johnson | https://github.com/jshjohnson/Choices#readme */(function(S,B){(function(W,J){S.exports=J()})(window,function(){return function(){var z={282:function(T,i,v){Object.defineProperty(i,"__esModule",{value:!0}),i.clearChoices=i.activateChoices=i.filterChoices=i.addChoice=void 0;var m=v(883),u=function(l){var c=l.value,O=l.label,w=l.id,E=l.groupId,D=l.disabled,V=l.elementId,ee=l.customProperties,ie=l.placeholder,ce=l.keyCode;return{type:m.ACTION_TYPES.ADD_CHOICE,value:c,label:O,id:w,groupId:E,disabled:D,elementId:V,customProperties:ee,placeholder:ie,keyCode:ce}};i.addChoice=u;var h=function(l){return{type:m.ACTION_TYPES.FILTER_CHOICES,results:l}};i.filterChoices=h;var o=function(l){return l===void 0&&(l=!0),{type:m.ACTION_TYPES.ACTIVATE_CHOICES,active:l}};i.activateChoices=o;var r=function(){return{type:m.ACTION_TYPES.CLEAR_CHOICES}};i.clearChoices=r},783:function(T,i,v){Object.defineProperty(i,"__esModule",{value:!0}),i.addGroup=void 0;var m=v(883),u=function(h){var o=h.value,r=h.id,l=h.active,c=h.disabled;return{type:m.ACTION_TYPES.ADD_GROUP,value:o,id:r,active:l,disabled:c}};i.addGroup=u},464:function(T,i,v){Object.defineProperty(i,"__esModule",{value:!0}),i.highlightItem=i.removeItem=i.addItem=void 0;var m=v(883),u=function(r){var l=r.value,c=r.label,O=r.id,w=r.choiceId,E=r.groupId,D=r.customProperties,V=r.placeholder,ee=r.keyCode;return{type:m.ACTION_TYPES.ADD_ITEM,value:l,label:c,id:O,choiceId:w,groupId:E,customProperties:D,placeholder:V,keyCode:ee}};i.addItem=u;var h=function(r,l){return{type:m.ACTION_TYPES.REMOVE_ITEM,id:r,choiceId:l}};i.removeItem=h;var o=function(r,l){return{type:m.ACTION_TYPES.HIGHLIGHT_ITEM,id:r,highlighted:l}};i.highlightItem=o},137:function(T,i,v){Object.defineProperty(i,"__esModule",{value:!0}),i.setIsLoading=i.resetTo=i.clearAll=void 0;var m=v(883),u=function(){return{type:m.ACTION_TYPES.CLEAR_ALL}};i.clearAll=u;var h=function(r){return{type:m.ACTION_TYPES.RESET_TO,state:r}};i.resetTo=h;var o=function(r){return{type:m.ACTION_TYPES.SET_IS_LOADING,isLoading:r}};i.setIsLoading=o},373:function(T,i,v){var m=this&&this.__spreadArray||function(_,e,t){if(t||arguments.length===2)for(var n=0,s=e.length,d;n=0?this._store.getGroupById(d):null;return this._store.dispatch((0,c.highlightItem)(n,!0)),t&&this.passedElement.triggerEvent(E.EVENTS.highlightItem,{id:n,value:x,label:j,groupValue:k&&k.value?k.value:null}),this},_.prototype.unhighlightItem=function(e){if(!e||!e.id)return this;var t=e.id,n=e.groupId,s=n===void 0?-1:n,d=e.value,A=d===void 0?"":d,x=e.label,g=x===void 0?"":x,j=s>=0?this._store.getGroupById(s):null;return this._store.dispatch((0,c.highlightItem)(t,!1)),this.passedElement.triggerEvent(E.EVENTS.highlightItem,{id:t,value:A,label:g,groupValue:j&&j.value?j.value:null}),this},_.prototype.highlightAll=function(){var e=this;return this._store.items.forEach(function(t){return e.highlightItem(t)}),this},_.prototype.unhighlightAll=function(){var e=this;return this._store.items.forEach(function(t){return e.unhighlightItem(t)}),this},_.prototype.removeActiveItemsByValue=function(e){var t=this;return this._store.activeItems.filter(function(n){return n.value===e}).forEach(function(n){return t._removeItem(n)}),this},_.prototype.removeActiveItems=function(e){var t=this;return this._store.activeItems.filter(function(n){var s=n.id;return s!==e}).forEach(function(n){return t._removeItem(n)}),this},_.prototype.removeHighlightedItems=function(e){var t=this;return e===void 0&&(e=!1),this._store.highlightedActiveItems.forEach(function(n){t._removeItem(n),e&&t._triggerChange(n.value)}),this},_.prototype.showDropdown=function(e){var t=this;return this.dropdown.isActive?this:(requestAnimationFrame(function(){t.dropdown.show(),t.containerOuter.open(t.dropdown.distanceFromTopWindow),!e&&t._canSearch&&t.input.focus(),t.passedElement.triggerEvent(E.EVENTS.showDropdown,{})}),this)},_.prototype.hideDropdown=function(e){var t=this;return this.dropdown.isActive?(requestAnimationFrame(function(){t.dropdown.hide(),t.containerOuter.close(),!e&&t._canSearch&&(t.input.removeActiveDescendant(),t.input.blur()),t.passedElement.triggerEvent(E.EVENTS.hideDropdown,{})}),this):this},_.prototype.getValue=function(e){e===void 0&&(e=!1);var t=this._store.activeItems.reduce(function(n,s){var d=e?s.value:s;return n.push(d),n},[]);return this._isSelectOneElement?t[0]:t},_.prototype.setValue=function(e){var t=this;return this.initialised?(e.forEach(function(n){return t._setChoiceOrItem(n)}),this):this},_.prototype.setChoiceByValue=function(e){var t=this;if(!this.initialised||this._isTextElement)return this;var n=Array.isArray(e)?e:[e];return n.forEach(function(s){return t._findAndSelectChoiceByValue(s)}),this},_.prototype.setChoices=function(e,t,n,s){var d=this;if(e===void 0&&(e=[]),t===void 0&&(t="value"),n===void 0&&(n="label"),s===void 0&&(s=!1),!this.initialised)throw new ReferenceError("setChoices was called on a non-initialized instance of Choices");if(!this._isSelectElement)throw new TypeError("setChoices can't be used with INPUT based Choices");if(typeof t!="string"||!t)throw new TypeError("value parameter must be a name of 'value' field in passed objects");if(s&&this.clearChoices(),typeof e=="function"){var A=e(this);if(typeof Promise=="function"&&A instanceof Promise)return new Promise(function(x){return requestAnimationFrame(x)}).then(function(){return d._handleLoadingState(!0)}).then(function(){return A}).then(function(x){return d.setChoices(x,t,n,s)}).catch(function(x){d.config.silent||console.error(x)}).then(function(){return d._handleLoadingState(!1)}).then(function(){return d});if(!Array.isArray(A))throw new TypeError(".setChoices first argument function must return either array of choices or Promise, got: ".concat(typeof A));return this.setChoices(A,t,n,!1)}if(!Array.isArray(e))throw new TypeError(".setChoices must be called either with array of choices with a function resulting into Promise of array of choices");return this.containerOuter.removeLoadingState(),this._startLoading(),e.forEach(function(x){if(x.choices)d._addGroup({id:x.id?parseInt("".concat(x.id),10):null,group:x,valueKey:t,labelKey:n});else{var g=x;d._addChoice({value:g[t],label:g[n],isSelected:!!g.selected,isDisabled:!!g.disabled,placeholder:!!g.placeholder,customProperties:g.customProperties})}}),this._stopLoading(),this},_.prototype.clearChoices=function(){return this._store.dispatch((0,r.clearChoices)()),this},_.prototype.clearStore=function(){return this._store.dispatch((0,O.clearAll)()),this},_.prototype.clearInput=function(){var e=!this._isSelectOneElement;return this.input.clear(e),!this._isTextElement&&this._canSearch&&(this._isSearching=!1,this._store.dispatch((0,r.activateChoices)(!0))),this},_.prototype._render=function(){if(!this._store.isLoading()){this._currentState=this._store.state;var e=this._currentState.choices!==this._prevState.choices||this._currentState.groups!==this._prevState.groups||this._currentState.items!==this._prevState.items,t=this._isSelectElement,n=this._currentState.items!==this._prevState.items;e&&(t&&this._renderChoices(),n&&this._renderItems(),this._prevState=this._currentState)}},_.prototype._renderChoices=function(){var e=this,t=this._store,n=t.activeGroups,s=t.activeChoices,d=document.createDocumentFragment();if(this.choiceList.clear(),this.config.resetScrollPosition&&requestAnimationFrame(function(){return e.choiceList.scrollToTop()}),n.length>=1&&!this._isSearching){var A=s.filter(function(H){return H.placeholder===!0&&H.groupId===-1});A.length>=1&&(d=this._createChoicesFragment(A,d)),d=this._createGroupsFragment(n,s,d)}else s.length>=1&&(d=this._createChoicesFragment(s,d));if(d.childNodes&&d.childNodes.length>0){var x=this._store.activeItems,g=this._canAddItem(x,this.input.value);if(g.response)this.choiceList.append(d),this._highlightChoice();else{var j=this._getTemplate("notice",g.notice);this.choiceList.append(j)}}else{var k=void 0,j=void 0;this._isSearching?(j=typeof this.config.noResultsText=="function"?this.config.noResultsText():this.config.noResultsText,k=this._getTemplate("notice",j,"no-results")):(j=typeof this.config.noChoicesText=="function"?this.config.noChoicesText():this.config.noChoicesText,k=this._getTemplate("notice",j,"no-choices")),this.choiceList.append(k)}},_.prototype._renderItems=function(){var e=this._store.activeItems||[];this.itemList.clear();var t=this._createItemsFragment(e);t.childNodes&&this.itemList.append(t)},_.prototype._createGroupsFragment=function(e,t,n){var s=this;n===void 0&&(n=document.createDocumentFragment());var d=function(A){return t.filter(function(x){return s._isSelectOneElement?x.groupId===A.id:x.groupId===A.id&&(s.config.renderSelectedChoices==="always"||!x.selected)})};return this.config.shouldSort&&e.sort(this.config.sorter),e.forEach(function(A){var x=d(A);if(x.length>=1){var g=s._getTemplate("choiceGroup",A);n.appendChild(g),s._createChoicesFragment(x,n,!0)}}),n},_.prototype._createChoicesFragment=function(e,t,n){var s=this;t===void 0&&(t=document.createDocumentFragment()),n===void 0&&(n=!1);var d=this.config,A=d.renderSelectedChoices,x=d.searchResultLimit,g=d.renderChoiceLimit,j=this._isSearching?V.sortByScore:this.config.sorter,k=function(re){var q=A==="auto"?s._isSelectOneElement||!re.selected:!0;if(q){var oe=s._getTemplate("choice",re,s.config.itemSelectText);t.appendChild(oe)}},H=e;A==="auto"&&!this._isSelectOneElement&&(H=e.filter(function(re){return!re.selected}));var Z=H.reduce(function(re,q){return q.placeholder?re.placeholderChoices.push(q):re.normalChoices.push(q),re},{placeholderChoices:[],normalChoices:[]}),$=Z.placeholderChoices,X=Z.normalChoices;(this.config.shouldSort||this._isSearching)&&X.sort(j);var se=H.length,G=this._isSelectOneElement?m(m([],$,!0),X,!0):X;this._isSearching?se=x:g&&g>0&&!n&&(se=g);for(var Q=0;Q=s){var x=d?this._searchChoices(e):0;this.passedElement.triggerEvent(E.EVENTS.search,{value:e,resultCount:x})}else A&&(this._isSearching=!1,this._store.dispatch((0,r.activateChoices)(!0)))}},_.prototype._canAddItem=function(e,t){var n=!0,s=typeof this.config.addItemText=="function"?this.config.addItemText(t):this.config.addItemText;if(!this._isSelectOneElement){var d=(0,V.existsInArray)(e,t);this.config.maxItemCount>0&&this.config.maxItemCount<=e.length&&(n=!1,s=typeof this.config.maxItemText=="function"?this.config.maxItemText(this.config.maxItemCount):this.config.maxItemText),!this.config.duplicateItemsAllowed&&d&&n&&(n=!1,s=typeof this.config.uniqueItemText=="function"?this.config.uniqueItemText(t):this.config.uniqueItemText),this._isTextElement&&this.config.addItems&&n&&typeof this.config.addItemFilter=="function"&&!this.config.addItemFilter(t)&&(n=!1,s=typeof this.config.customAddItemText=="function"?this.config.customAddItemText(t):this.config.customAddItemText)}return{response:n,notice:s}},_.prototype._searchChoices=function(e){var t=typeof e=="string"?e.trim():e,n=typeof this._currentValue=="string"?this._currentValue.trim():this._currentValue;if(t.length<1&&t==="".concat(n," "))return 0;var s=this._store.searchableChoices,d=t,A=Object.assign(this.config.fuseOptions,{keys:m([],this.config.searchFields,!0),includeMatches:!0}),x=new o.default(s,A),g=x.search(d);return this._currentValue=t,this._highlightPosition=0,this._isSearching=!0,this._store.dispatch((0,r.filterChoices)(g)),g.length},_.prototype._addEventListeners=function(){var e=document.documentElement;e.addEventListener("touchend",this._onTouchEnd,!0),this.containerOuter.element.addEventListener("keydown",this._onKeyDown,!0),this.containerOuter.element.addEventListener("mousedown",this._onMouseDown,!0),e.addEventListener("click",this._onClick,{passive:!0}),e.addEventListener("touchmove",this._onTouchMove,{passive:!0}),this.dropdown.element.addEventListener("mouseover",this._onMouseOver,{passive:!0}),this._isSelectOneElement&&(this.containerOuter.element.addEventListener("focus",this._onFocus,{passive:!0}),this.containerOuter.element.addEventListener("blur",this._onBlur,{passive:!0})),this.input.element.addEventListener("keyup",this._onKeyUp,{passive:!0}),this.input.element.addEventListener("focus",this._onFocus,{passive:!0}),this.input.element.addEventListener("blur",this._onBlur,{passive:!0}),this.input.element.form&&this.input.element.form.addEventListener("reset",this._onFormReset,{passive:!0}),this.input.addEventListeners()},_.prototype._removeEventListeners=function(){var e=document.documentElement;e.removeEventListener("touchend",this._onTouchEnd,!0),this.containerOuter.element.removeEventListener("keydown",this._onKeyDown,!0),this.containerOuter.element.removeEventListener("mousedown",this._onMouseDown,!0),e.removeEventListener("click",this._onClick),e.removeEventListener("touchmove",this._onTouchMove),this.dropdown.element.removeEventListener("mouseover",this._onMouseOver),this._isSelectOneElement&&(this.containerOuter.element.removeEventListener("focus",this._onFocus),this.containerOuter.element.removeEventListener("blur",this._onBlur)),this.input.element.removeEventListener("keyup",this._onKeyUp),this.input.element.removeEventListener("focus",this._onFocus),this.input.element.removeEventListener("blur",this._onBlur),this.input.element.form&&this.input.element.form.removeEventListener("reset",this._onFormReset),this.input.removeEventListeners()},_.prototype._onKeyDown=function(e){var t=e.keyCode,n=this._store.activeItems,s=this.input.isFocussed,d=this.dropdown.isActive,A=this.itemList.hasChildren(),x=String.fromCharCode(t),g=/[^\x00-\x1F]/.test(x),j=E.KEY_CODES.BACK_KEY,k=E.KEY_CODES.DELETE_KEY,H=E.KEY_CODES.ENTER_KEY,Z=E.KEY_CODES.A_KEY,$=E.KEY_CODES.ESC_KEY,X=E.KEY_CODES.UP_KEY,se=E.KEY_CODES.DOWN_KEY,G=E.KEY_CODES.PAGE_UP_KEY,Q=E.KEY_CODES.PAGE_DOWN_KEY;switch(!this._isTextElement&&!d&&g&&(this.showDropdown(),this.input.isFocussed||(this.input.value+=e.key.toLowerCase())),t){case Z:return this._onSelectKey(e,A);case H:return this._onEnterKey(e,n,d);case $:return this._onEscapeKey(d);case X:case G:case se:case Q:return this._onDirectionKey(e,d);case k:case j:return this._onDeleteKey(e,n,s)}},_.prototype._onKeyUp=function(e){var t=e.target,n=e.keyCode,s=this.input.value,d=this._store.activeItems,A=this._canAddItem(d,s),x=E.KEY_CODES.BACK_KEY,g=E.KEY_CODES.DELETE_KEY;if(this._isTextElement){var j=A.notice&&s;if(j){var k=this._getTemplate("notice",A.notice);this.dropdown.element.innerHTML=k.outerHTML,this.showDropdown(!0)}else this.hideDropdown(!0)}else{var H=n===x||n===g,Z=H&&t&&!t.value,$=!this._isTextElement&&this._isSearching,X=this._canSearch&&A.response;Z&&$?(this._isSearching=!1,this._store.dispatch((0,r.activateChoices)(!0))):X&&this._handleSearch(this.input.rawValue)}this._canSearch=this.config.searchEnabled},_.prototype._onSelectKey=function(e,t){var n=e.ctrlKey,s=e.metaKey,d=n||s;if(d&&t){this._canSearch=!1;var A=this.config.removeItems&&!this.input.value&&this.input.element===document.activeElement;A&&this.highlightAll()}},_.prototype._onEnterKey=function(e,t,n){var s=e.target,d=E.KEY_CODES.ENTER_KEY,A=s&&s.hasAttribute("data-button");if(this._isTextElement&&s&&s.value){var x=this.input.value,g=this._canAddItem(t,x);g.response&&(this.hideDropdown(!0),this._addItem({value:x}),this._triggerChange(x),this.clearInput())}if(A&&(this._handleButtonAction(t,s),e.preventDefault()),n){var j=this.dropdown.getChild(".".concat(this.config.classNames.highlightedState));j&&(t[0]&&(t[0].keyCode=d),this._handleChoiceAction(t,j)),e.preventDefault()}else this._isSelectOneElement&&(this.showDropdown(),e.preventDefault())},_.prototype._onEscapeKey=function(e){e&&(this.hideDropdown(!0),this.containerOuter.focus())},_.prototype._onDirectionKey=function(e,t){var n=e.keyCode,s=e.metaKey,d=E.KEY_CODES.DOWN_KEY,A=E.KEY_CODES.PAGE_UP_KEY,x=E.KEY_CODES.PAGE_DOWN_KEY;if(t||this._isSelectOneElement){this.showDropdown(),this._canSearch=!1;var g=n===d||n===x?1:-1,j=s||n===x||n===A,k="[data-choice-selectable]",H=void 0;if(j)g>0?H=this.dropdown.element.querySelector("".concat(k,":last-of-type")):H=this.dropdown.element.querySelector(k);else{var Z=this.dropdown.element.querySelector(".".concat(this.config.classNames.highlightedState));Z?H=(0,V.getAdjacentEl)(Z,k,g):H=this.dropdown.element.querySelector(k)}H&&((0,V.isScrolledIntoView)(H,this.choiceList.element,g)||this.choiceList.scrollToChildElement(H,g),this._highlightChoice(H)),e.preventDefault()}},_.prototype._onDeleteKey=function(e,t,n){var s=e.target;!this._isSelectOneElement&&!s.value&&n&&(this._handleBackspace(t),e.preventDefault())},_.prototype._onTouchMove=function(){this._wasTap&&(this._wasTap=!1)},_.prototype._onTouchEnd=function(e){var t=(e||e.touches[0]).target,n=this._wasTap&&this.containerOuter.element.contains(t);if(n){var s=t===this.containerOuter.element||t===this.containerInner.element;s&&(this._isTextElement?this.input.focus():this._isSelectMultipleElement&&this.showDropdown()),e.stopPropagation()}this._wasTap=!0},_.prototype._onMouseDown=function(e){var t=e.target;if(t instanceof HTMLElement){if(b&&this.choiceList.element.contains(t)){var n=this.choiceList.element.firstElementChild,s=this._direction==="ltr"?e.offsetX>=n.offsetWidth:e.offsetX0;s&&this.unhighlightAll(),this.containerOuter.removeFocusState(),this.hideDropdown(!0)}},_.prototype._onFocus=function(e){var t,n=this,s=e.target,d=s&&this.containerOuter.element.contains(s);if(d){var A=(t={},t[E.TEXT_TYPE]=function(){s===n.input.element&&n.containerOuter.addFocusState()},t[E.SELECT_ONE_TYPE]=function(){n.containerOuter.addFocusState(),s===n.input.element&&n.showDropdown(!0)},t[E.SELECT_MULTIPLE_TYPE]=function(){s===n.input.element&&(n.showDropdown(!0),n.containerOuter.addFocusState())},t);A[this.passedElement.element.type]()}},_.prototype._onBlur=function(e){var t,n=this,s=e.target,d=s&&this.containerOuter.element.contains(s);if(d&&!this._isScrollingOnIe){var A=this._store.activeItems,x=A.some(function(j){return j.highlighted}),g=(t={},t[E.TEXT_TYPE]=function(){s===n.input.element&&(n.containerOuter.removeFocusState(),x&&n.unhighlightAll(),n.hideDropdown(!0))},t[E.SELECT_ONE_TYPE]=function(){n.containerOuter.removeFocusState(),(s===n.input.element||s===n.containerOuter.element&&!n._canSearch)&&n.hideDropdown(!0)},t[E.SELECT_MULTIPLE_TYPE]=function(){s===n.input.element&&(n.containerOuter.removeFocusState(),n.hideDropdown(!0),x&&n.unhighlightAll())},t);g[this.passedElement.element.type]()}else this._isScrollingOnIe=!1,this.input.element.focus()},_.prototype._onFormReset=function(){this._store.dispatch((0,O.resetTo)(this._initialState))},_.prototype._highlightChoice=function(e){var t=this;e===void 0&&(e=null);var n=Array.from(this.dropdown.element.querySelectorAll("[data-choice-selectable]"));if(n.length){var s=e,d=Array.from(this.dropdown.element.querySelectorAll(".".concat(this.config.classNames.highlightedState)));d.forEach(function(A){A.classList.remove(t.config.classNames.highlightedState),A.setAttribute("aria-selected","false")}),s?this._highlightPosition=n.indexOf(s):(n.length>this._highlightPosition?s=n[this._highlightPosition]:s=n[n.length-1],s||(s=n[0])),s.classList.add(this.config.classNames.highlightedState),s.setAttribute("aria-selected","true"),this.passedElement.triggerEvent(E.EVENTS.highlightChoice,{el:s}),this.dropdown.isActive&&(this.input.setActiveDescendant(s.id),this.containerOuter.setActiveDescendant(s.id))}},_.prototype._addItem=function(e){var t=e.value,n=e.label,s=n===void 0?null:n,d=e.choiceId,A=d===void 0?-1:d,x=e.groupId,g=x===void 0?-1:x,j=e.customProperties,k=j===void 0?{}:j,H=e.placeholder,Z=H===void 0?!1:H,$=e.keyCode,X=$===void 0?-1:$,se=typeof t=="string"?t.trim():t,G=this._store.items,Q=s||se,re=A||-1,q=g>=0?this._store.getGroupById(g):null,oe=G?G.length+1:1;this.config.prependValue&&(se=this.config.prependValue+se.toString()),this.config.appendValue&&(se+=this.config.appendValue.toString()),this._store.dispatch((0,c.addItem)({value:se,label:Q,id:oe,choiceId:re,groupId:g,customProperties:k,placeholder:Z,keyCode:X})),this._isSelectOneElement&&this.removeActiveItems(oe),this.passedElement.triggerEvent(E.EVENTS.addItem,{id:oe,value:se,label:Q,customProperties:k,groupValue:q&&q.value?q.value:null,keyCode:X})},_.prototype._removeItem=function(e){var t=e.id,n=e.value,s=e.label,d=e.customProperties,A=e.choiceId,x=e.groupId,g=x&&x>=0?this._store.getGroupById(x):null;!t||!A||(this._store.dispatch((0,c.removeItem)(t,A)),this.passedElement.triggerEvent(E.EVENTS.removeItem,{id:t,value:n,label:s,customProperties:d,groupValue:g&&g.value?g.value:null}))},_.prototype._addChoice=function(e){var t=e.value,n=e.label,s=n===void 0?null:n,d=e.isSelected,A=d===void 0?!1:d,x=e.isDisabled,g=x===void 0?!1:x,j=e.groupId,k=j===void 0?-1:j,H=e.customProperties,Z=H===void 0?{}:H,$=e.placeholder,X=$===void 0?!1:$,se=e.keyCode,G=se===void 0?-1:se;if(!(typeof t>"u"||t===null)){var Q=this._store.choices,re=s||t,q=Q?Q.length+1:1,oe="".concat(this._baseId,"-").concat(this._idNames.itemChoice,"-").concat(q);this._store.dispatch((0,r.addChoice)({id:q,groupId:k,elementId:oe,value:t,label:re,disabled:g,customProperties:Z,placeholder:X,keyCode:G})),A&&this._addItem({value:t,label:re,choiceId:q,customProperties:Z,placeholder:X,keyCode:G})}},_.prototype._addGroup=function(e){var t=this,n=e.group,s=e.id,d=e.valueKey,A=d===void 0?"value":d,x=e.labelKey,g=x===void 0?"label":x,j=(0,V.isType)("Object",n)?n.choices:Array.from(n.getElementsByTagName("OPTION")),k=s||Math.floor(new Date().valueOf()*Math.random()),H=n.disabled?n.disabled:!1;if(j){this._store.dispatch((0,l.addGroup)({value:n.label,id:k,active:!0,disabled:H}));var Z=function($){var X=$.disabled||$.parentNode&&$.parentNode.disabled;t._addChoice({value:$[A],label:(0,V.isType)("Object",$)?$[g]:$.innerHTML,isSelected:$.selected,isDisabled:X,groupId:k,customProperties:$.customProperties,placeholder:$.placeholder})};j.forEach(Z)}else this._store.dispatch((0,l.addGroup)({value:n.label,id:n.id,active:!1,disabled:n.disabled}))},_.prototype._getTemplate=function(e){for(var t,n=[],s=1;s0?this.element.scrollTop+E-O:o.offsetTop;requestAnimationFrame(function(){l._animateScroll(D,r)})}},h.prototype._scrollDown=function(o,r,l){var c=(l-o)/r,O=c>1?c:1;this.element.scrollTop=o+O},h.prototype._scrollUp=function(o,r,l){var c=(o-l)/r,O=c>1?c:1;this.element.scrollTop=o-O},h.prototype._animateScroll=function(o,r){var l=this,c=m.SCROLLING_SPEED,O=this.element.scrollTop,w=!1;r>0?(this._scrollDown(O,c,o),Oo&&(w=!0)),w&&requestAnimationFrame(function(){l._animateScroll(o,r)})},h}();i.default=u},730:function(T,i,v){Object.defineProperty(i,"__esModule",{value:!0});var m=v(799),u=function(){function h(o){var r=o.element,l=o.classNames;if(this.element=r,this.classNames=l,!(r instanceof HTMLInputElement)&&!(r instanceof HTMLSelectElement))throw new TypeError("Invalid element passed");this.isDisabled=!1}return Object.defineProperty(h.prototype,"isActive",{get:function(){return this.element.dataset.choice==="active"},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"dir",{get:function(){return this.element.dir},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"value",{get:function(){return this.element.value},set:function(o){this.element.value=o},enumerable:!1,configurable:!0}),h.prototype.conceal=function(){this.element.classList.add(this.classNames.input),this.element.hidden=!0,this.element.tabIndex=-1;var o=this.element.getAttribute("style");o&&this.element.setAttribute("data-choice-orig-style",o),this.element.setAttribute("data-choice","active")},h.prototype.reveal=function(){this.element.classList.remove(this.classNames.input),this.element.hidden=!1,this.element.removeAttribute("tabindex");var o=this.element.getAttribute("data-choice-orig-style");o?(this.element.removeAttribute("data-choice-orig-style"),this.element.setAttribute("style",o)):this.element.removeAttribute("style"),this.element.removeAttribute("data-choice"),this.element.value=this.element.value},h.prototype.enable=function(){this.element.removeAttribute("disabled"),this.element.disabled=!1,this.isDisabled=!1},h.prototype.disable=function(){this.element.setAttribute("disabled",""),this.element.disabled=!0,this.isDisabled=!0},h.prototype.triggerEvent=function(o,r){(0,m.dispatchEvent)(this.element,o,r)},h}();i.default=u},541:function(T,i,v){var m=this&&this.__extends||function(){var r=function(l,c){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(O,w){O.__proto__=w}||function(O,w){for(var E in w)Object.prototype.hasOwnProperty.call(w,E)&&(O[E]=w[E])},r(l,c)};return function(l,c){if(typeof c!="function"&&c!==null)throw new TypeError("Class extends value "+String(c)+" is not a constructor or null");r(l,c);function O(){this.constructor=l}l.prototype=c===null?Object.create(c):(O.prototype=c.prototype,new O)}}(),u=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(i,"__esModule",{value:!0});var h=u(v(730)),o=function(r){m(l,r);function l(c){var O=c.element,w=c.classNames,E=c.delimiter,D=r.call(this,{element:O,classNames:w})||this;return D.delimiter=E,D}return Object.defineProperty(l.prototype,"value",{get:function(){return this.element.value},set:function(c){this.element.setAttribute("value",c),this.element.value=c},enumerable:!1,configurable:!0}),l}(h.default);i.default=o},982:function(T,i,v){var m=this&&this.__extends||function(){var r=function(l,c){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(O,w){O.__proto__=w}||function(O,w){for(var E in w)Object.prototype.hasOwnProperty.call(w,E)&&(O[E]=w[E])},r(l,c)};return function(l,c){if(typeof c!="function"&&c!==null)throw new TypeError("Class extends value "+String(c)+" is not a constructor or null");r(l,c);function O(){this.constructor=l}l.prototype=c===null?Object.create(c):(O.prototype=c.prototype,new O)}}(),u=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(i,"__esModule",{value:!0});var h=u(v(730)),o=function(r){m(l,r);function l(c){var O=c.element,w=c.classNames,E=c.template,D=r.call(this,{element:O,classNames:w})||this;return D.template=E,D}return Object.defineProperty(l.prototype,"placeholderOption",{get:function(){return this.element.querySelector('option[value=""]')||this.element.querySelector("option[placeholder]")},enumerable:!1,configurable:!0}),Object.defineProperty(l.prototype,"optionGroups",{get:function(){return Array.from(this.element.getElementsByTagName("OPTGROUP"))},enumerable:!1,configurable:!0}),Object.defineProperty(l.prototype,"options",{get:function(){return Array.from(this.element.options)},set:function(c){var O=this,w=document.createDocumentFragment(),E=function(D){var V=O.template(D);w.appendChild(V)};c.forEach(function(D){return E(D)}),this.appendDocFragment(w)},enumerable:!1,configurable:!0}),l.prototype.appendDocFragment=function(c){this.element.innerHTML="",this.element.appendChild(c)},l}(h.default);i.default=o},883:function(T,i){Object.defineProperty(i,"__esModule",{value:!0}),i.SCROLLING_SPEED=i.SELECT_MULTIPLE_TYPE=i.SELECT_ONE_TYPE=i.TEXT_TYPE=i.KEY_CODES=i.ACTION_TYPES=i.EVENTS=void 0,i.EVENTS={showDropdown:"showDropdown",hideDropdown:"hideDropdown",change:"change",choice:"choice",search:"search",addItem:"addItem",removeItem:"removeItem",highlightItem:"highlightItem",highlightChoice:"highlightChoice",unhighlightItem:"unhighlightItem"},i.ACTION_TYPES={ADD_CHOICE:"ADD_CHOICE",FILTER_CHOICES:"FILTER_CHOICES",ACTIVATE_CHOICES:"ACTIVATE_CHOICES",CLEAR_CHOICES:"CLEAR_CHOICES",ADD_GROUP:"ADD_GROUP",ADD_ITEM:"ADD_ITEM",REMOVE_ITEM:"REMOVE_ITEM",HIGHLIGHT_ITEM:"HIGHLIGHT_ITEM",CLEAR_ALL:"CLEAR_ALL",RESET_TO:"RESET_TO",SET_IS_LOADING:"SET_IS_LOADING"},i.KEY_CODES={BACK_KEY:46,DELETE_KEY:8,ENTER_KEY:13,A_KEY:65,ESC_KEY:27,UP_KEY:38,DOWN_KEY:40,PAGE_UP_KEY:33,PAGE_DOWN_KEY:34},i.TEXT_TYPE="text",i.SELECT_ONE_TYPE="select-one",i.SELECT_MULTIPLE_TYPE="select-multiple",i.SCROLLING_SPEED=4},789:function(T,i,v){Object.defineProperty(i,"__esModule",{value:!0}),i.DEFAULT_CONFIG=i.DEFAULT_CLASSNAMES=void 0;var m=v(799);i.DEFAULT_CLASSNAMES={containerOuter:"choices",containerInner:"choices__inner",input:"choices__input",inputCloned:"choices__input--cloned",list:"choices__list",listItems:"choices__list--multiple",listSingle:"choices__list--single",listDropdown:"choices__list--dropdown",item:"choices__item",itemSelectable:"choices__item--selectable",itemDisabled:"choices__item--disabled",itemChoice:"choices__item--choice",placeholder:"choices__placeholder",group:"choices__group",groupHeading:"choices__heading",button:"choices__button",activeState:"is-active",focusState:"is-focused",openState:"is-open",disabledState:"is-disabled",highlightedState:"is-highlighted",selectedState:"is-selected",flippedState:"is-flipped",loadingState:"is-loading",noResults:"has-no-results",noChoices:"has-no-choices"},i.DEFAULT_CONFIG={items:[],choices:[],silent:!1,renderChoiceLimit:-1,maxItemCount:-1,addItems:!0,addItemFilter:null,removeItems:!0,removeItemButton:!1,editItems:!1,allowHTML:!0,duplicateItemsAllowed:!0,delimiter:",",paste:!0,searchEnabled:!0,searchChoices:!0,searchFloor:1,searchResultLimit:4,searchFields:["label","value"],position:"auto",resetScrollPosition:!0,shouldSort:!0,shouldSortItems:!1,sorter:m.sortByAlpha,placeholder:!0,placeholderValue:null,searchPlaceholderValue:null,prependValue:null,appendValue:null,renderSelectedChoices:"auto",loadingText:"Loading...",noResultsText:"No results found",noChoicesText:"No choices to choose from",itemSelectText:"Press to select",uniqueItemText:"Only unique values can be added",customAddItemText:"Only values matching specific conditions can be added",addItemText:function(u){return'Press Enter to add "'.concat((0,m.sanitise)(u),'"')},maxItemText:function(u){return"Only ".concat(u," values can be added")},valueComparer:function(u,h){return u===h},fuseOptions:{includeScore:!0},labelId:"",callbackOnInit:null,callbackOnCreateTemplates:null,classNames:i.DEFAULT_CLASSNAMES}},18:function(T,i){Object.defineProperty(i,"__esModule",{value:!0})},978:function(T,i){Object.defineProperty(i,"__esModule",{value:!0})},948:function(T,i){Object.defineProperty(i,"__esModule",{value:!0})},359:function(T,i){Object.defineProperty(i,"__esModule",{value:!0})},285:function(T,i){Object.defineProperty(i,"__esModule",{value:!0})},533:function(T,i){Object.defineProperty(i,"__esModule",{value:!0})},187:function(T,i,v){var m=this&&this.__createBinding||(Object.create?function(h,o,r,l){l===void 0&&(l=r);var c=Object.getOwnPropertyDescriptor(o,r);(!c||("get"in c?!o.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return o[r]}}),Object.defineProperty(h,l,c)}:function(h,o,r,l){l===void 0&&(l=r),h[l]=o[r]}),u=this&&this.__exportStar||function(h,o){for(var r in h)r!=="default"&&!Object.prototype.hasOwnProperty.call(o,r)&&m(o,h,r)};Object.defineProperty(i,"__esModule",{value:!0}),u(v(18),i),u(v(978),i),u(v(948),i),u(v(359),i),u(v(285),i),u(v(533),i),u(v(287),i),u(v(132),i),u(v(837),i),u(v(598),i),u(v(369),i),u(v(37),i),u(v(47),i),u(v(923),i),u(v(876),i)},287:function(T,i){Object.defineProperty(i,"__esModule",{value:!0})},132:function(T,i){Object.defineProperty(i,"__esModule",{value:!0})},837:function(T,i){Object.defineProperty(i,"__esModule",{value:!0})},598:function(T,i){Object.defineProperty(i,"__esModule",{value:!0})},37:function(T,i){Object.defineProperty(i,"__esModule",{value:!0})},369:function(T,i){Object.defineProperty(i,"__esModule",{value:!0})},47:function(T,i){Object.defineProperty(i,"__esModule",{value:!0})},923:function(T,i){Object.defineProperty(i,"__esModule",{value:!0})},876:function(T,i){Object.defineProperty(i,"__esModule",{value:!0})},799:function(T,i){Object.defineProperty(i,"__esModule",{value:!0}),i.parseCustomProperties=i.diff=i.cloneObject=i.existsInArray=i.dispatchEvent=i.sortByScore=i.sortByAlpha=i.strToEl=i.sanitise=i.isScrolledIntoView=i.getAdjacentEl=i.wrap=i.isType=i.getType=i.generateId=i.generateChars=i.getRandomNumber=void 0;var v=function(b,L){return Math.floor(Math.random()*(L-b)+b)};i.getRandomNumber=v;var m=function(b){return Array.from({length:b},function(){return(0,i.getRandomNumber)(0,36).toString(36)}).join("")};i.generateChars=m;var u=function(b,L){var M=b.id||b.name&&"".concat(b.name,"-").concat((0,i.generateChars)(2))||(0,i.generateChars)(4);return M=M.replace(/(:|\.|\[|\]|,)/g,""),M="".concat(L,"-").concat(M),M};i.generateId=u;var h=function(b){return Object.prototype.toString.call(b).slice(8,-1)};i.getType=h;var o=function(b,L){return L!=null&&(0,i.getType)(L)===b};i.isType=o;var r=function(b,L){return L===void 0&&(L=document.createElement("div")),b.parentNode&&(b.nextSibling?b.parentNode.insertBefore(L,b.nextSibling):b.parentNode.appendChild(L)),L.appendChild(b)};i.wrap=r;var l=function(b,L,M){M===void 0&&(M=1);for(var _="".concat(M>0?"next":"previous","ElementSibling"),e=b[_];e;){if(e.matches(L))return e;e=e[_]}return e};i.getAdjacentEl=l;var c=function(b,L,M){if(M===void 0&&(M=1),!b)return!1;var _;return M>0?_=L.scrollTop+L.offsetHeight>=b.offsetTop+b.offsetHeight:_=b.offsetTop>=L.scrollTop,_};i.isScrolledIntoView=c;var O=function(b){return typeof b!="string"?b:b.replace(/&/g,"&").replace(/>/g,">").replace(/-1?u.map(function(E){var D=E;return D.id===parseInt("".concat(l.choiceId),10)&&(D.selected=!0),D}):u}case"REMOVE_ITEM":{var c=h;return c.choiceId&&c.choiceId>-1?u.map(function(E){var D=E;return D.id===parseInt("".concat(c.choiceId),10)&&(D.selected=!1),D}):u}case"FILTER_CHOICES":{var O=h;return u.map(function(E){var D=E;return D.active=O.results.some(function(V){var ee=V.item,ie=V.score;return ee.id===D.id?(D.score=ie,!0):!1}),D})}case"ACTIVATE_CHOICES":{var w=h;return u.map(function(E){var D=E;return D.active=w.active,D})}case"CLEAR_CHOICES":return i.defaultState;default:return u}}i.default=m},871:function(T,i){var v=this&&this.__spreadArray||function(u,h,o){if(o||arguments.length===2)for(var r=0,l=h.length,c;r0?"treeitem":"option"),Object.assign(t.dataset,{choice:"",id:ee,value:ie,selectText:h}),M?(t.classList.add(D),t.dataset.choiceDisabled="",t.setAttribute("aria-disabled","true")):(t.classList.add(w),t.dataset.choiceSelectable=""),t},input:function(m,u){var h=m.classNames,o=h.input,r=h.inputCloned,l=Object.assign(document.createElement("input"),{type:"search",name:"search_terms",className:"".concat(o," ").concat(r),autocomplete:"off",autocapitalize:"off",spellcheck:!1});return l.setAttribute("role","textbox"),l.setAttribute("aria-autocomplete","list"),l.setAttribute("aria-label",u),l},dropdown:function(m){var u=m.classNames,h=u.list,o=u.listDropdown,r=document.createElement("div");return r.classList.add(h,o),r.setAttribute("aria-expanded","false"),r},notice:function(m,u,h){var o,r=m.allowHTML,l=m.classNames,c=l.item,O=l.itemChoice,w=l.noResults,E=l.noChoices;h===void 0&&(h="");var D=[c,O];return h==="no-choices"?D.push(E):h==="no-results"&&D.push(w),Object.assign(document.createElement("div"),(o={},o[r?"innerHTML":"innerText"]=u,o.className=D.join(" "),o))},option:function(m){var u=m.label,h=m.value,o=m.customProperties,r=m.active,l=m.disabled,c=new Option(u,h,!1,r);return o&&(c.dataset.customProperties="".concat(o)),c.disabled=!!l,c}};i.default=v},996:function(T){var i=function(L){return v(L)&&!m(L)};function v(b){return!!b&&typeof b=="object"}function m(b){var L=Object.prototype.toString.call(b);return L==="[object RegExp]"||L==="[object Date]"||o(b)}var u=typeof Symbol=="function"&&Symbol.for,h=u?Symbol.for("react.element"):60103;function o(b){return b.$$typeof===h}function r(b){return Array.isArray(b)?[]:{}}function l(b,L){return L.clone!==!1&&L.isMergeableObject(b)?ie(r(b),b,L):b}function c(b,L,M){return b.concat(L).map(function(_){return l(_,M)})}function O(b,L){if(!L.customMerge)return ie;var M=L.customMerge(b);return typeof M=="function"?M:ie}function w(b){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(b).filter(function(L){return b.propertyIsEnumerable(L)}):[]}function E(b){return Object.keys(b).concat(w(b))}function D(b,L){try{return L in b}catch{return!1}}function V(b,L){return D(b,L)&&!(Object.hasOwnProperty.call(b,L)&&Object.propertyIsEnumerable.call(b,L))}function ee(b,L,M){var _={};return M.isMergeableObject(b)&&E(b).forEach(function(e){_[e]=l(b[e],M)}),E(L).forEach(function(e){V(b,e)||(D(b,e)&&M.isMergeableObject(L[e])?_[e]=O(e,M)(b[e],L[e],M):_[e]=l(L[e],M))}),_}function ie(b,L,M){M=M||{},M.arrayMerge=M.arrayMerge||c,M.isMergeableObject=M.isMergeableObject||i,M.cloneUnlessOtherwiseSpecified=l;var _=Array.isArray(L),e=Array.isArray(b),t=_===e;return t?_?M.arrayMerge(b,L,M):ee(b,L,M):l(L,M)}ie.all=function(L,M){if(!Array.isArray(L))throw new Error("first argument should be an array");return L.reduce(function(_,e){return ie(_,e,M)},{})};var ce=ie;T.exports=ce},221:function(T,i,v){v.r(i),v.d(i,{default:function(){return ve}});function m(f){return Array.isArray?Array.isArray(f):D(f)==="[object Array]"}function u(f){if(typeof f=="string")return f;let a=f+"";return a=="0"&&1/f==-1/0?"-0":a}function h(f){return f==null?"":u(f)}function o(f){return typeof f=="string"}function r(f){return typeof f=="number"}function l(f){return f===!0||f===!1||O(f)&&D(f)=="[object Boolean]"}function c(f){return typeof f=="object"}function O(f){return c(f)&&f!==null}function w(f){return f!=null}function E(f){return!f.trim().length}function D(f){return f==null?f===void 0?"[object Undefined]":"[object Null]":Object.prototype.toString.call(f)}const V="Incorrect 'index' type",ee=f=>`Invalid value for key ${f}`,ie=f=>`Pattern length exceeds max of ${f}.`,ce=f=>`Missing ${f} property in key`,b=f=>`Property 'weight' in key '${f}' must be a positive integer`,L=Object.prototype.hasOwnProperty;class M{constructor(a){this._keys=[],this._keyMap={};let p=0;a.forEach(y=>{let I=_(y);p+=I.weight,this._keys.push(I),this._keyMap[I.id]=I,p+=I.weight}),this._keys.forEach(y=>{y.weight/=p})}get(a){return this._keyMap[a]}keys(){return this._keys}toJSON(){return JSON.stringify(this._keys)}}function _(f){let a=null,p=null,y=null,I=1,C=null;if(o(f)||m(f))y=f,a=e(f),p=t(f);else{if(!L.call(f,"name"))throw new Error(ce("name"));const P=f.name;if(y=P,L.call(f,"weight")&&(I=f.weight,I<=0))throw new Error(b(P));a=e(P),p=t(P),C=f.getFn}return{path:a,id:p,weight:I,src:y,getFn:C}}function e(f){return m(f)?f:f.split(".")}function t(f){return m(f)?f.join("."):f}function n(f,a){let p=[],y=!1;const I=(C,P,N)=>{if(w(C))if(!P[N])p.push(C);else{let F=P[N];const R=C[F];if(!w(R))return;if(N===P.length-1&&(o(R)||r(R)||l(R)))p.push(h(R));else if(m(R)){y=!0;for(let K=0,Y=R.length;Kf.score===a.score?f.idx{this._keysMap[p.id]=y})}create(){this.isCreated||!this.docs.length||(this.isCreated=!0,o(this.docs[0])?this.docs.forEach((a,p)=>{this._addString(a,p)}):this.docs.forEach((a,p)=>{this._addObject(a,p)}),this.norm.clear())}add(a){const p=this.size();o(a)?this._addString(a,p):this._addObject(a,p)}removeAt(a){this.records.splice(a,1);for(let p=a,y=this.size();p{let P=I.getFn?I.getFn(a):this.getFn(a,I.path);if(w(P)){if(m(P)){let N=[];const F=[{nestedArrIndex:-1,value:P}];for(;F.length;){const{nestedArrIndex:R,value:K}=F.pop();if(w(K))if(o(K)&&!E(K)){let Y={v:K,i:R,n:this.norm.get(K)};N.push(Y)}else m(K)&&K.forEach((Y,U)=>{F.push({nestedArrIndex:U,value:Y})})}y.$[C]=N}else if(o(P)&&!E(P)){let N={v:P,n:this.norm.get(P)};y.$[C]=N}}}),this.records.push(y)}toJSON(){return{keys:this.keys,records:this.records}}}function Z(f,a,{getFn:p=g.getFn,fieldNormWeight:y=g.fieldNormWeight}={}){const I=new H({getFn:p,fieldNormWeight:y});return I.setKeys(f.map(_)),I.setSources(a),I.create(),I}function $(f,{getFn:a=g.getFn,fieldNormWeight:p=g.fieldNormWeight}={}){const{keys:y,records:I}=f,C=new H({getFn:a,fieldNormWeight:p});return C.setKeys(y),C.setIndexRecords(I),C}function X(f,{errors:a=0,currentLocation:p=0,expectedLocation:y=0,distance:I=g.distance,ignoreLocation:C=g.ignoreLocation}={}){const P=a/f.length;if(C)return P;const N=Math.abs(y-p);return I?P+N/I:N?1:P}function se(f=[],a=g.minMatchCharLength){let p=[],y=-1,I=-1,C=0;for(let P=f.length;C=a&&p.push([y,I]),y=-1)}return f[C-1]&&C-y>=a&&p.push([y,C-1]),p}const G=32;function Q(f,a,p,{location:y=g.location,distance:I=g.distance,threshold:C=g.threshold,findAllMatches:P=g.findAllMatches,minMatchCharLength:N=g.minMatchCharLength,includeMatches:F=g.includeMatches,ignoreLocation:R=g.ignoreLocation}={}){if(a.length>G)throw new Error(ie(G));const K=a.length,Y=f.length,U=Math.max(0,Math.min(y,Y));let ne=C,ae=U;const ue=N>1||F,_e=ue?Array(Y):[];let fe;for(;(fe=f.indexOf(a,ae))>-1;){let he=X(a,{currentLocation:fe,expectedLocation:U,distance:I,ignoreLocation:R});if(ne=Math.min(he,ne),ae=fe+K,ue){let pe=0;for(;pe=Re;de-=1){let we=de-1,ke=p[f.charAt(we)];if(ue&&(_e[we]=+!!ke),ye[de]=(ye[de+1]<<1|1)&ke,he&&(ye[de]|=(be[de+1]|be[de])<<1|1|be[de+1]),ye[de]&ot&&(ge=X(a,{errors:he,currentLocation:we,expectedLocation:U,distance:I,ignoreLocation:R}),ge<=ne)){if(ne=ge,ae=we,ae<=U)break;Re=Math.max(1,2*U-ae)}}if(X(a,{errors:he+1,currentLocation:U,expectedLocation:U,distance:I,ignoreLocation:R})>ne)break;be=ye}const Le={isMatch:ae>=0,score:Math.max(.001,ge)};if(ue){const he=se(_e,N);he.length?F&&(Le.indices=he):Le.isMatch=!1}return Le}function re(f){let a={};for(let p=0,y=f.length;p{this.chunks.push({pattern:U,alphabet:re(U),startIndex:ne})},Y=this.pattern.length;if(Y>G){let U=0;const ne=Y%G,ae=Y-ne;for(;U{const{isMatch:fe,score:be,indices:ge}=Q(a,ae,ue,{location:I+_e,distance:C,threshold:P,findAllMatches:N,minMatchCharLength:F,includeMatches:y,ignoreLocation:R});fe&&(U=!0),Y+=be,fe&&ge&&(K=[...K,...ge])});let ne={isMatch:U,score:U?Y/this.chunks.length:1};return U&&y&&(ne.indices=K),ne}}class oe{constructor(a){this.pattern=a}static isMultiMatch(a){return Ee(a,this.multiRegex)}static isSingleMatch(a){return Ee(a,this.singleRegex)}search(){}}function Ee(f,a){const p=f.match(a);return p?p[1]:null}class Ye extends oe{constructor(a){super(a)}static get type(){return"exact"}static get multiRegex(){return/^="(.*)"$/}static get singleRegex(){return/^=(.*)$/}search(a){const p=a===this.pattern;return{isMatch:p,score:p?0:1,indices:[0,this.pattern.length-1]}}}class Be extends oe{constructor(a){super(a)}static get type(){return"inverse-exact"}static get multiRegex(){return/^!"(.*)"$/}static get singleRegex(){return/^!(.*)$/}search(a){const y=a.indexOf(this.pattern)===-1;return{isMatch:y,score:y?0:1,indices:[0,a.length-1]}}}class Ge extends oe{constructor(a){super(a)}static get type(){return"prefix-exact"}static get multiRegex(){return/^\^"(.*)"$/}static get singleRegex(){return/^\^(.*)$/}search(a){const p=a.startsWith(this.pattern);return{isMatch:p,score:p?0:1,indices:[0,this.pattern.length-1]}}}class We extends oe{constructor(a){super(a)}static get type(){return"inverse-prefix-exact"}static get multiRegex(){return/^!\^"(.*)"$/}static get singleRegex(){return/^!\^(.*)$/}search(a){const p=!a.startsWith(this.pattern);return{isMatch:p,score:p?0:1,indices:[0,a.length-1]}}}class $e extends oe{constructor(a){super(a)}static get type(){return"suffix-exact"}static get multiRegex(){return/^"(.*)"\$$/}static get singleRegex(){return/^(.*)\$$/}search(a){const p=a.endsWith(this.pattern);return{isMatch:p,score:p?0:1,indices:[a.length-this.pattern.length,a.length-1]}}}class Ue extends oe{constructor(a){super(a)}static get type(){return"inverse-suffix-exact"}static get multiRegex(){return/^!"(.*)"\$$/}static get singleRegex(){return/^!(.*)\$$/}search(a){const p=!a.endsWith(this.pattern);return{isMatch:p,score:p?0:1,indices:[0,a.length-1]}}}class Me extends oe{constructor(a,{location:p=g.location,threshold:y=g.threshold,distance:I=g.distance,includeMatches:C=g.includeMatches,findAllMatches:P=g.findAllMatches,minMatchCharLength:N=g.minMatchCharLength,isCaseSensitive:F=g.isCaseSensitive,ignoreLocation:R=g.ignoreLocation}={}){super(a),this._bitapSearch=new q(a,{location:p,threshold:y,distance:I,includeMatches:C,findAllMatches:P,minMatchCharLength:N,isCaseSensitive:F,ignoreLocation:R})}static get type(){return"fuzzy"}static get multiRegex(){return/^"(.*)"$/}static get singleRegex(){return/^(.*)$/}search(a){return this._bitapSearch.searchIn(a)}}class De extends oe{constructor(a){super(a)}static get type(){return"include"}static get multiRegex(){return/^'"(.*)"$/}static get singleRegex(){return/^'(.*)$/}search(a){let p=0,y;const I=[],C=this.pattern.length;for(;(y=a.indexOf(this.pattern,p))>-1;)p=y+C,I.push([y,p-1]);const P=!!I.length;return{isMatch:P,score:P?0:1,indices:I}}}const Oe=[Ye,De,Ge,We,Ue,$e,Be,Me],Ne=Oe.length,ze=/ +(?=(?:[^\"]*\"[^\"]*\")*[^\"]*$)/,Je="|";function Xe(f,a={}){return f.split(Je).map(p=>{let y=p.trim().split(ze).filter(C=>C&&!!C.trim()),I=[];for(let C=0,P=y.length;C!!(f[Ie.AND]||f[Ie.OR]),et=f=>!!f[xe.PATH],tt=f=>!m(f)&&c(f)&&!Ae(f),je=f=>({[Ie.AND]:Object.keys(f).map(a=>({[a]:f[a]}))});function Fe(f,a,{auto:p=!0}={}){const y=I=>{let C=Object.keys(I);const P=et(I);if(!P&&C.length>1&&!Ae(I))return y(je(I));if(tt(I)){const F=P?I[xe.PATH]:C[0],R=P?I[xe.PATTERN]:I[F];if(!o(R))throw new Error(ee(F));const K={keyId:t(F),pattern:R};return p&&(K.searcher=Te(R,a)),K}let N={children:[],operator:C[0]};return C.forEach(F=>{const R=I[F];m(R)&&R.forEach(K=>{N.children.push(y(K))})}),N};return Ae(f)||(f=je(f)),y(f)}function it(f,{ignoreFieldNorm:a=g.ignoreFieldNorm}){f.forEach(p=>{let y=1;p.matches.forEach(({key:I,norm:C,score:P})=>{const N=I?I.weight:null;y*=Math.pow(P===0&&N?Number.EPSILON:P,(N||1)*(a?1:C))}),p.score=y})}function nt(f,a){const p=f.matches;a.matches=[],w(p)&&p.forEach(y=>{if(!w(y.indices)||!y.indices.length)return;const{indices:I,value:C}=y;let P={indices:I,value:C};y.key&&(P.key=y.key.src),y.idx>-1&&(P.refIndex=y.idx),a.matches.push(P)})}function st(f,a){a.score=f.score}function rt(f,a,{includeMatches:p=g.includeMatches,includeScore:y=g.includeScore}={}){const I=[];return p&&I.push(nt),y&&I.push(st),f.map(C=>{const{idx:P}=C,N={item:a[P],refIndex:P};return I.length&&I.forEach(F=>{F(C,N)}),N})}class ve{constructor(a,p={},y){this.options={...g,...p},this._keyStore=new M(this.options.keys),this.setCollection(a,y)}setCollection(a,p){if(this._docs=a,p&&!(p instanceof H))throw new Error(V);this._myIndex=p||Z(this.options.keys,this._docs,{getFn:this.options.getFn,fieldNormWeight:this.options.fieldNormWeight})}add(a){w(a)&&(this._docs.push(a),this._myIndex.add(a))}remove(a=()=>!1){const p=[];for(let y=0,I=this._docs.length;y-1&&(F=F.slice(0,p)),rt(F,this._docs,{includeMatches:y,includeScore:I})}_searchStringList(a){const p=Te(a,this.options),{records:y}=this._myIndex,I=[];return y.forEach(({v:C,i:P,n:N})=>{if(!w(C))return;const{isMatch:F,score:R,indices:K}=p.searchIn(C);F&&I.push({item:C,idx:P,matches:[{score:R,value:C,norm:N,indices:K}]})}),I}_searchLogical(a){const p=Fe(a,this.options),y=(N,F,R)=>{if(!N.children){const{keyId:Y,searcher:U}=N,ne=this._findMatches({key:this._keyStore.get(Y),value:this._myIndex.getValueForItemAtKeyId(F,Y),searcher:U});return ne&&ne.length?[{idx:R,item:F,matches:ne}]:[]}const K=[];for(let Y=0,U=N.children.length;Y{if(w(N)){let R=y(p,N,F);R.length&&(C[F]||(C[F]={idx:F,item:N,matches:[]},P.push(C[F])),R.forEach(({matches:K})=>{C[F].matches.push(...K)}))}}),P}_searchObjectList(a){const p=Te(a,this.options),{keys:y,records:I}=this._myIndex,C=[];return I.forEach(({$:P,i:N})=>{if(!w(P))return;let F=[];y.forEach((R,K)=>{F.push(...this._findMatches({key:R,value:P[K],searcher:p}))}),F.length&&C.push({idx:N,item:P,matches:F})}),C}_findMatches({key:a,value:p,searcher:y}){if(!w(p))return[];let I=[];if(m(p))p.forEach(({v:C,i:P,n:N})=>{if(!w(C))return;const{isMatch:F,score:R,indices:K}=y.searchIn(C);F&&I.push({score:R,key:a,value:C,idx:P,norm:N,indices:K})});else{const{v:C,n:P}=p,{isMatch:N,score:F,indices:R}=y.searchIn(C);N&&I.push({score:F,key:a,value:C,norm:P,indices:R})}return I}}ve.version="6.6.2",ve.createIndex=Z,ve.parseIndex=$,ve.config=g,ve.parseQuery=Fe,qe(Qe)},791:function(T,i,v){v.r(i),v.d(i,{__DO_NOT_USE__ActionTypes:function(){return E},applyMiddleware:function(){return _},bindActionCreators:function(){return L},combineReducers:function(){return ce},compose:function(){return M},createStore:function(){return V},legacy_createStore:function(){return ee}});function m(e){"@babel/helpers - typeof";return m=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},m(e)}function u(e,t){if(m(e)!=="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var s=n.call(e,t||"default");if(m(s)!=="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function h(e){var t=u(e,"string");return m(t)==="symbol"?t:String(t)}function o(e,t,n){return t=h(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter(function(d){return Object.getOwnPropertyDescriptor(e,d).enumerable})),n.push.apply(n,s)}return n}function l(e){for(var t=1;t"u"&&(n=t,t=void 0),typeof n<"u"){if(typeof n!="function")throw new Error(c(1));return n(V)(e,t)}if(typeof e!="function")throw new Error(c(2));var d=e,A=t,x=[],g=x,j=!1;function k(){g===x&&(g=x.slice())}function H(){if(j)throw new Error(c(3));return A}function Z(G){if(typeof G!="function")throw new Error(c(4));if(j)throw new Error(c(5));var Q=!0;return k(),g.push(G),function(){if(Q){if(j)throw new Error(c(6));Q=!1,k();var q=g.indexOf(G);g.splice(q,1),x=null}}}function $(G){if(!D(G))throw new Error(c(7));if(typeof G.type>"u")throw new Error(c(8));if(j)throw new Error(c(9));try{j=!0,A=d(A,G)}finally{j=!1}for(var Q=x=g,re=0;re"u")throw new Error(c(12));if(typeof n(void 0,{type:E.PROBE_UNKNOWN_ACTION()})>"u")throw new Error(c(13))})}function ce(e){for(var t=Object.keys(e),n={},s=0;s"u")throw new Error(c(14));Z[X]=Q,H=H||Q!==G}return H=H||A.length!==Object.keys(j).length,H?Z:j}}function b(e,t){return function(){return t(e.apply(this,arguments))}}function L(e,t){if(typeof e=="function")return b(e,t);if(typeof e!="object"||e===null)throw new Error(c(16));var n={};for(var s in e){var d=e[s];typeof d=="function"&&(n[s]=b(d,t))}return n}function M(){for(var e=arguments.length,t=new Array(e),n=0;n{const J=S[W];return B(J,W,S)&&(z[W]=J),z},{})}function dt(S){return typeof S<"u"}function Ve(S){try{return JSON.parse(S),!0}catch{return!1}}const ft=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.ifx-select-container{box-sizing:border-box;font-family:var(--ifx-font-family);}.ifx-select-container.small-select{height:36px}.ifx-select-container.medium-select{height:40px}.ifx-select-container:hover{cursor:pointer}.ifx-select-container .ifx-label-wrapper{font-size:1rem;line-height:1.5rem;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;max-width:100%;overflow:hidden}.ifx-select-container .ifx-error-message-wrapper{color:#CD002F;font-size:0.75rem;line-height:1rem;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;max-width:100%;overflow:hidden}.ifx-select-container .ifx-choices__wrapper{background-color:#FFFFFF;box-sizing:border-box;position:relative;display:flex;align-items:center;border:1px solid #8D8786;border-radius:1px;font-weight:400;font-style:normal;width:100%}.ifx-select-container .ifx-choices__wrapper .choices{flex-grow:1;overflow:hidden}.ifx-select-container .ifx-choices__wrapper .single__select-icon-container{display:flex;align-items:center;margin-left:auto}.ifx-select-container .ifx-choices__wrapper.small-select{height:36px;line-height:20px;padding:8px 12px;font-size:0.875rem;line-height:1.25rem}.ifx-select-container .ifx-choices__wrapper.medium-select{height:40px;line-height:24px;padding:8px 16px;font-size:1rem;line-height:1.5rem}.ifx-select-container .ifx-choices__wrapper.disabled{background:#EEEDED;color:#575352;border-color:#575352;cursor:default;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ifx-select-container .ifx-choices__wrapper.disabled .ifx-choices__icon-wrapper-down:hover{cursor:default}.ifx-select-container .ifx-choices__wrapper.error{border-color:#CD002F}.ifx-select-container .ifx-choices__wrapper:hover:not(.focus,:focus){border-color:#575352}.ifx-select-container .ifx-choices__wrapper.active{border-color:#0A8276 !important}.ifx-select-container .ifx-choices__wrapper.active .ifx-choices__icon-wrapper-up{display:flex;align-items:center;justify-content:center;padding-left:8px}.ifx-select-container .ifx-choices__wrapper.active .ifx-choices__icon-wrapper-down{display:none}.ifx-select-container .ifx-choices__wrapper:focus-visible:not(.active):not(:active){outline:none}.ifx-select-container .ifx-choices__wrapper:focus-visible:not(.active):not(:active)::before{content:"";position:absolute;width:calc(100% + 4px);height:calc(100% + 4px);top:50%;left:50%;transform:translate(-50%, -50%);border:2px solid #0A8276;border-radius:2px}.ifx-select-container .ifx-choices__wrapper:focus:not(.active,:active):not(.disabled)::before{content:"";position:absolute;width:calc(100% + 4px);height:calc(100% + 4px);top:50%;left:50%;transform:translate(-50%, -50%)}.ifx-select-container .ifx-choices__wrapper .ifx-choices__icon-wrapper-up{display:none}.ifx-select-container .ifx-choices__wrapper .ifx-choices__icon-wrapper-up:hover{cursor:pointer}.ifx-select-container .ifx-choices__wrapper .ifx-choices__icon-wrapper-down{display:flex;align-items:center;justify-content:center;padding-left:8px}.ifx-select-container .ifx-choices__wrapper .ifx-choices__icon-wrapper-down:hover{cursor:pointer}.ifx-select-container .ifx-choices__wrapper .ifx-choices__icon-wrapper-delete{display:flex;align-items:center;justify-content:center}.ifx-select-container .ifx-choices__wrapper .ifx-choices__icon-wrapper-delete.hide{display:none}.ifx-select-container .choices{width:100%}.ifx-select-container .choices:focus{outline:none}.choices .ifx-select-container.is-focused{outline:none}.ifx-select-container .choices:last-child{margin-bottom:0}.ifx-select-container .choices.is-disabled .choices__inner,.ifx-select-container .choices.is-disabled .choices__input{cursor:default;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ifx-select-container .choices.is-disabled .choices__item{cursor:default;color:#575352}.ifx-select-container .choices [hidden]{display:none !important}.ifx-select-container .choices[data-type*=select-one]{cursor:pointer}.ifx-select-container .choices[data-type*=select-one] .choices__input{display:block;width:100%;padding:8px 16px;border-bottom:1px solid #8D8786;background-color:#ffffff;margin:0;font-style:normal;font-weight:400}.ifx-select-container .choices[data-type*=select-one] .choices__input.small-select{font-size:0.875rem;line-height:1.25rem}.ifx-select-container .choices[data-type*=select-one] .choices__input.medium-select{font-size:1rem;line-height:1.5rem}.ifx-select-container .choices[data-type*=select-one] .choices__single-button{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:0.5}.ifx-select-container .choices[data-type*=select-one] .choices__single-button:hover,.ifx-select-container .choices[data-type*=select-one] .choices__single-button:focus{opacity:1}.ifx-select-container .choices[data-type*=select-one] .choices__single-button:focus{box-shadow:0px 0px 0px 2px #0A8276}.ifx-select-container .choices[data-type*=select-one] .choices__item[data-value=""] .choices__single-button{display:none}.ifx-select-container .choices[data-type*=select-one].is-open:after{margin-top:-7.5px}.ifx-select-container .choices[data-type*=select-one][dir=rtl]:after{left:11.5px;right:auto}.ifx-select-container .choices[data-type*=select-one][dir=rtl] .choices__single-button{right:auto;left:0;margin-left:25px;margin-right:0}.ifx-select-container .choices[data-type*=select-multiple]{cursor:pointer}.ifx-select-container .choices[data-type*=select-multiple] .choices__input{display:block;width:100%;margin:0}.ifx-select-container .choices[data-type*=select-multiple] .choices__inner,.ifx-select-container .choices[data-type*=text] .choices__inner{cursor:text}.ifx-select-container .choices[data-type*=select-multiple] .choices__button,.ifx-select-container .choices[data-type*=text] .choices__button{position:relative;display:inline-block;margin-top:0;margin-right:-4px;margin-bottom:0;margin-left:8px;padding-left:16px;border-left:1px solid #0A8276;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);background-size:8px;width:8px;line-height:1;opacity:0.75;border-radius:0}.ifx-select-container .choices[data-type*=select-multiple] .choices__button:hover,.ifx-select-container .choices[data-type*=select-multiple] .choices__button:focus,.ifx-select-container .choices[data-type*=text] .choices__button:hover,.ifx-select-container .choices[data-type*=text] .choices__button:focus{opacity:1}.ifx-select-container .choices__inner{overflow:hidden}.ifx-select-container .choices__inner .choices__list .choices__item span{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ifx-select-container .is-focused .choices__inner,.ifx-select-container .is-open .choices__inner{border-color:#b7b7b7}.ifx-select-container .is-open .choices__inner{border-radius:2.5px 2.5px 0 0}.ifx-select-container .is-flipped.is-open .choices__inner{border-radius:0 0 2.5px 2.5px}.ifx-select-container .choices__list{margin:0;padding-left:0;list-style:none}.ifx-select-container .choices__list--single .choices__item{width:100%;display:flex;justify-content:space-between}.ifx-select-container .disabled>.choices__list--single .choices__item[data-value=""]{color:#8D8786;}.ifx-select-container .choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:20px;padding:4px 10px;font-size:0.75rem;line-height:1rem;font-weight:500;margin-right:3.75px;margin-bottom:3.75px;background-color:#0A8276;border:1px solid #0A8276;color:#FFFFFF;word-break:break-all;box-sizing:border-box}.ifx-select-container .choices__list--multiple .choices__item[data-deletable]{padding-right:5px}.ifx-select-container [dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}.ifx-select-container .choices__list--multiple .choices__item.is-highlighted{background-color:#EEEDED;border:1px solid #0A8276}.ifx-select-container .choices__list--dropdown{visibility:hidden;box-sizing:border-box;position:absolute;width:100%;background-color:#fff;top:100%;margin-top:-1px;overflow:hidden;word-break:break-all;will-change:visibility;box-shadow:0px 0px 16px rgba(29, 29, 29, 0.12);border-radius:1px;margin-top:8px;z-index:1000;left:0}.ifx-select-container .choices__list--dropdown.is-active{visibility:visible}.ifx-select-container .is-open .choices__list--dropdown{border-color:#b7b7b7}.ifx-select-container .is-flipped .choices__list--dropdown{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:0.25rem 0.25rem 0 0}.ifx-select-container .choices__list--dropdown .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.ifx-select-container .choices__list--dropdown .choices__item{position:relative;padding:8px 16px;gap:8px;align-items:center;display:flex;justify-content:space-between;font-style:normal;font-weight:400}.ifx-select-container .choices__list--dropdown .choices__item.small-select{font-size:0.875rem;line-height:1.25rem}.ifx-select-container .choices__list--dropdown .choices__item.medium-select{font-size:1rem;line-height:1.5rem}.ifx-select-container .choices__list--dropdown .choices__item.selected{color:#0A8276}.ifx-select-container [dir=rtl] .choices__list--dropdown .choices__item{text-align:right}@media (min-width: 640px){.ifx-select-container .choices__list--dropdown .choices__item--selectable:after{font-size:0.75rem;line-height:1rem;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.ifx-select-container [dir=rtl] .choices__list--dropdown .choices__item--selectable{text-align:right;padding-left:100px;padding-right:10px}.ifx-select-container [dir=rtl] .choices__list--dropdown .choices__item--selectable:after{right:auto;left:10px}}.ifx-select-container .choices__list--dropdown .choices__item--selectable.is-highlighted{background-color:#EEEDED}.ifx-select-container .choices__list--dropdown .choices__item--selectable.is-highlighted.selected{color:#0A8276}.ifx-select-container .choices__list--dropdown .choices__item--selectable:hover{background-color:#EEEDED}.ifx-select-container .choices__list--dropdown .choices__item--selectable:hover.selected{color:#0A8276}.ifx-select-container .choices__list--dropdown .choices__item--selectable.is-highlighted:after{opacity:0.5}.ifx-select-container .choices__item{cursor:default}.ifx-select-container .choices__item--selectable{cursor:pointer}.ifx-select-container .choices__item--disabled{cursor:default;-webkit-user-select:none;-ms-user-select:none;user-select:none;opacity:0.5}.ifx-select-container .choices__heading{font-weight:600;font-size:0.75rem;line-height:1rem;padding:10px;border-bottom:1px solid #f7f7f7;color:#1D1D1D}.ifx-select-container .choices__button{text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.ifx-select-container .choices__button:focus{outline:none}.ifx-select-container .choices__single-button{text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer;visibility:hidden}.ifx-select-container .choices__single-button:focus{outline:none}.ifx-select-container .choices__input{display:inline-block;vertical-align:baseline;background-color:#f9f9f9;font-size:0.875rem;line-height:1.25rem;margin-bottom:5px;border:0;border-radius:0;max-width:100%}.ifx-select-container .choices__input--cloned{background-color:transparent}.ifx-select-container .choices__input::-ms-clear{display:none;width:0;height:0}.ifx-select-container .choices__input::-ms-reveal{display:none;width:0;height:0}.ifx-select-container .choices__input::-webkit-search-decoration,.ifx-select-container .choices__input::-webkit-search-cancel-button,.ifx-select-container .choices__input::-webkit-search-results-button,.ifx-select-container .choices__input::-webkit-search-results-decoration{display:none}.ifx-select-container .choices__input:focus{outline:0}.ifx-select-container [dir=rtl] .choices__input{padding-right:2px;padding-left:0}.ifx-select-container .choices__placeholder{opacity:0.5}',pt=ft,mt=class{constructor(S){at(this,S),this.ifxSelect=Ke(this,"ifxSelect",7),this.ifxInput=Ke(this,"ifxInput",7),this.previousOptions=[],this.value=void 0,this.name=void 0,this.items=void 0,this.choices=void 0,this.renderChoiceLimit=void 0,this.maxItemCount=void 0,this.addItems=void 0,this.removeItems=void 0,this.removeItemButton=void 0,this.editItems=void 0,this.duplicateItemsAllowed=void 0,this.delimiter=void 0,this.paste=void 0,this.showSearch=void 0,this.searchChoices=void 0,this.searchFields=void 0,this.searchFloor=void 0,this.searchResultLimit=void 0,this.position=void 0,this.resetScrollPosition=void 0,this.shouldSort=void 0,this.shouldSortItems=void 0,this.sorter=void 0,this.placeholder=void 0,this.searchPlaceholderValue=void 0,this.prependValue=void 0,this.appendValue=void 0,this.renderSelectedChoices=void 0,this.loadingText=void 0,this.noResultsText=void 0,this.noChoicesText=void 0,this.itemSelectText=void 0,this.addItemText=void 0,this.maxItemText=void 0,this.uniqueItemText=void 0,this.classNames=void 0,this.fuseOptions=void 0,this.addItemFilter=void 0,this.customAddItemText=void 0,this.callbackOnInit=void 0,this.callbackOnCreateTemplates=void 0,this.valueComparer=void 0,this.error=!1,this.errorMessage="Error",this.label="",this.disabled=!1,this.placeholderValue="Placeholder",this.options=void 0,this.size="medium (40px)",this.selectedOption=null,this.optionIsSelected=!1}watchDisabled(S){S?this.choice.disable():this.choice.enable()}handleDeleteSelection(){this.clearInput(),this.clearSelectField(),this.setPreSelected(null),this.closeDropdown(),this.optionIsSelected=!1}clearSelectField(){this.selectedOption=null,this.ifxSelect.emit(null)}async handleChange(){this.ifxSelect.emit(this.choice.getValue()),this.selectedOption=this.choice.getValue(),this.setPreSelected(this.selectedOption.value),this.closeDropdown()}async highlightItem(S,B){return this.choice.highlightItem(S,B),this}async unhighlightItem(S){return this.choice.unhighlightItem(S),this}async highlightAll(){return this.choice.highlightAll(),this}async unhighlightAll(){return this.choice.unhighlightAll(),this}async removeActiveItemsByValue(S){return this.choice.removeActiveItemsByValue(S),this}async removeActiveItems(S){return this.choice.removeActiveItems(S),this}async removeHighlightedItems(S){return this.choice.removeHighlightedItems(S),this}async showDropdown(S){return this.choice.showDropdown(S),this}async hideDropdown(S){return this.choice.hideDropdown(S),this}async getValue(S){return this.choice.getValue(S)}async setValue(S){return this.choice.setValue(S),this}async setChoiceByValue(S){return this.choice.setChoiceByValue(S),this}async setChoices(S,B,z,W){let J;if(typeof S=="string")try{Ve(S)||(S=S.replace(/'/g,'"').replace(/"false"/g,"false").replace(/"true"/g,"true")),J=[...JSON.parse(S)]}catch(te){console.error("Failed to parse choices:",te)}else Array.isArray(S)||typeof S=="object"?J=[...S]:console.error("Unexpected value for choices:",this.options);return this.choice.setChoices(J,B,z,W),this}async clearChoices(){return this.choice.clearChoices(),this}async clearStore(){return this.choice.clearStore(),this}async clearInput(){return this.choice.clearInput(),this}async ajax(S){return this.choice.ajax(S),this}async handleDeleteIcon(){const S=this.root.offsetWidth,B=this.root.querySelector(".ifx-choices__icon-wrapper-delete");B&&(S<=180?B.classList.add("hide"):B.classList.remove("hide"))}handleCloseButton(){typeof this.options=="string"?JSON.parse(this.options).find(z=>z.selected===!0)?this.optionIsSelected=!0:this.optionIsSelected=!1:this.options&&Array.isArray(this.options)&&(this.options.find(B=>B.selected===!0)?this.optionIsSelected=!0:this.optionIsSelected=!1)}componentWillLoad(){this.handleCloseButton()}componentWillUpdate(){this.handleCloseButton(),this.previousOptions=[...this.options];const S=this.isEqual(this.options,this.previousOptions);this.options&&!S&&this.clearSelectField()}isEqual(S,B){return JSON.stringify(S)===JSON.stringify(B)}addResizeObserver(){this.resizeObserver=new ResizeObserver(()=>{this.handleDeleteIcon()});const S=this.root.querySelector(".ifx-choices__wrapper");this.resizeObserver.observe(S)}componentDidLoad(){this.init(),this.addEventListenersToHandleCustomFocusAndActiveState(),this.handleDeleteIcon(),this.addResizeObserver()}componentDidUpdate(){this.init(),this.handleDeleteIcon()}disconnectedCallback(){this.destroy(),this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null)}render(){const S={"data-selector":"root",name:this.name||null},B=`ifx-choices__wrapper ${this.getSizeClass()}`;return this.destroy(),le("div",{key:"afb22e61adf2c1bbc5994d1bc2640a1f34997088",class:"ifx-select-container"},this.label?le("div",{class:"ifx-label-wrapper"},le("span",null,this.label)):null,le("div",{key:"febbedc83bd0420a136c5c4b65ede1703815bbc0",class:`${B} +import{r as at,c as Ke,h as le,g as ct}from"./index-CTBaKUaT.js";function lt(S){return S&&S.__esModule&&Object.prototype.hasOwnProperty.call(S,"default")?S.default:S}var He={exports:{}};/*! choices.js v10.2.0 | © 2022 Josh Johnson | https://github.com/jshjohnson/Choices#readme */(function(S,B){(function(W,J){S.exports=J()})(window,function(){return function(){var z={282:function(T,i,v){Object.defineProperty(i,"__esModule",{value:!0}),i.clearChoices=i.activateChoices=i.filterChoices=i.addChoice=void 0;var m=v(883),u=function(l){var c=l.value,O=l.label,w=l.id,E=l.groupId,D=l.disabled,V=l.elementId,ee=l.customProperties,ie=l.placeholder,ce=l.keyCode;return{type:m.ACTION_TYPES.ADD_CHOICE,value:c,label:O,id:w,groupId:E,disabled:D,elementId:V,customProperties:ee,placeholder:ie,keyCode:ce}};i.addChoice=u;var h=function(l){return{type:m.ACTION_TYPES.FILTER_CHOICES,results:l}};i.filterChoices=h;var o=function(l){return l===void 0&&(l=!0),{type:m.ACTION_TYPES.ACTIVATE_CHOICES,active:l}};i.activateChoices=o;var r=function(){return{type:m.ACTION_TYPES.CLEAR_CHOICES}};i.clearChoices=r},783:function(T,i,v){Object.defineProperty(i,"__esModule",{value:!0}),i.addGroup=void 0;var m=v(883),u=function(h){var o=h.value,r=h.id,l=h.active,c=h.disabled;return{type:m.ACTION_TYPES.ADD_GROUP,value:o,id:r,active:l,disabled:c}};i.addGroup=u},464:function(T,i,v){Object.defineProperty(i,"__esModule",{value:!0}),i.highlightItem=i.removeItem=i.addItem=void 0;var m=v(883),u=function(r){var l=r.value,c=r.label,O=r.id,w=r.choiceId,E=r.groupId,D=r.customProperties,V=r.placeholder,ee=r.keyCode;return{type:m.ACTION_TYPES.ADD_ITEM,value:l,label:c,id:O,choiceId:w,groupId:E,customProperties:D,placeholder:V,keyCode:ee}};i.addItem=u;var h=function(r,l){return{type:m.ACTION_TYPES.REMOVE_ITEM,id:r,choiceId:l}};i.removeItem=h;var o=function(r,l){return{type:m.ACTION_TYPES.HIGHLIGHT_ITEM,id:r,highlighted:l}};i.highlightItem=o},137:function(T,i,v){Object.defineProperty(i,"__esModule",{value:!0}),i.setIsLoading=i.resetTo=i.clearAll=void 0;var m=v(883),u=function(){return{type:m.ACTION_TYPES.CLEAR_ALL}};i.clearAll=u;var h=function(r){return{type:m.ACTION_TYPES.RESET_TO,state:r}};i.resetTo=h;var o=function(r){return{type:m.ACTION_TYPES.SET_IS_LOADING,isLoading:r}};i.setIsLoading=o},373:function(T,i,v){var m=this&&this.__spreadArray||function(_,e,t){if(t||arguments.length===2)for(var n=0,s=e.length,d;n=0?this._store.getGroupById(d):null;return this._store.dispatch((0,c.highlightItem)(n,!0)),t&&this.passedElement.triggerEvent(E.EVENTS.highlightItem,{id:n,value:x,label:j,groupValue:k&&k.value?k.value:null}),this},_.prototype.unhighlightItem=function(e){if(!e||!e.id)return this;var t=e.id,n=e.groupId,s=n===void 0?-1:n,d=e.value,A=d===void 0?"":d,x=e.label,g=x===void 0?"":x,j=s>=0?this._store.getGroupById(s):null;return this._store.dispatch((0,c.highlightItem)(t,!1)),this.passedElement.triggerEvent(E.EVENTS.highlightItem,{id:t,value:A,label:g,groupValue:j&&j.value?j.value:null}),this},_.prototype.highlightAll=function(){var e=this;return this._store.items.forEach(function(t){return e.highlightItem(t)}),this},_.prototype.unhighlightAll=function(){var e=this;return this._store.items.forEach(function(t){return e.unhighlightItem(t)}),this},_.prototype.removeActiveItemsByValue=function(e){var t=this;return this._store.activeItems.filter(function(n){return n.value===e}).forEach(function(n){return t._removeItem(n)}),this},_.prototype.removeActiveItems=function(e){var t=this;return this._store.activeItems.filter(function(n){var s=n.id;return s!==e}).forEach(function(n){return t._removeItem(n)}),this},_.prototype.removeHighlightedItems=function(e){var t=this;return e===void 0&&(e=!1),this._store.highlightedActiveItems.forEach(function(n){t._removeItem(n),e&&t._triggerChange(n.value)}),this},_.prototype.showDropdown=function(e){var t=this;return this.dropdown.isActive?this:(requestAnimationFrame(function(){t.dropdown.show(),t.containerOuter.open(t.dropdown.distanceFromTopWindow),!e&&t._canSearch&&t.input.focus(),t.passedElement.triggerEvent(E.EVENTS.showDropdown,{})}),this)},_.prototype.hideDropdown=function(e){var t=this;return this.dropdown.isActive?(requestAnimationFrame(function(){t.dropdown.hide(),t.containerOuter.close(),!e&&t._canSearch&&(t.input.removeActiveDescendant(),t.input.blur()),t.passedElement.triggerEvent(E.EVENTS.hideDropdown,{})}),this):this},_.prototype.getValue=function(e){e===void 0&&(e=!1);var t=this._store.activeItems.reduce(function(n,s){var d=e?s.value:s;return n.push(d),n},[]);return this._isSelectOneElement?t[0]:t},_.prototype.setValue=function(e){var t=this;return this.initialised?(e.forEach(function(n){return t._setChoiceOrItem(n)}),this):this},_.prototype.setChoiceByValue=function(e){var t=this;if(!this.initialised||this._isTextElement)return this;var n=Array.isArray(e)?e:[e];return n.forEach(function(s){return t._findAndSelectChoiceByValue(s)}),this},_.prototype.setChoices=function(e,t,n,s){var d=this;if(e===void 0&&(e=[]),t===void 0&&(t="value"),n===void 0&&(n="label"),s===void 0&&(s=!1),!this.initialised)throw new ReferenceError("setChoices was called on a non-initialized instance of Choices");if(!this._isSelectElement)throw new TypeError("setChoices can't be used with INPUT based Choices");if(typeof t!="string"||!t)throw new TypeError("value parameter must be a name of 'value' field in passed objects");if(s&&this.clearChoices(),typeof e=="function"){var A=e(this);if(typeof Promise=="function"&&A instanceof Promise)return new Promise(function(x){return requestAnimationFrame(x)}).then(function(){return d._handleLoadingState(!0)}).then(function(){return A}).then(function(x){return d.setChoices(x,t,n,s)}).catch(function(x){d.config.silent||console.error(x)}).then(function(){return d._handleLoadingState(!1)}).then(function(){return d});if(!Array.isArray(A))throw new TypeError(".setChoices first argument function must return either array of choices or Promise, got: ".concat(typeof A));return this.setChoices(A,t,n,!1)}if(!Array.isArray(e))throw new TypeError(".setChoices must be called either with array of choices with a function resulting into Promise of array of choices");return this.containerOuter.removeLoadingState(),this._startLoading(),e.forEach(function(x){if(x.choices)d._addGroup({id:x.id?parseInt("".concat(x.id),10):null,group:x,valueKey:t,labelKey:n});else{var g=x;d._addChoice({value:g[t],label:g[n],isSelected:!!g.selected,isDisabled:!!g.disabled,placeholder:!!g.placeholder,customProperties:g.customProperties})}}),this._stopLoading(),this},_.prototype.clearChoices=function(){return this._store.dispatch((0,r.clearChoices)()),this},_.prototype.clearStore=function(){return this._store.dispatch((0,O.clearAll)()),this},_.prototype.clearInput=function(){var e=!this._isSelectOneElement;return this.input.clear(e),!this._isTextElement&&this._canSearch&&(this._isSearching=!1,this._store.dispatch((0,r.activateChoices)(!0))),this},_.prototype._render=function(){if(!this._store.isLoading()){this._currentState=this._store.state;var e=this._currentState.choices!==this._prevState.choices||this._currentState.groups!==this._prevState.groups||this._currentState.items!==this._prevState.items,t=this._isSelectElement,n=this._currentState.items!==this._prevState.items;e&&(t&&this._renderChoices(),n&&this._renderItems(),this._prevState=this._currentState)}},_.prototype._renderChoices=function(){var e=this,t=this._store,n=t.activeGroups,s=t.activeChoices,d=document.createDocumentFragment();if(this.choiceList.clear(),this.config.resetScrollPosition&&requestAnimationFrame(function(){return e.choiceList.scrollToTop()}),n.length>=1&&!this._isSearching){var A=s.filter(function(H){return H.placeholder===!0&&H.groupId===-1});A.length>=1&&(d=this._createChoicesFragment(A,d)),d=this._createGroupsFragment(n,s,d)}else s.length>=1&&(d=this._createChoicesFragment(s,d));if(d.childNodes&&d.childNodes.length>0){var x=this._store.activeItems,g=this._canAddItem(x,this.input.value);if(g.response)this.choiceList.append(d),this._highlightChoice();else{var j=this._getTemplate("notice",g.notice);this.choiceList.append(j)}}else{var k=void 0,j=void 0;this._isSearching?(j=typeof this.config.noResultsText=="function"?this.config.noResultsText():this.config.noResultsText,k=this._getTemplate("notice",j,"no-results")):(j=typeof this.config.noChoicesText=="function"?this.config.noChoicesText():this.config.noChoicesText,k=this._getTemplate("notice",j,"no-choices")),this.choiceList.append(k)}},_.prototype._renderItems=function(){var e=this._store.activeItems||[];this.itemList.clear();var t=this._createItemsFragment(e);t.childNodes&&this.itemList.append(t)},_.prototype._createGroupsFragment=function(e,t,n){var s=this;n===void 0&&(n=document.createDocumentFragment());var d=function(A){return t.filter(function(x){return s._isSelectOneElement?x.groupId===A.id:x.groupId===A.id&&(s.config.renderSelectedChoices==="always"||!x.selected)})};return this.config.shouldSort&&e.sort(this.config.sorter),e.forEach(function(A){var x=d(A);if(x.length>=1){var g=s._getTemplate("choiceGroup",A);n.appendChild(g),s._createChoicesFragment(x,n,!0)}}),n},_.prototype._createChoicesFragment=function(e,t,n){var s=this;t===void 0&&(t=document.createDocumentFragment()),n===void 0&&(n=!1);var d=this.config,A=d.renderSelectedChoices,x=d.searchResultLimit,g=d.renderChoiceLimit,j=this._isSearching?V.sortByScore:this.config.sorter,k=function(re){var q=A==="auto"?s._isSelectOneElement||!re.selected:!0;if(q){var oe=s._getTemplate("choice",re,s.config.itemSelectText);t.appendChild(oe)}},H=e;A==="auto"&&!this._isSelectOneElement&&(H=e.filter(function(re){return!re.selected}));var Z=H.reduce(function(re,q){return q.placeholder?re.placeholderChoices.push(q):re.normalChoices.push(q),re},{placeholderChoices:[],normalChoices:[]}),$=Z.placeholderChoices,X=Z.normalChoices;(this.config.shouldSort||this._isSearching)&&X.sort(j);var se=H.length,G=this._isSelectOneElement?m(m([],$,!0),X,!0):X;this._isSearching?se=x:g&&g>0&&!n&&(se=g);for(var Q=0;Q=s){var x=d?this._searchChoices(e):0;this.passedElement.triggerEvent(E.EVENTS.search,{value:e,resultCount:x})}else A&&(this._isSearching=!1,this._store.dispatch((0,r.activateChoices)(!0)))}},_.prototype._canAddItem=function(e,t){var n=!0,s=typeof this.config.addItemText=="function"?this.config.addItemText(t):this.config.addItemText;if(!this._isSelectOneElement){var d=(0,V.existsInArray)(e,t);this.config.maxItemCount>0&&this.config.maxItemCount<=e.length&&(n=!1,s=typeof this.config.maxItemText=="function"?this.config.maxItemText(this.config.maxItemCount):this.config.maxItemText),!this.config.duplicateItemsAllowed&&d&&n&&(n=!1,s=typeof this.config.uniqueItemText=="function"?this.config.uniqueItemText(t):this.config.uniqueItemText),this._isTextElement&&this.config.addItems&&n&&typeof this.config.addItemFilter=="function"&&!this.config.addItemFilter(t)&&(n=!1,s=typeof this.config.customAddItemText=="function"?this.config.customAddItemText(t):this.config.customAddItemText)}return{response:n,notice:s}},_.prototype._searchChoices=function(e){var t=typeof e=="string"?e.trim():e,n=typeof this._currentValue=="string"?this._currentValue.trim():this._currentValue;if(t.length<1&&t==="".concat(n," "))return 0;var s=this._store.searchableChoices,d=t,A=Object.assign(this.config.fuseOptions,{keys:m([],this.config.searchFields,!0),includeMatches:!0}),x=new o.default(s,A),g=x.search(d);return this._currentValue=t,this._highlightPosition=0,this._isSearching=!0,this._store.dispatch((0,r.filterChoices)(g)),g.length},_.prototype._addEventListeners=function(){var e=document.documentElement;e.addEventListener("touchend",this._onTouchEnd,!0),this.containerOuter.element.addEventListener("keydown",this._onKeyDown,!0),this.containerOuter.element.addEventListener("mousedown",this._onMouseDown,!0),e.addEventListener("click",this._onClick,{passive:!0}),e.addEventListener("touchmove",this._onTouchMove,{passive:!0}),this.dropdown.element.addEventListener("mouseover",this._onMouseOver,{passive:!0}),this._isSelectOneElement&&(this.containerOuter.element.addEventListener("focus",this._onFocus,{passive:!0}),this.containerOuter.element.addEventListener("blur",this._onBlur,{passive:!0})),this.input.element.addEventListener("keyup",this._onKeyUp,{passive:!0}),this.input.element.addEventListener("focus",this._onFocus,{passive:!0}),this.input.element.addEventListener("blur",this._onBlur,{passive:!0}),this.input.element.form&&this.input.element.form.addEventListener("reset",this._onFormReset,{passive:!0}),this.input.addEventListeners()},_.prototype._removeEventListeners=function(){var e=document.documentElement;e.removeEventListener("touchend",this._onTouchEnd,!0),this.containerOuter.element.removeEventListener("keydown",this._onKeyDown,!0),this.containerOuter.element.removeEventListener("mousedown",this._onMouseDown,!0),e.removeEventListener("click",this._onClick),e.removeEventListener("touchmove",this._onTouchMove),this.dropdown.element.removeEventListener("mouseover",this._onMouseOver),this._isSelectOneElement&&(this.containerOuter.element.removeEventListener("focus",this._onFocus),this.containerOuter.element.removeEventListener("blur",this._onBlur)),this.input.element.removeEventListener("keyup",this._onKeyUp),this.input.element.removeEventListener("focus",this._onFocus),this.input.element.removeEventListener("blur",this._onBlur),this.input.element.form&&this.input.element.form.removeEventListener("reset",this._onFormReset),this.input.removeEventListeners()},_.prototype._onKeyDown=function(e){var t=e.keyCode,n=this._store.activeItems,s=this.input.isFocussed,d=this.dropdown.isActive,A=this.itemList.hasChildren(),x=String.fromCharCode(t),g=/[^\x00-\x1F]/.test(x),j=E.KEY_CODES.BACK_KEY,k=E.KEY_CODES.DELETE_KEY,H=E.KEY_CODES.ENTER_KEY,Z=E.KEY_CODES.A_KEY,$=E.KEY_CODES.ESC_KEY,X=E.KEY_CODES.UP_KEY,se=E.KEY_CODES.DOWN_KEY,G=E.KEY_CODES.PAGE_UP_KEY,Q=E.KEY_CODES.PAGE_DOWN_KEY;switch(!this._isTextElement&&!d&&g&&(this.showDropdown(),this.input.isFocussed||(this.input.value+=e.key.toLowerCase())),t){case Z:return this._onSelectKey(e,A);case H:return this._onEnterKey(e,n,d);case $:return this._onEscapeKey(d);case X:case G:case se:case Q:return this._onDirectionKey(e,d);case k:case j:return this._onDeleteKey(e,n,s)}},_.prototype._onKeyUp=function(e){var t=e.target,n=e.keyCode,s=this.input.value,d=this._store.activeItems,A=this._canAddItem(d,s),x=E.KEY_CODES.BACK_KEY,g=E.KEY_CODES.DELETE_KEY;if(this._isTextElement){var j=A.notice&&s;if(j){var k=this._getTemplate("notice",A.notice);this.dropdown.element.innerHTML=k.outerHTML,this.showDropdown(!0)}else this.hideDropdown(!0)}else{var H=n===x||n===g,Z=H&&t&&!t.value,$=!this._isTextElement&&this._isSearching,X=this._canSearch&&A.response;Z&&$?(this._isSearching=!1,this._store.dispatch((0,r.activateChoices)(!0))):X&&this._handleSearch(this.input.rawValue)}this._canSearch=this.config.searchEnabled},_.prototype._onSelectKey=function(e,t){var n=e.ctrlKey,s=e.metaKey,d=n||s;if(d&&t){this._canSearch=!1;var A=this.config.removeItems&&!this.input.value&&this.input.element===document.activeElement;A&&this.highlightAll()}},_.prototype._onEnterKey=function(e,t,n){var s=e.target,d=E.KEY_CODES.ENTER_KEY,A=s&&s.hasAttribute("data-button");if(this._isTextElement&&s&&s.value){var x=this.input.value,g=this._canAddItem(t,x);g.response&&(this.hideDropdown(!0),this._addItem({value:x}),this._triggerChange(x),this.clearInput())}if(A&&(this._handleButtonAction(t,s),e.preventDefault()),n){var j=this.dropdown.getChild(".".concat(this.config.classNames.highlightedState));j&&(t[0]&&(t[0].keyCode=d),this._handleChoiceAction(t,j)),e.preventDefault()}else this._isSelectOneElement&&(this.showDropdown(),e.preventDefault())},_.prototype._onEscapeKey=function(e){e&&(this.hideDropdown(!0),this.containerOuter.focus())},_.prototype._onDirectionKey=function(e,t){var n=e.keyCode,s=e.metaKey,d=E.KEY_CODES.DOWN_KEY,A=E.KEY_CODES.PAGE_UP_KEY,x=E.KEY_CODES.PAGE_DOWN_KEY;if(t||this._isSelectOneElement){this.showDropdown(),this._canSearch=!1;var g=n===d||n===x?1:-1,j=s||n===x||n===A,k="[data-choice-selectable]",H=void 0;if(j)g>0?H=this.dropdown.element.querySelector("".concat(k,":last-of-type")):H=this.dropdown.element.querySelector(k);else{var Z=this.dropdown.element.querySelector(".".concat(this.config.classNames.highlightedState));Z?H=(0,V.getAdjacentEl)(Z,k,g):H=this.dropdown.element.querySelector(k)}H&&((0,V.isScrolledIntoView)(H,this.choiceList.element,g)||this.choiceList.scrollToChildElement(H,g),this._highlightChoice(H)),e.preventDefault()}},_.prototype._onDeleteKey=function(e,t,n){var s=e.target;!this._isSelectOneElement&&!s.value&&n&&(this._handleBackspace(t),e.preventDefault())},_.prototype._onTouchMove=function(){this._wasTap&&(this._wasTap=!1)},_.prototype._onTouchEnd=function(e){var t=(e||e.touches[0]).target,n=this._wasTap&&this.containerOuter.element.contains(t);if(n){var s=t===this.containerOuter.element||t===this.containerInner.element;s&&(this._isTextElement?this.input.focus():this._isSelectMultipleElement&&this.showDropdown()),e.stopPropagation()}this._wasTap=!0},_.prototype._onMouseDown=function(e){var t=e.target;if(t instanceof HTMLElement){if(b&&this.choiceList.element.contains(t)){var n=this.choiceList.element.firstElementChild,s=this._direction==="ltr"?e.offsetX>=n.offsetWidth:e.offsetX0;s&&this.unhighlightAll(),this.containerOuter.removeFocusState(),this.hideDropdown(!0)}},_.prototype._onFocus=function(e){var t,n=this,s=e.target,d=s&&this.containerOuter.element.contains(s);if(d){var A=(t={},t[E.TEXT_TYPE]=function(){s===n.input.element&&n.containerOuter.addFocusState()},t[E.SELECT_ONE_TYPE]=function(){n.containerOuter.addFocusState(),s===n.input.element&&n.showDropdown(!0)},t[E.SELECT_MULTIPLE_TYPE]=function(){s===n.input.element&&(n.showDropdown(!0),n.containerOuter.addFocusState())},t);A[this.passedElement.element.type]()}},_.prototype._onBlur=function(e){var t,n=this,s=e.target,d=s&&this.containerOuter.element.contains(s);if(d&&!this._isScrollingOnIe){var A=this._store.activeItems,x=A.some(function(j){return j.highlighted}),g=(t={},t[E.TEXT_TYPE]=function(){s===n.input.element&&(n.containerOuter.removeFocusState(),x&&n.unhighlightAll(),n.hideDropdown(!0))},t[E.SELECT_ONE_TYPE]=function(){n.containerOuter.removeFocusState(),(s===n.input.element||s===n.containerOuter.element&&!n._canSearch)&&n.hideDropdown(!0)},t[E.SELECT_MULTIPLE_TYPE]=function(){s===n.input.element&&(n.containerOuter.removeFocusState(),n.hideDropdown(!0),x&&n.unhighlightAll())},t);g[this.passedElement.element.type]()}else this._isScrollingOnIe=!1,this.input.element.focus()},_.prototype._onFormReset=function(){this._store.dispatch((0,O.resetTo)(this._initialState))},_.prototype._highlightChoice=function(e){var t=this;e===void 0&&(e=null);var n=Array.from(this.dropdown.element.querySelectorAll("[data-choice-selectable]"));if(n.length){var s=e,d=Array.from(this.dropdown.element.querySelectorAll(".".concat(this.config.classNames.highlightedState)));d.forEach(function(A){A.classList.remove(t.config.classNames.highlightedState),A.setAttribute("aria-selected","false")}),s?this._highlightPosition=n.indexOf(s):(n.length>this._highlightPosition?s=n[this._highlightPosition]:s=n[n.length-1],s||(s=n[0])),s.classList.add(this.config.classNames.highlightedState),s.setAttribute("aria-selected","true"),this.passedElement.triggerEvent(E.EVENTS.highlightChoice,{el:s}),this.dropdown.isActive&&(this.input.setActiveDescendant(s.id),this.containerOuter.setActiveDescendant(s.id))}},_.prototype._addItem=function(e){var t=e.value,n=e.label,s=n===void 0?null:n,d=e.choiceId,A=d===void 0?-1:d,x=e.groupId,g=x===void 0?-1:x,j=e.customProperties,k=j===void 0?{}:j,H=e.placeholder,Z=H===void 0?!1:H,$=e.keyCode,X=$===void 0?-1:$,se=typeof t=="string"?t.trim():t,G=this._store.items,Q=s||se,re=A||-1,q=g>=0?this._store.getGroupById(g):null,oe=G?G.length+1:1;this.config.prependValue&&(se=this.config.prependValue+se.toString()),this.config.appendValue&&(se+=this.config.appendValue.toString()),this._store.dispatch((0,c.addItem)({value:se,label:Q,id:oe,choiceId:re,groupId:g,customProperties:k,placeholder:Z,keyCode:X})),this._isSelectOneElement&&this.removeActiveItems(oe),this.passedElement.triggerEvent(E.EVENTS.addItem,{id:oe,value:se,label:Q,customProperties:k,groupValue:q&&q.value?q.value:null,keyCode:X})},_.prototype._removeItem=function(e){var t=e.id,n=e.value,s=e.label,d=e.customProperties,A=e.choiceId,x=e.groupId,g=x&&x>=0?this._store.getGroupById(x):null;!t||!A||(this._store.dispatch((0,c.removeItem)(t,A)),this.passedElement.triggerEvent(E.EVENTS.removeItem,{id:t,value:n,label:s,customProperties:d,groupValue:g&&g.value?g.value:null}))},_.prototype._addChoice=function(e){var t=e.value,n=e.label,s=n===void 0?null:n,d=e.isSelected,A=d===void 0?!1:d,x=e.isDisabled,g=x===void 0?!1:x,j=e.groupId,k=j===void 0?-1:j,H=e.customProperties,Z=H===void 0?{}:H,$=e.placeholder,X=$===void 0?!1:$,se=e.keyCode,G=se===void 0?-1:se;if(!(typeof t>"u"||t===null)){var Q=this._store.choices,re=s||t,q=Q?Q.length+1:1,oe="".concat(this._baseId,"-").concat(this._idNames.itemChoice,"-").concat(q);this._store.dispatch((0,r.addChoice)({id:q,groupId:k,elementId:oe,value:t,label:re,disabled:g,customProperties:Z,placeholder:X,keyCode:G})),A&&this._addItem({value:t,label:re,choiceId:q,customProperties:Z,placeholder:X,keyCode:G})}},_.prototype._addGroup=function(e){var t=this,n=e.group,s=e.id,d=e.valueKey,A=d===void 0?"value":d,x=e.labelKey,g=x===void 0?"label":x,j=(0,V.isType)("Object",n)?n.choices:Array.from(n.getElementsByTagName("OPTION")),k=s||Math.floor(new Date().valueOf()*Math.random()),H=n.disabled?n.disabled:!1;if(j){this._store.dispatch((0,l.addGroup)({value:n.label,id:k,active:!0,disabled:H}));var Z=function($){var X=$.disabled||$.parentNode&&$.parentNode.disabled;t._addChoice({value:$[A],label:(0,V.isType)("Object",$)?$[g]:$.innerHTML,isSelected:$.selected,isDisabled:X,groupId:k,customProperties:$.customProperties,placeholder:$.placeholder})};j.forEach(Z)}else this._store.dispatch((0,l.addGroup)({value:n.label,id:n.id,active:!1,disabled:n.disabled}))},_.prototype._getTemplate=function(e){for(var t,n=[],s=1;s0?this.element.scrollTop+E-O:o.offsetTop;requestAnimationFrame(function(){l._animateScroll(D,r)})}},h.prototype._scrollDown=function(o,r,l){var c=(l-o)/r,O=c>1?c:1;this.element.scrollTop=o+O},h.prototype._scrollUp=function(o,r,l){var c=(o-l)/r,O=c>1?c:1;this.element.scrollTop=o-O},h.prototype._animateScroll=function(o,r){var l=this,c=m.SCROLLING_SPEED,O=this.element.scrollTop,w=!1;r>0?(this._scrollDown(O,c,o),Oo&&(w=!0)),w&&requestAnimationFrame(function(){l._animateScroll(o,r)})},h}();i.default=u},730:function(T,i,v){Object.defineProperty(i,"__esModule",{value:!0});var m=v(799),u=function(){function h(o){var r=o.element,l=o.classNames;if(this.element=r,this.classNames=l,!(r instanceof HTMLInputElement)&&!(r instanceof HTMLSelectElement))throw new TypeError("Invalid element passed");this.isDisabled=!1}return Object.defineProperty(h.prototype,"isActive",{get:function(){return this.element.dataset.choice==="active"},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"dir",{get:function(){return this.element.dir},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"value",{get:function(){return this.element.value},set:function(o){this.element.value=o},enumerable:!1,configurable:!0}),h.prototype.conceal=function(){this.element.classList.add(this.classNames.input),this.element.hidden=!0,this.element.tabIndex=-1;var o=this.element.getAttribute("style");o&&this.element.setAttribute("data-choice-orig-style",o),this.element.setAttribute("data-choice","active")},h.prototype.reveal=function(){this.element.classList.remove(this.classNames.input),this.element.hidden=!1,this.element.removeAttribute("tabindex");var o=this.element.getAttribute("data-choice-orig-style");o?(this.element.removeAttribute("data-choice-orig-style"),this.element.setAttribute("style",o)):this.element.removeAttribute("style"),this.element.removeAttribute("data-choice"),this.element.value=this.element.value},h.prototype.enable=function(){this.element.removeAttribute("disabled"),this.element.disabled=!1,this.isDisabled=!1},h.prototype.disable=function(){this.element.setAttribute("disabled",""),this.element.disabled=!0,this.isDisabled=!0},h.prototype.triggerEvent=function(o,r){(0,m.dispatchEvent)(this.element,o,r)},h}();i.default=u},541:function(T,i,v){var m=this&&this.__extends||function(){var r=function(l,c){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(O,w){O.__proto__=w}||function(O,w){for(var E in w)Object.prototype.hasOwnProperty.call(w,E)&&(O[E]=w[E])},r(l,c)};return function(l,c){if(typeof c!="function"&&c!==null)throw new TypeError("Class extends value "+String(c)+" is not a constructor or null");r(l,c);function O(){this.constructor=l}l.prototype=c===null?Object.create(c):(O.prototype=c.prototype,new O)}}(),u=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(i,"__esModule",{value:!0});var h=u(v(730)),o=function(r){m(l,r);function l(c){var O=c.element,w=c.classNames,E=c.delimiter,D=r.call(this,{element:O,classNames:w})||this;return D.delimiter=E,D}return Object.defineProperty(l.prototype,"value",{get:function(){return this.element.value},set:function(c){this.element.setAttribute("value",c),this.element.value=c},enumerable:!1,configurable:!0}),l}(h.default);i.default=o},982:function(T,i,v){var m=this&&this.__extends||function(){var r=function(l,c){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(O,w){O.__proto__=w}||function(O,w){for(var E in w)Object.prototype.hasOwnProperty.call(w,E)&&(O[E]=w[E])},r(l,c)};return function(l,c){if(typeof c!="function"&&c!==null)throw new TypeError("Class extends value "+String(c)+" is not a constructor or null");r(l,c);function O(){this.constructor=l}l.prototype=c===null?Object.create(c):(O.prototype=c.prototype,new O)}}(),u=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(i,"__esModule",{value:!0});var h=u(v(730)),o=function(r){m(l,r);function l(c){var O=c.element,w=c.classNames,E=c.template,D=r.call(this,{element:O,classNames:w})||this;return D.template=E,D}return Object.defineProperty(l.prototype,"placeholderOption",{get:function(){return this.element.querySelector('option[value=""]')||this.element.querySelector("option[placeholder]")},enumerable:!1,configurable:!0}),Object.defineProperty(l.prototype,"optionGroups",{get:function(){return Array.from(this.element.getElementsByTagName("OPTGROUP"))},enumerable:!1,configurable:!0}),Object.defineProperty(l.prototype,"options",{get:function(){return Array.from(this.element.options)},set:function(c){var O=this,w=document.createDocumentFragment(),E=function(D){var V=O.template(D);w.appendChild(V)};c.forEach(function(D){return E(D)}),this.appendDocFragment(w)},enumerable:!1,configurable:!0}),l.prototype.appendDocFragment=function(c){this.element.innerHTML="",this.element.appendChild(c)},l}(h.default);i.default=o},883:function(T,i){Object.defineProperty(i,"__esModule",{value:!0}),i.SCROLLING_SPEED=i.SELECT_MULTIPLE_TYPE=i.SELECT_ONE_TYPE=i.TEXT_TYPE=i.KEY_CODES=i.ACTION_TYPES=i.EVENTS=void 0,i.EVENTS={showDropdown:"showDropdown",hideDropdown:"hideDropdown",change:"change",choice:"choice",search:"search",addItem:"addItem",removeItem:"removeItem",highlightItem:"highlightItem",highlightChoice:"highlightChoice",unhighlightItem:"unhighlightItem"},i.ACTION_TYPES={ADD_CHOICE:"ADD_CHOICE",FILTER_CHOICES:"FILTER_CHOICES",ACTIVATE_CHOICES:"ACTIVATE_CHOICES",CLEAR_CHOICES:"CLEAR_CHOICES",ADD_GROUP:"ADD_GROUP",ADD_ITEM:"ADD_ITEM",REMOVE_ITEM:"REMOVE_ITEM",HIGHLIGHT_ITEM:"HIGHLIGHT_ITEM",CLEAR_ALL:"CLEAR_ALL",RESET_TO:"RESET_TO",SET_IS_LOADING:"SET_IS_LOADING"},i.KEY_CODES={BACK_KEY:46,DELETE_KEY:8,ENTER_KEY:13,A_KEY:65,ESC_KEY:27,UP_KEY:38,DOWN_KEY:40,PAGE_UP_KEY:33,PAGE_DOWN_KEY:34},i.TEXT_TYPE="text",i.SELECT_ONE_TYPE="select-one",i.SELECT_MULTIPLE_TYPE="select-multiple",i.SCROLLING_SPEED=4},789:function(T,i,v){Object.defineProperty(i,"__esModule",{value:!0}),i.DEFAULT_CONFIG=i.DEFAULT_CLASSNAMES=void 0;var m=v(799);i.DEFAULT_CLASSNAMES={containerOuter:"choices",containerInner:"choices__inner",input:"choices__input",inputCloned:"choices__input--cloned",list:"choices__list",listItems:"choices__list--multiple",listSingle:"choices__list--single",listDropdown:"choices__list--dropdown",item:"choices__item",itemSelectable:"choices__item--selectable",itemDisabled:"choices__item--disabled",itemChoice:"choices__item--choice",placeholder:"choices__placeholder",group:"choices__group",groupHeading:"choices__heading",button:"choices__button",activeState:"is-active",focusState:"is-focused",openState:"is-open",disabledState:"is-disabled",highlightedState:"is-highlighted",selectedState:"is-selected",flippedState:"is-flipped",loadingState:"is-loading",noResults:"has-no-results",noChoices:"has-no-choices"},i.DEFAULT_CONFIG={items:[],choices:[],silent:!1,renderChoiceLimit:-1,maxItemCount:-1,addItems:!0,addItemFilter:null,removeItems:!0,removeItemButton:!1,editItems:!1,allowHTML:!0,duplicateItemsAllowed:!0,delimiter:",",paste:!0,searchEnabled:!0,searchChoices:!0,searchFloor:1,searchResultLimit:4,searchFields:["label","value"],position:"auto",resetScrollPosition:!0,shouldSort:!0,shouldSortItems:!1,sorter:m.sortByAlpha,placeholder:!0,placeholderValue:null,searchPlaceholderValue:null,prependValue:null,appendValue:null,renderSelectedChoices:"auto",loadingText:"Loading...",noResultsText:"No results found",noChoicesText:"No choices to choose from",itemSelectText:"Press to select",uniqueItemText:"Only unique values can be added",customAddItemText:"Only values matching specific conditions can be added",addItemText:function(u){return'Press Enter to add "'.concat((0,m.sanitise)(u),'"')},maxItemText:function(u){return"Only ".concat(u," values can be added")},valueComparer:function(u,h){return u===h},fuseOptions:{includeScore:!0},labelId:"",callbackOnInit:null,callbackOnCreateTemplates:null,classNames:i.DEFAULT_CLASSNAMES}},18:function(T,i){Object.defineProperty(i,"__esModule",{value:!0})},978:function(T,i){Object.defineProperty(i,"__esModule",{value:!0})},948:function(T,i){Object.defineProperty(i,"__esModule",{value:!0})},359:function(T,i){Object.defineProperty(i,"__esModule",{value:!0})},285:function(T,i){Object.defineProperty(i,"__esModule",{value:!0})},533:function(T,i){Object.defineProperty(i,"__esModule",{value:!0})},187:function(T,i,v){var m=this&&this.__createBinding||(Object.create?function(h,o,r,l){l===void 0&&(l=r);var c=Object.getOwnPropertyDescriptor(o,r);(!c||("get"in c?!o.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return o[r]}}),Object.defineProperty(h,l,c)}:function(h,o,r,l){l===void 0&&(l=r),h[l]=o[r]}),u=this&&this.__exportStar||function(h,o){for(var r in h)r!=="default"&&!Object.prototype.hasOwnProperty.call(o,r)&&m(o,h,r)};Object.defineProperty(i,"__esModule",{value:!0}),u(v(18),i),u(v(978),i),u(v(948),i),u(v(359),i),u(v(285),i),u(v(533),i),u(v(287),i),u(v(132),i),u(v(837),i),u(v(598),i),u(v(369),i),u(v(37),i),u(v(47),i),u(v(923),i),u(v(876),i)},287:function(T,i){Object.defineProperty(i,"__esModule",{value:!0})},132:function(T,i){Object.defineProperty(i,"__esModule",{value:!0})},837:function(T,i){Object.defineProperty(i,"__esModule",{value:!0})},598:function(T,i){Object.defineProperty(i,"__esModule",{value:!0})},37:function(T,i){Object.defineProperty(i,"__esModule",{value:!0})},369:function(T,i){Object.defineProperty(i,"__esModule",{value:!0})},47:function(T,i){Object.defineProperty(i,"__esModule",{value:!0})},923:function(T,i){Object.defineProperty(i,"__esModule",{value:!0})},876:function(T,i){Object.defineProperty(i,"__esModule",{value:!0})},799:function(T,i){Object.defineProperty(i,"__esModule",{value:!0}),i.parseCustomProperties=i.diff=i.cloneObject=i.existsInArray=i.dispatchEvent=i.sortByScore=i.sortByAlpha=i.strToEl=i.sanitise=i.isScrolledIntoView=i.getAdjacentEl=i.wrap=i.isType=i.getType=i.generateId=i.generateChars=i.getRandomNumber=void 0;var v=function(b,L){return Math.floor(Math.random()*(L-b)+b)};i.getRandomNumber=v;var m=function(b){return Array.from({length:b},function(){return(0,i.getRandomNumber)(0,36).toString(36)}).join("")};i.generateChars=m;var u=function(b,L){var M=b.id||b.name&&"".concat(b.name,"-").concat((0,i.generateChars)(2))||(0,i.generateChars)(4);return M=M.replace(/(:|\.|\[|\]|,)/g,""),M="".concat(L,"-").concat(M),M};i.generateId=u;var h=function(b){return Object.prototype.toString.call(b).slice(8,-1)};i.getType=h;var o=function(b,L){return L!=null&&(0,i.getType)(L)===b};i.isType=o;var r=function(b,L){return L===void 0&&(L=document.createElement("div")),b.parentNode&&(b.nextSibling?b.parentNode.insertBefore(L,b.nextSibling):b.parentNode.appendChild(L)),L.appendChild(b)};i.wrap=r;var l=function(b,L,M){M===void 0&&(M=1);for(var _="".concat(M>0?"next":"previous","ElementSibling"),e=b[_];e;){if(e.matches(L))return e;e=e[_]}return e};i.getAdjacentEl=l;var c=function(b,L,M){if(M===void 0&&(M=1),!b)return!1;var _;return M>0?_=L.scrollTop+L.offsetHeight>=b.offsetTop+b.offsetHeight:_=b.offsetTop>=L.scrollTop,_};i.isScrolledIntoView=c;var O=function(b){return typeof b!="string"?b:b.replace(/&/g,"&").replace(/>/g,">").replace(/-1?u.map(function(E){var D=E;return D.id===parseInt("".concat(l.choiceId),10)&&(D.selected=!0),D}):u}case"REMOVE_ITEM":{var c=h;return c.choiceId&&c.choiceId>-1?u.map(function(E){var D=E;return D.id===parseInt("".concat(c.choiceId),10)&&(D.selected=!1),D}):u}case"FILTER_CHOICES":{var O=h;return u.map(function(E){var D=E;return D.active=O.results.some(function(V){var ee=V.item,ie=V.score;return ee.id===D.id?(D.score=ie,!0):!1}),D})}case"ACTIVATE_CHOICES":{var w=h;return u.map(function(E){var D=E;return D.active=w.active,D})}case"CLEAR_CHOICES":return i.defaultState;default:return u}}i.default=m},871:function(T,i){var v=this&&this.__spreadArray||function(u,h,o){if(o||arguments.length===2)for(var r=0,l=h.length,c;r0?"treeitem":"option"),Object.assign(t.dataset,{choice:"",id:ee,value:ie,selectText:h}),M?(t.classList.add(D),t.dataset.choiceDisabled="",t.setAttribute("aria-disabled","true")):(t.classList.add(w),t.dataset.choiceSelectable=""),t},input:function(m,u){var h=m.classNames,o=h.input,r=h.inputCloned,l=Object.assign(document.createElement("input"),{type:"search",name:"search_terms",className:"".concat(o," ").concat(r),autocomplete:"off",autocapitalize:"off",spellcheck:!1});return l.setAttribute("role","textbox"),l.setAttribute("aria-autocomplete","list"),l.setAttribute("aria-label",u),l},dropdown:function(m){var u=m.classNames,h=u.list,o=u.listDropdown,r=document.createElement("div");return r.classList.add(h,o),r.setAttribute("aria-expanded","false"),r},notice:function(m,u,h){var o,r=m.allowHTML,l=m.classNames,c=l.item,O=l.itemChoice,w=l.noResults,E=l.noChoices;h===void 0&&(h="");var D=[c,O];return h==="no-choices"?D.push(E):h==="no-results"&&D.push(w),Object.assign(document.createElement("div"),(o={},o[r?"innerHTML":"innerText"]=u,o.className=D.join(" "),o))},option:function(m){var u=m.label,h=m.value,o=m.customProperties,r=m.active,l=m.disabled,c=new Option(u,h,!1,r);return o&&(c.dataset.customProperties="".concat(o)),c.disabled=!!l,c}};i.default=v},996:function(T){var i=function(L){return v(L)&&!m(L)};function v(b){return!!b&&typeof b=="object"}function m(b){var L=Object.prototype.toString.call(b);return L==="[object RegExp]"||L==="[object Date]"||o(b)}var u=typeof Symbol=="function"&&Symbol.for,h=u?Symbol.for("react.element"):60103;function o(b){return b.$$typeof===h}function r(b){return Array.isArray(b)?[]:{}}function l(b,L){return L.clone!==!1&&L.isMergeableObject(b)?ie(r(b),b,L):b}function c(b,L,M){return b.concat(L).map(function(_){return l(_,M)})}function O(b,L){if(!L.customMerge)return ie;var M=L.customMerge(b);return typeof M=="function"?M:ie}function w(b){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(b).filter(function(L){return b.propertyIsEnumerable(L)}):[]}function E(b){return Object.keys(b).concat(w(b))}function D(b,L){try{return L in b}catch{return!1}}function V(b,L){return D(b,L)&&!(Object.hasOwnProperty.call(b,L)&&Object.propertyIsEnumerable.call(b,L))}function ee(b,L,M){var _={};return M.isMergeableObject(b)&&E(b).forEach(function(e){_[e]=l(b[e],M)}),E(L).forEach(function(e){V(b,e)||(D(b,e)&&M.isMergeableObject(L[e])?_[e]=O(e,M)(b[e],L[e],M):_[e]=l(L[e],M))}),_}function ie(b,L,M){M=M||{},M.arrayMerge=M.arrayMerge||c,M.isMergeableObject=M.isMergeableObject||i,M.cloneUnlessOtherwiseSpecified=l;var _=Array.isArray(L),e=Array.isArray(b),t=_===e;return t?_?M.arrayMerge(b,L,M):ee(b,L,M):l(L,M)}ie.all=function(L,M){if(!Array.isArray(L))throw new Error("first argument should be an array");return L.reduce(function(_,e){return ie(_,e,M)},{})};var ce=ie;T.exports=ce},221:function(T,i,v){v.r(i),v.d(i,{default:function(){return ve}});function m(f){return Array.isArray?Array.isArray(f):D(f)==="[object Array]"}function u(f){if(typeof f=="string")return f;let a=f+"";return a=="0"&&1/f==-1/0?"-0":a}function h(f){return f==null?"":u(f)}function o(f){return typeof f=="string"}function r(f){return typeof f=="number"}function l(f){return f===!0||f===!1||O(f)&&D(f)=="[object Boolean]"}function c(f){return typeof f=="object"}function O(f){return c(f)&&f!==null}function w(f){return f!=null}function E(f){return!f.trim().length}function D(f){return f==null?f===void 0?"[object Undefined]":"[object Null]":Object.prototype.toString.call(f)}const V="Incorrect 'index' type",ee=f=>`Invalid value for key ${f}`,ie=f=>`Pattern length exceeds max of ${f}.`,ce=f=>`Missing ${f} property in key`,b=f=>`Property 'weight' in key '${f}' must be a positive integer`,L=Object.prototype.hasOwnProperty;class M{constructor(a){this._keys=[],this._keyMap={};let p=0;a.forEach(y=>{let I=_(y);p+=I.weight,this._keys.push(I),this._keyMap[I.id]=I,p+=I.weight}),this._keys.forEach(y=>{y.weight/=p})}get(a){return this._keyMap[a]}keys(){return this._keys}toJSON(){return JSON.stringify(this._keys)}}function _(f){let a=null,p=null,y=null,I=1,C=null;if(o(f)||m(f))y=f,a=e(f),p=t(f);else{if(!L.call(f,"name"))throw new Error(ce("name"));const P=f.name;if(y=P,L.call(f,"weight")&&(I=f.weight,I<=0))throw new Error(b(P));a=e(P),p=t(P),C=f.getFn}return{path:a,id:p,weight:I,src:y,getFn:C}}function e(f){return m(f)?f:f.split(".")}function t(f){return m(f)?f.join("."):f}function n(f,a){let p=[],y=!1;const I=(C,P,N)=>{if(w(C))if(!P[N])p.push(C);else{let F=P[N];const R=C[F];if(!w(R))return;if(N===P.length-1&&(o(R)||r(R)||l(R)))p.push(h(R));else if(m(R)){y=!0;for(let K=0,Y=R.length;Kf.score===a.score?f.idx{this._keysMap[p.id]=y})}create(){this.isCreated||!this.docs.length||(this.isCreated=!0,o(this.docs[0])?this.docs.forEach((a,p)=>{this._addString(a,p)}):this.docs.forEach((a,p)=>{this._addObject(a,p)}),this.norm.clear())}add(a){const p=this.size();o(a)?this._addString(a,p):this._addObject(a,p)}removeAt(a){this.records.splice(a,1);for(let p=a,y=this.size();p{let P=I.getFn?I.getFn(a):this.getFn(a,I.path);if(w(P)){if(m(P)){let N=[];const F=[{nestedArrIndex:-1,value:P}];for(;F.length;){const{nestedArrIndex:R,value:K}=F.pop();if(w(K))if(o(K)&&!E(K)){let Y={v:K,i:R,n:this.norm.get(K)};N.push(Y)}else m(K)&&K.forEach((Y,U)=>{F.push({nestedArrIndex:U,value:Y})})}y.$[C]=N}else if(o(P)&&!E(P)){let N={v:P,n:this.norm.get(P)};y.$[C]=N}}}),this.records.push(y)}toJSON(){return{keys:this.keys,records:this.records}}}function Z(f,a,{getFn:p=g.getFn,fieldNormWeight:y=g.fieldNormWeight}={}){const I=new H({getFn:p,fieldNormWeight:y});return I.setKeys(f.map(_)),I.setSources(a),I.create(),I}function $(f,{getFn:a=g.getFn,fieldNormWeight:p=g.fieldNormWeight}={}){const{keys:y,records:I}=f,C=new H({getFn:a,fieldNormWeight:p});return C.setKeys(y),C.setIndexRecords(I),C}function X(f,{errors:a=0,currentLocation:p=0,expectedLocation:y=0,distance:I=g.distance,ignoreLocation:C=g.ignoreLocation}={}){const P=a/f.length;if(C)return P;const N=Math.abs(y-p);return I?P+N/I:N?1:P}function se(f=[],a=g.minMatchCharLength){let p=[],y=-1,I=-1,C=0;for(let P=f.length;C=a&&p.push([y,I]),y=-1)}return f[C-1]&&C-y>=a&&p.push([y,C-1]),p}const G=32;function Q(f,a,p,{location:y=g.location,distance:I=g.distance,threshold:C=g.threshold,findAllMatches:P=g.findAllMatches,minMatchCharLength:N=g.minMatchCharLength,includeMatches:F=g.includeMatches,ignoreLocation:R=g.ignoreLocation}={}){if(a.length>G)throw new Error(ie(G));const K=a.length,Y=f.length,U=Math.max(0,Math.min(y,Y));let ne=C,ae=U;const ue=N>1||F,_e=ue?Array(Y):[];let fe;for(;(fe=f.indexOf(a,ae))>-1;){let he=X(a,{currentLocation:fe,expectedLocation:U,distance:I,ignoreLocation:R});if(ne=Math.min(he,ne),ae=fe+K,ue){let pe=0;for(;pe=Re;de-=1){let we=de-1,ke=p[f.charAt(we)];if(ue&&(_e[we]=+!!ke),ye[de]=(ye[de+1]<<1|1)&ke,he&&(ye[de]|=(be[de+1]|be[de])<<1|1|be[de+1]),ye[de]&ot&&(ge=X(a,{errors:he,currentLocation:we,expectedLocation:U,distance:I,ignoreLocation:R}),ge<=ne)){if(ne=ge,ae=we,ae<=U)break;Re=Math.max(1,2*U-ae)}}if(X(a,{errors:he+1,currentLocation:U,expectedLocation:U,distance:I,ignoreLocation:R})>ne)break;be=ye}const Le={isMatch:ae>=0,score:Math.max(.001,ge)};if(ue){const he=se(_e,N);he.length?F&&(Le.indices=he):Le.isMatch=!1}return Le}function re(f){let a={};for(let p=0,y=f.length;p{this.chunks.push({pattern:U,alphabet:re(U),startIndex:ne})},Y=this.pattern.length;if(Y>G){let U=0;const ne=Y%G,ae=Y-ne;for(;U{const{isMatch:fe,score:be,indices:ge}=Q(a,ae,ue,{location:I+_e,distance:C,threshold:P,findAllMatches:N,minMatchCharLength:F,includeMatches:y,ignoreLocation:R});fe&&(U=!0),Y+=be,fe&&ge&&(K=[...K,...ge])});let ne={isMatch:U,score:U?Y/this.chunks.length:1};return U&&y&&(ne.indices=K),ne}}class oe{constructor(a){this.pattern=a}static isMultiMatch(a){return Ee(a,this.multiRegex)}static isSingleMatch(a){return Ee(a,this.singleRegex)}search(){}}function Ee(f,a){const p=f.match(a);return p?p[1]:null}class Ye extends oe{constructor(a){super(a)}static get type(){return"exact"}static get multiRegex(){return/^="(.*)"$/}static get singleRegex(){return/^=(.*)$/}search(a){const p=a===this.pattern;return{isMatch:p,score:p?0:1,indices:[0,this.pattern.length-1]}}}class Be extends oe{constructor(a){super(a)}static get type(){return"inverse-exact"}static get multiRegex(){return/^!"(.*)"$/}static get singleRegex(){return/^!(.*)$/}search(a){const y=a.indexOf(this.pattern)===-1;return{isMatch:y,score:y?0:1,indices:[0,a.length-1]}}}class Ge extends oe{constructor(a){super(a)}static get type(){return"prefix-exact"}static get multiRegex(){return/^\^"(.*)"$/}static get singleRegex(){return/^\^(.*)$/}search(a){const p=a.startsWith(this.pattern);return{isMatch:p,score:p?0:1,indices:[0,this.pattern.length-1]}}}class We extends oe{constructor(a){super(a)}static get type(){return"inverse-prefix-exact"}static get multiRegex(){return/^!\^"(.*)"$/}static get singleRegex(){return/^!\^(.*)$/}search(a){const p=!a.startsWith(this.pattern);return{isMatch:p,score:p?0:1,indices:[0,a.length-1]}}}class $e extends oe{constructor(a){super(a)}static get type(){return"suffix-exact"}static get multiRegex(){return/^"(.*)"\$$/}static get singleRegex(){return/^(.*)\$$/}search(a){const p=a.endsWith(this.pattern);return{isMatch:p,score:p?0:1,indices:[a.length-this.pattern.length,a.length-1]}}}class Ue extends oe{constructor(a){super(a)}static get type(){return"inverse-suffix-exact"}static get multiRegex(){return/^!"(.*)"\$$/}static get singleRegex(){return/^!(.*)\$$/}search(a){const p=!a.endsWith(this.pattern);return{isMatch:p,score:p?0:1,indices:[0,a.length-1]}}}class Me extends oe{constructor(a,{location:p=g.location,threshold:y=g.threshold,distance:I=g.distance,includeMatches:C=g.includeMatches,findAllMatches:P=g.findAllMatches,minMatchCharLength:N=g.minMatchCharLength,isCaseSensitive:F=g.isCaseSensitive,ignoreLocation:R=g.ignoreLocation}={}){super(a),this._bitapSearch=new q(a,{location:p,threshold:y,distance:I,includeMatches:C,findAllMatches:P,minMatchCharLength:N,isCaseSensitive:F,ignoreLocation:R})}static get type(){return"fuzzy"}static get multiRegex(){return/^"(.*)"$/}static get singleRegex(){return/^(.*)$/}search(a){return this._bitapSearch.searchIn(a)}}class De extends oe{constructor(a){super(a)}static get type(){return"include"}static get multiRegex(){return/^'"(.*)"$/}static get singleRegex(){return/^'(.*)$/}search(a){let p=0,y;const I=[],C=this.pattern.length;for(;(y=a.indexOf(this.pattern,p))>-1;)p=y+C,I.push([y,p-1]);const P=!!I.length;return{isMatch:P,score:P?0:1,indices:I}}}const Oe=[Ye,De,Ge,We,Ue,$e,Be,Me],Ne=Oe.length,ze=/ +(?=(?:[^\"]*\"[^\"]*\")*[^\"]*$)/,Je="|";function Xe(f,a={}){return f.split(Je).map(p=>{let y=p.trim().split(ze).filter(C=>C&&!!C.trim()),I=[];for(let C=0,P=y.length;C!!(f[Ie.AND]||f[Ie.OR]),et=f=>!!f[xe.PATH],tt=f=>!m(f)&&c(f)&&!Ae(f),je=f=>({[Ie.AND]:Object.keys(f).map(a=>({[a]:f[a]}))});function Fe(f,a,{auto:p=!0}={}){const y=I=>{let C=Object.keys(I);const P=et(I);if(!P&&C.length>1&&!Ae(I))return y(je(I));if(tt(I)){const F=P?I[xe.PATH]:C[0],R=P?I[xe.PATTERN]:I[F];if(!o(R))throw new Error(ee(F));const K={keyId:t(F),pattern:R};return p&&(K.searcher=Te(R,a)),K}let N={children:[],operator:C[0]};return C.forEach(F=>{const R=I[F];m(R)&&R.forEach(K=>{N.children.push(y(K))})}),N};return Ae(f)||(f=je(f)),y(f)}function it(f,{ignoreFieldNorm:a=g.ignoreFieldNorm}){f.forEach(p=>{let y=1;p.matches.forEach(({key:I,norm:C,score:P})=>{const N=I?I.weight:null;y*=Math.pow(P===0&&N?Number.EPSILON:P,(N||1)*(a?1:C))}),p.score=y})}function nt(f,a){const p=f.matches;a.matches=[],w(p)&&p.forEach(y=>{if(!w(y.indices)||!y.indices.length)return;const{indices:I,value:C}=y;let P={indices:I,value:C};y.key&&(P.key=y.key.src),y.idx>-1&&(P.refIndex=y.idx),a.matches.push(P)})}function st(f,a){a.score=f.score}function rt(f,a,{includeMatches:p=g.includeMatches,includeScore:y=g.includeScore}={}){const I=[];return p&&I.push(nt),y&&I.push(st),f.map(C=>{const{idx:P}=C,N={item:a[P],refIndex:P};return I.length&&I.forEach(F=>{F(C,N)}),N})}class ve{constructor(a,p={},y){this.options={...g,...p},this._keyStore=new M(this.options.keys),this.setCollection(a,y)}setCollection(a,p){if(this._docs=a,p&&!(p instanceof H))throw new Error(V);this._myIndex=p||Z(this.options.keys,this._docs,{getFn:this.options.getFn,fieldNormWeight:this.options.fieldNormWeight})}add(a){w(a)&&(this._docs.push(a),this._myIndex.add(a))}remove(a=()=>!1){const p=[];for(let y=0,I=this._docs.length;y-1&&(F=F.slice(0,p)),rt(F,this._docs,{includeMatches:y,includeScore:I})}_searchStringList(a){const p=Te(a,this.options),{records:y}=this._myIndex,I=[];return y.forEach(({v:C,i:P,n:N})=>{if(!w(C))return;const{isMatch:F,score:R,indices:K}=p.searchIn(C);F&&I.push({item:C,idx:P,matches:[{score:R,value:C,norm:N,indices:K}]})}),I}_searchLogical(a){const p=Fe(a,this.options),y=(N,F,R)=>{if(!N.children){const{keyId:Y,searcher:U}=N,ne=this._findMatches({key:this._keyStore.get(Y),value:this._myIndex.getValueForItemAtKeyId(F,Y),searcher:U});return ne&&ne.length?[{idx:R,item:F,matches:ne}]:[]}const K=[];for(let Y=0,U=N.children.length;Y{if(w(N)){let R=y(p,N,F);R.length&&(C[F]||(C[F]={idx:F,item:N,matches:[]},P.push(C[F])),R.forEach(({matches:K})=>{C[F].matches.push(...K)}))}}),P}_searchObjectList(a){const p=Te(a,this.options),{keys:y,records:I}=this._myIndex,C=[];return I.forEach(({$:P,i:N})=>{if(!w(P))return;let F=[];y.forEach((R,K)=>{F.push(...this._findMatches({key:R,value:P[K],searcher:p}))}),F.length&&C.push({idx:N,item:P,matches:F})}),C}_findMatches({key:a,value:p,searcher:y}){if(!w(p))return[];let I=[];if(m(p))p.forEach(({v:C,i:P,n:N})=>{if(!w(C))return;const{isMatch:F,score:R,indices:K}=y.searchIn(C);F&&I.push({score:R,key:a,value:C,idx:P,norm:N,indices:K})});else{const{v:C,n:P}=p,{isMatch:N,score:F,indices:R}=y.searchIn(C);N&&I.push({score:F,key:a,value:C,norm:P,indices:R})}return I}}ve.version="6.6.2",ve.createIndex=Z,ve.parseIndex=$,ve.config=g,ve.parseQuery=Fe,qe(Qe)},791:function(T,i,v){v.r(i),v.d(i,{__DO_NOT_USE__ActionTypes:function(){return E},applyMiddleware:function(){return _},bindActionCreators:function(){return L},combineReducers:function(){return ce},compose:function(){return M},createStore:function(){return V},legacy_createStore:function(){return ee}});function m(e){"@babel/helpers - typeof";return m=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},m(e)}function u(e,t){if(m(e)!=="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var s=n.call(e,t||"default");if(m(s)!=="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function h(e){var t=u(e,"string");return m(t)==="symbol"?t:String(t)}function o(e,t,n){return t=h(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter(function(d){return Object.getOwnPropertyDescriptor(e,d).enumerable})),n.push.apply(n,s)}return n}function l(e){for(var t=1;t"u"&&(n=t,t=void 0),typeof n<"u"){if(typeof n!="function")throw new Error(c(1));return n(V)(e,t)}if(typeof e!="function")throw new Error(c(2));var d=e,A=t,x=[],g=x,j=!1;function k(){g===x&&(g=x.slice())}function H(){if(j)throw new Error(c(3));return A}function Z(G){if(typeof G!="function")throw new Error(c(4));if(j)throw new Error(c(5));var Q=!0;return k(),g.push(G),function(){if(Q){if(j)throw new Error(c(6));Q=!1,k();var q=g.indexOf(G);g.splice(q,1),x=null}}}function $(G){if(!D(G))throw new Error(c(7));if(typeof G.type>"u")throw new Error(c(8));if(j)throw new Error(c(9));try{j=!0,A=d(A,G)}finally{j=!1}for(var Q=x=g,re=0;re"u")throw new Error(c(12));if(typeof n(void 0,{type:E.PROBE_UNKNOWN_ACTION()})>"u")throw new Error(c(13))})}function ce(e){for(var t=Object.keys(e),n={},s=0;s"u")throw new Error(c(14));Z[X]=Q,H=H||Q!==G}return H=H||A.length!==Object.keys(j).length,H?Z:j}}function b(e,t){return function(){return t(e.apply(this,arguments))}}function L(e,t){if(typeof e=="function")return b(e,t);if(typeof e!="object"||e===null)throw new Error(c(16));var n={};for(var s in e){var d=e[s];typeof d=="function"&&(n[s]=b(d,t))}return n}function M(){for(var e=arguments.length,t=new Array(e),n=0;n{const J=S[W];return B(J,W,S)&&(z[W]=J),z},{})}function dt(S){return typeof S<"u"}function Ve(S){try{return JSON.parse(S),!0}catch{return!1}}const ft=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.ifx-select-container{box-sizing:border-box;font-family:var(--ifx-font-family);}.ifx-select-container.small-select{height:36px}.ifx-select-container.medium-select{height:40px}.ifx-select-container:hover{cursor:pointer}.ifx-select-container .ifx-label-wrapper{font-size:1rem;line-height:1.5rem;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;max-width:100%;overflow:hidden}.ifx-select-container .ifx-error-message-wrapper{color:#CD002F;font-size:0.75rem;line-height:1rem;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;max-width:100%;overflow:hidden}.ifx-select-container .ifx-choices__wrapper{background-color:#FFFFFF;box-sizing:border-box;position:relative;display:flex;align-items:center;border:1px solid #8D8786;border-radius:1px;font-weight:400;font-style:normal;width:100%}.ifx-select-container .ifx-choices__wrapper .choices{flex-grow:1;overflow:hidden}.ifx-select-container .ifx-choices__wrapper .single__select-icon-container{display:flex;align-items:center;margin-left:auto}.ifx-select-container .ifx-choices__wrapper.small-select{height:36px;line-height:20px;padding:8px 12px;font-size:0.875rem;line-height:1.25rem}.ifx-select-container .ifx-choices__wrapper.medium-select{height:40px;line-height:24px;padding:8px 16px;font-size:1rem;line-height:1.5rem}.ifx-select-container .ifx-choices__wrapper.disabled{background:#EEEDED;color:#575352;border-color:#575352;cursor:default;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ifx-select-container .ifx-choices__wrapper.disabled .ifx-choices__icon-wrapper-down:hover{cursor:default}.ifx-select-container .ifx-choices__wrapper.error{border-color:#CD002F}.ifx-select-container .ifx-choices__wrapper:hover:not(.focus,:focus){border-color:#575352}.ifx-select-container .ifx-choices__wrapper.active{border-color:#0A8276 !important}.ifx-select-container .ifx-choices__wrapper.active .ifx-choices__icon-wrapper-up{display:flex;align-items:center;justify-content:center;padding-left:8px}.ifx-select-container .ifx-choices__wrapper.active .ifx-choices__icon-wrapper-down{display:none}.ifx-select-container .ifx-choices__wrapper:focus-visible:not(.active):not(:active){outline:none}.ifx-select-container .ifx-choices__wrapper:focus-visible:not(.active):not(:active)::before{content:"";position:absolute;width:calc(100% + 4px);height:calc(100% + 4px);top:50%;left:50%;transform:translate(-50%, -50%);border:2px solid #0A8276;border-radius:2px}.ifx-select-container .ifx-choices__wrapper:focus:not(.active,:active):not(.disabled)::before{content:"";position:absolute;width:calc(100% + 4px);height:calc(100% + 4px);top:50%;left:50%;transform:translate(-50%, -50%)}.ifx-select-container .ifx-choices__wrapper .ifx-choices__icon-wrapper-up{display:none}.ifx-select-container .ifx-choices__wrapper .ifx-choices__icon-wrapper-up:hover{cursor:pointer}.ifx-select-container .ifx-choices__wrapper .ifx-choices__icon-wrapper-down{display:flex;align-items:center;justify-content:center;padding-left:8px}.ifx-select-container .ifx-choices__wrapper .ifx-choices__icon-wrapper-down:hover{cursor:pointer}.ifx-select-container .ifx-choices__wrapper .ifx-choices__icon-wrapper-delete{display:flex;align-items:center;justify-content:center}.ifx-select-container .ifx-choices__wrapper .ifx-choices__icon-wrapper-delete.hide{display:none}.ifx-select-container .choices{width:100%}.ifx-select-container .choices:focus{outline:none}.choices .ifx-select-container.is-focused{outline:none}.ifx-select-container .choices:last-child{margin-bottom:0}.ifx-select-container .choices.is-disabled .choices__inner,.ifx-select-container .choices.is-disabled .choices__input{cursor:default;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ifx-select-container .choices.is-disabled .choices__item{cursor:default;color:#575352}.ifx-select-container .choices [hidden]{display:none !important}.ifx-select-container .choices[data-type*=select-one]{cursor:pointer}.ifx-select-container .choices[data-type*=select-one] .choices__input{display:block;width:100%;padding:8px 16px;border-bottom:1px solid #8D8786;background-color:#ffffff;margin:0;font-style:normal;font-weight:400}.ifx-select-container .choices[data-type*=select-one] .choices__input.small-select{font-size:0.875rem;line-height:1.25rem}.ifx-select-container .choices[data-type*=select-one] .choices__input.medium-select{font-size:1rem;line-height:1.5rem}.ifx-select-container .choices[data-type*=select-one] .choices__single-button{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:0.5}.ifx-select-container .choices[data-type*=select-one] .choices__single-button:hover,.ifx-select-container .choices[data-type*=select-one] .choices__single-button:focus{opacity:1}.ifx-select-container .choices[data-type*=select-one] .choices__single-button:focus{box-shadow:0px 0px 0px 2px #0A8276}.ifx-select-container .choices[data-type*=select-one] .choices__item[data-value=""] .choices__single-button{display:none}.ifx-select-container .choices[data-type*=select-one].is-open:after{margin-top:-7.5px}.ifx-select-container .choices[data-type*=select-one][dir=rtl]:after{left:11.5px;right:auto}.ifx-select-container .choices[data-type*=select-one][dir=rtl] .choices__single-button{right:auto;left:0;margin-left:25px;margin-right:0}.ifx-select-container .choices[data-type*=select-multiple]{cursor:pointer}.ifx-select-container .choices[data-type*=select-multiple] .choices__input{display:block;width:100%;margin:0}.ifx-select-container .choices[data-type*=select-multiple] .choices__inner,.ifx-select-container .choices[data-type*=text] .choices__inner{cursor:text}.ifx-select-container .choices[data-type*=select-multiple] .choices__button,.ifx-select-container .choices[data-type*=text] .choices__button{position:relative;display:inline-block;margin-top:0;margin-right:-4px;margin-bottom:0;margin-left:8px;padding-left:16px;border-left:1px solid #0A8276;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);background-size:8px;width:8px;line-height:1;opacity:0.75;border-radius:0}.ifx-select-container .choices[data-type*=select-multiple] .choices__button:hover,.ifx-select-container .choices[data-type*=select-multiple] .choices__button:focus,.ifx-select-container .choices[data-type*=text] .choices__button:hover,.ifx-select-container .choices[data-type*=text] .choices__button:focus{opacity:1}.ifx-select-container .choices__inner{overflow:hidden}.ifx-select-container .choices__inner .choices__list .choices__item span{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ifx-select-container .is-focused .choices__inner,.ifx-select-container .is-open .choices__inner{border-color:#b7b7b7}.ifx-select-container .is-open .choices__inner{border-radius:2.5px 2.5px 0 0}.ifx-select-container .is-flipped.is-open .choices__inner{border-radius:0 0 2.5px 2.5px}.ifx-select-container .choices__list{margin:0;padding-left:0;list-style:none}.ifx-select-container .choices__list--single .choices__item{width:100%;display:flex;justify-content:space-between}.ifx-select-container .disabled>.choices__list--single .choices__item[data-value=""]{color:#8D8786;}.ifx-select-container .choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:20px;padding:4px 10px;font-size:0.75rem;line-height:1rem;font-weight:500;margin-right:3.75px;margin-bottom:3.75px;background-color:#0A8276;border:1px solid #0A8276;color:#FFFFFF;word-break:break-all;box-sizing:border-box}.ifx-select-container .choices__list--multiple .choices__item[data-deletable]{padding-right:5px}.ifx-select-container [dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}.ifx-select-container .choices__list--multiple .choices__item.is-highlighted{background-color:#EEEDED;border:1px solid #0A8276}.ifx-select-container .choices__list--dropdown{visibility:hidden;box-sizing:border-box;position:absolute;width:100%;background-color:#fff;top:100%;margin-top:-1px;overflow:hidden;word-break:break-all;will-change:visibility;box-shadow:0px 0px 16px rgba(29, 29, 29, 0.12);border-radius:1px;margin-top:8px;z-index:1000;left:0}.ifx-select-container .choices__list--dropdown.is-active{visibility:visible}.ifx-select-container .is-open .choices__list--dropdown{border-color:#b7b7b7}.ifx-select-container .is-flipped .choices__list--dropdown{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:0.25rem 0.25rem 0 0}.ifx-select-container .choices__list--dropdown .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.ifx-select-container .choices__list--dropdown .choices__item{position:relative;padding:8px 16px;gap:8px;align-items:center;display:flex;justify-content:space-between;font-style:normal;font-weight:400}.ifx-select-container .choices__list--dropdown .choices__item.small-select{font-size:0.875rem;line-height:1.25rem}.ifx-select-container .choices__list--dropdown .choices__item.medium-select{font-size:1rem;line-height:1.5rem}.ifx-select-container .choices__list--dropdown .choices__item.selected{color:#0A8276}.ifx-select-container [dir=rtl] .choices__list--dropdown .choices__item{text-align:right}@media (min-width: 640px){.ifx-select-container .choices__list--dropdown .choices__item--selectable:after{font-size:0.75rem;line-height:1rem;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.ifx-select-container [dir=rtl] .choices__list--dropdown .choices__item--selectable{text-align:right;padding-left:100px;padding-right:10px}.ifx-select-container [dir=rtl] .choices__list--dropdown .choices__item--selectable:after{right:auto;left:10px}}.ifx-select-container .choices__list--dropdown .choices__item--selectable.is-highlighted{background-color:#EEEDED}.ifx-select-container .choices__list--dropdown .choices__item--selectable.is-highlighted.selected{color:#0A8276}.ifx-select-container .choices__list--dropdown .choices__item--selectable:hover{background-color:#EEEDED}.ifx-select-container .choices__list--dropdown .choices__item--selectable:hover.selected{color:#0A8276}.ifx-select-container .choices__list--dropdown .choices__item--selectable.is-highlighted:after{opacity:0.5}.ifx-select-container .choices__item{cursor:default}.ifx-select-container .choices__item--selectable{cursor:pointer}.ifx-select-container .choices__item--disabled{cursor:default;-webkit-user-select:none;-ms-user-select:none;user-select:none;opacity:0.5}.ifx-select-container .choices__heading{font-weight:600;font-size:0.75rem;line-height:1rem;padding:10px;border-bottom:1px solid #f7f7f7;color:#1D1D1D}.ifx-select-container .choices__button{text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.ifx-select-container .choices__button:focus{outline:none}.ifx-select-container .choices__single-button{text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer;visibility:hidden}.ifx-select-container .choices__single-button:focus{outline:none}.ifx-select-container .choices__input{display:inline-block;vertical-align:baseline;background-color:#f9f9f9;font-size:0.875rem;line-height:1.25rem;margin-bottom:5px;border:0;border-radius:0;max-width:100%}.ifx-select-container .choices__input--cloned{background-color:transparent}.ifx-select-container .choices__input::-ms-clear{display:none;width:0;height:0}.ifx-select-container .choices__input::-ms-reveal{display:none;width:0;height:0}.ifx-select-container .choices__input::-webkit-search-decoration,.ifx-select-container .choices__input::-webkit-search-cancel-button,.ifx-select-container .choices__input::-webkit-search-results-button,.ifx-select-container .choices__input::-webkit-search-results-decoration{display:none}.ifx-select-container .choices__input:focus{outline:0}.ifx-select-container [dir=rtl] .choices__input{padding-right:2px;padding-left:0}.ifx-select-container .choices__placeholder{opacity:0.5}',pt=ft,mt=class{constructor(S){at(this,S),this.ifxSelect=Ke(this,"ifxSelect",7),this.ifxInput=Ke(this,"ifxInput",7),this.previousOptions=[],this.value=void 0,this.name=void 0,this.items=void 0,this.choices=void 0,this.renderChoiceLimit=void 0,this.maxItemCount=void 0,this.addItems=void 0,this.removeItems=void 0,this.removeItemButton=void 0,this.editItems=void 0,this.duplicateItemsAllowed=void 0,this.delimiter=void 0,this.paste=void 0,this.showSearch=void 0,this.searchChoices=void 0,this.searchFields=void 0,this.searchFloor=void 0,this.searchResultLimit=void 0,this.position=void 0,this.resetScrollPosition=void 0,this.shouldSort=void 0,this.shouldSortItems=void 0,this.sorter=void 0,this.placeholder=void 0,this.searchPlaceholderValue=void 0,this.prependValue=void 0,this.appendValue=void 0,this.renderSelectedChoices=void 0,this.loadingText=void 0,this.noResultsText=void 0,this.noChoicesText=void 0,this.itemSelectText=void 0,this.addItemText=void 0,this.maxItemText=void 0,this.uniqueItemText=void 0,this.classNames=void 0,this.fuseOptions=void 0,this.addItemFilter=void 0,this.customAddItemText=void 0,this.callbackOnInit=void 0,this.callbackOnCreateTemplates=void 0,this.valueComparer=void 0,this.error=!1,this.errorMessage="Error",this.label="",this.disabled=!1,this.placeholderValue="Placeholder",this.options=void 0,this.size="medium (40px)",this.selectedOption=null,this.optionIsSelected=!1}watchDisabled(S){S?this.choice.disable():this.choice.enable()}handleDeleteSelection(){this.clearInput(),this.clearSelectField(),this.setPreSelected(null),this.closeDropdown(),this.optionIsSelected=!1}clearSelectField(){this.selectedOption=null,this.ifxSelect.emit(null)}async handleChange(){this.ifxSelect.emit(this.choice.getValue()),this.selectedOption=this.choice.getValue(),this.setPreSelected(this.selectedOption.value),this.closeDropdown()}async highlightItem(S,B){return this.choice.highlightItem(S,B),this}async unhighlightItem(S){return this.choice.unhighlightItem(S),this}async highlightAll(){return this.choice.highlightAll(),this}async unhighlightAll(){return this.choice.unhighlightAll(),this}async removeActiveItemsByValue(S){return this.choice.removeActiveItemsByValue(S),this}async removeActiveItems(S){return this.choice.removeActiveItems(S),this}async removeHighlightedItems(S){return this.choice.removeHighlightedItems(S),this}async showDropdown(S){return this.choice.showDropdown(S),this}async hideDropdown(S){return this.choice.hideDropdown(S),this}async getValue(S){return this.choice.getValue(S)}async setValue(S){return this.choice.setValue(S),this}async setChoiceByValue(S){return this.choice.setChoiceByValue(S),this}async setChoices(S,B,z,W){let J;if(typeof S=="string")try{Ve(S)||(S=S.replace(/'/g,'"').replace(/"false"/g,"false").replace(/"true"/g,"true")),J=[...JSON.parse(S)]}catch(te){console.error("Failed to parse choices:",te)}else Array.isArray(S)||typeof S=="object"?J=[...S]:console.error("Unexpected value for choices:",this.options);return this.choice.setChoices(J,B,z,W),this}async clearChoices(){return this.choice.clearChoices(),this}async clearStore(){return this.choice.clearStore(),this}async clearInput(){return this.choice.clearInput(),this}async ajax(S){return this.choice.ajax(S),this}async handleDeleteIcon(){const S=this.root.offsetWidth,B=this.root.querySelector(".ifx-choices__icon-wrapper-delete");B&&(S<=180?B.classList.add("hide"):B.classList.remove("hide"))}handleCloseButton(){typeof this.options=="string"?JSON.parse(this.options).find(z=>z.selected===!0)?this.optionIsSelected=!0:this.optionIsSelected=!1:this.options&&Array.isArray(this.options)&&(this.options.find(B=>B.selected===!0)?this.optionIsSelected=!0:this.optionIsSelected=!1)}componentWillLoad(){this.handleCloseButton()}componentWillUpdate(){this.handleCloseButton(),this.previousOptions=[...this.options];const S=this.isEqual(this.options,this.previousOptions);this.options&&!S&&this.clearSelectField()}isEqual(S,B){return JSON.stringify(S)===JSON.stringify(B)}addResizeObserver(){this.resizeObserver=new ResizeObserver(()=>{this.handleDeleteIcon()});const S=this.root.querySelector(".ifx-choices__wrapper");this.resizeObserver.observe(S)}componentDidLoad(){this.init(),this.addEventListenersToHandleCustomFocusAndActiveState(),this.handleDeleteIcon(),this.addResizeObserver()}componentDidUpdate(){this.init(),this.handleDeleteIcon()}disconnectedCallback(){this.destroy(),this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null)}render(){const S={"data-selector":"root",name:this.name||null},B=`ifx-choices__wrapper ${this.getSizeClass()}`;return this.destroy(),le("div",{key:"afb22e61adf2c1bbc5994d1bc2640a1f34997088",class:"ifx-select-container"},this.label?le("div",{class:"ifx-label-wrapper"},le("span",null,this.label)):null,le("div",{key:"febbedc83bd0420a136c5c4b65ede1703815bbc0",class:`${B} ${this.disabled?"disabled":""} ${this.error?"error":""}`,onClick:this.disabled?void 0:()=>this.toggleDropdown(),onKeyDown:z=>this.handleKeyDown(z)},le("select",Object.assign({key:"339771447d7fbad6d17b75c032028958196d4ae7",class:"single__select-input-field",disabled:this.disabled},S,{"data-trigger":!0,onChange:()=>this.handleChange()}),this.createSelectOptions(this.options)),le("div",{key:"f6e0803771328744a9d48fd196f8bb44886268a8",class:"single__select-icon-container"},this.optionIsSelected&&le("div",{key:"eab9c3c429d74eac31c24628d86078cec12e9a43",class:"ifx-choices__icon-wrapper-delete"},le("ifx-icon",{key:"1283caadb33147058593a1fff2e08b4460edce0e",icon:"cremove16",onClick:()=>this.handleDeleteSelection()})),le("div",{key:"7fbd427273a0e6776395e44a91b495cc0f30b29c",class:"ifx-choices__icon-wrapper-up"},le("ifx-icon",{key:"icon-up",icon:"chevronup-16"})),le("div",{key:"bf571ef4fa089788f2c1a2ac44c476444cda22a7",class:"ifx-choices__icon-wrapper-down"},le("ifx-icon",{key:"icon-down",icon:"chevron-down-16"})))),this.error?le("div",{class:"ifx-error-message-wrapper"},le("span",null,this.errorMessage)):null)}toggleDropdown(){const S=this.root.querySelector(".ifx-choices__wrapper");S.classList.contains("active")||this.choice.dropdown.isActive?(this.hideDropdown(),S.classList.remove("active")):(this.choice.showDropdown(),S.classList.add("active")),this.root.querySelector(".choices").classList.add("is-focused")}closeDropdown(){this.root.querySelector(".ifx-choices__wrapper").classList.remove("active")}handleOutsideClick(S){const B=S.composedPath(),z=this.root.querySelector(".ifx-choices__wrapper");B.includes(this.root)||z.classList.remove("active")}handleKeyDown(S){if(this.disabled)return;const B=S.target.classList.contains("choices__input");B&&S.code==="Space"||((S.code==="Enter"||S.code==="Space"&&!B)&&this.toggleDropdown(),S.code==="Space"&&!B&&S.preventDefault())}getSizeClass(){return`${this.size}`=="s"?"small-select":"medium-select"}init(){const S={allowHTML:!0,items:this.items,choices:this.choices,renderChoiceLimit:this.renderChoiceLimit,maxItemCount:this.maxItemCount,addItems:this.addItems,removeItems:this.removeItems,removeItemButton:this.removeItemButton,editItems:this.editItems,duplicateItemsAllowed:this.duplicateItemsAllowed,delimiter:this.delimiter,paste:this.paste,searchEnabled:this.showSearch,searchChoices:this.searchChoices,searchFields:this.searchFields,searchFloor:this.searchFloor,searchResultLimit:this.searchResultLimit,position:this.position,resetScrollPosition:this.resetScrollPosition,shouldSort:!1,shouldSortItems:this.shouldSortItems,sorter:this.sorter,placeholder:this.placeholder,searchPlaceholderValue:this.searchPlaceholderValue,prependValue:this.prependValue,appendValue:this.appendValue,renderSelectedChoices:this.renderSelectedChoices,loadingText:this.loadingText,noResultsText:this.noResultsText,noChoicesText:this.noChoicesText,itemSelectText:this.itemSelectText,addItemText:this.addItemText,maxItemText:this.maxItemText,uniqueItemText:this.uniqueItemText,classNames:this.classNames,fuseOptions:this.fuseOptions,callbackOnInit:this.callbackOnInit,callbackOnCreateTemplates:this.callbackOnCreateTemplates,valueComparer:this.valueComparer,addItemFilter:this.addItemFilter,customAddItemText:this.customAddItemText},B=ht(S,dt),z=this.root.querySelector('[data-selector="root"]');if(z instanceof HTMLInputElement||z instanceof HTMLSelectElement){const W=this;this.choice=new ut(z,Object.assign({},B,{callbackOnCreateTemplates:function(J){return{item:({classNames:te},T)=>{var i,v,m,u,h,o,r;let l="";return T.placeholder&&!(!((i=W.selectedOption)===null||i===void 0)&&i.value)?J(`
diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-set-filter.entry-CbW5sOQt.js b/pr-preview-vue-example/pr-1685/assets/ifx-set-filter.entry-ChlajaUk.js similarity index 95% rename from pr-preview-vue-example/pr-1685/assets/ifx-set-filter.entry-CbW5sOQt.js rename to pr-preview-vue-example/pr-1685/assets/ifx-set-filter.entry-ChlajaUk.js index 9c0b82136..97124ac04 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-set-filter.entry-CbW5sOQt.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-set-filter.entry-ChlajaUk.js @@ -1 +1 @@ -import{r as s,c as a,h as t}from"./index-DFR79MvN.js";const r="",h=r,n=class{constructor(e){s(this,e),this.ifxFilterSelect=a(this,"ifxFilterSelect",7),this.filterName=void 0,this.filterLabel=void 0,this.placeholder=void 0,this.type="text",this.options=void 0,this.filterValues=[]}handleTextInputChange(e){const i=e.target.value;this.ifxFilterSelect.emit({filterName:this.filterName,filterValues:[i],type:this.type})}handleSingleSelectChange(e){const l=e.detail.value;this.ifxFilterSelect.emit({filterName:this.filterName,filterValues:[l],type:this.type})}handleMultiselectOptionChange(e){this.filterValues=e.detail,this.ifxFilterSelect.emit({filterName:this.filterName,filterValues:this.filterValues,type:this.type})}render(){switch(this.type){case"text":return t("ifx-text-field",{error:!1,disabled:!1,placeholder:this.placeholder,onIfxInput:e=>this.handleTextInputChange(e)},this.filterLabel);case"single-select":return t("ifx-select",{placeholder:"true","search-enabled":"true","search-placeholder-value":"Search...",onIfxSelect:e=>this.handleSingleSelectChange(e),"ifx-placeholder-value":this.placeholder,"ifx-label":this.filterLabel,"ifx-options":this.options});case"multi-select":return t("ifx-multiselect",{label:this.filterLabel,placeholder:this.placeholder,options:this.options,onIfxSelect:e=>this.handleMultiselectOptionChange(e)});default:return null}}};n.style=h;export{n as ifx_set_filter}; +import{r as s,c as a,h as t}from"./index-CTBaKUaT.js";const r="",h=r,n=class{constructor(e){s(this,e),this.ifxFilterSelect=a(this,"ifxFilterSelect",7),this.filterName=void 0,this.filterLabel=void 0,this.placeholder=void 0,this.type="text",this.options=void 0,this.filterValues=[]}handleTextInputChange(e){const i=e.target.value;this.ifxFilterSelect.emit({filterName:this.filterName,filterValues:[i],type:this.type})}handleSingleSelectChange(e){const l=e.detail.value;this.ifxFilterSelect.emit({filterName:this.filterName,filterValues:[l],type:this.type})}handleMultiselectOptionChange(e){this.filterValues=e.detail,this.ifxFilterSelect.emit({filterName:this.filterName,filterValues:this.filterValues,type:this.type})}render(){switch(this.type){case"text":return t("ifx-text-field",{error:!1,disabled:!1,placeholder:this.placeholder,onIfxInput:e=>this.handleTextInputChange(e)},this.filterLabel);case"single-select":return t("ifx-select",{placeholder:"true","search-enabled":"true","search-placeholder-value":"Search...",onIfxSelect:e=>this.handleSingleSelectChange(e),"ifx-placeholder-value":this.placeholder,"ifx-label":this.filterLabel,"ifx-options":this.options});case"multi-select":return t("ifx-multiselect",{label:this.filterLabel,placeholder:this.placeholder,options:this.options,onIfxSelect:e=>this.handleMultiselectOptionChange(e)});default:return null}}};n.style=h;export{n as ifx_set_filter}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-sidebar-item.entry-BNjMkEvJ.js b/pr-preview-vue-example/pr-1685/assets/ifx-sidebar-item.entry-lfoddTSF.js similarity index 99% rename from pr-preview-vue-example/pr-1685/assets/ifx-sidebar-item.entry-BNjMkEvJ.js rename to pr-preview-vue-example/pr-1685/assets/ifx-sidebar-item.entry-lfoddTSF.js index 0c8bc7fa5..cd1c3b6eb 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-sidebar-item.entry-BNjMkEvJ.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-sidebar-item.entry-lfoddTSF.js @@ -1 +1 @@ -import{r as l,c as r,h as a,g as c}from"./index-DFR79MvN.js";const h=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{position:relative}.sidebar__nav-item:focus,.sidebar__nav-item.header__section:focus{outline:none}.sidebar__nav-item:focus .sidebar__nav-item-icon-wrapper,.sidebar__nav-item.header__section:focus .sidebar__nav-item-icon-wrapper{color:#08665C}.sidebar__nav-item:focus .sidebar__nav-item-label,.sidebar__nav-item.header__section:focus .sidebar__nav-item-label{outline:none;color:#08665C}.sidebar__nav-item:focus .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon,.sidebar__nav-item.header__section:focus .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{color:#08665C}.sidebar__nav-item:hover,.sidebar__nav-item.header__section:hover{outline:none}.sidebar__nav-item:hover .sidebar__nav-item-icon-wrapper,.sidebar__nav-item.header__section:hover .sidebar__nav-item-icon-wrapper{color:#08665C}.sidebar__nav-item:hover .sidebar__nav-item-label,.sidebar__nav-item.header__section:hover .sidebar__nav-item-label{outline:none;color:#08665C}.sidebar__nav-item:hover .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon,.sidebar__nav-item.header__section:hover .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{color:#08665C}.sidebar__nav-item{display:flex;flex-direction:row;align-items:center;width:100%;padding:8px 0px;gap:4px;flex:none;order:0;flex-grow:0;text-decoration:none;color:#1D1D1D;cursor:pointer;font-family:var(--ifx-font-family)}.sidebar__nav-item.extra-padding__bottom{padding:8px 0px 16px 0px}.sidebar__nav-item.active{color:#0A8276}.sidebar__nav-item.active-section::before{content:"";position:absolute;left:-32px;height:40px;width:2px;background:#0A8276}.sidebar__nav-item.open{padding:8px 0px}.sidebar__nav-item.open .sidebar__nav-item-label{font-size:16px;font-style:normal;font-weight:400;line-height:24px}.sidebar__nav-item.open .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{transform:rotate(-180deg)}.sidebar__nav-item.header__section{box-sizing:padding-box;border-top:1px solid #EEEDED;padding:16px 0px;display:-webkit-flex;-webkit-line-clamp:1;-webkit-box-orient:horizontal;overflow:hidden;text-overflow:ellipsis}.sidebar__nav-item.header__section.no-top-border{border-top:none}.sidebar__nav-item.header__section.active-section::before{content:"";position:absolute;left:-32px;height:40px;width:2px;background:#0A8276}.sidebar__nav-item.header__section.open{padding:16px 0px 8px 0px}.sidebar__nav-item.header__section.open .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{transform:rotate(-180deg)}.sidebar__nav-item.header__section .sidebar__nav-item-label{color:#1D1D1D;font-family:Source Sans 3;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.sidebar__nav-item.submenu__item{padding:4px 0px}.sidebar__nav-item.submenu__item.extra-padding__bottom{padding:4px 0px 16px 0px}.sidebar__nav-item .sidebar__nav-item-icon-wrapper{display:flex;width:24px;height:24px;justify-content:center;align-items:center;gap:8px;flex-shrink:0}.sidebar__nav-item .sidebar__nav-item-icon-wrapper.noIcon{display:none}.sidebar__nav-item .sidebar__nav-item-icon-wrapper ifx-icon{width:16px;height:16px}.sidebar__nav-item .sidebar__nav-item-label{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;display:flex;align-items:center;flex:none;order:1;flex-grow:1;cursor:pointer}.sidebar__nav-item .sidebar__nav-item-indicator{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px 4px;flex:none;order:2;flex-grow:0}.expandable__submenu{display:none;list-style-type:none;flex-direction:column;padding:0;margin:0;padding-left:40px}.expandable__submenu.open{display:flex}.header__section+.expandable__submenu{padding-left:0}',b=h,m=class{constructor(e){l(this,e),this.ifxSidebarMenu=r(this,"ifxSidebarMenu",7),this.ifxSidebarNavigationItem=r(this,"ifxSidebarNavigationItem",7),this.ifxSidebarActionItem=r(this,"ifxSidebarActionItem",7),this.icon="",this.hasIcon=!0,this.hasIconWrapper=!1,this.href="",this.internalHref="",this.target="_self",this.isExpandable=!1,this.isNested=!0,this.isSubMenuItem=!1,this.numberIndicator=void 0,this.active=!1,this.isActionItem=!1,this.internalActiveState=!1,this.value="",this.handleItemClick=void 0}handleActiveChange(e,t){if(this.isActionItem){this.internalActiveState=!1;return}if(this.internalActiveState=e,e!==t){let i=this.getNavItem(this.el.shadowRoot);!this.isExpandable&&!e&&this.handleClassList(i,"remove","active"),!this.isExpandable&&e&&this.handleClassList(i,"add","active")}}handleConsoleError(e){e.detail?this.hasIcon=!1:this.hasIcon=!0}handleEventEmission(){this.ifxSidebarMenu.emit(this.el)}handleClassList(e,t,i){if(e.classList[t](i),t==="contains")return e.classList.contains(i)}getExpandableMenu(){return this.el.shadowRoot.querySelector(".expandable__submenu")}getNavItem(e){return e==null?void 0:e.querySelector(".sidebar__nav-item")}getSidebarMenuItems(e=this.el){const t=e.querySelectorAll("ifx-sidebar-item");return t.length===0?e.shadowRoot.querySelectorAll("ifx-sidebar-item"):t}getSidebarMenuItem(){return this.el.shadowRoot.querySelector(".sidebar__nav-item")}toggleSubmenu(){if(this.isExpandable){const e=this.getSidebarMenuItem(),t=this.getExpandableMenu();this.handleClassList(t,"toggle","open"),this.handleClassList(e,"toggle","open"),this.handleEventEmission()}else{if(this.isActionItem){this.ifxSidebarActionItem.emit(this.el);return}else this.handleActiveChange(!0,this.internalActiveState),this.ifxSidebarNavigationItem.emit(this.el);this.handleItemClick&&this.handleItemClick(this.el)}}handleExpandableMenu(e){const t=this.getExpandableMenu();e.forEach(i=>{const n=document.createElement("li");n.appendChild(i),t.appendChild(n)})}parentElementIsSidebar(){return this.el.parentElement.tagName.toUpperCase()==="IFX-SIDEBAR"}checkIfMenuItemIsNested(){this.parentElementIsSidebar()&&(this.isNested=!1)}checkIfMenuItemIsSubMenu(){const e=this.el.parentElement,t=this.getNavItem(e.shadowRoot);e.tagName.toUpperCase()==="IFX-SIDEBAR-ITEM"&&!this.handleClassList(t,"contains","header__section")?this.isSubMenuItem=!0:this.isSubMenuItem=!1}isActive(e){return e.getAttribute("active")==="true"}getParentSection(e){let t=e.parentElement;for(;t&&t.tagName.toUpperCase()!=="IFX-SIDEBAR";){if(t.tagName.toUpperCase()==="IFX-SIDEBAR-ITEM")return t;t=t.parentElement}return null}handleBorderIndicatorDisplacement(e){const t=(n,d)=>{if(this.isActive(n)){const s=this.handleClassList(d,"contains","open"),o=this.getActiveItemSection();s?this.handleClassList(o,"remove","active-section"):this.handleClassList(o,"add","active-section")}this.getSidebarMenuItems(n).forEach(s=>t(s,d))};this.getSidebarMenuItems().forEach(n=>t(n,e))}setHref(){this.href.toLowerCase().trim()===""?this.internalHref=void 0:this.internalHref=this.href}getActiveItemSection(){return this.parentElementIsSidebar()?this.getNavItem(this.el.shadowRoot):this.getNavItem(this.el.shadowRoot)}async setActiveClasses(){const e=this.getNavItem(this.el.shadowRoot);this.handleClassList(e,"add","active")}async expandMenu(e){const t=this.getSidebarMenuItem(),i=this.getExpandableMenu();this.handleClassList(i,"add","open"),this.handleClassList(t,"add","open"),e&&(this.handleClassList(i,"remove","active-section"),this.handleClassList(t,"remove","active-section"))}async isItemExpandable(){return this.isExpandable}handleActiveState(){this.internalActiveState&&this.setActiveClasses()}handleKeyDown(e){e.key==="Enter"&&this.toggleSubmenu()}componentDidLoad(){if(this.handleActiveState(),this.isExpandable){const e=this.getSidebarMenuItems();this.handleExpandableMenu(e)}}componentWillLoad(){this.internalActiveState=this.active,this.checkIfMenuItemIsNested(),this.checkIfMenuItemIsSubMenu(),this.setHref(),this.getSidebarMenuItems().length!==0?this.isExpandable=!0:this.isExpandable=!1}componentWillUpdate(){this.active&&!this.internalActiveState&&(this.internalActiveState=this.active,this.ifxSidebarNavigationItem.emit(this.el))}render(){var e,t;return a("div",{key:"7e8a5430fa8976204cd15dfb6dd72f2bb9361e08"},a("a",{key:"897ddc916a5a348ccfedad8ddee68066fcd1bc2f",tabIndex:1,onKeyDown:i=>this.handleKeyDown(i),href:this.internalHref,onClick:()=>this.toggleSubmenu(),target:this.target,class:`sidebar__nav-item ${!this.isNested&&this.isExpandable?"header__section":""} ${this.isSubMenuItem?"submenu__item":""}`},this.icon&&a("div",{key:"3e4a19b1bb290de9b368ea4487fe53039953199b",class:`sidebar__nav-item-icon-wrapper ${this.hasIcon?"":"noIcon"}`},a("ifx-icon",{key:"9c0743f623b9aba7f4d481599f287256141ed22e",icon:this.icon})),a("div",{key:"073ef8e817fcd00af12a32ccfa2dab217b249ba3",class:"sidebar__nav-item-label"},a("slot",{key:"5ccbe199e0e47d493ec0987ece9f069344991906"})),(this.isExpandable||((e=this.numberIndicator)===null||e===void 0?void 0:e.trim()))&&a("div",{key:"625d54239153b0f082fcf3f50c7f85404eb0f6f8",class:"sidebar__nav-item-indicator"},this.isExpandable&&a("span",{key:"7674b6448808e9d7bbbec20b2209899b399646c8",class:"item__arrow-wrapper"},a("ifx-icon",{key:"06f2d84a311adda0c69893de81ca27353be45a64",icon:"chevron-down-12"})),((t=this.numberIndicator)===null||t===void 0?void 0:t.trim())&&!this.isExpandable&&!this.isNested&&a("span",{key:"4457322a749a066f34715e44dbd0bb893de9a946",class:"item__number-indicator"},a("ifx-number-indicator",{key:"6cb4f225acab0ede10a48a22d2f4f12f53edeeeb"},this.numberIndicator)))),this.isExpandable&&a("ul",{key:"19ca965d3cad5746b629e7e8bdf127f7bcb13482",class:"expandable__submenu"}))}get el(){return c(this)}static get watchers(){return{active:["handleActiveChange"]}}};m.style=b;export{m as ifx_sidebar_item}; +import{r as l,c as r,h as a,g as c}from"./index-CTBaKUaT.js";const h=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{position:relative}.sidebar__nav-item:focus,.sidebar__nav-item.header__section:focus{outline:none}.sidebar__nav-item:focus .sidebar__nav-item-icon-wrapper,.sidebar__nav-item.header__section:focus .sidebar__nav-item-icon-wrapper{color:#08665C}.sidebar__nav-item:focus .sidebar__nav-item-label,.sidebar__nav-item.header__section:focus .sidebar__nav-item-label{outline:none;color:#08665C}.sidebar__nav-item:focus .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon,.sidebar__nav-item.header__section:focus .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{color:#08665C}.sidebar__nav-item:hover,.sidebar__nav-item.header__section:hover{outline:none}.sidebar__nav-item:hover .sidebar__nav-item-icon-wrapper,.sidebar__nav-item.header__section:hover .sidebar__nav-item-icon-wrapper{color:#08665C}.sidebar__nav-item:hover .sidebar__nav-item-label,.sidebar__nav-item.header__section:hover .sidebar__nav-item-label{outline:none;color:#08665C}.sidebar__nav-item:hover .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon,.sidebar__nav-item.header__section:hover .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{color:#08665C}.sidebar__nav-item{display:flex;flex-direction:row;align-items:center;width:100%;padding:8px 0px;gap:4px;flex:none;order:0;flex-grow:0;text-decoration:none;color:#1D1D1D;cursor:pointer;font-family:var(--ifx-font-family)}.sidebar__nav-item.extra-padding__bottom{padding:8px 0px 16px 0px}.sidebar__nav-item.active{color:#0A8276}.sidebar__nav-item.active-section::before{content:"";position:absolute;left:-32px;height:40px;width:2px;background:#0A8276}.sidebar__nav-item.open{padding:8px 0px}.sidebar__nav-item.open .sidebar__nav-item-label{font-size:16px;font-style:normal;font-weight:400;line-height:24px}.sidebar__nav-item.open .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{transform:rotate(-180deg)}.sidebar__nav-item.header__section{box-sizing:padding-box;border-top:1px solid #EEEDED;padding:16px 0px;display:-webkit-flex;-webkit-line-clamp:1;-webkit-box-orient:horizontal;overflow:hidden;text-overflow:ellipsis}.sidebar__nav-item.header__section.no-top-border{border-top:none}.sidebar__nav-item.header__section.active-section::before{content:"";position:absolute;left:-32px;height:40px;width:2px;background:#0A8276}.sidebar__nav-item.header__section.open{padding:16px 0px 8px 0px}.sidebar__nav-item.header__section.open .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{transform:rotate(-180deg)}.sidebar__nav-item.header__section .sidebar__nav-item-label{color:#1D1D1D;font-family:Source Sans 3;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.sidebar__nav-item.submenu__item{padding:4px 0px}.sidebar__nav-item.submenu__item.extra-padding__bottom{padding:4px 0px 16px 0px}.sidebar__nav-item .sidebar__nav-item-icon-wrapper{display:flex;width:24px;height:24px;justify-content:center;align-items:center;gap:8px;flex-shrink:0}.sidebar__nav-item .sidebar__nav-item-icon-wrapper.noIcon{display:none}.sidebar__nav-item .sidebar__nav-item-icon-wrapper ifx-icon{width:16px;height:16px}.sidebar__nav-item .sidebar__nav-item-label{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;display:flex;align-items:center;flex:none;order:1;flex-grow:1;cursor:pointer}.sidebar__nav-item .sidebar__nav-item-indicator{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px 4px;flex:none;order:2;flex-grow:0}.expandable__submenu{display:none;list-style-type:none;flex-direction:column;padding:0;margin:0;padding-left:40px}.expandable__submenu.open{display:flex}.header__section+.expandable__submenu{padding-left:0}',b=h,m=class{constructor(e){l(this,e),this.ifxSidebarMenu=r(this,"ifxSidebarMenu",7),this.ifxSidebarNavigationItem=r(this,"ifxSidebarNavigationItem",7),this.ifxSidebarActionItem=r(this,"ifxSidebarActionItem",7),this.icon="",this.hasIcon=!0,this.hasIconWrapper=!1,this.href="",this.internalHref="",this.target="_self",this.isExpandable=!1,this.isNested=!0,this.isSubMenuItem=!1,this.numberIndicator=void 0,this.active=!1,this.isActionItem=!1,this.internalActiveState=!1,this.value="",this.handleItemClick=void 0}handleActiveChange(e,t){if(this.isActionItem){this.internalActiveState=!1;return}if(this.internalActiveState=e,e!==t){let i=this.getNavItem(this.el.shadowRoot);!this.isExpandable&&!e&&this.handleClassList(i,"remove","active"),!this.isExpandable&&e&&this.handleClassList(i,"add","active")}}handleConsoleError(e){e.detail?this.hasIcon=!1:this.hasIcon=!0}handleEventEmission(){this.ifxSidebarMenu.emit(this.el)}handleClassList(e,t,i){if(e.classList[t](i),t==="contains")return e.classList.contains(i)}getExpandableMenu(){return this.el.shadowRoot.querySelector(".expandable__submenu")}getNavItem(e){return e==null?void 0:e.querySelector(".sidebar__nav-item")}getSidebarMenuItems(e=this.el){const t=e.querySelectorAll("ifx-sidebar-item");return t.length===0?e.shadowRoot.querySelectorAll("ifx-sidebar-item"):t}getSidebarMenuItem(){return this.el.shadowRoot.querySelector(".sidebar__nav-item")}toggleSubmenu(){if(this.isExpandable){const e=this.getSidebarMenuItem(),t=this.getExpandableMenu();this.handleClassList(t,"toggle","open"),this.handleClassList(e,"toggle","open"),this.handleEventEmission()}else{if(this.isActionItem){this.ifxSidebarActionItem.emit(this.el);return}else this.handleActiveChange(!0,this.internalActiveState),this.ifxSidebarNavigationItem.emit(this.el);this.handleItemClick&&this.handleItemClick(this.el)}}handleExpandableMenu(e){const t=this.getExpandableMenu();e.forEach(i=>{const n=document.createElement("li");n.appendChild(i),t.appendChild(n)})}parentElementIsSidebar(){return this.el.parentElement.tagName.toUpperCase()==="IFX-SIDEBAR"}checkIfMenuItemIsNested(){this.parentElementIsSidebar()&&(this.isNested=!1)}checkIfMenuItemIsSubMenu(){const e=this.el.parentElement,t=this.getNavItem(e.shadowRoot);e.tagName.toUpperCase()==="IFX-SIDEBAR-ITEM"&&!this.handleClassList(t,"contains","header__section")?this.isSubMenuItem=!0:this.isSubMenuItem=!1}isActive(e){return e.getAttribute("active")==="true"}getParentSection(e){let t=e.parentElement;for(;t&&t.tagName.toUpperCase()!=="IFX-SIDEBAR";){if(t.tagName.toUpperCase()==="IFX-SIDEBAR-ITEM")return t;t=t.parentElement}return null}handleBorderIndicatorDisplacement(e){const t=(n,d)=>{if(this.isActive(n)){const s=this.handleClassList(d,"contains","open"),o=this.getActiveItemSection();s?this.handleClassList(o,"remove","active-section"):this.handleClassList(o,"add","active-section")}this.getSidebarMenuItems(n).forEach(s=>t(s,d))};this.getSidebarMenuItems().forEach(n=>t(n,e))}setHref(){this.href.toLowerCase().trim()===""?this.internalHref=void 0:this.internalHref=this.href}getActiveItemSection(){return this.parentElementIsSidebar()?this.getNavItem(this.el.shadowRoot):this.getNavItem(this.el.shadowRoot)}async setActiveClasses(){const e=this.getNavItem(this.el.shadowRoot);this.handleClassList(e,"add","active")}async expandMenu(e){const t=this.getSidebarMenuItem(),i=this.getExpandableMenu();this.handleClassList(i,"add","open"),this.handleClassList(t,"add","open"),e&&(this.handleClassList(i,"remove","active-section"),this.handleClassList(t,"remove","active-section"))}async isItemExpandable(){return this.isExpandable}handleActiveState(){this.internalActiveState&&this.setActiveClasses()}handleKeyDown(e){e.key==="Enter"&&this.toggleSubmenu()}componentDidLoad(){if(this.handleActiveState(),this.isExpandable){const e=this.getSidebarMenuItems();this.handleExpandableMenu(e)}}componentWillLoad(){this.internalActiveState=this.active,this.checkIfMenuItemIsNested(),this.checkIfMenuItemIsSubMenu(),this.setHref(),this.getSidebarMenuItems().length!==0?this.isExpandable=!0:this.isExpandable=!1}componentWillUpdate(){this.active&&!this.internalActiveState&&(this.internalActiveState=this.active,this.ifxSidebarNavigationItem.emit(this.el))}render(){var e,t;return a("div",{key:"7e8a5430fa8976204cd15dfb6dd72f2bb9361e08"},a("a",{key:"897ddc916a5a348ccfedad8ddee68066fcd1bc2f",tabIndex:1,onKeyDown:i=>this.handleKeyDown(i),href:this.internalHref,onClick:()=>this.toggleSubmenu(),target:this.target,class:`sidebar__nav-item ${!this.isNested&&this.isExpandable?"header__section":""} ${this.isSubMenuItem?"submenu__item":""}`},this.icon&&a("div",{key:"3e4a19b1bb290de9b368ea4487fe53039953199b",class:`sidebar__nav-item-icon-wrapper ${this.hasIcon?"":"noIcon"}`},a("ifx-icon",{key:"9c0743f623b9aba7f4d481599f287256141ed22e",icon:this.icon})),a("div",{key:"073ef8e817fcd00af12a32ccfa2dab217b249ba3",class:"sidebar__nav-item-label"},a("slot",{key:"5ccbe199e0e47d493ec0987ece9f069344991906"})),(this.isExpandable||((e=this.numberIndicator)===null||e===void 0?void 0:e.trim()))&&a("div",{key:"625d54239153b0f082fcf3f50c7f85404eb0f6f8",class:"sidebar__nav-item-indicator"},this.isExpandable&&a("span",{key:"7674b6448808e9d7bbbec20b2209899b399646c8",class:"item__arrow-wrapper"},a("ifx-icon",{key:"06f2d84a311adda0c69893de81ca27353be45a64",icon:"chevron-down-12"})),((t=this.numberIndicator)===null||t===void 0?void 0:t.trim())&&!this.isExpandable&&!this.isNested&&a("span",{key:"4457322a749a066f34715e44dbd0bb893de9a946",class:"item__number-indicator"},a("ifx-number-indicator",{key:"6cb4f225acab0ede10a48a22d2f4f12f53edeeeb"},this.numberIndicator)))),this.isExpandable&&a("ul",{key:"19ca965d3cad5746b629e7e8bdf127f7bcb13482",class:"expandable__submenu"}))}get el(){return c(this)}static get watchers(){return{active:["handleActiveChange"]}}};m.style=b;export{m as ifx_sidebar_item}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-sidebar-title.entry-DC_0c0H0.js b/pr-preview-vue-example/pr-1685/assets/ifx-sidebar-title.entry-B0Xyv-bx.js similarity index 91% rename from pr-preview-vue-example/pr-1685/assets/ifx-sidebar-title.entry-DC_0c0H0.js rename to pr-preview-vue-example/pr-1685/assets/ifx-sidebar-title.entry-B0Xyv-bx.js index 9e6265f6a..bf653d631 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-sidebar-title.entry-DC_0c0H0.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-sidebar-title.entry-B0Xyv-bx.js @@ -1 +1 @@ -import{r,h as e,g as i}from"./index-DFR79MvN.js";const s=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{position:relative}.sidebar__title{width:100%;height:fit-content;border-top:1px solid #EEEDED;padding:12px 0}.sidebar__title.no-top-border{border-top:none}.sidebar__title-label{height:20px;font:600 0.875rem/1.25rem "Source Sans 3";text-transform:uppercase;color:#575352;letter-spacing:3px}',a=s,o=class{constructor(t){r(this,t)}render(){return e("div",{key:"b663c85d4fe0e56da9dcf04c06e352ef6ac62ac5",class:"sidebar__title"},e("div",{key:"8ebfc682c5756ce08358e761085e6041d5d6513f",class:"sidebar__title-label"},e("slot",{key:"8cfa912b8cdf5bfd30113895e34375d93766dd2e"})))}get el(){return i(this)}};o.style=a;export{o as ifx_sidebar_title}; +import{r,h as e,g as i}from"./index-CTBaKUaT.js";const s=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{position:relative}.sidebar__title{width:100%;height:fit-content;border-top:1px solid #EEEDED;padding:12px 0}.sidebar__title.no-top-border{border-top:none}.sidebar__title-label{height:20px;font:600 0.875rem/1.25rem "Source Sans 3";text-transform:uppercase;color:#575352;letter-spacing:3px}',a=s,o=class{constructor(t){r(this,t)}render(){return e("div",{key:"b663c85d4fe0e56da9dcf04c06e352ef6ac62ac5",class:"sidebar__title"},e("div",{key:"8ebfc682c5756ce08358e761085e6041d5d6513f",class:"sidebar__title-label"},e("slot",{key:"8cfa912b8cdf5bfd30113895e34375d93766dd2e"})))}get el(){return i(this)}};o.style=a;export{o as ifx_sidebar_title}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-sidebar.entry-R2WdBC8A.js b/pr-preview-vue-example/pr-1685/assets/ifx-sidebar.entry-HlVQq8P-.js similarity index 99% rename from pr-preview-vue-example/pr-1685/assets/ifx-sidebar.entry-R2WdBC8A.js rename to pr-preview-vue-example/pr-1685/assets/ifx-sidebar.entry-HlVQq8P-.js index 6c39d3f27..35985d3a3 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-sidebar.entry-R2WdBC8A.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-sidebar.entry-HlVQq8P-.js @@ -1 +1 @@ -import{r as d,h as s,g as c}from"./index-DFR79MvN.js";const l=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{height:100%;display:inline-flex}.sidebar__container{box-sizing:border-box;display:inline-flex;flex-direction:column;align-items:flex-start;padding:0px;background-color:#FFFFFF;border-right:1px solid #EEEDED;width:264px;height:100%;font-family:var(--ifx-font-family)}.sidebar__container .sidebar__top-container{display:flex;flex-direction:column;align-items:center;padding:0px;flex:1 1 auto;order:0;z-index:0;width:100%;overflow-y:auto}.sidebar__container .sidebar__top-container .sidebar__nav-bar{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:12px 32px;background-color:#FFFFFF;flex:none;order:0;flex-grow:0;width:100%}.sidebar__container .sidebar__top-container .sidebar__nav-bar .sidebar__nav-bar-logo{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0px;gap:16px;flex:none;order:0;flex-grow:0}.sidebar__container .sidebar__top-container .sidebar__nav-bar .sidebar__nav-bar-logo .sidebar__nav-bar-logo-img{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0px;flex:none;order:0;flex-grow:0}.sidebar__container .sidebar__top-container .sidebar__nav-bar .sidebar__nav-bar-logo .sidebar__nav-bar-logo-img svg{width:91px;height:40px}.sidebar__container .sidebar__top-container .sidebar__nav-bar .sidebar__nav-bar-logo .sidebar__nav-bar-logo-text{font-style:normal;font-weight:600;font-size:1rem;line-height:1.5rem;display:flex;align-items:center;color:#1D1D1D;flex:none;order:1;flex-grow:0;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.sidebar__container .sidebar__top-container .sidebar__nav-container{scrollbar-gutter:stable;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:12px 32px;flex:1 1 auto;order:1;width:100%}.sidebar__container .sidebar__top-container .sidebar__nav-container ::slotted(*){width:100%}.sidebar__container .sidebar__footer-container{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:0px 32px;flex:none;order:1;align-self:stretch;flex-grow:1;z-index:1}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper{display:flex;flex-direction:column;align-items:flex-start;padding:24px 0px;gap:16px;border-top:1px solid #EEEDED;flex:none;order:0;flex-grow:0;width:100%}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-top-links{display:flex;align-items:flex-start;padding:0px;gap:12px;flex:none;order:0;align-self:stretch;flex-grow:0;flex-wrap:wrap}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-top-links a{font:400 0.875rem/1.25rem "Source Sans 3";display:flex;text-decoration:none;align-items:center;color:#1D1D1D;flex:none;flex-grow:0}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-top-links a:hover{color:#08665C}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-top-links a:focus{outline:none;color:#08665C}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-bottom-links{display:flex;flex-direction:column;align-items:center}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-bottom-links span{font:400 0.875rem/1.25rem "Source Sans 3";text-decoration:none;color:#575352;flex:none;order:1;flex-grow:0;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-bottom-links span:hover{cursor:initial}',h=l,f="active",b="active-section",p=".sidebar__nav-item",_=class{constructor(e){d(this,e),this.applicationName="",this.initialCollapse=!0,this.showFooter=!0,this.showHeader=!0,this.termsOfUse="#",this.imprint="#",this.privacyPolicy="#",this.target="_blank",this.currentYear=new Date().getFullYear(),this.copyrightText="© 1999 - "+this.currentYear+" Infineon Technologies AG",this.internalTermsofUse="",this.internalImprint="",this.internalPrivacyPolicy="",this.internalShowFooter=!0,this.activeItem=null}expandActiveItems(){const e=async i=>{if(await i.isItemExpandable()!==!0)return i.active?1:0;let a=0;const o=this.getSidebarMenuItems(i);for(let r=0;r0&&(a==1?i.expandMenu(!1):i.expandMenu(!0)),a?a+1:0},t=this.getSidebarMenuItems(this.el);for(let i=0;i a").classList.contains("header__section")&&e[0].shadowRoot.querySelector("div > a").classList.add("no-top-border"),this.el.querySelectorAll("ifx-sidebar-title").forEach(i=>{const a=i.nextElementSibling;a&&a.tagName==="IFX-SIDEBAR-ITEM"&&a.shadowRoot.querySelector("div > a").classList.contains("header__section")&&a.shadowRoot.querySelector("div > a").classList.add("no-top-border")})}async addPaddingToTheLastItem(e){const t=this.getSidebarMenuItems(e);for(let i=0;i{const a=this.getSidebarMenuItems(i);let o=!1;a==null||a.forEach(r=>{if(this.isActive(r)&&!o?(o=!0,this.handleBorderIndicatorDisplacement(r)):this.isActive(r)&&o&&r.setAttribute("active","false"),this.hasChildren(r.shadowRoot)&&!this.hasActiveChild(r.shadowRoot)){const n=this.getActiveItemSection(r);this.handleClassList(n,"remove","active-section")}if(this.hasChildren(r.shadowRoot)&&this.isOpen(r.shadowRoot)&&this.containsActiveSection(r)){const n=this.getActiveItemSection(r);this.handleClassList(n,"remove","active-section")}this.hasChildren(r.shadowRoot)&&e(r.shadowRoot)})};this.getSidebarMenuItems(this.el).forEach(e)}handleClassList(e,t,i){if(e.classList[t](i),t==="contains")return e.classList.contains(i)}getActiveItemSection(e){return this.getNavItem(e.shadowRoot)}getNavItem(e){return e==null?void 0:e.querySelector(".sidebar__nav-item")}hasChildren(e){return(e==null?void 0:e.querySelector(".item__arrow-wrapper"))!==null}handleBorderIndicatorDisplacement(e){const t=a=>{if(this.isActive(a)||a===e){const n=this.getActiveItemSection(a);this.hasChildren(n)&&this.handleClassList(n,"add","active-section")}this.getSidebarMenuItems(a).forEach(t)};this.getSidebarMenuItems(this.el).forEach(t)}removeActiveClassesRecursively(){const e=t=>{this.querySidebarItems(t).forEach(a=>{const o=a.shadowRoot.querySelector(p);o.classList.remove(b),o.classList.remove(f),a.getAttribute("active")&&a.setAttribute("active","false"),e(a.shadowRoot)})};e(this.el),this.activeItem&&this.activeItem.setAttribute("active","false"),this.activeItem=null}hasActiveChild(e){const t=this.getSidebarMenuItems(e);if(t)for(let i of t){if(this.isActive(i))return!0;if(this.hasChildren(i.shadowRoot)&&this.hasActiveChild(i.shadowRoot))return!0}return!1}handleSidebarItemInteraction(e){const t=e.detail;if((!this.hasChildren(t.shadowRoot)||this.hasActiveChild(t.shadowRoot))&&this.handleBorderIndicatorDisplacement(t),this.hasChildren(t.shadowRoot)&&!this.hasActiveChild(t.shadowRoot)){const i=this.getActiveItemSection(t);this.handleClassList(i,"remove","active-section")}if(this.hasChildren(t.shadowRoot)&&this.isOpen(t.shadowRoot)&&this.containsActiveSection(t)){const i=this.getActiveItemSection(t);this.handleClassList(i,"remove","active-section")}}isOpen(e){return!!this.getNavItem(e).classList.contains("open")}containsActiveSection(e){const t=this.getSidebarMenuItems(e);for(let i of t)if(this.getNavItem(i.shadowRoot).classList.contains("active-section")||this.hasChildren(i.shadowRoot)&&this.containsActiveSection(i.shadowRoot))return this.handleClassList(i,"add","active-section"),!0;return!1}applyActiveSectionToParent(e){const t=this.getSidebarMenuItems(e);t==null||t.forEach(i=>{if(this.hasActiveChild(i.shadowRoot)){const a=this.getActiveItemSection(i);this.handleClassList(a,"add","active-section")}this.applyActiveSectionToParent(i.shadowRoot)})}querySidebarItems(e){return e.querySelectorAll("ifx-sidebar-item")}isActive(e){return e.getAttribute("active")==="true"}handleSidebarItemActivated(e){this.removeActiveClassesRecursively(),this.activeItem=e.detail,this.activeItem.setAttribute("active","true");const t=this.getNavItem(e.detail.parentElement.parentElement.parentElement);t&&this.handleClassList(t,"add","active-section")}componentWillLoad(){this.internalTermsofUse=this.termsOfUse.trim(),this.internalPrivacyPolicy=this.privacyPolicy.trim(),this.internalImprint=this.imprint.trim(),this.internalShowFooter=this.showFooter,this.internalShowFooter&&!this.internalImprint&&!this.internalPrivacyPolicy&&!this.internalTermsofUse&&!this.copyrightText&&(this.internalShowFooter=!1)}render(){return s("div",{key:"b0bba273e66dc5b7ae8f8b2474e401c77b067c4b","aria-label":"a navigation sidebar","aria-value":this.applicationName,class:"sidebar__container"},s("div",{key:"31f251792d826565cd744c17e7013508f8ba7fe5",class:"sidebar__top-container"},this.showHeader&&s("div",{key:"4792e3d72b34c7a5cac7247095c45040ecbb26cf",class:"sidebar__nav-bar"},s("div",{key:"55c67e654987de72144273faeed4ce95ad988f32",class:"sidebar__nav-bar-logo"},s("div",{key:"893414dc0b42ea5a6f189cb41b7b1c212566a89f",class:"sidebar__nav-bar-logo-img"},s("svg",{key:"89f007604ba0d5925e6f98ffba03937ae3803533",width:"91",height:"40",viewBox:"0 0 91 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s("g",{key:"5d8e83c9489778e37b95156a9824bee01c5373e2","clip-path":"url(#clip0_2396_2480)"},s("path",{key:"945c0ce836be128ccdcdbf2ae061d08659d0b8ce",d:"M67.691 26.7766C71.0884 26.7766 72.1461 23.1841 72.1461 19.8802C72.1461 15.4536 70.2871 13.1441 67.691 13.1441C64.4219 13.1441 63.2681 16.7367 63.3001 19.9443C63.3322 23.1199 64.2296 26.7766 67.691 26.7766ZM66.0244 19.8481C66.0244 18.533 66.0244 15.4536 67.691 15.4536C69.4859 15.4536 69.4218 18.5009 69.4218 19.9123C69.4218 21.2595 69.4218 24.5313 67.7551 24.5313C65.9603 24.4992 66.0244 21.2274 66.0244 19.8481ZM57.8195 26.7766C59.1976 26.7766 60.3835 26.2313 61.5053 25.0445L60.5117 23.1841C59.7425 24.018 58.9733 24.4671 58.0438 24.4671C57.2746 24.4671 56.6336 24.018 56.249 23.2482C55.9285 22.5746 55.8644 21.8048 55.8644 20.9708V20.7142H61.6335V20.1368C61.6335 17.282 61.2809 15.7102 60.3835 14.5234C59.7104 13.6253 58.7169 13.1441 57.499 13.1441C56.2169 13.1441 55.1593 13.7215 54.39 14.8442C53.5567 16.0631 53.2042 17.699 53.2042 19.9443C53.1721 24.2426 54.8708 26.7766 57.8195 26.7766ZM57.531 15.2612C58.172 15.2612 58.5566 15.614 58.813 16.1914C59.0053 16.7046 59.1015 17.5707 59.1015 18.5971H55.8644C55.8964 16.3197 56.3772 15.2612 57.531 15.2612ZM74.2614 26.4559H76.7614V16.8329C77.3703 16.0952 78.0754 15.6782 78.5882 15.6782C78.9087 15.6782 79.2292 15.7423 79.4215 15.9989C79.6138 16.2876 79.71 16.7046 79.71 17.699V26.4559H82.21V16.5442C82.21 15.6782 82.1138 14.8121 81.601 14.1706C81.1523 13.5932 80.4472 13.2404 79.5497 13.2404C78.3959 13.2404 77.2101 13.914 76.569 14.6838C76.537 14.0102 76.3126 13.3687 76.2485 13.1441L73.9089 13.7536C74.0371 14.4593 74.2294 15.3253 74.2294 16.8971V26.4559H74.2614ZM45.2236 14.6838C45.1915 14.0102 44.9672 13.3687 44.9031 13.1441L42.5634 13.7536C42.6916 14.4593 42.8839 15.3253 42.8839 16.8971V26.4238H45.3838V16.8008C45.9928 16.0631 46.6979 15.6461 47.2107 15.6461C47.5312 15.6461 47.8517 15.7102 48.044 15.9669C48.2363 16.2555 48.3325 16.6725 48.3325 17.6669V26.4238H50.8324V16.5442C50.8324 15.6782 50.7363 14.8121 50.2235 14.1706C49.7748 13.5932 49.0696 13.2404 48.1722 13.2404C47.0505 13.2404 45.8646 13.914 45.2236 14.6838ZM14.6473 9.07042C16.1216 9.07042 17.3075 7.88359 17.3075 6.40807C17.3075 4.93256 16.1216 3.74573 14.6473 3.74573C13.173 3.74573 11.9871 4.93256 11.9871 6.40807C11.9871 7.88359 13.173 9.07042 14.6473 9.07042ZM26.9227 26.4559V16.5442C26.9227 15.6782 26.8265 14.8121 26.3137 14.1706C25.865 13.5932 25.1599 13.2404 24.2625 13.2404C23.1087 13.2404 21.9228 13.914 21.2818 14.6838C21.2497 14.0102 21.0254 13.3687 20.9613 13.1441L18.6536 13.7857C18.7818 14.4913 18.9741 15.3574 18.9741 16.9291V26.4559H21.4741V16.8329C22.0831 16.0952 22.7882 15.6782 23.301 15.6782C23.6215 15.6782 23.942 15.7423 24.1343 15.9989C24.3266 16.2876 24.4227 16.7046 24.4227 17.699V26.4559H26.9227ZM38.4289 8.36474C37.4994 8.36474 36.7622 9.10249 36.7622 10.0327C36.7622 10.9629 37.4994 11.7007 38.3968 11.7007C39.3263 11.7007 40.0634 10.9629 40.0634 10.0327C40.0634 9.10249 39.3263 8.36474 38.4289 8.36474ZM13.4614 26.4559H15.9614V10.8346L13.4614 11.1554V26.4559ZM33.8777 9.90441C34.3264 9.90441 34.7751 10.0648 35.0635 10.2893L35.7687 8.33266C35.0956 7.85151 34.3584 7.62698 33.429 7.62698C32.788 7.62698 32.1149 7.78736 31.5059 8.26851C30.897 8.78173 30.256 9.80818 30.256 11.7328C30.256 12.5667 30.288 13.4328 30.288 13.4328H29.4226V15.6461H30.288V26.4238H32.8521V15.6782H34.743L35.2238 13.4649H32.8841V11.4762C32.8841 10.5139 33.2687 9.90441 33.8777 9.90441ZM37.1468 26.4559H39.6788V13.2404L37.1468 13.5611V26.4559Z",fill:"#005DA9"}),s("path",{key:"95fb355ab5ec8c05cd7429337861f0b9486ccc7a",d:"M77.0816 33.5126C68.6203 36.0146 58.3321 37.1052 48.2682 37.1052C22.7239 37.1052 6.24986 29.5993 5.09604 19.6877C4.67938 15.9668 7.59599 12.3422 12.4677 9.26285C11.6023 8.62132 11.0575 7.59488 11.0254 6.44012C3.97427 10.161 0 15.0366 0 19.9764C0 30.9145 19.5188 40.1525 48.5246 39.7676C58.6205 39.6393 67.0498 38.1958 74.6778 35.6939C83.7482 32.7428 89.4532 28.5087 90.8313 26.6483C89.1968 28.1238 85.3186 31.0748 77.0816 33.5126ZM23.2687 4.38723C24.9674 3.80985 27.3712 3.0721 27.3712 3.0721C34.1339 1.21166 41.6017 0.121063 48.5566 0.185215C40.544 -0.295931 33.2365 0.185215 26.8584 1.33997C26.8584 1.33997 24.743 1.69281 22.4675 2.27018C22.4675 2.27018 21.3777 2.55887 20.7047 2.75133C20.0316 2.94379 19.1021 3.2004 19.1021 3.2004C18.4611 3.39286 17.8201 3.6174 17.1791 3.84193C17.8201 4.48346 18.2047 5.31745 18.2368 6.27974C19.3586 5.76652 21.5059 4.99668 23.2687 4.38723Z",fill:"#E30034"})),s("defs",{key:"4c049a28a554ab80168f7a02c12d9ed3ac068984"},s("clipPath",{key:"9746118be654b61606b143dae5ba184cbc0f8cea",id:"clip0_2396_2480"},s("rect",{key:"52555abc763896020ca4615964a5988c28d415f1",width:"91",height:"40",fill:"white"}))))," "),s("div",{key:"f68f1b286820d3be0caaa73a10c643d2b62ee4fa",class:"sidebar__nav-bar-logo-text"},this.applicationName))),s("div",{key:"1a6b6640d25e85ff4c7d942327492e49d4fdf93b",class:"sidebar__nav-container"},s("slot",{key:"97c4ec3a9292ecc39d49a019b229117327a21835"}))),this.internalShowFooter&&s("div",{key:"1cd20e0731d6c22b846704fac3285238f7eded19",class:"sidebar__footer-container"},s("div",{key:"0fbb90cb034483f13b9758e854e07ed3340ab2b4",class:"sidebar__footer-wrapper"},(this.internalTermsofUse||this.internalImprint||this.internalPrivacyPolicy)&&s("div",{key:"9476fd844e6c62514d3d3aaceaa9fb82335a1600",class:"sidebar__footer-wrapper-top-links"},this.internalTermsofUse!==""&&s("a",{key:"0d78319bf888fd7f9725f3c23c18caa5a408b19c",target:this.target,href:this.internalTermsofUse},"Terms of use"),this.internalImprint!==""&&s("a",{key:"6f8c62f085c64f0589331fbd461afd37c8d89e77",target:this.target,href:this.internalImprint},"Imprint"),this.internalPrivacyPolicy!==""&&s("a",{key:"c7faa500724ae393fdacad5c35f3b3b8c1e3b2d4",target:this.target,href:this.internalPrivacyPolicy},"Privacy policy")),this.copyrightText&&s("div",{key:"7c0c143ed88dfc5d60095d4213c136e1bdf32b95",class:"sidebar__footer-wrapper-bottom-links"},s("span",{key:"dfb338548c292859307208a02e3865157a61e0ee"},this.copyrightText)))))}get el(){return c(this)}};_.style=h;export{_ as ifx_sidebar}; +import{r as d,h as s,g as c}from"./index-CTBaKUaT.js";const l=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{height:100%;display:inline-flex}.sidebar__container{box-sizing:border-box;display:inline-flex;flex-direction:column;align-items:flex-start;padding:0px;background-color:#FFFFFF;border-right:1px solid #EEEDED;width:264px;height:100%;font-family:var(--ifx-font-family)}.sidebar__container .sidebar__top-container{display:flex;flex-direction:column;align-items:center;padding:0px;flex:1 1 auto;order:0;z-index:0;width:100%;overflow-y:auto}.sidebar__container .sidebar__top-container .sidebar__nav-bar{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:12px 32px;background-color:#FFFFFF;flex:none;order:0;flex-grow:0;width:100%}.sidebar__container .sidebar__top-container .sidebar__nav-bar .sidebar__nav-bar-logo{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0px;gap:16px;flex:none;order:0;flex-grow:0}.sidebar__container .sidebar__top-container .sidebar__nav-bar .sidebar__nav-bar-logo .sidebar__nav-bar-logo-img{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0px;flex:none;order:0;flex-grow:0}.sidebar__container .sidebar__top-container .sidebar__nav-bar .sidebar__nav-bar-logo .sidebar__nav-bar-logo-img svg{width:91px;height:40px}.sidebar__container .sidebar__top-container .sidebar__nav-bar .sidebar__nav-bar-logo .sidebar__nav-bar-logo-text{font-style:normal;font-weight:600;font-size:1rem;line-height:1.5rem;display:flex;align-items:center;color:#1D1D1D;flex:none;order:1;flex-grow:0;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.sidebar__container .sidebar__top-container .sidebar__nav-container{scrollbar-gutter:stable;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:12px 32px;flex:1 1 auto;order:1;width:100%}.sidebar__container .sidebar__top-container .sidebar__nav-container ::slotted(*){width:100%}.sidebar__container .sidebar__footer-container{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:0px 32px;flex:none;order:1;align-self:stretch;flex-grow:1;z-index:1}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper{display:flex;flex-direction:column;align-items:flex-start;padding:24px 0px;gap:16px;border-top:1px solid #EEEDED;flex:none;order:0;flex-grow:0;width:100%}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-top-links{display:flex;align-items:flex-start;padding:0px;gap:12px;flex:none;order:0;align-self:stretch;flex-grow:0;flex-wrap:wrap}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-top-links a{font:400 0.875rem/1.25rem "Source Sans 3";display:flex;text-decoration:none;align-items:center;color:#1D1D1D;flex:none;flex-grow:0}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-top-links a:hover{color:#08665C}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-top-links a:focus{outline:none;color:#08665C}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-bottom-links{display:flex;flex-direction:column;align-items:center}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-bottom-links span{font:400 0.875rem/1.25rem "Source Sans 3";text-decoration:none;color:#575352;flex:none;order:1;flex-grow:0;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-bottom-links span:hover{cursor:initial}',h=l,f="active",b="active-section",p=".sidebar__nav-item",_=class{constructor(e){d(this,e),this.applicationName="",this.initialCollapse=!0,this.showFooter=!0,this.showHeader=!0,this.termsOfUse="#",this.imprint="#",this.privacyPolicy="#",this.target="_blank",this.currentYear=new Date().getFullYear(),this.copyrightText="© 1999 - "+this.currentYear+" Infineon Technologies AG",this.internalTermsofUse="",this.internalImprint="",this.internalPrivacyPolicy="",this.internalShowFooter=!0,this.activeItem=null}expandActiveItems(){const e=async i=>{if(await i.isItemExpandable()!==!0)return i.active?1:0;let a=0;const o=this.getSidebarMenuItems(i);for(let r=0;r0&&(a==1?i.expandMenu(!1):i.expandMenu(!0)),a?a+1:0},t=this.getSidebarMenuItems(this.el);for(let i=0;i a").classList.contains("header__section")&&e[0].shadowRoot.querySelector("div > a").classList.add("no-top-border"),this.el.querySelectorAll("ifx-sidebar-title").forEach(i=>{const a=i.nextElementSibling;a&&a.tagName==="IFX-SIDEBAR-ITEM"&&a.shadowRoot.querySelector("div > a").classList.contains("header__section")&&a.shadowRoot.querySelector("div > a").classList.add("no-top-border")})}async addPaddingToTheLastItem(e){const t=this.getSidebarMenuItems(e);for(let i=0;i{const a=this.getSidebarMenuItems(i);let o=!1;a==null||a.forEach(r=>{if(this.isActive(r)&&!o?(o=!0,this.handleBorderIndicatorDisplacement(r)):this.isActive(r)&&o&&r.setAttribute("active","false"),this.hasChildren(r.shadowRoot)&&!this.hasActiveChild(r.shadowRoot)){const n=this.getActiveItemSection(r);this.handleClassList(n,"remove","active-section")}if(this.hasChildren(r.shadowRoot)&&this.isOpen(r.shadowRoot)&&this.containsActiveSection(r)){const n=this.getActiveItemSection(r);this.handleClassList(n,"remove","active-section")}this.hasChildren(r.shadowRoot)&&e(r.shadowRoot)})};this.getSidebarMenuItems(this.el).forEach(e)}handleClassList(e,t,i){if(e.classList[t](i),t==="contains")return e.classList.contains(i)}getActiveItemSection(e){return this.getNavItem(e.shadowRoot)}getNavItem(e){return e==null?void 0:e.querySelector(".sidebar__nav-item")}hasChildren(e){return(e==null?void 0:e.querySelector(".item__arrow-wrapper"))!==null}handleBorderIndicatorDisplacement(e){const t=a=>{if(this.isActive(a)||a===e){const n=this.getActiveItemSection(a);this.hasChildren(n)&&this.handleClassList(n,"add","active-section")}this.getSidebarMenuItems(a).forEach(t)};this.getSidebarMenuItems(this.el).forEach(t)}removeActiveClassesRecursively(){const e=t=>{this.querySidebarItems(t).forEach(a=>{const o=a.shadowRoot.querySelector(p);o.classList.remove(b),o.classList.remove(f),a.getAttribute("active")&&a.setAttribute("active","false"),e(a.shadowRoot)})};e(this.el),this.activeItem&&this.activeItem.setAttribute("active","false"),this.activeItem=null}hasActiveChild(e){const t=this.getSidebarMenuItems(e);if(t)for(let i of t){if(this.isActive(i))return!0;if(this.hasChildren(i.shadowRoot)&&this.hasActiveChild(i.shadowRoot))return!0}return!1}handleSidebarItemInteraction(e){const t=e.detail;if((!this.hasChildren(t.shadowRoot)||this.hasActiveChild(t.shadowRoot))&&this.handleBorderIndicatorDisplacement(t),this.hasChildren(t.shadowRoot)&&!this.hasActiveChild(t.shadowRoot)){const i=this.getActiveItemSection(t);this.handleClassList(i,"remove","active-section")}if(this.hasChildren(t.shadowRoot)&&this.isOpen(t.shadowRoot)&&this.containsActiveSection(t)){const i=this.getActiveItemSection(t);this.handleClassList(i,"remove","active-section")}}isOpen(e){return!!this.getNavItem(e).classList.contains("open")}containsActiveSection(e){const t=this.getSidebarMenuItems(e);for(let i of t)if(this.getNavItem(i.shadowRoot).classList.contains("active-section")||this.hasChildren(i.shadowRoot)&&this.containsActiveSection(i.shadowRoot))return this.handleClassList(i,"add","active-section"),!0;return!1}applyActiveSectionToParent(e){const t=this.getSidebarMenuItems(e);t==null||t.forEach(i=>{if(this.hasActiveChild(i.shadowRoot)){const a=this.getActiveItemSection(i);this.handleClassList(a,"add","active-section")}this.applyActiveSectionToParent(i.shadowRoot)})}querySidebarItems(e){return e.querySelectorAll("ifx-sidebar-item")}isActive(e){return e.getAttribute("active")==="true"}handleSidebarItemActivated(e){this.removeActiveClassesRecursively(),this.activeItem=e.detail,this.activeItem.setAttribute("active","true");const t=this.getNavItem(e.detail.parentElement.parentElement.parentElement);t&&this.handleClassList(t,"add","active-section")}componentWillLoad(){this.internalTermsofUse=this.termsOfUse.trim(),this.internalPrivacyPolicy=this.privacyPolicy.trim(),this.internalImprint=this.imprint.trim(),this.internalShowFooter=this.showFooter,this.internalShowFooter&&!this.internalImprint&&!this.internalPrivacyPolicy&&!this.internalTermsofUse&&!this.copyrightText&&(this.internalShowFooter=!1)}render(){return s("div",{key:"b0bba273e66dc5b7ae8f8b2474e401c77b067c4b","aria-label":"a navigation sidebar","aria-value":this.applicationName,class:"sidebar__container"},s("div",{key:"31f251792d826565cd744c17e7013508f8ba7fe5",class:"sidebar__top-container"},this.showHeader&&s("div",{key:"4792e3d72b34c7a5cac7247095c45040ecbb26cf",class:"sidebar__nav-bar"},s("div",{key:"55c67e654987de72144273faeed4ce95ad988f32",class:"sidebar__nav-bar-logo"},s("div",{key:"893414dc0b42ea5a6f189cb41b7b1c212566a89f",class:"sidebar__nav-bar-logo-img"},s("svg",{key:"89f007604ba0d5925e6f98ffba03937ae3803533",width:"91",height:"40",viewBox:"0 0 91 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s("g",{key:"5d8e83c9489778e37b95156a9824bee01c5373e2","clip-path":"url(#clip0_2396_2480)"},s("path",{key:"945c0ce836be128ccdcdbf2ae061d08659d0b8ce",d:"M67.691 26.7766C71.0884 26.7766 72.1461 23.1841 72.1461 19.8802C72.1461 15.4536 70.2871 13.1441 67.691 13.1441C64.4219 13.1441 63.2681 16.7367 63.3001 19.9443C63.3322 23.1199 64.2296 26.7766 67.691 26.7766ZM66.0244 19.8481C66.0244 18.533 66.0244 15.4536 67.691 15.4536C69.4859 15.4536 69.4218 18.5009 69.4218 19.9123C69.4218 21.2595 69.4218 24.5313 67.7551 24.5313C65.9603 24.4992 66.0244 21.2274 66.0244 19.8481ZM57.8195 26.7766C59.1976 26.7766 60.3835 26.2313 61.5053 25.0445L60.5117 23.1841C59.7425 24.018 58.9733 24.4671 58.0438 24.4671C57.2746 24.4671 56.6336 24.018 56.249 23.2482C55.9285 22.5746 55.8644 21.8048 55.8644 20.9708V20.7142H61.6335V20.1368C61.6335 17.282 61.2809 15.7102 60.3835 14.5234C59.7104 13.6253 58.7169 13.1441 57.499 13.1441C56.2169 13.1441 55.1593 13.7215 54.39 14.8442C53.5567 16.0631 53.2042 17.699 53.2042 19.9443C53.1721 24.2426 54.8708 26.7766 57.8195 26.7766ZM57.531 15.2612C58.172 15.2612 58.5566 15.614 58.813 16.1914C59.0053 16.7046 59.1015 17.5707 59.1015 18.5971H55.8644C55.8964 16.3197 56.3772 15.2612 57.531 15.2612ZM74.2614 26.4559H76.7614V16.8329C77.3703 16.0952 78.0754 15.6782 78.5882 15.6782C78.9087 15.6782 79.2292 15.7423 79.4215 15.9989C79.6138 16.2876 79.71 16.7046 79.71 17.699V26.4559H82.21V16.5442C82.21 15.6782 82.1138 14.8121 81.601 14.1706C81.1523 13.5932 80.4472 13.2404 79.5497 13.2404C78.3959 13.2404 77.2101 13.914 76.569 14.6838C76.537 14.0102 76.3126 13.3687 76.2485 13.1441L73.9089 13.7536C74.0371 14.4593 74.2294 15.3253 74.2294 16.8971V26.4559H74.2614ZM45.2236 14.6838C45.1915 14.0102 44.9672 13.3687 44.9031 13.1441L42.5634 13.7536C42.6916 14.4593 42.8839 15.3253 42.8839 16.8971V26.4238H45.3838V16.8008C45.9928 16.0631 46.6979 15.6461 47.2107 15.6461C47.5312 15.6461 47.8517 15.7102 48.044 15.9669C48.2363 16.2555 48.3325 16.6725 48.3325 17.6669V26.4238H50.8324V16.5442C50.8324 15.6782 50.7363 14.8121 50.2235 14.1706C49.7748 13.5932 49.0696 13.2404 48.1722 13.2404C47.0505 13.2404 45.8646 13.914 45.2236 14.6838ZM14.6473 9.07042C16.1216 9.07042 17.3075 7.88359 17.3075 6.40807C17.3075 4.93256 16.1216 3.74573 14.6473 3.74573C13.173 3.74573 11.9871 4.93256 11.9871 6.40807C11.9871 7.88359 13.173 9.07042 14.6473 9.07042ZM26.9227 26.4559V16.5442C26.9227 15.6782 26.8265 14.8121 26.3137 14.1706C25.865 13.5932 25.1599 13.2404 24.2625 13.2404C23.1087 13.2404 21.9228 13.914 21.2818 14.6838C21.2497 14.0102 21.0254 13.3687 20.9613 13.1441L18.6536 13.7857C18.7818 14.4913 18.9741 15.3574 18.9741 16.9291V26.4559H21.4741V16.8329C22.0831 16.0952 22.7882 15.6782 23.301 15.6782C23.6215 15.6782 23.942 15.7423 24.1343 15.9989C24.3266 16.2876 24.4227 16.7046 24.4227 17.699V26.4559H26.9227ZM38.4289 8.36474C37.4994 8.36474 36.7622 9.10249 36.7622 10.0327C36.7622 10.9629 37.4994 11.7007 38.3968 11.7007C39.3263 11.7007 40.0634 10.9629 40.0634 10.0327C40.0634 9.10249 39.3263 8.36474 38.4289 8.36474ZM13.4614 26.4559H15.9614V10.8346L13.4614 11.1554V26.4559ZM33.8777 9.90441C34.3264 9.90441 34.7751 10.0648 35.0635 10.2893L35.7687 8.33266C35.0956 7.85151 34.3584 7.62698 33.429 7.62698C32.788 7.62698 32.1149 7.78736 31.5059 8.26851C30.897 8.78173 30.256 9.80818 30.256 11.7328C30.256 12.5667 30.288 13.4328 30.288 13.4328H29.4226V15.6461H30.288V26.4238H32.8521V15.6782H34.743L35.2238 13.4649H32.8841V11.4762C32.8841 10.5139 33.2687 9.90441 33.8777 9.90441ZM37.1468 26.4559H39.6788V13.2404L37.1468 13.5611V26.4559Z",fill:"#005DA9"}),s("path",{key:"95fb355ab5ec8c05cd7429337861f0b9486ccc7a",d:"M77.0816 33.5126C68.6203 36.0146 58.3321 37.1052 48.2682 37.1052C22.7239 37.1052 6.24986 29.5993 5.09604 19.6877C4.67938 15.9668 7.59599 12.3422 12.4677 9.26285C11.6023 8.62132 11.0575 7.59488 11.0254 6.44012C3.97427 10.161 0 15.0366 0 19.9764C0 30.9145 19.5188 40.1525 48.5246 39.7676C58.6205 39.6393 67.0498 38.1958 74.6778 35.6939C83.7482 32.7428 89.4532 28.5087 90.8313 26.6483C89.1968 28.1238 85.3186 31.0748 77.0816 33.5126ZM23.2687 4.38723C24.9674 3.80985 27.3712 3.0721 27.3712 3.0721C34.1339 1.21166 41.6017 0.121063 48.5566 0.185215C40.544 -0.295931 33.2365 0.185215 26.8584 1.33997C26.8584 1.33997 24.743 1.69281 22.4675 2.27018C22.4675 2.27018 21.3777 2.55887 20.7047 2.75133C20.0316 2.94379 19.1021 3.2004 19.1021 3.2004C18.4611 3.39286 17.8201 3.6174 17.1791 3.84193C17.8201 4.48346 18.2047 5.31745 18.2368 6.27974C19.3586 5.76652 21.5059 4.99668 23.2687 4.38723Z",fill:"#E30034"})),s("defs",{key:"4c049a28a554ab80168f7a02c12d9ed3ac068984"},s("clipPath",{key:"9746118be654b61606b143dae5ba184cbc0f8cea",id:"clip0_2396_2480"},s("rect",{key:"52555abc763896020ca4615964a5988c28d415f1",width:"91",height:"40",fill:"white"}))))," "),s("div",{key:"f68f1b286820d3be0caaa73a10c643d2b62ee4fa",class:"sidebar__nav-bar-logo-text"},this.applicationName))),s("div",{key:"1a6b6640d25e85ff4c7d942327492e49d4fdf93b",class:"sidebar__nav-container"},s("slot",{key:"97c4ec3a9292ecc39d49a019b229117327a21835"}))),this.internalShowFooter&&s("div",{key:"1cd20e0731d6c22b846704fac3285238f7eded19",class:"sidebar__footer-container"},s("div",{key:"0fbb90cb034483f13b9758e854e07ed3340ab2b4",class:"sidebar__footer-wrapper"},(this.internalTermsofUse||this.internalImprint||this.internalPrivacyPolicy)&&s("div",{key:"9476fd844e6c62514d3d3aaceaa9fb82335a1600",class:"sidebar__footer-wrapper-top-links"},this.internalTermsofUse!==""&&s("a",{key:"0d78319bf888fd7f9725f3c23c18caa5a408b19c",target:this.target,href:this.internalTermsofUse},"Terms of use"),this.internalImprint!==""&&s("a",{key:"6f8c62f085c64f0589331fbd461afd37c8d89e77",target:this.target,href:this.internalImprint},"Imprint"),this.internalPrivacyPolicy!==""&&s("a",{key:"c7faa500724ae393fdacad5c35f3b3b8c1e3b2d4",target:this.target,href:this.internalPrivacyPolicy},"Privacy policy")),this.copyrightText&&s("div",{key:"7c0c143ed88dfc5d60095d4213c136e1bdf32b95",class:"sidebar__footer-wrapper-bottom-links"},s("span",{key:"dfb338548c292859307208a02e3865157a61e0ee"},this.copyrightText)))))}get el(){return c(this)}};_.style=h;export{_ as ifx_sidebar}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-slider.entry-D4vO2HOB.js b/pr-preview-vue-example/pr-1685/assets/ifx-slider.entry-f1HO9LxI.js similarity index 99% rename from pr-preview-vue-example/pr-1685/assets/ifx-slider.entry-D4vO2HOB.js rename to pr-preview-vue-example/pr-1685/assets/ifx-slider.entry-f1HO9LxI.js index 6754066cf..e4d988d25 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-slider.entry-D4vO2HOB.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-slider.entry-f1HO9LxI.js @@ -1 +1 @@ -import{r as s,c as r,h as a,g as l}from"./index-DFR79MvN.js";const d=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-block}.left-icon,.right-icon,.left-text,.right-text,.percentage-display{font-size:0.875rem;color:#575352;margin-left:8px}.left-icon.disabled,.right-icon.disabled,.left-text.disabled,.right-text.disabled,.percentage-display.disabled{color:#BFBBBB}.left-icon,.left-text{margin-right:8px}.right-icon,.right-text,.percentage-display{margin-left:8px}.ifx-slider{display:flex;align-items:center;padding:2px 16px;border-radius:9999px}.ifx-slider input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:linear-gradient(to right, #0A8276 0%, #0A8276 var(--value-percent, 0%), #EEEDED var(--value-percent, 0%), #EEEDED 100%);outline:none;cursor:pointer;transition:0.2s}.ifx-slider input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#0A8276;cursor:pointer;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)}.ifx-slider input[type=range]:not(:disabled)::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#0A8276;border-radius:50%;cursor:pointer;transition:box-shadow 0.2s}.ifx-slider input[type=range]:not(:disabled)::-webkit-slider-thumb:hover{background:#08665C}.ifx-slider input[type=range]:not(:disabled)::-webkit-slider-thumb:active{background:#06534B}.ifx-slider input[type=range]:disabled{background:#BFBBBB;cursor:default}.ifx-slider input[type=range]:disabled::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#BFBBBB;border-radius:50%;cursor:default}.ifx-slider .range-slider__wrapper{position:relative;width:129px;height:4px;display:flex;align-items:center;justify-content:center;margin:0px 2px;background:linear-gradient(to right, #EEEDED 0%, #EEEDED var(--min-value-percent, 100%), #0A8276 var(--min-value-percent, 100%), #0A8276 var(--max-value-percent, 100%), #EEEDED var(--max-value-percent, 100%), #EEEDED 100%)}.ifx-slider .range-slider__wrapper:has(input[type=range]:disabled){background:#BFBBBB}.ifx-slider .range-slider__wrapper input[type=range]{position:absolute;pointer-events:none;background:none}.ifx-slider .range-slider__wrapper input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;pointer-events:auto;cursor:pointer;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)}.ifx-slider .range-slider__wrapper input[type=range]::-moz-range-thumb{-webkit-appearance:none;border:none;pointer-events:auto;cursor:pointer;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)}.ifx-slider .range-slider__wrapper input[type=range]::-ms-thumb{-webkit-appearance:none;border:none;pointer-events:auto;cursor:pointer;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)}.ifx-slider .range-slider__wrapper input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;border:none;background:none;width:100%}.ifx-slider .range-slider__wrapper input[type=range]::-moz-range-track{-webkit-appearance:none;border:none;background:none;width:100%}',h=d,p=class{constructor(e){s(this,e),this.ifxChange=r(this,"ifxChange",7),this.min=0,this.max=100,this.step=1,this.value=void 0,this.minValueHandle=void 0,this.maxValueHandle=void 0,this.disabled=!1,this.showPercentage=!1,this.leftIcon=void 0,this.rightIcon=void 0,this.leftText=void 0,this.rightText=void 0,this.type="single",this.internalValue=0,this.percentage=0,this.internalMinValue=0,this.internalMaxValue=100}valueChanged(e){this.internalValue=e,this.updateValuePercent()}minValueChanged(e){this.internalMinValue=e,this.updateValuePercent()}maxValueChanged(e){this.internalMaxValue=e,this.updateValuePercent()}getRangeSliderWrapper(){return this.el.shadowRoot.querySelector(".range-slider__wrapper")}handleInputChangeOfRangeSlider(e){const t=e.target;parseFloat(this.maxInputRef.value)-parseFloat(this.minInputRef.value)<=0&&(t.id==="max-slider"?this.maxInputRef.value=this.minInputRef.value:this.minInputRef.value=this.maxInputRef.value),t.id==="max-slider"?this.internalMaxValue=parseFloat(this.maxInputRef.value):this.internalMinValue=parseFloat(this.minInputRef.value),this.ifxChange.emit({minVal:this.internalMinValue,maxVal:this.internalMaxValue}),this.updateValuePercent(),this.updateZIndexIfRangeSlider(t.id)}handleOnMouseLeaveOfRangeSlider(e){const t=e.target,i=this.getRangeSliderWrapper();t.id==="max-slider"?i.insertBefore(this.maxInputRef,this.minInputRef):i.insertBefore(this.minInputRef,this.maxInputRef)}calculatePercentageValue(){const e=(this.internalValue-this.min)*1,t=this.max-this.min;this.percentage=+parseFloat(String(e/t*100)).toFixed(2)}handleInputChange(e){const t=e.target;this.internalValue=parseFloat(t.value),this.ifxChange.emit(this.internalValue),this.calculatePercentageValue(),this.updateValuePercent()}roundToValidStep(e){const t=e-this.min,i=t%this.step;return i>=this.step/2?this.min+t+(this.step-i):this.min+t-i}updateValuePercent(){const e=this.max-this.min;if(this.type==="double"){if(this.minInputRef){const i=(this.roundToValidStep(this.internalMinValue)-this.min)*1/e*100;this.minInputRef.parentElement.style.setProperty("--min-value-percent",`${i}%`)}if(this.maxInputRef){const i=(this.roundToValidStep(this.internalMaxValue)-this.min)*1/e*100;this.maxInputRef.parentElement.style.setProperty("--max-value-percent",`${i}%`)}}else if(this.inputRef){const t=(this.roundToValidStep(this.internalValue)-this.min)*1,i=this.max-this.min,n=t/i*100;this.inputRef.style.setProperty("--value-percent",`${n}%`)}}updateZIndexIfRangeSlider(e=""){e==="max-slider"?(this.minInputRef.style.zIndex="1",this.maxInputRef.style.zIndex="2"):(this.minInputRef.style.zIndex="2",this.maxInputRef.style.zIndex="1")}componentWillLoad(){this.value===void 0?this.internalValue=(this.max-this.min)/2:this.internalValue=Math.max(this.min,Math.min(this.max,this.value)),this.calculatePercentageValue(),this.minValueHandle!==void 0?this.internalMinValue=this.minValueHandle:this.internalMinValue=this.min,this.maxValueHandle!==void 0?this.internalMaxValue=this.maxValueHandle:this.internalMaxValue=this.max}componentDidLoad(){this.updateValuePercent()}render(){return a("div",{key:"b465d077094d60c3bdf74cd5ac862e967841067b",class:"ifx-slider"},this.leftText&&a("span",{key:"5913654492aa7e837b6778935b5cb3a7002308fd",class:"left-text"},this.leftText),this.leftIcon&&a("ifx-icon",{key:"26b106c741836e06e127ef3299f0d433de693ab9",icon:this.leftIcon,class:`left-icon${this.disabled?" disabled":""}`}),this.type!=="double"?a("input",{type:"range",min:this.min,max:this.max,step:this.step,value:this.internalValue,disabled:this.disabled,ref:e=>this.inputRef=e,onInput:e=>this.handleInputChange(e),"aria-label":"a slider","aria-value":this.value,"aria-disabled":this.disabled}):a("div",{class:"range-slider__wrapper","aria-label":"a range slider","aria-value":this.value,"aria-disabled":this.disabled},a("input",{id:"min-slider",type:"range",min:this.min,max:this.max,step:this.step,value:this.internalMinValue,disabled:this.disabled,ref:e=>this.minInputRef=e,onInput:e=>this.handleInputChangeOfRangeSlider(e),onMouseUp:e=>this.handleOnMouseLeaveOfRangeSlider(e)}),a("input",{id:"max-slider",type:"range",min:this.min,max:this.max,step:this.step,value:this.internalMaxValue,disabled:this.disabled,ref:e=>this.maxInputRef=e,onInput:e=>this.handleInputChangeOfRangeSlider(e),onMouseUp:e=>this.handleOnMouseLeaveOfRangeSlider(e)})),this.rightIcon&&a("ifx-icon",{key:"4af440423ce265817ecd177c0f74a9ed1d0e5f10",icon:this.rightIcon,class:`right-icon${this.disabled?" disabled":""}`}),this.rightText&&a("span",{key:"627694f955bfc92530e91fdd56ddaa791d7006e7",class:`right-text${this.disabled?" disabled":""}`},this.rightText),this.showPercentage&&this.type!=="double"&&a("span",{key:"6b564afbe80debd694cd325e6719c5fecd40ca66",class:`percentage-display${this.disabled?" disabled":""}`},this.percentage,"%"))}get el(){return l(this)}static get watchers(){return{value:["valueChanged"],minValueHandle:["minValueChanged"],maxValueHandle:["maxValueChanged"]}}};p.style=h;export{p as ifx_slider}; +import{r as s,c as r,h as a,g as l}from"./index-CTBaKUaT.js";const d=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-block}.left-icon,.right-icon,.left-text,.right-text,.percentage-display{font-size:0.875rem;color:#575352;margin-left:8px}.left-icon.disabled,.right-icon.disabled,.left-text.disabled,.right-text.disabled,.percentage-display.disabled{color:#BFBBBB}.left-icon,.left-text{margin-right:8px}.right-icon,.right-text,.percentage-display{margin-left:8px}.ifx-slider{display:flex;align-items:center;padding:2px 16px;border-radius:9999px}.ifx-slider input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:linear-gradient(to right, #0A8276 0%, #0A8276 var(--value-percent, 0%), #EEEDED var(--value-percent, 0%), #EEEDED 100%);outline:none;cursor:pointer;transition:0.2s}.ifx-slider input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#0A8276;cursor:pointer;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)}.ifx-slider input[type=range]:not(:disabled)::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#0A8276;border-radius:50%;cursor:pointer;transition:box-shadow 0.2s}.ifx-slider input[type=range]:not(:disabled)::-webkit-slider-thumb:hover{background:#08665C}.ifx-slider input[type=range]:not(:disabled)::-webkit-slider-thumb:active{background:#06534B}.ifx-slider input[type=range]:disabled{background:#BFBBBB;cursor:default}.ifx-slider input[type=range]:disabled::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#BFBBBB;border-radius:50%;cursor:default}.ifx-slider .range-slider__wrapper{position:relative;width:129px;height:4px;display:flex;align-items:center;justify-content:center;margin:0px 2px;background:linear-gradient(to right, #EEEDED 0%, #EEEDED var(--min-value-percent, 100%), #0A8276 var(--min-value-percent, 100%), #0A8276 var(--max-value-percent, 100%), #EEEDED var(--max-value-percent, 100%), #EEEDED 100%)}.ifx-slider .range-slider__wrapper:has(input[type=range]:disabled){background:#BFBBBB}.ifx-slider .range-slider__wrapper input[type=range]{position:absolute;pointer-events:none;background:none}.ifx-slider .range-slider__wrapper input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;pointer-events:auto;cursor:pointer;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)}.ifx-slider .range-slider__wrapper input[type=range]::-moz-range-thumb{-webkit-appearance:none;border:none;pointer-events:auto;cursor:pointer;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)}.ifx-slider .range-slider__wrapper input[type=range]::-ms-thumb{-webkit-appearance:none;border:none;pointer-events:auto;cursor:pointer;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)}.ifx-slider .range-slider__wrapper input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;border:none;background:none;width:100%}.ifx-slider .range-slider__wrapper input[type=range]::-moz-range-track{-webkit-appearance:none;border:none;background:none;width:100%}',h=d,p=class{constructor(e){s(this,e),this.ifxChange=r(this,"ifxChange",7),this.min=0,this.max=100,this.step=1,this.value=void 0,this.minValueHandle=void 0,this.maxValueHandle=void 0,this.disabled=!1,this.showPercentage=!1,this.leftIcon=void 0,this.rightIcon=void 0,this.leftText=void 0,this.rightText=void 0,this.type="single",this.internalValue=0,this.percentage=0,this.internalMinValue=0,this.internalMaxValue=100}valueChanged(e){this.internalValue=e,this.updateValuePercent()}minValueChanged(e){this.internalMinValue=e,this.updateValuePercent()}maxValueChanged(e){this.internalMaxValue=e,this.updateValuePercent()}getRangeSliderWrapper(){return this.el.shadowRoot.querySelector(".range-slider__wrapper")}handleInputChangeOfRangeSlider(e){const t=e.target;parseFloat(this.maxInputRef.value)-parseFloat(this.minInputRef.value)<=0&&(t.id==="max-slider"?this.maxInputRef.value=this.minInputRef.value:this.minInputRef.value=this.maxInputRef.value),t.id==="max-slider"?this.internalMaxValue=parseFloat(this.maxInputRef.value):this.internalMinValue=parseFloat(this.minInputRef.value),this.ifxChange.emit({minVal:this.internalMinValue,maxVal:this.internalMaxValue}),this.updateValuePercent(),this.updateZIndexIfRangeSlider(t.id)}handleOnMouseLeaveOfRangeSlider(e){const t=e.target,i=this.getRangeSliderWrapper();t.id==="max-slider"?i.insertBefore(this.maxInputRef,this.minInputRef):i.insertBefore(this.minInputRef,this.maxInputRef)}calculatePercentageValue(){const e=(this.internalValue-this.min)*1,t=this.max-this.min;this.percentage=+parseFloat(String(e/t*100)).toFixed(2)}handleInputChange(e){const t=e.target;this.internalValue=parseFloat(t.value),this.ifxChange.emit(this.internalValue),this.calculatePercentageValue(),this.updateValuePercent()}roundToValidStep(e){const t=e-this.min,i=t%this.step;return i>=this.step/2?this.min+t+(this.step-i):this.min+t-i}updateValuePercent(){const e=this.max-this.min;if(this.type==="double"){if(this.minInputRef){const i=(this.roundToValidStep(this.internalMinValue)-this.min)*1/e*100;this.minInputRef.parentElement.style.setProperty("--min-value-percent",`${i}%`)}if(this.maxInputRef){const i=(this.roundToValidStep(this.internalMaxValue)-this.min)*1/e*100;this.maxInputRef.parentElement.style.setProperty("--max-value-percent",`${i}%`)}}else if(this.inputRef){const t=(this.roundToValidStep(this.internalValue)-this.min)*1,i=this.max-this.min,n=t/i*100;this.inputRef.style.setProperty("--value-percent",`${n}%`)}}updateZIndexIfRangeSlider(e=""){e==="max-slider"?(this.minInputRef.style.zIndex="1",this.maxInputRef.style.zIndex="2"):(this.minInputRef.style.zIndex="2",this.maxInputRef.style.zIndex="1")}componentWillLoad(){this.value===void 0?this.internalValue=(this.max-this.min)/2:this.internalValue=Math.max(this.min,Math.min(this.max,this.value)),this.calculatePercentageValue(),this.minValueHandle!==void 0?this.internalMinValue=this.minValueHandle:this.internalMinValue=this.min,this.maxValueHandle!==void 0?this.internalMaxValue=this.maxValueHandle:this.internalMaxValue=this.max}componentDidLoad(){this.updateValuePercent()}render(){return a("div",{key:"b465d077094d60c3bdf74cd5ac862e967841067b",class:"ifx-slider"},this.leftText&&a("span",{key:"5913654492aa7e837b6778935b5cb3a7002308fd",class:"left-text"},this.leftText),this.leftIcon&&a("ifx-icon",{key:"26b106c741836e06e127ef3299f0d433de693ab9",icon:this.leftIcon,class:`left-icon${this.disabled?" disabled":""}`}),this.type!=="double"?a("input",{type:"range",min:this.min,max:this.max,step:this.step,value:this.internalValue,disabled:this.disabled,ref:e=>this.inputRef=e,onInput:e=>this.handleInputChange(e),"aria-label":"a slider","aria-value":this.value,"aria-disabled":this.disabled}):a("div",{class:"range-slider__wrapper","aria-label":"a range slider","aria-value":this.value,"aria-disabled":this.disabled},a("input",{id:"min-slider",type:"range",min:this.min,max:this.max,step:this.step,value:this.internalMinValue,disabled:this.disabled,ref:e=>this.minInputRef=e,onInput:e=>this.handleInputChangeOfRangeSlider(e),onMouseUp:e=>this.handleOnMouseLeaveOfRangeSlider(e)}),a("input",{id:"max-slider",type:"range",min:this.min,max:this.max,step:this.step,value:this.internalMaxValue,disabled:this.disabled,ref:e=>this.maxInputRef=e,onInput:e=>this.handleInputChangeOfRangeSlider(e),onMouseUp:e=>this.handleOnMouseLeaveOfRangeSlider(e)})),this.rightIcon&&a("ifx-icon",{key:"4af440423ce265817ecd177c0f74a9ed1d0e5f10",icon:this.rightIcon,class:`right-icon${this.disabled?" disabled":""}`}),this.rightText&&a("span",{key:"627694f955bfc92530e91fdd56ddaa791d7006e7",class:`right-text${this.disabled?" disabled":""}`},this.rightText),this.showPercentage&&this.type!=="double"&&a("span",{key:"6b564afbe80debd694cd325e6719c5fecd40ca66",class:`percentage-display${this.disabled?" disabled":""}`},this.percentage,"%"))}get el(){return l(this)}static get watchers(){return{value:["valueChanged"],minValueHandle:["minValueChanged"],maxValueHandle:["maxValueChanged"]}}};p.style=h;export{p as ifx_slider}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-spinner.entry-Da-il93g.js b/pr-preview-vue-example/pr-1685/assets/ifx-spinner.entry-DGIzcTsu.js similarity index 97% rename from pr-preview-vue-example/pr-1685/assets/ifx-spinner.entry-Da-il93g.js rename to pr-preview-vue-example/pr-1685/assets/ifx-spinner.entry-DGIzcTsu.js index e849807a7..94f22afea 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-spinner.entry-Da-il93g.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-spinner.entry-DGIzcTsu.js @@ -1 +1 @@ -import{r,h as e}from"./index-DFR79MvN.js";import{c as s}from"./index-72ac5051-B1g_EHyb.js";const t=":host{display:inline-block}.spinner{position:relative;width:40px;height:40px}.spinner.s{width:24px;height:24px}.border{box-sizing:border-box;position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#0A8276;border-left-color:#0A8276;border-right-color:#0A8276;border-top-left-radius:1px;border-top-right-radius:1px;border-radius:50%;animation:spin 2s linear infinite}.border.inverted{border-top-color:#FFFFFF;border-left-color:#FFFFFF;border-right-color:#FFFFFF}.semiconductor{width:100%;height:100%;animation:spin 2s linear infinite}.semiconductor svg{fill:#0A8276}.semiconductor.inverted svg{fill:#FFFFFF}.semiconductor.s svg{width:24px;height:24px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}",n=t,o=class{constructor(i){r(this,i),this.size=void 0,this.variant=void 0,this.inverted=!1}render(){return e("div",{key:"d305e244c68c5b9f74f9a67d17c3132c4f7d1e21","aria-label":"spinner indicating a loading process",class:this.getClassNames()},e("div",{key:"cc9610476f50516e906d314d4c13162be10045c8",class:`${this.variant!=="brand"?"border":""} ${this.inverted?"inverted":""}`}),this.variant==="brand"&&e("div",{key:"526c5014652d47cb6db5cab0d512e2251bf10f39",class:`semiconductor ${this.inverted?"inverted":""} ${this.getSizeClass()}`},e("svg",{key:"1b3505e30327ce55daeca879282c7332632bbd33",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{key:"a6f15ce30a574de0d4c2dfbc5fb976351e49935e",id:"spinner/conductor"},e("path",{key:"9df9cdf10db9ea2e87f4a81e270e18c1b1d7f9d1",id:"Vector",d:"M38.75 18.75C39.4375 18.75 40 19.3125 40 20C40 20.6875 39.4409 21.25 38.75 21.25H35V26.25H38.75C39.4375 26.25 40 26.8125 40 27.5C40 28.1875 39.4409 28.75 38.75 28.75H35V30C35 32.7617 32.7617 35 30 35H28.75V38.75C28.75 39.4409 28.1875 40 27.5 40C26.8125 40 26.25 39.4409 26.25 38.75V35H21.25V38.75C21.25 39.4409 20.6875 40 20 40C19.3125 40 18.75 39.4409 18.75 38.75V35H13.75V38.75C13.75 39.4409 13.1875 40 12.5 40C11.8125 40 11.25 39.4409 11.25 38.75V35H10C7.23828 35 5 32.7617 5 30V28.75H1.25C0.559062 28.75 0 28.1875 0 27.5C0 26.8125 0.559062 26.25 1.25 26.25H5V21.25H1.25C0.559062 21.25 0 20.6875 0 20C0 19.3125 0.559062 18.75 1.25 18.75H5V13.75H1.25C0.559062 13.75 0 13.1875 0 12.5C0 11.8125 0.559062 11.25 1.25 11.25H5V10C5 7.23828 7.23828 5 10 5H11.25V1.25C11.25 0.5625 11.8125 0 12.5 0C13.1875 0 13.75 0.559063 13.75 1.25V5H18.75V1.25C18.75 0.559063 19.3091 0 20 0C20.6909 0 21.25 0.559063 21.25 1.25V5H26.25V1.25C26.25 0.559063 26.8091 0 27.5 0C28.1909 0 28.75 0.559063 28.75 1.25V5H30C32.7617 5 35 7.23828 35 10V11.25H38.75C39.4409 11.25 40 11.8091 40 12.5C40 13.1909 39.4409 13.75 38.75 13.75H35V18.75H38.75ZM32.5 10C32.5 8.62188 31.3781 7.5 30 7.5H10C8.62187 7.5 7.5 8.62188 7.5 10V30C7.5 31.3781 8.62187 32.5 10 32.5H30C31.3781 32.5 32.5 31.3781 32.5 30V10Z"})))))}getSizeClass(){return`${this.size}`=="s"?"s":""}getClassNames(){return s("spinner",this.size&&`spinner ${this.getSizeClass()}`)}};o.style=n;export{o as ifx_spinner}; +import{r,h as e}from"./index-CTBaKUaT.js";import{c as s}from"./index-72ac5051-B1g_EHyb.js";const t=":host{display:inline-block}.spinner{position:relative;width:40px;height:40px}.spinner.s{width:24px;height:24px}.border{box-sizing:border-box;position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#0A8276;border-left-color:#0A8276;border-right-color:#0A8276;border-top-left-radius:1px;border-top-right-radius:1px;border-radius:50%;animation:spin 2s linear infinite}.border.inverted{border-top-color:#FFFFFF;border-left-color:#FFFFFF;border-right-color:#FFFFFF}.semiconductor{width:100%;height:100%;animation:spin 2s linear infinite}.semiconductor svg{fill:#0A8276}.semiconductor.inverted svg{fill:#FFFFFF}.semiconductor.s svg{width:24px;height:24px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}",n=t,o=class{constructor(i){r(this,i),this.size=void 0,this.variant=void 0,this.inverted=!1}render(){return e("div",{key:"d305e244c68c5b9f74f9a67d17c3132c4f7d1e21","aria-label":"spinner indicating a loading process",class:this.getClassNames()},e("div",{key:"cc9610476f50516e906d314d4c13162be10045c8",class:`${this.variant!=="brand"?"border":""} ${this.inverted?"inverted":""}`}),this.variant==="brand"&&e("div",{key:"526c5014652d47cb6db5cab0d512e2251bf10f39",class:`semiconductor ${this.inverted?"inverted":""} ${this.getSizeClass()}`},e("svg",{key:"1b3505e30327ce55daeca879282c7332632bbd33",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{key:"a6f15ce30a574de0d4c2dfbc5fb976351e49935e",id:"spinner/conductor"},e("path",{key:"9df9cdf10db9ea2e87f4a81e270e18c1b1d7f9d1",id:"Vector",d:"M38.75 18.75C39.4375 18.75 40 19.3125 40 20C40 20.6875 39.4409 21.25 38.75 21.25H35V26.25H38.75C39.4375 26.25 40 26.8125 40 27.5C40 28.1875 39.4409 28.75 38.75 28.75H35V30C35 32.7617 32.7617 35 30 35H28.75V38.75C28.75 39.4409 28.1875 40 27.5 40C26.8125 40 26.25 39.4409 26.25 38.75V35H21.25V38.75C21.25 39.4409 20.6875 40 20 40C19.3125 40 18.75 39.4409 18.75 38.75V35H13.75V38.75C13.75 39.4409 13.1875 40 12.5 40C11.8125 40 11.25 39.4409 11.25 38.75V35H10C7.23828 35 5 32.7617 5 30V28.75H1.25C0.559062 28.75 0 28.1875 0 27.5C0 26.8125 0.559062 26.25 1.25 26.25H5V21.25H1.25C0.559062 21.25 0 20.6875 0 20C0 19.3125 0.559062 18.75 1.25 18.75H5V13.75H1.25C0.559062 13.75 0 13.1875 0 12.5C0 11.8125 0.559062 11.25 1.25 11.25H5V10C5 7.23828 7.23828 5 10 5H11.25V1.25C11.25 0.5625 11.8125 0 12.5 0C13.1875 0 13.75 0.559063 13.75 1.25V5H18.75V1.25C18.75 0.559063 19.3091 0 20 0C20.6909 0 21.25 0.559063 21.25 1.25V5H26.25V1.25C26.25 0.559063 26.8091 0 27.5 0C28.1909 0 28.75 0.559063 28.75 1.25V5H30C32.7617 5 35 7.23828 35 10V11.25H38.75C39.4409 11.25 40 11.8091 40 12.5C40 13.1909 39.4409 13.75 38.75 13.75H35V18.75H38.75ZM32.5 10C32.5 8.62188 31.3781 7.5 30 7.5H10C8.62187 7.5 7.5 8.62188 7.5 10V30C7.5 31.3781 8.62187 32.5 10 32.5H30C31.3781 32.5 32.5 31.3781 32.5 30V10Z"})))))}getSizeClass(){return`${this.size}`=="s"?"s":""}getClassNames(){return s("spinner",this.size&&`spinner ${this.getSizeClass()}`)}};o.style=n;export{o as ifx_spinner}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-status.entry-Bz6mUZ8x.js b/pr-preview-vue-example/pr-1685/assets/ifx-status.entry-CG0tht18.js similarity index 96% rename from pr-preview-vue-example/pr-1685/assets/ifx-status.entry-Bz6mUZ8x.js rename to pr-preview-vue-example/pr-1685/assets/ifx-status.entry-CG0tht18.js index 1a352afd0..d1699ff33 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-status.entry-Bz6mUZ8x.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-status.entry-CG0tht18.js @@ -1 +1 @@ -import{r as e,h as o}from"./index-DFR79MvN.js";const t=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-block}.container{display:flex;min-height:1.25em;align-items:center;padding:0 8px;border-radius:9999px;font-family:var(--ifx-font-family)}.container.no-border{padding:0}.container.border-orange{border:1px solid #E16B25}.container.border-ocean{border:1px solid #0A8276}.container.border-grey{border:1px solid #575352}.container.border-light-grey{border:1px solid #BFBBBB}.container.border-red{border:1px solid #CD002F}.container.border-green{border:1px solid #4CA460}.container.border-berry{border:1px solid #9C216E}.text{margin:0;padding-left:4px;font-style:normal;font-weight:600;font-size:1rem;line-height:1.25rem;display:inline;color:#1D1D1D}.dot{display:inline-block;width:8px;height:8px;border-radius:9999px}.dot.orange{background-color:#E16B25}.dot.ocean{background-color:#0A8276}.dot.grey{background-color:#575352}.dot.light-grey{background-color:#BFBBBB}.dot.red{background-color:#CD002F}.dot.green{background-color:#4CA460}.dot.berry{background-color:#9C216E}',a=t,n=class{constructor(r){e(this,r),this.label=void 0,this.border=!1,this.color="orange"}render(){const r=this.border?`container border-${this.color}`:"container no-border";return o("div",{key:"6e25a145cdcaee5a2137c94531b84c97b28c8a01","aria-label":"a status indicator","aria-value":this.label,class:r},o("span",{key:"5c43e25f62e1bafb8e856b786de7bc9a37e0ff4d",class:`dot ${this.color}`}),o("p",{key:"1d64598bbef69fc6de5e7dc529afb43f9cd0236b",class:"text"},this.label))}};n.style=a;export{n as ifx_status}; +import{r as e,h as o}from"./index-CTBaKUaT.js";const t=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-block}.container{display:flex;min-height:1.25em;align-items:center;padding:0 8px;border-radius:9999px;font-family:var(--ifx-font-family)}.container.no-border{padding:0}.container.border-orange{border:1px solid #E16B25}.container.border-ocean{border:1px solid #0A8276}.container.border-grey{border:1px solid #575352}.container.border-light-grey{border:1px solid #BFBBBB}.container.border-red{border:1px solid #CD002F}.container.border-green{border:1px solid #4CA460}.container.border-berry{border:1px solid #9C216E}.text{margin:0;padding-left:4px;font-style:normal;font-weight:600;font-size:1rem;line-height:1.25rem;display:inline;color:#1D1D1D}.dot{display:inline-block;width:8px;height:8px;border-radius:9999px}.dot.orange{background-color:#E16B25}.dot.ocean{background-color:#0A8276}.dot.grey{background-color:#575352}.dot.light-grey{background-color:#BFBBBB}.dot.red{background-color:#CD002F}.dot.green{background-color:#4CA460}.dot.berry{background-color:#9C216E}',a=t,n=class{constructor(r){e(this,r),this.label=void 0,this.border=!1,this.color="orange"}render(){const r=this.border?`container border-${this.color}`:"container no-border";return o("div",{key:"6e25a145cdcaee5a2137c94531b84c97b28c8a01","aria-label":"a status indicator","aria-value":this.label,class:r},o("span",{key:"5c43e25f62e1bafb8e856b786de7bc9a37e0ff4d",class:`dot ${this.color}`}),o("p",{key:"1d64598bbef69fc6de5e7dc529afb43f9cd0236b",class:"text"},this.label))}};n.style=a;export{n as ifx_status}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-step.entry-DwCqCB6I.js b/pr-preview-vue-example/pr-1685/assets/ifx-step.entry-D88sLIiQ.js similarity index 99% rename from pr-preview-vue-example/pr-1685/assets/ifx-step.entry-DwCqCB6I.js rename to pr-preview-vue-example/pr-1685/assets/ifx-step.entry-D88sLIiQ.js index cc26e104b..18ce55a4a 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-step.entry-DwCqCB6I.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-step.entry-D88sLIiQ.js @@ -1,4 +1,4 @@ -import{r,h as t}from"./index-DFR79MvN.js";const p=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.step-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;gap:8px;font:400 1rem/1.5rem "Source Sans 3"}.step-wrapper.vertical{flex-direction:row;gap:12px;width:unset;height:100%}.step-wrapper.vertical .step-icon-wrapper{flex-direction:column;width:unset;height:100%}.step-wrapper.compact{gap:0;max-width:100%}.step-wrapper.compact .step-label{max-width:100%;cursor:auto;align-self:flex-start}.step-wrapper.compact.indicator-left{align-items:flex-end;text-align:right}.step-wrapper.compact.indicator-right{align-items:flex-start}.step-wrapper .step-label{max-width:90%;color:#8D8786;word-wrap:break-word}.step-wrapper .step-label.curr-label{font:600 1.25rem/1.75rem "Source Sans 3"}.step-wrapper .step-label.next-label{font:400 0.75rem/1rem "Source Sans 3"}.step-wrapper .step-label :hover{color:#8D8786}.step-wrapper.first-step .step-connector-l{height:0px}.step-wrapper.last-step .step-connector-r{height:0px}.step-wrapper.vertical.first-step .step-connector-l,.step-wrapper.vertical.last-step .step-connector-r{width:0px}.step-wrapper.complete .step-connector-l,.step-wrapper.complete .step-connector-r,.step-wrapper.complete .step-icon{background:#0A8276}.step-wrapper.complete .step-connector-l.active,.step-wrapper.complete .step-connector-l.error,.step-wrapper.complete .step-connector-r.active,.step-wrapper.complete .step-connector-r.error,.step-wrapper.complete .step-icon.active,.step-wrapper.complete .step-icon.error{background:#8D8786}.step-wrapper.complete:not(.disabled) .step-label{cursor:pointer;color:#1D1D1D}.step-wrapper.complete:not(.disabled) .step-label :hover{color:#08665C}.step-wrapper.disabled .step-connector-l,.step-wrapper.disabled .step-connector-r,.step-wrapper.disabled .step-icon{background-color:#8D8786}.step-wrapper.disabled .step-label,.step-wrapper.disabled .step-label :hover{color:#8D8786}.step-wrapper.active .step-connector-l,.step-wrapper.active .step-connector-r,.step-wrapper.active .step-icon{background:#0A8276}.step-wrapper.active .step-connector-l.active,.step-wrapper.active .step-connector-l.error,.step-wrapper.active .step-connector-r.active,.step-wrapper.active .step-connector-r.error,.step-wrapper.active .step-icon.active,.step-wrapper.active .step-icon.error{background:#8D8786}.step-wrapper.active .step-label,.step-wrapper.active .step-label :hover{color:#1D1D1D}.step-wrapper.active.complete .step-label{cursor:auto}.step-wrapper.clickable:not(.active) .step-label{cursor:pointer}.step-wrapper.error:not(.active){color:#CD002F}.step-wrapper.error:not(.active) .step-label{color:#CD002F}.step-wrapper.error:not(.active) .step-label :hover{color:#0A8276}.step-wrapper.disabled .step-label{cursor:auto}.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-l,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-r,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-icon{background:#08665C}.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-l.active,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-l.error,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-r.active,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-r.error,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-icon.active,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-icon.error{background:#8D8786}.step-wrapper:hover.complete:not(.disabled):not(.active) .step-label{color:#08665C}.active-indic{width:16px;height:16px;border-radius:9999px;background:white}.step-icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%}.step-icon{width:24px;height:24px;background-color:#8D8786;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:white}.step-connector-r,.step-connector-l{height:2px;min-width:40px;flex-grow:1;background-color:#8D8786}.vertical .step-connector-r,.vertical .step-connector-l{height:unset;min-width:unset;width:2px;min-height:40px}',a=p,s=class{constructor(e){r(this,e),this.complete=!1,this.disabled=!1,this.error=!1,this.lastStep=!1,this.stepId=1,this.stepperState={activeStep:1,showStepNumber:!1,variant:"default",indicatorPosition:"left"},this.active=void 0,this.clickable=!1}onStepChange(e){e.detail.previousActiveStep===this.stepId&&this.error&&(this.clickable=!0)}updateCurrentStep(e){this.active=e.activeStep===this.stepId}updateErrorState(){this.active&&(this.error=!1)}handleStepClick(){!this.disabled&&this.stepperState.variant!=="compact"&&(this.clickable||this.complete)&&this.stepperState.setActiveStep(this.stepId,!0)}handleStepKeyDown(e){!this.disabled&&this.stepperState.variant!=="compact"&&(this.clickable||this.complete)&&e.key==="Enter"&&this.stepperState.setActiveStep(this.stepId,!0)}stopOnClickPropogation(e){this.disabled&&e.stopPropagation()}render(){return t("div",{key:"f811f73051339e459e5b3e8b2c808874b1b10ea9","aria-current":this.active?"step":!1,"aria-disabled":!(this.active||this.complete),onClick:e=>this.stopOnClickPropogation(e),class:`step-wrapper ${this.stepId===1?"first-step":""} +import{r,h as t}from"./index-CTBaKUaT.js";const p=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.step-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;gap:8px;font:400 1rem/1.5rem "Source Sans 3"}.step-wrapper.vertical{flex-direction:row;gap:12px;width:unset;height:100%}.step-wrapper.vertical .step-icon-wrapper{flex-direction:column;width:unset;height:100%}.step-wrapper.compact{gap:0;max-width:100%}.step-wrapper.compact .step-label{max-width:100%;cursor:auto;align-self:flex-start}.step-wrapper.compact.indicator-left{align-items:flex-end;text-align:right}.step-wrapper.compact.indicator-right{align-items:flex-start}.step-wrapper .step-label{max-width:90%;color:#8D8786;word-wrap:break-word}.step-wrapper .step-label.curr-label{font:600 1.25rem/1.75rem "Source Sans 3"}.step-wrapper .step-label.next-label{font:400 0.75rem/1rem "Source Sans 3"}.step-wrapper .step-label :hover{color:#8D8786}.step-wrapper.first-step .step-connector-l{height:0px}.step-wrapper.last-step .step-connector-r{height:0px}.step-wrapper.vertical.first-step .step-connector-l,.step-wrapper.vertical.last-step .step-connector-r{width:0px}.step-wrapper.complete .step-connector-l,.step-wrapper.complete .step-connector-r,.step-wrapper.complete .step-icon{background:#0A8276}.step-wrapper.complete .step-connector-l.active,.step-wrapper.complete .step-connector-l.error,.step-wrapper.complete .step-connector-r.active,.step-wrapper.complete .step-connector-r.error,.step-wrapper.complete .step-icon.active,.step-wrapper.complete .step-icon.error{background:#8D8786}.step-wrapper.complete:not(.disabled) .step-label{cursor:pointer;color:#1D1D1D}.step-wrapper.complete:not(.disabled) .step-label :hover{color:#08665C}.step-wrapper.disabled .step-connector-l,.step-wrapper.disabled .step-connector-r,.step-wrapper.disabled .step-icon{background-color:#8D8786}.step-wrapper.disabled .step-label,.step-wrapper.disabled .step-label :hover{color:#8D8786}.step-wrapper.active .step-connector-l,.step-wrapper.active .step-connector-r,.step-wrapper.active .step-icon{background:#0A8276}.step-wrapper.active .step-connector-l.active,.step-wrapper.active .step-connector-l.error,.step-wrapper.active .step-connector-r.active,.step-wrapper.active .step-connector-r.error,.step-wrapper.active .step-icon.active,.step-wrapper.active .step-icon.error{background:#8D8786}.step-wrapper.active .step-label,.step-wrapper.active .step-label :hover{color:#1D1D1D}.step-wrapper.active.complete .step-label{cursor:auto}.step-wrapper.clickable:not(.active) .step-label{cursor:pointer}.step-wrapper.error:not(.active){color:#CD002F}.step-wrapper.error:not(.active) .step-label{color:#CD002F}.step-wrapper.error:not(.active) .step-label :hover{color:#0A8276}.step-wrapper.disabled .step-label{cursor:auto}.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-l,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-r,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-icon{background:#08665C}.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-l.active,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-l.error,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-r.active,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-r.error,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-icon.active,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-icon.error{background:#8D8786}.step-wrapper:hover.complete:not(.disabled):not(.active) .step-label{color:#08665C}.active-indic{width:16px;height:16px;border-radius:9999px;background:white}.step-icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%}.step-icon{width:24px;height:24px;background-color:#8D8786;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:white}.step-connector-r,.step-connector-l{height:2px;min-width:40px;flex-grow:1;background-color:#8D8786}.vertical .step-connector-r,.vertical .step-connector-l{height:unset;min-width:unset;width:2px;min-height:40px}',a=p,s=class{constructor(e){r(this,e),this.complete=!1,this.disabled=!1,this.error=!1,this.lastStep=!1,this.stepId=1,this.stepperState={activeStep:1,showStepNumber:!1,variant:"default",indicatorPosition:"left"},this.active=void 0,this.clickable=!1}onStepChange(e){e.detail.previousActiveStep===this.stepId&&this.error&&(this.clickable=!0)}updateCurrentStep(e){this.active=e.activeStep===this.stepId}updateErrorState(){this.active&&(this.error=!1)}handleStepClick(){!this.disabled&&this.stepperState.variant!=="compact"&&(this.clickable||this.complete)&&this.stepperState.setActiveStep(this.stepId,!0)}handleStepKeyDown(e){!this.disabled&&this.stepperState.variant!=="compact"&&(this.clickable||this.complete)&&e.key==="Enter"&&this.stepperState.setActiveStep(this.stepId,!0)}stopOnClickPropogation(e){this.disabled&&e.stopPropagation()}render(){return t("div",{key:"f811f73051339e459e5b3e8b2c808874b1b10ea9","aria-current":this.active?"step":!1,"aria-disabled":!(this.active||this.complete),onClick:e=>this.stopOnClickPropogation(e),class:`step-wrapper ${this.stepId===1?"first-step":""} ${this.error?"error":""} ${this.stepperState.variant} ${this.complete?"complete":""} diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-stepper.entry-DRPDYA1Y.js b/pr-preview-vue-example/pr-1685/assets/ifx-stepper.entry-Bhk9wtq5.js similarity index 98% rename from pr-preview-vue-example/pr-1685/assets/ifx-stepper.entry-DRPDYA1Y.js rename to pr-preview-vue-example/pr-1685/assets/ifx-stepper.entry-Bhk9wtq5.js index 708f4cb34..568869ccf 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-stepper.entry-DRPDYA1Y.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-stepper.entry-Bhk9wtq5.js @@ -1 +1 @@ -import{r as p,c as r,h as a,g as n}from"./index-DFR79MvN.js";const c=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.stepper{display:flex;align-items:center}.stepper.compact{justify-content:space-between;align-items:center}.stepper.compact.compact-right{flex-direction:row-reverse;text-align:left}.stepper.compact .stepper-wrapper{width:unset;flex-direction:column}.stepper.vertical{height:100%}.stepper.vertical .stepper-wrapper{flex-direction:column;width:unset;height:100%}.stepper-wrapper{display:flex;flex-direction:row;width:100%}.stepper-wrapper ::slotted(*){display:flex;flex:1;justify-content:flex-start}.stepper-progress{display:flex;justify-content:center;align-items:center;font:600 0.875rem/1.25rem "Source Sans 3";min-width:56px;height:56px;border-radius:9999px;background:conic-gradient(#0A8276 var(--pb, 0%), #8D8786 0)}.stepper-progress .progress-detail{display:flex;justify-content:center;align-items:center;text-align:center;width:48px;height:48px;border-radius:9999px;background:white}',o=c,h=class{constructor(t){p(this,t),this.ifxChange=r(this,"ifxChange",7),this.activeStep=1,this.indicatorPosition="left",this.showStepNumber=!1,this.variant="default",this.stepsCount=void 0,this.shouldEmitEvent=!0,this.emittedByClick=!1}onStepChange(t){const i=this.getSteps()[t.detail.previousActiveStep-1];i&&!i.complete&&i.setAttribute("error","true")}handleActiveStep(t,e){const i=this.getSteps();if(!this.shouldEmitEvent){this.shouldEmitEvent=!0;return}if(!i[t-1].disabled)this.emitIfxChange(t,e);else if(t=1&&i[s-1].disabled;)s--;s<1?this.activeStep=e:(this.emitIfxChange(s,e),this.activeStep=s)}else{let s=t;for(this.shouldEmitEvent=!1;s<=this.stepsCount&&i[s-1].disabled;)s++;s>this.stepsCount?this.activeStep=e:(this.emitIfxChange(s,e),this.activeStep=s)}}emitIfxChange(t,e){this.ifxChange.emit({activeStep:t,previousActiveStep:e,totalSteps:this.stepsCount,emittedByClick:this.emittedByClick}),this.emittedByClick=!1}getSteps(){return this.el.querySelectorAll("ifx-step")}addStepIdsToStepsAndCountSteps(){const t=this.getSteps();t[t.length-1].lastStep=!0;for(let e=0;e{i+1=1&&i[s-1].disabled;)s--;s<1?this.activeStep=e:(this.emitIfxChange(s,e),this.activeStep=s)}else{let s=t;for(this.shouldEmitEvent=!1;s<=this.stepsCount&&i[s-1].disabled;)s++;s>this.stepsCount?this.activeStep=e:(this.emitIfxChange(s,e),this.activeStep=s)}}emitIfxChange(t,e){this.ifxChange.emit({activeStep:t,previousActiveStep:e,totalSteps:this.stepsCount,emittedByClick:this.emittedByClick}),this.emittedByClick=!1}getSteps(){return this.el.querySelectorAll("ifx-step")}addStepIdsToStepsAndCountSteps(){const t=this.getSteps();t[t.length-1].lastStep=!0;for(let e=0;e{i+1this.toggleSwitch(),onKeyDown:e=>this.handleKeyDown(e)},t("div",{key:"1106e7915d271968cfb7e492416e4c4d3880c79f",class:`switch__checkbox-container ${this.internalChecked?"checked":""} ${this.disabled?"disabled":""}`,tabindex:"0"},t("div",{key:"28e9a3a6b19b15e0bf7728de60d0096b0105e479",class:"switch__checkbox-wrapper"},t("input",{key:"707c0926234f0efd3e89add4de113a60d93fa0f6",type:"checkbox",hidden:!0,name:this.name,disabled:this.disabled,checked:this.internalChecked,value:`${this.value}`}),t("div",{key:"c49f39e736dedca763a5e64c244150511002b362",class:`switch ${this.internalChecked?"checked":""} ${this.disabled?"disabled":""}`}))),t("div",{key:"11b0ea462a831639c84aa58cfaffed801881dc6a",class:`switch__label-wrapper ${this.disabled?"disabled":""}`},t("label",{key:"dc3fd52e702f0630283d871fff9b47184db4e535",htmlFor:"switch"},t("slot",{key:"4b77fbdea92c23c4d056b71ad5ac889f24e34277",onSlotchange:()=>this.toggleLabelGap()}))))}static get formAssociated(){return!0}get el(){return a(this)}static get watchers(){return{checked:["valueChanged"]}}};r.style=n;export{r as ifx_switch}; +import{r as s,c,h as t,g as a}from"./index-CTBaKUaT.js";const o=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-block;user-select:none}.container{display:flex;flex-direction:row;align-items:center}.container.gap{gap:16px}.switch__checkbox-container{padding:4px;display:flex;align-items:center;position:relative;width:32px;height:16px;background-color:#FFFFFF;border:1px solid #575352;border-radius:20px;cursor:pointer;transition:background-color 0.3s ease;outline:none}.switch__checkbox-container:focus{outline:4px solid #0A8276;outline-offset:2px}.switch__checkbox-container:focus:not(:focus-visible){outline:none}.switch__checkbox-container:focus-visible{outline:2px solid #0A8276;outline-offset:2px}.switch__checkbox-container.disabled{cursor:default;border-color:#BFBBBB}.switch__label-wrapper label:hover{cursor:pointer}.switch__label-wrapper.disabled{color:#BFBBBB}.switch__checkbox-wrapper .switch{width:16px;height:16px;background-color:#575352;border-radius:50%;transition:transform 0.3s ease, background-color 0.3s ease}.switch__checkbox-wrapper .switch.disabled{background-color:#BFBBBB;border-color:#BFBBBB;cursor:default}.switch__checkbox-wrapper .switch.checked{transform:translateX(16px);background-color:#FFFFFF}.switch__checkbox-wrapper .switch.checked.disabled{cursor:default}.switch__checkbox-container:hover .toggle-switch{box-shadow:0 0 5px rgba(0, 0, 0, 0.2)}.switch__checkbox-container.checked{background-color:#0A8276;border-color:#0A8276}.switch__checkbox-container.checked.disabled{background-color:#BFBBBB;border-color:#BFBBBB;cursor:default}',n=o,r=class{constructor(e){s(this,e),this.ifxChange=c(this,"ifxChange",7),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),this.checked=!1,this.name="",this.disabled=!1,this.value=void 0,this.internalChecked=!1}async isChecked(){return this.internalChecked}componentWillLoad(){this.internalChecked=this.checked}toggleLabelGap(){const e=this.el.shadowRoot.querySelector("slot"),i=this.el.shadowRoot.querySelector(".container");e.assignedNodes().length?i.classList.add("gap"):i.classList.remove("gap")}componentDidLoad(){this.toggleLabelGap()}valueChanged(e,i){e!==i&&(this.internalChecked=e)}toggleSwitch(){this.disabled||(this.internalChecked=!this.internalChecked,this.internalChecked?this.value!==void 0?this.internals.setFormValue(this.value):this.internals.setFormValue("on"):this.internals.setFormValue(null),this.ifxChange.emit(this.internalChecked))}handleKeyDown(e){this.disabled||(e.key==="Enter"||e.key===" ")&&this.toggleSwitch()}formResetCallback(){this.internals.setFormValue(null)}render(){return t("div",{key:"de6389b77c207826d77a570abe5478c6367d1a2f",class:"container",role:"switch","aria-checked":this.internalChecked?"true":"false","aria-label":this.name,onClick:()=>this.toggleSwitch(),onKeyDown:e=>this.handleKeyDown(e)},t("div",{key:"1106e7915d271968cfb7e492416e4c4d3880c79f",class:`switch__checkbox-container ${this.internalChecked?"checked":""} ${this.disabled?"disabled":""}`,tabindex:"0"},t("div",{key:"28e9a3a6b19b15e0bf7728de60d0096b0105e479",class:"switch__checkbox-wrapper"},t("input",{key:"707c0926234f0efd3e89add4de113a60d93fa0f6",type:"checkbox",hidden:!0,name:this.name,disabled:this.disabled,checked:this.internalChecked,value:`${this.value}`}),t("div",{key:"c49f39e736dedca763a5e64c244150511002b362",class:`switch ${this.internalChecked?"checked":""} ${this.disabled?"disabled":""}`}))),t("div",{key:"11b0ea462a831639c84aa58cfaffed801881dc6a",class:`switch__label-wrapper ${this.disabled?"disabled":""}`},t("label",{key:"dc3fd52e702f0630283d871fff9b47184db4e535",htmlFor:"switch"},t("slot",{key:"4b77fbdea92c23c4d056b71ad5ac889f24e34277",onSlotchange:()=>this.toggleLabelGap()}))))}static get formAssociated(){return!0}get el(){return a(this)}static get watchers(){return{checked:["valueChanged"]}}};r.style=n;export{r as ifx_switch}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-tab.entry-ChCzH6UM.js b/pr-preview-vue-example/pr-1685/assets/ifx-tab.entry-D4PSkdOP.js similarity index 85% rename from pr-preview-vue-example/pr-1685/assets/ifx-tab.entry-ChCzH6UM.js rename to pr-preview-vue-example/pr-1685/assets/ifx-tab.entry-D4PSkdOP.js index 6de08851c..222e37443 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-tab.entry-ChCzH6UM.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-tab.entry-D4PSkdOP.js @@ -1 +1 @@ -import{r as t,c as s,h as a,g as i}from"./index-DFR79MvN.js";const n=":host{display:block}",r=n,h=class{constructor(e){t(this,e),this.tabHeaderChange=s(this,"tabHeaderChange",7),this.header=void 0,this.disabled=void 0,this.icon="",this.iconPosition="left"}componentWillUpdate(){this.tabHeaderChange.emit(this.header)}render(){return a("slot",{key:"159982e12cd57b8ea322152abd5b9bc5e261ba88"})}get el(){return i(this)}};h.style=r;export{h as ifx_tab}; +import{r as t,c as s,h as a,g as i}from"./index-CTBaKUaT.js";const n=":host{display:block}",r=n,h=class{constructor(e){t(this,e),this.tabHeaderChange=s(this,"tabHeaderChange",7),this.header=void 0,this.disabled=void 0,this.icon="",this.iconPosition="left"}componentWillUpdate(){this.tabHeaderChange.emit(this.header)}render(){return a("slot",{key:"159982e12cd57b8ea322152abd5b9bc5e261ba88"})}get el(){return i(this)}};h.style=r;export{h as ifx_tab}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-table.entry-CbnjzIPo.js b/pr-preview-vue-example/pr-1685/assets/ifx-table.entry-D4qenp2j.js similarity index 99% rename from pr-preview-vue-example/pr-1685/assets/ifx-table.entry-CbnjzIPo.js rename to pr-preview-vue-example/pr-1685/assets/ifx-table.entry-D4qenp2j.js index efcf17f78..24222d3d8 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-table.entry-CbnjzIPo.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-table.entry-D4qenp2j.js @@ -1,4 +1,4 @@ -import{r as p,h as i,H as s,g as u}from"./index-DFR79MvN.js";import{c as v}from"./index-72ac5051-B1g_EHyb.js";import{c as f}from"./main.esm-b8709563-BZjIOvLu.js";class h{init(a){this.createButton(a)}getGui(){return this.eGui}refresh(a){return this.updateButton(a),!0}createButton(a){const r=a.data.button,o=a.colDef.cellRendererParams||{};this.eGui=document.createElement("div"),this.eButton=document.createElement("ifx-button"),this.hasRequiredKeys(r)?(this.setButtonAttributes(r),this.eGui.appendChild(this.eButton),this.attachEventListener(o,a)):this.eGui.innerHTML=`${r}`}updateButton(a){const r=a.data.button,o=a.colDef.cellRendererParams||{};this.hasRequiredKeys(r)?(this.setButtonAttributes(r),this.detachEventListener(),this.attachEventListener(o,a)):this.eGui.innerHTML=`${r}`}setButtonAttributes(a){this.eButton.setAttribute("disabled",a.disabled.toString()),this.eButton.setAttribute("variant",a.variant),this.eButton.setAttribute("theme",a.theme),this.eButton.setAttribute("type",a.type),this.eButton.setAttribute("size",a.size),this.eButton.setAttribute("full-width",a.fullWidth.toString()),this.eButton.setAttribute("target",a.target),this.eButton.setAttribute("href",a.href),this.eButton.textContent=a.text}attachEventListener(a,r){this.eventListener=o=>{a.onButtonClick&&a.onButtonClick(r,o)},this.eButton.addEventListener("click",this.eventListener)}detachEventListener(){this.eventListener&&this.eButton.removeEventListener("click",this.eventListener)}hasRequiredKeys(a){return a&&a.text!==""&&a.variant!==""&&a.size!==""&&a.type!==""}}class w{init(a){this.eGui=document.createElement("div"),this.eGui.innerHTML=` +import{r as p,h as i,H as s,g as u}from"./index-CTBaKUaT.js";import{c as v}from"./index-72ac5051-B1g_EHyb.js";import{c as f}from"./main.esm-b8709563-BZjIOvLu.js";class h{init(a){this.createButton(a)}getGui(){return this.eGui}refresh(a){return this.updateButton(a),!0}createButton(a){const r=a.data.button,o=a.colDef.cellRendererParams||{};this.eGui=document.createElement("div"),this.eButton=document.createElement("ifx-button"),this.hasRequiredKeys(r)?(this.setButtonAttributes(r),this.eGui.appendChild(this.eButton),this.attachEventListener(o,a)):this.eGui.innerHTML=`${r}`}updateButton(a){const r=a.data.button,o=a.colDef.cellRendererParams||{};this.hasRequiredKeys(r)?(this.setButtonAttributes(r),this.detachEventListener(),this.attachEventListener(o,a)):this.eGui.innerHTML=`${r}`}setButtonAttributes(a){this.eButton.setAttribute("disabled",a.disabled.toString()),this.eButton.setAttribute("variant",a.variant),this.eButton.setAttribute("theme",a.theme),this.eButton.setAttribute("type",a.type),this.eButton.setAttribute("size",a.size),this.eButton.setAttribute("full-width",a.fullWidth.toString()),this.eButton.setAttribute("target",a.target),this.eButton.setAttribute("href",a.href),this.eButton.textContent=a.text}attachEventListener(a,r){this.eventListener=o=>{a.onButtonClick&&a.onButtonClick(r,o)},this.eButton.addEventListener("click",this.eventListener)}detachEventListener(){this.eventListener&&this.eButton.removeEventListener("click",this.eventListener)}hasRequiredKeys(a){return a&&a.text!==""&&a.variant!==""&&a.size!==""&&a.type!==""}}class w{init(a){this.eGui=document.createElement("div"),this.eGui.innerHTML=` diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-tabs.entry-C2sdd67R.js b/pr-preview-vue-example/pr-1685/assets/ifx-tabs.entry-CnZMUrEV.js similarity index 99% rename from pr-preview-vue-example/pr-1685/assets/ifx-tabs.entry-C2sdd67R.js rename to pr-preview-vue-example/pr-1685/assets/ifx-tabs.entry-CnZMUrEV.js index 41597e0d0..4fdb0e1d3 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-tabs.entry-C2sdd67R.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-tabs.entry-CnZMUrEV.js @@ -1 +1 @@ -import{r as n,c as o,h as a,g as r}from"./index-DFR79MvN.js";const d=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:flex}.tabs{display:flex;font-family:var(--ifx-font-family);width:100%}.tabs.horizontal{flex-direction:column}.tabs.vertical{flex-direction:row}.tabs-list{display:flex;list-style:none;padding:0;margin:0;position:relative;font-weight:600}.tabs-list:focus-within .active-border{display:none}.active-border{content:"";position:absolute;transition:left 0.3s ease-in-out, top 0.3s ease-in-out, height 0.3s ease-in-out}.tabs.horizontal .active-border{bottom:0;left:0;height:2px;background-color:#0A8276}.tabs.vertical .tabs-list{flex-direction:column;border-bottom:none}.tabs.vertical .tab-content{padding-top:0px;padding-left:32px}.tabs:not(.vertical) .tab-item.full-width{flex:1}.tab-item{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;cursor:pointer;position:relative}.tab-item.icon__right{flex-direction:row-reverse;justify-content:flex-end}.tab-item:hover{color:#0A8276}.tab-item:active,.tab-item.active{color:#0A8276}.tab-item:focus,.tab-item.focus{outline:none;border-radius:1px;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.tab-item:focus+.active-border,.tab-item.focus+.active-border{display:none}.tab-item.disabled{color:#BFBBBB;pointer-events:none}.tabs.vertical .tab-item{border-right:2px solid transparent;min-width:7em}.tabs.vertical .active-border{left:0;top:0;width:2px;background-color:#0A8276}.tab-content{padding-top:24px;padding-left:0px;flex-grow:1}.tabs.small .tab-item{font-size:0.875rem}',l=d,b=class{constructor(e){n(this,e),this.ifxTabChange=o(this,"ifxTabChange",7),this.orientation="horizontal",this.activeTabIndex=0,this.fullWidth=!1,this.internalOrientation=void 0,this.internalActiveTabIndex=0,this.internalFocusedTabIndex=0,this.tabRefs=[],this.tabHeaderRefs=[],this.disabledTabs=[],this.tabObjects=[]}updateBorderOnWindowResize(){this.updateBorderAndFocus()}setActiveAndFocusedTab(e){var t;e>=this.tabObjects.length&&(e=this.tabObjects.length-1),e<0&&(e=0),!((t=this.tabObjects[e])===null||t===void 0)&&t.disabled||(this.internalActiveTabIndex=e,this.internalFocusedTabIndex=e)}handleTabHeaderChange(e){const t=e.target.getAttribute("slot").replace("tab-","");this.tabObjects[t].header=e.detail,this.tabObjects=[...this.tabObjects]}activeTabIndexChanged(e,t){e!==t&&this.setActiveAndFocusedTab(e)}componentWillLoad(){this.internalOrientation=this.orientation.toLowerCase()==="vertical"?"vertical":"horizontal",this.internalActiveTabIndex!==this.activeTabIndex&&this.ifxTabChange.emit({previousTab:this.internalActiveTabIndex,currentTab:this.activeTabIndex}),this.onSlotChange(),this.setActiveAndFocusedTab(this.activeTabIndex),this.updateTabStyles()}updateTabStyles(){this.tabHeaderRefs.forEach((e,t)=>{e.classList.toggle("active",t===this.internalActiveTabIndex),e.setAttribute("aria-selected",t===this.internalActiveTabIndex?"true":"false")})}reRenderBorder(){const e=this.el.shadowRoot.querySelector(".active-border");e&&this.tabHeaderRefs[this.internalActiveTabIndex]&&(this.orientation==="horizontal"?(e.style.left=`${this.tabHeaderRefs[this.internalActiveTabIndex].offsetLeft}px`,e.style.width=`${this.tabHeaderRefs[this.internalActiveTabIndex].offsetWidth}px`,e.style.top="",e.style.height=""):(e.style.top=`${this.tabHeaderRefs[this.internalActiveTabIndex].offsetTop}px`,e.style.height=`${this.tabHeaderRefs[this.internalActiveTabIndex].offsetHeight}px`,e.style.left="",e.style.width=""))}onSlotChange(){const e=this.el.querySelectorAll("ifx-tab");this.tabObjects=Array.from(e).map(t=>({header:t==null?void 0:t.header,disabled:(t==null?void 0:t.disabled)===!0,icon:t==null?void 0:t.icon,iconPosition:t==null?void 0:t.iconPosition})),this.tabRefs=Array.from(e),this.tabRefs.forEach((t,i)=>{t.setAttribute("slot",`tab-${i}`)})}setDefaultOrientation(){const e=["horizontal","vertical"],t=this.orientation.toLowerCase();e.includes(t)?this.internalOrientation=this.orientation:this.internalOrientation="horizontal"}componentDidLoad(){this.updateBorderAndFocus(),this.tabHeaderRefs.forEach((e,t)=>{e.addEventListener("focus",this.onTabFocus(t))})}onTabFocus(e){return()=>{this.internalFocusedTabIndex=e}}disconnectedCallback(){this.tabHeaderRefs.forEach((e,t)=>{e.removeEventListener("focus",this.onTabFocus(t))})}componentDidUpdate(){this.updateBorderAndFocus()}updateBorderAndFocus(){this.reRenderBorder(),this.updateTabFocusability()}updateTabFocusability(){this.tabHeaderRefs.forEach((e,t)=>{e.tabIndex=t===this.internalActiveTabIndex?0:-1})}focusNextTab(){let e=this.internalFocusedTabIndex+1;for(;e=0&&e=0&&this.tabObjects[e].disabled;)e--;e>=0&&ea("li",{class:this.getTabItemClass(i),ref:s=>this.tabHeaderRefs[i]=s,onMouseDown:s=>s.preventDefault(),onClick:()=>this.handleClick(t,i),"aria-selected":i===this.internalActiveTabIndex?"true":"false","aria-disabled":t.disabled?"true":"false",role:"tab"},t!=null&&t.icon?a("ifx-icon",{icon:t.icon}):"",t==null?void 0:t.header)),a("div",{key:"0365da7db703747de5996d5b48f1a59ba3ebc3e0",class:"active-border"})),a("div",{key:"53bdc3fbd557dec39cbdea5543ef7e56bf57a156",class:"tab-content"},Array.from(this.tabObjects).map((t,i)=>a("div",{style:{display:i===this.internalActiveTabIndex?"block":"none"}},a("slot",{name:`tab-${i}`})))))}get el(){return r(this)}static get watchers(){return{activeTabIndex:["activeTabIndexChanged"]}}};b.style=l;export{b as ifx_tabs}; +import{r as n,c as o,h as a,g as r}from"./index-CTBaKUaT.js";const d=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:flex}.tabs{display:flex;font-family:var(--ifx-font-family);width:100%}.tabs.horizontal{flex-direction:column}.tabs.vertical{flex-direction:row}.tabs-list{display:flex;list-style:none;padding:0;margin:0;position:relative;font-weight:600}.tabs-list:focus-within .active-border{display:none}.active-border{content:"";position:absolute;transition:left 0.3s ease-in-out, top 0.3s ease-in-out, height 0.3s ease-in-out}.tabs.horizontal .active-border{bottom:0;left:0;height:2px;background-color:#0A8276}.tabs.vertical .tabs-list{flex-direction:column;border-bottom:none}.tabs.vertical .tab-content{padding-top:0px;padding-left:32px}.tabs:not(.vertical) .tab-item.full-width{flex:1}.tab-item{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;cursor:pointer;position:relative}.tab-item.icon__right{flex-direction:row-reverse;justify-content:flex-end}.tab-item:hover{color:#0A8276}.tab-item:active,.tab-item.active{color:#0A8276}.tab-item:focus,.tab-item.focus{outline:none;border-radius:1px;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.tab-item:focus+.active-border,.tab-item.focus+.active-border{display:none}.tab-item.disabled{color:#BFBBBB;pointer-events:none}.tabs.vertical .tab-item{border-right:2px solid transparent;min-width:7em}.tabs.vertical .active-border{left:0;top:0;width:2px;background-color:#0A8276}.tab-content{padding-top:24px;padding-left:0px;flex-grow:1}.tabs.small .tab-item{font-size:0.875rem}',l=d,b=class{constructor(e){n(this,e),this.ifxTabChange=o(this,"ifxTabChange",7),this.orientation="horizontal",this.activeTabIndex=0,this.fullWidth=!1,this.internalOrientation=void 0,this.internalActiveTabIndex=0,this.internalFocusedTabIndex=0,this.tabRefs=[],this.tabHeaderRefs=[],this.disabledTabs=[],this.tabObjects=[]}updateBorderOnWindowResize(){this.updateBorderAndFocus()}setActiveAndFocusedTab(e){var t;e>=this.tabObjects.length&&(e=this.tabObjects.length-1),e<0&&(e=0),!((t=this.tabObjects[e])===null||t===void 0)&&t.disabled||(this.internalActiveTabIndex=e,this.internalFocusedTabIndex=e)}handleTabHeaderChange(e){const t=e.target.getAttribute("slot").replace("tab-","");this.tabObjects[t].header=e.detail,this.tabObjects=[...this.tabObjects]}activeTabIndexChanged(e,t){e!==t&&this.setActiveAndFocusedTab(e)}componentWillLoad(){this.internalOrientation=this.orientation.toLowerCase()==="vertical"?"vertical":"horizontal",this.internalActiveTabIndex!==this.activeTabIndex&&this.ifxTabChange.emit({previousTab:this.internalActiveTabIndex,currentTab:this.activeTabIndex}),this.onSlotChange(),this.setActiveAndFocusedTab(this.activeTabIndex),this.updateTabStyles()}updateTabStyles(){this.tabHeaderRefs.forEach((e,t)=>{e.classList.toggle("active",t===this.internalActiveTabIndex),e.setAttribute("aria-selected",t===this.internalActiveTabIndex?"true":"false")})}reRenderBorder(){const e=this.el.shadowRoot.querySelector(".active-border");e&&this.tabHeaderRefs[this.internalActiveTabIndex]&&(this.orientation==="horizontal"?(e.style.left=`${this.tabHeaderRefs[this.internalActiveTabIndex].offsetLeft}px`,e.style.width=`${this.tabHeaderRefs[this.internalActiveTabIndex].offsetWidth}px`,e.style.top="",e.style.height=""):(e.style.top=`${this.tabHeaderRefs[this.internalActiveTabIndex].offsetTop}px`,e.style.height=`${this.tabHeaderRefs[this.internalActiveTabIndex].offsetHeight}px`,e.style.left="",e.style.width=""))}onSlotChange(){const e=this.el.querySelectorAll("ifx-tab");this.tabObjects=Array.from(e).map(t=>({header:t==null?void 0:t.header,disabled:(t==null?void 0:t.disabled)===!0,icon:t==null?void 0:t.icon,iconPosition:t==null?void 0:t.iconPosition})),this.tabRefs=Array.from(e),this.tabRefs.forEach((t,i)=>{t.setAttribute("slot",`tab-${i}`)})}setDefaultOrientation(){const e=["horizontal","vertical"],t=this.orientation.toLowerCase();e.includes(t)?this.internalOrientation=this.orientation:this.internalOrientation="horizontal"}componentDidLoad(){this.updateBorderAndFocus(),this.tabHeaderRefs.forEach((e,t)=>{e.addEventListener("focus",this.onTabFocus(t))})}onTabFocus(e){return()=>{this.internalFocusedTabIndex=e}}disconnectedCallback(){this.tabHeaderRefs.forEach((e,t)=>{e.removeEventListener("focus",this.onTabFocus(t))})}componentDidUpdate(){this.updateBorderAndFocus()}updateBorderAndFocus(){this.reRenderBorder(),this.updateTabFocusability()}updateTabFocusability(){this.tabHeaderRefs.forEach((e,t)=>{e.tabIndex=t===this.internalActiveTabIndex?0:-1})}focusNextTab(){let e=this.internalFocusedTabIndex+1;for(;e=0&&e=0&&this.tabObjects[e].disabled;)e--;e>=0&&ea("li",{class:this.getTabItemClass(i),ref:s=>this.tabHeaderRefs[i]=s,onMouseDown:s=>s.preventDefault(),onClick:()=>this.handleClick(t,i),"aria-selected":i===this.internalActiveTabIndex?"true":"false","aria-disabled":t.disabled?"true":"false",role:"tab"},t!=null&&t.icon?a("ifx-icon",{icon:t.icon}):"",t==null?void 0:t.header)),a("div",{key:"0365da7db703747de5996d5b48f1a59ba3ebc3e0",class:"active-border"})),a("div",{key:"53bdc3fbd557dec39cbdea5543ef7e56bf57a156",class:"tab-content"},Array.from(this.tabObjects).map((t,i)=>a("div",{style:{display:i===this.internalActiveTabIndex?"block":"none"}},a("slot",{name:`tab-${i}`})))))}get el(){return r(this)}static get watchers(){return{activeTabIndex:["activeTabIndexChanged"]}}};b.style=l;export{b as ifx_tabs}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-tag.entry-i8UhzqA2.js b/pr-preview-vue-example/pr-1685/assets/ifx-tag.entry-BSgQGwmF.js similarity index 94% rename from pr-preview-vue-example/pr-1685/assets/ifx-tag.entry-i8UhzqA2.js rename to pr-preview-vue-example/pr-1685/assets/ifx-tag.entry-BSgQGwmF.js index 30b5da479..68db18b5c 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-tag.entry-i8UhzqA2.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-tag.entry-BSgQGwmF.js @@ -1 +1 @@ -import{r as o,h as e}from"./index-DFR79MvN.js";const n=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.container{display:inline-flex;align-items:center;padding:4px 16px;border:1px solid #BFBBBB;border-radius:9999px;background-color:#FFFFFF;gap:8px;font-family:var(--ifx-font-family)}.container:hover{cursor:pointer;border-color:#8D8786}.container:active,.container.active{border-color:#1D1D1D}.container:focus:not(:active,.active){outline:none;border-color:#1D1D1D}.container .label-wrapper{text-decoration:none}.container .label-wrapper .label{margin:0;font-weight:400;font-size:1rem;line-height:20px;color:#1D1D1D}',r=n,i=class{constructor(a){o(this,a),this.icon=void 0}render(){return e("div",{key:"fd95fec410cb814e865254b6d19168093ca817a3","aria-label":"a tag",class:"container"},this.icon&&e("ifx-icon",{key:"331869ac0b205e6dde434c45639d7a607ca77d77",icon:this.icon}),e("a",{key:"58027bdcb06e65fe2a6032a4f8cee44259a10473",href:"javascript:void(null);",class:"label-wrapper"},e("p",{key:"6db956e912c4469eff6c0cda1eb0dda92a1e5c0b",class:"label"},e("slot",{key:"ada3f26e0ecc145a0ae3c7eacce57b682cd33595"}))))}};i.style=r;export{i as ifx_tag}; +import{r as o,h as e}from"./index-CTBaKUaT.js";const n=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.container{display:inline-flex;align-items:center;padding:4px 16px;border:1px solid #BFBBBB;border-radius:9999px;background-color:#FFFFFF;gap:8px;font-family:var(--ifx-font-family)}.container:hover{cursor:pointer;border-color:#8D8786}.container:active,.container.active{border-color:#1D1D1D}.container:focus:not(:active,.active){outline:none;border-color:#1D1D1D}.container .label-wrapper{text-decoration:none}.container .label-wrapper .label{margin:0;font-weight:400;font-size:1rem;line-height:20px;color:#1D1D1D}',r=n,i=class{constructor(a){o(this,a),this.icon=void 0}render(){return e("div",{key:"fd95fec410cb814e865254b6d19168093ca817a3","aria-label":"a tag",class:"container"},this.icon&&e("ifx-icon",{key:"331869ac0b205e6dde434c45639d7a607ca77d77",icon:this.icon}),e("a",{key:"58027bdcb06e65fe2a6032a4f8cee44259a10473",href:"javascript:void(null);",class:"label-wrapper"},e("p",{key:"6db956e912c4469eff6c0cda1eb0dda92a1e5c0b",class:"label"},e("slot",{key:"ada3f26e0ecc145a0ae3c7eacce57b682cd33595"}))))}};i.style=r;export{i as ifx_tag}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-textarea.entry-CKLR-yWZ.js b/pr-preview-vue-example/pr-1685/assets/ifx-textarea.entry-CF3yuG4a.js similarity index 97% rename from pr-preview-vue-example/pr-1685/assets/ifx-textarea.entry-CKLR-yWZ.js rename to pr-preview-vue-example/pr-1685/assets/ifx-textarea.entry-CF3yuG4a.js index b6f563591..0112a720b 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-textarea.entry-CKLR-yWZ.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-textarea.entry-CF3yuG4a.js @@ -1,3 +1,3 @@ -import{r as s,c as i,h as a,H as n}from"./index-DFR79MvN.js";const l=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:flex;flex-direction:column}.wrapper__label{color:#1D1D1D;font:400 1rem/1.5rem "Source Sans 3"}:host(.wrapper--disabled) .wrapper__label{color:#575352}.wrapper__textarea textarea{border:1px solid #8D8786;border-radius:1px;padding:8px 16px;background-color:#FFFFFF;color:#1D1D1D;font:400 1rem/1.5rem "Source Sans 3";transition:all 100ms ease;transition-property:border-color}.wrapper__textarea textarea:hover{border:1px solid #575352}.wrapper__textarea textarea:focus-within{outline:none;border:1px solid #0A8276}:host(.wrapper--error) .wrapper__textarea textarea{border:1px solid #CD002F}:host(.wrapper--disabled) .wrapper__textarea textarea{border:1px solid #575352;background-color:#EEEDED}.wrapper__caption{color:#1D1D1D;font:400 0.75rem/1rem "Source Sans 3"}:host(.wrapper--error) .wrapper__caption{color:#CD002F}:host(.wrapper--disabled) .wrapper__caption{color:#575352}',o=l,d=class{constructor(e){s(this,e),this.ifxInput=i(this,"ifxInput",7),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),this.inputId=`ifx-textarea-${++p}`,this.caption=void 0,this.cols=void 0,this.disabled=!1,this.error=!1,this.label=void 0,this.maxlength=void 0,this.name=void 0,this.placeholder=void 0,this.readOnly=!1,this.resize="both",this.rows=void 0,this.value=void 0,this.wrap="soft"}async reset(){this.resetTextarea()}formResetCallback(){this.resetTextarea(),this.internals.setFormValue("")}handleOnInput(e){this.value=e.target.value,this.internals.setFormValue(this.value),this.ifxInput.emit(this.value)}resetTextarea(){this.value="",this.internals.setValidity({}),this.internals.setFormValue("")}componentWillLoad(){this.internals.setFormValue(this.value)}render(){var e,t;return a(n,{key:"d557bff378899253b1eea26f202a3d934424deac",class:`wrapper +import{r as s,c as i,h as a,H as n}from"./index-CTBaKUaT.js";const l=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:flex;flex-direction:column}.wrapper__label{color:#1D1D1D;font:400 1rem/1.5rem "Source Sans 3"}:host(.wrapper--disabled) .wrapper__label{color:#575352}.wrapper__textarea textarea{border:1px solid #8D8786;border-radius:1px;padding:8px 16px;background-color:#FFFFFF;color:#1D1D1D;font:400 1rem/1.5rem "Source Sans 3";transition:all 100ms ease;transition-property:border-color}.wrapper__textarea textarea:hover{border:1px solid #575352}.wrapper__textarea textarea:focus-within{outline:none;border:1px solid #0A8276}:host(.wrapper--error) .wrapper__textarea textarea{border:1px solid #CD002F}:host(.wrapper--disabled) .wrapper__textarea textarea{border:1px solid #575352;background-color:#EEEDED}.wrapper__caption{color:#1D1D1D;font:400 0.75rem/1rem "Source Sans 3"}:host(.wrapper--error) .wrapper__caption{color:#CD002F}:host(.wrapper--disabled) .wrapper__caption{color:#575352}',o=l,d=class{constructor(e){s(this,e),this.ifxInput=i(this,"ifxInput",7),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),this.inputId=`ifx-textarea-${++p}`,this.caption=void 0,this.cols=void 0,this.disabled=!1,this.error=!1,this.label=void 0,this.maxlength=void 0,this.name=void 0,this.placeholder=void 0,this.readOnly=!1,this.resize="both",this.rows=void 0,this.value=void 0,this.wrap="soft"}async reset(){this.resetTextarea()}formResetCallback(){this.resetTextarea(),this.internals.setFormValue("")}handleOnInput(e){this.value=e.target.value,this.internals.setFormValue(this.value),this.ifxInput.emit(this.value)}resetTextarea(){this.value="",this.internals.setValidity({}),this.internals.setFormValue("")}componentWillLoad(){this.internals.setFormValue(this.value)}render(){var e,t;return a(n,{key:"d557bff378899253b1eea26f202a3d934424deac",class:`wrapper wrapper--${this.error?"error":""} wrapper--${this.disabled?"disabled":""}`},a("label",{key:"9163e001e0423effcbc9bad56af021acb8fc5229",class:"wrapper__label",htmlFor:this.inputId},(e=this.label)===null||e===void 0?void 0:e.trim()),a("div",{key:"ce7ea7607837c9979a984627fb9d762494a211b8",class:"wrapper__textarea"},a("textarea",{key:"6587f63b3d5ef32db9bf4c25ba03246d31a1120e","aria-label":"a textarea","aria-value":this.value,"aria-disabled":this.disabled,id:this.inputId,style:{resize:this.resize},name:this.name?this.name:this.inputId,cols:this.cols,rows:this.rows,maxlength:this.maxlength,wrap:this.wrap,disabled:this.disabled,readonly:this.readOnly,placeholder:this.placeholder,value:this.value,onInput:r=>this.handleOnInput(r)})),((t=this.caption)===null||t===void 0?void 0:t.trim())&&a("div",{key:"96f109dfc94c8563ce9b3aacfae00eef4b6a49b2",class:"wrapper__caption"},this.caption.trim()))}static get formAssociated(){return!0}};let p=0;d.style=o;export{d as ifx_textarea}; diff --git a/pr-preview-vue-example/pr-1685/assets/ifx-tooltip.entry-Bp4a4r-L.js b/pr-preview-vue-example/pr-1685/assets/ifx-tooltip.entry-BK5SdKZr.js similarity index 99% rename from pr-preview-vue-example/pr-1685/assets/ifx-tooltip.entry-Bp4a4r-L.js rename to pr-preview-vue-example/pr-1685/assets/ifx-tooltip.entry-BK5SdKZr.js index f48964f47..e1f03933d 100644 --- a/pr-preview-vue-example/pr-1685/assets/ifx-tooltip.entry-Bp4a4r-L.js +++ b/pr-preview-vue-example/pr-1685/assets/ifx-tooltip.entry-BK5SdKZr.js @@ -1 +1 @@ -import{r as l,h as t,g as n}from"./index-DFR79MvN.js";import{c as d}from"./popper-1604923e-FRdid3Df.js";const p=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.tooltip__container{display:inline-flex;flex-direction:column;position:relative;font-family:var(--ifx-font-family)}.tooltip-extended,.tooltip-compact,.tooltip-dismissible{background-color:#1D1D1D;border:1px solid black;z-index:1080;display:none;transition:opacity 0.3s;position:absolute;font-size:14px;font-style:normal;font-weight:400;line-height:20px;color:#FFFFFF;width:max-content;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;}.visible.tooltip-extended,.visible.tooltip-compact,.visible.tooltip-dismissible{display:flex !important;align-items:start}.tooltip-dismissible .close-button{all:unset;cursor:pointer;position:relative;order:2;margin-top:12px;margin-right:12px;line-height:0px}.tooltip-dismissible .tooltip-dismissible-content{display:flex;flex-direction:column;gap:12px;padding:12px;flex-grow:1;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.tooltip-dismissible .tooltip-dismissible-header,.tooltip-dismissible .tooltip-dismissible-body{font-size:14px;font-style:normal;line-height:20px}.tooltip-dismissible .tooltip-dismissible-header{font-weight:600}.tooltip-dismissible .tooltip-dismissible-body{font-weight:400}.tooltip-compact{padding:4px 8px;text-align:center;flex-grow:1}.tooltip-extended{align-items:center;padding:12px;gap:10px}.tooltip-extended .extended_icon{display:flex;align-self:flex-start;align-items:center;cursor:pointer}.tooltip-extended .tooltip-extended-content{display:flex;flex-direction:column;gap:12px;flex-grow:1;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.tooltip-extended .tooltip-extended-header,.tooltip-extended .tooltip-extended-body{font-size:14px;font-style:normal;line-height:20px}.tooltip-extended .tooltip-extended-header{font-weight:600}.tooltip-extended .tooltip-extended-body{font-weight:400}.tooltip__container .tooltip-arrow-svg{position:absolute;width:8px;height:8px}[data-placement=top].tooltip-extended>.tooltip-arrow-svg,[data-placement=top].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;left:50%;transform:rotate(180deg) translateX(-50%)}[data-placement=top-start].tooltip-extended>.tooltip-arrow-svg,[data-placement=top-start].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top-start].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;left:10px;transform:rotate(180deg)}[data-placement=top-end].tooltip-extended>.tooltip-arrow-svg,[data-placement=top-end].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top-end].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;right:10px;transform:rotate(180deg)}[data-placement=bottom].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom].tooltip-compact>.tooltip-arrow-svg{top:-7px;left:50%;transform:translateX(-50%)}[data-placement=bottom-start].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom-start].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom-start].tooltip-compact>.tooltip-arrow-svg{top:-7px;left:10px}[data-placement=bottom-end].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom-end].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom-end].tooltip-compact>.tooltip-arrow-svg{top:-7px;right:10px}[data-placement=left].tooltip-extended>.tooltip-arrow-svg,[data-placement=left].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=left].tooltip-compact>.tooltip-arrow-svg{right:-3px;top:50%;transform:rotate(90deg) translateY(-50%) translateX(-50%)}[data-placement=right].tooltip-extended>.tooltip-arrow-svg,[data-placement=right].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=right].tooltip-compact>.tooltip-arrow-svg{left:-3px;top:50%;transform:rotate(270deg) translateY(-50%) translateX(50%)}.tooltip-compact{min-width:28px !important;max-width:145px !important}.tooltip-dismissible{min-width:145px !important;max-width:310px !important}.tooltip-extended{min-width:145px !important;max-width:310px !important}',r=p,c=class{constructor(e){l(this,e),this.popperInstance=null,this.onMouseEnter=()=>{var o,i;(o=this.popperInstance)===null||o===void 0||o.setOptions(s=>Object.assign(Object.assign({},s),{modifiers:[...s.modifiers,{name:"eventListeners",enabled:!0}]})),this.initializePopper(),this.tooltipVisible=!0,this.tooltipEl.style.display="block",(i=this.popperInstance)===null||i===void 0||i.update()},this.onMouseLeave=()=>{this.tooltipVisible=!1,this.tooltipEl.style.display="none"},this.onClick=()=>{var o;this.variant.toLowerCase()==="dismissible"&&(this.initializePopper(),this.tooltipVisible=!this.tooltipVisible,this.tooltipEl.style.display=this.tooltipVisible?"block":"none",(o=this.popperInstance)===null||o===void 0||o.update())},this.onDismissClick=()=>{this.tooltipVisible=!1,this.tooltipEl.style.display="none"},this.tooltipVisible=!1,this.header="",this.text="",this.position="auto",this.internalPosition="auto",this.variant="compact",this.icon=void 0}componentWillLoad(){this.variant.toLowerCase().trim()===""&&(this.variant="compact")}componentDidLoad(){const e=this.el.shadowRoot.querySelector(".tooltip__container").firstChild;this.variant.toLowerCase()==="compact"||this.variant.toLowerCase()==="extended"?(e.addEventListener("mouseenter",this.onMouseEnter),e.addEventListener("mouseleave",this.onMouseLeave)):e.addEventListener("click",this.onClick)}initializePopper(){if(this.popperInstance)return;this.referenceEl=this.el,this.variant.toLowerCase()==="compact"?this.tooltipEl=this.el.shadowRoot.querySelector(".tooltip-compact"):this.variant.toLowerCase()==="dismissible"?this.tooltipEl=this.el.shadowRoot.querySelector(".tooltip-dismissible"):this.tooltipEl=this.el.shadowRoot.querySelector(".tooltip-extended");const e=this.position==="auto"?this.determineBestPosition():this.position;this.internalPosition=e,this.tooltipEl&&this.referenceEl&&(this.popperInstance=d(this.referenceEl,this.tooltipEl,{placement:this.internalPosition,modifiers:[{name:"offset",options:{offset:[0,8]}},{name:"arrow",options:{element:".tooltip-arrow-svg"}}]})),this.tooltipEl.setAttribute("data-placement",e)}determineBestPosition(){const e=this.referenceEl.getBoundingClientRect(),o=window.scrollY,i=window.scrollX,s=e.top+o+e.height/2,a=e.left+i+e.width/2;return this.position==="auto"?s>window.innerHeight/2?a>window.innerWidth/2?"top-end":"top-start":a>window.innerWidth/2?"bottom-end":"bottom-start":this.position}positionChanged(e){var o;this.internalPosition=e,(o=this.popperInstance)===null||o===void 0||o.destroy(),this.popperInstance=null}disconnectedCallback(){var e;(e=this.popperInstance)===null||e===void 0||e.destroy()}render(){const e={"tooltip-dismissible":!0,visible:this.tooltipVisible},o={"tooltip-compact":!0,visible:this.tooltipVisible},i={"tooltip-extended":!0,visible:this.tooltipVisible};return t("div",{key:"246f0b291e39bbe49ebea1eed9827400f22bb680","aria-label":"a tooltip showing important information","aria-value":this.header,class:"tooltip__container"},t("slot",{key:"a16771de825d12d46661be2ecb61ce8326e25794"}),this.variant.toLowerCase()==="dismissible"&&t("div",{key:"974e0fdbf389fcce6cc34eccb897b188f0413eea",class:e},t("button",{key:"a777e5a63134c07f4330d790044a7aafdb63a83c","aria-label":"Close Tooltip",class:"close-button",onClick:this.onDismissClick},t("ifx-icon",{key:"69cc351f97d892f98cf8bc3df48d2877129e4238",icon:"cross16"})),t("div",{key:"5db6f0ceff12be22d6de58767bab509b67dd9ff8",class:"tooltip-dismissible-content"},this.header&&t("div",{key:"22fd94a588780e413dc04dcc126380b5b382fde6",class:"tooltip-dismissible-header"},this.header),t("div",{key:"abd4158d18a1c57dda508caddcdb1be945a8efd2",class:"tooltip-dismissible-body"},this.text)),t("svg",{key:"1bcd11086f4922c03532c99b2dd1618b862af68b",class:"tooltip-arrow-svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"5dfac1fa79d7204b1f0770ed243cdbadfc14fdd9",id:"Indicator",d:"M6 0L12 8L0 8L6 0Z",fill:"#1D1D1D"}))),this.variant.toLowerCase()==="compact"&&t("div",{key:"a52aec447163df16d86d14f96d74501c45266e2a",class:o},this.text,t("svg",{key:"c28c49ee4446d73b366bb68280ddf5b9192cc79a",class:"tooltip-arrow-svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"2de515ea4344c728a1da4b368c93c7ade11badcb",id:"Indicator",d:"M6 0L12 8L0 8L6 0Z",fill:"#1D1D1D"}))),this.variant.toLowerCase()==="extended"&&t("div",{key:"9e3186e4856770c831d0422bce64b131c64f55f0",class:i},t("slot",{key:"089640249dbfcf8eed4525615d6e289955304e09",name:"icon"},this.icon?t("div",{class:"extended_icon"},t("ifx-icon",{icon:this.icon})):t("svg",{class:"extended_icon",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none",viewBox:"0 0 24 24"},t("path",{stroke:"#fff","stroke-linecap":"round","stroke-linejoin":"round",d:"M20.5 2.5h-16a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2Z"}),t("path",{stroke:"#fff",d:"M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z"}),t("path",{fill:"#fff",d:"M10 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"}))),t("div",{key:"eab4f9af96d154a289bec83673db47d3580c267d",class:"tooltip-extended-content"},this.header&&t("div",{key:"810497a167351bef22a9e61050264032be295455",class:"tooltip-extended-header"},this.header),t("div",{key:"802dbe5e093b9d69b9155e188d35a421b2ca0c2e",class:"tooltip-extended-body"},this.text)),t("svg",{key:"ff19a79905e5ea4af628364a254e03e022a08a3d",class:"tooltip-arrow-svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"557540e1fd91ad15580011ddf37a4cd25a8a6ae3",id:"Indicator",d:"M6 0L12 8L0 8L6 0Z",fill:"#1D1D1D"}))))}get el(){return n(this)}static get watchers(){return{position:["positionChanged"]}}};c.style=r;export{c as ifx_tooltip}; +import{r as l,h as t,g as n}from"./index-CTBaKUaT.js";import{c as d}from"./popper-1604923e-FRdid3Df.js";const p=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.tooltip__container{display:inline-flex;flex-direction:column;position:relative;font-family:var(--ifx-font-family)}.tooltip-extended,.tooltip-compact,.tooltip-dismissible{background-color:#1D1D1D;border:1px solid black;z-index:1080;display:none;transition:opacity 0.3s;position:absolute;font-size:14px;font-style:normal;font-weight:400;line-height:20px;color:#FFFFFF;width:max-content;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;}.visible.tooltip-extended,.visible.tooltip-compact,.visible.tooltip-dismissible{display:flex !important;align-items:start}.tooltip-dismissible .close-button{all:unset;cursor:pointer;position:relative;order:2;margin-top:12px;margin-right:12px;line-height:0px}.tooltip-dismissible .tooltip-dismissible-content{display:flex;flex-direction:column;gap:12px;padding:12px;flex-grow:1;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.tooltip-dismissible .tooltip-dismissible-header,.tooltip-dismissible .tooltip-dismissible-body{font-size:14px;font-style:normal;line-height:20px}.tooltip-dismissible .tooltip-dismissible-header{font-weight:600}.tooltip-dismissible .tooltip-dismissible-body{font-weight:400}.tooltip-compact{padding:4px 8px;text-align:center;flex-grow:1}.tooltip-extended{align-items:center;padding:12px;gap:10px}.tooltip-extended .extended_icon{display:flex;align-self:flex-start;align-items:center;cursor:pointer}.tooltip-extended .tooltip-extended-content{display:flex;flex-direction:column;gap:12px;flex-grow:1;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.tooltip-extended .tooltip-extended-header,.tooltip-extended .tooltip-extended-body{font-size:14px;font-style:normal;line-height:20px}.tooltip-extended .tooltip-extended-header{font-weight:600}.tooltip-extended .tooltip-extended-body{font-weight:400}.tooltip__container .tooltip-arrow-svg{position:absolute;width:8px;height:8px}[data-placement=top].tooltip-extended>.tooltip-arrow-svg,[data-placement=top].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;left:50%;transform:rotate(180deg) translateX(-50%)}[data-placement=top-start].tooltip-extended>.tooltip-arrow-svg,[data-placement=top-start].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top-start].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;left:10px;transform:rotate(180deg)}[data-placement=top-end].tooltip-extended>.tooltip-arrow-svg,[data-placement=top-end].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top-end].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;right:10px;transform:rotate(180deg)}[data-placement=bottom].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom].tooltip-compact>.tooltip-arrow-svg{top:-7px;left:50%;transform:translateX(-50%)}[data-placement=bottom-start].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom-start].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom-start].tooltip-compact>.tooltip-arrow-svg{top:-7px;left:10px}[data-placement=bottom-end].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom-end].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom-end].tooltip-compact>.tooltip-arrow-svg{top:-7px;right:10px}[data-placement=left].tooltip-extended>.tooltip-arrow-svg,[data-placement=left].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=left].tooltip-compact>.tooltip-arrow-svg{right:-3px;top:50%;transform:rotate(90deg) translateY(-50%) translateX(-50%)}[data-placement=right].tooltip-extended>.tooltip-arrow-svg,[data-placement=right].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=right].tooltip-compact>.tooltip-arrow-svg{left:-3px;top:50%;transform:rotate(270deg) translateY(-50%) translateX(50%)}.tooltip-compact{min-width:28px !important;max-width:145px !important}.tooltip-dismissible{min-width:145px !important;max-width:310px !important}.tooltip-extended{min-width:145px !important;max-width:310px !important}',r=p,c=class{constructor(e){l(this,e),this.popperInstance=null,this.onMouseEnter=()=>{var o,i;(o=this.popperInstance)===null||o===void 0||o.setOptions(s=>Object.assign(Object.assign({},s),{modifiers:[...s.modifiers,{name:"eventListeners",enabled:!0}]})),this.initializePopper(),this.tooltipVisible=!0,this.tooltipEl.style.display="block",(i=this.popperInstance)===null||i===void 0||i.update()},this.onMouseLeave=()=>{this.tooltipVisible=!1,this.tooltipEl.style.display="none"},this.onClick=()=>{var o;this.variant.toLowerCase()==="dismissible"&&(this.initializePopper(),this.tooltipVisible=!this.tooltipVisible,this.tooltipEl.style.display=this.tooltipVisible?"block":"none",(o=this.popperInstance)===null||o===void 0||o.update())},this.onDismissClick=()=>{this.tooltipVisible=!1,this.tooltipEl.style.display="none"},this.tooltipVisible=!1,this.header="",this.text="",this.position="auto",this.internalPosition="auto",this.variant="compact",this.icon=void 0}componentWillLoad(){this.variant.toLowerCase().trim()===""&&(this.variant="compact")}componentDidLoad(){const e=this.el.shadowRoot.querySelector(".tooltip__container").firstChild;this.variant.toLowerCase()==="compact"||this.variant.toLowerCase()==="extended"?(e.addEventListener("mouseenter",this.onMouseEnter),e.addEventListener("mouseleave",this.onMouseLeave)):e.addEventListener("click",this.onClick)}initializePopper(){if(this.popperInstance)return;this.referenceEl=this.el,this.variant.toLowerCase()==="compact"?this.tooltipEl=this.el.shadowRoot.querySelector(".tooltip-compact"):this.variant.toLowerCase()==="dismissible"?this.tooltipEl=this.el.shadowRoot.querySelector(".tooltip-dismissible"):this.tooltipEl=this.el.shadowRoot.querySelector(".tooltip-extended");const e=this.position==="auto"?this.determineBestPosition():this.position;this.internalPosition=e,this.tooltipEl&&this.referenceEl&&(this.popperInstance=d(this.referenceEl,this.tooltipEl,{placement:this.internalPosition,modifiers:[{name:"offset",options:{offset:[0,8]}},{name:"arrow",options:{element:".tooltip-arrow-svg"}}]})),this.tooltipEl.setAttribute("data-placement",e)}determineBestPosition(){const e=this.referenceEl.getBoundingClientRect(),o=window.scrollY,i=window.scrollX,s=e.top+o+e.height/2,a=e.left+i+e.width/2;return this.position==="auto"?s>window.innerHeight/2?a>window.innerWidth/2?"top-end":"top-start":a>window.innerWidth/2?"bottom-end":"bottom-start":this.position}positionChanged(e){var o;this.internalPosition=e,(o=this.popperInstance)===null||o===void 0||o.destroy(),this.popperInstance=null}disconnectedCallback(){var e;(e=this.popperInstance)===null||e===void 0||e.destroy()}render(){const e={"tooltip-dismissible":!0,visible:this.tooltipVisible},o={"tooltip-compact":!0,visible:this.tooltipVisible},i={"tooltip-extended":!0,visible:this.tooltipVisible};return t("div",{key:"246f0b291e39bbe49ebea1eed9827400f22bb680","aria-label":"a tooltip showing important information","aria-value":this.header,class:"tooltip__container"},t("slot",{key:"a16771de825d12d46661be2ecb61ce8326e25794"}),this.variant.toLowerCase()==="dismissible"&&t("div",{key:"974e0fdbf389fcce6cc34eccb897b188f0413eea",class:e},t("button",{key:"a777e5a63134c07f4330d790044a7aafdb63a83c","aria-label":"Close Tooltip",class:"close-button",onClick:this.onDismissClick},t("ifx-icon",{key:"69cc351f97d892f98cf8bc3df48d2877129e4238",icon:"cross16"})),t("div",{key:"5db6f0ceff12be22d6de58767bab509b67dd9ff8",class:"tooltip-dismissible-content"},this.header&&t("div",{key:"22fd94a588780e413dc04dcc126380b5b382fde6",class:"tooltip-dismissible-header"},this.header),t("div",{key:"abd4158d18a1c57dda508caddcdb1be945a8efd2",class:"tooltip-dismissible-body"},this.text)),t("svg",{key:"1bcd11086f4922c03532c99b2dd1618b862af68b",class:"tooltip-arrow-svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"5dfac1fa79d7204b1f0770ed243cdbadfc14fdd9",id:"Indicator",d:"M6 0L12 8L0 8L6 0Z",fill:"#1D1D1D"}))),this.variant.toLowerCase()==="compact"&&t("div",{key:"a52aec447163df16d86d14f96d74501c45266e2a",class:o},this.text,t("svg",{key:"c28c49ee4446d73b366bb68280ddf5b9192cc79a",class:"tooltip-arrow-svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"2de515ea4344c728a1da4b368c93c7ade11badcb",id:"Indicator",d:"M6 0L12 8L0 8L6 0Z",fill:"#1D1D1D"}))),this.variant.toLowerCase()==="extended"&&t("div",{key:"9e3186e4856770c831d0422bce64b131c64f55f0",class:i},t("slot",{key:"089640249dbfcf8eed4525615d6e289955304e09",name:"icon"},this.icon?t("div",{class:"extended_icon"},t("ifx-icon",{icon:this.icon})):t("svg",{class:"extended_icon",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none",viewBox:"0 0 24 24"},t("path",{stroke:"#fff","stroke-linecap":"round","stroke-linejoin":"round",d:"M20.5 2.5h-16a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2Z"}),t("path",{stroke:"#fff",d:"M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z"}),t("path",{fill:"#fff",d:"M10 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"}))),t("div",{key:"eab4f9af96d154a289bec83673db47d3580c267d",class:"tooltip-extended-content"},this.header&&t("div",{key:"810497a167351bef22a9e61050264032be295455",class:"tooltip-extended-header"},this.header),t("div",{key:"802dbe5e093b9d69b9155e188d35a421b2ca0c2e",class:"tooltip-extended-body"},this.text)),t("svg",{key:"ff19a79905e5ea4af628364a254e03e022a08a3d",class:"tooltip-arrow-svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"557540e1fd91ad15580011ddf37a4cd25a8a6ae3",id:"Indicator",d:"M6 0L12 8L0 8L6 0Z",fill:"#1D1D1D"}))))}get el(){return n(this)}static get watchers(){return{position:["positionChanged"]}}};c.style=r;export{c as ifx_tooltip}; diff --git a/pr-preview-vue-example/pr-1685/assets/index-DFR79MvN.js b/pr-preview-vue-example/pr-1685/assets/index-CTBaKUaT.js similarity index 96% rename from pr-preview-vue-example/pr-1685/assets/index-DFR79MvN.js rename to pr-preview-vue-example/pr-1685/assets/index-CTBaKUaT.js index cb423b95d..306f9defa 100644 --- a/pr-preview-vue-example/pr-1685/assets/index-DFR79MvN.js +++ b/pr-preview-vue-example/pr-1685/assets/index-CTBaKUaT.js @@ -1,4 +1,4 @@ -const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./ifx-basic-table.entry-BjMoGEas.js","./main.esm-b8709563-BZjIOvLu.js","./index-72ac5051-B1g_EHyb.js","./ifx-dropdown.entry-CKumqNjr.js","./popper-1604923e-FRdid3Df.js","./ifx-icons-preview.entry-BhEBeCPk.js","./icons-4575d84a-Bveiqm1q.js","./ifx-spinner.entry-Da-il93g.js","./ifx-table.entry-CbnjzIPo.js","./ifx-tooltip.entry-Bp4a4r-L.js","./ifx-search-field.entry-C5W-MQlZ.js","./ifx-button.entry-NJ3rLmpd.js","./ifx-icon-button.entry-CxgtgB6I.js","./ifx-link.entry-l7gUbY1m.js","./ifx-icon.entry-ZaDcVhBe.js"])))=>i.map(i=>d[i]); +const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./ifx-basic-table.entry-egsq-jMg.js","./main.esm-b8709563-BZjIOvLu.js","./index-72ac5051-B1g_EHyb.js","./ifx-dropdown.entry-DTDbXL6r.js","./popper-1604923e-FRdid3Df.js","./ifx-icons-preview.entry-BDepkT-z.js","./icons-4575d84a-Bveiqm1q.js","./ifx-spinner.entry-DGIzcTsu.js","./ifx-table.entry-D4qenp2j.js","./ifx-tooltip.entry-BK5SdKZr.js","./ifx-search-field.entry-CxKA2MF-.js","./ifx-button.entry-Cq48z07D.js","./ifx-icon-button.entry-Z1wJoxH0.js","./ifx-link.entry-Crev-rMc.js","./ifx-icon.entry-J4PDkDe-.js"])))=>i.map(i=>d[i]); (function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const r of document.querySelectorAll('link[rel="modulepreload"]'))i(r);new MutationObserver(r=>{for(const l of r)if(l.type==="childList")for(const s of l.addedNodes)s.tagName==="LINK"&&s.rel==="modulepreload"&&i(s)}).observe(document,{childList:!0,subtree:!0});function n(r){const l={};return r.integrity&&(l.integrity=r.integrity),r.referrerPolicy&&(l.referrerPolicy=r.referrerPolicy),r.crossOrigin==="use-credentials"?l.credentials="include":r.crossOrigin==="anonymous"?l.credentials="omit":l.credentials="same-origin",l}function i(r){if(r.ep)return;r.ep=!0;const l=n(r);fetch(r.href,l)}})();/** * @vue/shared v3.5.13 * (c) 2018-present Yuxi (Evan) You and Vue contributors @@ -21,4 +21,4 @@ const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./ifx-basic-table.entr cursus ipsum, nec egestas odio sapien eget neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.`}return(s,a)=>(F(),H("div",null,[a[2]||(a[2]=o("h2",null,"Accordion",-1)),o("ifx-accordion",{"on:ifxItemOpen":i,"auto-collapse":"true"},[o("ifx-accordion-item",{ref_key:"accordionItemRef",ref:t,"initial-collapse":"false",open:"false",caption:"Label"},[o("div",null,he(n.value),1)],512),a[0]||(a[0]=o("ifx-accordion-item",{caption:"Label"}," Content for Item #2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque. ",-1)),a[1]||(a[1]=o("ifx-accordion-item",{caption:"Label"}," Content for Item #3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque. ",-1))],32),a[3]||(a[3]=o("br",null,null,-1)),o("ifx-button",{onClick:r},"Open/Close the first accordion item"),o("ifx-button",{onClick:l},"Change Content dynamically"),a[4]||(a[4]=o("br",null,null,-1)),a[5]||(a[5]=o("br",null,null,-1))]))}},Ma={style:{"background-color":"grey"}},Fa={__name:"Button",setup(e){function t(){console.log("Button clicked")}function n(){console.log("Button clicked via Enter key")}function i(){console.log("Mouse over event detected")}return(r,l)=>(F(),H("div",null,[l[1]||(l[1]=o("h2",null,"Button",-1)),o("div",null,[o("ifx-button",{theme:"default",onClick:t,onKeyup:l[0]||(l[0]=Ml(s=>n(),["enter"])),disabled:"false",onMouseover:i}," Click me ",32),o("ifx-button",{theme:"default",onClick:t,disabled:"true",onMouseover:i}," Not clickable when disabled ",32),o("div",Ma,[o("ifx-button",{variant:"tertiary",href:"",target:"_blank",theme:"inverse",size:"m",disabled:"false",onClick:t,onMouseover:i}," I'm a button in a div ",32)])]),l[2]||(l[2]=o("br",null,null,-1)),l[3]||(l[3]=o("br",null,null,-1))]))}},Na=["disabled","value","error"],Ha={__name:"Checkbox",setup(e){let t=W(!1),n=W(!1),i=W(!1);function r(c){console.log("updating checkbox value: ",c.detail),n.value=c.detail}const l=()=>{console.log("Form submitted. Checkbox value:",n.value)},s=()=>{t.value=!t.value},a=()=>{i.value=!i.value},u=()=>{n.value=!n.value};return(c,f)=>(F(),H("div",null,[f[2]||(f[2]=o("h2",null,"Checkbox",-1)),o("form",{onSubmit:Dl(l,["prevent"])},[o("ifx-checkbox",{disabled:V(t),"on:ifxChange":r,value:V(n),error:V(i),name:"name"},"label",40,Na),f[0]||(f[0]=o("br",null,null,-1)),f[1]||(f[1]=o("ifx-button",{theme:"default",type:"submit"},"Submit",-1))],32),f[3]||(f[3]=o("br",null,null,-1)),o("div",null,[o("ifx-button",{variant:"secondary",theme:"default",onClick:s},"Toggle Disabled"),o("ifx-button",{variant:"secondary",theme:"default",onClick:a},"Toggle Error"),o("ifx-button",{variant:"secondary",theme:"default",onClick:u},"Toggle Value")]),f[4]||(f[4]=o("br",null,null,-1)),o("span",null,"Disabled: "+he(V(t)),1),f[5]||(f[5]=o("br",null,null,-1)),o("span",null,"Error: "+he(V(i)),1),f[6]||(f[6]=o("br",null,null,-1)),o("span",null,"Value: "+he(V(n)),1),f[7]||(f[7]=o("br",null,null,-1)),f[8]||(f[8]=o("br",null,null,-1))]))}},Ba={};function Va(e,t){return F(),H("div",null,t[0]||(t[0]=[o("h2",null,"Chip",-1),o("ifx-chip",{placeholder:"Label",size:"large",variant:"multi","read-only":"false"},[o("ifx-chip-item",{value:"Item Value 0",selected:"true"},"Item Label 0"),o("ifx-chip-item",{value:"Item Value 1"},"Item Label 1"),o("ifx-chip-item",{value:"Item Value 2"},"Item Label 2"),o("ifx-chip-item",{value:"Item Value 3"},"Item Label 3")],-1),o("br",null,null,-1),o("br",null,null,-1)]))}const ja=ne(Ba,[["render",Va]]),za={__name:"ProgressBar",setup(e){const t=W(50);dt(()=>{i(),setInterval(i,1e5)});const n=yt(()=>t.value);function i(){console.log("updating progress"),t.value<100?t.value+=10:t.value=10}return(r,l)=>(F(),H("div",null,[l[1]||(l[1]=o("h2",null,"Progress bar",-1)),qt(o("ifx-progress-bar",{"onUpdate:modelValue":l[0]||(l[0]=s=>n.value=s),size:"m","show-label":"true"},null,512),[[Kt,n.value]]),l[2]||(l[2]=o("br",null,null,-1)),o("ifx-button",{onClick:i,variant:"secondary",href:"",target:"_blank",theme:"default",size:"s",disabled:"false",icon:"false"}," Update Progress "),l[3]||(l[3]=o("br",null,null,-1)),l[4]||(l[4]=o("br",null,null,-1))]))}},Ua=["disabled","value","error"],qa={__name:"RadioButton",setup(e){const t=W(!1),n=W(!1),i=W(!1),r=()=>{console.log("Form submitted. Radio Button value:",n.value)};function l(c){console.log("updating radio btn value: ",c.detail),n.value=c.detail}const s=()=>{t.value=!t.value},a=()=>{i.value=!i.value},u=()=>{n.value=!n.value};return(c,f)=>(F(),H("div",null,[f[2]||(f[2]=o("h2",null,"Radio Button",-1)),o("form",{onSubmit:Dl(r,["prevent"])},[o("ifx-radio-button",{disabled:t.value,"on:ifxChange":l,value:n.value,error:i.value,name:"name"},"label",40,Ua),f[0]||(f[0]=o("br",null,null,-1)),f[1]||(f[1]=o("ifx-button",{type:"submit"},"Submit",-1))],32),f[3]||(f[3]=o("br",null,null,-1)),o("div",null,[o("ifx-button",{variant:"secondary",onClick:s},"Toggle Disabled"),o("ifx-button",{variant:"secondary",onClick:a},"Toggle Error"),o("ifx-button",{variant:"secondary",onClick:u},"Toggle Value")]),f[4]||(f[4]=o("br",null,null,-1)),o("span",null,"Disabled: "+he(t.value),1),f[5]||(f[5]=o("br",null,null,-1)),o("span",null,"Error: "+he(i.value),1),f[6]||(f[6]=o("br",null,null,-1)),o("span",null,"Value: "+he(n.value),1),f[7]||(f[7]=o("br",null,null,-1)),f[8]||(f[8]=o("br",null,null,-1))]))}},Wa={id:"another-form"},Ka={__name:"TextField",setup(e){let t=W("");dt(()=>{n(),setInterval(n,1e5)});function n(){console.log("updating Text field from parent component"),t.value=t.value+"+1"}return(i,r)=>(F(),H("div",null,[o("form",Wa,[r[4]||(r[4]=o("h2",null,"Text field",-1)),o("div",null,[qt(o("ifx-text-field",{"onUpdate:modelValue":r[0]||(r[0]=l=>ie(t)?t.value=l:t=l),error:"false",disabled:"false",success:"false",placeholder:"Placeholder",caption:""},"Label",512),[[Kt,V(t)]]),r[1]||(r[1]=o("br",null,null,-1)),r[2]||(r[2]=o("ifx-button",{type:"submit",theme:"default",size:"s",disabled:"false",icon:"false"}," Submit form ",-1)),r[3]||(r[3]=o("ifx-button",{type:"reset",variant:"secondary",theme:"default",size:"s",disabled:"false",icon:"false"}," Reset form ",-1))]),o("p",null,"Text field value: "+he(V(t)),1),r[5]||(r[5]=o("br",null,null,-1)),r[6]||(r[6]=o("br",null,null,-1))])]))}},Ga={};function Ja(e,t){return F(),H("div",null,t[0]||(t[0]=[o("h2",null,"Tag",-1),o("div",null,[o("ifx-tag",null,"tag")],-1),o("br",null,null,-1),o("br",null,null,-1)]))}const Ya=ne(Ga,[["render",Ja]]),Xa={};function Qa(e,t){return F(),H("div",null,t[0]||(t[0]=[o("h2",null,"Spinner",-1),o("ifx-spinner",{variant:"semiconductor",size:"m"},null,-1),o("br",null,null,-1),o("br",null,null,-1)]))}const Za=ne(Xa,[["render",Qa]]),eu={inverted:"false"},tu={__name:"NumberIndicator",setup(e){let t=W(1);function n(){t.value=t.value+1}function i(){t.value=t.value-1}return(r,l)=>(F(),H("div",null,[l[0]||(l[0]=o("h2",null,"Number Indicator",-1)),o("ifx-number-indicator",eu,he(V(t)),1),o("button",{onClick:n},"+"),o("button",{onClick:i},"-")]))}},nu={};function iu(e,t){return F(),H("div",null,t[0]||(t[0]=[o("h2",null,"Link",-1),o("ifx-link",{href:"",target:"_blank",size:"m",variant:"bold"},"link",-1),o("br",null,null,-1),o("br",null,null,-1)]))}const ru=ne(nu,[["render",iu]]),lu=["active-tab-index"],su={__name:"Tabs",setup(e){const t=W(0);dt(()=>{i(),setInterval(i,5e4)});function n(r){console.log("emitting active tab index: ",r.detail)}function i(){const r=Math.floor(Math.random()*3);console.log("setting next active tab: ",r),t.value=r}return(r,l)=>(F(),H("div",null,[l[1]||(l[1]=o("h2",null,"Tabs",-1)),o("ifx-tabs",{"on:ifxTabChange":n,orientation:"horizontal","active-tab-index":t.value},l[0]||(l[0]=[o("ifx-tab",{header:"tab header a",disabled:"false"}," Content for Tab #1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque. ",-1),o("ifx-tab",{header:"tab header b",disabled:"false"}," Content for Tab #2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque. ",-1),o("ifx-tab",{header:"tab header c",disabled:"false"}," Content for Tab #3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque. ",-1)]),40,lu)]))}},ou={class:"app"},au={slot:"buttons"},uu={__name:"Sidebar",setup(e){const t=W(),n=yt(()=>t.value),i=()=>{console.log("modal button clicked")},r=()=>{n&&(n.value.opened=!1)},l=()=>{n&&(n.value.opened=!0)},s=a=>{console.log("Sidebar item clicked",a.currentTarget)};return(a,u)=>(F(),H("div",ou,[o("ifx-sidebar",{"application-name":"Application Name",id:"sidebar"},[o("ifx-sidebar-item",null,[u[4]||(u[4]=se(" Header Section ")),o("ifx-sidebar-item",{icon:"image-16"},[u[2]||(u[2]=se(" Menu Item ")),u[3]||(u[3]=o("ifx-sidebar-item",{icon:"image-16",active:"true"}," Menu Item 1 ",-1)),o("ifx-sidebar-item",{"is-action-item":"true",onClick:l,target:"_blank",icon:"image-16"}," Open modal "),o("ifx-sidebar-item",{target:"_blank",icon:"image-16",onClick:s}," Handle item click ")]),u[5]||(u[5]=o("ifx-sidebar-item",{icon:"image-16"},[se(" Menu Item "),o("ifx-sidebar-item",{target:"_blank",icon:"image-16"}," Menu Item ")],-1)),u[6]||(u[6]=o("ifx-sidebar-item",{icon:"image-16"},[se(" Menu Item "),o("ifx-sidebar-item",{target:"_blank",icon:"image-16"}," Menu Item ")],-1))]),u[7]||(u[7]=Ll(' Header Section Menu Item Menu Item Menu Item Menu Item Menu Item Menu Item Menu Item Menu Item Header Section Menu Item Menu Item Menu Item Menu Item Menu Item Menu Item Menu Item Menu Item ',2))]),o("div",null,[o("ifx-modal",{ref_key:"modalRef",ref:t,caption:" Modal Title",variant:"default","close-on-overlay-click":"false"},[u[8]||(u[8]=o("div",{slot:"content"},[o("span",null,"Hello. Welcome. What a pleasure it is to have you.")],-1)),o("div",au,[o("ifx-button",{variant:"secondary",onClick:u[0]||(u[0]=c=>i())},"Console output"),o("ifx-button",{onClick:u[1]||(u[1]=c=>r())},"Close")])],512)])]))}},fu={};function cu(e,t){return F(),H("div",null,t[0]||(t[0]=[o("ifx-navbar",{"show-logo-and-appname":"true","application-name":"App name",fixed:"false","logo-href":"http://google.com","logo-href-target":"_self"},[o("ifx-navbar-item",{icon:"calendar16",slot:"left-item",target:"",href:""},[se(" Menu Item 1 "),o("ifx-navbar-item",{icon:"calendar16"},[se(" Layer 1 Nested Item 1 "),o("ifx-navbar-item",null,[se(" Layer 2 Nested Item 2 "),o("ifx-navbar-item",{href:"http://google.com",target:"_blank"},"Link Layer 3 Nested Item 1"),o("ifx-navbar-item",null,"Layer 3 Nested Item 2"),o("ifx-navbar-item",null,"Layer 3 Nested Item 3"),o("ifx-navbar-item",null,"Layer 3 Nested Item 4")]),o("ifx-navbar-item",null,"Layer 2 Nested Item 3"),o("ifx-navbar-item",null,"Layer 2 Nested Item 4"),o("ifx-navbar-item",null,"Layer 2 Nested Item 5")]),o("ifx-navbar-item",null,[se(" Layer 1 Nested Item 2 "),o("ifx-navbar-item",null,"Layer 2 Item 1"),o("ifx-navbar-item",null,"Layer 2 Item 2"),o("ifx-navbar-item",null,"Layer 2 Item 3")]),o("ifx-navbar-item",null,"Nested Item 3"),o("ifx-navbar-item",null,[se(" Layer 1 Nested Item 4 "),o("ifx-navbar-item",null,"Nested Item 4")])]),o("ifx-navbar-item",{href:"http://google.com",target:"_blank",slot:"left-item",icon:"calendar16","show-label":"true"}," Menu Item 2 "),o("ifx-navbar-item",{slot:"left-item"},[se(" More "),o("ifx-navbar-item",null,"Item1"),o("ifx-navbar-item",null,"Item2")]),o("ifx-search-bar",{slot:"search-bar-left","is-open":"false"}),o("ifx-navbar-item",{slot:"right-item",target:"_blank",href:"http://google.com","hide-on-mobile":"false","show-label":"false",icon:"cartf16"},"Right Item"),o("ifx-navbar-item",{slot:"right-item","hide-on-mobile":"true","show-label":"true",icon:"airplane16"},[se(" Right Item "),o("ifx-navbar-item",null,[se(" Nested one "),o("ifx-navbar-item",null,[se(" Nested one "),o("ifx-navbar-item",null,[se(" Nested one "),o("ifx-navbar-item",null,"Final one")])])])]),o("ifx-navbar-profile",{slot:"right-item","image-url":"https://i.pinimg.com/originals/82/d4/92/82d4926dcf09dd4c73eb1a6c0300c135.jpg","show-label":"true",href:"",target:"_blank"},[se(" User "),o("ifx-navbar-item",null,"Item"),o("ifx-navbar-item",null,"Item"),o("ifx-navbar-item",null,"Item"),o("ifx-navbar-item",null,"Item")])],-1)]))}const du=ne(fu,[["render",cu]]),gr=""+new URL("coffee_unsplash1-BCf7iqBZ.jpg",import.meta.url).href,pu={href:"http://google.com",target:"_blank",direction:"vertical"},mu=["src"],hu={href:"http://google.com",target:"_blank",direction:"horizontal"},gu=["src"],bu={__name:"Card",setup(e){return(t,n)=>(F(),H("div",null,[n[8]||(n[8]=o("h2",null,"Card",-1)),o("ifx-card",pu,[o("ifx-card-image",{position:"right",src:V(gr),alt:"",slot:"img"},null,8,mu),n[0]||(n[0]=o("ifx-card-overline",null,"Overline",-1)),n[1]||(n[1]=o("ifx-card-headline",null,"Headline",-1)),n[2]||(n[2]=o("ifx-card-text",null,"This is a long description in order to test if the text will overflow its container or not. So I am typing even more text. And more and more. This is a long description in order to test if the text will overflow its container or not. So I am typing even more text. And more and more. This is a long description in order to test if the text will overflow its container or not. So I am typing even more text. And more and more. This is a long description in order to test if the text will overflow its container or not. So I am typing even more text. And more and more.This is a long description in order to test if the text will overflow its container or not. So I am typing even more text. And more and more. This is a long description in order to test if the text will overflow its container or not. So I am typing even more text. And more and more.This is a long description in order to test if the text will overflow its container or not. So I am typing even more text. And more and more. This is a long description in order to test if the text will overflow its container or not. So I am typing even more text. And more and more.",-1)),n[3]||(n[3]=o("ifx-card-links",{slot:"buttons"},[o("ifx-button",{theme:"default"},"Button"),o("ifx-button",{theme:"danger"},"Button")],-1))]),n[9]||(n[9]=o("br",null,null,-1)),n[10]||(n[10]=o("br",null,null,-1)),o("ifx-card",hu,[o("ifx-card-image",{position:"right",src:V(gr),alt:"",slot:"img"},null,8,gu),n[4]||(n[4]=o("ifx-card-overline",null,"Overline",-1)),n[5]||(n[5]=o("ifx-card-headline",null,"Headline",-1)),n[6]||(n[6]=o("ifx-card-text",null,"This is a long description in order to test if the text will overflow its container or not. So I am typing even more text. And more and more. This is a long description in order to test if the text will overflow its container or not. So I am typing even more text. And more and more. This is a long description in order to test if the text will overflow its container or not. So I am typing even more text. And more and more. This is a long description in order to test if the text will overflow its container or not. So I am typing even more text. And more and more.This is a long description in order to test if the text will overflow its container or not. So I am typing even more text. And more and more. This is a long description in order to test if the text will overflow its container or not. So I am typing even more text. And more and more.This is a long description in order to test if the text will overflow its container or not. So I am typing even more text. And more and more. This is a long description in order to test if the text will overflow its container or not. So I am typing even more text. And more and more.",-1)),n[7]||(n[7]=o("ifx-card-links",{slot:"buttons"},[o("ifx-button",{theme:"default"},"Button"),o("ifx-button",{theme:"danger"},"Button")],-1))]),n[11]||(n[11]=o("br",null,null,-1)),n[12]||(n[12]=o("br",null,null,-1))]))}},xu={};function vu(e,t){return F(),H("div",null,t[0]||(t[0]=[o("h2",null,"Icon Button",-1),o("ifx-icon-button",{shape:"round",variant:"primary",icon:"calendar-16",href:"http://google.com",target:"",size:"s",disabled:"true"},null,-1)]))}const _u=ne(xu,[["render",vu]]),$u={};function yu(e,t){return F(),H("div",null,[t[1]||(t[1]=o("h2",null,"Switch",-1)),o("ifx-switch",{disabled:"false",value:"false","on:ifxChange":t[0]||(t[0]=n=>console.log("switch changed"))},null,32),t[2]||(t[2]=o("br",null,null,-1)),t[3]||(t[3]=o("br",null,null,-1))])}const wu=ne($u,[["render",yu]]),Su={};function Iu(e,t){return F(),H("div",null,t[0]||(t[0]=[o("h2",null,"Dropdown",-1),o("ifx-dropdown",{placement:"bottom-start","no-close-on-menu-click":"true"},[o("ifx-dropdown-trigger-button",{icon:"calendar16"}," dropdown "),o("ifx-dropdown-menu",{size:"l"},[o("ifx-dropdown-header",null,"Header Text"),o("ifx-search-field",{"show-delete-icon":"false"}),o("ifx-dropdown-item",null,"Menu Item"),o("ifx-dropdown-separator"),o("ifx-dropdown-item",null,"Menu Item"),o("ifx-dropdown-item",null,"Menu Item"),o("ifx-dropdown-item",null,"Menu Item"),o("ifx-dropdown-item",null,"Menu Item")])],-1)]))}const Tu=ne(Su,[["render",Iu]]),Eu={};function Cu(e,t){return F(),H("div",null,t[0]||(t[0]=[o("h2",null,"Date Picker",-1),o("div",null,[o("ifx-date-picker",{size:"s",disabled:"false",success:"false",error:"false"})],-1),o("br",null,null,-1),o("br",null,null,-1)]))}const ku=ne(Eu,[["render",Cu]]),Ou={};function Lu(e,t){return F(),H("div",null,t[0]||(t[0]=[o("h2",null,"Tooltip",-1),o("div",null,[o("ifx-tooltip",{text:"Hi, I'm a compact tooltip",variant:"compact",position:"left"},"I'm the compact tooltip reference element - Please hover me"),o("br"),o("ifx-tooltip",{header:"Dismissible tooltip header 1",text:"Hi, I'm a dismissible tooltip",variant:"dismissible",position:"auto"},"I'm the dismissible tooltip reference 1 element - Please click me"),o("br"),o("ifx-tooltip",{header:"Dismissible tooltip header 2",text:"Hi, I'm a dismissible tooltip",variant:"dismissible",position:"bottom"},"I'm the dismissible tooltip reference 2 element - Please click me"),o("br"),o("ifx-tooltip",{header:"Text + icon tooltip header",text:"Hi, I'm a tooltip with text and an icon",icon:"c-info-24",variant:"extended",position:"auto"},"I'm the text+icon tooltip reference element - Please hover me")],-1),o("br",null,null,-1),o("br",null,null,-1)]))}const Pu=ne(Ou,[["render",Lu]]),Au={};function Ru(e,t){return F(),H("div",null,t[0]||(t[0]=[o("h2",null,"Footer",-1),o("ifx-footer",{variant:"large","terms-url":"https://yourwebsite.com/terms"},[o("ifx-footer-column",{slot:"col"},[o("h5",{slot:"title"},"Title"),o("ifx-link",{href:"#",variant:"underlined",slot:"link"},"Footer Link"),o("ifx-link",{href:"#",variant:"underlined",slot:"link"},"Footer Link"),o("ifx-link",{href:"#",variant:"underlined",slot:"link"},"Footer Link"),o("ifx-link",{href:"#",variant:"underlined",slot:"link"},"Footer Link")]),o("ifx-footer-column",{slot:"col"},[o("h5",{slot:"title"},"Title"),o("ifx-link",{href:"#",variant:"underlined",slot:"link"},"Footer Link"),o("ifx-link",{href:"#",variant:"underlined",slot:"link"},"Footer Link"),o("ifx-link",{href:"#",variant:"underlined",slot:"link"},"Footer Link"),o("ifx-link",{href:"#",variant:"underlined",slot:"link"},"Footer Link")]),o("ifx-footer-column",{slot:"col"},[o("h5",{slot:"title"},"Title"),o("ifx-link",{href:"#",variant:"underlined",slot:"link"},"Footer Link"),o("ifx-link",{href:"#",variant:"underlined",slot:"link"},"Footer Link"),o("ifx-link",{href:"#",variant:"underlined",slot:"link"},"Footer Link"),o("ifx-link",{href:"#",variant:"underlined",slot:"link"},"Footer Link")]),o("ifx-footer-column",{slot:"col"},[o("h5",{slot:"title"},"Title"),o("ifx-link",{variant:"underlined",slot:"link"},"Footer Link"),o("ifx-link",{variant:"underlined",slot:"link"},"Footer Link"),o("ifx-link",{variant:"underlined",slot:"link"},"Footer Link"),o("ifx-link",{variant:"underlined",slot:"link"},"Footer Link")]),o("div",{slot:"socials"},[o("ifx-link",{variant:"title",href:"http://facebook.com/infineon"},[o("ifx-icon",{icon:"facebook"})]),o("ifx-link",{variant:"title",href:"http://youtube.com/infineon"},[o("ifx-icon",{icon:"youtube"})]),o("ifx-link",{variant:"title",href:"http://instagram.com/infineon"},[o("ifx-icon",{icon:"instagram"})]),o("ifx-link",{variant:"title",href:"http://linkedin.com/infineon"},[o("ifx-icon",{icon:"linkedin"})]),o("ifx-link",{variant:"title",href:"http://twitter.com/infineon"},[o("ifx-icon",{icon:"twitter"})]),o("ifx-link",{variant:"title",href:"http://xing.com/infineon"},[o("ifx-icon",{icon:"xing"})])]),o("div",{slot:"info"},[o("ifx-link",{variant:"menu",href:"https://yourwebsite.com/terms",target:"_blank"},"Terms")])],-1)]))}const Du=ne(Au,[["render",Ru]]),Mu=["disabled","error","error-message","options"],Fu=["disabled","error","error-message","options"],Nu={__name:"SingleSelect",setup(e){let t=W(!1),n=W(!1),i=W(!1),r=W(`Some errordfadssssssssssfaaaaaaaaffffffffffffffffff -ddfsafdf`),l=W([{value:"a",label:"option a",selected:!1},{value:"b",label:"option b",selected:!1},{value:"c",label:"option c",selected:!1}]);const s=()=>{t.value=!t.value},a=()=>{i.value=!i.value};return(u,c)=>(F(),H("div",null,[c[0]||(c[0]=o("h2",null,"SingleSelect",-1)),o("ifx-select",{type:"single",value:"undefined",size:"medium (40px)",placeholder:"true","show-search":"true","search-placeholder-value":"Search...",disabled:V(t),error:V(i),"error-message":V(r),label:"","placeholder-value":"Placeholder",options:JSON.stringify(V(l))},null,8,Mu),o("div",null,[o("ifx-button",{variant:"secondary",theme:"default",onClick:s},"Toggle Disabled"),o("ifx-button",{variant:"secondary",theme:"default",onClick:a},"Toggle Error")]),c[1]||(c[1]=o("br",null,null,-1)),o("ifx-select",{type:"single",value:"undefined",size:"medium (40px)",placeholder:"true","show-search":"true","search-placeholder-value":"Search...",disabled:V(n),error:V(i),"error-message":V(r),label:"","placeholder-value":"Placeholder",options:JSON.stringify(V(l))},null,8,Fu),c[2]||(c[2]=o("br",null,null,-1)),c[3]||(c[3]=o("br",null,null,-1))]))}},Hu=["options","error","erroMessage","disabled"],Bu={__name:"MultiSelect",setup(e){let t=W(!1),n=W(!1),i=W("Some error"),r=W([{value:"a",label:"option a",selected:!1},{value:"b",label:"option b",selected:!1},{value:"c",label:"option c",selected:!1},{value:"d",label:"option d",selected:!1},{value:"b",label:"option b",selected:!1},{value:"e",label:"option e",selected:!1},{value:"f",label:"option f",selected:!1},{value:"g",label:"option g",selected:!1},{value:"h",label:"option h",selected:!1},{value:"i",label:"option i",selected:!1},{value:"j",label:"option j",selected:!1},{value:"k",label:"option k",selected:!1},{value:"l",label:"option l",selected:!1},{value:"m",label:"option m",selected:!1},{value:"n",label:"option n",selected:!1},{value:"o",label:"option o",selected:!1},{value:"p",label:"option p",selected:!1},{value:"q",label:"option q",selected:!1},{value:"r",label:"option r",selected:!1},{value:"s",label:"option s",selected:!1},{value:"t",label:"option t",selected:!1},{value:"u",label:"option u",selected:!1},{value:"v",label:"option v",selected:!1},{value:"w",label:"option w",selected:!1},{value:"x",label:"option x",selected:!1},{value:"y",label:"option y",selected:!1},{value:"z",label:"option z",selected:!1,children:[{value:"z1",label:"option z1",selected:!1},{value:"z2",label:"option z2",selected:!1}]}]);console.log("options",r);function l(u){console.log("emitting multiselect selected options: ",u.detail)}const s=()=>{t.value=!t.value},a=()=>{n.value=!n.value};return(u,c)=>(F(),H("div",null,[c[0]||(c[0]=o("h2",null,"MultiSelect",-1)),o("ifx-multiselect",{batchSize:"10",options:JSON.stringify(V(r)),"on:ifxSelect":l,size:"medium (40px)",error:V(n),erroMessage:V(i),"error-message":"Some error",label:"",disabled:V(t)},null,40,Hu),o("div",null,[o("ifx-button",{variant:"secondary",theme:"default",onClick:s},"Toggle Disabled"),o("ifx-button",{variant:"secondary",theme:"default",onClick:a},"Toggle Error")]),c[1]||(c[1]=o("br",null,null,-1)),c[2]||(c[2]=o("br",null,null,-1))]))}},Vu={slot:"buttons"},ju={__name:"Modal",setup(e){const t=W(),n=yt(()=>t.value),i=()=>{console.log("modal button clicked")},r=()=>{n&&(n.value.opened=!1)},l=()=>{n&&(n.value.opened=!0)};return(s,a)=>(F(),H("div",null,[a[4]||(a[4]=o("h2",null,"Modal",-1)),o("div",null,[o("ifx-modal",{ref_key:"modalRef",ref:t,caption:" Modal Title",variant:"default","close-on-overlay-click":"false"},[a[3]||(a[3]=o("div",{slot:"content"},[o("span",null,"Hello. Welcome. What a pleasure it is to have you.")],-1)),o("div",Vu,[o("ifx-button",{variant:"secondary",onClick:a[0]||(a[0]=u=>i())},"Console output"),o("ifx-button",{onClick:a[1]||(a[1]=u=>r())},"Close")])],512),o("ifx-button",{onKeyup:Ml(l,["enter"]),onClick:a[2]||(a[2]=u=>l())},"Open Modal",32)])]))}},zu=["current-page"],Uu={__name:"Pagination",setup(e){const t=W(1),n=yt(()=>t.value);dt(()=>{r(),setInterval(r,1e5)});function i(){console.log("page value changed")}function r(){console.log("updating page value"),t.value<500?t.value+=1:t.value=1}return(l,s)=>(F(),H("div",null,[s[0]||(s[0]=o("h2",null,"Pagination",-1)),o("ifx-pagination",{"on:ifxPageChange":i,"on:ifxPrevPage":i,"on:ifxNextPage":i,total:"500","current-page":n.value},null,40,zu)]))}},qu={};function Wu(e,t){return F(),H("div",null,t[0]||(t[0]=[o("h2",null,"Table (Basic)",-1),o("ifx-basic-table",{"row-height":"default",cols:'[{"headerName":"Make","field":"make","sortable":true,"sort":"desc","unSortIcon":true},{"headerName":"Model","field":"model","sortable":true,"unSortIcon":true},{"headerName":"Price","field":"price"},{"headerName":"Age","field":"age"}]',rows:'[{"make":"Toyota","model":"Celica","price":35000,"age":10},{"make":"Ford","model":"Mondeo","price":32000,"age":12},{"make":"Porsche","model":"Boxster","price":72000}]',"table-height":"auto"},null,-1),o("br",null,null,-1)]))}const Ku=ne(qu,[["render",Wu]]),Gu={data(){return{tableColumnsWithBtn:[{headerName:"Make",field:"make",sortable:!0,sort:"desc",unSortIcon:!0},{headerName:"Model",field:"model",sortable:!0,unSortIcon:!0},{headerName:"Price",field:"price"},{headerName:"Age",field:"age"},{headerName:"",field:"button"}],tableRowsWithBtn:[{make:"Toyota",model:"Celica",price:35e3,age:10,button:{disabled:!1,variant:"secondary",size:"s",target:"_blank",href:"https://www.w3schools.com/",theme:"default",type:"button",fullWidth:!0,text:"Toyota Button"}},{make:"Ford",model:"Mondeo",price:32e3,age:12,button:{disabled:!1,variant:"secondary",size:"s",target:"_blank",href:"https://www.w3schools.com/",theme:"default",type:"button",fullWidth:!0,text:"Ford Button"}},{make:"Porsche",model:"Boxster",price:72e3,age:8,button:{disabled:!1,variant:"secondary",size:"s",target:"_blank",href:"https://www.w3schools.com/",theme:"default",type:"button",fullWidth:!0,text:"Porsche Button"}}],buttonRendererOptions:{onButtonClick:(e,t)=>{console.log("Button clicked:",e.data)}},ready:!1}},mounted(){this.ready=!0}},Ju=["cols","rows","buttonRendererOptions"];function Yu(e,t,n,i,r,l){return F(),H("div",null,[t[0]||(t[0]=o("h2",null,"Table (Advanced)",-1)),t[1]||(t[1]=o("h3",null,"Table with sidebar filters",-1)),t[2]||(t[2]=o("ifx-table",{"row-height":"default",cols:'[{"headerName":"Make","field":"make","sortable":true,"sort":"desc","unSortIcon":true},{"headerName":"Model","field":"model","sortable":true,"unSortIcon":true},{"headerName":"Price","field":"price"},{"headerName":"Age","field":"age"}]',rows:'[{"make":"Toyota","model":"Celica","price":35000,"age":10},{"make":"Ford","model":"Mondeo","price":32000,"age":12},{"make":"Porsche","model":"Boxster","price":72000},{"make":"Bmw","model":"x","price":72000},{"make":"Mercedes","model":"y","price":72000},{"make":"Ferrari","model":"z","price":72000},{"make":"Chrysler","model":"a","price":72000},{"make":"Range rover","model":"b","price":72000},{"make":"Tesla","model":"x","price":72000},{"make":"Audi","model":"3","price":72000},{"make":"Landrover","model":"x","price":72000}]',"table-height":"auto",pagination:"false","pagination-page-size":"10","filter-orientation":"sidebar"},[o("ifx-filter-type-group",{slot:"sidebar-filter"},[o("div",{slot:"filter-search"},[o("ifx-filter-search",{"filter-orientation":"sidebar","filter-name":"search"})]),o("ifx-filter-accordion",{slot:"filter-accordion","filter-group-name":"make"},[o("ifx-list",{slot:"list",type:"checkbox",name:"make","max-visible-items":"6"},[o("ifx-list-entry",{slot:"slot0",label:"Toyota",value:"false"}),o("ifx-list-entry",{slot:"slot1",label:"Ford",value:"false"}),o("ifx-list-entry",{slot:"slot2",label:"Porsche",value:"false"}),o("ifx-list-entry",{slot:"slot3",label:"Bmw",value:"false"}),o("ifx-list-entry",{slot:"slot4",label:"Mercedes",value:"false"}),o("ifx-list-entry",{slot:"slot5",label:"Ferrari",value:"false"}),o("ifx-list-entry",{slot:"slot6",label:"Chrysler",value:"false"}),o("ifx-list-entry",{slot:"slot7",label:"Range rover",value:"false"}),o("ifx-list-entry",{slot:"slot8",label:"Tesla",value:"false"}),o("ifx-list-entry",{slot:"slot9",label:"Audi",value:"false"}),o("ifx-list-entry",{slot:"slot10",label:"Landrover",value:"false"})])]),o("ifx-filter-accordion",{slot:"filter-accordion","filter-group-name":"model"},[o("ifx-list",{slot:"list",type:"checkbox",name:"model","max-visible-items":"6"},[o("ifx-list-entry",{slot:"slot0",label:"Celica",value:"false"}),o("ifx-list-entry",{slot:"slot1",label:"Mondeo",value:"false"}),o("ifx-list-entry",{slot:"slot2",label:"Boxster",value:"false"}),o("ifx-list-entry",{slot:"slot3",label:"x",value:"false"}),o("ifx-list-entry",{slot:"slot4",label:"y",value:"false"}),o("ifx-list-entry",{slot:"slot5",label:"z",value:"false"}),o("ifx-list-entry",{slot:"slot6",label:"a",value:"false"}),o("ifx-list-entry",{slot:"slot7",label:"b",value:"false"}),o("ifx-list-entry",{slot:"slot8",label:"3",value:"false"})])]),o("ifx-filter-accordion",{slot:"filter-accordion","filter-group-name":"price"},[o("ifx-list",{slot:"list",type:"checkbox",name:"price","max-visible-items":"6"},[o("ifx-list-entry",{slot:"slot0",label:"35000",value:"false"}),o("ifx-list-entry",{slot:"slot1",label:"32000",value:"false"}),o("ifx-list-entry",{slot:"slot2",label:"72000",value:"false"})])]),o("ifx-filter-accordion",{slot:"filter-accordion","filter-group-name":"age"},[o("ifx-list",{slot:"list",type:"checkbox",name:"age","max-visible-items":"6"},[o("ifx-list-entry",{slot:"slot0",label:"10",value:"false"}),o("ifx-list-entry",{slot:"slot1",label:"12",value:"false"}),o("ifx-list-entry",{slot:"slot2",label:"undefined",value:"false"})])])])],-1)),t[3]||(t[3]=o("br",null,null,-1)),t[4]||(t[4]=o("br",null,null,-1)),t[5]||(t[5]=o("h3",null,"Table with Button",-1)),r.ready?(F(),H("ifx-table",{key:0,cols:r.tableColumnsWithBtn,rows:r.tableRowsWithBtn,buttonRendererOptions:r.buttonRendererOptions,"row-height":"default","table-height":"auto",pagination:"false","pagination-page-size":"10","filter-orientation":"none"},null,8,Ju)):qo("",!0)])}const Xu=ne(Gu,[["render",Yu]]),Qu={};function Zu(e,t){return F(),H("div",null,t[0]||(t[0]=[o("h2",null,"Breadcrumbs",-1),o("div",null,[o("ifx-breadcrumb",null,[o("ifx-breadcrumb-item",null,[o("ifx-breadcrumb-item-label",{slot:"label",icon:""},"Breadcrumb 1"),o("ifx-dropdown-menu",null,[o("ifx-dropdown-item",{url:"http://google.com"},"Google"),o("ifx-dropdown-item",{url:"http://bing.com"},"Bing"),o("ifx-dropdown-item",{url:"http://yahoo.com"},"Yahoo"),o("ifx-dropdown-item",{url:"http://naver.com"},"Naver")])]),o("ifx-breadcrumb-item",null,[o("ifx-breadcrumb-item-label",{slot:"label",icon:""},"Breadcrumb 2"),o("ifx-dropdown-menu",null,[o("ifx-dropdown-item",{url:"http://google.com"},"Google"),o("ifx-dropdown-item",{url:"http://bing.com"},"Bing"),o("ifx-dropdown-item",{url:"http://yahoo.com"},"Yahoo"),o("ifx-dropdown-item",{url:"http://naver.com"},"Naver")])]),o("ifx-breadcrumb-item",null,[o("ifx-breadcrumb-item-label",{slot:"label",icon:"",url:"http://google.com"},"Breadcrumb 3")])])],-1),o("br",null,null,-1),o("br",null,null,-1)]))}const ef=ne(Qu,[["render",Zu]]),tf=["value"],nf={__name:"SearchBar",setup(e){let t=W(""),n=W("");function i(r){console.log("updating search field 2: ",r.detail),n.value=r.detail}return(r,l)=>(F(),H("div",null,[l[1]||(l[1]=o("h2",null,"Search Bar (v-model)",-1)),qt(o("ifx-search-bar",{"onUpdate:modelValue":l[0]||(l[0]=s=>ie(t)?t.value=s:t=s),"is-open":"undefined",disabled:"false","show-close-button":"true"},null,512),[[Kt,V(t)]]),o("p",null,"Search Bar 1: "+he(V(t)),1),l[2]||(l[2]=o("h2",null,"Search Bar (manual combination of value binding + event listener)",-1)),o("ifx-search-bar",{"on:ifxInput":i,value:V(n),disabled:"false",size:"m","show-delete-icon":"true"},null,40,tf),o("p",null,"Search Bar 2: "+he(V(n)),1),l[3]||(l[3]=o("br",null,null,-1)),l[4]||(l[4]=o("br",null,null,-1))]))}},rf={};function lf(e,t){return F(),H("div",null,t[0]||(t[0]=[o("h2",null,"Badge",-1),o("div",{style:{"--ifx-font-family":"'Arial black'"}},[o("ifx-badge",null,"Badge label")],-1),o("br",null,null,-1),o("br",null,null,-1)]))}const sf=ne(rf,[["render",lf]]),of={};function af(e,t){return F(),H("div",null,t[0]||(t[0]=[o("h2",null,"Icon",-1),o("div",null,[o("ifx-icon",{icon:"c-check-16"})],-1),o("br",null,null,-1),o("br",null,null,-1)]))}const uf=ne(of,[["render",af]]),ff=["value"],cf={__name:"Slider",setup(e){const t=W(50),n=yt(()=>t.value);dt(()=>{r(),setInterval(r,1e5)});function i(){console.log("value changed")}function r(){console.log("updating slider value"),t.value<100?t.value+=10:t.value=10}return(l,s)=>(F(),H("div",null,[s[0]||(s[0]=o("h2",null,"Slider",-1)),o("div",null,[o("ifx-slider",{"on:ifxChange":i,value:n.value,min:"0",max:"100","show-percentage":"true"},null,40,ff)]),s[1]||(s[1]=o("br",null,null,-1)),s[2]||(s[2]=o("br",null,null,-1))]))}},df={};function pf(e,t){return F(),H("div",null,t[0]||(t[0]=[o("h2",null,"Status",-1),o("div",null,[o("ifx-status",{label:"Status with border",color:"orange",border:"true"}),o("ifx-status",{label:"Status without border",color:"orange",border:"false"})],-1),o("br",null,null,-1),o("br",null,null,-1)]))}const mf=ne(df,[["render",pf]]),hf={};function gf(e,t){return F(),H("div",null,t[0]||(t[0]=[o("h2",null,"Stepper",-1),o("div",null,[o("ifx-stepper",{"show-number":"false","active-step":"4",variant:"default"},[o("ifx-step",null,"Step Label 1"),o("ifx-step",null,"Step Label 2"),o("ifx-step",null,"Step Label 3"),o("ifx-step",null,"Step Label 4"),o("ifx-step",null,"Step Label 5")])],-1),o("br",null,null,-1),o("br",null,null,-1)]))}const bf=ne(hf,[["render",gf]]),xf={};function vf(e,t){return F(),H("div",null,t[0]||(t[0]=[Ll('

Content Switchert

Item 1 Item 2 Item 3 Item 4

',4)]))}const _f=ne(xf,[["render",vf]]),$f={};function yf(e,t){return F(),H("div",null,t[0]||(t[0]=[o("h2",null,"Notification",-1),o("ifx-notification",{icon:"c-check-16",variant:"success","link-text":"Link","link-href":"https://www.example.com"},"Success notification",-1),o("br",null,null,-1),o("ifx-notification",{icon:"lock-16",variant:"warning","link-text":"Link","link-href":"https://www.example.com"},"Warning notification",-1),o("br",null,null,-1),o("ifx-notification",{icon:"c-check-16",variant:"error","link-text":"Link","link-href":"https://www.example.com"},"Error notification",-1)]))}const wf=ne($f,[["render",yf]]),Sf={};function If(e,t){return F(),H("div",null,t[0]||(t[0]=[o("h2",null,"Segmented Control",-1),o("ifx-segmented-control",{caption:"Caption text to describe the controls",label:"Group Label",size:"regular"},[o("ifx-segment",{selected:"true",icon:"star-16",value:"value1"}," Label "),o("ifx-segment",{icon:"star-16",value:"value2"}," Label "),o("ifx-segment",{icon:"star-16",value:"value3"}," Label "),o("ifx-segment",{icon:"star-16",value:"value4"}," Label ")],-1),o("br",null,null,-1),o("br",null,null,-1)]))}const Tf=ne(Sf,[["render",If]]),Ef={id:"form-for-textarea"},Cf={__name:"Textarea",setup(e){let t=W("");dt(()=>{n(),setInterval(n,1e5)});function n(){console.log("updating Textarea from parent component"),t.value=t.value+"+1"}return(i,r)=>(F(),H("div",null,[o("form",Ef,[r[4]||(r[4]=o("h2",null,"Textarea",-1)),o("div",null,[qt(o("ifx-textarea",{name:"textarea","onUpdate:modelValue":r[0]||(r[0]=l=>ie(t)?t.value=l:t=l),error:"false",disabled:"false",placeholder:"Placeholder",caption:""},null,512),[[Kt,V(t)]]),r[1]||(r[1]=o("br",null,null,-1)),r[2]||(r[2]=o("ifx-button",{type:"submit",theme:"default",size:"s",disabled:"false",icon:"false"}," Submit form ",-1)),r[3]||(r[3]=o("ifx-button",{type:"reset",variant:"secondary",theme:"default",size:"s",disabled:"false",icon:"false"}," Reset form ",-1))]),o("p",null,"Textarea value: "+he(V(t)),1),r[5]||(r[5]=o("br",null,null,-1)),r[6]||(r[6]=o("br",null,null,-1))])]))}},kf=Qs({__name:"App",setup(e){return(t,n)=>(F(),H(Re,null,[A(du),n[0]||(n[0]=o("h1",null,"Stencil Framework integration - Vue + JS ",-1)),A(uu),A(Ra),A(Da),A(sf),A(ef),A(Fa),A(bu),A(Ha),A(ja),A(_f),A(ku),A(Tu),A(_u),A(uf),A(ru),A(ju),A(Bu),A(wf),A(tu),A(Uu),A(za),A(qa),A(La),A(nf),A(Tf),A(Nu),A(cf),A(Za),A(mf),A(bf),A(wu),A(Ku),A(Xu),A(su),A(Ya),A(Cf),A(Ka),A(Pu),A(Du)],64))}}),Of="modulepreload",Lf=function(e,t){return new URL(e,t).href},br={},T=function(t,n,i){let r=Promise.resolve();if(n&&n.length>0){const s=document.getElementsByTagName("link"),a=document.querySelector("meta[property=csp-nonce]"),u=(a==null?void 0:a.nonce)||(a==null?void 0:a.getAttribute("nonce"));r=Promise.allSettled(n.map(c=>{if(c=Lf(c,i),c in br)return;br[c]=!0;const f=c.endsWith(".css"),m=f?'[rel="stylesheet"]':"";if(!!i)for(let C=s.length-1;C>=0;C--){const k=s[C];if(k.href===c&&(!f||k.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${c}"]${m}`))return;const b=document.createElement("link");if(b.rel=f?"stylesheet":Of,f||(b.as="script"),b.crossOrigin="",b.href=c,u&&b.setAttribute("nonce",u),document.head.appendChild(b),f)return new Promise((C,k)=>{b.addEventListener("load",C),b.addEventListener("error",()=>k(new Error(`Unable to preload CSS for ${c}`)))})}))}function l(s){const a=new Event("vite:preloadError",{cancelable:!0});if(a.payload=s,window.dispatchEvent(a),!a.defaultPrevented)throw s}return r.then(s=>{for(const a of s||[])a.status==="rejected"&&l(a.reason);return t().catch(l)})},Pf="infineon-design-system-stencil",Gt={allRenderFn:!0,appendChildSlotFix:!1,asyncLoading:!0,asyncQueue:!1,attachStyles:!0,cloneNodeFix:!0,cmpDidLoad:!0,cmpDidRender:!0,cmpDidUnload:!1,cmpDidUpdate:!0,cmpShouldUpdate:!1,cmpWillLoad:!0,cmpWillRender:!0,cmpWillUpdate:!0,connectedCallback:!0,constructableCSS:!0,cssAnnotations:!0,devTools:!1,disconnectedCallback:!0,element:!1,event:!0,experimentalScopedSlotChanges:!1,experimentalSlotFixes:!1,formAssociated:!0,hasRenderFn:!0,hostListener:!0,hostListenerTarget:!0,hostListenerTargetBody:!0,hostListenerTargetDocument:!0,hostListenerTargetParent:!1,hostListenerTargetWindow:!0,hotModuleReplacement:!1,hydrateClientSide:!1,hydrateServerSide:!1,hydratedAttribute:!1,hydratedClass:!0,hydratedSelectorName:"hydrated",initializeNextTick:!1,invisiblePrehydration:!0,isDebug:!1,isDev:!1,isTesting:!1,lazyLoad:!0,lifecycle:!0,lifecycleDOMEvents:!1,member:!0,method:!0,mode:!1,observeAttribute:!0,profile:!1,prop:!0,propBoolean:!0,propMutable:!0,propNumber:!0,propString:!0,reflect:!0,scoped:!1,scopedSlotTextContentFix:!1,scriptDataOpts:!1,shadowDelegatesFocus:!0,shadowDom:!0,slot:!0,slotChildNodesFix:!1,slotRelocation:!0,state:!0,style:!0,svg:!0,taskQueue:!0,transformTagName:!1,updatable:!0,vdomAttribute:!0,vdomClass:!0,vdomFunctional:!1,vdomKey:!0,vdomListener:!0,vdomPropOrAttr:!0,vdomRef:!0,vdomRender:!0,vdomStyle:!0,vdomText:!0,vdomXlink:!0,watchCallback:!0};var Af=Object.defineProperty,Rf=(e,t)=>{for(var n in t)Af(e,n,{get:t[n],enumerable:!0})},Oi=new WeakMap,we=e=>Oi.get(e),Cc=(e,t)=>Oi.set(t.$lazyInstance$=e,t),Df=(e,t)=>{const n={$flags$:0,$hostElement$:e,$cmpMeta$:t,$instanceValues$:new Map};return n.$onInstancePromise$=new Promise(i=>n.$onInstanceResolve$=i),n.$onReadyPromise$=new Promise(i=>n.$onReadyResolve$=i),e["s-p"]=[],e["s-rc"]=[],Oi.set(e,n)},xr=(e,t)=>t in e,S=(e,t)=>(0,console.error)(e,t),zn=new Map,Mf=(e,t,n)=>{const i=e.$tagName$.replace(/-/g,"_"),r=e.$lazyBundleId$;if(!r)return;const l=zn.get(r);if(l)return l[i];{const s=a=>(zn.set(r,a),a[i]);switch(r){case"ifx-alert":return T(()=>import("./ifx-alert.entry-BGNcDjCB.js"),[],import.meta.url).then(s,S);case"ifx-badge":return T(()=>import("./ifx-badge.entry-CR17zOky.js"),[],import.meta.url).then(s,S);case"ifx-basic-table":return T(()=>import("./ifx-basic-table.entry-BjMoGEas.js"),__vite__mapDeps([0,1,2]),import.meta.url).then(s,S);case"ifx-breadcrumb":return T(()=>import("./ifx-breadcrumb.entry-BGloujdZ.js"),[],import.meta.url).then(s,S);case"ifx-breadcrumb-item":return T(()=>import("./ifx-breadcrumb-item.entry-Boi-k33A.js"),[],import.meta.url).then(s,S);case"ifx-breadcrumb-item-label":return T(()=>import("./ifx-breadcrumb-item-label.entry-Ey8iFkaU.js"),[],import.meta.url).then(s,S);case"ifx-card":return T(()=>import("./ifx-card.entry-CYXGdM_a.js"),[],import.meta.url).then(s,S);case"ifx-card-headline":return T(()=>import("./ifx-card-headline.entry-vIiVhb5K.js"),[],import.meta.url).then(s,S);case"ifx-card-image":return T(()=>import("./ifx-card-image.entry-DBs4EqiS.js"),[],import.meta.url).then(s,S);case"ifx-card-links":return T(()=>import("./ifx-card-links.entry-DmMHfVsm.js"),[],import.meta.url).then(s,S);case"ifx-card-overline":return T(()=>import("./ifx-card-overline.entry-CEv97a1Y.js"),[],import.meta.url).then(s,S);case"ifx-card-text":return T(()=>import("./ifx-card-text.entry-CVw5bYHN.js"),[],import.meta.url).then(s,S);case"ifx-content-switcher":return T(()=>import("./ifx-content-switcher.entry-wAzo4xr1.js"),[],import.meta.url).then(s,S);case"ifx-content-switcher-item":return T(()=>import("./ifx-content-switcher-item.entry-CVfvCSCt.js"),[],import.meta.url).then(s,S);case"ifx-date-picker":return T(()=>import("./ifx-date-picker.entry-0QcfeOuI.js"),[],import.meta.url).then(s,S);case"ifx-dropdown":return T(()=>import("./ifx-dropdown.entry-CKumqNjr.js"),__vite__mapDeps([3,4]),import.meta.url).then(s,S);case"ifx-dropdown-header":return T(()=>import("./ifx-dropdown-header.entry-DzB4DT2C.js"),[],import.meta.url).then(s,S);case"ifx-dropdown-item":return T(()=>import("./ifx-dropdown-item.entry-hbYTnYS2.js"),[],import.meta.url).then(s,S);case"ifx-dropdown-menu":return T(()=>import("./ifx-dropdown-menu.entry-7m2U5odW.js"),[],import.meta.url).then(s,S);case"ifx-dropdown-trigger":return T(()=>import("./ifx-dropdown-trigger.entry-sfknN6WO.js"),[],import.meta.url).then(s,S);case"ifx-dropdown-trigger-button":return T(()=>import("./ifx-dropdown-trigger-button.entry-I3gwu--1.js"),[],import.meta.url).then(s,S);case"ifx-faq":return T(()=>import("./ifx-faq.entry-BXvcrkKo.js"),[],import.meta.url).then(s,S);case"ifx-filter-accordion":return T(()=>import("./ifx-filter-accordion.entry-DjhrvuEE.js"),[],import.meta.url).then(s,S);case"ifx-filter-bar":return T(()=>import("./ifx-filter-bar.entry-uXh--amO.js"),[],import.meta.url).then(s,S);case"ifx-filter-search":return T(()=>import("./ifx-filter-search.entry-2RZvylt7.js"),[],import.meta.url).then(s,S);case"ifx-filter-type-group":return T(()=>import("./ifx-filter-type-group.entry-DMHNR21r.js"),[],import.meta.url).then(s,S);case"ifx-footer":return T(()=>import("./ifx-footer.entry-DjNkkaNp.js"),[],import.meta.url).then(s,S);case"ifx-footer-column":return T(()=>import("./ifx-footer-column.entry-B4kxBgm1.js"),[],import.meta.url).then(s,S);case"ifx-icons-preview":return T(()=>import("./ifx-icons-preview.entry-BhEBeCPk.js"),__vite__mapDeps([5,6]),import.meta.url).then(s,S);case"ifx-list":return T(()=>import("./ifx-list.entry-r3KLwISF.js"),[],import.meta.url).then(s,S);case"ifx-list-entry":return T(()=>import("./ifx-list-entry.entry-B8JvpNQb.js"),[],import.meta.url).then(s,S);case"ifx-modal":return T(()=>import("./ifx-modal.entry-BQ0epKFd.js"),[],import.meta.url).then(s,S);case"ifx-navbar":return T(()=>import("./ifx-navbar.entry-DP4ihTLD.js"),[],import.meta.url).then(s,S);case"ifx-navbar-item":return T(()=>import("./ifx-navbar-item.entry-tTaFawD9.js"),[],import.meta.url).then(s,S);case"ifx-navbar-profile":return T(()=>import("./ifx-navbar-profile.entry-C53Vt910.js"),[],import.meta.url).then(s,S);case"ifx-notification":return T(()=>import("./ifx-notification.entry-yRdihk6w.js"),[],import.meta.url).then(s,S);case"ifx-overview-table":return T(()=>import("./ifx-overview-table.entry-8gZYmfan.js"),[],import.meta.url).then(s,S);case"ifx-progress-bar":return T(()=>import("./ifx-progress-bar.entry-CUI_kJZy.js"),[],import.meta.url).then(s,S);case"ifx-search-bar":return T(()=>import("./ifx-search-bar.entry-Dvb7sFXL.js"),[],import.meta.url).then(s,S);case"ifx-segment":return T(()=>import("./ifx-segment.entry-BTuNZyZ2.js"),[],import.meta.url).then(s,S);case"ifx-segmented-control":return T(()=>import("./ifx-segmented-control.entry-Dhfjr9zH.js"),[],import.meta.url).then(s,S);case"ifx-set-filter":return T(()=>import("./ifx-set-filter.entry-CbW5sOQt.js"),[],import.meta.url).then(s,S);case"ifx-sidebar":return T(()=>import("./ifx-sidebar.entry-R2WdBC8A.js"),[],import.meta.url).then(s,S);case"ifx-sidebar-item":return T(()=>import("./ifx-sidebar-item.entry-BNjMkEvJ.js"),[],import.meta.url).then(s,S);case"ifx-sidebar-title":return T(()=>import("./ifx-sidebar-title.entry-DC_0c0H0.js"),[],import.meta.url).then(s,S);case"ifx-slider":return T(()=>import("./ifx-slider.entry-D4vO2HOB.js"),[],import.meta.url).then(s,S);case"ifx-spinner":return T(()=>import("./ifx-spinner.entry-Da-il93g.js"),__vite__mapDeps([7,2]),import.meta.url).then(s,S);case"ifx-status":return T(()=>import("./ifx-status.entry-Bz6mUZ8x.js"),[],import.meta.url).then(s,S);case"ifx-step":return T(()=>import("./ifx-step.entry-DwCqCB6I.js"),[],import.meta.url).then(s,S);case"ifx-stepper":return T(()=>import("./ifx-stepper.entry-DRPDYA1Y.js"),[],import.meta.url).then(s,S);case"ifx-switch":return T(()=>import("./ifx-switch.entry-BOgocI-5.js"),[],import.meta.url).then(s,S);case"ifx-tab":return T(()=>import("./ifx-tab.entry-ChCzH6UM.js"),[],import.meta.url).then(s,S);case"ifx-table":return T(()=>import("./ifx-table.entry-CbnjzIPo.js"),__vite__mapDeps([8,2,1]),import.meta.url).then(s,S);case"ifx-tabs":return T(()=>import("./ifx-tabs.entry-C2sdd67R.js"),[],import.meta.url).then(s,S);case"ifx-tag":return T(()=>import("./ifx-tag.entry-i8UhzqA2.js"),[],import.meta.url).then(s,S);case"ifx-textarea":return T(()=>import("./ifx-textarea.entry-CKLR-yWZ.js"),[],import.meta.url).then(s,S);case"ifx-tooltip":return T(()=>import("./ifx-tooltip.entry-Bp4a4r-L.js"),__vite__mapDeps([9,4]),import.meta.url).then(s,S);case"ifx-accordion_2":return T(()=>import("./ifx-accordion_2.entry-QV92D4ML.js"),[],import.meta.url).then(s,S);case"ifx-chip_3":return T(()=>import("./ifx-chip_3.entry-zij_vTBW.js"),[],import.meta.url).then(s,S);case"ifx-multiselect_2":return T(()=>import("./ifx-multiselect_2.entry-CoR2972w.js"),[],import.meta.url).then(s,S);case"ifx-radio-button":return T(()=>import("./ifx-radio-button.entry-bnkjpTvs.js"),[],import.meta.url).then(s,S);case"ifx-dropdown-separator":return T(()=>import("./ifx-dropdown-separator.entry-3k2ztPZP.js"),[],import.meta.url).then(s,S);case"ifx-search-field":return T(()=>import("./ifx-search-field.entry-C5W-MQlZ.js"),__vite__mapDeps([10,2]),import.meta.url).then(s,S);case"ifx-button":return T(()=>import("./ifx-button.entry-NJ3rLmpd.js"),__vite__mapDeps([11,2]),import.meta.url).then(s,S);case"ifx-icon-button":return T(()=>import("./ifx-icon-button.entry-CxgtgB6I.js"),__vite__mapDeps([12,2]),import.meta.url).then(s,S);case"ifx-link":return T(()=>import("./ifx-link.entry-l7gUbY1m.js"),__vite__mapDeps([13,2]),import.meta.url).then(s,S);case"ifx-select":return T(()=>import("./ifx-select.entry-CRt1oAsm.js"),[],import.meta.url).then(s,S);case"ifx-checkbox":return T(()=>import("./ifx-checkbox.entry-RSF_z7ig.js"),[],import.meta.url).then(s,S);case"ifx-number-indicator":return T(()=>import("./ifx-number-indicator.entry-BRXtSShV.js"),[],import.meta.url).then(s,S);case"ifx-icon":return T(()=>import("./ifx-icon.entry-ZaDcVhBe.js"),__vite__mapDeps([14,6]),import.meta.url).then(s,S)}}return T(()=>import(`./${r}.entry.js`),[],import.meta.url).then(s=>(zn.set(r,s),s[i]),S)},gn=new Map,Ff="{visibility:hidden}.hydrated{visibility:inherit}",Fl="slot-fb{display:contents}slot-fb[hidden]{display:none}",vr="http://www.w3.org/1999/xlink",Nf=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],wt=typeof window<"u"?window:{},ae=wt.document||{head:{}};wt.HTMLElement;var ee={$flags$:0,$resourcesUrl$:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,i)=>e.addEventListener(t,n,i),rel:(e,t,n,i)=>e.removeEventListener(t,n,i),ce:(e,t)=>new CustomEvent(e,t)},Hf=Gt.shadowDom,Bf=(()=>{let e=!1;try{ae.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=!0}}))}catch{}return e})(),Vf=e=>Promise.resolve(e),Nl=(()=>{try{return new CSSStyleSheet,typeof new CSSStyleSheet().replaceSync=="function"}catch{}return!1})(),ii=!1,_r=[],Hl=[],jf=(e,t)=>n=>{e.push(n),ii||(ii=!0,ee.$flags$&4?Li(ri):ee.raf(ri))},$r=e=>{for(let t=0;t{$r(_r),$r(Hl),(ii=_r.length>0)&&ee.raf(ri)},Li=e=>Vf().then(e),zf=jf(Hl),yr={},Uf="http://www.w3.org/2000/svg",qf="http://www.w3.org/1999/xhtml",Pi=e=>(e=typeof e,e==="object"||e==="function");function Bl(e){var t,n,i;return(i=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?i:void 0}var Wf={};Rf(Wf,{err:()=>Vl,map:()=>Kf,ok:()=>li,unwrap:()=>Gf,unwrapErr:()=>Jf});var li=e=>({isOk:!0,isErr:!1,value:e}),Vl=e=>({isOk:!1,isErr:!0,value:e});function Kf(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then(i=>li(i)):li(n)}if(e.isErr){const n=e.value;return Vl(n)}throw"should never get here"}var Gf=e=>{if(e.isOk)return e.value;throw e.value},Jf=e=>{if(e.isErr)return e.value;throw e.value},Yf=(e,t,...n)=>{let i=null,r=null,l=null,s=!1,a=!1;const u=[],c=m=>{for(let h=0;hm[h]).join(" "))}}const f=si(e,null);return f.$attrs$=t,u.length>0&&(f.$children$=u),f.$key$=r,f.$name$=l,f},si=(e,t)=>{const n={$flags$:0,$tag$:e,$text$:t,$elm$:null,$children$:null};return n.$attrs$=null,n.$key$=null,n.$name$=null,n},Xf={},Qf=e=>e&&e.$tag$===Xf,wr=(e,t,n,i,r,l)=>{if(n!==i){let s=xr(e,t),a=t.toLowerCase();if(t==="class"){const u=e.classList,c=Sr(n),f=Sr(i);e["s-si"]&&f.indexOf(e["s-si"])<0&&f.push(e["s-si"]),u.remove(...c.filter(m=>m&&!f.includes(m))),u.add(...f.filter(m=>m&&!c.includes(m)))}else if(t==="style"){for(const u in n)(!i||i[u]==null)&&(u.includes("-")?e.style.removeProperty(u):e.style[u]="");for(const u in i)(!n||i[u]!==n[u])&&(u.includes("-")?e.style.setProperty(u,i[u]):e.style[u]=i[u])}else if(t!=="key")if(t==="ref")i&&i(e);else if(!s&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"?t=t.slice(3):xr(wt,a)?t=a.slice(2):t=a[2]+t.slice(3),n||i){const u=t.endsWith(jl);t=t.replace(ec,""),n&&ee.rel(e,t,n,u),i&&ee.ael(e,t,i,u)}}else{const u=Pi(i);if((s||u&&i!==null)&&!r)try{if(e.tagName.includes("-"))e[t]=i;else{const f=i??"";t==="list"?s=!1:(n==null||e[t]!=f)&&(typeof e.__lookupSetter__(t)=="function"?e[t]=f:e.setAttribute(t,f))}}catch{}let c=!1;a!==(a=a.replace(/^xlink\:?/,""))&&(t=a,c=!0),i==null||i===!1?(i!==!1||e.getAttribute(t)==="")&&(c?e.removeAttributeNS(vr,t):e.removeAttribute(t)):(!s||l&4||r)&&!u&&(i=i===!0?"":i,c?e.setAttributeNS(vr,t,i):e.setAttribute(t,i))}}},Zf=/\s/,Sr=e=>e?e.split(Zf):[],jl="Capture",ec=new RegExp(jl+"$"),zl=(e,t,n)=>{const i=t.$elm$.nodeType===11&&t.$elm$.host?t.$elm$.host:t.$elm$,r=e&&e.$attrs$||yr,l=t.$attrs$||yr;for(const s of Ir(Object.keys(r)))s in l||wr(i,s,r[s],void 0,n,t.$flags$);for(const s of Ir(Object.keys(l)))wr(i,s,r[s],l[s],n,t.$flags$)};function Ir(e){return e.includes("ref")?[...e.filter(t=>t!=="ref"),"ref"]:e}var oi,ai,kn,bn=!1,xn=!1,Ai=!1,$e=!1,vn=(e,t,n,i)=>{var r;const l=t.$children$[n];let s=0,a,u,c;if(bn||(Ai=!0,l.$tag$==="slot"&&(oi&&i.classList.add(oi+"-s"),l.$flags$|=l.$children$?2:1)),l.$text$!==null)a=l.$elm$=ae.createTextNode(l.$text$);else if(l.$flags$&1)a=l.$elm$=ae.createTextNode("");else{if($e||($e=l.$tag$==="svg"),a=l.$elm$=ae.createElementNS($e?Uf:qf,!bn&&Gt.slotRelocation&&l.$flags$&2?"slot-fb":l.$tag$),$e&&l.$tag$==="foreignObject"&&($e=!1),zl(null,l,$e),a.getRootNode().querySelector("body"),l.$children$)for(s=0;s{ee.$flags$|=1;const n=Array.from(e.__childNodes||e.childNodes);e["s-sr"]&&Gt.experimentalSlotFixes;for(let i=n.length-1;i>=0;i--){const r=n[i];r["s-hn"]!==kn&&r["s-ol"]&&(Xe(Wl(r),r,Ri(r)),r["s-ol"].remove(),r["s-ol"]=void 0,r["s-sh"]=void 0,Ai=!0),t&&zt(r,t)}ee.$flags$&=-2},Ul=(e,t,n,i,r,l)=>{let s=e["s-cr"]&&e["s-cr"].parentNode||e,a;for(s.shadowRoot&&s.tagName===kn&&(s=s.shadowRoot);r<=l;++r)i[r]&&(a=vn(null,n,r,e),a&&(i[r].$elm$=a,Xe(s,a,Ri(t))))},ql=(e,t,n)=>{for(let i=t;i<=n;++i){const r=e[i];if(r){const l=r.$elm$;Jl(r),l&&(xn=!0,l["s-ol"]?l["s-ol"].remove():zt(l,!0),l.remove())}}},tc=(e,t,n,i,r=!1)=>{let l=0,s=0,a=0,u=0,c=t.length-1,f=t[0],m=t[c],h=i.length-1,b=i[0],C=i[h],k,j;for(;l<=c&&s<=h;)if(f==null)f=t[++l];else if(m==null)m=t[--c];else if(b==null)b=i[++s];else if(C==null)C=i[--h];else if(rn(f,b,r))gt(f,b,r),f=t[++l],b=i[++s];else if(rn(m,C,r))gt(m,C,r),m=t[--c],C=i[--h];else if(rn(f,C,r))(f.$tag$==="slot"||C.$tag$==="slot")&&zt(f.$elm$.parentNode,!1),gt(f,C,r),Xe(e,f.$elm$,m.$elm$.nextSibling),f=t[++l],C=i[--h];else if(rn(m,b,r))(f.$tag$==="slot"||C.$tag$==="slot")&&zt(m.$elm$.parentNode,!1),gt(m,b,r),Xe(e,m.$elm$,f.$elm$),m=t[--c],b=i[++s];else{for(a=-1,u=l;u<=c;++u)if(t[u]&&t[u].$key$!==null&&t[u].$key$===b.$key$){a=u;break}a>=0?(j=t[a],j.$tag$!==b.$tag$?k=vn(t&&t[s],n,a,e):(gt(j,b,r),t[a]=void 0,k=j.$elm$),b=i[++s]):(k=vn(t&&t[s],n,s,e),b=i[++s]),k&&Xe(Wl(f.$elm$),k,Ri(f.$elm$))}l>c?Ul(e,i[h+1]==null?null:i[h+1].$elm$,n,i,s,h):s>h&&ql(t,l,c)},rn=(e,t,n=!1)=>e.$tag$===t.$tag$?e.$tag$==="slot"?"$nodeId$"in e&&n&&e.$elm$.nodeType!==8?!1:e.$name$===t.$name$:n?!0:e.$key$===t.$key$:!1,Ri=e=>e&&e["s-ol"]||e,Wl=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,gt=(e,t,n=!1)=>{const i=t.$elm$=e.$elm$,r=e.$children$,l=t.$children$,s=t.$tag$,a=t.$text$;let u;a===null?($e=s==="svg"?!0:s==="foreignObject"?!1:$e,s==="slot"&&!bn||zl(e,t,$e),r!==null&&l!==null?tc(i,r,t,l,n):l!==null?(e.$text$!==null&&(i.textContent=""),Ul(i,null,t,l,0,l.length-1)):!n&&Gt.updatable&&r!==null&&ql(r,0,r.length-1),$e&&s==="svg"&&($e=!1)):(u=i["s-cr"])?u.parentNode.textContent=a:e.$text$!==a&&(i.data=a)},Kl=e=>{const t=e.__childNodes||e.childNodes;for(const n of t)if(n.nodeType===1){if(n["s-sr"]){const i=n["s-sn"];n.hidden=!1;for(const r of t)if(r!==n){if(r["s-hn"]!==n["s-hn"]||i!==""){if(r.nodeType===1&&(i===r.getAttribute("slot")||i===r["s-sn"])||r.nodeType===3&&i===r["s-sn"]){n.hidden=!0;break}}else if(i===r["s-sn"]&&(r.nodeType===1||r.nodeType===3&&r.textContent.trim()!=="")){n.hidden=!0;break}}}Kl(n)}},Be=[],Gl=e=>{let t,n,i;const r=e.__childNodes||e.childNodes;for(const l of r){if(l["s-sr"]&&(t=l["s-cr"])&&t.parentNode){n=t.parentNode.__childNodes||t.parentNode.childNodes;const s=l["s-sn"];for(i=n.length-1;i>=0;i--)if(t=n[i],!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==l["s-hn"])if(Tr(t,s)){let a=Be.find(u=>u.$nodeToRelocate$===t);xn=!0,t["s-sn"]=t["s-sn"]||s,a?(a.$nodeToRelocate$["s-sh"]=l["s-hn"],a.$slotRefNode$=l):(t["s-sh"]=l["s-hn"],Be.push({$slotRefNode$:l,$nodeToRelocate$:t})),t["s-sr"]&&Be.map(u=>{Tr(u.$nodeToRelocate$,t["s-sn"])&&(a=Be.find(c=>c.$nodeToRelocate$===t),a&&!u.$slotRefNode$&&(u.$slotRefNode$=a.$slotRefNode$))})}else Be.some(a=>a.$nodeToRelocate$===t)||Be.push({$nodeToRelocate$:t})}l.nodeType===1&&Gl(l)}},Tr=(e,t)=>e.nodeType===1?e.getAttribute("slot")===null&&t===""||e.getAttribute("slot")===t:e["s-sn"]===t?!0:t==="",Jl=e=>{e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(null),e.$children$&&e.$children$.map(Jl)},Xe=(e,t,n)=>e==null?void 0:e.insertBefore(t,n),nc=(e,t,n=!1)=>{var i,r,l,s;const a=e.$hostElement$,u=e.$cmpMeta$,c=e.$vnode$||si(null,null),f=Qf(t)?t:Yf(null,null,t);if(kn=a.tagName,u.$attrsToReflect$&&(f.$attrs$=f.$attrs$||{},u.$attrsToReflect$.map(([m,h])=>f.$attrs$[h]=a[m])),n&&f.$attrs$)for(const m of Object.keys(f.$attrs$))a.hasAttribute(m)&&!["key","ref","style","class"].includes(m)&&(f.$attrs$[m]=a[m]);f.$tag$=null,f.$flags$|=4,e.$vnode$=f,f.$elm$=c.$elm$=a.shadowRoot||a,oi=a["s-sc"],bn=(u.$flags$&1)!==0,ai=a["s-cr"],xn=!1,gt(c,f,n);{if(ee.$flags$|=1,Ai){Gl(f.$elm$);for(const m of Be){const h=m.$nodeToRelocate$;if(!h["s-ol"]){const b=ae.createTextNode("");b["s-nr"]=h,Xe(h.parentNode,h["s-ol"]=b,h)}}for(const m of Be){const h=m.$nodeToRelocate$,b=m.$slotRefNode$;if(b){const C=b.parentNode;let k=b.nextSibling;{let j=(i=h["s-ol"])==null?void 0:i.previousSibling;for(;j;){let O=(r=j["s-nr"])!=null?r:null;if(O&&O["s-sn"]===h["s-sn"]&&C===O.parentNode){for(O=O.nextSibling;O===h||O!=null&&O["s-sr"];)O=O==null?void 0:O.nextSibling;if(!O||!O["s-nr"]){k=O;break}}j=j.previousSibling}}(!k&&C!==h.parentNode||h.nextSibling!==k)&&h!==k&&(!h["s-hn"]&&h["s-ol"]&&(h["s-hn"]=h["s-ol"].parentNode.nodeName),Xe(C,h,k),h.nodeType===1&&(h.hidden=(l=h["s-ih"])!=null?l:!1)),h&&typeof b["s-rf"]=="function"&&b["s-rf"](h)}else h.nodeType===1&&(n&&(h["s-ih"]=(s=h.hidden)!=null?s:!1),h.hidden=!0)}}xn&&Kl(f.$elm$),ee.$flags$&=-2,Be.length=0}ai=void 0},ic=e=>{const t=e.cloneNode;e.cloneNode=function(n){const i=this,r=i.shadowRoot&&Hf,l=t.call(i,r?n:!1);if(!r&&n){let s=0,a,u;const c=["s-id","s-cr","s-lr","s-rc","s-sc","s-p","s-cn","s-sr","s-sn","s-hn","s-ol","s-nr","s-si","s-rf","s-scs"],f=this.__childNodes||this.childNodes;for(;s!f[s][m]),a&&l.appendChild(a.cloneNode(!0)),u&&l.appendChild(f[s].cloneNode(!0))}return l}},Ue=(e,t="")=>()=>{},rc=(e,t)=>()=>{},ui=(e,t)=>e!=null&&!Pi(e)?t&4?e==="false"?!1:e===""||!!e:t&2?parseFloat(e):t&1?String(e):e:e,lc=e=>we(e).$hostElement$,kc=(e,t,n)=>{const i=lc(e);return{emit:r=>Yl(i,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:r})}},Yl=(e,t,n)=>{const i=ee.ce(t,n);return e.dispatchEvent(i),i},Er=new WeakMap,sc=(e,t,n)=>{let i=gn.get(e);Nl&&n?(i=i||new CSSStyleSheet,typeof i=="string"?i=t:i.replaceSync(t)):i=t,gn.set(e,i)},oc=(e,t,n)=>{var i;const r=Xl(t),l=gn.get(r);if(e=e.nodeType===11?e:ae,l)if(typeof l=="string"){e=e.head||e;let s=Er.get(e),a;if(s||Er.set(e,s=new Set),!s.has(r)){{a=ae.createElement("style"),a.innerHTML=l;const u=(i=ee.$nonce$)!=null?i:Bl(ae);if(u!=null&&a.setAttribute("nonce",u),!(t.$flags$&1))if(e.nodeName==="HEAD"){const c=e.querySelectorAll("link[rel=preconnect]"),f=c.length>0?c[c.length-1].nextSibling:e.querySelector("style");e.insertBefore(a,f)}else if("host"in e)if(Nl){const c=new CSSStyleSheet;c.replaceSync(l),e.adoptedStyleSheets=[c,...e.adoptedStyleSheets]}else{const c=e.querySelector("style");c?c.innerHTML=l+c.innerHTML:e.prepend(a)}else e.append(a);t.$flags$&1&&e.nodeName!=="HEAD"&&e.insertBefore(a,null)}t.$flags$&4&&(a.innerHTML+=Fl),s&&s.add(r)}}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return r},ac=e=>{const t=e.$cmpMeta$,n=e.$hostElement$,i=t.$flags$,r=Ue("attachStyles",t.$tagName$),l=oc(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);i&10&&i&2&&(n["s-sc"]=l,n.classList.add(l+"-h")),r()},Xl=(e,t)=>"sc-"+e.$tagName$,Ql=(e,t)=>{t&&!e.$onRenderResolve$&&t["s-p"]&&t["s-p"].push(new Promise(n=>e.$onRenderResolve$=n))},Di=(e,t)=>{if(e.$flags$|=16,e.$flags$&4){e.$flags$|=512;return}return Ql(e,e.$ancestorComponent$),zf(()=>uc(e,t))},uc=(e,t)=>{const n=e.$hostElement$,i=Ue("scheduleUpdate",e.$cmpMeta$.$tagName$),r=e.$lazyInstance$;if(!r)throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return t?(e.$flags$|=256,e.$queuedListeners$&&(e.$queuedListeners$.map(([s,a])=>ze(r,s,a)),e.$queuedListeners$=void 0),l=ze(r,"componentWillLoad")):l=ze(r,"componentWillUpdate"),l=Cr(l,()=>ze(r,"componentWillRender")),i(),Cr(l,()=>cc(e,r,t))},Cr=(e,t)=>fc(e)?e.then(t).catch(n=>{console.error(n),t()}):t(),fc=e=>e instanceof Promise||e&&e.then&&typeof e.then=="function",cc=async(e,t,n)=>{var i;const r=e.$hostElement$,l=Ue("update",e.$cmpMeta$.$tagName$),s=r["s-rc"];n&&ac(e);const a=Ue("render",e.$cmpMeta$.$tagName$);dc(e,t,r,n),s&&(s.map(u=>u()),r["s-rc"]=void 0),a(),l();{const u=(i=r["s-p"])!=null?i:[],c=()=>pc(e);u.length===0?c():(Promise.all(u).then(c),e.$flags$|=4,u.length=0)}},dc=(e,t,n,i)=>{try{t=t.render(),e.$flags$&=-17,e.$flags$|=2,nc(e,t,i)}catch(r){S(r,e.$hostElement$)}return null},pc=e=>{const t=e.$cmpMeta$.$tagName$,n=e.$hostElement$,i=Ue("postUpdate",t),r=e.$lazyInstance$,l=e.$ancestorComponent$;ze(r,"componentDidRender"),e.$flags$&64?(ze(r,"componentDidUpdate"),i()):(e.$flags$|=64,es(n),ze(r,"componentDidLoad"),i(),e.$onReadyResolve$(n),l||Zl()),e.$onInstanceResolve$(n),e.$onRenderResolve$&&(e.$onRenderResolve$(),e.$onRenderResolve$=void 0),e.$flags$&512&&Li(()=>Di(e,!1)),e.$flags$&=-517},Zl=e=>{es(ae.documentElement),Li(()=>Yl(wt,"appload",{detail:{namespace:Pf}}))},ze=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(i){S(i)}},es=e=>{var t;return e.classList.add((t=Gt.hydratedSelectorName)!=null?t:"hydrated")},mc=(e,t)=>we(e).$instanceValues$.get(t),Un=(e,t,n,i)=>{const r=we(e);if(!r)throw new Error(`Couldn't find host element for "${i.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const l=r.$hostElement$,s=r.$instanceValues$.get(t),a=r.$flags$,u=r.$lazyInstance$;n=ui(n,i.$members$[t][0]);const c=Number.isNaN(s)&&Number.isNaN(n),f=n!==s&&!c;if((!(a&8)||s===void 0)&&f&&(r.$instanceValues$.set(t,n),u)){if(i.$watchers$&&a&128){const m=i.$watchers$[t];m&&m.map(h=>{try{u[h](n,s,t)}catch(b){S(b,l)}})}(a&18)===2&&Di(r,!1)}},ts=(e,t,n)=>{var i,r;const l=e.prototype;if(t.$flags$&64&&n&1&&Nf.forEach(s=>{Object.defineProperty(l,s,{value(...a){const u=we(this),c=u.$lazyInstance$;if(!c)u.$onReadyPromise$.then(f=>{const m=f[s];typeof m=="function"&&m.call(f,...a)});else{const f=c[s];typeof f=="function"&&f.call(c,...a)}}})}),t.$members$||t.$watchers$||e.watchers){e.watchers&&!t.$watchers$&&(t.$watchers$=e.watchers);const s=Object.entries((i=t.$members$)!=null?i:{});if(s.map(([a,[u]])=>{if(u&31||n&2&&u&32){if(!(u&2048))Object.defineProperty(l,a,{get(){return mc(this,a)},set(c){Un(this,a,c,t)},configurable:!0,enumerable:!0});else if(n&1&&u&2048&&(Object.defineProperty(l,a,{get(){const c=we(this),f=c?c.$lazyInstance$:l;if(f)return f[a]},configurable:!0,enumerable:!0}),u&4096)){const c=Object.getOwnPropertyDescriptor(l,a).set;Object.defineProperty(l,a,{set(f){const m=we(this);if(c){const b=m.$hostElement$[a];!m.$instanceValues$.get(a)&&b&&m.$instanceValues$.set(a,b),c.apply(this,[ui(f,t.$members$[a][0])]),Un(this,a,m.$hostElement$[a],t);return}if(!m)return;const h=()=>{const b=m.$lazyInstance$[a];!m.$instanceValues$.get(a)&&b&&m.$instanceValues$.set(a,b),m.$lazyInstance$[a]=ui(f,t.$members$[a][0]),Un(this,a,m.$lazyInstance$[a],t)};m.$lazyInstance$?h():m.$onReadyPromise$.then(()=>h())}})}}else n&1&&u&64&&Object.defineProperty(l,a,{value(...c){var f;const m=we(this);return(f=m==null?void 0:m.$onInstancePromise$)==null?void 0:f.then(()=>{var h;return(h=m.$lazyInstance$)==null?void 0:h[a](...c)})}})}),n&1){const a=new Map;l.attributeChangedCallback=function(u,c,f){ee.jmp(()=>{var m;const h=a.get(u);if(this.hasOwnProperty(h))f=this[h],delete this[h];else{if(l.hasOwnProperty(h)&&typeof this[h]=="number"&&this[h]==f)return;if(h==null){const C=we(this),k=C==null?void 0:C.$flags$;if(k&&!(k&8)&&k&128&&f!==c){const j=C.$lazyInstance$,O=(m=t.$watchers$)==null?void 0:m[u];O==null||O.forEach(z=>{j[z]!=null&&j[z].call(j,f,c,u)})}return}}const b=Object.getOwnPropertyDescriptor(l,h);(!b.get||b.set)&&(this[h]=f===null&&typeof this[h]=="boolean"?!1:f)})},e.observedAttributes=Array.from(new Set([...Object.keys((r=t.$watchers$)!=null?r:{}),...s.filter(([u,c])=>c[0]&15).map(([u,c])=>{var f;const m=c[1]||u;return a.set(m,u),c[0]&512&&((f=t.$attrsToReflect$)==null||f.push([u,m])),m})]))}}return e},hc=async(e,t,n,i)=>{let r;if(!(t.$flags$&32)){if(t.$flags$|=32,n.$lazyBundleId$){const u=Mf(n);if(u&&"then"in u){const f=rc();r=await u,f()}else r=u;if(!r)throw new Error(`Constructor for "${n.$tagName$}#${t.$modeName$}" was not found`);r.isProxied||(n.$watchers$=r.watchers,ts(r,n,2),r.isProxied=!0);const c=Ue("createInstance",n.$tagName$);t.$flags$|=8;try{new r(t)}catch(f){S(f)}t.$flags$&=-9,t.$flags$|=128,c(),fi(t.$lazyInstance$)}else{r=e.constructor;const u=e.localName;customElements.whenDefined(u).then(()=>t.$flags$|=128)}if(r&&r.style){let u;typeof r.style=="string"&&(u=r.style);const c=Xl(n);if(!gn.has(c)){const f=Ue("registerStyles",n.$tagName$);sc(c,u,!!(n.$flags$&1)),f()}}}const l=t.$ancestorComponent$,s=()=>Di(t,!0);l&&l["s-rc"]?l["s-rc"].push(s):s()},fi=e=>{ze(e,"connectedCallback")},gc=e=>{if(!(ee.$flags$&1)){const t=we(e),n=t.$cmpMeta$,i=Ue("connectedCallback",n.$tagName$);if(t.$flags$&1)ns(e,t,n.$listeners$),t!=null&&t.$lazyInstance$?fi(t.$lazyInstance$):t!=null&&t.$onReadyPromise$&&t.$onReadyPromise$.then(()=>fi(t.$lazyInstance$));else{t.$flags$|=1,n.$flags$&12&&bc(e);{let r=e;for(;r=r.parentNode||r.host;)if(r["s-p"]){Ql(t,t.$ancestorComponent$=r);break}}n.$members$&&Object.entries(n.$members$).map(([r,[l]])=>{if(l&31&&e.hasOwnProperty(r)){const s=e[r];delete e[r],e[r]=s}}),hc(e,t,n)}i()}},bc=e=>{const t=e["s-cr"]=ae.createComment("");t["s-cn"]=!0,Xe(e,t,e.firstChild)},kr=e=>{ze(e,"disconnectedCallback")},xc=async e=>{if(!(ee.$flags$&1)){const t=we(e);t.$rmListeners$&&(t.$rmListeners$.map(n=>n()),t.$rmListeners$=void 0),t!=null&&t.$lazyInstance$?kr(t.$lazyInstance$):t!=null&&t.$onReadyPromise$&&t.$onReadyPromise$.then(()=>kr(t.$lazyInstance$))}},vc=(e,t={})=>{var n;const i=Ue(),r=[],l=t.exclude||[],s=wt.customElements,a=ae.head,u=a.querySelector("meta[charset]"),c=ae.createElement("style"),f=[];let m,h=!0;Object.assign(ee,t),ee.$resourcesUrl$=new URL(t.resourcesUrl||"./",ae.baseURI).href;let b=!1;if(e.map(C=>{C[1].map(k=>{var j;const O={$flags$:k[0],$tagName$:k[1],$members$:k[2],$listeners$:k[3]};O.$flags$&4&&(b=!0),O.$members$=k[2],O.$listeners$=k[3],O.$attrsToReflect$=[],O.$watchers$=(j=k[4])!=null?j:{};const z=O.$tagName$,J=class extends HTMLElement{constructor(L){if(super(L),this.hasRegisteredEventListeners=!1,L=this,Df(L,O),O.$flags$&1){if(!L.shadowRoot)L.attachShadow({mode:"open",delegatesFocus:!!(O.$flags$&16)});else if(L.shadowRoot.mode!=="open")throw new Error(`Unable to re-use existing shadow root for ${O.$tagName$}! Mode is set to ${L.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}connectedCallback(){const L=we(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,ns(this,L,O.$listeners$)),m&&(clearTimeout(m),m=null),h?f.push(this):ee.jmp(()=>gc(this))}disconnectedCallback(){ee.jmp(()=>xc(this))}componentOnReady(){return we(this).$onReadyPromise$}};ic(J.prototype),O.$flags$&64&&(J.formAssociated=!0),O.$lazyBundleId$=C[0],!l.includes(z)&&!s.get(z)&&(r.push(z),s.define(z,ts(J,O,1)))})}),r.length>0&&(b&&(c.textContent+=Fl),c.textContent+=r.sort()+Ff,c.innerHTML.length)){c.setAttribute("data-styles","");const C=(n=ee.$nonce$)!=null?n:Bl(ae);C!=null&&c.setAttribute("nonce",C),a.insertBefore(c,u?u.nextSibling:a.firstChild)}h=!1,f.length?f.map(C=>C.connectedCallback()):ee.jmp(()=>m=setTimeout(Zl,30)),i()},ns=(e,t,n,i)=>{n&&n.map(([r,l,s])=>{const a=$c(e,r),u=_c(t,s),c=yc(r);ee.ael(a,l,u,c),(t.$rmListeners$=t.$rmListeners$||[]).push(()=>ee.rel(a,l,u,c))})},_c=(e,t)=>n=>{var i;try{e.$flags$&256?(i=e.$lazyInstance$)==null||i[t](n):(e.$queuedListeners$=e.$queuedListeners$||[]).push([t,n])}catch(r){S(r)}},$c=(e,t)=>t&4?ae:t&8?wt:t&16?ae.body:e,yc=e=>Bf?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;const wc=()=>{},Sc=async(e,t)=>{if(!(typeof window>"u"))return await wc(),vc(JSON.parse('[["ifx-table",[[1,"ifx-table",{"cols":[8],"rows":[8],"buttonRendererOptions":[16],"rowHeight":[1,"row-height"],"tableHeight":[1,"table-height"],"pagination":[4],"paginationPageSize":[2,"pagination-page-size"],"filterOrientation":[1,"filter-orientation"],"showLoading":[4,"show-loading"],"currentPage":[32],"rowData":[32],"colData":[32],"filterOptions":[32],"currentFilters":[32],"uniqueKey":[32],"showSidebarFilters":[32],"matchingResultsCount":[32],"onBtShowLoading":[64]},[[0,"ifxChipChange","handleChipChange"]],{"buttonRendererOptions":["onButtonRendererOptionsChanged"]}]]],["ifx-set-filter",[[1,"ifx-set-filter",{"filterName":[1,"filter-name"],"filterLabel":[1,"filter-label"],"placeholder":[1],"type":[1],"options":[1],"filterValues":[32]}]]],["ifx-faq",[[1,"ifx-faq"]]],["ifx-list-entry",[[1,"ifx-list-entry",{"value":[1028],"label":[1],"type":[1]},[[0,"ifxChange","handleFilterEntryChange"]],{"value":["valueChanged"]}]]],["ifx-overview-table",[[1,"ifx-overview-table"]]],["ifx-dropdown-trigger-button",[[1,"ifx-dropdown-trigger-button",{"isOpen":[4,"is-open"],"theme":[1],"variant":[1],"size":[1],"disabled":[4],"hideArrow":[4,"hide-arrow"]}]]],["ifx-filter-accordion",[[1,"ifx-filter-accordion",{"maxVisibleItems":[2,"max-visible-items"],"filterGroupName":[1,"filter-group-name"],"expanded":[32],"count":[32],"totalItems":[32]}]]],["ifx-filter-bar",[[1,"ifx-filter-bar",{"maxShownFilters":[2,"max-shown-filters"],"showMoreFiltersButton":[4,"show-more-filters-button"],"selectedOptions":[32],"showAllFilters":[32],"visibleSlots":[32]}]]],["ifx-filter-search",[[1,"ifx-filter-search",{"filterName":[1,"filter-name"],"disabled":[4],"filterValue":[1025,"filter-value"],"filterKey":[1,"filter-key"],"filterOrientation":[1,"filter-orientation"],"placeholder":[1],"showDeleteIcon":[32]},[[0,"ifxInput","handleFilterSearchChange"]],{"value":["valueChanged"]}]]],["ifx-list",[[1,"ifx-list",{"name":[1],"maxVisibleItems":[2,"max-visible-items"],"type":[1],"resetTrigger":[1028,"reset-trigger"],"expanded":[32],"showMore":[32],"selectedCount":[32],"totalItems":[32],"internalResetTrigger":[32]},null,{"type":["handleTypeChange"],"resetTrigger":["resetTriggerChanged"]}]]],["ifx-modal",[[1,"ifx-modal",{"opened":[1540],"caption":[1],"closeOnOverlayClick":[4,"close-on-overlay-click"],"variant":[1],"size":[1],"alertIcon":[1,"alert-icon"],"okButtonLabel":[1,"ok-button-label"],"cancelButtonLabel":[1,"cancel-button-label"],"showCloseButton":[4,"show-close-button"],"showModal":[32],"slotButtonsPresent":[32]},null,{"opened":["openedChanged"]}]]],["ifx-notification",[[1,"ifx-notification",{"icon":[1],"variant":[1],"linkText":[1,"link-text"],"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]]],["ifx-search-bar",[[1,"ifx-search-bar",{"isOpen":[4,"is-open"],"disabled":[4],"value":[1025],"maxlength":[2],"internalState":[32],"onNavbarMobile":[64]},null,{"isOpen":["handlePropChange"]}]]],["ifx-sidebar-item",[[1,"ifx-sidebar-item",{"icon":[1],"href":[1],"target":[1],"numberIndicator":[1,"number-indicator"],"active":[4],"isActionItem":[4,"is-action-item"],"value":[1],"handleItemClick":[16],"hasIcon":[32],"hasIconWrapper":[32],"internalHref":[32],"isExpandable":[32],"isNested":[32],"isSubMenuItem":[32],"internalActiveState":[32],"setActiveClasses":[64],"expandMenu":[64],"isItemExpandable":[64]},[[0,"consoleError","handleConsoleError"]],{"active":["handleActiveChange"]}]]],["ifx-alert",[[1,"ifx-alert",{"variant":[1],"icon":[1],"closable":[4],"AriaLive":[1,"aria-live"],"uniqueId":[32]}]]],["ifx-breadcrumb-item-label",[[1,"ifx-breadcrumb-item-label",{"icon":[1],"url":[1],"target":[1]}]]],["ifx-date-picker",[[65,"ifx-date-picker",{"size":[1],"error":[4],"success":[4],"disabled":[4],"AriaLabel":[1,"aria-label"],"value":[1],"max":[1],"min":[1],"required":[4],"label":[1],"caption":[1]}]]],["ifx-dropdown-item",[[1,"ifx-dropdown-item",{"icon":[1],"href":[1],"target":[1],"hide":[4],"size":[32]},[[16,"menuSize","handleMenuSize"]]]]],["ifx-icons-preview",[[1,"ifx-icons-preview",{"iconsArray":[32],"isCopied":[32],"copiedIndex":[32],"htmlTag":[32],"iconName":[32]}]]],["ifx-navbar",[[1,"ifx-navbar",{"applicationName":[1,"application-name"],"fixed":[4],"showLogoAndAppname":[4,"show-logo-and-appname"],"logoHref":[1,"logo-href"],"logoHrefTarget":[1,"logo-href-target"],"main":[32],"products":[32],"applications":[32],"design":[32],"support":[32],"about":[32],"hasLeftMenuItems":[32],"searchBarIsOpen":[32],"internalLogoHref":[32],"internalLogoHrefTarget":[32]},[[0,"ifxNavItem","clearFirstLayerMenu"],[0,"ifxSearchBarIsOpen","handleSearchBarToggle"]]]]],["ifx-navbar-item",[[1,"ifx-navbar-item",{"showLabel":[4,"show-label"],"icon":[1],"href":[1],"target":[1],"hideOnMobile":[4,"hide-on-mobile"],"internalHref":[32],"isMenuItem":[32],"hasChildNavItems":[32],"isSidebarMenuItem":[32],"itemPosition":[32],"hideComponent":[64],"showComponent":[64],"toggleChildren":[64],"moveChildComponentsIntoSubLayerMenu":[64],"toggleFirstLayerItem":[64],"addMenuItemClass":[64],"moveChildComponentsBackIntoNavbar":[64],"returnToFirstLayer":[64],"setMenuItemPosition":[64],"setItemSideSpecifications":[64]},[[5,"mousedown","handleOutsideClick"]]]]],["ifx-segment",[[1,"ifx-segment",{"icon":[1],"segmentIndex":[2,"segment-index"],"selected":[1028],"value":[1]}]]],["ifx-segmented-control",[[1,"ifx-segmented-control",{"caption":[1],"label":[1],"size":[1]},[[0,"segmentSelect","onSegmentSelect"]]]]],["ifx-slider",[[1,"ifx-slider",{"min":[2],"max":[2],"step":[2],"value":[2],"minValueHandle":[2,"min-value-handle"],"maxValueHandle":[2,"max-value-handle"],"disabled":[4],"showPercentage":[4,"show-percentage"],"leftIcon":[1,"left-icon"],"rightIcon":[1,"right-icon"],"leftText":[1,"left-text"],"rightText":[1,"right-text"],"type":[1],"internalValue":[32],"percentage":[32],"internalMinValue":[32],"internalMaxValue":[32]},null,{"value":["valueChanged"],"minValueHandle":["minValueChanged"],"maxValueHandle":["maxValueChanged"]}]]],["ifx-step",[[1,"ifx-step",{"complete":[4],"disabled":[4],"error":[1028],"lastStep":[4,"last-step"],"stepId":[2,"step-id"],"stepperState":[16],"active":[32],"clickable":[32]},[[4,"ifxChange","onStepChange"]],{"stepperState":["updateCurrentStep"],"active":["updateErrorState"]}]]],["ifx-tabs",[[1,"ifx-tabs",{"orientation":[1],"activeTabIndex":[1026,"active-tab-index"],"fullWidth":[4,"full-width"],"internalOrientation":[32],"internalActiveTabIndex":[32],"internalFocusedTabIndex":[32],"tabRefs":[32],"tabHeaderRefs":[32],"disabledTabs":[32],"tabObjects":[32]},[[9,"resize","updateBorderOnWindowResize"],[0,"tabHeaderChange","handleTabHeaderChange"],[0,"slotchange","onSlotChange"],[0,"keydown","handleKeyDown"]],{"activeTabIndex":["activeTabIndexChanged"]}]]],["ifx-tag",[[1,"ifx-tag",{"icon":[1]}]]],["ifx-tooltip",[[1,"ifx-tooltip",{"header":[1],"text":[1],"position":[1],"variant":[1],"icon":[1],"tooltipVisible":[32],"internalPosition":[32]},null,{"position":["positionChanged"]}]]],["ifx-badge",[[1,"ifx-badge"]]],["ifx-basic-table",[[0,"ifx-basic-table",{"cols":[1],"rows":[1],"rowHeight":[1,"row-height"],"tableHeight":[1,"table-height"],"gridOptions":[32],"columnDefs":[32],"rowData":[32],"uniqueKey":[32]}]]],["ifx-breadcrumb",[[1,"ifx-breadcrumb"]]],["ifx-breadcrumb-item",[[1,"ifx-breadcrumb-item",{"isLastItem":[32],"uniqueId":[32],"hasDropdownMenu":[32]},[[5,"mousedown","handleOutsideClick"],[0,"keydown","handleKeyDown"],[0,"breadcrumbMenuIconWrapper","menuWrapperEventReEmitter"]]]]],["ifx-card",[[1,"ifx-card",{"direction":[1],"href":[1],"target":[1],"AriaLabel":[1,"aria-label"],"noBtns":[32],"alignment":[32],"noImg":[32],"internalHref":[32]},[[0,"imgPosition","setImgPosition"]]]]],["ifx-card-headline",[[1,"ifx-card-headline",{"direction":[32],"hasDesc":[32]}]]],["ifx-card-image",[[1,"ifx-card-image",{"src":[1],"alt":[1],"position":[1]}]]],["ifx-card-links",[[1,"ifx-card-links"]]],["ifx-card-overline",[[1,"ifx-card-overline"]]],["ifx-card-text",[[1,"ifx-card-text",{"hasBtn":[32]}]]],["ifx-content-switcher",[[1,"ifx-content-switcher",{"items":[32],"activeIndex":[32],"hoverIndex":[32],"focusIndex":[32],"dividers":[32]}]]],["ifx-content-switcher-item",[[1,"ifx-content-switcher-item",{"selected":[4],"value":[1]}]]],["ifx-dropdown",[[1,"ifx-dropdown",{"placement":[1],"defaultOpen":[4,"default-open"],"noAppendToBody":[4,"no-append-to-body"],"disabled":[4],"noCloseOnOutsideClick":[4,"no-close-on-outside-click"],"noCloseOnMenuClick":[4,"no-close-on-menu-click"],"internalIsOpen":[32],"trigger":[32],"menu":[32],"isOpen":[64],"closeDropdown":[64],"openDropdown":[64]},[[0,"slotchange","watchHandlerSlot"],[5,"mousedown","handleOutsideClick"]],{"defaultOpen":["watchHandlerIsOpen"],"disabled":["watchHandlerDisabled"]}]]],["ifx-dropdown-header",[[1,"ifx-dropdown-header"]]],["ifx-dropdown-menu",[[1,"ifx-dropdown-menu",{"isOpen":[4,"is-open"],"size":[1],"hideTopPadding":[32],"filteredItems":[32]},[[0,"ifxInput","handleMenuFilter"],[0,"ifxDropdownItem","handleDropdownItemValueEmission"]]]]],["ifx-dropdown-trigger",[[1,"ifx-dropdown-trigger",{"isOpen":[4,"is-open"]}]]],["ifx-filter-type-group",[[1,"ifx-filter-type-group",{"selectedOptions":[32]}]]],["ifx-footer",[[1,"ifx-footer",{"copyrightText":[1,"copyright-text"],"currentYear":[32]}]]],["ifx-footer-column",[[1,"ifx-footer-column"]]],["ifx-navbar-profile",[[1,"ifx-navbar-profile",{"showLabel":[4,"show-label"],"href":[1],"imageUrl":[1,"image-url"],"target":[1],"alt":[1],"userName":[1,"user-name"],"internalHref":[32],"isMenuItem":[32],"hasChildNavItems":[32],"internalImageUrl":[32],"hideComponent":[64],"showComponent":[64]},[[5,"mousedown","handleOutsideClick"]]]]],["ifx-progress-bar",[[1,"ifx-progress-bar",{"value":[2],"size":[1],"showLabel":[4,"show-label"],"internalValue":[32]},null,{"value":["valueChanged"]}]]],["ifx-sidebar",[[1,"ifx-sidebar",{"applicationName":[1,"application-name"],"initialCollapse":[4,"initial-collapse"],"showFooter":[4,"show-footer"],"showHeader":[4,"show-header"],"termsOfUse":[1,"terms-of-use"],"imprint":[1],"privacyPolicy":[1,"privacy-policy"],"target":[1],"copyrightText":[1,"copyright-text"],"currentYear":[32],"internalTermsofUse":[32],"internalImprint":[32],"internalPrivacyPolicy":[32],"internalShowFooter":[32],"activeItem":[32]},[[0,"ifxSidebarMenu","handleSidebarItemInteraction"],[0,"ifxSidebarNavigationItem","handleSidebarItemActivated"]]]]],["ifx-sidebar-title",[[1,"ifx-sidebar-title"]]],["ifx-spinner",[[1,"ifx-spinner",{"size":[1],"variant":[1],"inverted":[4]}]]],["ifx-status",[[1,"ifx-status",{"label":[1],"border":[4],"color":[1]}]]],["ifx-stepper",[[1,"ifx-stepper",{"activeStep":[1026,"active-step"],"indicatorPosition":[1,"indicator-position"],"showStepNumber":[4,"show-step-number"],"variant":[1],"stepsCount":[32],"shouldEmitEvent":[32],"emittedByClick":[32]},[[0,"ifxChange","onStepChange"]],{"activeStep":["handleActiveStep"]}]]],["ifx-switch",[[65,"ifx-switch",{"checked":[4],"name":[1],"disabled":[4],"value":[1],"internalChecked":[32],"isChecked":[64]},null,{"checked":["valueChanged"]}]]],["ifx-tab",[[4,"ifx-tab",{"header":[1],"disabled":[4],"icon":[1],"iconPosition":[1,"icon-position"]}]]],["ifx-textarea",[[65,"ifx-textarea",{"caption":[1],"cols":[2],"disabled":[4],"error":[4],"label":[1],"maxlength":[2],"name":[1],"placeholder":[1],"readOnly":[4,"read-only"],"resize":[1],"rows":[2],"value":[1025],"wrap":[1],"reset":[64]}]]],["ifx-radio-button",[[4,"ifx-radio-button",{"disabled":[4],"value":[1],"error":[4],"size":[1],"name":[1],"checked":[4],"internalChecked":[32],"hasSlot":[32],"inputElement":[32],"isChecked":[64]},[[8,"change","handleChange"]]]]],["ifx-dropdown-separator",[[1,"ifx-dropdown-separator"]]],["ifx-icon",[[0,"ifx-icon",{"icon":[1025],"ifxIcon":[1032,"ifx-icon"]}]]],["ifx-checkbox",[[65,"ifx-checkbox",{"disabled":[4],"checked":[4],"error":[4],"size":[1],"indeterminate":[4],"value":[1],"internalChecked":[32],"internalIndeterminate":[32],"isChecked":[64],"toggleCheckedState":[64]},null,{"checked":["valueChanged"],"indeterminate":["indeterminateChanged"]}]]],["ifx-multiselect_2",[[65,"ifx-multiselect",{"name":[1],"options":[1],"batchSize":[2,"batch-size"],"size":[1],"disabled":[4],"error":[4],"errorMessage":[1,"error-message"],"label":[1],"placeholder":[1],"maxItemCount":[2,"max-item-count"],"showSearch":[4,"show-search"],"showSelectAll":[4,"show-select-all"],"internalError":[32],"internalErrorMessage":[32],"persistentSelectedOptions":[32],"dropdownOpen":[32],"dropdownFlipped":[32],"zIndex":[32],"isLoading":[32],"loadedOptions":[32],"filteredOptions":[32],"optionCount":[32],"optionsProcessed":[32]},null,{"options":["updateOptions"],"error":["updateInternalError"],"errorMessage":["updateInternalErrorMessage"],"loadedOptions":["loadedOptionsChanged"],"persistentSelectedOptions":["onSelectionChange"]}],[65,"ifx-text-field",{"placeholder":[1],"value":[1025],"error":[4],"label":[1],"icon":[1],"caption":[1],"size":[1],"required":[4],"optional":[4],"success":[4],"disabled":[4],"maxlength":[2],"showDeleteIcon":[4,"show-delete-icon"],"reset":[64]},null,{"value":["valueWatcher"]}]]],["ifx-accordion_2",[[1,"ifx-accordion-item",{"caption":[1],"open":[1028],"AriaLive":[2,"aria-live"],"internalOpen":[32]},[[0,"keydown","handleKeydown"]],{"open":["openChanged"]}],[17,"ifx-accordion",{"autoCollapse":[4,"auto-collapse"]},[[0,"ifxItemOpen","onItemOpen"]]]]],["ifx-search-field",[[1,"ifx-search-field",{"value":[1025],"showDeleteIcon":[4,"show-delete-icon"],"disabled":[4],"size":[1],"placeholder":[1],"maxlength":[2],"insideDropdown":[32],"showDeleteIconInternalState":[32],"isFocused":[32]},[[5,"mousedown","handleOutsideClick"]],{"value":["valueWatcher"]}]]],["ifx-icon-button",[[1,"ifx-icon-button",{"variant":[1],"size":[1],"disabled":[4],"icon":[1],"href":[1],"target":[1],"shape":[1],"setFocus":[64]},[[2,"click","handleClick"]]]]],["ifx-select",[[0,"ifx-select",{"value":[1],"name":[1],"items":[16],"choices":[1],"renderChoiceLimit":[2,"render-choice-limit"],"maxItemCount":[2,"max-item-count"],"addItems":[4,"add-items"],"removeItems":[4,"remove-items"],"removeItemButton":[4,"remove-item-button"],"editItems":[4,"edit-items"],"duplicateItemsAllowed":[4,"duplicate-items-allowed"],"delimiter":[1],"paste":[4],"showSearch":[4,"show-search"],"searchChoices":[4,"search-choices"],"searchFields":[1,"search-fields"],"searchFloor":[2,"search-floor"],"searchResultLimit":[2,"search-result-limit"],"position":[1],"resetScrollPosition":[4,"reset-scroll-position"],"shouldSort":[4,"should-sort"],"shouldSortItems":[4,"should-sort-items"],"sorter":[16],"placeholder":[8],"searchPlaceholderValue":[1,"search-placeholder-value"],"prependValue":[1,"prepend-value"],"appendValue":[1,"append-value"],"renderSelectedChoices":[1,"render-selected-choices"],"loadingText":[1,"loading-text"],"noResultsText":[1,"no-results-text"],"noChoicesText":[1,"no-choices-text"],"itemSelectText":[1,"item-select-text"],"addItemText":[1,"add-item-text"],"maxItemText":[1,"max-item-text"],"uniqueItemText":[1,"unique-item-text"],"classNames":[16],"fuseOptions":[16],"addItemFilter":[1,"add-item-filter"],"customAddItemText":[1,"custom-add-item-text"],"callbackOnInit":[16],"callbackOnCreateTemplates":[16],"valueComparer":[16],"error":[4],"errorMessage":[1,"error-message"],"label":[1],"disabled":[4],"placeholderValue":[1,"placeholder-value"],"options":[1025],"size":[1],"selectedOption":[32],"optionIsSelected":[32],"handleChange":[64],"highlightItem":[64],"unhighlightItem":[64],"highlightAll":[64],"unhighlightAll":[64],"removeActiveItemsByValue":[64],"removeActiveItems":[64],"removeHighlightedItems":[64],"showDropdown":[64],"hideDropdown":[64],"getValue":[64],"setValue":[64],"setChoiceByValue":[64],"setChoices":[64],"clearChoices":[64],"clearStore":[64],"clearInput":[64],"ajax":[64],"handleDeleteIcon":[64]},[[5,"mousedown","handleOutsideClick"]],{"disabled":["watchDisabled"]}]]],["ifx-chip_3",[[1,"ifx-pagination",{"currentPage":[2,"current-page"],"total":[2],"internalPage":[32],"itemsPerPage":[32],"numberOfPages":[32]},[[0,"ifxSelect","setItemsPerPage"]]],[1,"ifx-chip",{"placeholder":[1],"size":[1],"value":[1025],"variant":[1],"readOnly":[4,"read-only"],"AriaLabel":[1,"aria-label"],"opened":[32],"selectedOptions":[32]},[[5,"mousedown","closeDropdownOnOutsideClick"],[0,"keydown","handleKeyDown"],[0,"ifxChipItemSelect","updateSelectedOptions"]],{"value":["handleValueChange"],"readOnly":["handleReadOnlyChange"]}],[1,"ifx-chip-item",{"value":[1],"chipState":[16],"selected":[1540]},[[16,"ifxChipItemSelect","updateItemSelection"]],{"selected":["validateSelected"]}]]],["ifx-button",[[1,"ifx-button",{"variant":[1],"theme":[1],"size":[1],"disabled":[4],"href":[1],"target":[1],"type":[1],"fullWidth":[4,"full-width"],"AriaLabel":[1,"aria-label"],"internalHref":[32],"setFocus":[64]},[[0,"keydown","handleKeyDown"],[2,"click","handleHostClick"]],{"href":["setInternalHref"]}]]],["ifx-link",[[1,"ifx-link",{"href":[1],"target":[1],"variant":[1],"size":[1],"disabled":[4],"internalHref":[32],"internalTarget":[32],"internalVariant":[32]}]]],["ifx-number-indicator",[[1,"ifx-number-indicator",{"inverted":[4]}]]]]'),t)};(function(){if(typeof window<"u"&&window.Reflect!==void 0&&window.customElements!==void 0){var e=HTMLElement;window.HTMLElement=function(){return Reflect.construct(e,[],this.constructor)},HTMLElement.prototype=e.prototype,HTMLElement.prototype.constructor=HTMLElement,Object.setPrototypeOf(HTMLElement,e)}})();const Ic={async install(){Sc()}};Ea(kf).use(Ic).mount("#app");export{Xf as H,kc as c,lc as g,Yf as h,Cc as r}; +ddfsafdf`),l=W([{value:"a",label:"option a",selected:!1},{value:"b",label:"option b",selected:!1},{value:"c",label:"option c",selected:!1}]);const s=()=>{t.value=!t.value},a=()=>{i.value=!i.value};return(u,c)=>(F(),H("div",null,[c[0]||(c[0]=o("h2",null,"SingleSelect",-1)),o("ifx-select",{type:"single",value:"undefined",size:"medium (40px)",placeholder:"true","show-search":"true","search-placeholder-value":"Search...",disabled:V(t),error:V(i),"error-message":V(r),label:"","placeholder-value":"Placeholder",options:JSON.stringify(V(l))},null,8,Mu),o("div",null,[o("ifx-button",{variant:"secondary",theme:"default",onClick:s},"Toggle Disabled"),o("ifx-button",{variant:"secondary",theme:"default",onClick:a},"Toggle Error")]),c[1]||(c[1]=o("br",null,null,-1)),o("ifx-select",{type:"single",value:"undefined",size:"medium (40px)",placeholder:"true","show-search":"true","search-placeholder-value":"Search...",disabled:V(n),error:V(i),"error-message":V(r),label:"","placeholder-value":"Placeholder",options:JSON.stringify(V(l))},null,8,Fu),c[2]||(c[2]=o("br",null,null,-1)),c[3]||(c[3]=o("br",null,null,-1))]))}},Hu=["options","error","erroMessage","disabled"],Bu={__name:"MultiSelect",setup(e){let t=W(!1),n=W(!1),i=W("Some error"),r=W([{value:"a",label:"option a",selected:!1},{value:"b",label:"option b",selected:!1},{value:"c",label:"option c",selected:!1},{value:"d",label:"option d",selected:!1},{value:"b",label:"option b",selected:!1},{value:"e",label:"option e",selected:!1},{value:"f",label:"option f",selected:!1},{value:"g",label:"option g",selected:!1},{value:"h",label:"option h",selected:!1},{value:"i",label:"option i",selected:!1},{value:"j",label:"option j",selected:!1},{value:"k",label:"option k",selected:!1},{value:"l",label:"option l",selected:!1},{value:"m",label:"option m",selected:!1},{value:"n",label:"option n",selected:!1},{value:"o",label:"option o",selected:!1},{value:"p",label:"option p",selected:!1},{value:"q",label:"option q",selected:!1},{value:"r",label:"option r",selected:!1},{value:"s",label:"option s",selected:!1},{value:"t",label:"option t",selected:!1},{value:"u",label:"option u",selected:!1},{value:"v",label:"option v",selected:!1},{value:"w",label:"option w",selected:!1},{value:"x",label:"option x",selected:!1},{value:"y",label:"option y",selected:!1},{value:"z",label:"option z",selected:!1,children:[{value:"z1",label:"option z1",selected:!1},{value:"z2",label:"option z2",selected:!1}]}]);console.log("options",r);function l(u){console.log("emitting multiselect selected options: ",u.detail)}const s=()=>{t.value=!t.value},a=()=>{n.value=!n.value};return(u,c)=>(F(),H("div",null,[c[0]||(c[0]=o("h2",null,"MultiSelect",-1)),o("ifx-multiselect",{batchSize:"10",options:JSON.stringify(V(r)),"on:ifxSelect":l,size:"medium (40px)",error:V(n),erroMessage:V(i),"error-message":"Some error",label:"",disabled:V(t)},null,40,Hu),o("div",null,[o("ifx-button",{variant:"secondary",theme:"default",onClick:s},"Toggle Disabled"),o("ifx-button",{variant:"secondary",theme:"default",onClick:a},"Toggle Error")]),c[1]||(c[1]=o("br",null,null,-1)),c[2]||(c[2]=o("br",null,null,-1))]))}},Vu={slot:"buttons"},ju={__name:"Modal",setup(e){const t=W(),n=yt(()=>t.value),i=()=>{console.log("modal button clicked")},r=()=>{n&&(n.value.opened=!1)},l=()=>{n&&(n.value.opened=!0)};return(s,a)=>(F(),H("div",null,[a[4]||(a[4]=o("h2",null,"Modal",-1)),o("div",null,[o("ifx-modal",{ref_key:"modalRef",ref:t,caption:" Modal Title",variant:"default","close-on-overlay-click":"false"},[a[3]||(a[3]=o("div",{slot:"content"},[o("span",null,"Hello. Welcome. What a pleasure it is to have you.")],-1)),o("div",Vu,[o("ifx-button",{variant:"secondary",onClick:a[0]||(a[0]=u=>i())},"Console output"),o("ifx-button",{onClick:a[1]||(a[1]=u=>r())},"Close")])],512),o("ifx-button",{onKeyup:Ml(l,["enter"]),onClick:a[2]||(a[2]=u=>l())},"Open Modal",32)])]))}},zu=["current-page"],Uu={__name:"Pagination",setup(e){const t=W(1),n=yt(()=>t.value);dt(()=>{r(),setInterval(r,1e5)});function i(){console.log("page value changed")}function r(){console.log("updating page value"),t.value<500?t.value+=1:t.value=1}return(l,s)=>(F(),H("div",null,[s[0]||(s[0]=o("h2",null,"Pagination",-1)),o("ifx-pagination",{"on:ifxPageChange":i,"on:ifxPrevPage":i,"on:ifxNextPage":i,total:"500","current-page":n.value},null,40,zu)]))}},qu={};function Wu(e,t){return F(),H("div",null,t[0]||(t[0]=[o("h2",null,"Table (Basic)",-1),o("ifx-basic-table",{"row-height":"default",cols:'[{"headerName":"Make","field":"make","sortable":true,"sort":"desc","unSortIcon":true},{"headerName":"Model","field":"model","sortable":true,"unSortIcon":true},{"headerName":"Price","field":"price"},{"headerName":"Age","field":"age"}]',rows:'[{"make":"Toyota","model":"Celica","price":35000,"age":10},{"make":"Ford","model":"Mondeo","price":32000,"age":12},{"make":"Porsche","model":"Boxster","price":72000}]',"table-height":"auto"},null,-1),o("br",null,null,-1)]))}const Ku=ne(qu,[["render",Wu]]),Gu={data(){return{tableColumnsWithBtn:[{headerName:"Make",field:"make",sortable:!0,sort:"desc",unSortIcon:!0},{headerName:"Model",field:"model",sortable:!0,unSortIcon:!0},{headerName:"Price",field:"price"},{headerName:"Age",field:"age"},{headerName:"",field:"button"}],tableRowsWithBtn:[{make:"Toyota",model:"Celica",price:35e3,age:10,button:{disabled:!1,variant:"secondary",size:"s",target:"_blank",href:"https://www.w3schools.com/",theme:"default",type:"button",fullWidth:!0,text:"Toyota Button"}},{make:"Ford",model:"Mondeo",price:32e3,age:12,button:{disabled:!1,variant:"secondary",size:"s",target:"_blank",href:"https://www.w3schools.com/",theme:"default",type:"button",fullWidth:!0,text:"Ford Button"}},{make:"Porsche",model:"Boxster",price:72e3,age:8,button:{disabled:!1,variant:"secondary",size:"s",target:"_blank",href:"https://www.w3schools.com/",theme:"default",type:"button",fullWidth:!0,text:"Porsche Button"}}],buttonRendererOptions:{onButtonClick:(e,t)=>{console.log("Button clicked:",e.data)}},ready:!1}},mounted(){this.ready=!0}},Ju=["cols","rows","buttonRendererOptions"];function Yu(e,t,n,i,r,l){return F(),H("div",null,[t[0]||(t[0]=o("h2",null,"Table (Advanced)",-1)),t[1]||(t[1]=o("h3",null,"Table with sidebar filters",-1)),t[2]||(t[2]=o("ifx-table",{"row-height":"default",cols:'[{"headerName":"Make","field":"make","sortable":true,"sort":"desc","unSortIcon":true},{"headerName":"Model","field":"model","sortable":true,"unSortIcon":true},{"headerName":"Price","field":"price"},{"headerName":"Age","field":"age"}]',rows:'[{"make":"Toyota","model":"Celica","price":35000,"age":10},{"make":"Ford","model":"Mondeo","price":32000,"age":12},{"make":"Porsche","model":"Boxster","price":72000},{"make":"Bmw","model":"x","price":72000},{"make":"Mercedes","model":"y","price":72000},{"make":"Ferrari","model":"z","price":72000},{"make":"Chrysler","model":"a","price":72000},{"make":"Range rover","model":"b","price":72000},{"make":"Tesla","model":"x","price":72000},{"make":"Audi","model":"3","price":72000},{"make":"Landrover","model":"x","price":72000}]',"table-height":"auto",pagination:"false","pagination-page-size":"10","filter-orientation":"sidebar"},[o("ifx-filter-type-group",{slot:"sidebar-filter"},[o("div",{slot:"filter-search"},[o("ifx-filter-search",{"filter-orientation":"sidebar","filter-name":"search"})]),o("ifx-filter-accordion",{slot:"filter-accordion","filter-group-name":"make"},[o("ifx-list",{slot:"list",type:"checkbox",name:"make","max-visible-items":"6"},[o("ifx-list-entry",{slot:"slot0",label:"Toyota",value:"false"}),o("ifx-list-entry",{slot:"slot1",label:"Ford",value:"false"}),o("ifx-list-entry",{slot:"slot2",label:"Porsche",value:"false"}),o("ifx-list-entry",{slot:"slot3",label:"Bmw",value:"false"}),o("ifx-list-entry",{slot:"slot4",label:"Mercedes",value:"false"}),o("ifx-list-entry",{slot:"slot5",label:"Ferrari",value:"false"}),o("ifx-list-entry",{slot:"slot6",label:"Chrysler",value:"false"}),o("ifx-list-entry",{slot:"slot7",label:"Range rover",value:"false"}),o("ifx-list-entry",{slot:"slot8",label:"Tesla",value:"false"}),o("ifx-list-entry",{slot:"slot9",label:"Audi",value:"false"}),o("ifx-list-entry",{slot:"slot10",label:"Landrover",value:"false"})])]),o("ifx-filter-accordion",{slot:"filter-accordion","filter-group-name":"model"},[o("ifx-list",{slot:"list",type:"checkbox",name:"model","max-visible-items":"6"},[o("ifx-list-entry",{slot:"slot0",label:"Celica",value:"false"}),o("ifx-list-entry",{slot:"slot1",label:"Mondeo",value:"false"}),o("ifx-list-entry",{slot:"slot2",label:"Boxster",value:"false"}),o("ifx-list-entry",{slot:"slot3",label:"x",value:"false"}),o("ifx-list-entry",{slot:"slot4",label:"y",value:"false"}),o("ifx-list-entry",{slot:"slot5",label:"z",value:"false"}),o("ifx-list-entry",{slot:"slot6",label:"a",value:"false"}),o("ifx-list-entry",{slot:"slot7",label:"b",value:"false"}),o("ifx-list-entry",{slot:"slot8",label:"3",value:"false"})])]),o("ifx-filter-accordion",{slot:"filter-accordion","filter-group-name":"price"},[o("ifx-list",{slot:"list",type:"checkbox",name:"price","max-visible-items":"6"},[o("ifx-list-entry",{slot:"slot0",label:"35000",value:"false"}),o("ifx-list-entry",{slot:"slot1",label:"32000",value:"false"}),o("ifx-list-entry",{slot:"slot2",label:"72000",value:"false"})])]),o("ifx-filter-accordion",{slot:"filter-accordion","filter-group-name":"age"},[o("ifx-list",{slot:"list",type:"checkbox",name:"age","max-visible-items":"6"},[o("ifx-list-entry",{slot:"slot0",label:"10",value:"false"}),o("ifx-list-entry",{slot:"slot1",label:"12",value:"false"}),o("ifx-list-entry",{slot:"slot2",label:"undefined",value:"false"})])])])],-1)),t[3]||(t[3]=o("br",null,null,-1)),t[4]||(t[4]=o("br",null,null,-1)),t[5]||(t[5]=o("h3",null,"Table with Button",-1)),r.ready?(F(),H("ifx-table",{key:0,cols:r.tableColumnsWithBtn,rows:r.tableRowsWithBtn,buttonRendererOptions:r.buttonRendererOptions,"row-height":"default","table-height":"auto",pagination:"false","pagination-page-size":"10","filter-orientation":"none"},null,8,Ju)):qo("",!0)])}const Xu=ne(Gu,[["render",Yu]]),Qu={};function Zu(e,t){return F(),H("div",null,t[0]||(t[0]=[o("h2",null,"Breadcrumbs",-1),o("div",null,[o("ifx-breadcrumb",null,[o("ifx-breadcrumb-item",null,[o("ifx-breadcrumb-item-label",{slot:"label",icon:""},"Breadcrumb 1"),o("ifx-dropdown-menu",null,[o("ifx-dropdown-item",{url:"http://google.com"},"Google"),o("ifx-dropdown-item",{url:"http://bing.com"},"Bing"),o("ifx-dropdown-item",{url:"http://yahoo.com"},"Yahoo"),o("ifx-dropdown-item",{url:"http://naver.com"},"Naver")])]),o("ifx-breadcrumb-item",null,[o("ifx-breadcrumb-item-label",{slot:"label",icon:""},"Breadcrumb 2"),o("ifx-dropdown-menu",null,[o("ifx-dropdown-item",{url:"http://google.com"},"Google"),o("ifx-dropdown-item",{url:"http://bing.com"},"Bing"),o("ifx-dropdown-item",{url:"http://yahoo.com"},"Yahoo"),o("ifx-dropdown-item",{url:"http://naver.com"},"Naver")])]),o("ifx-breadcrumb-item",null,[o("ifx-breadcrumb-item-label",{slot:"label",icon:"",url:"http://google.com"},"Breadcrumb 3")])])],-1),o("br",null,null,-1),o("br",null,null,-1)]))}const ef=ne(Qu,[["render",Zu]]),tf=["value"],nf={__name:"SearchBar",setup(e){let t=W(""),n=W("");function i(r){console.log("updating search field 2: ",r.detail),n.value=r.detail}return(r,l)=>(F(),H("div",null,[l[1]||(l[1]=o("h2",null,"Search Bar (v-model)",-1)),qt(o("ifx-search-bar",{"onUpdate:modelValue":l[0]||(l[0]=s=>ie(t)?t.value=s:t=s),"is-open":"undefined",disabled:"false","show-close-button":"true"},null,512),[[Kt,V(t)]]),o("p",null,"Search Bar 1: "+he(V(t)),1),l[2]||(l[2]=o("h2",null,"Search Bar (manual combination of value binding + event listener)",-1)),o("ifx-search-bar",{"on:ifxInput":i,value:V(n),disabled:"false",size:"m","show-delete-icon":"true"},null,40,tf),o("p",null,"Search Bar 2: "+he(V(n)),1),l[3]||(l[3]=o("br",null,null,-1)),l[4]||(l[4]=o("br",null,null,-1))]))}},rf={};function lf(e,t){return F(),H("div",null,t[0]||(t[0]=[o("h2",null,"Badge",-1),o("div",{style:{"--ifx-font-family":"'Arial black'"}},[o("ifx-badge",null,"Badge label")],-1),o("br",null,null,-1),o("br",null,null,-1)]))}const sf=ne(rf,[["render",lf]]),of={};function af(e,t){return F(),H("div",null,t[0]||(t[0]=[o("h2",null,"Icon",-1),o("div",null,[o("ifx-icon",{icon:"c-check-16"})],-1),o("br",null,null,-1),o("br",null,null,-1)]))}const uf=ne(of,[["render",af]]),ff=["value"],cf={__name:"Slider",setup(e){const t=W(50),n=yt(()=>t.value);dt(()=>{r(),setInterval(r,1e5)});function i(){console.log("value changed")}function r(){console.log("updating slider value"),t.value<100?t.value+=10:t.value=10}return(l,s)=>(F(),H("div",null,[s[0]||(s[0]=o("h2",null,"Slider",-1)),o("div",null,[o("ifx-slider",{"on:ifxChange":i,value:n.value,min:"0",max:"100","show-percentage":"true"},null,40,ff)]),s[1]||(s[1]=o("br",null,null,-1)),s[2]||(s[2]=o("br",null,null,-1))]))}},df={};function pf(e,t){return F(),H("div",null,t[0]||(t[0]=[o("h2",null,"Status",-1),o("div",null,[o("ifx-status",{label:"Status with border",color:"orange",border:"true"}),o("ifx-status",{label:"Status without border",color:"orange",border:"false"})],-1),o("br",null,null,-1),o("br",null,null,-1)]))}const mf=ne(df,[["render",pf]]),hf={};function gf(e,t){return F(),H("div",null,t[0]||(t[0]=[o("h2",null,"Stepper",-1),o("div",null,[o("ifx-stepper",{"show-number":"false","active-step":"4",variant:"default"},[o("ifx-step",null,"Step Label 1"),o("ifx-step",null,"Step Label 2"),o("ifx-step",null,"Step Label 3"),o("ifx-step",null,"Step Label 4"),o("ifx-step",null,"Step Label 5")])],-1),o("br",null,null,-1),o("br",null,null,-1)]))}const bf=ne(hf,[["render",gf]]),xf={};function vf(e,t){return F(),H("div",null,t[0]||(t[0]=[Ll('

Content Switchert

Item 1 Item 2 Item 3 Item 4

',4)]))}const _f=ne(xf,[["render",vf]]),$f={};function yf(e,t){return F(),H("div",null,t[0]||(t[0]=[o("h2",null,"Notification",-1),o("ifx-notification",{icon:"c-check-16",variant:"success","link-text":"Link","link-href":"https://www.example.com"},"Success notification",-1),o("br",null,null,-1),o("ifx-notification",{icon:"lock-16",variant:"warning","link-text":"Link","link-href":"https://www.example.com"},"Warning notification",-1),o("br",null,null,-1),o("ifx-notification",{icon:"c-check-16",variant:"error","link-text":"Link","link-href":"https://www.example.com"},"Error notification",-1)]))}const wf=ne($f,[["render",yf]]),Sf={};function If(e,t){return F(),H("div",null,t[0]||(t[0]=[o("h2",null,"Segmented Control",-1),o("ifx-segmented-control",{caption:"Caption text to describe the controls",label:"Group Label",size:"regular"},[o("ifx-segment",{selected:"true",icon:"star-16",value:"value1"}," Label "),o("ifx-segment",{icon:"star-16",value:"value2"}," Label "),o("ifx-segment",{icon:"star-16",value:"value3"}," Label "),o("ifx-segment",{icon:"star-16",value:"value4"}," Label ")],-1),o("br",null,null,-1),o("br",null,null,-1)]))}const Tf=ne(Sf,[["render",If]]),Ef={id:"form-for-textarea"},Cf={__name:"Textarea",setup(e){let t=W("");dt(()=>{n(),setInterval(n,1e5)});function n(){console.log("updating Textarea from parent component"),t.value=t.value+"+1"}return(i,r)=>(F(),H("div",null,[o("form",Ef,[r[4]||(r[4]=o("h2",null,"Textarea",-1)),o("div",null,[qt(o("ifx-textarea",{name:"textarea","onUpdate:modelValue":r[0]||(r[0]=l=>ie(t)?t.value=l:t=l),error:"false",disabled:"false",placeholder:"Placeholder",caption:""},null,512),[[Kt,V(t)]]),r[1]||(r[1]=o("br",null,null,-1)),r[2]||(r[2]=o("ifx-button",{type:"submit",theme:"default",size:"s",disabled:"false",icon:"false"}," Submit form ",-1)),r[3]||(r[3]=o("ifx-button",{type:"reset",variant:"secondary",theme:"default",size:"s",disabled:"false",icon:"false"}," Reset form ",-1))]),o("p",null,"Textarea value: "+he(V(t)),1),r[5]||(r[5]=o("br",null,null,-1)),r[6]||(r[6]=o("br",null,null,-1))])]))}},kf=Qs({__name:"App",setup(e){return(t,n)=>(F(),H(Re,null,[A(du),n[0]||(n[0]=o("h1",null,"Stencil Framework integration - Vue + JS ",-1)),A(uu),A(Ra),A(Da),A(sf),A(ef),A(Fa),A(bu),A(Ha),A(ja),A(_f),A(ku),A(Tu),A(_u),A(uf),A(ru),A(ju),A(Bu),A(wf),A(tu),A(Uu),A(za),A(qa),A(La),A(nf),A(Tf),A(Nu),A(cf),A(Za),A(mf),A(bf),A(wu),A(Ku),A(Xu),A(su),A(Ya),A(Cf),A(Ka),A(Pu),A(Du)],64))}}),Of="modulepreload",Lf=function(e,t){return new URL(e,t).href},br={},T=function(t,n,i){let r=Promise.resolve();if(n&&n.length>0){const s=document.getElementsByTagName("link"),a=document.querySelector("meta[property=csp-nonce]"),u=(a==null?void 0:a.nonce)||(a==null?void 0:a.getAttribute("nonce"));r=Promise.allSettled(n.map(c=>{if(c=Lf(c,i),c in br)return;br[c]=!0;const f=c.endsWith(".css"),m=f?'[rel="stylesheet"]':"";if(!!i)for(let C=s.length-1;C>=0;C--){const k=s[C];if(k.href===c&&(!f||k.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${c}"]${m}`))return;const b=document.createElement("link");if(b.rel=f?"stylesheet":Of,f||(b.as="script"),b.crossOrigin="",b.href=c,u&&b.setAttribute("nonce",u),document.head.appendChild(b),f)return new Promise((C,k)=>{b.addEventListener("load",C),b.addEventListener("error",()=>k(new Error(`Unable to preload CSS for ${c}`)))})}))}function l(s){const a=new Event("vite:preloadError",{cancelable:!0});if(a.payload=s,window.dispatchEvent(a),!a.defaultPrevented)throw s}return r.then(s=>{for(const a of s||[])a.status==="rejected"&&l(a.reason);return t().catch(l)})},Pf="infineon-design-system-stencil",Gt={allRenderFn:!0,appendChildSlotFix:!1,asyncLoading:!0,asyncQueue:!1,attachStyles:!0,cloneNodeFix:!0,cmpDidLoad:!0,cmpDidRender:!0,cmpDidUnload:!1,cmpDidUpdate:!0,cmpShouldUpdate:!1,cmpWillLoad:!0,cmpWillRender:!0,cmpWillUpdate:!0,connectedCallback:!0,constructableCSS:!0,cssAnnotations:!0,devTools:!1,disconnectedCallback:!0,element:!1,event:!0,experimentalScopedSlotChanges:!1,experimentalSlotFixes:!1,formAssociated:!0,hasRenderFn:!0,hostListener:!0,hostListenerTarget:!0,hostListenerTargetBody:!0,hostListenerTargetDocument:!0,hostListenerTargetParent:!1,hostListenerTargetWindow:!0,hotModuleReplacement:!1,hydrateClientSide:!1,hydrateServerSide:!1,hydratedAttribute:!1,hydratedClass:!0,hydratedSelectorName:"hydrated",initializeNextTick:!1,invisiblePrehydration:!0,isDebug:!1,isDev:!1,isTesting:!1,lazyLoad:!0,lifecycle:!0,lifecycleDOMEvents:!1,member:!0,method:!0,mode:!1,observeAttribute:!0,profile:!1,prop:!0,propBoolean:!0,propMutable:!0,propNumber:!0,propString:!0,reflect:!0,scoped:!1,scopedSlotTextContentFix:!1,scriptDataOpts:!1,shadowDelegatesFocus:!0,shadowDom:!0,slot:!0,slotChildNodesFix:!1,slotRelocation:!0,state:!0,style:!0,svg:!0,taskQueue:!0,transformTagName:!1,updatable:!0,vdomAttribute:!0,vdomClass:!0,vdomFunctional:!1,vdomKey:!0,vdomListener:!0,vdomPropOrAttr:!0,vdomRef:!0,vdomRender:!0,vdomStyle:!0,vdomText:!0,vdomXlink:!0,watchCallback:!0};var Af=Object.defineProperty,Rf=(e,t)=>{for(var n in t)Af(e,n,{get:t[n],enumerable:!0})},Oi=new WeakMap,we=e=>Oi.get(e),Cc=(e,t)=>Oi.set(t.$lazyInstance$=e,t),Df=(e,t)=>{const n={$flags$:0,$hostElement$:e,$cmpMeta$:t,$instanceValues$:new Map};return n.$onInstancePromise$=new Promise(i=>n.$onInstanceResolve$=i),n.$onReadyPromise$=new Promise(i=>n.$onReadyResolve$=i),e["s-p"]=[],e["s-rc"]=[],Oi.set(e,n)},xr=(e,t)=>t in e,S=(e,t)=>(0,console.error)(e,t),zn=new Map,Mf=(e,t,n)=>{const i=e.$tagName$.replace(/-/g,"_"),r=e.$lazyBundleId$;if(!r)return;const l=zn.get(r);if(l)return l[i];{const s=a=>(zn.set(r,a),a[i]);switch(r){case"ifx-alert":return T(()=>import("./ifx-alert.entry-Clu2y5OF.js"),[],import.meta.url).then(s,S);case"ifx-badge":return T(()=>import("./ifx-badge.entry-D9NVYbwo.js"),[],import.meta.url).then(s,S);case"ifx-basic-table":return T(()=>import("./ifx-basic-table.entry-egsq-jMg.js"),__vite__mapDeps([0,1,2]),import.meta.url).then(s,S);case"ifx-breadcrumb":return T(()=>import("./ifx-breadcrumb.entry-slkZYTw2.js"),[],import.meta.url).then(s,S);case"ifx-breadcrumb-item":return T(()=>import("./ifx-breadcrumb-item.entry-CO_8OVPo.js"),[],import.meta.url).then(s,S);case"ifx-breadcrumb-item-label":return T(()=>import("./ifx-breadcrumb-item-label.entry-DsVtpkOm.js"),[],import.meta.url).then(s,S);case"ifx-card":return T(()=>import("./ifx-card.entry-BA3Tro8K.js"),[],import.meta.url).then(s,S);case"ifx-card-headline":return T(()=>import("./ifx-card-headline.entry-CHLguVrm.js"),[],import.meta.url).then(s,S);case"ifx-card-image":return T(()=>import("./ifx-card-image.entry-RCp57TIh.js"),[],import.meta.url).then(s,S);case"ifx-card-links":return T(()=>import("./ifx-card-links.entry-C0_CgSNW.js"),[],import.meta.url).then(s,S);case"ifx-card-overline":return T(()=>import("./ifx-card-overline.entry-gmU_M1_X.js"),[],import.meta.url).then(s,S);case"ifx-card-text":return T(()=>import("./ifx-card-text.entry-DyZu2zDa.js"),[],import.meta.url).then(s,S);case"ifx-content-switcher":return T(()=>import("./ifx-content-switcher.entry-Eu3ea8vn.js"),[],import.meta.url).then(s,S);case"ifx-content-switcher-item":return T(()=>import("./ifx-content-switcher-item.entry-Dom8eCve.js"),[],import.meta.url).then(s,S);case"ifx-date-picker":return T(()=>import("./ifx-date-picker.entry-C64UV_cf.js"),[],import.meta.url).then(s,S);case"ifx-dropdown":return T(()=>import("./ifx-dropdown.entry-DTDbXL6r.js"),__vite__mapDeps([3,4]),import.meta.url).then(s,S);case"ifx-dropdown-header":return T(()=>import("./ifx-dropdown-header.entry-Cfwq5e3_.js"),[],import.meta.url).then(s,S);case"ifx-dropdown-item":return T(()=>import("./ifx-dropdown-item.entry-C5eU6iHX.js"),[],import.meta.url).then(s,S);case"ifx-dropdown-menu":return T(()=>import("./ifx-dropdown-menu.entry-EogxZaA8.js"),[],import.meta.url).then(s,S);case"ifx-dropdown-trigger":return T(()=>import("./ifx-dropdown-trigger.entry-CZ40zTgS.js"),[],import.meta.url).then(s,S);case"ifx-dropdown-trigger-button":return T(()=>import("./ifx-dropdown-trigger-button.entry-Cb9ErPe2.js"),[],import.meta.url).then(s,S);case"ifx-faq":return T(()=>import("./ifx-faq.entry-CEaCeKB7.js"),[],import.meta.url).then(s,S);case"ifx-filter-accordion":return T(()=>import("./ifx-filter-accordion.entry-DncdnFze.js"),[],import.meta.url).then(s,S);case"ifx-filter-bar":return T(()=>import("./ifx-filter-bar.entry-CF1XEABV.js"),[],import.meta.url).then(s,S);case"ifx-filter-search":return T(()=>import("./ifx-filter-search.entry-Z_fMb0-x.js"),[],import.meta.url).then(s,S);case"ifx-filter-type-group":return T(()=>import("./ifx-filter-type-group.entry-CouTFUtG.js"),[],import.meta.url).then(s,S);case"ifx-footer":return T(()=>import("./ifx-footer.entry-B-WKmVyy.js"),[],import.meta.url).then(s,S);case"ifx-footer-column":return T(()=>import("./ifx-footer-column.entry-BS5eD4nr.js"),[],import.meta.url).then(s,S);case"ifx-icons-preview":return T(()=>import("./ifx-icons-preview.entry-BDepkT-z.js"),__vite__mapDeps([5,6]),import.meta.url).then(s,S);case"ifx-list":return T(()=>import("./ifx-list.entry-CoLOsqkC.js"),[],import.meta.url).then(s,S);case"ifx-list-entry":return T(()=>import("./ifx-list-entry.entry-Dg1ujNhR.js"),[],import.meta.url).then(s,S);case"ifx-modal":return T(()=>import("./ifx-modal.entry-DXx2YuAk.js"),[],import.meta.url).then(s,S);case"ifx-navbar":return T(()=>import("./ifx-navbar.entry-L7Lerhsi.js"),[],import.meta.url).then(s,S);case"ifx-navbar-item":return T(()=>import("./ifx-navbar-item.entry-BY6oTQwO.js"),[],import.meta.url).then(s,S);case"ifx-navbar-profile":return T(()=>import("./ifx-navbar-profile.entry-f6Xbflbc.js"),[],import.meta.url).then(s,S);case"ifx-notification":return T(()=>import("./ifx-notification.entry-D0arTKbQ.js"),[],import.meta.url).then(s,S);case"ifx-overview-table":return T(()=>import("./ifx-overview-table.entry-BbnJKUfO.js"),[],import.meta.url).then(s,S);case"ifx-progress-bar":return T(()=>import("./ifx-progress-bar.entry-UPpdMgw8.js"),[],import.meta.url).then(s,S);case"ifx-search-bar":return T(()=>import("./ifx-search-bar.entry-BNomWBxj.js"),[],import.meta.url).then(s,S);case"ifx-segment":return T(()=>import("./ifx-segment.entry-DZb7DhcH.js"),[],import.meta.url).then(s,S);case"ifx-segmented-control":return T(()=>import("./ifx-segmented-control.entry-Dz9SPyy6.js"),[],import.meta.url).then(s,S);case"ifx-set-filter":return T(()=>import("./ifx-set-filter.entry-ChlajaUk.js"),[],import.meta.url).then(s,S);case"ifx-sidebar":return T(()=>import("./ifx-sidebar.entry-HlVQq8P-.js"),[],import.meta.url).then(s,S);case"ifx-sidebar-item":return T(()=>import("./ifx-sidebar-item.entry-lfoddTSF.js"),[],import.meta.url).then(s,S);case"ifx-sidebar-title":return T(()=>import("./ifx-sidebar-title.entry-B0Xyv-bx.js"),[],import.meta.url).then(s,S);case"ifx-slider":return T(()=>import("./ifx-slider.entry-f1HO9LxI.js"),[],import.meta.url).then(s,S);case"ifx-spinner":return T(()=>import("./ifx-spinner.entry-DGIzcTsu.js"),__vite__mapDeps([7,2]),import.meta.url).then(s,S);case"ifx-status":return T(()=>import("./ifx-status.entry-CG0tht18.js"),[],import.meta.url).then(s,S);case"ifx-step":return T(()=>import("./ifx-step.entry-D88sLIiQ.js"),[],import.meta.url).then(s,S);case"ifx-stepper":return T(()=>import("./ifx-stepper.entry-Bhk9wtq5.js"),[],import.meta.url).then(s,S);case"ifx-switch":return T(()=>import("./ifx-switch.entry-BYxw7Om-.js"),[],import.meta.url).then(s,S);case"ifx-tab":return T(()=>import("./ifx-tab.entry-D4PSkdOP.js"),[],import.meta.url).then(s,S);case"ifx-table":return T(()=>import("./ifx-table.entry-D4qenp2j.js"),__vite__mapDeps([8,2,1]),import.meta.url).then(s,S);case"ifx-tabs":return T(()=>import("./ifx-tabs.entry-CnZMUrEV.js"),[],import.meta.url).then(s,S);case"ifx-tag":return T(()=>import("./ifx-tag.entry-BSgQGwmF.js"),[],import.meta.url).then(s,S);case"ifx-textarea":return T(()=>import("./ifx-textarea.entry-CF3yuG4a.js"),[],import.meta.url).then(s,S);case"ifx-tooltip":return T(()=>import("./ifx-tooltip.entry-BK5SdKZr.js"),__vite__mapDeps([9,4]),import.meta.url).then(s,S);case"ifx-accordion_2":return T(()=>import("./ifx-accordion_2.entry-D9AKMZkI.js"),[],import.meta.url).then(s,S);case"ifx-chip_3":return T(()=>import("./ifx-chip_3.entry-Dz-RiXBo.js"),[],import.meta.url).then(s,S);case"ifx-multiselect_2":return T(()=>import("./ifx-multiselect_2.entry-BT6gvWvs.js"),[],import.meta.url).then(s,S);case"ifx-radio-button":return T(()=>import("./ifx-radio-button.entry-Cl83aGzp.js"),[],import.meta.url).then(s,S);case"ifx-dropdown-separator":return T(()=>import("./ifx-dropdown-separator.entry-DKazQvCG.js"),[],import.meta.url).then(s,S);case"ifx-search-field":return T(()=>import("./ifx-search-field.entry-CxKA2MF-.js"),__vite__mapDeps([10,2]),import.meta.url).then(s,S);case"ifx-button":return T(()=>import("./ifx-button.entry-Cq48z07D.js"),__vite__mapDeps([11,2]),import.meta.url).then(s,S);case"ifx-icon-button":return T(()=>import("./ifx-icon-button.entry-Z1wJoxH0.js"),__vite__mapDeps([12,2]),import.meta.url).then(s,S);case"ifx-link":return T(()=>import("./ifx-link.entry-Crev-rMc.js"),__vite__mapDeps([13,2]),import.meta.url).then(s,S);case"ifx-select":return T(()=>import("./ifx-select.entry-C4J2KfiX.js"),[],import.meta.url).then(s,S);case"ifx-checkbox":return T(()=>import("./ifx-checkbox.entry-GA_TYA9y.js"),[],import.meta.url).then(s,S);case"ifx-number-indicator":return T(()=>import("./ifx-number-indicator.entry-dqrF18qG.js"),[],import.meta.url).then(s,S);case"ifx-icon":return T(()=>import("./ifx-icon.entry-J4PDkDe-.js"),__vite__mapDeps([14,6]),import.meta.url).then(s,S)}}return T(()=>import(`./${r}.entry.js`),[],import.meta.url).then(s=>(zn.set(r,s),s[i]),S)},gn=new Map,Ff="{visibility:hidden}.hydrated{visibility:inherit}",Fl="slot-fb{display:contents}slot-fb[hidden]{display:none}",vr="http://www.w3.org/1999/xlink",Nf=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],wt=typeof window<"u"?window:{},ae=wt.document||{head:{}};wt.HTMLElement;var ee={$flags$:0,$resourcesUrl$:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,i)=>e.addEventListener(t,n,i),rel:(e,t,n,i)=>e.removeEventListener(t,n,i),ce:(e,t)=>new CustomEvent(e,t)},Hf=Gt.shadowDom,Bf=(()=>{let e=!1;try{ae.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=!0}}))}catch{}return e})(),Vf=e=>Promise.resolve(e),Nl=(()=>{try{return new CSSStyleSheet,typeof new CSSStyleSheet().replaceSync=="function"}catch{}return!1})(),ii=!1,_r=[],Hl=[],jf=(e,t)=>n=>{e.push(n),ii||(ii=!0,ee.$flags$&4?Li(ri):ee.raf(ri))},$r=e=>{for(let t=0;t{$r(_r),$r(Hl),(ii=_r.length>0)&&ee.raf(ri)},Li=e=>Vf().then(e),zf=jf(Hl),yr={},Uf="http://www.w3.org/2000/svg",qf="http://www.w3.org/1999/xhtml",Pi=e=>(e=typeof e,e==="object"||e==="function");function Bl(e){var t,n,i;return(i=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?i:void 0}var Wf={};Rf(Wf,{err:()=>Vl,map:()=>Kf,ok:()=>li,unwrap:()=>Gf,unwrapErr:()=>Jf});var li=e=>({isOk:!0,isErr:!1,value:e}),Vl=e=>({isOk:!1,isErr:!0,value:e});function Kf(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then(i=>li(i)):li(n)}if(e.isErr){const n=e.value;return Vl(n)}throw"should never get here"}var Gf=e=>{if(e.isOk)return e.value;throw e.value},Jf=e=>{if(e.isErr)return e.value;throw e.value},Yf=(e,t,...n)=>{let i=null,r=null,l=null,s=!1,a=!1;const u=[],c=m=>{for(let h=0;hm[h]).join(" "))}}const f=si(e,null);return f.$attrs$=t,u.length>0&&(f.$children$=u),f.$key$=r,f.$name$=l,f},si=(e,t)=>{const n={$flags$:0,$tag$:e,$text$:t,$elm$:null,$children$:null};return n.$attrs$=null,n.$key$=null,n.$name$=null,n},Xf={},Qf=e=>e&&e.$tag$===Xf,wr=(e,t,n,i,r,l)=>{if(n!==i){let s=xr(e,t),a=t.toLowerCase();if(t==="class"){const u=e.classList,c=Sr(n),f=Sr(i);e["s-si"]&&f.indexOf(e["s-si"])<0&&f.push(e["s-si"]),u.remove(...c.filter(m=>m&&!f.includes(m))),u.add(...f.filter(m=>m&&!c.includes(m)))}else if(t==="style"){for(const u in n)(!i||i[u]==null)&&(u.includes("-")?e.style.removeProperty(u):e.style[u]="");for(const u in i)(!n||i[u]!==n[u])&&(u.includes("-")?e.style.setProperty(u,i[u]):e.style[u]=i[u])}else if(t!=="key")if(t==="ref")i&&i(e);else if(!s&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"?t=t.slice(3):xr(wt,a)?t=a.slice(2):t=a[2]+t.slice(3),n||i){const u=t.endsWith(jl);t=t.replace(ec,""),n&&ee.rel(e,t,n,u),i&&ee.ael(e,t,i,u)}}else{const u=Pi(i);if((s||u&&i!==null)&&!r)try{if(e.tagName.includes("-"))e[t]=i;else{const f=i??"";t==="list"?s=!1:(n==null||e[t]!=f)&&(typeof e.__lookupSetter__(t)=="function"?e[t]=f:e.setAttribute(t,f))}}catch{}let c=!1;a!==(a=a.replace(/^xlink\:?/,""))&&(t=a,c=!0),i==null||i===!1?(i!==!1||e.getAttribute(t)==="")&&(c?e.removeAttributeNS(vr,t):e.removeAttribute(t)):(!s||l&4||r)&&!u&&(i=i===!0?"":i,c?e.setAttributeNS(vr,t,i):e.setAttribute(t,i))}}},Zf=/\s/,Sr=e=>e?e.split(Zf):[],jl="Capture",ec=new RegExp(jl+"$"),zl=(e,t,n)=>{const i=t.$elm$.nodeType===11&&t.$elm$.host?t.$elm$.host:t.$elm$,r=e&&e.$attrs$||yr,l=t.$attrs$||yr;for(const s of Ir(Object.keys(r)))s in l||wr(i,s,r[s],void 0,n,t.$flags$);for(const s of Ir(Object.keys(l)))wr(i,s,r[s],l[s],n,t.$flags$)};function Ir(e){return e.includes("ref")?[...e.filter(t=>t!=="ref"),"ref"]:e}var oi,ai,kn,bn=!1,xn=!1,Ai=!1,$e=!1,vn=(e,t,n,i)=>{var r;const l=t.$children$[n];let s=0,a,u,c;if(bn||(Ai=!0,l.$tag$==="slot"&&(oi&&i.classList.add(oi+"-s"),l.$flags$|=l.$children$?2:1)),l.$text$!==null)a=l.$elm$=ae.createTextNode(l.$text$);else if(l.$flags$&1)a=l.$elm$=ae.createTextNode("");else{if($e||($e=l.$tag$==="svg"),a=l.$elm$=ae.createElementNS($e?Uf:qf,!bn&&Gt.slotRelocation&&l.$flags$&2?"slot-fb":l.$tag$),$e&&l.$tag$==="foreignObject"&&($e=!1),zl(null,l,$e),a.getRootNode().querySelector("body"),l.$children$)for(s=0;s{ee.$flags$|=1;const n=Array.from(e.__childNodes||e.childNodes);e["s-sr"]&&Gt.experimentalSlotFixes;for(let i=n.length-1;i>=0;i--){const r=n[i];r["s-hn"]!==kn&&r["s-ol"]&&(Xe(Wl(r),r,Ri(r)),r["s-ol"].remove(),r["s-ol"]=void 0,r["s-sh"]=void 0,Ai=!0),t&&zt(r,t)}ee.$flags$&=-2},Ul=(e,t,n,i,r,l)=>{let s=e["s-cr"]&&e["s-cr"].parentNode||e,a;for(s.shadowRoot&&s.tagName===kn&&(s=s.shadowRoot);r<=l;++r)i[r]&&(a=vn(null,n,r,e),a&&(i[r].$elm$=a,Xe(s,a,Ri(t))))},ql=(e,t,n)=>{for(let i=t;i<=n;++i){const r=e[i];if(r){const l=r.$elm$;Jl(r),l&&(xn=!0,l["s-ol"]?l["s-ol"].remove():zt(l,!0),l.remove())}}},tc=(e,t,n,i,r=!1)=>{let l=0,s=0,a=0,u=0,c=t.length-1,f=t[0],m=t[c],h=i.length-1,b=i[0],C=i[h],k,j;for(;l<=c&&s<=h;)if(f==null)f=t[++l];else if(m==null)m=t[--c];else if(b==null)b=i[++s];else if(C==null)C=i[--h];else if(rn(f,b,r))gt(f,b,r),f=t[++l],b=i[++s];else if(rn(m,C,r))gt(m,C,r),m=t[--c],C=i[--h];else if(rn(f,C,r))(f.$tag$==="slot"||C.$tag$==="slot")&&zt(f.$elm$.parentNode,!1),gt(f,C,r),Xe(e,f.$elm$,m.$elm$.nextSibling),f=t[++l],C=i[--h];else if(rn(m,b,r))(f.$tag$==="slot"||C.$tag$==="slot")&&zt(m.$elm$.parentNode,!1),gt(m,b,r),Xe(e,m.$elm$,f.$elm$),m=t[--c],b=i[++s];else{for(a=-1,u=l;u<=c;++u)if(t[u]&&t[u].$key$!==null&&t[u].$key$===b.$key$){a=u;break}a>=0?(j=t[a],j.$tag$!==b.$tag$?k=vn(t&&t[s],n,a,e):(gt(j,b,r),t[a]=void 0,k=j.$elm$),b=i[++s]):(k=vn(t&&t[s],n,s,e),b=i[++s]),k&&Xe(Wl(f.$elm$),k,Ri(f.$elm$))}l>c?Ul(e,i[h+1]==null?null:i[h+1].$elm$,n,i,s,h):s>h&&ql(t,l,c)},rn=(e,t,n=!1)=>e.$tag$===t.$tag$?e.$tag$==="slot"?"$nodeId$"in e&&n&&e.$elm$.nodeType!==8?!1:e.$name$===t.$name$:n?!0:e.$key$===t.$key$:!1,Ri=e=>e&&e["s-ol"]||e,Wl=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,gt=(e,t,n=!1)=>{const i=t.$elm$=e.$elm$,r=e.$children$,l=t.$children$,s=t.$tag$,a=t.$text$;let u;a===null?($e=s==="svg"?!0:s==="foreignObject"?!1:$e,s==="slot"&&!bn||zl(e,t,$e),r!==null&&l!==null?tc(i,r,t,l,n):l!==null?(e.$text$!==null&&(i.textContent=""),Ul(i,null,t,l,0,l.length-1)):!n&&Gt.updatable&&r!==null&&ql(r,0,r.length-1),$e&&s==="svg"&&($e=!1)):(u=i["s-cr"])?u.parentNode.textContent=a:e.$text$!==a&&(i.data=a)},Kl=e=>{const t=e.__childNodes||e.childNodes;for(const n of t)if(n.nodeType===1){if(n["s-sr"]){const i=n["s-sn"];n.hidden=!1;for(const r of t)if(r!==n){if(r["s-hn"]!==n["s-hn"]||i!==""){if(r.nodeType===1&&(i===r.getAttribute("slot")||i===r["s-sn"])||r.nodeType===3&&i===r["s-sn"]){n.hidden=!0;break}}else if(i===r["s-sn"]&&(r.nodeType===1||r.nodeType===3&&r.textContent.trim()!=="")){n.hidden=!0;break}}}Kl(n)}},Be=[],Gl=e=>{let t,n,i;const r=e.__childNodes||e.childNodes;for(const l of r){if(l["s-sr"]&&(t=l["s-cr"])&&t.parentNode){n=t.parentNode.__childNodes||t.parentNode.childNodes;const s=l["s-sn"];for(i=n.length-1;i>=0;i--)if(t=n[i],!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==l["s-hn"])if(Tr(t,s)){let a=Be.find(u=>u.$nodeToRelocate$===t);xn=!0,t["s-sn"]=t["s-sn"]||s,a?(a.$nodeToRelocate$["s-sh"]=l["s-hn"],a.$slotRefNode$=l):(t["s-sh"]=l["s-hn"],Be.push({$slotRefNode$:l,$nodeToRelocate$:t})),t["s-sr"]&&Be.map(u=>{Tr(u.$nodeToRelocate$,t["s-sn"])&&(a=Be.find(c=>c.$nodeToRelocate$===t),a&&!u.$slotRefNode$&&(u.$slotRefNode$=a.$slotRefNode$))})}else Be.some(a=>a.$nodeToRelocate$===t)||Be.push({$nodeToRelocate$:t})}l.nodeType===1&&Gl(l)}},Tr=(e,t)=>e.nodeType===1?e.getAttribute("slot")===null&&t===""||e.getAttribute("slot")===t:e["s-sn"]===t?!0:t==="",Jl=e=>{e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(null),e.$children$&&e.$children$.map(Jl)},Xe=(e,t,n)=>e==null?void 0:e.insertBefore(t,n),nc=(e,t,n=!1)=>{var i,r,l,s;const a=e.$hostElement$,u=e.$cmpMeta$,c=e.$vnode$||si(null,null),f=Qf(t)?t:Yf(null,null,t);if(kn=a.tagName,u.$attrsToReflect$&&(f.$attrs$=f.$attrs$||{},u.$attrsToReflect$.map(([m,h])=>f.$attrs$[h]=a[m])),n&&f.$attrs$)for(const m of Object.keys(f.$attrs$))a.hasAttribute(m)&&!["key","ref","style","class"].includes(m)&&(f.$attrs$[m]=a[m]);f.$tag$=null,f.$flags$|=4,e.$vnode$=f,f.$elm$=c.$elm$=a.shadowRoot||a,oi=a["s-sc"],bn=(u.$flags$&1)!==0,ai=a["s-cr"],xn=!1,gt(c,f,n);{if(ee.$flags$|=1,Ai){Gl(f.$elm$);for(const m of Be){const h=m.$nodeToRelocate$;if(!h["s-ol"]){const b=ae.createTextNode("");b["s-nr"]=h,Xe(h.parentNode,h["s-ol"]=b,h)}}for(const m of Be){const h=m.$nodeToRelocate$,b=m.$slotRefNode$;if(b){const C=b.parentNode;let k=b.nextSibling;{let j=(i=h["s-ol"])==null?void 0:i.previousSibling;for(;j;){let O=(r=j["s-nr"])!=null?r:null;if(O&&O["s-sn"]===h["s-sn"]&&C===O.parentNode){for(O=O.nextSibling;O===h||O!=null&&O["s-sr"];)O=O==null?void 0:O.nextSibling;if(!O||!O["s-nr"]){k=O;break}}j=j.previousSibling}}(!k&&C!==h.parentNode||h.nextSibling!==k)&&h!==k&&(!h["s-hn"]&&h["s-ol"]&&(h["s-hn"]=h["s-ol"].parentNode.nodeName),Xe(C,h,k),h.nodeType===1&&(h.hidden=(l=h["s-ih"])!=null?l:!1)),h&&typeof b["s-rf"]=="function"&&b["s-rf"](h)}else h.nodeType===1&&(n&&(h["s-ih"]=(s=h.hidden)!=null?s:!1),h.hidden=!0)}}xn&&Kl(f.$elm$),ee.$flags$&=-2,Be.length=0}ai=void 0},ic=e=>{const t=e.cloneNode;e.cloneNode=function(n){const i=this,r=i.shadowRoot&&Hf,l=t.call(i,r?n:!1);if(!r&&n){let s=0,a,u;const c=["s-id","s-cr","s-lr","s-rc","s-sc","s-p","s-cn","s-sr","s-sn","s-hn","s-ol","s-nr","s-si","s-rf","s-scs"],f=this.__childNodes||this.childNodes;for(;s!f[s][m]),a&&l.appendChild(a.cloneNode(!0)),u&&l.appendChild(f[s].cloneNode(!0))}return l}},Ue=(e,t="")=>()=>{},rc=(e,t)=>()=>{},ui=(e,t)=>e!=null&&!Pi(e)?t&4?e==="false"?!1:e===""||!!e:t&2?parseFloat(e):t&1?String(e):e:e,lc=e=>we(e).$hostElement$,kc=(e,t,n)=>{const i=lc(e);return{emit:r=>Yl(i,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:r})}},Yl=(e,t,n)=>{const i=ee.ce(t,n);return e.dispatchEvent(i),i},Er=new WeakMap,sc=(e,t,n)=>{let i=gn.get(e);Nl&&n?(i=i||new CSSStyleSheet,typeof i=="string"?i=t:i.replaceSync(t)):i=t,gn.set(e,i)},oc=(e,t,n)=>{var i;const r=Xl(t),l=gn.get(r);if(e=e.nodeType===11?e:ae,l)if(typeof l=="string"){e=e.head||e;let s=Er.get(e),a;if(s||Er.set(e,s=new Set),!s.has(r)){{a=ae.createElement("style"),a.innerHTML=l;const u=(i=ee.$nonce$)!=null?i:Bl(ae);if(u!=null&&a.setAttribute("nonce",u),!(t.$flags$&1))if(e.nodeName==="HEAD"){const c=e.querySelectorAll("link[rel=preconnect]"),f=c.length>0?c[c.length-1].nextSibling:e.querySelector("style");e.insertBefore(a,f)}else if("host"in e)if(Nl){const c=new CSSStyleSheet;c.replaceSync(l),e.adoptedStyleSheets=[c,...e.adoptedStyleSheets]}else{const c=e.querySelector("style");c?c.innerHTML=l+c.innerHTML:e.prepend(a)}else e.append(a);t.$flags$&1&&e.nodeName!=="HEAD"&&e.insertBefore(a,null)}t.$flags$&4&&(a.innerHTML+=Fl),s&&s.add(r)}}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return r},ac=e=>{const t=e.$cmpMeta$,n=e.$hostElement$,i=t.$flags$,r=Ue("attachStyles",t.$tagName$),l=oc(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);i&10&&i&2&&(n["s-sc"]=l,n.classList.add(l+"-h")),r()},Xl=(e,t)=>"sc-"+e.$tagName$,Ql=(e,t)=>{t&&!e.$onRenderResolve$&&t["s-p"]&&t["s-p"].push(new Promise(n=>e.$onRenderResolve$=n))},Di=(e,t)=>{if(e.$flags$|=16,e.$flags$&4){e.$flags$|=512;return}return Ql(e,e.$ancestorComponent$),zf(()=>uc(e,t))},uc=(e,t)=>{const n=e.$hostElement$,i=Ue("scheduleUpdate",e.$cmpMeta$.$tagName$),r=e.$lazyInstance$;if(!r)throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return t?(e.$flags$|=256,e.$queuedListeners$&&(e.$queuedListeners$.map(([s,a])=>ze(r,s,a)),e.$queuedListeners$=void 0),l=ze(r,"componentWillLoad")):l=ze(r,"componentWillUpdate"),l=Cr(l,()=>ze(r,"componentWillRender")),i(),Cr(l,()=>cc(e,r,t))},Cr=(e,t)=>fc(e)?e.then(t).catch(n=>{console.error(n),t()}):t(),fc=e=>e instanceof Promise||e&&e.then&&typeof e.then=="function",cc=async(e,t,n)=>{var i;const r=e.$hostElement$,l=Ue("update",e.$cmpMeta$.$tagName$),s=r["s-rc"];n&&ac(e);const a=Ue("render",e.$cmpMeta$.$tagName$);dc(e,t,r,n),s&&(s.map(u=>u()),r["s-rc"]=void 0),a(),l();{const u=(i=r["s-p"])!=null?i:[],c=()=>pc(e);u.length===0?c():(Promise.all(u).then(c),e.$flags$|=4,u.length=0)}},dc=(e,t,n,i)=>{try{t=t.render(),e.$flags$&=-17,e.$flags$|=2,nc(e,t,i)}catch(r){S(r,e.$hostElement$)}return null},pc=e=>{const t=e.$cmpMeta$.$tagName$,n=e.$hostElement$,i=Ue("postUpdate",t),r=e.$lazyInstance$,l=e.$ancestorComponent$;ze(r,"componentDidRender"),e.$flags$&64?(ze(r,"componentDidUpdate"),i()):(e.$flags$|=64,es(n),ze(r,"componentDidLoad"),i(),e.$onReadyResolve$(n),l||Zl()),e.$onInstanceResolve$(n),e.$onRenderResolve$&&(e.$onRenderResolve$(),e.$onRenderResolve$=void 0),e.$flags$&512&&Li(()=>Di(e,!1)),e.$flags$&=-517},Zl=e=>{es(ae.documentElement),Li(()=>Yl(wt,"appload",{detail:{namespace:Pf}}))},ze=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(i){S(i)}},es=e=>{var t;return e.classList.add((t=Gt.hydratedSelectorName)!=null?t:"hydrated")},mc=(e,t)=>we(e).$instanceValues$.get(t),Un=(e,t,n,i)=>{const r=we(e);if(!r)throw new Error(`Couldn't find host element for "${i.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const l=r.$hostElement$,s=r.$instanceValues$.get(t),a=r.$flags$,u=r.$lazyInstance$;n=ui(n,i.$members$[t][0]);const c=Number.isNaN(s)&&Number.isNaN(n),f=n!==s&&!c;if((!(a&8)||s===void 0)&&f&&(r.$instanceValues$.set(t,n),u)){if(i.$watchers$&&a&128){const m=i.$watchers$[t];m&&m.map(h=>{try{u[h](n,s,t)}catch(b){S(b,l)}})}(a&18)===2&&Di(r,!1)}},ts=(e,t,n)=>{var i,r;const l=e.prototype;if(t.$flags$&64&&n&1&&Nf.forEach(s=>{Object.defineProperty(l,s,{value(...a){const u=we(this),c=u.$lazyInstance$;if(!c)u.$onReadyPromise$.then(f=>{const m=f[s];typeof m=="function"&&m.call(f,...a)});else{const f=c[s];typeof f=="function"&&f.call(c,...a)}}})}),t.$members$||t.$watchers$||e.watchers){e.watchers&&!t.$watchers$&&(t.$watchers$=e.watchers);const s=Object.entries((i=t.$members$)!=null?i:{});if(s.map(([a,[u]])=>{if(u&31||n&2&&u&32){if(!(u&2048))Object.defineProperty(l,a,{get(){return mc(this,a)},set(c){Un(this,a,c,t)},configurable:!0,enumerable:!0});else if(n&1&&u&2048&&(Object.defineProperty(l,a,{get(){const c=we(this),f=c?c.$lazyInstance$:l;if(f)return f[a]},configurable:!0,enumerable:!0}),u&4096)){const c=Object.getOwnPropertyDescriptor(l,a).set;Object.defineProperty(l,a,{set(f){const m=we(this);if(c){const b=m.$hostElement$[a];!m.$instanceValues$.get(a)&&b&&m.$instanceValues$.set(a,b),c.apply(this,[ui(f,t.$members$[a][0])]),Un(this,a,m.$hostElement$[a],t);return}if(!m)return;const h=()=>{const b=m.$lazyInstance$[a];!m.$instanceValues$.get(a)&&b&&m.$instanceValues$.set(a,b),m.$lazyInstance$[a]=ui(f,t.$members$[a][0]),Un(this,a,m.$lazyInstance$[a],t)};m.$lazyInstance$?h():m.$onReadyPromise$.then(()=>h())}})}}else n&1&&u&64&&Object.defineProperty(l,a,{value(...c){var f;const m=we(this);return(f=m==null?void 0:m.$onInstancePromise$)==null?void 0:f.then(()=>{var h;return(h=m.$lazyInstance$)==null?void 0:h[a](...c)})}})}),n&1){const a=new Map;l.attributeChangedCallback=function(u,c,f){ee.jmp(()=>{var m;const h=a.get(u);if(this.hasOwnProperty(h))f=this[h],delete this[h];else{if(l.hasOwnProperty(h)&&typeof this[h]=="number"&&this[h]==f)return;if(h==null){const C=we(this),k=C==null?void 0:C.$flags$;if(k&&!(k&8)&&k&128&&f!==c){const j=C.$lazyInstance$,O=(m=t.$watchers$)==null?void 0:m[u];O==null||O.forEach(z=>{j[z]!=null&&j[z].call(j,f,c,u)})}return}}const b=Object.getOwnPropertyDescriptor(l,h);(!b.get||b.set)&&(this[h]=f===null&&typeof this[h]=="boolean"?!1:f)})},e.observedAttributes=Array.from(new Set([...Object.keys((r=t.$watchers$)!=null?r:{}),...s.filter(([u,c])=>c[0]&15).map(([u,c])=>{var f;const m=c[1]||u;return a.set(m,u),c[0]&512&&((f=t.$attrsToReflect$)==null||f.push([u,m])),m})]))}}return e},hc=async(e,t,n,i)=>{let r;if(!(t.$flags$&32)){if(t.$flags$|=32,n.$lazyBundleId$){const u=Mf(n);if(u&&"then"in u){const f=rc();r=await u,f()}else r=u;if(!r)throw new Error(`Constructor for "${n.$tagName$}#${t.$modeName$}" was not found`);r.isProxied||(n.$watchers$=r.watchers,ts(r,n,2),r.isProxied=!0);const c=Ue("createInstance",n.$tagName$);t.$flags$|=8;try{new r(t)}catch(f){S(f)}t.$flags$&=-9,t.$flags$|=128,c(),fi(t.$lazyInstance$)}else{r=e.constructor;const u=e.localName;customElements.whenDefined(u).then(()=>t.$flags$|=128)}if(r&&r.style){let u;typeof r.style=="string"&&(u=r.style);const c=Xl(n);if(!gn.has(c)){const f=Ue("registerStyles",n.$tagName$);sc(c,u,!!(n.$flags$&1)),f()}}}const l=t.$ancestorComponent$,s=()=>Di(t,!0);l&&l["s-rc"]?l["s-rc"].push(s):s()},fi=e=>{ze(e,"connectedCallback")},gc=e=>{if(!(ee.$flags$&1)){const t=we(e),n=t.$cmpMeta$,i=Ue("connectedCallback",n.$tagName$);if(t.$flags$&1)ns(e,t,n.$listeners$),t!=null&&t.$lazyInstance$?fi(t.$lazyInstance$):t!=null&&t.$onReadyPromise$&&t.$onReadyPromise$.then(()=>fi(t.$lazyInstance$));else{t.$flags$|=1,n.$flags$&12&&bc(e);{let r=e;for(;r=r.parentNode||r.host;)if(r["s-p"]){Ql(t,t.$ancestorComponent$=r);break}}n.$members$&&Object.entries(n.$members$).map(([r,[l]])=>{if(l&31&&e.hasOwnProperty(r)){const s=e[r];delete e[r],e[r]=s}}),hc(e,t,n)}i()}},bc=e=>{const t=e["s-cr"]=ae.createComment("");t["s-cn"]=!0,Xe(e,t,e.firstChild)},kr=e=>{ze(e,"disconnectedCallback")},xc=async e=>{if(!(ee.$flags$&1)){const t=we(e);t.$rmListeners$&&(t.$rmListeners$.map(n=>n()),t.$rmListeners$=void 0),t!=null&&t.$lazyInstance$?kr(t.$lazyInstance$):t!=null&&t.$onReadyPromise$&&t.$onReadyPromise$.then(()=>kr(t.$lazyInstance$))}},vc=(e,t={})=>{var n;const i=Ue(),r=[],l=t.exclude||[],s=wt.customElements,a=ae.head,u=a.querySelector("meta[charset]"),c=ae.createElement("style"),f=[];let m,h=!0;Object.assign(ee,t),ee.$resourcesUrl$=new URL(t.resourcesUrl||"./",ae.baseURI).href;let b=!1;if(e.map(C=>{C[1].map(k=>{var j;const O={$flags$:k[0],$tagName$:k[1],$members$:k[2],$listeners$:k[3]};O.$flags$&4&&(b=!0),O.$members$=k[2],O.$listeners$=k[3],O.$attrsToReflect$=[],O.$watchers$=(j=k[4])!=null?j:{};const z=O.$tagName$,J=class extends HTMLElement{constructor(L){if(super(L),this.hasRegisteredEventListeners=!1,L=this,Df(L,O),O.$flags$&1){if(!L.shadowRoot)L.attachShadow({mode:"open",delegatesFocus:!!(O.$flags$&16)});else if(L.shadowRoot.mode!=="open")throw new Error(`Unable to re-use existing shadow root for ${O.$tagName$}! Mode is set to ${L.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}connectedCallback(){const L=we(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,ns(this,L,O.$listeners$)),m&&(clearTimeout(m),m=null),h?f.push(this):ee.jmp(()=>gc(this))}disconnectedCallback(){ee.jmp(()=>xc(this))}componentOnReady(){return we(this).$onReadyPromise$}};ic(J.prototype),O.$flags$&64&&(J.formAssociated=!0),O.$lazyBundleId$=C[0],!l.includes(z)&&!s.get(z)&&(r.push(z),s.define(z,ts(J,O,1)))})}),r.length>0&&(b&&(c.textContent+=Fl),c.textContent+=r.sort()+Ff,c.innerHTML.length)){c.setAttribute("data-styles","");const C=(n=ee.$nonce$)!=null?n:Bl(ae);C!=null&&c.setAttribute("nonce",C),a.insertBefore(c,u?u.nextSibling:a.firstChild)}h=!1,f.length?f.map(C=>C.connectedCallback()):ee.jmp(()=>m=setTimeout(Zl,30)),i()},ns=(e,t,n,i)=>{n&&n.map(([r,l,s])=>{const a=$c(e,r),u=_c(t,s),c=yc(r);ee.ael(a,l,u,c),(t.$rmListeners$=t.$rmListeners$||[]).push(()=>ee.rel(a,l,u,c))})},_c=(e,t)=>n=>{var i;try{e.$flags$&256?(i=e.$lazyInstance$)==null||i[t](n):(e.$queuedListeners$=e.$queuedListeners$||[]).push([t,n])}catch(r){S(r)}},$c=(e,t)=>t&4?ae:t&8?wt:t&16?ae.body:e,yc=e=>Bf?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;const wc=()=>{},Sc=async(e,t)=>{if(!(typeof window>"u"))return await wc(),vc(JSON.parse('[["ifx-table",[[1,"ifx-table",{"cols":[8],"rows":[8],"buttonRendererOptions":[16],"rowHeight":[1,"row-height"],"tableHeight":[1,"table-height"],"pagination":[4],"paginationPageSize":[2,"pagination-page-size"],"filterOrientation":[1,"filter-orientation"],"showLoading":[4,"show-loading"],"currentPage":[32],"rowData":[32],"colData":[32],"filterOptions":[32],"currentFilters":[32],"uniqueKey":[32],"showSidebarFilters":[32],"matchingResultsCount":[32],"onBtShowLoading":[64]},[[0,"ifxChipChange","handleChipChange"]],{"buttonRendererOptions":["onButtonRendererOptionsChanged"]}]]],["ifx-set-filter",[[1,"ifx-set-filter",{"filterName":[1,"filter-name"],"filterLabel":[1,"filter-label"],"placeholder":[1],"type":[1],"options":[1],"filterValues":[32]}]]],["ifx-faq",[[1,"ifx-faq"]]],["ifx-list-entry",[[1,"ifx-list-entry",{"value":[1028],"label":[1],"type":[1]},[[0,"ifxChange","handleFilterEntryChange"]],{"value":["valueChanged"]}]]],["ifx-overview-table",[[1,"ifx-overview-table"]]],["ifx-dropdown-trigger-button",[[1,"ifx-dropdown-trigger-button",{"isOpen":[4,"is-open"],"theme":[1],"variant":[1],"size":[1],"disabled":[4],"hideArrow":[4,"hide-arrow"]}]]],["ifx-filter-accordion",[[1,"ifx-filter-accordion",{"maxVisibleItems":[2,"max-visible-items"],"filterGroupName":[1,"filter-group-name"],"expanded":[32],"count":[32],"totalItems":[32]}]]],["ifx-filter-bar",[[1,"ifx-filter-bar",{"maxShownFilters":[2,"max-shown-filters"],"showMoreFiltersButton":[4,"show-more-filters-button"],"selectedOptions":[32],"showAllFilters":[32],"visibleSlots":[32]}]]],["ifx-filter-search",[[1,"ifx-filter-search",{"filterName":[1,"filter-name"],"disabled":[4],"filterValue":[1025,"filter-value"],"filterKey":[1,"filter-key"],"filterOrientation":[1,"filter-orientation"],"placeholder":[1],"showDeleteIcon":[32]},[[0,"ifxInput","handleFilterSearchChange"]],{"value":["valueChanged"]}]]],["ifx-list",[[1,"ifx-list",{"name":[1],"maxVisibleItems":[2,"max-visible-items"],"type":[1],"resetTrigger":[1028,"reset-trigger"],"expanded":[32],"showMore":[32],"selectedCount":[32],"totalItems":[32],"internalResetTrigger":[32]},null,{"type":["handleTypeChange"],"resetTrigger":["resetTriggerChanged"]}]]],["ifx-modal",[[1,"ifx-modal",{"opened":[1540],"caption":[1],"closeOnOverlayClick":[4,"close-on-overlay-click"],"variant":[1],"size":[1],"alertIcon":[1,"alert-icon"],"okButtonLabel":[1,"ok-button-label"],"cancelButtonLabel":[1,"cancel-button-label"],"showCloseButton":[4,"show-close-button"],"showModal":[32],"slotButtonsPresent":[32]},null,{"opened":["openedChanged"]}]]],["ifx-notification",[[1,"ifx-notification",{"icon":[1],"variant":[1],"linkText":[1,"link-text"],"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]]],["ifx-search-bar",[[1,"ifx-search-bar",{"isOpen":[4,"is-open"],"disabled":[4],"value":[1025],"maxlength":[2],"internalState":[32],"onNavbarMobile":[64]},null,{"isOpen":["handlePropChange"]}]]],["ifx-sidebar-item",[[1,"ifx-sidebar-item",{"icon":[1],"href":[1],"target":[1],"numberIndicator":[1,"number-indicator"],"active":[4],"isActionItem":[4,"is-action-item"],"value":[1],"handleItemClick":[16],"hasIcon":[32],"hasIconWrapper":[32],"internalHref":[32],"isExpandable":[32],"isNested":[32],"isSubMenuItem":[32],"internalActiveState":[32],"setActiveClasses":[64],"expandMenu":[64],"isItemExpandable":[64]},[[0,"consoleError","handleConsoleError"]],{"active":["handleActiveChange"]}]]],["ifx-alert",[[1,"ifx-alert",{"variant":[1],"icon":[1],"closable":[4],"AriaLive":[1,"aria-live"],"uniqueId":[32]}]]],["ifx-breadcrumb-item-label",[[1,"ifx-breadcrumb-item-label",{"icon":[1],"url":[1],"target":[1]}]]],["ifx-date-picker",[[65,"ifx-date-picker",{"size":[1],"error":[4],"success":[4],"disabled":[4],"AriaLabel":[1,"aria-label"],"value":[1],"max":[1],"min":[1],"required":[4],"label":[1],"caption":[1]}]]],["ifx-dropdown-item",[[1,"ifx-dropdown-item",{"icon":[1],"href":[1],"target":[1],"hide":[4],"size":[32]},[[16,"menuSize","handleMenuSize"]]]]],["ifx-icons-preview",[[1,"ifx-icons-preview",{"iconsArray":[32],"isCopied":[32],"copiedIndex":[32],"htmlTag":[32],"iconName":[32]}]]],["ifx-navbar",[[1,"ifx-navbar",{"applicationName":[1,"application-name"],"fixed":[4],"showLogoAndAppname":[4,"show-logo-and-appname"],"logoHref":[1,"logo-href"],"logoHrefTarget":[1,"logo-href-target"],"main":[32],"products":[32],"applications":[32],"design":[32],"support":[32],"about":[32],"hasLeftMenuItems":[32],"searchBarIsOpen":[32],"internalLogoHref":[32],"internalLogoHrefTarget":[32]},[[0,"ifxNavItem","clearFirstLayerMenu"],[0,"ifxSearchBarIsOpen","handleSearchBarToggle"]]]]],["ifx-navbar-item",[[1,"ifx-navbar-item",{"showLabel":[4,"show-label"],"icon":[1],"href":[1],"target":[1],"hideOnMobile":[4,"hide-on-mobile"],"internalHref":[32],"isMenuItem":[32],"hasChildNavItems":[32],"isSidebarMenuItem":[32],"itemPosition":[32],"hideComponent":[64],"showComponent":[64],"toggleChildren":[64],"moveChildComponentsIntoSubLayerMenu":[64],"toggleFirstLayerItem":[64],"addMenuItemClass":[64],"moveChildComponentsBackIntoNavbar":[64],"returnToFirstLayer":[64],"setMenuItemPosition":[64],"setItemSideSpecifications":[64]},[[5,"mousedown","handleOutsideClick"]]]]],["ifx-segment",[[1,"ifx-segment",{"icon":[1],"segmentIndex":[2,"segment-index"],"selected":[1028],"value":[1]}]]],["ifx-segmented-control",[[1,"ifx-segmented-control",{"caption":[1],"label":[1],"size":[1]},[[0,"segmentSelect","onSegmentSelect"]]]]],["ifx-slider",[[1,"ifx-slider",{"min":[2],"max":[2],"step":[2],"value":[2],"minValueHandle":[2,"min-value-handle"],"maxValueHandle":[2,"max-value-handle"],"disabled":[4],"showPercentage":[4,"show-percentage"],"leftIcon":[1,"left-icon"],"rightIcon":[1,"right-icon"],"leftText":[1,"left-text"],"rightText":[1,"right-text"],"type":[1],"internalValue":[32],"percentage":[32],"internalMinValue":[32],"internalMaxValue":[32]},null,{"value":["valueChanged"],"minValueHandle":["minValueChanged"],"maxValueHandle":["maxValueChanged"]}]]],["ifx-step",[[1,"ifx-step",{"complete":[4],"disabled":[4],"error":[1028],"lastStep":[4,"last-step"],"stepId":[2,"step-id"],"stepperState":[16],"active":[32],"clickable":[32]},[[4,"ifxChange","onStepChange"]],{"stepperState":["updateCurrentStep"],"active":["updateErrorState"]}]]],["ifx-tabs",[[1,"ifx-tabs",{"orientation":[1],"activeTabIndex":[1026,"active-tab-index"],"fullWidth":[4,"full-width"],"internalOrientation":[32],"internalActiveTabIndex":[32],"internalFocusedTabIndex":[32],"tabRefs":[32],"tabHeaderRefs":[32],"disabledTabs":[32],"tabObjects":[32]},[[9,"resize","updateBorderOnWindowResize"],[0,"tabHeaderChange","handleTabHeaderChange"],[0,"slotchange","onSlotChange"],[0,"keydown","handleKeyDown"]],{"activeTabIndex":["activeTabIndexChanged"]}]]],["ifx-tag",[[1,"ifx-tag",{"icon":[1]}]]],["ifx-tooltip",[[1,"ifx-tooltip",{"header":[1],"text":[1],"position":[1],"variant":[1],"icon":[1],"tooltipVisible":[32],"internalPosition":[32]},null,{"position":["positionChanged"]}]]],["ifx-badge",[[1,"ifx-badge"]]],["ifx-basic-table",[[0,"ifx-basic-table",{"cols":[1],"rows":[1],"rowHeight":[1,"row-height"],"tableHeight":[1,"table-height"],"gridOptions":[32],"columnDefs":[32],"rowData":[32],"uniqueKey":[32]}]]],["ifx-breadcrumb",[[1,"ifx-breadcrumb"]]],["ifx-breadcrumb-item",[[1,"ifx-breadcrumb-item",{"isLastItem":[32],"uniqueId":[32],"hasDropdownMenu":[32]},[[5,"mousedown","handleOutsideClick"],[0,"keydown","handleKeyDown"],[0,"breadcrumbMenuIconWrapper","menuWrapperEventReEmitter"]]]]],["ifx-card",[[1,"ifx-card",{"direction":[1],"href":[1],"target":[1],"AriaLabel":[1,"aria-label"],"noBtns":[32],"alignment":[32],"noImg":[32],"internalHref":[32]},[[0,"imgPosition","setImgPosition"]]]]],["ifx-card-headline",[[1,"ifx-card-headline",{"direction":[32],"hasDesc":[32]}]]],["ifx-card-image",[[1,"ifx-card-image",{"src":[1],"alt":[1],"position":[1]}]]],["ifx-card-links",[[1,"ifx-card-links"]]],["ifx-card-overline",[[1,"ifx-card-overline"]]],["ifx-card-text",[[1,"ifx-card-text",{"hasBtn":[32]}]]],["ifx-content-switcher",[[1,"ifx-content-switcher",{"items":[32],"activeIndex":[32],"hoverIndex":[32],"focusIndex":[32],"dividers":[32]}]]],["ifx-content-switcher-item",[[1,"ifx-content-switcher-item",{"selected":[4],"value":[1]}]]],["ifx-dropdown",[[1,"ifx-dropdown",{"placement":[1],"defaultOpen":[4,"default-open"],"noAppendToBody":[4,"no-append-to-body"],"disabled":[4],"noCloseOnOutsideClick":[4,"no-close-on-outside-click"],"noCloseOnMenuClick":[4,"no-close-on-menu-click"],"internalIsOpen":[32],"trigger":[32],"menu":[32],"isOpen":[64],"closeDropdown":[64],"openDropdown":[64]},[[0,"slotchange","watchHandlerSlot"],[5,"mousedown","handleOutsideClick"]],{"defaultOpen":["watchHandlerIsOpen"],"disabled":["watchHandlerDisabled"]}]]],["ifx-dropdown-header",[[1,"ifx-dropdown-header"]]],["ifx-dropdown-menu",[[1,"ifx-dropdown-menu",{"isOpen":[4,"is-open"],"size":[1],"hideTopPadding":[32],"filteredItems":[32]},[[0,"ifxInput","handleMenuFilter"],[0,"ifxDropdownItem","handleDropdownItemValueEmission"]]]]],["ifx-dropdown-trigger",[[1,"ifx-dropdown-trigger",{"isOpen":[4,"is-open"]}]]],["ifx-filter-type-group",[[1,"ifx-filter-type-group",{"selectedOptions":[32]}]]],["ifx-footer",[[1,"ifx-footer",{"copyrightText":[1,"copyright-text"],"currentYear":[32]}]]],["ifx-footer-column",[[1,"ifx-footer-column"]]],["ifx-navbar-profile",[[1,"ifx-navbar-profile",{"showLabel":[4,"show-label"],"href":[1],"imageUrl":[1,"image-url"],"target":[1],"alt":[1],"userName":[1,"user-name"],"internalHref":[32],"isMenuItem":[32],"hasChildNavItems":[32],"internalImageUrl":[32],"hideComponent":[64],"showComponent":[64]},[[5,"mousedown","handleOutsideClick"]]]]],["ifx-progress-bar",[[1,"ifx-progress-bar",{"value":[2],"size":[1],"showLabel":[4,"show-label"],"internalValue":[32]},null,{"value":["valueChanged"]}]]],["ifx-sidebar",[[1,"ifx-sidebar",{"applicationName":[1,"application-name"],"initialCollapse":[4,"initial-collapse"],"showFooter":[4,"show-footer"],"showHeader":[4,"show-header"],"termsOfUse":[1,"terms-of-use"],"imprint":[1],"privacyPolicy":[1,"privacy-policy"],"target":[1],"copyrightText":[1,"copyright-text"],"currentYear":[32],"internalTermsofUse":[32],"internalImprint":[32],"internalPrivacyPolicy":[32],"internalShowFooter":[32],"activeItem":[32]},[[0,"ifxSidebarMenu","handleSidebarItemInteraction"],[0,"ifxSidebarNavigationItem","handleSidebarItemActivated"]]]]],["ifx-sidebar-title",[[1,"ifx-sidebar-title"]]],["ifx-spinner",[[1,"ifx-spinner",{"size":[1],"variant":[1],"inverted":[4]}]]],["ifx-status",[[1,"ifx-status",{"label":[1],"border":[4],"color":[1]}]]],["ifx-stepper",[[1,"ifx-stepper",{"activeStep":[1026,"active-step"],"indicatorPosition":[1,"indicator-position"],"showStepNumber":[4,"show-step-number"],"variant":[1],"stepsCount":[32],"shouldEmitEvent":[32],"emittedByClick":[32]},[[0,"ifxChange","onStepChange"]],{"activeStep":["handleActiveStep"]}]]],["ifx-switch",[[65,"ifx-switch",{"checked":[4],"name":[1],"disabled":[4],"value":[1],"internalChecked":[32],"isChecked":[64]},null,{"checked":["valueChanged"]}]]],["ifx-tab",[[4,"ifx-tab",{"header":[1],"disabled":[4],"icon":[1],"iconPosition":[1,"icon-position"]}]]],["ifx-textarea",[[65,"ifx-textarea",{"caption":[1],"cols":[2],"disabled":[4],"error":[4],"label":[1],"maxlength":[2],"name":[1],"placeholder":[1],"readOnly":[4,"read-only"],"resize":[1],"rows":[2],"value":[1025],"wrap":[1],"reset":[64]}]]],["ifx-radio-button",[[4,"ifx-radio-button",{"disabled":[4],"value":[1],"error":[4],"size":[1],"name":[1],"checked":[4],"internalChecked":[32],"hasSlot":[32],"inputElement":[32],"isChecked":[64]},[[8,"change","handleChange"]]]]],["ifx-dropdown-separator",[[1,"ifx-dropdown-separator"]]],["ifx-icon",[[0,"ifx-icon",{"icon":[1025],"ifxIcon":[1032,"ifx-icon"]}]]],["ifx-checkbox",[[65,"ifx-checkbox",{"disabled":[4],"checked":[4],"error":[4],"size":[1],"indeterminate":[4],"value":[1],"internalChecked":[32],"internalIndeterminate":[32],"isChecked":[64],"toggleCheckedState":[64]},null,{"checked":["valueChanged"],"indeterminate":["indeterminateChanged"]}]]],["ifx-multiselect_2",[[65,"ifx-multiselect",{"name":[1],"options":[1],"batchSize":[2,"batch-size"],"size":[1],"disabled":[4],"error":[4],"errorMessage":[1,"error-message"],"label":[1],"placeholder":[1],"maxItemCount":[2,"max-item-count"],"showSearch":[4,"show-search"],"showSelectAll":[4,"show-select-all"],"internalError":[32],"internalErrorMessage":[32],"persistentSelectedOptions":[32],"dropdownOpen":[32],"dropdownFlipped":[32],"zIndex":[32],"isLoading":[32],"loadedOptions":[32],"filteredOptions":[32],"optionCount":[32],"optionsProcessed":[32]},null,{"options":["updateOptions"],"error":["updateInternalError"],"errorMessage":["updateInternalErrorMessage"],"loadedOptions":["loadedOptionsChanged"],"persistentSelectedOptions":["onSelectionChange"]}],[65,"ifx-text-field",{"placeholder":[1],"value":[1025],"error":[4],"label":[1],"icon":[1],"caption":[1],"size":[1],"required":[4],"optional":[4],"success":[4],"disabled":[4],"maxlength":[2],"showDeleteIcon":[4,"show-delete-icon"],"reset":[64]},null,{"value":["valueWatcher"]}]]],["ifx-accordion_2",[[1,"ifx-accordion-item",{"caption":[1],"open":[1028],"AriaLive":[2,"aria-live"],"internalOpen":[32]},[[0,"keydown","handleKeydown"]],{"open":["openChanged"]}],[17,"ifx-accordion",{"autoCollapse":[4,"auto-collapse"]},[[0,"ifxItemOpen","onItemOpen"]]]]],["ifx-search-field",[[1,"ifx-search-field",{"value":[1025],"showDeleteIcon":[4,"show-delete-icon"],"disabled":[4],"size":[1],"placeholder":[1],"maxlength":[2],"insideDropdown":[32],"showDeleteIconInternalState":[32],"isFocused":[32]},[[5,"mousedown","handleOutsideClick"]],{"value":["valueWatcher"]}]]],["ifx-icon-button",[[1,"ifx-icon-button",{"variant":[1],"size":[1],"disabled":[4],"icon":[1],"href":[1],"target":[1],"shape":[1],"setFocus":[64]},[[2,"click","handleClick"]]]]],["ifx-select",[[0,"ifx-select",{"value":[1],"name":[1],"items":[16],"choices":[1],"renderChoiceLimit":[2,"render-choice-limit"],"maxItemCount":[2,"max-item-count"],"addItems":[4,"add-items"],"removeItems":[4,"remove-items"],"removeItemButton":[4,"remove-item-button"],"editItems":[4,"edit-items"],"duplicateItemsAllowed":[4,"duplicate-items-allowed"],"delimiter":[1],"paste":[4],"showSearch":[4,"show-search"],"searchChoices":[4,"search-choices"],"searchFields":[1,"search-fields"],"searchFloor":[2,"search-floor"],"searchResultLimit":[2,"search-result-limit"],"position":[1],"resetScrollPosition":[4,"reset-scroll-position"],"shouldSort":[4,"should-sort"],"shouldSortItems":[4,"should-sort-items"],"sorter":[16],"placeholder":[8],"searchPlaceholderValue":[1,"search-placeholder-value"],"prependValue":[1,"prepend-value"],"appendValue":[1,"append-value"],"renderSelectedChoices":[1,"render-selected-choices"],"loadingText":[1,"loading-text"],"noResultsText":[1,"no-results-text"],"noChoicesText":[1,"no-choices-text"],"itemSelectText":[1,"item-select-text"],"addItemText":[1,"add-item-text"],"maxItemText":[1,"max-item-text"],"uniqueItemText":[1,"unique-item-text"],"classNames":[16],"fuseOptions":[16],"addItemFilter":[1,"add-item-filter"],"customAddItemText":[1,"custom-add-item-text"],"callbackOnInit":[16],"callbackOnCreateTemplates":[16],"valueComparer":[16],"error":[4],"errorMessage":[1,"error-message"],"label":[1],"disabled":[4],"placeholderValue":[1,"placeholder-value"],"options":[1025],"size":[1],"selectedOption":[32],"optionIsSelected":[32],"handleChange":[64],"highlightItem":[64],"unhighlightItem":[64],"highlightAll":[64],"unhighlightAll":[64],"removeActiveItemsByValue":[64],"removeActiveItems":[64],"removeHighlightedItems":[64],"showDropdown":[64],"hideDropdown":[64],"getValue":[64],"setValue":[64],"setChoiceByValue":[64],"setChoices":[64],"clearChoices":[64],"clearStore":[64],"clearInput":[64],"ajax":[64],"handleDeleteIcon":[64]},[[5,"mousedown","handleOutsideClick"]],{"disabled":["watchDisabled"]}]]],["ifx-chip_3",[[1,"ifx-pagination",{"currentPage":[2,"current-page"],"total":[2],"internalPage":[32],"itemsPerPage":[32],"numberOfPages":[32]},[[0,"ifxSelect","setItemsPerPage"]]],[1,"ifx-chip",{"placeholder":[1],"size":[1],"value":[1025],"variant":[1],"readOnly":[4,"read-only"],"AriaLabel":[1,"aria-label"],"opened":[32],"selectedOptions":[32]},[[5,"mousedown","closeDropdownOnOutsideClick"],[0,"keydown","handleKeyDown"],[0,"ifxChipItemSelect","updateSelectedOptions"]],{"value":["handleValueChange"],"readOnly":["handleReadOnlyChange"]}],[1,"ifx-chip-item",{"value":[1],"chipState":[16],"selected":[1540]},[[16,"ifxChipItemSelect","updateItemSelection"]],{"selected":["validateSelected"]}]]],["ifx-button",[[1,"ifx-button",{"variant":[1],"theme":[1],"size":[1],"disabled":[4],"href":[1],"target":[1],"type":[1],"fullWidth":[4,"full-width"],"AriaLabel":[1,"aria-label"],"internalHref":[32],"setFocus":[64]},[[0,"keydown","handleKeyDown"],[2,"click","handleHostClick"]],{"href":["setInternalHref"]}]]],["ifx-link",[[1,"ifx-link",{"href":[1],"target":[1],"variant":[1],"size":[1],"disabled":[4],"internalHref":[32],"internalTarget":[32],"internalVariant":[32]}]]],["ifx-number-indicator",[[1,"ifx-number-indicator",{"inverted":[4]}]]]]'),t)};(function(){if(typeof window<"u"&&window.Reflect!==void 0&&window.customElements!==void 0){var e=HTMLElement;window.HTMLElement=function(){return Reflect.construct(e,[],this.constructor)},HTMLElement.prototype=e.prototype,HTMLElement.prototype.constructor=HTMLElement,Object.setPrototypeOf(HTMLElement,e)}})();const Ic={async install(){Sc()}};Ea(kf).use(Ic).mount("#app");export{Xf as H,kc as c,lc as g,Yf as h,Cc as r}; diff --git a/pr-preview-vue-example/pr-1685/index.html b/pr-preview-vue-example/pr-1685/index.html index d36f9f68a..0c81fdb3c 100644 --- a/pr-preview-vue-example/pr-1685/index.html +++ b/pr-preview-vue-example/pr-1685/index.html @@ -6,7 +6,7 @@ Vite App - +