@aquera/nile-elements 1.1.3-beta-1.2 → 1.1.3-beta-1.4

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

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.js","sourceRoot":"","sources":["../../../src/nile-grid/renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAE3C,OAAO,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEtE,MAAM,OAAO,YAAY;IACvB,MAAM,CAAC,YAAY,CAAC,UAAuB,EAAE,eAAwB,EAAE,aAAqE;QAC1I,OAAO,IAAI,CAAA;+DACgD,sBAAsB,CAAC,UAAU,CAAC;UACvF,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAA;;oBAEzB,GAAG,CAAC,UAAU,IAAI,GAAG,CAAC,KAAK;cACjC,IAAI,CAAC,sBAAsB,CAAC,GAAG,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;;;6BAGzC,CAAC,CAAa,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC;;;aAG/D,CAAC,CAAC,CAAC,EAAE;;SAET,CAAC;;KAEL,CAAC;IACJ,CAAC;IAED,MAAM,CAAC,UAAU,CACf,OAAc,EACd,UAAuB,EACvB,mBAA4B,EAC5B,kBAAkE;QAElE,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACzB,OAAO,IAAI,CAAA;;;;OAIV,CAAC;QACJ,CAAC;QAED,IAAI,mBAAmB,EAAE,CAAC;YACxB,OAAO,IAAI,CAAA;;YAEL,kBAAkB;;OAEvB,CAAC;QACJ,CAAC;QAED,OAAO,IAAI,CAAA;;UAEL,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,qBAAqB,CAAC,GAAG,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;;KAE1F,CAAC;IACJ,CAAC;IAED,MAAM,CAAC,qBAAqB,CAAC,GAAQ,EAAE,QAAgB,EAAE,UAAuB;QAC9E,MAAM,KAAK,GAAqB,EAAE,CAAC;QACnC,IAAI,eAAe,GAAG,CAAC,CAAC;QAExB,KAAK,IAAI,QAAQ,GAAG,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC;YAChE,MAAM,GAAG,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;YAEjC,kEAAkE;YAClE,IAAI,eAAe,GAAG,QAAQ,EAAE,CAAC;gBAC/B,SAAS;YACX,CAAC;YAED,wBAAwB;YACxB,MAAM,OAAO,GAAG,gBAAgB,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;YAE/D,IAAI,OAAO,GAAG,CAAC,EAAE,CAAC;gBAChB,MAAM,SAAS,GAAG,gBAAgB,eAAe,GAAG,CAAC,WAAW,OAAO,GAAG,CAAC;gBAE3E,KAAK,CAAC,IAAI,CAAC,IAAI,CAAA;0CACmB,SAAS;oBAC/B,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;;SAEzB,CAAC,CAAC;gBAEH,eAAe,IAAI,OAAO,CAAC;YAC7B,CAAC;QACH,CAAC;QAED,OAAO,IAAI,CAAA;4DAC6C,sBAAsB,CAAC,UAAU,CAAC;UACpF,KAAK;;KAEV,CAAC;IACJ,CAAC;IAEO,MAAM,CAAC,sBAAsB,CAAC,GAAc,EAAE,eAAwB;QAC5E,IAAI,CAAC,eAAe;YAAE,OAAO,KAAK,CAAC;QACnC,IAAI,GAAG,CAAC,SAAS,KAAK,KAAK;YAAE,OAAO,KAAK,CAAC;QAC1C,OAAO,IAAI,CAAC;IACd,CAAC;CACF","sourcesContent":["import { html, TemplateResult } from 'lit';\nimport type { ColumnDef } from './types.js';\nimport { getGridTemplateColumns, calculateColSpan } from './utils.js';\n\nexport class GridRenderer {\n  static renderHeader(columnDefs: ColumnDef[], enableColResize: boolean, onResizeStart: (e: MouseEvent, col: ColumnDef, index: number) => void): TemplateResult {\n    return html`\n      <div class=\"grid-header\" style=\"grid-template-columns: ${getGridTemplateColumns(columnDefs)};\">\n        ${columnDefs.map((col, index) => html`\n          <div class=\"grid-header-cell\">\n            <span>${col.headerName || col.field}</span>\n            ${this.shouldShowResizeHandle(col, enableColResize) ? html`\n              <div \n                class=\"grid-resize-handle\"\n                @mousedown=${(e: MouseEvent) => onResizeStart(e, col, index)}\n                title=\"Drag to resize column\"\n              ></div>\n            ` : ''}\n          </div>\n        `)}\n      </div>\n    `;\n  }\n\n  static renderBody(\n    rowData: any[], \n    columnDefs: ColumnDef[], \n    enableVirtualScroll: boolean,\n    onVirtualizeRender: (row: any, rowIndex: number) => TemplateResult\n  ): TemplateResult {\n    if (rowData.length === 0) {\n      return html`\n        <div class=\"grid-empty\">\n          <div class=\"empty-text\">No data available</div>\n        </div>\n      `;\n    }\n\n    if (enableVirtualScroll) {\n      return html`\n        <div class=\"grid-body\">\n          ${onVirtualizeRender}\n        </div>\n      `;\n    }\n\n    return html`\n      <div class=\"grid-body\">\n        ${rowData.map((row, rowIndex) => this.renderRowWithSpanning(row, rowIndex, columnDefs))}\n      </div>\n    `;\n  }\n\n  static renderRowWithSpanning(row: any, rowIndex: number, columnDefs: ColumnDef[]): TemplateResult {\n    const cells: TemplateResult[] = [];\n    let currentColIndex = 0;\n\n    for (let colIndex = 0; colIndex < columnDefs.length; colIndex++) {\n      const col = columnDefs[colIndex];\n      \n      // Check if this column should be skipped due to previous spanning\n      if (currentColIndex > colIndex) {\n        continue;\n      }\n\n      // Calculate column span\n      const colSpan = calculateColSpan(col, row, rowIndex, colIndex);\n      \n      if (colSpan > 0) {\n        const cellStyle = `grid-column: ${currentColIndex + 1} / span ${colSpan};`;\n        \n        cells.push(html`\n          <div class=\"grid-cell\" style=\"${cellStyle}\">\n            <span>${row[col.field]}</span>\n          </div>\n        `);\n        \n        currentColIndex += colSpan;\n      }\n    }\n\n    return html`\n      <div class=\"grid-row\" style=\"grid-template-columns: ${getGridTemplateColumns(columnDefs)};\">\n        ${cells}\n      </div>\n    `;\n  }\n\n  private static shouldShowResizeHandle(col: ColumnDef, enableColResize: boolean): boolean {\n    if (!enableColResize) return false;\n    if (col.resizable === false) return false;\n    return true;\n  }\n}\n"]}

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

