@aquera/nile-elements 0.1.57-beta-1.8 → 0.1.57-beta-1.9

package/dist/index.js

@@ -3797,7 +3797,7 @@ const ZM=M=>M??B;function VM(M,e){const t={waitUntilFirstUpdate:!1,...e};return(
               ></nile-icon-button>
             `:""}
       </span>
-    `}};li.styles=ui,M([gM({reflect:!0})],li.prototype,"variant",void 0),M([gM({reflect:!0})],li.prototype,"size",void 0),M([gM({type:Boolean,reflect:!0})],li.prototype,"pill",void 0),M([gM({type:Boolean})],li.prototype,"removable",void 0),li=M([aM("nile-tag")],li);let gi=class extends PM{constructor(){super(...arguments),this.formControlController=new bM(this,{assumeInteractionOn:["nile-blur","nile-input"]}),this.hasSlotController=new vM(this,"help-text","label"),this.typeToSelectString="",this.hasFocus=!1,this.displayLabel="",this.selectedOptions=[],this.oldValue="",this.name="",this.value="",this.defaultValue="",this.size="medium",this.placeholder="Select...",this.searchValue="",this.searchEnabled=!1,this.internalSearchPlaceHolder="Search...",this.blockValueChange=!1,this.disableLocalSearch=!1,this.optionsLoading=!1,this.noWidthSync=!1,this.multiple=!1,this.helpText="",this.errorMessage="",this.warning=!1,this.error=!1,this.success=!1,this.maxOptionsVisible=3,this.disabled=!1,this.clearable=!1,this.open=!1,this.hoist=!1,this.filled=!1,this.pill=!1,this.label="",this.placement="bottom",this.form="",this.required=!1,this.showSelected=!1,this.oldMaxOptionsVisible=1,this.showNoResults=!1,this.noResultsMessage="No results found"}get validity(){return this.valueInput?.validity}get validationMessage(){return this.valueInput?.validationMessage}connectedCallback(){super.connectedCallback(),this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.open=!1,this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}updated(M){M.has("multiple")&&this.setCheckBoxInOption(this.multiple)}setCheckBoxInOption(M){this.getAllOptions().forEach((e=>{e.showCheckbox=M}))}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}handleFocus(){this.hasFocus=!0,this.displayInput.setSelectionRange(0,0),this.emit("nile-focus",{value:this.value,name:this.name})}handleBlur(){this.hasFocus=!1,this.emit("nile-blur",{value:this.value,name:this.name})}handleDocumentFocusIn(M){const e=M.composedPath();this&&!e.includes(this)&&this.hide()}handleFooterClick(M){M.stopPropagation(),M.preventDefault()}toggleShowSelected(M){if(M.stopPropagation(),M.preventDefault(),0===this.selectedOptions?.length)return;this.showSelected=!this.showSelected;this.getAllOptions().forEach((M=>{M.selected||(M.hidden=this.showSelected)}))}unSlectAll(){this.showSelected=!1;this.getAllOptions().forEach((M=>{M.selected=!1,M.hidden=!1})),this.value="",this.selectionChanged(),this.emit("nile-change",{value:this.value,name:this.name}),this.emit("nile-clear",{value:this.multiple?this.value:"",name:this.name})}handleDocumentKeyDown(M){const e=M.target,t=null!==e.closest(".select__clear"),i=null!==e.closest("nile-icon-button");if(!t&&!i){if("Escape"===M.key&&this.open&&(M.preventDefault(),M.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})),"Enter"===M.key||" "===M.key&&""===this.typeToSelectString)return M.preventDefault(),M.stopImmediatePropagation(),this.open?void(this.currentOption&&!this.currentOption.disabled&&(this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this.updateComplete.then((()=>{this.nileInput({value:this.value,name:this.name}),this.nileChange({value:this.value,name:this.name})})),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))):void this.show();if(1===M.key.length||"Backspace"===M.key){const e=this.getAllOptions();if(M.metaKey||M.ctrlKey||M.altKey)return;if(!this.open){if("Backspace"===M.key)return;this.show()}M.stopPropagation(),M.preventDefault(),clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout((()=>this.typeToSelectString=""),1e3),"Backspace"===M.key?this.typeToSelectString=this.typeToSelectString.slice(0,-1):this.typeToSelectString+=M.key.toLowerCase();for(const M of e){if(M.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(M);break}}}}}handleDocumentMouseDown(M){const e=M.composedPath();this&&!e.includes(this)&&this.hide()}handleLabelClick(){this.displayInput.focus(),this.hide()}handleComboboxMouseDown(M){const e=M.composedPath().some((M=>M instanceof Element&&"nile-icon-button"===M.tagName.toLowerCase()));this.disabled||e||(M.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open)}handleComboboxKeyDown(M){M.stopPropagation(),this.handleDocumentKeyDown(M)}handleClearClick(M){M.stopPropagation(),""!==this.value&&(this.setSelectedOptions([]),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then((()=>{const M={value:this.multiple?this.value:"",name:this.name};this.emit("nile-clear",M),this.nileInput(M),this.nileChange(M)})))}handleClearMouseDown(M){M.stopPropagation(),M.preventDefault()}handleOptionClick(M){const e=M.target.closest("nile-option");if(this.blockValueChange&&e)return this.emit("nile-block-change",{value:e?.value,name:this.name}),void this.hide();const t=this.value;if(this.oldValue=t,e&&!e.disabled&&(this.multiple?this.toggleOptionSelection(e):this.setSelectedOptions(e),this.updateComplete.then((()=>this.displayInput.focus({preventScroll:!0}))),this.value!==t&&this.updateComplete.then((()=>{this.nileInput({value:this.value,name:this.name}),this.nileChange({value:this.value,name:this.name})})),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0}))),this.showSelected){this.getAllOptions().forEach((M=>{M.selected||(M.hidden=this.showSelected)})),this.requestUpdate()}}handleDefaultSlotChange(){const M=this.getAllOptions(),e=Array.isArray(this.value)?this.value:[this.value],t=[];customElements.get("nile-option")?(M.forEach((M=>t.push(M.value))),this.setSelectedOptions(M.filter((M=>e.map(String).includes(M.value))))):customElements.whenDefined("nile-option").then((()=>this.handleDefaultSlotChange()))}handleTagRemove(M,e){if(M.stopPropagation(),!this.disabled){this.toggleOptionSelection(e,!1);this.getAllOptions().forEach((M=>{M.selected||(M.hidden=this.showSelected)})),this.updateComplete.then((()=>{this.nileInput({value:this.value,name:this.name}),this.nileChange({value:this.value,name:this.name}),this.emit("nile-tag-remove",{value:this.value,name:this.name,removedtagvalue:e.value})}))}}getAllOptions(){const M=[...this.querySelectorAll("nile-option")];return this.multiple&&this.oldValue?.length>0&&M.sort(((M,e)=>{let t=this.oldValue.indexOf(M.value),i=this.oldValue.indexOf(e.value);return-1===t&&(t=1/0),-1===i&&(i=1/0),t<i?-1:t>i?1:0})),M}getOptionPrefix(M){const e=M.shadowRoot?.querySelector('slot[name="prefix"]');if(!e)return"";const t=e.assignedNodes(),i=[];return t.forEach((M=>{M instanceof HTMLElement?i.push(M.outerHTML):M.nodeType===Node.TEXT_NODE&&i.push(M.textContent||"")})),i.join("")}getFirstOption(){return this.querySelector("nile-option")}setCurrentOption(M){this.getAllOptions().forEach((M=>{M.current=!1,M.tabIndex=-1})),M&&(this.currentOption=M,M.current=!0,M.tabIndex=0,M.focus())}setSelectedOptions(M){const e=this.getAllOptions(),t=Array.isArray(M)?M:[M];e.forEach((M=>M.selected=!1)),t.length&&t.forEach((M=>M.selected=!0)),this.selectionChanged()}toggleOptionSelection(M,e){M.selected=!0===e||!1===e?e:!M.selected,this.selectionChanged()}selectionChanged(){if(this.selectedOptions=this.getAllOptions().filter((M=>M.selected)),this.multiple){if(this.value=this.selectedOptions.map((M=>M.value)),this.placeholder&&0===this.value.length?this.displayLabel="":this.displayLabel=this.selectedOptions.length+" selected",0===this.selectedOptions.length){this.showSelected=!1;this.getAllOptions().forEach((M=>{M.selected||(M.hidden=this.showSelected)})),this.requestUpdate()}}else this.value=this.selectedOptions[0]?.value??this.value,this.displayLabel=this.selectedOptions[0]?.getTextLabel()?this.selectedOptions[0].getTextLabel():this.value??"";this.updateComplete.then((()=>{this.formControlController.updateValidity()})),this.calculateTotalWidthOfTags()}handleSearchFocus(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleSearchBlur(){document.addEventListener("keydown",this.handleDocumentKeyDown)}handleSearchChange(M){if(this.searchValue=M.detail.value,!this.disableLocalSearch){0===this.filterOptions(this.searchValue).length?this.showNoResults=!0:this.showNoResults=!1}}filterOptions(M){const e=this.getAllOptions(),t=M.toLowerCase();let i=[];return e.forEach((M=>{const e=M.getTextLabel().toLowerCase(),N=(M.value||"").toLowerCase();e.includes(t)||N.includes(t)?(M.hidden=!1,i.push(M)):M.hidden=!0})),i}handleInvalid(M){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(M)}handleDisabledChange(){this.disabled&&(this.open=!1,this.handleOpenChange())}handleValueChange(){const M=this.getAllOptions(),e=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(M.filter((M=>e.includes(M.value))))}async handleOpenChange(){if(this.open&&!this.disabled){this.setCurrentOption(this.selectedOptions[0]||this.getFirstOption()),this.emit("nile-show",{value:this.value,name:this.name}),this.addOpenListeners(),this.showNoResults=!this.getAllOptions()?.length,await ce(this),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame((()=>{this.setCurrentOption(this.currentOption)}));const{keyframes:M,options:e}=Ae(this,"select.show",{dir:"ltr"});await le(this.popup.popup,M,e),this.currentOption&&xe(this.currentOption,this.listbox,"vertical","auto"),this.searchValue="",this.filterOptions(this.searchValue),this.emit("nile-after-show",{value:this.value,name:this.name})}else{this.emit("nile-hide",{value:this.value,name:this.name}),this.showSelected=!1,this.removeOpenListeners(),await ce(this);const{keyframes:M,options:e}=Ae(this,"select.hide",{dir:"ltr"});await le(this.popup.popup,M,e),this.listbox.hidden=!0,this.popup.active=!1,this.searchValue="",this.emit("nile-after-hide",{value:this.value,name:this.name})}}async show(){if(!this.open&&!this.disabled)return this.open=!0,Se(this,"nile-after-show");this.open=!1}async hide(){if(this.open&&!this.disabled)return this.open=!1,Se(this,"nile-after-hide");this.open=!1}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.valueInput.reportValidity()}setCustomValidity(M){this.valueInput.setCustomValidity(M),this.formControlController.updateValidity()}focus(M){this.displayInput.focus(M)}blur(){this.displayInput.blur()}onInputChange(M){M.stopPropagation()}calculateWidthOfSelectTagsDiv(){if(this.shadowRoot){const M=this.shadowRoot.querySelector("div.select__tags");if(M instanceof HTMLElement){return M.offsetWidth-70}}}calculateTotalWidthOfTags(){this.maxOptionsVisible!==1/0&&(this.oldMaxOptionsVisible=this.maxOptionsVisible),this.maxOptionsVisible=1/0,setTimeout((()=>{let M=[];if(this.shadowRoot){this.shadowRoot.querySelectorAll("nile-tag").forEach((e=>{e instanceof HTMLElement&&M.push(e.offsetWidth)}))}if(this.value.length!==M.length)return;const e=this.calculateWidthOfSelectTagsDiv();if(!e)return;let t=0,i=0;for(let N=0;N<M.length;N++)if(t+=M[N],t>e){i=N;break}this.maxOptionsVisible=i}),1)}render(){const M=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const e=this.hasSlotController.test("label-suffix"),t=this.hasSlotController.test("custom-select"),i=!!this.label||!!M,N=this.clearable&&!this.disabled&&this.value.length>0,o=this.placeholder&&0===this.value.length,s=!!this.helpText,n=!!this.errorMessage,D=this.selectedOptions[0]?this.getOptionPrefix(this.selectedOptions[0]):"";return R`
+    `}};li.styles=ui,M([gM({reflect:!0})],li.prototype,"variant",void 0),M([gM({reflect:!0})],li.prototype,"size",void 0),M([gM({type:Boolean,reflect:!0})],li.prototype,"pill",void 0),M([gM({type:Boolean})],li.prototype,"removable",void 0),li=M([aM("nile-tag")],li);let gi=class extends PM{constructor(){super(...arguments),this.formControlController=new bM(this,{assumeInteractionOn:["nile-blur","nile-input"]}),this.hasSlotController=new vM(this,"help-text","label"),this.typeToSelectString="",this.hasFocus=!1,this.displayLabel="",this.selectedOptions=[],this.oldValue="",this.name="",this.value="",this.defaultValue="",this.size="medium",this.placeholder="Select...",this.searchValue="",this.searchEnabled=!1,this.internalSearchPlaceHolder="Search...",this.blockValueChange=!1,this.disableLocalSearch=!1,this.optionsLoading=!1,this.noWidthSync=!1,this.multiple=!1,this.helpText="",this.errorMessage="",this.warning=!1,this.error=!1,this.success=!1,this.maxOptionsVisible=3,this.disabled=!1,this.clearable=!1,this.open=!1,this.hoist=!1,this.filled=!1,this.pill=!1,this.label="",this.placement="bottom",this.form="",this.required=!1,this.showSelected=!1,this.oldMaxOptionsVisible=1,this.showNoResults=!1,this.noResultsMessage="No results found",this.observer=null}get validity(){return this.valueInput?.validity}get validationMessage(){return this.valueInput?.validationMessage}connectedCallback(){super.connectedCallback(),this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.open=!1,this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}updated(M){M.has("multiple")&&this.waitForChildrenRender().then((()=>{this.setCheckBoxInOption(this.multiple)}))}firstUpdated(M){this.waitForChildrenRender().then((()=>{this.setCheckBoxInOption(this.multiple)}))}waitForChildrenRender(){return new Promise((M=>{this.areChildrenReady()?M():(this.observer?.disconnect(),this.observer=new MutationObserver((()=>{this.areChildrenReady()&&(this.observer?.disconnect(),M())})),this.observer.observe(this.renderRoot,{childList:!0}))}))}areChildrenReady(){return this.getAllOptions().length>0}setCheckBoxInOption(M){this.getAllOptions().forEach((e=>{e.showCheckbox=M}))}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}handleFocus(){this.hasFocus=!0,this.displayInput.setSelectionRange(0,0),this.emit("nile-focus",{value:this.value,name:this.name})}handleBlur(){this.hasFocus=!1,this.emit("nile-blur",{value:this.value,name:this.name})}handleDocumentFocusIn(M){const e=M.composedPath();this&&!e.includes(this)&&this.hide()}handleFooterClick(M){M.stopPropagation(),M.preventDefault()}toggleShowSelected(M){if(M.stopPropagation(),M.preventDefault(),0===this.selectedOptions?.length)return;this.showSelected=!this.showSelected;this.getAllOptions().forEach((M=>{M.selected||(M.hidden=this.showSelected)}))}unSlectAll(){this.showSelected=!1;this.getAllOptions().forEach((M=>{M.selected=!1,M.hidden=!1})),this.value="",this.selectionChanged(),this.emit("nile-change",{value:this.value,name:this.name}),this.emit("nile-clear",{value:this.multiple?this.value:"",name:this.name})}handleDocumentKeyDown(M){const e=M.target,t=null!==e.closest(".select__clear"),i=null!==e.closest("nile-icon-button");if(!t&&!i){if("Escape"===M.key&&this.open&&(M.preventDefault(),M.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})),"Enter"===M.key||" "===M.key&&""===this.typeToSelectString)return M.preventDefault(),M.stopImmediatePropagation(),this.open?void(this.currentOption&&!this.currentOption.disabled&&(this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this.updateComplete.then((()=>{this.nileInput({value:this.value,name:this.name}),this.nileChange({value:this.value,name:this.name})})),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))):void this.show();if(1===M.key.length||"Backspace"===M.key){const e=this.getAllOptions();if(M.metaKey||M.ctrlKey||M.altKey)return;if(!this.open){if("Backspace"===M.key)return;this.show()}M.stopPropagation(),M.preventDefault(),clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout((()=>this.typeToSelectString=""),1e3),"Backspace"===M.key?this.typeToSelectString=this.typeToSelectString.slice(0,-1):this.typeToSelectString+=M.key.toLowerCase();for(const M of e){if(M.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(M);break}}}}}handleDocumentMouseDown(M){const e=M.composedPath();this&&!e.includes(this)&&this.hide()}handleLabelClick(){this.displayInput.focus(),this.hide()}handleComboboxMouseDown(M){const e=M.composedPath().some((M=>M instanceof Element&&"nile-icon-button"===M.tagName.toLowerCase()));this.disabled||e||(M.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open)}handleComboboxKeyDown(M){M.stopPropagation(),this.handleDocumentKeyDown(M)}handleClearClick(M){M.stopPropagation(),""!==this.value&&(this.setSelectedOptions([]),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then((()=>{const M={value:this.multiple?this.value:"",name:this.name};this.emit("nile-clear",M),this.nileInput(M),this.nileChange(M)})))}handleClearMouseDown(M){M.stopPropagation(),M.preventDefault()}handleOptionClick(M){const e=M.target.closest("nile-option");if(this.blockValueChange&&e)return this.emit("nile-block-change",{value:e?.value,name:this.name}),void this.hide();const t=this.value;if(this.oldValue=t,e&&!e.disabled&&(this.multiple?this.toggleOptionSelection(e):this.setSelectedOptions(e),this.updateComplete.then((()=>this.displayInput.focus({preventScroll:!0}))),this.value!==t&&this.updateComplete.then((()=>{this.nileInput({value:this.value,name:this.name}),this.nileChange({value:this.value,name:this.name})})),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0}))),this.showSelected){this.getAllOptions().forEach((M=>{M.selected||(M.hidden=this.showSelected)})),this.requestUpdate()}}handleDefaultSlotChange(){const M=this.getAllOptions(),e=Array.isArray(this.value)?this.value:[this.value],t=[];customElements.get("nile-option")?(M.forEach((M=>t.push(M.value))),this.setSelectedOptions(M.filter((M=>e.map(String).includes(M.value))))):customElements.whenDefined("nile-option").then((()=>this.handleDefaultSlotChange()))}handleTagRemove(M,e){if(M.stopPropagation(),!this.disabled){this.toggleOptionSelection(e,!1);this.getAllOptions().forEach((M=>{M.selected||(M.hidden=this.showSelected)})),this.updateComplete.then((()=>{this.nileInput({value:this.value,name:this.name}),this.nileChange({value:this.value,name:this.name}),this.emit("nile-tag-remove",{value:this.value,name:this.name,removedtagvalue:e.value})}))}}getAllOptions(){const M=[...this.querySelectorAll("nile-option")];return this.multiple&&this.oldValue?.length>0&&M.sort(((M,e)=>{let t=this.oldValue.indexOf(M.value),i=this.oldValue.indexOf(e.value);return-1===t&&(t=1/0),-1===i&&(i=1/0),t<i?-1:t>i?1:0})),M}getOptionPrefix(M){const e=M.shadowRoot?.querySelector('slot[name="prefix"]');if(!e)return"";const t=e.assignedNodes(),i=[];return t.forEach((M=>{M instanceof HTMLElement?i.push(M.outerHTML):M.nodeType===Node.TEXT_NODE&&i.push(M.textContent||"")})),i.join("")}getFirstOption(){return this.querySelector("nile-option")}setCurrentOption(M){this.getAllOptions().forEach((M=>{M.current=!1,M.tabIndex=-1})),M&&(this.currentOption=M,M.current=!0,M.tabIndex=0,M.focus())}setSelectedOptions(M){const e=this.getAllOptions(),t=Array.isArray(M)?M:[M];e.forEach((M=>M.selected=!1)),t.length&&t.forEach((M=>M.selected=!0)),this.selectionChanged()}toggleOptionSelection(M,e){M.selected=!0===e||!1===e?e:!M.selected,this.selectionChanged()}selectionChanged(){if(this.selectedOptions=this.getAllOptions().filter((M=>M.selected)),this.multiple){if(this.value=this.selectedOptions.map((M=>M.value)),this.placeholder&&0===this.value.length?this.displayLabel="":this.displayLabel=this.selectedOptions.length+" selected",0===this.selectedOptions.length){this.showSelected=!1;this.getAllOptions().forEach((M=>{M.selected||(M.hidden=this.showSelected)})),this.requestUpdate()}}else this.value=this.selectedOptions[0]?.value??this.value,this.displayLabel=this.selectedOptions[0]?.getTextLabel()?this.selectedOptions[0].getTextLabel():this.value??"";this.updateComplete.then((()=>{this.formControlController.updateValidity()})),this.calculateTotalWidthOfTags()}handleSearchFocus(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleSearchBlur(){document.addEventListener("keydown",this.handleDocumentKeyDown)}handleSearchChange(M){if(this.searchValue=M.detail.value,!this.disableLocalSearch){0===this.filterOptions(this.searchValue).length?this.showNoResults=!0:this.showNoResults=!1}}filterOptions(M){const e=this.getAllOptions(),t=M.toLowerCase();let i=[];return e.forEach((M=>{const e=M.getTextLabel().toLowerCase(),N=(M.value||"").toLowerCase();e.includes(t)||N.includes(t)?(M.hidden=!1,i.push(M)):M.hidden=!0})),i}handleInvalid(M){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(M)}handleDisabledChange(){this.disabled&&(this.open=!1,this.handleOpenChange())}handleValueChange(){const M=this.getAllOptions(),e=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(M.filter((M=>e.includes(M.value))))}async handleOpenChange(){if(this.open&&!this.disabled){this.setCurrentOption(this.selectedOptions[0]||this.getFirstOption()),this.emit("nile-show",{value:this.value,name:this.name}),this.addOpenListeners(),this.showNoResults=!this.getAllOptions()?.length,await ce(this),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame((()=>{this.setCurrentOption(this.currentOption)}));const{keyframes:M,options:e}=Ae(this,"select.show",{dir:"ltr"});await le(this.popup.popup,M,e),this.currentOption&&xe(this.currentOption,this.listbox,"vertical","auto"),this.searchValue="",this.filterOptions(this.searchValue),this.emit("nile-after-show",{value:this.value,name:this.name})}else{this.emit("nile-hide",{value:this.value,name:this.name}),this.showSelected=!1,this.removeOpenListeners(),await ce(this);const{keyframes:M,options:e}=Ae(this,"select.hide",{dir:"ltr"});await le(this.popup.popup,M,e),this.listbox.hidden=!0,this.popup.active=!1,this.searchValue="",this.emit("nile-after-hide",{value:this.value,name:this.name})}}async show(){if(!this.open&&!this.disabled)return this.open=!0,Se(this,"nile-after-show");this.open=!1}async hide(){if(this.open&&!this.disabled)return this.open=!1,Se(this,"nile-after-hide");this.open=!1}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.valueInput.reportValidity()}setCustomValidity(M){this.valueInput.setCustomValidity(M),this.formControlController.updateValidity()}focus(M){this.displayInput.focus(M)}blur(){this.displayInput.blur()}onInputChange(M){M.stopPropagation()}calculateWidthOfSelectTagsDiv(){if(this.shadowRoot){const M=this.shadowRoot.querySelector("div.select__tags");if(M instanceof HTMLElement){return M.offsetWidth-70}}}calculateTotalWidthOfTags(){this.maxOptionsVisible!==1/0&&(this.oldMaxOptionsVisible=this.maxOptionsVisible),this.maxOptionsVisible=1/0,setTimeout((()=>{let M=[];if(this.shadowRoot){this.shadowRoot.querySelectorAll("nile-tag").forEach((e=>{e instanceof HTMLElement&&M.push(e.offsetWidth)}))}if(this.value.length!==M.length)return;const e=this.calculateWidthOfSelectTagsDiv();if(!e)return;let t=0,i=0;for(let N=0;N<M.length;N++)if(t+=M[N],t>e){i=N;break}this.maxOptionsVisible=i}),1)}render(){const M=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const e=this.hasSlotController.test("label-suffix"),t=this.hasSlotController.test("custom-select"),i=!!this.label||!!M,N=this.clearable&&!this.disabled&&this.value.length>0,o=this.placeholder&&0===this.value.length,s=!!this.helpText,n=!!this.errorMessage,D=this.selectedOptions[0]?this.getOptionPrefix(this.selectedOptions[0]):"";return R`
       <div
         part="form-control"
         class=${LM({"form-control":!0,"form-control--small":"small"===this.size,"form-control--medium":"medium"===this.size,"form-control--large":"large"===this.size,"form-control--has-label":i,"form-control--has-help-text":s})}
@@ -4427,7 +4427,7 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */(this._hostElement,M),this._scrollerController=new iN(this,this._clippingAncestors[0]),this._schedule(this._updateLayout),this._observeAndListen(),this._connected=!0}_observeAndListen(){this._mutationObserver.observe(this._hostElement,{childList:!0}),this._hostElementRO.observe(this._hostElement),this._scrollEventListeners.push(window),window.addEventListener("scroll",this,this._scrollEventListenerOptions),this._clippingAncestors.forEach((M=>{M.addEventListener("scroll",this,this._scrollEventListenerOptions),this._scrollEventListeners.push(M),this._hostElementRO.observe(M)})),this._hostElementRO.observe(this._scrollerController.element),this._children.forEach((M=>this._childrenRO.observe(M))),this._scrollEventListeners.forEach((M=>M.addEventListener("scroll",this,this._scrollEventListenerOptions)))}disconnected(){this._scrollEventListeners.forEach((M=>M.removeEventListener("scroll",this,this._scrollEventListenerOptions))),this._scrollEventListeners=[],this._clippingAncestors=[],this._scrollerController?.detach(this),this._scrollerController=null,this._mutationObserver?.disconnect(),this._mutationObserver=null,this._hostElementRO?.disconnect(),this._hostElementRO=null,this._childrenRO?.disconnect(),this._childrenRO=null,this._rejectLayoutCompletePromise("disconnected"),this._connected=!1}_applyVirtualizerStyles(){const M=this._hostElement.style;M.display=M.display||"block",M.position=M.position||"relative",M.contain=M.contain||"size layout",this._isScroller&&(M.overflow=M.overflow||"auto",M.minHeight=M.minHeight||"150px")}_getSizer(){const M=this._hostElement;if(!this._sizer){let e=M.querySelector(`[${sN}]`);e||(e=document.createElement("div"),e.setAttribute(sN,""),M.appendChild(e)),Object.assign(e.style,{position:"absolute",margin:"-2px 0 0 0",padding:0,visibility:"hidden",fontSize:"2px"}),e.textContent="&nbsp;",e.setAttribute(sN,""),this._sizer=e}return this._sizer}async updateLayoutConfig(M){await this._layoutInitialized;const e=M.type||nN;if("function"==typeof e&&this._layout instanceof e){const e={...M};return delete e.type,this._layout.config=e,!0}return!1}async _initLayout(M){let e,t;if("function"==typeof M.type){t=M.type;const i={...M};delete i.type,e=i}else e=M;void 0===t&&(nN=t=(await Promise.resolve().then((function(){return Jx}))).FlowLayout),this._layout=new t((M=>this._handleLayoutMessage(M)),e),this._layout.measureChildren&&"function"==typeof this._layout.updateItemSizes&&("function"==typeof this._layout.measureChildren&&(this._measureChildOverride=this._layout.measureChildren),this._measureCallback=this._layout.updateItemSizes.bind(this._layout)),this._layout.listenForChildLoadEvents&&this._hostElement.addEventListener("load",this._loadListener,!0),this._schedule(this._updateLayout)}startBenchmarking(){null===this._benchmarkStart&&(this._benchmarkStart=window.performance.now())}stopBenchmarking(){if(null!==this._benchmarkStart){const M=window.performance.now(),e=M-this._benchmarkStart,t=performance.getEntriesByName("uv-virtualizing","measure").filter((e=>e.startTime>=this._benchmarkStart&&e.startTime<M)).reduce(((M,e)=>M+e.duration),0);return this._benchmarkStart=null,{timeElapsed:e,virtualizationTime:t}}return null}_measureChildren(){const M={},e=this._children,t=this._measureChildOverride||this._measureChild;for(let i=0;i<e.length;i++){const N=e[i],o=this._first+i;(this._itemsChanged||this._toBeMeasured.has(N))&&(M[o]=t.call(this,N,this._items[o]))}this._childMeasurements=M,this._schedule(this._updateLayout),this._toBeMeasured.clear()}_measureChild(M){const{width:e,height:t}=M.getBoundingClientRect();return Object.assign({width:e,height:t},function(M){const e=window.getComputedStyle(M);return{marginTop:rN(e.marginTop),marginRight:rN(e.marginRight),marginBottom:rN(e.marginBottom),marginLeft:rN(e.marginLeft)}}(M))}async _schedule(M){this._scheduled.has(M)||(this._scheduled.add(M),await Promise.resolve(),this._scheduled.delete(M),M.call(this))}async _updateDOM(M){this._scrollSize=M.scrollSize,this._adjustRange(M.range),this._childrenPos=M.childPositions,this._scrollError=M.scrollError||null;const{_rangeChanged:e,_itemsChanged:t}=this;this._visibilityChanged&&(this._notifyVisibility(),this._visibilityChanged=!1),(e||t)&&(this._notifyRange(),this._rangeChanged=!1),this._finishDOMUpdate()}_finishDOMUpdate(){this._connected&&(this._children.forEach((M=>this._childrenRO.observe(M))),this._checkScrollIntoViewTarget(this._childrenPos),this._positionChildren(this._childrenPos),this._sizeHostElement(this._scrollSize),this._correctScrollError(),this._benchmarkStart&&"mark"in window.performance&&window.performance.mark("uv-end"))}_updateLayout(){this._layout&&this._connected&&(this._layout.items=this._items,this._updateView(),null!==this._childMeasurements&&(this._measureCallback&&this._measureCallback(this._childMeasurements),this._childMeasurements=null),this._layout.reflowIfNeeded(),this._benchmarkStart&&"mark"in window.performance&&window.performance.mark("uv-end"))}_handleScrollEvent(){if(this._benchmarkStart&&"mark"in window.performance){try{window.performance.measure("uv-virtualizing","uv-start","uv-end")}catch(M){console.warn("Error measuring performance data: ",M)}window.performance.mark("uv-start")}!1===this._scrollerController.correctingScrollError&&this._layout?.unpin(),this._schedule(this._updateLayout)}handleEvent(M){if("scroll"===M.type)(M.currentTarget===window||this._clippingAncestors.includes(M.currentTarget))&&this._handleScrollEvent();else console.warn("event not handled",M)}_handleLayoutMessage(M){"stateChanged"===M.type?this._updateDOM(M):"visibilityChanged"===M.type?(this._firstVisible=M.firstVisible,this._lastVisible=M.lastVisible,this._notifyVisibility()):"unpinned"===M.type&&this._hostElement.dispatchEvent(new eN)}get _children(){const M=[];let e=this._hostElement.firstElementChild;for(;e;)e.hasAttribute(sN)||M.push(e),e=e.nextElementSibling;return M}_updateView(){const M=this._hostElement,e=this._scrollerController?.element,t=this._layout;if(M&&e&&t){let i,N,o,s;const n=M.getBoundingClientRect();i=0,N=0,o=window.innerHeight,s=window.innerWidth;const D=this._clippingAncestors.map((M=>M.getBoundingClientRect()));D.unshift(n);for(const M of D)i=Math.max(i,M.top),N=Math.max(N,M.left),o=Math.min(o,M.bottom),s=Math.min(s,M.right);const r=e.getBoundingClientRect(),a={left:n.left-r.left,top:n.top-r.top},u={width:e.scrollWidth,height:e.scrollHeight},l=i-n.top+M.scrollTop,g=N-n.left+M.scrollLeft,j=Math.max(0,o-i),c=Math.max(0,s-N);t.viewportSize={width:c,height:j},t.viewportScroll={top:l,left:g},t.totalScrollSize=u,t.offsetWithinScroller=a}}_sizeHostElement(M){const e=82e5,t=M&&null!==M.width?Math.min(e,M.width):0,i=M&&null!==M.height?Math.min(e,M.height):0;if(this._isScroller)this._getSizer().style.transform=`translate(${t}px, ${i}px)`;else{const M=this._hostElement.style;M.minWidth=t?`${t}px`:"100%",M.minHeight=i?`${i}px`:"100%"}}_positionChildren(M){M&&M.forEach((({top:M,left:e,width:t,height:i,xOffset:N,yOffset:o},s)=>{const n=this._children[s-this._first];n&&(n.style.position="absolute",n.style.boxSizing="border-box",n.style.transform=`translate(${e}px, ${M}px)`,void 0!==t&&(n.style.width=t+"px"),void 0!==i&&(n.style.height=i+"px"),n.style.left=void 0===N?null:N+"px",n.style.top=void 0===o?null:o+"px")}))}async _adjustRange(M){const{_first:e,_last:t,_firstVisible:i,_lastVisible:N}=this;this._first=M.first,this._last=M.last,this._firstVisible=M.firstVisible,this._lastVisible=M.lastVisible,this._rangeChanged=this._rangeChanged||this._first!==e||this._last!==t,this._visibilityChanged=this._visibilityChanged||this._firstVisible!==i||this._lastVisible!==N}_correctScrollError(){if(this._scrollError){const{scrollTop:M,scrollLeft:e}=this._scrollerController,{top:t,left:i}=this._scrollError;this._scrollError=null,this._scrollerController.correctScrollError({top:M-t,left:e-i})}}element(M){return M===1/0&&(M=this._items.length-1),void 0===this._items?.[M]?void 0:{scrollIntoView:(e={})=>this._scrollElementIntoView({...e,index:M})}}_scrollElementIntoView(M){if(M.index>=this._first&&M.index<=this._last)this._children[M.index-this._first].scrollIntoView(M);else if(M.index=Math.min(M.index,this._items.length-1),"smooth"===M.behavior){const e=this._layout.getScrollIntoViewCoordinates(M),{behavior:t}=M;this._updateScrollIntoViewCoordinates=this._scrollerController.managedScrollTo(Object.assign(e,{behavior:t}),(()=>this._layout.getScrollIntoViewCoordinates(M)),(()=>this._scrollIntoViewTarget=null)),this._scrollIntoViewTarget=M}else this._layout.pin=M}_checkScrollIntoViewTarget(M){const{index:e}=this._scrollIntoViewTarget||{};e&&M?.has(e)&&this._updateScrollIntoViewCoordinates(this._layout.getScrollIntoViewCoordinates(this._scrollIntoViewTarget))}_notifyRange(){this._hostElement.dispatchEvent(new Ki({first:this._first,last:this._last}))}_notifyVisibility(){this._hostElement.dispatchEvent(new MN({first:this._firstVisible,last:this._lastVisible}))}get layoutComplete(){return this._layoutCompletePromise||(this._layoutCompletePromise=new Promise(((M,e)=>{this._layoutCompleteResolver=M,this._layoutCompleteRejecter=e}))),this._layoutCompletePromise}_rejectLayoutCompletePromise(M){null!==this._layoutCompleteRejecter&&this._layoutCompleteRejecter(M),this._resetLayoutCompleteState()}_scheduleLayoutComplete(){this._layoutCompletePromise&&null===this._pendingLayoutComplete&&(this._pendingLayoutComplete=requestAnimationFrame((()=>requestAnimationFrame((()=>this._resolveLayoutCompletePromise())))))}_resolveLayoutCompletePromise(){null!==this._layoutCompleteResolver&&this._layoutCompleteResolver(),this._resetLayoutCompleteState()}_resetLayoutCompleteState(){this._layoutCompletePromise=null,this._layoutCompleteResolver=null,this._layoutCompleteRejecter=null,this._pendingLayoutComplete=null}_hostElementSizeChanged(){this._schedule(this._updateLayout)}_childLoaded(){}_childrenSizeChanged(M){if(this._layout?.measureChildren){for(const e of M)this._toBeMeasured.set(e.target,e.contentRect);this._measureChildren()}this._scheduleLayoutComplete(),this._itemsChanged=!1,this._rangeChanged=!1}}function rN(M){const e=M?parseFloat(M):NaN;return Number.isNaN(e)?0:e}function aN(M){if(null!==M.assignedSlot)return M.assignedSlot;if(null!==M.parentElement)return M.parentElement;const e=M.parentNode;return e&&e.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&e.host||null}const uN=dM(class extends $i{constructor(M){if(super(M),this._virtualizer=null,this._first=0,this._last=-1,this._renderItem=(M,e)=>((M,e)=>R`${e}: ${JSON.stringify(M,null,2)}`)(M,e+this._first),this._keyFunction=(M,e)=>(M=>M)(M,this._first),this._items=[],M.type!==OM)throw new Error("The virtualize directive can only be used in child expressions")}render(M){M&&this._setFunctions(M);const e=[];if(this._first>=0&&this._last>=this._first)for(let M=this._first;M<=this._last;M++)e.push(this._items[M]);return qi(e,this._keyFunction,this._renderItem)}update(M,[e]){this._setFunctions(e);const t=this._items!==e.items;return this._items=e.items||[],this._virtualizer?this._updateVirtualizerConfig(M,e):this._initialize(M,e),t?G:this.render()}async _updateVirtualizerConfig(M,e){if(!await this._virtualizer.updateLayoutConfig(e.layout||{})){const t=M.parentNode;this._makeVirtualizer(t,e)}this._virtualizer.items=this._items}_setFunctions(M){const{renderItem:e,keyFunction:t}=M;e&&(this._renderItem=(M,t)=>e(M,t+this._first)),t&&(this._keyFunction=(M,e)=>t(M,e+this._first))}_makeVirtualizer(M,e){this._virtualizer&&this._virtualizer.disconnected();const{layout:t,scroller:i,items:N}=e;this._virtualizer=new DN({hostElement:M,layout:t,scroller:i}),this._virtualizer.items=N,this._virtualizer.connected()}_initialize(M,e){const t=M.parentNode;t&&1===t.nodeType&&(t.addEventListener("rangeChanged",(M=>{this._first=M.first,this._last=M.last,this.setValue(this.render())})),this._makeVirtualizer(t,e))}disconnected(){this._virtualizer?.disconnected()}reconnected(){this._virtualizer?.connected()}});let lN=class extends PM{constructor(){super(...arguments),this.disabled=!1,this.isDropdownOpen=!1,this.enableVirtualScroll=!1,this.openOnFocus=!1,this.value="",this.placeholder="Type here ..",this.noBorder=!1,this.loading=!1,this.filterFunction=(M,e)=>M.toLowerCase().includes(e.toLowerCase()),this.renderItemFunction=M=>M,this.allMenuItems=[],this.menuItems=[]}connectedCallback(){super.connectedCallback(),this.renderItemFunction=M=>M}updated(M){super.updated(M),M.has("allMenuItems")&&(this.menuItems=this.applyFilter(this.allMenuItems,this.filterFunction),this.setVirtualMenuWidth()),M.has("isDropdownOpen")&&(this.menuItems=this.applyFilter(this.allMenuItems,this.filterFunction)),M.has("value")&&(this.menuItems=this.applyFilter(this.allMenuItems,this.filterFunction))}render(){const M=this.enableVirtualScroll?this.getVirtualizedContent():this.getContent();return R`
+ */(this._hostElement,M),this._scrollerController=new iN(this,this._clippingAncestors[0]),this._schedule(this._updateLayout),this._observeAndListen(),this._connected=!0}_observeAndListen(){this._mutationObserver.observe(this._hostElement,{childList:!0}),this._hostElementRO.observe(this._hostElement),this._scrollEventListeners.push(window),window.addEventListener("scroll",this,this._scrollEventListenerOptions),this._clippingAncestors.forEach((M=>{M.addEventListener("scroll",this,this._scrollEventListenerOptions),this._scrollEventListeners.push(M),this._hostElementRO.observe(M)})),this._hostElementRO.observe(this._scrollerController.element),this._children.forEach((M=>this._childrenRO.observe(M))),this._scrollEventListeners.forEach((M=>M.addEventListener("scroll",this,this._scrollEventListenerOptions)))}disconnected(){this._scrollEventListeners.forEach((M=>M.removeEventListener("scroll",this,this._scrollEventListenerOptions))),this._scrollEventListeners=[],this._clippingAncestors=[],this._scrollerController?.detach(this),this._scrollerController=null,this._mutationObserver?.disconnect(),this._mutationObserver=null,this._hostElementRO?.disconnect(),this._hostElementRO=null,this._childrenRO?.disconnect(),this._childrenRO=null,this._rejectLayoutCompletePromise("disconnected"),this._connected=!1}_applyVirtualizerStyles(){const M=this._hostElement.style;M.display=M.display||"block",M.position=M.position||"relative",M.contain=M.contain||"size layout",this._isScroller&&(M.overflow=M.overflow||"auto",M.minHeight=M.minHeight||"150px")}_getSizer(){const M=this._hostElement;if(!this._sizer){let e=M.querySelector(`[${sN}]`);e||(e=document.createElement("div"),e.setAttribute(sN,""),M.appendChild(e)),Object.assign(e.style,{position:"absolute",margin:"-2px 0 0 0",padding:0,visibility:"hidden",fontSize:"2px"}),e.textContent="&nbsp;",e.setAttribute(sN,""),this._sizer=e}return this._sizer}async updateLayoutConfig(M){await this._layoutInitialized;const e=M.type||nN;if("function"==typeof e&&this._layout instanceof e){const e={...M};return delete e.type,this._layout.config=e,!0}return!1}async _initLayout(M){let e,t;if("function"==typeof M.type){t=M.type;const i={...M};delete i.type,e=i}else e=M;void 0===t&&(nN=t=(await Promise.resolve().then((function(){return Px}))).FlowLayout),this._layout=new t((M=>this._handleLayoutMessage(M)),e),this._layout.measureChildren&&"function"==typeof this._layout.updateItemSizes&&("function"==typeof this._layout.measureChildren&&(this._measureChildOverride=this._layout.measureChildren),this._measureCallback=this._layout.updateItemSizes.bind(this._layout)),this._layout.listenForChildLoadEvents&&this._hostElement.addEventListener("load",this._loadListener,!0),this._schedule(this._updateLayout)}startBenchmarking(){null===this._benchmarkStart&&(this._benchmarkStart=window.performance.now())}stopBenchmarking(){if(null!==this._benchmarkStart){const M=window.performance.now(),e=M-this._benchmarkStart,t=performance.getEntriesByName("uv-virtualizing","measure").filter((e=>e.startTime>=this._benchmarkStart&&e.startTime<M)).reduce(((M,e)=>M+e.duration),0);return this._benchmarkStart=null,{timeElapsed:e,virtualizationTime:t}}return null}_measureChildren(){const M={},e=this._children,t=this._measureChildOverride||this._measureChild;for(let i=0;i<e.length;i++){const N=e[i],o=this._first+i;(this._itemsChanged||this._toBeMeasured.has(N))&&(M[o]=t.call(this,N,this._items[o]))}this._childMeasurements=M,this._schedule(this._updateLayout),this._toBeMeasured.clear()}_measureChild(M){const{width:e,height:t}=M.getBoundingClientRect();return Object.assign({width:e,height:t},function(M){const e=window.getComputedStyle(M);return{marginTop:rN(e.marginTop),marginRight:rN(e.marginRight),marginBottom:rN(e.marginBottom),marginLeft:rN(e.marginLeft)}}(M))}async _schedule(M){this._scheduled.has(M)||(this._scheduled.add(M),await Promise.resolve(),this._scheduled.delete(M),M.call(this))}async _updateDOM(M){this._scrollSize=M.scrollSize,this._adjustRange(M.range),this._childrenPos=M.childPositions,this._scrollError=M.scrollError||null;const{_rangeChanged:e,_itemsChanged:t}=this;this._visibilityChanged&&(this._notifyVisibility(),this._visibilityChanged=!1),(e||t)&&(this._notifyRange(),this._rangeChanged=!1),this._finishDOMUpdate()}_finishDOMUpdate(){this._connected&&(this._children.forEach((M=>this._childrenRO.observe(M))),this._checkScrollIntoViewTarget(this._childrenPos),this._positionChildren(this._childrenPos),this._sizeHostElement(this._scrollSize),this._correctScrollError(),this._benchmarkStart&&"mark"in window.performance&&window.performance.mark("uv-end"))}_updateLayout(){this._layout&&this._connected&&(this._layout.items=this._items,this._updateView(),null!==this._childMeasurements&&(this._measureCallback&&this._measureCallback(this._childMeasurements),this._childMeasurements=null),this._layout.reflowIfNeeded(),this._benchmarkStart&&"mark"in window.performance&&window.performance.mark("uv-end"))}_handleScrollEvent(){if(this._benchmarkStart&&"mark"in window.performance){try{window.performance.measure("uv-virtualizing","uv-start","uv-end")}catch(M){console.warn("Error measuring performance data: ",M)}window.performance.mark("uv-start")}!1===this._scrollerController.correctingScrollError&&this._layout?.unpin(),this._schedule(this._updateLayout)}handleEvent(M){if("scroll"===M.type)(M.currentTarget===window||this._clippingAncestors.includes(M.currentTarget))&&this._handleScrollEvent();else console.warn("event not handled",M)}_handleLayoutMessage(M){"stateChanged"===M.type?this._updateDOM(M):"visibilityChanged"===M.type?(this._firstVisible=M.firstVisible,this._lastVisible=M.lastVisible,this._notifyVisibility()):"unpinned"===M.type&&this._hostElement.dispatchEvent(new eN)}get _children(){const M=[];let e=this._hostElement.firstElementChild;for(;e;)e.hasAttribute(sN)||M.push(e),e=e.nextElementSibling;return M}_updateView(){const M=this._hostElement,e=this._scrollerController?.element,t=this._layout;if(M&&e&&t){let i,N,o,s;const n=M.getBoundingClientRect();i=0,N=0,o=window.innerHeight,s=window.innerWidth;const D=this._clippingAncestors.map((M=>M.getBoundingClientRect()));D.unshift(n);for(const M of D)i=Math.max(i,M.top),N=Math.max(N,M.left),o=Math.min(o,M.bottom),s=Math.min(s,M.right);const r=e.getBoundingClientRect(),a={left:n.left-r.left,top:n.top-r.top},u={width:e.scrollWidth,height:e.scrollHeight},l=i-n.top+M.scrollTop,g=N-n.left+M.scrollLeft,j=Math.max(0,o-i),c=Math.max(0,s-N);t.viewportSize={width:c,height:j},t.viewportScroll={top:l,left:g},t.totalScrollSize=u,t.offsetWithinScroller=a}}_sizeHostElement(M){const e=82e5,t=M&&null!==M.width?Math.min(e,M.width):0,i=M&&null!==M.height?Math.min(e,M.height):0;if(this._isScroller)this._getSizer().style.transform=`translate(${t}px, ${i}px)`;else{const M=this._hostElement.style;M.minWidth=t?`${t}px`:"100%",M.minHeight=i?`${i}px`:"100%"}}_positionChildren(M){M&&M.forEach((({top:M,left:e,width:t,height:i,xOffset:N,yOffset:o},s)=>{const n=this._children[s-this._first];n&&(n.style.position="absolute",n.style.boxSizing="border-box",n.style.transform=`translate(${e}px, ${M}px)`,void 0!==t&&(n.style.width=t+"px"),void 0!==i&&(n.style.height=i+"px"),n.style.left=void 0===N?null:N+"px",n.style.top=void 0===o?null:o+"px")}))}async _adjustRange(M){const{_first:e,_last:t,_firstVisible:i,_lastVisible:N}=this;this._first=M.first,this._last=M.last,this._firstVisible=M.firstVisible,this._lastVisible=M.lastVisible,this._rangeChanged=this._rangeChanged||this._first!==e||this._last!==t,this._visibilityChanged=this._visibilityChanged||this._firstVisible!==i||this._lastVisible!==N}_correctScrollError(){if(this._scrollError){const{scrollTop:M,scrollLeft:e}=this._scrollerController,{top:t,left:i}=this._scrollError;this._scrollError=null,this._scrollerController.correctScrollError({top:M-t,left:e-i})}}element(M){return M===1/0&&(M=this._items.length-1),void 0===this._items?.[M]?void 0:{scrollIntoView:(e={})=>this._scrollElementIntoView({...e,index:M})}}_scrollElementIntoView(M){if(M.index>=this._first&&M.index<=this._last)this._children[M.index-this._first].scrollIntoView(M);else if(M.index=Math.min(M.index,this._items.length-1),"smooth"===M.behavior){const e=this._layout.getScrollIntoViewCoordinates(M),{behavior:t}=M;this._updateScrollIntoViewCoordinates=this._scrollerController.managedScrollTo(Object.assign(e,{behavior:t}),(()=>this._layout.getScrollIntoViewCoordinates(M)),(()=>this._scrollIntoViewTarget=null)),this._scrollIntoViewTarget=M}else this._layout.pin=M}_checkScrollIntoViewTarget(M){const{index:e}=this._scrollIntoViewTarget||{};e&&M?.has(e)&&this._updateScrollIntoViewCoordinates(this._layout.getScrollIntoViewCoordinates(this._scrollIntoViewTarget))}_notifyRange(){this._hostElement.dispatchEvent(new Ki({first:this._first,last:this._last}))}_notifyVisibility(){this._hostElement.dispatchEvent(new MN({first:this._firstVisible,last:this._lastVisible}))}get layoutComplete(){return this._layoutCompletePromise||(this._layoutCompletePromise=new Promise(((M,e)=>{this._layoutCompleteResolver=M,this._layoutCompleteRejecter=e}))),this._layoutCompletePromise}_rejectLayoutCompletePromise(M){null!==this._layoutCompleteRejecter&&this._layoutCompleteRejecter(M),this._resetLayoutCompleteState()}_scheduleLayoutComplete(){this._layoutCompletePromise&&null===this._pendingLayoutComplete&&(this._pendingLayoutComplete=requestAnimationFrame((()=>requestAnimationFrame((()=>this._resolveLayoutCompletePromise())))))}_resolveLayoutCompletePromise(){null!==this._layoutCompleteResolver&&this._layoutCompleteResolver(),this._resetLayoutCompleteState()}_resetLayoutCompleteState(){this._layoutCompletePromise=null,this._layoutCompleteResolver=null,this._layoutCompleteRejecter=null,this._pendingLayoutComplete=null}_hostElementSizeChanged(){this._schedule(this._updateLayout)}_childLoaded(){}_childrenSizeChanged(M){if(this._layout?.measureChildren){for(const e of M)this._toBeMeasured.set(e.target,e.contentRect);this._measureChildren()}this._scheduleLayoutComplete(),this._itemsChanged=!1,this._rangeChanged=!1}}function rN(M){const e=M?parseFloat(M):NaN;return Number.isNaN(e)?0:e}function aN(M){if(null!==M.assignedSlot)return M.assignedSlot;if(null!==M.parentElement)return M.parentElement;const e=M.parentNode;return e&&e.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&e.host||null}const uN=dM(class extends $i{constructor(M){if(super(M),this._virtualizer=null,this._first=0,this._last=-1,this._renderItem=(M,e)=>((M,e)=>R`${e}: ${JSON.stringify(M,null,2)}`)(M,e+this._first),this._keyFunction=(M,e)=>(M=>M)(M,this._first),this._items=[],M.type!==OM)throw new Error("The virtualize directive can only be used in child expressions")}render(M){M&&this._setFunctions(M);const e=[];if(this._first>=0&&this._last>=this._first)for(let M=this._first;M<=this._last;M++)e.push(this._items[M]);return qi(e,this._keyFunction,this._renderItem)}update(M,[e]){this._setFunctions(e);const t=this._items!==e.items;return this._items=e.items||[],this._virtualizer?this._updateVirtualizerConfig(M,e):this._initialize(M,e),t?G:this.render()}async _updateVirtualizerConfig(M,e){if(!await this._virtualizer.updateLayoutConfig(e.layout||{})){const t=M.parentNode;this._makeVirtualizer(t,e)}this._virtualizer.items=this._items}_setFunctions(M){const{renderItem:e,keyFunction:t}=M;e&&(this._renderItem=(M,t)=>e(M,t+this._first)),t&&(this._keyFunction=(M,e)=>t(M,e+this._first))}_makeVirtualizer(M,e){this._virtualizer&&this._virtualizer.disconnected();const{layout:t,scroller:i,items:N}=e;this._virtualizer=new DN({hostElement:M,layout:t,scroller:i}),this._virtualizer.items=N,this._virtualizer.connected()}_initialize(M,e){const t=M.parentNode;t&&1===t.nodeType&&(t.addEventListener("rangeChanged",(M=>{this._first=M.first,this._last=M.last,this.setValue(this.render())})),this._makeVirtualizer(t,e))}disconnected(){this._virtualizer?.disconnected()}reconnected(){this._virtualizer?.connected()}});let lN=class extends PM{constructor(){super(...arguments),this.disabled=!1,this.isDropdownOpen=!1,this.enableVirtualScroll=!1,this.openOnFocus=!1,this.value="",this.placeholder="Type here ..",this.noBorder=!1,this.loading=!1,this.filterFunction=(M,e)=>M.toLowerCase().includes(e.toLowerCase()),this.renderItemFunction=M=>M,this.allMenuItems=[],this.menuItems=[]}connectedCallback(){super.connectedCallback(),this.renderItemFunction=M=>M}updated(M){super.updated(M),M.has("allMenuItems")&&(this.menuItems=this.applyFilter(this.allMenuItems,this.filterFunction),this.setVirtualMenuWidth()),M.has("isDropdownOpen")&&(this.menuItems=this.applyFilter(this.allMenuItems,this.filterFunction)),M.has("value")&&(this.menuItems=this.applyFilter(this.allMenuItems,this.filterFunction))}render(){const M=this.enableVirtualScroll?this.getVirtualizedContent():this.getContent();return R`
       <nile-dropdown class="nile-dropdown--input" ?open=${this.isDropdownOpen} noOpenOnCLick>
         <nile-input class="nile-auto-complete--input"
           ?no-border=${this.noBorder}
@@ -7818,50 +7818,6 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
         </slot>
       </div>
     `}};M([gM({type:Boolean,reflect:!0})],pL.prototype,"overlaysidebar",void 0),M([gM({reflect:!0})],pL.prototype,"placement",void 0),M([gM({type:Boolean,reflect:!0})],pL.prototype,"isopen",void 0),pL=M([aM("nile-sidebar-wrapper")],pL);const SL=s`
-  :host([resizable]) {
-    position: relative;
-    border-right: 1px solid var(--nile-colors-neutral-400);
-  }
-
-  :host([resizable]) .header__item__wrapper {
-    position: relative;
-  }
-`,QL=s`
-  .resizer {
-    position: absolute;
-    right: -2px;
-    top: -1000px;
-    bottom: -1000px;
-    width: 8px;
-    cursor: ew-resize;
-    user-select: none;
-    transition: background-color 0.2s;
-    z-index: 10;
-    opacity: 0;
-    transition: opacity 0.2s ease;
-  }
-
-  :host([resizable]):hover .resizer {
-    opacity: 1;
-  }
-
-  .resizer::before {
-    content: '';
-    position: absolute;
-    height: 100%;
-    opacity: 0.8;
-  }
-
-  .resizer.resizing {
-    border-right: 4px double var(--nile-colors-neutral-400);
-    background-color: transparent;
-    opacity: 1;
-  }
-`,EL=s`
-  .nile__table__body[resizable] {
-    table-layout: fixed;
-  }
-`,kL=s`
   :host {
     --min-cell-width:auto;
     --cell-width:auto;
@@ -7870,20 +7826,11 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
     box-sizing: border-box;
     display: table-cell;
     vertical-align: middle;
+    max-width: var(--max--cell-width);
     padding: 16px 24px;
-    max-width: var(--max--cell-width);  
     min-height: var(--min--height);
   }
 
-  .cell__wrapper {
-    height: 100%;
-    position: relative;
-    display: flex;
-    align-items: center;
-    overflow: hidden;
-    width: 100%;
-  }
-
   .column {
     min-width:var(--min-cell-width);
     width:var(--cell-width);
@@ -7896,100 +7843,10 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
     /* line-height: var(--nile-type-scale-6); */
     line-height: normal;
     letter-spacing: 0.2px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    flex: 1;
-    display: block;
   }
-
-  /* Import resizable styles */
-  ${s`
-  :host([resizable]) {
-    position: relative;
-    overflow: hidden;
-    table-layout: fixed;
-  }
-`}
-  ${s`
-  .resizer {
-    position: absolute;
-    right: 0;
-    top: -1000px;
-    bottom: -1000px;
-    width: 8px;
-    cursor: col-resize;
-    user-select: none;
-    background-color: var(--nile-colors-neutral-100);
-    transition: background-color 0.2s;
-    z-index: 10;
-    opacity: 0;
-    transition: opacity 0.2s ease;
-    pointer-events: none;
-  }
-
-  :host([resizable]):hover .resizer {
-    opacity: 1;
-    pointer-events: auto;
-  }
-
-  .resizer::before {
-    content: '';
-    position: absolute;
-    right: 3px;
-    top: 0;
-    width: 2px;
-    height: 100%;
-    background-color: var(--nile-colors-neutral-500);
-    opacity: 0.8;
-  }
-
-  .resizer:hover {
-    background-color: var(--nile-colors-neutral-400);
-  }
-
-  .resizer:hover::before {
-    background-color: var(--nile-colors-neutral-700);
-    opacity: 1;
-  }
-
-  .resizer.resizing {
-    background-color: var(--nile-colors-neutral-400);
-    opacity: 1;
-    pointer-events: auto;
-  }
-
-  .resizer.resizing::before {
-    background-color: var(--nile-colors-neutral-700);
-    opacity: 1;
-    width: 3px;
-  }
-`}
-  ${s`
-  :host([resizable]) ::slotted(*) {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    display: block;
-  }
-
-  :host([resizable]) ::slotted(span),
-  :host([resizable]) ::slotted(div),
-  :host([resizable]) ::slotted(p) {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    display: block;
-  }
-`}
-`;function wL(M,e){M.preventDefault(),M.stopPropagation();const{minWidth:t=50,startX:i,startWidth:N,element:o}=e,s=M.target;s.classList.add("resizing");const n=M=>{M.preventDefault(),M.stopPropagation();const e=M.pageX-i,s=Math.max(t,N+e);o.style.width=s+"px",function(M,e){const t=M.closest("nile-table-body");if(!t)return;const i="nile-table-header-item"===M.tagName.toLowerCase(),N="nile-table-cell-item",o=function(M,e){const t=M.closest("nile-table-row");if(t){const i=t.querySelectorAll(e);return Array.from(i).indexOf(M)}return 0}(M,i?"nile-table-header-item":"nile-table-cell-item");t.querySelectorAll("nile-table-row").forEach((M=>{const t=M.querySelectorAll(N);t[o]&&(t[o].style.width=e+"px")}))}(o,s)},D=()=>{s.classList.remove("resizing"),document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",D)};return document.addEventListener("mousemove",n),document.addEventListener("mouseup",D),()=>{document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",D)}}function mL(M){return M.hasAttribute("resizable")}function UL(M,e=50){return t=>{wL(t,{minWidth:e,startX:t.pageX,startWidth:M.offsetWidth,element:M})}}let CL=class extends PM{constructor(){super(...arguments),this.hasSlotController=new vM(this,"[default]"),this.resizable=!1,this.handleResizeStart=UL(this,50)}static get styles(){return[kL]}render(){return this.resizable?R`
-        <div class="cell__wrapper" part="nile__table-cell">
-          ${this.hasSlotController.test("[default]")?R` <div class="column" part="nile__table-cell"><slot></slot></div>`:""}
-          <div class="resizer" @mousedown=${this.handleResizeStart}></div>
-        </div>
-      `:R`
-        ${this.hasSlotController.test("[default]")?R` <slot class="column" part="nile__table-cell"> </slot>`:""}
-      `}};M([gM({type:Boolean,reflect:!0})],CL.prototype,"resizable",void 0),CL=M([aM("nile-table-cell-item")],CL);const YL=s`
+`;let QL=class extends PM{constructor(){super(...arguments),this.hasSlotController=new vM(this,"[default]")}static get styles(){return[SL]}render(){return R`
+      ${this.hasSlotController.test("[default]")?R` <slot class="column" part="nile__table-cell"> </slot>`:""}
+    `}};QL=M([aM("nile-table-cell-item")],QL);const EL=s`
   :host {
     display: table-row;
     width: 100%;
@@ -8006,12 +7863,12 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
   nile-table-row > slot::slotted(nile-table-cell-item:first-child) {
     color: red;
   }
-`;let bL=class extends PM{static get styles(){return[YL]}handleSortingAlter(M){const e=[...this.querySelectorAll("nile-table-header-item")];for(let t=0;t<e.length;t++){const i=e[t];i.textContent==M.detail.value.curr_sort_string||(i.sorting_ct=0)}}render(){return R`
+`;let kL=class extends PM{static get styles(){return[EL]}handleSortingAlter(M){const e=[...this.querySelectorAll("nile-table-header-item")];for(let t=0;t<e.length;t++){const i=e[t];i.textContent==M.detail.value.curr_sort_string||(i.sorting_ct=0)}}render(){return R`
       <slot
         part="nile-row"
         @nile-click-sort="${this.handleSortingAlter}"
       ></slot>
-    `}};bL=M([aM("nile-table-row")],bL);const fL=s`
+    `}};kL=M([aM("nile-table-row")],kL);const wL=s`
   :host {
     box-sizing: border-box;
     --nile-table-background--odd: var(--nile-colors-base-white);
@@ -8049,21 +7906,17 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
   slot::slotted(nile-table-row:last-child) {
     border-bottom: 0px;
   }
-
-  /* Import resizable styles */
-  ${EL}
-`;let vL=class extends PM{constructor(){super(...arguments),this.type="primary",this.rows_data=[],this.header_rows_data=[],this.hasResizableColumns=!1}static get styles(){return[fL]}firstUpdated(M){this.emit("nile-body-load",{value:this.type,comp:this},!0,!1)}getChildren(M,e){return M.querySelectorAll(e)}getIndexValue(M){return this.header_rows_data.indexOf(M)}checkForResizableColumns(){this.hasResizableColumns=function(M){const e=M.querySelectorAll("nile-table-header-item"),t=M.querySelectorAll("nile-table-cell-item"),i=Array.from(e).some((M=>mL(M))),N=Array.from(t).some((M=>mL(M)));return i||N}(this)}handleSlotchange(M){let e=[];this._childNodes.forEach((M=>{if(M.tagName&&"nile-table-row"===M?.tagName?.toLowerCase()){let t=this.getChildren(M,"nile-table-cell-item");if(t.length>0)t.forEach((M=>{e.push(M.innerHTML)})),this.rows_data.push(e);else{let e=this.getChildren(M,"nile-table-header-item");e.length>0&&e.forEach(((M,e)=>{this.header_rows_data.push(M.innerHTML)}))}e=[]}})),this.checkForResizableColumns()}handleSort(M){const{curr_sort_string:e,order:t}=M.detail.value,i=this.getIndexValue(e);this.emit("nile-sort",{value:{header_index:i,curr_sort_string:e,order:t}})}handleSearch(M){const e=M.detail.value;this.search__index=this.getIndexValue(M.target.textContent),this.emit("nile-table-search",{index:this.search__index,value:e})}render(){return R`
+`;let mL=class extends PM{constructor(){super(...arguments),this.type="primary",this.rows_data=[],this.header_rows_data=[]}static get styles(){return[wL]}firstUpdated(M){this.emit("nile-body-load",{value:this.type,comp:this},!0,!1)}getChildren(M,e){return M.querySelectorAll(e)}getIndexValue(M){return this.header_rows_data.indexOf(M)}handleSlotchange(M){let e=[];this._childNodes.forEach((M=>{if(M.tagName&&"nile-table-row"===M?.tagName?.toLowerCase()){let t=this.getChildren(M,"nile-table-cell-item");if(t.length>0)t.forEach((M=>{e.push(M.innerHTML)})),this.rows_data.push(e);else{let e=this.getChildren(M,"nile-table-header-item");e.length>0&&e.forEach(((M,e)=>{this.header_rows_data.push(M.innerHTML)}))}e=[]}}))}handleSort(M){const{curr_sort_string:e,order:t}=M.detail.value,i=this.getIndexValue(e);this.emit("nile-sort",{value:{header_index:i,curr_sort_string:e,order:t}})}handleSearch(M){const e=M.detail.value;this.search__index=this.getIndexValue(M.target.textContent),this.emit("nile-table-search",{index:this.search__index,value:e})}render(){return R`
       <div class="base" part="base">
         <slot name="table__header" class="table__header"></slot>
         <slot
           @slotchange=${this.handleSlotchange}
           @nile-click-sort=${this.handleSort}
           class="nile__table__body"
-          ?resizable=${this.hasResizableColumns}
           @nile-search=${this.handleSearch}
         ></slot>
       </div>
-    `}};M([zM("slot")],vL.prototype,"defaultSlot",void 0),M([function(M){return(e,t)=>{const{slot:i}=M??{},N="slot"+(i?`[name=${i}]`:":not([name])");return cM(e,t,{get(){const e=this.renderRoot?.querySelector(N);return e?.assignedNodes(M)??[]}})}}({flatten:!0})],vL.prototype,"_childNodes",void 0),M([gM()],vL.prototype,"type",void 0),M([jM()],vL.prototype,"rows_data",void 0),M([jM()],vL.prototype,"header_rows_data",void 0),M([jM()],vL.prototype,"sort__index",void 0),M([jM()],vL.prototype,"search__index",void 0),M([jM()],vL.prototype,"hasResizableColumns",void 0),vL=M([aM("nile-table-body")],vL);const ZL=s`
+    `}};M([zM("slot")],mL.prototype,"defaultSlot",void 0),M([function(M){return(e,t)=>{const{slot:i}=M??{},N="slot"+(i?`[name=${i}]`:":not([name])");return cM(e,t,{get(){const e=this.renderRoot?.querySelector(N);return e?.assignedNodes(M)??[]}})}}({flatten:!0})],mL.prototype,"_childNodes",void 0),M([gM()],mL.prototype,"type",void 0),M([jM()],mL.prototype,"rows_data",void 0),M([jM()],mL.prototype,"header_rows_data",void 0),M([jM()],mL.prototype,"sort__index",void 0),M([jM()],mL.prototype,"search__index",void 0),mL=M([aM("nile-table-body")],mL);const UL=s`
   :host {
     --cell-min-width: auto;
     --cell-width: auto;
@@ -8120,74 +7973,38 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
   .headers:hover .hover__arrow {
     opacity: 0.3;
   }
-
-  /* Import resizable styles */
-  ${SL}
-  ${QL}
-`;let VL=class extends PM{constructor(){super(...arguments),this.hasSlotController=new vM(this,"[default]"),this.havesort=!1,this.havefilter=!1,this.iconName="",this.resizable=!1,this.sorting_ct=0,this.handleResizeStart=UL(this,50)}static get styles(){return[ZL]}handleSort(M){this.sorting_ct++;let e=this.hasSlotController.host.innerHTML;this.emit("nile-click-sort",{value:{curr_sort_string:e,order:["normal","asc","des"][this.sorting_ct%3]}})}handleSearch(M){this.emit("nile-search",{value:M.detail.value})}render(){return this.resizable?R`
-        <div class="header__item__wrapper" part="nile__table-header-cell">
-          <div class="headers">
-            <slot> </slot>
-            ${this.havesort&&this.sorting_ct%3==0?R`<nile-icon
-                  name="sortdown"
-                  size="16"
-                  @click=${this.handleSort}
-                  class="hover__arrow"
-                ></nile-icon>`:null}
-            ${this.havesort&&this.sorting_ct%3==1?R`<nile-icon
-                  name="sortdown"
-                  size="16"
-                  @click=${this.handleSort}
-                ></nile-icon>`:null}
-            ${this.havesort&&this.sorting_ct%3==2?R`<nile-icon
-                  name="sortup"
-                  size="16"
-                  @click=${this.handleSort}
-                ></nile-icon>`:null}
-            ${this.iconName?R` <nile-icon name="${this.iconName}" size="16"></nile-icon>`:R``}
-            ${this.havefilter?R` <nile-popover title="Filter" placement="bottom">
-                  <nile-icon name="filter" size="16" slot="anchor"></nile-icon>
-                  <nile-input
-                    placeholder="Search"
-                    @nile-input=${this.handleSearch}
-                    part="filter__search"
-                  ></nile-input>
-                  <slot name="filter__content" part="filter__content"></slot>
-                </nile-popover>`:R``}
-          </div>
-          <div class="resizer" @mousedown=${this.handleResizeStart}></div>
-        </div>`:R`
-        <div class="header__item__wrapper" part="nile__table-header-cell">
-          <div class="headers">
-            <slot> </slot>
-            ${this.havesort&&this.sorting_ct%3==0?R`<nile-icon
-                  name="sortdown"
-                  size="16"
-                  @click=${this.handleSort}
-                  class="hover__arrow"
-                ></nile-icon>`:null}
-            ${this.havesort&&this.sorting_ct%3==1?R`<nile-icon
-                  name="sortdown"
-                  size="16"
-                  @click=${this.handleSort}
-                ></nile-icon>`:null}
-            ${this.havesort&&this.sorting_ct%3==2?R`<nile-icon
-                  name="sortup"
-                  size="16"
-                  @click=${this.handleSort}
-                ></nile-icon>`:null}
-            ${this.iconName?R` <nile-icon name="${this.iconName}" size="16"></nile-icon>`:R``}
-            ${this.havefilter?R` <nile-popover title="Filter" placement="bottom">
-                  <nile-icon name="filter" size="16" slot="anchor"></nile-icon>
-                  <nile-input
-                    placeholder="Search"
-                    @nile-input=${this.handleSearch}
-                    part="filter__search"
-                  ></nile-input>
-                  <slot name="filter__content" part="filter__content"></slot>
-                </nile-popover>`:R``}
-          </div>
-        </div>`}};M([gM({type:Boolean,reflect:!0})],VL.prototype,"havesort",void 0),M([gM({type:Boolean,reflect:!0})],VL.prototype,"havefilter",void 0),M([gM({type:String,reflect:!0,attribute:"icon-name"})],VL.prototype,"iconName",void 0),M([gM({type:Boolean,reflect:!0})],VL.prototype,"resizable",void 0),M([jM()],VL.prototype,"sorting_ct",void 0),VL=M([aM("nile-table-header-item")],VL);const WL=s`
+`;let CL=class extends PM{constructor(){super(...arguments),this.hasSlotController=new vM(this,"[default]"),this.havesort=!1,this.havefilter=!1,this.iconName="",this.sorting_ct=0}static get styles(){return[UL]}handleSort(M){this.sorting_ct++;let e=this.hasSlotController.host.innerHTML;this.emit("nile-click-sort",{value:{curr_sort_string:e,order:["normal","asc","des"][this.sorting_ct%3]}})}handleSearch(M){this.emit("nile-search",{value:M.detail.value})}render(){return R` ${this.hasSlotController.test("[default]")?R`
+      <div class="header__item__wrapper" part="nile__table-header-cell">
+        <div class="headers">
+          <slot> </slot>
+          ${this.havesort&&this.sorting_ct%3==0?R`<nile-icon
+                name="sortdown"
+                size="16"
+                @click=${this.handleSort}
+                class="hover__arrow"
+              ></nile-icon>`:null}
+          ${this.havesort&&this.sorting_ct%3==1?R`<nile-icon
+                name="sortdown"
+                size="16"
+                @click=${this.handleSort}
+              ></nile-icon>`:null}
+          ${this.havesort&&this.sorting_ct%3==2?R`<nile-icon
+                name="sortup"
+                size="16"
+                @click=${this.handleSort}
+              ></nile-icon>`:null}
+          ${this.iconName?R` <nile-icon name="${this.iconName}" size="16"></nile-icon>`:R``}
+          ${this.havefilter?R` <nile-popover title="Filter" placement="bottom">
+                <nile-icon name="filter" size="16" slot="anchor"></nile-icon>
+                <nile-input
+                  placeholder="Search"
+                  @nile-input=${this.handleSearch}
+                  part="filter__search"
+                ></nile-input>
+                <slot name="filter__content" part="filter__content"></slot>
+              </nile-popover>`:R``}
+        </div>
+      </div>`:null}`}};M([gM({type:Boolean,reflect:!0})],CL.prototype,"havesort",void 0),M([gM({type:Boolean,reflect:!0})],CL.prototype,"havefilter",void 0),M([gM({type:String,reflect:!0,attribute:"icon-name"})],CL.prototype,"iconName",void 0),M([jM()],CL.prototype,"sorting_ct",void 0),CL=M([aM("nile-table-header-item")],CL);const YL=s`
   :host {
   }
 
@@ -8274,7 +8091,7 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
   .variant__green {
     background: var(--nile-avatar-background-color-green);
   }
-`;let PL=class extends PM{constructor(){super(...arguments),this.src="",this.variant="text",this.icon="user",this.name="",this.bgColor="",this.textColor="#fff",this.borderColor="",this.size="md",this.isRounded=!0,this.imageError=!1}static get styles(){return[WL]}generateInitials(){if(!this.name)return"";const M=this.name.split(" ").filter((M=>M.length>0)).map((M=>M.charAt(0).toUpperCase())).slice(0,2);return M.length>1?M[0]+M[1]:M[0]}generateVariantCode(M){const e=M.charCodeAt(0),t=1==M.length?e:M.charCodeAt(1);return(e*t+e%23+t%23)%5}getDefaultIconSize(){switch(this.size){case"sm":return"10";case"md":default:return"16";case"lg":return"20";case"xl":return"24";case"2xl":return"28"}}render(){if("image"!=this.variant||this.imageError){const M=this.generateInitials();return"text"==this.variant&&M?this.getContentWrapped(R`${M}`,M):this.getContentWrapped(this.getIconContent(),M)}return this.getImageContent()}getContentWrapped(M,e){const t=this.generateVariantCode(e);return R`
+`;let bL=class extends PM{constructor(){super(...arguments),this.src="",this.variant="text",this.icon="user",this.name="",this.bgColor="",this.textColor="#fff",this.borderColor="",this.size="md",this.isRounded=!0,this.imageError=!1}static get styles(){return[YL]}generateInitials(){if(!this.name)return"";const M=this.name.split(" ").filter((M=>M.length>0)).map((M=>M.charAt(0).toUpperCase())).slice(0,2);return M.length>1?M[0]+M[1]:M[0]}generateVariantCode(M){const e=M.charCodeAt(0),t=1==M.length?e:M.charCodeAt(1);return(e*t+e%23+t%23)%5}getDefaultIconSize(){switch(this.size){case"sm":return"10";case"md":default:return"16";case"lg":return"20";case"xl":return"24";case"2xl":return"28"}}render(){if("image"!=this.variant||this.imageError){const M=this.generateInitials();return"text"==this.variant&&M?this.getContentWrapped(R`${M}`,M):this.getContentWrapped(this.getIconContent(),M)}return this.getImageContent()}getContentWrapped(M,e){const t=this.generateVariantCode(e);return R`
     <div
       class=${LM({text__avatar:!0,avatar__small:"sm"===this.size,avatar__medium:"md"===this.size,avatar__large:"lg"===this.size,avatar__extralarge:"xl"===this.size,avatar__2xl:"2xl"===this.size,avatar__rounded:this.isRounded,variant__orange:0===t&&!this.bgColor,variant__pink:1===t&&!this.bgColor,variant__blue:2===t&&!this.bgColor,variant__light_blue:3===t&&!this.bgColor,variant__green:4===t&&!this.bgColor})}
       part="avatar__content"
@@ -8299,7 +8116,7 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
       style="	background-image: url(${this.src}), linear-gradient(lightgray, lightgray);"
       @error="${()=>this.imageError=!0}"
       @load="${()=>this.imageError=!1}"
-    />`}};M([gM({type:String,reflect:!0})],PL.prototype,"src",void 0),M([gM({type:String,reflect:!0})],PL.prototype,"variant",void 0),M([gM({type:String,reflect:!0})],PL.prototype,"icon",void 0),M([gM({type:String,reflect:!0})],PL.prototype,"name",void 0),M([gM({type:String,reflect:!0,attribute:"bg-color"})],PL.prototype,"bgColor",void 0),M([gM({type:String,reflect:!0,attribute:"text-color"})],PL.prototype,"textColor",void 0),M([gM({type:String,reflect:!0,attribute:"border-color"})],PL.prototype,"borderColor",void 0),M([gM({reflect:!0})],PL.prototype,"size",void 0),M([gM({type:Boolean,reflect:!0})],PL.prototype,"isRounded",void 0),M([jM()],PL.prototype,"imageError",void 0),PL=M([aM("nile-avatar")],PL);const RL=s`
+    />`}};M([gM({type:String,reflect:!0})],bL.prototype,"src",void 0),M([gM({type:String,reflect:!0})],bL.prototype,"variant",void 0),M([gM({type:String,reflect:!0})],bL.prototype,"icon",void 0),M([gM({type:String,reflect:!0})],bL.prototype,"name",void 0),M([gM({type:String,reflect:!0,attribute:"bg-color"})],bL.prototype,"bgColor",void 0),M([gM({type:String,reflect:!0,attribute:"text-color"})],bL.prototype,"textColor",void 0),M([gM({type:String,reflect:!0,attribute:"border-color"})],bL.prototype,"borderColor",void 0),M([gM({reflect:!0})],bL.prototype,"size",void 0),M([gM({type:Boolean,reflect:!0})],bL.prototype,"isRounded",void 0),M([jM()],bL.prototype,"imageError",void 0),bL=M([aM("nile-avatar")],bL);const fL=s`
   :host {
     display: block;
     width: 100%;
@@ -8335,7 +8152,7 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
   [hidden] {
     display: none;
   }
-`;let GL=class extends PM{constructor(){super(...arguments),this.heading="",this.subHeading=""}static get styles(){return[RL]}render(){return R`<slot class="header">
+`;let vL=class extends PM{constructor(){super(...arguments),this.heading="",this.subHeading=""}static get styles(){return[fL]}render(){return R`<slot class="header">
       <slot
         name="header__heading"
         class="header__heading"
@@ -8352,7 +8169,7 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
       >
         ${this.subHeading}
       </slot>
-    </slot>`}};M([gM({reflect:!0,attribute:"heading"})],GL.prototype,"heading",void 0),M([gM({reflect:!0,attribute:"sub-heading"})],GL.prototype,"subHeading",void 0),GL=M([aM("nile-page-header")],GL);const BL=s`
+    </slot>`}};M([gM({reflect:!0,attribute:"heading"})],vL.prototype,"heading",void 0),M([gM({reflect:!0,attribute:"sub-heading"})],vL.prototype,"subHeading",void 0),vL=M([aM("nile-page-header")],vL);const ZL=s`
   :host {
     display:inline-flex;
     min-width:var(--nile-empty-state-max-width);
@@ -8509,7 +8326,7 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
     display:flex;
     justify-content:center;
   }
-`;let _L=class extends PM{constructor(){super(...arguments),this.size="md",this.variant="tonal",this.icon="error",this.grayscale=!1,this.text="Empty State",this.subText="No Data"}static get styles(){return[BL]}render(){return R`
+`;let VL=class extends PM{constructor(){super(...arguments),this.size="md",this.variant="tonal",this.icon="error",this.grayscale=!1,this.text="Empty State",this.subText="No Data"}static get styles(){return[ZL]}render(){return R`
 		<div part="container" class="${LM({"empty-state":!0,"empty-state--sm":"sm"==this.size,"empty-state--md":"md"==this.size,"empty-state--lg":"lg"==this.size})}">
       <div  part="body" class="${LM({"empty-state__body":!0})}">
 
@@ -8545,7 +8362,7 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
 				<slot></slot>
 			</div>
 		</div>
-		`}};M([gM()],_L.prototype,"size",void 0),M([gM()],_L.prototype,"variant",void 0),M([gM()],_L.prototype,"icon",void 0),M([gM({type:Boolean})],_L.prototype,"grayscale",void 0),M([gM()],_L.prototype,"text",void 0),M([gM({attribute:"sub-text"})],_L.prototype,"subText",void 0),_L=M([aM("nile-empty-state")],_L);const FL=s`
+		`}};M([gM()],VL.prototype,"size",void 0),M([gM()],VL.prototype,"variant",void 0),M([gM()],VL.prototype,"icon",void 0),M([gM({type:Boolean})],VL.prototype,"grayscale",void 0),M([gM()],VL.prototype,"text",void 0),M([gM({attribute:"sub-text"})],VL.prototype,"subText",void 0),VL=M([aM("nile-empty-state")],VL);const WL=s`
 
 	:host {
 		display:block;
@@ -8619,7 +8436,7 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
 		height:var(--nile-hero-height);
 		width:auto;
 	}
-`;let JL=class extends PM{constructor(){super(...arguments),this.icon="action",this.collapse=!1,this.imgSrc="",this.heroText=""}static get styles(){return[FL]}render(){return R`
+`;let PL=class extends PM{constructor(){super(...arguments),this.icon="action",this.collapse=!1,this.imgSrc="",this.heroText=""}static get styles(){return[WL]}render(){return R`
 		<div part="nile__hero__container" class=${LM({hero__container:!0,"hero__container--collapsed":this.collapse,"hero__container--expanded":!this.collapse})}>
 			<nile-hero-header part="nile__hero__header" class='hero__header--collapsed' style="opacity:${this.collapse?1:0}" hero-text="${this.heroText}" icon="${this.icon}"></nile-hero-header>
 			<div class="hero__slot__container" style="opacity:${this.collapse?0:1}">
@@ -8634,7 +8451,7 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
 				<img src="${this.imgSrc}" class="hero__img">
 			</div>
 		</div>
-		`}};M([gM({reflect:!0})],JL.prototype,"icon",void 0),M([gM({reflect:!0,type:Boolean})],JL.prototype,"collapse",void 0),M([gM({reflect:!0,attribute:"img-src"})],JL.prototype,"imgSrc",void 0),M([gM({reflect:!0,attribute:"hero-text"})],JL.prototype,"heroText",void 0),JL=M([aM("nile-hero")],JL);const XL=s`
+		`}};M([gM({reflect:!0})],PL.prototype,"icon",void 0),M([gM({reflect:!0,type:Boolean})],PL.prototype,"collapse",void 0),M([gM({reflect:!0,attribute:"img-src"})],PL.prototype,"imgSrc",void 0),M([gM({reflect:!0,attribute:"hero-text"})],PL.prototype,"heroText",void 0),PL=M([aM("nile-hero")],PL);const RL=s`
 	:host {
 		--stepper-flex-val:1;
 		--bulletin--dot--seperation:30%;
@@ -8787,7 +8604,7 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
 		border: 1px solid var(--nile-colors-primary-500);
 		width: calc(var(--circle-height) + calc( var(--lines-thickness) * 2));
 	}
-`;let $L=class extends PM{constructor(){super(...arguments),this.title="",this.subtitle="",this.contentBelow=!1,this.size="lg",this.icon="tick",this.isFirst=!1,this.isLast=!1,this.isComplete=!1,this.isCurrent=!1,this.haveFlex=!0}static get styles(){return[XL]}updated(M){if(M.has("subtitle")&&this.isLast&&!this.contentBelow&&this.subtitle){const M=this.absoluteSubtitle?.scrollWidth??"0";this.absoluteTitle.style.minWidth=M+"px"}}render(){this.haveFlex||this.style.setProperty("--stepper-flex-val","0");const M=this.isCurrent,e=this.isComplete;let t=!1;(e&&!M||this.completedStepValue==this.value)&&(t=!0);let i=!1;return e&&(i=!0,this.calculatedCompletedStepValue==this.value&&(i=!1)),R`
+`;let GL=class extends PM{constructor(){super(...arguments),this.title="",this.subtitle="",this.contentBelow=!1,this.size="lg",this.icon="tick",this.isFirst=!1,this.isLast=!1,this.isComplete=!1,this.isCurrent=!1,this.haveFlex=!0}static get styles(){return[RL]}updated(M){if(M.has("subtitle")&&this.isLast&&!this.contentBelow&&this.subtitle){const M=this.absoluteSubtitle?.scrollWidth??"0";this.absoluteTitle.style.minWidth=M+"px"}}render(){this.haveFlex||this.style.setProperty("--stepper-flex-val","0");const M=this.isCurrent,e=this.isComplete;let t=!1;(e&&!M||this.completedStepValue==this.value)&&(t=!0);let i=!1;return e&&(i=!0,this.calculatedCompletedStepValue==this.value&&(i=!1)),R`
 			<div class="${LM({stepper__item:!0,"stepper__item--selected":M,"stepper__item--sm":"sm"==this.size,"stepper__item--lg":"lg"==this.size})}">
 				<div class="stepper__line__content">
 					<div class="stepper__line__container">
@@ -8828,7 +8645,7 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
 		<svg width="${M}" height="${M}" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 			<path fill-rule="evenodd" clip-rule="evenodd" d="M22.7953 9.85334L13.2487 19.0667L10.7153 16.36C10.2487 15.92 9.51534 15.8933 8.982 16.2667C8.462 16.6533 8.31534 17.3333 8.63534 17.88L11.6353 22.76C11.9287 23.2133 12.4353 23.4933 13.0087 23.4933C13.5553 23.4933 14.0753 23.2133 14.3687 22.76C14.8487 22.1333 24.0087 11.2133 24.0087 11.2133C25.2087 9.98668 23.7553 8.90668 22.7953 9.84001V9.85334Z" fill="white"/>
 		</svg>
-		`}};M([zM(".stepper__item__content--above .stepper__content__title")],$L.prototype,"absoluteTitle",void 0),M([zM(".stepper__item__content--above .stepper__content__subtitle")],$L.prototype,"absoluteSubtitle",void 0),M([gM()],$L.prototype,"title",void 0),M([gM()],$L.prototype,"subtitle",void 0),M([jM()],$L.prototype,"contentBelow",void 0),M([jM()],$L.prototype,"size",void 0),M([jM()],$L.prototype,"icon",void 0),M([jM()],$L.prototype,"isFirst",void 0),M([jM()],$L.prototype,"isLast",void 0),M([jM()],$L.prototype,"isComplete",void 0),M([jM()],$L.prototype,"isCurrent",void 0),M([jM()],$L.prototype,"currentStepValue",void 0),M([jM()],$L.prototype,"completedStepValue",void 0),M([jM()],$L.prototype,"calculatedCompletedStepValue",void 0),M([jM()],$L.prototype,"value",void 0),M([jM()],$L.prototype,"haveFlex",void 0),$L=M([aM("nile-stepper-item")],$L);const HL=s`
+		`}};M([zM(".stepper__item__content--above .stepper__content__title")],GL.prototype,"absoluteTitle",void 0),M([zM(".stepper__item__content--above .stepper__content__subtitle")],GL.prototype,"absoluteSubtitle",void 0),M([gM()],GL.prototype,"title",void 0),M([gM()],GL.prototype,"subtitle",void 0),M([jM()],GL.prototype,"contentBelow",void 0),M([jM()],GL.prototype,"size",void 0),M([jM()],GL.prototype,"icon",void 0),M([jM()],GL.prototype,"isFirst",void 0),M([jM()],GL.prototype,"isLast",void 0),M([jM()],GL.prototype,"isComplete",void 0),M([jM()],GL.prototype,"isCurrent",void 0),M([jM()],GL.prototype,"currentStepValue",void 0),M([jM()],GL.prototype,"completedStepValue",void 0),M([jM()],GL.prototype,"calculatedCompletedStepValue",void 0),M([jM()],GL.prototype,"value",void 0),M([jM()],GL.prototype,"haveFlex",void 0),GL=M([aM("nile-stepper-item")],GL);const BL=s`
 	*{
 		box-sizing:border-box;
 	}
@@ -8848,13 +8665,13 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
 		flex-direction:column;
 		padding: var(--nile-spacing-spacing-3xl);
 	}
-`;let qL=class extends PM{constructor(){super(...arguments),this.isVertical=!1,this.contentBelow=!1,this.currentStep=0,this.completedStep=0,this.size="lg",this.icon="tick"}update(M){super.update(M),(M.has("currentStep")||M.has("completedStep"))&&this.updateItems()}handleCurrentStepChanges(){this.updateItems(),this.emit("nile-current-change",{value:this.currentStep})}handleCompletedStepChanges(){this.updateItems(),this.emit("nile-completed-change",{value:this.completedStep})}updateItems(){const M=[...this.querySelectorAll(this.isVertical?"nile-vertical-stepper-item":"nile-stepper-item")];if(!M.length)return;const e=M.length<3,t=0==this.currentStep||this.currentStep>M.length?1:this.currentStep,i=this.completedStep>M.length||this.completedStep<t?t:this.completedStep,N=this.completedStep>M.length?0:this.completedStep;M.forEach(((o,s)=>{s+1<t?(o.isComplete=!0,o.isCurrent=!1):s+1==t?(o.isComplete=s+1<=i,o.isCurrent=!0):(o.isComplete=s+1<=i,o.isCurrent=!1),0==s&&(o.isFirst=!0),s==M.length-1&&(o.isLast=!0),o.currentStepValue=t,o.calculatedCompletedStepValue=i,o.completedStepValue=N,o.icon=this.icon,o.size=this.size,o.value=s+1,o.contentBelow=this.contentBelow,0!=s&&s!=M.length-1||(o.haveFlex=e)}))}static get styles(){return[HL]}render(){return R`
+`;let _L=class extends PM{constructor(){super(...arguments),this.isVertical=!1,this.contentBelow=!1,this.currentStep=0,this.completedStep=0,this.size="lg",this.icon="tick"}update(M){super.update(M),(M.has("currentStep")||M.has("completedStep"))&&this.updateItems()}handleCurrentStepChanges(){this.updateItems(),this.emit("nile-current-change",{value:this.currentStep})}handleCompletedStepChanges(){this.updateItems(),this.emit("nile-completed-change",{value:this.completedStep})}updateItems(){const M=[...this.querySelectorAll(this.isVertical?"nile-vertical-stepper-item":"nile-stepper-item")];if(!M.length)return;const e=M.length<3,t=0==this.currentStep||this.currentStep>M.length?1:this.currentStep,i=this.completedStep>M.length||this.completedStep<t?t:this.completedStep,N=this.completedStep>M.length?0:this.completedStep;M.forEach(((o,s)=>{s+1<t?(o.isComplete=!0,o.isCurrent=!1):s+1==t?(o.isComplete=s+1<=i,o.isCurrent=!0):(o.isComplete=s+1<=i,o.isCurrent=!1),0==s&&(o.isFirst=!0),s==M.length-1&&(o.isLast=!0),o.currentStepValue=t,o.calculatedCompletedStepValue=i,o.completedStepValue=N,o.icon=this.icon,o.size=this.size,o.value=s+1,o.contentBelow=this.contentBelow,0!=s&&s!=M.length-1||(o.haveFlex=e)}))}static get styles(){return[BL]}render(){return R`
 			<div class=${LM({"nile-stepper":!0,"nile-stepper--horizontal":!this.isVertical,"nile-stepper--vertical":this.isVertical})}>
 				<slot
 					@slotchange=${this.updateItems}
 				></slot>
 			</div>
-			`}};M([gM({type:Boolean,attribute:"vertical"})],qL.prototype,"isVertical",void 0),M([gM({type:Boolean,attribute:!0,reflect:!0})],qL.prototype,"contentBelow",void 0),M([gM({type:Number,attribute:!0,reflect:!0})],qL.prototype,"currentStep",void 0),M([gM({type:Number,attribute:!0,reflect:!0})],qL.prototype,"completedStep",void 0),M([gM({type:String,attribute:!0,reflect:!0})],qL.prototype,"size",void 0),M([gM()],qL.prototype,"icon",void 0),M([VM("currentStep")],qL.prototype,"handleCurrentStepChanges",null),M([VM("completedStep")],qL.prototype,"handleCompletedStepChanges",null),qL=M([aM("nile-stepper")],qL);const KL=s`
+			`}};M([gM({type:Boolean,attribute:"vertical"})],_L.prototype,"isVertical",void 0),M([gM({type:Boolean,attribute:!0,reflect:!0})],_L.prototype,"contentBelow",void 0),M([gM({type:Number,attribute:!0,reflect:!0})],_L.prototype,"currentStep",void 0),M([gM({type:Number,attribute:!0,reflect:!0})],_L.prototype,"completedStep",void 0),M([gM({type:String,attribute:!0,reflect:!0})],_L.prototype,"size",void 0),M([gM()],_L.prototype,"icon",void 0),M([VM("currentStep")],_L.prototype,"handleCurrentStepChanges",null),M([VM("completedStep")],_L.prototype,"handleCompletedStepChanges",null),_L=M([aM("nile-stepper")],_L);const FL=s`
 	
 	:host {
 		width:100%;
@@ -8882,12 +8699,12 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
 		font-style: normal;
 		font-weight: var(--nile-hero-text-font-weight);
 	}
-`;let Mx=class extends PM{constructor(){super(...arguments),this.icon="action",this.heroText="Nile Hero"}static get styles(){return[KL]}render(){return R`
+`;let JL=class extends PM{constructor(){super(...arguments),this.icon="action",this.heroText="Nile Hero"}static get styles(){return[FL]}render(){return R`
 				<span class="icon__container">
 					<nile-icon method="stroke" size="16" name="${this.icon}"></nile-icon>
 				</span>
 				<span class="hero__text">${this.heroText}</span>
-			`}};M([gM({reflect:!0})],Mx.prototype,"icon",void 0),M([gM({reflect:!0,attribute:"hero-text"})],Mx.prototype,"heroText",void 0),Mx=M([aM("nile-hero-header")],Mx);const ex=s`
+			`}};M([gM({reflect:!0})],JL.prototype,"icon",void 0),M([gM({reflect:!0,attribute:"hero-text"})],JL.prototype,"heroText",void 0),JL=M([aM("nile-hero-header")],JL);const XL=s`
 	:host {
 		--vertical-stepper-flex-val:1;
 		flex-grow:var(--vertical-stepper-flex-val);
@@ -9024,7 +8841,7 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
 	.stepper__content__subtitle--active{
 		color:var(--nile-colors-primary-600);
 	}
-`;let tx=class extends PM{constructor(){super(...arguments),this.title="",this.subtitle="",this.contentBelow=!1,this.size="lg",this.icon="tick",this.isFirst=!1,this.isLast=!1,this.isComplete=!1,this.isCurrent=!1,this.haveFlex=!0}static get styles(){return[ex]}render(){this.isLast&&this.style.setProperty("--vertical-stepper-flex-val","0");const M=this.isCurrent,e=this.isComplete;let t=!1;(e&&!M||this.completedStepValue==this.value)&&(t=!0);let i=!1;return e&&(i=!0,this.calculatedCompletedStepValue==this.value&&(i=!1)),"sm"==this.size||this.size,R`
+`;let $L=class extends PM{constructor(){super(...arguments),this.title="",this.subtitle="",this.contentBelow=!1,this.size="lg",this.icon="tick",this.isFirst=!1,this.isLast=!1,this.isComplete=!1,this.isCurrent=!1,this.haveFlex=!0}static get styles(){return[XL]}render(){this.isLast&&this.style.setProperty("--vertical-stepper-flex-val","0");const M=this.isCurrent,e=this.isComplete;let t=!1;(e&&!M||this.completedStepValue==this.value)&&(t=!0);let i=!1;return e&&(i=!0,this.calculatedCompletedStepValue==this.value&&(i=!1)),"sm"==this.size||this.size,R`
 			<div class="${LM({stepper__item:!0,"stepper__item--selected":M,"stepper__item--default":!M,"stepper__item--sm":"sm"==this.size,"stepper__item--lg":"lg"==this.size})}">
 				<div class="stepper-item__connector-content">
 					<div class="stepper__item__bulletin">
@@ -9043,15 +8860,15 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
 		<svg width="${M}" height="${M}" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 			<path fill-rule="evenodd" clip-rule="evenodd" d="M22.7953 9.85334L13.2487 19.0667L10.7153 16.36C10.2487 15.92 9.51534 15.8933 8.982 16.2667C8.462 16.6533 8.31534 17.3333 8.63534 17.88L11.6353 22.76C11.9287 23.2133 12.4353 23.4933 13.0087 23.4933C13.5553 23.4933 14.0753 23.2133 14.3687 22.76C14.8487 22.1333 24.0087 11.2133 24.0087 11.2133C25.2087 9.98668 23.7553 8.90668 22.7953 9.84001V9.85334Z" fill="white"/>
 		</svg>
-		`}};M([gM()],tx.prototype,"title",void 0),M([gM()],tx.prototype,"subtitle",void 0),M([jM()],tx.prototype,"contentBelow",void 0),M([jM()],tx.prototype,"size",void 0),M([jM()],tx.prototype,"icon",void 0),M([jM()],tx.prototype,"isFirst",void 0),M([jM()],tx.prototype,"isLast",void 0),M([jM()],tx.prototype,"isComplete",void 0),M([jM()],tx.prototype,"isCurrent",void 0),M([jM()],tx.prototype,"currentStepValue",void 0),M([jM()],tx.prototype,"completedStepValue",void 0),M([jM()],tx.prototype,"calculatedCompletedStepValue",void 0),M([jM()],tx.prototype,"value",void 0),M([jM()],tx.prototype,"haveFlex",void 0),tx=M([aM("nile-vertical-stepper-item")],tx);const ix=s`
+		`}};M([gM()],$L.prototype,"title",void 0),M([gM()],$L.prototype,"subtitle",void 0),M([jM()],$L.prototype,"contentBelow",void 0),M([jM()],$L.prototype,"size",void 0),M([jM()],$L.prototype,"icon",void 0),M([jM()],$L.prototype,"isFirst",void 0),M([jM()],$L.prototype,"isLast",void 0),M([jM()],$L.prototype,"isComplete",void 0),M([jM()],$L.prototype,"isCurrent",void 0),M([jM()],$L.prototype,"currentStepValue",void 0),M([jM()],$L.prototype,"completedStepValue",void 0),M([jM()],$L.prototype,"calculatedCompletedStepValue",void 0),M([jM()],$L.prototype,"value",void 0),M([jM()],$L.prototype,"haveFlex",void 0),$L=M([aM("nile-vertical-stepper-item")],$L);const HL=s`
 	:host {
 
 	}
-`;let Nx=class extends PM{constructor(){super(...arguments),this.date=new Date,this.hourFormat="auto",this.dateSeparator="-"}static get styles(){return[ix]}formatDate(M,e){M=new Date(M);return new Intl.DateTimeFormat("en-GB",e).formatToParts(M).map((({type:M,value:e})=>"day"===M||"month"===M||"year"===M?e:"literal"===M&&"/"===e?this.dateSeparator:e)).join("")}render(){const M=new Date(this.date),e="auto"===this.hourFormat?void 0:"12"===this.hourFormat;if(!isNaN(M.getMilliseconds()))return R`
+`;let qL=class extends PM{constructor(){super(...arguments),this.date=new Date,this.hourFormat="auto",this.dateSeparator="-"}static get styles(){return[HL]}formatDate(M,e){M=new Date(M);return new Intl.DateTimeFormat("en-GB",e).formatToParts(M).map((({type:M,value:e})=>"day"===M||"month"===M||"year"===M?e:"literal"===M&&"/"===e?this.dateSeparator:e)).join("")}render(){const M=new Date(this.date),e="auto"===this.hourFormat?void 0:"12"===this.hourFormat;if(!isNaN(M.getMilliseconds()))return R`
       <time datetime=${M.toISOString()}>
         ${this.formatDate(M,{weekday:this.weekday,era:this.era,year:this.year,month:this.month,day:this.day,hour:this.hour,minute:this.minute,second:this.second,timeZoneName:this.timeZoneName,timeZone:this.timeZone,hour12:e})}
       </time>
-    `}};M([gM()],Nx.prototype,"date",void 0),M([gM()],Nx.prototype,"weekday",void 0),M([gM()],Nx.prototype,"era",void 0),M([gM()],Nx.prototype,"year",void 0),M([gM()],Nx.prototype,"month",void 0),M([gM()],Nx.prototype,"day",void 0),M([gM()],Nx.prototype,"hour",void 0),M([gM()],Nx.prototype,"minute",void 0),M([gM()],Nx.prototype,"second",void 0),M([gM({attribute:"time-zone-name"})],Nx.prototype,"timeZoneName",void 0),M([gM({attribute:"time-zone"})],Nx.prototype,"timeZone",void 0),M([gM({attribute:"hour-format"})],Nx.prototype,"hourFormat",void 0),M([gM({attribute:"date-separator"})],Nx.prototype,"dateSeparator",void 0),Nx=M([aM("nile-format-date")],Nx);const ox=s`
+    `}};M([gM()],qL.prototype,"date",void 0),M([gM()],qL.prototype,"weekday",void 0),M([gM()],qL.prototype,"era",void 0),M([gM()],qL.prototype,"year",void 0),M([gM()],qL.prototype,"month",void 0),M([gM()],qL.prototype,"day",void 0),M([gM()],qL.prototype,"hour",void 0),M([gM()],qL.prototype,"minute",void 0),M([gM()],qL.prototype,"second",void 0),M([gM({attribute:"time-zone-name"})],qL.prototype,"timeZoneName",void 0),M([gM({attribute:"time-zone"})],qL.prototype,"timeZone",void 0),M([gM({attribute:"hour-format"})],qL.prototype,"hourFormat",void 0),M([gM({attribute:"date-separator"})],qL.prototype,"dateSeparator",void 0),qL=M([aM("nile-format-date")],qL);const KL=s`
   :host *,
   :host *::before,
   :host *::after {
@@ -9137,7 +8954,7 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
       outline: solid 1px transparent;
     }
   }
-`;function sx(M,e,t){const i=M=>Object.is(M,-0)?0:M;return i(M<e?e:M>t?t:M)}let nx=class extends PM{constructor(){super(...arguments),this.position=50,this.vertical=!1,this.disabled=!1,this.snapThreshold=12}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver((M=>this.handleResize(M))),this.updateComplete.then((()=>this.resizeObserver.observe(this))),this.detectSize(),this.cachedPositionInPixels=this.percentageToPixels(this.position)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this)}detectSize(){const{width:M,height:e}=this.getBoundingClientRect();this.size=this.vertical?e:M}percentageToPixels(M){return this.size*(M/100)}pixelsToPercentage(M){return M/this.size*100}handleDrag(M){this.disabled||(M.cancelable&&M.preventDefault(),function(M,e){function t(t){const i=M.getBoundingClientRect(),N=M.ownerDocument.defaultView,o=i.left+N.pageXOffset,s=i.top+N.pageYOffset,n=t.pageX-o,D=t.pageY-s;e?.onMove&&e.onMove(n,D)}document.addEventListener("pointermove",t,{passive:!0}),document.addEventListener("pointerup",(function M(){document.removeEventListener("pointermove",t),document.removeEventListener("pointerup",M),e?.onStop&&e.onStop()})),e?.initialEvent instanceof PointerEvent&&t(e.initialEvent)}(this,{onMove:(M,e)=>{let t=this.vertical?e:M;if("end"===this.primary&&(t=this.size-t),this.snap){this.snap.split(" ").forEach((M=>{let e;e=M.endsWith("%")?this.size*(parseFloat(M)/100):parseFloat(M),t>=e-this.snapThreshold&&t<=e+this.snapThreshold&&(t=e)}))}this.position=sx(this.pixelsToPercentage(t),0,100)},initialEvent:M}))}handleKeyDown(M){if(!this.disabled&&["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(M.key)){let e=this.position;const t=(M.shiftKey?10:1)*("end"===this.primary?-1:1);M.preventDefault(),("ArrowLeft"===M.key&&!this.vertical||"ArrowUp"===M.key&&this.vertical)&&(e-=t),("ArrowRight"===M.key&&!this.vertical||"ArrowDown"===M.key&&this.vertical)&&(e+=t),"Home"===M.key&&(e="end"===this.primary?100:0),"End"===M.key&&(e="end"===this.primary?0:100),this.position=sx(e,0,100)}}handleResize(M){const{width:e,height:t}=M[0].contentRect;this.size=this.vertical?t:e,this.primary&&(this.position=this.pixelsToPercentage(this.cachedPositionInPixels))}handlePositionChange(){this.cachedPositionInPixels=this.percentageToPixels(this.position),this.positionInPixels=this.percentageToPixels(this.position),this.emit("nile-reposition")}handlePositionInPixelsChange(){this.position=this.pixelsToPercentage(this.positionInPixels)}handleVerticalChange(){this.detectSize()}render(){const M=this.vertical?"gridTemplateRows":"gridTemplateColumns",e=this.vertical?"gridTemplateColumns":"gridTemplateRows",t=`\n      clamp(\n        0%,\n        clamp(\n          var(--min),\n          ${this.position}% - var(--divider-width) / 2,\n          var(--max)\n        ),\n        calc(100% - var(--divider-width))\n      )\n    `,i="auto";return"end"===this.primary?this.style[M]=`${i} var(--divider-width) ${t}`:this.style[M]=`${t} var(--divider-width) ${i}`,this.style[e]="",R`
+`;function Mx(M,e,t){const i=M=>Object.is(M,-0)?0:M;return i(M<e?e:M>t?t:M)}let ex=class extends PM{constructor(){super(...arguments),this.position=50,this.vertical=!1,this.disabled=!1,this.snapThreshold=12}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver((M=>this.handleResize(M))),this.updateComplete.then((()=>this.resizeObserver.observe(this))),this.detectSize(),this.cachedPositionInPixels=this.percentageToPixels(this.position)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this)}detectSize(){const{width:M,height:e}=this.getBoundingClientRect();this.size=this.vertical?e:M}percentageToPixels(M){return this.size*(M/100)}pixelsToPercentage(M){return M/this.size*100}handleDrag(M){this.disabled||(M.cancelable&&M.preventDefault(),function(M,e){function t(t){const i=M.getBoundingClientRect(),N=M.ownerDocument.defaultView,o=i.left+N.pageXOffset,s=i.top+N.pageYOffset,n=t.pageX-o,D=t.pageY-s;e?.onMove&&e.onMove(n,D)}document.addEventListener("pointermove",t,{passive:!0}),document.addEventListener("pointerup",(function M(){document.removeEventListener("pointermove",t),document.removeEventListener("pointerup",M),e?.onStop&&e.onStop()})),e?.initialEvent instanceof PointerEvent&&t(e.initialEvent)}(this,{onMove:(M,e)=>{let t=this.vertical?e:M;if("end"===this.primary&&(t=this.size-t),this.snap){this.snap.split(" ").forEach((M=>{let e;e=M.endsWith("%")?this.size*(parseFloat(M)/100):parseFloat(M),t>=e-this.snapThreshold&&t<=e+this.snapThreshold&&(t=e)}))}this.position=Mx(this.pixelsToPercentage(t),0,100)},initialEvent:M}))}handleKeyDown(M){if(!this.disabled&&["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(M.key)){let e=this.position;const t=(M.shiftKey?10:1)*("end"===this.primary?-1:1);M.preventDefault(),("ArrowLeft"===M.key&&!this.vertical||"ArrowUp"===M.key&&this.vertical)&&(e-=t),("ArrowRight"===M.key&&!this.vertical||"ArrowDown"===M.key&&this.vertical)&&(e+=t),"Home"===M.key&&(e="end"===this.primary?100:0),"End"===M.key&&(e="end"===this.primary?0:100),this.position=Mx(e,0,100)}}handleResize(M){const{width:e,height:t}=M[0].contentRect;this.size=this.vertical?t:e,this.primary&&(this.position=this.pixelsToPercentage(this.cachedPositionInPixels))}handlePositionChange(){this.cachedPositionInPixels=this.percentageToPixels(this.position),this.positionInPixels=this.percentageToPixels(this.position),this.emit("nile-reposition")}handlePositionInPixelsChange(){this.position=this.pixelsToPercentage(this.positionInPixels)}handleVerticalChange(){this.detectSize()}render(){const M=this.vertical?"gridTemplateRows":"gridTemplateColumns",e=this.vertical?"gridTemplateColumns":"gridTemplateRows",t=`\n      clamp(\n        0%,\n        clamp(\n          var(--min),\n          ${this.position}% - var(--divider-width) / 2,\n          var(--max)\n        ),\n        calc(100% - var(--divider-width))\n      )\n    `,i="auto";return"end"===this.primary?this.style[M]=`${i} var(--divider-width) ${t}`:this.style[M]=`${t} var(--divider-width) ${i}`,this.style[e]="",R`
       <slot name="start" part="panel start" class="start"></slot>
 
       <div
@@ -9157,7 +8974,7 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
       </div>
 
       <slot name="end" part="panel end" class="end"></slot>
-    `}};nx.styles=ox,M([zM(".divider")],nx.prototype,"divider",void 0),M([gM({type:Number,reflect:!0})],nx.prototype,"position",void 0),M([gM({attribute:"position-in-pixels",type:Number})],nx.prototype,"positionInPixels",void 0),M([gM({type:Boolean,reflect:!0})],nx.prototype,"vertical",void 0),M([gM({type:Boolean,reflect:!0})],nx.prototype,"disabled",void 0),M([gM()],nx.prototype,"primary",void 0),M([gM()],nx.prototype,"snap",void 0),M([gM({type:Number,attribute:"snap-threshold"})],nx.prototype,"snapThreshold",void 0),M([VM("position")],nx.prototype,"handlePositionChange",null),M([VM("positionInPixels")],nx.prototype,"handlePositionInPixelsChange",null),M([VM("vertical")],nx.prototype,"handleVerticalChange",null),nx=M([aM("nile-split-panel")],nx);const Dx=s`
+    `}};ex.styles=KL,M([zM(".divider")],ex.prototype,"divider",void 0),M([gM({type:Number,reflect:!0})],ex.prototype,"position",void 0),M([gM({attribute:"position-in-pixels",type:Number})],ex.prototype,"positionInPixels",void 0),M([gM({type:Boolean,reflect:!0})],ex.prototype,"vertical",void 0),M([gM({type:Boolean,reflect:!0})],ex.prototype,"disabled",void 0),M([gM()],ex.prototype,"primary",void 0),M([gM()],ex.prototype,"snap",void 0),M([gM({type:Number,attribute:"snap-threshold"})],ex.prototype,"snapThreshold",void 0),M([VM("position")],ex.prototype,"handlePositionChange",null),M([VM("positionInPixels")],ex.prototype,"handlePositionInPixelsChange",null),M([VM("vertical")],ex.prototype,"handleVerticalChange",null),ex=M([aM("nile-split-panel")],ex);const tx=s`
   :host {
     box-sizing: border-box;
   }
@@ -9197,7 +9014,7 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */;function rx(M,e,t){return M?e(M):t?.(M)}const ax=s`
+ */;function ix(M,e,t){return M?e(M):t?.(M)}const Nx=s`
   :host {
     box-sizing: border-box;
   }
@@ -9360,7 +9177,7 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
       outline: dashed 1px SelectedItem;
     }
   }
-`;var ux;let lx=ux=class extends PM{constructor(){super(...arguments),this.indeterminate=!1,this.isLeaf=!1,this.loading=!1,this.selectable=!1,this.expanded=!1,this.selected=!1,this.disabled=!1,this.lazy=!1}static isTreeItem(M){return M instanceof Element&&"treeitem"===M.getAttribute("role")}connectedCallback(){super.connectedCallback(),this.setAttribute("role","treeitem"),this.setAttribute("tabindex","-1"),this.isNestedItem()&&(this.slot="children")}firstUpdated(){this.childrenContainer.hidden=!this.expanded,this.childrenContainer.style.height=this.expanded?"auto":"0",this.isLeaf=!this.lazy&&0===this.getChildrenItems().length,this.handleExpandedChange()}async animateCollapse(){this.emit("nile-collapse"),await ce(this.childrenContainer);const{keyframes:M,options:e}=Ae(this,"tree-item.collapse",{dir:"ltr"});await le(this.childrenContainer,ze(M,this.childrenContainer.scrollHeight),e),this.childrenContainer.hidden=!0,this.emit("nile-after-collapse")}isNestedItem(){const M=this.parentElement;return!!M&&ux.isTreeItem(M)}handleChildrenSlotChange(){this.loading=!1,this.isLeaf=!this.lazy&&0===this.getChildrenItems().length}willUpdate(M){M.has("selected")&&!M.has("indeterminate")&&(this.indeterminate=!1)}async animateExpand(){this.emit("nile-expand"),await ce(this.childrenContainer),this.childrenContainer.hidden=!1;const{keyframes:M,options:e}=Ae(this,"tree-item.expand",{dir:"ltr"});await le(this.childrenContainer,ze(M,this.childrenContainer.scrollHeight),e),this.childrenContainer.style.height="auto",this.emit("nile-after-expand")}handleLoadingChange(){this.setAttribute("aria-busy",this.loading?"true":"false"),this.loading||this.animateExpand()}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleExpandedChange(){this.isLeaf?this.removeAttribute("aria-expanded"):this.setAttribute("aria-expanded",this.expanded?"true":"false")}handleExpandAnimation(){this.expanded?this.lazy?(this.loading=!0,this.emit("nile-lazy-load")):this.animateExpand():this.animateCollapse()}handleLazyChange(){this.emit("nile-lazy-change")}getChildrenItems({includeDisabled:M=!0}={}){return this.childrenSlot?[...this.childrenSlot.assignedElements({flatten:!0})].filter((e=>ux.isTreeItem(e)&&(M||!e.disabled))):[]}render(){const M=!this.loading&&(!this.isLeaf||this.lazy);return R`
+`;var ox;let sx=ox=class extends PM{constructor(){super(...arguments),this.indeterminate=!1,this.isLeaf=!1,this.loading=!1,this.selectable=!1,this.expanded=!1,this.selected=!1,this.disabled=!1,this.lazy=!1}static isTreeItem(M){return M instanceof Element&&"treeitem"===M.getAttribute("role")}connectedCallback(){super.connectedCallback(),this.setAttribute("role","treeitem"),this.setAttribute("tabindex","-1"),this.isNestedItem()&&(this.slot="children")}firstUpdated(){this.childrenContainer.hidden=!this.expanded,this.childrenContainer.style.height=this.expanded?"auto":"0",this.isLeaf=!this.lazy&&0===this.getChildrenItems().length,this.handleExpandedChange()}async animateCollapse(){this.emit("nile-collapse"),await ce(this.childrenContainer);const{keyframes:M,options:e}=Ae(this,"tree-item.collapse",{dir:"ltr"});await le(this.childrenContainer,ze(M,this.childrenContainer.scrollHeight),e),this.childrenContainer.hidden=!0,this.emit("nile-after-collapse")}isNestedItem(){const M=this.parentElement;return!!M&&ox.isTreeItem(M)}handleChildrenSlotChange(){this.loading=!1,this.isLeaf=!this.lazy&&0===this.getChildrenItems().length}willUpdate(M){M.has("selected")&&!M.has("indeterminate")&&(this.indeterminate=!1)}async animateExpand(){this.emit("nile-expand"),await ce(this.childrenContainer),this.childrenContainer.hidden=!1;const{keyframes:M,options:e}=Ae(this,"tree-item.expand",{dir:"ltr"});await le(this.childrenContainer,ze(M,this.childrenContainer.scrollHeight),e),this.childrenContainer.style.height="auto",this.emit("nile-after-expand")}handleLoadingChange(){this.setAttribute("aria-busy",this.loading?"true":"false"),this.loading||this.animateExpand()}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleExpandedChange(){this.isLeaf?this.removeAttribute("aria-expanded"):this.setAttribute("aria-expanded",this.expanded?"true":"false")}handleExpandAnimation(){this.expanded?this.lazy?(this.loading=!0,this.emit("nile-lazy-load")):this.animateExpand():this.animateCollapse()}handleLazyChange(){this.emit("nile-lazy-change")}getChildrenItems({includeDisabled:M=!0}={}){return this.childrenSlot?[...this.childrenSlot.assignedElements({flatten:!0})].filter((e=>ox.isTreeItem(e)&&(M||!e.disabled))):[]}render(){const M=!this.loading&&(!this.isLeaf||this.lazy);return R`
       <div
         part="base"
         class="${LM({"tree-item":!0,"tree-item--expanded":this.expanded,"tree-item--selected":this.selected,"tree-item--disabled":this.disabled,"tree-item--leaf":this.isLeaf,"tree-item--has-expand-button":M,"tree-item--rtl":!1})}"
@@ -9382,7 +9199,7 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
             class=${LM({"tree-item__expand-button":!0,"tree-item__expand-button--visible":M})}
             aria-hidden="true"
           >
-            ${rx(this.loading,(()=>R` <nile-spinner></nile-spinner> `))}
+            ${ix(this.loading,(()=>R` <nile-spinner></nile-spinner> `))}
             <slot class="tree-item__expand-icon-slot" name="expand-icon">
               <nile-icon library="system" name=${"arrowright"}></nile-icon>
             </slot>
@@ -9391,7 +9208,7 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
             </slot>
           </div>
 
-          ${rx(this.selectable,(()=>R`
+          ${ix(this.selectable,(()=>R`
                 <nile-checkbox
                   part="checkbox"
                   exportparts="
@@ -9422,7 +9239,7 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
           @slotchange="${this.handleChildrenSlotChange}"
         ></slot>
       </div>
-    `}};lx.styles=ax,M([jM()],lx.prototype,"indeterminate",void 0),M([jM()],lx.prototype,"isLeaf",void 0),M([jM()],lx.prototype,"loading",void 0),M([jM()],lx.prototype,"selectable",void 0),M([gM({type:Boolean,reflect:!0})],lx.prototype,"expanded",void 0),M([gM({type:Boolean,reflect:!0})],lx.prototype,"selected",void 0),M([gM({type:Boolean,reflect:!0})],lx.prototype,"disabled",void 0),M([gM({type:Boolean,reflect:!0})],lx.prototype,"lazy",void 0),M([zM("slot:not([name])")],lx.prototype,"defaultSlot",void 0),M([zM("slot[name=children]")],lx.prototype,"childrenSlot",void 0),M([zM(".tree-item__item")],lx.prototype,"itemElement",void 0),M([zM(".tree-item__children")],lx.prototype,"childrenContainer",void 0),M([zM(".tree-item__expand-button slot")],lx.prototype,"expandButtonSlot",void 0),M([VM("loading",{waitUntilFirstUpdate:!0})],lx.prototype,"handleLoadingChange",null),M([VM("disabled")],lx.prototype,"handleDisabledChange",null),M([VM("selected")],lx.prototype,"handleSelectedChange",null),M([VM("expanded",{waitUntilFirstUpdate:!0})],lx.prototype,"handleExpandedChange",null),M([VM("expanded",{waitUntilFirstUpdate:!0})],lx.prototype,"handleExpandAnimation",null),M([VM("lazy",{waitUntilFirstUpdate:!0})],lx.prototype,"handleLazyChange",null),lx=ux=M([aM("nile-tree-item")],lx),ye("tree-item.expand",{keyframes:[{height:"0",opacity:"0",overflow:"hidden"},{height:"auto",opacity:"1",overflow:"hidden"}],options:{duration:250,easing:"cubic-bezier(0.4, 0.0, 0.2, 1)"}}),ye("tree-item.collapse",{keyframes:[{height:"auto",opacity:"1",overflow:"hidden"},{height:"0",opacity:"0",overflow:"hidden"}],options:{duration:200,easing:"cubic-bezier(0.4, 0.0, 0.2, 1)"}});var gx=lx;function jx(M,e=!1){function t(M){const e=M.getChildrenItems({includeDisabled:!1});if(e.length){const t=e.every((M=>M.selected)),i=e.every((M=>!M.selected&&!M.indeterminate));M.selected=t,M.indeterminate=!t&&!i}}!function M(i){for(const t of i.getChildrenItems())t.selected=e?i.selected||t.selected:!t.disabled&&i.selected,M(t);e&&t(i)}(M),function M(e){const i=e.parentElement;gx.isTreeItem(i)&&(t(i),M(i))}(M)}let cx=class extends PM{constructor(){super(...arguments),this.selection="leaf",this.clickTarget=null,this.initTreeItem=M=>{M.selectable="multiple"===this.selection,["expand","collapse"].filter((M=>!!this.querySelector(`[slot="${M}-icon"]`))).forEach((e=>{const t=M.querySelector(`[slot="${e}-icon"]`);null===t?M.append(this.getExpandButtonIcon(e)):t.hasAttribute("data-default")&&t.replaceWith(this.getExpandButtonIcon(e))}))}}async connectedCallback(){super.connectedCallback(),this.handleTreeChanged=this.handleTreeChanged.bind(this),this.handleFocusIn=this.handleFocusIn.bind(this),this.handleFocusOut=this.handleFocusOut.bind(this),this.setAttribute("role","tree"),this.setAttribute("tabindex","0"),this.addEventListener("focusin",this.handleFocusIn),this.addEventListener("focusout",this.handleFocusOut),this.addEventListener("nile-lazy-change",this.handleSlotChange),await this.updateComplete,this.mutationObserver=new MutationObserver(this.handleTreeChanged),this.mutationObserver.observe(this,{childList:!0,subtree:!0})}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver.disconnect(),this.removeEventListener("focusin",this.handleFocusIn),this.removeEventListener("focusout",this.handleFocusOut),this.removeEventListener("nile-lazy-change",this.handleSlotChange)}getExpandButtonIcon(M){const e=("expand"===M?this.expandedIconSlot:this.collapsedIconSlot).assignedElements({flatten:!0})[0];if(e){const t=e.cloneNode(!0);return[t,...t.querySelectorAll("[id]")].forEach((M=>M.removeAttribute("id"))),t.setAttribute("data-default",""),t.slot=`${M}-icon`,t}return null}handleTreeChanged(M){for(const e of M){const M=[...e.addedNodes].filter(gx.isTreeItem),t=[...e.removedNodes].filter(gx.isTreeItem);M.forEach(this.initTreeItem),t.includes(this.lastFocusedItem)&&this.focusItem(this.getFocusableItems()[0])}}syncTreeItems(M){const e=this.getAllTreeItems();if("multiple"===this.selection)jx(M);else for(const t of e)t!==M&&(t.selected=!1)}selectItem(M){const e=[...this.selectedItems];"multiple"===this.selection?(M.selected=!M.selected,M.lazy&&(M.expanded=!0),this.syncTreeItems(M)):"single"===this.selection||M.isLeaf?(M.expanded=!M.expanded,M.selected=!0,this.syncTreeItems(M)):"leaf"===this.selection&&(M.expanded=!M.expanded);const t=this.selectedItems;(e.length!==t.length||t.some((M=>!e.includes(M))))&&Promise.all(t.map((M=>M.updateComplete))).then((()=>{this.emit("nile-selection-change",{detail:{selection:t}})}))}getAllTreeItems(){return[...this.querySelectorAll("nile-tree-item")]}focusItem(M){M?.focus()}handleKeyDown(M){if(!["ArrowDown","ArrowUp","ArrowRight","ArrowLeft","Home","End","Enter"," "].includes(M.key))return;const e=this.getFocusableItems();if(e.length>0){M.preventDefault();const t=e.findIndex((M=>M.matches(":focus"))),i=e[t],N=M=>{const t=e[sx(M,0,e.length-1)];this.focusItem(t)},o=M=>{i.expanded=M};"ArrowDown"===M.key?N(t+1):"ArrowUp"===M.key?N(t-1):"ArrowRight"===M.key?!i||i.disabled||i.expanded||i.isLeaf&&!i.lazy?N(t+1):o(!0):"ArrowLeft"===M.key?!i||i.disabled||i.isLeaf||!i.expanded?N(t-1):o(!1):"Home"===M.key?N(0):"End"===M.key?N(e.length-1):"Enter"!==M.key&&" "!==M.key||i.disabled||this.selectItem(i)}}handleClick(M){const e=M.target,t=e.closest("nile-tree-item"),i=M.composedPath().some((M=>M?.classList?.contains("tree-item__expand-button")));t&&!t.disabled&&e===this.clickTarget&&("multiple"===this.selection&&i?t.expanded=!t.expanded:this.selectItem(t))}handleMouseDown(M){this.clickTarget=M.target}handleFocusOut(M){const e=M.relatedTarget;e&&this.contains(e)||(this.tabIndex=0)}handleFocusIn(M){const e=M.target;M.target===this&&this.focusItem(this.lastFocusedItem||this.getAllTreeItems()[0]),gx.isTreeItem(e)&&!e.disabled&&(this.lastFocusedItem&&(this.lastFocusedItem.tabIndex=-1),this.lastFocusedItem=e,this.tabIndex=-1,e.tabIndex=0)}handleSlotChange(){this.getAllTreeItems().forEach(this.initTreeItem)}async handleSelectionChange(){const M="multiple"===this.selection,e=this.getAllTreeItems();this.setAttribute("aria-multiselectable",M?"true":"false");for(const t of e)t.selectable=M;M&&(await this.updateComplete,[...this.querySelectorAll(":scope > nile-tree-item")].forEach((M=>jx(M,!0))))}get selectedItems(){return this.getAllTreeItems().filter((M=>M.selected))}getFocusableItems(){const M=this.getAllTreeItems(),e=new Set;return M.filter((M=>{if(M.disabled)return!1;const t=M.parentElement?.closest("[role=treeitem]");return t&&(!t.expanded||t.loading||e.has(t))&&e.add(M),!e.has(M)}))}render(){return R`
+    `}};sx.styles=Nx,M([jM()],sx.prototype,"indeterminate",void 0),M([jM()],sx.prototype,"isLeaf",void 0),M([jM()],sx.prototype,"loading",void 0),M([jM()],sx.prototype,"selectable",void 0),M([gM({type:Boolean,reflect:!0})],sx.prototype,"expanded",void 0),M([gM({type:Boolean,reflect:!0})],sx.prototype,"selected",void 0),M([gM({type:Boolean,reflect:!0})],sx.prototype,"disabled",void 0),M([gM({type:Boolean,reflect:!0})],sx.prototype,"lazy",void 0),M([zM("slot:not([name])")],sx.prototype,"defaultSlot",void 0),M([zM("slot[name=children]")],sx.prototype,"childrenSlot",void 0),M([zM(".tree-item__item")],sx.prototype,"itemElement",void 0),M([zM(".tree-item__children")],sx.prototype,"childrenContainer",void 0),M([zM(".tree-item__expand-button slot")],sx.prototype,"expandButtonSlot",void 0),M([VM("loading",{waitUntilFirstUpdate:!0})],sx.prototype,"handleLoadingChange",null),M([VM("disabled")],sx.prototype,"handleDisabledChange",null),M([VM("selected")],sx.prototype,"handleSelectedChange",null),M([VM("expanded",{waitUntilFirstUpdate:!0})],sx.prototype,"handleExpandedChange",null),M([VM("expanded",{waitUntilFirstUpdate:!0})],sx.prototype,"handleExpandAnimation",null),M([VM("lazy",{waitUntilFirstUpdate:!0})],sx.prototype,"handleLazyChange",null),sx=ox=M([aM("nile-tree-item")],sx),ye("tree-item.expand",{keyframes:[{height:"0",opacity:"0",overflow:"hidden"},{height:"auto",opacity:"1",overflow:"hidden"}],options:{duration:250,easing:"cubic-bezier(0.4, 0.0, 0.2, 1)"}}),ye("tree-item.collapse",{keyframes:[{height:"auto",opacity:"1",overflow:"hidden"},{height:"0",opacity:"0",overflow:"hidden"}],options:{duration:200,easing:"cubic-bezier(0.4, 0.0, 0.2, 1)"}});var nx=sx;function Dx(M,e=!1){function t(M){const e=M.getChildrenItems({includeDisabled:!1});if(e.length){const t=e.every((M=>M.selected)),i=e.every((M=>!M.selected&&!M.indeterminate));M.selected=t,M.indeterminate=!t&&!i}}!function M(i){for(const t of i.getChildrenItems())t.selected=e?i.selected||t.selected:!t.disabled&&i.selected,M(t);e&&t(i)}(M),function M(e){const i=e.parentElement;nx.isTreeItem(i)&&(t(i),M(i))}(M)}let rx=class extends PM{constructor(){super(...arguments),this.selection="leaf",this.clickTarget=null,this.initTreeItem=M=>{M.selectable="multiple"===this.selection,["expand","collapse"].filter((M=>!!this.querySelector(`[slot="${M}-icon"]`))).forEach((e=>{const t=M.querySelector(`[slot="${e}-icon"]`);null===t?M.append(this.getExpandButtonIcon(e)):t.hasAttribute("data-default")&&t.replaceWith(this.getExpandButtonIcon(e))}))}}async connectedCallback(){super.connectedCallback(),this.handleTreeChanged=this.handleTreeChanged.bind(this),this.handleFocusIn=this.handleFocusIn.bind(this),this.handleFocusOut=this.handleFocusOut.bind(this),this.setAttribute("role","tree"),this.setAttribute("tabindex","0"),this.addEventListener("focusin",this.handleFocusIn),this.addEventListener("focusout",this.handleFocusOut),this.addEventListener("nile-lazy-change",this.handleSlotChange),await this.updateComplete,this.mutationObserver=new MutationObserver(this.handleTreeChanged),this.mutationObserver.observe(this,{childList:!0,subtree:!0})}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver.disconnect(),this.removeEventListener("focusin",this.handleFocusIn),this.removeEventListener("focusout",this.handleFocusOut),this.removeEventListener("nile-lazy-change",this.handleSlotChange)}getExpandButtonIcon(M){const e=("expand"===M?this.expandedIconSlot:this.collapsedIconSlot).assignedElements({flatten:!0})[0];if(e){const t=e.cloneNode(!0);return[t,...t.querySelectorAll("[id]")].forEach((M=>M.removeAttribute("id"))),t.setAttribute("data-default",""),t.slot=`${M}-icon`,t}return null}handleTreeChanged(M){for(const e of M){const M=[...e.addedNodes].filter(nx.isTreeItem),t=[...e.removedNodes].filter(nx.isTreeItem);M.forEach(this.initTreeItem),t.includes(this.lastFocusedItem)&&this.focusItem(this.getFocusableItems()[0])}}syncTreeItems(M){const e=this.getAllTreeItems();if("multiple"===this.selection)Dx(M);else for(const t of e)t!==M&&(t.selected=!1)}selectItem(M){const e=[...this.selectedItems];"multiple"===this.selection?(M.selected=!M.selected,M.lazy&&(M.expanded=!0),this.syncTreeItems(M)):"single"===this.selection||M.isLeaf?(M.expanded=!M.expanded,M.selected=!0,this.syncTreeItems(M)):"leaf"===this.selection&&(M.expanded=!M.expanded);const t=this.selectedItems;(e.length!==t.length||t.some((M=>!e.includes(M))))&&Promise.all(t.map((M=>M.updateComplete))).then((()=>{this.emit("nile-selection-change",{detail:{selection:t}})}))}getAllTreeItems(){return[...this.querySelectorAll("nile-tree-item")]}focusItem(M){M?.focus()}handleKeyDown(M){if(!["ArrowDown","ArrowUp","ArrowRight","ArrowLeft","Home","End","Enter"," "].includes(M.key))return;const e=this.getFocusableItems();if(e.length>0){M.preventDefault();const t=e.findIndex((M=>M.matches(":focus"))),i=e[t],N=M=>{const t=e[Mx(M,0,e.length-1)];this.focusItem(t)},o=M=>{i.expanded=M};"ArrowDown"===M.key?N(t+1):"ArrowUp"===M.key?N(t-1):"ArrowRight"===M.key?!i||i.disabled||i.expanded||i.isLeaf&&!i.lazy?N(t+1):o(!0):"ArrowLeft"===M.key?!i||i.disabled||i.isLeaf||!i.expanded?N(t-1):o(!1):"Home"===M.key?N(0):"End"===M.key?N(e.length-1):"Enter"!==M.key&&" "!==M.key||i.disabled||this.selectItem(i)}}handleClick(M){const e=M.target,t=e.closest("nile-tree-item"),i=M.composedPath().some((M=>M?.classList?.contains("tree-item__expand-button")));t&&!t.disabled&&e===this.clickTarget&&("multiple"===this.selection&&i?t.expanded=!t.expanded:this.selectItem(t))}handleMouseDown(M){this.clickTarget=M.target}handleFocusOut(M){const e=M.relatedTarget;e&&this.contains(e)||(this.tabIndex=0)}handleFocusIn(M){const e=M.target;M.target===this&&this.focusItem(this.lastFocusedItem||this.getAllTreeItems()[0]),nx.isTreeItem(e)&&!e.disabled&&(this.lastFocusedItem&&(this.lastFocusedItem.tabIndex=-1),this.lastFocusedItem=e,this.tabIndex=-1,e.tabIndex=0)}handleSlotChange(){this.getAllTreeItems().forEach(this.initTreeItem)}async handleSelectionChange(){const M="multiple"===this.selection,e=this.getAllTreeItems();this.setAttribute("aria-multiselectable",M?"true":"false");for(const t of e)t.selectable=M;M&&(await this.updateComplete,[...this.querySelectorAll(":scope > nile-tree-item")].forEach((M=>Dx(M,!0))))}get selectedItems(){return this.getAllTreeItems().filter((M=>M.selected))}getFocusableItems(){const M=this.getAllTreeItems(),e=new Set;return M.filter((M=>{if(M.disabled)return!1;const t=M.parentElement?.closest("[role=treeitem]");return t&&(!t.expanded||t.loading||e.has(t))&&e.add(M),!e.has(M)}))}render(){return R`
       <div
         part="base"
         class="tree"
@@ -9434,7 +9251,7 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
         <slot name="expand-icon" hidden aria-hidden="true"> </slot>
         <slot name="collapse-icon" hidden aria-hidden="true"> </slot>
       </div>
-    `}};cx.styles=Dx,M([zM("slot:not([name])")],cx.prototype,"defaultSlot",void 0),M([zM("slot[name=expand-icon]")],cx.prototype,"expandedIconSlot",void 0),M([zM("slot[name=collapse-icon]")],cx.prototype,"collapsedIconSlot",void 0),M([gM()],cx.prototype,"selection",void 0),M([VM("selection")],cx.prototype,"handleSelectionChange",null),cx=M([aM("nile-tree")],cx);const zx=s`
+    `}};rx.styles=tx,M([zM("slot:not([name])")],rx.prototype,"defaultSlot",void 0),M([zM("slot[name=expand-icon]")],rx.prototype,"expandedIconSlot",void 0),M([zM("slot[name=collapse-icon]")],rx.prototype,"collapsedIconSlot",void 0),M([gM()],rx.prototype,"selection",void 0),M([VM("selection")],rx.prototype,"handleSelectionChange",null),rx=M([aM("nile-tree")],rx);const ax=s`
   :host {
     display: flex;
     padding: 12px 16px;
@@ -9487,7 +9304,7 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
     right: 16px;
     cursor: pointer;
   }
-`;let Ix=class extends PM{constructor(){super(...arguments),this.hasSlotController=new vM(this,"preffix","heading","subheading"),this.iconName="",this.iconSize=14,this.heading="",this.subHeading=""}static get styles(){return[zx]}handleClick(M){this.emit("nile-list-item-click",{heading:this.heading,subheading:this.subHeading})}render(){return R`
+`;let ux=class extends PM{constructor(){super(...arguments),this.hasSlotController=new vM(this,"preffix","heading","subheading"),this.iconName="",this.iconSize=14,this.heading="",this.subHeading=""}static get styles(){return[ax]}handleClick(M){this.emit("nile-list-item-click",{heading:this.heading,subheading:this.subHeading})}render(){return R`
       ${this.iconName||this.hasSlotController.test("preffix")?R` <slot name="preffix" part="preffix" class="preffix__icon">
             <nile-icon
               name="${this.iconName}"
@@ -9507,16 +9324,16 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
       <slot @click="${this.handleClick}" class="list__item" part="base"> </slot>
       <slot name="suffix" part="suffix" class="list-item__suffix">
       </slot>
-    `}};M([gM({type:String,attribute:"icon-name"})],Ix.prototype,"iconName",void 0),M([gM({type:Number,attribute:"icon-size"})],Ix.prototype,"iconSize",void 0),M([gM({type:String,attribute:"heading"})],Ix.prototype,"heading",void 0),M([gM({type:String,attribute:"sub-heading"})],Ix.prototype,"subHeading",void 0),Ix=M([aM("nile-list-item")],Ix);const Tx=s`
+    `}};M([gM({type:String,attribute:"icon-name"})],ux.prototype,"iconName",void 0),M([gM({type:Number,attribute:"icon-size"})],ux.prototype,"iconSize",void 0),M([gM({type:String,attribute:"heading"})],ux.prototype,"heading",void 0),M([gM({type:String,attribute:"sub-heading"})],ux.prototype,"subHeading",void 0),ux=M([aM("nile-list-item")],ux);const lx=s`
   :host {
     display: flex;
     flex-direction: column;
     gap: 9px;
     padding: 16px;
   }
-`;let Ox=class extends PM{static get styles(){return[Tx]}handleListItemClick(M){const e=M.target.innerText;this.emit("nile-list-click",{value:e})}render(){return R`
+`;let gx=class extends PM{static get styles(){return[lx]}handleListItemClick(M){const e=M.target.innerText;this.emit("nile-list-click",{value:e})}render(){return R`
       <slot @nile-list-item-click="${this.handleListItemClick}"> </slot>
-    `}};Ox=M([aM("nile-list")],Ox);const yx=s`
+    `}};gx=M([aM("nile-list")],gx);const jx=s`
 
   :host {
     box-sizing: border-box;
@@ -9639,7 +9456,7 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
   .accordian__content--arrow-left{
    margin-left:28px;
   }
-`;let Ax=class extends PM{constructor(){super(...arguments),this.open=!1,this.variant="light",this.expandIconPlacement="right",this.size="md",this.disabled=!1}firstUpdated(){this.body.hidden=!this.open,this.body.style.height=this.open?"auto":"0"}handleSummaryClick(){this.disabled||(this.open?this.hide():this.show(),this.header.focus())}handleSummaryKeyDown(M){"Enter"!==M.key&&" "!==M.key||(M.preventDefault(),this.open?this.hide():this.show()),"ArrowUp"!==M.key&&"ArrowLeft"!==M.key||(M.preventDefault(),this.hide()),"ArrowDown"!==M.key&&"ArrowRight"!==M.key||(M.preventDefault(),this.show())}async handleOpenChange(){if(this.open){if(this.emit("nile-show",{cancelable:!0}).defaultPrevented)return void(this.open=!1);await ce(this.body),this.body.hidden=!1;const{keyframes:M,options:e}=Ae(this,"accordian.show",{dir:"ltr"});await le(this.body,ze(M,this.body.scrollHeight),e),this.body.style.height="auto",this.emit("nile-after-show")}else{if(this.emit("nile-hide",{cancelable:!0}).defaultPrevented)return void(this.open=!0);await ce(this.body);const{keyframes:M,options:e}=Ae(this,"accordian.hide",{dir:"ltr"});await le(this.body,ze(M,this.body.scrollHeight),e),this.body.hidden=!0,this.body.style.height="auto",this.emit("nile-after-hide")}}async show(){if(!this.open&&!this.disabled)return this.open=!0,Se(this,"nile-after-show")}async hide(){if(this.open&&!this.disabled)return this.open=!1,Se(this,"nile-after-hide")}render(){return R`
+`;let cx=class extends PM{constructor(){super(...arguments),this.open=!1,this.variant="light",this.expandIconPlacement="right",this.size="md",this.disabled=!1}firstUpdated(){this.body.hidden=!this.open,this.body.style.height=this.open?"auto":"0"}handleSummaryClick(){this.disabled||(this.open?this.hide():this.show(),this.header.focus())}handleSummaryKeyDown(M){"Enter"!==M.key&&" "!==M.key||(M.preventDefault(),this.open?this.hide():this.show()),"ArrowUp"!==M.key&&"ArrowLeft"!==M.key||(M.preventDefault(),this.hide()),"ArrowDown"!==M.key&&"ArrowRight"!==M.key||(M.preventDefault(),this.show())}async handleOpenChange(){if(this.open){if(this.emit("nile-show",{cancelable:!0}).defaultPrevented)return void(this.open=!1);await ce(this.body),this.body.hidden=!1;const{keyframes:M,options:e}=Ae(this,"accordian.show",{dir:"ltr"});await le(this.body,ze(M,this.body.scrollHeight),e),this.body.style.height="auto",this.emit("nile-after-show")}else{if(this.emit("nile-hide",{cancelable:!0}).defaultPrevented)return void(this.open=!0);await ce(this.body);const{keyframes:M,options:e}=Ae(this,"accordian.hide",{dir:"ltr"});await le(this.body,ze(M,this.body.scrollHeight),e),this.body.hidden=!0,this.body.style.height="auto",this.emit("nile-after-hide")}}async show(){if(!this.open&&!this.disabled)return this.open=!0,Se(this,"nile-after-show")}async hide(){if(this.open&&!this.disabled)return this.open=!1,Se(this,"nile-after-hide")}render(){return R`
     <div
       part="base"
       class=${LM({accordian:!0,"accordian--open":this.open,"accordian--disabled":this.disabled,"accordian--sm":"sm"==this.size,"accordian--md":"md"==this.size,"accordian--lg":"lg"==this.size})}
@@ -9673,7 +9490,7 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
           class="${LM({accordian__content:!0,"accordian__content--arrow-left":"left"==this.expandIconPlacement})}"></slot>
       </div>
     </div>
-  `}};Ax.styles=yx,M([zM(".accordian")],Ax.prototype,"accordian",void 0),M([zM(".accordian__header")],Ax.prototype,"header",void 0),M([zM(".accordian__body")],Ax.prototype,"body",void 0),M([zM(".accordian__expand-icon-slot")],Ax.prototype,"expandIconSlot",void 0),M([gM({type:Boolean,reflect:!0})],Ax.prototype,"open",void 0),M([gM({reflect:!0})],Ax.prototype,"variant",void 0),M([gM({reflect:!0})],Ax.prototype,"expandIconPlacement",void 0),M([gM({reflect:!0})],Ax.prototype,"size",void 0),M([gM()],Ax.prototype,"summary",void 0),M([gM({type:Boolean,reflect:!0})],Ax.prototype,"disabled",void 0),M([VM("open",{waitUntilFirstUpdate:!0})],Ax.prototype,"handleOpenChange",null),Ax=M([aM("nile-accordion")],Ax),ye("accordian.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:250,easing:"linear"}}),ye("accordian.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:250,easing:"linear"}});const dx=s`
+  `}};cx.styles=jx,M([zM(".accordian")],cx.prototype,"accordian",void 0),M([zM(".accordian__header")],cx.prototype,"header",void 0),M([zM(".accordian__body")],cx.prototype,"body",void 0),M([zM(".accordian__expand-icon-slot")],cx.prototype,"expandIconSlot",void 0),M([gM({type:Boolean,reflect:!0})],cx.prototype,"open",void 0),M([gM({reflect:!0})],cx.prototype,"variant",void 0),M([gM({reflect:!0})],cx.prototype,"expandIconPlacement",void 0),M([gM({reflect:!0})],cx.prototype,"size",void 0),M([gM()],cx.prototype,"summary",void 0),M([gM({type:Boolean,reflect:!0})],cx.prototype,"disabled",void 0),M([VM("open",{waitUntilFirstUpdate:!0})],cx.prototype,"handleOpenChange",null),cx=M([aM("nile-accordion")],cx),ye("accordian.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:250,easing:"linear"}}),ye("accordian.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:250,easing:"linear"}});const zx=s`
 	:host {
 		display: block;
 		height: 100%;
@@ -9700,13 +9517,13 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
 	.inset.horizontal {
 		margin-left: 72px;
 	}
-`;let hx=class extends PM{constructor(){super(...arguments),this.inset=!1,this.vertical=!1}static get styles(){return[dx]}render(){return R`
+`;let Ix=class extends PM{constructor(){super(...arguments),this.inset=!1,this.vertical=!1}static get styles(){return[zx]}render(){return R`
 			<div part="divider" class="divider ${this.vertical?"vertical":"horizontal"} ${this.inset?"inset":""}"></div>
-			`}};M([gM({type:Boolean,reflect:!0})],hx.prototype,"inset",void 0),M([gM({type:Boolean,reflect:!0})],hx.prototype,"vertical",void 0),hx=M([aM("nile-divider")],hx);const Lx=s`
+			`}};M([gM({type:Boolean,reflect:!0})],Ix.prototype,"inset",void 0),M([gM({type:Boolean,reflect:!0})],Ix.prototype,"vertical",void 0),Ix=M([aM("nile-divider")],Ix);const Tx=s`
 	:host {
     font: 500 20px / 30px var(--nile-font-family-sans-serif);
 	}
-`;let xx=class extends PM{constructor(){super(...arguments),this.headerText="",this.pageTitle=""}static get styles(){return[Lx]}updated(M){super.updated(M),this.updateDocumentTitle()}updateDocumentTitle(){document.title=this.pageTitle||this.headerText}render(){return R` ${this.headerText?R` ${this.headerText} `:""} `}};M([gM({type:String})],xx.prototype,"headerText",void 0),M([gM({type:String})],xx.prototype,"pageTitle",void 0),xx=M([aM("nile-title")],xx);const px=s`
+`;let Ox=class extends PM{constructor(){super(...arguments),this.headerText="",this.pageTitle=""}static get styles(){return[Tx]}updated(M){super.updated(M),this.updateDocumentTitle()}updateDocumentTitle(){document.title=this.pageTitle||this.headerText}render(){return R` ${this.headerText?R` ${this.headerText} `:""} `}};M([gM({type:String})],Ox.prototype,"headerText",void 0),M([gM({type:String})],Ox.prototype,"pageTitle",void 0),Ox=M([aM("nile-title")],Ox);const yx=s`
   :host {
     display: block;
     width: 100%;
@@ -9811,7 +9628,7 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
     color: var(--nile-section-message-footer-color);
     margin-left: 8px;
   }
-`;let Sx=class extends PM{constructor(){super(...arguments),this.hasSlotController=new vM(this,"section__heading","section__description","footer__actions"),this.heading="",this.description="",this.iconSize=16,this.variant="primary",this.iconMap={primary:"info2",success:"done-02",warning:"warning",error:"warning"}}static get styles(){return[px]}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this.addActionSeparators()}))}addActionSeparators(){this.shadowRoot?.querySelector('slot[name="footer__actions"]')}render(){const M=this.hasSlotController.test("section__heading")||this.heading,e=this.hasSlotController.test("section__description")||this.description,t=this.hasSlotController.test("footer__actions");return R`
+`;let Ax=class extends PM{constructor(){super(...arguments),this.hasSlotController=new vM(this,"section__heading","section__description","footer__actions"),this.heading="",this.description="",this.iconSize=16,this.variant="primary",this.iconMap={primary:"info2",success:"done-02",warning:"warning",error:"warning"}}static get styles(){return[yx]}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this.addActionSeparators()}))}addActionSeparators(){this.shadowRoot?.querySelector('slot[name="footer__actions"]')}render(){const M=this.hasSlotController.test("section__heading")||this.heading,e=this.hasSlotController.test("section__description")||this.description,t=this.hasSlotController.test("footer__actions");return R`
       <div
         part="parent__wrapper"
         class=${LM({parent__wrapper:!0,"section--primary":"primary"===this.variant,"section--success":"success"===this.variant,"section--warning":"warning"===this.variant,"section--error":"error"===this.variant})}
@@ -9848,7 +9665,7 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
               `:""}
         </div>
       </div>
