@aquera/nile-elements 1.2.1 → 1.2.2

package/dist/src/nile-grid/nile-grid.utils.js

@@ -1,32 +1,12 @@
-export const resizeLinesHandler = (resizeStart, resizeEnd, col, widthPx, scrollHeight, columnWidths, e) => {
-    resizeStart.style.display = 'block';
-    resizeEnd.style.display = 'block';
-    resizeStart.style.height = scrollHeight + 'px';
-    resizeEnd.style.height = scrollHeight + 'px';
-    if (col === 0) {
-        resizeStart.style.left = `${Math.max(60, widthPx) - 6}px`;
-        resizeEnd.style.left = `${Math.max(60, widthPx) - 2}px`;
-    }
-    else {
-        let totalWidth = 0;
-        if (e.target.getAttribute('colspan') &&
-            parseInt(e.target.getAttribute('colspan')) > 1) {
-            widthPx = widthPx - columnWidths[col - 1];
-            for (let i = 0; i < col; i++) {
-                totalWidth += columnWidths[i];
-            }
-        }
-        else {
-            for (let i = 0; i < col; i++) {
-                totalWidth += columnWidths[i];
-            }
-        }
-        resizeStart.style.left = `${totalWidth + Math.max(60, widthPx) - 6}px`;
-        resizeEnd.style.left = `${totalWidth + Math.max(60, widthPx) - 2}px`;
-    }
-};
+/** listenToEventListeners
+ * @param nileGrid Grid element to attach listeners on
+ * @param onResize Handler for 'nile-column-resize'
+ * @param slotEl Slot element to watch for 'slotchange'
+ * @param _attachObserverAndLayout Callback to reattach observer + layout
+ * @returns void
+ */
 export const listenToEventListeners = (nileGrid, onResize, slotEl, _attachObserverAndLayout) => {
-    nileGrid.addEventListener('nile-resize', onResize);
+    nileGrid.addEventListener('nile-column-resize', onResize);
     nileGrid.addEventListener('nile-resize-start', () => {
         nileGrid.resizeStart.style.display = 'block';
     });
@@ -36,8 +16,15 @@ export const listenToEventListeners = (nileGrid, onResize, slotEl, _attachObserv
     });
     slotEl.addEventListener('slotchange', () => _attachObserverAndLayout());
 };
+/** removeEventListeners
+ * @param nileGrid Grid element to detach listeners from
+ * @param onResize Handler previously attached to 'nile-column-resize'
+ * @param slotEl Slot element to remove 'slotchange' from
+ * @param _attachObserverAndLayout Callback reference used during attach
+ * @returns void
+ */
 export const removeEventListeners = (nileGrid, onResize, slotEl, _attachObserverAndLayout) => {
-    nileGrid.removeEventListener('nile-resize', onResize);
+    nileGrid.removeEventListener('nile-column-resize', onResize);
     nileGrid.removeEventListener('nile-resize-start', () => {
         nileGrid.resizeStart.style.display = 'block';
     });
@@ -47,124 +34,20 @@ export const removeEventListeners = (nileGrid, onResize, slotEl, _attachObserver
     });
     slotEl.removeEventListener('slotchange', () => _attachObserverAndLayout());
 };
+/** getHead
+ * @param slotEl Slot element containing assigned nodes
+ * @returns <nile-grid-head> element or null
+ */
 export const getHead = (slotEl) => {
     const nodes = slotEl?.assignedElements() ?? [];
     return (nodes.find((n) => n.tagName.toLowerCase() === 'nile-grid-head') || null);
 };
+/** getBody
+ * @param slotEl Slot element containing assigned nodes
+ * @returns <nile-grid-body> element or null
+ */
 export const getBody = (slotEl) => {
     const nodes = slotEl?.assignedElements() ?? [];
     return (nodes.find((n) => n.tagName.toLowerCase() === 'nile-grid-body') || null);
 };
-export const rebuildTemplate = (colCount, columnWidths) => {
-    const parts = [];
-    for (let i = 0; i < colCount; i++) {
-        const explicit = columnWidths[i];
-        if (i === colCount - 1) {
-            parts.push(`minmax(${explicit}px, auto)`);
-        }
-        else {
-            parts.push(`${explicit}px`);
-        }
-    }
-    return parts.join(' ');
-};
-export const applyTemplate = (head, body, colTemplate) => {
-    if (head)
-        head.style.gridTemplateColumns = colTemplate;
-    if (body) {
-        body.style.gridTemplateColumns = colTemplate;
-        body.style.overflowX = 'auto';
-    }
-};
-function computeHeadLayout(headRows, carryHead, colCount) {
-    headRows.forEach((row, rIdx) => {
-        let c = 1;
-        const cells = Array.from(row.querySelectorAll('nile-grid-head-item, nile-grid-cell'));
-        const rStart = rIdx + 1;
-        cells.forEach(cell => {
-            while (carryHead[c - 1] > 0)
-                c++;
-            const colspan = Math.max(1, Number(cell.getAttribute('colspan')) || 1);
-            const rowspan = Math.max(1, Number(cell.getAttribute('rowspan')) || 1);
-            const cStart = c, cEnd = c + colspan;
-            const rEnd = rStart + rowspan;
-            cell.style.gridColumn = `${cStart} / ${cEnd}`;
-            cell.style.gridRow = `${rStart} / ${rEnd}`;
-            cell.dataset.cStart = String(cStart);
-            for (let k = 0; k < colspan; k++) {
-                const idx = c - 1 + k;
-                carryHead[idx] = Math.max(carryHead[idx] || 0, rowspan);
-            }
-            c = cEnd;
-            colCount = Math.max(colCount, cEnd - 1);
-        });
-        for (let i = 0; i < carryHead.length; i++)
-            if (carryHead[i] > 0)
-                carryHead[i]--;
-    });
-    return colCount;
-}
-function computeBodyLayout(bodyRows, carryBody, colCount) {
-    bodyRows.forEach((row, rIdx) => {
-        let c = 1;
-        const cells = Array.from(row.querySelectorAll('nile-grid-cell, nile-grid-header'));
-        const rStart = rIdx + 1;
-        let maxRowspan = 1;
-        const bg = row.shadowRoot?.querySelector('[data-row-bg]');
-        if (bg)
-            bg.style.gridColumn = `1 / -1`;
-        cells.forEach(cell => {
-            while (carryBody[c - 1] > 0)
-                c++;
-            const colspan = Math.max(1, Number(cell.getAttribute('colspan')) || 1);
-            const rowspan = Math.max(1, Number(cell.getAttribute('rowspan')) || 1);
-            const cStart = c, cEnd = c + colspan;
-            const rEnd = rStart + rowspan;
-            cell.style.gridColumn = `${cStart} / ${cEnd}`;
-            cell.style.gridRow = `${rStart} / ${rEnd}`;
-            cell.dataset.cStart = String(cStart);
-            for (let k = 0; k < colspan; k++) {
-                const idx = c - 1 + k;
-                carryBody[idx] = Math.max(carryBody[idx] || 0, rowspan);
-            }
-            maxRowspan = Math.max(maxRowspan, rowspan);
-            c = cEnd;
-            colCount = Math.max(colCount, cEnd - 1);
-        });
-        if (bg) {
-            const rEnd = rStart + maxRowspan;
-            bg.style.gridRow = `${rStart} / ${rEnd}`;
-        }
-        for (let i = 0; i < carryBody.length; i++)
-            if (carryBody[i] > 0)
-                carryBody[i]--;
-    });
-    return colCount;
-}
-function computeColumnWidths(nileGrid, colCount, columnWidths) {
-    for (let col = 0; col < colCount; col++) {
-        const containerWidth = (nileGrid.getBoundingClientRect().width || 1) - 2;
-        columnWidths[col] =
-            nileGrid.customWidths[col] || containerWidth / Math.max(colCount, 1);
-    }
-}
-export const layout = (nileGrid, slotEl, ensureWidths, rebuildTemplate, applyTemplate, columnWidths) => {
-    const head = getHead(slotEl);
-    const body = getBody(slotEl);
-    if (!body)
-        return;
-    const headRows = head
-        ? Array.from(head.querySelectorAll('nile-grid-row'))
-        : [];
-    const bodyRows = Array.from(body.querySelectorAll('nile-grid-row'));
-    let colCount = 0;
-    colCount = computeHeadLayout(headRows, [], colCount);
-    colCount = computeBodyLayout(bodyRows, [], colCount);
-    computeColumnWidths(nileGrid, colCount, columnWidths);
-    ensureWidths(colCount);
-    body.style.gridAutoRows = 'auto';
-    body.style.overflowY = 'auto';
-    nileGrid.colTemplate = rebuildTemplate(colCount, columnWidths);
-    applyTemplate(head, body, nileGrid.colTemplate, nileGrid.colTemplate);
-};
 //# sourceMappingURL=nile-grid.utils.js.map

