@aquera/nile-elements 1.2.1 → 1.2.2

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

@@ -0,0 +1,346 @@
+import { getHead, getBody } from './nile-grid.utils';
+import { getScrollbarComp } from './nile-grid.resize';
+import { computeColumnWidths } from './nile-grid.width';
+/**
+ * @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) => {
+    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(nileGrid, headRows, [], colCount, stickyLeftIndexes, stickyRightIndexes, nileGrid.columnWidths);
+    if (colCount) {
+        computeBodyLayout(nileGrid, bodyRows, [], colCount, stickyLeftIndexes, stickyRightIndexes, nileGrid.columnWidths);
+    }
+    else {
+        colCount = computeBodyLayout(nileGrid, bodyRows, [], colCount, stickyLeftIndexes, stickyRightIndexes, nileGrid.columnWidths);
+    }
+    setTimeout(() => {
+        computeColumnWidths(nileGrid, colCount, nileGrid.columnWidths, slotEl);
+    });
+    ensureWidths(colCount);
+    nileGrid.colTemplate = rebuildTemplate(colCount, nileGrid.columnWidths);
+};
+/**
+ * @param nileGrid The parent NileGrid instance
+ * @param rows Array of grid row elements
+ * @param carry Array tracking rowspan, colspan continuation
+ * @param colCount Total column count
+ * @param stickyLeftIndexes List of sticky-left column indexes
+ * @param stickyRightIndexes List of sticky-right column indexes
+ * @param columnWidths Computed column widths
+ * @param opts Options controlling layout behavior
+ * @returns Final computed column count
+ */
+function layoutRows(nileGrid, rows, carry, colCount, stickyLeftIndexes, stickyRightIndexes, columnWidths, opts) {
+    rows.forEach((row, rIdx) => {
+        if (nileGrid.hoverable)
+            row.setAttribute('hover', 'true');
+        colCount = layoutSingleRow(nileGrid, row, rIdx, carry, colCount, stickyLeftIndexes, stickyRightIndexes, columnWidths, opts);
+    });
+    return colCount;
+}
+/**
+ * @param nileGrid The grid element being processed
+ * @param row Single row element to layout
+ * @param rIdx Row index in the grid
+ * @param carry Rowspan tracking array
+ * @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) {
+    let c = 1;
+    const rStart = rIdx + 1;
+    const items = [...row.querySelectorAll(opts.itemSelector)];
+    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));
+    }
+    decrementCarry(carry);
+    return colCount;
+}
+/**
+ * @param nileGrid The parent grid
+ * @param el Cell element being laid out
+ * @param c Current column index
+ * @param rStart Row start index
+ * @param carry Rowspan carry array
+ * @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) {
+    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);
+    for (let k = 0; k < colspan; k++) {
+        carry[c - 1 + k] = Math.max(carry[c - 1 + k] || 0, rowspan);
+    }
+    return {
+        c: cEnd,
+        colCount: Math.max(colCount, cEnd - 1),
+    };
+}
+/**
+ * @param nileGrid The grid container
+ * @param el Element that spans multiple rows
+ * @param rowspan Number of rows to span
+ */
+function handleRowspan(nileGrid, el, rowspan) {
+    if (rowspan <= 1)
+        return;
+    nileGrid.cellHeight || (nileGrid.cellHeight = el.getBoundingClientRect().height);
+    el.style.position = 'absolute';
+    el.style.height = `${nileGrid.cellHeight * rowspan}px`;
+    el.style.zIndex = '2';
+}
+/**
+ * @param el Grid item element
+ * @param cStart Starting column index
+ * @param cEnd Ending column index
+ * @param rStart Starting row index
+ * @param rowspan Row span value
+ */
+function setGridPosition(el, cStart, cEnd, rStart, rowspan) {
+    const rEnd = rStart + rowspan;
+    el.style.gridColumn = `${cStart} / ${cEnd}`;
+    el.style.gridRow = `${rStart} / ${rEnd}`;
+    el.dataset.cStart = String(cStart);
+}
+/**
+ * @param el Grid item element
+ * @param cStart Column start index
+ * @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) {
+    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);
+}
+/**
+ * @param carry Rowspan tracking array
+ */
+function decrementCarry(carry) {
+    for (let i = 0; i < carry.length; i++) {
+        if (carry[i] > 0) {
+            carry[i]--;
+        }
+    }
+}
+/**
+ * @param el Target grid cell element
+ * @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) {
+    const onLeft = stickyLeftIndexes.includes(colIndex);
+    const onRight = stickyRightIndexes.includes(colIndex);
+    if (!onLeft && !onRight)
+        return;
+    prepareStickyElement(el);
+    if (onLeft && !onRight) {
+        applyLeftSticky(el, colIndex, stickyLeftIndexes, columnWidths);
+    }
+    else {
+        applyRightSticky(el, colIndex, stickyRightIndexes, columnWidths);
+    }
+}
+/**
+ * @param el Grid item element to prepare for sticky positioning
+ */
+function prepareStickyElement(el) {
+    el.style.position = 'sticky';
+    el.style.zIndex = '2';
+    el.style.left = '';
+    el.style.right = '';
+    el.removeAttribute('data-sticky');
+}
+/**
+ * @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) {
+    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`;
+}
+/**
+ * @param el Target element
+ * @param colIndex Column index
+ * @param stickyRightIndexes Sticky-right indexes
+ * @param columnWidths Column widths array
+ */
+function applyRightSticky(el, colIndex, stickyRightIndexes, columnWidths) {
+    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`;
+}
+/**
+ * @param nileGrid Grid instance to sync shadows for
+ */
+export function syncStickyShadows(nileGrid) {
+    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);
+}
+/**
+ * @param nileGrid Grid instance
+ * @returns Object containing booleans for left/right shadow visibility
+ */
+function getShadowStates(nileGrid) {
+    const max = Math.max(0, nileGrid.scrollWidth - nileGrid.clientWidth);
+    return {
+        showRightOnLeftStickies: nileGrid.scrollLeft > 0,
+        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>[])
+ * @param carryHead Rowspan carry tracking array
+ * @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, {
+        itemSelector: 'nile-grid-head-item',
+        useStickyAttr: true,
+        handleRowBg: false,
+    });
+}
+/** computeBodyLayout
+ * @param nileGrid Grid instance
+ * @param bodyRows Body rows (<nile-grid-row>[])
+ * @param carryBody Rowspan carry tracking array
+ * @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, {
+        itemSelector: 'nile-grid-cell-item',
+        useStickyAttr: false,
+        handleRowBg: true,
+    });
+}
+/**
+ * @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
+        .map((w, idx) => {
+        if (idx === columnWidths.length - 1) {
+            return `minmax(${Math.round(w)}px, auto)`;
+        }
+        return `${Math.max(0, Math.round(w))}px`;
+    })
+        .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
+ */
+function getHeadAndBody(nileGrid) {
+    if (!nileGrid.shadowRoot)
+        return { head: undefined, body: undefined };
+    const assigned = nileGrid.slotEl.assignedElements();
+    const find = (tag) => assigned.find(n => n.tagName.toLowerCase() === tag);
+    return { head: find('nile-grid-head'), body: find('nile-grid-body') };
+}
+//# sourceMappingURL=nile-grid.layout.js.map

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

@@ -0,0 +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 { HeadItemEl } from './nile-grid.types';\nimport { getHead, getBody } from './nile-grid.utils';\nimport { getScrollbarComp } from './nile-grid.resize';\nimport { computeColumnWidths } from './nile-grid.width';\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); \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  nileGrid.cellHeight ||= el.getBoundingClientRect().height;\n  el.style.position = 'absolute';\n  el.style.height = `${nileGrid.cellHeight * rowspan}px`;\n  el.style.zIndex = '2';\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 = '2';\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}"]}

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

@@ -0,0 +1,58 @@
+import { NileGrid } from './nile-grid';
+/**
+ * @param minColumnWidth Minimum allowed column width
+ * @param resizeStart Guide line element (start)
+ * @param resizeEnd Guide line element (end)
+ * @param col Active column index
+ * @param scrollHeight Height to apply to guides
+ * @param columnWidths Current column widths
+ * @returns void
+ */
+export declare const resizeLinesHandler: (minColumnWidth: number, resizeStart: HTMLElement, resizeEnd: HTMLElement, col: number, scrollHeight: number, columnWidths: number[]) => void;
+/**
+ * @param targetWidth New computed width in pixels
+ * @param min Minimum allowed width
+ * @param max Maximum allowed width
+ * @returns Adjusted column width
+ */
+export declare function computeNewWidth(opts: {
+    target: HTMLElement;
+    col: number;
+    widthPx: number;
+    floor: number;
+    columnWidths: number[];
+}): {
+    prevW: number;
+    newW: number;
+    delta0: number;
+};
+/**
+ * @param columnWidths Current widths array
+ * @param containerWidth Container total width
+ */
+export declare function resizeNoScroll(opts: {
+    grid: NileGrid;
+    col: number;
+    prevW: number;
+    newW: number;
+    floor: number;
+}): void;
+/**
+ * @param columnWidths Current widths
+ * @param containerWidth Container width
+ */
+export declare function resizeWithScroll(opts: {
+    grid: NileGrid;
+    col: number;
+    newW: number;
+}): void;
+/**
+ * @param el Target element within grid
+ * @returns Scrollbar width compensation value
+ */
+export declare function getScrollbarComp(el: HTMLElement): number;
+/**
+ * @param nileGrid The parent grid
+ * @param columnWidths New column width array
+ */
+export declare function applyAfterResize(grid: any, col: number): void;

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

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

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

@@ -0,0 +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 { HeadItemEl } from './nile-grid.types';\nimport { totalReducible, takeFromRight, giveToRight } 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(opts: {\n  grid: NileGrid;\n  col: number;\n  prevW: number;\n  newW: number;\n  floor: number;\n}) {\n  const { grid, col, prevW, newW, floor } = opts;\n  let delta = newW - prevW;\n\n  if (delta > 0) {\n    const rightReducible = totalReducible(grid.columnWidths, col + 1, floor);\n    if (rightReducible <= 0) return;\n    delta = Math.min(delta, rightReducible);\n    grid.columnWidths[col] = prevW + delta;\n    if (delta > 0) takeFromRight(grid.columnWidths, col + 1, delta, floor);\n  } else {\n    if (col === grid.columnWidths.length - 1) return;\n    const shrink = -delta;\n    const newColW = Math.max(floor, prevW - shrink);\n    const actualShrink = prevW - newColW;\n    grid.columnWidths[col] = newColW;\n    const remaining = giveToRight(grid.columnWidths, col + 1, actualShrink);\n    if (remaining > 0) grid.columnWidths[col] = prevW;\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}"]}

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

@@ -0,0 +1,3 @@
+export type HeadItemEl = HTMLElement & {
+    width?: number | null;
+};

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=nile-grid.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-grid.types.js","sourceRoot":"","sources":["../../../src/nile-grid/nile-grid.types.ts"],"names":[],"mappings":"","sourcesContent":["export type HeadItemEl = HTMLElement & { width?: number | null };"]}

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

@@ -1,9 +1,27 @@
 import { NileGrid } from './nile-grid';
-export declare const resizeLinesHandler: (resizeStart: any, resizeEnd: any, col: number, widthPx: number, scrollHeight: any, columnWidths: any, e: any) => void;
+/** 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 declare const listenToEventListeners: (nileGrid: NileGrid, onResize: any, slotEl: any, _attachObserverAndLayout: any) => void;
+/** 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 declare const removeEventListeners: (nileGrid: NileGrid, onResize: any, slotEl: any, _attachObserverAndLayout: any) => void;
+/** getHead
+ * @param slotEl Slot element containing assigned nodes
+ * @returns <nile-grid-head> element or null
+ */
 export declare const getHead: (slotEl: any) => HTMLElement;
+/** getBody
+ * @param slotEl Slot element containing assigned nodes
+ * @returns <nile-grid-body> element or null
+ */
 export declare const getBody: (slotEl: any) => HTMLElement;
-export declare const rebuildTemplate: (colCount: number, columnWidths: number[]) => string;
-export declare const applyTemplate: (head: HTMLElement | null, body: HTMLElement | null, colTemplate: string) => void;
-export declare const layout: (nileGrid: NileGrid, slotEl: any, ensureWidths: any, rebuildTemplate: any, applyTemplate: any, columnWidths: any) => void;