-    `}};M([gM({type:String,attribute:"heading"})],Sx.prototype,"heading",void 0),M([gM({type:String,attribute:"description"})],Sx.prototype,"description",void 0),M([gM({type:Number,attribute:"icon-size"})],Sx.prototype,"iconSize",void 0),M([gM()],Sx.prototype,"variant",void 0),Sx=M([aM("nile-section-message")],Sx);const Qx=s`
+    `}};M([gM({type:String,attribute:"heading"})],Ax.prototype,"heading",void 0),M([gM({type:String,attribute:"description"})],Ax.prototype,"description",void 0),M([gM({type:Number,attribute:"icon-size"})],Ax.prototype,"iconSize",void 0),M([gM()],Ax.prototype,"variant",void 0),Ax=M([aM("nile-section-message")],Ax);const dx=s`
   :host {
     display: block;
     width: 100%;
@@ -9868,7 +9685,7 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
     background-color: var(--nile-toolbar-background-color, var(--nile-colors-white-base));
     color: var(--nile-toolbar-text-color, rgba(0, 0, 0, 0.87));
   }
-`;let Ex=class extends PM{constructor(){super(...arguments),this.color="",this.background=""}static get styles(){return[Qx]}render(){return R`
+`;let hx=class extends PM{constructor(){super(...arguments),this.color="",this.background=""}static get styles(){return[dx]}render(){return R`
 		<div class="toolbar" part="nile-toolbar" style="${this.color?"color:"+this.color+";":""} ${this.background?"background:"+this.background+";":""}">
 		  <slot name="start"></slot>
 		  <div class="toolbar-content" part="toolbar-mid">
