@aquera/nile-elements 0.0.55 → 0.0.57

package/dist/index.iife.js

@@ -1395,7 +1395,7 @@ const mM=Symbol.for(""),fM=M=>{if((null==M?void 0:M.r)===mM)return null==M?void
      * @license
      * Copyright 2020 Google LLC
      * SPDX-License-Identifier: BSD-3-Clause
-     */,{I:XM}=eM,HM=()=>document.createComment(""),$M=(M,i,t)=>{var e;const N=M._$AA.parentNode,s=void 0===i?M._$AB:i._$AA;if(void 0===t){const i=N.insertBefore(HM(),s),e=N.insertBefore(HM(),s);t=new XM(i,e,M,M.options)}else{const i=t._$AB.nextSibling,D=t._$AM,u=D!==M;if(u){let i;null===(e=t._$AQ)||void 0===e||e.call(t,M),t._$AM=M,void 0!==t._$AP&&(i=M._$AU)!==D._$AU&&t._$AP(i)}if(i!==s||u){let M=t._$AA;for(;M!==i;){const i=M.nextSibling;N.insertBefore(M,s),M=i}}}return t},_M=(M,i,t=M)=>(M._$AI(i,t),M),qM={},KM=(M,i=qM)=>M._$AH=i,Mi=M=>{var i;null===(i=M._$AP)||void 0===i||i.call(M,!1,!0);let t=M._$AA;const e=M._$AB.nextSibling;for(;t!==e;){const M=t.nextSibling;t.remove(),t=M}},ii=hM(class extends AM{constructor(M){if(super(M),M.type!==LM&&M.type!==OM&&M.type!==yM)throw Error("The `live` directive is not allowed on child or event bindings");if(!(M=>void 0===M.strings)(M))throw Error("`live` bindings can only contain a single expression")}render(M){return M}update(M,[i]){if(i===V||i===G)return i;const t=M.element,e=M.name;if(M.type===LM){if(i===t[e])return V}else if(M.type===yM){if(!!i===t.hasAttribute(e))return V}else if(M.type===OM&&t.getAttribute(e)===i+"")return V;return KM(M),i}});M.NileInput=class extends BM{constructor(){super(...arguments),this.formControlController=new pM(this,{assumeInteractionOn:["nile-blur","nile-input"]}),this.hasSlotController=new ZM(this,"help-text","label"),this.hasFocus=!1,this.title="",this.type="text",this.name="",this.value="",this.checkNonPrintableChar=!1,this.defaultValue="",this.size="medium",this.filled=!1,this.warning=!1,this.error=!1,this.success=!1,this.destructive=!1,this.pill=!1,this.label="",this.helpText="",this.errorMessage="",this.clearable=!1,this.disabled=!1,this.placeholder="",this.readonly=!1,this.passwordToggle=!1,this.passwordVisible=!1,this.noSpinButtons=!1,this.form="",this.required=!1,this.autocomplete="off",this.spellcheck=!0,this.hasPrintableCharacters=!1}connectedCallback(){super.connectedCallback(),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}get valueAsDate(){const M=document.createElement("input");return M.type="date",M.value=this.value,M.valueAsDate}set valueAsDate(M){const i=document.createElement("input");i.type="date",i.valueAsDate=M,this.value=i.value}get valueAsNumber(){const M=document.createElement("input");return M.type="number",M.value=this.value,M.valueAsNumber}set valueAsNumber(M){const i=document.createElement("input");i.type="number",i.valueAsNumber=M,this.value=i.value}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("nile-blur",{value:this.value})}handleChange(){this.value=this.input.value,this.emit("nile-change",{value:this.value})}handleClearClick(M){this.value="",this.emit("nile-clear",{value:this.value}),this.emit("nile-input",{value:this.value}),this.emit("nile-change",{value:this.value}),this.input.focus(),M.stopPropagation()}handleFocus(){this.hasFocus=!0,this.emit("nile-focus",{value:this.value}),this.checkNonPrintableChar&&this.markNonPrintableCharacters()}handleInput(){this.value=this.input.value,this.formControlController.updateValidity(),this.emit("nile-input",{value:this.value})}handleInvalid(M){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(M)}handleKeyDown(M){const i=M.metaKey||M.ctrlKey||M.shiftKey||M.altKey;"Enter"!==M.key||i||setTimeout((()=>{M.defaultPrevented||M.isComposing||this.formControlController.submit()}))}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStepChange(){this.input.step=String(this.step)}async handleValueChange(){await this.updateComplete,this.checkNonPrintableChar&&this.markNonPrintableCharacters()}markNonPrintableCharacters(){let M="";if(this.hasPrintableCharacters=!1,this.value)for(let i=0,t=this.value.length;i<t;i++){const t=this.value.charCodeAt(i);t>255&&9109!==t||[129,143,144,157,160].includes(t)?(M+=`<span class="input__srtiked-text">${this.value.charAt(i)}</span>`,this.hasPrintableCharacters=!0):M+=this.value.charAt(i)}this.markedValue=M,this.emit("nile-value-marked",{value:this.markedValue,hasNonPrintableCharacters:this.hasPrintableCharacters})}removeAllNonPrintableCharacters(){let M="";if(this.value)for(let i=0,t=this.value.length;i<t;i++){const t=this.value.charCodeAt(i);t>255&&9109!==t||[129,143,144,157,160].includes(t)||(M+=this.value.charAt(i))}this.value=M,this.emit("nile-npchar-removed",{value:this.value})}focus(M){this.input.focus(M)}blur(){this.input.blur()}select(){this.input.select()}setSelectionRange(M,i,t="none"){this.input.setSelectionRange(M,i,t)}setRangeText(M,i,t,e){this.input.setRangeText(M,i,t,e),this.value!==this.input.value&&(this.value=this.input.value)}stepUp(){this.input.stepUp(),this.value!==this.input.value&&(this.value=this.input.value)}stepDown(){this.input.stepDown(),this.value!==this.input.value&&(this.value=this.input.value)}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(M){this.input.setCustomValidity(M),this.formControlController.updateValidity()}render(){const M=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const i=!!this.label||!!M,t=this.hasSlotController.test("label-suffix"),e=!!this.helpText,N=!!this.errorMessage,s=this.clearable&&!this.disabled&&!this.readonly&&("number"==typeof this.value||this.value.length>0);return W`
+     */,{I:XM}=eM,HM=()=>document.createComment(""),$M=(M,i,t)=>{var e;const N=M._$AA.parentNode,s=void 0===i?M._$AB:i._$AA;if(void 0===t){const i=N.insertBefore(HM(),s),e=N.insertBefore(HM(),s);t=new XM(i,e,M,M.options)}else{const i=t._$AB.nextSibling,D=t._$AM,u=D!==M;if(u){let i;null===(e=t._$AQ)||void 0===e||e.call(t,M),t._$AM=M,void 0!==t._$AP&&(i=M._$AU)!==D._$AU&&t._$AP(i)}if(i!==s||u){let M=t._$AA;for(;M!==i;){const i=M.nextSibling;N.insertBefore(M,s),M=i}}}return t},_M=(M,i,t=M)=>(M._$AI(i,t),M),qM={},KM=(M,i=qM)=>M._$AH=i,Mi=M=>{var i;null===(i=M._$AP)||void 0===i||i.call(M,!1,!0);let t=M._$AA;const e=M._$AB.nextSibling;for(;t!==e;){const M=t.nextSibling;t.remove(),t=M}},ii=hM(class extends AM{constructor(M){if(super(M),M.type!==LM&&M.type!==OM&&M.type!==yM)throw Error("The `live` directive is not allowed on child or event bindings");if(!(M=>void 0===M.strings)(M))throw Error("`live` bindings can only contain a single expression")}render(M){return M}update(M,[i]){if(i===V||i===G)return i;const t=M.element,e=M.name;if(M.type===LM){if(i===t[e])return V}else if(M.type===yM){if(!!i===t.hasAttribute(e))return V}else if(M.type===OM&&t.getAttribute(e)===i+"")return V;return KM(M),i}});M.NileInput=class extends BM{constructor(){super(...arguments),this.formControlController=new pM(this,{assumeInteractionOn:["nile-blur","nile-input"]}),this.hasSlotController=new ZM(this,"help-text","label"),this.hasFocus=!1,this.title="",this.type="text",this.name="",this.value="",this.checkNonPrintableChar=!1,this.defaultValue="",this.size="medium",this.filled=!1,this.warning=!1,this.error=!1,this.success=!1,this.destructive=!1,this.pill=!1,this.label="",this.helpText="",this.errorMessage="",this.clearable=!1,this.disabled=!1,this.placeholder="",this.readonly=!1,this.passwordToggle=!1,this.passwordVisible=!1,this.noSpinButtons=!1,this.form="",this.required=!1,this.autocomplete="off",this.spellcheck=!0,this.hasPrintableCharacters=!1}connectedCallback(){super.connectedCallback(),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}get valueAsDate(){const M=document.createElement("input");return M.type="date",M.value=this.value,M.valueAsDate}set valueAsDate(M){const i=document.createElement("input");i.type="date",i.valueAsDate=M,this.value=i.value}get valueAsNumber(){const M=document.createElement("input");return M.type="number",M.value=this.value,M.valueAsNumber}set valueAsNumber(M){const i=document.createElement("input");i.type="number",i.valueAsNumber=M,this.value=i.value}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.emit("nile-after-init"),this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("nile-blur",{value:this.value})}handleChange(){this.value=this.input.value,this.emit("nile-change",{value:this.value})}handleClearClick(M){this.value="",this.emit("nile-clear",{value:this.value}),this.emit("nile-input",{value:this.value}),this.emit("nile-change",{value:this.value}),this.input.focus(),M.stopPropagation()}handleFocus(){this.hasFocus=!0,this.emit("nile-focus",{value:this.value}),this.checkNonPrintableChar&&this.markNonPrintableCharacters()}handleInput(){this.value=this.input.value,this.formControlController.updateValidity(),this.emit("nile-input",{value:this.value})}handleInvalid(M){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(M)}handleKeyDown(M){const i=M.metaKey||M.ctrlKey||M.shiftKey||M.altKey;"Enter"!==M.key||i||setTimeout((()=>{M.defaultPrevented||M.isComposing||this.formControlController.submit()}))}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStepChange(){this.input.step=String(this.step)}async handleValueChange(){await this.updateComplete,this.checkNonPrintableChar&&this.markNonPrintableCharacters()}markNonPrintableCharacters(){let M="";if(this.hasPrintableCharacters=!1,this.value)for(let i=0,t=this.value.length;i<t;i++){const t=this.value.charCodeAt(i);t>255&&9109!==t||[129,143,144,157,160].includes(t)?(M+=`<span class="input__srtiked-text">${this.value.charAt(i)}</span>`,this.hasPrintableCharacters=!0):M+=this.value.charAt(i)}this.markedValue=M,this.emit("nile-value-marked",{value:this.markedValue,hasNonPrintableCharacters:this.hasPrintableCharacters})}removeAllNonPrintableCharacters(){let M="";if(this.value)for(let i=0,t=this.value.length;i<t;i++){const t=this.value.charCodeAt(i);t>255&&9109!==t||[129,143,144,157,160].includes(t)||(M+=this.value.charAt(i))}this.value=M,this.emit("nile-npchar-removed",{value:this.value})}focus(M){this.input.focus(M)}blur(){this.input.blur()}select(){this.input.select()}setSelectionRange(M,i,t="none"){this.input.setSelectionRange(M,i,t)}setRangeText(M,i,t,e){this.input.setRangeText(M,i,t,e),this.value!==this.input.value&&(this.value=this.input.value)}stepUp(){this.input.stepUp(),this.value!==this.input.value&&(this.value=this.input.value)}stepDown(){this.input.stepDown(),this.value!==this.input.value&&(this.value=this.input.value)}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(M){this.input.setCustomValidity(M),this.formControlController.updateValidity()}render(){const M=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const i=!!this.label||!!M,t=this.hasSlotController.test("label-suffix"),e=!!this.helpText,N=!!this.errorMessage,s=this.clearable&&!this.disabled&&!this.readonly&&("number"==typeof this.value||this.value.length>0);return W`
       <div
         part="form-control"
         class=${xM({"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":e})}
@@ -3420,10 +3420,10 @@ const mM=Symbol.for(""),fM=M=>{if((null==M?void 0:M.r)===mM)return null==M?void
               ></nile-icon-button>
             `:""}
       </span>
-    `}},M.NileTag.styles=Qt,i([oM({reflect:!0})],M.NileTag.prototype,"variant",void 0),i([oM({reflect:!0})],M.NileTag.prototype,"size",void 0),i([oM({type:Boolean,reflect:!0})],M.NileTag.prototype,"pill",void 0),i([oM({type:Boolean})],M.NileTag.prototype,"removable",void 0),M.NileTag=i([IM("nile-tag")],M.NileTag);const kt=new Set;function bt(M){if(kt.add(M),!document.body.classList.contains("nile-scroll-lock")){const M=function(){const M=document.documentElement.clientWidth;return Math.abs(window.innerWidth-M)}();document.body.classList.add("nile-scroll-lock"),document.body.style.setProperty("--nile-scroll-lock-size",`${M}px`)}}function Ct(M){kt.delete(M),0===kt.size&&(document.body.classList.remove("nile-scroll-lock"),document.body.style.removeProperty("--nile-scroll-lock-size"))}function Ut(M,i,t="vertical",e="smooth"){const N=function(M,i){return{top:Math.round(M.getBoundingClientRect().top-i.getBoundingClientRect().top),left:Math.round(M.getBoundingClientRect().left-i.getBoundingClientRect().left)}}(M,i),s=N.top+i.scrollTop,D=N.left+i.scrollLeft,u=i.scrollLeft,j=i.scrollLeft+i.offsetWidth,I=i.scrollTop,n=i.scrollTop+i.offsetHeight;"horizontal"!==t&&"both"!==t||(D<u?i.scrollTo({left:D,behavior:e}):D+M.clientWidth>j&&i.scrollTo({left:D-i.offsetWidth+M.clientWidth,behavior:e})),"vertical"!==t&&"both"!==t||(s<I?i.scrollTo({top:s,behavior:e}):s+M.clientHeight>n&&i.scrollTo({top:s-i.offsetHeight+M.clientHeight,behavior:e}))}M.NileSelect=class extends BM{constructor(){super(...arguments),this.formControlController=new pM(this,{assumeInteractionOn:["nile-blur","nile-input"]}),this.hasSlotController=new ZM(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.blockValueChange=!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")}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 i=M.composedPath();this&&!i.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)})),this.requestUpdate()}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})}handleDocumentKeyDown(M){const i=M.target,t=null!==i.closest(".select__clear"),e=null!==i.closest("nile-icon-button");if(!t&&!e){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.emit("nile-input",{value:this.value,name:this.name}),this.emit("nile-change",{value:this.value,name:this.name})})),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))):void this.show();if(["ArrowUp","ArrowDown","Home","End"].includes(M.key)){const i=this.getAllOptions(),t=i.indexOf(this.currentOption);let e=Math.max(0,t);if(M.preventDefault(),!this.open&&(this.show(),this.currentOption))return;"ArrowDown"===M.key?(e=t+1,e>i.length-1&&(e=0)):"ArrowUp"===M.key?(e=t-1,e<0&&(e=i.length-1)):"Home"===M.key?e=0:"End"===M.key&&(e=i.length-1),this.setCurrentOption(i[e])}if(1===M.key.length||"Backspace"===M.key){const i=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 i){if(M.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(M);break}}}}}handleDocumentMouseDown(M){const i=M.composedPath();this&&!i.includes(this)&&this.hide()}handleLabelClick(){this.displayInput.focus(),this.hide()}handleComboboxMouseDown(M){const i=M.composedPath().some((M=>M instanceof Element&&"nile-icon-button"===M.tagName.toLowerCase()));this.disabled||i||(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((()=>{this.emit("nile-clear",{value:this.value,name:this.name}),this.emit("nile-input",{value:this.value,name:this.name}),this.emit("nile-change",{value:this.value,name:this.name})})))}handleClearMouseDown(M){M.stopPropagation(),M.preventDefault()}handleOptionClick(M){const i=M.target.closest("nile-option");if(this.blockValueChange&&i)return this.emit("nile-block-change",{value:i?.value,name:this.name}),void this.hide();const t=this.value;if(this.oldValue=t,i&&!i.disabled&&(this.multiple?this.toggleOptionSelection(i):this.setSelectedOptions(i),this.updateComplete.then((()=>this.displayInput.focus({preventScroll:!0}))),this.value!==t&&this.updateComplete.then((()=>{this.emit("nile-input",{value:this.value,name:this.name}),this.emit("nile-change",{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(),i=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=>i.map(String).includes(M.value))))):customElements.whenDefined("nile-option").then((()=>this.handleDefaultSlotChange()))}handleTagRemove(M,i){if(M.stopPropagation(),!this.disabled){this.toggleOptionSelection(i,!1);this.getAllOptions().forEach((M=>{M.selected||(M.hidden=this.showSelected)})),this.updateComplete.then((()=>{this.emit("nile-input",{value:this.value,name:this.name}),this.emit("nile-change",{value:this.value,name:this.name})}))}}getAllOptions(){const M=[...this.querySelectorAll("nile-option")];return this.multiple&&this.oldValue?.length>0&&M.sort(((M,i)=>{let t=this.oldValue.indexOf(M.value),e=this.oldValue.indexOf(i.value);return-1===t&&(t=1/0),-1===e&&(e=1/0),t<e?-1:t>e?1:0})),M}getOptionPrefix(M){const i=M.shadowRoot?.querySelector('slot[name="prefix"]');if(!i)return"";const t=i.assignedNodes(),e=[];return t.forEach((M=>{M instanceof HTMLElement?e.push(M.outerHTML):M.nodeType===Node.TEXT_NODE&&e.push(M.textContent||"")})),e.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 i=this.getAllOptions(),t=Array.isArray(M)?M:[M];i.forEach((M=>M.selected=!1)),t.length&&t.forEach((M=>M.selected=!0)),this.selectionChanged()}toggleOptionSelection(M,i){M.selected=!0===i||!1===i?i:!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){this.searchValue=M.detail.value,0===this.filterOptions(this.searchValue).length?this.showNoResults=!0:this.showNoResults=!1}filterOptions(M){const i=this.getAllOptions(),t=M.toLowerCase();let e=[];return i.forEach((M=>{const i=M.getTextLabel().toLowerCase(),N=(M.value||"").toLowerCase();i.includes(t)||N.includes(t)?(M.hidden=!1,e.push(M)):M.hidden=!0})),e}handleInvalid(M){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(M)}handleDisabledChange(){this.disabled&&(this.open=!1,this.handleOpenChange())}handleValueChange(){const M=this.getAllOptions(),i=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(M.filter((M=>i.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(),await Tt(this),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame((()=>{this.setCurrentOption(this.currentOption)}));const{keyframes:M,options:i}=ht(this,"select.show",{dir:"ltr"});await lt(this.popup.popup,M,i),this.currentOption&&Ut(this.currentOption,this.listbox,"vertical","auto"),this.emit("nile-after-show",{value:this.value,name:this.name})}else{this.emit("nile-hide",{value:this.value,name:this.name}),this.removeOpenListeners(),await Tt(this);const{keyframes:M,options:i}=ht(this,"select.hide",{dir:"ltr"});await lt(this.popup.popup,M,i),this.listbox.hidden=!0,this.popup.active=!1,this.emit("nile-after-hide",{value:this.value,name:this.name})}}async show(){if(!this.open&&!this.disabled)return this.open=!0,At(this,"nile-after-show");this.open=!1}async hide(){if(this.open&&!this.disabled)return this.open=!1,At(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((i=>{i instanceof HTMLElement&&M.push(i.offsetWidth)}))}if(this.value.length!==M.length)return;const i=this.calculateWidthOfSelectTagsDiv();if(!i)return;let t=0,e=0;for(let N=0;N<M.length;N++)if(t+=M[N],t>i){e=N;break}this.maxOptionsVisible=e}),1)}render(){const M=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const i=this.hasSlotController.test("label-suffix"),t=this.hasSlotController.test("custom-select"),e=!!this.label||!!M,N=this.clearable&&!this.disabled&&this.value.length>0,s=this.placeholder&&0===this.value.length,D=this.searchValue||"",u=!!this.helpText,j=!!this.errorMessage,I=this.selectedOptions[0]?this.getOptionPrefix(this.selectedOptions[0]):"";return W`
+    `}},M.NileTag.styles=Qt,i([oM({reflect:!0})],M.NileTag.prototype,"variant",void 0),i([oM({reflect:!0})],M.NileTag.prototype,"size",void 0),i([oM({type:Boolean,reflect:!0})],M.NileTag.prototype,"pill",void 0),i([oM({type:Boolean})],M.NileTag.prototype,"removable",void 0),M.NileTag=i([IM("nile-tag")],M.NileTag);const kt=new Set;function bt(M){if(kt.add(M),!document.body.classList.contains("nile-scroll-lock")){const M=function(){const M=document.documentElement.clientWidth;return Math.abs(window.innerWidth-M)}();document.body.classList.add("nile-scroll-lock"),document.body.style.setProperty("--nile-scroll-lock-size",`${M}px`)}}function Ct(M){kt.delete(M),0===kt.size&&(document.body.classList.remove("nile-scroll-lock"),document.body.style.removeProperty("--nile-scroll-lock-size"))}function Ut(M,i,t="vertical",e="smooth"){const N=function(M,i){return{top:Math.round(M.getBoundingClientRect().top-i.getBoundingClientRect().top),left:Math.round(M.getBoundingClientRect().left-i.getBoundingClientRect().left)}}(M,i),s=N.top+i.scrollTop,D=N.left+i.scrollLeft,u=i.scrollLeft,j=i.scrollLeft+i.offsetWidth,I=i.scrollTop,n=i.scrollTop+i.offsetHeight;"horizontal"!==t&&"both"!==t||(D<u?i.scrollTo({left:D,behavior:e}):D+M.clientWidth>j&&i.scrollTo({left:D-i.offsetWidth+M.clientWidth,behavior:e})),"vertical"!==t&&"both"!==t||(s<I?i.scrollTo({top:s,behavior:e}):s+M.clientHeight>n&&i.scrollTo({top:s-i.offsetHeight+M.clientHeight,behavior:e}))}M.NileSelect=class extends BM{constructor(){super(...arguments),this.formControlController=new pM(this,{assumeInteractionOn:["nile-blur","nile-input"]}),this.hasSlotController=new ZM(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.blockValueChange=!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")}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 i=M.composedPath();this&&!i.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)})),this.requestUpdate()}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})}handleDocumentKeyDown(M){const i=M.target,t=null!==i.closest(".select__clear"),e=null!==i.closest("nile-icon-button");if(!t&&!e){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.emit("nile-input",{value:this.value,name:this.name}),this.emit("nile-change",{value:this.value,name:this.name})})),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))):void this.show();if(["ArrowUp","ArrowDown","Home","End"].includes(M.key)){const i=this.getAllOptions(),t=i.indexOf(this.currentOption);let e=Math.max(0,t);if(M.preventDefault(),!this.open&&(this.show(),this.currentOption))return;"ArrowDown"===M.key?(e=t+1,e>i.length-1&&(e=0)):"ArrowUp"===M.key?(e=t-1,e<0&&(e=i.length-1)):"Home"===M.key?e=0:"End"===M.key&&(e=i.length-1),this.setCurrentOption(i[e])}if(1===M.key.length||"Backspace"===M.key){const i=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 i){if(M.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(M);break}}}}}handleDocumentMouseDown(M){const i=M.composedPath();this&&!i.includes(this)&&this.hide()}handleLabelClick(){this.displayInput.focus(),this.hide()}handleComboboxMouseDown(M){const i=M.composedPath().some((M=>M instanceof Element&&"nile-icon-button"===M.tagName.toLowerCase()));this.disabled||i||(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((()=>{this.emit("nile-clear",{value:this.value,name:this.name}),this.emit("nile-input",{value:this.value,name:this.name}),this.emit("nile-change",{value:this.value,name:this.name})})))}handleClearMouseDown(M){M.stopPropagation(),M.preventDefault()}handleOptionClick(M){const i=M.target.closest("nile-option");if(this.blockValueChange&&i)return this.emit("nile-block-change",{value:i?.value,name:this.name}),void this.hide();const t=this.value;if(this.oldValue=t,i&&!i.disabled&&(this.multiple?this.toggleOptionSelection(i):this.setSelectedOptions(i),this.updateComplete.then((()=>this.displayInput.focus({preventScroll:!0}))),this.value!==t&&this.updateComplete.then((()=>{this.emit("nile-input",{value:this.value,name:this.name}),this.emit("nile-change",{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(),i=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=>i.map(String).includes(M.value))))):customElements.whenDefined("nile-option").then((()=>this.handleDefaultSlotChange()))}handleTagRemove(M,i){if(M.stopPropagation(),!this.disabled){this.toggleOptionSelection(i,!1);this.getAllOptions().forEach((M=>{M.selected||(M.hidden=this.showSelected)})),this.updateComplete.then((()=>{this.emit("nile-input",{value:this.value,name:this.name}),this.emit("nile-change",{value:this.value,name:this.name})}))}}getAllOptions(){const M=[...this.querySelectorAll("nile-option")];return this.multiple&&this.oldValue?.length>0&&M.sort(((M,i)=>{let t=this.oldValue.indexOf(M.value),e=this.oldValue.indexOf(i.value);return-1===t&&(t=1/0),-1===e&&(e=1/0),t<e?-1:t>e?1:0})),M}getOptionPrefix(M){const i=M.shadowRoot?.querySelector('slot[name="prefix"]');if(!i)return"";const t=i.assignedNodes(),e=[];return t.forEach((M=>{M instanceof HTMLElement?e.push(M.outerHTML):M.nodeType===Node.TEXT_NODE&&e.push(M.textContent||"")})),e.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 i=this.getAllOptions(),t=Array.isArray(M)?M:[M];i.forEach((M=>M.selected=!1)),t.length&&t.forEach((M=>M.selected=!0)),this.selectionChanged()}toggleOptionSelection(M,i){M.selected=!0===i||!1===i?i:!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){this.searchValue=M.detail.value,0===this.filterOptions(this.searchValue).length?this.showNoResults=!0:this.showNoResults=!1}filterOptions(M){const i=this.getAllOptions(),t=M.toLowerCase();let e=[];return i.forEach((M=>{const i=M.getTextLabel().toLowerCase(),N=(M.value||"").toLowerCase();i.includes(t)||N.includes(t)?(M.hidden=!1,e.push(M)):M.hidden=!0})),e}handleInvalid(M){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(M)}handleDisabledChange(){this.disabled&&(this.open=!1,this.handleOpenChange())}handleValueChange(){const M=this.getAllOptions(),i=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(M.filter((M=>i.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(),await Tt(this),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame((()=>{this.setCurrentOption(this.currentOption)}));const{keyframes:M,options:i}=ht(this,"select.show",{dir:"ltr"});await lt(this.popup.popup,M,i),this.currentOption&&Ut(this.currentOption,this.listbox,"vertical","auto"),this.emit("nile-after-show",{value:this.value,name:this.name})}else{this.emit("nile-hide",{value:this.value,name:this.name}),this.searchValue="",this.filterOptions(this.searchValue),this.removeOpenListeners(),await Tt(this);const{keyframes:M,options:i}=ht(this,"select.hide",{dir:"ltr"});await lt(this.popup.popup,M,i),this.listbox.hidden=!0,this.popup.active=!1,this.emit("nile-after-hide",{value:this.value,name:this.name})}}async show(){if(!this.open&&!this.disabled)return this.open=!0,At(this,"nile-after-show");this.open=!1}async hide(){if(this.open&&!this.disabled)return this.open=!1,At(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((i=>{i instanceof HTMLElement&&M.push(i.offsetWidth)}))}if(this.value.length!==M.length)return;const i=this.calculateWidthOfSelectTagsDiv();if(!i)return;let t=0,e=0;for(let N=0;N<M.length;N++)if(t+=M[N],t>i){e=N;break}this.maxOptionsVisible=e}),1)}render(){const M=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const i=this.hasSlotController.test("label-suffix"),t=this.hasSlotController.test("custom-select"),e=!!this.label||!!M,N=this.clearable&&!this.disabled&&this.value.length>0,s=this.placeholder&&0===this.value.length,D=!!this.helpText,u=!!this.errorMessage,j=this.selectedOptions[0]?this.getOptionPrefix(this.selectedOptions[0]):"";return W`
       <div
         part="form-control"
-        class=${xM({"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":e,"form-control--has-help-text":u})}
+        class=${xM({"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":e,"form-control--has-help-text":D})}
       >
         <label
           id="label"
@@ -3463,8 +3463,8 @@ const mM=Symbol.for(""),fM=M=>{if((null==M?void 0:M.r)===mM)return null==M?void
               @keydown=${this.handleComboboxKeyDown}
               @mousedown=${this.handleComboboxMouseDown}
             >
-              ${I&&!this.multiple?W`<div class="select__prefix--from-options">
-                    ${wM(I)}
+              ${j&&!this.multiple?W`<div class="select__prefix--from-options">
+                    ${wM(j)}
                   </div>`:W`<slot
                     part="prefix"
                     name="prefix"
@@ -3591,7 +3591,7 @@ const mM=Symbol.for(""),fM=M=>{if((null==M?void 0:M.r)===mM)return null==M?void
                     <nile-input
                       size="small"
                       clearable
-                      .value=${D}
+                      .value=${this.searchValue}
                       placeholder="Search..."
                       @nile-input=${this.handleSearchChange}
                       @nile-focus=${this.handleSearchFocus}
@@ -3637,8 +3637,8 @@ const mM=Symbol.for(""),fM=M=>{if((null==M?void 0:M.r)===mM)return null==M?void
           </nile-popup>
         </div>
 
-        ${u?W` <nile-form-help-text>${this.helpText}</nile-form-help-text> `:""}
-        ${j?W`
+        ${D?W` <nile-form-help-text>${this.helpText}</nile-form-help-text> `:""}
+        ${u?W`
               <nile-form-error-message
                 >${this.errorMessage}</nile-form-error-message
               >
@@ -7244,6 +7244,7 @@ const mM=Symbol.for(""),fM=M=>{if((null==M?void 0:M.r)===mM)return null==M?void
         </slot>
       </div>
     `}},i([oM({type:Boolean,reflect:!0})],M.NileSidebarWrapper.prototype,"overlaysidebar",void 0),i([oM({reflect:!0})],M.NileSidebarWrapper.prototype,"placement",void 0),i([oM({type:Boolean,reflect:!0})],M.NileSidebarWrapper.prototype,"isopen",void 0),M.NileSidebarWrapper=i([IM("nile-sidebar-wrapper")],M.NileSidebarWrapper);const cz=u`
+
   :host {
     box-sizing: border-box;
     display: table-cell;
@@ -7261,12 +7262,8 @@ const mM=Symbol.for(""),fM=M=>{if((null==M?void 0:M.r)===mM)return null==M?void
     min-height: var(--min--height);
     height: auto;
     width: auto;
-
-    /**font styling */
     color: var(--nile-colors-dark-900);
-
     font-feature-settings: 'clig' off, 'liga' off;
-    /* New Paragraph/Regular */
     font-size: var(--nile-type-scale-3);
     font-style: normal;
     font-weight: var(--nile-font-weight-regular);
@@ -7278,22 +7275,33 @@ const mM=Symbol.for(""),fM=M=>{if((null==M?void 0:M.r)===mM)return null==M?void
     `}},M.NileTableCellItem=i([IM("nile-table-cell-item")],M.NileTableCellItem);const az=u`
   :host {
     display: table-row;
-    border-bottom: 1px solid #e4e2e4;
     --nile-header-background:var(--nile-table-header-background-color);
+    border-bottom: 1px solid var(--nile-table-row-border-color);
   }
 
   slot::slotted(nile-table-header-item) {
     background-color: var(--nile-header-background);
   }
 `;M.NileTableRow=class extends BM{static get styles(){return[az]}render(){return W` <slot  part="nile-row"></slot> `}},M.NileTableRow=i([IM("nile-table-row")],M.NileTableRow);const Tz=u`
+
   :host {
     box-sizing: border-box;
-    --nile-table-background--odd: var(--nile-table-body-row-odd-background-color);
-    --nile-table-background--even: var(--nile-table-body-row-even-background-color);
+    --nile-table-background--odd: var(
+      --nile-table-body-row-odd-background-color
+    );
+    --nile-table-background--even: var(
+      --nile-table-body-row-even-background-color
+    );
   }
+
   .base {
     width: max-content;
     background-color: var(--nile-colors-white-base);
+    border: 1px solid var(--nile-table-row-border-color);
+    border-radius: var(--nile-radius-radius-xl);
+    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),
+      0px 1px 2px 0px rgba(16, 24, 40, 0.06);
+    overflow:hidden;
   }
 
   .table__header {
@@ -7307,12 +7315,16 @@ const mM=Symbol.for(""),fM=M=>{if((null==M?void 0:M.r)===mM)return null==M?void
   }
 
   slot::slotted(nile-table-row:nth-child(odd)) {
-    border-bottom: 1px solid var(--nile-table-row-border-color);
     background: var(--nile-table-background--odd);
   }
+
   slot::slotted(nile-table-row:nth-child(even)) {
     background: var(--nile-table-background--even);
   }
+
+  slot::slotted(nile-table-row:last-child) {
+    border-bottom: 0px;
+  }
 `;M.NileTableBody=class extends BM{constructor(){super(...arguments),this.sortOrder=!1,this.rows_data=[],this.header_rows_data=[]}static get styles(){return[Tz]}getChildren(M,i){return M.querySelectorAll(i)}handleSlotchange(M){let i=[];this._childNodes.forEach((M=>{if(M.tagName&&"nile-table-row"===M?.tagName?.toLowerCase()){let t=this.getChildren(M,"nile-table-cell-item");if(t.length>0)t.forEach((M=>{i.push(M.innerHTML)})),this.rows_data.push(i);else{let i=this.getChildren(M,"nile-table-header-item");i.length>0&&i.forEach(((M,i)=>{this.header_rows_data.push(M.innerHTML)}))}i=[]}}))}handleDataChange(){let M=0;this._childNodes.forEach(((i,t)=>{if(0!=t&&i.tagName&&"nile-table-row"===i?.tagName?.toLowerCase()){let t=this.getChildren(i,"nile-table-cell-item");t.length>0&&(t.forEach(((i,t)=>{i.innerHTML=this.rows_data[M][t]})),M++)}}))}handleDataSort(M){this.rows_data.sort(((i,t)=>{let e=i[M].toLowerCase(),N=t[M].toLowerCase();return this.sortOrder?e<N?1:-1:e<N?-1:1})),this.sortOrder=!this.sortOrder}getIndexValue(M){return this.header_rows_data.indexOf(M)}handleSort(M){this.sort__index=this.getIndexValue(M.detail.value.textContent),this.handleDataSort(this.sort__index),this.handleDataChange()}render(){return W`
       <div class="base">
         <slot name="table__header" class="table__header"></slot>
@@ -7345,11 +7357,8 @@ function(M,i,t){let e,N=M;return"object"==typeof M?(N=M.slot,e=M):e={flatten:i},
     width: auto;
     min-width: var(--min--width);
     gap: 8px;
-
     color: var(--nile-colors-dark-900);
-
     font-feature-settings: 'clig' off, 'liga' off;
-    /* New Paragraph/Regular */
     font-size: var(--nile-type-scale-3);
     font-style: normal;
     font-weight: var(--nile-font-weight-regular);
@@ -7360,6 +7369,7 @@ function(M,i,t){let e,N=M;return"object"==typeof M?(N=M.slot,e=M):e={flatten:i},
   slot {
     cursor: pointer;
   }
+  
   nile-icon {
     cursor: pointer;
   }