npm - @aquera/nile-elements - Versions diffs - 0.1.68 → 0.1.69 - Mend

@aquera/nile-elements 0.1.68 → 0.1.69

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (25) hide show

package/README.md CHANGED Viewed

@@ -79,6 +79,9 @@ To run a local development server that serves the basic demo located in `demo/in
 In this section, you can find the updates for each release of `nile-elements`. It's a good practice to maintain detailed release notes to help users and developers understand what changes have been made from one version to another and how these changes might affect their projects.
+#### Version 0.1.69
+- Nile Table: Column resize defect fix [UIF-959]
 #### Version 0.1.68
 -  Nile Code Editor: Code Editor Fixes [UIF-956]

package/dist/index.js CHANGED Viewed

@@ -8754,7 +8754,7 @@ class Hi{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
     display: block;
   }
 `}
-`;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){return e.hasAttribute("resizable")}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]}render(){return this.resizable?R`
+`;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></slot></div>`:""}
           <div class="resizer" @mousedown=${this.handleResizeStart}></div>
@@ -8823,7 +8823,7 @@ class Hi{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
   }
   ${bL}
-`;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=e.querySelectorAll("nile-table-header-item"),M=e.querySelectorAll("nile-table-cell-item"),i=Array.from(t).some((e=>ZL(e))),N=Array.from(M).some((e=>ZL(e)));return i||N}(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`
+`;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
@@ -8894,7 +8894,7 @@ class Hi{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
   ${CL}
   ${fL}
-`;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]}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`
+`;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">
           <slot> </slot>

package/dist/internal/resizable-table-helper.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register([],function(_export,_context){"use strict";function e(e,t){e.preventDefault(),e.stopPropagation();var _t$minWidth=t.minWidth,n=_t$minWidth===void 0?50:_t$minWidth,i=t.startX,o=t.startWidth,r=t.element,u=e.target;u.classList.add("resizing");var l=function l(e){e.preventDefault(),e.stopPropagation();var t=e.pageX-i,u=Math.max(n,o+t);r.style.width=u+"px",function(e,t){var n=e.closest("nile-table-body");if(!n)return;var i="nile-table-header-item"===e.tagName.toLowerCase(),o="nile-table-cell-item",r=function(e,t){var n=e.closest("nile-table-row");if(n){var _i=n.querySelectorAll(t);return Array.from(_i).indexOf(e);}return 0;}(e,i?"nile-table-header-item":"nile-table-cell-item");n.querySelectorAll("nile-table-row").forEach(function(e){var n=e.querySelectorAll(o);n[r]&&(n[r].style.width=t+"px");});}(r,u);},_c=function c(){u.classList.remove("resizing"),document.removeEventListener("mousemove",l),document.removeEventListener("mouseup",_c);};return document.addEventListener("mousemove",l),document.addEventListener("mouseup",_c),function(){document.removeEventListener("mousemove",l),document.removeEventListener("mouseup",_c);};}function t(e){return e.hasAttribute("resizable");}function n(t){var n=arguments.length>1&&arguments[1]!==undefined?arguments[1]:50;return function(i){e(i,{minWidth:n,startX:i.pageX,startWidth:t.offsetWidth,element:t});};}function i(e){var n=e.querySelectorAll("nile-table-header-item"),i=e.querySelectorAll("nile-table-cell-item"),o=Array.from(n).some(function(e){return t(e);}),r=Array.from(i).some(function(e){return t(e);});return o||r;}_export({c:n,h:i});return{setters:[],execute:function execute(){}};});
+System.register([],function(_export,_context){"use strict";function e(e,t){e.preventDefault(),e.stopPropagation();var _t$minWidth=t.minWidth,n=_t$minWidth===void 0?50:_t$minWidth,i=t.startX,o=t.startWidth,l=t.element,r=e.target;r.classList.add("resizing");var a=function a(e){e.preventDefault(),e.stopPropagation();var t=e.pageX-i,r=Math.max(n,o+t);l.style.width=r+"px",function(e,t){var n=e.closest("nile-table-body");if(!n)return;var i="nile-table-header-item"===e.tagName.toLowerCase(),o="nile-table-cell-item",l=function(e,t){var n=e.closest("nile-table-row");if(n){var _i=n.querySelectorAll(t);return Array.from(_i).indexOf(e);}return 0;}(e,i?"nile-table-header-item":"nile-table-cell-item");n.querySelectorAll("nile-table-row").forEach(function(e){var n=e.querySelectorAll(o);n[l]&&(n[l].style.width=t+"px");});}(l,r);},_c=function c(){r.classList.remove("resizing"),document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",_c);};return document.addEventListener("mousemove",a),document.addEventListener("mouseup",_c),function(){document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",_c);};}function t(e){var t=e.querySelectorAll("nile-table-header-item"),n=e.querySelectorAll("nile-table-cell-item");t.forEach(function(e){e.style.removeProperty("width");}),n.forEach(function(e){e.style.removeProperty("width");});}function n(t){var n=arguments.length>1&&arguments[1]!==undefined?arguments[1]:50;return function(i){e(i,{minWidth:n,startX:i.pageX,startWidth:t.offsetWidth,element:t});};}function i(e){var t=Array.from(e.children),n=t.some(function(e){return"nile-table-header-item"===e.tagName.toLowerCase()&&e.hasAttribute("resizable");}),i=t.some(function(e){return"nile-table-cell-item"===e.tagName.toLowerCase()&&e.hasAttribute("resizable");});return n||i;}_export({c:n,h:i,r:t});return{setters:[],execute:function execute(){}};});
 //# sourceMappingURL=resizable-table-helper.cjs.js.map

