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

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",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`
+    `}};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`
       <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 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`
+ */(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 Xx}))).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}
@@ -10322,20 +10322,209 @@ 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}}})],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);
+  `}};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);const Cx=s`
+  :host {
+    display: block;
+  }
+
+  .container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 10px;
+    height: 100px;
+  }
+
+  .align-item-center {
+    align-items: center;
+  }
+
+  slot.span {
+    font-size: var(--nile-font-size-micro);
+    margin-top: 14px;
+  }
+
+  .range-container {
+    display: flex;
+    flex-direction: column;
+    gap: var(--nile-spacing-sm);
+  }
+
+  .column-reverse {
+    flex-direction: column-reverse;
+  }
+
+  .label-container {
+    display: flex;
+    justify-content: space-between;
+  }
+
+  .label-container span {
+    margin: var(--nile-spacing-none);
+    padding: var(--nile-spacing-none);
+    font-size: var(--nile-font-size-micro);
+  }
+
+  .range {
+    position: relative;
+    width: 228px;
+    height: 4px;
+    background-color: var(--nile-colors-neutral-400);
+    user-select: none;
+    border-radius: var(--nile-radius-radius-3xl);
+  }
+
+  .range:hover {
+    cursor: pointer;
+  }
+
+  .range-completed {
+    position: absolute;
+    height: 100%;
+    width: 0%;
+    background-color: var(--nile-colors-primary-600);
+    top: 0px;
+    left: 0px;
+    z-index: 98;
+    border-radius: var(--nile-radius-radius-3xl);
+  }
+
+  .range-button {
+    height: 12px;
+    width: 12px;
+    background-color: var(--nile-colors-primary-600);
+    position: absolute;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    border-radius: var(--nile-radius-radius-3xl);
+    left: 0;
+    z-index: 100;
+    box-shadow: rgba(0, 82, 145, 0.1) 0px 1px 2px 0px, rgba(0, 94, 166, 0.15) 0px 0px 0px 2px;
+    transition: box-shadow var(--nile-transition-duration-default) ease;
+  }
+
+  .range-button:hover, .range-button-two:hover {
+    cursor: pointer;
+    background-color: var(--nile-colors-primary-700);
+  }
+
+  .range-button:active, .range-button-two:active {
+    transition: box-shadow var(--nile-transition-duration-default) ease;
+    background-color: var(--nile-colors-primary-700);
+    box-shadow: rgba(0, 82, 145, 0.1) 0px 1px 2px 0px, rgba(0, 94, 166, 0.15) 0px 0px 0px 4px;
+  }
+
+  .range-button-two {
+    height: 12px;
+    width: 12px;
+    background-color: var(--nile-colors-primary-600);
+    position: absolute;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    border-radius: var(--nile-radius-radius-3xl);
+    left: 100%;
+    z-index: 100;
+    box-shadow: rgba(0, 82, 145, 0.1) 0px 1px 2px 0px, rgba(0, 94, 166, 0.15) 0px 0px 0px 2px;
+    transition: box-shadow var(--nile-transition-duration-default) ease;
+  }
+`,Yx=(M,e)=>Math.max(0,Math.min(e,M.width))/M.width*100,bx=(M,e)=>{const t=e.minValue+M/100*(e.maxValue-e.minValue);return e.maxValue-e.minValue<1?parseFloat(t.toFixed(2)):Math.floor(t)},fx=(M,e)=>(M-e.minValue)/(e.maxValue-e.minValue)*100,vx=(M,e,t)=>{const i=M.clientX-e.left,N=Yx(e,i);t.value=bx(N,t),t.emit("nile-change",{value:t.value}),t.buttonOne.style.left=`${N}%`,t.completed.style.width=`${N}%`},Zx=M=>{window.addEventListener("mousemove",M.onMouseMove),window.addEventListener("mouseup",M.onMouseUp)};let Vx=class extends PM{constructor(){super(...arguments),this.minValue=0,this.value=this.minValue,this.maxValue=100,this.rangeOneValue=this.minValue,this.rangeTwoValue=this.maxValue,this.showLabel=!1,this.labelStart="",this.labelEnd="",this.rangeSlider=!1,this.labelPosition="top",this.tooltipPosition="top",this.activeThumb=null,this.onMouseMove=M=>{const e=this.range.getBoundingClientRect();if(this.rangeSlider){"one"===this.activeThumb?((M,e,t)=>{const i=M.clientX-e.left,N=Yx(e,i);t.rangeOneValue=bx(N,t),t.rangeOneValue=Math.min(t.rangeOneValue,t.rangeTwoValue),t.emit("nile-button-first-change",{value:t.rangeOneValue}),t.rangeTwoValue>t.rangeOneValue&&(t.buttonOne.style.left=`${N}%`)})(M,e,this):"two"===this.activeThumb&&((M,e,t)=>{const i=M.clientX-e.left,N=Yx(e,i);t.rangeTwoValue=bx(N,t),t.rangeTwoValue=Math.max(t.rangeTwoValue,t.rangeOneValue),t.emit("nile-button-last-change",{value:t.rangeTwoValue}),t.rangeTwoValue>t.rangeOneValue&&(t.buttonTwo.style.left=`${N}%`)})(M,e,this);const t=fx(this.rangeOneValue,this),i=fx(this.rangeTwoValue,this),N=Math.min(t,i),o=Math.abs(i-t);this.rangeTwoValue>=this.rangeOneValue&&(this.completed.style.left=`${N}%`,this.completed.style.width=`${o}%`)}else vx(M,e,this)},this.onMouseUp=()=>{var M;this.rangeSlider?(this.emit("nile-button-first-change-end",{value:this.rangeOneValue}),this.emit("nile-button-last-change-end",{value:this.rangeTwoValue})):this.emit("nile-change-end",{value:this.value}),this.activeThumb=null,M=this,window.removeEventListener("mousemove",M.onMouseMove),window.removeEventListener("mouseup",M.onMouseUp)},this.onMouseDown=M=>{const e=this.range.getBoundingClientRect(),t=(M.clientX-e.left)/e.width*100,i=this.minValue+t/100*(this.maxValue-this.minValue);if(this.rangeSlider){((M,e)=>{if(Math.abs(M-e.rangeOneValue)<=Math.abs(M-e.rangeTwoValue)){const t=Math.min(M,e.rangeTwoValue);e.rangeOneValue=e.checkValueValidity(t,e.minValue,e.maxValue)}else{const t=Math.max(M,e.rangeOneValue);e.rangeTwoValue=e.checkValueValidity(t,e.minValue,e.maxValue)}const t=fx(e.rangeOneValue,e),i=fx(e.rangeTwoValue,e);e.buttonOne.style.left=`${t}%`,e.buttonTwo.style.left=`${i}%`;const N=Math.min(t,i),o=Math.abs(i-t);e.completed.style.left=`${N}%`,e.completed.style.width=`${o}%`,e.emit("nile-button-first-change",{value:e.rangeOneValue}),e.emit("nile-button-last-change",{value:e.rangeTwoValue})})(i,this);const M=Math.abs(i-this.rangeOneValue),e=Math.abs(i-this.rangeTwoValue);this.activeThumb=M<=e?"one":"two",Zx(this)}else vx(M,e,this),this.activeThumb="one",Zx(this)}}static get styles(){return[Cx]}connectedCallback(){super.connectedCallback(),this.emit("nile-init"),this.rangeSlider&&this.checkRangeValidity()}firstUpdated(M){var e;if((e=this).range=e.renderRoot.querySelector(".range"),e.buttonOne=e.renderRoot.querySelector(".range-button"),e.buttonTwo=e.renderRoot.querySelector(".range-button-two"),e.completed=e.renderRoot.querySelector(".range-completed"),e.range.addEventListener("mousedown",e.onMouseDown),e.buttonOne?.addEventListener("mousedown",(()=>{e.activeThumb="one",Zx(e)})),e.buttonTwo?.addEventListener("mousedown",(()=>{e.activeThumb="two",Zx(e)})),!this.rangeSlider&&M.has("value")){this.value=this.checkValueValidity(this.value,this.minValue,this.maxValue);const M=fx(this.value,this);this.buttonOne.style.left=`${M}%`,this.completed.style.width=`${M}%`}else if(this.rangeSlider){const M=fx(this.rangeOneValue,this),e=fx(this.rangeTwoValue,this);this.buttonOne&&(this.buttonOne.style.left=`${M}%`),this.buttonTwo&&(this.buttonTwo.style.left=`${e}%`);const t=Math.min(M,e),i=Math.abs(e-M);this.completed.style.left=`${t}%`,this.completed.style.width=`${i}%`}}checkValueValidity(M,e,t){return t-e<=1?Math.max(e,Math.min(M,t)):Math.floor(Math.max(e,Math.min(M,t)))}checkRangeValidity(){this.rangeTwoValue>this.maxValue?this.rangeTwoValue=this.maxValue:this.rangeTwoValue<this.rangeOneValue&&(this.rangeTwoValue=this.rangeOneValue),this.rangeOneValue<this.minValue?this.rangeOneValue=this.minValue:this.rangeOneValue>this.rangeTwoValue&&(this.rangeOneValue=this.rangeTwoValue)}render(){const M=this.showLabel,e=M?"label-start label-end":void 0;return R`
+      <div
+        part="base"
+        class=${LM({container:!0,"align-item-center":!M})}
+      >
+        <slot class="span" name="prefix"></slot>
+  
+        <div
+          part="range-container"
+          class=${LM({"range-container":!0,"column-reverse":"bottom"===this.labelPosition})}
+        >
+          ${M?(t=this,R`
+    <div part="label-container" class="label-container">
+      <span id="label-start">${t.labelStart}</span>
+      <span id="label-end">${t.labelEnd}</span>
+    </div>
+  `):R``}
+  
+          <div
+            class="range"
+            part="range"
+            role="group"
+            aria-labelledby=${e}
+          >
+            <span class="range-completed" part="range-completed"></span>
+            ${this.rangeSlider?(M=>R`
+    <div>
+      <nile-tooltip
+        content=${M.rangeOneValue}
+        placement=${M.tooltipPosition}
+      >
+        <div 
+          id="range-one" 
+          class="range-button"
+          part="range-button"
+          role="slider"
+          tabindex="0"
+          aria-valuemin=${M.minValue}
+          aria-valuemax=${M.maxValue}
+          aria-valuenow=${M.rangeOneValue}
+          aria-label="Minimum value"
+        ></div>
+      </nile-tooltip>
+      <nile-tooltip
+        content=${M.rangeTwoValue}
+        placement=${M.tooltipPosition}
+      >
+        <div
+          id="range-two"
+          class="range-button-two"
+          part="range-button-two"
+          role="slider"
+          tabindex="0"
+          aria-valuemin=${M.minValue}
+          aria-valuemax=${M.maxValue}
+          aria-valuenow=${M.rangeTwoValue}
+          aria-label="Maximum value"
+        ></div>
+      </nile-tooltip>
+    </div>
+  `)(this):(M=>R`
+    <div>
+      <nile-tooltip
+        content=${M.value}
+        placement=${M.tooltipPosition}
+      >
+        <div 
+          class=${LM({"range-button":!0,"range-button-active":"one"===M.activeThumb})} 
+          part="range-button"
+          role="slider"
+          tabindex="0"
+          aria-valuemin=${M.minValue}
+          aria-valuemax=${M.maxValue}
+          aria-valuenow=${M.value}
+          aria-label=${M.ariaLabel||"Slider value"}
+        ></div>
+      </nile-tooltip>
+    </div>
+  `)(this)}
+          </div>
+        </div>
+  
+        <slot class="span" name="suffix"></slot>
+      </div>
+    `;var t}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}};M([gM({type:Number})],Vx.prototype,"minValue",void 0),M([gM({type:Number})],Vx.prototype,"value",void 0),M([gM({type:Number})],Vx.prototype,"maxValue",void 0),M([gM({type:Number})],Vx.prototype,"rangeOneValue",void 0),M([gM({type:Number})],Vx.prototype,"rangeTwoValue",void 0),M([gM({type:Boolean})],Vx.prototype,"showLabel",void 0),M([gM({type:String})],Vx.prototype,"labelStart",void 0),M([gM({type:String})],Vx.prototype,"labelEnd",void 0),M([gM({type:Boolean})],Vx.prototype,"rangeSlider",void 0),M([gM({type:String})],Vx.prototype,"labelPosition",void 0),M([gM({type:String})],Vx.prototype,"tooltipPosition",void 0),Vx=M([aM("nile-slider")],Vx);
 /**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-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}}
+class Wx{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 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())}}
+ */function Px(M){return"horizontal"===M?"width":"height"}class Rx{_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[Px(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 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};
+ */function Gx(M){return"horizontal"===M?"marginLeft":"marginTop"}function Bx(M){return"horizontal"===M?"marginRight":"marginBottom"}function _x(M){return"horizontal"===M?"xOffset":"yOffset"}function Fx(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 Jx{constructor(){this._childSizeCache=new Wx,this._marginSizeCache=new Wx,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][Px(e)]),t.add(N),t.add(N+1)}));for(const M of t){const t=this._metricsCache.get(M)?.[Gx(e)]||0,i=this._metricsCache.get(M-1)?.[Bx(e)]||0;this._marginSizeCache.set(M,Fx(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)?.[Gx(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 Xx=Object.freeze({__proto__:null,FlowLayout:class extends Rx{constructor(){super(...arguments),this._itemSize={width:100,height:100},this._physicalItems=new Map,this._newPhysicalItems=new Map,this._metricsCache=new Jx,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,[_x(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,Vx as NileSlider,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};