@infineon/design-system 0.0.0-stage → 41.11.0

package/dist/infineon-design-system-stencil/p-f4e8f76a.entry.js

@@ -0,0 +1 @@
+import{r as e,a as n,h as t}from"./p-CY4s4b6R.js";import{s as i}from"./p-QgsB_-OM.js";const a=class{constructor(n){e(this,n)}get el(){return n(this)}showLabel=!0;href="";imageUrl="";target="_self";alt="";userName="";internalHref="";isMenuItem=!1;hasChildNavItems=!1;internalImageUrl={type:"",value:""};defaultProfileImage='<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">\n<rect width="48" height="48" fill="#0A8276"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M24 14C21.7909 14 20 15.7909 20 18C20 20.2091 21.7909 22 24 22C26.2091 22 28 20.2091 28 18C28 15.7909 26.2091 14 24 14ZM18 18C18 14.6863 20.6863 12 24 12C27.3137 12 30 14.6863 30 18C30 21.3137 27.3137 24 24 24C20.6863 24 18 21.3137 18 18ZM16.5869 28.3984C18.2683 27.0179 20.7466 26 24 26C27.2541 26 29.7324 27.0209 31.4134 28.4024C33.0562 29.7526 34 31.5119 34 33V35C34 35.5523 33.5523 36 33 36H15C14.4477 36 14 35.5523 14 35V33C14 31.5074 14.9433 29.7479 16.5869 28.3984ZM17.8561 29.9441C16.5187 31.0421 16 32.2826 16 33V34H32V33C32 32.2881 31.4818 31.0474 30.1436 29.9476C28.8436 28.8791 26.8219 28 24 28C21.1774 28 19.1557 28.8771 17.8561 29.9441Z" fill="white"/>\n</svg>';handleOutsideClick(e){const n=e.composedPath(),t=this.getItemMenu();t&&t.classList.contains("open")&&(n.includes(this.el)||this.closeItemMenu())}componentWillLoad(){this.setHref(),this.setImage();const e=this.getNavbarItems();this.hasChildNavItems=0!==e.length}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,n,t){if(e.classList[n](t),"contains"===n)return e.classList.contains(t)}getNavbarItems(){return this.el.querySelectorAll("ifx-navbar-item")}getNavBarItem(){return this.el.shadowRoot.querySelector(".navbar__item")}relocateUsingSlot(e){e.forEach((e=>{e.setAttribute("slot","first__layer")}))}appendNavItemToMenu(e){this.relocateUsingSlot(e)}isValidHttpUrl(e){let n;try{n=new URL(e)}catch(e){return!1}return"http:"===n.protocol||"https:"===n.protocol}setImage(){this.internalImageUrl=""===this.imageUrl.toLowerCase().trim()?{type:void 0,value:""}:this.isValidHttpUrl(this.imageUrl)?{type:"url",value:this.imageUrl}:{type:"initials",value:this.imageUrl}}setHref(){this.internalHref=""===this.href.toLowerCase().trim()?void 0:this.href}setProfileGap(){const e=this.el.shadowRoot.querySelector(".inner__content-wrapper"),n=this.el.shadowRoot.querySelector(".label__wrapper").querySelector("slot").assignedNodes();this.handleClassList(e,n.length?"remove":"add","no-gap")}getItemMenu(){return this.el.shadowRoot.querySelector(".navbar-menu")}closeItemMenu(){const e=this.getItemMenu(),n=this.getNavBarItem();e&&(this.handleClassList(e,"remove","open"),this.handleClassList(n,"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(),n=this.getNavBarItem();this.handleClassList(e,"toggle","open"),this.handleClassList(n,"toggle","open")}}}handleProfileMenuKeyDown=e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.toggleItemMenu())};render(){return t("div",{key:"9bc7f38063db4841251257ef3646c3c79f41869a",class:"container"},t("a",{key:"defc417da894b54dc7e94b810d9b5cb2a3f0c15c",href:i(this.internalHref),target:this.target,onClick:()=>this.toggleItemMenu(),class:`navbar__item ${this.showLabel?"":"removeLabel"} ${this.hasChildNavItems?"isParent":""}`,role:"button",tabindex:"0","aria-label":"Open profile menu",onKeyDown:this.handleProfileMenuKeyDown},t("div",{key:"d4863e77c74980bf2c7932ac4ae1af1f6e0104a1",class:"inner__content-wrapper"},t("div",{key:"a4a859cd5a531a9ec2f57f3b869846e764dc485a",class:"navbar__container-right-content-navigation-item-icon-wrapper"},""!==this.userName.trim()&&t("div",{key:"0fd4e968faf1bdf9ef1de69b9aa179406543e1c5",class:"username__tooltip"},this.userName),"initials"!==this.internalImageUrl.type&&t("img",{key:"ad8c108ecfc62de0e6beff5eae6c8c5b91a82df4",src:"url"===this.internalImageUrl.type?this.internalImageUrl.value:`data:image/svg+xml,${encodeURIComponent(this.defaultProfileImage)}`,alt:this.alt}),"initials"===this.internalImageUrl.type&&t("div",{key:"a3363231180180ef0fd9a04e08bffb36b0359955",class:"initials__wrapper"},t("span",{key:"1bfa338a7375d027fa15b4e1b7411d3bbae93147",class:"initials"},this.internalImageUrl.value))),t("span",{key:"f46fed15aa2e5f53e0bb704a38b044f61ffedad6",class:"label__wrapper"},t("slot",{key:"c76509df2fcce4f255f73f4622ed22b7c87b7501",onSlotchange:()=>this.setProfileGap()})))),this.hasChildNavItems&&t("ul",{key:"d12f6e1dbda4b1f3f00697c0886ecb0d079f619e",class:"navbar-menu rightSideItemMenu"}," ",t("slot",{key:"dec68286746ee02021bac70d5b5478e275f86396",name:"first__layer"})," "))}static get assetsDirs(){return["assets"]}};a.style=":host(.hidden){display:none}.navbar__item{position:relative;display:flex;flex-direction:row;align-items:center;padding:0 8px;flex:none;order:0;flex-grow:0;font-family:var(--ifx-font-family);text-decoration:none;font-weight:400;font-size:1rem;color:#1d1d1d}.navbar__item.hide{display:none}.navbar__item.isParent{gap:8px}.navbar__item .navItemIconWrapper{transition:0.3s;display:flex}.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 .number__indicator-wrapper{position:relative;top:-11px}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;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:var(--ifx-font-family);background-color:#1d1d1d;color:#ffffff;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:#ffffff;text-align:center;font-family:var(--ifx-font-family);font-size:0.875rem;font-style:normal;font-weight:600;line-height:1.25rem;-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}.navbar__item:focus{outline:none;box-shadow:0 0 0 2px #ffffff, 0 0 0 4px #0a8276}.container{position:relative}.container:focus{outline:none;box-shadow:0 0 0 2px #ffffff, 0 0 0 4px #0a8276}.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:1rem;font-style:normal;font-weight:600;line-height:1.5rem}.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{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px}.container .inner__content-wrapper.no-gap{gap:0}.container .inner__content-wrapper .navbar__container-right-content-navigation-item-icon-wrapper{display:flex}.container .inner__content-wrapper .navbar__container-right-content-navigation-item-icon-wrapper.no-gap{gap:0}.container .inner__content-wrapper .navbar__container-right-content-navigation-item-icon-wrapper:has(:not(.navbar__container-right-content-navigation-item-icon-wrapper:has(:not(ifx-icon)))){display:none}.container .inner__content-wrapper .number__indicator-wrapper{position:relative;top:-11px}.navbar-menu{position:absolute;display:none;list-style-type:none;visibility:visible;flex-direction:column;width:224px;min-width:224px;background:#ffffff;box-shadow:0 1px 1px 0 rgba(29, 29, 29, 0.12), 0 0 1px 0 rgba(29, 29, 29, 0.12);border:1px solid #eeeded;padding:8px 0;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:0}.navbar__item.layer__item-parent{color:#1d1d1d;font-size:1.5rem;font-style:normal;font-weight:600;line-height:2rem;letter-spacing:-0.01em;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:1rem;font-style:normal;font-weight:400;line-height:1.5rem}.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}";export{a as ifx_navbar_profile}

package/dist/infineon-design-system-stencil/p-f4f3916e.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,a as i,h as s,d as o}from"./p-CY4s4b6R.js";import{i as l}from"./p-CtINY9El.js";import{d as n,t as r}from"./p-DNHOWgWh.js";const a=class{constructor(i){e(this,i),this.ifxSelect=t(this,"ifxSelect",7),this.ifxOpen=t(this,"ifxOpen",7),this.ifxClear=t(this,"ifxClear",7),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals)}name;disabled=!1;readOnly=!1;required=!1;error=!1;caption="";label="";placeholder="";showSearch=!0;showSelectAll=!0;showClearButton=!0;showExpandCollapse=!0;noResultsMessage="No results found.";showNoResultsMessage=!0;searchPlaceholder="Search";selectAllLabel="Select all";expandLabel="Expand";collapseLabel="Collapse";ariaMultiSelectLabel="Multi-select dropdown";ariaMultiSelectLabelledBy="";ariaMultiSelectDescribedBy="";ariaSearchLabel="Search options";ariaClearLabel="Clear all selections";ariaToggleLabel="Toggle dropdown";ariaSelectAllLabel="Select all options";ariaExpandAllLabel="Expand all categories";ariaCollapseAllLabel="Collapse all categories";internalError=!1;persistentSelectedOptions=[];dropdownOpen=!1;dropdownFlipped;searchTerm="";visibleSelectedCount=0;ifxSelect;ifxOpen;ifxClear;get el(){return i(this)}dropdownElement;resizeObserver;measurementScheduled=!1;internals;getAllOptionElements(){return Array.from(this.el.querySelectorAll("ifx-multiselect-option"))}getGroupElements(){return Array.from(this.el.querySelectorAll("ifx-multiselect-group"))}isOptionVisible(e){return!e.shadowRoot?.querySelector(".option")?.classList.contains("search-hidden")}updateGroupVisibility(e){this.getGroupElements().forEach((t=>{const i=Array.from(t.querySelectorAll("ifx-multiselect-option")).some((e=>this.isOptionVisible(e)));e&&!i?t.classList.add("empty-group"):t.classList.remove("empty-group")}))}getRootOptionElements(){return Array.from(this.el.children).flatMap((e=>"IFX-MULTISELECT-OPTION"===e.tagName?[e]:"IFX-MULTISELECT-GROUP"===e.tagName?Array.from(e.children).filter((e=>"IFX-MULTISELECT-OPTION"===e.tagName)):[]))}getLeafOptionElements(){return this.getAllOptionElements().filter((e=>0===e.children.length))}getEnabledLeafOptionElements(){return this.getLeafOptionElements().filter((e=>!e.disabled&&!e.closest("ifx-multiselect-group")?.disabled))}parseChildOptions(){const e=[];return this.getRootOptionElements().forEach(((t,i)=>{const s=this.parseOptionElement(t,i);s&&e.push(s)})),e}parseOptionElement(e,t){const i={value:e.getAttribute("value")||`option-${t}`,selected:e.hasAttribute("selected"),disabled:e.hasAttribute("disabled"),indeterminate:e.hasAttribute("indeterminate")},s=Array.from(e.children).filter((e=>"IFX-MULTISELECT-OPTION"===e.tagName)).map(((e,t)=>this.parseOptionElement(e,t))).filter((e=>null!==e));return s.length>0&&(i.children=s),i}loadInitialOptions(){this.internalError=this.error;const e=this.parseChildOptions(),t=this.collectSelectedOptions(e).filter((e=>!this.persistentSelectedOptions.some((t=>t.value==e.value))));this.persistentSelectedOptions=[...this.persistentSelectedOptions,...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.some((e=>e.value===i.value))||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}handleSearch=function(e){let t;return function(...i){clearTimeout(t),t=setTimeout((()=>{clearTimeout(t),e(...i)}),150)}}((e=>{const t=e.value.toLowerCase(),i=""!==t;this.searchTerm=t;const s=this.el.shadowRoot.querySelector(".ifx-multiselect-wrapper");if(s)if(i)s.classList.remove("active");else{const e=this.el.shadowRoot.querySelector("ifx-search-field");e&&e.matches(":focus-within")||s.classList.add("active")}const o=this.el.shadowRoot.querySelector(".ifx-multiselect-options");o&&(i?o.classList.add("has-search-filter"):o.classList.remove("has-search-filter")),requestAnimationFrame((()=>{if(this.getAllOptionElements().forEach((e=>{const s=new CustomEvent("ifx-search-filter",{detail:{searchTerm:t,isActive:i}});e.dispatchEvent(s)})),i)setTimeout((()=>{const e=this.getAllOptionElements();let t=0;this.updateGroupVisibility(!0),e.forEach((e=>{const i=window.getComputedStyle(e),s=e.getBoundingClientRect();"none"!==i.display&&"hidden"!==i.visibility&&"0"!==i.opacity&&s.height>0&&t++}));const i=this.el.shadowRoot.querySelector(".ifx-multiselect-options");i&&(0===t?i.classList.add("show-no-results"):i.classList.remove("show-no-results"))}),200);else{this.updateGroupVisibility(!1);const e=this.el.shadowRoot.querySelector(".ifx-multiselect-options");e&&e.classList.remove("show-no-results")}}))}));handleSearchFocus(e){const t=this.el.shadowRoot.querySelector(".ifx-multiselect-wrapper");t&&(e||""!==this.searchTerm?t.classList.remove("active"):t.classList.add("active"))}positionDropdown(){const e=this.el.shadowRoot.querySelector(".ifx-multiselect-wrapper")?.getBoundingClientRect(),t=window.innerHeight-e.bottom;this.dropdownFlipped=e.top>t&&e.height>t||e.bottom>window.innerHeight}updateSlotBasedSelections(e=!1){const t=[];this.getLeafOptionElements().forEach((e=>{const i=e.__stencil_instance;i?.selected&&t.push({value:i.value,selected:!0,disabled:i.disabled,label:i.getTextContent()||i.value})})),this.persistentSelectedOptions=t,e&&this.ifxSelect.emit(this.persistentSelectedOptions)}updateInitialParentStates(){this.getAllOptionElements().map((e=>({element:e,instance:e.__stencil_instance,depth:parseInt(e.getAttribute("data-level")||"0")}))).filter((e=>e.instance)).sort(((e,t)=>t.depth-e.depth)).forEach((({instance:e})=>{e.hasChildren&&this.updateParentState(e)}))}updateParentState(e){const t=Array.from(e.el.children).filter((e=>"IFX-MULTISELECT-OPTION"===e.tagName)).map((e=>e.__stencil_instance)).filter((e=>null!==e)),i=t.filter((e=>e.selected)).length,s=t.filter((e=>e.indeterminate)).length;i===t.length&&0===s?(e.selected=!0,e.indeterminate=!1):0===i&&0===s?(e.selected=!1,e.indeterminate=!1):(e.selected=!1,e.indeterminate=!0)}async componentDidLoad(){if(!l(this.el)){const e=n();r("ifx-multiselect",await e)}if(setTimeout((()=>{this.positionDropdown()}),500),this.el.addEventListener("ifx-option-changed",(e=>{const t=e.target?.__stencil_instance;t&&!t.hasChildren&&this.updateSlotBasedSelections(!0)})),setTimeout((()=>{this.updateSlotBasedSelections(!1),this.updateInitialParentStates()}),100),"undefined"!=typeof ResizeObserver){this.resizeObserver=new ResizeObserver((()=>this.scheduleSelectedOptionsMeasurement()));const e=this.el.shadowRoot?.querySelector(".ifx-multiselect-input");e&&this.resizeObserver.observe(e)}}componentDidRender(){this.scheduleSelectedOptionsMeasurement()}disconnectedCallback(){this.resizeObserver?.disconnect()}componentWillLoad(){this.loadInitialOptions()}updateInternalError(){this.internalError=this.error}onSelectionChange(e,t){const i=new FormData;e.forEach((e=>i.append(this.name,e.value)))}collapseAll(){this.getAllOptionElements().forEach((e=>{const t=e.__stencil_instance;t&&t.hasChildren&&(t.isExpanded=!1)}))}expandAll(){this.getAllOptionElements().forEach((e=>{const t=e.__stencil_instance;t&&t.hasChildren&&(t.isExpanded=!0)}))}selectAll(){this.resetSearch(),this.expandAll(),this.getEnabledLeafOptionElements().forEach((e=>{const t=e.__stencil_instance;t&&(t.selected=!0)})),setTimeout((()=>{this.updateInitialParentStates(),this.updateSlotBasedSelections(!1),this.ifxSelect.emit(this.persistentSelectedOptions)}),0)}async clearSelection(){this.getAllOptionElements().forEach((e=>{const t=e.__stencil_instance;t&&(t.selected=!1,t.indeterminate=!1,t.hasChildren&&(t.isExpanded=!1))})),this.persistentSelectedOptions=[],setTimeout((()=>{this.updateSlotBasedSelections(!1),this.ifxSelect.emit(this.persistentSelectedOptions)}),0)}handleDocumentClick=e=>{e.composedPath().includes(this.dropdownElement)||(this.dropdownOpen=!1,document.removeEventListener("click",this.handleDocumentClick),this.resetSearch(),this.ifxOpen.emit(this.dropdownOpen))};toggleDropdown(){this.dropdownOpen=!this.dropdownOpen,setTimeout((()=>{this.dropdownOpen?document.addEventListener("click",this.handleDocumentClick):this.resetSearch(),this.ifxOpen.emit(this.dropdownOpen)}),0)}resetSearch(){this.searchTerm="";const e=this.el.shadowRoot.querySelector("ifx-search-field");e&&(e.value="");const t=this.el.shadowRoot.querySelector(".ifx-multiselect-options");t&&t.classList.remove("has-search-filter"),this.getAllOptionElements().forEach((e=>{const t=new CustomEvent("ifx-search-filter",{detail:{searchTerm:"",isActive:!1}});e.dispatchEvent(t)})),this.updateGroupVisibility(!1)}clearEnabledSelection(){this.getEnabledLeafOptionElements().forEach((e=>{const t=e.__stencil_instance;t&&(t.selected=!1,t.indeterminate=!1)})),setTimeout((()=>{this.updateInitialParentStates(),this.updateSlotBasedSelections(!1),this.ifxSelect.emit(this.persistentSelectedOptions)}),0)}handleWrapperClick(e){this.positionDropdown(),e.currentTarget===e.target&&this.toggleDropdown()}handleClearButtonClick=e=>{e.stopPropagation(),this.ifxClear.emit().defaultPrevented||this.clearSelection()};handleKeyDown(e){if(!(this.readOnly||this.disabled&&!this.error))if(this.dropdownOpen)switch(e.code){case"Escape":e.preventDefault(),this.toggleDropdown();break;case"Enter":case"Space":e.target.closest(".ifx-multiselect-dropdown-functions")||(e.preventDefault(),this.toggleDropdown());break;case"ArrowDown":case"ArrowUp":e.preventDefault(),this.focusFirstOption()}else switch(e.code){case"Enter":case"Space":case"ArrowDown":e.preventDefault(),this.toggleDropdown()}}focusFirstOption(){const e=this.el.querySelector("ifx-multiselect-option:not(.search-hidden)");if(e){const t=e.shadowRoot?.querySelector(".option-label");t?.focus()}}renderSelectAll(){const e=this.getEnabledLeafOptionElements(),t=e.length>0&&e.every((e=>e.selected)),i=e=>{e&&(e.preventDefault(),e.stopPropagation()),t?this.clearEnabledSelection():this.selectAll()};return s("div",{class:"select-all-wrapper"},s("ifx-checkbox",{id:"selectAll",checked:t,size:"s","aria-label":this.ariaSelectAllLabel,onClick:i,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),i(e))}},this.selectAllLabel))}renderNoResultsMessage(){return s("div",{class:"ifx-multiselect-no-results"},s("div",{class:"no-results-content"},s("span",{class:"no-results-text"},this.noResultsMessage)))}removeSelection(e,t){t.stopPropagation();const i=Array.from(this.el.querySelectorAll("ifx-multiselect-option")).find((t=>{const i=t.__stencil_instance;return i&&i.value===e.value}));i?.__stencil_instance&&(i.__stencil_instance.selected=!1),this.persistentSelectedOptions=this.persistentSelectedOptions.filter((t=>t.value!==e.value)),this.updateInitialParentStates(),this.ifxSelect.emit(this.persistentSelectedOptions)}measureSelectedOptions(){const e=this.el.shadowRoot?.querySelector(".ifx-multiselect-input"),t=this.el.shadowRoot?.querySelector(".ifx-multiselect-measurement");if(!e||!t||0===this.persistentSelectedOptions.length)return void(0!==this.visibleSelectedCount&&(this.visibleSelectedCount=0));const i=Array.from(t.querySelectorAll(".ifx-multiselect-chip")),s=Array.from(t.querySelectorAll(".ifx-multiselect-indicator")),o=Number.parseFloat(getComputedStyle(e).columnGap)||0,l=e.clientWidth;let n=0;for(let e=i.length;e>=0;e-=1){const t=i.slice(0,e).reduce(((e,t)=>e+t.offsetWidth),0),r=i.length-e,a=r>0?s[r-1]:null;if(t+(a?.offsetWidth||0)+Math.max(0,e+(a?1:0)-1)*o<=l){n=e;break}}this.visibleSelectedCount!==n&&(this.visibleSelectedCount=n)}scheduleSelectedOptionsMeasurement=()=>{this.measurementScheduled||(this.measurementScheduled=!0,requestAnimationFrame((()=>{this.measurementScheduled=!1,this.measureSelectedOptions()})))};renderSelectedOptions(){const e=this.persistentSelectedOptions.slice(0,this.visibleSelectedCount),t=this.persistentSelectedOptions.length-e.length;return[...e.map((e=>{const t=e.label||e.value;return s("span",{class:"ifx-multiselect-chip",key:e.value},s("span",{class:"ifx-multiselect-chip-label"},t),s("button",{type:"button",class:"ifx-multiselect-chip-remove","aria-label":`Remove ${t}`,onClick:t=>this.removeSelection(e,t)},s("ifx-icon",{icon:"cross16"})))})),t>0&&s("span",{class:"ifx-multiselect-indicator","aria-label":`+${t} more selections`},"+",t)]}renderSelectedOptionsMeasurement(){return s("div",{class:"ifx-multiselect-measurement","aria-hidden":"true"},this.persistentSelectedOptions.map((e=>s("span",{class:"ifx-multiselect-chip",key:e.value},s("span",{class:"ifx-multiselect-chip-label"},e.label||e.value),s("span",{class:"ifx-multiselect-chip-remove"},s("ifx-icon",{icon:"cross16"}))))),this.persistentSelectedOptions.map(((e,t)=>{const i=t+1;return s("span",{class:"ifx-multiselect-indicator",key:`indicator-${i}`},"+",i)})))}render(){const e=this.persistentSelectedOptions.length>0;let t=!1;const i=this.getAllOptionElements();return i.length>0&&(t=i.every((e=>0===e.children.length))),s("div",{key:"f00d2b7e9ecd303b8157454814a4955e0c1b8804",class:"ifx-multiselect-container "+(this.readOnly?"readOnly":this.internalError?"":this.disabled?"disabled":""),ref:e=>this.dropdownElement=e},s("div",{key:"68fb0fff7b906e3a14e4fef4def1f0aab8f3f26c",class:"ifx-label-wrapper"},this.label&&s("span",{key:"1c3308f3259da195e08d7cea3728779fdcf72b5b",class:"wrapper-label"},s("span",{key:"faec02d87d7ea4e9c6c8d00c9a76897b897ff943"},this.label),this.required&&s("span",{key:"c7c0e4d7a90caf2dbf0594867798fc418ffa10be",class:"required "+(!this.readOnly&&this.internalError?"error":"")},"*"))),s("div",{key:"5e2c61ef32fb0be706c34f6103f0a939924e0582",class:`ifx-multiselect-wrapper\n        ${this.dropdownOpen?"active":""}\n        ${this.dropdownFlipped?"is-flipped":""}\n        ${this.readOnly?"":this.internalError?"error":this.disabled?"disabled":""}`,role:"combobox","aria-label":this.ariaMultiSelectLabel,"aria-labelledby":this.ariaMultiSelectLabelledBy||void 0,"aria-describedby":this.ariaMultiSelectDescribedBy||void 0,"aria-expanded":this.dropdownOpen,"aria-haspopup":"listbox","aria-disabled":!this.readOnly&&!this.internalError&&this.disabled,tabindex:"0",onClick:this.disabled&&!this.internalError||this.readOnly?void 0:e=>this.handleWrapperClick(e),onKeyDown:this.disabled&&!this.internalError||this.readOnly?void 0:e=>this.handleKeyDown(e)},s("div",{key:"f3ab373237d09c9ba8ba91c03aeee930241520e4",class:`ifx-multiselect-input\n\t\t  chips\n          ${e?"":"placeholder"}\n          `,onClick:this.disabled&&!this.internalError||this.readOnly?void 0:()=>this.toggleDropdown()},e?this.renderSelectedOptions():this.placeholder,e&&this.renderSelectedOptionsMeasurement()),this.dropdownOpen&&s("div",{key:"3e064ef34d322d364c1e031460f8fa8425bc9f2c",class:"ifx-multiselect-dropdown-menu"},(this.showSearch||this.showSelectAll||this.showExpandCollapse&&!t)&&s("div",{key:"84b394b195e48cc39590fdb52b3b50c0b1cec8c7",class:"ifx-multiselect-dropdown-functions",onClick:e=>e.stopPropagation()},this.showSearch&&s("div",{key:"5ecdcb7dc23620caf47f50b2828775db6935c3d7",class:"ifx-multiselect-dropdown-search"},s("ifx-search-field",{key:"dc332a3f15602212f5efc500f0ae076b0cf0c166",class:"search-input",placeholder:this.searchPlaceholder,size:"s","show-delete-icon":"true","aria-label":this.ariaSearchLabel,onKeyDown:e=>{e.stopPropagation()},onIfxInput:e=>this.handleSearch(e.target),onFocus:()=>this.handleSearchFocus(!0),onBlur:()=>this.handleSearchFocus(!1)})),s("div",{key:"d5dccbcfbe1be89373d2c7839573d905103c6d88",class:"ifx-multiselect-dropdown-controls"},this.showSelectAll&&this.renderSelectAll(),this.showExpandCollapse&&!t&&s("div",{key:"b89d3f9a8a089e58d15b8149cbf9e8640e6307f8",class:"expand-collapse-controls"},s("span",{key:"5d918ce00151723c3d7cc45250205f621f596be0",class:"control-item",role:"button",tabIndex:0,"aria-label":this.ariaExpandAllLabel,onClick:e=>{e.stopPropagation(),this.expandAll()},onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),this.expandAll())}},this.expandLabel),s("span",{key:"a0c9a7b8bf4dabf29a79b3c3d3ba653861bb06d0",class:"control-item",role:"button",tabIndex:0,"aria-label":this.ariaCollapseAllLabel,onClick:e=>{e.stopPropagation(),this.collapseAll()},onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),this.collapseAll())}},this.collapseLabel)))),s("div",{key:"b9e28964bbee62c48a38dbfc9c72ecf879f9863f",class:"ifx-multiselect-options",role:"listbox","aria-multiselectable":"true"},s("slot",{key:"e347376045f5800c04073db370a2575b50807e12"}),this.searchTerm&&this.showNoResultsMessage&&this.renderNoResultsMessage())),s("div",{key:"6e2412a22366f4739c1d39693ca6492b5992a8bd",class:"ifx-multiselect-icon-container"},this.persistentSelectedOptions.length>0&&s("div",{key:"26a3cef975753ceeb09b5a4abf1479e71c21a776",class:"ifx-clear-button "+(this.showClearButton?"":"hide"),onClick:this.disabled&&!this.error?void 0:this.handleClearButtonClick},s("ifx-icon",{key:"b50d22e9a70915140ac1321202ce284c80ffd909",icon:"cRemove16"})),s("div",{key:"251c57c1daa52ef57570232f35de5a2e70feaa42",class:"icon-wrapper-up",onClick:this.disabled&&!this.error?void 0:()=>this.toggleDropdown()},s("ifx-icon",{key:"icon-up",icon:"chevron-up-16"})),s("div",{key:"21523ec6ccc4cc84e6d9b15881f8e7dbf45df1ea",class:"icon-wrapper-down",onClick:this.disabled&&!this.error?void 0:()=>this.toggleDropdown()},s("ifx-icon",{key:"icon-down",icon:"chevron-down-16"})))),this.caption&&s("div",{key:"067c7c9fab1188e7475caf946f9030f977862f35",class:"multi__select-caption "+(this.readOnly?"":this.internalError?"error":this.disabled?"disabled":"")},this.caption))}static get watchers(){return{error:[{updateInternalError:0}],persistentSelectedOptions:[{onSelectionChange:0}]}}};a.style='.ifx-multiselect-container{position:relative;box-sizing:border-box;font-family:var(--ifx-font-family)}.ifx-multiselect-container.disabled .ifx-label-wrapper{color:#bfbbbb}.ifx-multiselect-container.disabled .ifx-multiselect-wrapper{background:#bfbbbb;color:#ffffff;border-color:#bfbbbb;cursor:default;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ifx-multiselect-container.readOnly{cursor:text}.ifx-multiselect-container.readOnly .ifx-multiselect-wrapper{border:none;border-bottom:1px solid #bfbbbb;border-radius:1px;pointer-events:none;padding-left:0}.ifx-multiselect-container.readOnly .ifx-multiselect-wrapper .ifx-clear-button{display:none}.ifx-multiselect-container.readOnly .ifx-multiselect-wrapper .icon-wrapper-down,.ifx-multiselect-container.readOnly .ifx-multiselect-wrapper .icon-wrapper-up{color:#bfbbbb}.ifx-multiselect-container:not(.readOnly):not(.disabled):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-label-wrapper .required{margin-left:4px}.ifx-multiselect-container .ifx-label-wrapper .required.error{color:#cd002f}.ifx-multiselect-container .multi__select-caption{font-style:normal;font-weight:400;font-size:0.75rem;line-height:1rem;color:#1d1d1d;flex:none;order:1;align-self:stretch;flex-grow:0}.ifx-multiselect-container .multi__select-caption.error{color:#cd002f}.ifx-multiselect-container .multi__select-caption.disabled{color:#bfbbbb}.ifx-multiselect-container .ifx-multiselect-wrapper{background-color:#ffffff;box-sizing:border-box;display:flex;align-items:center;border:1px solid #8d8786;border-radius:1px;width:100%;font-weight:400;font-style:normal;height:40px;line-height:24px;padding:4px 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.error{border-color:#cd002f}.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.chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;position:relative;white-space:normal;overflow:hidden;text-overflow:clip}.ifx-multiselect-container .ifx-multiselect-input.placeholder:not(.disabled){color:#8d8786}.ifx-multiselect-container .ifx-multiselect-measurement{position:absolute;top:0;left:0;display:flex;flex-wrap:nowrap;width:max-content;height:0;visibility:hidden;pointer-events:none;white-space:nowrap}.ifx-multiselect-container .ifx-multiselect-chip{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;max-width:100%;padding:4px 8px;border:3px solid #0a8276;border-radius:9999px;background-color:#ffffff;color:#0a8276;font:400 0.875rem/1.25rem "Source Sans 3";font-family:var(--ifx-font-family);font-size:var(--ifx-font-size-xs);font-style:normal;font-weight:var(--ifx-font-weight-regular);line-height:var(--ifx-line-height-xs);letter-spacing:var(--ifx-letter-spacing-default);height:28px}.ifx-multiselect-container .ifx-multiselect-chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ifx-multiselect-container .ifx-multiselect-chip-remove{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:12px;height:12px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.ifx-multiselect-container .ifx-multiselect-chip-remove svg{width:12px;height:12px}.ifx-multiselect-container .ifx-multiselect-chip-remove:hover{color:#08665c}.ifx-multiselect-container .ifx-multiselect-chip-remove:focus-visible{outline:2px solid #0a8276;outline-offset:1px;border-radius:2px}.ifx-multiselect-container .ifx-multiselect-indicator{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;box-sizing:border-box;width:23px;height:22px;padding:0;border-radius:50%;background-color:#0a8276;color:#ffffff;text-align:center;font-feature-settings:"liga" off, "clig" off;font-family:"Source Sans 3";font-size:14px;font-style:normal;font-weight:600;line-height:16px;}.ifx-multiselect-container .ifx-multiselect-icon-container{margin-left:auto;display:flex;align-items:center;gap:8px}.ifx-multiselect-container .ifx-multiselect-icon-container .ifx-multiselect-icon-container{display:flex}.ifx-multiselect-container .ifx-multiselect-icon-container .icon-wrapper{display:flex;align-items:center;transition:transform 0.2s ease-in-out}.ifx-multiselect-container .ifx-multiselect-icon-container .icon-wrapper--open{transform:rotate(180deg)}.ifx-multiselect-container .ifx-clear-button{display:flex;align-items:center}.ifx-multiselect-container .ifx-clear-button.hide{display:none}.ifx-multiselect-container .ifx-multiselect-dropdown-menu{box-sizing:border-box;position:absolute;top:100%;left:0;width:100%;margin-top:4px;padding-bottom:8px;border:1px solid #eeeded;background-color:#ffffff;box-shadow:0 1px 1px 0 rgba(29, 29, 29, 0.12), 0 0 1px 0 rgba(29, 29, 29, 0.12);max-height:300px;z-index:1000;display:flex;flex-direction:column}.ifx-multiselect-container:not(.disabled) .ifx-multiselect-wrapper:hover:not(.focus,:focus){border-color:#575352}.ifx-multiselect-dropdown-functions{padding:12px 16px;border-bottom:1px solid #eeeded;flex-shrink:0}.ifx-multiselect-dropdown-search{margin-bottom:12px}.ifx-multiselect-dropdown-controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.ifx-multiselect-dropdown-controls .select-all-wrapper{display:flex;flex:1 1 auto;min-width:0}.ifx-multiselect-dropdown-controls .select-all-wrapper ifx-checkbox{width:100%}.ifx-multiselect-dropdown-controls .expand-collapse-controls{display:flex;gap:12px}.ifx-multiselect-dropdown-controls .control-item{font-size:16px;line-height:24px}.ifx-multiselect-dropdown-controls .control-item:hover{color:#0a8276}.ifx-multiselect-dropdown-controls .control-item:active{color:#08665c}.ifx-multiselect-dropdown-controls .control-item:focus{outline:none}.ifx-multiselect-dropdown-controls .control-item:focus-visible{outline:2px solid #0a8276;outline-offset:2px;border-radius:1px}.ifx-multiselect-options{flex:1;overflow-y:auto;padding-top:8px}.ifx-multiselect-options.show-no-results .ifx-multiselect-no-results{display:block}.ifx-multiselect-no-results{padding-left:16px;padding-right:16px;display:none}';const c=class{constructor(t){e(this,t)}get el(){return i(this)}value;selected=!1;disabled=!1;indeterminate=!1;isExpanded=!1;hasChildren=!1;depth=0;searchTerm="";isSearchActive=!1;isSearchDisabled=!1;disabledByGroup=!1;componentWillLoad(){this.hasChildren=this.el.children.length>0,this.depth=this.calculateDepth(),this.disabledByGroup=this.el.closest("ifx-multiselect-group")?.disabled??!1,this.el.setAttribute("data-level",this.depth.toString()),this.hasChildren&&this.hasAnySelectedChildren()&&(this.isExpanded=!0)}componentDidLoad(){this.el.__stencil_instance=this,this.notifyMultiselect(),this.el.addEventListener("ifx-search-filter",this.handleSearchFilter),this.el.addEventListener("ifx-group-disabled-change",this.handleGroupDisabledChange)}disconnectedCallback(){this.el.removeEventListener("ifx-search-filter",this.handleSearchFilter),this.el.removeEventListener("ifx-group-disabled-change",this.handleGroupDisabledChange)}handleGroupDisabledChange=e=>{this.disabledByGroup=e.detail.disabled};isEffectivelyDisabled(){return this.disabled||this.disabledByGroup}handleSearchFilter=e=>{const{searchTerm:t,isActive:i}=e.detail;this.searchTerm=t.toLowerCase(),this.isSearchActive=i,requestAnimationFrame((()=>{this.updateSearchClasses()}))};updateSearchClasses(){const e=this.el.shadowRoot?.querySelector(".option");if(!e)return;if(!this.isSearchActive)return e.classList.remove("search-hidden","search-parent","search-match"),this.removeHighlighting(),void(this.isSearchDisabled=!1);const t=this.getTextContent().toLowerCase().includes(this.searchTerm),i=this.hasMatchingParent();requestAnimationFrame((()=>{const s=this.hasMatchingChildren();e.classList.remove("search-hidden","search-parent","search-match"),this.isSearchDisabled=!1,t&&!this.hasChildren?(e.classList.add("search-match"),this.highlightSearchTerm()):t&&this.hasChildren?(e.classList.add("search-match"),this.highlightSearchTerm(),this.isExpanded=!0):!t&&this.hasChildren&&s?(e.classList.add("search-parent"),this.removeHighlighting(),this.isExpanded=!0,this.isSearchDisabled=!0):i?(e.classList.add("search-match"),this.removeHighlighting()):(e.classList.add("search-hidden"),this.removeHighlighting())}))}highlightSearchTerm(){if(!this.searchTerm)return;const e=this.el.shadowRoot?.querySelector(".option-label");if(!e)return;const t=e.querySelector("slot");if(!t)return;this.removeHighlighting();const i=this.getTextContent(),s=this.searchTerm.toLowerCase(),o=i.toLowerCase();if(!o.includes(s))return;const l=o.indexOf(s);if(-1===l)return;const n=i.substring(0,l),r=i.substring(l,l+s.length),a=i.substring(l+s.length),c=document.createElement("span");c.className="highlighted-text",n&&c.appendChild(document.createTextNode(n));const h=document.createElement("strong");h.className="search-highlight",h.textContent=r,c.appendChild(h),a&&c.appendChild(document.createTextNode(a)),e.setAttribute("data-original-content","true"),t.style.display="none",e.appendChild(c)}removeHighlighting(){const e=this.el.shadowRoot?.querySelector(".option-label");if(!e)return;const t=e.querySelector("slot"),i=e.querySelector(".highlighted-text");i&&e.removeChild(i),t&&(t.style.display=""),e.removeAttribute("data-original-content")}getTextContent(){let e="";return Array.from(this.el.childNodes).forEach((t=>{t.nodeType===Node.TEXT_NODE&&(e+=t.textContent?.trim()||"")})),e||this.value||""}hasMatchingChildren(){return!!this.hasChildren&&Array.from(this.el.children).filter((e=>"IFX-MULTISELECT-OPTION"===e.tagName)).some((e=>{const t=e.__stencil_instance;if(!t)return!1;const i=t.getTextContent().toLowerCase().includes(this.searchTerm),s=t.hasMatchingChildren();return i||s}))}hasMatchingParent(){let e=this.el.parentElement;for(;e&&"IFX-MULTISELECT-OPTION"===e.tagName;){const t=e.__stencil_instance;if(t&&t.getTextContent().toLowerCase().includes(this.searchTerm))return!0;e=e.parentElement}return!1}calculateDepth(){let e=0,t=this.el.parentElement;for(;t&&"IFX-MULTISELECT"!==t.tagName;)"IFX-MULTISELECT-OPTION"===t.tagName&&e++,t=t.parentElement;return e}handleClick(e){if(this.isEffectivelyDisabled()||this.isSearchActive&&this.isSearchDisabled)return;if(e.stopPropagation(),"click"===e.type&&e.target.closest(".chevron-wrapper"))return void this.toggleExpansion();let t;t=!!this.indeterminate||!this.selected,this.selected=t,this.indeterminate=!1,this.hasChildren&&(this.isExpanded=t,requestAnimationFrame((()=>{this.selectAllChildren(t),this.expandAllChildren(t)}))),this.updateParentStates(),this.notifyMultiselect()}handleKeyDown(e){if(this.isEffectivelyDisabled()||this.isSearchActive&&this.isSearchDisabled)return;const t=e.target;t.closest(".chevron-wrapper")||t.closest(".checkbox-wrapper")||("ArrowUp"!==e.key&&"ArrowDown"!==e.key&&e.stopPropagation(),"ArrowRight"===e.key&&this.hasChildren&&(this.isExpanded=!0),"ArrowLeft"===e.key&&this.hasChildren&&(this.isExpanded=!1))}notifyMultiselect(){const e=new CustomEvent("ifx-option-changed",{bubbles:!0,detail:{value:this.value,selected:this.selected,indeterminate:this.indeterminate}});this.el.dispatchEvent(e)}selectAllChildren(e){Array.from(this.el.children).filter((e=>"IFX-MULTISELECT-OPTION"===e.tagName)).forEach((t=>{const i=t.__stencil_instance;i&&(i.selected=e,i.indeterminate=!1,i.hasChildren&&(i.isExpanded=e,i.selectAllChildren(e)),i.notifyMultiselect?.())}))}expandAllChildren(e){Array.from(this.el.children).filter((e=>"IFX-MULTISELECT-OPTION"===e.tagName)).forEach((t=>{const i=t.__stencil_instance;i&&i.hasChildren&&(i.isExpanded=e,i.expandAllChildren(e))}))}updateParentStates(){let e=this.el.parentElement;for(;e&&"IFX-MULTISELECT-OPTION"===e.tagName;){const t=e.__stencil_instance;if(!t){e=e.parentElement;continue}const i=Array.from(e.children).filter((e=>"IFX-MULTISELECT-OPTION"===e.tagName)).map((e=>e.__stencil_instance)).filter((e=>null!==e)),s=i.filter((e=>e.selected)).length,o=i.filter((e=>e.indeterminate)).length;s===i.length&&0===o?(t.selected=!0,t.indeterminate=!1):0===s&&0===o?(t.selected=!1,t.indeterminate=!1):(t.selected=!1,t.indeterminate=!0),t.notifyMultiselect?.(),e=e.parentElement}}toggleExpansion(){this.isEffectivelyDisabled()||(this.isExpanded=!this.isExpanded)}handleCheckboxClick=e=>{if(this.isEffectivelyDisabled()||this.isSearchActive&&this.isSearchDisabled)return;let t;e.preventDefault(),e.stopPropagation(),t=!!this.indeterminate||!this.selected,this.selected=t,this.indeterminate=!1,this.hasChildren&&(this.isExpanded=t,requestAnimationFrame((()=>{this.selectAllChildren(t),this.expandAllChildren(t)}))),this.updateParentStates(),this.notifyMultiselect()};handleHeaderClick=e=>{e.stopPropagation(),this.isEffectivelyDisabled()||this.isSearchActive&&this.isSearchDisabled||this.handleClick(e)};hasAnySelectedChildren(){return Array.from(this.el.children).filter((e=>"IFX-MULTISELECT-OPTION"===e.tagName)).some((e=>{const t=e.hasAttribute("selected"),i=this.checkForSelectedDescendants(e);return t||i}))}checkForSelectedDescendants(e){return Array.from(e.children).filter((e=>"IFX-MULTISELECT-OPTION"===e.tagName)).some((e=>{const t=e.hasAttribute("selected"),i=this.checkForSelectedDescendants(e);return t||i}))}render(){const e=this.isEffectivelyDisabled();let t=!1;const i=this.el.closest("ifx-multiselect");return i&&(t=Array.from(i.querySelectorAll("ifx-multiselect-option")).every((e=>0===e.children.length))),s(o,{key:"d97998a025be93ca514e4c01ad94e8ec33b9e6cf"},s("div",{key:"83841ccf6375f1475f4d8f298a4e3736eeadb01a",class:{option:!0,"option--has-children":this.hasChildren,"option--expanded":this.isExpanded,"option--disabled":e,"option--selected":this.selected},role:"option","aria-expanded":this.hasChildren?this.isExpanded?"true":"false":void 0,"aria-selected":this.selected?"true":"false","aria-disabled":e?"true":"false","data-level":this.depth,"data-value":this.value},s("div",{key:"c3e446129deb0410a7eb24b8098e72378dfcb171",class:"option-item",style:t?void 0:{paddingLeft:28*this.depth+16+(this.hasChildren?0:28)+"px"}},s("div",{key:"ff701e6e5443217ce118a2b744a8ef3e9f02e1d4",class:"chevron-wrapper",tabIndex:this.hasChildren?0:-1,role:this.hasChildren?"button":void 0,"aria-label":this.hasChildren?this.isExpanded?"Collapse":"Expand":void 0,onClick:e=>{e.stopPropagation(),this.toggleExpansion()},onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),this.toggleExpansion())}},this.hasChildren&&s("ifx-icon",{key:"847f43c183b216a5cce7657db1b73d643702f416",class:"chevron "+(this.isExpanded?"chevron--expanded":"chevron--collapsed"),icon:"chevron-right-16"})),s("div",{key:"29f009853223a01858c89af8dde1aa995eb0bd1e",class:"checkbox-wrapper",onClick:e=>e.stopPropagation()},s("ifx-checkbox",{key:"e9bf9743d8ea7d0e7be879ab9697a5243d1afd8c",size:"s",checked:(!this.isSearchActive||!this.isSearchDisabled)&&!this.indeterminate&&this.selected,indeterminate:(!this.isSearchActive||!this.isSearchDisabled)&&this.indeterminate,onClick:this.handleCheckboxClick,disabled:e||this.isSearchActive&&this.isSearchDisabled,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),this.handleCheckboxClick(e))}})),s("div",{key:"387bd2749a759b549fe6ad7b2e88787b3d0ab3f6",class:"option-label",onClick:this.handleHeaderClick,tabIndex:-1},s("slot",{key:"ca673834ac84bd0d360a5743fe6278dbb4a00190"}))),this.isExpanded&&s("div",{key:"0c9a5e688a83b0f0b2fac2621ec154729c9e74de",class:"option-children"},s("slot",{key:"4bfc5e2b25d1ef7ad27d8462c5aea0380d138396",name:"children"}))))}};c.style=":host{display:block;width:100%}.option{display:flex;flex-direction:column;position:relative;cursor:pointer;list-style:none}.option.option--expanded{position:relative}.option.option--has-children{position:relative}.option.option--has-children .option-item>.chevron-wrapper{display:flex}.option--disabled{cursor:not-allowed;pointer-events:none;color:#bfbbbb}.option.search-hidden{display:none !important}.option.search-match .option-item .option-label .search-highlight{font-weight:bold}.option-item{display:flex;flex-direction:row;align-items:center;white-space:nowrap;min-height:20px;padding:4px 16px;background-color:#ffffff;transition:background-color 0.2s ease-in-out}.option-item:hover{background-color:#f7f7f7}.option--disabled .option-item:hover{background-color:transparent}.option-children{display:block}.chevron-wrapper{display:none;align-items:center;justify-content:center;margin-right:8px;width:20px;height:20px;flex-shrink:0}.chevron-wrapper:focus{outline:none}.chevron-wrapper:focus-visible{outline:2px solid #0a8276;outline-offset:2px;border-radius:1px}.option--has-children .chevron-wrapper{display:flex}.chevron-wrapper .chevron{transition:transform 0.2s ease-in-out;color:#3c3a39}.chevron-wrapper .chevron.chevron--expanded{transform:rotate(90deg)}.chevron-wrapper .chevron.chevron--collapsed{transform:rotate(0deg)}.checkbox-wrapper{display:flex;align-items:center;margin-right:8px;flex-shrink:0}.option-label{flex-grow:1;display:flex;align-items:center;cursor:pointer;padding:2px 0;font-family:var(--ifx-font-family);font-size:0.875rem}.option-label:focus{outline:none}.option-label:focus-visible{outline:2px solid #0a8276;outline-offset:2px;border-radius:1px}.option--disabled .option-label{cursor:not-allowed;color:#bfbbbb}";export{a as ifx_multiselect,c as ifx_multiselect_option}