@@ -0,0 +1,4 @@
+import type { ColumnDef, GridOptions } from './types.js';
+export declare class ResizeHandler {
+    static handleResizeStart(event: MouseEvent, col: ColumnDef, columnIndex: number, columnDefs: ColumnDef[], gridOptions: GridOptions, onUpdate: () => void): void;
+}

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

@@ -0,0 +1,36 @@
+export class ResizeHandler {
+    static handleResizeStart(event, col, columnIndex, columnDefs, gridOptions, onUpdate) {
+        event.preventDefault();
+        event.stopPropagation();
+        const startX = event.clientX;
+        const startWidth = col.width || 100;
+        const isShiftKey = event.shiftKey || gridOptions.colResizeDefault === 'shift';
+        const handleMouseMove = (e) => {
+            const deltaX = e.clientX - startX;
+            let newWidth = startWidth + deltaX;
+            // Ensure minimum width for usability
+            newWidth = Math.max(newWidth, 50);
+            // Update column width
+            col.width = newWidth;
+            // If shift resize, adjust adjacent column
+            if (isShiftKey && columnIndex < columnDefs.length - 1) {
+                const nextCol = columnDefs[columnIndex + 1];
+                const totalWidth = (col.width || 0) + (nextCol.width || 0);
+                const newNextWidth = totalWidth - newWidth;
+                // Ensure adjacent column doesn't get too narrow
+                if (newNextWidth >= 50) {
+                    nextCol.width = newNextWidth;
+                }
+            }
+            // Force complete re-render for virtual scrolling
+            onUpdate();
+        };
+        const handleMouseUp = () => {
+            document.removeEventListener('mousemove', handleMouseMove);
+            document.removeEventListener('mouseup', handleMouseUp);
+        };
+        document.addEventListener('mousemove', handleMouseMove);
+        document.addEventListener('mouseup', handleMouseUp);
+    }
+}
+//# sourceMappingURL=resize-handler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resize-handler.js","sourceRoot":"","sources":["../../../src/nile-grid/resize-handler.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,aAAa;IACxB,MAAM,CAAC,iBAAiB,CACtB,KAAiB,EACjB,GAAc,EACd,WAAmB,EACnB,UAAuB,EACvB,WAAwB,EACxB,QAAoB;QAEpB,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC;QAC7B,MAAM,UAAU,GAAG,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC;QACpC,MAAM,UAAU,GAAG,KAAK,CAAC,QAAQ,IAAI,WAAW,CAAC,gBAAgB,KAAK,OAAO,CAAC;QAE9E,MAAM,eAAe,GAAG,CAAC,CAAa,EAAE,EAAE;YACxC,MAAM,MAAM,GAAG,CAAC,CAAC,OAAO,GAAG,MAAM,CAAC;YAClC,IAAI,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;YAEnC,qCAAqC;YACrC,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;YAElC,sBAAsB;YACtB,GAAG,CAAC,KAAK,GAAG,QAAQ,CAAC;YAErB,0CAA0C;YAC1C,IAAI,UAAU,IAAI,WAAW,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACtD,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;gBAC5C,MAAM,UAAU,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC;gBAC3D,MAAM,YAAY,GAAG,UAAU,GAAG,QAAQ,CAAC;gBAE3C,gDAAgD;gBAChD,IAAI,YAAY,IAAI,EAAE,EAAE,CAAC;oBACvB,OAAO,CAAC,KAAK,GAAG,YAAY,CAAC;gBAC/B,CAAC;YACH,CAAC;YAED,iDAAiD;YACjD,QAAQ,EAAE,CAAC;QACb,CAAC,CAAC;QAEF,MAAM,aAAa,GAAG,GAAG,EAAE;YACzB,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;YAC3D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACzD,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QACxD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACtD,CAAC;CACF","sourcesContent":["import type { ColumnDef, GridOptions } from './types.js';\n\nexport class ResizeHandler {\n  static handleResizeStart(\n    event: MouseEvent, \n    col: ColumnDef, \n    columnIndex: number, \n    columnDefs: ColumnDef[],\n    gridOptions: GridOptions,\n    onUpdate: () => void\n  ): void {\n    event.preventDefault();\n    event.stopPropagation();\n    \n    const startX = event.clientX;\n    const startWidth = col.width || 100;\n    const isShiftKey = event.shiftKey || gridOptions.colResizeDefault === 'shift';\n    \n    const handleMouseMove = (e: MouseEvent) => {\n      const deltaX = e.clientX - startX;\n      let newWidth = startWidth + deltaX;\n      \n      // Ensure minimum width for usability\n      newWidth = Math.max(newWidth, 50);\n      \n      // Update column width\n      col.width = newWidth;\n      \n      // If shift resize, adjust adjacent column\n      if (isShiftKey && columnIndex < columnDefs.length - 1) {\n        const nextCol = columnDefs[columnIndex + 1];\n        const totalWidth = (col.width || 0) + (nextCol.width || 0);\n        const newNextWidth = totalWidth - newWidth;\n        \n        // Ensure adjacent column doesn't get too narrow\n        if (newNextWidth >= 50) {\n          nextCol.width = newNextWidth;\n        }\n      }\n      \n      // Force complete re-render for virtual scrolling\n      onUpdate();\n    };\n    \n    const handleMouseUp = () => {\n      document.removeEventListener('mousemove', handleMouseMove);\n      document.removeEventListener('mouseup', handleMouseUp);\n    };\n    \n    document.addEventListener('mousemove', handleMouseMove);\n    document.addEventListener('mouseup', handleMouseUp);\n  }\n}\n"]}

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