@@ -9876,7 +9693,7 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
 		  </div>
 		  <slot name="end"></slot>
 		</div>
-	  `}};M([gM({reflect:!0})],Ex.prototype,"color",void 0),M([gM({reflect:!0})],Ex.prototype,"background",void 0),Ex=M([aM("nile-toolbar")],Ex);const kx=s`
+	  `}};M([gM({reflect:!0})],hx.prototype,"color",void 0),M([gM({reflect:!0})],hx.prototype,"background",void 0),hx=M([aM("nile-toolbar")],hx);const Lx=s`
   :host {
     box-sizing: border-box;
   }
@@ -9917,19 +9734,19 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
   .inline__edit--container:hover {
     background-color:var(--nile-inline-edit-hover-background-color);
   }
-`;let wx=class extends PM{constructor(){super(...arguments),this.label="",this.placeholder="",this.open=!1,this.value=""}static get styles(){return[kx]}handleClick(){this.open=!0}render(){const M=this.value||this.placeholder;return R`
+`;let xx=class extends PM{constructor(){super(...arguments),this.label="",this.placeholder="",this.open=!1,this.value=""}static get styles(){return[Lx]}handleClick(){this.open=!0}render(){const M=this.value||this.placeholder;return R`
       <div class="inline__edit--label" part="label">${this.label}</div>
       ${this.open?R` <slot class="inline__edit--open--container" part="base"> </slot>`:R` <div class="inline__edit--container" part="container" @click=${this.handleClick}>
             ${M}
           </div>`}