package/dist/infineon-design-system-stencil/p-f5b65911.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,a as s,h as i}from"./p-CY4s4b6R.js";const r=class{constructor(s){t(this,s),this.ifxListUpdate=e(this,"ifxListUpdate",7)}get el(){return s(this)}expanded=!1;showMore=!1;selectedCount=0;totalItems=0;name="";maxVisibleItems=6;type="checkbox";resetTrigger;internalResetTrigger=!1;ifxListUpdate;observer;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((e=>e.setAttribute("type",t)))}resetListEntries(){Array.from(this.el.querySelectorAll("ifx-list-entry")).forEach((t=>{t.value=!1,t.setAttribute("value","false")}))}handleMutation=()=>{const t=this.getTotalItems();t!==this.totalItems&&(this.totalItems=t,this.handleCheckedChange()),this.updateListEntriesType(this.type)};checkRadioButtonConstraint(){"radio-button"===this.type&&this.selectedCount>1&&(this.resetListEntries(),this.selectedCount=0)}getTotalItems(){return this.el.querySelectorAll("ifx-list-entry").length}toggleShowMore=t=>{t.stopPropagation(),this.showMore=!this.showMore};getSelectedItems(t){return Array.from(t.querySelectorAll("ifx-list-entry")).filter((t=>"true"===t.getAttribute("value"))).map((t=>({label:t.getAttribute("label"),value:t.getAttribute("value"),type:t.getAttribute("type"),element:t})))}handleCheckedChange=t=>{t&&"radio-button"===t.detail.type&&t.detail.value&&Array.from(this.el.querySelectorAll("ifx-list-entry")).filter((e=>"radio-button"===e.getAttribute("type")&&e!==t.target)).forEach((t=>t.setAttribute("value","false")));const e=this.getSelectedItems(this.el);this.selectedCount=e.length,this.ifxListUpdate.emit({name:this.name,selectedItems: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((t=>i("slot",{name:t.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-16":"chevron-down-16"}),i("ifx-link",{size:"s",href:"",target:"_blank",variant:"underlined",disabled:!1},this.showMore?"Show less":`Show ${s} more`)))}static get watchers(){return{type:[{handleTypeChange:0}],resetTrigger:[{resetTriggerChanged:0}]}}};r.style=".link-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:8px;font-family:var(--ifx-font-family)}";export{r as ifx_list}

package/dist/infineon-design-system-stencil/p-f740a48b.entry.js

@@ -0,0 +1 @@
+import{r as i,c as o,a,h as t,d as f}from"./p-CY4s4b6R.js";import{i as e}from"./p-CtINY9El.js";import{d as n,t as c}from"./p-DNHOWgWh.js";const r=class{constructor(a){i(this,a),this.ifxClose=o(this,"ifxClose",7)}get el(){return a(this)}icon;variant="success";linkText;linkHref;linkTarget="_blank";closable=!1;ifxClose;async componentDidLoad(){if(!e(this.el)){const i=n();c("ifx-notification",await i)}}getClassName(){switch(this.variant){case"success":default:return"ifx-notification__wrapper--success";case"locked":return"ifx-notification__wrapper--locked";case"error":return"ifx-notification__wrapper--error";case"neutral":return"ifx-notification__wrapper--neutral"}}handleClose=()=>{this.ifxClose.emit()};render(){return t(f,{key:"3b4c2c3c9cf8b8dc56e4c03a6b5e7757fa069295"},t("div",{key:"c9f12525b0cb99e0f989f647f75cd54fd546f35c",class:"ifx-notification__wrapper "+this.getClassName()},t("div",{key:"c31e5f2891bff412e0aa80510f52dd8137ea90cd",class:"ifx-notification__icon"},t("ifx-icon",{key:"003aed8b560b45fb9e2c55110bf9eca36f1c6e9a",icon:this.icon})),t("div",{key:"e1a8b034fda18d1a0d3ac2b5a9c98e7cb65771dc",class:"ifx-notification__body"},t("div",{key:"1745a44e54e8ec9fce8e0b3ccf3cb116faca29a0",class:"ifx-notification__slot"},t("slot",{key:"94ff78b9673735df73dc2ffd049da77488bc723d"})),this.linkText&&this.linkHref&&t("div",{key:"5c691679cb41f5538dca41f4ae5d47eccb59a614",class:"ifx-notification__link"},t("ifx-link",{key:"c9167e4da0f3a8fe3f3ef8a8518538478214e9d9",href:this.linkHref,target:this.linkTarget,size:"s"},this.linkText,t("ifx-icon",{key:"5e6336a851f1bdacd298ca3fa444bac374e28c9c",icon:"arrow-right-16"})))),this.closable&&t("div",{key:"804653d9313f756b90bb5129ddbf51c5ff0e9a38",class:"close-icon-wrapper"},t("button",{key:"92a3c21233d96cd916405b9cf17487bb866b0793",class:"ifx-notification__close","aria-label":"Dismiss notification",onClick:this.handleClose},t("ifx-icon",{key:"4114a57aca81bc92d4e0c048d35c3c491275b821",icon:"cross-16"})))))}};r.style=".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 .close-icon-wrapper{align-self:flex-start}.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--locked{border-left:4px solid #e16b25}.ifx-notification__wrapper.ifx-notification__wrapper--locked .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__wrapper--neutral{border-left:4px solid #0a8276}.ifx-notification__wrapper.ifx-notification__wrapper--neutral .ifx-notification__icon{color:#0a8276}.ifx-notification__wrapper .ifx-notification__icon{margin-right:8px;display:flex;align-items:center;align-self:flex-start;height:1.25rem}.ifx-notification__wrapper .ifx-notification__body{display:flex;flex-direction:row;flex-grow:1;gap:0 24px;font-size:0.875rem}.ifx-notification__wrapper .ifx-notification__body .ifx-notification__slot{flex-grow:1;min-width:0;align-items:center}.ifx-notification__wrapper .ifx-notification__link{flex-shrink:0;white-space:nowrap;font-size:0.875rem}.ifx-notification__wrapper .ifx-notification__close{margin-left:24px;display:flex;align-items:center;border:none;background:none;cursor:pointer}@media (max-width: 375px){.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}}";export{r as ifx_notification}

package/dist/infineon-design-system-stencil/p-f9273ee7.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,a as c,h as i}from"./p-CY4s4b6R.js";import{i as a}from"./p-CtINY9El.js";import{d as s,t as r}from"./p-DNHOWgWh.js";const o=class{constructor(c){e(this,c),this.ifxChange=t(this,"ifxChange",7),c.$hostElement$["s-ei"]?this.internals=c.$hostElement$["s-ei"]:(this.internals=c.$hostElement$.attachInternals(),c.$hostElement$["s-ei"]=this.internals)}initialChecked;get el(){return c(this)}checked=!1;onCheckedChange(e,t){e!==t&&(this.checked=e,this.updateFormValue())}disabled=!1;readOnly=!1;name="";value="on";internals;ifxChange;componentWillLoad(){this.initialChecked=this.checked,this.updateFormValue()}async componentDidLoad(){if(!a(this.el)){const e=s();r("ifx-switch",await e)}this.toggleLabelGap()}formResetCallback(){this.checked=this.initialChecked,this.updateFormValue()}formStateRestoreCallback(e,t){e?(this.checked=!0,this.updateFormValue()):(this.checked=!1,this.internals.setFormValue(null))}async isChecked(){return this.checked}async setChecked(e){return this.checked=e,Promise.resolve()}async toggle(){return Promise.resolve(this.toggleSwitch())}handleKeyDown(e){this.disabled||this.readOnly||"Enter"!==e.key&&" "!==e.key||this.toggleSwitch()}toggleSwitch(){if(!this.disabled&&!this.readOnly)return this.checked=!this.checked,this.updateFormValue(),this.ifxChange.emit(this.checked),this.checked}updateFormValue(){this.internals.setFormValue(this.checked?this.value:null)}toggleLabelGap(){const e=this.el.shadowRoot.querySelector("slot"),t=this.el.shadowRoot.querySelector(".container");e.assignedNodes().length?t.classList.add("gap"):t.classList.remove("gap")}render(){return i("div",{key:"9c1bcd3ef1d073d117ea30a3403b3a523c6a1b8f",class:"container",role:"switch","aria-checked":this.checked?"true":"false","aria-disabled":this.disabled||this.readOnly?"true":"false","aria-readonly":this.readOnly?"true":"false","aria-labelledby":"switch-label",tabIndex:this.disabled?-1:0,onClick:()=>this.toggleSwitch(),onKeyDown:e=>this.handleKeyDown(e)},i("div",{key:"f6ecd560e30a8e8274d631769ed2caafd88d052a",class:`switch__checkbox-container ${this.checked?"checked":""} ${this.readOnly?"readOnly":this.disabled?"disabled":""}`},i("div",{key:"5d1c4d4dbe78e98a75a7aea071c95686f63517a7",class:"switch__checkbox-wrapper"},i("input",{key:"5811a455d03b91a0f01b0a81fd71d9d3df725770",type:"checkbox",hidden:!0,name:this.name,disabled:this.disabled&&!this.readOnly,checked:this.checked,value:this.value}),i("div",{key:"1a7af5766ad6c3d36384ed85fc6cd668570a7a14",class:`switch ${this.checked?"checked":""} ${this.readOnly?"readOnly":this.disabled?"disabled":""}`}))),i("div",{key:"823964c09843b68b74c065371391c3afaae5c878",class:"switch__label-wrapper "+(this.readOnly?"readOnly":this.disabled?"disabled":"")},i("label",{key:"d6c95ecf19ead9a6bc70f7d15f773e2779daa4ce",htmlFor:"switch"},i("slot",{key:"ca9f2a9eb9559f1932093cf31d4581bd81282a24",onSlotchange:()=>this.toggleLabelGap()}))))}static get formAssociated(){return!0}static get watchers(){return{checked:[{onCheckedChange:0}]}}};o.style=":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{font-family:var(--ifx-font-family);color:#1d1d1d}.switch__label-wrapper label:hover{cursor:pointer}.switch__label-wrapper.disabled{color:#bfbbbb}.switch__label-wrapper.disabled label:hover{cursor:default}.switch__label-wrapper.readOnly{color:#575352}.switch__label-wrapper.readOnly label:hover{cursor:default}.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}.switch__checkbox-container.checked.readOnly{background-color:#575352;border-color:#575352}.switch__checkbox-container.readOnly{border-color:#bfbbbb;cursor:default}";export{o as ifx_switch}

package/dist/infineon-design-system-stencil/p-fbdef7ac.entry.js

@@ -0,0 +1 @@
+import{r as e,a as t,h as i}from"./p-CY4s4b6R.js";const a=class{constructor(t){e(this,t)}get el(){return t(this)}direction;hasDesc;componentWillLoad(){const e=this.el.closest("ifx-card");if(e){const t=e.shadowRoot.querySelector(".card")?.className;t&&t.includes("horizontal")&&(this.direction="horizontal"),e.querySelector("ifx-card-text")&&(this.hasDesc=!0)}}render(){return i("div",{key:"b8e311b9ae6cab669ef0e0bf4761bc44498e0f4c",class:"card__headline-wrapper "+(this.hasDesc?"withDesc":"")},i("div",{key:"299da45fcffac2c89ad9d5056e91dc7c7adb3715",class:`card-headline ${this.direction}`},i("slot",{key:"d249ab6b2cc602502bb03ac83504b235066c09bf"})))}};a.style=":host{pointer-events:auto}.card__headline-wrapper{padding-bottom:var(--card-headline-padding, 16px)}.card__headline-wrapper.withDesc{padding-bottom:8px}.card-headline{pointer-events:none;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:var(--card-headline-font, 1.25rem);line-height:var(--card-headline-line-height, 28px)}::slotted(a),::slotted(button),::slotted(ifx-link),::slotted(ifx-button){pointer-events:auto}";export{a as ifx_card_headline}

package/dist/loader/cdn.js

@@ -0,0 +1 @@
+module.exports = require('../cjs/loader.cjs.js');

package/dist/loader/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('../cjs/loader.cjs.js');

package/dist/loader/index.d.ts

@@ -0,0 +1,24 @@
+export * from '../types/components';
+export interface CustomElementsDefineOptions {
+  exclude?: string[];
+  resourcesUrl?: string;
+  syncQueue?: boolean;
+  jmp?: (c: Function) => any;
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
+/**
+ * @deprecated
+ */
+export declare function applyPolyfills(): Promise<void>;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare function setNonce(nonce: string): void;

package/dist/loader/index.es2017.js

@@ -0,0 +1 @@
+export * from '../esm/loader.js';

package/dist/loader/index.js

@@ -0,0 +1,2 @@
+(function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
+export * from '../esm/loader.js';

package/dist/types/components/accordion/accordion.d.ts

@@ -0,0 +1,8 @@
+export declare class Accordion {
+    el: HTMLIfxAccordionElement;
+    /** Collapse the other items when one item is opened. */
+    readonly autoCollapse: boolean;
+    componentDidLoad(): Promise<void>;
+    onItemOpen(event: CustomEvent): Promise<void>;
+    render(): any;
+}

package/dist/types/components/accordion/accordionItem.d.ts

@@ -0,0 +1,31 @@
+import { type EventEmitter } from "../../stencil-public-runtime";
+export declare class AccordionItem {
+    el: HTMLIfxAccordionItemElement;
+    /** The caption of the accordion item. */
+    readonly caption: string;
+    /** Set the open attribute to open the accordion item. */
+    open: boolean;
+    /** The aria-level attribute for the accordion item header. */
+    readonly ariaLevelNumber: number;
+    /** The icon to be displayed in the accordion item header. */
+    readonly icon: string;
+    internalOpen: boolean;
+    /** Event emitted when accordion is opened. */
+    ifxOpen: EventEmitter;
+    /** Event emitted when an accordion item is closed. */
+    ifxClose: EventEmitter;
+    private contentEl;
+    private titleEl;
+    private resizeObserver;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    componentDidUpdate(): void;
+    openChanged(newValue: boolean): void;
+    private toggleOpen;
+    private openAccordionItem;
+    private getInnerContentWrapper;
+    private attachResizeObserver;
+    handleKeydown(ev: KeyboardEvent): void;
+    private checkSlotContent;
+    render(): any;
+}

package/dist/types/components/action-list/action-list-item.d.ts

@@ -0,0 +1,59 @@
+import { type EventEmitter } from "../../stencil-public-runtime";
+export interface ActionListItemClickEvent {
+    value?: string;
+    href?: string;
+    target?: string;
+    component?: ActionListItem;
+}
+export declare class ActionListItem {
+    host: HTMLIfxActionListItemElement;
+    /**
+     * The title text displayed in the item
+     */
+    readonly itemTitle: string;
+    /**
+     * The description text displayed below the title
+     */
+    readonly description?: string;
+    /**
+     * Value associated with this item
+     */
+    readonly value?: string;
+    /**
+     * URL to navigate to when item is clicked
+     */
+    readonly href?: string;
+    /**
+     * Target for the link navigation
+     * @default '_self'
+     */
+    readonly target: string;
+    /**
+     * Controls whether the item is disabled
+     * @default false
+     */
+    readonly disabled: boolean;
+    /**
+     * Aria label for accessibility support
+     */
+    readonly itemAriaLabel?: string;
+    /**
+     * Event emitted when the main item area is clicked
+     */
+    ifxActionListItemClick: EventEmitter<ActionListItemClickEvent>;
+    onDisabledChange(): void;
+    private handleMainClick;
+    private handleLeadingClick;
+    private handleTrailingClick;
+    private isInteractiveElement;
+    private handleMainKeyDown;
+    private handleLeadingKeyDown;
+    private handleTrailingKeyDown;
+    private hasSlotContent;
+    componentDidLoad(): void;
+    componentDidUpdate(): void;
+    private updateSlotElementsDisabledState;
+    private setElementDisabledState;
+    private renderContent;
+    render(): any;
+}

package/dist/types/components/action-list/action-list.d.ts

@@ -0,0 +1,9 @@
+export declare class ActionList {
+    el: HTMLIfxActionListElement;
+    /**
+     * Aria label for accessibility support
+     */
+    readonly listAriaLabel?: string;
+    componentDidLoad(): Promise<void>;
+    render(): any;
+}

package/dist/types/components/ai-label/ai-label.d.ts

@@ -0,0 +1,7 @@
+export declare class AiLabel {
+    /** Determines whether to show a divider line */
+    readonly divider: boolean;
+    /** Display variant - either label or icon */
+    readonly variant: 'label' | 'icon';
+    render(): any;
+}

package/dist/types/components/alert/alert.d.ts

@@ -0,0 +1,22 @@
+import { type EventEmitter } from "../../stencil-public-runtime";
+export declare class Alert {
+    el: HTMLIfxAlertElement;
+    /** Visual style variant of the component. */
+    readonly variant: "primary" | "success" | "danger" | "warning" | "info";
+    /** Name or identifier of the icon to display. */
+    readonly icon: string;
+    /** Event emitted when the component is closed. */
+    ifxClose: EventEmitter;
+    /** Wether the component can be closed by the user. */
+    readonly closable: boolean;
+    /** Aria live region setting for accessibility announcements. */
+    readonly AriaLiveText = "assertive";
+    uniqueId: string;
+    private alertTypeDescription;
+    private handleClose;
+    private renderCloseButton;
+    private generateUniqueId;
+    componentWillLoad(): void;
+    componentDidLoad(): Promise<void>;
+    render(): any;
+}

package/dist/types/components/breadcrumb/breadcrumb-item-label.d.ts

@@ -0,0 +1,14 @@
+import { type EventEmitter } from "../../stencil-public-runtime";
+export declare class BreadcrumbItemLabel {
+    /** Icon displayed inside the breadcrumb item. */
+    readonly icon: string;
+    /** URL the breadcrumb item links to. */
+    readonly href: string;
+    /** Where to open the link. */
+    readonly target: string;
+    el: HTMLIfxBreadcrumbItemLabelElement;
+    /** Fires with the icon wrapper element when it's ready. */
+    breadcrumbMenuIconWrapper: EventEmitter<HTMLElement>;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/breadcrumb/breadcrumb-item.d.ts

@@ -0,0 +1,25 @@
+export declare class BreadcrumbItem {
+    isLastItem: boolean;
+    el: HTMLIfxBreadcrumbItemElement;
+    private emittedElement;
+    uniqueId: string;
+    hasDropdownMenu: boolean;
+    handleOutsideClick(event: MouseEvent): void;
+    handleKeyDown(ev: KeyboardEvent): void;
+    private getDropdownMenu;
+    menuWrapperEventReEmitter(event: CustomEvent<HTMLElement>): void;
+    private getMenuIconWrapper;
+    private handleClassList;
+    private closeDropdownMenu;
+    private toggleDropdownMenu;
+    private isDropdownMenuOpen;
+    private handleLastItem;
+    private generateUniqueId;
+    componentWillLoad(): void;
+    componentDidUpdate(): void;
+    componentWillRender(): void;
+    private setHasDropdownMenuState;
+    private getIfxDropdownMenuComponent;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/breadcrumb/breadcrumb.d.ts

@@ -0,0 +1,6 @@
+export declare class Breadcrumb {
+    el: HTMLIfxBreadcrumbElement;
+    componentDidLoad(): Promise<void>;
+    private validateBreadcrumbItemStructure;
+    render(): any;
+}

package/dist/types/components/button/button.d.ts

@@ -0,0 +1,41 @@
+export declare class Button {
+    /** Button style level (visual prominence). */
+    readonly variant: "primary" | "secondary" | "tertiary";
+    /** Color theme of the button. */
+    readonly theme: "default" | "danger" | "inverse";
+    /** Button size (xs, s, m, l). */
+    readonly size: string;
+    /** Wether the button is disabled and not clickable. */
+    readonly disabled: boolean;
+    internalHref: string;
+    /** URL the Button should navigate to when clicked.  */
+    readonly href: string;
+    /** Where to open the link. */
+    readonly target: string;
+    /** Native button type. */
+    readonly type: "button" | "submit" | "reset";
+    /** If true, button stretches to fill the available width. */
+    readonly fullWidth: boolean;
+    /** Accessible label for screen readers when text is not enough */
+    readonly ariaLabelText: string | null;
+    el: HTMLIfxButtonElement;
+    private focusableElement;
+    private nativeButton;
+    setInternalHref(newValue: string): void;
+    /** Move keayboard focus to the button. */
+    setFocus(): Promise<void>;
+    private insertNativeButton;
+    private handleFormAndInternalHref;
+    private handleButtonWidth;
+    componentWillLoad(): void;
+    componentDidLoad(): Promise<void>;
+    componentWillRender(): void;
+    private handleClick;
+    handleKeyDown(ev: KeyboardEvent): void;
+    handleHostClick(event: Event): void;
+    private handleFocus;
+    render(): any;
+    private getVariantClass;
+    private getSizeClass;
+    private getClassNames;
+}

package/dist/types/components/card/card-headline/card-headline.d.ts

@@ -0,0 +1,7 @@
+export declare class CardHeadline {
+    el: HTMLIfxCardHeadlineElement;
+    direction: string;
+    hasDesc: boolean;
+    componentWillLoad(): void;
+    render(): any;
+}

package/dist/types/components/card/card-image/card-image.d.ts

@@ -0,0 +1,17 @@
+import { type EventEmitter } from "../../../stencil-public-runtime";
+export declare class CardImage {
+    /** Image source URL. */
+    readonly src: string;
+    /** Text description of the image for screen readers. */
+    readonly alt: string;
+    /** Image position. */
+    readonly position: string;
+    /** CSS object-fit value applied to the image. */
+    readonly objectFit: "cover" | "contain" | "fill" | "none";
+    /** Emits the image position when it changes or is set. */
+    imgPosition: EventEmitter;
+    private handlePosition;
+    componentWillLoad(): void;
+    componentDidUpdate(): void;
+    render(): any;
+}

package/dist/types/components/card/card-links/card-links.d.ts

@@ -0,0 +1,4 @@
+export declare class CardLinks {
+    el: HTMLIfxCardLinksElement;
+    render(): any;
+}

package/dist/types/components/card/card-overline/card-overline.d.ts

@@ -0,0 +1,3 @@
+export declare class CardOverline {
+    render(): any;
+}

package/dist/types/components/card/card-text/card-text.d.ts

@@ -0,0 +1,6 @@
+export declare class CardText {
+    el: HTMLIfxCardTextElement;
+    hasBtn: boolean;
+    componentWillLoad(): void;
+    render(): any;
+}

package/dist/types/components/card/card.d.ts

@@ -0,0 +1,28 @@
+export declare class Card {
+    el: HTMLIfxCardElement;
+    noBtns: boolean;
+    /** Layout direction of the card. */
+    readonly direction: "horizontal" | "vertical";
+    alignment: string;
+    noImg: boolean;
+    /** Link the card should navigate to when clicked. */
+    readonly href: string;
+    internalHref: string;
+    /** Where to open the link. */
+    readonly target: string;
+    /** Accessible label for screen readers. */
+    readonly ariaLabelText: string | null;
+    /** If true, Card stretches to fill the available width. */
+    readonly fullWidth: boolean;
+    /** Controls vertical placement of the buttons slot within the card.
+    *  "default" keeps buttons inline with content height.
+    *  "bottom" pins buttons to the bottom of the card. Only takes effect when fullWidth is true. */
+    readonly actionsPlacement: "default" | "bottom";
+    setImgPosition(event: any): void;
+    private handleImageSlotChange;
+    private handleComponentAdjustment;
+    componentWillLoad(): void;
+    componentDidLoad(): Promise<void>;
+    componentWillUpdate(): void;
+    render(): any;
+}

package/dist/types/components/checkbox/checkbox.d.ts

@@ -0,0 +1,88 @@
+import { type EventEmitter } from "../../stencil-public-runtime";
+export declare class Checkbox {
+    private inputElement;
+    el: HTMLIfxCheckboxElement;
+    /**
+     * Indicates whether the checkbox is disabled. When true, the checkbox cannot be interacted with and will have a disabled appearance.
+     */
+    readonly disabled: boolean;
+    /**
+     * Indicates whether the checkbox is in a read-only state. When true, the checkbox will have a read-only appearance.
+     */
+    readonly readOnly: boolean;
+    /**
+ * The name attribute of the input element.
+ */
+    readonly name: string;
+    /**
+     * The state of the checkbox. When true, the checkbox is checked; when false, it is unchecked.
+     */
+    checked: boolean;
+    /**
+     * Indicates whether the checkbox is in an indeterminate state. When true, the checkbox will have an indeterminate appearance, which is typically used to indicate a "partially selected" state in a group of checkboxes.
+     */
+    readonly indeterminate: boolean;
+    /**
+     * Indicates whether the checkbox is in an error state. When true, the checkbox will have an error appearance.
+     */
+    readonly error: boolean;
+    /**
+     * The size of the checkbox. Can be "m" for medium (default) or "s" for small. This prop controls the overall dimensions of the checkbox and its label.
+     */
+    readonly size: string;
+    /**
+     * The value associated with the checkbox.
+     * This value is typically submitted with a form when the checkbox is checked.
+     * If not specified, it defaults to "on" when the checkbox is checked.
+     */
+    readonly value: string;
+    internalIndeterminate: boolean;
+    internals: ElementInternals;
+    private initialChecked;
+    /**
+     * Event emitted when the checkbox state changes.
+     * Emits the new checked state as a boolean value.
+     */
+    ifxChange: EventEmitter<boolean>;
+    /**
+     * Event emitted when the error state changes.
+     * Emits the new error state as a boolean value.
+     */
+    ifxError: EventEmitter<boolean>;
+    /**
+     * Method to get the current checked state of the checkbox.
+     * @returns A promise that resolves to a boolean indicating whether the checkbox is checked.
+     */
+    isChecked(): Promise<boolean>;
+    /**
+     * Method to set the checked state of the checkbox.
+     * @param newVal A boolean value to set the checked state of the checkbox.
+     * @returns A promise that resolves when the checked state has been updated.
+     */
+    setChecked(newVal: boolean): Promise<void>;
+    /**
+     * @deprecated Use `setChecked` instead.
+     */
+    toggleCheckedState(newVal: boolean): Promise<void>;
+    /**
+     * Toggles the checked state.
+     * @returns Resolves when the toggle is complete.
+     */
+    toggle(): Promise<boolean>;
+    valueChanged(newValue: boolean, oldValue: boolean): void;
+    errorChanged(newValue: boolean, oldValue: boolean): void;
+    indeterminateChanged(newValue: boolean, oldValue: boolean): void;
+    componentWillLoad(): void;
+    componentDidLoad(): Promise<void>;
+    componentDidRender(): void;
+    /**
+     * Callback for form association.
+     * Called whenever the form is reset.
+     * Resets the checkbox to its initial state.
+     */
+    formResetCallback(): void;
+    private handleCheckbox;
+    private setInputElement;
+    render(): any;
+    private getCheckedClassName;
+}