@aquera/nile-elements 1.2.1 → 1.2.2

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

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

package/vscode-html-custom-data.json

@@ -1862,7 +1862,7 @@
     },
     {
       "name": "nile-grid-cell-item",
-      "description": "Nile grid-cell component.\n\nAttributes:\n\n  * `colspan` {`number`} - \n\n  * `rowspan` {`number`} - \n\n  * `align` {`\"end\" | \"start\" | \"center\" | undefined`} - \n\n  * `valign` {`\"top\" | \"bottom\" | \"middle\" | undefined`} - \n\n  * `resizable` {`boolean`} - \n\n  * `textOverflowType` {`\"ellipsis\" | \"clip\"`} - \n\nProperties:\n\n  * `colspan` {`number`} - \n\n  * `rowspan` {`number`} - \n\n  * `align` {`\"end\" | \"start\" | \"center\" | undefined`} - \n\n  * `valign` {`\"top\" | \"bottom\" | \"middle\" | undefined`} - \n\n  * `resizable` {`boolean`} - \n\n  * `textOverflowType` {`\"ellipsis\" | \"clip\"`} - \n\n  * `onHandlePointerDown` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Nile grid-cell component.\n\nAttributes:\n\n  * `colspan` {`number`} - \n\n  * `rowspan` {`number`} - \n\n  * `resizable` {`boolean`} - \n\nProperties:\n\n  * `colspan` {`number`} - \n\n  * `rowspan` {`number`} - \n\n  * `resizable` {`boolean`} - \n\n  * `onHandlePointerDown` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "colspan",
@@ -1872,58 +1872,16 @@
           "name": "rowspan",
           "description": "`rowspan` {`number`} - \n\nProperty: rowspan\n\nDefault: 1"
         },
-        {
-          "name": "align",
-          "description": "`align` {`\"end\" | \"start\" | \"center\" | undefined`} - \n\nProperty: align",
-          "values": [
-            {
-              "name": "end"
-            },
-            {
-              "name": "start"
-            },
-            {
-              "name": "center"
-            }
-          ]
-        },
-        {
-          "name": "valign",
-          "description": "`valign` {`\"top\" | \"bottom\" | \"middle\" | undefined`} - \n\nProperty: valign",
-          "values": [
-            {
-              "name": "top"
-            },
-            {
-              "name": "bottom"
-            },
-            {
-              "name": "middle"
-            }
-          ]
-        },
         {
           "name": "resizable",
           "description": "`resizable` {`boolean`} - \n\nProperty: resizable\n\nDefault: false",
           "valueSet": "v"
-        },
-        {
-          "name": "textOverflowType",
-          "description": "`textOverflowType` {`\"ellipsis\" | \"clip\"`} - \n\nProperty: textOverflowType\n\nDefault: ellipsis",
-          "values": [
-            {
-              "name": "ellipsis"
-            },
-            {
-              "name": "clip"
-            }
-          ]
         }
       ]
     },
     {
       "name": "nile-grid-head-item",
-      "description": "Nile grid-head-item component.\n\nAttributes:\n\n  * `colspan` {`number`} - \n\n  * `rowspan` {`number`} - \n\n  * `scope` {`\"col\" | \"row\"`} - \n\n  * `resizable` {`boolean`} - \n\n  * `sticky` {`boolean`} - \n\nProperties:\n\n  * `colspan` {`number`} - \n\n  * `rowspan` {`number`} - \n\n  * `scope` {`\"col\" | \"row\"`} - \n\n  * `resizable` {`boolean`} - \n\n  * `sticky` {`boolean`} - \n\n  * `onHandlePointerDown` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Nile grid-head-item component.\n\nAttributes:\n\n  * `colspan` {`number`} - \n\n  * `rowspan` {`number`} - \n\n  * `resizable` {`boolean`} - \n\n  * `width` {`string | null`} - \n\n  * `sticky` {`string | null`} - \n\nProperties:\n\n  * `colspan` {`number`} - \n\n  * `rowspan` {`number`} - \n\n  * `resizable` {`boolean`} - \n\n  * `width` {`string | null`} - \n\n  * `sticky` {`string | null`} - \n\n  * `onHandlePointerDown` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "colspan",
@@ -1933,47 +1891,72 @@
           "name": "rowspan",
           "description": "`rowspan` {`number`} - \n\nProperty: rowspan\n\nDefault: 1"
         },