-    `}};M([gM({type:String,reflect:!0})],wx.prototype,"label",void 0),M([gM({type:String,reflect:!0})],wx.prototype,"placeholder",void 0),M([gM({type:Boolean,reflect:!0})],wx.prototype,"open",void 0),M([gM({type:String,reflect:!0})],wx.prototype,"value",void 0),wx=M([aM("nile-inline-edit")],wx);const mx=s`
+    `}};M([gM({type:String,reflect:!0})],xx.prototype,"label",void 0),M([gM({type:String,reflect:!0})],xx.prototype,"placeholder",void 0),M([gM({type:Boolean,reflect:!0})],xx.prototype,"open",void 0),M([gM({type:String,reflect:!0})],xx.prototype,"value",void 0),xx=M([aM("nile-inline-edit")],xx);const px=s`
 	:host {
 		display:block;
 		width:100%;
 	}
-`;let Ux=class extends PM{constructor(){super(...arguments),this.rows=[],this.primaryRowWidths=[]}static get styles(){return[mx]}connectedCallback(){super.connectedCallback(),this.addEventListener("nile-body-load",this.handleRows)}firstUpdated(M){this.updateComplete.then((()=>{this.handleResizeObserver()}))}render(){return R`
+`;let Sx=class extends PM{constructor(){super(...arguments),this.rows=[],this.primaryRowWidths=[]}static get styles(){return[px]}connectedCallback(){super.connectedCallback(),this.addEventListener("nile-body-load",this.handleRows)}firstUpdated(M){this.updateComplete.then((()=>{this.handleResizeObserver()}))}render(){return R`
 			<slot @slotchange="${this.repaintTable}"></slot>
