@aquera/nile-elements 0.1.72-beta-1.0 → 0.1.72

package/dist/index.js

@@ -3001,9 +3001,9 @@ const Ze=e=>e??_;function Ve(e,t){const M={waitUntilFirstUpdate:!1,...t};return(
     }
   }
 `;let oi=class extends re{constructor(){super(...arguments),this.propHeight="",this.propWidth="",this.label="",this.size="lg",this.margin="",this.variant="v1",this.color="var(--nile-colors-primary-600)"}connectedCallback(){super.connectedCallback(),this.setSvgDimensions(),"v1"==this.variant&&"var(--nile-colors-primary-600)"==this.color&&(this.color="var(--nile-colors-blue-500)")}setSvgDimensions(){if(parseInt(this.propHeight)&&parseInt(this.propWidth))this.height=this.propHeight,this.width=this.propWidth;else switch(this.size){case"sm":this.height="32",this.width="32";break;case"md":this.height="48",this.width="48";break;case"lg":this.height="56",this.width="56";break;default:this.height="64",this.width="64"}}render(){return R`
-    <div class="loader__container" class=${Le({loader__container:!0,"loader__container--sm":"sm"==this.size,"loader__container--md":"md"==this.size,"loader__container--lg":"lg"==this.size,"loader__container--xl":"xl"==this.size})}>
-      <div class=${Le({svg__container:"v1"!==this.variant})}>${this.getVariant()}</div>
-      ${this.label?R`<div class="loader__label">${this.label}</div>`:_}
+    <div class="loader__container" part="loader-container" class=${Le({loader__container:!0,"loader__container--sm":"sm"==this.size,"loader__container--md":"md"==this.size,"loader__container--lg":"lg"==this.size,"loader__container--xl":"xl"==this.size})}>
+      <div part="svg-container" class=${Le({svg__container:"v1"!==this.variant})}>${this.getVariant()}</div>
+      ${this.label?R`<div part="loader-label" class="loader__label">${this.label}</div>`:_}
     </div>
     `}getVariant(){switch(this.variant){case"v1":default:return this.renderV1();case"v2":return this.renderV2();case"v3":return this.renderV3()}}renderV1(){return R`
       <div