@@ -0,0 +1,32 @@
+export interface ColumnDef {
+    field: string;
+    headerName?: string;
+    sortable?: boolean;
+    width?: number;
+    resizable?: boolean;
+    minWidth?: number;
+    maxWidth?: number;
+    colSpan?: (params: ColSpanParams) => number;
+}
+export interface GridOptions {
+    rowSelection?: 'single' | 'multiple';
+    enableSorting?: boolean;
+    enableVirtualScroll?: boolean;
+    enableColResize?: boolean;
+    colResizeDefault?: 'normal' | 'shift';
+}
+export interface ColSpanParams {
+    data: any;
+    field: string;
+    rowIndex: number;
+    columnIndex: number;
+}
+export interface GridApi {
+    getSelectedRows: () => any[];
+    setRowData: (data: any[]) => void;
+    setColumnDefs: (defs: ColumnDef[]) => void;
+}
+export interface GridReadyEvent {
+    api: GridApi;
+    type: 'gridReady';
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/nile-grid/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface ColumnDef {\n  field: string;\n  headerName?: string;\n  sortable?: boolean;\n  width?: number;\n  resizable?: boolean;\n  minWidth?: number;\n  maxWidth?: number;\n  colSpan?: (params: ColSpanParams) => number;\n}\n\nexport interface GridOptions {\n  rowSelection?: 'single' | 'multiple';\n  enableSorting?: boolean;\n  enableVirtualScroll?: boolean;\n  enableColResize?: boolean;\n  colResizeDefault?: 'normal' | 'shift';\n}\n\nexport interface ColSpanParams {\n  data: any;\n  field: string;\n  rowIndex: number;\n  columnIndex: number;\n}\n\nexport interface GridApi {\n  getSelectedRows: () => any[];\n  setRowData: (data: any[]) => void;\n  setColumnDefs: (defs: ColumnDef[]) => void;\n}\n\nexport interface GridReadyEvent {\n  api: GridApi;\n  type: 'gridReady';\n}\n"]}

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

@@ -0,0 +1,4 @@
+import type { ColumnDef } from './types.js';
+export declare function getGridTemplateColumns(columnDefs: ColumnDef[]): string;
+export declare function calculateColSpan(col: ColumnDef, row: any, rowIndex: number, colIndex: number): number;
+export declare function shouldShowResizeHandle(col: ColumnDef, enableColResize: boolean): boolean;

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

@@ -0,0 +1,32 @@
+export function getGridTemplateColumns(columnDefs) {
+    return columnDefs.map((col, index) => {
+        if (col.width) {
+            return `${col.width}px`;
+        }
+        // Last column takes remaining space
+        if (index === columnDefs.length - 1) {
+            return '1fr';
+        }
+        return 'auto';
+    }).join(' ');
+}
+export function calculateColSpan(col, row, rowIndex, colIndex) {
+    if (col.colSpan) {
+        const params = {
+            data: row,
+            field: col.field,
+            rowIndex,
+            columnIndex: colIndex
+        };
+        return col.colSpan(params);
+    }
+    return 1;
+}
+export function shouldShowResizeHandle(col, enableColResize) {
+    if (!enableColResize)
+        return false;
+    if (col.resizable === false)
+        return false;
+    return true;
+}
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/nile-grid/utils.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,sBAAsB,CAAC,UAAuB;IAC5D,OAAO,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QACnC,IAAI,GAAG,CAAC,KAAK,EAAE,CAAC;YACd,OAAO,GAAG,GAAG,CAAC,KAAK,IAAI,CAAC;QAC1B,CAAC;QACD,oCAAoC;QACpC,IAAI,KAAK,KAAK,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACpC,OAAO,KAAK,CAAC;QACf,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,GAAc,EAAE,GAAQ,EAAE,QAAgB,EAAE,QAAgB;IAC3F,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;QAChB,MAAM,MAAM,GAAkB;YAC5B,IAAI,EAAE,GAAG;YACT,KAAK,EAAE,GAAG,CAAC,KAAK;YAChB,QAAQ;YACR,WAAW,EAAE,QAAQ;SACtB,CAAC;QACF,OAAO,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC;IACD,OAAO,CAAC,CAAC;AACX,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,GAAc,EAAE,eAAwB;IAC7E,IAAI,CAAC,eAAe;QAAE,OAAO,KAAK,CAAC;IACnC,IAAI,GAAG,CAAC,SAAS,KAAK,KAAK;QAAE,OAAO,KAAK,CAAC;IAC1C,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["import type { ColumnDef, ColSpanParams } from './types.js';\n\nexport function getGridTemplateColumns(columnDefs: ColumnDef[]): string {\n  return columnDefs.map((col, index) => {\n    if (col.width) {\n      return `${col.width}px`;\n    }\n    // Last column takes remaining space\n    if (index === columnDefs.length - 1) {\n      return '1fr';\n    }\n    return 'auto';\n  }).join(' ');\n}\n\nexport function calculateColSpan(col: ColumnDef, row: any, rowIndex: number, colIndex: number): number {\n  if (col.colSpan) {\n    const params: ColSpanParams = {\n      data: row,\n      field: col.field,\n      rowIndex,\n      columnIndex: colIndex\n    };\n    return col.colSpan(params);\n  }\n  return 1;\n}\n\nexport function shouldShowResizeHandle(col: ColumnDef, enableColResize: boolean): boolean {\n  if (!enableColResize) return false;\n  if (col.resizable === false) return false;\n  return true;\n}\n"]}