package/dist/internal/resizable-table-helper.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"resizable-table-helper.cjs.js","sources":["../../../src/internal/resizable-table-helper.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2025\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\n/\n Resizable Helper Utility\n * Provides common functionality for resizable table columns\n /\n\nexport interface ResizeOptions {\n minWidth?: number;\n startX: number;\n startWidth: number;\n element: HTMLElement;\n}\n\nexport interface ColumnResizeData {\n columnIndex: number;\n newWidth: number;\n}\n\n/\n Handles the start of a resize operation\n * @param e Mouse event\n * @param options Resize configuration options\n * @returns Cleanup function to remove event listeners\n /\nexport function handleResizeStart(e: MouseEvent, options: ResizeOptions): () => void {\n e.preventDefault();\n e.stopPropagation();\n \n const { minWidth = 50, startX, startWidth, element } = options;\n const resizer = e.target as HTMLElement;\n \n resizer.classList.add('resizing');\n\n const onMouseMove = (e: MouseEvent) => {\n e.preventDefault();\n e.stopPropagation();\n \n const delta = e.pageX - startX;\n const newWidth = Math.max(minWidth, startWidth + delta);\n\n element.style.width = newWidth + 'px';\n\n synchronizeColumnWidth(element, newWidth);\n };\n\n const onMouseUp = () => {\n resizer.classList.remove('resizing');\n document.removeEventListener('mousemove', onMouseMove);\n document.removeEventListener('mouseup', onMouseUp);\n };\n\n document.addEventListener('mousemove', onMouseMove);\n document.addEventListener('mouseup', onMouseUp);\n\n return () => {\n document.removeEventListener('mousemove', onMouseMove);\n document.removeEventListener('mouseup', onMouseUp);\n };\n}\n\n/\n Gets the column index of an element within its table row\n * @param element The table cell or header element\n * @param selector The CSS selector for the column elements\n * @returns Column index (0-based)\n /\nexport function getColumnIndex(element: HTMLElement, selector: string): number {\n const tableRow = element.closest('nile-table-row');\n if (tableRow) {\n const columns = tableRow.querySelectorAll(selector);\n return Array.from(columns).indexOf(element);\n }\n return 0;\n}\n\n/\n Synchronizes the width of all cells in the same column\n * @param sourceElement The element that was resized\n * @param newWidth The new width to apply\n /\nexport function synchronizeColumnWidth(sourceElement: HTMLElement, newWidth: number): void {\n const tableBody = sourceElement.closest('nile-table-body');\n if (!tableBody) return;\n\n const isHeader = sourceElement.tagName.toLowerCase() === 'nile-table-header-item';\n const selector = isHeader ? 'nile-table-header-item' : 'nile-table-cell-item';\n const targetSelector = isHeader ? 'nile-table-cell-item' : 'nile-table-cell-item';\n \n const columnIndex = getColumnIndex(sourceElement, selector);\n const rows = tableBody.querySelectorAll('nile-table-row');\n \n rows.forEach(row => {\n const cells = row.querySelectorAll(targetSelector);\n if (cells[columnIndex]) {\n cells[columnIndex].style.width = newWidth + 'px';\n }\n });\n}\n\n/\n Checks if an element has the resizable attribute\n * @param element The element to check\n * @returns True if the element is resizable\n /\nexport function isResizable(element: HTMLElement): boolean {\n return element.hasAttribute('resizable');\n}\n\n/\n Creates a resize handler function for use in component event listeners\n * @param element The element to make resizable\n * @param minWidth Minimum width constraint\n * @returns Event handler function\n /\nexport function createResizeHandler(element: HTMLElement, minWidth: number = 50): (e: MouseEvent) => void {\n return (e: MouseEvent) => {\n const options: ResizeOptions = {\n minWidth,\n startX: e.pageX,\n startWidth: element.offsetWidth,\n element\n };\n \n handleResizeStart(e, options);\n };\n}\n\n/\n Detects if any columns in a table are resizable\n * @param tableBody The table body element\n * @returns True if any columns have resizable attribute\n */\nexport function hasResizableColumns(tableBody: HTMLElement): boolean {\n const ~~headerItems~~ = tableBody.~~querySelectorAll('nile-table-header-item'~~);\n const ~~cellItems~~ = ~~tableBody~~.~~querySelectorAll~~('nile-table-~~cell~~-item')~~;\n~~ \n ~~const~~ ~~hasResizableHeaders = Array~~.~~from~~(~~headerItems~~)~~.some(item => \~~n ~~isResizable(item)~~\n );\n const hasResizableCells = ~~Array~~.~~from(cellItems).~~some(~~item~~ => \n ~~isResizable~~(item)\n );\n \n return hasResizableHeaders \|\| hasResizableCells;\n} \n"],"names":["handleResizeStart","e","options","preventDefault","stopPropagation","_t$minWidth","minWidth","startX","startWidth","element","resizer","target","classList","add","onMouseMove","delta","pageX","newWidth","Math","max","style","width","sourceElement","tableBody","closest","isHeader","tagName","toLowerCase","targetSelector","columnIndex","selector","tableRow","columns","querySelectorAll","Array","from","indexOf","getColumnIndex","forEach","row","cells","synchronizeColumnWidth","onMouseUp","~~c","~~remove","document","removeEventListener","addEventListener","~~isResizable~~","~~hasAttribute~~","createResizeHandler","arguments","length","undefined","offsetWidth","t","hasResizableColumns","~~headerItems~~","~~cellItems~~","hasResizableHeaders","some","~~item~~","~~hasResizableCells~~","~~_export~~"],"mappings":"2DA8BgB,QAAAA,CAAAA,CAAAA,CAAkBC,~~EAAeC~~,CAC/CD,CAAAA,CAAAA,CAAAA,~~CAAEE~~,~~iBACFF,~~CAAEG,CAAAA,eAAAA,CAAAA,CAAAA,CAEF,IAAAC,WAAA,CAAuDH,CAAAA,CAAjDI,QAAAA,CAAEA,CAAW,CAAAD,WAAA,UAAA,EAAA,CAAAA,WAAA,CAAIE,~~CAAMC~~,~~CAA0BN~~,CAAAA,CAAlCK,~~OAAUC~~,CAAUC,CAAcP,CAAAA,CAA1BM,~~UAAAA~~,~~CAAcC,~~CAAYP,CAAAA,CAAAA,CAAdO,OAAAA,CACnCC,~~EAAUT~~,CAAEU,CAAAA,~~MAAAA~~,~~CAElBD,~~CAAQE,CAAAA,~~SAAAA~~,~~CAAUC~~,~~GAAI~~,CAAA,~~UAAA,~~CAAA,~~CAEtB,~~GAAMC,CAAAA,CAAeb,CAAAA,QAAfa,CAAAA,CAAeb,CAAAA,CAAAA,CAAAA,CACnBA,~~CAAEE~~,CAAAA,~~cAAAA~~,CAAAA,CAAAA,~~CACFF,~~CAAEG,~~CAAAA~~,~~eAAAA~~,~~CAAAA~~,~~CAAAA~~,~~CAEF,~~GAAMW,CAAAA,CAAQd,CAAAA,CAAAA,CAAEe,KAAQT,CAAAA,CAAAA,CAClBU,CAAWC,CAAAA,IAAAA,CAAKC,~~IAAIb~~,~~CAAUE,~~CAAAA,CAAAA,CAAaO,~~CAEjDN,~~CAAAA,CAAAA,CAAAA,CAAQW,~~KAAMC,~~CAAAA,KAAAA,~~CAAQJ~~,~~EAAW~~,IAwCrB,CAAA,SAAuBK,CAA4BL,CAAAA,CAAAA,CAAAA,CACjE,GAAMM,CAAAA,CAAAA,CAAYD,~~EAAcE~~,~~OAAQ~~,~~CAAA~~,~~iBAAA~~,CAAA,~~CACxC~~,~~GAAKD~~,~~CAAAA~~,~~CAAAA,~~CAAW,OAEhB,GAAME,CAAAA,~~EAAmD~~,~~wBAAxCH~~,~~GAAAA~~,~~CAAAA~~,CAAcI,~~OAAQC~~,CAAAA,~~WAAAA~~,CAAAA,CAAAA,~~CAEjCC,~~CAA4B,~~CAAA~~,~~sBAAA~~,~~CAE5BC~~,~~EAtBQ~~,SAAepB,CAAAA,CAAsBqB,CACnD,CAAA,CAAA,GAAMC,CAAAA,CAAWtB,CAAAA,CAAAA,CAAQe,~~QAAQ~~,~~gBACjC,~~CAAA,CAAA,GAAIO,CAAU,~~CAAA,~~CACZ,GAAMC,CAAAA,~~EAAAA~~,~~CAAUD~~,~~EAASE~~,gBAAiBH,CAAAA,CAAAA,CAAAA,CAC1C,MAAOI,CAAAA,KAAAA,CAAMC,IAAKH,CAAAA,EAAAA,CAAAA,CAASI,~~QAAQ3B~~,CACpC,~~CAAA,~~EACD,MAAO,EACT,EAesB4B,CAAef,~~EAHlBG~~,CAAW,CAAA,~~wBAAA~~,~~CAA2B~~,~~sBAI1CF~~,~~CAAAA~~,CAAAA,~~CAAAA~~,~~CAAUU~~,~~gBAAiB~~,~~CAAA~~,~~gBAAA~~,~~CAAA~~,~~CAEnCK~~,~~QAAQC,~~SAAAA,CACX,CAAA,CAAA,GAAMC,CAAAA,CAAQD,CAAAA,CAAAA,CAAIN,gBAAiBL,CAAAA,CAAAA,CAAAA,CAC/BY,~~EAAMX~~,~~CACRW~~,CAAAA,~~GAAAA,~~CAAAA,CAAMX,~~GAAaT~~,KAAMC,CAAAA,KAAAA,CAAQJ,~~EAAW~~,~~IAC7C,~~CAAA,~~EAAA~~,~~CAEL~~,EAvDIwB,CAAuBhC,CAASQ,~~CAAAA~~,CAAAA,~~CAAS~~,~~GAGrCyB~~,~~EAAY~~,~~CAAA~~,~~QAAZA~~,CAAAA,~~CAAYC~~,~~CAAA~~,~~CAAA~~,~~CAChBjC,~~CAAQE,CAAAA,~~SAAAA~~,~~CAAUgC~~,~~MAAO~~,~~CAAA~~,~~UAAA~~,~~CAAA~~,~~CACzBC~~,~~SAASC,~~mBAAoB,CAAA,WAAA,~~CAAahC,CAC1C+~~B,CAAAA,CAAAA,QAAAA,CAASC,mBAAoB,CAAA,SAAA,~~CAAWJ~~,~~GAAU~~,~~EAMpD,~~CAAA,~~MAHAG~~,~~CAAAA~~,~~QAASE~~,CAAAA,~~gBAAAA~~,~~CAAiB~~,~~WAAajC~~,~~CAAAA~~,CAAAA,CAAAA,~~CACvC+B~~,~~SAASE~~,gBAAiB,CAAA,SAAA,~~CAAWL~~,EAE9B,CAAA,CAAA,UAAA,~~CACLG~~,QAASC,CAAAA,mBAAAA,CAAoB,~~YAAahC,CAC1C+~~B,CAAAA,CAAAA,~~QAAAA~~,~~CAASC~~,mBAAoB,CAAA,SAAA,~~CAAWJ~~,EAAU,CAAA,EAEtD,~~EA8CM~~,~~QAAUM~~,CAAAA,CAAAA,~~CAAYvC~~,~~CAC1B~~,~~CAAA~~,CAAA,~~MAAOA~~,CAAAA,~~CAAQwC~~,CAAAA,~~YAAAA~~,~~CAAa~~,~~YAC9B~~,~~UAQgBC~~,CAAAA,~~CAAoBzC~~,CAAAA,CAAAA,CAAyC,IAAnBH,CAAAA,CAAmB,~~CAAA6C~~,SAAA,CAAAC,MAAA,IAAAD,SAAA,MAAAE,SAAA,CAAAF,SAAA,IAAA,EAAA,CAC3E,~~MAAQlD~~,UAAAA,~~CAQND~~,CAAAA,CAAAA,CAAAA,~~CAAkBC,~~CAPa,~~CAAA,~~CAC7BK,~~QACAC~~,CAAAA,CAAAA,CAAAA,~~MAAAA~~,~~CAAQN~~,~~EAAEe,~~KACVR,CAAAA,UAAAA,CAAYC,~~CAAQ6C~~,CAAAA,WAAAA,~~CACpB7C~~,OAG2B,~~CAAA8C~~,CAAA,CAAA,CAAA,EAEjC,EAOM,QAAUC,CAAAA,CAAAA,~~CAAoBjC~~,CAClC,~~CAAA~~,~~CAAA~~,~~GAAMkC,~~CAAAA,~~CAAclC~~,~~CAAAA~~,CAAAA,~~CAAUU~~,~~iBAAiB~~,~~wBACzCyB~~,CAAAA,CAAAA,CAAAA,~~CAAYnC~~,~~CAAUU~~,CAAAA,~~gBAAAA~~,~~CAAiB~~,~~sBAEvC0B~~,~~CAAAA~~,~~CAAAA~~,CAAAA,~~CAAsBzB~~,~~MAAMC~~,~~IAAKsB~~,CAAAA,CAAAA,CAAAA,~~CAAaG~~,~~IAAKC~~,~~CAAAA~~,~~SAAAA~~,~~CAAAA~~,~~QACvDb~~,~~CAAAA~~,~~CAAYa~~,CAAAA,CAAAA,CAAAA,~~EAAAA~~,CAAAA,~~CAERC~~,~~EAAoB5B~~,~~KAAMC~~,CAAAA,~~IAAAA~~,~~CAAKuB~~,~~CAAWE~~,CAAAA,CAAAA,~~IAAAA~~,~~CAAKC~~,~~SAAAA~~,~~CACnDb~~,~~QAAAA~~,~~CAAAA~~,~~CAAAA~~,~~CAAYa~~,~~MAGd~~,~~MAAOF~~,~~CAAAA~~,CAAAA,~~EAAuBG~~,CAChC~~,EAAAC,OAAA,EAAApB,CAAA~~"}
1	+ {"version":3,"file":"resizable-table-helper.cjs.js","sources":["../../../src/internal/resizable-table-helper.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2025\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\n/\n Resizable Helper Utility\n * Provides common functionality for resizable table columns\n /\n\nexport interface ResizeOptions {\n minWidth?: number;\n startX: number;\n startWidth: number;\n element: HTMLElement;\n}\n\nexport interface ColumnResizeData {\n columnIndex: number;\n newWidth: number;\n}\n\n/\n Handles the start of a resize operation\n * @param e Mouse event\n * @param options Resize configuration options\n * @returns Cleanup function to remove event listeners\n /\nexport function handleResizeStart(e: MouseEvent, options: ResizeOptions): () => void {\n e.preventDefault();\n e.stopPropagation();\n \n const { minWidth = 50, startX, startWidth, element } = options;\n const resizer = e.target as HTMLElement;\n \n resizer.classList.add('resizing');\n\n const onMouseMove = (e: MouseEvent) => {\n e.preventDefault();\n e.stopPropagation();\n \n const delta = e.pageX - startX;\n const newWidth = Math.max(minWidth, startWidth + delta);\n\n element.style.width = newWidth + 'px';\n\n synchronizeColumnWidth(element, newWidth);\n };\n\n const onMouseUp = () => {\n resizer.classList.remove('resizing');\n document.removeEventListener('mousemove', onMouseMove);\n document.removeEventListener('mouseup', onMouseUp);\n };\n\n document.addEventListener('mousemove', onMouseMove);\n document.addEventListener('mouseup', onMouseUp);\n\n return () => {\n document.removeEventListener('mousemove', onMouseMove);\n document.removeEventListener('mouseup', onMouseUp);\n };\n}\n\n/\n Gets the column index of an element within its table row\n * @param element The table cell or header element\n * @param selector The CSS selector for the column elements\n * @returns Column index (0-based)\n /\nexport function getColumnIndex(element: HTMLElement, selector: string): number {\n const tableRow = element.closest('nile-table-row');\n if (tableRow) {\n const columns = tableRow.querySelectorAll(selector);\n return Array.from(columns).indexOf(element);\n }\n return 0;\n}\n\n/\n Synchronizes the width of all cells in the same column\n * @param sourceElement The element that was resized\n * @param newWidth The new width to apply\n /\nexport function synchronizeColumnWidth(sourceElement: HTMLElement, newWidth: number): void {\n const tableBody = sourceElement.closest('nile-table-body');\n if (!tableBody) return;\n\n const isHeader = sourceElement.tagName.toLowerCase() === 'nile-table-header-item';\n const selector = isHeader ? 'nile-table-header-item' : 'nile-table-cell-item';\n const targetSelector = isHeader ? 'nile-table-cell-item' : 'nile-table-cell-item';\n \n const columnIndex = getColumnIndex(sourceElement, selector);\n const rows = tableBody.querySelectorAll('nile-table-row');\n \n rows.forEach(row => {\n const cells = row.querySelectorAll(targetSelector);\n if (cells[columnIndex]) {\n cells[columnIndex].style.width = newWidth + 'px';\n }\n });\n}\n\n/\n Resets all column widths in a table to their default values\n * @param tableBody The table body element to reset\n /\nexport function resetAllColumnWidths(tableBody: HTMLElement): void {\n const headerItems = tableBody.querySelectorAll('nile-table-header-item');\n const cellItems = tableBody.querySelectorAll('nile-table-cell-item');\n \n headerItems.forEach(header => {\n header.style.removeProperty('width');\n });\n \n cellItems.forEach(cell => {\n cell.style.removeProperty('width');\n });\n}\n\n/\n Checks if an element has the resizable attribute\n * @param element The element to check\n * @returns True if the element is resizable\n /\nexport function isResizable(element: HTMLElement): boolean {\n return element.hasAttribute('resizable');\n}\n\n/\n Creates a resize handler function for use in component event listeners\n * @param element The element to make resizable\n * @param minWidth Minimum width constraint\n * @returns Event handler function\n /\nexport function createResizeHandler(element: HTMLElement, minWidth: number = 50): (e: MouseEvent) => void {\n return (e: MouseEvent) => {\n const options: ResizeOptions = {\n minWidth,\n startX: e.pageX,\n startWidth: element.offsetWidth,\n element\n };\n \n handleResizeStart(e, options);\n };\n}\n\n/\n Detects if any columns in a table are resizable\n * @param tableBody The table body element\n * @returns True if any columns have resizable attribute\n */\nexport function hasResizableColumns(tableBody: HTMLElement): boolean {\n const directChildren = Array.from(tableBody.children);\n \n const hasResizableHeaders = directChildren.some(child => {\n if (child.tagName.toLowerCase() === 'nile-table-header-item') {\n return child.hasAttribute('resizable');\n }\n return false;\n });\n \n const hasResizableCells = directChildren.some(child => {\n if (child.tagName.toLowerCase() === 'nile-table-cell-item') {\n return child.hasAttribute('resizable');\n }\n return false;\n });\n \n return hasResizableHeaders \|\| hasResizableCells;\n} \n"],"names":["handleResizeStart","e","options","preventDefault","stopPropagation","_t$minWidth","minWidth","startX","startWidth","element","resizer","target","classList","add","onMouseMove","delta","pageX","newWidth","Math","max","style","width","sourceElement","tableBody","closest","isHeader","tagName","toLowerCase","targetSelector","columnIndex","selector","tableRow","columns","querySelectorAll","Array","from","indexOf","getColumnIndex","forEach","row","cells","synchronizeColumnWidth","onMouseUp","remove","document","removeEventListener","addEventListener","resetAllColumnWidths","headerItems","cellItems","header","removeProperty","cell","createResizeHandler","arguments","length","undefined","offsetWidth","t","hasResizableColumns","directChildren","children","hasResizableHeaders","some","child","hasAttribute","hasResizableCells"],"mappings":"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"}

package/dist/internal/resizable-table-helper.esm.js CHANGED Viewed

	@@ -1 +1 @@
1	- function e(e,t){e.preventDefault(),e.stopPropagation();const{minWidth:n=50,startX:i,startWidth:o,element:r}=t,u=e.target;u.classList.add("resizing");const l=e=>{e.preventDefault(),e.stopPropagation();const t=e.pageX-i,u=Math.max(n,o+t);r.style.width=u+"px",function(e,t){const n=e.closest("nile-table-body");if(!n)return;const i="nile-table-header-item"===e.tagName.toLowerCase(),o="nile-table-cell-item",r=function(e,t){const n=e.closest("nile-table-row");if(n){const i=n.querySelectorAll(t);return Array.from(i).indexOf(e)}return 0}(e,i?"nile-table-header-item":"nile-table-cell-item");n.querySelectorAll("nile-table-row").forEach((e=>{const n=e.querySelectorAll(o);n[r]&&(n[r].style.width=t+"px")}))}(r,u)},c=()=>{u.classList.remove("resizing"),document.removeEventListener("mousemove",l),document.removeEventListener("mouseup",c)};return document.addEventListener("mousemove",l),document.addEventListener("mouseup",c),()=>{document.removeEventListener("mousemove",l),document.removeEventListener("mouseup",c)}}function t(e){~~return~~ e.~~hasAttribute~~("~~resizable~~")}function n(t,n=50){return i=>{e(i,{minWidth:n,startX:i.pageX,startWidth:t.offsetWidth,element:t})}}function i(e){const n=e.~~querySelectorAll~~("nile-table-header-item"),i=e.~~querySelectorAll~~("nile-table-cell-item"~~),o=Array~~.~~from~~(n)~~.some((~~e~~=>t(e))),r=Array~~.~~from~~(i)~~.some((e=>t(e~~)));return o\|\|r}export{n as c,i as h};
1	+ function e(e,t){e.preventDefault(),e.stopPropagation();const{minWidth:n=50,startX:i,startWidth:o,element:l}=t,r=e.target;r.classList.add("resizing");const a=e=>{e.preventDefault(),e.stopPropagation();const t=e.pageX-i,r=Math.max(n,o+t);l.style.width=r+"px",function(e,t){const n=e.closest("nile-table-body");if(!n)return;const i="nile-table-header-item"===e.tagName.toLowerCase(),o="nile-table-cell-item",l=function(e,t){const n=e.closest("nile-table-row");if(n){const i=n.querySelectorAll(t);return Array.from(i).indexOf(e)}return 0}(e,i?"nile-table-header-item":"nile-table-cell-item");n.querySelectorAll("nile-table-row").forEach((e=>{const n=e.querySelectorAll(o);n[l]&&(n[l].style.width=t+"px")}))}(l,r)},c=()=>{r.classList.remove("resizing"),document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",c)};return document.addEventListener("mousemove",a),document.addEventListener("mouseup",c),()=>{document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",c)}}function t(e){const t=e.querySelectorAll("nile-table-header-item"),n=e.querySelectorAll("nile-table-cell-item");t.forEach((e=>{e.style.removeProperty("width")})),n.forEach((e=>{e.style.removeProperty("width")}))}function n(t,n=50){return i=>{e(i,{minWidth:n,startX:i.pageX,startWidth:t.offsetWidth,element:t})}}function i(e){const t=Array.from(e.children),n=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 n\|\|i}export{n as c,i as h,t as r};