-        {
-          "name": "scope",
-          "description": "`scope` {`\"col\" | \"row\"`} - \n\nProperty: scope\n\nDefault: col",
-          "values": [
-            {
-              "name": "col"
-            },
-            {
-              "name": "row"
-            }
-          ]
-        },
         {
           "name": "resizable",
           "description": "`resizable` {`boolean`} - \n\nProperty: resizable\n\nDefault: false",
           "valueSet": "v"
         },
+        {
+          "name": "width",
+          "description": "`width` {`string | null`} - \n\nProperty: width\n\nDefault: null",
+          "values": []
+        },
         {
           "name": "sticky",
-          "description": "`sticky` {`boolean`} - \n\nProperty: sticky\n\nDefault: false",
-          "valueSet": "v"
+          "description": "`sticky` {`string | null`} - \n\nProperty: sticky\n\nDefault: null",
+          "values": []
         }
       ]
     },
     {
       "name": "nile-grid-head",
-      "description": "Nile grid-head component.\n\nProperties:\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
-      "attributes": []
+      "description": "Nile grid-head component.\n\nAttributes:\n\n  * `sticky` {`boolean`} - \n\nProperties:\n\n  * `sticky` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "attributes": [
+        {
+          "name": "sticky",
+          "description": "`sticky` {`boolean`} - \n\nProperty: sticky\n\nDefault: false",
+          "valueSet": "v"
+        }
+      ]
     },
     {
       "name": "nile-grid-row",
-      "description": "Nile grid-row component.\n\nProperties:\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
-      "attributes": []
+      "description": "Nile grid-row component.\n\nAttributes:\n\n  * `disabled` {`boolean`} - \n\n  * `hover` {`boolean`} - \n\n  * `selected` {`boolean`} - \n\nProperties:\n\n  * `disabled` {`boolean`} - \n\n  * `hover` {`boolean`} - \n\n  * `selected` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "hover",
+          "description": "`hover` {`boolean`} - \n\nProperty: hover\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "selected",
+          "description": "`selected` {`boolean`} - \n\nProperty: selected\n\nDefault: false",
+          "valueSet": "v"
+        }
+      ]
     },
     {
       "name": "nile-grid",
-      "description": "Nile grid component.\n\nAttributes:\n\n  * `customWidths` {`number[]`} - User can pass custom widths for the columns\n\nProperties:\n\n  * `customWidths` {`number[]`} - User can pass custom widths for the columns\n\n  * `colTemplate` {`string`} - To set the grid template columns in rebuildTemplate method\n\n  * `columnWidths` {`number[]`} - To store the column widths in the beginning and after resizing\n\n  * `slotEl` {`HTMLSlotElement`} - To get the slot element\n\n  * `resizeStart` {`HTMLElement`} - To get the first resize line to show the resize handle\n\n  * `resizeEnd` {`HTMLElement`} - To get the last resize line to show the resize handle\n\n  * `mo` {`MutationObserver | undefined`} - To store the mutation observer\n\n  * `raf` {`number`} - To store the request animation frame\n\n  * `onResize` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Nile grid component.\n\nAttributes:\n\n  * `enableResizeScroll` {`boolean`} - To enable horizontal scrolling when user is resizing\n\n  * `hoverable` {`boolean`} - To enable hoverable rows\n\n  * `minColumnWidth` {`number`} - Minimum column width\n\nProperties:\n\n  * `colTemplate` {`string`} - To set the grid template columns in rebuildTemplate method\n\n  * `columnWidths` {`number[]`} - To store the column widths in the beginning and after resizing\n\n  * `slotEl` {`HTMLSlotElement`} - To get the slot element\n\n  * `resizeStart` {`HTMLElement`} - To get the first resize line to show the resize handle\n\n  * `resizeEnd` {`HTMLElement`} - To get the last resize line to show the resize handle\n\n  * `enableResizeScroll` {`boolean`} - To enable horizontal scrolling when user is resizing\n\n  * `hoverable` {`boolean`} - To enable hoverable rows\n\n  * `mo` {`MutationObserver | undefined`} - To store the mutation observer\n\n  * `resizeObserver` - To store the resize observer\n\n  * `resizeObserverStickyShadows` - \n\n  * `raf` {`number`} - To store the request animation frame\n\n  * `minColumnWidth` {`number`} - Minimum column width\n\n  * `stickyLeftIndexes` {`number[]`} - To store the sticky index's\n\n  * `stickyRightIndexes` {`number[]`} - To store the sticky index's\n\n  * `cellHeight` {`number | null`} - To calculate the rowspan height\n\n  * `widthsInitialized` {`boolean`} - To check if the widths are initialized\n\n  * `onResize` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
-          "name": "customWidths",
-          "description": "`customWidths` {`number[]`} - User can pass custom widths for the columns\n\nProperty: customWidths\n\nDefault: "
+          "name": "enableResizeScroll",
+          "description": "`enableResizeScroll` {`boolean`} - To enable horizontal scrolling when user is resizing\n\nProperty: enableResizeScroll\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "hoverable",
+          "description": "`hoverable` {`boolean`} - To enable hoverable rows\n\nProperty: hoverable\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "minColumnWidth",
+          "description": "`minColumnWidth` {`number`} - Minimum column width\n\nProperty: minColumnWidth\n\nDefault: 40"
         }
       ]
     },

