@infineon/infineon-design-system-stencil 39.4.4--canary.1723.b2cb04cb46890b174f47cfd446a0e20dc3cee6fc.0 → 39.4.4-canary.0

package/dist/infineon-design-system-stencil/{p-ca312cbb.entry.js → p-0b0f2040.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as i,a as s,d as o}from"./p-PqnYwNKt.js";import{d as n,t as l}from"./p-DcmcuUOA.js";import{i as c}from"./p-Bw2fh5LT.js";const r=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}.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: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: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.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.placeholder{opacity:0.5}.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;border:1px solid #EEEDED;background-color:#FFFFFF;box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1);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}.ifx-multiselect-dropdown-controls .expand-collapse-controls{display:flex;gap:12px}.ifx-multiselect-dropdown-controls .control-item{font-size:0.875rem;line-height:1.25rem}.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:12px;padding-bottom:12px}.ifx-multiselect-options.show-no-results .ifx-multiselect-no-results{display:block}.ifx-multiselect-no-results{padding-left:16px;padding-right:16px;display:none}';function a(e,t){let i;return function s(...o){const n=()=>{clearTimeout(i);e(...o)};clearTimeout(i);i=setTimeout(n,t)}}const h=class{constructor(i){e(this,i);this.ifxSelect=t(this,"ifxSelect",7);this.ifxOpen=t(this,"ifxOpen",7);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.disabled=false;this.required=false;this.error=false;this.caption="";this.label="";this.placeholder="";this.showSearch=true;this.showSelectAll=true;this.showClearButton=true;this.showExpandCollapse=true;this.noResultsMessage="No results found.";this.showNoResultsMessage=true;this.searchPlaceholder="Search";this.selectAllLabel="Select all";this.expandLabel="Expand";this.collapseLabel="Collapse";this.ariaMultiSelectLabel="Multi-select dropdown";this.ariaMultiSelectLabelledBy="";this.ariaMultiSelectDescribedBy="";this.ariaSearchLabel="Search options";this.ariaClearLabel="Clear all selections";this.ariaToggleLabel="Toggle dropdown";this.ariaSelectAllLabel="Select all options";this.ariaExpandAllLabel="Expand all categories";this.ariaCollapseAllLabel="Collapse all categories";this.internalError=false;this.persistentSelectedOptions=[];this.dropdownOpen=false;this.searchTerm="";this.handleSearch=a((e=>{const t=e.value.toLowerCase();const 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");const t=e&&e.matches(":focus-within");if(!t){s.classList.add("active")}}}const o=this.el.shadowRoot.querySelector(".ifx-multiselect-options");if(o){if(i){o.classList.add("has-search-filter")}else{o.classList.remove("has-search-filter")}}requestAnimationFrame((()=>{const e=this.el.querySelectorAll("ifx-multiselect-option");e.forEach((e=>{const s=new CustomEvent("ifx-search-filter",{detail:{searchTerm:t,isActive:i}});e.dispatchEvent(s)}));if(i){setTimeout((()=>{const e=this.el.querySelectorAll("ifx-multiselect-option");let t=0;e.forEach((e=>{const i=window.getComputedStyle(e);const s=e.getBoundingClientRect();if(i.display!=="none"&&i.visibility!=="hidden"&&i.opacity!=="0"&&s.height>0){t++}}));const i=this.el.shadowRoot.querySelector(".ifx-multiselect-options");if(i){if(t===0){i.classList.add("show-no-results")}else{i.classList.remove("show-no-results")}}}),200)}else{const e=this.el.shadowRoot.querySelector(".ifx-multiselect-options");if(e){e.classList.remove("show-no-results")}}}))}),150);this.handleDocumentClick=e=>{const t=e.composedPath();if(!t.includes(this.dropdownElement)){this.dropdownOpen=false;document.removeEventListener("click",this.handleDocumentClick);this.resetSearch();this.ifxOpen.emit(this.dropdownOpen)}}}parseChildOptions(){const e=[];const t=Array.from(this.el.children);t.forEach(((t,i)=>{if(t.tagName==="IFX-MULTISELECT-OPTION"){const s=this.parseOptionElement(t,i);if(s){e.push(s)}}}));return e}parseOptionElement(e,t){const i=e.getAttribute("value")||`option-${t}`;const s=e.hasAttribute("selected");const o=e.hasAttribute("disabled");const n=e.hasAttribute("indeterminate");const l={value:i,selected:s,disabled:o,indeterminate:n};const c=Array.from(e.children).filter((e=>e.tagName==="IFX-MULTISELECT-OPTION")).map(((e,t)=>this.parseOptionElement(e,t))).filter((e=>e!==null));if(c.length>0){l.children=c}return l}loadInitialOptions(){this.internalError=this.error;const e=this.parseChildOptions();const t=this.collectSelectedOptions(e);const i=t.filter((e=>!this.persistentSelectedOptions.some((t=>t.value==e.value))));this.persistentSelectedOptions=[...this.persistentSelectedOptions,...i]}collectSelectedOptions(e){let t=[];for(const i of e){if(i.selected){if(i.children&&i.children.length>0){t=t.concat(this.collectLeafOptions(i.children))}else{if(!t.some((e=>e.value===i.value))){t.push(i)}}}else{if(i.children&&i.children.length>0){t=t.concat(this.collectSelectedOptions(i.children))}}}return t}collectLeafOptions(e){let t=[];for(const i of e){if(i.children&&i.children.length>0){t=t.concat(this.collectLeafOptions(i.children))}else{t.push(i)}}return t}handleSearchFocus(e){const t=this.el.shadowRoot.querySelector(".ifx-multiselect-wrapper");if(t){if(e||this.searchTerm!==""){t.classList.remove("active")}else{t.classList.add("active")}}}positionDropdown(){var e;const t=(e=this.el.shadowRoot.querySelector(".ifx-multiselect-wrapper"))===null||e===void 0?void 0:e.getBoundingClientRect();const i=window.innerHeight-t.bottom;const s=t.top;if(s>i&&t.height>i||t.bottom>window.innerHeight){this.dropdownFlipped=true}else{this.dropdownFlipped=false}}updateSlotBasedSelections(e=false){const t=this.el.querySelectorAll("ifx-multiselect-option");const i=[];t.forEach((e=>{const t=e["__stencil_instance"];if(t&&t.selected&&!t.hasChildren){i.push({value:t.value,selected:true,disabled:t.disabled,label:t.getTextContent()||t.value})}}));this.persistentSelectedOptions=i;if(e){this.ifxSelect.emit(this.persistentSelectedOptions)}}updateInitialParentStates(){const e=this.el.querySelectorAll("ifx-multiselect-option");const t=Array.from(e).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));t.forEach((({instance:e})=>{if(e.hasChildren){this.updateParentState(e)}}))}updateParentState(e){const t=Array.from(e.el.children).filter((e=>e.tagName==="IFX-MULTISELECT-OPTION")).map((e=>e["__stencil_instance"])).filter((e=>e!==null));const i=t.filter((e=>e.selected)).length;const s=t.filter((e=>e.indeterminate)).length;const o=t.length;if(i===o&&s===0){e.selected=true;e.indeterminate=false}else if(i===0&&s===0){e.selected=false;e.indeterminate=false}else{e.selected=false;e.indeterminate=true}}async componentDidLoad(){if(!c(this.el)){const e=n();l("ifx-multiselect",await e)}setTimeout((()=>{this.positionDropdown()}),500);this.el.addEventListener("ifx-option-changed",(e=>{var t;const i=(t=e.target)===null||t===void 0?void 0:t.__stencil_instance;if(i&&!i.hasChildren){this.updateSlotBasedSelections(true)}}));setTimeout((()=>{this.updateSlotBasedSelections(false);this.updateInitialParentStates()}),100)}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(){const e=this.el.querySelectorAll("ifx-multiselect-option");e.forEach((e=>{const t=e["__stencil_instance"];if(t&&t.hasChildren){t.isExpanded=false}}))}expandAll(){const e=this.el.querySelectorAll("ifx-multiselect-option");e.forEach((e=>{const t=e["__stencil_instance"];if(t&&t.hasChildren){t.isExpanded=true}}))}selectAll(){this.resetSearch();const e=this.el.querySelectorAll("ifx-multiselect-option");e.forEach((e=>{const t=e["__stencil_instance"];if(t){if(t.hasChildren){t.isExpanded=true}else{t.selected=true}}}));setTimeout((()=>{this.updateInitialParentStates();this.updateSlotBasedSelections(false);this.ifxSelect.emit(this.persistentSelectedOptions)}),0)}async clearSelection(){const e=this.el.querySelectorAll("ifx-multiselect-option");e.forEach((e=>{const t=e["__stencil_instance"];if(t){t.selected=false;t.indeterminate=false;if(t.hasChildren){t.isExpanded=false}}}));this.persistentSelectedOptions=[];setTimeout((()=>{this.updateSlotBasedSelections(false);this.ifxSelect.emit(this.persistentSelectedOptions)}),0)}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen;setTimeout((()=>{if(this.dropdownOpen){document.addEventListener("click",this.handleDocumentClick)}else{this.resetSearch()}this.ifxOpen.emit(this.dropdownOpen)}),0)}resetSearch(){this.searchTerm="";const e=this.el.shadowRoot.querySelector("ifx-search-field");if(e){e.value=""}const t=this.el.shadowRoot.querySelector(".ifx-multiselect-options");if(t){t.classList.remove("has-search-filter")}const i=this.el.querySelectorAll("ifx-multiselect-option");i.forEach((e=>{const t=new CustomEvent("ifx-search-filter",{detail:{searchTerm:"",isActive:false}});e.dispatchEvent(t)}))}handleWrapperClick(e){this.positionDropdown();if(e.currentTarget===e.target){this.toggleDropdown()}}handleKeyDown(e){if(this.disabled)return;if(!this.dropdownOpen){switch(e.code){case"Enter":case"Space":case"ArrowDown":e.preventDefault();this.toggleDropdown();break}return}switch(e.code){case"Escape":e.preventDefault();this.toggleDropdown();break;case"Enter":case"Space":const t=e.target;if(!t.closest(".ifx-multiselect-dropdown-functions")){e.preventDefault();this.toggleDropdown()}break;case"ArrowDown":case"ArrowUp":e.preventDefault();this.focusFirstOption();break}}focusFirstOption(){var e;const t=this.el.querySelector("ifx-multiselect-option:not(.search-hidden)");if(t){const i=(e=t.shadowRoot)===null||e===void 0?void 0:e.querySelector(".option-label");i===null||i===void 0?void 0:i.focus()}}renderSelectAll(){const e=this.el.querySelectorAll("ifx-multiselect-option");const t=Array.from(e).filter((e=>!e.hasChildren));const s=Array.from(e).filter((e=>!e.hasChildren&&e.selected));const o=t.length>0&&s.length===t.length;const n=e=>{if(e){e.preventDefault();e.stopPropagation()}if(o){this.clearSelection()}else{this.selectAll()}};return i("div",{class:"select-all-wrapper"},i("ifx-checkbox",{id:"selectAll",checked:o,size:"s","aria-label":this.ariaSelectAllLabel,onClick:n,onKeyDown:e=>{if(e.key==="Enter"||e.key===" "){e.preventDefault();e.stopPropagation();n(e)}}},this.selectAllLabel))}renderNoResultsMessage(){return i("div",{class:"ifx-multiselect-no-results"},i("div",{class:"no-results-content"},i("span",{class:"no-results-text"},this.noResultsMessage)))}render(){const e=this.persistentSelectedOptions.map((e=>e.label||e.value)).join(", ");const t=this.persistentSelectedOptions.length>0;let s=false;const o=this.el.querySelectorAll("ifx-multiselect-option");if(o.length>0){s=Array.from(o).every((e=>e.children.length===0))}return i("div",{key:"fd7ce64694f743334f1c4577105d9c40f084ebbf",class:`ifx-multiselect-container ${this.disabled&&!this.error?"disabled":""}`,ref:e=>this.dropdownElement=e},i("div",{key:"81abefbfc60b69bcd9c7e9b909dae93fd1767773",class:"ifx-label-wrapper"},this.label&&i("span",{key:"6de06dac0828d7831519e3c92b68095e533ae375",class:"wrapper-label"},i("span",{key:"ed9c68a25201321d0d69444e88d60d68db24e330"},this.label),this.required&&i("span",{key:"070422e2ebb9cb47fb21dcee37229b70016c0da1",class:`required ${this.error?"error":""}`},"*"))),i("div",{key:"3b5d28e2c87f472e68f1a8293daa9d5246d170b2",class:`ifx-multiselect-wrapper\n        ${this.dropdownOpen?"active":""}\n        ${this.dropdownFlipped?"is-flipped":""}\n        ${this.internalError?"error":""}\n        ${this.disabled&&!this.error?"disabled":""}`,role:"combobox","aria-label":this.ariaMultiSelectLabel,"aria-labelledby":this.ariaMultiSelectLabelledBy||undefined,"aria-describedby":this.ariaMultiSelectDescribedBy||undefined,"aria-expanded":this.dropdownOpen,"aria-haspopup":"listbox","aria-disabled":this.disabled&&!this.error,tabindex:"0",onClick:this.disabled&&!this.error?undefined:e=>this.handleWrapperClick(e),onKeyDown:this.disabled&&!this.error?undefined:e=>this.handleKeyDown(e)},i("div",{key:"1d5e621056168b08004c8efb998ff25865da2239",class:`ifx-multiselect-input\n          ${t?"":"placeholder"}\n          `,onClick:this.disabled&&!this.error?undefined:()=>this.toggleDropdown()},t?e:this.placeholder),this.dropdownOpen&&i("div",{key:"88762a0e7d11feb2fba793f3d4dc7fc183c161e9",class:"ifx-multiselect-dropdown-menu"},(this.showSearch||this.showSelectAll||this.showExpandCollapse&&!s)&&i("div",{key:"f47c4fd519f502997c2c8ac3611f914e628a465b",class:"ifx-multiselect-dropdown-functions",onClick:e=>e.stopPropagation()},this.showSearch&&i("div",{key:"6d34c960d1dba9eca8bf4e1c89377d736c590b20",class:"ifx-multiselect-dropdown-search"},i("ifx-search-field",{key:"37bc73b76fb6011f64566aa3ffc4b01056a0ac1b",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(true),onBlur:()=>this.handleSearchFocus(false)})),i("div",{key:"d7a0b92d7532aa2290e253172359c694a83d92e9",class:"ifx-multiselect-dropdown-controls"},this.showSelectAll&&this.renderSelectAll(),this.showExpandCollapse&&!s&&i("div",{key:"c509eb6f7b77507cf3c1207f1e912130b722f84e",class:"expand-collapse-controls"},i("span",{key:"912ffe8e593e4e0f81cff8ad03e72139b492c23f",class:"control-item",role:"button",tabIndex:0,"aria-label":this.ariaExpandAllLabel,onClick:e=>{e.stopPropagation();this.expandAll()},onKeyDown:e=>{if(e.key==="Enter"||e.key===" "){e.preventDefault();e.stopPropagation();this.expandAll()}}},this.expandLabel),i("span",{key:"e7201dfca2b2e16469778ffd922b4c64f3d06619",class:"control-item",role:"button",tabIndex:0,"aria-label":this.ariaCollapseAllLabel,onClick:e=>{e.stopPropagation();this.collapseAll()},onKeyDown:e=>{if(e.key==="Enter"||e.key===" "){e.preventDefault();e.stopPropagation();this.collapseAll()}}},this.collapseLabel)))),i("div",{key:"031e2384922144e63b528ac69a8ad1bea1420acf",class:"ifx-multiselect-options",role:"listbox","aria-multiselectable":"true"},i("slot",{key:"b5e77631b05852b7f708b92f2cdd797b7cb653a2"}),this.searchTerm&&this.showNoResultsMessage&&this.renderNoResultsMessage())),i("div",{key:"5a813087f59df7ab9dca060d5c80d158bc8d6da1",class:"ifx-multiselect-icon-container"},this.persistentSelectedOptions.length>0&&i("div",{key:"0ae8b58fa2d2ccf28962264bfaa8949114f5767d",class:`ifx-clear-button ${!this.showClearButton?"hide":""}`,onClick:this.disabled&&!this.error?undefined:()=>this.clearSelection()},i("ifx-icon",{key:"8e60813fa135b67a28ba5759c37fb000641af257",icon:"cRemove16"})),i("div",{key:"f71cc3fa883c5af46d24048320bdf822c8ceeb99",class:"icon-wrapper-up",onClick:this.disabled&&!this.error?undefined:()=>this.toggleDropdown()},i("ifx-icon",{key:"icon-up",icon:"chevron-up-16"})),i("div",{key:"fb08f6a16daebfc6e0a58fcb24e5cfdffd80b423",class:"icon-wrapper-down",onClick:this.disabled&&!this.error?undefined:()=>this.toggleDropdown()},i("ifx-icon",{key:"icon-down",icon:"chevron-down-16"})))),this.caption&&i("div",{key:"4bd2795e4eb8539f8609bf83065f2637f2f1dc1b",class:`multi__select-caption ${this.error?"error":""} ${this.disabled&&!this.error?"disabled":""}`},this.caption))}get el(){return s(this)}static get watchers(){return{error:["updateInternalError"],persistentSelectedOptions:["onSelectionChange"]}}};h.style=r;const f=":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-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}";const d=class{constructor(t){e(this,t);this.selected=false;this.disabled=false;this.indeterminate=false;this.isExpanded=false;this.hasChildren=false;this.depth=0;this.searchTerm="";this.isSearchActive=false;this.isSearchDisabled=false;this.handleSearchFilter=e=>{const{searchTerm:t,isActive:i}=e.detail;this.searchTerm=t.toLowerCase();this.isSearchActive=i;requestAnimationFrame((()=>{this.updateSearchClasses()}))};this.handleCheckboxClick=e=>{if(this.disabled||this.isSearchActive&&this.isSearchDisabled)return;e.stopPropagation();let t;if(this.indeterminate){t=true}else{t=!this.selected}this.selected=t;this.indeterminate=false;if(this.hasChildren){this.isExpanded=t;requestAnimationFrame((()=>{this.selectAllChildren(t);this.expandAllChildren(t)}))}this.updateParentStates();this.notifyMultiselect()};this.handleHeaderClick=e=>{e.stopPropagation();if(!this.disabled&&!(this.isSearchActive&&this.isSearchDisabled)){this.handleClick(e)}}}componentWillLoad(){this.hasChildren=this.el.children.length>0;this.depth=this.calculateDepth();this.el.setAttribute("data-level",this.depth.toString());if(this.hasChildren){const e=this.hasAnySelectedChildren();if(e){this.isExpanded=true}}}componentDidLoad(){this.el["__stencil_instance"]=this;this.notifyMultiselect();this.el.addEventListener("ifx-search-filter",this.handleSearchFilter)}componentWillUpdate(){this.notifyMultiselect()}disconnectedCallback(){this.el.removeEventListener("ifx-search-filter",this.handleSearchFilter)}updateSearchClasses(){var e;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".option");if(!t)return;if(!this.isSearchActive){t.classList.remove("search-hidden","search-parent","search-match");this.removeHighlighting();this.isSearchDisabled=false;return}const i=this.getTextContent().toLowerCase();const s=i.includes(this.searchTerm);const o=this.hasMatchingParent();requestAnimationFrame((()=>{const e=this.hasMatchingChildren();t.classList.remove("search-hidden","search-parent","search-match");this.isSearchDisabled=false;if(s&&!this.hasChildren){t.classList.add("search-match");this.highlightSearchTerm()}else if(s&&this.hasChildren){t.classList.add("search-match");this.highlightSearchTerm();this.isExpanded=true}else if(!s&&this.hasChildren&&e){t.classList.add("search-parent");this.removeHighlighting();this.isExpanded=true;this.isSearchDisabled=true}else if(o){t.classList.add("search-match");this.removeHighlighting()}else{t.classList.add("search-hidden");this.removeHighlighting()}}))}highlightSearchTerm(){var e;if(!this.searchTerm)return;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".option-label");if(!t)return;const i=t.querySelector("slot");if(!i)return;this.removeHighlighting();const s=this.getTextContent();const o=this.searchTerm.toLowerCase();const n=s.toLowerCase();if(!n.includes(o))return;const l=n.indexOf(o);if(l===-1)return;const c=s.substring(0,l);const r=s.substring(l,l+o.length);const a=s.substring(l+o.length);const h=document.createElement("span");h.className="highlighted-text";if(c){h.appendChild(document.createTextNode(c))}const f=document.createElement("strong");f.className="search-highlight";f.textContent=r;h.appendChild(f);if(a){h.appendChild(document.createTextNode(a))}t.setAttribute("data-original-content","true");i.style.display="none";t.appendChild(h)}removeHighlighting(){var e;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".option-label");if(!t)return;const i=t.querySelector("slot");const s=t.querySelector(".highlighted-text");if(s){t.removeChild(s)}if(i){i.style.display=""}t.removeAttribute("data-original-content")}getTextContent(){let e="";Array.from(this.el.childNodes).forEach((t=>{var i;if(t.nodeType===Node.TEXT_NODE){e+=((i=t.textContent)===null||i===void 0?void 0:i.trim())||""}}));return e||this.value||""}hasMatchingChildren(){if(!this.hasChildren)return false;const e=Array.from(this.el.children).filter((e=>e.tagName==="IFX-MULTISELECT-OPTION"));return e.some((e=>{const t=e["__stencil_instance"];if(!t)return false;const i=t.getTextContent().toLowerCase();const s=i.includes(this.searchTerm);const o=t.hasMatchingChildren();return s||o}))}hasMatchingParent(){let e=this.el.parentElement;while(e&&e.tagName==="IFX-MULTISELECT-OPTION"){const t=e["__stencil_instance"];if(t){const e=t.getTextContent().toLowerCase();if(e.includes(this.searchTerm)){return true}}e=e.parentElement}return false}calculateDepth(){let e=0;let t=this.el.parentElement;while(t&&t.tagName!=="IFX-MULTISELECT"){if(t.tagName==="IFX-MULTISELECT-OPTION"){e++}t=t.parentElement}return e}handleClick(e){if(this.disabled||this.isSearchActive&&this.isSearchDisabled)return;e.stopPropagation();if(e.type==="click"&&e.target.closest(".chevron-wrapper")){this.toggleExpansion();return}let t;if(this.indeterminate){t=true}else{t=!this.selected}this.selected=t;this.indeterminate=false;if(this.hasChildren){this.isExpanded=t;requestAnimationFrame((()=>{this.selectAllChildren(t);this.expandAllChildren(t)}))}this.updateParentStates();this.notifyMultiselect()}handleKeyDown(e){if(this.disabled||this.isSearchActive&&this.isSearchDisabled)return;const t=e.target;if(t.closest(".chevron-wrapper")||t.closest(".checkbox-wrapper")){return}if(e.key!=="ArrowUp"&&e.key!=="ArrowDown"){e.stopPropagation()}if(e.key==="ArrowRight"&&this.hasChildren){this.isExpanded=true}if(e.key==="ArrowLeft"&&this.hasChildren){this.isExpanded=false}}notifyMultiselect(){const e=new CustomEvent("ifx-option-changed",{bubbles:true,detail:{value:this.value,selected:this.selected,indeterminate:this.indeterminate}});this.el.dispatchEvent(e)}selectAllChildren(e){const t=Array.from(this.el.children).filter((e=>e.tagName==="IFX-MULTISELECT-OPTION"));t.forEach((t=>{var i;const s=t["__stencil_instance"];if(s){s.selected=e;s.indeterminate=false;if(s.hasChildren){s.isExpanded=e;s.selectAllChildren(e)}(i=s.notifyMultiselect)===null||i===void 0?void 0:i.call(s)}}))}expandAllChildren(e){const t=Array.from(this.el.children).filter((e=>e.tagName==="IFX-MULTISELECT-OPTION"));t.forEach((t=>{const i=t["__stencil_instance"];if(i&&i.hasChildren){i.isExpanded=e;i.expandAllChildren(e)}}))}updateParentStates(){var e;let t=this.el.parentElement;while(t&&t.tagName==="IFX-MULTISELECT-OPTION"){const i=t["__stencil_instance"];if(!i){t=t.parentElement;continue}const s=Array.from(t.children).filter((e=>e.tagName==="IFX-MULTISELECT-OPTION")).map((e=>e["__stencil_instance"])).filter((e=>e!==null));const o=s.filter((e=>e.selected)).length;const n=s.filter((e=>e.indeterminate)).length;const l=s.length;if(o===l&&n===0){i.selected=true;i.indeterminate=false}else if(o===0&&n===0){i.selected=false;i.indeterminate=false}else{i.selected=false;i.indeterminate=true}(e=i.notifyMultiselect)===null||e===void 0?void 0:e.call(i);t=t.parentElement}}toggleExpansion(){this.isExpanded=!this.isExpanded}hasAnySelectedChildren(){const e=Array.from(this.el.children).filter((e=>e.tagName==="IFX-MULTISELECT-OPTION"));return e.some((e=>{const t=e.hasAttribute("selected");const i=this.checkForSelectedDescendants(e);return t||i}))}checkForSelectedDescendants(e){const t=Array.from(e.children).filter((e=>e.tagName==="IFX-MULTISELECT-OPTION"));return t.some((e=>{const t=e.hasAttribute("selected");const i=this.checkForSelectedDescendants(e);return t||i}))}render(){let e=false;const t=this.el.closest("ifx-multiselect");if(t){const i=Array.from(t.querySelectorAll("ifx-multiselect-option"));e=i.every((e=>e.children.length===0))}const s=this.depth*28+16;const n=this.hasChildren?0:28;let l=s+n;const c=e?undefined:{paddingLeft:`${l}px`};return i(o,{key:"4dd008dabc4aec3070ad355aa877ff391e3883df"},i("div",{key:"848afd2fa2a34c2b5763dc8c979d898b498b39b1",class:{option:true,"option--has-children":this.hasChildren,"option--expanded":this.isExpanded,"option--disabled":this.disabled,"option--selected":this.selected},role:"option","aria-expanded":this.hasChildren?this.isExpanded?"true":"false":undefined,"aria-selected":this.selected?"true":"false","aria-disabled":this.disabled?"true":"false","data-level":this.depth,"data-value":this.value},i("div",{key:"28fe299c78e8f42d9ef763ba14c84e0123276de8",class:"option-item",style:c},i("div",{key:"891cd1a5c09c53df6c8079642aab48a893295cd8",class:"chevron-wrapper",tabIndex:this.hasChildren?0:-1,role:this.hasChildren?"button":undefined,"aria-label":this.hasChildren?this.isExpanded?"Collapse":"Expand":undefined,onClick:e=>{e.stopPropagation();this.toggleExpansion()},onKeyDown:e=>{if(e.key==="Enter"||e.key===" "){e.preventDefault();e.stopPropagation();this.toggleExpansion()}}},this.hasChildren&&i("ifx-icon",{key:"7ddb0f0245f14fd8bc64fbfb3278c1d3a53f3834",class:`chevron ${this.isExpanded?"chevron--expanded":"chevron--collapsed"}`,icon:"chevron-right-16"})),i("div",{key:"a688fb56fd51cc1aefccf9b42d8f5c2a6ac271f8",class:"checkbox-wrapper",onClick:e=>e.stopPropagation()},i("ifx-checkbox",{key:"6ba8ea62a25285a59f3866dc0e7911b658477b3d",size:"s",checked:this.isSearchActive&&this.isSearchDisabled?false:this.indeterminate?false:this.selected,indeterminate:this.isSearchActive&&this.isSearchDisabled?false:this.indeterminate,onClick:this.handleCheckboxClick,disabled:this.disabled||this.isSearchActive&&this.isSearchDisabled,onKeyDown:e=>{if(e.key==="Enter"||e.key===" "){e.preventDefault();e.stopPropagation();this.handleCheckboxClick(e)}}})),i("div",{key:"63d0d6313ee94b3e80a2a0058fa1e79431becb29",class:"option-label",onClick:this.handleHeaderClick,tabIndex:-1},i("slot",{key:"f503e85ef020cedec37931b6079a9164c1ce8d5d"}))),this.isExpanded&&i("div",{key:"75297050484cdc4a9c80b2bff614119a7c18ff3f",class:"option-children"},i("slot",{key:"f33fbe0abb5e7c9277e24e0445838d8e4d0a6910",name:"children"}))))}get el(){return s(this)}};d.style=f;export{h as ifx_multiselect,d as ifx_multiselect_option};
-//# sourceMappingURL=p-ca312cbb.entry.js.map
+import{r as e,c as t,h as i,a as s,d as o}from"./p-PqnYwNKt.js";import{d as n,t as l}from"./p-DcmcuUOA.js";import{i as c}from"./p-Bw2fh5LT.js";const r=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}.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: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: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.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.placeholder{opacity:0.5}.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;border:1px solid #EEEDED;background-color:#FFFFFF;box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1);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}.ifx-multiselect-dropdown-controls .expand-collapse-controls{display:flex;gap:12px}.ifx-multiselect-dropdown-controls .control-item{font-size:0.875rem;line-height:1.25rem}.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:12px;padding-bottom:12px}.ifx-multiselect-options.show-no-results .ifx-multiselect-no-results{display:block}.ifx-multiselect-no-results{padding-left:16px;padding-right:16px;display:none}';function a(e,t){let i;return function s(...o){const n=()=>{clearTimeout(i);e(...o)};clearTimeout(i);i=setTimeout(n,t)}}const h=class{constructor(i){e(this,i);this.ifxSelect=t(this,"ifxSelect",7);this.ifxOpen=t(this,"ifxOpen",7);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.disabled=false;this.required=false;this.error=false;this.caption="";this.label="";this.placeholder="";this.showSearch=true;this.showSelectAll=true;this.showClearButton=true;this.showExpandCollapse=true;this.noResultsMessage="No results found.";this.showNoResultsMessage=true;this.searchPlaceholder="Search";this.selectAllLabel="Select all";this.expandLabel="Expand";this.collapseLabel="Collapse";this.ariaMultiSelectLabel="Multi-select dropdown";this.ariaMultiSelectLabelledBy="";this.ariaMultiSelectDescribedBy="";this.ariaSearchLabel="Search options";this.ariaClearLabel="Clear all selections";this.ariaToggleLabel="Toggle dropdown";this.ariaSelectAllLabel="Select all options";this.ariaExpandAllLabel="Expand all categories";this.ariaCollapseAllLabel="Collapse all categories";this.internalError=false;this.persistentSelectedOptions=[];this.dropdownOpen=false;this.searchTerm="";this.handleSearch=a((e=>{const t=e.value.toLowerCase();const 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");const t=e&&e.matches(":focus-within");if(!t){s.classList.add("active")}}}const o=this.el.shadowRoot.querySelector(".ifx-multiselect-options");if(o){if(i){o.classList.add("has-search-filter")}else{o.classList.remove("has-search-filter")}}requestAnimationFrame((()=>{const e=this.el.querySelectorAll("ifx-multiselect-option");e.forEach((e=>{const s=new CustomEvent("ifx-search-filter",{detail:{searchTerm:t,isActive:i}});e.dispatchEvent(s)}));if(i){setTimeout((()=>{const e=this.el.querySelectorAll("ifx-multiselect-option");let t=0;e.forEach((e=>{const i=window.getComputedStyle(e);const s=e.getBoundingClientRect();if(i.display!=="none"&&i.visibility!=="hidden"&&i.opacity!=="0"&&s.height>0){t++}}));const i=this.el.shadowRoot.querySelector(".ifx-multiselect-options");if(i){if(t===0){i.classList.add("show-no-results")}else{i.classList.remove("show-no-results")}}}),200)}else{const e=this.el.shadowRoot.querySelector(".ifx-multiselect-options");if(e){e.classList.remove("show-no-results")}}}))}),150);this.handleDocumentClick=e=>{const t=e.composedPath();if(!t.includes(this.dropdownElement)){this.dropdownOpen=false;document.removeEventListener("click",this.handleDocumentClick);this.resetSearch();this.ifxOpen.emit(this.dropdownOpen)}}}parseChildOptions(){const e=[];const t=Array.from(this.el.children);t.forEach(((t,i)=>{if(t.tagName==="IFX-MULTISELECT-OPTION"){const s=this.parseOptionElement(t,i);if(s){e.push(s)}}}));return e}parseOptionElement(e,t){const i=e.getAttribute("value")||`option-${t}`;const s=e.hasAttribute("selected");const o=e.hasAttribute("disabled");const n=e.hasAttribute("indeterminate");const l={value:i,selected:s,disabled:o,indeterminate:n};const c=Array.from(e.children).filter((e=>e.tagName==="IFX-MULTISELECT-OPTION")).map(((e,t)=>this.parseOptionElement(e,t))).filter((e=>e!==null));if(c.length>0){l.children=c}return l}loadInitialOptions(){this.internalError=this.error;const e=this.parseChildOptions();const t=this.collectSelectedOptions(e);const i=t.filter((e=>!this.persistentSelectedOptions.some((t=>t.value==e.value))));this.persistentSelectedOptions=[...this.persistentSelectedOptions,...i]}collectSelectedOptions(e){let t=[];for(const i of e){if(i.selected){if(i.children&&i.children.length>0){t=t.concat(this.collectLeafOptions(i.children))}else{if(!t.some((e=>e.value===i.value))){t.push(i)}}}else{if(i.children&&i.children.length>0){t=t.concat(this.collectSelectedOptions(i.children))}}}return t}collectLeafOptions(e){let t=[];for(const i of e){if(i.children&&i.children.length>0){t=t.concat(this.collectLeafOptions(i.children))}else{t.push(i)}}return t}handleSearchFocus(e){const t=this.el.shadowRoot.querySelector(".ifx-multiselect-wrapper");if(t){if(e||this.searchTerm!==""){t.classList.remove("active")}else{t.classList.add("active")}}}positionDropdown(){var e;const t=(e=this.el.shadowRoot.querySelector(".ifx-multiselect-wrapper"))===null||e===void 0?void 0:e.getBoundingClientRect();const i=window.innerHeight-t.bottom;const s=t.top;if(s>i&&t.height>i||t.bottom>window.innerHeight){this.dropdownFlipped=true}else{this.dropdownFlipped=false}}updateSlotBasedSelections(e=false){const t=this.el.querySelectorAll("ifx-multiselect-option");const i=[];t.forEach((e=>{const t=e["__stencil_instance"];if(t&&t.selected&&!t.hasChildren){i.push({value:t.value,selected:true,disabled:t.disabled,label:t.getTextContent()||t.value})}}));this.persistentSelectedOptions=i;if(e){this.ifxSelect.emit(this.persistentSelectedOptions)}}updateInitialParentStates(){const e=this.el.querySelectorAll("ifx-multiselect-option");const t=Array.from(e).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));t.forEach((({instance:e})=>{if(e.hasChildren){this.updateParentState(e)}}))}updateParentState(e){const t=Array.from(e.el.children).filter((e=>e.tagName==="IFX-MULTISELECT-OPTION")).map((e=>e["__stencil_instance"])).filter((e=>e!==null));const i=t.filter((e=>e.selected)).length;const s=t.filter((e=>e.indeterminate)).length;const o=t.length;if(i===o&&s===0){e.selected=true;e.indeterminate=false}else if(i===0&&s===0){e.selected=false;e.indeterminate=false}else{e.selected=false;e.indeterminate=true}}async componentDidLoad(){if(!c(this.el)){const e=n();l("ifx-multiselect",await e)}setTimeout((()=>{this.positionDropdown()}),500);this.el.addEventListener("ifx-option-changed",(e=>{var t;const i=(t=e.target)===null||t===void 0?void 0:t.__stencil_instance;if(i&&!i.hasChildren){this.updateSlotBasedSelections(true)}}));setTimeout((()=>{this.updateSlotBasedSelections(false);this.updateInitialParentStates()}),100)}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(){const e=this.el.querySelectorAll("ifx-multiselect-option");e.forEach((e=>{const t=e["__stencil_instance"];if(t&&t.hasChildren){t.isExpanded=false}}))}expandAll(){const e=this.el.querySelectorAll("ifx-multiselect-option");e.forEach((e=>{const t=e["__stencil_instance"];if(t&&t.hasChildren){t.isExpanded=true}}))}selectAll(){this.resetSearch();const e=this.el.querySelectorAll("ifx-multiselect-option");e.forEach((e=>{const t=e["__stencil_instance"];if(t){if(t.hasChildren){t.isExpanded=true}else{t.selected=true}}}));setTimeout((()=>{this.updateInitialParentStates();this.updateSlotBasedSelections(false);this.ifxSelect.emit(this.persistentSelectedOptions)}),0)}async clearSelection(){const e=this.el.querySelectorAll("ifx-multiselect-option");e.forEach((e=>{const t=e["__stencil_instance"];if(t){t.selected=false;t.indeterminate=false;if(t.hasChildren){t.isExpanded=false}}}));this.persistentSelectedOptions=[];setTimeout((()=>{this.updateSlotBasedSelections(false);this.ifxSelect.emit(this.persistentSelectedOptions)}),0)}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen;setTimeout((()=>{if(this.dropdownOpen){document.addEventListener("click",this.handleDocumentClick)}else{this.resetSearch()}this.ifxOpen.emit(this.dropdownOpen)}),0)}resetSearch(){this.searchTerm="";const e=this.el.shadowRoot.querySelector("ifx-search-field");if(e){e.value=""}const t=this.el.shadowRoot.querySelector(".ifx-multiselect-options");if(t){t.classList.remove("has-search-filter")}const i=this.el.querySelectorAll("ifx-multiselect-option");i.forEach((e=>{const t=new CustomEvent("ifx-search-filter",{detail:{searchTerm:"",isActive:false}});e.dispatchEvent(t)}))}handleWrapperClick(e){this.positionDropdown();if(e.currentTarget===e.target){this.toggleDropdown()}}handleKeyDown(e){if(this.disabled)return;if(!this.dropdownOpen){switch(e.code){case"Enter":case"Space":case"ArrowDown":e.preventDefault();this.toggleDropdown();break}return}switch(e.code){case"Escape":e.preventDefault();this.toggleDropdown();break;case"Enter":case"Space":const t=e.target;if(!t.closest(".ifx-multiselect-dropdown-functions")){e.preventDefault();this.toggleDropdown()}break;case"ArrowDown":case"ArrowUp":e.preventDefault();this.focusFirstOption();break}}focusFirstOption(){var e;const t=this.el.querySelector("ifx-multiselect-option:not(.search-hidden)");if(t){const i=(e=t.shadowRoot)===null||e===void 0?void 0:e.querySelector(".option-label");i===null||i===void 0?void 0:i.focus()}}renderSelectAll(){const e=this.el.querySelectorAll("ifx-multiselect-option");const t=Array.from(e).filter((e=>!e.hasChildren));const s=Array.from(e).filter((e=>!e.hasChildren&&e.selected));const o=t.length>0&&s.length===t.length;const n=e=>{if(e){e.preventDefault();e.stopPropagation()}if(o){this.clearSelection()}else{this.selectAll()}};return i("div",{class:"select-all-wrapper"},i("ifx-checkbox",{id:"selectAll",checked:o,size:"s","aria-label":this.ariaSelectAllLabel,onClick:n,onKeyDown:e=>{if(e.key==="Enter"||e.key===" "){e.preventDefault();e.stopPropagation();n(e)}}},this.selectAllLabel))}renderNoResultsMessage(){return i("div",{class:"ifx-multiselect-no-results"},i("div",{class:"no-results-content"},i("span",{class:"no-results-text"},this.noResultsMessage)))}render(){const e=this.persistentSelectedOptions.map((e=>e.label||e.value)).join(", ");const t=this.persistentSelectedOptions.length>0;let s=false;const o=this.el.querySelectorAll("ifx-multiselect-option");if(o.length>0){s=Array.from(o).every((e=>e.children.length===0))}return i("div",{key:"9e39bfb79c743c1d1e28344137f6e3339d4b692b",class:`ifx-multiselect-container ${this.disabled&&!this.error?"disabled":""}`,ref:e=>this.dropdownElement=e},i("div",{key:"742a13794dfa7260e19c86c2ef10ee799478e4fa",class:"ifx-label-wrapper"},this.label&&i("span",{key:"e5b2d4cdfbf9d07a935ee75ec7a06d109f23747a",class:"wrapper-label"},i("span",{key:"b8b5a1b54026aa8b396ed5bb6d5403fa8f6abe5e"},this.label),this.required&&i("span",{key:"024d4f062675981d027fb2a9c4443832a75d4489",class:`required ${this.error?"error":""}`},"*"))),i("div",{key:"593ef6565ad226820e62a66db25b15acbd2f90ec",class:`ifx-multiselect-wrapper\n        ${this.dropdownOpen?"active":""}\n        ${this.dropdownFlipped?"is-flipped":""}\n        ${this.internalError?"error":""}\n        ${this.disabled&&!this.error?"disabled":""}`,role:"combobox","aria-label":this.ariaMultiSelectLabel,"aria-labelledby":this.ariaMultiSelectLabelledBy||undefined,"aria-describedby":this.ariaMultiSelectDescribedBy||undefined,"aria-expanded":this.dropdownOpen,"aria-haspopup":"listbox","aria-disabled":this.disabled&&!this.error,tabindex:"0",onClick:this.disabled&&!this.error?undefined:e=>this.handleWrapperClick(e),onKeyDown:this.disabled&&!this.error?undefined:e=>this.handleKeyDown(e)},i("div",{key:"c22374021518848ccffa401217feff5ee76fe8ef",class:`ifx-multiselect-input\n          ${t?"":"placeholder"}\n          `,onClick:this.disabled&&!this.error?undefined:()=>this.toggleDropdown()},t?e:this.placeholder),this.dropdownOpen&&i("div",{key:"44cc7ef4dcd795c9b18a023df7a1a901f89d71ca",class:"ifx-multiselect-dropdown-menu"},(this.showSearch||this.showSelectAll||this.showExpandCollapse&&!s)&&i("div",{key:"4422f75838afa1f1d652ebe5ba6f73169c727fde",class:"ifx-multiselect-dropdown-functions",onClick:e=>e.stopPropagation()},this.showSearch&&i("div",{key:"244c06fcb8650c53243a305bc60973384843c217",class:"ifx-multiselect-dropdown-search"},i("ifx-search-field",{key:"1cb0ed6a90fa242ce2caf7a732fb256c42447074",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(true),onBlur:()=>this.handleSearchFocus(false)})),i("div",{key:"259e969cec8172126d20265420000281507be01f",class:"ifx-multiselect-dropdown-controls"},this.showSelectAll&&this.renderSelectAll(),this.showExpandCollapse&&!s&&i("div",{key:"f62a4568620fecc932acbacff4af45dddf1b0e61",class:"expand-collapse-controls"},i("span",{key:"3cecc6200e7ceb2c01b9150c790a82f57c1b95ed",class:"control-item",role:"button",tabIndex:0,"aria-label":this.ariaExpandAllLabel,onClick:e=>{e.stopPropagation();this.expandAll()},onKeyDown:e=>{if(e.key==="Enter"||e.key===" "){e.preventDefault();e.stopPropagation();this.expandAll()}}},this.expandLabel),i("span",{key:"c1b337e29bdb47431cdcabb4fcc19f6202f77059",class:"control-item",role:"button",tabIndex:0,"aria-label":this.ariaCollapseAllLabel,onClick:e=>{e.stopPropagation();this.collapseAll()},onKeyDown:e=>{if(e.key==="Enter"||e.key===" "){e.preventDefault();e.stopPropagation();this.collapseAll()}}},this.collapseLabel)))),i("div",{key:"aa7dab1ad1128a786d64619614400371bc4d943e",class:"ifx-multiselect-options",role:"listbox","aria-multiselectable":"true"},i("slot",{key:"45ce4b7ec68d66d14234b0462c0cbcddc209b03e"}),this.searchTerm&&this.showNoResultsMessage&&this.renderNoResultsMessage())),i("div",{key:"7b12bbecf17d10fc57eba8965084be87a5dbf937",class:"ifx-multiselect-icon-container"},this.persistentSelectedOptions.length>0&&i("div",{key:"c479925b50e96c47336b2876778100b95ceecd09",class:`ifx-clear-button ${!this.showClearButton?"hide":""}`,onClick:this.disabled&&!this.error?undefined:()=>this.clearSelection()},i("ifx-icon",{key:"e1ecedbaf5abd4cf45ec0b7e02e61c4210eba9ef",icon:"cRemove16"})),i("div",{key:"bc4483115d8b4a30ab56d2ec10f51e5802eb2da9",class:"icon-wrapper-up",onClick:this.disabled&&!this.error?undefined:()=>this.toggleDropdown()},i("ifx-icon",{key:"icon-up",icon:"chevron-up-16"})),i("div",{key:"6bdc3bc9b668433f220688f851f5e5ca92e72c04",class:"icon-wrapper-down",onClick:this.disabled&&!this.error?undefined:()=>this.toggleDropdown()},i("ifx-icon",{key:"icon-down",icon:"chevron-down-16"})))),this.caption&&i("div",{key:"02ce81a3abc63192e43c4eb8686e7e81f422b362",class:`multi__select-caption ${this.error?"error":""} ${this.disabled&&!this.error?"disabled":""}`},this.caption))}get el(){return s(this)}static get watchers(){return{error:["updateInternalError"],persistentSelectedOptions:["onSelectionChange"]}}};h.style=r;const f=":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-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}";const d=class{constructor(t){e(this,t);this.selected=false;this.disabled=false;this.indeterminate=false;this.isExpanded=false;this.hasChildren=false;this.depth=0;this.searchTerm="";this.isSearchActive=false;this.isSearchDisabled=false;this.handleSearchFilter=e=>{const{searchTerm:t,isActive:i}=e.detail;this.searchTerm=t.toLowerCase();this.isSearchActive=i;requestAnimationFrame((()=>{this.updateSearchClasses()}))};this.handleCheckboxClick=e=>{if(this.disabled||this.isSearchActive&&this.isSearchDisabled)return;e.stopPropagation();let t;if(this.indeterminate){t=true}else{t=!this.selected}this.selected=t;this.indeterminate=false;if(this.hasChildren){this.isExpanded=t;requestAnimationFrame((()=>{this.selectAllChildren(t);this.expandAllChildren(t)}))}this.updateParentStates();this.notifyMultiselect()};this.handleHeaderClick=e=>{e.stopPropagation();if(!this.disabled&&!(this.isSearchActive&&this.isSearchDisabled)){this.handleClick(e)}}}componentWillLoad(){this.hasChildren=this.el.children.length>0;this.depth=this.calculateDepth();this.el.setAttribute("data-level",this.depth.toString());if(this.hasChildren){const e=this.hasAnySelectedChildren();if(e){this.isExpanded=true}}}componentDidLoad(){this.el["__stencil_instance"]=this;this.notifyMultiselect();this.el.addEventListener("ifx-search-filter",this.handleSearchFilter)}componentWillUpdate(){this.notifyMultiselect()}disconnectedCallback(){this.el.removeEventListener("ifx-search-filter",this.handleSearchFilter)}updateSearchClasses(){var e;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".option");if(!t)return;if(!this.isSearchActive){t.classList.remove("search-hidden","search-parent","search-match");this.removeHighlighting();this.isSearchDisabled=false;return}const i=this.getTextContent().toLowerCase();const s=i.includes(this.searchTerm);const o=this.hasMatchingParent();requestAnimationFrame((()=>{const e=this.hasMatchingChildren();t.classList.remove("search-hidden","search-parent","search-match");this.isSearchDisabled=false;if(s&&!this.hasChildren){t.classList.add("search-match");this.highlightSearchTerm()}else if(s&&this.hasChildren){t.classList.add("search-match");this.highlightSearchTerm();this.isExpanded=true}else if(!s&&this.hasChildren&&e){t.classList.add("search-parent");this.removeHighlighting();this.isExpanded=true;this.isSearchDisabled=true}else if(o){t.classList.add("search-match");this.removeHighlighting()}else{t.classList.add("search-hidden");this.removeHighlighting()}}))}highlightSearchTerm(){var e;if(!this.searchTerm)return;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".option-label");if(!t)return;const i=t.querySelector("slot");if(!i)return;this.removeHighlighting();const s=this.getTextContent();const o=this.searchTerm.toLowerCase();const n=s.toLowerCase();if(!n.includes(o))return;const l=n.indexOf(o);if(l===-1)return;const c=s.substring(0,l);const r=s.substring(l,l+o.length);const a=s.substring(l+o.length);const h=document.createElement("span");h.className="highlighted-text";if(c){h.appendChild(document.createTextNode(c))}const f=document.createElement("strong");f.className="search-highlight";f.textContent=r;h.appendChild(f);if(a){h.appendChild(document.createTextNode(a))}t.setAttribute("data-original-content","true");i.style.display="none";t.appendChild(h)}removeHighlighting(){var e;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".option-label");if(!t)return;const i=t.querySelector("slot");const s=t.querySelector(".highlighted-text");if(s){t.removeChild(s)}if(i){i.style.display=""}t.removeAttribute("data-original-content")}getTextContent(){let e="";Array.from(this.el.childNodes).forEach((t=>{var i;if(t.nodeType===Node.TEXT_NODE){e+=((i=t.textContent)===null||i===void 0?void 0:i.trim())||""}}));return e||this.value||""}hasMatchingChildren(){if(!this.hasChildren)return false;const e=Array.from(this.el.children).filter((e=>e.tagName==="IFX-MULTISELECT-OPTION"));return e.some((e=>{const t=e["__stencil_instance"];if(!t)return false;const i=t.getTextContent().toLowerCase();const s=i.includes(this.searchTerm);const o=t.hasMatchingChildren();return s||o}))}hasMatchingParent(){let e=this.el.parentElement;while(e&&e.tagName==="IFX-MULTISELECT-OPTION"){const t=e["__stencil_instance"];if(t){const e=t.getTextContent().toLowerCase();if(e.includes(this.searchTerm)){return true}}e=e.parentElement}return false}calculateDepth(){let e=0;let t=this.el.parentElement;while(t&&t.tagName!=="IFX-MULTISELECT"){if(t.tagName==="IFX-MULTISELECT-OPTION"){e++}t=t.parentElement}return e}handleClick(e){if(this.disabled||this.isSearchActive&&this.isSearchDisabled)return;e.stopPropagation();if(e.type==="click"&&e.target.closest(".chevron-wrapper")){this.toggleExpansion();return}let t;if(this.indeterminate){t=true}else{t=!this.selected}this.selected=t;this.indeterminate=false;if(this.hasChildren){this.isExpanded=t;requestAnimationFrame((()=>{this.selectAllChildren(t);this.expandAllChildren(t)}))}this.updateParentStates();this.notifyMultiselect()}handleKeyDown(e){if(this.disabled||this.isSearchActive&&this.isSearchDisabled)return;const t=e.target;if(t.closest(".chevron-wrapper")||t.closest(".checkbox-wrapper")){return}if(e.key!=="ArrowUp"&&e.key!=="ArrowDown"){e.stopPropagation()}if(e.key==="ArrowRight"&&this.hasChildren){this.isExpanded=true}if(e.key==="ArrowLeft"&&this.hasChildren){this.isExpanded=false}}notifyMultiselect(){const e=new CustomEvent("ifx-option-changed",{bubbles:true,detail:{value:this.value,selected:this.selected,indeterminate:this.indeterminate}});this.el.dispatchEvent(e)}selectAllChildren(e){const t=Array.from(this.el.children).filter((e=>e.tagName==="IFX-MULTISELECT-OPTION"));t.forEach((t=>{var i;const s=t["__stencil_instance"];if(s){s.selected=e;s.indeterminate=false;if(s.hasChildren){s.isExpanded=e;s.selectAllChildren(e)}(i=s.notifyMultiselect)===null||i===void 0?void 0:i.call(s)}}))}expandAllChildren(e){const t=Array.from(this.el.children).filter((e=>e.tagName==="IFX-MULTISELECT-OPTION"));t.forEach((t=>{const i=t["__stencil_instance"];if(i&&i.hasChildren){i.isExpanded=e;i.expandAllChildren(e)}}))}updateParentStates(){var e;let t=this.el.parentElement;while(t&&t.tagName==="IFX-MULTISELECT-OPTION"){const i=t["__stencil_instance"];if(!i){t=t.parentElement;continue}const s=Array.from(t.children).filter((e=>e.tagName==="IFX-MULTISELECT-OPTION")).map((e=>e["__stencil_instance"])).filter((e=>e!==null));const o=s.filter((e=>e.selected)).length;const n=s.filter((e=>e.indeterminate)).length;const l=s.length;if(o===l&&n===0){i.selected=true;i.indeterminate=false}else if(o===0&&n===0){i.selected=false;i.indeterminate=false}else{i.selected=false;i.indeterminate=true}(e=i.notifyMultiselect)===null||e===void 0?void 0:e.call(i);t=t.parentElement}}toggleExpansion(){this.isExpanded=!this.isExpanded}hasAnySelectedChildren(){const e=Array.from(this.el.children).filter((e=>e.tagName==="IFX-MULTISELECT-OPTION"));return e.some((e=>{const t=e.hasAttribute("selected");const i=this.checkForSelectedDescendants(e);return t||i}))}checkForSelectedDescendants(e){const t=Array.from(e.children).filter((e=>e.tagName==="IFX-MULTISELECT-OPTION"));return t.some((e=>{const t=e.hasAttribute("selected");const i=this.checkForSelectedDescendants(e);return t||i}))}render(){let e=false;const t=this.el.closest("ifx-multiselect");if(t){const i=Array.from(t.querySelectorAll("ifx-multiselect-option"));e=i.every((e=>e.children.length===0))}const s=this.depth*28+16;const n=this.hasChildren?0:28;let l=s+n;const c=e?undefined:{paddingLeft:`${l}px`};return i(o,{key:"617d8ce1013166fc73932cd1e43d7d490ec00a87"},i("div",{key:"e2ee562a87f68aaaea5e90cf341522cfe6dfbfe1",class:{option:true,"option--has-children":this.hasChildren,"option--expanded":this.isExpanded,"option--disabled":this.disabled,"option--selected":this.selected},role:"option","aria-expanded":this.hasChildren?this.isExpanded?"true":"false":undefined,"aria-selected":this.selected?"true":"false","aria-disabled":this.disabled?"true":"false","data-level":this.depth,"data-value":this.value},i("div",{key:"72d190bde19d6329af703bd8fb2982ec6a0639ac",class:"option-item",style:c},i("div",{key:"a9212c96004f34980597f2f8ed6ac9e81a0bc04a",class:"chevron-wrapper",tabIndex:this.hasChildren?0:-1,role:this.hasChildren?"button":undefined,"aria-label":this.hasChildren?this.isExpanded?"Collapse":"Expand":undefined,onClick:e=>{e.stopPropagation();this.toggleExpansion()},onKeyDown:e=>{if(e.key==="Enter"||e.key===" "){e.preventDefault();e.stopPropagation();this.toggleExpansion()}}},this.hasChildren&&i("ifx-icon",{key:"55a61a7a42a5fb4628a4f06f0810f31e0a7d244d",class:`chevron ${this.isExpanded?"chevron--expanded":"chevron--collapsed"}`,icon:"chevron-right-16"})),i("div",{key:"71410122f4e0214c1d8709cf8b5f9b319b4b06d9",class:"checkbox-wrapper",onClick:e=>e.stopPropagation()},i("ifx-checkbox",{key:"208a2148b6a0742a9877e4e2856b34bb22d1e9b1",size:"s",checked:this.isSearchActive&&this.isSearchDisabled?false:this.indeterminate?false:this.selected,indeterminate:this.isSearchActive&&this.isSearchDisabled?false:this.indeterminate,onClick:this.handleCheckboxClick,disabled:this.disabled||this.isSearchActive&&this.isSearchDisabled,onKeyDown:e=>{if(e.key==="Enter"||e.key===" "){e.preventDefault();e.stopPropagation();this.handleCheckboxClick(e)}}})),i("div",{key:"3e4501e66dd09541073024b17eaa33befa11ee4e",class:"option-label",onClick:this.handleHeaderClick,tabIndex:-1},i("slot",{key:"e8f334fed373853ece6cb304cb97642c710f7468"}))),this.isExpanded&&i("div",{key:"bf40126d48e75986260d8fb0fcf39d5269c1afb8",class:"option-children"},i("slot",{key:"2c523595e535075930b91f12135a934c3ea7b53a",name:"children"}))))}get el(){return s(this)}};d.style=f;export{h as ifx_multiselect,d as ifx_multiselect_option};
+//# sourceMappingURL=p-0b0f2040.entry.js.map