package/dist/nile-table-cell-item/nile-table-cell-item.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-table-cell-item.css.cjs.js","../internal/nile-element.cjs.js","../internal/slot.cjs.js","../internal/resizable-table-helper.cjs.js","../internal/resizable-table-styles.cjs.js"],function(_export,_context){"use strict";var e,t,s,l,i,r,a,o,_templateObject,_templateObject2,_templateObject3,_templateObject4,c;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_lit){t=_lit.html;},function(_litDecoratorsJs){s=_litDecoratorsJs.property;l=_litDecoratorsJs.customElement;},function(_nileTableCellItemCssCjsJs){i=_nileTableCellItemCssCjsJs.s;},function(_internalNileElementCjsJs){r=_internalNileElementCjsJs.N;},function(_internalSlotCjsJs){a=_internalSlotCjsJs.H;},function(_internalResizableTableHelperCjsJs){o=_internalResizableTableHelperCjsJs.c;},function(_internalResizableTableStylesCjsJs){}],execute:function execute(){_export("N",c=/*#__PURE__*/function(_r){function c(){var _this;_classCallCheck(this,c);_this=_callSuper(this,c,arguments),_this.hasSlotController=new a(_assertThisInitialized(_this),"[default]"),_this.resizable=!1,_this.handleResizeStart=o(_assertThisInitialized(_this),50);return _this;}_inherits(c,_r);return _createClass(c,[{key:"render",value:function render(){return this.resizable?t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n        <div class=\"cell__wrapper\" part=\"nile__table-cell\">\n          ","\n          <div class=\"resizer\" @mousedown=","></div>\n        </div>\n      "])),this.hasSlotController.test("[default]")?t(_templateObject2||(_templateObject2=_taggedTemplateLiteral([" <div class=\"column\" part=\"nile__table-cell\"><slot></slot></div>"]))):"",this.handleResizeStart):t(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n        ","\n      "])),this.hasSlotController.test("[default]")?t(_templateObject4||(_templateObject4=_taggedTemplateLiteral([" <slot class=\"column\" part=\"nile__table-cell\"> </slot>"]))):"");}}],[{key:"styles",get:function get(){return[i];}}]);}(r));e([s({type:Boolean,reflect:!0})],c.prototype,"resizable",void 0),_export("N",c=e([l("nile-table-cell-item")],c));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-table-cell-item.css.cjs.js","../internal/nile-element.cjs.js","../internal/slot.cjs.js","../internal/resizable-table-helper.cjs.js","../internal/resizable-table-styles.cjs.js"],function(_export,_context){"use strict";var e,t,s,l,i,r,a,o,n,_templateObject,_templateObject2,_templateObject3,_templateObject4,c;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_lit){t=_lit.html;},function(_litDecoratorsJs){s=_litDecoratorsJs.property;l=_litDecoratorsJs.customElement;},function(_nileTableCellItemCssCjsJs){i=_nileTableCellItemCssCjsJs.s;},function(_internalNileElementCjsJs){r=_internalNileElementCjsJs.N;},function(_internalSlotCjsJs){a=_internalSlotCjsJs.H;},function(_internalResizableTableHelperCjsJs){o=_internalResizableTableHelperCjsJs.c;n=_internalResizableTableHelperCjsJs.r;},function(_internalResizableTableStylesCjsJs){}],execute:function execute(){_export("N",c=/*#__PURE__*/function(_r){function c(){var _this;_classCallCheck(this,c);_this=_callSuper(this,c,arguments),_this.hasSlotController=new a(_assertThisInitialized(_this),"[default]"),_this.resizable=!1,_this.handleResizeStart=o(_assertThisInitialized(_this),50);return _this;}_inherits(c,_r);return _createClass(c,[{key:"updated",value:function updated(e){if(_superPropGet(c,"updated",this,3)([e]),e.has("resizable")&&!this.resizable){var _e=this.closest("nile-table-body");_e&&n(_e);}}},{key:"render",value:function render(){return this.resizable?t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n        <div class=\"cell__wrapper\" part=\"nile__table-cell\">\n          ","\n          <div class=\"resizer\" @mousedown=","></div>\n        </div>\n      "])),this.hasSlotController.test("[default]")?t(_templateObject2||(_templateObject2=_taggedTemplateLiteral([" <div class=\"column\" part=\"nile__table-cell\"><slot></slot></div>"]))):"",this.handleResizeStart):t(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n        ","\n      "])),this.hasSlotController.test("[default]")?t(_templateObject4||(_templateObject4=_taggedTemplateLiteral([" <slot class=\"column\" part=\"nile__table-cell\"> </slot>"]))):"");}}],[{key:"styles",get:function get(){return[i];}}]);}(r));e([s({type:Boolean,reflect:!0})],c.prototype,"resizable",void 0),_export("N",c=e([l("nile-table-cell-item")],c));}};});
 //# sourceMappingURL=nile-table-cell-item.cjs.js.map

package/dist/nile-table-cell-item/nile-table-cell-item.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-table-cell-item.cjs.js","sources":["../../../src/nile-table-cell-item/nile-table-cell-item.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 {\n LitElement,\n html,\n CSSResultArray,\n TemplateResult,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-table-cell-item.css';\nimport NileElement from '../internal/nile-element';\nimport { HasSlotController } from '../internal/slot';\nimport { createResizeHandler } from '../internal/resizable-table-helper';\n\n/\n Nile table Cell Item component.\n \n @tag nile-table-cell-item\n \n /\n@customElement('nile-table-cell-item')\nexport class NileTableCellItem extends NileElement {\n private readonly hasSlotController = new HasSlotController(this, '[default]');\n /*\n The styles for TableCellItem\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n /\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n /* Enables the resize functionality. /\n @property({ type: Boolean, reflect: true }) resizable = false;\n\n / #endregion /\n\n / #region Methods /\n\n private handleResizeStart = createResizeHandler(this, 50);\n\n /\n Render method\n * @slot This is a slot test\n /\n public render(): TemplateResult {\n if (this.resizable) {\n return html`\n <div class=\"cell__wrapper\" part=\"nile__table-cell\">\n ${this.hasSlotController.test('[default]')\n ? html` <div class=\"column\" part=\"nile__table-cell\"><slot></slot></div>`\n : ''}\n <div class=\"resizer\" @mousedown=${this.handleResizeStart}></div>\n </div>\n `;\n } else {\n return html`\n ${this.hasSlotController.test('[default]')\n ? html` <slot class=\"column\" part=\"nile__table-cell\"> </slot>`\n : ''}\n `;\n }\n }\n\n / #endregion */\n}\n\nexport default NileTableCellItem;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-table-cell-item': NileTableCellItem;\n }\n}\n"],"names":["NileTableCellItem","c","this","hasSlotController","HasSlotController","resizable","handleResizeStart","createResizeHandler","_this","_inherits","~~_r","~~_createClass","key","value","render","html","_templateObject","_taggedTemplateLiteral","test","_templateObject2","_templateObject3","_templateObject4","get","styles","NileElement","__decorate","property","type","Boolean","reflect","prototype","customElement"],"mappings":"~~s/GA0BaA~~,~~CAAAA~~,~~uBAAAA~~,~~EAAAA~~,~~EAAN~~,SAAAC,EAAA,~~qEACYC~~,~~EAAAA,~~KAAAA,CAAiBC,~~kBAAG~~,GAAIC,CAAAA,CAAAA,CAAAA,sBAAAA,CAAAA,KAAAA,EAAwB,WAUrBF,CAAAA,CAAAA,KAAAA,CAASG,~~WAAG~~,CAMhDH,~~CAAAA,~~KAAAA,CAAAI,iBAAoBC,CAAAA,CAAAA,CAAAA,sBAAAA,CAAAA,KAAAA,EAA0B,EAAA,~~CA0BvD~~,QAAAC,KAAA,~~EArCQC~~,SAAA,CAAAR,CAAA,~~CAAAS~~,EAAA,~~SAAAC~~,YAAA,~~CAAAV~~,CAAA,~~GAAAW~~,GAAA,~~UAAAC~~,KAAA,~~CAiBA~~,SAAAC,~~MAAAA~~,CAAAA,~~CACL~~,CAAA,~~MAAIZ~~,~~KAAKG~~,CAAAA,SAAAA,~~CACAU~~,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,~~wKAELf~~,IAAAA,CAAKC,~~iBAAkBe~~,CAAAA,IAAAA,CAAK,WAC1BH,CAAAA,CAAAA,CAAI,CAAAI,gBAAA,GAAAA,gBAAA,CAAAF,sBAAA,6EACJ,EAAA,~~CAC8Bf~~,IAAKI,CAAAA,iBAAAA,~~EAIpCS~~,CAAI,CAAAK,gBAAA,GAAAA,gBAAA,CAAAH,sBAAA,~~6BACPf~~,IAAAA,CAAKC,~~iBAAkBe~~,CAAAA,IAAAA,CAAK,WAC1BH,CAAAA,CAAAA,CAAI,CAAAM,gBAAA,GAAAA,gBAAA,CAAAJ,sBAAA,mEACJ,EAAA,CAGT,EAAA,~~KAAAL~~,GAAA,~~UAAAU~~,GAAA,~~CAlCM~~,SAAAA,IAAA,~~CAAWC~~,~~CAChB~~,MAAO,~~CAACA~~,CACT,CAAA,~~EAeM~~,~~MAvB8BC~~,CAAhC,GAWuCC,EAAA,CAA3CC,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,QAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,~~CAA0B7B~~,~~CAAA8B~~,CAAAA,SAAAA,CAAA,gBAAA,~~EAXnD9B~~,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,~~CAAiByB~~,EAAA,CAD7BM,CAAAA,CAAc,~~yBACF/B~~"}
1	+ {"version":3,"file":"nile-table-cell-item.cjs.js","sources":["../../../src/nile-table-cell-item/nile-table-cell-item.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 {\n LitElement,\n html,\n CSSResultArray,\n TemplateResult,\n PropertyValues,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-table-cell-item.css';\nimport NileElement from '../internal/nile-element';\nimport { HasSlotController } from '../internal/slot';\nimport { createResizeHandler, resetAllColumnWidths } from '../internal/resizable-table-helper';\n\n/\n Nile table Cell Item component.\n \n @tag nile-table-cell-item\n \n /\n@customElement('nile-table-cell-item')\nexport class NileTableCellItem extends NileElement {\n private readonly hasSlotController = new HasSlotController(this, '[default]');\n /*\n The styles for TableCellItem\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n /\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n /* Enables the resize functionality. /\n @property({ type: Boolean, reflect: true }) resizable = false;\n\n / #endregion /\n\n / #region Methods /\n\n private handleResizeStart = createResizeHandler(this, 50);\n\n protected updated(changedProperties: PropertyValues) {\n super.updated(changedProperties);\n \n if (changedProperties.has('resizable')) {\n if (!this.resizable) {\n const tableBody = this.closest('nile-table-body');\n if (tableBody) {\n resetAllColumnWidths(tableBody);\n }\n }\n }\n }\n\n /\n Render method\n * @slot This is a slot test\n /\n public render(): TemplateResult {\n if (this.resizable) {\n return html`\n <div class=\"cell__wrapper\" part=\"nile__table-cell\">\n ${this.hasSlotController.test('[default]')\n ? html` <div class=\"column\" part=\"nile__table-cell\"><slot></slot></div>`\n : ''}\n <div class=\"resizer\" @mousedown=${this.handleResizeStart}></div>\n </div>\n `;\n } else {\n return html`\n ${this.hasSlotController.test('[default]')\n ? html` <slot class=\"column\" part=\"nile__table-cell\"> </slot>`\n : ''}\n `;\n }\n }\n\n / #endregion */\n}\n\nexport default NileTableCellItem;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-table-cell-item': NileTableCellItem;\n }\n}\n"],"names":["NileTableCellItem","_r","c","this","hasSlotController","HasSlotController","resizable","handleResizeStart","createResizeHandler","_this","_inherits","_createClass","key","value","updated","changedProperties","super","has","tableBody","closest","resetAllColumnWidths","render","html","_templateObject","_taggedTemplateLiteral","test","_templateObject2","_templateObject3","_templateObject4","get","styles","NileElement","__decorate","property","type","Boolean","reflect","prototype","customElement"],"mappings":"4iIA2BaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,uEACYC,KAAAA,CAAiBC,iBAAAA,CAAG,GAAIC,CAAAA,CAAAA,CAAAA,sBAAAA,CAAAA,KAAAA,EAAwB,WAUrBF,CAAAA,CAAAA,KAAAA,CAASG,SAAG,CAAA,CAAA,CAAA,CAMhDH,KAAAA,CAAAI,iBAAoBC,CAAAA,CAAAA,CAAAA,sBAAAA,CAAAA,KAAAA,EAA0B,EAAA,CAuCvD,QAAAC,KAAA,EAlDQC,SAAA,CAAAR,CAAA,CAAAD,EAAA,SAAAU,YAAA,CAAAT,CAAA,GAAAU,GAAA,WAAAC,KAAA,CAaG,SAAAC,OAAAA,CAAQC,GAGhB,GAFAC,aAAAA,CAAAA,CAAAA,oBAAcD,CAAAA,GAEVA,EAAkBE,GAAI,CAAA,WAAA,CAAA,EAAA,CACnBd,IAAKG,CAAAA,SAAAA,CAAW,CACnB,GAAMY,CAAAA,EAAAA,CAAYf,IAAKgB,CAAAA,OAAAA,CAAQ,mBAC3BD,EACFE,EAAAA,CAAAA,CAAqBF,EAExB,CAAA,EAEJ,CAMM,GAAAN,GAAA,UAAAC,KAAA,UAAAQ,MAAAA,CAAAA,CAAAA,CACL,MAAIlB,KAAAA,CAAKG,UACAgB,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,wKAELrB,IAAAA,CAAKC,iBAAkBqB,CAAAA,IAAAA,CAAK,WAC1BH,CAAAA,CAAAA,CAAI,CAAAI,gBAAA,GAAAA,gBAAA,CAAAF,sBAAA,6EACJ,EAAA,CAC8BrB,IAAKI,CAAAA,iBAAAA,EAIpCe,CAAI,CAAAK,gBAAA,GAAAA,gBAAA,CAAAH,sBAAA,6BACPrB,IAAAA,CAAKC,iBAAkBqB,CAAAA,IAAAA,CAAK,WAC1BH,CAAAA,CAAAA,CAAI,CAAAM,gBAAA,GAAAA,gBAAA,CAAAJ,sBAAA,mEACJ,EAAA,CAGT,EAAA,KAAAZ,GAAA,UAAAiB,GAAA,CA/CM,SAAAA,IAAA,CACL,CAAA,MAAO,CAACC,CACT,CAAA,EAWS,MAnB2BC,CAAhC,GAWuCC,EAAA,CAA3CC,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,QAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA0BpC,CAAAqC,CAAAA,SAAAA,CAAA,gBAAA,EAXnDrC,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAiBgC,EAAA,CAD7BM,CAAAA,CAAc,yBACFtC"}

