@aquera/nile-elements 1.5.1 → 1.5.3

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

@@ -1,39 +1,79 @@
 import { getHead, getBody } from './nile-grid.utils';
-import { getScrollbarComp } from './nile-grid.resize';
-import { computeColumnWidths } from './nile-grid.width';
+import { addVariablesValue, computeColumnWidths } from './nile-grid.width';
 import { NILE_GRID_HEAD_ITEM } from './types/nile-grid.enums';
 /**
  * @param nileGrid Parent NileGrid instance
  * @param slotEl <slot> element hosting head/body
  * @param ensureWidths Function to ensure columnWidths length matches colCount
- * @param rebuildTemplate Function(colCount, widths) -> grid-template string
  * @param stickyLeftIndexes Mutable list of left-sticky column indexes
  * @param stickyRightIndexes Mutable list of right-sticky column indexes
  * @returns void
  */
-export const layout = (nileGrid, slotEl, ensureWidths, rebuildTemplate, stickyLeftIndexes, stickyRightIndexes) => {
+export const layout = (nileGrid, slotEl, ensureWidths, stickyLeftIndexes, stickyRightIndexes) => {
     const head = getHead(slotEl);
     const body = getBody(slotEl);
-    if (!body)
+    if (!head && !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(nileGrid, headRows, [], colCount, stickyLeftIndexes, stickyRightIndexes, nileGrid.columnWidths);
-    if (colCount) {
-        computeBodyLayout(nileGrid, bodyRows, [], colCount, stickyLeftIndexes, stickyRightIndexes, nileGrid.columnWidths);
+    let colCount = nileGrid.colCount || 0;
+    let headerChanged = false;
+    if (nileGrid.needsStructureLayout) {
+        headerChanged = true;
+        nileGrid.headRows = head ? Array.from(head.querySelectorAll('nile-grid-row')) : [];
+        colCount = 0;
+        if (nileGrid.headRows.length) {
+            colCount = computeHeadLayout(nileGrid, nileGrid.headRows, [], colCount, stickyLeftIndexes, stickyRightIndexes);
+        }
+        if (body) {
+            nileGrid.bodyRows = Array.from(body.querySelectorAll('nile-grid-row'));
+            if (colCount) {
+                computeBodyLayout(nileGrid, nileGrid.bodyRows, [], colCount, stickyLeftIndexes, stickyRightIndexes);
+            }
+            else {
+                colCount = computeBodyLayout(nileGrid, nileGrid.bodyRows, [], colCount, stickyLeftIndexes, stickyRightIndexes);
+            }
+        }
+        if (nileGrid.stickyLeftIndexes.length || nileGrid.stickyRightIndexes.length) {
+            cacheStickyEls(nileGrid);
+        }
+        else {
+            nileGrid.stickyLeftHeadEls = [];
+            nileGrid.stickyRightHeadEls = [];
+            nileGrid.stickyLeftBodyEls = [];
+            nileGrid.stickyRightBodyEls = [];
+            nileGrid.shadowLeftVisibleSticky = false;
+            nileGrid.shadowRightVisibleSticky = false;
+        }
+        nileGrid.colCount = colCount;
+        nileGrid.needsStructureLayout = false;
+        nileGrid.needsSpanLayout = false;
+        nileGrid.needsWidthLayout = true;
     }
-    else {
-        colCount = computeBodyLayout(nileGrid, bodyRows, [], colCount, stickyLeftIndexes, stickyRightIndexes, nileGrid.columnWidths);
+    else if (nileGrid.needsSpanLayout && body) {
+        const bodyRows = nileGrid.bodyRows;
+        colCount = nileGrid.colCount || 0;
+        if (colCount) {
+            computeBodyLayout(nileGrid, bodyRows, [], colCount, stickyLeftIndexes, stickyRightIndexes);
+        }
+        nileGrid.needsSpanLayout = false;
+    }
+    if (nileGrid.needsWidthLayout) {
+        colCount = nileGrid.colCount || colCount;
+        if (!colCount)
+            return;
+        ensureWidths(colCount);
+        computeColumnWidths(nileGrid, colCount, nileGrid.columnWidths, slotEl, nileGrid.lockedWidthColumns, headerChanged);
+        addVariablesValue(nileGrid);
+        applyColumnsTemplate(nileGrid, nileGrid.columnWidths);
+        nileGrid.needsWidthLayout = false;
     }
-    setTimeout(() => {
-        computeColumnWidths(nileGrid, colCount, nileGrid.columnWidths, slotEl, nileGrid.lockedWidthColumns);
-    });
-    ensureWidths(colCount);
-    nileGrid.colTemplate = rebuildTemplate(colCount, nileGrid.columnWidths);
 };
+export function cacheStickyEls(nileGrid) {
+    const { head, body } = getHeadAndBody(nileGrid);
+    nileGrid.stickyLeftHeadEls = head ? Array.from(head.querySelectorAll('nile-grid-head-item[data-sticky="left"]')) : [];
+    nileGrid.stickyRightHeadEls = head ? Array.from(head.querySelectorAll('nile-grid-head-item[data-sticky="right"]')) : [];
+    nileGrid.stickyLeftBodyEls = body ? Array.from(body.querySelectorAll('nile-grid-cell-item[data-sticky="left"]')) : [];
+    nileGrid.stickyRightBodyEls = body ? Array.from(body.querySelectorAll('nile-grid-cell-item[data-sticky="right"]')) : [];
+}
 /**
  * @param nileGrid The parent NileGrid instance
  * @param rows Array of grid row elements
@@ -45,11 +85,11 @@ export const layout = (nileGrid, slotEl, ensureWidths, rebuildTemplate, stickyLe
  * @param opts Options controlling layout behavior
  * @returns Final computed column count
  */
-function layoutRows(nileGrid, rows, carry, colCount, stickyLeftIndexes, stickyRightIndexes, columnWidths, opts) {
+function layoutRows(nileGrid, rows, carry, colCount, stickyLeftIndexes, stickyRightIndexes, opts) {
     rows.forEach((row, rIdx) => {
         if (nileGrid.hoverable)
             row.setAttribute('hover', 'true');
-        colCount = layoutSingleRow(nileGrid, row, rIdx, carry, colCount, stickyLeftIndexes, stickyRightIndexes, columnWidths, opts);
+        colCount = layoutSingleRow(nileGrid, row, rIdx, carry, colCount, stickyLeftIndexes, stickyRightIndexes, opts);
     });
     return colCount;
 }
@@ -61,18 +101,18 @@ function layoutRows(nileGrid, rows, carry, colCount, stickyLeftIndexes, stickyRi
  * @param colCount Current column count
  * @param stickyLeftIndexes Sticky-left indexes
  * @param stickyRightIndexes Sticky-right indexes
- * @param columnWidths Column widths array
  * @param opts Layout options
  * @returns Updated column count
  */
-function layoutSingleRow(nileGrid, row, rIdx, carry, colCount, stickyLeftIndexes, stickyRightIndexes, columnWidths, opts) {
+function layoutSingleRow(nileGrid, row, rIdx, carry, colCount, stickyLeftIndexes, stickyRightIndexes, opts) {
     let c = 1;
     const rStart = rIdx + 1;
-    const items = [...row.querySelectorAll(opts.itemSelector)];
+    const tag = opts.itemSelector.toLowerCase();
+    const items = Array.from(row.children).filter((child) => child.tagName.toLowerCase() === tag);
     for (const el of items) {
         while ((carry[c - 1] || 0) > 0)
             c++;
-        ({ c, colCount } = layoutCell(nileGrid, el, c, rStart, carry, colCount, stickyLeftIndexes, stickyRightIndexes, columnWidths, opts));
+        ({ c, colCount } = layoutCell(nileGrid, el, c, rStart, carry, colCount, stickyLeftIndexes, stickyRightIndexes, opts));
     }
     decrementCarry(carry);
     return colCount;
@@ -86,18 +126,19 @@ function layoutSingleRow(nileGrid, row, rIdx, carry, colCount, stickyLeftIndexes
  * @param colCount Current max column count
  * @param stickyLeftIndexes Left sticky indexes
  * @param stickyRightIndexes Right sticky indexes
- * @param columnWidths Column widths
  * @param opts Sticky and layout options
  * @returns Updated column index and column count
  */
-function layoutCell(nileGrid, el, c, rStart, carry, colCount, stickyLeftIndexes, stickyRightIndexes, columnWidths, opts) {
+function layoutCell(nileGrid, el, c, rStart, carry, colCount, stickyLeftIndexes, stickyRightIndexes, opts) {
     const colspan = Math.max(1, +el.getAttribute('colspan') || 1);
     const rowspan = Math.max(1, +el.getAttribute('rowspan') || 1);
     handleRowspan(nileGrid, el, rowspan);
     const cStart = c;
     const cEnd = c + colspan;
     setGridPosition(el, cStart, cEnd, rStart, rowspan);
-    handleSticky(el, cStart, opts, stickyLeftIndexes, stickyRightIndexes, columnWidths);
+    if (opts.useStickyAttr || stickyLeftIndexes.length || stickyRightIndexes.length) {
+        handleSticky(el, cStart, opts, stickyLeftIndexes, stickyRightIndexes);
+    }
     for (let k = 0; k < colspan; k++) {
         carry[c - 1 + k] = Math.max(carry[c - 1 + k] || 0, rowspan);
     }
@@ -121,12 +162,14 @@ function handleRowspan(nileGrid, el, rowspan) {
             nileGrid.headHeight = el.getBoundingClientRect().height;
         el.style.height = `${(nileGrid.headHeight * rowspan) + (rowspan - 1)}px`;
         el.style.backgroundColor = "var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary))";
+        el.style.backgroundColor = "var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary))";
     }
     else {
         if (!nileGrid.cellHeight)
             nileGrid.cellHeight = el.getBoundingClientRect().height;
         el.style.height = `${(nileGrid.cellHeight * rowspan) + (rowspan - 1)}px`;
         el.style.backgroundColor = "var(--nile-colors-white-base, var(--ng-colors-bg-primary))";
+        el.style.backgroundColor = "var(--nile-colors-white-base, var(--ng-colors-bg-primary))";
     }
 }
 /**
@@ -148,16 +191,15 @@ function setGridPosition(el, cStart, cEnd, rStart, rowspan) {
  * @param opts Sticky configuration options
  * @param stickyLeftIndexes Left sticky indexes
  * @param stickyRightIndexes Right sticky indexes
- * @param columnWidths Array of column widths
  */
-function handleSticky(el, cStart, opts, stickyLeftIndexes, stickyRightIndexes, columnWidths) {
+function handleSticky(el, cStart, opts, stickyLeftIndexes, stickyRightIndexes) {
     if (opts.useStickyAttr && el.getAttribute('sticky') === "left" && !stickyLeftIndexes.includes(cStart - 1)) {
         stickyLeftIndexes.push(cStart - 1);
     }
     if (opts.useStickyAttr && el.getAttribute('sticky') === "right" && !stickyRightIndexes.includes(cStart - 1)) {
         stickyRightIndexes.push(cStart - 1);
     }
-    applySticky(el, cStart - 1, stickyLeftIndexes, stickyRightIndexes, columnWidths);
+    applySticky(el, cStart - 1, stickyLeftIndexes, stickyRightIndexes);
 }
 /**
  * @param carry Rowspan tracking array
@@ -174,19 +216,18 @@ function decrementCarry(carry) {
  * @param colIndex Column index
  * @param stickyLeftIndexes Sticky-left indexes
  * @param stickyRightIndexes Sticky-right indexes
- * @param columnWidths Column widths array
  */
-function applySticky(el, colIndex, stickyLeftIndexes, stickyRightIndexes, columnWidths) {
+function applySticky(el, colIndex, stickyLeftIndexes, stickyRightIndexes) {
     const onLeft = stickyLeftIndexes.includes(colIndex);
     const onRight = stickyRightIndexes.includes(colIndex);
     if (!onLeft && !onRight)
         return;
     prepareStickyElement(el);
     if (onLeft && !onRight) {
-        applyLeftSticky(el, colIndex, stickyLeftIndexes, columnWidths);
+        applyLeftSticky(el, colIndex);
     }
     else {
-        applyRightSticky(el, colIndex, stickyRightIndexes, columnWidths);
+        applyRightSticky(el, colIndex);
     }
 }
 /**
@@ -194,7 +235,6 @@ function applySticky(el, colIndex, stickyLeftIndexes, stickyRightIndexes, column
  */
 function prepareStickyElement(el) {
     el.style.position = 'sticky';
-    el.style.zIndex = '1';
     el.style.left = '';
     el.style.right = '';
     el.removeAttribute('data-sticky');
@@ -203,39 +243,60 @@ function prepareStickyElement(el) {
  * @param el Target element
  * @param colIndex Column index
  * @param stickyLeftIndexes Sticky-left column indexes
- * @param columnWidths Column width array
  */
-function applyLeftSticky(el, colIndex, stickyLeftIndexes, columnWidths) {
+function applyLeftSticky(el, colIndex) {
     el.setAttribute('data-sticky', 'left');
-    const leftOrder = [...stickyLeftIndexes].sort((a, b) => a - b);
-    const pos = leftOrder.indexOf(colIndex);
-    const left = computeOffset(leftOrder, pos, columnWidths);
-    el.style.left = `${Math.max(0, Math.round(left))}px`;
+    if (el.tagName === NILE_GRID_HEAD_ITEM) {
+        el.style.backgroundColor = "var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary))";
+    }
+    else {
+        el.style.backgroundColor = 'var(--nile-colors-white-base, var(--ng-colors-bg-primary))';
+    }
+    el.style.zIndex = '1';
+    el.style.left = `var(--sticky-left-${colIndex})`;
 }
 /**
  * @param el Target element
  * @param colIndex Column index
  * @param stickyRightIndexes Sticky-right indexes
- * @param columnWidths Column widths array
  */
-function applyRightSticky(el, colIndex, stickyRightIndexes, columnWidths) {
+function applyRightSticky(el, colIndex) {
     el.setAttribute('data-sticky', 'right');
-    const rightOrder = [...stickyRightIndexes].sort((a, b) => b - a);
-    const pos = rightOrder.indexOf(colIndex);
-    const scrollbarComp = getScrollbarComp(el);
-    const right = computeOffset(rightOrder, pos, columnWidths, scrollbarComp);
-    el.style.right = `${Math.max(0, Math.round(right - 2))}px`;
+    if (el.tagName === NILE_GRID_HEAD_ITEM) {
+        el.style.backgroundColor = "var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary))";
+    }
+    else {
+        el.style.backgroundColor = 'var(--nile-colors-white-base, var(--ng-colors-bg-primary))';
+    }
+    el.style.zIndex = '1';
+    el.style.right = `var(--sticky-right-${colIndex})`;
 }
 /**
  * @param nileGrid Grid instance to sync shadows for
  */
 export function syncStickyShadows(nileGrid) {
+    if (!nileGrid.stickyLeftIndexes.length && !nileGrid.stickyRightIndexes.length) {
+        return;
+    }
     const { showRightOnLeftStickies, showLeftOnRightStickies } = getShadowStates(nileGrid);
-    const { head, body } = getHeadAndBody(nileGrid);
-    toggleStickyShadow(head, 'nile-grid-head-item', 'left', 'shadow-right', showRightOnLeftStickies);
-    toggleStickyShadow(body, 'nile-grid-cell-item', 'left', 'shadow-right', showRightOnLeftStickies);
-    toggleStickyShadow(head, 'nile-grid-head-item', 'right', 'shadow-left', showLeftOnRightStickies);
-    toggleStickyShadow(body, 'nile-grid-cell-item', 'right', 'shadow-left', showLeftOnRightStickies);
+    if (nileGrid.shadowLeftVisibleSticky === showRightOnLeftStickies &&
+        nileGrid.shadowRightVisibleSticky === showLeftOnRightStickies) {
+        return;
+    }
+    nileGrid.shadowLeftVisibleSticky = showRightOnLeftStickies;
+    nileGrid.shadowRightVisibleSticky = showLeftOnRightStickies;
+    for (const el of nileGrid.stickyLeftHeadEls) {
+        el.classList.toggle('shadow-left', showRightOnLeftStickies);
+    }
+    for (const el of nileGrid.stickyLeftBodyEls) {
+        el.classList.toggle('shadow-left', showRightOnLeftStickies);
+    }
+    for (const el of nileGrid.stickyRightHeadEls) {
+        el.classList.toggle('shadow-right', showLeftOnRightStickies);
+    }
+    for (const el of nileGrid.stickyRightBodyEls) {
+        el.classList.toggle('shadow-right', showLeftOnRightStickies);
+    }
 }
 /**
  * @param nileGrid Grid instance
@@ -248,37 +309,6 @@ function getShadowStates(nileGrid) {
         showLeftOnRightStickies: nileGrid.scrollLeft < max
     };
 }
-/**
- * @param root Root element (head or body)
- * @param tag Target tag selector
- * @param side Sticky side ('left' or 'right')
- * @param cls Shadow CSS class to toggle
- * @param on Whether to apply or remove the shadow
- */
-function toggleStickyShadow(root, tag, side, cls, on) {
-    if (!root)
-        return;
-    const sel = `${tag}[data-sticky="${side}"]`;
-    root.querySelectorAll(sel).forEach(el => el.classList.toggle(cls, on));
-}
-/** rebuildTemplate
- * @param colCount Number of columns
- * @param columnWidths Array of explicit column widths (px)
- * @returns CSS grid-template-columns string
- */
-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(' ');
-};
 /** computeHeadLayout
  * @param nileGrid Grid instance
  * @param headRows Header rows (<nile-grid-row>[])
@@ -286,11 +316,10 @@ export const rebuildTemplate = (colCount, columnWidths) => {
  * @param colCount Current column count
  * @param stickyLeftIndexes Left-sticky indexes
  * @param stickyRightIndexes Right-sticky indexes
- * @param columnWidths Column widths array
  * @returns Final column count after header layout
  */
-function computeHeadLayout(nileGrid, headRows, carryHead, colCount, stickyLeftIndexes, stickyRightIndexes, columnWidths) {
-    return layoutRows(nileGrid, headRows, carryHead, colCount, stickyLeftIndexes, stickyRightIndexes, columnWidths, {
+function computeHeadLayout(nileGrid, headRows, carryHead, colCount, stickyLeftIndexes, stickyRightIndexes) {
+    return layoutRows(nileGrid, headRows, carryHead, colCount, stickyLeftIndexes, stickyRightIndexes, {
         itemSelector: 'nile-grid-head-item',
         useStickyAttr: true,
         handleRowBg: false,
@@ -303,11 +332,10 @@ function computeHeadLayout(nileGrid, headRows, carryHead, colCount, stickyLeftIn
  * @param colCount Current column count
  * @param stickyLeftIndexes Left-sticky indexes
  * @param stickyRightIndexes Right-sticky indexes
- * @param columnWidths Column widths array
  * @returns Final column count after body layout
  */
-function computeBodyLayout(nileGrid, bodyRows, carryBody, colCount, stickyLeftIndexes, stickyRightIndexes, columnWidths) {
-    return layoutRows(nileGrid, bodyRows, carryBody, colCount, stickyLeftIndexes, stickyRightIndexes, columnWidths, {
+function computeBodyLayout(nileGrid, bodyRows, carryBody, colCount, stickyLeftIndexes, stickyRightIndexes) {
+    return layoutRows(nileGrid, bodyRows, carryBody, colCount, stickyLeftIndexes, stickyRightIndexes, {
         itemSelector: 'nile-grid-cell-item',
         useStickyAttr: false,
         handleRowBg: true,
@@ -317,7 +345,6 @@ function computeBodyLayout(nileGrid, bodyRows, carryBody, colCount, stickyLeftIn
  * @param nileGrid Grid container element
  * @param colCount Total number of columns
  * @param columnWidths Column width array
- * @param headElement Header element for template update
  */
 export function applyColumnsTemplate(nileGrid, columnWidths) {
     const cols = columnWidths
@@ -330,19 +357,6 @@ export function applyColumnsTemplate(nileGrid, columnWidths) {
         .join(' ');
     nileGrid.style.setProperty('--nile-grid-columns', cols);
 }
-/**
- * @param order Array of sticky column indexes
- * @param pos Current position within order
- * @param widths Column widths
- * @param base Base offset value
- * @returns Computed pixel offset
- */
-function computeOffset(order, pos, widths, base = 0) {
-    let total = base;
-    for (let i = 0; i < pos; i++)
-        total += widths[order[i]] ?? 0;
-    return total;
-}
 /**
  * @param nileGrid Grid instance
  * @returns Head and body elements from the grid slot

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

@@ -1 +1 @@
-{"version":3,"file":"nile-grid.layout.js","sourceRoot":"","sources":["../../../src/nile-grid/nile-grid.layout.ts"],"names":[],"mappings":"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","sourcesContent":["import { NileGrid } from './nile-grid';\nimport { getHead, getBody } from './nile-grid.utils';\nimport { getScrollbarComp } from './nile-grid.resize';\nimport { computeColumnWidths } from './nile-grid.width';\nimport { NILE_GRID_HEAD_ITEM } from './types/nile-grid.enums';\n\n/**\n * @param nileGrid Parent NileGrid instance\n * @param slotEl <slot> element hosting head/body\n * @param ensureWidths Function to ensure columnWidths length matches colCount\n * @param rebuildTemplate Function(colCount, widths) -> grid-template string\n * @param stickyLeftIndexes Mutable list of left-sticky column indexes\n * @param stickyRightIndexes Mutable list of right-sticky column indexes\n * @returns void\n */\nexport const layout = (\n  nileGrid: NileGrid,\n  slotEl: any,\n  ensureWidths: any,\n  rebuildTemplate: any,\n  stickyLeftIndexes: number[],\n  stickyRightIndexes: number[]\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  colCount = computeHeadLayout(nileGrid, headRows, [], colCount, stickyLeftIndexes, stickyRightIndexes, nileGrid.columnWidths);\n  if (colCount) {\n    computeBodyLayout(nileGrid, bodyRows, [], colCount, stickyLeftIndexes, stickyRightIndexes, nileGrid.columnWidths);\n  } else {\n    colCount = computeBodyLayout(nileGrid, bodyRows, [], colCount, stickyLeftIndexes, stickyRightIndexes, nileGrid.columnWidths);\n  }\n\n  setTimeout(() => {\n    computeColumnWidths(nileGrid, colCount, nileGrid.columnWidths, slotEl, nileGrid.lockedWidthColumns); \n  });\n  ensureWidths(colCount);\n  nileGrid.colTemplate = rebuildTemplate(colCount, nileGrid.columnWidths);\n};\n\n/** \n * @param nileGrid The parent NileGrid instance\n * @param rows Array of grid row elements\n * @param carry Array tracking rowspan, colspan continuation\n * @param colCount Total column count\n * @param stickyLeftIndexes List of sticky-left column indexes\n * @param stickyRightIndexes List of sticky-right column indexes\n * @param columnWidths Computed column widths\n * @param opts Options controlling layout behavior\n * @returns Final computed column count\n */\nfunction layoutRows(\n  nileGrid: NileGrid,\n  rows: HTMLElement[],\n  carry: number[],\n  colCount: number,\n  stickyLeftIndexes: number[],\n  stickyRightIndexes: number[],\n  columnWidths: number[],\n  opts: { itemSelector: string; useStickyAttr?: boolean; handleRowBg?: boolean }\n): number {\n  rows.forEach((row, rIdx) => {\n    if (nileGrid.hoverable) row.setAttribute('hover', 'true');\n    colCount = layoutSingleRow(\n      nileGrid,\n      row,\n      rIdx,\n      carry,\n      colCount,\n      stickyLeftIndexes,\n      stickyRightIndexes,\n      columnWidths,\n      opts\n    );\n  });\n  return colCount;\n}\n\n/**\n * @param nileGrid The grid element being processed\n * @param row Single row element to layout\n * @param rIdx Row index in the grid\n * @param carry Rowspan tracking array\n * @param colCount Current column count\n * @param stickyLeftIndexes Sticky-left indexes\n * @param stickyRightIndexes Sticky-right indexes\n * @param columnWidths Column widths array\n * @param opts Layout options\n * @returns Updated column count\n */\nfunction layoutSingleRow(\n  nileGrid: NileGrid,\n  row: HTMLElement,\n  rIdx: number,\n  carry: number[],\n  colCount: number,\n  stickyLeftIndexes: number[],\n  stickyRightIndexes: number[],\n  columnWidths: number[],\n  opts: { itemSelector: string; useStickyAttr?: boolean }\n): number {\n  let c = 1;\n  const rStart = rIdx + 1;\n  const items = [...row.querySelectorAll(opts.itemSelector)] as HTMLElement[];\n\n  for (const el of items) {\n    while ((carry[c - 1] || 0) > 0) c++;\n    ({ c, colCount } = layoutCell(\n      nileGrid,\n      el,\n      c,\n      rStart,\n      carry,\n      colCount,\n      stickyLeftIndexes,\n      stickyRightIndexes,\n      columnWidths,\n      opts\n    ));\n  }\n  decrementCarry(carry);\n  return colCount;\n}\n\n/**\n * @param nileGrid The parent grid\n * @param el Cell element being laid out\n * @param c Current column index\n * @param rStart Row start index\n * @param carry Rowspan carry array\n * @param colCount Current max column count\n * @param stickyLeftIndexes Left sticky indexes\n * @param stickyRightIndexes Right sticky indexes\n * @param columnWidths Column widths\n * @param opts Sticky and layout options\n * @returns Updated column index and column count\n */\nfunction layoutCell(\n  nileGrid: NileGrid,\n  el: HTMLElement,\n  c: number,\n  rStart: number,\n  carry: number[],\n  colCount: number,\n  stickyLeftIndexes: number[],\n  stickyRightIndexes: number[],\n  columnWidths: number[],\n  opts: { useStickyAttr?: boolean }\n) {\n  const colspan = Math.max(1, +el.getAttribute('colspan')! || 1);\n  const rowspan = Math.max(1, +el.getAttribute('rowspan')! || 1);\n  handleRowspan(nileGrid, el, rowspan);\n\n  const cStart = c;\n  const cEnd = c + colspan;\n  setGridPosition(el, cStart, cEnd, rStart, rowspan);\n  handleSticky(\n    el,\n    cStart,\n    opts,\n    stickyLeftIndexes,\n    stickyRightIndexes,\n    columnWidths\n  );\n\n  for (let k = 0; k < colspan; k++) {\n    carry[c - 1 + k] = Math.max(carry[c - 1 + k] || 0, rowspan);\n  }\n  return {\n    c: cEnd,\n    colCount: Math.max(colCount, cEnd - 1),\n  };\n}\n\n/** \n * @param nileGrid The grid container \n * @param el Element that spans multiple rows \n * @param rowspan Number of rows to span \n */\nfunction handleRowspan(nileGrid: NileGrid, el: HTMLElement, rowspan: number) {\n  if (rowspan <= 1) return;\n  el.style.position = \"absolute\";\n  el.style.zIndex = \"1\";\n\n  if (el.tagName === NILE_GRID_HEAD_ITEM) {\n    if (!nileGrid.headHeight) nileGrid.headHeight = el.getBoundingClientRect().height;\n    el.style.height = `${(nileGrid.headHeight * rowspan) + (rowspan - 1)}px`;\n    el.style.backgroundColor = \"var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary))\";\n  } else {\n    if (!nileGrid.cellHeight) nileGrid.cellHeight = el.getBoundingClientRect().height;\n    el.style.height = `${(nileGrid.cellHeight * rowspan) + (rowspan - 1)}px`;\n    el.style.backgroundColor = \"var(--nile-colors-white-base, var(--ng-colors-bg-primary))\";\n  }\n}\n\n/**\n * @param el Grid item element\n * @param cStart Starting column index\n * @param cEnd Ending column index\n * @param rStart Starting row index\n * @param rowspan Row span value\n */\nfunction setGridPosition(\n  el: HTMLElement,\n  cStart: number,\n  cEnd: number,\n  rStart: number,\n  rowspan: number\n) {\n  const rEnd = rStart + rowspan;\n  el.style.gridColumn = `${cStart} / ${cEnd}`;\n  el.style.gridRow = `${rStart} / ${rEnd}`;\n  (el as any).dataset.cStart = String(cStart);\n}\n\n/**\n * @param el Grid item element\n * @param cStart Column start index\n * @param opts Sticky configuration options\n * @param stickyLeftIndexes Left sticky indexes\n * @param stickyRightIndexes Right sticky indexes\n * @param columnWidths Array of column widths\n */\nfunction handleSticky(\n  el: HTMLElement,\n  cStart: number,\n  opts: { useStickyAttr?: boolean },\n  stickyLeftIndexes: number[],\n  stickyRightIndexes: number[],\n  columnWidths: number[]\n) {\n  if (opts.useStickyAttr && el.getAttribute('sticky') === \"left\" && !stickyLeftIndexes.includes(cStart - 1)) {\n    stickyLeftIndexes.push(cStart - 1);\n  }\n  if (opts.useStickyAttr &&  el.getAttribute('sticky') === \"right\" && !stickyRightIndexes.includes(cStart - 1)) {\n    stickyRightIndexes.push(cStart - 1);\n  }\n  applySticky(el, cStart - 1, stickyLeftIndexes, stickyRightIndexes, columnWidths);\n}\n\n/**\n * @param carry Rowspan tracking array\n */\nfunction decrementCarry(carry: number[]) {\n  for (let i = 0; i < carry.length; i++) {\n    if (carry[i] > 0) {\n      carry[i]--;\n    }\n  }\n}\n\n/**\n * @param el Target grid cell element\n * @param colIndex Column index\n * @param stickyLeftIndexes Sticky-left indexes\n * @param stickyRightIndexes Sticky-right indexes\n * @param columnWidths Column widths array\n */\nfunction applySticky(\n  el: HTMLElement,\n  colIndex: number,\n  stickyLeftIndexes: number[],\n  stickyRightIndexes: number[],\n  columnWidths: number[]\n) {\n  const onLeft = stickyLeftIndexes.includes(colIndex);\n  const onRight = stickyRightIndexes.includes(colIndex);\n  if (!onLeft && !onRight) return;\n\n  prepareStickyElement(el);\n  if (onLeft && !onRight) {\n    applyLeftSticky(el, colIndex, stickyLeftIndexes, columnWidths);\n  } else {\n    applyRightSticky(el, colIndex, stickyRightIndexes, columnWidths);\n  }\n}\n\n/**\n * @param el Grid item element to prepare for sticky positioning\n */\nfunction prepareStickyElement(el: HTMLElement) {\n  el.style.position = 'sticky';\n  el.style.zIndex = '1';\n  el.style.left = '';\n  el.style.right = '';\n  el.removeAttribute('data-sticky');\n}\n\n/**\n * @param el Target element\n * @param colIndex Column index\n * @param stickyLeftIndexes Sticky-left column indexes\n * @param columnWidths Column width array\n */\nfunction applyLeftSticky(\n  el: HTMLElement,\n  colIndex: number,\n  stickyLeftIndexes: number[],\n  columnWidths: number[]\n) {\n  el.setAttribute('data-sticky', 'left');\n  const leftOrder = [...stickyLeftIndexes].sort((a, b) => a - b);\n  const pos = leftOrder.indexOf(colIndex);\n  const left = computeOffset(leftOrder, pos, columnWidths);\n  el.style.left = `${Math.max(0, Math.round(left))}px`;\n}\n\n/**\n * @param el Target element\n * @param colIndex Column index\n * @param stickyRightIndexes Sticky-right indexes\n * @param columnWidths Column widths array\n */\nfunction applyRightSticky(\n  el: HTMLElement,\n  colIndex: number,\n  stickyRightIndexes: number[],\n  columnWidths: number[]\n) {\n  el.setAttribute('data-sticky', 'right');\n  const rightOrder = [...stickyRightIndexes].sort((a, b) => b - a);\n  const pos = rightOrder.indexOf(colIndex);\n  const scrollbarComp = getScrollbarComp(el);\n  const right = computeOffset(rightOrder, pos, columnWidths, scrollbarComp);\n  el.style.right = `${Math.max(0, Math.round(right - 2))}px`;\n}\n\n/**\n * @param nileGrid Grid instance to sync shadows for\n */\nexport function syncStickyShadows(nileGrid: NileGrid) {\n  const { showRightOnLeftStickies, showLeftOnRightStickies } = getShadowStates(nileGrid);\n  const { head, body } = getHeadAndBody(nileGrid);\n\n  toggleStickyShadow(head, 'nile-grid-head-item', 'left', 'shadow-right', showRightOnLeftStickies);\n  toggleStickyShadow(body, 'nile-grid-cell-item', 'left', 'shadow-right', showRightOnLeftStickies);\n  toggleStickyShadow(head, 'nile-grid-head-item', 'right', 'shadow-left', showLeftOnRightStickies);\n  toggleStickyShadow(body, 'nile-grid-cell-item', 'right', 'shadow-left', showLeftOnRightStickies);\n}\n\n/**\n * @param nileGrid Grid instance\n * @returns Object containing booleans for left/right shadow visibility\n */\nfunction getShadowStates(nileGrid: NileGrid) {\n  const max = Math.max(0, nileGrid.scrollWidth - nileGrid.clientWidth);\n  return {\n    showRightOnLeftStickies: nileGrid.scrollLeft > 0,\n    showLeftOnRightStickies: nileGrid.scrollLeft < max\n  };\n}\n\n/**\n * @param root Root element (head or body)\n * @param tag Target tag selector\n * @param side Sticky side ('left' or 'right')\n * @param cls Shadow CSS class to toggle\n * @param on Whether to apply or remove the shadow\n */\nfunction toggleStickyShadow(\n  root: HTMLElement | undefined,\n  tag: string,\n  side: 'left' | 'right',\n  cls: string,\n  on: boolean\n) {\n  if (!root) return;\n  const sel = `${tag}[data-sticky=\"${side}\"]`;\n  root.querySelectorAll<HTMLElement>(sel).forEach(el => el.classList.toggle(cls, on));\n}\n\n/** rebuildTemplate\n * @param colCount Number of columns\n * @param columnWidths Array of explicit column widths (px)\n * @returns CSS grid-template-columns string\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\n/** computeHeadLayout\n * @param nileGrid Grid instance\n * @param headRows Header rows (<nile-grid-row>[])\n * @param carryHead Rowspan carry tracking array\n * @param colCount Current column count\n * @param stickyLeftIndexes Left-sticky indexes\n * @param stickyRightIndexes Right-sticky indexes\n * @param columnWidths Column widths array\n * @returns Final column count after header layout\n */\nfunction computeHeadLayout(\n  nileGrid: NileGrid,\n  headRows: HTMLElement[],\n  carryHead: number[],\n  colCount: number,\n  stickyLeftIndexes: number[],\n  stickyRightIndexes: number[],\n  columnWidths: number[]\n): number {\n  return layoutRows(\n    nileGrid,\n    headRows,\n    carryHead,\n    colCount,\n    stickyLeftIndexes,\n    stickyRightIndexes,\n    columnWidths,\n    {\n      itemSelector: 'nile-grid-head-item',\n      useStickyAttr: true,\n      handleRowBg: false,\n    }\n  );\n}\n\n/** computeBodyLayout\n * @param nileGrid Grid instance\n * @param bodyRows Body rows (<nile-grid-row>[])\n * @param carryBody Rowspan carry tracking array\n * @param colCount Current column count\n * @param stickyLeftIndexes Left-sticky indexes\n * @param stickyRightIndexes Right-sticky indexes\n * @param columnWidths Column widths array\n * @returns Final column count after body layout\n */\nfunction computeBodyLayout(\n  nileGrid: NileGrid,\n  bodyRows: HTMLElement[],\n  carryBody: number[],\n  colCount: number,\n  stickyLeftIndexes: number[],\n  stickyRightIndexes: number[],\n  columnWidths: number[]\n): number {\n  return layoutRows(\n    nileGrid,\n    bodyRows,\n    carryBody,\n    colCount,\n    stickyLeftIndexes,\n    stickyRightIndexes,\n    columnWidths,\n    {\n      itemSelector: 'nile-grid-cell-item',\n      useStickyAttr: false,\n      handleRowBg: true,\n    }\n  );\n}\n\n/**\n * @param nileGrid Grid container element\n * @param colCount Total number of columns\n * @param columnWidths Column width array\n * @param headElement Header element for template update\n */\nexport function applyColumnsTemplate(\n  nileGrid: NileGrid,\n  columnWidths: number[]\n) {\n  const cols = columnWidths\n    .map((w, idx) => {\n      if (idx === columnWidths.length - 1) {\n        return `minmax(${Math.round(w)}px, auto)`;\n      }\n      return `${Math.max(0, Math.round(w))}px`;\n    })\n    .join(' ');\n  nileGrid.style.setProperty('--nile-grid-columns', cols);\n}\n\n/**\n * @param order Array of sticky column indexes\n * @param pos Current position within order\n * @param widths Column widths\n * @param base Base offset value\n * @returns Computed pixel offset\n */\nfunction computeOffset(\n  order: number[],\n  pos: number,\n  widths: number[],\n  base = 0\n) {\n  let total = base;\n  for (let i = 0; i < pos; i++) total += widths[order[i]] ?? 0;\n  return total;\n}\n\n/**\n * @param nileGrid Grid instance\n * @returns Head and body elements from the grid slot\n */\nfunction getHeadAndBody(nileGrid: NileGrid) {\n  if (!nileGrid.shadowRoot) return { head: undefined, body: undefined };\n  const assigned = nileGrid.slotEl.assignedElements();\n  const find = (tag: string) =>\n    assigned.find(n => n.tagName.toLowerCase() === tag) as HTMLElement | undefined;\n  return { head: find('nile-grid-head'), body: find('nile-grid-body') };\n}"]}
+{"version":3,"file":"nile-grid.layout.js","sourceRoot":"","sources":["../../../src/nile-grid/nile-grid.layout.ts"],"names":[],"mappings":"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","sourcesContent":["import { NileGrid } from './nile-grid';\nimport { getHead, getBody } from './nile-grid.utils';\nimport { getScrollbarComp } from './nile-grid.resize';\nimport { addVariablesValue, computeColumnWidths } from './nile-grid.width';\nimport { NILE_GRID_HEAD_ITEM } from './types/nile-grid.enums';\n\n/**\n * @param nileGrid Parent NileGrid instance\n * @param slotEl <slot> element hosting head/body\n * @param ensureWidths Function to ensure columnWidths length matches colCount\n * @param stickyLeftIndexes Mutable list of left-sticky column indexes\n * @param stickyRightIndexes Mutable list of right-sticky column indexes\n * @returns void\n */\nexport const layout = (\n  nileGrid: NileGrid,\n  slotEl: any,\n  ensureWidths: any,\n  stickyLeftIndexes: number[],\n  stickyRightIndexes: number[]\n) => {\n  const head = getHead(slotEl);\n  const body = getBody(slotEl);\n  if (!head && !body) return;\n\n  let colCount = nileGrid.colCount || 0;\n  let headerChanged = false;\n\n  if (nileGrid.needsStructureLayout) {\n    headerChanged = true;\n    \n    nileGrid.headRows = head ? (Array.from(head.querySelectorAll('nile-grid-row')) as HTMLElement[]) : [];\n    colCount = 0;\n    if (nileGrid.headRows.length) {\n      colCount = computeHeadLayout(nileGrid, nileGrid.headRows, [], colCount, stickyLeftIndexes, stickyRightIndexes);\n    }\n\n    if (body) {\n      nileGrid.bodyRows = Array.from(body.querySelectorAll('nile-grid-row')) as HTMLElement[];\n      if (colCount) {\n        computeBodyLayout(nileGrid, nileGrid.bodyRows, [], colCount, stickyLeftIndexes, stickyRightIndexes);\n      } else {\n        colCount = computeBodyLayout(nileGrid, nileGrid.bodyRows, [], colCount, stickyLeftIndexes, stickyRightIndexes);\n      }\n    }\n\n    if (nileGrid.stickyLeftIndexes.length || nileGrid.stickyRightIndexes.length) {\n      cacheStickyEls(nileGrid);\n    } else {\n      nileGrid.stickyLeftHeadEls = [];\n      nileGrid.stickyRightHeadEls = [];\n      nileGrid.stickyLeftBodyEls = [];\n      nileGrid.stickyRightBodyEls = [];\n      nileGrid.shadowLeftVisibleSticky = false;\n      nileGrid.shadowRightVisibleSticky = false;\n    }\n\n    nileGrid.colCount = colCount;\n    nileGrid.needsStructureLayout = false;\n    nileGrid.needsSpanLayout = false;\n    nileGrid.needsWidthLayout = true;\n  } else if (nileGrid.needsSpanLayout && body) {\n    const bodyRows = nileGrid.bodyRows;\n    colCount = nileGrid.colCount || 0;\n    if (colCount) {\n      computeBodyLayout(nileGrid, bodyRows, [], colCount, stickyLeftIndexes, stickyRightIndexes);\n    }\n    nileGrid.needsSpanLayout = false;\n  }\n\n  if (nileGrid.needsWidthLayout) {\n    colCount = nileGrid.colCount || colCount;\n    if (!colCount) return;\n\n    ensureWidths(colCount);\n    computeColumnWidths(nileGrid, colCount, nileGrid.columnWidths, slotEl, nileGrid.lockedWidthColumns, headerChanged);\n    addVariablesValue(nileGrid);\n    applyColumnsTemplate(nileGrid, nileGrid.columnWidths);\n    nileGrid.needsWidthLayout = false;\n  }\n};\n\nexport function cacheStickyEls(nileGrid: NileGrid) {\n  const { head, body } = getHeadAndBody(nileGrid);\n\n  nileGrid.stickyLeftHeadEls = head ? Array.from(head.querySelectorAll('nile-grid-head-item[data-sticky=\"left\"]')) : [];\n  nileGrid.stickyRightHeadEls = head ? Array.from(head.querySelectorAll('nile-grid-head-item[data-sticky=\"right\"]')) : [];\n  nileGrid.stickyLeftBodyEls = body ? Array.from(body.querySelectorAll('nile-grid-cell-item[data-sticky=\"left\"]')) : [];\n  nileGrid.stickyRightBodyEls = body ? Array.from(body.querySelectorAll('nile-grid-cell-item[data-sticky=\"right\"]')) : [];\n}\n\n/** \n * @param nileGrid The parent NileGrid instance\n * @param rows Array of grid row elements\n * @param carry Array tracking rowspan, colspan continuation\n * @param colCount Total column count\n * @param stickyLeftIndexes List of sticky-left column indexes\n * @param stickyRightIndexes List of sticky-right column indexes\n * @param columnWidths Computed column widths\n * @param opts Options controlling layout behavior\n * @returns Final computed column count\n */\nfunction layoutRows(\n  nileGrid: NileGrid,\n  rows: HTMLElement[],\n  carry: number[],\n  colCount: number,\n  stickyLeftIndexes: number[],\n  stickyRightIndexes: number[],\n  opts: { itemSelector: string; useStickyAttr?: boolean; handleRowBg?: boolean }\n): number {\n  rows.forEach((row, rIdx) => {\n    if (nileGrid.hoverable) row.setAttribute('hover', 'true');\n    colCount = layoutSingleRow(\n      nileGrid,\n      row,\n      rIdx,\n      carry,\n      colCount,\n      stickyLeftIndexes,\n      stickyRightIndexes,\n      opts\n    );\n  });\n  return colCount;\n}\n\n/**\n * @param nileGrid The grid element being processed\n * @param row Single row element to layout\n * @param rIdx Row index in the grid\n * @param carry Rowspan tracking array\n * @param colCount Current column count\n * @param stickyLeftIndexes Sticky-left indexes\n * @param stickyRightIndexes Sticky-right indexes\n * @param opts Layout options\n * @returns Updated column count\n */\nfunction layoutSingleRow(\n  nileGrid: NileGrid,\n  row: HTMLElement,\n  rIdx: number,\n  carry: number[],\n  colCount: number,\n  stickyLeftIndexes: number[],\n  stickyRightIndexes: number[],\n  opts: { itemSelector: string; useStickyAttr?: boolean }\n): number {\n  let c = 1;\n  const rStart = rIdx + 1;\n  const tag = opts.itemSelector.toLowerCase();\n  const items = Array.from(row.children).filter(\n    (child): child is HTMLElement =>\n      child.tagName.toLowerCase() === tag\n  );\n\n  for (const el of items) {\n    while ((carry[c - 1] || 0) > 0) c++;\n    ({ c, colCount } = layoutCell(\n      nileGrid,\n      el,\n      c,\n      rStart,\n      carry,\n      colCount,\n      stickyLeftIndexes,\n      stickyRightIndexes,\n      opts\n    ));\n  }\n  decrementCarry(carry);\n  return colCount;\n}\n\n/**\n * @param nileGrid The parent grid\n * @param el Cell element being laid out\n * @param c Current column index\n * @param rStart Row start index\n * @param carry Rowspan carry array\n * @param colCount Current max column count\n * @param stickyLeftIndexes Left sticky indexes\n * @param stickyRightIndexes Right sticky indexes\n * @param opts Sticky and layout options\n * @returns Updated column index and column count\n */\nfunction layoutCell(\n  nileGrid: NileGrid,\n  el: HTMLElement,\n  c: number,\n  rStart: number,\n  carry: number[],\n  colCount: number,\n  stickyLeftIndexes: number[],\n  stickyRightIndexes: number[],\n  opts: { useStickyAttr?: boolean }\n) {\n  const colspan = Math.max(1, +el.getAttribute('colspan')! || 1);\n  const rowspan = Math.max(1, +el.getAttribute('rowspan')! || 1);\n  handleRowspan(nileGrid, el, rowspan);\n\n  const cStart = c;\n  const cEnd = c + colspan;\n  setGridPosition(el, cStart, cEnd, rStart, rowspan);\n  if (opts.useStickyAttr || stickyLeftIndexes.length || stickyRightIndexes.length) {\n    handleSticky(el, cStart, opts, stickyLeftIndexes, stickyRightIndexes);\n  }\n\n  for (let k = 0; k < colspan; k++) {\n    carry[c - 1 + k] = Math.max(carry[c - 1 + k] || 0, rowspan);\n  }\n  return {\n    c: cEnd,\n    colCount: Math.max(colCount, cEnd - 1),\n  };\n}\n\n/** \n * @param nileGrid The grid container \n * @param el Element that spans multiple rows \n * @param rowspan Number of rows to span \n */\nfunction handleRowspan(nileGrid: NileGrid, el: HTMLElement, rowspan: number) {\n  if (rowspan <= 1) return;\n  el.style.position = \"absolute\";\n  el.style.zIndex = \"1\";\n\n  if (el.tagName === NILE_GRID_HEAD_ITEM) {\n    if (!nileGrid.headHeight) nileGrid.headHeight = el.getBoundingClientRect().height;\n    el.style.height = `${(nileGrid.headHeight * rowspan) + (rowspan - 1)}px`;\n    el.style.backgroundColor = \"var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary))\";\n    el.style.backgroundColor = \"var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary))\";\n  } else {\n    if (!nileGrid.cellHeight) nileGrid.cellHeight = el.getBoundingClientRect().height;\n    el.style.height = `${(nileGrid.cellHeight * rowspan) + (rowspan - 1)}px`;\n    el.style.backgroundColor = \"var(--nile-colors-white-base, var(--ng-colors-bg-primary))\";\n    el.style.backgroundColor = \"var(--nile-colors-white-base, var(--ng-colors-bg-primary))\";\n  }\n}\n\n/**\n * @param el Grid item element\n * @param cStart Starting column index\n * @param cEnd Ending column index\n * @param rStart Starting row index\n * @param rowspan Row span value\n */\nfunction setGridPosition(\n  el: HTMLElement,\n  cStart: number,\n  cEnd: number,\n  rStart: number,\n  rowspan: number\n) {\n  const rEnd = rStart + rowspan;\n  el.style.gridColumn = `${cStart} / ${cEnd}`;\n  el.style.gridRow = `${rStart} / ${rEnd}`;\n  (el as any).dataset.cStart = String(cStart);\n}\n\n/**\n * @param el Grid item element\n * @param cStart Column start index\n * @param opts Sticky configuration options\n * @param stickyLeftIndexes Left sticky indexes\n * @param stickyRightIndexes Right sticky indexes\n */\nfunction handleSticky(\n  el: HTMLElement,\n  cStart: number,\n  opts: { useStickyAttr?: boolean },\n  stickyLeftIndexes: number[],\n  stickyRightIndexes: number[],\n) {\n  if (opts.useStickyAttr && el.getAttribute('sticky') === \"left\" && !stickyLeftIndexes.includes(cStart - 1)) {\n    stickyLeftIndexes.push(cStart - 1);\n  }\n  if (opts.useStickyAttr &&  el.getAttribute('sticky') === \"right\" && !stickyRightIndexes.includes(cStart - 1)) {\n    stickyRightIndexes.push(cStart - 1);\n  }\n  applySticky(el, cStart - 1, stickyLeftIndexes, stickyRightIndexes);\n}\n\n/**\n * @param carry Rowspan tracking array\n */\nfunction decrementCarry(carry: number[]) {\n  for (let i = 0; i < carry.length; i++) {\n    if (carry[i] > 0) {\n      carry[i]--;\n    }\n  }\n}\n\n/**\n * @param el Target grid cell element\n * @param colIndex Column index\n * @param stickyLeftIndexes Sticky-left indexes\n * @param stickyRightIndexes Sticky-right indexes\n */\nfunction applySticky(\n  el: HTMLElement,\n  colIndex: number,\n  stickyLeftIndexes: number[],\n  stickyRightIndexes: number[],\n) {\n  const onLeft = stickyLeftIndexes.includes(colIndex);\n  const onRight = stickyRightIndexes.includes(colIndex);\n  if (!onLeft && !onRight) return;\n\n  prepareStickyElement(el);\n  if (onLeft && !onRight) {\n    applyLeftSticky(el, colIndex);\n  } else {\n    applyRightSticky(el, colIndex);\n  }\n}\n\n/**\n * @param el Grid item element to prepare for sticky positioning\n */\nfunction prepareStickyElement(el: HTMLElement) {\n  el.style.position = 'sticky';\n  el.style.left = '';\n  el.style.right = '';\n  el.removeAttribute('data-sticky');\n}\n\n/**\n * @param el Target element\n * @param colIndex Column index\n * @param stickyLeftIndexes Sticky-left column indexes\n */\nfunction applyLeftSticky(\n  el: HTMLElement,\n  colIndex: number,\n) {\n  el.setAttribute('data-sticky', 'left');\n  if (el.tagName === NILE_GRID_HEAD_ITEM) {\n    el.style.backgroundColor = \"var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary))\";\n  }\n  else {\n    el.style.backgroundColor = 'var(--nile-colors-white-base, var(--ng-colors-bg-primary))';\n  }\n  el.style.zIndex = '1';\n  el.style.left = `var(--sticky-left-${colIndex})`;\n}\n\n/**\n * @param el Target element\n * @param colIndex Column index\n * @param stickyRightIndexes Sticky-right indexes\n */\nfunction applyRightSticky(\n  el: HTMLElement,\n  colIndex: number,\n) {\n  el.setAttribute('data-sticky', 'right');\n  if (el.tagName === NILE_GRID_HEAD_ITEM) {\n    el.style.backgroundColor = \"var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary))\";\n  }\n  else {\n    el.style.backgroundColor = 'var(--nile-colors-white-base, var(--ng-colors-bg-primary))';\n  }\n  el.style.zIndex = '1';\n  el.style.right = `var(--sticky-right-${colIndex})`;\n}\n\n/**\n * @param nileGrid Grid instance to sync shadows for\n */\nexport function syncStickyShadows(nileGrid: NileGrid) {\n  if (!nileGrid.stickyLeftIndexes.length && !nileGrid.stickyRightIndexes.length) {\n    return;\n  }\n\n  const { showRightOnLeftStickies, showLeftOnRightStickies } = getShadowStates(nileGrid);\n\n  if (\n    nileGrid.shadowLeftVisibleSticky === showRightOnLeftStickies &&\n    nileGrid.shadowRightVisibleSticky === showLeftOnRightStickies\n  ) {\n    return;\n  }\n\n  nileGrid.shadowLeftVisibleSticky = showRightOnLeftStickies;\n  nileGrid.shadowRightVisibleSticky = showLeftOnRightStickies;\n  \n\n  for (const el of nileGrid.stickyLeftHeadEls) {\n    el.classList.toggle('shadow-left', showRightOnLeftStickies);\n  }\n  for (const el of nileGrid.stickyLeftBodyEls) {\n    el.classList.toggle('shadow-left', showRightOnLeftStickies);\n  }\n  for (const el of nileGrid.stickyRightHeadEls) {\n    el.classList.toggle('shadow-right', showLeftOnRightStickies);\n  }\n  for (const el of nileGrid.stickyRightBodyEls) {\n    el.classList.toggle('shadow-right', showLeftOnRightStickies);\n  }\n}\n\n\n/**\n * @param nileGrid Grid instance\n * @returns Object containing booleans for left/right shadow visibility\n */\nfunction getShadowStates(nileGrid: NileGrid) {\n  const max = Math.max(0, nileGrid.scrollWidth - nileGrid.clientWidth);\n  return {\n    showRightOnLeftStickies: nileGrid.scrollLeft > 0,\n    showLeftOnRightStickies: nileGrid.scrollLeft < max\n  };\n}\n\n/** computeHeadLayout\n * @param nileGrid Grid instance\n * @param headRows Header rows (<nile-grid-row>[])\n * @param carryHead Rowspan carry tracking array\n * @param colCount Current column count\n * @param stickyLeftIndexes Left-sticky indexes\n * @param stickyRightIndexes Right-sticky indexes\n * @returns Final column count after header layout\n */\nfunction computeHeadLayout(\n  nileGrid: NileGrid,\n  headRows: HTMLElement[],\n  carryHead: number[],\n  colCount: number,\n  stickyLeftIndexes: number[],\n  stickyRightIndexes: number[],\n): number {\n  return layoutRows(\n    nileGrid,\n    headRows,\n    carryHead,\n    colCount,\n    stickyLeftIndexes,\n    stickyRightIndexes,\n    {\n      itemSelector: 'nile-grid-head-item',\n      useStickyAttr: true,\n      handleRowBg: false,\n    }\n  );\n}\n\n/** computeBodyLayout\n * @param nileGrid Grid instance\n * @param bodyRows Body rows (<nile-grid-row>[])\n * @param carryBody Rowspan carry tracking array\n * @param colCount Current column count\n * @param stickyLeftIndexes Left-sticky indexes\n * @param stickyRightIndexes Right-sticky indexes\n * @returns Final column count after body layout\n */\nfunction computeBodyLayout(\n  nileGrid: NileGrid,\n  bodyRows: HTMLElement[],\n  carryBody: number[],\n  colCount: number,\n  stickyLeftIndexes: number[],\n  stickyRightIndexes: number[],\n): number {\n  return layoutRows(\n    nileGrid,\n    bodyRows,\n    carryBody,\n    colCount,\n    stickyLeftIndexes,\n    stickyRightIndexes,\n    {\n      itemSelector: 'nile-grid-cell-item',\n      useStickyAttr: false,\n      handleRowBg: true,\n    }\n  );\n}\n\n/**\n * @param nileGrid Grid container element\n * @param colCount Total number of columns\n * @param columnWidths Column width array\n */\nexport function applyColumnsTemplate(\n  nileGrid: NileGrid,\n  columnWidths: number[]\n) {\n  const cols = columnWidths\n    .map((w, idx) => {\n      if (idx === columnWidths.length - 1) {\n        return `minmax(${Math.round(w)}px, auto)`;\n      }\n      return `${Math.max(0, Math.round(w))}px`;\n    })\n    .join(' ');\n  nileGrid.style.setProperty('--nile-grid-columns', cols);\n}\n\n/**\n * @param nileGrid Grid instance\n * @returns Head and body elements from the grid slot\n */\nfunction getHeadAndBody(nileGrid: NileGrid) {\n  if (!nileGrid.shadowRoot) return { head: undefined, body: undefined };\n  const assigned = nileGrid.slotEl.assignedElements();\n  const find = (tag: string) =>\n    assigned.find(n => n.tagName.toLowerCase() === tag) as HTMLElement | undefined;\n  return { head: find('nile-grid-head'), body: find('nile-grid-body') };\n}"]}

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

@@ -56,3 +56,4 @@ export declare function getScrollbarComp(el: HTMLElement): number;
  * @param columnWidths New column width array
  */
 export declare function applyAfterResize(grid: any, col: number): void;
+export declare function updateResizeGuides(grid: NileGrid, col: number): void;

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

@@ -1,5 +1,5 @@
 import { takeFromRight, giveToRight, totalReducibleRight } from './nile-grid.width';
-import { rebuildTemplate, syncStickyShadows, applyColumnsTemplate } from './nile-grid.layout';
+import { applyColumnsTemplate } from './nile-grid.layout';
 /**
  * @param minColumnWidth Minimum allowed column width
  * @param resizeStart Guide line element (start)
@@ -36,6 +36,7 @@ export const resizeLinesHandler = (minColumnWidth, resizeStart, resizeEnd, col,
  */
 export function computeNewWidth(opts) {
     const { target, col, widthPx, floor, columnWidths } = opts;
+    // move this outside - getAttribute
     const hasSpan = !!target.getAttribute('colspan') &&
         parseInt(target.getAttribute('colspan'), 10) > 1;
     const prevW = columnWidths[col] ?? floor;
@@ -72,6 +73,8 @@ export function resizeNoScroll({ grid, col, prevW, newW, floor }) {
  */
 export function resizeWithScroll(opts) {
     const { grid, col, newW } = opts;
+    if (grid.lockedWidthColumns?.[col])
+        return;
     grid.columnWidths[col] = newW;
 }
 /**
@@ -88,8 +91,9 @@ export function getScrollbarComp(el) {
  */
 export function applyAfterResize(grid, col) {
     resizeLinesHandler(grid.minColumnWidth, grid.resizeStart, grid.resizeEnd, col, grid.scrollHeight, grid.columnWidths);
-    grid.colTemplate = rebuildTemplate(grid.columnWidths.length, grid.columnWidths);
-    syncStickyShadows(grid);
     applyColumnsTemplate(grid, grid.columnWidths);
 }
+export function updateResizeGuides(grid, col) {
+    resizeLinesHandler(grid.minColumnWidth, grid.resizeStart, grid.resizeEnd, col, grid.scrollHeight, grid.columnWidths);
+}
 //# sourceMappingURL=nile-grid.resize.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-grid.resize.js","sourceRoot":"","sources":["../../../src/nile-grid/nile-grid.resize.ts"],"names":[],"mappings":"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","sourcesContent":["import { NileGrid } from './nile-grid';\nimport {  takeFromRight, giveToRight, totalReducibleRight } from './nile-grid.width';\nimport { rebuildTemplate, syncStickyShadows, applyColumnsTemplate } from './nile-grid.layout';\n\n/**\n * @param minColumnWidth Minimum allowed column width\n * @param resizeStart Guide line element (start)\n * @param resizeEnd Guide line element (end)\n * @param col Active column index\n * @param scrollHeight Height to apply to guides\n * @param columnWidths Current column widths\n * @returns void\n */\nexport const resizeLinesHandler = (\n  minColumnWidth: number,\n  resizeStart: HTMLElement,\n  resizeEnd: HTMLElement,\n  col: number,\n  scrollHeight: number,\n  columnWidths: number[],\n) => {\n  resizeStart.style.display = 'block';\n  resizeEnd.style.display = 'block';\n  resizeStart.style.height = scrollHeight + 'px';\n  resizeEnd.style.height = scrollHeight + 'px';\n  const floor = minColumnWidth;\n  const safe = (n: number) => Math.max(0, Math.round(n || 0));\n  const sum = (arr: number[], endExclusive: number) => safe(arr.slice(0, Math.max(0, endExclusive)).reduce((a, b) => a + (b || 0), 0));\n\n  const totalGridWidth = safe(columnWidths.reduce((a, b) => a + (b || 0), 0));\n  const baseLeft = sum(columnWidths, col);\n  const appliedColWidth = safe(Math.max(floor, columnWidths[col] ?? floor));\n  let handleLeft = baseLeft + appliedColWidth;\n\n  const minEdge = baseLeft + floor;\n  const maxEdge = totalGridWidth;\n  handleLeft = Math.min(Math.max(handleLeft, minEdge), maxEdge);\n  handleLeft = Math.max(handleLeft, 20);\n\n  resizeStart.style.left = `${handleLeft - 6}px`;\n  resizeEnd.style.left = `${handleLeft - 2}px`;\n};\n\n/**\n * @param targetWidth New computed width in pixels\n * @param min Minimum allowed width\n * @param max Maximum allowed width\n * @returns Adjusted column width\n */\nexport function computeNewWidth(opts: {\n  target: HTMLElement;\n  col: number;\n  widthPx: number;\n  floor: number;\n  columnWidths: number[];\n}) {\n  const { target, col, widthPx, floor, columnWidths } = opts;\n  const hasSpan =\n    !!target.getAttribute('colspan') &&\n    parseInt(target.getAttribute('colspan')!, 10) > 1;\n  const prevW = columnWidths[col] ?? floor;\n  const newWraw = hasSpan ? widthPx - (columnWidths[col - 1] ?? 0) : widthPx;\n  const newW = Math.max(\n    floor,\n    Math.round(Number.isFinite(newWraw) ? newWraw : prevW)\n  );\n  return { prevW, newW, delta0: newW - prevW };\n}\n\n/**\n * @param columnWidths Current widths array\n * @param containerWidth Container total width\n */\nexport function resizeNoScroll({ grid, col, prevW, newW, floor }: {\n  grid: NileGrid;\n  col: number;\n  prevW: number;\n  newW: number;\n  floor: number;\n}) {\n  if (grid.lockedWidthColumns?.[col]) return;\n  let delta = newW - prevW;\n  if (delta > 0) {\n    const rightReducible = totalReducibleRight(grid.columnWidths, col + 1, floor, grid.lockedWidthColumns);\n    if (rightReducible <= 0) return;\n    delta = Math.min(delta, rightReducible);\n    grid.columnWidths[col] = prevW + delta;\n    takeFromRight(grid.columnWidths, col + 1, delta, floor, grid.lockedWidthColumns);\n  } else {\n    const newColW = Math.max(floor, newW);\n    const actualShrink = prevW - newColW;\n    grid.columnWidths[col] = newColW;\n    giveToRight(grid.columnWidths, col + 1, actualShrink);\n  }\n}\n\n/**\n * @param columnWidths Current widths\n * @param containerWidth Container width\n */\nexport function resizeWithScroll(opts: {\n  grid: NileGrid;\n  col: number;\n  newW: number;\n}) {\n  const { grid, col, newW } = opts;\n  grid.columnWidths[col] = newW;\n}\n\n/**\n * @param el Target element within grid\n * @returns Scrollbar width compensation value\n */\nexport function getScrollbarComp(el: HTMLElement) {\n  const scroller = el.closest('nile-grid') as HTMLElement | null;\n  return scroller ? scroller.offsetWidth - scroller.clientWidth : 0;\n}\n\n/**\n * @param nileGrid The parent grid\n * @param columnWidths New column width array\n */\nexport function applyAfterResize(grid: any, col: number) {\n  resizeLinesHandler(\n    grid.minColumnWidth,\n    grid.resizeStart,\n    grid.resizeEnd,\n    col,\n    grid.scrollHeight,\n    grid.columnWidths\n  );\n  grid.colTemplate = rebuildTemplate(\n    grid.columnWidths.length,\n    grid.columnWidths\n  );\n  syncStickyShadows(grid);\n  applyColumnsTemplate(grid, grid.columnWidths);\n}"]}
+{"version":3,"file":"nile-grid.resize.js","sourceRoot":"","sources":["../../../src/nile-grid/nile-grid.resize.ts"],"names":[],"mappings":"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","sourcesContent":["import { NileGrid } from './nile-grid';\nimport {  takeFromRight, giveToRight, totalReducibleRight } from './nile-grid.width';\nimport { applyColumnsTemplate } from './nile-grid.layout';\n\n/**\n * @param minColumnWidth Minimum allowed column width\n * @param resizeStart Guide line element (start)\n * @param resizeEnd Guide line element (end)\n * @param col Active column index\n * @param scrollHeight Height to apply to guides\n * @param columnWidths Current column widths\n * @returns void\n */\nexport const resizeLinesHandler = (\n  minColumnWidth: number,\n  resizeStart: HTMLElement,\n  resizeEnd: HTMLElement,\n  col: number,\n  scrollHeight: number,\n  columnWidths: number[],\n) => {\n  resizeStart.style.display = 'block';\n  resizeEnd.style.display = 'block';\n  resizeStart.style.height = scrollHeight + 'px';\n  resizeEnd.style.height = scrollHeight + 'px';\n  const floor = minColumnWidth;\n  const safe = (n: number) => Math.max(0, Math.round(n || 0));\n  const sum = (arr: number[], endExclusive: number) => safe(arr.slice(0, Math.max(0, endExclusive)).reduce((a, b) => a + (b || 0), 0));\n\n  const totalGridWidth = safe(columnWidths.reduce((a, b) => a + (b || 0), 0));\n  const baseLeft = sum(columnWidths, col);\n  const appliedColWidth = safe(Math.max(floor, columnWidths[col] ?? floor));\n  let handleLeft = baseLeft + appliedColWidth;\n\n  const minEdge = baseLeft + floor;\n  const maxEdge = totalGridWidth;\n  handleLeft = Math.min(Math.max(handleLeft, minEdge), maxEdge);\n  handleLeft = Math.max(handleLeft, 20);\n\n  resizeStart.style.left = `${handleLeft - 6}px`;\n  resizeEnd.style.left = `${handleLeft - 2}px`;\n};\n\n/**\n * @param targetWidth New computed width in pixels\n * @param min Minimum allowed width\n * @param max Maximum allowed width\n * @returns Adjusted column width\n */\nexport function computeNewWidth(opts: {\n  target: HTMLElement;\n  col: number;\n  widthPx: number;\n  floor: number;\n  columnWidths: number[];\n}) {\n  const { target, col, widthPx, floor, columnWidths } = opts;\n\n  // move this outside - getAttribute\n  const hasSpan =\n    !!target.getAttribute('colspan') &&\n    parseInt(target.getAttribute('colspan')!, 10) > 1;\n  const prevW = columnWidths[col] ?? floor;\n  const newWraw = hasSpan ? widthPx - (columnWidths[col - 1] ?? 0) : widthPx;\n  const newW = Math.max(floor, Math.round(Number.isFinite(newWraw) ? newWraw : prevW));\n  return { prevW, newW, delta0: newW - prevW };\n}\n\n/**\n * @param columnWidths Current widths array\n * @param containerWidth Container total width\n */\nexport function resizeNoScroll({ grid, col, prevW, newW, floor }: {\n  grid: NileGrid;\n  col: number;\n  prevW: number;\n  newW: number;\n  floor: number;\n}) {\n  if (grid.lockedWidthColumns?.[col]) return;\n  let delta = newW - prevW;\n  if (delta > 0) {\n    const rightReducible = totalReducibleRight(grid.columnWidths, col + 1, floor, grid.lockedWidthColumns);\n    if (rightReducible <= 0) return;\n    delta = Math.min(delta, rightReducible);\n    grid.columnWidths[col] = prevW + delta;\n    takeFromRight(grid.columnWidths, col + 1, delta, floor, grid.lockedWidthColumns);\n  } else {\n    const newColW = Math.max(floor, newW);\n    const actualShrink = prevW - newColW;\n    grid.columnWidths[col] = newColW;\n    giveToRight(grid.columnWidths, col + 1, actualShrink);\n  }\n}\n\n/**\n * @param columnWidths Current widths\n * @param containerWidth Container width\n */\nexport function resizeWithScroll(opts: {\n  grid: NileGrid;\n  col: number;\n  newW: number;\n}) {\n  const { grid, col, newW } = opts;\n  if (grid.lockedWidthColumns?.[col]) return;\n  grid.columnWidths[col] = newW;\n}\n\n/**\n * @param el Target element within grid\n * @returns Scrollbar width compensation value\n */\nexport function getScrollbarComp(el: HTMLElement) {\n  const scroller = el.closest('nile-grid') as HTMLElement | null;\n  return scroller ? scroller.offsetWidth - scroller.clientWidth : 0;\n}\n\n/**\n * @param nileGrid The parent grid\n * @param columnWidths New column width array\n */\nexport function applyAfterResize(grid: any, col: number) {\n  resizeLinesHandler(\n    grid.minColumnWidth,\n    grid.resizeStart,\n    grid.resizeEnd,\n    col,\n    grid.scrollHeight,\n    grid.columnWidths\n  );\n  applyColumnsTemplate(grid, grid.columnWidths);\n}\n\nexport function updateResizeGuides(grid: NileGrid, col: number) {\n  resizeLinesHandler(\n    grid.minColumnWidth,\n    grid.resizeStart,\n    grid.resizeEnd,\n    col,\n    grid.scrollHeight,\n    grid.columnWidths\n  );\n}"]}

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

@@ -25,3 +25,10 @@ export declare const getHead: (slotEl: any) => HTMLElement;
  * @returns <nile-grid-body> element or null
  */
 export declare const getBody: (slotEl: any) => HTMLElement;
+export declare const scrollEventHandler: (el: NileGrid) => void;
+/** copyArrayValuesInPlace
+ * @param target Target array
+ * @param source Source array
+ * @returns void
+ */
+export declare function copyArrayValuesInPlace(target: number[], source: number[]): void;