package/dist/nile-grid-body/index.cjs.js

@@ -1,2 +0,0 @@
-System.register(["./nile-grid-body.cjs.js","tslib","lit","lit/decorators.js","./nile-grid-body.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileGridBodyCjsJs){_export("NileGridBody",_nileGridBodyCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_nileGridBodyCssCjsJs){},function(_internalNileElementCjsJs){}],execute:function execute(){}};});
-//# sourceMappingURL=index.cjs.js.map

package/dist/nile-grid-body/nile-grid-body.cjs.js

@@ -1,2 +0,0 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-grid-body.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var t,r,s,e,o,_templateObject,i;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){r=_lit.html;},function(_litDecoratorsJs){s=_litDecoratorsJs.customElement;},function(_nileGridBodyCssCjsJs){e=_nileGridBodyCssCjsJs.s;},function(_internalNileElementCjsJs){o=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",i=/*#__PURE__*/function(_o){function i(){_classCallCheck(this,i);return _callSuper(this,i,arguments);}_inherits(i,_o);return _createClass(i,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(i,"connectedCallback",this,3)([]),this.setAttribute("role","rowgroup");}},{key:"render",value:function render(){return r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div style=\"display: contents;\">\n        <slot></slot>\n      </div>\n    "])));}}],[{key:"styles",get:function get(){return[e];}}]);}(o));_export("N",i=t([s("nile-grid-body")],i));}};});
-//# sourceMappingURL=nile-grid-body.cjs.js.map