package/dist/nile-table-cell-item/nile-table-cell-item.esm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{__decorate as e}from"tslib";import{html as t}from"lit";import{property as s,customElement as l}from"lit/decorators.js";import{s as i}from"./nile-table-cell-item.css.esm.js";import{N as r}from"../internal/nile-element.esm.js";import{H as a}from"../internal/slot.esm.js";import{c as o}from"../internal/resizable-table-helper.esm.js";import"../internal/resizable-table-styles.esm.js";let m=class extends r{constructor(){super(...arguments),this.hasSlotController=new a(this,"[default]"),this.resizable=!1,this.handleResizeStart=o(this,50)}static get styles(){return[i]}render(){return this.resizable?t`
+import{__decorate as e}from"tslib";import{html as t}from"lit";import{property as s,customElement as l}from"lit/decorators.js";import{s as i}from"./nile-table-cell-item.css.esm.js";import{N as r}from"../internal/nile-element.esm.js";import{H as a}from"../internal/slot.esm.js";import{c as o,r as n}from"../internal/resizable-table-helper.esm.js";import"../internal/resizable-table-styles.esm.js";let m=class extends r{constructor(){super(...arguments),this.hasSlotController=new a(this,"[default]"),this.resizable=!1,this.handleResizeStart=o(this,50)}static get styles(){return[i]}updated(e){if(super.updated(e),e.has("resizable")&&!this.resizable){const e=this.closest("nile-table-body");e&&n(e)}}render(){return this.resizable?t`
         <div class="cell__wrapper" part="nile__table-cell">
           ${this.hasSlotController.test("[default]")?t` <div class="column" part="nile__table-cell"><slot></slot></div>`:""}
           <div class="resizer" @mousedown=${this.handleResizeStart}></div>

package/dist/nile-table-header-item/nile-table-header-item.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-table-header-item.css.cjs.js","../internal/nile-element.cjs.js","../internal/slot.cjs.js","../internal/resizable-table-helper.cjs.js","../internal/resizable-table-styles.cjs.js"],function(_export,_context){"use strict";var e,i,t,s,l,r,n,o,a,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,c;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_lit){i=_lit.html;},function(_litDecoratorsJs){t=_litDecoratorsJs.property;s=_litDecoratorsJs.state;l=_litDecoratorsJs.customElement;},function(_nileTableHeaderItemCssCjsJs){r=_nileTableHeaderItemCssCjsJs.s;},function(_internalNileElementCjsJs){n=_internalNileElementCjsJs.N;},function(_internalSlotCjsJs){o=_internalSlotCjsJs.H;},function(_internalResizableTableHelperCjsJs){a=_internalResizableTableHelperCjsJs.c;},function(_internalResizableTableStylesCjsJs){}],execute:function execute(){_export("N",c=/*#__PURE__*/function(_n){function c(){var _this;_classCallCheck(this,c);_this=_callSuper(this,c,arguments),_this.hasSlotController=new o(_assertThisInitialized(_this),"[default]"),_this.havesort=!1,_this.havefilter=!1,_this.iconName="",_this.resizable=!1,_this.sorting_ct=0,_this.handleResizeStart=a(_assertThisInitialized(_this),50);return _this;}_inherits(c,_n);return _createClass(c,[{key:"handleSort",value:function handleSort(e){this.sorting_ct++;var i=this.hasSlotController.host.innerHTML;this.emit("nile-click-sort",{value:{curr_sort_string:i,order:["normal","asc","des"][this.sorting_ct%3]}});}},{key:"handleSearch",value:function handleSearch(e){this.emit("nile-search",{value:e.detail.value});}},{key:"render",value:function render(){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"header__item__wrapper\" part=\"nile__table-header-cell\">\n        <div class=\"headers\">\n          <slot> </slot>\n          ","\n          ","\n          ","\n          ","\n          ","\n        </div>\n        ","\n      </div>"])),this.havesort&&this.sorting_ct%3==0?i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<nile-icon\n                name=\"sortdown\"\n                size=\"16\"\n                @click=","\n                class=\"hover__arrow\"\n              ></nile-icon>"])),this.handleSort):null,this.havesort&&this.sorting_ct%3==1?i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-icon\n                name=\"sortdown\"\n                size=\"16\"\n                @click=","\n              ></nile-icon>"])),this.handleSort):null,this.havesort&&this.sorting_ct%3==2?i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<nile-icon\n                name=\"sortup\"\n                size=\"16\"\n                @click=","\n              ></nile-icon>"])),this.handleSort):null,this.iconName?i(_templateObject5||(_templateObject5=_taggedTemplateLiteral([" <nile-icon name=\"","\" size=\"16\"></nile-icon>"])),this.iconName):i(_templateObject6||(_templateObject6=_taggedTemplateLiteral([""]))),this.havefilter?i(_templateObject7||(_templateObject7=_taggedTemplateLiteral([" <nile-popover title=\"Filter\" placement=\"bottom\">\n                <nile-icon name=\"filter\" size=\"16\" slot=\"anchor\"></nile-icon>\n                <nile-input\n                  placeholder=\"Search\"\n                  @nile-input=","\n                  part=\"filter__search\"\n                ></nile-input>\n                <slot name=\"filter__content\" part=\"filter__content\"></slot>\n              </nile-popover>"])),this.handleSearch):i(_templateObject8||(_templateObject8=_taggedTemplateLiteral([""]))),this.resizable?i(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["<div class=\"resizer\" @mousedown=","></div>"])),this.handleResizeStart):null);}}],[{key:"styles",get:function get(){return[r];}}]);}(n));e([t({type:Boolean,reflect:!0})],c.prototype,"havesort",void 0),e([t({type:Boolean,reflect:!0})],c.prototype,"havefilter",void 0),e([t({type:String,reflect:!0,attribute:"icon-name"})],c.prototype,"iconName",void 0),e([t({type:Boolean,reflect:!0})],c.prototype,"resizable",void 0),e([s()],c.prototype,"sorting_ct",void 0),_export("N",c=e([l("nile-table-header-item")],c));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-table-header-item.css.cjs.js","../internal/nile-element.cjs.js","../internal/slot.cjs.js","../internal/resizable-table-helper.cjs.js","../internal/resizable-table-styles.cjs.js"],function(_export,_context){"use strict";var e,i,t,s,l,r,n,o,a,c,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,h;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_lit){i=_lit.html;},function(_litDecoratorsJs){t=_litDecoratorsJs.property;s=_litDecoratorsJs.state;l=_litDecoratorsJs.customElement;},function(_nileTableHeaderItemCssCjsJs){r=_nileTableHeaderItemCssCjsJs.s;},function(_internalNileElementCjsJs){n=_internalNileElementCjsJs.N;},function(_internalSlotCjsJs){o=_internalSlotCjsJs.H;},function(_internalResizableTableHelperCjsJs){a=_internalResizableTableHelperCjsJs.c;c=_internalResizableTableHelperCjsJs.r;},function(_internalResizableTableStylesCjsJs){}],execute:function execute(){_export("N",h=/*#__PURE__*/function(_n){function h(){var _this;_classCallCheck(this,h);_this=_callSuper(this,h,arguments),_this.hasSlotController=new o(_assertThisInitialized(_this),"[default]"),_this.havesort=!1,_this.havefilter=!1,_this.iconName="",_this.resizable=!1,_this.sorting_ct=0,_this.handleResizeStart=a(_assertThisInitialized(_this),50);return _this;}_inherits(h,_n);return _createClass(h,[{key:"updated",value:function updated(e){if(_superPropGet(h,"updated",this,3)([e]),e.has("resizable")&&!this.resizable){var _e=this.closest("nile-table-body");_e&&c(_e);}}},{key:"handleSort",value:function handleSort(e){this.sorting_ct++;var i=this.hasSlotController.host.innerHTML;this.emit("nile-click-sort",{value:{curr_sort_string:i,order:["normal","asc","des"][this.sorting_ct%3]}});}},{key:"handleSearch",value:function handleSearch(e){this.emit("nile-search",{value:e.detail.value});}},{key:"render",value:function render(){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"header__item__wrapper\" part=\"nile__table-header-cell\">\n        <div class=\"headers\">\n          <slot> </slot>\n          ","\n          ","\n          ","\n          ","\n          ","\n        </div>\n        ","\n      </div>"])),this.havesort&&this.sorting_ct%3==0?i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<nile-icon\n                name=\"sortdown\"\n                size=\"16\"\n                @click=","\n                class=\"hover__arrow\"\n              ></nile-icon>"])),this.handleSort):null,this.havesort&&this.sorting_ct%3==1?i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-icon\n                name=\"sortdown\"\n                size=\"16\"\n                @click=","\n              ></nile-icon>"])),this.handleSort):null,this.havesort&&this.sorting_ct%3==2?i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<nile-icon\n                name=\"sortup\"\n                size=\"16\"\n                @click=","\n              ></nile-icon>"])),this.handleSort):null,this.iconName?i(_templateObject5||(_templateObject5=_taggedTemplateLiteral([" <nile-icon name=\"","\" size=\"16\"></nile-icon>"])),this.iconName):i(_templateObject6||(_templateObject6=_taggedTemplateLiteral([""]))),this.havefilter?i(_templateObject7||(_templateObject7=_taggedTemplateLiteral([" <nile-popover title=\"Filter\" placement=\"bottom\">\n                <nile-icon name=\"filter\" size=\"16\" slot=\"anchor\"></nile-icon>\n                <nile-input\n                  placeholder=\"Search\"\n                  @nile-input=","\n                  part=\"filter__search\"\n                ></nile-input>\n                <slot name=\"filter__content\" part=\"filter__content\"></slot>\n              </nile-popover>"])),this.handleSearch):i(_templateObject8||(_templateObject8=_taggedTemplateLiteral([""]))),this.resizable?i(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["<div class=\"resizer\" @mousedown=","></div>"])),this.handleResizeStart):null);}}],[{key:"styles",get:function get(){return[r];}}]);}(n));e([t({type:Boolean,reflect:!0})],h.prototype,"havesort",void 0),e([t({type:Boolean,reflect:!0})],h.prototype,"havefilter",void 0),e([t({type:String,reflect:!0,attribute:"icon-name"})],h.prototype,"iconName",void 0),e([t({type:Boolean,reflect:!0})],h.prototype,"resizable",void 0),e([s()],h.prototype,"sorting_ct",void 0),_export("N",h=e([l("nile-table-header-item")],h));}};});
 //# sourceMappingURL=nile-table-header-item.cjs.js.map