package/dist/src/nile-grid-body/nile-grid-body.css.js

@@ -10,12 +10,8 @@ import { css } from 'lit';
  */
 export const styles = css `
   :host {
-    display: grid;
-    overflow-y: auto;
-    overflow-x: visible;
     box-sizing: border-box;
     background-color: var(--nile-colors-white-base);
-    height: 100%;
   }
 `;
 export default [styles];

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

@@ -1 +1 @@
-{"version":3,"file":"nile-grid-body.css.js","sourceRoot":"","sources":["../../../src/nile-grid-body/nile-grid-body.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;CASxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","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"]}
+{"version":3,"file":"nile-grid-body.css.js","sourceRoot":"","sources":["../../../src/nile-grid-body/nile-grid-body.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;CAKxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","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    box-sizing: border-box;\n    background-color: var(--nile-colors-white-base);\n  }\n`;\n\nexport default [styles];\n"]}

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

@@ -29,7 +29,7 @@ let NileGridBody = class NileGridBody extends NileElement {
     }
     render() {
         return html `
-      <div style="display: contents;">
+      <div part="grid-body-base">
         <slot></slot>
       </div>
     `;

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

@@ -1 +1 @@
-{"version":3,"file":"nile-grid-body.js","sourceRoot":"","sources":["../../../src/nile-grid-body/nile-grid-body.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAc,IAAI,EAAkC,MAAM,KAAK,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD;;;;;GAKG;AAEI,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,WAAW;IAC3C;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACxC,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;CAGF,CAAA;AAvBY,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAuBxB;;AAED,eAAe,YAAY,CAAC","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"]}
+{"version":3,"file":"nile-grid-body.js","sourceRoot":"","sources":["../../../src/nile-grid-body/nile-grid-body.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAE,IAAI,EAAkC,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD;;;;;GAKG;AAEI,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,WAAW;IAC3C;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACxC,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;CAGF,CAAA;AAvBY,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAuBxB;;AAED,eAAe,YAAY,CAAC","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 { 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 part=\"grid-body-base\">\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"]}

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

@@ -20,8 +20,17 @@ export const styles = css `
     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;
+    font-size: 14px;
+    font-weight: 400;
+    font-family: var(--nile-font-weight-regular);
+    background-color: #FFFFFF;
+    min-height: 44px;
+  }
+
+  .cell-item-base {
+    width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
   }
 
   ::slotted(*) {
@@ -31,6 +40,11 @@ export const styles = css `
     width: min-content;
   }
 
