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

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

@@ -0,0 +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(){}};});
+//# sourceMappingURL=resizable-table-helper.cjs.js.map

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

@@ -0,0 +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":"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"}

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

@@ -0,0 +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};

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

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

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

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

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

@@ -0,0 +1,120 @@
+import{css as e}from"lit";const o=e`
+  :host([resizable]) {
+    position: relative;
+    overflow: hidden;
+    table-layout: fixed;
+  }
+`,r=e`
+  :host([resizable]) {
+    position: relative;
+  }
+
+  :host([resizable]) .header__item__wrapper {
+    border-right: 1px solid var(--nile-colors-neutral-400);
+    position: relative;
+  }
+`,t=e`
+  .resizer {
+    position: absolute;
+    right: 0;
+    top: -1000px;
+    bottom: -1000px;
+    width: 8px;
+    cursor: col-resize;
+    user-select: none;
+    background-color: var(--nile-colors-neutral-100);
+    transition: background-color 0.2s;
+    z-index: 10;
+    opacity: 0;
+    transition: opacity 0.2s ease;
+    pointer-events: none;
+  }
+
+  :host([resizable]):hover .resizer {
+    opacity: 1;
+    pointer-events: auto;
+  }
+
+  .resizer::before {
+    content: '';
+    position: absolute;
+    right: 3px;
+    top: 0;
+    width: 2px;
+    height: 100%;
+    background-color: var(--nile-colors-neutral-500);
+    opacity: 0.8;
+  }
+
+  .resizer:hover {
+    background-color: var(--nile-colors-neutral-400);
+  }
+
+  .resizer:hover::before {
+    background-color: var(--nile-colors-neutral-700);
+    opacity: 1;
+  }
+
+  .resizer.resizing {
+    background-color: var(--nile-colors-neutral-400);
+    opacity: 1;
+    pointer-events: auto;
+  }
+
+  .resizer.resizing::before {
+    background-color: var(--nile-colors-neutral-700);
+    opacity: 1;
+    width: 3px;
+  }
+`,i=e`
+  .resizer {
+    position: absolute;
+    right: -2px;
+    top: -1000px;
+    bottom: -1000px;
+    width: 8px;
+    cursor: ew-resize;
+    user-select: none;
+    transition: background-color 0.2s;
+    z-index: 10;
+    opacity: 0;
+    transition: opacity 0.2s ease;
+  }
+
+  :host([resizable]):hover .resizer {
+    opacity: 1;
+  }
+
+  .resizer::before {
+    content: '';
+    position: absolute;
+    height: 100%;
+    opacity: 0.8;
+  }
+
+  .resizer.resizing {
+    border-right: 4px double var(--nile-colors-neutral-400);
+    background-color: transparent;
+    opacity: 1;
+  }
+`,s=e`
+  :host([resizable]) ::slotted(*) {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    display: block;
+  }
+
+  :host([resizable]) ::slotted(span),
+  :host([resizable]) ::slotted(div),
+  :host([resizable]) ::slotted(p) {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    display: block;
+  }
+`,a=e`
+  .nile__table__body[resizable] {
+    table-layout: fixed;
+  }
+`;export{t as a,s as b,r as c,i as h,o as r,a as t};