@@ -4322,14 +4322,15 @@ class Hi{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */(this._hostElement,e),this._scrollerController=new qi(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((e=>{e.addEventListener("scroll",this,this._scrollEventListenerOptions),this._scrollEventListeners.push(e),this._hostElementRO.observe(e)})),this._hostElementRO.observe(this._scrollerController.element),this._children.forEach((e=>this._childrenRO.observe(e))),this._scrollEventListeners.forEach((e=>e.addEventListener("scroll",this,this._scrollEventListenerOptions)))}disconnected(){this._scrollEventListeners.forEach((e=>e.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 e=this._hostElement.style;e.display=e.display||"block",e.position=e.position||"relative",e.contain=e.contain||"size layout",this._isScroller&&(e.overflow=e.overflow||"auto",e.minHeight=e.minHeight||"150px")}_getSizer(){const e=this._hostElement;if(!this._sizer){let t=e.querySelector(`[${tN}]`);t||(t=document.createElement("div"),t.setAttribute(tN,""),e.appendChild(t)),Object.assign(t.style,{position:"absolute",margin:"-2px 0 0 0",padding:0,visibility:"hidden",fontSize:"2px"}),t.textContent="&nbsp;",t.setAttribute(tN,""),this._sizer=t}return this._sizer}async updateLayoutConfig(e){await this._layoutInitialized;const t=e.type||MN;if("function"==typeof t&&this._layout instanceof t){const t={...e};return delete t.type,this._layout.config=t,!0}return!1}async _initLayout(e){let t,M;if("function"==typeof e.type){M=e.type;const i={...e};delete i.type,t=i}else t=e;void 0===M&&(MN=M=(await Promise.resolve().then((function(){return $p}))).FlowLayout),this._layout=new M((e=>this._handleLayoutMessage(e)),t),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 e=window.performance.now(),t=e-this._benchmarkStart,M=performance.getEntriesByName("uv-virtualizing","measure").filter((t=>t.startTime>=this._benchmarkStart&&t.startTime<e)).reduce(((e,t)=>e+t.duration),0);return this._benchmarkStart=null,{timeElapsed:t,virtualizationTime:M}}return null}_measureChildren(){const e={},t=this._children,M=this._measureChildOverride||this._measureChild;for(let i=0;i<t.length;i++){const N=t[i],o=this._first+i;(this._itemsChanged||this._toBeMeasured.has(N))&&(e[o]=M.call(this,N,this._items[o]))}this._childMeasurements=e,this._schedule(this._updateLayout),this._toBeMeasured.clear()}_measureChild(e){const{width:t,height:M}=e.getBoundingClientRect();return Object.assign({width:t,height:M},function(e){const t=window.getComputedStyle(e);return{marginTop:NN(t.marginTop),marginRight:NN(t.marginRight),marginBottom:NN(t.marginBottom),marginLeft:NN(t.marginLeft)}}(e))}async _schedule(e){this._scheduled.has(e)||(this._scheduled.add(e),await Promise.resolve(),this._scheduled.delete(e),e.call(this))}async _updateDOM(e){this._scrollSize=e.scrollSize,this._adjustRange(e.range),this._childrenPos=e.childPositions,this._scrollError=e.scrollError||null;const{_rangeChanged:t,_itemsChanged:M}=this;this._visibilityChanged&&(this._notifyVisibility(),this._visibilityChanged=!1),(t||M)&&(this._notifyRange(),this._rangeChanged=!1),this._finishDOMUpdate()}_finishDOMUpdate(){this._connected&&(this._children.forEach((e=>this._childrenRO.observe(e))),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(e){console.warn("Error measuring performance data: ",e)}window.performance.mark("uv-start")}!1===this._scrollerController.correctingScrollError&&this._layout?.unpin(),this._schedule(this._updateLayout)}handleEvent(e){if("scroll"===e.type)(e.currentTarget===window||this._clippingAncestors.includes(e.currentTarget))&&this._handleScrollEvent();else console.warn("event not handled",e)}_handleLayoutMessage(e){"stateChanged"===e.type?this._updateDOM(e):"visibilityChanged"===e.type?(this._firstVisible=e.firstVisible,this._lastVisible=e.lastVisible,this._notifyVisibility()):"unpinned"===e.type&&this._hostElement.dispatchEvent(new Xi)}get _children(){const e=[];let t=this._hostElement.firstElementChild;for(;t;)t.hasAttribute(tN)||e.push(t),t=t.nextElementSibling;return e}_updateView(){const e=this._hostElement,t=this._scrollerController?.element,M=this._layout;if(e&&t&&M){let i,N,o,s;const n=e.getBoundingClientRect();i=0,N=0,o=window.innerHeight,s=window.innerWidth;const r=this._clippingAncestors.map((e=>e.getBoundingClientRect()));r.unshift(n);for(const e of r)i=Math.max(i,e.top),N=Math.max(N,e.left),o=Math.min(o,e.bottom),s=Math.min(s,e.right);const a=t.getBoundingClientRect(),l={left:n.left-a.left,top:n.top-a.top},D={width:t.scrollWidth,height:t.scrollHeight},u=i-n.top+e.scrollTop,g=N-n.left+e.scrollLeft,j=Math.max(0,o-i),c=Math.max(0,s-N);M.viewportSize={width:c,height:j},M.viewportScroll={top:u,left:g},M.totalScrollSize=D,M.offsetWithinScroller=l}}_sizeHostElement(e){const t=82e5,M=e&&null!==e.width?Math.min(t,e.width):0,i=e&&null!==e.height?Math.min(t,e.height):0;if(this._isScroller)this._getSizer().style.transform=`translate(${M}px, ${i}px)`;else{const e=this._hostElement.style;e.minWidth=M?`${M}px`:"100%",e.minHeight=i?`${i}px`:"100%"}}_positionChildren(e){e&&e.forEach((({top:e,left:t,width:M,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(${t}px, ${e}px)`,void 0!==M&&(n.style.width=M+"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(e){const{_first:t,_last:M,_firstVisible:i,_lastVisible:N}=this;this._first=e.first,this._last=e.last,this._firstVisible=e.firstVisible,this._lastVisible=e.lastVisible,this._rangeChanged=this._rangeChanged||this._first!==t||this._last!==M,this._visibilityChanged=this._visibilityChanged||this._firstVisible!==i||this._lastVisible!==N}_correctScrollError(){if(this._scrollError){const{scrollTop:e,scrollLeft:t}=this._scrollerController,{top:M,left:i}=this._scrollError;this._scrollError=null,this._scrollerController.correctScrollError({top:e-M,left:t-i})}}element(e){return e===1/0&&(e=this._items.length-1),void 0===this._items?.[e]?void 0:{scrollIntoView:(t={})=>this._scrollElementIntoView({...t,index:e})}}_scrollElementIntoView(e){if(e.index>=this._first&&e.index<=this._last)this._children[e.index-this._first].scrollIntoView(e);else if(e.index=Math.min(e.index,this._items.length-1),"smooth"===e.behavior){const t=this._layout.getScrollIntoViewCoordinates(e),{behavior:M}=e;this._updateScrollIntoViewCoordinates=this._scrollerController.managedScrollTo(Object.assign(t,{behavior:M}),(()=>this._layout.getScrollIntoViewCoordinates(e)),(()=>this._scrollIntoViewTarget=null)),this._scrollIntoViewTarget=e}else this._layout.pin=e}_checkScrollIntoViewTarget(e){const{index:t}=this._scrollIntoViewTarget||{};t&&e?.has(t)&&this._updateScrollIntoViewCoordinates(this._layout.getScrollIntoViewCoordinates(this._scrollIntoViewTarget))}_notifyRange(){this._hostElement.dispatchEvent(new $i({first:this._first,last:this._last}))}_notifyVisibility(){this._hostElement.dispatchEvent(new Ji({first:this._firstVisible,last:this._lastVisible}))}get layoutComplete(){return this._layoutCompletePromise||(this._layoutCompletePromise=new Promise(((e,t)=>{this._layoutCompleteResolver=e,this._layoutCompleteRejecter=t}))),this._layoutCompletePromise}_rejectLayoutCompletePromise(e){null!==this._layoutCompleteRejecter&&this._layoutCompleteRejecter(e),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(e){if(this._layout?.measureChildren){for(const t of e)this._toBeMeasured.set(t.target,t.contentRect);this._measureChildren()}this._scheduleLayoutComplete(),this._itemsChanged=!1,this._rangeChanged=!1}}function NN(e){const t=e?parseFloat(e):NaN;return Number.isNaN(t)?0:t}function oN(e){if(null!==e.assignedSlot)return e.assignedSlot;if(null!==e.parentElement)return e.parentElement;const t=e.parentNode;return t&&t.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&t.host||null}const sN=he(class extends _i{constructor(e){if(super(e),this._virtualizer=null,this._first=0,this._last=-1,this._renderItem=(e,t)=>((e,t)=>R`${t}: ${JSON.stringify(e,null,2)}`)(e,t+this._first),this._keyFunction=(e,t)=>(e=>e)(e,this._first),this._items=[],e.type!==de)throw new Error("The virtualize directive can only be used in child expressions")}render(e){e&&this._setFunctions(e);const t=[];if(this._first>=0&&this._last>=this._first)for(let e=this._first;e<=this._last;e++)t.push(this._items[e]);return Fi(t,this._keyFunction,this._renderItem)}update(e,[t]){this._setFunctions(t);const M=this._items!==t.items;return this._items=t.items||[],this._virtualizer?this._updateVirtualizerConfig(e,t):this._initialize(e,t),M?G:this.render()}async _updateVirtualizerConfig(e,t){if(!await this._virtualizer.updateLayoutConfig(t.layout||{})){const M=e.parentNode;this._makeVirtualizer(M,t)}this._virtualizer.items=this._items}_setFunctions(e){const{renderItem:t,keyFunction:M}=e;t&&(this._renderItem=(e,M)=>t(e,M+this._first)),M&&(this._keyFunction=(e,t)=>M(e,t+this._first))}_makeVirtualizer(e,t){this._virtualizer&&this._virtualizer.disconnected();const{layout:M,scroller:i,items:N}=t;this._virtualizer=new iN({hostElement:e,layout:M,scroller:i}),this._virtualizer.items=N,this._virtualizer.connected()}_initialize(e,t){const M=e.parentNode;M&&1===M.nodeType&&(M.addEventListener("rangeChanged",(e=>{this._first=e.first,this._last=e.last,this.setValue(this.render())})),this._makeVirtualizer(M,t))}disconnected(){this._virtualizer?.disconnected()}reconnected(){this._virtualizer?.connected()}});class nN{static getVirtualizedContent(e,t,M,i,N,o,s,n,r,a){return R`
-      <div class="select__options ${t?"select__options__search-enabled":""}">
+      <div part="select-options" class="select__options ${t?"select__options__search-enabled":""}">
         ${n&&!a?R`
-              <div class="select__no-results">
+              <div part="select-no-results" class="select__no-results">
                 ${r||"No results found"}
               </div>
             `:R`
               <div
                 class="virtualized"
+                part="virtualized"
               >
                 ${nN.shouldUseVirtualizer(e)?R`
                       ${sN({items:e,renderItem:e=>nN.getItemRenderFunction(e,M,i,N,o,s),scroller:!0})}
@@ -4521,7 +4522,7 @@ class Hi{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
         ${this.renderFooter()}
       </div>
     `}renderSearch(){return this.searchEnabled?R`
-          <div class="select__search">
+          <div part="search" class="select__search">
             <nile-input
               size="small"
               clearable
@@ -4535,7 +4536,7 @@ class Hi{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
             </nile-input>
           </div>
         `:R``}renderLoader(){return this.optionsLoading?R`
-          <span class="select__loader">
+          <span part="loader" class="select__loader">
             <nile-icon
               class="select__loader--icon"
               name="button-loading-blue"
@@ -4607,6 +4608,26 @@ class Hi{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
           .noWidthSync=${e.noWidthSync}
           .maxOptionsVisible=${e.maxOptionsVisible}
           .data=${e.data}
+          exportparts="
+            select-options,
+            select-no-results,
+            virtualized,
+            form-control,
+            form-control-label,
+            form-control-input,
+            combobox,
+            prefix,
+            display-input,
+            tags,
+            tag,
+            clear-button,
+            suffix,
+            expand-icon,
+            listbox,
+            search,
+            loader,
+            footer
+          "
         >
           <slot name="prefix" slot="prefix"></slot>
         </nile-virtual-select>
@@ -4930,7 +4951,7 @@ class Hi{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
       outline-offset: -1px;
     }
   }
-`;let uN=class extends Pe{constructor(){super(...arguments),this.current=!1,this.hasHover=!1,this.hidden=!1,this.isMultipleSelect=!1,this.value="",this.showCheckbox=!1,this.disabled=!1,this.selected=!1,this.groupName=""}connectedCallback(){super.connectedCallback(),this.setAttribute("role","option"),this.setAttribute("aria-selected","false"),this.closest("nile-select")||this.closest("nile-virtual-select"),this.checkIfMultipleSelect()}checkIfMultipleSelect(){const e=this.closest("nile-select")||this.closest("nile-virtual-select");e&&e.hasAttribute("multiple")&&(e.hasAttribute("multiple")&&""===e.getAttribute("multiple")||"true"===e.getAttribute("multiple")?this.isMultipleSelect=!0:this.isMultipleSelect=!1)}updated(e){this.checkIfMultipleSelect()}handleDefaultSlotChange(){const e=this.getTextLabel();void 0!==this.cachedTextLabel?e!==this.cachedTextLabel&&(this.cachedTextLabel=e,this.emit("slotchange")):this.cachedTextLabel=e}handleMouseEnter(){this.hasHover=!0}handleMouseLeave(){this.hasHover=!1}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleValueChange(){"string"!=typeof this.value&&(this.value=String(this.value))}getTextLabel(){const e=this.querySelector("label");return e?e.textContent?.trim()??"":(this.textContent??"").trim()}render(){return R`
+`;let uN=class extends Pe{constructor(){super(...arguments),this.current=!1,this.hasHover=!1,this.hidden=!1,this.isMultipleSelect=!1,this.value="",this.showCheckbox=!1,this.disabled=!1,this.selected=!1,this.groupName=""}connectedCallback(){super.connectedCallback(),this.setAttribute("role","option"),this.setAttribute("aria-selected","false"),this.checkIfMultipleSelect()}checkIfMultipleSelect(){const e=this.closest("nile-select");e&&e.hasAttribute("multiple")?e.hasAttribute("multiple")&&""===e.getAttribute("multiple")||"true"===e.getAttribute("multiple")?this.isMultipleSelect=!0:this.isMultipleSelect=!1:this.isMultipleSelect=this.showCheckbox}updated(e){this.checkIfMultipleSelect()}handleDefaultSlotChange(){const e=this.getTextLabel();void 0!==this.cachedTextLabel?e!==this.cachedTextLabel&&(this.cachedTextLabel=e,this.emit("slotchange")):this.cachedTextLabel=e}handleMouseEnter(){this.hasHover=!0}handleMouseLeave(){this.hasHover=!1}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleValueChange(){"string"!=typeof this.value&&(this.value=String(this.value))}getTextLabel(){const e=this.querySelector("label");return e?e.textContent?.trim()??"":(this.textContent??"").trim()}render(){return R`
       ${this.hidden?"":R` <div
             part="base"
             class=${Le({option:!0,"option--single-select":!this.isMultipleSelect,"option--current":this.selected&&!this.isMultipleSelect,"option--disabled":this.disabled,"option--selected":this.selected&&!this.isMultipleSelect,"option--hover":this.hasHover})}
@@ -4948,7 +4969,7 @@ class Hi{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
             ></slot>
             <slot part="suffix" name="suffix" class="option__suffix"></slot>
           </div>`}
-    `}};uN.styles=DN,e([ze(".option__label")],uN.prototype,"defaultSlot",void 0),e([je()],uN.prototype,"current",void 0),e([je()],uN.prototype,"hasHover",void 0),e([je()],uN.prototype,"hidden",void 0),e([je()],uN.prototype,"isMultipleSelect",void 0),e([ge({reflect:!0})],uN.prototype,"value",void 0),e([ge({type:Boolean})],uN.prototype,"showCheckbox",void 0),e([ge({type:Boolean,reflect:!0})],uN.prototype,"disabled",void 0),e([ge({type:Boolean,reflect:!0})],uN.prototype,"selected",void 0),e([ge({type:String,reflect:!0})],uN.prototype,"groupName",void 0),e([Ve("disabled")],uN.prototype,"handleDisabledChange",null),e([Ve("selected")],uN.prototype,"handleSelectedChange",null),e([Ve("value")],uN.prototype,"handleValueChange",null),uN=e([le("nile-option")],uN);const gN=s`
+    `}};uN.styles=DN,e([ze(".option__label")],uN.prototype,"defaultSlot",void 0),e([je()],uN.prototype,"current",void 0),e([je()],uN.prototype,"hasHover",void 0),e([je()],uN.prototype,"hidden",void 0),e([je()],uN.prototype,"isMultipleSelect",void 0),e([ge({reflect:!0})],uN.prototype,"value",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],uN.prototype,"showCheckbox",void 0),e([ge({type:Boolean,reflect:!0})],uN.prototype,"disabled",void 0),e([ge({type:Boolean,reflect:!0})],uN.prototype,"selected",void 0),e([ge({type:String,reflect:!0,attribute:!0})],uN.prototype,"groupName",void 0),e([Ve("disabled")],uN.prototype,"handleDisabledChange",null),e([Ve("selected")],uN.prototype,"handleSelectedChange",null),e([Ve("value")],uN.prototype,"handleValueChange",null),uN=e([le("nile-option")],uN);const gN=s`
   :host {
     box-sizing: border-box;
   }
@@ -7699,7 +7720,7 @@ class Hi{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
             <nile-form-error-message
               >${this.errorMessage}</nile-form-error-message
             >
-          `:""}`}createNewView(e=!0){this.view&&this.view.destroy(),this.createState(),this.view=new uD({state:this.viewState,parent:this.codeEditor}),this.view.dom.addEventListener("keydown",(e=>{this.checkForSpaceKey(e),this.handleEscapeKey(e)}),!0),e&&this.emit("nile-after-update",{createNewView:this.createNewView,codeMirrorInstance:this.view},!1)}checkForSpaceKey(e){"Space"!==e.code||e.ctrlKey?this.isSpacePressed=!1:this.isSpacePressed=!0}handleEscapeKey(e){"Escape"===e.key&&this.view&&null!==function(e){let t=e.field(od,!1);return t&&t.active.some((e=>e.isPending))?"pending":t&&t.active.some((e=>0!=e.state))?"active":null}(this.view.state)&&(e.stopPropagation(),e.preventDefault(),Dd(this.view))}createState(){const e=this.lineNumbersComp.of(this.getLineNumbersExension()),t=this.readOnlyComp.of(this.getReadOnlyExtension()),M=this.restrictSingleLineComp.of(this.getSingleLineExtension()),i=this.placeholderComp.of(this.getPlaceholderExtension()),N=this.themeComp.of(this.getCustomThemeExtension()),o=this.defaultSyntaxHighlightingComp.of(this.getDefaultSyntaxHighlightingExtension()),s=this.getLanguageExtension(),n=this.customCompletionComp.of(Oy.data.of({autocomplete:this.customAutocomplete}));return this.viewState=Ys.create({doc:this.multiline?this.value:lL(this.value),extensions:[sL({highlightActiveLine:!1,foldGutter:this.enableFoldGutters,enableSearch:this.enableSearch}),e,t,M,n,i,o,this.autoCompletionComp.of(Hd({aboveCursor:this.aboveCursor})),s,N,this.getTabCompletionKeymap(),uD.updateListener.of((e=>{e.docChanged&&(this.debounce?this.emitAfterTimeout({value:this.view.state.doc.toString()}):this.emit("nile-change",{value:this.view.state.doc.toString()}))})),uD.domEventHandlers({focus:()=>this.dispatchEvent(new Event("nile-focus")),blur:()=>this.dispatchEvent(new Event("nile-blur"))})]}),this.viewState}getNestedSuggestions(e,t,M){if(!function(e){return/^([a-zA-Z_$][\w$]*)(\.[a-zA-Z_$][\w$]*|\[\s*(['"]?[a-zA-Z0-9_$]*['"]?)\s*\])*([\.\[])?$/.test(e)}(t)||![".","["].includes(t.at(-1)))return null;const i=function(e){const t=/([a-zA-Z_$][\w$]*)(\[(?:[^\]]+)\]|\.[a-zA-Z_$][\w$]*)*/g,M=[...e.matchAll(t)];if(M.length>0){const t=[M[0][1]],i=e.match(/\[(.*?)\]|\.(\w+)/g)||[];for(const e of i)e.startsWith("[")?t.push(e.slice(1,-1).replace(/['"]/g,"")):e.startsWith(".")&&t.push(e.slice(1));return t}return null}(t);if(!i)return null;const N=M.replace(/["'\[]/g,""),o=N!==M,s="["===t.at(-1);if("."===t.at(-1)&&o)return null;let n=function(e,t){return t.reduce(((e,t)=>e&&"object"==typeof e?e[t]:null),e)}(this.customAutoCompletions,i);return n&&"object"==typeof n?(N&&(n=Object.fromEntries(Object.entries(n).filter((([e])=>e.toLowerCase().startsWith(N.toLowerCase()))))),{from:e.pos-N.length,options:Object.keys(n).map((e=>({label:e,type:"property",info:`Key of ${i[i.length-1]}`,apply:this.allowVariableInCustomSuggestion||!s||o?e:`'${e}'`,boost:999})))}):null}getTopLevelSuggestions(e,t){const M=t.match(/([a-zA-Z_$][\w$]*)$/);if(!M){if(""===t.trim()&&!this.isSpacePressed){const t=Object.keys(this.customAutoCompletions).filter((e=>Object.keys(this.customAutoCompletions[e]).length)).map((e=>({label:e,type:"property",apply:e,boost:999})));return this.customCompletionsPaths.length&&this.customCompletionsPaths.forEach((e=>{t.push({label:""+e,type:"property",apply:""+e,boost:998})})),{from:e.pos,options:t}}return null}const i=Object.keys(this.customAutoCompletions).filter((e=>Object.keys(this.customAutoCompletions[e]).length&&e.toLowerCase().startsWith(t.toLowerCase()))).map((e=>({label:e,type:"property",apply:e,boost:999})));return this.customCompletionsPaths.length&&this.customCompletionsPaths.filter((e=>e.toLocaleLowerCase().includes(t.toLocaleLowerCase()))).forEach((e=>{i.push({label:""+e,type:"property",apply:""+e,boost:998})})),{from:e.pos-M[1].length,options:i}}emitAfterTimeout(e){this.timeOut&&clearTimeout(this.timeOut),this.timeOut=setTimeout((()=>this.emit("nile-change",e,!1)),this.debounceTimeout)}focusAtPosition(e=this.view.state.doc.toString().length){this.view&&(this.view.dispatch({selection:{anchor:e}}),this.view.focus())}singleLineMultiLineToggle(){this.view.dispatch({changes:{from:0,to:this.view.state.doc.length,insert:this.multiline?this.value:lL(this.value)}})}getLineNumbersExension(){return!this.multiline&&this.lineNumbers||this.multiline&&this.lineNumbersMultiline?function(e={}){return[$u.of(e),Zu(),Hu]}():[]}getLanguageExtension(){switch(this.language){case"sql":return function(e={}){let t=e.dialect||rh;return new bj(t.language,[nh(e),oh(t,!!e.upperCaseKeywords)])}();case"json":return new bj(Dh);case"html":return function(e={}){let t,M="";!1===e.matchClosingTags&&(M="noMatch"),!0===e.selfClosingTags&&(M=(M?M+" ":"")+"selfClosing"),(e.nestedLanguages&&e.nestedLanguages.length||e.nestedAttributes&&e.nestedAttributes.length)&&(t=Yh((e.nestedLanguages||[]).concat(KA),(e.nestedAttributes||[]).concat(eL)));let i=t?tL.configure({wrap:t,dialect:M}):M?ML.configure({dialect:M}):ML;return new bj(i,[ML.data.of({autocomplete:HA(e)}),!1!==e.autoCloseTags?NL:[],EA().support,new bj(aA,aA.data.of({autocomplete:rA})).support])}();default:return function(e={}){let t=e.jsx?e.typescript?Ly:Ay:e.typescript?hy:Oy,M=e.typescript?ly.concat(Sy):ay.concat(py);return new bj(t,[Oy.data.of({autocomplete:wT(Ty,ET(M))}),Oy.data.of({autocomplete:dy}),e.jsx?wy:[]])}()}}getReadOnlyExtension(){return this.readonly?Ys.readOnly.of(!0):[]}getSingleLineExtension(){return this.multiline?[]:Ys.transactionFilter.of((e=>e.newDoc.lines>1?[]:e))}getPlaceholderExtension(){return this.placeholder?function(e){return ga.fromClass(class{constructor(t){this.view=t,this.placeholder=e?Ir.set([Ir.widget({widget:new Mu(e),side:1}).range(0)]):Ir.none}get decorations(){return this.view.state.doc.length?Ir.none:this.placeholder}},{decorations:e=>e.decorations})}(this.placeholder):[]}getDefaultSyntaxHighlightingExtension(){return this.disableSyntaxHighlighting?[]:function(e,t){let M,i=[Qc];return e instanceof Ac&&(e.module&&i.push(uD.styleModule.of(e.module)),M=e.themeType),(null==t?void 0:t.fallback)?i.push(xc.of(e)):M?i.push(Lc.computeN([uD.darkTheme],(t=>t.facet(uD.darkTheme)==("dark"==M)?[e]:[]))):i.push(Lc.of(e)),i}(Ec,{fallback:!0})}getCustomThemeExtension(){return this.customThemeCSS?this.defaultFont?[uD.theme(this.customThemeCSS),uD.theme(rL),uD.theme(nL)]:[uD.theme(this.customThemeCSS),uD.theme(rL)]:this.defaultFont?[uD.theme(rL),uD.theme(nL)]:[uD.theme(rL)]}restrictSingleLine(){return Ys.transactionFilter.of((e=>e.newDoc.lines>1?[]:e))}};function lL(e){return e?e.replace(/\s+/g," ").trim():""}e([ze(".code__editor__container")],aL.prototype,"codeEditor",void 0),e([ge({type:String,reflect:!0,attribute:!0})],aL.prototype,"value",void 0),e([ge({type:String,reflect:!0,attribute:!0})],aL.prototype,"expandIcon",void 0),e([ge({type:String,reflect:!0,attribute:!0})],aL.prototype,"placeholder",void 0),e([ge({type:Object,reflect:!0,attribute:!0})],aL.prototype,"customAutoCompletions",void 0),e([ge({type:Array,reflect:!0,attribute:!0})],aL.prototype,"customCompletionsPaths",void 0),e([ge({type:String,reflect:!0,attribute:!0})],aL.prototype,"language",void 0),e([ge({type:String,reflect:!0,attribute:"error-message"})],aL.prototype,"errorMessage",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],aL.prototype,"error",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],aL.prototype,"enableSearch",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],aL.prototype,"noborder",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],aL.prototype,"multiline",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],aL.prototype,"enableFoldGutters",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],aL.prototype,"allowVariableInCustomSuggestion",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],aL.prototype,"lineNumbers",void 0),e([ge({type:Boolean,reflect:!0,attribute:!1})],aL.prototype,"disableSyntaxHighlighting",void 0),e([ge({type:Object,attribute:!1})],aL.prototype,"customThemeCSS",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],aL.prototype,"lineNumbersMultiline",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],aL.prototype,"hasScroller",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],aL.prototype,"expandable",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],aL.prototype,"readonly",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],aL.prototype,"debounce",void 0),e([ge({type:Number,reflect:!0,attribute:!0})],aL.prototype,"debounceTimeout",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],aL.prototype,"aboveCursor",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],aL.prototype,"tabCompletion",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],aL.prototype,"defaultFont",void 0),aL=e([le("nile-code-editor")],aL);const DL=s`
+          `:""}`}createNewView(e=!0){this.view&&this.view.destroy(),this.createState(),this.view=new uD({state:this.viewState,parent:this.codeEditor}),this.view.dom.addEventListener("keydown",(e=>{this.checkForSpaceKey(e),this.handleEscapeKey(e)}),!0),e&&this.emit("nile-after-update",{createNewView:this.createNewView,codeMirrorInstance:this.view},!1)}checkForSpaceKey(e){"Space"!==e.code||e.ctrlKey?this.isSpacePressed=!1:this.isSpacePressed=!0}closeCompletion(){this.view&&Dd(this.view)}handleEscapeKey(e){"Escape"===e.key&&this.view&&null!==function(e){let t=e.field(od,!1);return t&&t.active.some((e=>e.isPending))?"pending":t&&t.active.some((e=>0!=e.state))?"active":null}(this.view.state)&&(e.stopPropagation(),e.preventDefault(),Dd(this.view))}createState(){const e=this.lineNumbersComp.of(this.getLineNumbersExension()),t=this.readOnlyComp.of(this.getReadOnlyExtension()),M=this.restrictSingleLineComp.of(this.getSingleLineExtension()),i=this.placeholderComp.of(this.getPlaceholderExtension()),N=this.themeComp.of(this.getCustomThemeExtension()),o=this.defaultSyntaxHighlightingComp.of(this.getDefaultSyntaxHighlightingExtension()),s=this.getLanguageExtension(),n=this.customCompletionComp.of(Oy.data.of({autocomplete:this.customAutocomplete}));return this.viewState=Ys.create({doc:this.multiline?this.value:lL(this.value),extensions:[sL({highlightActiveLine:!1,foldGutter:this.enableFoldGutters,enableSearch:this.enableSearch}),e,t,M,n,i,o,this.autoCompletionComp.of(Hd({aboveCursor:this.aboveCursor})),s,N,this.getTabCompletionKeymap(),uD.updateListener.of((e=>{e.docChanged&&(this.debounce?this.emitAfterTimeout({value:this.view.state.doc.toString()}):this.emit("nile-change",{value:this.view.state.doc.toString()}))})),uD.domEventHandlers({focus:()=>this.dispatchEvent(new Event("nile-focus")),blur:()=>this.dispatchEvent(new Event("nile-blur"))})]}),this.viewState}getNestedSuggestions(e,t,M){if(!function(e){return/^([a-zA-Z_$][\w$]*)(\.[a-zA-Z_$][\w$]*|\[\s*(['"]?[a-zA-Z0-9_$]*['"]?)\s*\])*([\.\[])?$/.test(e)}(t)||![".","["].includes(t.at(-1)))return null;const i=function(e){const t=/([a-zA-Z_$][\w$]*)(\[(?:[^\]]+)\]|\.[a-zA-Z_$][\w$]*)*/g,M=[...e.matchAll(t)];if(M.length>0){const t=[M[0][1]],i=e.match(/\[(.*?)\]|\.(\w+)/g)||[];for(const e of i)e.startsWith("[")?t.push(e.slice(1,-1).replace(/['"]/g,"")):e.startsWith(".")&&t.push(e.slice(1));return t}return null}(t);if(!i)return null;const N=M.replace(/["'\[]/g,""),o=N!==M,s="["===t.at(-1);if("."===t.at(-1)&&o)return null;let n=function(e,t){return t.reduce(((e,t)=>e&&"object"==typeof e?e[t]:null),e)}(this.customAutoCompletions,i);return n&&"object"==typeof n?(N&&(n=Object.fromEntries(Object.entries(n).filter((([e])=>e.toLowerCase().startsWith(N.toLowerCase()))))),{from:e.pos-N.length,options:Object.keys(n).map((e=>({label:e,type:"property",info:`Key of ${i[i.length-1]}`,apply:this.allowVariableInCustomSuggestion||!s||o?e:`'${e}'`,boost:999})))}):null}getTopLevelSuggestions(e,t){const M=t.match(/([a-zA-Z_$][\w$]*)$/);if(!M){if(""===t.trim()&&!this.isSpacePressed){const t=Object.keys(this.customAutoCompletions).filter((e=>Object.keys(this.customAutoCompletions[e]).length)).map((e=>({label:e,type:"property",apply:e,boost:999})));return this.customCompletionsPaths.length&&this.customCompletionsPaths.forEach((e=>{t.push({label:""+e,type:"property",apply:""+e,boost:998})})),{from:e.pos,options:t}}return null}const i=Object.keys(this.customAutoCompletions).filter((e=>Object.keys(this.customAutoCompletions[e]).length&&e.toLowerCase().startsWith(t.toLowerCase()))).map((e=>({label:e,type:"property",apply:e,boost:999})));return this.customCompletionsPaths.length&&this.customCompletionsPaths.filter((e=>e.toLocaleLowerCase().includes(t.toLocaleLowerCase()))).forEach((e=>{i.push({label:""+e,type:"property",apply:""+e,boost:998})})),{from:e.pos-M[1].length,options:i}}emitAfterTimeout(e){this.timeOut&&clearTimeout(this.timeOut),this.timeOut=setTimeout((()=>this.emit("nile-change",e,!1)),this.debounceTimeout)}focusAtPosition(e=this.view.state.doc.toString().length){this.view&&(this.view.dispatch({selection:{anchor:e}}),this.view.focus())}singleLineMultiLineToggle(){this.view.dispatch({changes:{from:0,to:this.view.state.doc.length,insert:this.multiline?this.value:lL(this.value)}})}getLineNumbersExension(){return!this.multiline&&this.lineNumbers||this.multiline&&this.lineNumbersMultiline?function(e={}){return[$u.of(e),Zu(),Hu]}():[]}getLanguageExtension(){switch(this.language){case"sql":return function(e={}){let t=e.dialect||rh;return new bj(t.language,[nh(e),oh(t,!!e.upperCaseKeywords)])}();case"json":return new bj(Dh);case"html":return function(e={}){let t,M="";!1===e.matchClosingTags&&(M="noMatch"),!0===e.selfClosingTags&&(M=(M?M+" ":"")+"selfClosing"),(e.nestedLanguages&&e.nestedLanguages.length||e.nestedAttributes&&e.nestedAttributes.length)&&(t=Yh((e.nestedLanguages||[]).concat(KA),(e.nestedAttributes||[]).concat(eL)));let i=t?tL.configure({wrap:t,dialect:M}):M?ML.configure({dialect:M}):ML;return new bj(i,[ML.data.of({autocomplete:HA(e)}),!1!==e.autoCloseTags?NL:[],EA().support,new bj(aA,aA.data.of({autocomplete:rA})).support])}();default:return function(e={}){let t=e.jsx?e.typescript?Ly:Ay:e.typescript?hy:Oy,M=e.typescript?ly.concat(Sy):ay.concat(py);return new bj(t,[Oy.data.of({autocomplete:wT(Ty,ET(M))}),Oy.data.of({autocomplete:dy}),e.jsx?wy:[]])}()}}getReadOnlyExtension(){return this.readonly?Ys.readOnly.of(!0):[]}getSingleLineExtension(){return this.multiline?[]:Ys.transactionFilter.of((e=>e.newDoc.lines>1?[]:e))}getPlaceholderExtension(){return this.placeholder?function(e){return ga.fromClass(class{constructor(t){this.view=t,this.placeholder=e?Ir.set([Ir.widget({widget:new Mu(e),side:1}).range(0)]):Ir.none}get decorations(){return this.view.state.doc.length?Ir.none:this.placeholder}},{decorations:e=>e.decorations})}(this.placeholder):[]}getDefaultSyntaxHighlightingExtension(){return this.disableSyntaxHighlighting?[]:function(e,t){let M,i=[Qc];return e instanceof Ac&&(e.module&&i.push(uD.styleModule.of(e.module)),M=e.themeType),(null==t?void 0:t.fallback)?i.push(xc.of(e)):M?i.push(Lc.computeN([uD.darkTheme],(t=>t.facet(uD.darkTheme)==("dark"==M)?[e]:[]))):i.push(Lc.of(e)),i}(Ec,{fallback:!0})}getCustomThemeExtension(){return this.customThemeCSS?this.defaultFont?[uD.theme(this.customThemeCSS),uD.theme(rL),uD.theme(nL)]:[uD.theme(this.customThemeCSS),uD.theme(rL)]:this.defaultFont?[uD.theme(rL),uD.theme(nL)]:[uD.theme(rL)]}restrictSingleLine(){return Ys.transactionFilter.of((e=>e.newDoc.lines>1?[]:e))}};function lL(e){return e?e.replace(/\s+/g," ").trim():""}e([ze(".code__editor__container")],aL.prototype,"codeEditor",void 0),e([ge({type:String,reflect:!0,attribute:!0})],aL.prototype,"value",void 0),e([ge({type:String,reflect:!0,attribute:!0})],aL.prototype,"expandIcon",void 0),e([ge({type:String,reflect:!0,attribute:!0})],aL.prototype,"placeholder",void 0),e([ge({type:Object,reflect:!0,attribute:!0})],aL.prototype,"customAutoCompletions",void 0),e([ge({type:Array,reflect:!0,attribute:!0})],aL.prototype,"customCompletionsPaths",void 0),e([ge({type:String,reflect:!0,attribute:!0})],aL.prototype,"language",void 0),e([ge({type:String,reflect:!0,attribute:"error-message"})],aL.prototype,"errorMessage",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],aL.prototype,"error",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],aL.prototype,"enableSearch",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],aL.prototype,"noborder",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],aL.prototype,"multiline",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],aL.prototype,"enableFoldGutters",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],aL.prototype,"allowVariableInCustomSuggestion",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],aL.prototype,"lineNumbers",void 0),e([ge({type:Boolean,reflect:!0,attribute:!1})],aL.prototype,"disableSyntaxHighlighting",void 0),e([ge({type:Object,attribute:!1})],aL.prototype,"customThemeCSS",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],aL.prototype,"lineNumbersMultiline",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],aL.prototype,"hasScroller",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],aL.prototype,"expandable",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],aL.prototype,"readonly",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],aL.prototype,"debounce",void 0),e([ge({type:Number,reflect:!0,attribute:!0})],aL.prototype,"debounceTimeout",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],aL.prototype,"aboveCursor",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],aL.prototype,"tabCompletion",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],aL.prototype,"defaultFont",void 0),aL=e([le("nile-code-editor")],aL);const DL=s`
   :host {
     display: contents;
 
@@ -8584,7 +8605,22 @@ class Hi{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
         </slot>
       </div>
     `}};e([ge({type:Boolean,reflect:!0})],UL.prototype,"overlaysidebar",void 0),e([ge({reflect:!0})],UL.prototype,"placement",void 0),e([ge({type:Boolean,reflect:!0})],UL.prototype,"isopen",void 0),UL=e([le("nile-sidebar-wrapper")],UL);const CL=s`
-  :host([resizable]) {
+  :host([resizable]) .base {
+    overflow: unset;
+  }
+  :host([resizable]) .nile__table__body {
+    display: table;
+    table-layout: fixed;
+    border-collapse: collapse;
+    width: 100%;
+    position: relative;
+  }
+`,fL=s`
+  :host([resizable]) .headers {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    padding: 4px 8px;
     position: relative;
   }
 
@@ -8592,15 +8628,23 @@ class Hi{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
     border-right: 1px solid var(--nile-colors-neutral-400);
     position: relative;
   }
-`,fL=s`
+
+  :host([resizable]) .headers {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    display: block;
+  }
+`,bL=s`
   .resizer {
     position: absolute;
-    right: -2px;
-    top: -1000px;
-    bottom: -1000px;
+    right: 0;
+    top: 0px;
+    bottom: 0px;
     width: 8px;
-    cursor: ew-resize;
+    cursor: col-resize;
     user-select: none;
+    background-color: var(--nile-colors-neutral-100);
     transition: background-color 0.2s;
     z-index: 10;
     opacity: 0;
@@ -8609,28 +8653,39 @@ class Hi{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
 
   :host([resizable]):hover .resizer {
     opacity: 1;
+    pointer-events: auto;
   }
 
   .resizer::before {
     content: '';
     position: absolute;
+    right: 0px;
+    top: 0;
+    width: 2px;
     height: 100%;
+    background-color: var(--nile-colors-neutral-500);
     opacity: 0.8;
   }
 
-  .resizer.resizing {
-    border-right: 4px double var(--nile-colors-neutral-400);
-    background-color: transparent;
+  .resizer:hover {
+    background-color: var(--nile-colors-neutral-400);
+  }
+
+  .resizer:hover::before {
+    background-color: var(--nile-colors-neutral-700);
     opacity: 1;
   }
 
-  :host([resizable]) .headers {
-    text-overflow: ellipsis;
-    white-space: nowrap;
+  .resizer.resizing {
+    background-color: var(--nile-colors-neutral-400);
+    opacity: 1;
+    pointer-events: auto;
   }
-`,bL=s`
-  .nile__table__body[resizable] {
-    table-layout: fixed;
+
+  .resizer.resizing::before {
+    background-color: var(--nile-colors-neutral-700);
+    opacity: 1;
+    width: 3px;
   }
 `,YL=s`
   :host {
@@ -8638,10 +8693,11 @@ class Hi{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
     --cell-width:auto;
     --min--height: 52px;
     --max--cell-width: auto;
+    --padding: 16px 24px;
     box-sizing: border-box;
     display: table-cell;
     vertical-align: middle;
-    padding: 16px 24px;
+    padding: var(--padding);
     max-width: var(--max--cell-width);  
     min-height: var(--min--height);
   }
@@ -8670,66 +8726,6 @@ class Hi{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
   }
 
   ${s`
-  :host([resizable]) {
-    position: relative;
-    overflow: hidden;
-    table-layout: fixed;
-  }
-`}
-  ${s`
-  .resizer {
-    position: absolute;
-    right: 0;
-    top: -1000px;
-    bottom: -1000px;
-    width: 8px;
-    cursor: col-resize;
-    user-select: none;
-    background-color: var(--nile-colors-neutral-100);
-    transition: background-color 0.2s;
-    z-index: 10;
-    opacity: 0;
-    transition: opacity 0.2s ease;
-    pointer-events: none;
-  }
-
-  :host([resizable]):hover .resizer {
-    opacity: 1;
-    pointer-events: auto;
-  }
-
-  .resizer::before {
-    content: '';
-    position: absolute;
-    right: 3px;
-    top: 0;
-    width: 2px;
-    height: 100%;
-    background-color: var(--nile-colors-neutral-500);
-    opacity: 0.8;
-  }
-
-  .resizer:hover {
-    background-color: var(--nile-colors-neutral-400);
-  }
-
-  .resizer:hover::before {
-    background-color: var(--nile-colors-neutral-700);
-    opacity: 1;
-  }
-
-  .resizer.resizing {
-    background-color: var(--nile-colors-neutral-400);
-    opacity: 1;
-    pointer-events: auto;
-  }
-
-  .resizer.resizing::before {
-    background-color: var(--nile-colors-neutral-700);
-    opacity: 1;
-    width: 3px;
-  }
-
   :host([resizable]) .column {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -8737,41 +8733,14 @@ class Hi{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
     display: block;
   }
 `}
-  ${s`
-  :host([resizable]) ::slotted(*) {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    display: block;
-  }
-
-  :host([resizable]) ::slotted(span),
-  :host([resizable]) ::slotted(div),
-  :host([resizable]) ::slotted(p) {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    display: block;
-  }
-`}
-
-  ::slotted([slot="expansionTrigger"]),
-  ::slotted([slot="expansionTrigger"]) {
-    cursor: pointer;
-  }
-`;function vL(e,t){e.preventDefault(),e.stopPropagation();const{minWidth:M=50,startX:i,startWidth:N,element:o}=t,s=e.target;s.classList.add("resizing");const n=e=>{e.preventDefault(),e.stopPropagation();const t=e.pageX-i,s=Math.max(M,N+t);o.style.width=s+"px",function(e,t){const M=e.closest("nile-table-body");if(!M)return;const i="nile-table-header-item"===e.tagName.toLowerCase(),N="nile-table-cell-item",o=function(e,t){const M=e.closest("nile-table-row");if(M){const i=M.querySelectorAll(t);return Array.from(i).indexOf(e)}return 0}(e,i?"nile-table-header-item":"nile-table-cell-item");M.querySelectorAll("nile-table-row").forEach((e=>{const M=e.querySelectorAll(N);M[o]&&(M[o].style.width=t+"px")}))}(o,s)},r=()=>{s.classList.remove("resizing"),document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",r)};return document.addEventListener("mousemove",n),document.addEventListener("mouseup",r),()=>{document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",r)}}function ZL(e){const t=e.querySelectorAll("nile-table-header-item"),M=e.querySelectorAll("nile-table-cell-item");t.forEach((e=>{e.style.removeProperty("width")})),M.forEach((e=>{e.style.removeProperty("width")}))}function VL(e,t=50){return M=>{vL(M,{minWidth:t,startX:M.pageX,startWidth:e.offsetWidth,element:e})}}let WL=class extends Pe{constructor(){super(...arguments),this.hasSlotController=new ve(this,"[default]"),this.resizable=!1,this.handleResizeStart=VL(this,50)}static get styles(){return[YL]}updated(e){if(super.updated(e),e.has("resizable")&&!this.resizable){const e=this.closest("nile-table-body");e&&ZL(e)}}handleClick(e){this.dispatchEvent(new CustomEvent("nile-expand-click",{bubbles:!0,composed:!0}))}render(){return this.resizable?R`
+  ${bL}
+`;function vL(e,t){e.preventDefault(),e.stopPropagation();const{minWidth:M=50,startX:i,startWidth:N,element:o}=t,s=e.target;s.classList.add("resizing");const n=e=>{e.preventDefault(),e.stopPropagation();const t=e.pageX-i,s=Math.max(M,N+t);o.style.width=s+"px",function(e,t){const M=e.closest("nile-table-body");if(!M)return;const i="nile-table-header-item"===e.tagName.toLowerCase(),N="nile-table-cell-item",o=function(e,t){const M=e.closest("nile-table-row");if(M){const i=M.querySelectorAll(t);return Array.from(i).indexOf(e)}return 0}(e,i?"nile-table-header-item":"nile-table-cell-item");M.querySelectorAll("nile-table-row").forEach((e=>{const M=e.querySelectorAll(N);M[o]&&(M[o].style.width=t+"px")}))}(o,s)},r=()=>{s.classList.remove("resizing"),document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",r)};return document.addEventListener("mousemove",n),document.addEventListener("mouseup",r),()=>{document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",r)}}function ZL(e){const t=e.querySelectorAll("nile-table-header-item"),M=e.querySelectorAll("nile-table-cell-item");t.forEach((e=>{e.style.removeProperty("width")})),M.forEach((e=>{e.style.removeProperty("width")}))}function VL(e,t=50){return M=>{vL(M,{minWidth:t,startX:M.pageX,startWidth:e.offsetWidth,element:e})}}let WL=class extends Pe{constructor(){super(...arguments),this.hasSlotController=new ve(this,"[default]"),this.resizable=!1,this.handleResizeStart=VL(this,50)}static get styles(){return[YL]}updated(e){if(super.updated(e),e.has("resizable")&&!this.resizable){const e=this.closest("nile-table-body");e&&ZL(e)}}render(){return this.resizable?R`
         <div class="cell__wrapper" part="nile__table-cell">
-          ${this.hasSlotController.test("[default]")?R`
-          <div class="column" part="nile__table-cell">
-            <slot name="expansionTrigger" @click=${this.handleClick} part="expansionTrigger"></slot>
-            <slot></slot>
-          </div>`:""}
+          ${this.hasSlotController.test("[default]")?R` <div class="column" part="nile__table-cell"><slot></slot></div>`:""}
           <div class="resizer" @mousedown=${this.handleResizeStart}></div>
         </div>
       `:R`
-        ${this.hasSlotController.test("[default]")?R`
-          <slot name="expansionTrigger" @click=${this.handleClick} part="expansionTrigger"></slot>
-          <slot class="column" part="nile__table-cell"> </slot>`:""}
+        ${this.hasSlotController.test("[default]")?R` <slot class="column" part="nile__table-cell"> </slot>`:""}
       `}};e([ge({type:Boolean,reflect:!0})],WL.prototype,"resizable",void 0),WL=e([le("nile-table-cell-item")],WL);const PL=s`
   :host {
     display: table-row;
@@ -8789,91 +8758,12 @@ class Hi{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
   nile-table-row > slot::slotted(nile-table-cell-item:first-child) {
     color: red;
   }
-
-.row-container {
-  /* display: flex; */
-  /* flex-direction: column; */
-  /* overflow: hidden; */
-  /* contain: layout style; */
-}
-
-.row {
-  cursor: default;
-  position: relative;       
-  display: flex;
-  align-items: center;
-}
-
-.row.expandable {
-  border-bottom: 1px solid var(--nile-table-row-border-color);
-  /* overflow: hidden; */
-  /* contain: layout style; */
-}
-
-.expanded-content {
-  transition: max-height 0.3s ease;
-}
-
-.row.expandable {
-  margin-right: 4px;
-}
- 
-.row ::slotted(nile-table-cell-item),
-.row ::slotted(nile-table-header-item) {
-  width: 100%;
-  box-sizing: border-box; 
-}
-
-.row ::slotted([slot="expandable-icon"]), slot[name="expandable-icon"] > nile-icon {
-  cursor: pointer;
-  position: absolute;
-  left: 0.40em;            
-  top: 50%;
-  transform: translateY(-50%);
-  cursor: pointer;
-  font-size: 1em;
-  line-height: 1;
-  user-select: none;
-  z-index: 2;
-}
-
-:host([expandIconRight]) .row ::slotted([slot="expandable-icon"]), :host([expandIconRight]) slot[name="expandable-icon"] > nile-icon {
-  right: 0.40em;
-  left: auto;
-}
-`;let RL=class extends Pe{constructor(){super(...arguments),this.expandable=!1,this.expanded=!1,this.expansionTriggerMode=!1,this.expandIconRight=!1}static get styles(){return[PL]}toggleExpand(e){this.expanded=!this.expanded,this.dispatchEvent(new CustomEvent("nile-change",{detail:{expanded:this.expanded},bubbles:!0,composed:!0}))}firstUpdated(e){super.firstUpdated(e),this.tableBodyHasExpandable=this.closest("nile-table-body"),this.expansionTriggerMode&&this.addEventListener("nile-expand-click",(e=>{e.stopPropagation(),this.toggleExpand(e)}))}handleSortingAlter(e){const t=[...this.querySelectorAll("nile-table-header-item")];for(let M=0;M<t.length;M++){const i=t[M];i.textContent==e.detail.value.curr_sort_string||(i.sorting_ct=0)}}updated(e){if(!e.has("expandable")||!this._iconSlot)return;this._fallbackIcon||(this._fallbackIcon=this.shadowRoot?.querySelector("nile-icon")??null);const t=this._iconSlot.assignedElements(),M=t.length>0,i=this.expandable?"":"none";if(M)for(const e of t)e.style.display=i;else this._fallbackIcon&&(this._fallbackIcon.style.display=i);if(this.expansionTriggerMode)if(M)for(const e of t)e.style.display="none";else this._fallbackIcon&&(this._fallbackIcon.style.display="none")}render(){return this.expandable||this.tableBodyHasExpandable?.expandableRows?R`
-      <div part="row-container" class="row-container">
-        <div
-          part="nile-row"
-          class="row expandable ${this.expanded?"expanded":""}"
-          @nile-click-sort="${this.handleSortingAlter}"
-        >
-          <slot
-            name="expandable-icon"
-            @click=${this.toggleExpand} 
-            part="expandable-icon"
-          >
-            <nile-icon
-              name="${this.expanded?"arrowup":"arrowdown"}"
-              role="button"
-              size="10"
-              aria-label="${this.expanded?"Collapse row":"Expand row"}">
-            </nile-icon>
-          </slot>
-          <slot></slot>
-        </div>
-  
-        ${this.expanded&&this.expandable?R`
-              <div class="expanded-content" part="expanded-content">
-                <slot name="expanded"></slot>
-              </div>`:null}
-      </div>
-    `:R`
-        <slot
-          part="nile-row"
-          @nile-click-sort="${this.handleSortingAlter}"
-        ></slot>
-      `}};e([ge({type:Boolean,reflect:!0,attribute:!0})],RL.prototype,"expandable",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],RL.prototype,"expanded",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],RL.prototype,"expansionTriggerMode",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],RL.prototype,"expandIconRight",void 0),e([ze('slot[name="expanded"]')],RL.prototype,"_expandedSlot",void 0),e([ze('slot[name="expandable-icon"]')],RL.prototype,"_iconSlot",void 0),RL=e([le("nile-table-row")],RL);const GL=s`
+`;let RL=class extends Pe{static get styles(){return[PL]}handleSortingAlter(e){const t=[...this.querySelectorAll("nile-table-header-item")];for(let M=0;M<t.length;M++){const i=t[M];i.textContent==e.detail.value.curr_sort_string||(i.sorting_ct=0)}}render(){return R`
+      <slot
+        part="nile-row"
+        @nile-click-sort="${this.handleSortingAlter}"
+      ></slot>
+    `}};RL=e([le("nile-table-row")],RL);const GL=s`
   :host {
     box-sizing: border-box;
     --nile-table-background--odd: var(--nile-colors-base-white);
@@ -8912,8 +8802,8 @@ class Hi{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
     border-bottom: 0px;
   }
 
-  ${bL}
-`;let _L=class extends Pe{constructor(){super(...arguments),this.type="primary",this.expandableRows=!1,this.collapsible=!1,this.rows_data=[],this.header_rows_data=[],this.hasResizableColumns=!1,this.expandedRow=null}static get styles(){return[GL]}firstUpdated(e){this.emit("nile-body-load",{value:this.type,comp:this},!0,!1),this.collapsible&&this.addEventListener("nile-change",(e=>{const t=e.target;e.detail.expanded?(this.expandedRow&&this.expandedRow!==t&&(this.expandedRow.expanded=!1),this.expandedRow=t):this.expandedRow===t&&(this.expandedRow=null)}))}getChildren(e,t){return e.querySelectorAll(t)}getIndexValue(e){return this.header_rows_data.indexOf(e)}checkForResizableColumns(){this.hasResizableColumns=function(e){const t=Array.from(e.children),M=t.some((e=>"nile-table-header-item"===e.tagName.toLowerCase()&&e.hasAttribute("resizable"))),i=t.some((e=>"nile-table-cell-item"===e.tagName.toLowerCase()&&e.hasAttribute("resizable")));return M||i}(this)}handleSlotchange(e){let t=[];this._childNodes.forEach((e=>{if(e.tagName&&"nile-table-row"===e?.tagName?.toLowerCase()){if(this.expandableRows){const t=e.getAttribute("expandable");e.expandable=!t||"false"!==t&&!1!==t}let M=this.getChildren(e,"nile-table-cell-item");if(M.length>0)M.forEach((e=>{t.push(e.innerHTML)})),this.rows_data.push(t);else{let t=this.getChildren(e,"nile-table-header-item");t.length>0&&t.forEach(((e,t)=>{this.header_rows_data.push(e.innerHTML)}))}t=[]}})),this.checkForResizableColumns()}handleSort(e){const{curr_sort_string:t,order:M}=e.detail.value,i=this.getIndexValue(t);this.emit("nile-sort",{value:{header_index:i,curr_sort_string:t,order:M}})}handleSearch(e){const t=e.detail.value;this.search__index=this.getIndexValue(e.target.textContent),this.emit("nile-table-search",{index:this.search__index,value:t})}render(){return R`
+  ${CL}
+`;let _L=class extends Pe{constructor(){super(...arguments),this.type="primary",this.rows_data=[],this.header_rows_data=[],this.hasResizableColumns=!1}static get styles(){return[GL]}firstUpdated(e){this.emit("nile-body-load",{value:this.type,comp:this},!0,!1)}getChildren(e,t){return e.querySelectorAll(t)}getIndexValue(e){return this.header_rows_data.indexOf(e)}checkForResizableColumns(){this.hasResizableColumns=function(e){const t=Array.from(e.children),M=t.some((e=>"nile-table-header-item"===e.tagName.toLowerCase()&&e.hasAttribute("resizable"))),i=t.some((e=>"nile-table-cell-item"===e.tagName.toLowerCase()&&e.hasAttribute("resizable")));return M||i}(this)}handleSlotchange(e){let t=[];this._childNodes.forEach((e=>{if(e.tagName&&"nile-table-row"===e?.tagName?.toLowerCase()){let M=this.getChildren(e,"nile-table-cell-item");if(M.length>0)M.forEach((e=>{t.push(e.innerHTML)})),this.rows_data.push(t);else{let t=this.getChildren(e,"nile-table-header-item");t.length>0&&t.forEach(((e,t)=>{this.header_rows_data.push(e.innerHTML)}))}t=[]}})),this.checkForResizableColumns()}handleSort(e){const{curr_sort_string:t,order:M}=e.detail.value,i=this.getIndexValue(t);this.emit("nile-sort",{value:{header_index:i,curr_sort_string:t,order:M}})}handleSearch(e){const t=e.detail.value;this.search__index=this.getIndexValue(e.target.textContent),this.emit("nile-table-search",{index:this.search__index,value:t})}render(){return R`
       <div class="base" part="base">
         <slot name="table__header" class="table__header"></slot>
         <slot
@@ -8925,7 +8815,7 @@ class Hi{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
           @nile-search=${this.handleSearch}
         ></slot>
       </div>
-    `}};e([ze("slot")],_L.prototype,"defaultSlot",void 0),e([function(e){return(t,M)=>{const{slot:i}=e??{},N="slot"+(i?`[name=${i}]`:":not([name])");return ce(t,M,{get(){const t=this.renderRoot?.querySelector(N);return t?.assignedNodes(e)??[]}})}}({flatten:!0})],_L.prototype,"_childNodes",void 0),e([ge()],_L.prototype,"type",void 0),e([ge()],_L.prototype,"bodyStyle",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],_L.prototype,"expandableRows",void 0),e([ge({type:Boolean,reflect:!0,attribute:!0})],_L.prototype,"collapsible",void 0),e([je()],_L.prototype,"rows_data",void 0),e([je()],_L.prototype,"header_rows_data",void 0),e([je()],_L.prototype,"sort__index",void 0),e([je()],_L.prototype,"search__index",void 0),e([je()],_L.prototype,"hasResizableColumns",void 0),_L=e([le("nile-table-body")],_L);const BL=s`
+    `}};e([ze("slot")],_L.prototype,"defaultSlot",void 0),e([function(e){return(t,M)=>{const{slot:i}=e??{},N="slot"+(i?`[name=${i}]`:":not([name])");return ce(t,M,{get(){const t=this.renderRoot?.querySelector(N);return t?.assignedNodes(e)??[]}})}}({flatten:!0})],_L.prototype,"_childNodes",void 0),e([ge()],_L.prototype,"type",void 0),e([ge()],_L.prototype,"bodyStyle",void 0),e([je()],_L.prototype,"rows_data",void 0),e([je()],_L.prototype,"header_rows_data",void 0),e([je()],_L.prototype,"sort__index",void 0),e([je()],_L.prototype,"search__index",void 0),e([je()],_L.prototype,"hasResizableColumns",void 0),_L=e([le("nile-table-body")],_L);const BL=s`
   :host {
     --cell-min-width: auto;
     --cell-width: auto;
@@ -8983,8 +8873,8 @@ class Hi{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
     opacity: 0.3;
   }
 
-  ${CL}
   ${fL}
+  ${bL}
 `;let FL=class extends Pe{constructor(){super(...arguments),this.hasSlotController=new ve(this,"[default]"),this.havesort=!1,this.havefilter=!1,this.iconName="",this.resizable=!1,this.sorting_ct=0,this.handleResizeStart=VL(this,50)}static get styles(){return[BL]}updated(e){if(super.updated(e),e.has("resizable")&&!this.resizable){const e=this.closest("nile-table-body");e&&ZL(e)}}handleSort(e){this.sorting_ct++;let t=this.hasSlotController.host.innerHTML;this.emit("nile-click-sort",{value:{curr_sort_string:t,order:["normal","asc","des"][this.sorting_ct%3]}})}handleSearch(e){this.emit("nile-search",{value:e.detail.value})}render(){return R`
       <div class="header__item__wrapper" part="nile__table-header-cell">
         <div class="headers">

package/dist/internal/resizable-table-styles.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,o,r,i,t,s,a;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("r",o=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host([resizable]) {\n    position: relative;\n    overflow: hidden;\n    table-layout: fixed;\n  }\n"])))),_export("c",r=e(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  :host([resizable]) {\n    position: relative;\n  }\n\n  :host([resizable]) .header__item__wrapper {\n    border-right: 1px solid var(--nile-colors-neutral-400);\n    position: relative;\n  }\n"])))),_export("a",i=e(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  .resizer {\n    position: absolute;\n    right: 0;\n    top: -1000px;\n    bottom: -1000px;\n    width: 8px;\n    cursor: col-resize;\n    user-select: none;\n    background-color: var(--nile-colors-neutral-100);\n    transition: background-color 0.2s;\n    z-index: 10;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n    pointer-events: none;\n  }\n\n  :host([resizable]):hover .resizer {\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .resizer::before {\n    content: '';\n    position: absolute;\n    right: 3px;\n    top: 0;\n    width: 2px;\n    height: 100%;\n    background-color: var(--nile-colors-neutral-500);\n    opacity: 0.8;\n  }\n\n  .resizer:hover {\n    background-color: var(--nile-colors-neutral-400);\n  }\n\n  .resizer:hover::before {\n    background-color: var(--nile-colors-neutral-700);\n    opacity: 1;\n  }\n\n  .resizer.resizing {\n    background-color: var(--nile-colors-neutral-400);\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .resizer.resizing::before {\n    background-color: var(--nile-colors-neutral-700);\n    opacity: 1;\n    width: 3px;\n  }\n\n  :host([resizable]) .column {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: block;\n  }\n"])))),_export("h",t=e(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  .resizer {\n    position: absolute;\n    right: -2px;\n    top: -1000px;\n    bottom: -1000px;\n    width: 8px;\n    cursor: ew-resize;\n    user-select: none;\n    transition: background-color 0.2s;\n    z-index: 10;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n  }\n\n  :host([resizable]):hover .resizer {\n    opacity: 1;\n  }\n\n  .resizer::before {\n    content: '';\n    position: absolute;\n    height: 100%;\n    opacity: 0.8;\n  }\n\n  .resizer.resizing {\n    border-right: 4px double var(--nile-colors-neutral-400);\n    background-color: transparent;\n    opacity: 1;\n  }\n\n  :host([resizable]) .headers {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n"])))),_export("b",s=e(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n  :host([resizable]) ::slotted(*) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: block;\n  }\n\n  :host([resizable]) ::slotted(span),\n  :host([resizable]) ::slotted(div),\n  :host([resizable]) ::slotted(p) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: block;\n  }\n"])))),_export("t",a=e(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n  .nile__table__body[resizable] {\n    table-layout: fixed;\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,_templateObject2,_templateObject3,_templateObject4,o,r,i,t;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("b",o=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host([resizable]) .base {\n    overflow: unset;\n  }\n  :host([resizable]) .nile__table__body {\n    display: table;\n    table-layout: fixed;\n    border-collapse: collapse;\n    width: 100%;\n    position: relative;\n  }\n"])))),_export("c",r=e(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  :host([resizable]) .headers {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    padding: 4px 8px;\n    position: relative;\n  }\n\n  :host([resizable]) .header__item__wrapper {\n    border-right: 1px solid var(--nile-colors-neutral-400);\n    position: relative;\n  }\n\n  :host([resizable]) .headers {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: block;\n  }\n"])))),_export("a",i=e(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  .resizer {\n    position: absolute;\n    right: 0;\n    top: 0px;\n    bottom: 0px;\n    width: 8px;\n    cursor: col-resize;\n    user-select: none;\n    background-color: var(--nile-colors-neutral-100);\n    transition: background-color 0.2s;\n    z-index: 10;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n  }\n\n  :host([resizable]):hover .resizer {\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .resizer::before {\n    content: '';\n    position: absolute;\n    right: 0px;\n    top: 0;\n    width: 2px;\n    height: 100%;\n    background-color: var(--nile-colors-neutral-500);\n    opacity: 0.8;\n  }\n\n  .resizer:hover {\n    background-color: var(--nile-colors-neutral-400);\n  }\n\n  .resizer:hover::before {\n    background-color: var(--nile-colors-neutral-700);\n    opacity: 1;\n  }\n\n  .resizer.resizing {\n    background-color: var(--nile-colors-neutral-400);\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .resizer.resizing::before {\n    background-color: var(--nile-colors-neutral-700);\n    opacity: 1;\n    width: 3px;\n  }\n"])))),_export("r",t=e(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  :host([resizable]) .column {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: block;\n  }\n"]))));}};});
 //# sourceMappingURL=resizable-table-styles.cjs.js.map

package/dist/internal/resizable-table-styles.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"resizable-table-styles.cjs.js","sources":["../../../src/internal/resizable-table-styles.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Resizable Styles Utility\n * Centralized styles for resizable table functionality\n */\n\nexport const resizableHostStyles = css`\n  :host([resizable]) {\n    position: relative;\n    overflow: hidden;\n    table-layout: fixed;\n  }\n`;\n\nexport const resizableHeaderStyles = css`\n  :host([resizable]) {\n    position: relative;\n  }\n\n  :host([resizable]) .header__item__wrapper {\n    border-right: 1px solid var(--nile-colors-neutral-400);\n    position: relative;\n  }\n`;\n\nexport const resizerStyles = css`\n  .resizer {\n    position: absolute;\n    right: 0;\n    top: -1000px;\n    bottom: -1000px;\n    width: 8px;\n    cursor: col-resize;\n    user-select: none;\n    background-color: var(--nile-colors-neutral-100);\n    transition: background-color 0.2s;\n    z-index: 10;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n    pointer-events: none;\n  }\n\n  :host([resizable]):hover .resizer {\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .resizer::before {\n    content: '';\n    position: absolute;\n    right: 3px;\n    top: 0;\n    width: 2px;\n    height: 100%;\n    background-color: var(--nile-colors-neutral-500);\n    opacity: 0.8;\n  }\n\n  .resizer:hover {\n    background-color: var(--nile-colors-neutral-400);\n  }\n\n  .resizer:hover::before {\n    background-color: var(--nile-colors-neutral-700);\n    opacity: 1;\n  }\n\n  .resizer.resizing {\n    background-color: var(--nile-colors-neutral-400);\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .resizer.resizing::before {\n    background-color: var(--nile-colors-neutral-700);\n    opacity: 1;\n    width: 3px;\n  }\n\n  :host([resizable]) .column {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: block;\n  }\n`;\n\nexport const headerResizerStyles = css`\n  .resizer {\n    position: absolute;\n    right: -2px;\n    top: -1000px;\n    bottom: -1000px;\n    width: 8px;\n    cursor: ew-resize;\n    user-select: none;\n    transition: background-color 0.2s;\n    z-index: 10;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n  }\n\n  :host([resizable]):hover .resizer {\n    opacity: 1;\n  }\n\n  .resizer::before {\n    content: '';\n    position: absolute;\n    height: 100%;\n    opacity: 0.8;\n  }\n\n  .resizer.resizing {\n    border-right: 4px double var(--nile-colors-neutral-400);\n    background-color: transparent;\n    opacity: 1;\n  }\n\n  :host([resizable]) .headers {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n`;\n\nexport const resizableSlotStyles = css`\n  :host([resizable]) ::slotted(*) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: block;\n  }\n\n  :host([resizable]) ::slotted(span),\n  :host([resizable]) ::slotted(div),\n  :host([resizable]) ::slotted(p) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: block;\n  }\n`;\n\nexport const tableLayoutStyles = css`\n  .nile__table__body[resizable] {\n    table-layout: fixed;\n  }\n`; \n"],"names":["resizableHostStyles","css","_templateObject","_taggedTemplateLiteral","_export","resizableHeaderStyles","_templateObject2","resizerStyles","_templateObject3","headerResizerStyles","_templateObject4","resizableSlotStyles","_templateObject5","tableLayoutStyles","_templateObject6"],"mappings":"mZAcaA,CAAAA,CAAsBC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,mHAAAC,OAAA,KAQzBC,CAAAA,CAAwBJ,CAAG,CAAAK,gBAAA,GAAAA,gBAAA,CAAAH,sBAAA,8MAAAC,OAAA,KAW3BG,CAAAA,CAAgBN,CAAG,CAAAO,gBAAA,GAAAA,gBAAA,CAAAL,sBAAA,yuCAAAC,OAAA,KA8DnBK,CAAAA,CAAsBR,CAAG,CAAAS,gBAAA,GAAAA,gBAAA,CAAAP,sBAAA,isBAAAC,OAAA,KAsCzBO,CAAAA,CAAsBV,CAAG,CAAAW,gBAAA,GAAAA,gBAAA,CAAAT,sBAAA,uXAAAC,OAAA,KAkBzBS,CAAAA,CAAoBZ,CAAG,CAAAa,gBAAA,GAAAA,gBAAA,CAAAX,sBAAA"}
+{"version":3,"file":"resizable-table-styles.cjs.js","sources":["../../../src/internal/resizable-table-styles.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Resizable Styles Utility\n * Centralized styles for resizable table functionality\n */\n\nexport const resizableTableStyles = css`\n  :host([resizable]) .base {\n    overflow: unset;\n  }\n  :host([resizable]) .nile__table__body {\n    display: table;\n    table-layout: fixed;\n    border-collapse: collapse;\n    width: 100%;\n    position: relative;\n  }\n`;\n\nexport const resizableHeaderStyles = css`\n  :host([resizable]) .headers {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    padding: 4px 8px;\n    position: relative;\n  }\n\n  :host([resizable]) .header__item__wrapper {\n    border-right: 1px solid var(--nile-colors-neutral-400);\n    position: relative;\n  }\n\n  :host([resizable]) .headers {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: block;\n  }\n`;\n\nexport const resizerStyles = css`\n  .resizer {\n    position: absolute;\n    right: 0;\n    top: 0px;\n    bottom: 0px;\n    width: 8px;\n    cursor: col-resize;\n    user-select: none;\n    background-color: var(--nile-colors-neutral-100);\n    transition: background-color 0.2s;\n    z-index: 10;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n  }\n\n  :host([resizable]):hover .resizer {\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .resizer::before {\n    content: '';\n    position: absolute;\n    right: 0px;\n    top: 0;\n    width: 2px;\n    height: 100%;\n    background-color: var(--nile-colors-neutral-500);\n    opacity: 0.8;\n  }\n\n  .resizer:hover {\n    background-color: var(--nile-colors-neutral-400);\n  }\n\n  .resizer:hover::before {\n    background-color: var(--nile-colors-neutral-700);\n    opacity: 1;\n  }\n\n  .resizer.resizing {\n    background-color: var(--nile-colors-neutral-400);\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .resizer.resizing::before {\n    background-color: var(--nile-colors-neutral-700);\n    opacity: 1;\n    width: 3px;\n  }\n`;\n\nexport const resizableCellStyles = css`\n  :host([resizable]) .column {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: block;\n  }\n`;\n"],"names":["resizableTableStyles","css","_templateObject","_taggedTemplateLiteral","_export","resizableHeaderStyles","_templateObject2","resizerStyles","_templateObject3","resizableCellStyles","_templateObject4"],"mappings":"6WAcaA,CAAAA,CAAuBC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,+OAAAC,OAAA,KAa1BC,CAAAA,CAAwBJ,CAAG,CAAAK,gBAAA,GAAAA,gBAAA,CAAAH,sBAAA,ycAAAC,OAAA,KAsB3BG,CAAAA,CAAgBN,CAAG,CAAAO,gBAAA,GAAAA,gBAAA,CAAAL,sBAAA,2jCAAAC,OAAA,KAsDnBK,CAAAA,CAAsBR,CAAG,CAAAS,gBAAA,GAAAA,gBAAA,CAAAP,sBAAA"}