package/dist/src/nile-grid/nile-grid.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-grid.utils.js","sourceRoot":"","sources":["../../../src/nile-grid/nile-grid.utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { NileGrid } from './nile-grid';\n\nexport const resizeLinesHandler = (\n  resizeStart: any,\n  resizeEnd: any,\n  col: number,\n  widthPx: number,\n  scrollHeight: any,\n  columnWidths: any,\n  e: any\n) => {\n  resizeStart.style.display = 'block';\n  resizeEnd.style.display = 'block';\n  resizeStart.style.height = scrollHeight + 'px';\n  resizeEnd.style.height = scrollHeight + 'px';\n  if (col === 0) {\n    resizeStart.style.left = `${Math.max(60, widthPx) - 6}px`;\n    resizeEnd.style.left = `${Math.max(60, widthPx) - 2}px`;\n  } else {\n    let totalWidth = 0;\n    if (\n      (e.target as HTMLElement).getAttribute('colspan') &&\n      parseInt((e.target as HTMLElement).getAttribute('colspan')!) > 1\n    ) {\n      widthPx = widthPx - columnWidths[col - 1];\n      for (let i = 0; i < col; i++) {\n        totalWidth += columnWidths[i];\n      }\n    } else {\n      for (let i = 0; i < col; i++) {\n        totalWidth += columnWidths[i];\n      }\n    }\n    resizeStart.style.left = `${totalWidth + Math.max(60, widthPx) - 6}px`;\n    resizeEnd.style.left = `${totalWidth + Math.max(60, widthPx) - 2}px`;\n  }\n};\n\nexport const listenToEventListeners = (\n  nileGrid: NileGrid,\n  onResize: any,\n  slotEl: any,\n  _attachObserverAndLayout: any\n) => {\n  nileGrid.addEventListener('nile-resize', onResize);\n  nileGrid.addEventListener('nile-resize-start', () => {\n    nileGrid.resizeStart.style.display = 'block';\n  });\n  nileGrid.addEventListener('nile-resize-end', () => {\n    nileGrid.resizeStart.style.display = 'none';\n    nileGrid.resizeEnd.style.display = 'none';\n  });\n  slotEl.addEventListener('slotchange', () => _attachObserverAndLayout());\n};\n\nexport const removeEventListeners = (\n  nileGrid: NileGrid,\n  onResize: any,\n  slotEl: any,\n  _attachObserverAndLayout: any\n) => {\n  nileGrid.removeEventListener('nile-resize', onResize);\n  nileGrid.removeEventListener('nile-resize-start', () => {\n    nileGrid.resizeStart.style.display = 'block';\n  });\n  nileGrid.removeEventListener('nile-resize-end', () => {\n    nileGrid.resizeStart.style.display = 'none';\n    nileGrid.resizeEnd.style.display = 'none';\n  });\n  slotEl.removeEventListener('slotchange', () => _attachObserverAndLayout());\n};\n\nexport const getHead = (slotEl: any) => {\n  const nodes = slotEl?.assignedElements() ?? [];\n  return (\n    (nodes.find(\n      (n: any) => n.tagName.toLowerCase() === 'nile-grid-head'\n    ) as HTMLElement) || null\n  );\n};\n\nexport const getBody = (slotEl: any) => {\n  const nodes = slotEl?.assignedElements() ?? [];\n  return (\n    (nodes.find(\n      (n: any) => n.tagName.toLowerCase() === 'nile-grid-body'\n    ) as HTMLElement) || null\n  );\n};\n\nexport const rebuildTemplate = (\n  colCount: number,\n  columnWidths: number[]\n): string => {\n  const parts: string[] = [];\n\n  for (let i = 0; i < colCount; i++) {\n    const explicit = columnWidths[i];\n    if (i === colCount - 1) {\n      parts.push(`minmax(${explicit}px, auto)`);\n    } else {\n      parts.push(`${explicit}px`);\n    }\n  }\n  return parts.join(' ');\n};\n\nexport const applyTemplate = (\n  head: HTMLElement | null,\n  body: HTMLElement | null,\n  colTemplate: string\n) => {\n  if (head) head.style.gridTemplateColumns = colTemplate;\n  if (body) {\n    body.style.gridTemplateColumns = colTemplate;\n    body.style.overflowX = 'auto';\n  }\n};\n\nfunction computeHeadLayout(\n  headRows: HTMLElement[],\n  carryHead: number[],\n  colCount: number\n): number {\n  headRows.forEach((row, rIdx) => {\n    let c = 1;\n    const cells = Array.from(\n      row.querySelectorAll('nile-grid-head-item, nile-grid-cell')\n    ) as HTMLElement[];\n    const rStart = rIdx + 1;\n\n    cells.forEach(cell => {\n      while (carryHead[c - 1] > 0) c++;\n      const colspan = Math.max(1, Number(cell.getAttribute('colspan')) || 1);\n      const rowspan = Math.max(1, Number(cell.getAttribute('rowspan')) || 1);\n\n      const cStart = c,\n        cEnd = c + colspan;\n      const rEnd = rStart + rowspan;\n\n      cell.style.gridColumn = `${cStart} / ${cEnd}`;\n      cell.style.gridRow = `${rStart} / ${rEnd}`;\n      (cell as any).dataset.cStart = String(cStart);\n\n      for (let k = 0; k < colspan; k++) {\n        const idx = c - 1 + k;\n        carryHead[idx] = Math.max(carryHead[idx] || 0, rowspan);\n      }\n      c = cEnd;\n      colCount = Math.max(colCount, cEnd - 1);\n    });\n\n    for (let i = 0; i < carryHead.length; i++)\n      if (carryHead[i] > 0) carryHead[i]--;\n  });\n  return colCount;\n}\n\nfunction computeBodyLayout(\n  bodyRows: HTMLElement[],\n  carryBody: number[],\n  colCount: number\n) {\n  bodyRows.forEach((row, rIdx) => {\n    let c = 1;\n    const cells = Array.from(\n      row.querySelectorAll('nile-grid-cell, nile-grid-header')\n    ) as HTMLElement[];\n    const rStart = rIdx + 1;\n    let maxRowspan = 1;\n\n    const bg = row.shadowRoot?.querySelector<HTMLElement>('[data-row-bg]');\n    if (bg) bg.style.gridColumn = `1 / -1`;\n\n    cells.forEach(cell => {\n      while (carryBody[c - 1] > 0) c++;\n      const colspan = Math.max(1, Number(cell.getAttribute('colspan')) || 1);\n      const rowspan = Math.max(1, Number(cell.getAttribute('rowspan')) || 1);\n\n      const cStart = c,\n        cEnd = c + colspan;\n      const rEnd = rStart + rowspan;\n\n      cell.style.gridColumn = `${cStart} / ${cEnd}`;\n      cell.style.gridRow = `${rStart} / ${rEnd}`;\n      (cell as any).dataset.cStart = String(cStart);\n\n      for (let k = 0; k < colspan; k++) {\n        const idx = c - 1 + k;\n        carryBody[idx] = Math.max(carryBody[idx] || 0, rowspan);\n      }\n      maxRowspan = Math.max(maxRowspan, rowspan);\n      c = cEnd;\n      colCount = Math.max(colCount, cEnd - 1);\n    });\n\n    if (bg) {\n      const rEnd = rStart + maxRowspan;\n      bg.style.gridRow = `${rStart} / ${rEnd}`;\n    }\n\n    for (let i = 0; i < carryBody.length; i++)\n      if (carryBody[i] > 0) carryBody[i]--;\n  });\n\n  return colCount;\n}\n\nfunction computeColumnWidths(\n  nileGrid: NileGrid,\n  colCount: number,\n  columnWidths: number[]\n) {\n  for (let col = 0; col < colCount; col++) {\n    const containerWidth = (nileGrid.getBoundingClientRect().width || 1) - 2;\n    columnWidths[col] =\n      nileGrid.customWidths[col] || containerWidth / Math.max(colCount, 1);\n  }\n}\n\nexport const layout = (\n  nileGrid: NileGrid,\n  slotEl: any,\n  ensureWidths: any,\n  rebuildTemplate: any,\n  applyTemplate: any,\n  columnWidths: any\n) => {\n  const head = getHead(slotEl);\n  const body = getBody(slotEl);\n  if (!body) return;\n\n  const headRows = head\n    ? (Array.from(head.querySelectorAll('nile-grid-row')) as HTMLElement[])\n    : [];\n  const bodyRows = Array.from(\n    body.querySelectorAll('nile-grid-row')\n  ) as HTMLElement[];\n\n  let colCount = 0;\n\n  colCount = computeHeadLayout(headRows, [], colCount);\n  colCount = computeBodyLayout(bodyRows, [], colCount);\n\n  computeColumnWidths(nileGrid, colCount, columnWidths);\n\n  ensureWidths(colCount);\n  body.style.gridAutoRows = 'auto';\n  body.style.overflowY = 'auto';\n  nileGrid.colTemplate = rebuildTemplate(colCount, columnWidths);\n  applyTemplate(head, body, nileGrid.colTemplate, nileGrid.colTemplate);\n};\n"]}
+{"version":3,"file":"nile-grid.utils.js","sourceRoot":"","sources":["../../../src/nile-grid/nile-grid.utils.ts"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,QAAkB,EAClB,QAAa,EACb,MAAW,EACX,wBAA6B,EAC7B,EAAE;IACF,QAAQ,CAAC,gBAAgB,CAAC,oBAAoB,EAAE,QAAQ,CAAC,CAAC;IAC1D,QAAQ,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,GAAG,EAAE;QAClD,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;IAC/C,CAAC,CAAC,CAAC;IACH,QAAQ,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,GAAG,EAAE;QAChD,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QAC5C,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;IAC5C,CAAC,CAAC,CAAC;IACH,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,wBAAwB,EAAE,CAAC,CAAC;AAC1E,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,QAAkB,EAClB,QAAa,EACb,MAAW,EACX,wBAA6B,EAC7B,EAAE;IACF,QAAQ,CAAC,mBAAmB,CAAC,oBAAoB,EAAE,QAAQ,CAAC,CAAC;IAC7D,QAAQ,CAAC,mBAAmB,CAAC,mBAAmB,EAAE,GAAG,EAAE;QACrD,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;IAC/C,CAAC,CAAC,CAAC;IACH,QAAQ,CAAC,mBAAmB,CAAC,iBAAiB,EAAE,GAAG,EAAE;QACnD,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QAC5C,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;IAC5C,CAAC,CAAC,CAAC;IACH,MAAM,CAAC,mBAAmB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,wBAAwB,EAAE,CAAC,CAAC;AAC7E,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,MAAW,EAAE,EAAE;IACrC,MAAM,KAAK,GAAG,MAAM,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC;IAC/C,OAAO,CACJ,KAAK,CAAC,IAAI,CACT,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,gBAAgB,CACzC,IAAI,IAAI,CAC1B,CAAC;AACJ,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,MAAW,EAAE,EAAE;IACrC,MAAM,KAAK,GAAG,MAAM,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC;IAC/C,OAAO,CACJ,KAAK,CAAC,IAAI,CACT,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,gBAAgB,CACzC,IAAI,IAAI,CAC1B,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { NileGrid } from './nile-grid';\nimport { HeadItemEl } from './nile-grid.types';\n\n/** listenToEventListeners\n * @param nileGrid Grid element to attach listeners on\n * @param onResize Handler for 'nile-column-resize'\n * @param slotEl Slot element to watch for 'slotchange'\n * @param _attachObserverAndLayout Callback to reattach observer + layout\n * @returns void\n */\nexport const listenToEventListeners = (\n  nileGrid: NileGrid,\n  onResize: any,\n  slotEl: any,\n  _attachObserverAndLayout: any\n) => {\n  nileGrid.addEventListener('nile-column-resize', onResize);\n  nileGrid.addEventListener('nile-resize-start', () => {\n    nileGrid.resizeStart.style.display = 'block';\n  });\n  nileGrid.addEventListener('nile-resize-end', () => {\n    nileGrid.resizeStart.style.display = 'none';\n    nileGrid.resizeEnd.style.display = 'none';\n  });\n  slotEl.addEventListener('slotchange', () => _attachObserverAndLayout());\n};\n\n/** removeEventListeners\n * @param nileGrid Grid element to detach listeners from\n * @param onResize Handler previously attached to 'nile-column-resize'\n * @param slotEl Slot element to remove 'slotchange' from\n * @param _attachObserverAndLayout Callback reference used during attach\n * @returns void\n */\nexport const removeEventListeners = (\n  nileGrid: NileGrid,\n  onResize: any,\n  slotEl: any,\n  _attachObserverAndLayout: any\n) => {\n  nileGrid.removeEventListener('nile-column-resize', onResize);\n  nileGrid.removeEventListener('nile-resize-start', () => {\n    nileGrid.resizeStart.style.display = 'block';\n  });\n  nileGrid.removeEventListener('nile-resize-end', () => {\n    nileGrid.resizeStart.style.display = 'none';\n    nileGrid.resizeEnd.style.display = 'none';\n  });\n  slotEl.removeEventListener('slotchange', () => _attachObserverAndLayout());\n};\n\n/** getHead\n * @param slotEl Slot element containing assigned nodes\n * @returns <nile-grid-head> element or null\n */\nexport const getHead = (slotEl: any) => {\n  const nodes = slotEl?.assignedElements() ?? [];\n  return (\n    (nodes.find(\n      (n: any) => n.tagName.toLowerCase() === 'nile-grid-head'\n    ) as HTMLElement) || null\n  );\n};\n\n/** getBody\n * @param slotEl Slot element containing assigned nodes\n * @returns <nile-grid-body> element or null\n */\nexport const getBody = (slotEl: any) => {\n  const nodes = slotEl?.assignedElements() ?? [];\n  return (\n    (nodes.find(\n      (n: any) => n.tagName.toLowerCase() === 'nile-grid-body'\n    ) as HTMLElement) || null\n  );\n};"]}

package/dist/src/nile-grid/nile-grid.width.d.ts

@@ -0,0 +1,25 @@
+import { NileGrid } from './nile-grid';
+/** computeColumnWidths
+ * @param nileGrid Grid instance (reads minColumnWidth, columnWidths)
+ * @param colCount Total columns
+ * @param columnWidths Mutable widths array to fill/update
+ * @param slotEl Slot element (to read head for desired widths)
+ * @returns void
+ */
+export declare function computeColumnWidths(nileGrid: NileGrid, colCount: number, columnWidths: number[], slotEl: any): void;
+/**
+ * @param columnWidths Current widths array
+ * @param minCol Minimum column width
+ * @returns Total reducible pixels
+ */
+export declare function totalReducible(widths: number[], start: number, floor: number): number;
+/**
+ * @param columnWidths Current widths
+ * @param amount Pixels to remove from rightmost columns
+ */
+export declare function takeFromRight(widths: number[], start: number, needInit: number, floor: number): number;
+/**
+ * @param columnWidths Current widths
+ * @param amount Pixels to add to rightmost columns
+ */
+export declare function giveToRight(widths: number[], start: number, giveInit: number): number;

package/dist/src/nile-grid/nile-grid.width.js

@@ -0,0 +1,301 @@
+import { applyColumnsTemplate } from './nile-grid.layout';
+import { getHead } from './nile-grid.utils';
+/** computeColumnWidths
+ * @param nileGrid Grid instance (reads minColumnWidth, columnWidths)
+ * @param colCount Total columns
+ * @param columnWidths Mutable widths array to fill/update
+ * @param slotEl Slot element (to read head for desired widths)
+ * @returns void
+ */
+export function computeColumnWidths(nileGrid, colCount, columnWidths, slotEl) {
+    const minCol = nileGrid.minColumnWidth;
+    const containerWidth = getContainerWidth(nileGrid);
+    const desired = readDesiredFromHead(slotEl, colCount, containerWidth, nileGrid, columnWidths);
+    const isSeeded = seedWidthsFromDesired(desired, columnWidths, minCol);
+    distributeFlex(columnWidths, isSeeded, containerWidth, minCol);
+    normalizeToContainer(columnWidths, containerWidth, minCol);
+    clampAndRound(columnWidths, minCol);
+    applyColumnsTemplate(nileGrid, columnWidths);
+}
+/** getContainerWidth
+ * @param nileGrid Grid root element
+ * @returns Numeric container width in pixels (accounting for padding/offset)
+ */
+function getContainerWidth(nileGrid) {
+    return Math.max(0, (nileGrid.getBoundingClientRect().width || 0) - 4);
+}
+/**
+ * @param slotEl The slot element containing head rows
+ * @param colCount Number of columns
+ * @param containerWidth Width of the parent container
+ * @param prevWidths Previously computed column widths
+ * @returns Array of desired column widths
+ */
+function readDesiredFromHead(slotEl, colCount, containerWidth, nileGrid, prevWidths) {
+    const desired = Array(colCount).fill(null);
+    const head = getHead(slotEl);
+    if (head)
+        fillDesiredFromHeadRows(head, desired, colCount, containerWidth);
+    if (prevWidths?.length === colCount)
+        fillFromPrevWidths(desired, prevWidths, nileGrid);
+    return desired;
+}
+/**
+ * @param head Head element containing grid header rows
+ * @param desired Desired widths array to fill
+ * @param colCount Column count
+ * @param containerWidth Grid container width
+ */
+function fillDesiredFromHeadRows(head, desired, colCount, containerWidth) {
+    const headRows = [...head.children].filter(el => el.tagName.toLowerCase() === 'nile-grid-row');
+    for (const row of headRows) {
+        fillFromHeadRow(row, desired, colCount, containerWidth);
+    }
+}
+/**
+ * @param row A single header row element
+ * @param desired Desired widths array
+ * @param colCount Total number of columns
+ * @param containerWidth Container width
+ */
+function fillFromHeadRow(row, desired, colCount, containerWidth) {
+    const items = [...row.children].filter(el => el.tagName.toLowerCase() === 'nile-grid-head-item');
+    const parsed = items
+        .map(h => parseHeadItemWidth(h, containerWidth))
+        .filter(x => x.cw != null);
+    parsed.sort((a, b) => a.colspan - b.colspan);
+    parsed.forEach(({ cStart, colspan, cw }) => {
+        assignWidth(desired, cStart, colspan, cw, colCount);
+    });
+}
+/**
+ * @param h Header item element
+ * @param containerWidth Width of parent container
+ * @returns Parsed object containing start, colspan, and computed width
+ */
+function parseHeadItemWidth(h, containerWidth) {
+    const cStart = Number(h.dataset?.cStart) || 1;
+    const colspan = Math.max(1, Number(h.getAttribute('colspan')) || 1);
+    const raw = h.width ?? h.getAttribute('width') ?? null;
+    const cw = parseCustomWidth(raw, containerWidth);
+    return { cStart, colspan, cw };
+}
+/**
+ * @param desired Array of desired widths
+ * @param cStart Start column index
+ * @param colspan Column span value
+ * @param cw Computed width value
+ * @param colCount Total column count
+ */
+function assignWidth(desired, cStart, colspan, cw, colCount) {
+    const perCol = Math.round(cw / colspan);
+    for (let k = 0; k < colspan; k++) {
+        const idx = cStart - 1 + k;
+        if (idx >= 0 && idx < colCount && desired[idx] == null) {
+            desired[idx] = perCol;
+        }
+    }
+}
+/**
+ * @param desired Desired widths array
+ * @param prevWidths Previous column widths
+ */
+function fillFromPrevWidths(desired, prevWidths, nileGrid) {
+    for (let i = 0; i < prevWidths.length; i++) {
+        if (desired[i] == null && Number.isFinite(prevWidths[i])) {
+            desired[i] = Math.max(nileGrid.minColumnWidth, Math.round(prevWidths[i]));
+        }
+    }
+}
+/** parseCustomWidth
+ * @param raw User-specified width (number | string like "120px" or "20%")
+ * @param containerWidth Container width for % resolution
+ * @returns Width in pixels or null if invalid
+ */
+function parseCustomWidth(raw, containerWidth) {
+    if (raw == null)
+        return null;
+    if (typeof raw === 'number' && Number.isFinite(raw))
+        return raw;
+    const s = String(raw).trim().toLowerCase();
+    if (!s)
+        return null;
+    if (s.endsWith('px')) {
+        const v = parseFloat(s);
+        return Number.isFinite(v) ? v : null;
+    }
+    if (s.endsWith('%')) {
+        const v = parseFloat(s);
+        return Number.isFinite(v) ? (v / 100) * containerWidth : null;
+    }
+    const v = parseFloat(s);
+    return Number.isFinite(v) ? v : null;
+}
+/** seedWidthsFromDesired
+ * @param desired Array of desired widths (px) or nulls
+ * @param columnWidths Output array to seed (mutated)
+ * @param minCol Minimum per-column width
+ * @returns Boolean[] flags indicating which columns were seeded
+ */
+function seedWidthsFromDesired(desired, columnWidths, minCol) {
+    const isSeeded = Array(desired.length).fill(false);
+    for (let i = 0; i < desired.length; i++) {
+        const w = desired[i] ?? null;
+        columnWidths[i] =
+            w != null && !Number.isNaN(w) ? Math.max(minCol, Number(w)) : 0;
+        isSeeded[i] = w != null && !Number.isNaN(w);
+    }
+    return isSeeded;
+}
+/** distributeFlex
+ * @param columnWidths Mutable widths array
+ * @param isSeeded Boolean[] indicating fixed/seeded columns
+ * @param containerWidth Total width to fill
+ * @param minCol Minimum width per flexible column
+ * @returns void
+ */
+function distributeFlex(columnWidths, isSeeded, containerWidth, minCol) {
+    const sumSeed = columnWidths.reduce((a, b) => a + b, 0);
+    const remaining = containerWidth - sumSeed;
+    const flexIdxs = Array.from({ length: columnWidths.length }, (_, i) => i).filter(i => !isSeeded[i]);
+    if (flexIdxs.length === 0)
+        return;
+    const each = remaining / flexIdxs.length;
+    for (const i of flexIdxs)
+        columnWidths[i] = Math.max(minCol, each);
+}
+// Normalization (container fitting): adjust total column widths to match the container width proportionally.
+/**
+ * @param columnWidths Array of current column widths
+ * @param containerWidth Total grid container width
+ * @param minCol Minimum allowed column width
+ */
+function normalizeToContainer(columnWidths, containerWidth, minCol) {
+    let total = sumWidths(columnWidths);
+    if (total < containerWidth) {
+        expandWidths(columnWidths, containerWidth, total);
+    }
+    else if (total > containerWidth) {
+        shrinkWidths(columnWidths, containerWidth, total, minCol);
+    }
+}
+/**
+ * @param widths Array of column widths
+ * @returns Sum of all column widths
+ */
+function sumWidths(widths) {
+    return widths.reduce((a, b) => a + b, 0);
+}
+/**
+ * @param columnWidths Current column widths
+ * @param containerWidth Container total width
+ * @param total Current total width
+ */
+function expandWidths(columnWidths, containerWidth, total) {
+    if (!columnWidths.length)
+        return;
+    const add = containerWidth - total;
+    const weight = total || 1;
+    for (let i = 0; i < columnWidths.length; i++) {
+        columnWidths[i] += add * (columnWidths[i] / weight);
+    }
+}
+/**
+ * @param columnWidths Current widths
+ * @param containerWidth Container width
+ * @param total Current total
+ * @param minCol Minimum width constraint
+ */
+function shrinkWidths(columnWidths, containerWidth, total, minCol) {
+    let need = total - containerWidth;
+    for (let iter = 0; iter < 8 && need > 0.5; iter++) {
+        const { candidates, weightSum } = collectReducible(columnWidths, minCol);
+        if (!candidates.length || weightSum <= 0)
+            break;
+        const reduced = reduceWidths(columnWidths, candidates, weightSum, need, minCol);
+        need -= reduced;
+        if (reduced < 0.5)
+            break;
+    }
+}
+/**
+ * @param columnWidths Current widths
+ * @param minCol Minimum column width
+ * @returns Reducible column indexes and weight sum
+ */
+function collectReducible(columnWidths, minCol) {
+    const candidates = [];
+    let weightSum = 0;
+    for (let i = 0; i < columnWidths.length; i++) {
+        const reducible = Math.max(0, columnWidths[i] - minCol);
+        if (reducible > 0) {
+            candidates.push(i);
+            weightSum += columnWidths[i];
+        }
+    }
+    return { candidates, weightSum };
+}
+/**
+ * @param columnWidths Current widths array
+ * @param candidates Reducible column indexes
+ * @param weightSum Sum of reducible widths
+ * @param need Total amount to reduce
+ * @param minCol Minimum width
+ * @returns Total reduced width
+ */
+function reduceWidths(columnWidths, candidates, weightSum, need, minCol) {
+    let reduced = 0;
+    for (const i of candidates) {
+        const reducible = Math.max(0, columnWidths[i] - minCol);
+        const share = columnWidths[i] / weightSum;
+        const cut = Math.min(reducible, need * share);
+        columnWidths[i] -= cut;
+        reduced += cut;
+    }
+    return reduced;
+}
+function clampAndRound(columnWidths, minCol) {
+    for (let i = 0; i < columnWidths.length; i++) {
+        columnWidths[i] = Math.max(minCol, Math.round(columnWidths[i]));
+    }
+}
+/**
+ * @param columnWidths Current widths array
+ * @param minCol Minimum column width
+ * @returns Total reducible pixels
+ */
+export function totalReducible(widths, start, floor) {
+    let sum = 0;
+    for (let i = start; i < widths.length; i++)
+        sum += Math.max(0, widths[i] - floor);
+    return sum;
+}
+/**
+ * @param columnWidths Current widths
+ * @param amount Pixels to remove from rightmost columns
+ */
+export function takeFromRight(widths, start, needInit, floor) {
+    let need = needInit;
+    for (let i = start; i < widths.length && need > 0; i++) {
+        const reducible = Math.max(0, widths[i] - floor);
+        const cut = Math.min(reducible, need);
+        if (cut > 0) {
+            widths[i] -= cut;
+            need -= cut;
+        }
+    }
+    return need;
+}
+/**
+ * @param columnWidths Current widths
+ * @param amount Pixels to add to rightmost columns
+ */
+export function giveToRight(widths, start, giveInit) {
+    let give = giveInit;
+    if (start < widths.length && give > 0) {
+        widths[start] += give;
+        give = 0;
+    }
+    return give;
+}
+//# sourceMappingURL=nile-grid.width.js.map

package/dist/src/nile-grid/nile-grid.width.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-grid.width.js","sourceRoot":"","sources":["../../../src/nile-grid/nile-grid.width.ts"],"names":[],"mappings":"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","sourcesContent":["import { NileGrid } from './nile-grid';\nimport { HeadItemEl } from './nile-grid.types';\nimport { applyColumnsTemplate } from './nile-grid.layout';\nimport { getHead } from './nile-grid.utils';\n\n/** computeColumnWidths\n * @param nileGrid Grid instance (reads minColumnWidth, columnWidths)\n * @param colCount Total columns\n * @param columnWidths Mutable widths array to fill/update\n * @param slotEl Slot element (to read head for desired widths)\n * @returns void\n */\nexport function computeColumnWidths(\n  nileGrid: NileGrid,\n  colCount: number,\n  columnWidths: number[],\n  slotEl: any\n) {\n  const minCol = nileGrid.minColumnWidth;\n  const containerWidth = getContainerWidth(nileGrid);\n  const desired = readDesiredFromHead(\n    slotEl,\n    colCount,\n    containerWidth,\n    nileGrid,\n    columnWidths\n  );\n  const isSeeded = seedWidthsFromDesired(desired, columnWidths, minCol);\n\n  distributeFlex(columnWidths, isSeeded, containerWidth, minCol);\n  normalizeToContainer(columnWidths, containerWidth, minCol);\n  clampAndRound(columnWidths, minCol);\n  applyColumnsTemplate(nileGrid, columnWidths);\n}\n\n/** getContainerWidth\n * @param nileGrid Grid root element\n * @returns Numeric container width in pixels (accounting for padding/offset)\n */\nfunction getContainerWidth(nileGrid: NileGrid): number {\n  return Math.max(0, (nileGrid.getBoundingClientRect().width || 0) - 4);\n}\n\n/**\n * @param slotEl The slot element containing head rows\n * @param colCount Number of columns\n * @param containerWidth Width of the parent container\n * @param prevWidths Previously computed column widths\n * @returns Array of desired column widths\n */\nfunction readDesiredFromHead(\n  slotEl: any,\n  colCount: number,\n  containerWidth: number,\n  nileGrid: NileGrid,\n  prevWidths?: number[]\n): (number | null)[] {\n  const desired = Array(colCount).fill(null);\n  const head = getHead(slotEl) as HTMLElement | null;\n  if (head) fillDesiredFromHeadRows(head, desired, colCount, containerWidth);\n  if (prevWidths?.length === colCount) fillFromPrevWidths(desired, prevWidths, nileGrid);\n  return desired;\n}\n\n/**\n * @param head Head element containing grid header rows\n * @param desired Desired widths array to fill\n * @param colCount Column count\n * @param containerWidth Grid container width\n */\nfunction fillDesiredFromHeadRows(\n  head: HTMLElement,\n  desired: (number | null)[],\n  colCount: number,\n  containerWidth: number\n) {\n  const headRows = [...head.children].filter(\n    el => el.tagName.toLowerCase() === 'nile-grid-row'\n  ) as HTMLElement[];\n  for (const row of headRows) {\n    fillFromHeadRow(row, desired, colCount, containerWidth);\n  }\n}\n\n/**\n * @param row A single header row element\n * @param desired Desired widths array\n * @param colCount Total number of columns\n * @param containerWidth Container width\n */\nfunction fillFromHeadRow(\n  row: HTMLElement,\n  desired: (number | null)[],\n  colCount: number,\n  containerWidth: number\n) {\n  const items = [...row.children].filter(\n    el => el.tagName.toLowerCase() === 'nile-grid-head-item'\n  ) as HeadItemEl[];\n  const parsed = items\n    .map(h => parseHeadItemWidth(h, containerWidth))\n    .filter(x => x.cw != null);\n  parsed.sort((a, b) => a.colspan - b.colspan);\n  parsed.forEach(({ cStart, colspan, cw }) => {\n    assignWidth(desired, cStart, colspan, cw!, colCount);\n  });\n}\n\n/**\n * @param h Header item element\n * @param containerWidth Width of parent container\n * @returns Parsed object containing start, colspan, and computed width\n */\nfunction parseHeadItemWidth(h: HeadItemEl, containerWidth: number) {\n  const cStart = Number((h as any).dataset?.cStart) || 1;\n  const colspan = Math.max(1, Number(h.getAttribute('colspan')) || 1);\n  const raw = (h as any).width ?? h.getAttribute('width') ?? null;\n  const cw = parseCustomWidth(raw, containerWidth);\n  return { cStart, colspan, cw };\n}\n\n/**\n * @param desired Array of desired widths\n * @param cStart Start column index\n * @param colspan Column span value\n * @param cw Computed width value\n * @param colCount Total column count\n */\nfunction assignWidth(\n  desired: (number | null)[],\n  cStart: number,\n  colspan: number,\n  cw: number,\n  colCount: number\n) {\n  const perCol = Math.round(cw / colspan);\n  for (let k = 0; k < colspan; k++) {\n    const idx = cStart - 1 + k;\n    if (idx >= 0 && idx < colCount && desired[idx] == null) {\n      desired[idx] = perCol;\n    }\n  }\n}\n\n/**\n * @param desired Desired widths array\n * @param prevWidths Previous column widths\n */\nfunction fillFromPrevWidths(desired: (number | null)[], prevWidths: number[], nileGrid: NileGrid) {\n  for (let i = 0; i < prevWidths.length; i++) {\n    if (desired[i] == null && Number.isFinite(prevWidths[i]!)) {\n      desired[i] = Math.max(nileGrid.minColumnWidth, Math.round(prevWidths[i]!));\n    }\n  }\n}\n\n/** parseCustomWidth\n * @param raw User-specified width (number | string like \"120px\" or \"20%\")\n * @param containerWidth Container width for % resolution\n * @returns Width in pixels or null if invalid\n */\nfunction parseCustomWidth(raw: any, containerWidth: number): number | null {\n  if (raw == null) return null;\n  if (typeof raw === 'number' && Number.isFinite(raw)) return raw;\n  const s = String(raw).trim().toLowerCase();\n  if (!s) return null;\n\n  if (s.endsWith('px')) {\n    const v = parseFloat(s);\n    return Number.isFinite(v) ? v : null;\n  }\n  if (s.endsWith('%')) {\n    const v = parseFloat(s);\n    return Number.isFinite(v) ? (v / 100) * containerWidth : null;\n  }\n  const v = parseFloat(s);\n  return Number.isFinite(v) ? v : null;\n}\n\n/** seedWidthsFromDesired\n * @param desired Array of desired widths (px) or nulls\n * @param columnWidths Output array to seed (mutated)\n * @param minCol Minimum per-column width\n * @returns Boolean[] flags indicating which columns were seeded\n */\nfunction seedWidthsFromDesired(\n  desired: (number | null)[],\n  columnWidths: number[],\n  minCol: number\n): boolean[] {\n  const isSeeded = Array(desired.length).fill(false);\n\n  for (let i = 0; i < desired.length; i++) {\n    const w = desired[i] ?? null;\n    columnWidths[i] =\n      w != null && !Number.isNaN(w) ? Math.max(minCol, Number(w)) : 0;\n    isSeeded[i] = w != null && !Number.isNaN(w);\n  }\n  return isSeeded;\n}\n\n/** distributeFlex\n * @param columnWidths Mutable widths array\n * @param isSeeded Boolean[] indicating fixed/seeded columns\n * @param containerWidth Total width to fill\n * @param minCol Minimum width per flexible column\n * @returns void\n */\nfunction distributeFlex(\n  columnWidths: number[],\n  isSeeded: boolean[],\n  containerWidth: number,\n  minCol: number\n) {\n  const sumSeed = columnWidths.reduce((a, b) => a + b, 0);\n  const remaining = containerWidth - sumSeed;\n  const flexIdxs = Array.from(\n    { length: columnWidths.length },\n    (_, i) => i\n  ).filter(i => !isSeeded[i]);\n  if (flexIdxs.length === 0) return;\n\n  const each = remaining / flexIdxs.length;\n  for (const i of flexIdxs) columnWidths[i] = Math.max(minCol, each);\n}\n\n\n// Normalization (container fitting): adjust total column widths to match the container width proportionally.\n/**\n * @param columnWidths Array of current column widths\n * @param containerWidth Total grid container width\n * @param minCol Minimum allowed column width\n */\nfunction normalizeToContainer(\n  columnWidths: number[],\n  containerWidth: number,\n  minCol: number\n) {\n  let total = sumWidths(columnWidths);\n  if (total < containerWidth) {\n    expandWidths(columnWidths, containerWidth, total);\n  } else if (total > containerWidth) {\n    shrinkWidths(columnWidths, containerWidth, total, minCol);\n  }\n}\n\n/**\n * @param widths Array of column widths\n * @returns Sum of all column widths\n */\nfunction sumWidths(widths: number[]) {\n  return widths.reduce((a, b) => a + b, 0);\n}\n\n\n/**\n * @param columnWidths Current column widths\n * @param containerWidth Container total width\n * @param total Current total width\n */\nfunction expandWidths(\n  columnWidths: number[],\n  containerWidth: number,\n  total: number\n) {\n  if (!columnWidths.length) return;\n  const add = containerWidth - total;\n  const weight = total || 1;\n  for (let i = 0; i < columnWidths.length; i++) {\n    columnWidths[i] += add * (columnWidths[i] / weight);\n  }\n}\n\n/**\n * @param columnWidths Current widths\n * @param containerWidth Container width\n * @param total Current total\n * @param minCol Minimum width constraint\n */\nfunction shrinkWidths(\n  columnWidths: number[],\n  containerWidth: number,\n  total: number,\n  minCol: number\n) {\n  let need = total - containerWidth;\n  for (let iter = 0; iter < 8 && need > 0.5; iter++) {\n    const { candidates, weightSum } = collectReducible(columnWidths, minCol);\n    if (!candidates.length || weightSum <= 0) break;\n    const reduced = reduceWidths(\n      columnWidths,\n      candidates,\n      weightSum,\n      need,\n      minCol\n    );\n    need -= reduced;\n    if (reduced < 0.5) break;\n  }\n}\n\n/**\n * @param columnWidths Current widths\n * @param minCol Minimum column width\n * @returns Reducible column indexes and weight sum\n */\nfunction collectReducible(columnWidths: number[], minCol: number) {\n  const candidates: number[] = [];\n  let weightSum = 0;\n  for (let i = 0; i < columnWidths.length; i++) {\n    const reducible = Math.max(0, columnWidths[i] - minCol);\n    if (reducible > 0) {\n      candidates.push(i);\n      weightSum += columnWidths[i];\n    }\n  }\n  return { candidates, weightSum };\n}\n\n/**\n * @param columnWidths Current widths array\n * @param candidates Reducible column indexes\n * @param weightSum Sum of reducible widths\n * @param need Total amount to reduce\n * @param minCol Minimum width\n * @returns Total reduced width\n */\nfunction reduceWidths(\n  columnWidths: number[],\n  candidates: number[],\n  weightSum: number,\n  need: number,\n  minCol: number\n) {\n  let reduced = 0;\n  for (const i of candidates) {\n    const reducible = Math.max(0, columnWidths[i] - minCol);\n    const share = columnWidths[i] / weightSum;\n    const cut = Math.min(reducible, need * share);\n    columnWidths[i] -= cut;\n    reduced += cut;\n  }\n  return reduced;\n}\n\nfunction clampAndRound(columnWidths: number[], minCol: number) {\n  for (let i = 0; i < columnWidths.length; i++) {\n    columnWidths[i] = Math.max(minCol, Math.round(columnWidths[i]));\n  }\n}\n\n/**\n * @param columnWidths Current widths array\n * @param minCol Minimum column width\n * @returns Total reducible pixels\n */\nexport function totalReducible(widths: number[], start: number, floor: number) {\n  let sum = 0;\n  for (let i = start; i < widths.length; i++)\n    sum += Math.max(0, widths[i] - floor);\n  return sum;\n}\n\n/**\n * @param columnWidths Current widths\n * @param amount Pixels to remove from rightmost columns\n */\nexport function takeFromRight(\n  widths: number[],\n  start: number,\n  needInit: number,\n  floor: number\n) {\n  let need = needInit;\n  for (let i = start; i < widths.length && need > 0; i++) {\n    const reducible = Math.max(0, widths[i] - floor);\n    const cut = Math.min(reducible, need);\n    if (cut > 0) {\n      widths[i] -= cut;\n      need -= cut;\n    }\n  }\n  return need;\n}\n\n/**\n * @param columnWidths Current widths\n * @param amount Pixels to add to rightmost columns\n */\nexport function giveToRight(widths: number[], start: number, giveInit: number) {\n  let give = giveInit;\n  if (start < widths.length && give > 0) {\n    widths[start] += give;\n    give = 0;\n  }\n  return give;\n}"]}

package/dist/src/version.js

@@ -1,6 +1,6 @@
 // Version utility - placeholders will be replaced during build
-export const NILE_ELEMENTS_VERSION = '1.2.1';
-export const NILE_VERSION = '1.0.8';
+export const NILE_ELEMENTS_VERSION = '1.2.2';
+export const NILE_VERSION = '1.0.9';
 // Set global versions for runtime access
 if (typeof window !== 'undefined') {
     window.nileElementsVersion = NILE_ELEMENTS_VERSION;

package/dist/src/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,MAAM,CAAC,MAAM,qBAAqB,GAAG,2BAA2B,CAAC;AACjE,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAAC;AAE/C,yCAAyC;AACzC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;IACjC,MAAc,CAAC,mBAAmB,GAAG,qBAAqB,CAAC;IAC3D,MAAc,CAAC,WAAW,GAAG,YAAY,CAAC;AAC7C,CAAC","sourcesContent":["// Version utility - placeholders will be replaced during build\nexport const NILE_ELEMENTS_VERSION = '1.2.1';\nexport const NILE_VERSION = '1.0.8';\n\n// Set global versions for runtime access\nif (typeof window !== 'undefined') {\n  (window as any).nileElementsVersion = NILE_ELEMENTS_VERSION;\n  (window as any).nileVersion = NILE_VERSION;\n}\n"]}
+{"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,MAAM,CAAC,MAAM,qBAAqB,GAAG,2BAA2B,CAAC;AACjE,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAAC;AAE/C,yCAAyC;AACzC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;IACjC,MAAc,CAAC,mBAAmB,GAAG,qBAAqB,CAAC;IAC3D,MAAc,CAAC,WAAW,GAAG,YAAY,CAAC;AAC7C,CAAC","sourcesContent":["// Version utility - placeholders will be replaced during build\nexport const NILE_ELEMENTS_VERSION = '1.2.2';\nexport const NILE_VERSION = '1.0.9';\n\n// Set global versions for runtime access\nif (typeof window !== 'undefined') {\n  (window as any).nileElementsVersion = NILE_ELEMENTS_VERSION;\n  (window as any).nileVersion = NILE_VERSION;\n}\n"]}