-			`}repaintTable(){this.realignStructure(),this.handleBodyCssUpdate()}handleRows(M){this.rows=[...this.rows,M.detail.comp]}handleBodyCssUpdate(){if(this.rows.length<2)return;const M=this.rows,e=M[0].shadowRoot?.querySelector("div.base");e&&(e.style.borderTopRightRadius="var(--nile-radius-radius-xl)",e.style.borderTopLeftRadius="var(--nile-radius-radius-xl)",e.style.borderBottomRightRadius="0px",e.style.borderBottomLeftRadius="0px",e.style.borderBottom="none"),M.forEach(((e,t)=>{if(t>0&&t<M.length-1){const M=e.shadowRoot?.querySelector("div.base");M&&(M.style.borderTopRightRadius="0px",M.style.borderTopLeftRadius="0px",M.style.borderBottomRightRadius="0px",M.style.borderBottomLeftRadius="0px",M.style.borderBottom="none")}}));const t=M[M.length-1].shadowRoot?.querySelector("div.base");t&&(t.style.borderTopRightRadius="0px",t.style.borderTopLeftRadius="0px",t.style.borderBottomRightRadius="var(--nile-radius-radius-xl)",t.style.borderBottomLeftRadius="var(--nile-radius-radius-xl)")}getPrimaryColumnWidths(){const M=this.rows.find((M=>"primary"==M.type)),e=this.getTableCellFetchQuery(M).map((M=>M.clientWidth));return e}realignStructure(){if(this.rows.length<2)return;const M=this.getPrimaryColumnWidths();this.rows.filter((M=>"primary"!=M.type)).forEach((e=>{let t=this.getTableCellFetchQuery(e);t?.forEach(((e,t)=>{e.style.setProperty("--cell-width",M.at(t)+"px")}))}))}getTableCellFetchQuery(M){return M?.shadowRoot?.querySelector("slot:not([name])")?.assignedElements()[0].shadowRoot?.querySelector("slot")?.assignedElements()}handleResizeObserver(){this.resizeObserver=new ResizeObserver((M=>{for(let e of M)this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout((()=>{this.realignStructure(),this.debounceTimeout=null}),50)})),this.resizeObserver.observe(this)}disconnectedCallback(){this.resizeObserver.disconnect(),super.disconnectedCallback()}};M([zM("slot")],Ux.prototype,"defaultSlot",void 0),Ux=M([aM("nile-table")],Ux);const Cx=s`
+			`}repaintTable(){this.realignStructure(),this.handleBodyCssUpdate()}handleRows(M){this.rows=[...this.rows,M.detail.comp]}handleBodyCssUpdate(){if(this.rows.length<2)return;const M=this.rows,e=M[0].shadowRoot?.querySelector("div.base");e&&(e.style.borderTopRightRadius="var(--nile-radius-radius-xl)",e.style.borderTopLeftRadius="var(--nile-radius-radius-xl)",e.style.borderBottomRightRadius="0px",e.style.borderBottomLeftRadius="0px",e.style.borderBottom="none"),M.forEach(((e,t)=>{if(t>0&&t<M.length-1){const M=e.shadowRoot?.querySelector("div.base");M&&(M.style.borderTopRightRadius="0px",M.style.borderTopLeftRadius="0px",M.style.borderBottomRightRadius="0px",M.style.borderBottomLeftRadius="0px",M.style.borderBottom="none")}}));const t=M[M.length-1].shadowRoot?.querySelector("div.base");t&&(t.style.borderTopRightRadius="0px",t.style.borderTopLeftRadius="0px",t.style.borderBottomRightRadius="var(--nile-radius-radius-xl)",t.style.borderBottomLeftRadius="var(--nile-radius-radius-xl)")}getPrimaryColumnWidths(){const M=this.rows.find((M=>"primary"==M.type)),e=this.getTableCellFetchQuery(M).map((M=>M.clientWidth));return e}realignStructure(){if(this.rows.length<2)return;const M=this.getPrimaryColumnWidths();this.rows.filter((M=>"primary"!=M.type)).forEach((e=>{let t=this.getTableCellFetchQuery(e);t?.forEach(((e,t)=>{e.style.setProperty("--cell-width",M.at(t)+"px")}))}))}getTableCellFetchQuery(M){return M?.shadowRoot?.querySelector("slot:not([name])")?.assignedElements()[0].shadowRoot?.querySelector("slot")?.assignedElements()}handleResizeObserver(){this.resizeObserver=new ResizeObserver((M=>{for(let e of M)this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout((()=>{this.realignStructure(),this.debounceTimeout=null}),50)})),this.resizeObserver.observe(this)}disconnectedCallback(){this.resizeObserver.disconnect(),super.disconnectedCallback()}};M([zM("slot")],Sx.prototype,"defaultSlot",void 0),Sx=M([aM("nile-table")],Sx);const Qx=s`
 
 
   .filter-chips {
@@ -10049,7 +9866,7 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
   margin-right: 12px;  
 }
 