package/dist/nile-table-header-item/nile-table-header-item.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-table-header-item.cjs.js","sources":["../../../src/nile-table-header-item/nile-table-header-item.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 {\n LitElement,\n html,\n CSSResultArray,\n TemplateResult,\n} from 'lit';\nimport { customElement, state, property } from 'lit/decorators.js';\nimport { styles } from './nile-table-header-item.css';\nimport NileElement from '../internal/nile-element';\nimport { HasSlotController } from '../internal/slot';\nimport { createResizeHandler } from '../internal/resizable-table-helper';\n\n/\n Nile icon component.\n \n @tag nile-table-header-item\n \n /\n@customElement('nile-table-header-item')\nexport class NileTableHeaderItem extends NileElement {\n private readonly hasSlotController = new HasSlotController(this, '[default]');\n /*\n The styles for TableHeaderItem\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n /\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n /* Enables the sort functionality. /\n @property({ type: Boolean, reflect: true }) havesort = false;\n\n /* Enables the sort functionality. /\n @property({ type: Boolean, reflect: true }) havefilter = false;\n\n /* Places the icon . /\n @property({ type: String, reflect: true, attribute: 'icon-name' }) iconName =\n '';\n\n /* Enables the resize functionality. /\n @property({ type: Boolean, reflect: true }) resizable = false;\n\n @state() sorting_ct = 0;\n\n / #endregion /\n\n / #region Methods /\n\n /\n Render method\n * @slot This is a slot test\n */\n private handleSort(e: any) {\n this.sorting_ct++;\n let curr_sort_string = this.hasSlotController.host.innerHTML;\n const order = ['normal', 'asc', 'des'];\n this.emit('nile-click-sort', {\n value: { curr_sort_string, order: order[this.sorting_ct % 3] },\n });\n }\n\n private handleSearch(e: any) {\n this.emit('nile-search', { value: e.detail.value });\n }\n\n private handleResizeStart = createResizeHandler(this, 50);\n\n public render(): TemplateResult {\n return html`\n <div class=\"header__item__wrapper\" part=\"nile__table-header-cell\">\n <div class=\"headers\">\n <slot> </slot>\n ${this.havesort && this.sorting_ct % 3 === 0\n ? html`<nile-icon\n name=\"sortdown\"\n size=\"16\"\n @click=${this.handleSort}\n class=\"hover__arrow\"\n ></nile-icon>`\n : null}\n ${this.havesort && this.sorting_ct % 3 === 1\n ? html`<nile-icon\n name=\"sortdown\"\n size=\"16\"\n @click=${this.handleSort}\n ></nile-icon>`\n : null}\n ${this.havesort && this.sorting_ct % 3 === 2\n ? html`<nile-icon\n name=\"sortup\"\n size=\"16\"\n @click=${this.handleSort}\n ></nile-icon>`\n : null}\n ${this.iconName\n ? html` <nile-icon name=\"${this.iconName}\" size=\"16\"></nile-icon>`\n : html``}\n ${this.havefilter\n ? html` <nile-popover title=\"Filter\" placement=\"bottom\">\n <nile-icon name=\"filter\" size=\"16\" slot=\"anchor\"></nile-icon>\n <nile-input\n placeholder=\"Search\"\n @nile-input=${this.handleSearch}\n part=\"filter__search\"\n ></nile-input>\n <slot name=\"filter__content\" part=\"filter__content\"></slot>\n </nile-popover>`\n : html``}\n </div>\n ${this.resizable \n ? html`<div class=\"resizer\" @mousedown=${this.handleResizeStart}></div>`\n : null}\n </div>`;\n }\n}\n\nexport default NileTableHeaderItem;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-table-header-item': NileTableHeaderItem;\n }\n}\n"],"names":["NileTableHeaderItem","_n","c","this","hasSlotController","HasSlotController","havesort","havefilter","iconName","resizable","sorting_ct","handleResizeStart","createResizeHandler","_this","_inherits","_createClass","key","value","handleSort","e","curr_sort_string","host","innerHTML","emit","order","handleSearch","detail","render","html","_templateObject","_taggedTemplateLiteral","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","get","styles","NileElement","__decorate","property","type","Boolean","reflect","prototype","String","attribute","state","_export","customElement"],"mappings":"~~4mHA0BaA~~,~~CAAN~~,~~uBAAAC~~,~~EAAA~~,~~EAAA~~,SAAAC,EAAA,~~uEACYC~~,KAAAA,CAAiBC,iBAAAA,CAAG,GAAIC,CAAAA,~~CAAkBF~~,CAAAA,sBAAAA,CAAAA,KAAAA,~~EAAM~~,~~aAUrBA~~,KAAAA,CAAQG,QAAAA,CAAAA,CAAG,CAGXH,CAAAA,KAAAA,CAAUI,UAAG,CAAA,CAAA,CAAA,CAGUJ,KAAAA,CAAQK,~~QACzE~~,~~CAAA~~,~~EAAA~~,~~CAG0CL~~,KAAAA,CAASM,SAAG,CAAA,CAAA,CAAA,CAE/CN,KAAAA,CAAUO,~~UAAG~~,~~CAAA~~,~~CAAA~~,~~CAuBdP~~,KAAAA,CAAAQ,~~iBAAAA~~,~~CAAoBC~~,~~CAAoBT~~,CAAAA,sBAAAA,CAAAA,KAAAA,~~EAAM~~,~~GAiDvD~~,~~QAAAU~~,KAAA,~~EAzFQC~~,SAAA,~~CAAAZ~~,CAAA,~~CAAAD~~,EAAA,~~SAAAc~~,YAAA,~~CAAAb~~,CAAA,~~GAAAc~~,GAAA,~~cAAAC~~,KAAA,~~CA2BC~~,SAAAC,~~UAAAA~~,~~CAAWC~~,CAAAA,CAAAA,~~CACjBhB~~,~~IAAKO~~,CAAAA,~~UAAAA~~,EAAAA,~~CACL~~,~~GAAIU~~,CAAAA,~~CAAmBjB~~,CAAAA,IAAAA,CAAKC,~~kBAAkBiB~~,~~IAAKC~~,CAAAA,~~SAAAA~~,~~CAEnDnB~~,~~KAAKoB,~~IAAK,CAAA,iBAAA,CAAmB,~~CAC3BN~~,KAAAA,CAAO,~~CAAEG~~,gBAAAA,CAAAA,CAAAA,CAAkBI,~~MAFf~~,CAAC,~~QAAA~~,~~CAAU~~,~~MAAO~~,~~KAEUrB~~,CAAAA,CAAAA,IAAAA,CAAKO,~~WAAa~~,~~CAE7D~~,CAAA,CAAA,CAAA,CAAA,EAEO,~~GAAAM~~,GAAA,gBAAAC,KAAA,~~UAAAQ~~,YAAAA,CAAaN,~~CACnBhB~~,CAAAA,CAAAA,IAAAA,~~CAAKoB~~,~~KAAK,~~aAAe,CAAA,~~CAAEN~~,~~MAAOE~~,CAAEO,CAAAA,~~MAAAA~~,~~CAAOT~~,~~OAC5C~~,EAIM,GAAAD,GAAA,UAAAC,KAAA,~~UAAAU~~,MAAAA,CAAAA,CACL,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,~~uQAIH3B~~,IAAAA,CAAKG,QAAYH,EAAAA,IAAAA,CAAKO,UAAa,CAAA,CAAA,EAAM,~~EACvCkB~~,CAAI,CAAAG,gBAAA,GAAAA,gBAAA,CAAAD,sBAAA,~~mLAGO3B~~,~~IAAKe~~,CAAAA,UAAAA,EAGhB,IAAA,~~CACFf~~,IAAAA,CAAKG,QAAYH,EAAAA,IAAAA,CAAKO,UAAa,CAAA,CAAA,EAAM,~~EACvCkB~~,CAAI,CAAAI,gBAAA,GAAAA,gBAAA,CAAAF,sBAAA,~~2IAGO3B~~,~~IAAKe~~,CAAAA,UAAAA,EAEhB,IAAA,~~CACFf~~,IAAAA,CAAKG,QAAYH,EAAAA,IAAAA,CAAKO,UAAa,CAAA,CAAA,EAAM,~~EACvCkB~~,CAAI,CAAAK,gBAAA,GAAAA,gBAAA,CAAAH,sBAAA,~~yIAGO3B~~,~~IAAKe~~,CAAAA,UAAAA,EAEhB,IAAA,~~CACFf~~,IAAAA,CAAKK,~~QACHoB~~,CAAAA,CAAI,CAAAM,gBAAA,GAAAA,gBAAA,CAAAJ,sBAAA,~~yDAAqB3B~~,IAAAA,CAAKK,~~UAC9BoB~~,CAAI,CAAAO,gBAAA,GAAAA,gBAAA,CAAAL,sBAAA,QAAA,~~CACN3B~~,IAAAA,CAAKI,~~WACHqB~~,CAAI,CAAAQ,gBAAA,GAAAA,gBAAA,CAAAN,sBAAA,~~ubAIc3B~~,~~IAAKsB~~,CAAAA,YAAAA,EAKvBG,CAAI,CAAAS,gBAAA,GAAAA,gBAAA,CAAAP,sBAAA,QAAA,~~CAER3B~~,IAAAA,CAAKM,~~SACHmB~~,CAAAA,CAAI,CAAAU,gBAAA,GAAAA,gBAAA,CAAAR,sBAAA,~~oDAAmC3B~~,IAAAA,CAAKQ,iBAC5C,EAAA,IAAA,EAET,CAAA,~~KAAAK~~,GAAA,~~UAAAuB~~,GAAA,~~CAxFM~~,SAAAA,IAAA,~~EACL~~,MAAO,CAACC,~~EACT~~,~~EAyBO~~,~~MAjC+BC~~,~~CAAlC~~,~~GAWuCC~~,CAAA,CAAA,CAA3CC,CAAS,CAAA,CAAEC,IAAMC,CAAAA,OAAAA,CAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,~~CAAyB9C~~,~~CAAA+C~~,CAAAA,SAAAA,CAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAGjBL,CAAA,CAAA,CAA3CC,CAAS,CAAA,CAAEC,IAAMC,CAAAA,OAAAA,CAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,~~CAA2B9C~~,~~CAAA+C~~,CAAAA,SAAAA,CAAA,YAAA,CAAA,IAAA,EAAA,CAAA,CAGIL,CAAA,CAAA,CAAlEC,CAAS,CAAA,CAAEC,KAAMI,MAAQF,CAAAA,OAAAA,CAAAA,CAAS,CAAMG,CAAAA,SAAAA,CAAW,WAC/~~CjD~~,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,~~CAAA+C~~,SAAA,CAAA,UAAA,CAAA,IAAA,EAGuCL,CAAAA,CAAAA,CAAAA,CAAA,CAA3CC,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,OAASC,CAAAA,OAAAA,CAAAA,CAAS,~~CAA0B9C~~,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,~~CAAA+C~~,SAAA,CAAA,WAAA,CAAA,IAAA,EAErDL,CAAAA,CAAAA,CAAAA,CAAA,CAARQ,CAAAA,CAAAA,CAAAA,CAAAA,~~CAAuBlD~~,~~CAAA+C~~,CAAAA,SAAAA,CAAA,YAAA,CAAA,IAAA,EAAA,CAAA,CAAAI,OAAA,~~KAvBbnD~~,~~CAAmB0C~~,CAAAA,CAAAA,CAAA,CAD/BU,CAAAA,CAAc,~~2BACFpD~~"}
1	+ {"version":3,"file":"nile-table-header-item.cjs.js","sources":["../../../src/nile-table-header-item/nile-table-header-item.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 {\n LitElement,\n html,\n CSSResultArray,\n TemplateResult,\n PropertyValues,\n} from 'lit';\nimport { customElement, state, property } from 'lit/decorators.js';\nimport { styles } from './nile-table-header-item.css';\nimport NileElement from '../internal/nile-element';\nimport { HasSlotController } from '../internal/slot';\nimport { createResizeHandler, resetAllColumnWidths } from '../internal/resizable-table-helper';\n\n/\n Nile icon component.\n \n @tag nile-table-header-item\n \n /\n@customElement('nile-table-header-item')\nexport class NileTableHeaderItem extends NileElement {\n private readonly hasSlotController = new HasSlotController(this, '[default]');\n /*\n The styles for TableHeaderItem\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n /\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n /* Enables the sort functionality. /\n @property({ type: Boolean, reflect: true }) havesort = false;\n\n /* Enables the sort functionality. /\n @property({ type: Boolean, reflect: true }) havefilter = false;\n\n /* Places the icon . /\n @property({ type: String, reflect: true, attribute: 'icon-name' }) iconName =\n '';\n\n /* Enables the resize functionality. /\n @property({ type: Boolean, reflect: true }) resizable = false;\n\n @state() sorting_ct = 0;\n\n / #endregion /\n\n / #region Methods /\n\n protected updated(changedProperties: PropertyValues) {\n super.updated(changedProperties);\n \n if (changedProperties.has('resizable')) {\n if (!this.resizable) {\n const tableBody = this.closest('nile-table-body');\n if (tableBody) {\n resetAllColumnWidths(tableBody);\n }\n }\n }\n }\n\n /\n Render method\n * @slot This is a slot test\n */\n private handleSort(e: any) {\n this.sorting_ct++;\n let curr_sort_string = this.hasSlotController.host.innerHTML;\n const order = ['normal', 'asc', 'des'];\n this.emit('nile-click-sort', {\n value: { curr_sort_string, order: order[this.sorting_ct % 3] },\n });\n }\n\n private handleSearch(e: any) {\n this.emit('nile-search', { value: e.detail.value });\n }\n\n private handleResizeStart = createResizeHandler(this, 50);\n\n public render(): TemplateResult {\n return html`\n <div class=\"header__item__wrapper\" part=\"nile__table-header-cell\">\n <div class=\"headers\">\n <slot> </slot>\n ${this.havesort && this.sorting_ct % 3 === 0\n ? html`<nile-icon\n name=\"sortdown\"\n size=\"16\"\n @click=${this.handleSort}\n class=\"hover__arrow\"\n ></nile-icon>`\n : null}\n ${this.havesort && this.sorting_ct % 3 === 1\n ? html`<nile-icon\n name=\"sortdown\"\n size=\"16\"\n @click=${this.handleSort}\n ></nile-icon>`\n : null}\n ${this.havesort && this.sorting_ct % 3 === 2\n ? html`<nile-icon\n name=\"sortup\"\n size=\"16\"\n @click=${this.handleSort}\n ></nile-icon>`\n : null}\n ${this.iconName\n ? html` <nile-icon name=\"${this.iconName}\" size=\"16\"></nile-icon>`\n : html``}\n ${this.havefilter\n ? html` <nile-popover title=\"Filter\" placement=\"bottom\">\n <nile-icon name=\"filter\" size=\"16\" slot=\"anchor\"></nile-icon>\n <nile-input\n placeholder=\"Search\"\n @nile-input=${this.handleSearch}\n part=\"filter__search\"\n ></nile-input>\n <slot name=\"filter__content\" part=\"filter__content\"></slot>\n </nile-popover>`\n : html``}\n </div>\n ${this.resizable \n ? html`<div class=\"resizer\" @mousedown=${this.handleResizeStart}></div>`\n : null}\n </div>`;\n }\n}\n\nexport default NileTableHeaderItem;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-table-header-item': NileTableHeaderItem;\n }\n}\n"],"names":["NileTableHeaderItem","h","constructor","this","hasSlotController","HasSlotController","havesort","havefilter","iconName","resizable","sorting_ct","handleResizeStart","createResizeHandler","_this","_inherits","_n","_createClass","key","value","updated","changedProperties","super","has","tableBody","closest","resetAllColumnWidths","handleSort","e","curr_sort_string","host","innerHTML","emit","order","handleSearch","detail","render","html","_templateObject","_taggedTemplateLiteral","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","get","styles","NileElement","__decorate","property","type","Boolean","reflect","prototype","String","attribute","state","_export","customElement"],"mappings":"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"}