package/dist/infineon-design-system-stencil/p-0b0f2040.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["multiselectCss","debounce","func","wait","timeout","executedFunction","args","later","clearTimeout","setTimeout","Multiselect","constructor","hostRef","this","disabled","required","error","caption","label","placeholder","showSearch","showSelectAll","showClearButton","showExpandCollapse","noResultsMessage","showNoResultsMessage","searchPlaceholder","selectAllLabel","expandLabel","collapseLabel","ariaMultiSelectLabel","ariaMultiSelectLabelledBy","ariaMultiSelectDescribedBy","ariaSearchLabel","ariaClearLabel","ariaToggleLabel","ariaSelectAllLabel","ariaExpandAllLabel","ariaCollapseAllLabel","internalError","persistentSelectedOptions","dropdownOpen","searchTerm","handleSearch","targetElement","value","toLowerCase","isSearchActive","wrapper","el","shadowRoot","querySelector","classList","remove","searchField","searchFieldHasFocus","matches","add","optionsContainer","requestAnimationFrame","allOptions","querySelectorAll","forEach","option","searchEvent","CustomEvent","detail","isActive","dispatchEvent","visibleCount","style","window","getComputedStyle","rect","getBoundingClientRect","display","visibility","opacity","height","handleDocumentClick","event","path","composedPath","includes","dropdownElement","document","removeEventListener","resetSearch","ifxOpen","emit","parseChildOptions","options","childElements","Array","from","children","child","index","tagName","parseOptionElement","push","element","getAttribute","selected","hasAttribute","indeterminate","nestedOptions","filter","map","childIndex","opt","length","loadInitialOptions","initiallySelected","collectSelectedOptions","initiallySelectedNotInState","init","some","selectedOptions","concat","collectLeafOptions","existingOption","leafOptions","handleSearchFocus","hasFocus","positionDropdown","wrapperRect","_a","spaceBelow","innerHeight","bottom","spaceAbove","top","dropdownFlipped","updateSlotBasedSelections","emitEvent","allOptionElements","selectedLeafOptions","optionEl","instance","hasChildren","getTextContent","ifxSelect","updateInitialParentStates","optionsByDepth","depth","parseInt","item","sort","a","b","updateParentState","parentInstance","directChildren","selectedCount","indeterminateCount","totalCount","componentDidLoad","isNestedInIfxComponent","framework","detectFramework","trackComponent","addEventListener","optionInstance","target","__stencil_instance","componentWillLoad","updateInternalError","onSelectionChange","newValue","_","formData","FormData","append","name","collapseAll","isExpanded","expandAll","selectAll","clearSelection","toggleDropdown","handleWrapperClick","currentTarget","handleKeyDown","code","preventDefault","closest","focusFirstOption","firstOption","labelElement","focus","renderSelectAll","allSelected","toggleSelectAll","stopPropagation","h","class","id","checked","size","onClick","onKeyDown","e","key","renderNoResultsMessage","render","selectedOptionsLabels","join","hasSelections","isFlatMultiselect","every","ref","role","undefined","tabindex","onIfxInput","onFocus","onBlur","tabIndex","icon","multiselectOptionCss","MultiselectOption","isSearchDisabled","handleSearchFilter","updateSearchClasses","handleCheckboxClick","newSelectedState","selectAllChildren","expandAllChildren","updateParentStates","notifyMultiselect","handleHeaderClick","handleClick","calculateDepth","setAttribute","toString","hasSelectedChildren","hasAnySelectedChildren","componentWillUpdate","disconnectedCallback","optionDiv","removeHighlighting","textContent","matchesSearch","hasMatchingParent","hasMatchingChildren","highlightSearchTerm","slotElement","originalText","searchTermLower","originalTextLower","searchIndex","indexOf","beforeMatch","substring","matchText","afterMatch","highlightedContent","createElement","className","appendChild","createTextNode","boldElement","highlightedElement","removeChild","removeAttribute","text","childNodes","node","nodeType","Node","TEXT_NODE","trim","childOptions","childInstance","childText","childMatches","grandChildrenMatch","parent","parentElement","parentText","type","toggleExpansion","updateEvent","bubbles","call","expanded","siblings","sibling","hasSelected","hasSelectedDescendants","checkForSelectedDescendants","nestedChild","isSelected","hasSelectedNested","parentMultiselect","basePadding","additionalPadding","totalPadding","optionItemStyle","paddingLeft","Host"],"sources":["src/components/select/multi-select/multiselect.scss?tag=ifx-multiselect&encapsulation=shadow","src/components/select/multi-select/multiselect.tsx","src/components/select/multi-select/multiselect-option.scss?tag=ifx-multiselect-option&encapsulation=shadow","src/components/select/multi-select/multiselect-option.tsx"],"sourcesContent":["// @import '~choices.js/public/assets/styles/choices.css';\r\n@use '~@infineon/design-system-tokens/dist/tokens';\r\n@use '../../../global/font.scss';\r\n\r\n.ifx-multiselect-container {\r\n  position: relative;\r\n  box-sizing: border-box;\r\n  font-family: var(--ifx-font-family);\r\n  \r\n\r\n  &.disabled {\r\n    & .ifx-label-wrapper {\r\n      color: tokens.$ifxColorEngineering300;\r\n    }\r\n\r\n    & .ifx-multiselect-wrapper {\r\n      background: tokens.$ifxColorEngineering300;\r\n      color: tokens.$ifxColorBaseWhite;\r\n      border-color: tokens.$ifxColorEngineering300;\r\n      cursor: default;\r\n      -webkit-user-select: none;\r\n      -ms-user-select: none;\r\n      user-select: none;\r\n    }\r\n  }\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n\r\n  .ifx-label-wrapper {\r\n    font-size: tokens.$ifxFontSizeM;\r\n    line-height: tokens.$ifxLineHeightM;\r\n    white-space: pre-wrap;\r\n    word-wrap: break-word;\r\n    overflow-wrap: anywhere;\r\n    max-width: 100%;\r\n\r\n    & .required {\r\n      margin-left: 4px;\r\n\r\n      &.error {\r\n        color: #CD002F;\r\n      }\r\n    }\r\n  }\r\n\r\n  .multi__select-caption {\r\n    font-style: normal;\r\n    font-weight: tokens.$ifxFontWeightRegular;\r\n    font-size: tokens.$ifxFontSizeXs;\r\n    line-height: tokens.$ifxLineHeightXs;\r\n    color: tokens.$ifxColorBaseBlack;\r\n    flex: none;\r\n    order: 1;\r\n    align-self: stretch;\r\n    flex-grow: 0;\r\n\r\n    &.error {\r\n      color: tokens.$ifxColorRed500;\r\n    }\r\n\r\n    &.disabled {\r\n      color: tokens.$ifxColorEngineering300;\r\n    }\r\n  }\r\n\r\n  .ifx-multiselect-wrapper {\r\n    background-color: tokens.$ifxColorBaseWhite;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    align-items: center;\r\n    border: 1px solid tokens.$ifxColorEngineering400;\r\n    border-radius: tokens.$ifxBorderRadius12;\r\n    width: 100%;\r\n    font-weight: 400;\r\n    font-style: normal;\r\n    height: 40px;\r\n    line-height: 24px;\r\n    padding: 8px 16px;\r\n    font-size: tokens.$ifxFontSizeM;\r\n    line-height: tokens.$ifxLineHeightM;\r\n\r\n    &:focus-visible {\r\n      outline: none;\r\n    }\r\n\r\n    &:focus-visible:not(.active):not(:active) {\r\n      outline: none;\r\n\r\n      &::before {\r\n        content: '';\r\n        position: absolute;\r\n        width: calc(100% + 4px);\r\n        height: calc(100% + 4px);\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        border: 2px solid tokens.$ifxColorOcean500;\r\n        border-radius: 2px;\r\n      }\r\n    }\r\n\r\n    &.error {\r\n      border-color: tokens.$ifxColorRed500;\r\n    }\r\n\r\n    &.active {\r\n      border-color: tokens.$ifxColorOcean500 !important; // Active border color\r\n\r\n      & .icon-wrapper-up {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding-left: tokens.$ifxSpace100;\r\n      }\r\n\r\n      & .icon-wrapper-down {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    & .icon-wrapper-up {\r\n      display: none;\r\n    }\r\n\r\n    & .icon-wrapper-down {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding-left: tokens.$ifxSpace100;\r\n    }\r\n\r\n    &.is-flipped {\r\n      .ifx-multiselect-dropdown-menu {\r\n        top: auto;\r\n        bottom: 100%;\r\n      }\r\n    }\r\n  }\r\n\r\n  .ifx-multiselect-input {\r\n    flex-grow: 1;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n\r\n    &.placeholder {\r\n      opacity: 0.5;\r\n    }\r\n  }\r\n\r\n  .ifx-multiselect-icon-container {\r\n    margin-left: auto;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: tokens.$ifxSpace100;\r\n\r\n    .ifx-multiselect-icon-container {\r\n      display: flex;\r\n    }\r\n\r\n    .icon-wrapper {\r\n      display: flex;\r\n      align-items: center;\r\n      transition: transform 0.2s ease-in-out;\r\n    }\r\n\r\n    .icon-wrapper--open {\r\n      transform: rotate(180deg);\r\n    }\r\n  }\r\n\r\n  .ifx-clear-button {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    &.hide {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  .ifx-multiselect-dropdown-menu {\r\n    box-sizing: border-box;\r\n    position: absolute;\r\n    top: 100%;\r\n    left: 0;\r\n    width: 100%;\r\n    margin-top: tokens.$ifxSpace50;\r\n    border: 1px solid tokens.$ifxColorEngineering200;\r\n    background-color: tokens.$ifxColorBaseWhite;\r\n    box-shadow: 0px 6px 9px 0px rgba(29, 29, 29, 0.1);\r\n    max-height: 300px;\r\n    z-index: 1000;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n   &:not(.disabled) .ifx-multiselect-wrapper:hover:not(.focus, :focus) {\r\n    border-color: tokens.$ifxColorEngineering500;\r\n  }\r\n}\r\n\r\n.ifx-multiselect-dropdown-functions {\r\n  padding: tokens.$ifxSpace150 tokens.$ifxSpace200;\r\n  border-bottom: 1px solid tokens.$ifxColorEngineering200;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.ifx-multiselect-dropdown-search {\r\n  margin-bottom: tokens.$ifxSpace150;\r\n}\r\n\r\n.ifx-multiselect-dropdown-controls {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: space-between;\r\n  gap: tokens.$ifxSpace100;\r\n\r\n  .select-all-wrapper {\r\n    display: flex;\r\n  }\r\n\r\n  .expand-collapse-controls {\r\n    display: flex;\r\n    gap: tokens.$ifxSpace150;\r\n  }\r\n\r\n  .control-item {\r\n    font-size: tokens.$ifxFontSizeS;\r\n    line-height: tokens.$ifxLineHeightS;\r\n\r\n    &:hover {\r\n      color: tokens.$ifxColorOcean500;\r\n    }\r\n\r\n    &:active {\r\n      color: tokens.$ifxColorOcean600;\r\n    }\r\n\r\n    &:focus {\r\n      outline: none;\r\n    }\r\n\r\n    &:focus-visible {\r\n      outline: 2px solid tokens.$ifxColorOcean500;\r\n      outline-offset: 2px;\r\n      border-radius: tokens.$ifxBorderRadius12;\r\n    }\r\n  }\r\n}\r\n\r\n.ifx-multiselect-options {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding-top: tokens.$ifxSpace150;\r\n  padding-bottom: tokens.$ifxSpace150;\r\n\r\n  &.show-no-results {\r\n    .ifx-multiselect-no-results {\r\n      display: block;\r\n    }\r\n  }\r\n}\r\n\r\n.ifx-multiselect-no-results {\r\n  padding-left: tokens.$ifxSpace200;\r\n  padding-right: tokens.$ifxSpace200;\r\n  display: none;\r\n}\r\n","import { Component, Prop, State, Event, EventEmitter, Element, h, Watch, AttachInternals, Method } from '@stencil/core';\r\nimport { trackComponent } from '../../../global/utils/tracking';\r\nimport { isNestedInIfxComponent } from '../../../global/utils/dom-utils';\r\nimport { detectFramework } from '../../../global/utils/framework-detection';\r\nimport { Option } from './interfaces';\r\n\r\nfunction debounce(func, wait) {\r\n  let timeout;\r\n  return function executedFunction(...args) {\r\n    const later = () => {\r\n      clearTimeout(timeout);\r\n      func(...args);\r\n    };\r\n    clearTimeout(timeout);\r\n    timeout = setTimeout(later, wait);\r\n  };\r\n}\r\n\r\n@Component({\r\n  tag: 'ifx-multiselect',\r\n  styleUrl: 'multiselect.scss',\r\n  shadow: true,\r\n  // formAssociated: true\r\n})\r\nexport class Multiselect {\r\n  @Prop() name: string;\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() required: boolean = false;\r\n  @Prop() error: boolean = false;\r\n  @Prop() caption: string = '';\r\n  @Prop() label: string = '';\r\n  @Prop() placeholder: string = '';\r\n  @Prop() showSearch: boolean = true;\r\n  @Prop() showSelectAll: boolean = true;\r\n  @Prop() showClearButton: boolean = true;\r\n  @Prop() showExpandCollapse: boolean = true;\r\n  @Prop() noResultsMessage: string = 'No results found.';\r\n  @Prop() showNoResultsMessage: boolean = true;\r\n  @Prop() searchPlaceholder: string = 'Search';\r\n  @Prop() selectAllLabel: string = 'Select all';\r\n  @Prop() expandLabel: string = 'Expand';\r\n  @Prop() collapseLabel: string = 'Collapse';\r\n  @Prop() ariaMultiSelectLabel: string = 'Multi-select dropdown';\r\n  @Prop() ariaMultiSelectLabelledBy: string = '';\r\n  @Prop() ariaMultiSelectDescribedBy: string = '';\r\n  @Prop() ariaSearchLabel: string = 'Search options';\r\n  @Prop() ariaClearLabel: string = 'Clear all selections';\r\n  @Prop() ariaToggleLabel: string = 'Toggle dropdown';\r\n  @Prop() ariaSelectAllLabel: string = 'Select all options';\r\n  @Prop() ariaExpandAllLabel: string = 'Expand all categories';\r\n  @Prop() ariaCollapseAllLabel: string = 'Collapse all categories';\r\n\r\n  @State() internalError: boolean = false;\r\n  @State() persistentSelectedOptions: Option[] = [];\r\n  @State() dropdownOpen = false;\r\n  @State() dropdownFlipped: boolean;\r\n  @State() searchTerm: string = '';\r\n\r\n  @Event() ifxSelect: EventEmitter;\r\n  @Event() ifxOpen: EventEmitter;\r\n\r\n  @Element() el: HTMLElement;\r\n  dropdownElement!: HTMLElement;\r\n\r\n  @AttachInternals() internals: ElementInternals;\r\n  private parseChildOptions(): Option[] {\r\n    const options: Option[] = [];\r\n    const childElements = Array.from(this.el.children);\r\n\r\n    childElements.forEach((child, index) => {\r\n      if (child.tagName === 'IFX-MULTISELECT-OPTION') {\r\n        const option = this.parseOptionElement(child as HTMLElement, index);\r\n        if (option) {\r\n          options.push(option);\r\n        }\r\n      }\r\n    });\r\n\r\n    return options;\r\n  }\r\n\r\n  private parseOptionElement(element: HTMLElement, index: number): Option | null {\r\n    const value = element.getAttribute('value') || `option-${index}`;\r\n    const selected = element.hasAttribute('selected');\r\n    const disabled = element.hasAttribute('disabled');\r\n    const indeterminate = element.hasAttribute('indeterminate');\r\n\r\n    const option: Option = {\r\n      value,\r\n      selected,\r\n      disabled,\r\n      indeterminate,\r\n    };\r\n\r\n    const nestedOptions = Array.from(element.children)\r\n      .filter(child => child.tagName === 'IFX-MULTISELECT-OPTION')\r\n      .map((child, childIndex) => this.parseOptionElement(child as HTMLElement, childIndex))\r\n      .filter(opt => opt !== null) as Option[];\r\n\r\n    if (nestedOptions.length > 0) {\r\n      option.children = nestedOptions;\r\n    }\r\n\r\n    return option;\r\n  }\r\n\r\n  loadInitialOptions() {\r\n    this.internalError = this.error;\r\n    const allOptions = this.parseChildOptions();\r\n    const initiallySelected = this.collectSelectedOptions(allOptions);\r\n    const initiallySelectedNotInState = initiallySelected.filter(init => !this.persistentSelectedOptions.some(opt => opt.value == init.value));\r\n    this.persistentSelectedOptions = [...this.persistentSelectedOptions, ...initiallySelectedNotInState];\r\n  }\r\n\r\n  private collectSelectedOptions(options: Option[]): Option[] {\r\n    let selectedOptions: Option[] = [];\r\n\r\n    for (const option of options) {\r\n      if (option.selected) {\r\n        if (option.children && option.children.length > 0) {\r\n          selectedOptions = selectedOptions.concat(this.collectLeafOptions(option.children));\r\n        } else {\r\n          if (!selectedOptions.some(existingOption => existingOption.value === option.value)) {\r\n            selectedOptions.push(option);\r\n          }\r\n        }\r\n      } else {\r\n        if (option.children && option.children.length > 0) {\r\n          selectedOptions = selectedOptions.concat(this.collectSelectedOptions(option.children));\r\n        }\r\n      }\r\n    }\r\n\r\n    return selectedOptions;\r\n  }\r\n\r\n  private collectLeafOptions(children: Option[]): Option[] {\r\n    let leafOptions = [];\r\n\r\n    for (const child of children) {\r\n      if (child.children && child.children.length > 0) {\r\n        leafOptions = leafOptions.concat(this.collectLeafOptions(child.children));\r\n      } else {\r\n        leafOptions.push(child);\r\n      }\r\n    }\r\n    return leafOptions;\r\n  }\r\n\r\n  handleSearch = debounce((targetElement: HTMLInputElement) => {\r\n    const searchTerm = targetElement.value.toLowerCase();\r\n    const isSearchActive = searchTerm !== '';\r\n\r\n    this.searchTerm = searchTerm;\r\n\r\n    const wrapper = this.el.shadowRoot.querySelector('.ifx-multiselect-wrapper');\r\n    if (wrapper) {\r\n      if (isSearchActive) {\r\n        wrapper.classList.remove('active');\r\n      } else {\r\n        const searchField = this.el.shadowRoot.querySelector('ifx-search-field');\r\n        const searchFieldHasFocus = searchField && searchField.matches(':focus-within');\r\n        if (!searchFieldHasFocus) {\r\n          wrapper.classList.add('active');\r\n        }\r\n      }\r\n    }\r\n\r\n    const optionsContainer = this.el.shadowRoot.querySelector('.ifx-multiselect-options');\r\n    if (optionsContainer) {\r\n      if (isSearchActive) {\r\n        optionsContainer.classList.add('has-search-filter');\r\n      } else {\r\n        optionsContainer.classList.remove('has-search-filter');\r\n      }\r\n    }\r\n\r\n    requestAnimationFrame(() => {\r\n      const allOptions = this.el.querySelectorAll('ifx-multiselect-option');\r\n      allOptions.forEach(option => {\r\n        const searchEvent = new CustomEvent('ifx-search-filter', {\r\n          detail: { searchTerm, isActive: isSearchActive },\r\n        });\r\n        option.dispatchEvent(searchEvent);\r\n      });\r\n\r\n      if (isSearchActive) {\r\n        setTimeout(() => {\r\n          const allOptions = this.el.querySelectorAll('ifx-multiselect-option');\r\n          let visibleCount = 0;\r\n\r\n          allOptions.forEach(option => {\r\n            const style = window.getComputedStyle(option);\r\n            const rect = option.getBoundingClientRect();\r\n\r\n            if (style.display !== 'none' && style.visibility !== 'hidden' && style.opacity !== '0' && rect.height > 0) {\r\n              visibleCount++;\r\n            }\r\n          });\r\n\r\n          const optionsContainer = this.el.shadowRoot.querySelector('.ifx-multiselect-options');\r\n          if (optionsContainer) {\r\n            if (visibleCount === 0) {\r\n              optionsContainer.classList.add('show-no-results');\r\n            } else {\r\n              optionsContainer.classList.remove('show-no-results');\r\n            }\r\n          }\r\n        }, 200);\r\n      } else {\r\n        const optionsContainer = this.el.shadowRoot.querySelector('.ifx-multiselect-options');\r\n        if (optionsContainer) {\r\n          optionsContainer.classList.remove('show-no-results');\r\n        }\r\n      }\r\n    });\r\n  }, 150);\r\n\r\n  private handleSearchFocus(hasFocus: boolean) {\r\n    const wrapper = this.el.shadowRoot.querySelector('.ifx-multiselect-wrapper');\r\n    if (wrapper) {\r\n      if (hasFocus || this.searchTerm !== '') {\r\n        wrapper.classList.remove('active');\r\n      } else {\r\n        wrapper.classList.add('active');\r\n      }\r\n    }\r\n  }\r\n\r\n  positionDropdown() {\r\n    const wrapperRect = this.el.shadowRoot.querySelector('.ifx-multiselect-wrapper')?.getBoundingClientRect();\r\n    const spaceBelow = window.innerHeight - wrapperRect.bottom;\r\n    const spaceAbove = wrapperRect.top;\r\n\r\n    if ((spaceAbove > spaceBelow && wrapperRect.height > spaceBelow) || wrapperRect.bottom > window.innerHeight) {\r\n      this.dropdownFlipped = true;\r\n    } else {\r\n      this.dropdownFlipped = false;\r\n    }\r\n  }\r\n\r\n  //private pendingSelectionUpdate = false;\r\n  public updateSlotBasedSelections(emitEvent: boolean = false) {\r\n    const allOptionElements = this.el.querySelectorAll('ifx-multiselect-option');\r\n    const selectedLeafOptions: Option[] = [];\r\n\r\n    allOptionElements.forEach((optionEl: any) => {\r\n      const instance = optionEl['__stencil_instance'];\r\n      if (instance && instance.selected && !instance.hasChildren) {\r\n        selectedLeafOptions.push({\r\n          value: instance.value,\r\n          selected: true,\r\n          disabled: instance.disabled,\r\n          label: instance.getTextContent() || instance.value,\r\n        });\r\n      }\r\n    });\r\n\r\n    this.persistentSelectedOptions = selectedLeafOptions;\r\n\r\n    if (emitEvent) {\r\n      this.ifxSelect.emit(this.persistentSelectedOptions);\r\n    }\r\n  }\r\n\r\n  private updateInitialParentStates() {\r\n    const allOptionElements = this.el.querySelectorAll('ifx-multiselect-option');\r\n    const optionsByDepth = Array.from(allOptionElements)\r\n      .map(el => ({\r\n        element: el,\r\n        instance: (el as any)['__stencil_instance'],\r\n        depth: parseInt(el.getAttribute('data-level') || '0'),\r\n      }))\r\n      .filter(item => item.instance)\r\n      .sort((a, b) => b.depth - a.depth);\r\n\r\n    optionsByDepth.forEach(({ instance }) => {\r\n      if (instance.hasChildren) {\r\n        this.updateParentState(instance);\r\n      }\r\n    });\r\n  }\r\n\r\n  private updateParentState(parentInstance: any) {\r\n    const directChildren = Array.from(parentInstance.el.children as HTMLCollection)\r\n      .filter((child: Element) => child.tagName === 'IFX-MULTISELECT-OPTION')\r\n      .map(child => (child as any)['__stencil_instance'])\r\n      .filter(instance => instance !== null);\r\n\r\n    const selectedCount = directChildren.filter(child => child.selected).length;\r\n    const indeterminateCount = directChildren.filter(child => child.indeterminate).length;\r\n    const totalCount = directChildren.length;\r\n\r\n    if (selectedCount === totalCount && indeterminateCount === 0) {\r\n      parentInstance.selected = true;\r\n      parentInstance.indeterminate = false;\r\n    } else if (selectedCount === 0 && indeterminateCount === 0) {\r\n      parentInstance.selected = false;\r\n      parentInstance.indeterminate = false;\r\n    } else {\r\n      parentInstance.selected = false;\r\n      parentInstance.indeterminate = true;\r\n    }\r\n  }\r\n\r\n  async componentDidLoad() {\r\n    if (!isNestedInIfxComponent(this.el)) {\r\n      const framework = detectFramework();\r\n      trackComponent('ifx-multiselect', await framework);\r\n    }\r\n    setTimeout(() => {\r\n      this.positionDropdown();\r\n    }, 500);\r\n\r\n    this.el.addEventListener('ifx-option-changed', (event: CustomEvent) => {\r\n      const optionInstance = (event.target as any)?.__stencil_instance;\r\n      if (optionInstance && !optionInstance.hasChildren) {\r\n        this.updateSlotBasedSelections(true);\r\n      }\r\n    });\r\n\r\n    setTimeout(() => {\r\n      this.updateSlotBasedSelections(false);\r\n      this.updateInitialParentStates();\r\n    }, 100);\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.loadInitialOptions();\r\n  }\r\n\r\n  @Watch('error')\r\n  updateInternalError() {\r\n    this.internalError = this.error;\r\n  }\r\n\r\n  @Watch('persistentSelectedOptions')\r\n  onSelectionChange(newValue: Option[], _: Option[]) {\r\n    const formData = new FormData();\r\n    newValue.forEach(option => formData.append(this.name, option.value));\r\n    //this.internals.setFormValue(formData);\r\n  }\r\n  collapseAll() {\r\n    const allOptionElements = this.el.querySelectorAll('ifx-multiselect-option');\r\n    allOptionElements.forEach((optionEl: any) => {\r\n      const instance = optionEl['__stencil_instance'];\r\n      if (instance && instance.hasChildren) {\r\n        instance.isExpanded = false;\r\n      }\r\n    });\r\n  }\r\n\r\n  expandAll() {\r\n    const allOptionElements = this.el.querySelectorAll('ifx-multiselect-option');\r\n    allOptionElements.forEach((optionEl: any) => {\r\n      const instance = optionEl['__stencil_instance'];\r\n      if (instance && instance.hasChildren) {\r\n        instance.isExpanded = true;\r\n      }\r\n    });\r\n  }\r\n\r\n  selectAll() {\r\n    this.resetSearch();\r\n\r\n    const allOptionElements = this.el.querySelectorAll('ifx-multiselect-option');\r\n\r\n    allOptionElements.forEach((optionEl: any) => {\r\n      const instance = optionEl['__stencil_instance'];\r\n      if (instance) {\r\n        if (instance.hasChildren) {\r\n          instance.isExpanded = true;\r\n        } else {\r\n          instance.selected = true;\r\n        }\r\n      }\r\n    });\r\n\r\n    setTimeout(() => {\r\n      this.updateInitialParentStates();\r\n      this.updateSlotBasedSelections(false);\r\n      this.ifxSelect.emit(this.persistentSelectedOptions);\r\n    }, 0);\r\n  }\r\n\r\n  @Method()\r\n  async clearSelection() {\r\n    const allOptionElements = this.el.querySelectorAll('ifx-multiselect-option');\r\n    allOptionElements.forEach((optionEl: any) => {\r\n      const instance = optionEl['__stencil_instance'];\r\n      if (instance) {\r\n        instance.selected = false;\r\n        instance.indeterminate = false;\r\n        if (instance.hasChildren) {\r\n          instance.isExpanded = false;\r\n        }\r\n      }\r\n    });\r\n\r\n    this.persistentSelectedOptions = [];\r\n\r\n    setTimeout(() => {\r\n      this.updateSlotBasedSelections(false);\r\n      this.ifxSelect.emit(this.persistentSelectedOptions);\r\n    }, 0);\r\n  }\r\n\r\n  handleDocumentClick = (event: Event) => {\r\n    const path = event.composedPath();\r\n    if (!path.includes(this.dropdownElement)) {\r\n      this.dropdownOpen = false;\r\n      document.removeEventListener('click', this.handleDocumentClick);\r\n      this.resetSearch();\r\n      this.ifxOpen.emit(this.dropdownOpen);\r\n    }\r\n  };\r\n\r\n  toggleDropdown() {\r\n    this.dropdownOpen = !this.dropdownOpen;\r\n    setTimeout(() => {\r\n      if (this.dropdownOpen) {\r\n        document.addEventListener('click', this.handleDocumentClick);\r\n      } else {\r\n        this.resetSearch();\r\n      }\r\n      this.ifxOpen.emit(this.dropdownOpen);\r\n    }, 0);\r\n  }\r\n\r\n  private resetSearch() {\r\n    this.searchTerm = '';\r\n\r\n    const searchField = this.el.shadowRoot.querySelector('ifx-search-field') as any;\r\n    if (searchField) {\r\n      searchField.value = '';\r\n    }\r\n\r\n    const optionsContainer = this.el.shadowRoot.querySelector('.ifx-multiselect-options');\r\n    if (optionsContainer) {\r\n      optionsContainer.classList.remove('has-search-filter');\r\n    }\r\n\r\n    const allOptions = this.el.querySelectorAll('ifx-multiselect-option');\r\n    allOptions.forEach(option => {\r\n      const searchEvent = new CustomEvent('ifx-search-filter', {\r\n        detail: { searchTerm: '', isActive: false },\r\n      });\r\n      option.dispatchEvent(searchEvent);\r\n    });\r\n  }\r\n\r\n  handleWrapperClick(event: MouseEvent) {\r\n    this.positionDropdown();\r\n\r\n    if (event.currentTarget === event.target) {\r\n      this.toggleDropdown();\r\n    }\r\n  }\r\n\r\n  handleKeyDown(event: KeyboardEvent) {\r\n    if (this.disabled) return;\r\n\r\n    // If dropdown is closed, only allow opening\r\n    if (!this.dropdownOpen) {\r\n      switch (event.code) {\r\n        case 'Enter':\r\n        case 'Space':\r\n        case 'ArrowDown':\r\n          event.preventDefault();\r\n          this.toggleDropdown();\r\n          break;\r\n      }\r\n      return;\r\n    }\r\n\r\n    // Dropdown is open - handle navigation and controls\r\n    switch (event.code) {\r\n      case 'Escape':\r\n        event.preventDefault();\r\n        this.toggleDropdown();\r\n        break;\r\n      case 'Enter':\r\n      case 'Space':\r\n        // Don't close dropdown when pressing space/enter in controls area\r\n        const target = event.target as HTMLElement;\r\n        if (!target.closest('.ifx-multiselect-dropdown-functions')) {\r\n          event.preventDefault();\r\n          this.toggleDropdown();\r\n        }\r\n        break;\r\n      case 'ArrowDown':\r\n      case 'ArrowUp':\r\n        // Focus first/last option for navigation\r\n        event.preventDefault();\r\n        this.focusFirstOption();\r\n        break;\r\n    }\r\n  }\r\n\r\n  private focusFirstOption() {\r\n    const firstOption = this.el.querySelector('ifx-multiselect-option:not(.search-hidden)');\r\n    if (firstOption) {\r\n      const labelElement = firstOption.shadowRoot?.querySelector('.option-label') as HTMLElement;\r\n      labelElement?.focus();\r\n    }\r\n  }\r\n\r\n  private renderSelectAll() {\r\n    const allOptionElements = this.el.querySelectorAll('ifx-multiselect-option');\r\n    const leafOptions = Array.from(allOptionElements).filter((el: any) => !el.hasChildren);\r\n    const selectedLeafOptions = Array.from(allOptionElements).filter((el: any) => !el.hasChildren && el.selected);\r\n\r\n    const allSelected = leafOptions.length > 0 && selectedLeafOptions.length === leafOptions.length;\r\n\r\n    const toggleSelectAll = (event?: Event) => {\r\n      if (event) {\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n      }\r\n\r\n      if (allSelected) {\r\n        this.clearSelection();\r\n      } else {\r\n        this.selectAll();\r\n      }\r\n    };\r\n\r\n    return (\r\n      <div class=\"select-all-wrapper\">\r\n        <ifx-checkbox\r\n          id=\"selectAll\"\r\n          checked={allSelected}\r\n          size=\"s\"\r\n          aria-label={this.ariaSelectAllLabel}\r\n          onClick={toggleSelectAll}\r\n          onKeyDown={e => {\r\n            if (e.key === 'Enter' || e.key === ' ') {\r\n              e.preventDefault();\r\n              e.stopPropagation();\r\n              toggleSelectAll(e);\r\n            }\r\n          }}\r\n        >\r\n          {this.selectAllLabel}\r\n        </ifx-checkbox>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private renderNoResultsMessage() {\r\n    return (\r\n      <div class=\"ifx-multiselect-no-results\">\r\n        <div class=\"no-results-content\">\r\n          <span class=\"no-results-text\">{this.noResultsMessage}</span>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  render() {\r\n    const selectedOptionsLabels = this.persistentSelectedOptions.map(option => (option as any).label || option.value).join(', ');\r\n\r\n    const hasSelections = this.persistentSelectedOptions.length > 0;\r\n\r\n    let isFlatMultiselect = false;\r\n    const allOptionElements = this.el.querySelectorAll('ifx-multiselect-option');\r\n    if (allOptionElements.length > 0) {\r\n      isFlatMultiselect = Array.from(allOptionElements).every(option => option.children.length === 0);\r\n    }\r\n\r\n    return (\r\n      <div class={`ifx-multiselect-container ${this.disabled && !this.error ? 'disabled' : ''}`} ref={el => (this.dropdownElement = el as HTMLElement)}>\r\n        {\r\n          <div class=\"ifx-label-wrapper\">\r\n            {this.label && (\r\n              <span class=\"wrapper-label\">\r\n                <span>{this.label}</span>\r\n                {this.required && <span class={`required ${this.error ? 'error' : ''}`}>*</span>}\r\n              </span>\r\n            )}\r\n          </div>\r\n        }\r\n        <div\r\n          class={`ifx-multiselect-wrapper\r\n        ${this.dropdownOpen ? 'active' : ''}\r\n        ${this.dropdownFlipped ? 'is-flipped' : ''}\r\n        ${this.internalError ? 'error' : ''}\r\n        ${this.disabled && !this.error ? 'disabled' : ''}`}\r\n          role=\"combobox\"\r\n          aria-label={this.ariaMultiSelectLabel}\r\n          aria-labelledby={this.ariaMultiSelectLabelledBy || undefined}\r\n          aria-describedby={this.ariaMultiSelectDescribedBy || undefined}\r\n          aria-expanded={this.dropdownOpen}\r\n          aria-haspopup=\"listbox\"\r\n          aria-disabled={this.disabled && !this.error}\r\n          tabindex=\"0\"\r\n          onClick={this.disabled && !this.error ? undefined : event => this.handleWrapperClick(event)}\r\n          onKeyDown={this.disabled && !this.error ? undefined : event => this.handleKeyDown(event)}\r\n        >\r\n          <div\r\n            class={`ifx-multiselect-input\r\n          ${hasSelections ? '' : 'placeholder'}\r\n          `}\r\n            onClick={this.disabled && !this.error ? undefined : () => this.toggleDropdown()}\r\n          >\r\n            {hasSelections ? selectedOptionsLabels : this.placeholder}\r\n          </div>\r\n          {this.dropdownOpen && (\r\n            <div class=\"ifx-multiselect-dropdown-menu\">\r\n              {(this.showSearch || this.showSelectAll || (this.showExpandCollapse && !isFlatMultiselect)) && (\r\n                <div class=\"ifx-multiselect-dropdown-functions\" onClick={e => e.stopPropagation()}>\r\n                  {this.showSearch && (\r\n                    <div class=\"ifx-multiselect-dropdown-search\">\r\n                      <ifx-search-field\r\n                        class=\"search-input\"\r\n                        placeholder={this.searchPlaceholder}\r\n                        size=\"s\"\r\n                        show-delete-icon=\"true\"\r\n                        aria-label={this.ariaSearchLabel}\r\n                        onKeyDown={e => {\r\n                          e.stopPropagation();\r\n                        }}\r\n                        onIfxInput={event => this.handleSearch(event.target)}\r\n                        onFocus={() => this.handleSearchFocus(true)}\r\n                        onBlur={() => this.handleSearchFocus(false)}\r\n                      ></ifx-search-field>\r\n                    </div>\r\n                  )}\r\n\r\n                  <div class=\"ifx-multiselect-dropdown-controls\">\r\n                    {this.showSelectAll && this.renderSelectAll()}\r\n                    {this.showExpandCollapse && !isFlatMultiselect && (\r\n                      <div class=\"expand-collapse-controls\">\r\n                        <span\r\n                          class=\"control-item\"\r\n                          role=\"button\"\r\n                          tabIndex={0}\r\n                          aria-label={this.ariaExpandAllLabel}\r\n                          onClick={e => {\r\n                            e.stopPropagation();\r\n                            this.expandAll();\r\n                          }}\r\n                          onKeyDown={e => {\r\n                            if (e.key === 'Enter' || e.key === ' ') {\r\n                              e.preventDefault();\r\n                              e.stopPropagation();\r\n                              this.expandAll();\r\n                            }\r\n                          }}\r\n                        >\r\n                          {this.expandLabel}\r\n                        </span>\r\n                        <span\r\n                          class=\"control-item\"\r\n                          role=\"button\"\r\n                          tabIndex={0}\r\n                          aria-label={this.ariaCollapseAllLabel}\r\n                          onClick={e => {\r\n                            e.stopPropagation();\r\n                            this.collapseAll();\r\n                          }}\r\n                          onKeyDown={e => {\r\n                            if (e.key === 'Enter' || e.key === ' ') {\r\n                              e.preventDefault();\r\n                              e.stopPropagation();\r\n                              this.collapseAll();\r\n                            }\r\n                          }}\r\n                        >\r\n                          {this.collapseLabel}\r\n                        </span>\r\n                      </div>\r\n                    )}\r\n                  </div>\r\n                </div>\r\n              )}\r\n\r\n              <div class=\"ifx-multiselect-options\" role=\"listbox\" aria-multiselectable=\"true\">\r\n                <slot />\r\n                {this.searchTerm && this.showNoResultsMessage && this.renderNoResultsMessage()}\r\n              </div>\r\n            </div>\r\n          )}\r\n          <div class=\"ifx-multiselect-icon-container\">\r\n            {/* Clear Button - will show only if there's a selection */}\r\n            {this.persistentSelectedOptions.length > 0 && (\r\n              <div class={`ifx-clear-button ${!this.showClearButton ? 'hide' : ''}`} onClick={this.disabled && !this.error ? undefined : () => this.clearSelection()}>\r\n                <ifx-icon icon=\"cRemove16\"></ifx-icon>\r\n              </div>\r\n            )}\r\n            <div class=\"icon-wrapper-up\" onClick={this.disabled && !this.error ? undefined : () => this.toggleDropdown()}>\r\n              <ifx-icon key=\"icon-up\" icon=\"chevron-up-16\"></ifx-icon>\r\n            </div>\r\n            <div class=\"icon-wrapper-down\" onClick={this.disabled && !this.error ? undefined : () => this.toggleDropdown()}>\r\n              <ifx-icon key=\"icon-down\" icon=\"chevron-down-16\"></ifx-icon>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        {this.caption && <div class={`multi__select-caption ${this.error ? 'error' : ''} ${this.disabled && !this.error ? 'disabled' : ''}`}>{this.caption}</div>}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n\r\n:host {\r\n  display: block;\r\n  width: 100%;\r\n}\r\n\r\n.option {\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n  cursor: pointer;\r\n  list-style: none;\r\n\r\n  &.option--expanded {\r\n    position: relative;\r\n  }\r\n\r\n  &.option--has-children {\r\n    position: relative;\r\n\r\n    .option-item > .chevron-wrapper {\r\n      display: flex;\r\n    }\r\n  }\r\n\r\n  &--disabled {\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n    color: tokens.$ifxColorEngineering300;\r\n  }\r\n\r\n  &--selected {\r\n    // Additional styles for selected state if needed\r\n    // .option-item {\r\n    //   background: red;\r\n    // }\r\n  }\r\n\r\n  &.search-hidden {\r\n    display: none !important;\r\n  }\r\n\r\n  &.search-match {\r\n    .option-item {\r\n      .option-label {\r\n        .search-highlight {\r\n          font-weight: bold;\r\n          // color: tokens.$ifxColorOcean400;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.option-item {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  white-space: nowrap;\r\n  min-height: tokens.$ifxSize250;\r\n  padding: tokens.$ifxSize50 tokens.$ifxSpace200;\r\n  background-color: tokens.$ifxColorBaseWhite;\r\n  transition: background-color 0.2s ease-in-out;\r\n\r\n  &:hover {\r\n    background-color: tokens.$ifxColorEngineering100;\r\n  }\r\n\r\n  .option--disabled & {\r\n    &:hover {\r\n      background-color: transparent;\r\n    }\r\n  }\r\n}\r\n\r\n.option-children {\r\n  display: block;\r\n}\r\n\r\n.chevron-wrapper {\r\n  display: none;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-right: tokens.$ifxSpace100;\r\n  width: tokens.$ifxSize250;\r\n  height: tokens.$ifxSize250;\r\n  flex-shrink: 0;\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n\r\n  &:focus-visible {\r\n    outline: 2px solid tokens.$ifxColorOcean500;\r\n    outline-offset: 2px;\r\n    border-radius: tokens.$ifxBorderRadius12;\r\n  }\r\n\r\n  .option--has-children & {\r\n    display: flex;\r\n  }\r\n\r\n  .chevron {\r\n    transition: transform 0.2s ease-in-out;\r\n    color: tokens.$ifxColorEngineering600;\r\n\r\n    &.chevron--expanded {\r\n      transform: rotate(90deg);\r\n    }\r\n\r\n    &.chevron--collapsed {\r\n      transform: rotate(0deg);\r\n    }\r\n  }\r\n}\r\n\r\n.checkbox-wrapper {\r\n  display: flex;\r\n  align-items: center;\r\n  margin-right: tokens.$ifxSpace100;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.option-label {\r\n  flex-grow: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  cursor: pointer;\r\n  padding: tokens.$ifxSpace25 0;\r\n  font-size: tokens.$ifxFontSizeS;\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n\r\n  &:focus-visible {\r\n    outline: 2px solid tokens.$ifxColorOcean500;\r\n    outline-offset: 2px;\r\n    border-radius: tokens.$ifxBorderRadius12;\r\n  }\r\n\r\n  .option--disabled & {\r\n    cursor: not-allowed;\r\n    color: tokens.$ifxColorEngineering300;\r\n  }\r\n}\r\n","import { Component, Prop, Element, h, Host, State, Listen } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'ifx-multiselect-option',\r\n  styleUrl: 'multiselect-option.scss',\r\n  shadow: true,\r\n})\r\nexport class MultiselectOption {\r\n  @Element() el: HTMLElement;\r\n\r\n  @Prop() value: string;\r\n  @Prop({ reflect: true, mutable: true }) selected: boolean = false;\r\n  @Prop({ reflect: true, mutable: true }) disabled: boolean = false;\r\n  @Prop({ reflect: true, mutable: true }) indeterminate: boolean = false;\r\n\r\n  @State() private isExpanded: boolean = false;\r\n  @State() private hasChildren: boolean = false;\r\n  @State() private depth: number = 0;\r\n  @State() private searchTerm: string = '';\r\n  @State() private isSearchActive: boolean = false;\r\n  @State() private isSearchDisabled: boolean = false;\r\n\r\n  componentWillLoad() {\r\n    this.hasChildren = this.el.children.length > 0;\r\n    this.depth = this.calculateDepth();\r\n\r\n    this.el.setAttribute('data-level', this.depth.toString());\r\n\r\n     if (this.hasChildren) {\r\n      const hasSelectedChildren = this.hasAnySelectedChildren();\r\n      if (hasSelectedChildren) {\r\n        this.isExpanded = true;\r\n      }\r\n    }\r\n  }\r\n\r\n  componentDidLoad() {\r\n    (this.el as any)['__stencil_instance'] = this;\r\n    this.notifyMultiselect();\r\n    this.el.addEventListener('ifx-search-filter', this.handleSearchFilter);\r\n  }\r\n\r\n  componentWillUpdate() { \r\n    this.notifyMultiselect();\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.el.removeEventListener('ifx-search-filter', this.handleSearchFilter);\r\n  }\r\n\r\n  private handleSearchFilter = (event: CustomEvent) => {\r\n    const { searchTerm, isActive } = event.detail;\r\n    this.searchTerm = searchTerm.toLowerCase();\r\n    this.isSearchActive = isActive;\r\n\r\n    requestAnimationFrame(() => {\r\n      this.updateSearchClasses();\r\n    });\r\n  }\r\n\r\n  private updateSearchClasses() {\r\n    const optionDiv = this.el.shadowRoot?.querySelector('.option');\r\n    if (!optionDiv) return;\r\n\r\n    if (!this.isSearchActive) {\r\n      optionDiv.classList.remove('search-hidden', 'search-parent', 'search-match');\r\n      this.removeHighlighting();\r\n      this.isSearchDisabled = false;\r\n      return;\r\n    }\r\n\r\n    const textContent = this.getTextContent().toLowerCase();\r\n    const matchesSearch = textContent.includes(this.searchTerm);\r\n    const hasMatchingParent = this.hasMatchingParent();\r\n\r\n    requestAnimationFrame(() => {\r\n      const hasMatchingChildren = this.hasMatchingChildren();\r\n\r\n      optionDiv.classList.remove('search-hidden', 'search-parent', 'search-match');\r\n      this.isSearchDisabled = false;\r\n\r\n      if (matchesSearch && !this.hasChildren) {\r\n        optionDiv.classList.add('search-match');\r\n        this.highlightSearchTerm();\r\n      } else if (matchesSearch && this.hasChildren) {\r\n        optionDiv.classList.add('search-match');\r\n        this.highlightSearchTerm();\r\n        this.isExpanded = true;\r\n      } else if (!matchesSearch && this.hasChildren && hasMatchingChildren) {\r\n        optionDiv.classList.add('search-parent');\r\n        this.removeHighlighting();\r\n        this.isExpanded = true;\r\n        this.isSearchDisabled = true;\r\n      } else if (hasMatchingParent) {\r\n        optionDiv.classList.add('search-match');\r\n        this.removeHighlighting();\r\n      } else {\r\n        optionDiv.classList.add('search-hidden');\r\n        this.removeHighlighting();\r\n      }\r\n    });\r\n  }\r\n\r\n  private highlightSearchTerm() {\r\n    if (!this.searchTerm) return;\r\n\r\n    const labelElement = this.el.shadowRoot?.querySelector('.option-label');\r\n    if (!labelElement) return;\r\n\r\n    const slotElement = labelElement.querySelector('slot');\r\n    if (!slotElement) return;\r\n\r\n    this.removeHighlighting();\r\n\r\n    const originalText = this.getTextContent();\r\n    const searchTermLower = this.searchTerm.toLowerCase();\r\n    const originalTextLower = originalText.toLowerCase();\r\n\r\n    if (!originalTextLower.includes(searchTermLower)) return;\r\n\r\n    const searchIndex = originalTextLower.indexOf(searchTermLower);\r\n\r\n    if (searchIndex === -1) return;\r\n\r\n    const beforeMatch = originalText.substring(0, searchIndex);\r\n    const matchText = originalText.substring(searchIndex, searchIndex + searchTermLower.length);\r\n    const afterMatch = originalText.substring(searchIndex + searchTermLower.length);\r\n\r\n    const highlightedContent = document.createElement('span');\r\n    highlightedContent.className = 'highlighted-text';\r\n\r\n    if (beforeMatch) {\r\n      highlightedContent.appendChild(document.createTextNode(beforeMatch));\r\n    }\r\n\r\n    const boldElement = document.createElement('strong');\r\n    boldElement.className = 'search-highlight';\r\n    boldElement.textContent = matchText;\r\n    highlightedContent.appendChild(boldElement);\r\n\r\n    if (afterMatch) {\r\n      highlightedContent.appendChild(document.createTextNode(afterMatch));\r\n    }\r\n\r\n    labelElement.setAttribute('data-original-content', 'true');\r\n    slotElement.style.display = 'none';\r\n    labelElement.appendChild(highlightedContent);\r\n  }\r\n\r\n  private removeHighlighting() {\r\n    const labelElement = this.el.shadowRoot?.querySelector('.option-label');\r\n    if (!labelElement) return;\r\n\r\n    const slotElement = labelElement.querySelector('slot');\r\n    const highlightedElement = labelElement.querySelector('.highlighted-text');\r\n\r\n    if (highlightedElement) {\r\n      labelElement.removeChild(highlightedElement);\r\n    }\r\n\r\n    if (slotElement) {\r\n      slotElement.style.display = '';\r\n    }\r\n\r\n    labelElement.removeAttribute('data-original-content');\r\n  }\r\n\r\n  private getTextContent(): string {\r\n    let text = '';\r\n    Array.from(this.el.childNodes).forEach(node => {\r\n      if (node.nodeType === Node.TEXT_NODE) {\r\n        text += node.textContent?.trim() || '';\r\n      }\r\n    });\r\n    return text || this.value || '';\r\n  }\r\n\r\n  private hasMatchingChildren(): boolean {\r\n    if (!this.hasChildren) return false;\r\n\r\n    const childOptions = Array.from(this.el.children)\r\n      .filter(child => child.tagName === 'IFX-MULTISELECT-OPTION') as HTMLElement[];\r\n\r\n    return childOptions.some(child => {\r\n      const childInstance = (child as any)['__stencil_instance'];\r\n      if (!childInstance) return false;\r\n\r\n      const childText = childInstance.getTextContent().toLowerCase();\r\n      const childMatches = childText.includes(this.searchTerm);\r\n      const grandChildrenMatch = childInstance.hasMatchingChildren();\r\n\r\n      return childMatches || grandChildrenMatch;\r\n    });\r\n  }\r\n\r\n  private hasMatchingParent(): boolean {\r\n    let parent = this.el.parentElement;\r\n    while (parent && parent.tagName === 'IFX-MULTISELECT-OPTION') {\r\n      const parentInstance = (parent as any)['__stencil_instance'];\r\n      if (parentInstance) {\r\n        const parentText = parentInstance.getTextContent().toLowerCase();\r\n        if (parentText.includes(this.searchTerm)) {\r\n          return true;\r\n        }\r\n      }\r\n      parent = parent.parentElement;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  private calculateDepth(): number {\r\n    let depth = 0;\r\n    let parent = this.el.parentElement;\r\n    while (parent && parent.tagName !== 'IFX-MULTISELECT') {\r\n      if (parent.tagName === 'IFX-MULTISELECT-OPTION') {\r\n        depth++;\r\n      }\r\n      parent = parent.parentElement;\r\n    }\r\n    return depth;\r\n  }\r\n\r\n  @Listen('click')\r\n  handleClick(event: Event) {\r\n    if (this.disabled || (this.isSearchActive && this.isSearchDisabled)) return;\r\n\r\n    event.stopPropagation();\r\n\r\n    if (event.type === 'click' && (event.target as HTMLElement).closest('.chevron-wrapper')) {\r\n      this.toggleExpansion();\r\n      return;\r\n    }\r\n\r\n    let newSelectedState: boolean;\r\n\r\n    if (this.indeterminate) {\r\n      newSelectedState = true;\r\n    } else {\r\n      newSelectedState = !this.selected;\r\n    }\r\n\r\n    this.selected = newSelectedState;\r\n    this.indeterminate = false;\r\n\r\n    if (this.hasChildren) {\r\n      this.isExpanded = newSelectedState;\r\n\r\n      requestAnimationFrame(() => {\r\n        this.selectAllChildren(newSelectedState);\r\n        this.expandAllChildren(newSelectedState);\r\n      });\r\n    }\r\n\r\n    this.updateParentStates();\r\n    this.notifyMultiselect();\r\n  }\r\n\r\n  @Listen('keydown')\r\n  handleKeyDown(event: KeyboardEvent) {\r\n    if (this.disabled || (this.isSearchActive && this.isSearchDisabled)) return;\r\n\r\n    const target = event.target as HTMLElement;\r\n\r\n    if (target.closest('.chevron-wrapper') || target.closest('.checkbox-wrapper')) {\r\n      return;\r\n    }\r\n\r\n    if (event.key !== 'ArrowUp' && event.key !== 'ArrowDown') {\r\n      event.stopPropagation();\r\n    }\r\n\r\n    if (event.key === 'ArrowRight' && this.hasChildren) {\r\n      this.isExpanded = true;\r\n    }\r\n\r\n    if (event.key === 'ArrowLeft' && this.hasChildren) {\r\n      this.isExpanded = false;\r\n    }\r\n  }\r\n\r\n  private notifyMultiselect() {\r\n    const updateEvent = new CustomEvent('ifx-option-changed', {\r\n      bubbles: true,\r\n      detail: {\r\n        value: this.value,\r\n        selected: this.selected,\r\n        indeterminate: this.indeterminate\r\n      }\r\n    });\r\n    this.el.dispatchEvent(updateEvent);\r\n  }\r\n\r\n  private selectAllChildren(selected: boolean) {\r\n    const directChildren = Array.from(this.el.children)\r\n      .filter(child => child.tagName === 'IFX-MULTISELECT-OPTION') as any[];\r\n\r\n    directChildren.forEach((child: any) => {\r\n      const childInstance = child['__stencil_instance'];\r\n      if (childInstance) {\r\n        childInstance.selected = selected;\r\n        childInstance.indeterminate = false;\r\n\r\n        if (childInstance.hasChildren) {\r\n          childInstance.isExpanded = selected;\r\n          childInstance.selectAllChildren(selected);\r\n        }\r\n        childInstance.notifyMultiselect?.();\r\n      }\r\n    });\r\n  }\r\n\r\n  private expandAllChildren(expanded: boolean) {\r\n    const directChildren = Array.from(this.el.children)\r\n      .filter(child => child.tagName === 'IFX-MULTISELECT-OPTION') as any[];\r\n\r\n    directChildren.forEach((child: any) => {\r\n      const childInstance = child['__stencil_instance'];\r\n      if (childInstance && childInstance.hasChildren) {\r\n        childInstance.isExpanded = expanded;\r\n        childInstance.expandAllChildren(expanded);\r\n      }\r\n    });\r\n  }\r\n\r\n  private updateParentStates() {\r\n    let parent = this.el.parentElement;\r\n    while (parent && parent.tagName === 'IFX-MULTISELECT-OPTION') {\r\n      const parentInstance = (parent as any)['__stencil_instance'];\r\n      if (!parentInstance) {\r\n        parent = parent.parentElement;\r\n        continue;\r\n      }\r\n\r\n      const siblings = Array.from(parent.children)\r\n        .filter(child => child.tagName === 'IFX-MULTISELECT-OPTION')\r\n        .map(child => (child as any)['__stencil_instance'])\r\n        .filter(instance => instance !== null);\r\n\r\n      const selectedCount = siblings.filter(sibling => sibling.selected).length;\r\n      const indeterminateCount = siblings.filter(sibling => sibling.indeterminate).length;\r\n      const totalCount = siblings.length;\r\n\r\n      if (selectedCount === totalCount && indeterminateCount === 0) {\r\n        parentInstance.selected = true;\r\n        parentInstance.indeterminate = false;\r\n      } else if (selectedCount === 0 && indeterminateCount === 0) {\r\n        parentInstance.selected = false;\r\n        parentInstance.indeterminate = false;\r\n      } else {\r\n        parentInstance.selected = false;\r\n        parentInstance.indeterminate = true;\r\n      }\r\n\r\n      parentInstance.notifyMultiselect?.();\r\n      parent = parent.parentElement;\r\n    }\r\n  }\r\n\r\n  private toggleExpansion() {\r\n    this.isExpanded = !this.isExpanded;\r\n  }\r\n\r\n  private handleCheckboxClick = (event: Event) => {\r\n    if (this.disabled || (this.isSearchActive && this.isSearchDisabled)) return;\r\n\r\n    event.stopPropagation();\r\n\r\n    let newSelectedState: boolean;\r\n\r\n    if (this.indeterminate) {\r\n      newSelectedState = true;\r\n    } else {\r\n      newSelectedState = !this.selected;\r\n    }\r\n\r\n    this.selected = newSelectedState;\r\n    this.indeterminate = false;\r\n\r\n    if (this.hasChildren) {\r\n      this.isExpanded = newSelectedState;\r\n\r\n      requestAnimationFrame(() => {\r\n        this.selectAllChildren(newSelectedState);\r\n        this.expandAllChildren(newSelectedState);\r\n      });\r\n    }\r\n\r\n    this.updateParentStates();\r\n    this.notifyMultiselect();\r\n  }\r\n\r\n  private handleHeaderClick = (event: Event) => {\r\n    event.stopPropagation();\r\n    if (!this.disabled && !(this.isSearchActive && this.isSearchDisabled)) {\r\n      this.handleClick(event);\r\n    }\r\n  }\r\n\r\n  private hasAnySelectedChildren(): boolean {\r\n    const childOptions = Array.from(this.el.children)\r\n      .filter(child => child.tagName === 'IFX-MULTISELECT-OPTION') as HTMLElement[];\r\n\r\n    return childOptions.some(child => {\r\n      const hasSelected = child.hasAttribute('selected');\r\n      const hasSelectedDescendants = this.checkForSelectedDescendants(child);\r\n\r\n      return hasSelected || hasSelectedDescendants;\r\n    });\r\n  }\r\n\r\n  private checkForSelectedDescendants(element: HTMLElement): boolean {\r\n    const nestedOptions = Array.from(element.children)\r\n      .filter(child => child.tagName === 'IFX-MULTISELECT-OPTION') as HTMLElement[];\r\n\r\n    return nestedOptions.some(nestedChild => {\r\n      const isSelected = nestedChild.hasAttribute('selected');\r\n      const hasSelectedNested = this.checkForSelectedDescendants(nestedChild);\r\n\r\n      return isSelected || hasSelectedNested;\r\n    });\r\n  }\r\n\r\n  render() {\r\n    let isFlatMultiselect = false;\r\n    const parentMultiselect = this.el.closest('ifx-multiselect');\r\n    if (parentMultiselect) {\r\n      const allOptions = Array.from(parentMultiselect.querySelectorAll('ifx-multiselect-option'));\r\n      isFlatMultiselect = allOptions.every(option => option.children.length === 0);\r\n    }\r\n\r\n    const basePadding = this.depth * 28 + 16;\r\n    const additionalPadding = this.hasChildren ? 0 : 28;\r\n    let totalPadding = basePadding + additionalPadding;\r\n\r\n    const optionItemStyle = isFlatMultiselect ? undefined : { paddingLeft: `${totalPadding}px` };\r\n\r\n    return (\r\n      <Host>\r\n        <div\r\n          class={{\r\n            'option': true,\r\n            'option--has-children': this.hasChildren,\r\n            'option--expanded': this.isExpanded,\r\n            'option--disabled': this.disabled,\r\n            'option--selected': this.selected,\r\n          }}\r\n          role=\"option\"\r\n          aria-expanded={this.hasChildren ? (this.isExpanded ? 'true' : 'false') : undefined}\r\n          aria-selected={this.selected ? 'true' : 'false'}\r\n          aria-disabled={this.disabled ? 'true' : 'false'}\r\n          data-level={this.depth}\r\n          data-value={this.value}\r\n        >\r\n          <div\r\n            class=\"option-item\"\r\n            style={optionItemStyle}\r\n          >\r\n            <div\r\n              class=\"chevron-wrapper\"\r\n              tabIndex={this.hasChildren ? 0 : -1}\r\n              role={this.hasChildren ? \"button\" : undefined}\r\n              aria-label={this.hasChildren ? (this.isExpanded ? \"Collapse\" : \"Expand\") : undefined}\r\n              onClick={(e) => { e.stopPropagation(); this.toggleExpansion(); }}\r\n              onKeyDown={(e) => {\r\n                if (e.key === 'Enter' || e.key === ' ') {\r\n                  e.preventDefault();\r\n                  e.stopPropagation();\r\n                  this.toggleExpansion();\r\n                }\r\n              }}\r\n            >\r\n              {this.hasChildren && (\r\n                <ifx-icon\r\n                  class={`chevron ${this.isExpanded ? 'chevron--expanded' : 'chevron--collapsed'}`}\r\n                  icon=\"chevron-right-16\"\r\n                />\r\n              )}\r\n            </div>\r\n\r\n            <div class=\"checkbox-wrapper\" onClick={(e) => e.stopPropagation()}>\r\n              <ifx-checkbox\r\n                size='s'\r\n                checked={(this.isSearchActive && this.isSearchDisabled) ? false : (this.indeterminate ? false : this.selected)}\r\n                indeterminate={(this.isSearchActive && this.isSearchDisabled) ? false : this.indeterminate}\r\n                onClick={this.handleCheckboxClick}\r\n                disabled={this.disabled || (this.isSearchActive && this.isSearchDisabled)}\r\n                onKeyDown={(e) => {\r\n                  if (e.key === 'Enter' || e.key === ' ') {\r\n                    e.preventDefault();\r\n                    e.stopPropagation();\r\n                    this.handleCheckboxClick(e);\r\n                  }\r\n                }}\r\n              />\r\n            </div>\r\n\r\n            <div\r\n              class=\"option-label\"\r\n              onClick={this.handleHeaderClick}\r\n              tabIndex={-1}\r\n            >\r\n              <slot/>\r\n            </div>\r\n          </div>\r\n\r\n          {this.isExpanded && <div class=\"option-children\"><slot name=\"children\"/></div>}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/infineon-design-system-stencil/{p-35d2266a.entry.js → p-0f35aeb6.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,h as r,a as t}from"./p-PqnYwNKt.js";import{d as e,t as a}from"./p-DcmcuUOA.js";import{i}from"./p-Bw2fh5LT.js";const o=':root{--ifx-font-family:"Source Sans 3", "Arial, 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)}.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}';const n=class{constructor(r){s(this,r);this.value=0;this.showLabel=false}valueChanged(s,r){if(s!==r){this.internalValue=s}}componentWillLoad(){this.internalValue=this.value}async componentDidLoad(){if(!i(this.el)){const s=e();a("ifx-progress-bar",await s)}}render(){return r("div",{key:"06b7b6b58ce9daa516fa16fbb41d41ccf53a1904",role:"progressbar","aria-valuenow":this.internalValue,"aria-valuemin":"0","aria-valuemax":"100","aria-label":`Progress: ${this.internalValue}%`,class:`progress-bar ${this.size}`},r("div",{key:"81819666cb90f1511cfa03bbb125e76c69bef5cf",class:"progress",style:{width:`${this.internalValue}%`}},this.showLabel&&this.size!=="s"&&this.internalValue!==0&&r("span",{key:"29a371be17682cca7cc5b899122239b1b88481c6",class:"label"},`${this.internalValue}%`)))}get el(){return t(this)}static get watchers(){return{value:["valueChanged"]}}};n.style=o;export{n as ifx_progress_bar};
-//# sourceMappingURL=p-35d2266a.entry.js.map
+import{r as s,h as e,a as r}from"./p-PqnYwNKt.js";import{d as t,t as a}from"./p-DcmcuUOA.js";import{i}from"./p-Bw2fh5LT.js";const o=':root{--ifx-font-family:"Source Sans 3", "Arial, 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)}.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}';const n=class{constructor(e){s(this,e);this.value=0;this.showLabel=false}valueChanged(s,e){if(s!==e){this.internalValue=s}}componentWillLoad(){this.internalValue=this.value}async componentDidLoad(){if(!i(this.el)){const s=t();a("ifx-progress-bar",await s)}}render(){return e("div",{key:"650b54cfe6d8789f04d2f34345daa65bb2587a74",role:"progressbar","aria-valuenow":this.internalValue,"aria-valuemin":"0","aria-valuemax":"100","aria-label":`Progress: ${this.internalValue}%`,class:`progress-bar ${this.size}`},e("div",{key:"e1e9a0bac7727ee6f2b7c75c290cfa99c5fbaa5e",class:"progress",style:{width:`${this.internalValue}%`}},this.showLabel&&this.size!=="s"&&this.internalValue!==0&&e("span",{key:"29dc81eb76451d391cb888c1f2b031cdcffb2f5d",class:"label"},`${this.internalValue}%`)))}get el(){return r(this)}static get watchers(){return{value:["valueChanged"]}}};n.style=o;export{n as ifx_progress_bar};
+//# sourceMappingURL=p-0f35aeb6.entry.js.map