-`;var Yx;let bx=Yx=class extends PM{constructor(){super(...arguments),this.label="",this.value="",this.viewMoreCount=0,this.editable=!1,this.closable=!1,this.icon="",this.removeIcon="",this.active=!1}static get styles(){return[Cx]}connectedCallback(){super.connectedCallback(),this.registerChip()}disconnectedCallback(){super.disconnectedCallback(),this.unregisterChip()}registerChip(){Yx.activeChips.push(this)}unregisterChip(){Yx.activeChips=Yx.activeChips.filter((M=>M!==this))}handleClose(M){M.stopPropagation(),this.dispatchEvent(new CustomEvent("nile-close",{detail:{value:this.value,viewMoreCount:this.viewMoreCount}})),this.remove()}handleClick(){this.dispatchEvent(new CustomEvent("nile-click",{detail:{value:this.value,viewMoreCount:this.viewMoreCount}}))}getLabelSlot(){return R`
+`;var Ex;let kx=Ex=class extends PM{constructor(){super(...arguments),this.label="",this.value="",this.viewMoreCount=0,this.editable=!1,this.closable=!1,this.icon="",this.removeIcon="",this.active=!1}static get styles(){return[Qx]}connectedCallback(){super.connectedCallback(),this.registerChip()}disconnectedCallback(){super.disconnectedCallback(),this.unregisterChip()}registerChip(){Ex.activeChips.push(this)}unregisterChip(){Ex.activeChips=Ex.activeChips.filter((M=>M!==this))}handleClose(M){M.stopPropagation(),this.dispatchEvent(new CustomEvent("nile-close",{detail:{value:this.value,viewMoreCount:this.viewMoreCount}})),this.remove()}handleClick(){this.dispatchEvent(new CustomEvent("nile-click",{detail:{value:this.value,viewMoreCount:this.viewMoreCount}}))}getLabelSlot(){return R`
     <span class="label-wrapper">
       <slot name="label">
         <span class="label" part="label">${this.label}:</span>