package/dist/nile-table-header-item/nile-table-header-item.esm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{__decorate as e}from"tslib";import{html as i}from"lit";import{property as t,state as s,customElement as l}from"lit/decorators.js";import{s as r}from"./nile-table-header-item.css.esm.js";import{N as n}from"../internal/nile-element.esm.js";import{H as o}from"../internal/slot.esm.js";import{c as a}from"../internal/resizable-table-helper.esm.js";import"../internal/resizable-table-styles.esm.js";let c=class extends n{constructor(){super(...arguments),this.hasSlotController=new o(this,"[default]"),this.havesort=!1,this.havefilter=!1,this.iconName="",this.resizable=!1,this.sorting_ct=0,this.handleResizeStart=a(this,50)}static get styles(){return[r]}handleSort(e){this.sorting_ct++;let i=this.hasSlotController.host.innerHTML;this.emit("nile-click-sort",{value:{curr_sort_string:i,order:["normal","asc","des"][this.sorting_ct%3]}})}handleSearch(e){this.emit("nile-search",{value:e.detail.value})}render(){return i`
+import{__decorate as e}from"tslib";import{html as i}from"lit";import{property as t,state as s,customElement as l}from"lit/decorators.js";import{s as r}from"./nile-table-header-item.css.esm.js";import{N as n}from"../internal/nile-element.esm.js";import{H as o}from"../internal/slot.esm.js";import{c as a,r as c}from"../internal/resizable-table-helper.esm.js";import"../internal/resizable-table-styles.esm.js";let h=class extends n{constructor(){super(...arguments),this.hasSlotController=new o(this,"[default]"),this.havesort=!1,this.havefilter=!1,this.iconName="",this.resizable=!1,this.sorting_ct=0,this.handleResizeStart=a(this,50)}static get styles(){return[r]}updated(e){if(super.updated(e),e.has("resizable")&&!this.resizable){const e=this.closest("nile-table-body");e&&c(e)}}handleSort(e){this.sorting_ct++;let i=this.hasSlotController.host.innerHTML;this.emit("nile-click-sort",{value:{curr_sort_string:i,order:["normal","asc","des"][this.sorting_ct%3]}})}handleSearch(e){this.emit("nile-search",{value:e.detail.value})}render(){return i`
       <div class="header__item__wrapper" part="nile__table-header-cell">
         <div class="headers">
           <slot> </slot>
@@ -30,4 +30,4 @@ import{__decorate as e}from"tslib";import{html as i}from"lit";import{property as
               </nile-popover>`:i``}
         </div>
         ${this.resizable?i`<div class="resizer" @mousedown=${this.handleResizeStart}></div>`:null}
-      </div>`}};e([t({type:Boolean,reflect:!0})],c.prototype,"havesort",void 0),e([t({type:Boolean,reflect:!0})],c.prototype,"havefilter",void 0),e([t({type:String,reflect:!0,attribute:"icon-name"})],c.prototype,"iconName",void 0),e([t({type:Boolean,reflect:!0})],c.prototype,"resizable",void 0),e([s()],c.prototype,"sorting_ct",void 0),c=e([l("nile-table-header-item")],c);export{c as N};
+      </div>`}};e([t({type:Boolean,reflect:!0})],h.prototype,"havesort",void 0),e([t({type:Boolean,reflect:!0})],h.prototype,"havefilter",void 0),e([t({type:String,reflect:!0,attribute:"icon-name"})],h.prototype,"iconName",void 0),e([t({type:Boolean,reflect:!0})],h.prototype,"resizable",void 0),e([s()],h.prototype,"sorting_ct",void 0),h=e([l("nile-table-header-item")],h);export{h as N};

package/dist/src/internal/resizable-table-helper.d.ts CHANGED Viewed

@@ -38,6 +38,11 @@ export declare function getColumnIndex(element: HTMLElement, selector: string):
  * @param newWidth The new width to apply
  */
 export declare function synchronizeColumnWidth(sourceElement: HTMLElement, newWidth: number): void;
+/**
+ * Resets all column widths in a table to their default values
+ * @param tableBody The table body element to reset
+ */
+export declare function resetAllColumnWidths(tableBody: HTMLElement): void;
 /**
  * Checks if an element has the resizable attribute
  * @param element The element to check

package/dist/src/internal/resizable-table-helper.js CHANGED Viewed

@@ -71,6 +71,20 @@ export function synchronizeColumnWidth(sourceElement, newWidth) {
         }
     });
 }
+/**
+ * Resets all column widths in a table to their default values
+ * @param tableBody The table body element to reset
+ */
+export function resetAllColumnWidths(tableBody) {
+    const headerItems = tableBody.querySelectorAll('nile-table-header-item');
+    const cellItems = tableBody.querySelectorAll('nile-table-cell-item');
+    headerItems.forEach(header => {
+        header.style.removeProperty('width');
+    });
+    cellItems.forEach(cell => {
+        cell.style.removeProperty('width');
+    });
+}
 /**
  * Checks if an element has the resizable attribute
  * @param element The element to check
@@ -102,10 +116,19 @@ export function createResizeHandler(element, minWidth = 50) {
  * @returns True if any columns have resizable attribute
  */
 export function hasResizableColumns(tableBody) {
-    const headerItems = tableBody.querySelectorAll('nile-table-header-item');
-    const cellItems = tableBody.querySelectorAll('nile-table-cell-item');
-    const hasResizableHeaders = Array.from(headerItems).some(item => isResizable(item));
-    const hasResizableCells = Array.from(cellItems).some(item => isResizable(item));
+    const directChildren = Array.from(tableBody.children);
+    const hasResizableHeaders = directChildren.some(child => {
+        if (child.tagName.toLowerCase() === 'nile-table-header-item') {
+            return child.hasAttribute('resizable');
+        }
+        return false;
+    });
+    const hasResizableCells = directChildren.some(child => {
+        if (child.tagName.toLowerCase() === 'nile-table-cell-item') {
+            return child.hasAttribute('resizable');
+        }
+        return false;
+    });
     return hasResizableHeaders || hasResizableCells;
 }
 //# sourceMappingURL=resizable-table-helper.js.map

package/dist/src/internal/resizable-table-helper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"resizable-table-helper.js","sourceRoot":"","sources":["../../../src/internal/resizable-table-helper.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAmBH;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAAC,CAAa,EAAE,OAAsB;IACrE,CAAC,CAAC,cAAc,EAAE,CAAC;IACnB,CAAC,CAAC,eAAe,EAAE,CAAC;IAEpB,MAAM,EAAE,QAAQ,GAAG,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;IAC/D,MAAM,OAAO,GAAG,CAAC,CAAC,MAAqB,CAAC;IAExC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAElC,MAAM,WAAW,GAAG,CAAC,CAAa,EAAE,EAAE;QACpC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpB,MAAM,KAAK,GAAG,CAAC,CAAC,KAAK,GAAG,MAAM,CAAC;QAC/B,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAU,GAAG,KAAK,CAAC,CAAC;QAExD,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,QAAQ,GAAG,IAAI,CAAC;QAEtC,sBAAsB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IAC5C,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QACrC,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QACvD,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACrD,CAAC,CAAC;IAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;IACpD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAEhD,OAAO,GAAG,EAAE;QACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QACvD,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACrD,CAAC,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,cAAc,CAAC,OAAoB,EAAE,QAAgB;IACnE,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACnD,IAAI,QAAQ,EAAE,CAAC;QACb,MAAM,OAAO,GAAG,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QACpD,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC9C,CAAC;IACD,OAAO,CAAC,CAAC;AACX,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,sBAAsB,CAAC,aAA0B,EAAE,QAAgB;IACjF,MAAM,SAAS,GAAG,aAAa,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAC3D,IAAI,CAAC,SAAS;QAAE,OAAO;IAEvB,MAAM,QAAQ,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,wBAAwB,CAAC;IAClF,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,sBAAsB,CAAC;IAC9E,MAAM,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,sBAAsB,CAAC;IAElF,MAAM,WAAW,GAAG,cAAc,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;IAC5D,MAAM,IAAI,GAAG,SAAS,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IAE1D,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QACjB,MAAM,KAAK,GAAG,GAAG,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;QACnD,IAAI,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC;YACvB,KAAK,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,QAAQ,GAAG,IAAI,CAAC;QACnD,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,OAAoB;IAC9C,OAAO,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;AAC3C,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,mBAAmB,CAAC,OAAoB,EAAE,WAAmB,EAAE;IAC7E,OAAO,CAAC,CAAa,EAAE,EAAE;QACvB,MAAM,OAAO,GAAkB;YAC7B,QAAQ;YACR,MAAM,EAAE,CAAC,CAAC,KAAK;YACf,UAAU,EAAE,OAAO,CAAC,WAAW;YAC/B,OAAO;SACR,CAAC;QAEF,iBAAiB,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAChC,CAAC,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAC,SAAsB;IACxD,MAAM,~~WAAW~~,GAAG,~~SAAS~~,CAAC,~~gBAAgB~~,CAAC,~~wBAAwB~~,CAAC,CAAC;~~IACzE~~,MAAM,~~SAAS~~,GAAG,~~SAAS~~,CAAC,~~gBAAgB~~,CAAC,~~sBAAsB~~,CAAC,~~CAAC~~;~~IAErE~~,~~MAAM~~,~~mBAAmB,GAAG,~~KAAK,CAAC,~~IAAI~~,CAAC,WAAW,~~CAAC~~,~~CAAC~~,~~IAAI~~,CAAC,~~IAAI~~,CAAC,~~EAAE~~,~~CAC9D~~,WAAW,CAAC,~~IAAI~~,CAAC,~~CAClB~~,CAAC;~~IACF~~,MAAM,iBAAiB,GAAG,~~KAAK~~,CAAC,IAAI,CAAC,~~SAAS~~,CAAC,~~CAAC~~,IAAI,CAAC,~~IAAI~~,CAAC,EAAE,~~CAC1D~~,WAAW,CAAC,~~IAAI~~,CAAC,~~CAClB~~,CAAC;~~IAEF~~,OAAO,mBAAmB,IAAI,iBAAiB,CAAC;AAClD,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2025\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\n/\n Resizable Helper Utility\n * Provides common functionality for resizable table columns\n /\n\nexport interface ResizeOptions {\n minWidth?: number;\n startX: number;\n startWidth: number;\n element: HTMLElement;\n}\n\nexport interface ColumnResizeData {\n columnIndex: number;\n newWidth: number;\n}\n\n/\n Handles the start of a resize operation\n * @param e Mouse event\n * @param options Resize configuration options\n * @returns Cleanup function to remove event listeners\n /\nexport function handleResizeStart(e: MouseEvent, options: ResizeOptions): () => void {\n e.preventDefault();\n e.stopPropagation();\n \n const { minWidth = 50, startX, startWidth, element } = options;\n const resizer = e.target as HTMLElement;\n \n resizer.classList.add('resizing');\n\n const onMouseMove = (e: MouseEvent) => {\n e.preventDefault();\n e.stopPropagation();\n \n const delta = e.pageX - startX;\n const newWidth = Math.max(minWidth, startWidth + delta);\n\n element.style.width = newWidth + 'px';\n\n synchronizeColumnWidth(element, newWidth);\n };\n\n const onMouseUp = () => {\n resizer.classList.remove('resizing');\n document.removeEventListener('mousemove', onMouseMove);\n document.removeEventListener('mouseup', onMouseUp);\n };\n\n document.addEventListener('mousemove', onMouseMove);\n document.addEventListener('mouseup', onMouseUp);\n\n return () => {\n document.removeEventListener('mousemove', onMouseMove);\n document.removeEventListener('mouseup', onMouseUp);\n };\n}\n\n/\n Gets the column index of an element within its table row\n * @param element The table cell or header element\n * @param selector The CSS selector for the column elements\n * @returns Column index (0-based)\n /\nexport function getColumnIndex(element: HTMLElement, selector: string): number {\n const tableRow = element.closest('nile-table-row');\n if (tableRow) {\n const columns = tableRow.querySelectorAll(selector);\n return Array.from(columns).indexOf(element);\n }\n return 0;\n}\n\n/\n Synchronizes the width of all cells in the same column\n * @param sourceElement The element that was resized\n * @param newWidth The new width to apply\n /\nexport function synchronizeColumnWidth(sourceElement: HTMLElement, newWidth: number): void {\n const tableBody = sourceElement.closest('nile-table-body');\n if (!tableBody) return;\n\n const isHeader = sourceElement.tagName.toLowerCase() === 'nile-table-header-item';\n const selector = isHeader ? 'nile-table-header-item' : 'nile-table-cell-item';\n const targetSelector = isHeader ? 'nile-table-cell-item' : 'nile-table-cell-item';\n \n const columnIndex = getColumnIndex(sourceElement, selector);\n const rows = tableBody.querySelectorAll('nile-table-row');\n \n rows.forEach(row => {\n const cells = row.querySelectorAll(targetSelector);\n if (cells[columnIndex]) {\n cells[columnIndex].style.width = newWidth + 'px';\n }\n });\n}\n\n/\n Checks if an element has the resizable attribute\n * @param element The element to check\n * @returns True if the element is resizable\n /\nexport function isResizable(element: HTMLElement): boolean {\n return element.hasAttribute('resizable');\n}\n\n/\n Creates a resize handler function for use in component event listeners\n * @param element The element to make resizable\n * @param minWidth Minimum width constraint\n * @returns Event handler function\n /\nexport function createResizeHandler(element: HTMLElement, minWidth: number = 50): (e: MouseEvent) => void {\n return (e: MouseEvent) => {\n const options: ResizeOptions = {\n minWidth,\n startX: e.pageX,\n startWidth: element.offsetWidth,\n element\n };\n \n handleResizeStart(e, options);\n };\n}\n\n/\n Detects if any columns in a table are resizable\n * @param tableBody The table body element\n * @returns True if any columns have resizable attribute\n */\nexport function hasResizableColumns(tableBody: HTMLElement): boolean {\n const ~~headerItems~~ = tableBody.~~querySelectorAll('nile-table-header-item'~~);\n const ~~cellItems~~ = ~~tableBody~~.~~querySelectorAll~~('nile-table-~~cell~~-item')~~;\n~~ \n ~~const~~ ~~hasResizableHeaders = Array~~.~~from~~(~~headerItems~~)~~.some(item => \~~n ~~isResizable(item)~~\n );\n const hasResizableCells = ~~Array~~.~~from(cellItems).~~some(~~item~~ => \n ~~isResizable~~(item)\n );\n \n return hasResizableHeaders \|\| hasResizableCells;\n} \n"]}
1	+ {"version":3,"file":"resizable-table-helper.js","sourceRoot":"","sources":["../../../src/internal/resizable-table-helper.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAmBH;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAAC,CAAa,EAAE,OAAsB;IACrE,CAAC,CAAC,cAAc,EAAE,CAAC;IACnB,CAAC,CAAC,eAAe,EAAE,CAAC;IAEpB,MAAM,EAAE,QAAQ,GAAG,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;IAC/D,MAAM,OAAO,GAAG,CAAC,CAAC,MAAqB,CAAC;IAExC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAElC,MAAM,WAAW,GAAG,CAAC,CAAa,EAAE,EAAE;QACpC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpB,MAAM,KAAK,GAAG,CAAC,CAAC,KAAK,GAAG,MAAM,CAAC;QAC/B,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAU,GAAG,KAAK,CAAC,CAAC;QAExD,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,QAAQ,GAAG,IAAI,CAAC;QAEtC,sBAAsB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IAC5C,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QACrC,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QACvD,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACrD,CAAC,CAAC;IAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;IACpD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAEhD,OAAO,GAAG,EAAE;QACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QACvD,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACrD,CAAC,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,cAAc,CAAC,OAAoB,EAAE,QAAgB;IACnE,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACnD,IAAI,QAAQ,EAAE,CAAC;QACb,MAAM,OAAO,GAAG,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QACpD,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC9C,CAAC;IACD,OAAO,CAAC,CAAC;AACX,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,sBAAsB,CAAC,aAA0B,EAAE,QAAgB;IACjF,MAAM,SAAS,GAAG,aAAa,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAC3D,IAAI,CAAC,SAAS;QAAE,OAAO;IAEvB,MAAM,QAAQ,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,wBAAwB,CAAC;IAClF,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,sBAAsB,CAAC;IAC9E,MAAM,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,sBAAsB,CAAC;IAElF,MAAM,WAAW,GAAG,cAAc,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;IAC5D,MAAM,IAAI,GAAG,SAAS,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IAE1D,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QACjB,MAAM,KAAK,GAAG,GAAG,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;QACnD,IAAI,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC;YACvB,KAAK,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,QAAQ,GAAG,IAAI,CAAC;QACnD,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAAC,SAAsB;IACzD,MAAM,WAAW,GAAG,SAAS,CAAC,gBAAgB,CAAC,wBAAwB,CAAC,CAAC;IACzE,MAAM,SAAS,GAAG,SAAS,CAAC,gBAAgB,CAAC,sBAAsB,CAAC,CAAC;IAErE,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;QAC3B,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QACvB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;AACL,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,OAAoB;IAC9C,OAAO,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;AAC3C,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,mBAAmB,CAAC,OAAoB,EAAE,WAAmB,EAAE;IAC7E,OAAO,CAAC,CAAa,EAAE,EAAE;QACvB,MAAM,OAAO,GAAkB;YAC7B,QAAQ;YACR,MAAM,EAAE,CAAC,CAAC,KAAK;YACf,UAAU,EAAE,OAAO,CAAC,WAAW;YAC/B,OAAO;SACR,CAAC;QAEF,iBAAiB,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAChC,CAAC,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAC,SAAsB;IACxD,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IAEtD,MAAM,mBAAmB,GAAG,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;QACtD,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,wBAAwB,EAAE,CAAC;YAC7D,OAAO,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;QACzC,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CAAC;IAEH,MAAM,iBAAiB,GAAG,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;QACpD,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,sBAAsB,EAAE,CAAC;YAC3D,OAAO,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;QACzC,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CAAC;IAEH,OAAO,mBAAmB,IAAI,iBAAiB,CAAC;AAClD,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2025\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\n/\n Resizable Helper Utility\n * Provides common functionality for resizable table columns\n /\n\nexport interface ResizeOptions {\n minWidth?: number;\n startX: number;\n startWidth: number;\n element: HTMLElement;\n}\n\nexport interface ColumnResizeData {\n columnIndex: number;\n newWidth: number;\n}\n\n/\n Handles the start of a resize operation\n * @param e Mouse event\n * @param options Resize configuration options\n * @returns Cleanup function to remove event listeners\n /\nexport function handleResizeStart(e: MouseEvent, options: ResizeOptions): () => void {\n e.preventDefault();\n e.stopPropagation();\n \n const { minWidth = 50, startX, startWidth, element } = options;\n const resizer = e.target as HTMLElement;\n \n resizer.classList.add('resizing');\n\n const onMouseMove = (e: MouseEvent) => {\n e.preventDefault();\n e.stopPropagation();\n \n const delta = e.pageX - startX;\n const newWidth = Math.max(minWidth, startWidth + delta);\n\n element.style.width = newWidth + 'px';\n\n synchronizeColumnWidth(element, newWidth);\n };\n\n const onMouseUp = () => {\n resizer.classList.remove('resizing');\n document.removeEventListener('mousemove', onMouseMove);\n document.removeEventListener('mouseup', onMouseUp);\n };\n\n document.addEventListener('mousemove', onMouseMove);\n document.addEventListener('mouseup', onMouseUp);\n\n return () => {\n document.removeEventListener('mousemove', onMouseMove);\n document.removeEventListener('mouseup', onMouseUp);\n };\n}\n\n/\n Gets the column index of an element within its table row\n * @param element The table cell or header element\n * @param selector The CSS selector for the column elements\n * @returns Column index (0-based)\n /\nexport function getColumnIndex(element: HTMLElement, selector: string): number {\n const tableRow = element.closest('nile-table-row');\n if (tableRow) {\n const columns = tableRow.querySelectorAll(selector);\n return Array.from(columns).indexOf(element);\n }\n return 0;\n}\n\n/\n Synchronizes the width of all cells in the same column\n * @param sourceElement The element that was resized\n * @param newWidth The new width to apply\n /\nexport function synchronizeColumnWidth(sourceElement: HTMLElement, newWidth: number): void {\n const tableBody = sourceElement.closest('nile-table-body');\n if (!tableBody) return;\n\n const isHeader = sourceElement.tagName.toLowerCase() === 'nile-table-header-item';\n const selector = isHeader ? 'nile-table-header-item' : 'nile-table-cell-item';\n const targetSelector = isHeader ? 'nile-table-cell-item' : 'nile-table-cell-item';\n \n const columnIndex = getColumnIndex(sourceElement, selector);\n const rows = tableBody.querySelectorAll('nile-table-row');\n \n rows.forEach(row => {\n const cells = row.querySelectorAll(targetSelector);\n if (cells[columnIndex]) {\n cells[columnIndex].style.width = newWidth + 'px';\n }\n });\n}\n\n/\n Resets all column widths in a table to their default values\n * @param tableBody The table body element to reset\n /\nexport function resetAllColumnWidths(tableBody: HTMLElement): void {\n const headerItems = tableBody.querySelectorAll('nile-table-header-item');\n const cellItems = tableBody.querySelectorAll('nile-table-cell-item');\n \n headerItems.forEach(header => {\n header.style.removeProperty('width');\n });\n \n cellItems.forEach(cell => {\n cell.style.removeProperty('width');\n });\n}\n\n/\n Checks if an element has the resizable attribute\n * @param element The element to check\n * @returns True if the element is resizable\n /\nexport function isResizable(element: HTMLElement): boolean {\n return element.hasAttribute('resizable');\n}\n\n/\n Creates a resize handler function for use in component event listeners\n * @param element The element to make resizable\n * @param minWidth Minimum width constraint\n * @returns Event handler function\n /\nexport function createResizeHandler(element: HTMLElement, minWidth: number = 50): (e: MouseEvent) => void {\n return (e: MouseEvent) => {\n const options: ResizeOptions = {\n minWidth,\n startX: e.pageX,\n startWidth: element.offsetWidth,\n element\n };\n \n handleResizeStart(e, options);\n };\n}\n\n/\n Detects if any columns in a table are resizable\n * @param tableBody The table body element\n * @returns True if any columns have resizable attribute\n */\nexport function hasResizableColumns(tableBody: HTMLElement): boolean {\n const directChildren = Array.from(tableBody.children);\n \n const hasResizableHeaders = directChildren.some(child => {\n if (child.tagName.toLowerCase() === 'nile-table-header-item') {\n return child.hasAttribute('resizable');\n }\n return false;\n });\n \n const hasResizableCells = directChildren.some(child => {\n if (child.tagName.toLowerCase() === 'nile-table-cell-item') {\n return child.hasAttribute('resizable');\n }\n return false;\n });\n \n return hasResizableHeaders \|\| hasResizableCells;\n} \n"]}

package/dist/src/nile-table-cell-item/nile-table-cell-item.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@
  * This source code is licensed under the BSD-3-Clause license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { CSSResultArray, TemplateResult } from 'lit';
+import { CSSResultArray, TemplateResult, PropertyValues } from 'lit';
 import NileElement from '../internal/nile-element';
 /**
  * Nile table Cell Item component.
@@ -22,6 +22,7 @@ export declare class NileTableCellItem extends NileElement {
     /** Enables the resize functionality. */
     resizable: boolean;
     private handleResizeStart;
+    protected updated(changedProperties: PropertyValues): void;
     /**
      * Render method
      * @slot This is a slot test

package/dist/src/nile-table-cell-item/nile-table-cell-item.js CHANGED Viewed

@@ -10,7 +10,7 @@ import { customElement, property } from 'lit/decorators.js';
 import { styles } from './nile-table-cell-item.css';
 import NileElement from '../internal/nile-element';
 import { HasSlotController } from '../internal/slot';
-import { createResizeHandler } from '../internal/resizable-table-helper';
+import { createResizeHandler, resetAllColumnWidths } from '../internal/resizable-table-helper';
 /**
  * Nile table Cell Item component.
  *
@@ -35,6 +35,17 @@ let NileTableCellItem = class NileTableCellItem extends NileElement {
     static get styles() {
         return [styles];
     }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has('resizable')) {
+            if (!this.resizable) {
+                const tableBody = this.closest('nile-table-body');
+                if (tableBody) {
+                    resetAllColumnWidths(tableBody);
+                }
+            }
+        }
+    }
     /**
      * Render method
      * @slot This is a slot test

package/dist/src/nile-table-cell-item/nile-table-cell-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-table-cell-item.js","sourceRoot":"","sources":["../../../src/nile-table-cell-item/nile-table-cell-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,~~GAGL~~,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;~~AAEzE~~;;;;;GAKG;AAEI,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,WAAW;IAA3C;;QACY,sBAAiB,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;QAS9E,wCAAwC;QACI,cAAS,GAAG,KAAK,CAAC;QAE9D,gBAAgB;QAEhB,qBAAqB;QAEb,sBAAiB,GAAG,mBAAmB,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;~~QAyB1D~~,gBAAgB;IAClB,CAAC;~~IAzCC~~;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;~~IAWD~~;;;OAGG;IACI,MAAM;QACX,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,OAAO,IAAI,CAAA;;YAEL,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;gBACxC,CAAC,CAAC,IAAI,CAAA,kEAAkE;gBACxE,CAAC,CAAC,EAAE;4CAC4B,IAAI,CAAC,iBAAiB;;OAE3D,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO,IAAI,CAAA;UACP,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;gBACxC,CAAC,CAAC,IAAI,CAAA,wDAAwD;gBAC9D,CAAC,CAAC,EAAE;OACP,CAAC;QACJ,CAAC;IACH,CAAC;CAGF,CAAA;~~AAhC6C~~;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAAmB;AAXnD,iBAAiB;IAD7B,aAAa,CAAC,sBAAsB,CAAC;GACzB,iBAAiB,~~CA2C7B~~;;AAED,eAAe,iBAAiB,CAAC","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 {\n LitElement,\n html,\n CSSResultArray,\n TemplateResult,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-table-cell-item.css';\nimport NileElement from '../internal/nile-element';\nimport { HasSlotController } from '../internal/slot';\nimport { createResizeHandler } from '../internal/resizable-table-helper';\n\n/\n Nile table Cell Item component.\n \n @tag nile-table-cell-item\n \n /\n@customElement('nile-table-cell-item')\nexport class NileTableCellItem extends NileElement {\n private readonly hasSlotController = new HasSlotController(this, '[default]');\n /*\n The styles for TableCellItem\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n /\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n /* Enables the resize functionality. /\n @property({ type: Boolean, reflect: true }) resizable = false;\n\n / #endregion /\n\n / #region Methods /\n\n private handleResizeStart = createResizeHandler(this, 50);\n\n /\n Render method\n * @slot This is a slot test\n /\n public render(): TemplateResult {\n if (this.resizable) {\n return html`\n <div class=\"cell__wrapper\" part=\"nile__table-cell\">\n ${this.hasSlotController.test('[default]')\n ? html` <div class=\"column\" part=\"nile__table-cell\"><slot></slot></div>`\n : ''}\n <div class=\"resizer\" @mousedown=${this.handleResizeStart}></div>\n </div>\n `;\n } else {\n return html`\n ${this.hasSlotController.test('[default]')\n ? html` <slot class=\"column\" part=\"nile__table-cell\"> </slot>`\n : ''}\n `;\n }\n }\n\n / #endregion */\n}\n\nexport default NileTableCellItem;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-table-cell-item': NileTableCellItem;\n }\n}\n"]}
1	+ {"version":3,"file":"nile-table-cell-item.js","sourceRoot":"","sources":["../../../src/nile-table-cell-item/nile-table-cell-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,GAIL,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAE/F;;;;;GAKG;AAEI,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,WAAW;IAA3C;;QACY,sBAAiB,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;QAS9E,wCAAwC;QACI,cAAS,GAAG,KAAK,CAAC;QAE9D,gBAAgB;QAEhB,qBAAqB;QAEb,sBAAiB,GAAG,mBAAmB,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAsC1D,gBAAgB;IAClB,CAAC;IAtDC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAWS,OAAO,CAAC,iBAAiC;QACjD,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QAEjC,IAAI,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;YACvC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;gBACpB,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;gBAClD,IAAI,SAAS,EAAE,CAAC;oBACd,oBAAoB,CAAC,SAAS,CAAC,CAAC;gBAClC,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAED;;;OAGG;IACI,MAAM;QACX,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,OAAO,IAAI,CAAA;;YAEL,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;gBACxC,CAAC,CAAC,IAAI,CAAA,kEAAkE;gBACxE,CAAC,CAAC,EAAE;4CAC4B,IAAI,CAAC,iBAAiB;;OAE3D,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO,IAAI,CAAA;UACP,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;gBACxC,CAAC,CAAC,IAAI,CAAA,wDAAwD;gBAC9D,CAAC,CAAC,EAAE;OACP,CAAC;QACJ,CAAC;IACH,CAAC;CAGF,CAAA;AA7C6C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAAmB;AAXnD,iBAAiB;IAD7B,aAAa,CAAC,sBAAsB,CAAC;GACzB,iBAAiB,CAwD7B;;AAED,eAAe,iBAAiB,CAAC","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 {\n LitElement,\n html,\n CSSResultArray,\n TemplateResult,\n PropertyValues,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-table-cell-item.css';\nimport NileElement from '../internal/nile-element';\nimport { HasSlotController } from '../internal/slot';\nimport { createResizeHandler, resetAllColumnWidths } from '../internal/resizable-table-helper';\n\n/\n Nile table Cell Item component.\n \n @tag nile-table-cell-item\n \n /\n@customElement('nile-table-cell-item')\nexport class NileTableCellItem extends NileElement {\n private readonly hasSlotController = new HasSlotController(this, '[default]');\n /*\n The styles for TableCellItem\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n /\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n /* Enables the resize functionality. /\n @property({ type: Boolean, reflect: true }) resizable = false;\n\n / #endregion /\n\n / #region Methods /\n\n private handleResizeStart = createResizeHandler(this, 50);\n\n protected updated(changedProperties: PropertyValues) {\n super.updated(changedProperties);\n \n if (changedProperties.has('resizable')) {\n if (!this.resizable) {\n const tableBody = this.closest('nile-table-body');\n if (tableBody) {\n resetAllColumnWidths(tableBody);\n }\n }\n }\n }\n\n /\n Render method\n * @slot This is a slot test\n /\n public render(): TemplateResult {\n if (this.resizable) {\n return html`\n <div class=\"cell__wrapper\" part=\"nile__table-cell\">\n ${this.hasSlotController.test('[default]')\n ? html` <div class=\"column\" part=\"nile__table-cell\"><slot></slot></div>`\n : ''}\n <div class=\"resizer\" @mousedown=${this.handleResizeStart}></div>\n </div>\n `;\n } else {\n return html`\n ${this.hasSlotController.test('[default]')\n ? html` <slot class=\"column\" part=\"nile__table-cell\"> </slot>`\n : ''}\n `;\n }\n }\n\n / #endregion */\n}\n\nexport default NileTableCellItem;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-table-cell-item': NileTableCellItem;\n }\n}\n"]}