package/dist/infineon-design-system-stencil/p-0f35aeb6.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["progressBarCss","ProgressBar","constructor","hostRef","this","value","showLabel","valueChanged","newValue","oldValue","internalValue","componentWillLoad","componentDidLoad","isNestedInIfxComponent","el","framework","detectFramework","trackComponent","render","h","key","role","class","size","style","width"],"sources":["src/components/progress-bar/progress-bar.scss?tag=ifx-progress-bar&encapsulation=shadow","src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n@use \"../../global/font.scss\";\r\n\r\n:host {\r\n  display: flex;\r\n  width: 100%;\r\n}\r\n\r\n.progress-bar {\r\n  height: tokens.$ifxSize200;\r\n  bottom: 0;\r\n  right: 0;\r\n  top: 0;\r\n  left: 0;\r\n  display: flex;\r\n  height: tokens.$ifxSize250;\r\n  border-radius: tokens.$ifxBorderRadius12;\r\n  width: 100%; // Ensure the bar itself can grow up to 100% width\r\n  overflow: hidden; // Ensures that the inner progress bar doesn't exceed the width of the outer progress bar\r\n  background-color: tokens.$ifxColorEngineering200;\r\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\r\n\r\n  \r\n  \r\n  &.s {\r\n    height: 4px;\r\n  }\r\n\r\n  .label {\r\n    font-style: normal;\r\n    font-size: tokens.$ifxFontSizeS;\r\n    font-weight: 400;\r\n    line-height: tokens.$ifxLineHeightS;\r\n    color: tokens.$ifxColorBaseWhite;\r\n  }\r\n  \r\n  .progress {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-width: fit-content;\r\n    height: 100%;\r\n    background-color: #0A8276;\r\n    transition: width 0.2s ease;\r\n  }\r\n}","import { Component, Prop, h, State, Watch, Element } from '@stencil/core';\r\nimport { trackComponent } from '../../global/utils/tracking';\r\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\r\nimport { detectFramework } from '../../global/utils/framework-detection';\r\n\r\n@Component({\r\n  tag: 'ifx-progress-bar',\r\n  styleUrl: 'progress-bar.scss',\r\n  shadow: true\r\n})\r\nexport class ProgressBar {\r\n  @Element() el: HTMLElement;\r\n  @Prop() value: number = 0;\r\n  @Prop() size: string;\r\n  @Prop() showLabel: boolean = false;\r\n\r\n  @State() internalValue: number;\r\n\r\n  @Watch('value')\r\n  valueChanged(newValue: number, oldValue: number) {\r\n    if (newValue !== oldValue) {\r\n      this.internalValue = newValue;\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.internalValue = this.value;\r\n  }\r\n\r\n  async componentDidLoad() { \r\n    if(!isNestedInIfxComponent(this.el)) { \r\n      const framework = detectFramework();\r\n      trackComponent('ifx-progress-bar', await framework)\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div role=\"progressbar\"\r\n        aria-valuenow={this.internalValue}\r\n        aria-valuemin=\"0\"\r\n        aria-valuemax=\"100\"\r\n        aria-label={`Progress: ${this.internalValue}%`} class={`progress-bar ${this.size}`}>\r\n        <div class=\"progress\" style={{ width: `${this.internalValue}%` }}>\r\n          {this.showLabel && this.size !== \"s\" && this.internalValue !== 0 && <span class=\"label\">{`${this.internalValue}%`}</span>}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"4HAAA,MAAMA,EAAiB,okB,MCUVC,EAAW,MALxB,WAAAC,CAAAC,G,UAOUC,KAAKC,MAAW,EAEhBD,KAASE,UAAY,KAmC9B,CA9BC,YAAAC,CAAaC,EAAkBC,GAC7B,GAAID,IAAaC,EAAU,CACzBL,KAAKM,cAAgBF,C,EAIzB,iBAAAG,GACEP,KAAKM,cAAgBN,KAAKC,K,CAG5B,sBAAMO,GACJ,IAAIC,EAAuBT,KAAKU,IAAK,CACnC,MAAMC,EAAYC,IAClBC,EAAe,yBAA0BF,E,EAI7C,MAAAG,GACE,OACEC,EAAK,OAAAC,IAAA,2CAAAC,KAAK,cACO,gBAAAjB,KAAKM,cACN,oBACA,sBAAK,aACP,aAAaN,KAAKM,iBAAkBY,MAAO,gBAAgBlB,KAAKmB,QAC5EJ,EAAK,OAAAC,IAAA,2CAAAE,MAAM,WAAWE,MAAO,CAAEC,MAAO,GAAGrB,KAAKM,mBAC3CN,KAAKE,WAAaF,KAAKmB,OAAS,KAAOnB,KAAKM,gBAAkB,GAAKS,EAAA,QAAAC,IAAA,2CAAME,MAAM,SAAS,GAAGlB,KAAKM,mB","ignoreList":[]}

package/dist/infineon-design-system-stencil/{p-2e172019.entry.js → p-18c6d719.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as i,a as n}from"./p-PqnYwNKt.js";const a=':host(.hidden){display:none}.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;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: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: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: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{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px}.container .inner__content-wrapper.no-gap{gap:0px}.container .inner__content-wrapper .navbar__container-right-content-navigation-item-icon-wrapper.no-gap{gap:0px}.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: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}';const s=class{constructor(i){e(this,i);this.ifxNavItem=t(this,"ifxNavItem",7);this.showLabel=true;this.icon="";this.href="";this.target="_self";this.hideOnMobile=true;this.internalHref="";this.isMenuItem=false;this.hasChildNavItems=false;this.isSidebarMenuItem=false;this.dotIndicator=false}handleFocusOut(e){var t,i;const n=(i=(t=this.el.parentElement)===null||t===void 0?void 0:t.tagName)===null||i===void 0?void 0:i.toUpperCase();if(n==="IFX-NAVBAR"){const t=this.isFocusWithinComponent(e.relatedTarget);if(!t){this.closeItemMenu();this.ifxNavItem.emit({component:this.el,action:"hideFirstLayer"})}return}this.handleNestedLayerMenu(e)}handleOutsideClick(e){const t=e.composedPath();const i=this.getItemMenu();if(i){if(i.classList.contains("open")){if(!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();const i=this.getChevronDownIconWrapper();if(t){this.handleClassList(i,e,"hide");this.handleClassList(t,e,"itemInMobileMenu")}}async moveChildComponentsIntoSubLayerMenu(){const e=this.getItemMenu();if(e){const t=this.handleClassList(e,"contains","open");if(t){const e=this.getNavBarItem();const t=this.getSubLayerBackButton();this.handleClassList(e,"add","layer__item-parent");this.handleClassList(t,"add","show");this.ifxNavItem.emit({component:this.el,action:"hideFirstLayer"})}}const t=this.el.querySelectorAll('[slot="first__layer"]');this.isSidebarMenuItem=true;for(let e=0;e<t.length;e++){t[e].setAttribute("slot","second__layer");t[e].moveChildComponentsIntoSubLayerMenu()}}getSubLayerBackButton(){const e=this.el.shadowRoot.querySelector(".sub__layer-back-button");return e}async toggleFirstLayerItem(e,t){const i=this.getNavBarItem();const n=this.getSubLayerMenu();const a=this.getSubLayerBackButton();this.handleClassList(a,[e],"show");this.handleClassList(i,[t],"hide");this.handleClassList(n,[t],"remove__margin")}openSubLayerMenu(){if(this.hasChildNavItems){const e=this.getSubLayerBackButton();const t=this.getRightArrowIcon();const i=this.getNavBarItem();const n=this.getSubLayerMenu();const a=this.el.getAttribute("slot");this.handleClassList(e,"add","show");this.handleClassList(t,"add","hide");this.handleClassList(i,"add","layer__item-parent");this.handleClassList(n,"add","open");if(a.toLowerCase()==="second__layer"){this.ifxNavItem.emit({component:this.el,parent:this.el.parentElement,action:"hideSecondLayer"});this.handleClassList(i,"remove","menuItem")}else{this.ifxNavItem.emit({component:this.el,action:"hideFirstLayer"})}}}async addMenuItemClass(){const e=this.getNavBarItem();this.handleClassList(e,"add","menuItem");const t=this.getRightArrowIcon();if(this.hasChildNavItems){this.handleClassList(t,"remove","hide")}}async moveChildComponentsBackIntoNavbar(){const e=this.getSubLayerBackButton();const t=this.getNavBarItem();const i=this.getSubLayerMenu();this.handleClassList(e,"remove","show");this.handleClassList(t,"remove","layer__item-parent");this.handleClassList(i,"remove","remove__margin");this.ifxNavItem.emit({component:this.el,action:"show"});const n=this.el.querySelectorAll('[slot="second__layer"]');this.isSidebarMenuItem=false;this.showComponent();this.handleClassList(t,"remove","hide");for(let e=0;e<n.length;e++){n[e].setAttribute("slot","first__layer");n[e].moveChildComponentsBackIntoNavbar();n[e].addMenuItemClass();n[e].returnToFirstLayer()}}getRightArrowIcon(){const e=this.el.shadowRoot.querySelector(".menuItemRightIconWrapper");return e}getChevronDownIconWrapper(){const e=this.el.shadowRoot.querySelector(".navItemIconWrapper");return e}async returnToFirstLayer(){const e=this.getSubLayerBackButton();const t=this.getNavBarItem();const i=this.getRightArrowIcon();const n=this.getSubLayerMenu();const a=this.el.getAttribute("slot");this.handleClassList(e,"remove","show");this.handleClassList(t,"remove","layer__item-parent");this.handleClassList(n,"remove","open");if(this.hasChildNavItems){this.handleClassList(i,"remove","hide")}if(a.toLowerCase()==="second__layer"){this.ifxNavItem.emit({component:this.el,parent:this.el.parentElement,action:"returnToSecondLayer"});this.handleClassList(t,"add","menuItem")}else{this.ifxNavItem.emit({component:this.el,action:"return"})}}componentWillLoad(){this.setHref();this.checkIfItemIsNested();this.checkIfItemHasChildren();this.removeEmptyItem()}componentDidLoad(){this.handleItemGap();this.handleLabelWrapper();if(this.hasChildNavItems){const e=this.getNavbarItems();this.relocateItemsToFirstlayer(e)}}componentDidUpdate(){const e=this.getNavBarItem();const t=this.handleClassList(e,"contains","layer__item-parent");if(this.isSidebarMenuItem&&t){const e=this.getRightArrowIcon();this.handleClassList(e,"add","hide")}}async setMenuItemPosition(){if(this.isMenuItem&&this.hasChildNavItems){const e=this.getItemMenuPosition();if(e==="left"){this.itemPosition="left"}else if(e==="right"){this.itemPosition="right"}}}handleClassList(e,t,i){if(!e)return false;e.classList[t](i);if(t==="contains"){return e.classList.contains(i)}}getNavbarItems(){const e=this.el.querySelectorAll("ifx-navbar-item");return e}getNavBarItem(){const e=this.el.shadowRoot.querySelector(".navbar__item");return e}getSubLayerMenu(){const e=this.el.shadowRoot.querySelector(".sub__layer-menu");return e}relocateItemsToFirstlayer(e){e.forEach((e=>{e.setAttribute("slot","first__layer")}))}setHref(){if(this.href.toLowerCase().trim()===""){this.internalHref=undefined}else 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=true;return}else{this.isMenuItem=false}}checkIfItemHasChildren(){const e=this.getNavbarItems();if(e.length!==0){this.hasChildNavItems=true}else{this.hasChildNavItems=false}}async setItemSideSpecifications(){const e=this.el;const t=this.getItemMenu();const i=e.getAttribute("slot");if(i.toLowerCase().trim()==="right-item"){this.handleClassList(t,"add","rightSideItemMenu")}return true}getItemMenu(){const e=this.el.shadowRoot.querySelector(".navbar-menu");return e}getParentItemMenu(){var e;return(e=this.el.parentElement)===null||e===void 0?void 0:e.shadowRoot.querySelector(".navbar-menu")}closeItemMenu(){const e=this.getItemMenu();const t=this.getNavBarItem();if(e){this.handleClassList(e,"remove","open");this.handleClassList(t,"remove","open")}}getItemMenuPosition(){let e=this.el;while(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").toLowerCase();if(e==="mobile-menu-top"||e==="second__layer"){this.openSubLayerMenu()}else if(!this.internalHref){if(this.hasChildNavItems){const e=this.getItemMenu();const t=this.getNavBarItem();this.handleClassList(e,"toggle","open");this.handleClassList(t,"toggle","open");if(this.isMenuItem&&!this.isSidebarMenuItem&&e.classList.contains("open")){this.handleNestedLayerMenu({type:"mouseenter"})}}else{const e=this.getParentItemMenu();if(e){this.handleClassList(e,"toggle","open")}}}}handleNestedLayerMenu(e){if(this.isMenuItem&&this.hasChildNavItems&&!this.isSidebarMenuItem){const t=this.getItemMenu();const i=this.getItemMenuPosition();const n=e.type.toUpperCase();if(n==="MOUSEENTER"){this.handleClassList(t,"add","open");if(i==="left"){this.handleClassList(t,"add","left")}else if(i==="right"){this.handleClassList(t,"add","right")}}if(n==="MOUSELEAVE"){this.handleClassList(t,"remove","open");if(i==="left"){this.handleClassList(t,"remove","left")}else if(i==="right"){this.handleClassList(t,"remove","right")}}if(n==="FOCUSOUT"){const n=this.isFocusWithinComponent(e.relatedTarget);if(!n){this.handleClassList(t,"remove","open");if(i==="left"){this.handleClassList(t,"remove","left")}else if(i==="right"){this.handleClassList(t,"remove","right")}}}}}isFocusWithinComponent(e){var t;if(!e)return false;const i=e;const n=this.el.contains(i);const a=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.contains(i);const s=i.getRootNode();if(s instanceof ShadowRoot){const e=s;if(this.el.contains(e.host)){return true}}return n||a}handleLabelWrapper(){const e=this.el.shadowRoot.querySelector(".label__wrapper");const t=this.getNavBarItem();const i=e.querySelector("slot");if(!i.assignedNodes().length){t.classList.add("removeLabel")}else if(this.showLabel&&t.classList.contains("removeLabel")){t.classList.remove("removeLabel")}}handleItemGap(){const e=this.el.shadowRoot.querySelector(".navbar__item");const t=e.querySelector(".navbar__container-right-content-navigation-item-icon-wrapper");if(this.numberIndicator||this.dotIndicator){this.handleClassList(t,"add","no-gap")}else{this.handleClassList(t,"remove","no-gap")}}removeEmptyItem(){const e=this.el.shadowRoot.host;if(!this.showLabel&&!this.icon){this.handleClassList(e,"add","hidden")}}handleKeyDown(e){if(e.key==="Enter"){e.stopPropagation();e.preventDefault();this.toggleItemMenu()}}render(){return i("div",{key:"2247bd282d899a4058904010e95e739ba268cff6",tabIndex:1,class:"container",onMouseLeave:e=>this.handleNestedLayerMenu(e),onKeyDown:e=>this.handleKeyDown(e),onMouseEnter:e=>this.handleNestedLayerMenu(e)},i("div",{key:"59344778b99b7841b7b2dfa029377232d1366514",class:"sub__layer-back-button"},i("div",{key:"b6ca4910e8e76965c68dc047d3acc782cd42c104",class:"back__button-wrapper",onClick:()=>this.returnToFirstLayer()},i("ifx-icon",{key:"4e125406dbdd78a980875d2a61dc039c55092787",icon:"arrow-left-16"}),i("span",{key:"739794300dcaaa43b0603e857bd8844cc33e29ff"},"Back"))),i("a",{key:"d80292ea2a49171f0606366f4d179d4bf09c65e3",tabindex:-1,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:"48256a9604f143a21fde2d228a46064383ef3f7a",class:"inner__content-wrapper"},i("div",{key:"cf0a99c88e7a7b8f0ac21323e63d3b10aa1f473b",class:`navbar__container-right-content-navigation-item-icon-wrapper ${!this.icon?"removeWrapper":""}`},this.icon&&i("ifx-icon",{key:"72ee0ff92a20930fefe6aaaa4446baa67af4ab78",icon:this.icon}),this.icon&&!this.showLabel&&!isNaN(this.numberIndicator)&&i("div",{key:"7ddf104b002f5c8deaec6242182fb5ac5f28df79",class:"number__indicator-wrapper"},i("ifx-indicator",{key:"cc40353b433ef27a4b825178bdf5129c8f9e81ff",variant:"number",number:this.numberIndicator})),this.icon&&!this.showLabel&&!this.numberIndicator&&this.dotIndicator&&i("div",{key:"665350c3a2c2083583ac329db05efdc7b80f10d2",class:"dot__indicator-wrapper"})),this.itemPosition==="left"&&this.hasChildNavItems&&this.isMenuItem&&i("div",{key:"c49e5148cfc99b9c46b7ace71285785feebf9d0f",class:"menuItemLeftIconWrapper"},i("ifx-icon",{key:"e5fe657c7da8e3c8d27c491e75cb85b66f1609aa",icon:"chevron-left-16"})),i("span",{key:"cefa64025f76292a88a3af57ada85024d72ba52c",class:"label__wrapper"},i("slot",{key:"1e8db1b48fb4e6bc2a55cbbde29dde56edfceccd"}))),this.showLabel&&this.numberIndicator&&!isNaN(this.numberIndicator)?i("div",{class:"number__indicator-wrapper"},i("ifx-indicator",{variant:"number",number:this.numberIndicator})):"",this.showLabel&&!this.numberIndicator&&this.dotIndicator?i("ifx-indicator",{variant:"dot"}):"",i("div",{key:"8de2ad0cf38c30dca322ad36fd3b8dfb0b5ef6e7",class:`navItemIconWrapper ${this.hasChildNavItems&&!this.isMenuItem&&!this.isSidebarMenuItem?"":"hide"}`},i("ifx-icon",{key:"3375614a9105e72cb7f906c6e529c0b14860bcea",icon:"chevron-down-16"})),i("div",{key:"dc9d37b40c43dc2edb2199af7e8b1ff3215e3cda",class:`menuItemRightIconWrapper ${this.itemPosition==="right"&&this.hasChildNavItems&&this.isMenuItem||this.isSidebarMenuItem&&this.hasChildNavItems?"":"hide"}`},i("ifx-icon",{key:"73047fefa740975ebf2d0474ba56230ef246c042",icon:"chevron-right-16"}))),this.hasChildNavItems&&!this.isSidebarMenuItem&&i("ul",{key:"3d0df1441e43ce07845101ad17aa64a261d024f6",class:"navbar-menu"}," ",i("slot",{key:"cd573df9efea6c962fd935901f1db0fd6cc5be0d",name:"first__layer"})," "),this.isSidebarMenuItem&&i("ul",{key:"ddd17b539b0df4e7f9151e1208b7fca653fd2fd5",class:"sub__layer-menu"}," ",i("slot",{key:"48e29dd8d98066753416120ed6886d9dce4e61dc",name:"second__layer"})," "))}get el(){return n(this)}};s.style=a;export{s as ifx_navbar_item};
-//# sourceMappingURL=p-2e172019.entry.js.map
+import{r as e,c as t,h as i,a as n}from"./p-PqnYwNKt.js";const a=':host(.hidden){display:none}.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;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: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: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: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{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px}.container .inner__content-wrapper.no-gap{gap:0px}.container .inner__content-wrapper .navbar__container-right-content-navigation-item-icon-wrapper.no-gap{gap:0px}.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: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}';const s=class{constructor(i){e(this,i);this.ifxNavItem=t(this,"ifxNavItem",7);this.showLabel=true;this.icon="";this.href="";this.target="_self";this.hideOnMobile=true;this.internalHref="";this.isMenuItem=false;this.hasChildNavItems=false;this.isSidebarMenuItem=false;this.dotIndicator=false}handleFocusOut(e){var t,i;const n=(i=(t=this.el.parentElement)===null||t===void 0?void 0:t.tagName)===null||i===void 0?void 0:i.toUpperCase();if(n==="IFX-NAVBAR"){const t=this.isFocusWithinComponent(e.relatedTarget);if(!t){this.closeItemMenu();this.ifxNavItem.emit({component:this.el,action:"hideFirstLayer"})}return}this.handleNestedLayerMenu(e)}handleOutsideClick(e){const t=e.composedPath();const i=this.getItemMenu();if(i){if(i.classList.contains("open")){if(!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();const i=this.getChevronDownIconWrapper();if(t){this.handleClassList(i,e,"hide");this.handleClassList(t,e,"itemInMobileMenu")}}async moveChildComponentsIntoSubLayerMenu(){const e=this.getItemMenu();if(e){const t=this.handleClassList(e,"contains","open");if(t){const e=this.getNavBarItem();const t=this.getSubLayerBackButton();this.handleClassList(e,"add","layer__item-parent");this.handleClassList(t,"add","show");this.ifxNavItem.emit({component:this.el,action:"hideFirstLayer"})}}const t=this.el.querySelectorAll('[slot="first__layer"]');this.isSidebarMenuItem=true;for(let e=0;e<t.length;e++){t[e].setAttribute("slot","second__layer");t[e].moveChildComponentsIntoSubLayerMenu()}}getSubLayerBackButton(){const e=this.el.shadowRoot.querySelector(".sub__layer-back-button");return e}async toggleFirstLayerItem(e,t){const i=this.getNavBarItem();const n=this.getSubLayerMenu();const a=this.getSubLayerBackButton();this.handleClassList(a,[e],"show");this.handleClassList(i,[t],"hide");this.handleClassList(n,[t],"remove__margin")}openSubLayerMenu(){if(this.hasChildNavItems){const e=this.getSubLayerBackButton();const t=this.getRightArrowIcon();const i=this.getNavBarItem();const n=this.getSubLayerMenu();const a=this.el.getAttribute("slot");this.handleClassList(e,"add","show");this.handleClassList(t,"add","hide");this.handleClassList(i,"add","layer__item-parent");this.handleClassList(n,"add","open");if(a.toLowerCase()==="second__layer"){this.ifxNavItem.emit({component:this.el,parent:this.el.parentElement,action:"hideSecondLayer"});this.handleClassList(i,"remove","menuItem")}else{this.ifxNavItem.emit({component:this.el,action:"hideFirstLayer"})}}}async addMenuItemClass(){const e=this.getNavBarItem();this.handleClassList(e,"add","menuItem");const t=this.getRightArrowIcon();if(this.hasChildNavItems){this.handleClassList(t,"remove","hide")}}async moveChildComponentsBackIntoNavbar(){const e=this.getSubLayerBackButton();const t=this.getNavBarItem();const i=this.getSubLayerMenu();this.handleClassList(e,"remove","show");this.handleClassList(t,"remove","layer__item-parent");this.handleClassList(i,"remove","remove__margin");this.ifxNavItem.emit({component:this.el,action:"show"});const n=this.el.querySelectorAll('[slot="second__layer"]');this.isSidebarMenuItem=false;this.showComponent();this.handleClassList(t,"remove","hide");for(let e=0;e<n.length;e++){n[e].setAttribute("slot","first__layer");n[e].moveChildComponentsBackIntoNavbar();n[e].addMenuItemClass();n[e].returnToFirstLayer()}}getRightArrowIcon(){const e=this.el.shadowRoot.querySelector(".menuItemRightIconWrapper");return e}getChevronDownIconWrapper(){const e=this.el.shadowRoot.querySelector(".navItemIconWrapper");return e}async returnToFirstLayer(){const e=this.getSubLayerBackButton();const t=this.getNavBarItem();const i=this.getRightArrowIcon();const n=this.getSubLayerMenu();const a=this.el.getAttribute("slot");this.handleClassList(e,"remove","show");this.handleClassList(t,"remove","layer__item-parent");this.handleClassList(n,"remove","open");if(this.hasChildNavItems){this.handleClassList(i,"remove","hide")}if(a.toLowerCase()==="second__layer"){this.ifxNavItem.emit({component:this.el,parent:this.el.parentElement,action:"returnToSecondLayer"});this.handleClassList(t,"add","menuItem")}else{this.ifxNavItem.emit({component:this.el,action:"return"})}}componentWillLoad(){this.setHref();this.checkIfItemIsNested();this.checkIfItemHasChildren();this.removeEmptyItem()}componentDidLoad(){this.handleItemGap();this.handleLabelWrapper();if(this.hasChildNavItems){const e=this.getNavbarItems();this.relocateItemsToFirstlayer(e)}}componentDidUpdate(){const e=this.getNavBarItem();const t=this.handleClassList(e,"contains","layer__item-parent");if(this.isSidebarMenuItem&&t){const e=this.getRightArrowIcon();this.handleClassList(e,"add","hide")}}async setMenuItemPosition(){if(this.isMenuItem&&this.hasChildNavItems){const e=this.getItemMenuPosition();if(e==="left"){this.itemPosition="left"}else if(e==="right"){this.itemPosition="right"}}}handleClassList(e,t,i){if(!e)return false;e.classList[t](i);if(t==="contains"){return e.classList.contains(i)}}getNavbarItems(){const e=this.el.querySelectorAll("ifx-navbar-item");return e}getNavBarItem(){const e=this.el.shadowRoot.querySelector(".navbar__item");return e}getSubLayerMenu(){const e=this.el.shadowRoot.querySelector(".sub__layer-menu");return e}relocateItemsToFirstlayer(e){e.forEach((e=>{e.setAttribute("slot","first__layer")}))}setHref(){if(this.href.toLowerCase().trim()===""){this.internalHref=undefined}else 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=true;return}else{this.isMenuItem=false}}checkIfItemHasChildren(){const e=this.getNavbarItems();if(e.length!==0){this.hasChildNavItems=true}else{this.hasChildNavItems=false}}async setItemSideSpecifications(){const e=this.el;const t=this.getItemMenu();const i=e.getAttribute("slot");if(i.toLowerCase().trim()==="right-item"){this.handleClassList(t,"add","rightSideItemMenu")}return true}getItemMenu(){const e=this.el.shadowRoot.querySelector(".navbar-menu");return e}getParentItemMenu(){var e;return(e=this.el.parentElement)===null||e===void 0?void 0:e.shadowRoot.querySelector(".navbar-menu")}closeItemMenu(){const e=this.getItemMenu();const t=this.getNavBarItem();if(e){this.handleClassList(e,"remove","open");this.handleClassList(t,"remove","open")}}getItemMenuPosition(){let e=this.el;while(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").toLowerCase();if(e==="mobile-menu-top"||e==="second__layer"){this.openSubLayerMenu()}else if(!this.internalHref){if(this.hasChildNavItems){const e=this.getItemMenu();const t=this.getNavBarItem();this.handleClassList(e,"toggle","open");this.handleClassList(t,"toggle","open");if(this.isMenuItem&&!this.isSidebarMenuItem&&e.classList.contains("open")){this.handleNestedLayerMenu({type:"mouseenter"})}}else{const e=this.getParentItemMenu();if(e){this.handleClassList(e,"toggle","open")}}}}handleNestedLayerMenu(e){if(this.isMenuItem&&this.hasChildNavItems&&!this.isSidebarMenuItem){const t=this.getItemMenu();const i=this.getItemMenuPosition();const n=e.type.toUpperCase();if(n==="MOUSEENTER"){this.handleClassList(t,"add","open");if(i==="left"){this.handleClassList(t,"add","left")}else if(i==="right"){this.handleClassList(t,"add","right")}}if(n==="MOUSELEAVE"){this.handleClassList(t,"remove","open");if(i==="left"){this.handleClassList(t,"remove","left")}else if(i==="right"){this.handleClassList(t,"remove","right")}}if(n==="FOCUSOUT"){const n=this.isFocusWithinComponent(e.relatedTarget);if(!n){this.handleClassList(t,"remove","open");if(i==="left"){this.handleClassList(t,"remove","left")}else if(i==="right"){this.handleClassList(t,"remove","right")}}}}}isFocusWithinComponent(e){var t;if(!e)return false;const i=e;const n=this.el.contains(i);const a=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.contains(i);const s=i.getRootNode();if(s instanceof ShadowRoot){const e=s;if(this.el.contains(e.host)){return true}}return n||a}handleLabelWrapper(){const e=this.el.shadowRoot.querySelector(".label__wrapper");const t=this.getNavBarItem();const i=e.querySelector("slot");if(!i.assignedNodes().length){t.classList.add("removeLabel")}else if(this.showLabel&&t.classList.contains("removeLabel")){t.classList.remove("removeLabel")}}handleItemGap(){const e=this.el.shadowRoot.querySelector(".navbar__item");const t=e.querySelector(".navbar__container-right-content-navigation-item-icon-wrapper");if(this.numberIndicator||this.dotIndicator){this.handleClassList(t,"add","no-gap")}else{this.handleClassList(t,"remove","no-gap")}}removeEmptyItem(){const e=this.el.shadowRoot.host;if(!this.showLabel&&!this.icon){this.handleClassList(e,"add","hidden")}}handleKeyDown(e){if(e.key==="Enter"){e.stopPropagation();e.preventDefault();this.toggleItemMenu()}}render(){return i("div",{key:"d464ccfd18af4351bcb90ffb568073c4c1ef52b9",tabIndex:1,class:"container",onMouseLeave:e=>this.handleNestedLayerMenu(e),onKeyDown:e=>this.handleKeyDown(e),onMouseEnter:e=>this.handleNestedLayerMenu(e)},i("div",{key:"aac50e4893ee637649fc385748ff7dd9551dca28",class:"sub__layer-back-button"},i("div",{key:"f3f4d5a4270b1229cc28e50bcc181031999d2cfa",class:"back__button-wrapper",onClick:()=>this.returnToFirstLayer()},i("ifx-icon",{key:"95212c54c40473563e08ebf12f43e98ef7d55bf9",icon:"arrow-left-16"}),i("span",{key:"d3d8d3f544b3ff81ca0c65acc2eb9a6db1bb6405"},"Back"))),i("a",{key:"3876033f5b88637ff0a9eb2fd921d690d8ad3c1b",tabindex:-1,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:"c3f0716213b5b33721a628c2f749c601759b0ea4",class:"inner__content-wrapper"},i("div",{key:"156e225c187a1843b5d4e8901dc6590ed47b899d",class:`navbar__container-right-content-navigation-item-icon-wrapper ${!this.icon?"removeWrapper":""}`},this.icon&&i("ifx-icon",{key:"8fb2cc8ea594885086db3eefc5f11b08c0189963",icon:this.icon}),this.icon&&!this.showLabel&&!isNaN(this.numberIndicator)&&i("div",{key:"58b6a3f8794dd3ce8006137298e02e360ee3a8f5",class:"number__indicator-wrapper"},i("ifx-indicator",{key:"4ae39e55075fab2e7b5d2d82be17b65fe8df9ae9",variant:"number",number:this.numberIndicator})),this.icon&&!this.showLabel&&!this.numberIndicator&&this.dotIndicator&&i("div",{key:"ecac942becacd0bdbab2749db77eaa03231df026",class:"dot__indicator-wrapper"})),this.itemPosition==="left"&&this.hasChildNavItems&&this.isMenuItem&&i("div",{key:"56806e4f48665ef7e896d6134f3e0bfba26f1fa0",class:"menuItemLeftIconWrapper"},i("ifx-icon",{key:"ddce41eb3316ce0af523d3ab75b4a03670f997b0",icon:"chevron-left-16"})),i("span",{key:"48e4bc93920249627d531156041600c2ce89ef31",class:"label__wrapper"},i("slot",{key:"e204f0b52d1208532b58fdf6a971828afb2ef722"}))),this.showLabel&&this.numberIndicator&&!isNaN(this.numberIndicator)?i("div",{class:"number__indicator-wrapper"},i("ifx-indicator",{variant:"number",number:this.numberIndicator})):"",this.showLabel&&!this.numberIndicator&&this.dotIndicator?i("ifx-indicator",{variant:"dot"}):"",i("div",{key:"3b61b37cb8a4d0cbdf3e94831c5ecc270bad607a",class:`navItemIconWrapper ${this.hasChildNavItems&&!this.isMenuItem&&!this.isSidebarMenuItem?"":"hide"}`},i("ifx-icon",{key:"6151f4899e39178e8c7000e788b6e9326a18f3c1",icon:"chevron-down-16"})),i("div",{key:"ec0e91fe5f4fb6de238b1a0c1c5d70529263dd23",class:`menuItemRightIconWrapper ${this.itemPosition==="right"&&this.hasChildNavItems&&this.isMenuItem||this.isSidebarMenuItem&&this.hasChildNavItems?"":"hide"}`},i("ifx-icon",{key:"5157b3f82f18063460f4ad1708f9a1a3ade8e0db",icon:"chevron-right-16"}))),this.hasChildNavItems&&!this.isSidebarMenuItem&&i("ul",{key:"8ab512438c9aa13683321ce38fdafdc9a2fbd69c",class:"navbar-menu"}," ",i("slot",{key:"cc05d93ff8215148c0263810dfa628cf4be05670",name:"first__layer"})," "),this.isSidebarMenuItem&&i("ul",{key:"75ee3afae6762b47731f8cfc8241fb8d8dd52272",class:"sub__layer-menu"}," ",i("slot",{key:"9d98f0ae47ce340c768d6c8df56c26b23124cec7",name:"second__layer"})," "))}get el(){return n(this)}};s.style=a;export{s as ifx_navbar_item};
+//# sourceMappingURL=p-18c6d719.entry.js.map

package/dist/infineon-design-system-stencil/p-18c6d719.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["navbarItemCss","NavbarItem","constructor","hostRef","this","showLabel","icon","href","target","hideOnMobile","internalHref","isMenuItem","hasChildNavItems","isSidebarMenuItem","dotIndicator","handleFocusOut","event","parentTag","_b","_a","el","parentElement","tagName","toUpperCase","isStillInComponent","isFocusWithinComponent","relatedTarget","closeItemMenu","ifxNavItem","emit","component","action","handleNestedLayerMenu","handleOutsideClick","path","composedPath","itemMenu","getItemMenu","classList","contains","includes","hideComponent","style","display","showComponent","toggleChildren","arrowIcon","getChevronDownIconWrapper","handleClassList","moveChildComponentsIntoSubLayerMenu","subLayerMenu","subLayerMenuIsOpened","navbarItem","getNavBarItem","subLayerBackButton","getSubLayerBackButton","navItems","querySelectorAll","i","length","setAttribute","sublayerBackButton","shadowRoot","querySelector","toggleFirstLayerItem","actionOne","actionTwo","secondLayerMenu","getSubLayerMenu","openSubLayerMenu","rightArrowIcon","getRightArrowIcon","slotName","getAttribute","toLowerCase","parent","addMenuItemClass","moveChildComponentsBackIntoNavbar","returnToFirstLayer","menuItemRightIconWrapper","componentWillLoad","setHref","checkIfItemIsNested","checkIfItemHasChildren","removeEmptyItem","componentDidLoad","handleItemGap","handleLabelWrapper","getNavbarItems","relocateItemsToFirstlayer","componentDidUpdate","isLayerItemParent","setMenuItemPosition","menuPosition","getItemMenuPosition","itemPosition","type","className","navItem","forEach","item","trim","undefined","sidebarItems","setItemSideSpecifications","menuItem","slotValue","menu","getParentItemMenu","slot","getRootNode","host","toggleItemMenu","parentItemMenu","e","isInLightDOM","isInShadowDOM","rootNode","ShadowRoot","labelWrapper","assignedNodes","add","remove","innerContentWrapper","numberIndicatorWrapper","numberIndicator","hostElement","handleKeyDown","key","stopPropagation","preventDefault","render","h","tabIndex","class","onMouseLeave","onKeyDown","onMouseEnter","onClick","tabindex","isNaN","variant","number","name"],"sources":["src/components/navigation/navbar/navbar-item.scss?tag=ifx-navbar-item&encapsulation=shadow","src/components/navigation/navbar/navbar-item.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n\r\n:host(.hidden) {\r\n  display: none;\r\n}\r\n\r\n.navbar__item {\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  padding: 0px 8px;\r\n  flex: none;\r\n  order: 0;\r\n  flex-grow: 0;\r\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\r\n\r\n\r\n  text-decoration: none;\r\n  font-weight: 400;\r\n  font-size: 16px;\r\n  color: tokens.$ifxColorBaseBlack;\r\n\r\n  \r\n\r\n  &.hide { \r\n    display: none;\r\n  }\r\n\r\n  &.isParent { \r\n    gap: 8px;\r\n  }\r\n\r\n  & .navItemIconWrapper { \r\n    transition: .3s;\r\n    display: flex;\r\n  }\r\n\r\n  &.open { \r\n    & .navItemIconWrapper { \r\n      transform: rotate(-180deg);\r\n      transition: .3s;\r\n    }\r\n  }\r\n\r\n  &:hover {\r\n    color: tokens.$ifxColorOcean500;\r\n    cursor: pointer;\r\n\r\n    & .username__tooltip { \r\n      display: block;\r\n    }\r\n\r\n    & .navbar__container-right-content-navigation-item-icon-wrapper { \r\n      & .initials__wrapper { \r\n        cursor: pointer;\r\n        background-color: tokens.$ifxColorOcean600;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.remove {\r\n    display: none;\r\n  }\r\n\r\n  &.removeLabel {\r\n    & .label__wrapper {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  & .number__indicator-wrapper { \r\n    position: relative;\r\n    top: -11px;\r\n  }\r\n\r\n  & .navbar__container-right-content-navigation-item-icon-wrapper {\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: row;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: 0px;\r\n    gap: 8px;\r\n    flex: none;\r\n    order: 0;\r\n    flex-grow: 0;\r\n\r\n \r\n    & .username__tooltip { \r\n      display: none;\r\n      position: absolute;\r\n      top: 35px;\r\n      right: 0;\r\n      text-wrap: nowrap;\r\n      padding: 1px 5px;\r\n      font-size: 13px;\r\n      font-family: \"Source Sans 3\";\r\n      background-color: black;\r\n      color: #fff;\r\n      z-index: 99;\r\n    }\r\n\r\n    &:hover { \r\n      & .username__tooltip { \r\n        display: block;\r\n      }\r\n    }\r\n\r\n    & .initials__wrapper { \r\n      display: flex;\r\n      width: 24px;\r\n      height: 24px;\r\n      justify-content: center;\r\n      align-items: center;\r\n      border-radius: 100%;\r\n      background-color: tokens.$ifxColorOcean500;\r\n\r\n\r\n      & .initials { \r\n        color: #FFF;\r\n        text-align: center;\r\n        font-family: \"Source Sans 3\";\r\n        font-size: 14px;\r\n        font-style: normal;\r\n        font-weight: 600;\r\n        line-height: 20px; \r\n\r\n        -webkit-touch-callout: none;\r\n        -webkit-user-select: none;\r\n        -khtml-user-select: none;\r\n        -moz-user-select: none;\r\n        -ms-user-select: none;\r\n        user-select: none;\r\n      \r\n      }\r\n    }\r\n\r\n    & img { \r\n      width: 24px; \r\n      height: 24px;\r\n      border-radius: 100%;\r\n    }\r\n\r\n    &.removeWrapper {\r\n      display: none;\r\n    }\r\n\r\n    &.hide {\r\n      display: none;\r\n    }\r\n  }\r\n}\r\n\r\n.container { \r\n  position: relative;\r\n  \r\n       &:focus{\r\n    outline: none;\r\n      box-shadow: 0 0 0 2px tokens.$ifxColorBaseWhite, 0 0 0 4px tokens.$ifxColorOcean500;\r\n  }\r\n\r\n  & .sub__layer-back-button { \r\n    display: none;\r\n    &.show { \r\n      display: flex;\r\n      justify-content: flex-start;\r\n\r\n      & .back__button-wrapper { \r\n        display: flex;\r\n        align-items: center;\r\n        gap: tokens.$ifxSpace100;\r\n        padding: tokens.$ifxSpace100 0 tokens.$ifxSpace200 0;\r\n        color: tokens.$ifxColorOcean500;\r\n        font-size: 16px;\r\n        font-style: normal;\r\n        font-weight: 600;\r\n        line-height: 24px;\r\n\r\n        & span, & ifx-icon { \r\n          &:hover { \r\n            cursor: pointer;\r\n          }\r\n        }\r\n\r\n      }\r\n    }\r\n  }\r\n\r\n  &.hide { \r\n    display: none;\r\n  }\r\n\r\n  & .inner__content-wrapper { \r\n    position: relative;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 8px;\r\n    &.no-gap { \r\n      gap: 0px;\r\n    }\r\n\r\n    & .navbar__container-right-content-navigation-item-icon-wrapper {\r\n      &.no-gap { \r\n        gap: 0px;\r\n      }\r\n    }\r\n\r\n    & .number__indicator-wrapper { \r\n      position: relative;\r\n      top: -11px;\r\n    }\r\n\r\n  }\r\n}\r\n\r\n.navbar-menu  {\r\n  position: absolute;\r\n  display: none;\r\n  list-style-type: none;\r\n  visibility: visible;\r\n  flex-direction: column;\r\n  width: 224px;\r\n  min-width: 224px;\r\n  background: tokens.$ifxColorBaseWhite;\r\n  box-shadow: 0px 6px 9px 0px #1d1d1d1a;\r\n  border: 1px solid tokens.$ifxColorEngineering200;\r\n  padding: 8px 0px;\r\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\r\n\r\n\r\n\r\n  &.open:not(.itemInMobileMenu) {\r\n    display: flex;\r\n  }\r\n\r\n  &.itemInMobileMenu { \r\n    display: none;\r\n  }\r\n\r\n  &.right { \r\n    left: 100%;\r\n    top: -40%;\r\n  }\r\n\r\n  &.left { \r\n    top: -40%;\r\n    right: 100%;\r\n  }\r\n\r\n  &.rightSideItemMenu { \r\n    left: initial;\r\n    right: 0px;\r\n  }\r\n}\r\n\r\n.navbar__item { \r\n    &.layer__item-parent { \r\n      color: tokens.$ifxColorBaseBlack;\r\n      font-size: 24px;\r\n      font-style: normal;\r\n      font-weight: 600;\r\n      line-height: 32px; \r\n      letter-spacing: -0.24px;\r\n      cursor: initial;\r\n\r\n      & .navbar__container-right-content-navigation-item-icon-wrapper { \r\n        & ifx-icon { \r\n          & svg { \r\n            width: 24px;\r\n            height: 24px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n\r\n  &.sidebarMenuItem { \r\n    justify-content: space-between;\r\n    padding: 0;\r\n  }\r\n\r\n\r\n  &.menuItem {\r\n    text-decoration: none;\r\n    color: tokens.$ifxColorBaseBlack;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 8px 16px;\r\n    gap: 8px;\r\n    font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\r\n\r\n\r\n  \r\n    &.hide {\r\n      display: none;\r\n    }\r\n  \r\n    & .label__wrapper {\r\n      color: tokens.$ifxColorBaseBlack;\r\n      font-size: 16px;\r\n      font-style: normal;\r\n      font-weight: 400;\r\n      line-height: 24px;\r\n    }\r\n  \r\n    &:hover {\r\n      cursor: pointer;\r\n      background-color: tokens.$ifxColorEngineering200;\r\n    }\r\n  \r\n    &:active {\r\n      background-color: tokens.$ifxColorEngineering300;\r\n    }\r\n  }\r\n}\r\n\r\n.sub__layer-menu { \r\n  padding: 5px;\r\n  display: none;\r\n\r\n  &.remove__margin { \r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n \r\n  &.open { \r\n    display: block;\r\n  }\r\n}\r\n\r\n.navbar__item { \r\n  &.hide { \r\n    display: none;\r\n  }\r\n}\r\n\r\n.menuItemRightIconWrapper { \r\n  &.hide { \r\n    display: none;\r\n  }\r\n}\r\n\r\n.navItemIconWrapper { \r\n  &.hide { \r\n    display: none;\r\n  }\r\n}\r\n\r\n","import { Component, h, Element, Prop, State, Listen, Method, Event, EventEmitter } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: 'ifx-navbar-item',\r\n  styleUrl: 'navbar-item.scss',\r\n  shadow: true\r\n})\r\n\r\nexport class NavbarItem {\r\n  @Element() el;\r\n  @Prop() showLabel: boolean = true;\r\n  @Prop() icon: string = \"\"\r\n  @Prop() href: string = \"\"\r\n  @Prop() target: string = \"_self\";\r\n  @Prop() hideOnMobile: boolean = true;\r\n  @State() internalHref: string = \"\"\r\n  @State() isMenuItem: boolean = false;\r\n  @State() hasChildNavItems: boolean = false;\r\n  @State() isSidebarMenuItem: boolean = false;\r\n  @State() itemPosition: string;\r\n  @Event() ifxNavItem: EventEmitter;\r\n  @Prop() numberIndicator: number;\r\n  @Prop() dotIndicator: boolean = false;\r\n\r\n  @Listen('focusout')\r\n  handleFocusOut(event: FocusEvent) {\r\n    const parentTag = this.el.parentElement?.tagName?.toUpperCase();\r\n\r\n    if (parentTag === 'IFX-NAVBAR') {\r\n      const isStillInComponent = this.isFocusWithinComponent(event.relatedTarget);\r\n      if (!isStillInComponent) {\r\n        this.closeItemMenu();\r\n        this.ifxNavItem.emit({ component: this.el, action: 'hideFirstLayer' });\r\n      }\r\n      return;\r\n    }\r\n\r\n    this.handleNestedLayerMenu(event);\r\n  }\r\n\r\n  @Listen('mousedown', { target: 'document' })\r\n  handleOutsideClick(event: MouseEvent) {\r\n    const path = event.composedPath();\r\n    const itemMenu = this.getItemMenu()\r\n    if(itemMenu) { \r\n      if(itemMenu.classList.contains('open')) { \r\n        if (!path.includes(this.el)) {\r\n          this.closeItemMenu();\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async hideComponent() { \r\n    this.el.style.display = 'none';\r\n  }\r\n\r\n  @Method()\r\n  async showComponent() { \r\n    this.el.style.display = '';\r\n  }\r\n\r\n  @Method()\r\n  async toggleChildren(action) { \r\n    const itemMenu = this.getItemMenu()\r\n    const arrowIcon = this.getChevronDownIconWrapper()\r\n    if(itemMenu) { \r\n      this.handleClassList(arrowIcon, action, 'hide')\r\n      this.handleClassList(itemMenu, action, 'itemInMobileMenu')\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async moveChildComponentsIntoSubLayerMenu() { \r\n    const subLayerMenu = this.getItemMenu()\r\n    if(subLayerMenu) { \r\n      const subLayerMenuIsOpened = this.handleClassList(subLayerMenu, 'contains', 'open')\r\n      if(subLayerMenuIsOpened) { \r\n        const navbarItem = this.getNavBarItem()\r\n        const subLayerBackButton = this.getSubLayerBackButton()\r\n        this.handleClassList(navbarItem, 'add', 'layer__item-parent')\r\n        this.handleClassList(subLayerBackButton, 'add', 'show')\r\n        this.ifxNavItem.emit({component: this.el, action: 'hideFirstLayer'})\r\n      }\r\n    }\r\n\r\n    const navItems = this.el.querySelectorAll('[slot=\"first__layer\"]')\r\n    this.isSidebarMenuItem = true;\r\n\r\n    for(let i = 0; i < navItems.length; i++) { \r\n      navItems[i].setAttribute('slot', 'second__layer')\r\n      navItems[i].moveChildComponentsIntoSubLayerMenu()\r\n    }\r\n  }\r\n\r\n  getSubLayerBackButton() { \r\n    const sublayerBackButton = this.el.shadowRoot.querySelector('.sub__layer-back-button')\r\n    return sublayerBackButton\r\n  }\r\n\r\n  @Method()\r\n  async toggleFirstLayerItem(actionOne, actionTwo) { \r\n   const navbarItem = this.getNavBarItem()\r\n   const secondLayerMenu = this.getSubLayerMenu()\r\n   const subLayerBackButton = this.getSubLayerBackButton()\r\n   this.handleClassList(subLayerBackButton, [actionOne], 'show')\r\n   this.handleClassList(navbarItem, [actionTwo], 'hide')\r\n   this.handleClassList(secondLayerMenu, [actionTwo], 'remove__margin')\r\n  }\r\n\r\n  openSubLayerMenu() { \r\n    if(this.hasChildNavItems) { \r\n      const subLayerBackButton = this.getSubLayerBackButton()\r\n      const rightArrowIcon = this.getRightArrowIcon()\r\n      const navbarItem = this.getNavBarItem()\r\n      const subLayerMenu = this.getSubLayerMenu()\r\n      const slotName = this.el.getAttribute('slot')\r\n\r\n      this.handleClassList(subLayerBackButton, 'add', 'show')\r\n      this.handleClassList(rightArrowIcon, 'add', 'hide')\r\n      this.handleClassList(navbarItem, 'add', 'layer__item-parent')\r\n      this.handleClassList(subLayerMenu, 'add', 'open')\r\n    \r\n      if(slotName.toLowerCase() === 'second__layer') {\r\n        this.ifxNavItem.emit({component: this.el, parent: this.el.parentElement, action: 'hideSecondLayer'})\r\n        this.handleClassList(navbarItem, 'remove', 'menuItem')\r\n      } else { \r\n        this.ifxNavItem.emit({component: this.el, action: 'hideFirstLayer'})\r\n      }\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async addMenuItemClass() { \r\n    const navbarItem = this.getNavBarItem()\r\n    this.handleClassList(navbarItem, 'add', 'menuItem')\r\n    const rightArrowIcon = this.getRightArrowIcon()\r\n    if(this.hasChildNavItems) { \r\n      this.handleClassList(rightArrowIcon, 'remove', 'hide')\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async moveChildComponentsBackIntoNavbar() { \r\n    const subLayerBackButton = this.getSubLayerBackButton()\r\n    const navbarItem = this.getNavBarItem()\r\n    const secondLayerMenu = this.getSubLayerMenu()\r\n\r\n    this.handleClassList(subLayerBackButton, 'remove', 'show')\r\n    this.handleClassList(navbarItem, 'remove', 'layer__item-parent')\r\n    this.handleClassList(secondLayerMenu, 'remove', 'remove__margin')\r\n\r\n    this.ifxNavItem.emit({component: this.el, action: 'show'})\r\n\r\n    const navItems = this.el.querySelectorAll('[slot=\"second__layer\"]')\r\n    this.isSidebarMenuItem = false;\r\n    this.showComponent()\r\n    this.handleClassList(navbarItem, 'remove', 'hide')\r\n\r\n    for(let i = 0; i < navItems.length; i++) { \r\n      navItems[i].setAttribute('slot', 'first__layer')\r\n      navItems[i].moveChildComponentsBackIntoNavbar()\r\n      navItems[i].addMenuItemClass()\r\n      navItems[i].returnToFirstLayer()\r\n    }\r\n  }\r\n\r\n  getRightArrowIcon() { \r\n    const menuItemRightIconWrapper = this.el.shadowRoot.querySelector('.menuItemRightIconWrapper')\r\n    return menuItemRightIconWrapper;\r\n  }\r\n\r\n  getChevronDownIconWrapper() { \r\n    const arrowIcon = this.el.shadowRoot.querySelector('.navItemIconWrapper');\r\n    return arrowIcon;\r\n  }\r\n\r\n  @Method()\r\n  async returnToFirstLayer() { \r\n    const subLayerBackButton = this.getSubLayerBackButton()\r\n    const navbarItem = this.getNavBarItem()\r\n    const rightArrowIcon = this.getRightArrowIcon()\r\n    const subLayerMenu = this.getSubLayerMenu()\r\n    const slotName = this.el.getAttribute('slot')\r\n\r\n    this.handleClassList(subLayerBackButton, 'remove', 'show')\r\n    this.handleClassList(navbarItem, 'remove', 'layer__item-parent')\r\n    this.handleClassList(subLayerMenu, 'remove', 'open')\r\n    if(this.hasChildNavItems) { \r\n      this.handleClassList(rightArrowIcon, 'remove', 'hide')\r\n    }\r\n\r\n    if(slotName.toLowerCase() === 'second__layer') {\r\n      this.ifxNavItem.emit({component: this.el, parent: this.el.parentElement, action: 'returnToSecondLayer'})\r\n      this.handleClassList(navbarItem, 'add', 'menuItem')\r\n    } else { \r\n      this.ifxNavItem.emit({component: this.el, action: 'return'})\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.setHref()\r\n    this.checkIfItemIsNested()\r\n    this.checkIfItemHasChildren()\r\n    this.removeEmptyItem()\r\n  }\r\n\r\n  componentDidLoad() { \r\n    this.handleItemGap()\r\n    this.handleLabelWrapper()\r\n    if(this.hasChildNavItems) { \r\n      const navItems = this.getNavbarItems();\r\n      this.relocateItemsToFirstlayer(navItems)\r\n    }\r\n  }\r\n\r\n  componentDidUpdate() { \r\n    const navbarItem = this.getNavBarItem()\r\n    const isLayerItemParent = this.handleClassList(navbarItem, 'contains', 'layer__item-parent')\r\n    if(this.isSidebarMenuItem && isLayerItemParent) {\r\n      const rightArrowIcon = this.getRightArrowIcon()\r\n      this.handleClassList(rightArrowIcon, 'add', 'hide')\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async setMenuItemPosition() { \r\n    if(this.isMenuItem && this.hasChildNavItems) { \r\n      const menuPosition = this.getItemMenuPosition()\r\n      if(menuPosition === 'left') { \r\n        this.itemPosition = 'left'\r\n      } else if(menuPosition === 'right') { \r\n        this.itemPosition = 'right'\r\n      }\r\n    }\r\n  }\r\n\r\n  handleClassList(el, type, className) {\r\n    if (!el) return false;\r\n    el.classList[type](className)\r\n    if (type === 'contains') {\r\n      return el.classList.contains(className)\r\n    }\r\n  }\r\n\r\n  getNavbarItems() {\r\n    const navItems = this.el.querySelectorAll('ifx-navbar-item')\r\n    return navItems;\r\n  }\r\n  \r\n  getNavBarItem() { \r\n    const navItem = this.el.shadowRoot.querySelector('.navbar__item')\r\n    return navItem;\r\n  }\r\n\r\n  getSubLayerMenu() { \r\n    const subLayerMenu = this.el.shadowRoot.querySelector('.sub__layer-menu')\r\n    return subLayerMenu;\r\n  }\r\n\r\n  relocateItemsToFirstlayer(navItems) { \r\n     navItems.forEach(item => {\r\n      item.setAttribute('slot', 'first__layer')\r\n    })\r\n  }\r\n\r\n  setHref() {\r\n    if (this.href.toLowerCase().trim() === \"\") {\r\n      this.internalHref = undefined;\r\n    } else this.internalHref = this.href;\r\n  }\r\n\r\n  checkIfItemIsNested() {\r\n    const parentElement = this.el.parentElement;\r\n    if (parentElement.tagName.toUpperCase() === 'IFX-NAVBAR-ITEM' \r\n    || parentElement.tagName.toUpperCase() === 'IFX-NAVBAR-PROFILE') {\r\n      this.isMenuItem = true;\r\n      return;\r\n    } else {\r\n      this.isMenuItem = false;\r\n    }\r\n  }\r\n\r\n  checkIfItemHasChildren() { \r\n    const sidebarItems = this.getNavbarItems();\r\n    if (sidebarItems.length !== 0) {\r\n      this.hasChildNavItems = true;\r\n    } else {\r\n      this.hasChildNavItems = false;\r\n    } \r\n  }\r\n\r\n  @Method()\r\n  async setItemSideSpecifications() {  \r\n    const menuItem = this.el;\r\n    const itemMenu = this.getItemMenu()\r\n    const slotValue = menuItem.getAttribute('slot')\r\n\r\n    if(slotValue.toLowerCase().trim() === \"right-item\") { \r\n      this.handleClassList(itemMenu, 'add', 'rightSideItemMenu')\r\n    }\r\n\r\n    return true;\r\n  }\r\n\r\n  getItemMenu() {\r\n    const menu = this.el.shadowRoot.querySelector('.navbar-menu');\r\n    return menu;\r\n  }\r\n\r\n  getParentItemMenu() {\r\n    return this.el.parentElement?.shadowRoot.querySelector('.navbar-menu');\r\n  }\r\n\r\n  closeItemMenu() {\r\n    const itemMenu = this.getItemMenu();\r\n    const menuItem = this.getNavBarItem();\r\n\r\n    if (itemMenu) {\r\n      this.handleClassList(itemMenu, 'remove', 'open');\r\n      this.handleClassList(menuItem, 'remove', 'open');\r\n    }\r\n  }\r\n\r\n  getItemMenuPosition() {\r\n    let parentElement = this.el;\r\n    while(parentElement) {\r\n      if(parentElement.tagName === 'IFX-NAVBAR-PROFILE' || parentElement.slot === 'right-item') {\r\n        return 'left'\r\n      }\r\n      parentElement = parentElement.parentElement || parentElement.getRootNode().host;\r\n    }\r\n    return 'right'\r\n  }\r\n  \r\n toggleItemMenu() {\r\n  const slotName = this.el.getAttribute('slot').toLowerCase();\r\n  if (slotName === 'mobile-menu-top' || slotName === 'second__layer') {\r\n    this.openSubLayerMenu();\r\n  } else if (!this.internalHref) {\r\n    if (this.hasChildNavItems) {\r\n      const itemMenu = this.getItemMenu()\r\n      const menuItem = this.getNavBarItem()\r\n      this.handleClassList(itemMenu, 'toggle', 'open');\r\n      this.handleClassList(menuItem, 'toggle', 'open');\r\n      if (this.isMenuItem && !this.isSidebarMenuItem && itemMenu.classList.contains('open')) {\r\n        this.handleNestedLayerMenu({ type: 'mouseenter' } as any);\r\n      }\r\n    } else {\r\n      const parentItemMenu = this.getParentItemMenu();\r\n      if (parentItemMenu) {\r\n        this.handleClassList(parentItemMenu, 'toggle', 'open');\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n  handleNestedLayerMenu(e) { \r\n    if(this.isMenuItem && this.hasChildNavItems && !this.isSidebarMenuItem) { \r\n      const itemMenu = this.getItemMenu()\r\n      const menuPosition = this.getItemMenuPosition()\r\n      const type = e.type.toUpperCase();\r\n    \r\n      if(type === 'MOUSEENTER') { \r\n        this.handleClassList(itemMenu, 'add', 'open')\r\n        if(menuPosition === 'left') { \r\n          this.handleClassList(itemMenu, 'add', 'left')\r\n        } else if(menuPosition === 'right') { \r\n          this.handleClassList(itemMenu, 'add', 'right')\r\n        }\r\n      }\r\n\r\n      if(type === 'MOUSELEAVE') { \r\n        this.handleClassList(itemMenu, 'remove', 'open')\r\n        if(menuPosition === 'left') { \r\n          this.handleClassList(itemMenu, 'remove', 'left')\r\n        } else if (menuPosition === 'right') { \r\n          this.handleClassList(itemMenu, 'remove', 'right')\r\n        }\r\n      }\r\n\r\n       if(type === 'FOCUSOUT') { \r\n      const isStillInComponent = this.isFocusWithinComponent(e.relatedTarget)\r\n      if (!isStillInComponent) {\r\n        this.handleClassList(itemMenu, 'remove', 'open')\r\n        if(menuPosition === 'left') { \r\n          this.handleClassList(itemMenu, 'remove', 'left')\r\n        } else if (menuPosition === 'right') { \r\n          this.handleClassList(itemMenu, 'remove', 'right')\r\n        }\r\n      }\r\n    }\r\n    }\r\n  }\r\n\r\n private isFocusWithinComponent(relatedTarget: EventTarget | null): boolean {\r\n  if (!relatedTarget) return false;\r\n  \r\n  const target = relatedTarget as Node;\r\n  const isInLightDOM = this.el.contains(target);\r\n  const isInShadowDOM = this.el.shadowRoot?.contains(target);\r\n  \r\n  const rootNode = target.getRootNode();\r\n  \r\n  if (rootNode instanceof ShadowRoot) {\r\n    const shadowRoot = rootNode as ShadowRoot;\r\n    if (this.el.contains(shadowRoot.host)) {\r\n      return true;\r\n    }\r\n  }\r\n\r\n  return isInLightDOM || isInShadowDOM;\r\n}\r\n\r\n  handleLabelWrapper() { \r\n    const labelWrapper = this.el.shadowRoot.querySelector('.label__wrapper');\r\n    const navItem = this.getNavBarItem();\r\n    const slot = labelWrapper.querySelector('slot');\r\n    if (!slot.assignedNodes().length) {\r\n      navItem.classList.add('removeLabel')\r\n    } else if(this.showLabel && navItem.classList.contains('removeLabel')) {\r\n      navItem.classList.remove('removeLabel')\r\n    }\r\n  }\r\n\r\n  handleItemGap() { \r\n    const innerContentWrapper = this.el.shadowRoot.querySelector('.navbar__item')\r\n    const numberIndicatorWrapper = innerContentWrapper.querySelector('.navbar__container-right-content-navigation-item-icon-wrapper');\r\n    if(this.numberIndicator || this.dotIndicator) { \r\n      this.handleClassList(numberIndicatorWrapper, 'add', 'no-gap')\r\n    } else { \r\n      this.handleClassList(numberIndicatorWrapper, 'remove', 'no-gap')\r\n    }\r\n  }\r\n\r\n  removeEmptyItem() { \r\n    const hostElement = this.el.shadowRoot.host;\r\n    if(!this.showLabel && !this.icon) { \r\n      this.handleClassList(hostElement, 'add', 'hidden')\r\n    }\r\n  }\r\n\r\n  handleKeyDown(event: KeyboardEvent) {\r\n  if (event.key === 'Enter') {\r\n      event.stopPropagation();\r\n      event.preventDefault();\r\n      this.toggleItemMenu()\r\n    }\r\n}\r\n\r\n  render() {\r\n    return (\r\n      <div tabIndex={1} class=\"container\" onMouseLeave={e => this.handleNestedLayerMenu(e)} onKeyDown={(e) => this.handleKeyDown(e)} onMouseEnter={e => this.handleNestedLayerMenu(e)}>\r\n        <div class=\"sub__layer-back-button\">\r\n          <div class=\"back__button-wrapper\" onClick={() => this.returnToFirstLayer()}>\r\n            <ifx-icon icon=\"arrow-left-16\" />\r\n            <span>Back</span>\r\n          </div>\r\n        </div>\r\n        <a tabindex={-1} href={this.internalHref} target={this.target} onClick={() => this.toggleItemMenu()}  class=   {`navbar__item ${this.isSidebarMenuItem ? 'sidebarMenuItem' : \"\"} ${!this.showLabel ? 'removeLabel' : \"\"} ${this.isMenuItem ? 'menuItem' : \"\"} ${this.hasChildNavItems ? 'isParent' : \"\"}`}>\r\n          <div class=\"inner__content-wrapper\">\r\n            <div class={`navbar__container-right-content-navigation-item-icon-wrapper ${!this.icon ? \"removeWrapper\" : \"\"}`}>\r\n              {this.icon && <ifx-icon icon={this.icon}></ifx-icon>}\r\n              {this.icon && !this.showLabel && !isNaN(this.numberIndicator) && \r\n              <div class=\"number__indicator-wrapper\">\r\n                <ifx-indicator variant=\"number\" number={this.numberIndicator}></ifx-indicator>\r\n              </div>}\r\n              {this.icon && !this.showLabel && !this.numberIndicator && this.dotIndicator && \r\n            <div class=\"dot__indicator-wrapper\"></div>}\r\n            </div>\r\n\r\n            {this.itemPosition === 'left' \r\n            && this.hasChildNavItems \r\n            && this.isMenuItem && \r\n            <div class=\"menuItemLeftIconWrapper\">\r\n                <ifx-icon icon=\"chevron-left-16\" />\r\n            </div>}\r\n\r\n            <span class=\"label__wrapper\">\r\n              <slot />\r\n            </span>\r\n          </div>\r\n\r\n          {this.showLabel && this.numberIndicator && !isNaN(this.numberIndicator) ? \r\n            <div class=\"number__indicator-wrapper\">\r\n                <ifx-indicator variant=\"number\" number={this.numberIndicator}></ifx-indicator>\r\n            </div> : \"\"}\r\n\r\n            {this.showLabel && !this.numberIndicator && this.dotIndicator ? \r\n            <ifx-indicator variant=\"dot\" /> : \"\"}\r\n\r\n          <div class={`navItemIconWrapper ${this.hasChildNavItems && !this.isMenuItem && !this.isSidebarMenuItem ? '' : \"hide\"}`}>\r\n            <ifx-icon icon=\"chevron-down-16\" />\r\n          </div>\r\n          \r\n         {<div class={`menuItemRightIconWrapper ${((this.itemPosition === 'right' && this.hasChildNavItems && this.isMenuItem) || (this.isSidebarMenuItem && this.hasChildNavItems)) ? '' : \"hide\"}`}>\r\n            <ifx-icon icon=\"chevron-right-16\" />\r\n          </div>}\r\n        </a>\r\n        \r\n        {this.hasChildNavItems && !this.isSidebarMenuItem && <ul class='navbar-menu'> <slot name=\"first__layer\" /> </ul>}\r\n        {this.isSidebarMenuItem && <ul class='sub__layer-menu'> <slot name=\"second__layer\" /> </ul>}\r\n\r\n      </div>\r\n    )\r\n  }\r\n}"],"mappings":"yDAAA,MAAMA,EAAgB,k1J,MCQTC,EAAU,MANvB,WAAAC,CAAAC,G,iDAQUC,KAASC,UAAY,KACrBD,KAAIE,KAAW,GACfF,KAAIG,KAAW,GACfH,KAAMI,OAAW,QACjBJ,KAAYK,aAAY,KACvBL,KAAYM,aAAW,GACvBN,KAAUO,WAAY,MACtBP,KAAgBQ,iBAAY,MAC5BR,KAAiBS,kBAAY,MAI9BT,KAAYU,aAAY,KAqejC,CAleC,cAAAC,CAAeC,G,QACb,MAAMC,GAAYC,GAAAC,EAAAf,KAAKgB,GAAGC,iBAAe,MAAAF,SAAA,SAAAA,EAAAG,WAAS,MAAAJ,SAAA,SAAAA,EAAAK,cAElD,GAAIN,IAAc,aAAc,CAC9B,MAAMO,EAAqBpB,KAAKqB,uBAAuBT,EAAMU,eAC7D,IAAKF,EAAoB,CACvBpB,KAAKuB,gBACLvB,KAAKwB,WAAWC,KAAK,CAAEC,UAAW1B,KAAKgB,GAAIW,OAAQ,kB,CAErD,M,CAGF3B,KAAK4B,sBAAsBhB,E,CAI7B,kBAAAiB,CAAmBjB,GACjB,MAAMkB,EAAOlB,EAAMmB,eACnB,MAAMC,EAAWhC,KAAKiC,cACtB,GAAGD,EAAU,CACX,GAAGA,EAASE,UAAUC,SAAS,QAAS,CACtC,IAAKL,EAAKM,SAASpC,KAAKgB,IAAK,CAC3BhB,KAAKuB,e,IAOb,mBAAMc,GACJrC,KAAKgB,GAAGsB,MAAMC,QAAU,M,CAI1B,mBAAMC,GACJxC,KAAKgB,GAAGsB,MAAMC,QAAU,E,CAI1B,oBAAME,CAAed,GACnB,MAAMK,EAAWhC,KAAKiC,cACtB,MAAMS,EAAY1C,KAAK2C,4BACvB,GAAGX,EAAU,CACXhC,KAAK4C,gBAAgBF,EAAWf,EAAQ,QACxC3B,KAAK4C,gBAAgBZ,EAAUL,EAAQ,mB,EAK3C,yCAAMkB,GACJ,MAAMC,EAAe9C,KAAKiC,cAC1B,GAAGa,EAAc,CACf,MAAMC,EAAuB/C,KAAK4C,gBAAgBE,EAAc,WAAY,QAC5E,GAAGC,EAAsB,CACvB,MAAMC,EAAahD,KAAKiD,gBACxB,MAAMC,EAAqBlD,KAAKmD,wBAChCnD,KAAK4C,gBAAgBI,EAAY,MAAO,sBACxChD,KAAK4C,gBAAgBM,EAAoB,MAAO,QAChDlD,KAAKwB,WAAWC,KAAK,CAACC,UAAW1B,KAAKgB,GAAIW,OAAQ,kB,EAItD,MAAMyB,EAAWpD,KAAKgB,GAAGqC,iBAAiB,yBAC1CrD,KAAKS,kBAAoB,KAEzB,IAAI,IAAI6C,EAAI,EAAGA,EAAIF,EAASG,OAAQD,IAAK,CACvCF,EAASE,GAAGE,aAAa,OAAQ,iBACjCJ,EAASE,GAAGT,qC,EAIhB,qBAAAM,GACE,MAAMM,EAAqBzD,KAAKgB,GAAG0C,WAAWC,cAAc,2BAC5D,OAAOF,C,CAIT,0BAAMG,CAAqBC,EAAWC,GACrC,MAAMd,EAAahD,KAAKiD,gBACxB,MAAMc,EAAkB/D,KAAKgE,kBAC7B,MAAMd,EAAqBlD,KAAKmD,wBAChCnD,KAAK4C,gBAAgBM,EAAoB,CAACW,GAAY,QACtD7D,KAAK4C,gBAAgBI,EAAY,CAACc,GAAY,QAC9C9D,KAAK4C,gBAAgBmB,EAAiB,CAACD,GAAY,iB,CAGpD,gBAAAG,GACE,GAAGjE,KAAKQ,iBAAkB,CACxB,MAAM0C,EAAqBlD,KAAKmD,wBAChC,MAAMe,EAAiBlE,KAAKmE,oBAC5B,MAAMnB,EAAahD,KAAKiD,gBACxB,MAAMH,EAAe9C,KAAKgE,kBAC1B,MAAMI,EAAWpE,KAAKgB,GAAGqD,aAAa,QAEtCrE,KAAK4C,gBAAgBM,EAAoB,MAAO,QAChDlD,KAAK4C,gBAAgBsB,EAAgB,MAAO,QAC5ClE,KAAK4C,gBAAgBI,EAAY,MAAO,sBACxChD,KAAK4C,gBAAgBE,EAAc,MAAO,QAE1C,GAAGsB,EAASE,gBAAkB,gBAAiB,CAC7CtE,KAAKwB,WAAWC,KAAK,CAACC,UAAW1B,KAAKgB,GAAIuD,OAAQvE,KAAKgB,GAAGC,cAAeU,OAAQ,oBACjF3B,KAAK4C,gBAAgBI,EAAY,SAAU,W,KACtC,CACLhD,KAAKwB,WAAWC,KAAK,CAACC,UAAW1B,KAAKgB,GAAIW,OAAQ,kB,GAMxD,sBAAM6C,GACJ,MAAMxB,EAAahD,KAAKiD,gBACxBjD,KAAK4C,gBAAgBI,EAAY,MAAO,YACxC,MAAMkB,EAAiBlE,KAAKmE,oBAC5B,GAAGnE,KAAKQ,iBAAkB,CACxBR,KAAK4C,gBAAgBsB,EAAgB,SAAU,O,EAKnD,uCAAMO,GACJ,MAAMvB,EAAqBlD,KAAKmD,wBAChC,MAAMH,EAAahD,KAAKiD,gBACxB,MAAMc,EAAkB/D,KAAKgE,kBAE7BhE,KAAK4C,gBAAgBM,EAAoB,SAAU,QACnDlD,KAAK4C,gBAAgBI,EAAY,SAAU,sBAC3ChD,KAAK4C,gBAAgBmB,EAAiB,SAAU,kBAEhD/D,KAAKwB,WAAWC,KAAK,CAACC,UAAW1B,KAAKgB,GAAIW,OAAQ,SAElD,MAAMyB,EAAWpD,KAAKgB,GAAGqC,iBAAiB,0BAC1CrD,KAAKS,kBAAoB,MACzBT,KAAKwC,gBACLxC,KAAK4C,gBAAgBI,EAAY,SAAU,QAE3C,IAAI,IAAIM,EAAI,EAAGA,EAAIF,EAASG,OAAQD,IAAK,CACvCF,EAASE,GAAGE,aAAa,OAAQ,gBACjCJ,EAASE,GAAGmB,oCACZrB,EAASE,GAAGkB,mBACZpB,EAASE,GAAGoB,oB,EAIhB,iBAAAP,GACE,MAAMQ,EAA2B3E,KAAKgB,GAAG0C,WAAWC,cAAc,6BAClE,OAAOgB,C,CAGT,yBAAAhC,GACE,MAAMD,EAAY1C,KAAKgB,GAAG0C,WAAWC,cAAc,uBACnD,OAAOjB,C,CAIT,wBAAMgC,GACJ,MAAMxB,EAAqBlD,KAAKmD,wBAChC,MAAMH,EAAahD,KAAKiD,gBACxB,MAAMiB,EAAiBlE,KAAKmE,oBAC5B,MAAMrB,EAAe9C,KAAKgE,kBAC1B,MAAMI,EAAWpE,KAAKgB,GAAGqD,aAAa,QAEtCrE,KAAK4C,gBAAgBM,EAAoB,SAAU,QACnDlD,KAAK4C,gBAAgBI,EAAY,SAAU,sBAC3ChD,KAAK4C,gBAAgBE,EAAc,SAAU,QAC7C,GAAG9C,KAAKQ,iBAAkB,CACxBR,KAAK4C,gBAAgBsB,EAAgB,SAAU,O,CAGjD,GAAGE,EAASE,gBAAkB,gBAAiB,CAC7CtE,KAAKwB,WAAWC,KAAK,CAACC,UAAW1B,KAAKgB,GAAIuD,OAAQvE,KAAKgB,GAAGC,cAAeU,OAAQ,wBACjF3B,KAAK4C,gBAAgBI,EAAY,MAAO,W,KACnC,CACLhD,KAAKwB,WAAWC,KAAK,CAACC,UAAW1B,KAAKgB,GAAIW,OAAQ,U,EAItD,iBAAAiD,GACE5E,KAAK6E,UACL7E,KAAK8E,sBACL9E,KAAK+E,yBACL/E,KAAKgF,iB,CAGP,gBAAAC,GACEjF,KAAKkF,gBACLlF,KAAKmF,qBACL,GAAGnF,KAAKQ,iBAAkB,CACxB,MAAM4C,EAAWpD,KAAKoF,iBACtBpF,KAAKqF,0BAA0BjC,E,EAInC,kBAAAkC,GACE,MAAMtC,EAAahD,KAAKiD,gBACxB,MAAMsC,EAAoBvF,KAAK4C,gBAAgBI,EAAY,WAAY,sBACvE,GAAGhD,KAAKS,mBAAqB8E,EAAmB,CAC9C,MAAMrB,EAAiBlE,KAAKmE,oBAC5BnE,KAAK4C,gBAAgBsB,EAAgB,MAAO,O,EAKhD,yBAAMsB,GACJ,GAAGxF,KAAKO,YAAcP,KAAKQ,iBAAkB,CAC3C,MAAMiF,EAAezF,KAAK0F,sBAC1B,GAAGD,IAAiB,OAAQ,CAC1BzF,KAAK2F,aAAe,M,MACf,GAAGF,IAAiB,QAAS,CAClCzF,KAAK2F,aAAe,O,GAK1B,eAAA/C,CAAgB5B,EAAI4E,EAAMC,GACxB,IAAK7E,EAAI,OAAO,MAChBA,EAAGkB,UAAU0D,GAAMC,GACnB,GAAID,IAAS,WAAY,CACvB,OAAO5E,EAAGkB,UAAUC,SAAS0D,E,EAIjC,cAAAT,GACE,MAAMhC,EAAWpD,KAAKgB,GAAGqC,iBAAiB,mBAC1C,OAAOD,C,CAGT,aAAAH,GACE,MAAM6C,EAAU9F,KAAKgB,GAAG0C,WAAWC,cAAc,iBACjD,OAAOmC,C,CAGT,eAAA9B,GACE,MAAMlB,EAAe9C,KAAKgB,GAAG0C,WAAWC,cAAc,oBACtD,OAAOb,C,CAGT,yBAAAuC,CAA0BjC,GACvBA,EAAS2C,SAAQC,IAChBA,EAAKxC,aAAa,OAAQ,eAAe,G,CAI7C,OAAAqB,GACE,GAAI7E,KAAKG,KAAKmE,cAAc2B,SAAW,GAAI,CACzCjG,KAAKM,aAAe4F,S,MACflG,KAAKM,aAAeN,KAAKG,I,CAGlC,mBAAA2E,GACE,MAAM7D,EAAgBjB,KAAKgB,GAAGC,cAC9B,GAAIA,EAAcC,QAAQC,gBAAkB,mBACzCF,EAAcC,QAAQC,gBAAkB,qBAAsB,CAC/DnB,KAAKO,WAAa,KAClB,M,KACK,CACLP,KAAKO,WAAa,K,EAItB,sBAAAwE,GACE,MAAMoB,EAAenG,KAAKoF,iBAC1B,GAAIe,EAAa5C,SAAW,EAAG,CAC7BvD,KAAKQ,iBAAmB,I,KACnB,CACLR,KAAKQ,iBAAmB,K,EAK5B,+BAAM4F,GACJ,MAAMC,EAAWrG,KAAKgB,GACtB,MAAMgB,EAAWhC,KAAKiC,cACtB,MAAMqE,EAAYD,EAAShC,aAAa,QAExC,GAAGiC,EAAUhC,cAAc2B,SAAW,aAAc,CAClDjG,KAAK4C,gBAAgBZ,EAAU,MAAO,oB,CAGxC,OAAO,I,CAGT,WAAAC,GACE,MAAMsE,EAAOvG,KAAKgB,GAAG0C,WAAWC,cAAc,gBAC9C,OAAO4C,C,CAGT,iBAAAC,G,MACE,OAAOzF,EAAAf,KAAKgB,GAAGC,iBAAe,MAAAF,SAAA,SAAAA,EAAA2C,WAAWC,cAAc,e,CAGzD,aAAApC,GACE,MAAMS,EAAWhC,KAAKiC,cACtB,MAAMoE,EAAWrG,KAAKiD,gBAEtB,GAAIjB,EAAU,CACZhC,KAAK4C,gBAAgBZ,EAAU,SAAU,QACzChC,KAAK4C,gBAAgByD,EAAU,SAAU,O,EAI7C,mBAAAX,GACE,IAAIzE,EAAgBjB,KAAKgB,GACzB,MAAMC,EAAe,CACnB,GAAGA,EAAcC,UAAY,sBAAwBD,EAAcwF,OAAS,aAAc,CACxF,MAAO,M,CAETxF,EAAgBA,EAAcA,eAAiBA,EAAcyF,cAAcC,I,CAE7E,MAAO,O,CAGV,cAAAC,GACC,MAAMxC,EAAWpE,KAAKgB,GAAGqD,aAAa,QAAQC,cAC9C,GAAIF,IAAa,mBAAqBA,IAAa,gBAAiB,CAClEpE,KAAKiE,kB,MACA,IAAKjE,KAAKM,aAAc,CAC7B,GAAIN,KAAKQ,iBAAkB,CACzB,MAAMwB,EAAWhC,KAAKiC,cACtB,MAAMoE,EAAWrG,KAAKiD,gBACtBjD,KAAK4C,gBAAgBZ,EAAU,SAAU,QACzChC,KAAK4C,gBAAgByD,EAAU,SAAU,QACzC,GAAIrG,KAAKO,aAAeP,KAAKS,mBAAqBuB,EAASE,UAAUC,SAAS,QAAS,CACrFnC,KAAK4B,sBAAsB,CAAEgE,KAAM,c,MAEhC,CACL,MAAMiB,EAAiB7G,KAAKwG,oBAC5B,GAAIK,EAAgB,CAClB7G,KAAK4C,gBAAgBiE,EAAgB,SAAU,O,IAMrD,qBAAAjF,CAAsBkF,GACpB,GAAG9G,KAAKO,YAAcP,KAAKQ,mBAAqBR,KAAKS,kBAAmB,CACtE,MAAMuB,EAAWhC,KAAKiC,cACtB,MAAMwD,EAAezF,KAAK0F,sBAC1B,MAAME,EAAOkB,EAAElB,KAAKzE,cAEpB,GAAGyE,IAAS,aAAc,CACxB5F,KAAK4C,gBAAgBZ,EAAU,MAAO,QACtC,GAAGyD,IAAiB,OAAQ,CAC1BzF,KAAK4C,gBAAgBZ,EAAU,MAAO,O,MACjC,GAAGyD,IAAiB,QAAS,CAClCzF,KAAK4C,gBAAgBZ,EAAU,MAAO,Q,EAI1C,GAAG4D,IAAS,aAAc,CACxB5F,KAAK4C,gBAAgBZ,EAAU,SAAU,QACzC,GAAGyD,IAAiB,OAAQ,CAC1BzF,KAAK4C,gBAAgBZ,EAAU,SAAU,O,MACpC,GAAIyD,IAAiB,QAAS,CACnCzF,KAAK4C,gBAAgBZ,EAAU,SAAU,Q,EAI5C,GAAG4D,IAAS,WAAY,CACzB,MAAMxE,EAAqBpB,KAAKqB,uBAAuByF,EAAExF,eACzD,IAAKF,EAAoB,CACvBpB,KAAK4C,gBAAgBZ,EAAU,SAAU,QACzC,GAAGyD,IAAiB,OAAQ,CAC1BzF,KAAK4C,gBAAgBZ,EAAU,SAAU,O,MACpC,GAAIyD,IAAiB,QAAS,CACnCzF,KAAK4C,gBAAgBZ,EAAU,SAAU,Q,KAO1C,sBAAAX,CAAuBC,G,MAC9B,IAAKA,EAAe,OAAO,MAE3B,MAAMlB,EAASkB,EACf,MAAMyF,EAAe/G,KAAKgB,GAAGmB,SAAS/B,GACtC,MAAM4G,GAAgBjG,EAAAf,KAAKgB,GAAG0C,cAAY,MAAA3C,SAAA,SAAAA,EAAAoB,SAAS/B,GAEnD,MAAM6G,EAAW7G,EAAOsG,cAExB,GAAIO,aAAoBC,WAAY,CAClC,MAAMxD,EAAauD,EACnB,GAAIjH,KAAKgB,GAAGmB,SAASuB,EAAWiD,MAAO,CACrC,OAAO,I,EAIX,OAAOI,GAAgBC,C,CAGvB,kBAAA7B,GACE,MAAMgC,EAAenH,KAAKgB,GAAG0C,WAAWC,cAAc,mBACtD,MAAMmC,EAAU9F,KAAKiD,gBACrB,MAAMwD,EAAOU,EAAaxD,cAAc,QACxC,IAAK8C,EAAKW,gBAAgB7D,OAAQ,CAChCuC,EAAQ5D,UAAUmF,IAAI,c,MACjB,GAAGrH,KAAKC,WAAa6F,EAAQ5D,UAAUC,SAAS,eAAgB,CACrE2D,EAAQ5D,UAAUoF,OAAO,c,EAI7B,aAAApC,GACE,MAAMqC,EAAsBvH,KAAKgB,GAAG0C,WAAWC,cAAc,iBAC7D,MAAM6D,EAAyBD,EAAoB5D,cAAc,iEACjE,GAAG3D,KAAKyH,iBAAmBzH,KAAKU,aAAc,CAC5CV,KAAK4C,gBAAgB4E,EAAwB,MAAO,S,KAC/C,CACLxH,KAAK4C,gBAAgB4E,EAAwB,SAAU,S,EAI3D,eAAAxC,GACE,MAAM0C,EAAc1H,KAAKgB,GAAG0C,WAAWiD,KACvC,IAAI3G,KAAKC,YAAcD,KAAKE,KAAM,CAChCF,KAAK4C,gBAAgB8E,EAAa,MAAO,S,EAI7C,aAAAC,CAAc/G,GACd,GAAIA,EAAMgH,MAAQ,QAAS,CACvBhH,EAAMiH,kBACNjH,EAAMkH,iBACN9H,KAAK4G,gB,EAIT,MAAAmB,GACE,OACEC,EAAA,OAAAJ,IAAA,2CAAKK,SAAU,EAAGC,MAAM,YAAYC,aAAcrB,GAAK9G,KAAK4B,sBAAsBkF,GAAIsB,UAAYtB,GAAM9G,KAAK2H,cAAcb,GAAIuB,aAAcvB,GAAK9G,KAAK4B,sBAAsBkF,IAC3KkB,EAAK,OAAAJ,IAAA,2CAAAM,MAAM,0BACTF,EAAA,OAAAJ,IAAA,2CAAKM,MAAM,uBAAuBI,QAAS,IAAMtI,KAAK0E,sBACpDsD,EAAU,YAAAJ,IAAA,2CAAA1H,KAAK,kBACf8H,EAAA,QAAAJ,IAAA,sDAGJI,EAAA,KAAAJ,IAAA,2CAAGW,UAAU,EAAIpI,KAAMH,KAAKM,aAAcF,OAAQJ,KAAKI,OAAQkI,QAAS,IAAMtI,KAAK4G,iBAAmBsB,MAAU,gBAAgBlI,KAAKS,kBAAoB,kBAAoB,OAAOT,KAAKC,UAAY,cAAgB,MAAMD,KAAKO,WAAa,WAAa,MAAMP,KAAKQ,iBAAmB,WAAa,MACnSwH,EAAK,OAAAJ,IAAA,2CAAAM,MAAM,0BACTF,EAAA,OAAAJ,IAAA,2CAAKM,MAAO,iEAAiElI,KAAKE,KAAO,gBAAkB,MACxGF,KAAKE,MAAQ8H,EAAA,YAAAJ,IAAA,2CAAU1H,KAAMF,KAAKE,OAClCF,KAAKE,OAASF,KAAKC,YAAcuI,MAAMxI,KAAKyH,kBAC7CO,EAAK,OAAAJ,IAAA,2CAAAM,MAAM,6BACTF,EAAe,iBAAAJ,IAAA,2CAAAa,QAAQ,SAASC,OAAQ1I,KAAKyH,mBAE9CzH,KAAKE,OAASF,KAAKC,YAAcD,KAAKyH,iBAAmBzH,KAAKU,cACjEsH,EAAA,OAAAJ,IAAA,2CAAKM,MAAM,4BAGVlI,KAAK2F,eAAiB,QACpB3F,KAAKQ,kBACLR,KAAKO,YACRyH,EAAK,OAAAJ,IAAA,2CAAAM,MAAM,2BACPF,EAAA,YAAAJ,IAAA,2CAAU1H,KAAK,qBAGnB8H,EAAM,QAAAJ,IAAA,2CAAAM,MAAM,kBACVF,EAAA,QAAAJ,IAAA,+CAIH5H,KAAKC,WAAaD,KAAKyH,kBAAoBe,MAAMxI,KAAKyH,iBACrDO,EAAK,OAAAE,MAAM,6BACPF,EAAA,iBAAeS,QAAQ,SAASC,OAAQ1I,KAAKyH,mBACxC,GAERzH,KAAKC,YAAcD,KAAKyH,iBAAmBzH,KAAKU,aACjDsH,EAAA,iBAAeS,QAAQ,QAAW,GAEpCT,EAAK,OAAAJ,IAAA,2CAAAM,MAAO,sBAAsBlI,KAAKQ,mBAAqBR,KAAKO,aAAeP,KAAKS,kBAAoB,GAAK,UAC5GuH,EAAA,YAAAJ,IAAA,2CAAU1H,KAAK,qBAGjB8H,EAAA,OAAAJ,IAAA,2CAAKM,MAAO,4BAA8BlI,KAAK2F,eAAiB,SAAW3F,KAAKQ,kBAAoBR,KAAKO,YAAgBP,KAAKS,mBAAqBT,KAAKQ,iBAAqB,GAAK,UAChLwH,EAAA,YAAAJ,IAAA,2CAAU1H,KAAK,uBAIlBF,KAAKQ,mBAAqBR,KAAKS,mBAAqBuH,EAAA,MAAAJ,IAAA,2CAAIM,MAAM,eAAa,IAAEF,EAAM,QAAAJ,IAAA,2CAAAe,KAAK,iBAAuB,KAC/G3I,KAAKS,mBAAqBuH,EAAI,MAAAJ,IAAA,2CAAAM,MAAM,mBAAiB,IAAEF,EAAM,QAAAJ,IAAA,2CAAAe,KAAK,kBAAwB,K","ignoreList":[]}