@@ -10091,7 +9908,7 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
         ${this.getviewMoreCountSlot()}
         ${this.getCloseIconSlot()}
       </div>
-    `}};bx.activeChips=[],M([gM({type:String})],bx.prototype,"label",void 0),M([gM({type:String})],bx.prototype,"value",void 0),M([gM({type:Number})],bx.prototype,"viewMoreCount",void 0),M([gM({type:Boolean})],bx.prototype,"editable",void 0),M([gM({type:Boolean})],bx.prototype,"closable",void 0),M([gM({type:String})],bx.prototype,"icon",void 0),M([gM({type:String})],bx.prototype,"removeIcon",void 0),M([gM({type:Boolean,reflect:!0})],bx.prototype,"active",void 0),bx=Yx=M([aM("nile-filter-chip")],bx);const fx=s`
+    `}};kx.activeChips=[],M([gM({type:String})],kx.prototype,"label",void 0),M([gM({type:String})],kx.prototype,"value",void 0),M([gM({type:Number})],kx.prototype,"viewMoreCount",void 0),M([gM({type:Boolean})],kx.prototype,"editable",void 0),M([gM({type:Boolean})],kx.prototype,"closable",void 0),M([gM({type:String})],kx.prototype,"icon",void 0),M([gM({type:String})],kx.prototype,"removeIcon",void 0),M([gM({type:Boolean,reflect:!0})],kx.prototype,"active",void 0),kx=Ex=M([aM("nile-filter-chip")],kx);const wx=s`
   :host {
   }
 
@@ -10328,9 +10145,9 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
   }
 
 
-`;function vx(M,e,t){return`Showing ${(t-1)*e+1}–${Math.min(t*e,M)} of ${M}`}let Zx=class extends PM{constructor(){super(...arguments),this.totalItems=0,this.currentPage=1,this.pageSize=50,this.pageSizeOptions=[10,25,50,100],this.variant="fluid",this.disabled=!1,this.showTitle=!0,this._pageSizeOpen=!1,this._pageOpen=!1}static get styles(){return[fx]}firstUpdated(){this._pageSizeDropdown&&(this._pageSizeDropdown.addEventListener("nile-show",(()=>{this._pageSizeOpen=!0})),this._pageSizeDropdown.addEventListener("nile-after-hide",(()=>{this._pageSizeOpen=!1})))}get totalPages(){return Math.max(1,(M=this.totalItems,e=this.pageSize,Math.ceil(M/e)));var M,e}goToPage(M){if(this.disabled)return;const e=this.currentPage;this.currentPage=M,this.emit("nile-change",{page:M,previousPage:e,pageSize:this.pageSize})}onPageSizeSelect(M){if(this.disabled||this.pageSize===M)return;const e=this.currentPage;this.pageSize=M,this.currentPage=1,this.emit("nile-change",{page:1,previousPage:e,pageSize:M})}renderCompactRangeText(){const M=vx(this.totalItems,this.pageSize,this.currentPage).replace(/^Showing\s*/,"");return R`<div class="range-text">${M}</div>`}renderRangeText(){return 0===this.totalItems?R`<div class="range-text">Showing 0 of 0</div>`:R`
+`;function mx(M,e,t){return`Showing ${(t-1)*e+1}–${Math.min(t*e,M)} of ${M}`}let Ux=class extends PM{constructor(){super(...arguments),this.totalItems=0,this.currentPage=1,this.pageSize=50,this.pageSizeOptions=[10,25,50,100],this.variant="fluid",this.disabled=!1,this.showTitle=!0,this._pageSizeOpen=!1,this._pageOpen=!1}static get styles(){return[wx]}firstUpdated(){this._pageSizeDropdown&&(this._pageSizeDropdown.addEventListener("nile-show",(()=>{this._pageSizeOpen=!0})),this._pageSizeDropdown.addEventListener("nile-after-hide",(()=>{this._pageSizeOpen=!1})))}get totalPages(){return Math.max(1,(M=this.totalItems,e=this.pageSize,Math.ceil(M/e)));var M,e}goToPage(M){if(this.disabled)return;const e=this.currentPage;this.currentPage=M,this.emit("nile-change",{page:M,previousPage:e,pageSize:this.pageSize})}onPageSizeSelect(M){if(this.disabled||this.pageSize===M)return;const e=this.currentPage;this.pageSize=M,this.currentPage=1,this.emit("nile-change",{page:1,previousPage:e,pageSize:M})}renderCompactRangeText(){const M=mx(this.totalItems,this.pageSize,this.currentPage).replace(/^Showing\s*/,"");return R`<div class="range-text">${M}</div>`}renderRangeText(){return 0===this.totalItems?R`<div class="range-text">Showing 0 of 0</div>`:R`
       <div part="range-text" class="range-text">
-        ${vx(this.totalItems,this.pageSize,this.currentPage)}
+        ${mx(this.totalItems,this.pageSize,this.currentPage)}
       </div>
     `}renderPageSizeSelect(){return"fluid"!==this.variant?null:R`
       <div class="page-size-select">
@@ -10505,20 +10322,20 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
       </div>
       ${this.renderPageList()}
     </div>