package/dist/src/nile-table-header-item/nile-table-header-item.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@
  * This source code is licensed under the BSD-3-Clause license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { CSSResultArray, TemplateResult } from 'lit';
+import { CSSResultArray, TemplateResult, PropertyValues } from 'lit';
 import NileElement from '../internal/nile-element';
 /**
  * Nile icon component.
@@ -28,6 +28,7 @@ export declare class NileTableHeaderItem extends NileElement {
     /** Enables the resize functionality. */
     resizable: boolean;
     sorting_ct: number;
+    protected updated(changedProperties: PropertyValues): void;
     /**
      * Render method
      * @slot This is a slot test

package/dist/src/nile-table-header-item/nile-table-header-item.js CHANGED Viewed

@@ -10,7 +10,7 @@ import { customElement, state, property } from 'lit/decorators.js';
 import { styles } from './nile-table-header-item.css';
 import NileElement from '../internal/nile-element';
 import { HasSlotController } from '../internal/slot';
-import { createResizeHandler } from '../internal/resizable-table-helper';
+import { createResizeHandler, resetAllColumnWidths } from '../internal/resizable-table-helper';
 /**
  * Nile icon component.
  *
@@ -41,6 +41,17 @@ let NileTableHeaderItem = class NileTableHeaderItem extends NileElement {
     }
     /* #endregion */
     /* #region Methods */
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has('resizable')) {
+            if (!this.resizable) {
+                const tableBody = this.closest('nile-table-body');
+                if (tableBody) {
+                    resetAllColumnWidths(tableBody);
+                }
+            }
+        }
+    }
     /**
      * Render method
      * @slot This is a slot test

package/dist/src/nile-table-header-item/nile-table-header-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-table-header-item.js","sourceRoot":"","sources":["../../../src/nile-table-header-item/nile-table-header-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,~~GAGL~~,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;~~AAEzE~~;;;;;GAKG;AAEI,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,WAAW;IAA7C;;QACY,sBAAiB,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;QAS9E,sCAAsC;QACM,aAAQ,GAAG,KAAK,CAAC;QAE7D,sCAAsC;QACM,eAAU,GAAG,KAAK,CAAC;QAE/D,wBAAwB;QAC2C,aAAQ,GACzE,EAAE,CAAC;QAEL,wCAAwC;QACI,cAAS,GAAG,KAAK,CAAC;QAErD,eAAU,GAAG,CAAC,CAAC;~~QAuBhB~~,sBAAiB,GAAG,mBAAmB,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAiD5D,CAAC;~~IA7FC~~;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAiBD,gBAAgB;IAEhB,qBAAqB;~~IAErB~~;;;OAGG;IACK,UAAU,CAAC,CAAM;QACvB,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,gBAAgB,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC;QAC7D,MAAM,KAAK,GAAG,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QACvC,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;YAC3B,KAAK,EAAE,EAAE,gBAAgB,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,EAAE;SAC/D,CAAC,CAAC;IACL,CAAC;IAEO,YAAY,CAAC,CAAM;QACzB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IACtD,CAAC;IAIM,MAAM;QACX,OAAO,IAAI,CAAA;;;;YAIH,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,KAAK,CAAC;YAC1C,CAAC,CAAC,IAAI,CAAA;;;yBAGO,IAAI,CAAC,UAAU;;4BAEZ;YAChB,CAAC,CAAC,IAAI;YACN,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,KAAK,CAAC;YAC1C,CAAC,CAAC,IAAI,CAAA;;;yBAGO,IAAI,CAAC,UAAU;4BACZ;YAChB,CAAC,CAAC,IAAI;YACN,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,KAAK,CAAC;YAC1C,CAAC,CAAC,IAAI,CAAA;;;yBAGO,IAAI,CAAC,UAAU;4BACZ;YAChB,CAAC,CAAC,IAAI;YACN,IAAI,CAAC,QAAQ;YACb,CAAC,CAAC,IAAI,CAAA,qBAAqB,IAAI,CAAC,QAAQ,0BAA0B;YAClE,CAAC,CAAC,IAAI,CAAA,EAAE;YACR,IAAI,CAAC,UAAU;YACf,CAAC,CAAC,IAAI,CAAA;;;;gCAIc,IAAI,CAAC,YAAY;;;;8BAInB;YAClB,CAAC,CAAC,IAAI,CAAA,EAAE;;UAEV,IAAI,CAAC,SAAS;YACd,CAAC,CAAC,IAAI,CAAA,mCAAmC,IAAI,CAAC,iBAAiB,SAAS;YACxE,CAAC,CAAC,IAAI;aACH,CAAC;IACZ,CAAC;CACF,CAAA;~~AApF6C~~;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qDAAkB;AAGjB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDAAoB;AAGI;IAAlE,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;qDAC7D;AAGuC;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDAAmB;AAErD;IAAR,KAAK,EAAE;uDAAgB;AAvBb,mBAAmB;IAD/B,aAAa,CAAC,wBAAwB,CAAC;GAC3B,mBAAmB,~~CA+F~~/B;;AAED,eAAe,mBAAmB,CAAC","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 {\n LitElement,\n html,\n CSSResultArray,\n TemplateResult,\n} from 'lit';\nimport { customElement, state, property } from 'lit/decorators.js';\nimport { styles } from './nile-table-header-item.css';\nimport NileElement from '../internal/nile-element';\nimport { HasSlotController } from '../internal/slot';\nimport { createResizeHandler } from '../internal/resizable-table-helper';\n\n/\n Nile icon component.\n \n @tag nile-table-header-item\n \n /\n@customElement('nile-table-header-item')\nexport class NileTableHeaderItem extends NileElement {\n private readonly hasSlotController = new HasSlotController(this, '[default]');\n /*\n The styles for TableHeaderItem\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n /\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n /* Enables the sort functionality. /\n @property({ type: Boolean, reflect: true }) havesort = false;\n\n /* Enables the sort functionality. /\n @property({ type: Boolean, reflect: true }) havefilter = false;\n\n /* Places the icon . /\n @property({ type: String, reflect: true, attribute: 'icon-name' }) iconName =\n '';\n\n /* Enables the resize functionality. /\n @property({ type: Boolean, reflect: true }) resizable = false;\n\n @state() sorting_ct = 0;\n\n / #endregion /\n\n / #region Methods /\n\n /\n Render method\n * @slot This is a slot test\n */\n private handleSort(e: any) {\n this.sorting_ct++;\n let curr_sort_string = this.hasSlotController.host.innerHTML;\n const order = ['normal', 'asc', 'des'];\n this.emit('nile-click-sort', {\n value: { curr_sort_string, order: order[this.sorting_ct % 3] },\n });\n }\n\n private handleSearch(e: any) {\n this.emit('nile-search', { value: e.detail.value });\n }\n\n private handleResizeStart = createResizeHandler(this, 50);\n\n public render(): TemplateResult {\n return html`\n <div class=\"header__item__wrapper\" part=\"nile__table-header-cell\">\n <div class=\"headers\">\n <slot> </slot>\n ${this.havesort && this.sorting_ct % 3 === 0\n ? html`<nile-icon\n name=\"sortdown\"\n size=\"16\"\n @click=${this.handleSort}\n class=\"hover__arrow\"\n ></nile-icon>`\n : null}\n ${this.havesort && this.sorting_ct % 3 === 1\n ? html`<nile-icon\n name=\"sortdown\"\n size=\"16\"\n @click=${this.handleSort}\n ></nile-icon>`\n : null}\n ${this.havesort && this.sorting_ct % 3 === 2\n ? html`<nile-icon\n name=\"sortup\"\n size=\"16\"\n @click=${this.handleSort}\n ></nile-icon>`\n : null}\n ${this.iconName\n ? html` <nile-icon name=\"${this.iconName}\" size=\"16\"></nile-icon>`\n : html``}\n ${this.havefilter\n ? html` <nile-popover title=\"Filter\" placement=\"bottom\">\n <nile-icon name=\"filter\" size=\"16\" slot=\"anchor\"></nile-icon>\n <nile-input\n placeholder=\"Search\"\n @nile-input=${this.handleSearch}\n part=\"filter__search\"\n ></nile-input>\n <slot name=\"filter__content\" part=\"filter__content\"></slot>\n </nile-popover>`\n : html``}\n </div>\n ${this.resizable \n ? html`<div class=\"resizer\" @mousedown=${this.handleResizeStart}></div>`\n : null}\n </div>`;\n }\n}\n\nexport default NileTableHeaderItem;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-table-header-item': NileTableHeaderItem;\n }\n}\n"]}
1	+ {"version":3,"file":"nile-table-header-item.js","sourceRoot":"","sources":["../../../src/nile-table-header-item/nile-table-header-item.ts"],"names":[],"mappings":"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","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 {\n LitElement,\n html,\n CSSResultArray,\n TemplateResult,\n PropertyValues,\n} from 'lit';\nimport { customElement, state, property } from 'lit/decorators.js';\nimport { styles } from './nile-table-header-item.css';\nimport NileElement from '../internal/nile-element';\nimport { HasSlotController } from '../internal/slot';\nimport { createResizeHandler, resetAllColumnWidths } from '../internal/resizable-table-helper';\n\n/\n Nile icon component.\n \n @tag nile-table-header-item\n \n /\n@customElement('nile-table-header-item')\nexport class NileTableHeaderItem extends NileElement {\n private readonly hasSlotController = new HasSlotController(this, '[default]');\n /*\n The styles for TableHeaderItem\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n /\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n /* Enables the sort functionality. /\n @property({ type: Boolean, reflect: true }) havesort = false;\n\n /* Enables the sort functionality. /\n @property({ type: Boolean, reflect: true }) havefilter = false;\n\n /* Places the icon . /\n @property({ type: String, reflect: true, attribute: 'icon-name' }) iconName =\n '';\n\n /* Enables the resize functionality. /\n @property({ type: Boolean, reflect: true }) resizable = false;\n\n @state() sorting_ct = 0;\n\n / #endregion /\n\n / #region Methods /\n\n protected updated(changedProperties: PropertyValues) {\n super.updated(changedProperties);\n \n if (changedProperties.has('resizable')) {\n if (!this.resizable) {\n const tableBody = this.closest('nile-table-body');\n if (tableBody) {\n resetAllColumnWidths(tableBody);\n }\n }\n }\n }\n\n /\n Render method\n * @slot This is a slot test\n */\n private handleSort(e: any) {\n this.sorting_ct++;\n let curr_sort_string = this.hasSlotController.host.innerHTML;\n const order = ['normal', 'asc', 'des'];\n this.emit('nile-click-sort', {\n value: { curr_sort_string, order: order[this.sorting_ct % 3] },\n });\n }\n\n private handleSearch(e: any) {\n this.emit('nile-search', { value: e.detail.value });\n }\n\n private handleResizeStart = createResizeHandler(this, 50);\n\n public render(): TemplateResult {\n return html`\n <div class=\"header__item__wrapper\" part=\"nile__table-header-cell\">\n <div class=\"headers\">\n <slot> </slot>\n ${this.havesort && this.sorting_ct % 3 === 0\n ? html`<nile-icon\n name=\"sortdown\"\n size=\"16\"\n @click=${this.handleSort}\n class=\"hover__arrow\"\n ></nile-icon>`\n : null}\n ${this.havesort && this.sorting_ct % 3 === 1\n ? html`<nile-icon\n name=\"sortdown\"\n size=\"16\"\n @click=${this.handleSort}\n ></nile-icon>`\n : null}\n ${this.havesort && this.sorting_ct % 3 === 2\n ? html`<nile-icon\n name=\"sortup\"\n size=\"16\"\n @click=${this.handleSort}\n ></nile-icon>`\n : null}\n ${this.iconName\n ? html` <nile-icon name=\"${this.iconName}\" size=\"16\"></nile-icon>`\n : html``}\n ${this.havefilter\n ? html` <nile-popover title=\"Filter\" placement=\"bottom\">\n <nile-icon name=\"filter\" size=\"16\" slot=\"anchor\"></nile-icon>\n <nile-input\n placeholder=\"Search\"\n @nile-input=${this.handleSearch}\n part=\"filter__search\"\n ></nile-input>\n <slot name=\"filter__content\" part=\"filter__content\"></slot>\n </nile-popover>`\n : html``}\n </div>\n ${this.resizable \n ? html`<div class=\"resizer\" @mousedown=${this.handleResizeStart}></div>`\n : null}\n </div>`;\n }\n}\n\nexport default NileTableHeaderItem;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-table-header-item': NileTableHeaderItem;\n }\n}\n"]}