package/dist/nile-grid-body/nile-grid-body.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-grid-body.cjs.js","sources":["../../../src/nile-grid-body/nile-grid-body.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-grid-body.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile grid-body component.\n *\n * @tag nile-grid-body\n *\n */\n@customElement('nile-grid-body')\nexport class NileGridBody extends NileElement {\n  /**\n   * The styles for nile-grid-body\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'rowgroup');\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div style=\"display: contents;\">\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileGridBody;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-grid-body': NileGridBody;\n  }\n}\n"],"names":["NileGridBody","_o","i","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","connectedCallback","super","this","setAttribute","render","html","_templateObject","_taggedTemplateLiteral","get","styles","NileElement","__decorate","customElement"],"mappings":"inHAmBaA,CAAN,uBAAAC,EAAA,WAAAC,EAAA,EAAAC,eAAA,MAAAD,CAAA,SAAAE,UAAA,MAAAF,CAAA,CAAAG,SAAA,GAAAC,SAAA,CAAAJ,CAAA,CAAAD,EAAA,SAAAM,YAAA,CAAAL,CAAA,GAAAM,GAAA,qBAAAC,KAAA,CASL,SAAAC,iBAAAA,CAAAA,CAAAA,CACEC,aAAAA,CAAAA,CAAAA,iCACAC,IAAAA,CAAKC,YAAa,CAAA,MAAA,CAAQ,UAC3B,CAAA,EAEM,GAAAL,GAAA,UAAAC,KAAA,UAAAK,MAAAA,CAAAA,CAAAA,CACL,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,8FAKZ,CAAA,KAAAT,GAAA,UAAAU,GAAA,CAfM,SAAAA,IAAA,CAAWC,CAChB,MAAO,CAACA,CACT,CAAA,EAED,MATgCC,IAArBpB,OAAAA,KAAAA,CAAYqB,CAAAA,CAAAA,CAAA,CADxBC,CAAAA,CAAc,mBACFtB"}

package/dist/nile-grid-body/nile-grid-body.css.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-grid-body.css.cjs.js","sources":["../../../src/nile-grid-body/nile-grid-body.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * GridBody CSS\n */\nexport const styles = css`\n  :host {\n    display: grid;\n    overflow-y: auto;\n    overflow-x: visible;\n    box-sizing: border-box;\n    background-color: var(--nile-colors-white-base);\n    height: 100%;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-grid-body/nile-grid-body.esm.js

@@ -1,5 +0,0 @@
-import{__decorate as t}from"tslib";import{html as e}from"lit";import{customElement as r}from"lit/decorators.js";import{s}from"./nile-grid-body.css.esm.js";import{N as o}from"../internal/nile-element.esm.js";let i=class extends o{static get styles(){return[s]}connectedCallback(){super.connectedCallback(),this.setAttribute("role","rowgroup")}render(){return e`
-      <div style="display: contents;">
-        <slot></slot>
-      </div>
-    `}};i=t([r("nile-grid-body")],i);export{i as N};

package/dist/nile-grid-cell-item/index.cjs.js

@@ -1,2 +0,0 @@
-System.register(["./nile-grid-cell-item.cjs.js","tslib","lit","lit/decorators.js","./nile-grid-cell-item.css.cjs.js","../internal/nile-element.cjs.js","./nile-grid-cell-item.utils.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileGridCellItemCjsJs){_export("NileGridCellItem",_nileGridCellItemCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_nileGridCellItemCssCjsJs){},function(_internalNileElementCjsJs){},function(_nileGridCellItemUtilsCjsJs){}],execute:function execute(){}};});
-//# sourceMappingURL=index.cjs.js.map

package/dist/nile-grid-cell-item/nile-grid-cell-item.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-grid-cell-item.cjs.js","sources":["../../../src/nile-grid-cell-item/nile-grid-cell-item.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-grid-cell-item.css';\nimport NileElement from '../internal/nile-element';\nimport {\n  initCellResize,\n  cellResizeMove,\n  cellResizeDone,\n} from './nile-grid-cell-item.utils';\n\n/**\n * Nile grid-cell component.\n *\n * @tag nile-grid-cell-item\n *\n */\n@customElement('nile-grid-cell-item')\nexport class NileGridCellItem extends NileElement {\n  /**\n   * The styles for nile-grid-cell-item\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property({ type: Number, reflect: true, attribute: true }) colspan = 1;\n  @property({ type: Number, reflect: true, attribute: true }) rowspan = 1;\n  @property({ type: String, reflect: true, attribute: true }) align?:\n    | 'start'\n    | 'center'\n    | 'end';\n  @property({ type: String, reflect: true, attribute: true }) valign?:\n    | 'top'\n    | 'middle'\n    | 'bottom';\n  @property({ type: Boolean, reflect: true, attribute: true }) resizable = false;\n  @property({ type: Boolean, reflect: true, attribute: true }) textOverflowType: 'ellipsis' | 'clip' = 'ellipsis';\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'cell');\n  }\n\n  private onHandlePointerDown = (ev: PointerEvent) => {\n    const el = this as HTMLElement;\n\n    const downXRef = { value: 0 };\n    const startWRef = { value: 0 };\n\n    const result = initCellResize(el, ev, downXRef, startWRef);\n    if (!result) return;\n\n    const { target, col } = result;\n\n    const move = (e: PointerEvent) =>\n      cellResizeMove(el, col, startWRef.value, downXRef.value, e);\n    const done = () => cellResizeDone(el, ev, target, move);\n\n    target.addEventListener('pointermove', move);\n    target.addEventListener('pointerup', done, { once: true });\n    target.addEventListener('pointercancel', done, { once: true });\n  };\n\n  public render(): TemplateResult {\n    return html`\n      <div style=\"display: contents;\">\n        <slot></slot>\n        ${this.resizable\n          ? html`\n              <div\n                aria-hidden=\"true\"\n                class=\"resize-handle\"\n                @pointerdown=${this.onHandlePointerDown}\n              ></div>\n            `\n          : null}\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileGridCellItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-grid-cell-item': NileGridCellItem;\n  }\n}\n"],"names":["NileGridCellItem","c","constructor","this","colspan","rowspan","resizable","textOverflowType","onHandlePointerDown","ev","el","downXRef","value","startWRef","result","initCellResize","target","move","col","e","cellResizeMove","done","cellResizeDone","addEventListener","once","_this","_inherits","_l","_createClass","key","connectedCallback","super","setAttribute","render","html","_templateObject","_taggedTemplateLiteral","_templateObject2","get","styles","NileElement","__decorate","property","type","Number","reflect","attribute","prototype","String","Boolean","customElement"],"mappings":"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"}