-  `}};M([gM({attribute:"totalitems",reflect:!0,converter:{fromAttribute:M=>{const e=Number(M);return Number.isFinite(e)&&e>=0?Math.floor(e):0}}})],Zx.prototype,"totalItems",void 0),M([gM({attribute:"currentpage",reflect:!0,converter:{fromAttribute:M=>{const e=Number(M);return Number.isFinite(e)&&e>=1?Math.floor(e):1}}})],Zx.prototype,"currentPage",void 0),M([gM({attribute:"pagesize",reflect:!0,converter:{fromAttribute:M=>{const e=Number(M);return Number.isFinite(e)&&e>=1?Math.floor(e):50}}})],Zx.prototype,"pageSize",void 0),M([gM({attribute:"pagesizeoptions",reflect:!1,converter:{fromAttribute:M=>{try{const e=JSON.parse(M);if(Array.isArray(e)&&e.every((M=>"number"==typeof M)))return e}catch{}return[10,25,50,100]}}})],Zx.prototype,"pageSizeOptions",void 0),M([gM({type:String})],Zx.prototype,"variant",void 0),M([gM({type:Boolean})],Zx.prototype,"disabled",void 0),M([gM({type:Boolean})],Zx.prototype,"showTitle",void 0),M([jM()],Zx.prototype,"_pageSizeOpen",void 0),M([jM()],Zx.prototype,"_pageOpen",void 0),M([zM(".page-size-dropdown")],Zx.prototype,"_pageSizeDropdown",void 0),Zx=M([aM("nile-pagination")],Zx);
+  `}};M([gM({attribute:"totalitems",reflect:!0,converter:{fromAttribute:M=>{const e=Number(M);return Number.isFinite(e)&&e>=0?Math.floor(e):0}}})],Ux.prototype,"totalItems",void 0),M([gM({attribute:"currentpage",reflect:!0,converter:{fromAttribute:M=>{const e=Number(M);return Number.isFinite(e)&&e>=1?Math.floor(e):1}}})],Ux.prototype,"currentPage",void 0),M([gM({attribute:"pagesize",reflect:!0,converter:{fromAttribute:M=>{const e=Number(M);return Number.isFinite(e)&&e>=1?Math.floor(e):50}}})],Ux.prototype,"pageSize",void 0),M([gM({attribute:"pagesizeoptions",reflect:!1,converter:{fromAttribute:M=>{try{const e=JSON.parse(M);if(Array.isArray(e)&&e.every((M=>"number"==typeof M)))return e}catch{}return[10,25,50,100]}}})],Ux.prototype,"pageSizeOptions",void 0),M([gM({type:String})],Ux.prototype,"variant",void 0),M([gM({type:Boolean})],Ux.prototype,"disabled",void 0),M([gM({type:Boolean})],Ux.prototype,"showTitle",void 0),M([jM()],Ux.prototype,"_pageSizeOpen",void 0),M([jM()],Ux.prototype,"_pageOpen",void 0),M([zM(".page-size-dropdown")],Ux.prototype,"_pageSizeDropdown",void 0),Ux=M([aM("nile-pagination")],Ux);
 /**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class Vx{constructor(M){this._map=new Map,this._roundAverageSize=!1,this.totalSize=0,!0===M?.roundAverageSize&&(this._roundAverageSize=!0)}set(M,e){const t=this._map.get(M)||0;this._map.set(M,e),this.totalSize+=e-t}get averageSize(){if(this._map.size>0){const M=this.totalSize/this._map.size;return this._roundAverageSize?Math.round(M):M}return 0}getSize(M){return this._map.get(M)}clear(){this._map.clear(),this.totalSize=0}}
+class Cx{constructor(M){this._map=new Map,this._roundAverageSize=!1,this.totalSize=0,!0===M?.roundAverageSize&&(this._roundAverageSize=!0)}set(M,e){const t=this._map.get(M)||0;this._map.set(M,e),this.totalSize+=e-t}get averageSize(){if(this._map.size>0){const M=this.totalSize/this._map.size;return this._roundAverageSize?Math.round(M):M}return 0}getSize(M){return this._map.get(M)}clear(){this._map.clear(),this.totalSize=0}}
 /**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Wx(M){return"horizontal"===M?"width":"height"}class Px{_getDefaultConfig(){return{direction:"vertical"}}constructor(M,e){this._latestCoords={left:0,top:0},this._direction=null,this._viewportSize={width:0,height:0},this.totalScrollSize={width:0,height:0},this.offsetWithinScroller={left:0,top:0},this._pendingReflow=!1,this._pendingLayoutUpdate=!1,this._pin=null,this._firstVisible=0,this._lastVisible=0,this._physicalMin=0,this._physicalMax=0,this._first=-1,this._last=-1,this._sizeDim="height",this._secondarySizeDim="width",this._positionDim="top",this._secondaryPositionDim="left",this._scrollPosition=0,this._scrollError=0,this._items=[],this._scrollSize=1,this._overhang=1e3,this._hostSink=M,Promise.resolve().then((()=>this.config=e||this._getDefaultConfig()))}set config(M){Object.assign(this,Object.assign({},this._getDefaultConfig(),M))}get config(){return{direction:this.direction}}get items(){return this._items}set items(M){this._setItems(M)}_setItems(M){M!==this._items&&(this._items=M,this._scheduleReflow())}get direction(){return this._direction}set direction(M){(M="horizontal"===M?M:"vertical")!==this._direction&&(this._direction=M,this._sizeDim="horizontal"===M?"width":"height",this._secondarySizeDim="horizontal"===M?"height":"width",this._positionDim="horizontal"===M?"left":"top",this._secondaryPositionDim="horizontal"===M?"top":"left",this._triggerReflow())}get viewportSize(){return this._viewportSize}set viewportSize(M){const{_viewDim1:e,_viewDim2:t}=this;Object.assign(this._viewportSize,M),t!==this._viewDim2?this._scheduleLayoutUpdate():e!==this._viewDim1&&this._checkThresholds()}get viewportScroll(){return this._latestCoords}set viewportScroll(M){Object.assign(this._latestCoords,M);const e=this._scrollPosition;this._scrollPosition=this._latestCoords[this._positionDim];Math.abs(e-this._scrollPosition)>=1&&this._checkThresholds()}reflowIfNeeded(M=!1){(M||this._pendingReflow)&&(this._pendingReflow=!1,this._reflow())}set pin(M){this._pin=M,this._triggerReflow()}get pin(){if(null!==this._pin){const{index:M,block:e}=this._pin;return{index:Math.max(0,Math.min(M,this.items.length-1)),block:e}}return null}_clampScrollPosition(M){return Math.max(-this.offsetWithinScroller[this._positionDim],Math.min(M,this.totalScrollSize[Wx(this.direction)]-this._viewDim1))}unpin(){null!==this._pin&&(this._sendUnpinnedMessage(),this._pin=null)}_updateLayout(){}get _viewDim1(){return this._viewportSize[this._sizeDim]}get _viewDim2(){return this._viewportSize[this._secondarySizeDim]}_scheduleReflow(){this._pendingReflow=!0}_scheduleLayoutUpdate(){this._pendingLayoutUpdate=!0,this._scheduleReflow()}_triggerReflow(){this._scheduleLayoutUpdate(),Promise.resolve().then((()=>this.reflowIfNeeded()))}_reflow(){this._pendingLayoutUpdate&&(this._updateLayout(),this._pendingLayoutUpdate=!1),this._updateScrollSize(),this._setPositionFromPin(),this._getActiveItems(),this._updateVisibleIndices(),this._sendStateChangedMessage()}_setPositionFromPin(){if(null!==this.pin){const M=this._scrollPosition,{index:e,block:t}=this.pin;this._scrollPosition=this._calculateScrollIntoViewPosition({index:e,block:t||"start"})-this.offsetWithinScroller[this._positionDim],this._scrollError=M-this._scrollPosition}}_calculateScrollIntoViewPosition(M){const{block:e}=M,t=Math.min(this.items.length,Math.max(0,M.index)),i=this._getItemPosition(t)[this._positionDim];let N=i;if("start"!==e){const M=this._getItemSize(t)[this._sizeDim];if("center"===e)N=i-.5*this._viewDim1+.5*M;else{const t=i-this._viewDim1+M;if("end"===e)N=t;else{const M=this._scrollPosition;N=Math.abs(M-i)<Math.abs(M-t)?i:t}}}return N+=this.offsetWithinScroller[this._positionDim],this._clampScrollPosition(N)}getScrollIntoViewCoordinates(M){return{[this._positionDim]:this._calculateScrollIntoViewPosition(M)}}_sendUnpinnedMessage(){this._hostSink({type:"unpinned"})}_sendVisibilityChangedMessage(){this._hostSink({type:"visibilityChanged",firstVisible:this._firstVisible,lastVisible:this._lastVisible})}_sendStateChangedMessage(){const M=new Map;if(-1!==this._first&&-1!==this._last)for(let e=this._first;e<=this._last;e++)M.set(e,this._getItemPosition(e));const e={type:"stateChanged",scrollSize:{[this._sizeDim]:this._scrollSize,[this._secondarySizeDim]:null},range:{first:this._first,last:this._last,firstVisible:this._firstVisible,lastVisible:this._lastVisible},childPositions:M};this._scrollError&&(e.scrollError={[this._positionDim]:this._scrollError,[this._secondaryPositionDim]:0},this._scrollError=0),this._hostSink(e)}get _num(){return-1===this._first||-1===this._last?0:this._last-this._first+1}_checkThresholds(){if(0===this._viewDim1&&this._num>0||null!==this._pin)this._scheduleReflow();else{const M=Math.max(0,this._scrollPosition-this._overhang),e=Math.min(this._scrollSize,this._scrollPosition+this._viewDim1+this._overhang);this._physicalMin>M||this._physicalMax<e?this._scheduleReflow():this._updateVisibleIndices({emit:!0})}}_updateVisibleIndices(M){if(-1===this._first||-1===this._last)return;let e=this._first;for(;e<this._last&&Math.round(this._getItemPosition(e)[this._positionDim]+this._getItemSize(e)[this._sizeDim])<=Math.round(this._scrollPosition);)e++;let t=this._last;for(;t>this._first&&Math.round(this._getItemPosition(t)[this._positionDim])>=Math.round(this._scrollPosition+this._viewDim1);)t--;e===this._firstVisible&&t===this._lastVisible||(this._firstVisible=e,this._lastVisible=t,M&&M.emit&&this._sendVisibilityChangedMessage())}}
+ */function Yx(M){return"horizontal"===M?"width":"height"}class bx{_getDefaultConfig(){return{direction:"vertical"}}constructor(M,e){this._latestCoords={left:0,top:0},this._direction=null,this._viewportSize={width:0,height:0},this.totalScrollSize={width:0,height:0},this.offsetWithinScroller={left:0,top:0},this._pendingReflow=!1,this._pendingLayoutUpdate=!1,this._pin=null,this._firstVisible=0,this._lastVisible=0,this._physicalMin=0,this._physicalMax=0,this._first=-1,this._last=-1,this._sizeDim="height",this._secondarySizeDim="width",this._positionDim="top",this._secondaryPositionDim="left",this._scrollPosition=0,this._scrollError=0,this._items=[],this._scrollSize=1,this._overhang=1e3,this._hostSink=M,Promise.resolve().then((()=>this.config=e||this._getDefaultConfig()))}set config(M){Object.assign(this,Object.assign({},this._getDefaultConfig(),M))}get config(){return{direction:this.direction}}get items(){return this._items}set items(M){this._setItems(M)}_setItems(M){M!==this._items&&(this._items=M,this._scheduleReflow())}get direction(){return this._direction}set direction(M){(M="horizontal"===M?M:"vertical")!==this._direction&&(this._direction=M,this._sizeDim="horizontal"===M?"width":"height",this._secondarySizeDim="horizontal"===M?"height":"width",this._positionDim="horizontal"===M?"left":"top",this._secondaryPositionDim="horizontal"===M?"top":"left",this._triggerReflow())}get viewportSize(){return this._viewportSize}set viewportSize(M){const{_viewDim1:e,_viewDim2:t}=this;Object.assign(this._viewportSize,M),t!==this._viewDim2?this._scheduleLayoutUpdate():e!==this._viewDim1&&this._checkThresholds()}get viewportScroll(){return this._latestCoords}set viewportScroll(M){Object.assign(this._latestCoords,M);const e=this._scrollPosition;this._scrollPosition=this._latestCoords[this._positionDim];Math.abs(e-this._scrollPosition)>=1&&this._checkThresholds()}reflowIfNeeded(M=!1){(M||this._pendingReflow)&&(this._pendingReflow=!1,this._reflow())}set pin(M){this._pin=M,this._triggerReflow()}get pin(){if(null!==this._pin){const{index:M,block:e}=this._pin;return{index:Math.max(0,Math.min(M,this.items.length-1)),block:e}}return null}_clampScrollPosition(M){return Math.max(-this.offsetWithinScroller[this._positionDim],Math.min(M,this.totalScrollSize[Yx(this.direction)]-this._viewDim1))}unpin(){null!==this._pin&&(this._sendUnpinnedMessage(),this._pin=null)}_updateLayout(){}get _viewDim1(){return this._viewportSize[this._sizeDim]}get _viewDim2(){return this._viewportSize[this._secondarySizeDim]}_scheduleReflow(){this._pendingReflow=!0}_scheduleLayoutUpdate(){this._pendingLayoutUpdate=!0,this._scheduleReflow()}_triggerReflow(){this._scheduleLayoutUpdate(),Promise.resolve().then((()=>this.reflowIfNeeded()))}_reflow(){this._pendingLayoutUpdate&&(this._updateLayout(),this._pendingLayoutUpdate=!1),this._updateScrollSize(),this._setPositionFromPin(),this._getActiveItems(),this._updateVisibleIndices(),this._sendStateChangedMessage()}_setPositionFromPin(){if(null!==this.pin){const M=this._scrollPosition,{index:e,block:t}=this.pin;this._scrollPosition=this._calculateScrollIntoViewPosition({index:e,block:t||"start"})-this.offsetWithinScroller[this._positionDim],this._scrollError=M-this._scrollPosition}}_calculateScrollIntoViewPosition(M){const{block:e}=M,t=Math.min(this.items.length,Math.max(0,M.index)),i=this._getItemPosition(t)[this._positionDim];let N=i;if("start"!==e){const M=this._getItemSize(t)[this._sizeDim];if("center"===e)N=i-.5*this._viewDim1+.5*M;else{const t=i-this._viewDim1+M;if("end"===e)N=t;else{const M=this._scrollPosition;N=Math.abs(M-i)<Math.abs(M-t)?i:t}}}return N+=this.offsetWithinScroller[this._positionDim],this._clampScrollPosition(N)}getScrollIntoViewCoordinates(M){return{[this._positionDim]:this._calculateScrollIntoViewPosition(M)}}_sendUnpinnedMessage(){this._hostSink({type:"unpinned"})}_sendVisibilityChangedMessage(){this._hostSink({type:"visibilityChanged",firstVisible:this._firstVisible,lastVisible:this._lastVisible})}_sendStateChangedMessage(){const M=new Map;if(-1!==this._first&&-1!==this._last)for(let e=this._first;e<=this._last;e++)M.set(e,this._getItemPosition(e));const e={type:"stateChanged",scrollSize:{[this._sizeDim]:this._scrollSize,[this._secondarySizeDim]:null},range:{first:this._first,last:this._last,firstVisible:this._firstVisible,lastVisible:this._lastVisible},childPositions:M};this._scrollError&&(e.scrollError={[this._positionDim]:this._scrollError,[this._secondaryPositionDim]:0},this._scrollError=0),this._hostSink(e)}get _num(){return-1===this._first||-1===this._last?0:this._last-this._first+1}_checkThresholds(){if(0===this._viewDim1&&this._num>0||null!==this._pin)this._scheduleReflow();else{const M=Math.max(0,this._scrollPosition-this._overhang),e=Math.min(this._scrollSize,this._scrollPosition+this._viewDim1+this._overhang);this._physicalMin>M||this._physicalMax<e?this._scheduleReflow():this._updateVisibleIndices({emit:!0})}}_updateVisibleIndices(M){if(-1===this._first||-1===this._last)return;let e=this._first;for(;e<this._last&&Math.round(this._getItemPosition(e)[this._positionDim]+this._getItemSize(e)[this._sizeDim])<=Math.round(this._scrollPosition);)e++;let t=this._last;for(;t>this._first&&Math.round(this._getItemPosition(t)[this._positionDim])>=Math.round(this._scrollPosition+this._viewDim1);)t--;e===this._firstVisible&&t===this._lastVisible||(this._firstVisible=e,this._lastVisible=t,M&&M.emit&&this._sendVisibilityChangedMessage())}}
 /**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Rx(M){return"horizontal"===M?"marginLeft":"marginTop"}function Gx(M){return"horizontal"===M?"marginRight":"marginBottom"}function Bx(M){return"horizontal"===M?"xOffset":"yOffset"}function _x(M,e){const t=[M,e].sort();return t[1]<=0?Math.min(...t):t[0]>=0?Math.max(...t):t[0]+t[1]}class Fx{constructor(){this._childSizeCache=new Vx,this._marginSizeCache=new Vx,this._metricsCache=new Map}update(M,e){const t=new Set;Object.keys(M).forEach((i=>{const N=Number(i);this._metricsCache.set(N,M[N]),this._childSizeCache.set(N,M[N][Wx(e)]),t.add(N),t.add(N+1)}));for(const M of t){const t=this._metricsCache.get(M)?.[Rx(e)]||0,i=this._metricsCache.get(M-1)?.[Gx(e)]||0;this._marginSizeCache.set(M,_x(t,i))}}get averageChildSize(){return this._childSizeCache.averageSize}get totalChildSize(){return this._childSizeCache.totalSize}get averageMarginSize(){return this._marginSizeCache.averageSize}get totalMarginSize(){return this._marginSizeCache.totalSize}getLeadingMarginValue(M,e){return this._metricsCache.get(M)?.[Rx(e)]||0}getChildSize(M){return this._childSizeCache.getSize(M)}getMarginSize(M){return this._marginSizeCache.getSize(M)}clear(){this._childSizeCache.clear(),this._marginSizeCache.clear(),this._metricsCache.clear()}}var Jx=Object.freeze({__proto__:null,FlowLayout:class extends Px{constructor(){super(...arguments),this._itemSize={width:100,height:100},this._physicalItems=new Map,this._newPhysicalItems=new Map,this._metricsCache=new Fx,this._anchorIdx=null,this._anchorPos=null,this._stable=!0,this._measureChildren=!0,this._estimate=!0}get measureChildren(){return this._measureChildren}updateItemSizes(M){this._metricsCache.update(M,this.direction),this._scheduleReflow()}_getPhysicalItem(M){return this._newPhysicalItems.get(M)??this._physicalItems.get(M)}_getSize(M){return this._getPhysicalItem(M)&&this._metricsCache.getChildSize(M)}_getAverageSize(){return this._metricsCache.averageChildSize||this._itemSize[this._sizeDim]}_estimatePosition(M){const e=this._metricsCache;if(-1===this._first||-1===this._last)return e.averageMarginSize+M*(e.averageMarginSize+this._getAverageSize());if(M<this._first){const t=this._first-M;return this._getPhysicalItem(this._first).pos-(e.getMarginSize(this._first-1)||e.averageMarginSize)-(t*e.averageChildSize+(t-1)*e.averageMarginSize)}{const t=M-this._last;return this._getPhysicalItem(this._last).pos+(e.getChildSize(this._last)||e.averageChildSize)+(e.getMarginSize(this._last)||e.averageMarginSize)+t*(e.averageChildSize+e.averageMarginSize)}}_getPosition(M){const e=this._getPhysicalItem(M),{averageMarginSize:t}=this._metricsCache;return 0===M?this._metricsCache.getMarginSize(0)??t:e?e.pos:this._estimatePosition(M)}_calculateAnchor(M,e){return M<=0?0:e>this._scrollSize-this._viewDim1?this.items.length-1:Math.max(0,Math.min(this.items.length-1,Math.floor((M+e)/2/this._delta)))}_getAnchor(M,e){if(0===this._physicalItems.size)return this._calculateAnchor(M,e);if(this._first<0)return this._calculateAnchor(M,e);if(this._last<0)return this._calculateAnchor(M,e);const t=this._getPhysicalItem(this._first),i=this._getPhysicalItem(this._last),N=t.pos;if(i.pos+this._metricsCache.getChildSize(this._last)<M)return this._calculateAnchor(M,e);if(N>e)return this._calculateAnchor(M,e);let o=this._firstVisible-1,s=-1/0;for(;s<M;){s=this._getPhysicalItem(++o).pos+this._metricsCache.getChildSize(o)}return o}_getActiveItems(){0===this._viewDim1||0===this.items.length?this._clearItems():this._getItems()}_clearItems(){this._first=-1,this._last=-1,this._physicalMin=0,this._physicalMax=0;const M=this._newPhysicalItems;this._newPhysicalItems=this._physicalItems,this._newPhysicalItems.clear(),this._physicalItems=M,this._stable=!0}_getItems(){const M=this._newPhysicalItems;let e,t;if(this._stable=!0,null!==this.pin){const{index:M}=this.pin;this._anchorIdx=M,this._anchorPos=this._getPosition(M)}if(e=this._scrollPosition-this._overhang,t=this._scrollPosition+this._viewDim1+this._overhang,t<0||e>this._scrollSize)return void this._clearItems();null!==this._anchorIdx&&null!==this._anchorPos||(this._anchorIdx=this._getAnchor(e,t),this._anchorPos=this._getPosition(this._anchorIdx));let i=this._getSize(this._anchorIdx);void 0===i&&(this._stable=!1,i=this._getAverageSize());const N=this._metricsCache.getMarginSize(this._anchorIdx)??this._metricsCache.averageMarginSize,o=this._metricsCache.getMarginSize(this._anchorIdx+1)??this._metricsCache.averageMarginSize;0===this._anchorIdx&&(this._anchorPos=N),this._anchorIdx===this.items.length-1&&(this._anchorPos=this._scrollSize-o-i);let s=0;for(this._anchorPos+i+o<e&&(s=e-(this._anchorPos+i+o)),this._anchorPos-N>t&&(s=t-(this._anchorPos-N)),s&&(this._scrollPosition-=s,e-=s,t-=s,this._scrollError+=s),M.set(this._anchorIdx,{pos:this._anchorPos,size:i}),this._first=this._last=this._anchorIdx,this._physicalMin=this._anchorPos-N,this._physicalMax=this._anchorPos+i+o;this._physicalMin>e&&this._first>0;){let e=this._getSize(--this._first);void 0===e&&(this._stable=!1,e=this._getAverageSize());let t=this._metricsCache.getMarginSize(this._first);void 0===t&&(this._stable=!1,t=this._metricsCache.averageMarginSize),this._physicalMin-=e;const i=this._physicalMin;if(M.set(this._first,{pos:i,size:e}),this._physicalMin-=t,!1===this._stable&&!1===this._estimate)break}for(;this._physicalMax<t&&this._last<this.items.length-1;){let e=this._getSize(++this._last);void 0===e&&(this._stable=!1,e=this._getAverageSize());let t=this._metricsCache.getMarginSize(this._last);void 0===t&&(this._stable=!1,t=this._metricsCache.averageMarginSize);const i=this._physicalMax;if(M.set(this._last,{pos:i,size:e}),this._physicalMax+=e+t,!this._stable&&!this._estimate)break}const n=this._calculateError();n&&(this._physicalMin-=n,this._physicalMax-=n,this._anchorPos-=n,this._scrollPosition-=n,M.forEach((M=>M.pos-=n)),this._scrollError+=n),this._stable&&(this._newPhysicalItems=this._physicalItems,this._newPhysicalItems.clear(),this._physicalItems=M)}_calculateError(){return 0===this._first?this._physicalMin:this._physicalMin<=0?this._physicalMin-this._first*this._delta:this._last===this.items.length-1?this._physicalMax-this._scrollSize:this._physicalMax>=this._scrollSize?this._physicalMax-this._scrollSize+(this.items.length-1-this._last)*this._delta:0}_reflow(){const{_first:M,_last:e}=this;super._reflow(),(-1===this._first&&-1==this._last||this._first===M&&this._last===e)&&this._resetReflowState()}_resetReflowState(){this._anchorIdx=null,this._anchorPos=null,this._stable=!0}_updateScrollSize(){const{averageMarginSize:M}=this._metricsCache;this._scrollSize=Math.max(1,this.items.length*(M+this._getAverageSize())+M)}get _delta(){const{averageMarginSize:M}=this._metricsCache;return this._getAverageSize()+M}_getItemPosition(M){return{[this._positionDim]:this._getPosition(M),[this._secondaryPositionDim]:0,[Bx(this.direction)]:-(this._metricsCache.getLeadingMarginValue(M,this.direction)??this._metricsCache.averageMarginSize)}}_getItemSize(M){return{[this._sizeDim]:this._getSize(M)||this._getAverageSize(),[this._secondarySizeDim]:this._itemSize[this._secondarySizeDim]}}_viewDim2Changed(){this._metricsCache.clear(),this._scheduleReflow()}}});export{Ax as NileAccordion,lN as NileAutoComplete,PL as NileAvatar,ue as NileBadge,DL as NileBreadcrumb,aL as NileBreadcrumbItem,BM as NileButton,TL as NileButtonFilter,mN as NileButtonToggle,CN as NileButtonToggleGroup,pN as NileCalendar,jL as NileCard,Ye as NileCheckbox,jN as NileChip,yL as NileCircularProgressbar,tL as NileCodeEditor,RN as NileContentEditor,TN as NileDatePicker,BN as NileDialog,hx as NileDivider,Ue as NileDrawer,Oi as NileDropdown,_L as NileEmptyState,yN as NileErrorMessage,FN as NileErrorNotification,bx as NileFilterChip,dN as NileFormErrorMessage,lL as NileFormGroup,LN as NileFormHelpText,Nx as NileFormatDate,_M as NileHeading,JL as NileHero,Mx as NileHeroHeader,wM as NileIcon,ae as NileIconButton,wx as NileInlineEdit,Ne as NileInput,EN as NileLink,Ox as NileList,Ix as NileListItem,oi as NileLoader,ne as NileMenu,Ii as NileMenuItem,ci as NileOption,GL as NilePageHeader,Zx as NilePagination,zL as NilePopover,Kt as NilePopup,ni as NileProgressBar,fe as NileRadio,Ze as NileRadioGroup,Sx as NileSectionMessage,gi as NileSelect,oe as NileSidebar,dL as NileSidebarMenu,LL as NileSidebarMenuItems,pL as NileSidebarWrapper,ii as NileSlideToggle,ri as NileSpinner,nx as NileSplitPanel,qL as NileStepper,$L as NileStepperItem,VN as NileSwitcher,qN as NileTab,XN as NileTabGroup,eo as NileTabPanel,Ux as NileTable,vL as NileTableBody,CL as NileTableCellItem,VL as NileTableHeaderItem,bL as NileTableRow,li as NileTag,zN as NileTextarea,xx as NileTitle,sL as NileToast,Ex as NileToolbar,ei as NileTooltip,cx as NileTree,lx as NileTreeItem,tx as NileVerticalStepperItem};
+ */function fx(M){return"horizontal"===M?"marginLeft":"marginTop"}function vx(M){return"horizontal"===M?"marginRight":"marginBottom"}function Zx(M){return"horizontal"===M?"xOffset":"yOffset"}function Vx(M,e){const t=[M,e].sort();return t[1]<=0?Math.min(...t):t[0]>=0?Math.max(...t):t[0]+t[1]}class Wx{constructor(){this._childSizeCache=new Cx,this._marginSizeCache=new Cx,this._metricsCache=new Map}update(M,e){const t=new Set;Object.keys(M).forEach((i=>{const N=Number(i);this._metricsCache.set(N,M[N]),this._childSizeCache.set(N,M[N][Yx(e)]),t.add(N),t.add(N+1)}));for(const M of t){const t=this._metricsCache.get(M)?.[fx(e)]||0,i=this._metricsCache.get(M-1)?.[vx(e)]||0;this._marginSizeCache.set(M,Vx(t,i))}}get averageChildSize(){return this._childSizeCache.averageSize}get totalChildSize(){return this._childSizeCache.totalSize}get averageMarginSize(){return this._marginSizeCache.averageSize}get totalMarginSize(){return this._marginSizeCache.totalSize}getLeadingMarginValue(M,e){return this._metricsCache.get(M)?.[fx(e)]||0}getChildSize(M){return this._childSizeCache.getSize(M)}getMarginSize(M){return this._marginSizeCache.getSize(M)}clear(){this._childSizeCache.clear(),this._marginSizeCache.clear(),this._metricsCache.clear()}}var Px=Object.freeze({__proto__:null,FlowLayout:class extends bx{constructor(){super(...arguments),this._itemSize={width:100,height:100},this._physicalItems=new Map,this._newPhysicalItems=new Map,this._metricsCache=new Wx,this._anchorIdx=null,this._anchorPos=null,this._stable=!0,this._measureChildren=!0,this._estimate=!0}get measureChildren(){return this._measureChildren}updateItemSizes(M){this._metricsCache.update(M,this.direction),this._scheduleReflow()}_getPhysicalItem(M){return this._newPhysicalItems.get(M)??this._physicalItems.get(M)}_getSize(M){return this._getPhysicalItem(M)&&this._metricsCache.getChildSize(M)}_getAverageSize(){return this._metricsCache.averageChildSize||this._itemSize[this._sizeDim]}_estimatePosition(M){const e=this._metricsCache;if(-1===this._first||-1===this._last)return e.averageMarginSize+M*(e.averageMarginSize+this._getAverageSize());if(M<this._first){const t=this._first-M;return this._getPhysicalItem(this._first).pos-(e.getMarginSize(this._first-1)||e.averageMarginSize)-(t*e.averageChildSize+(t-1)*e.averageMarginSize)}{const t=M-this._last;return this._getPhysicalItem(this._last).pos+(e.getChildSize(this._last)||e.averageChildSize)+(e.getMarginSize(this._last)||e.averageMarginSize)+t*(e.averageChildSize+e.averageMarginSize)}}_getPosition(M){const e=this._getPhysicalItem(M),{averageMarginSize:t}=this._metricsCache;return 0===M?this._metricsCache.getMarginSize(0)??t:e?e.pos:this._estimatePosition(M)}_calculateAnchor(M,e){return M<=0?0:e>this._scrollSize-this._viewDim1?this.items.length-1:Math.max(0,Math.min(this.items.length-1,Math.floor((M+e)/2/this._delta)))}_getAnchor(M,e){if(0===this._physicalItems.size)return this._calculateAnchor(M,e);if(this._first<0)return this._calculateAnchor(M,e);if(this._last<0)return this._calculateAnchor(M,e);const t=this._getPhysicalItem(this._first),i=this._getPhysicalItem(this._last),N=t.pos;if(i.pos+this._metricsCache.getChildSize(this._last)<M)return this._calculateAnchor(M,e);if(N>e)return this._calculateAnchor(M,e);let o=this._firstVisible-1,s=-1/0;for(;s<M;){s=this._getPhysicalItem(++o).pos+this._metricsCache.getChildSize(o)}return o}_getActiveItems(){0===this._viewDim1||0===this.items.length?this._clearItems():this._getItems()}_clearItems(){this._first=-1,this._last=-1,this._physicalMin=0,this._physicalMax=0;const M=this._newPhysicalItems;this._newPhysicalItems=this._physicalItems,this._newPhysicalItems.clear(),this._physicalItems=M,this._stable=!0}_getItems(){const M=this._newPhysicalItems;let e,t;if(this._stable=!0,null!==this.pin){const{index:M}=this.pin;this._anchorIdx=M,this._anchorPos=this._getPosition(M)}if(e=this._scrollPosition-this._overhang,t=this._scrollPosition+this._viewDim1+this._overhang,t<0||e>this._scrollSize)return void this._clearItems();null!==this._anchorIdx&&null!==this._anchorPos||(this._anchorIdx=this._getAnchor(e,t),this._anchorPos=this._getPosition(this._anchorIdx));let i=this._getSize(this._anchorIdx);void 0===i&&(this._stable=!1,i=this._getAverageSize());const N=this._metricsCache.getMarginSize(this._anchorIdx)??this._metricsCache.averageMarginSize,o=this._metricsCache.getMarginSize(this._anchorIdx+1)??this._metricsCache.averageMarginSize;0===this._anchorIdx&&(this._anchorPos=N),this._anchorIdx===this.items.length-1&&(this._anchorPos=this._scrollSize-o-i);let s=0;for(this._anchorPos+i+o<e&&(s=e-(this._anchorPos+i+o)),this._anchorPos-N>t&&(s=t-(this._anchorPos-N)),s&&(this._scrollPosition-=s,e-=s,t-=s,this._scrollError+=s),M.set(this._anchorIdx,{pos:this._anchorPos,size:i}),this._first=this._last=this._anchorIdx,this._physicalMin=this._anchorPos-N,this._physicalMax=this._anchorPos+i+o;this._physicalMin>e&&this._first>0;){let e=this._getSize(--this._first);void 0===e&&(this._stable=!1,e=this._getAverageSize());let t=this._metricsCache.getMarginSize(this._first);void 0===t&&(this._stable=!1,t=this._metricsCache.averageMarginSize),this._physicalMin-=e;const i=this._physicalMin;if(M.set(this._first,{pos:i,size:e}),this._physicalMin-=t,!1===this._stable&&!1===this._estimate)break}for(;this._physicalMax<t&&this._last<this.items.length-1;){let e=this._getSize(++this._last);void 0===e&&(this._stable=!1,e=this._getAverageSize());let t=this._metricsCache.getMarginSize(this._last);void 0===t&&(this._stable=!1,t=this._metricsCache.averageMarginSize);const i=this._physicalMax;if(M.set(this._last,{pos:i,size:e}),this._physicalMax+=e+t,!this._stable&&!this._estimate)break}const n=this._calculateError();n&&(this._physicalMin-=n,this._physicalMax-=n,this._anchorPos-=n,this._scrollPosition-=n,M.forEach((M=>M.pos-=n)),this._scrollError+=n),this._stable&&(this._newPhysicalItems=this._physicalItems,this._newPhysicalItems.clear(),this._physicalItems=M)}_calculateError(){return 0===this._first?this._physicalMin:this._physicalMin<=0?this._physicalMin-this._first*this._delta:this._last===this.items.length-1?this._physicalMax-this._scrollSize:this._physicalMax>=this._scrollSize?this._physicalMax-this._scrollSize+(this.items.length-1-this._last)*this._delta:0}_reflow(){const{_first:M,_last:e}=this;super._reflow(),(-1===this._first&&-1==this._last||this._first===M&&this._last===e)&&this._resetReflowState()}_resetReflowState(){this._anchorIdx=null,this._anchorPos=null,this._stable=!0}_updateScrollSize(){const{averageMarginSize:M}=this._metricsCache;this._scrollSize=Math.max(1,this.items.length*(M+this._getAverageSize())+M)}get _delta(){const{averageMarginSize:M}=this._metricsCache;return this._getAverageSize()+M}_getItemPosition(M){return{[this._positionDim]:this._getPosition(M),[this._secondaryPositionDim]:0,[Zx(this.direction)]:-(this._metricsCache.getLeadingMarginValue(M,this.direction)??this._metricsCache.averageMarginSize)}}_getItemSize(M){return{[this._sizeDim]:this._getSize(M)||this._getAverageSize(),[this._secondarySizeDim]:this._itemSize[this._secondarySizeDim]}}_viewDim2Changed(){this._metricsCache.clear(),this._scheduleReflow()}}});export{cx as NileAccordion,lN as NileAutoComplete,bL as NileAvatar,ue as NileBadge,DL as NileBreadcrumb,aL as NileBreadcrumbItem,BM as NileButton,TL as NileButtonFilter,mN as NileButtonToggle,CN as NileButtonToggleGroup,pN as NileCalendar,jL as NileCard,Ye as NileCheckbox,jN as NileChip,yL as NileCircularProgressbar,tL as NileCodeEditor,RN as NileContentEditor,TN as NileDatePicker,BN as NileDialog,Ix as NileDivider,Ue as NileDrawer,Oi as NileDropdown,VL as NileEmptyState,yN as NileErrorMessage,FN as NileErrorNotification,kx as NileFilterChip,dN as NileFormErrorMessage,lL as NileFormGroup,LN as NileFormHelpText,qL as NileFormatDate,_M as NileHeading,PL as NileHero,JL as NileHeroHeader,wM as NileIcon,ae as NileIconButton,xx as NileInlineEdit,Ne as NileInput,EN as NileLink,gx as NileList,ux as NileListItem,oi as NileLoader,ne as NileMenu,Ii as NileMenuItem,ci as NileOption,vL as NilePageHeader,Ux as NilePagination,zL as NilePopover,Kt as NilePopup,ni as NileProgressBar,fe as NileRadio,Ze as NileRadioGroup,Ax as NileSectionMessage,gi as NileSelect,oe as NileSidebar,dL as NileSidebarMenu,LL as NileSidebarMenuItems,pL as NileSidebarWrapper,ii as NileSlideToggle,ri as NileSpinner,ex as NileSplitPanel,_L as NileStepper,GL as NileStepperItem,VN as NileSwitcher,qN as NileTab,XN as NileTabGroup,eo as NileTabPanel,Sx as NileTable,mL as NileTableBody,QL as NileTableCellItem,CL as NileTableHeaderItem,kL as NileTableRow,li as NileTag,zN as NileTextarea,Ox as NileTitle,sL as NileToast,hx as NileToolbar,ei as NileTooltip,rx as NileTree,sx as NileTreeItem,$L as NileVerticalStepperItem};