+  :host(:last-child) .resize-handle {
+    border-right: none;
+    display: none;
+  }
+
   .resize-handle {
     position: absolute;
     top: 0;
@@ -41,6 +55,7 @@ export const styles = css `
     z-index: 1;
     width: 2px;
     border-right: 1px solid var(--nile-colors-neutral-400);
+    display: none;
   }
 `;
 export default [styles];

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

@@ -1 +1 @@
-{"version":3,"file":"nile-grid-cell-item.css.js","sourceRoot":"","sources":["../../../src/nile-grid-cell-item/nile-grid-cell-item.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","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"]}
+{"version":3,"file":"nile-grid-cell-item.css.js","sourceRoot":"","sources":["../../../src/nile-grid-cell-item/nile-grid-cell-item.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","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    font-size: 14px;\n    font-weight: 400;\n    font-family: var(--nile-font-weight-regular);\n    background-color: #FFFFFF;\n    min-height: 44px;\n  }\n\n  .cell-item-base {\n    width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  ::slotted(*) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    width: min-content;\n  }\n\n  :host(:last-child) .resize-handle {\n    border-right: none;\n    display: none;\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    display: none;\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-grid-cell-item/nile-grid-cell-item.d.ts

@@ -20,10 +20,7 @@ export declare class NileGridCellItem extends NileElement {
     static get styles(): CSSResultArray;
     colspan: number;
     rowspan: number;
-    align?: 'start' | 'center' | 'end';
-    valign?: 'top' | 'middle' | 'bottom';
     resizable: boolean;
-    textOverflowType: 'ellipsis' | 'clip';
     connectedCallback(): void;
     private onHandlePointerDown;
     render(): TemplateResult;

package/dist/src/nile-grid-cell-item/nile-grid-cell-item.js

@@ -22,7 +22,6 @@ let NileGridCellItem = class NileGridCellItem extends NileElement {
         this.colspan = 1;
         this.rowspan = 1;
         this.resizable = false;
-        this.textOverflowType = 'ellipsis';
         this.onHandlePointerDown = (ev) => {
             const el = this;
             const downXRef = { value: 0 };
@@ -52,7 +51,7 @@ let NileGridCellItem = class NileGridCellItem extends NileElement {
     }
     render() {
         return html `
-      <div style="display: contents;">
+      <div class="cell-item-base" part="cell-item-base">
         <slot></slot>
         ${this.resizable
             ? html `
@@ -73,18 +72,9 @@ __decorate([
 __decorate([
     property({ type: Number, reflect: true, attribute: true })
 ], NileGridCellItem.prototype, "rowspan", void 0);
-__decorate([
-    property({ type: String, reflect: true, attribute: true })
-], NileGridCellItem.prototype, "align", void 0);
-__decorate([
-    property({ type: String, reflect: true, attribute: true })
-], NileGridCellItem.prototype, "valign", void 0);
 __decorate([
     property({ type: Boolean, reflect: true, attribute: true })
 ], NileGridCellItem.prototype, "resizable", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true, attribute: true })
-], NileGridCellItem.prototype, "textOverflowType", void 0);
 NileGridCellItem = __decorate([
     customElement('nile-grid-cell-item')
 ], NileGridCellItem);

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

@@ -1 +1 @@
-{"version":3,"file":"nile-grid-cell-item.js","sourceRoot":"","sources":["../../../src/nile-grid-cell-item/nile-grid-cell-item.ts"],"names":[],"mappings":"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","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"]}
+{"version":3,"file":"nile-grid-cell-item.js","sourceRoot":"","sources":["../../../src/nile-grid-cell-item/nile-grid-cell-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAE,IAAI,EAAkC,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EACL,cAAc,EACd,cAAc,EACd,cAAc,GACf,MAAM,6BAA6B,CAAC;AAErC;;;;;GAKG;AAEI,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,WAAW;IAA1C;;QASuD,YAAO,GAAG,CAAC,CAAC;QACZ,YAAO,GAAG,CAAC,CAAC;QACX,cAAS,GAAG,KAAK,CAAC;QAOvE,wBAAmB,GAAG,CAAC,EAAgB,EAAE,EAAE;YAEjD,MAAM,EAAE,GAAG,IAAmB,CAAC;YAE/B,MAAM,QAAQ,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;YAC9B,MAAM,SAAS,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;YAE/B,MAAM,MAAM,GAAG,cAAc,CAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;YAC3D,IAAI,CAAC,MAAM;gBAAE,OAAO;YAEpB,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC;YAE/B,MAAM,IAAI,GAAG,CAAC,CAAe,EAAE,EAAE,CAC/B,cAAc,CAAC,EAAE,EAAE,GAAG,EAAE,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YAC9D,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,cAAc,CAAC,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;YAExD,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;YAC7C,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;YAC3D,MAAM,CAAC,gBAAgB,CAAC,eAAe,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;QACjE,CAAC,CAAC;QAmBF,gBAAgB;IAClB,CAAC;IAxDC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAMD,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,CAAC;IAuBM,MAAM;QACX,OAAO,IAAI,CAAA;;;UAGL,IAAI,CAAC,SAAS;YACd,CAAC,CAAC,IAAI,CAAA;;;;+BAIe,IAAI,CAAC,mBAAmB;;aAE1C;YACH,CAAC,CAAC,IAAI;;KAEX,CAAC;IACJ,CAAC;CAGF,CAAA;AAhD6D;IAA3D,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;iDAAa;AACZ;IAA3D,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;iDAAa;AACX;IAA5D,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;mDAAmB;AAXpE,gBAAgB;IAD5B,aAAa,CAAC,qBAAqB,CAAC;GACxB,gBAAgB,CAyD5B;;AAED,eAAe,gBAAgB,CAAC","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 { 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: Boolean, reflect: true, attribute: true }) resizable = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'cell');\n  }\n\n  private onHandlePointerDown = (ev: PointerEvent) => {\n    \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 class=\"cell-item-base\" part=\"cell-item-base\">\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"]}

package/dist/src/nile-grid-head/nile-grid-head.css.js

@@ -11,7 +11,7 @@ import { css } from 'lit';
 export const styles = css `
   :host([sticky]) {
     position: sticky;
-    z-index: 2;
+    z-index: 4;
     top: 0;
   }
 `;

package/dist/src/nile-grid-head/nile-grid-head.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-grid-head.css.js","sourceRoot":"","sources":["../../../src/nile-grid-head/nile-grid-head.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;CAMxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","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 * GridHead CSS\n */\nexport const styles = css`\n  :host([sticky]) {\n    position: sticky;\n    z-index: 2;\n    top: 0;\n  }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-grid-head.css.js","sourceRoot":"","sources":["../../../src/nile-grid-head/nile-grid-head.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;CAMxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","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 * GridHead CSS\n */\nexport const styles = css`\n  :host([sticky]) {\n    position: sticky;\n    z-index: 4;\n    top: 0;\n  }\n`;\n\nexport default [styles];\n"]}

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

@@ -27,7 +27,7 @@ let NileGridHead = class NileGridHead extends NileElement {
     /* #region Methods */
     render() {
         return html `
-      <div style="display: contents;">
+      <div part="grid-head-base">
         <slot></slot>
       </div>
     `;

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

@@ -1 +1 @@
-{"version":3,"file":"nile-grid-head.js","sourceRoot":"","sources":["../../../src/nile-grid-head/nile-grid-head.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAc,IAAI,EAAkC,MAAM,KAAK,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD;;;;;GAKG;AAEI,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,WAAW;IAC3C;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAED,gBAAgB;IAEhB,qBAAqB;IAEd,MAAM;QACX,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;CAGF,CAAA;AAtBY,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAsBxB;;AAED,eAAe,YAAY,CAAC","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-head.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile grid-head component.\n *\n * @tag nile-grid-head\n *\n */\n@customElement('nile-grid-head')\nexport class NileGridHead extends NileElement {\n  /**\n   * The styles for nile-grid-head\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  /* #endregion */\n\n  /* #region Methods */\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 NileGridHead;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-grid-head': NileGridHead;\n  }\n}\n"]}
+{"version":3,"file":"nile-grid-head.js","sourceRoot":"","sources":["../../../src/nile-grid-head/nile-grid-head.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAE,IAAI,EAAkC,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD;;;;;GAKG;AAEI,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,WAAW;IAC3C;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAED,gBAAgB;IAEhB,qBAAqB;IAEd,MAAM;QACX,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;CAGF,CAAA;AAtBY,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAsBxB;;AAED,eAAe,YAAY,CAAC","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 { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-grid-head.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile grid-head component.\n *\n * @tag nile-grid-head\n *\n */\n@customElement('nile-grid-head')\nexport class NileGridHead extends NileElement {\n  /**\n   * The styles for nile-grid-head\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  /* #endregion */\n\n  /* #region Methods */\n\n  public render(): TemplateResult {\n    return html`\n      <div part=\"grid-head-base\">\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileGridHead;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-grid-head': NileGridHead;\n  }\n}\n"]}

package/dist/src/nile-grid-head-item/nile-grid-head-item.css.js

@@ -10,7 +10,8 @@ import { css } from 'lit';
  */
 export const styles = css `
   :host {
-    --padding: var(--nile-spacing-xl) var(--nile-spacing-3xl);
+    --padding: var(--nile-spacing-lg) var(--nile-spacing-3xl);
+    --height: 50px;
     position: relative;
     box-sizing: border-box;
     user-select: none;
@@ -21,7 +22,16 @@ export const styles = css `
     padding: var(--padding);
     background-color: var(--nile-colors-neutral-100);
     border-bottom: 1px solid var(--nile-colors-neutral-400);
-    border-right: 1px solid var(--nile-colors-neutral-400);
+    font-size: 12px;
+    font-weight: 500;
+    font-family: var(--nile-font-weight-medium);
+    min-height: var(--height);
+  }
+
+  .head-item-base {
+    width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
   }
 
   ::slotted(*) {
@@ -30,12 +40,17 @@ export const styles = css `
     white-space: nowrap;
   }
 
+  :host(:last-child) .resize-handle {
+    border-right: none;
+    display: none;
+  }
+
   .resize-handle {
     position: absolute;
     top: 0;
     right: 0;
     height: 100%;
-    cursor: col-resize;
+    cursor: ew-resize;
     touch-action: none;
     z-index: 1;
     width: 2px;

package/dist/src/nile-grid-head-item/nile-grid-head-item.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-grid-head-item.css.js","sourceRoot":"","sources":["../../../src/nile-grid-head-item/nile-grid-head-item.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","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 * NileGridHeadItem CSS\n */\nexport const styles = css`\n  :host {\n    --padding: var(--nile-spacing-xl) var(--nile-spacing-3xl);\n    position: relative;\n    box-sizing: border-box;\n    user-select: none;\n    white-space: nowrap;\n    width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    padding: var(--padding);\n    background-color: var(--nile-colors-neutral-100);\n    border-bottom: 1px solid var(--nile-colors-neutral-400);\n    border-right: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  ::slotted(*) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\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"]}
+{"version":3,"file":"nile-grid-head-item.css.js","sourceRoot":"","sources":["../../../src/nile-grid-head-item/nile-grid-head-item.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","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 * NileGridHeadItem CSS\n */\nexport const styles = css`\n  :host {\n    --padding: var(--nile-spacing-lg) var(--nile-spacing-3xl);\n    --height: 50px;\n    position: relative;\n    box-sizing: border-box;\n    user-select: none;\n    white-space: nowrap;\n    width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    padding: var(--padding);\n    background-color: var(--nile-colors-neutral-100);\n    border-bottom: 1px solid var(--nile-colors-neutral-400);\n    font-size: 12px;\n    font-weight: 500;\n    font-family: var(--nile-font-weight-medium);\n    min-height: var(--height);\n  }\n\n  .head-item-base {\n    width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  ::slotted(*) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  :host(:last-child) .resize-handle {\n    border-right: none;\n    display: none;\n  }\n\n  .resize-handle {\n    position: absolute;\n    top: 0;\n    right: 0;\n    height: 100%;\n    cursor: ew-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"]}

package/dist/src/nile-grid-head-item/nile-grid-head-item.d.ts

@@ -20,9 +20,10 @@ export declare class NileGridHeadItem extends NileElement {
     static get styles(): CSSResultArray;
     colspan: number;
     rowspan: number;
-    scope: 'col' | 'row';
     resizable: boolean;
-    sticky: boolean;
+    colSticky: boolean;
+    lastColSticky: boolean;
+    customWidth: number | null;
     connectedCallback(): void;
     private onHandlePointerDown;
     protected updated(changed: Map<string, unknown>): void;

package/dist/src/nile-grid-head-item/nile-grid-head-item.js

@@ -21,9 +21,10 @@ let NileGridHeadItem = class NileGridHeadItem extends NileElement {
         super(...arguments);
         this.colspan = 1;
         this.rowspan = 1;
-        this.scope = 'col';
         this.resizable = false;
-        this.sticky = false;
+        this.colSticky = false;
+        this.lastColSticky = false;
+        this.customWidth = null;
         this.onHandlePointerDown = (ev) => {
             const el = this;
             const downXRef = { value: 0 };
@@ -49,12 +50,10 @@ let NileGridHeadItem = class NileGridHeadItem extends NileElement {
     }
     connectedCallback() {
         super.connectedCallback();
-        this.setAttribute('role', this.scope === 'row' ? 'rowheader' : 'columnheader');
+        this.setAttribute('role', 'row');
     }
     updated(changed) {
-        if (changed.has('scope')) {
-            this.setAttribute('role', this.scope === 'row' ? 'rowheader' : 'columnheader');
-        }
+        this.setAttribute('role', 'row');
     }
     disconnectedCallback() {
         super.disconnectedCallback();
@@ -62,13 +61,14 @@ let NileGridHeadItem = class NileGridHeadItem extends NileElement {
     }
     render() {
         return html `
-      <div style="display: contents;">
+      <div part="grid-head-item-base" class="head-item-base">
         <slot></slot>
         ${this.resizable
             ? html `
               <div
                 aria-hidden="false"
                 class="resize-handle"
+                part="resize-handle"
                 @pointerdown=${this.onHandlePointerDown}
               ></div>
             `
@@ -83,15 +83,18 @@ __decorate([
 __decorate([
     property({ type: Number, reflect: true, attribute: true })
 ], NileGridHeadItem.prototype, "rowspan", void 0);
-__decorate([
-    property({ type: String, reflect: true, attribute: true })
-], NileGridHeadItem.prototype, "scope", void 0);
 __decorate([
     property({ type: Boolean, reflect: true, attribute: true })
 ], NileGridHeadItem.prototype, "resizable", void 0);
 __decorate([
     property({ type: Boolean, reflect: true, attribute: true })
-], NileGridHeadItem.prototype, "sticky", void 0);
+], NileGridHeadItem.prototype, "colSticky", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: true })
+], NileGridHeadItem.prototype, "lastColSticky", void 0);
+__decorate([
+    property({ type: Number, reflect: true, attribute: true })
+], NileGridHeadItem.prototype, "customWidth", void 0);
 NileGridHeadItem = __decorate([
     customElement('nile-grid-head-item')
 ], NileGridHeadItem);

package/dist/src/nile-grid-head-item/nile-grid-head-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-grid-head-item.js","sourceRoot":"","sources":["../../../src/nile-grid-head-item/nile-grid-head-item.ts"],"names":[],"mappings":"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","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-head-item.css';\nimport NileElement from '../internal/nile-element';\nimport {\n  initHeadResize,\n  headResizeMove,\n  headResizeDone,\n} from './nile-grid-head-item.utils';\n\n/**\n * Nile grid-head-item component.\n *\n * @tag nile-grid-head-item\n *\n */\n@customElement('nile-grid-head-item')\nexport class NileGridHeadItem extends NileElement {\n  /**\n   * The styles for nile-grid-head-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 }) scope:\n    | 'col'\n    | 'row' = 'col';\n  @property({ type: Boolean, reflect: true, attribute: true }) resizable = false;\n  @property({ type: Boolean, reflect: true, attribute: true }) sticky = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute(\n      'role',\n      this.scope === 'row' ? 'rowheader' : 'columnheader'\n    );\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 = initHeadResize(el, ev, downXRef, startWRef);\n    if (!result) return;\n\n    const { target, col } = result;\n\n    const move = (e: PointerEvent) =>\n      headResizeMove(el, col, startWRef.value, downXRef.value, e);\n\n    const done = () => headResizeDone(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  protected updated(changed: Map<string, unknown>) {\n    if (changed.has('scope')) {\n      this.setAttribute(\n        'role',\n        this.scope === 'row' ? 'rowheader' : 'columnheader'\n      );\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeAttribute('role');\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=\"false\"\n                class=\"resize-handle\"\n                @pointerdown=${this.onHandlePointerDown}\n              ></div>\n            `\n          : null}\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileGridHeadItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-grid-head-item': NileGridHeadItem;\n  }\n}\n"]}
+{"version":3,"file":"nile-grid-head-item.js","sourceRoot":"","sources":["../../../src/nile-grid-head-item/nile-grid-head-item.ts"],"names":[],"mappings":"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","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 { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-grid-head-item.css';\nimport NileElement from '../internal/nile-element';\nimport {\n  initHeadResize,\n  headResizeMove,\n  headResizeDone,\n} from './nile-grid-head-item.utils';\n\n/**\n * Nile grid-head-item component.\n *\n * @tag nile-grid-head-item\n *\n */\n@customElement('nile-grid-head-item')\nexport class NileGridHeadItem extends NileElement {\n  /**\n   * The styles for nile-grid-head-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: Boolean, reflect: true, attribute: true }) resizable = false;\n  @property({ type: Boolean, reflect: true, attribute: true }) colSticky = false;\n  @property({ type: Boolean, reflect: true, attribute: true }) lastColSticky = false;\n  @property({ type: Number, reflect: true, attribute: true }) customWidth: number | null = null;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role','row');\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 = initHeadResize(el, ev, downXRef, startWRef);\n    if (!result) return;\n\n    const { target, col } = result;\n\n    const move = (e: PointerEvent) =>\n      headResizeMove(el, col, startWRef.value, downXRef.value, e);\n\n    const done = () => headResizeDone(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  protected updated(changed: Map<string, unknown>) {\n    this.setAttribute('role','row');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeAttribute('role');\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div part=\"grid-head-item-base\" class=\"head-item-base\">\n        <slot></slot>\n        ${this.resizable\n          ? html`\n              <div\n                aria-hidden=\"false\"\n                class=\"resize-handle\"\n                part=\"resize-handle\"\n                @pointerdown=${this.onHandlePointerDown}\n              ></div>\n            `\n          : null}\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileGridHeadItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-grid-head-item': NileGridHeadItem;\n  }\n}\n"]}

package/dist/src/nile-grid-row/nile-grid-row.css.js

@@ -10,18 +10,30 @@ import { css } from 'lit';
  */
 export const styles = css `
   :host {
-    display: contents;
+    display: grid;
+    grid-template-columns: var(--nile-grid-columns);
+    position: relative;
   }
 
-  ::slotted(nile-grid-header) {
+  :host(:hover) {
     background-color: var(--nile-colors-neutral-100);
   }
 
-  .row-layer {
-    background-color: var(--row-bg, transparent);
+  .row-bg {
+    grid-column: 1 / -1;
+    pointer-events: none;
     z-index: 0;
-    pointer-events: auto;
+    display: none;
   }
+
+  .row-slot {
+    grid-column: 1 / -1;
+    display: contents;
+    z-index: 1;
+  }
+
+  :host([selected]) .row-bg { background: var(--row-selected-bg, rgba(0,0,0,.08)); }
+  :host([error]) .row-bg { background: var(--row-error-bg, #fff4f4); }
 `;
 export default [styles];
 //# sourceMappingURL=nile-grid-row.css.js.map

package/dist/src/nile-grid-row/nile-grid-row.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-grid-row.css.js","sourceRoot":"","sources":["../../../src/nile-grid-row/nile-grid-row.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;CAcxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","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 * GridRow CSS\n */\nexport const styles = css`\n  :host {\n    display: contents;\n  }\n\n  ::slotted(nile-grid-header) {\n    background-color: var(--nile-colors-neutral-100);\n  }\n\n  .row-layer {\n    background-color: var(--row-bg, transparent);\n    z-index: 0;\n    pointer-events: auto;\n  }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-grid-row.css.js","sourceRoot":"","sources":["../../../src/nile-grid-row/nile-grid-row.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","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 * GridRow CSS\n */\nexport const styles = css`\n  :host {\n    display: grid;\n    grid-template-columns: var(--nile-grid-columns);\n    position: relative;\n  }\n\n  :host(:hover) {\n    background-color: var(--nile-colors-neutral-100);\n  }\n\n  .row-bg {\n    grid-column: 1 / -1;\n    pointer-events: none;\n    z-index: 0;\n    display: none;\n  }\n\n  .row-slot {\n    grid-column: 1 / -1;\n    display: contents;\n    z-index: 1;\n  }\n\n  :host([selected]) .row-bg { background: var(--row-selected-bg, rgba(0,0,0,.08)); }\n  :host([error]) .row-bg { background: var(--row-error-bg, #fff4f4); }\n`;\n\nexport default [styles];\n"]}

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

@@ -18,8 +18,11 @@ export declare class NileGridRow extends NileElement {
      * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
      */
     static get styles(): CSSResultArray;
+    disabled: boolean;
+    hover: boolean;
+    selected: boolean;
     connectedCallback(): void;
-    render(): TemplateResult;
+    protected render(): TemplateResult<1>;
 }
 export default NileGridRow;
 declare global {