package/dist/nile-grid-cell-item/nile-grid-cell-item.css.cjs.js

@@ -1,2 +0,0 @@
-System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,i;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",i=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    --padding: var(--nile-spacing-xl) var(--nile-spacing-3xl);\n    box-sizing: border-box;\n    min-width: 0;\n    white-space: nowrap;\n    width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    padding: var(--padding);\n    height: auto;\n    border-bottom: 1px solid var(--nile-colors-neutral-400);\n    border-right: 1px solid var(--nile-colors-neutral-400);\n    position: relative;\n  }\n\n  ::slotted(*) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    width: min-content;\n  }\n\n  .resize-handle {\n    position: absolute;\n    top: 0;\n    right: 0;\n    height: 100%;\n    cursor: col-resize;\n    touch-action: none;\n    z-index: 1;\n    width: 2px;\n    border-right: 1px solid var(--nile-colors-neutral-400);\n  }\n"]))));}};});
-//# sourceMappingURL=nile-grid-cell-item.css.cjs.js.map

package/dist/nile-grid-cell-item/nile-grid-cell-item.css.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-grid-cell-item.css.cjs.js","sources":["../../../src/nile-grid-cell-item/nile-grid-cell-item.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Grid Cell Item CSS\n */\nexport const styles = css`\n  :host {\n    --padding: var(--nile-spacing-xl) var(--nile-spacing-3xl);\n    box-sizing: border-box;\n    min-width: 0;\n    white-space: nowrap;\n    width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    padding: var(--padding);\n    height: auto;\n    border-bottom: 1px solid var(--nile-colors-neutral-400);\n    border-right: 1px solid var(--nile-colors-neutral-400);\n    position: relative;\n  }\n\n  ::slotted(*) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    width: min-content;\n  }\n\n  .resize-handle {\n    position: absolute;\n    top: 0;\n    right: 0;\n    height: 100%;\n    cursor: col-resize;\n    touch-action: none;\n    z-index: 1;\n    width: 2px;\n    border-right: 1px solid var(--nile-colors-neutral-400);\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-grid-cell-item/nile-grid-cell-item.css.esm.js

@@ -1,35 +0,0 @@
-import{css as o}from"lit";const i=o`
-  :host {
-    --padding: var(--nile-spacing-xl) var(--nile-spacing-3xl);
-    box-sizing: border-box;
-    min-width: 0;
-    white-space: nowrap;
-    width: 100%;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    padding: var(--padding);
-    height: auto;
-    border-bottom: 1px solid var(--nile-colors-neutral-400);
-    border-right: 1px solid var(--nile-colors-neutral-400);
-    position: relative;
-  }
-
-  ::slotted(*) {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    width: min-content;
-  }
-
-  .resize-handle {
-    position: absolute;
-    top: 0;
-    right: 0;
-    height: 100%;
-    cursor: col-resize;
-    touch-action: none;
-    z-index: 1;
-    width: 2px;
-    border-right: 1px solid var(--nile-colors-neutral-400);
-  }
-`;export{i as s};