@aquera/nile-elements 0.1.73-beta-1.8 → 0.1.73-beta-1.9

package/dist/src/nile-grid/event-handlers.js

@@ -1,158 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-export class GridEventHandlers {
-    constructor(options, dataProcessor) {
-        this.selectedRows = [];
-        this.isResizing = false;
-        this.resizingColumn = null;
-        this.dragStartX = 0;
-        this.dragStartWidth = 0;
-        this.options = options;
-        this.dataProcessor = dataProcessor;
-    }
-    setOptions(options) {
-        this.options = options;
-        this.dataProcessor.setOptions(options);
-    }
-    handleKeyDown(event) {
-        if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
-            event.preventDefault();
-            this.handleArrowKeyNavigation(event.key);
-        }
-    }
-    handleWheel(event, updateVirtualScrolling) {
-        if (this.options.enableVirtualScrolling) {
-            updateVirtualScrolling();
-        }
-    }
-    handleColumnSort(column, onSort) {
-        if (!this.options.enableSorting)
-            return;
-        const currentField = this.dataProcessor.getSortField();
-        const currentDirection = this.dataProcessor.getSortDirection();
-        let newDirection;
-        if (currentField === column.field) {
-            newDirection = currentDirection === 'asc' ? 'desc' : 'asc';
-        }
-        else {
-            newDirection = 'asc';
-        }
-        this.dataProcessor.setSortField(column.field);
-        this.dataProcessor.setSortDirection(newDirection);
-        onSort(column.field, newDirection);
-    }
-    handleColumnFilter(column, value, onFilter) {
-        if (!this.options.enableFiltering)
-            return;
-        column.filterValue = value;
-        this.dataProcessor.setFilterText(value);
-        this.dataProcessor.setCurrentPage(1);
-        onFilter();
-    }
-    handleRowSelection(row, event, currentData, onSelectionChange) {
-        if (!this.options.enableRowSelection)
-            return;
-        const checkbox = event.target;
-        if (this.options.enableMultiRowSelection) {
-            if (checkbox.checked) {
-                if (!this.selectedRows.find(r => r.id === row.id)) {
-                    this.selectedRows.push(row);
-                    row.selected = true;
-                }
-            }
-            else {
-                const index = this.selectedRows.findIndex(r => r.id === row.id);
-                if (index > -1) {
-                    this.selectedRows.splice(index, 1);
-                    row.selected = false;
-                }
-            }
-        }
-        else {
-            this.selectedRows = checkbox.checked ? [row] : [];
-            // Update all rows selection state
-            currentData.forEach(r => {
-                r.selected = r.id === row.id ? checkbox.checked : false;
-            });
-        }
-        onSelectionChange();
-    }
-    handleHeaderSelectionChange(event, currentData, onSelectionChange) {
-        if (!this.options.enableRowSelection)
-            return;
-        const checkbox = event.target;
-        const isChecked = checkbox.checked;
-        currentData.forEach(row => {
-            row.selected = isChecked;
-        });
-        if (isChecked) {
-            this.selectedRows = [...currentData];
-        }
-        else {
-            this.selectedRows = [];
-        }
-        onSelectionChange();
-    }
-    handleRowClick(row, event) {
-        if (this.options.suppressRowClickSelection)
-            return;
-        const target = event.target;
-        if (target.tagName === 'INPUT' || target.closest('.checkbox-cell'))
-            return;
-        // Emit row click event
-        this.emit('nile-grid-row-click', { row, event });
-    }
-    handleCellEdit(row, column, value, onCellEdit) {
-        if (!column.editable)
-            return;
-        const oldValue = row[column.field];
-        row[column.field] = value;
-        onCellEdit(row, column, oldValue, value);
-    }
-    handleColumnResizeStart(column, event) {
-        if (!this.options.enableColumnResize)
-            return;
-        this.isResizing = true;
-        this.resizingColumn = column;
-        this.dragStartX = event.clientX;
-        this.dragStartWidth = column.width || 150;
-        document.addEventListener('mousemove', this.handleColumnResizeMove.bind(this));
-        document.addEventListener('mouseup', this.handleColumnResizeEnd.bind(this));
-    }
-    handleColumnResizeMove(event) {
-        if (!this.isResizing || !this.resizingColumn)
-            return;
-        const deltaX = event.clientX - this.dragStartX;
-        const newWidth = Math.max(this.resizingColumn.minWidth || 50, Math.min(this.resizingColumn.maxWidth || 500, this.dragStartWidth + deltaX));
-        this.resizingColumn.width = newWidth;
-    }
-    handleColumnResizeEnd() {
-        this.isResizing = false;
-        this.resizingColumn = null;
-        document.removeEventListener('mousemove', this.handleColumnResizeMove.bind(this));
-        document.removeEventListener('mouseup', this.handleColumnResizeEnd.bind(this));
-    }
-    handleArrowKeyNavigation(key) {
-        // Emit keyboard navigation event
-        this.emit('nile-grid-key-navigation', { key });
-    }
-    emit(eventName, detail) {
-        // This will be implemented by the main component
-        // The main component will listen to these events and emit them
-    }
-    // Getters
-    getSelectedRows() {
-        return this.selectedRows;
-    }
-    isResizingColumn() {
-        return this.isResizing;
-    }
-    getResizingColumn() {
-        return this.resizingColumn;
-    }
-}
-//# sourceMappingURL=event-handlers.js.map

package/dist/src/nile-grid/event-handlers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"event-handlers.js","sourceRoot":"","sources":["../../../src/nile-grid/event-handlers.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\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 type { GridColumnDef, GridRowData, GridOptions } from './types.js';\nimport type { GridDataProcessor } from './data-processor.js';\n\nexport class GridEventHandlers {\n  private options: GridOptions;\n  private dataProcessor: GridDataProcessor;\n  private selectedRows: GridRowData[] = [];\n  private isResizing: boolean = false;\n  private resizingColumn: GridColumnDef | null = null;\n  private dragStartX: number = 0;\n  private dragStartWidth: number = 0;\n\n  constructor(options: GridOptions, dataProcessor: GridDataProcessor) {\n    this.options = options;\n    this.dataProcessor = dataProcessor;\n  }\n\n  setOptions(options: GridOptions): void {\n    this.options = options;\n    this.dataProcessor.setOptions(options);\n  }\n\n  handleKeyDown(event: KeyboardEvent): void {\n    if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n      event.preventDefault();\n      this.handleArrowKeyNavigation(event.key);\n    }\n  }\n\n  handleWheel(event: WheelEvent, updateVirtualScrolling: () => void): void {\n    if (this.options.enableVirtualScrolling) {\n      updateVirtualScrolling();\n    }\n  }\n\n  handleColumnSort(column: GridColumnDef, onSort: (field: string, direction: 'asc' | 'desc') => void): void {\n    if (!this.options.enableSorting) return;\n\n    const currentField = this.dataProcessor.getSortField();\n    const currentDirection = this.dataProcessor.getSortDirection();\n\n    let newDirection: 'asc' | 'desc';\n    if (currentField === column.field) {\n      newDirection = currentDirection === 'asc' ? 'desc' : 'asc';\n    } else {\n      newDirection = 'asc';\n    }\n\n    this.dataProcessor.setSortField(column.field);\n    this.dataProcessor.setSortDirection(newDirection);\n    \n    onSort(column.field, newDirection);\n  }\n\n  handleColumnFilter(column: GridColumnDef, value: string, onFilter: () => void): void {\n    if (!this.options.enableFiltering) return;\n\n    column.filterValue = value;\n    this.dataProcessor.setFilterText(value);\n    this.dataProcessor.setCurrentPage(1);\n    \n    onFilter();\n  }\n\n  handleRowSelection(row: GridRowData, event: Event, currentData: GridRowData[], onSelectionChange: () => void): void {\n    if (!this.options.enableRowSelection) return;\n\n    const checkbox = event.target as HTMLInputElement;\n    \n    if (this.options.enableMultiRowSelection) {\n      if (checkbox.checked) {\n        if (!this.selectedRows.find(r => r.id === row.id)) {\n          this.selectedRows.push(row);\n          row.selected = true;\n        }\n      } else {\n        const index = this.selectedRows.findIndex(r => r.id === row.id);\n        if (index > -1) {\n          this.selectedRows.splice(index, 1);\n          row.selected = false;\n        }\n      }\n    } else {\n      this.selectedRows = checkbox.checked ? [row] : [];\n      // Update all rows selection state\n      currentData.forEach(r => {\n        r.selected = r.id === row.id ? checkbox.checked : false;\n      });\n    }\n\n    onSelectionChange();\n  }\n\n  handleHeaderSelectionChange(event: Event, currentData: GridRowData[], onSelectionChange: () => void): void {\n    if (!this.options.enableRowSelection) return;\n\n    const checkbox = event.target as HTMLInputElement;\n    const isChecked = checkbox.checked;\n    \n    currentData.forEach(row => {\n      row.selected = isChecked;\n    });\n\n    if (isChecked) {\n      this.selectedRows = [...currentData];\n    } else {\n      this.selectedRows = [];\n    }\n\n    onSelectionChange();\n  }\n\n  handleRowClick(row: GridRowData, event: Event): void {\n    if (this.options.suppressRowClickSelection) return;\n\n    const target = event.target as HTMLElement;\n    if (target.tagName === 'INPUT' || target.closest('.checkbox-cell')) return;\n\n    // Emit row click event\n    this.emit('nile-grid-row-click', { row, event });\n  }\n\n  handleCellEdit(row: GridRowData, column: GridColumnDef, value: any, onCellEdit: (row: GridRowData, column: GridColumnDef, oldValue: any, newValue: any) => void): void {\n    if (!column.editable) return;\n\n    const oldValue = row[column.field];\n    row[column.field] = value;\n\n    onCellEdit(row, column, oldValue, value);\n  }\n\n  handleColumnResizeStart(column: GridColumnDef, event: MouseEvent): void {\n    if (!this.options.enableColumnResize) return;\n\n    this.isResizing = true;\n    this.resizingColumn = column;\n    this.dragStartX = event.clientX;\n    this.dragStartWidth = column.width || 150;\n\n    document.addEventListener('mousemove', this.handleColumnResizeMove.bind(this));\n    document.addEventListener('mouseup', this.handleColumnResizeEnd.bind(this));\n  }\n\n  private handleColumnResizeMove(event: MouseEvent): void {\n    if (!this.isResizing || !this.resizingColumn) return;\n\n    const deltaX = event.clientX - this.dragStartX;\n    const newWidth = Math.max(\n      this.resizingColumn.minWidth || 50,\n      Math.min(this.resizingColumn.maxWidth || 500, this.dragStartWidth + deltaX)\n    );\n\n    this.resizingColumn.width = newWidth;\n  }\n\n  private handleColumnResizeEnd(): void {\n    this.isResizing = false;\n    this.resizingColumn = null;\n    \n    document.removeEventListener('mousemove', this.handleColumnResizeMove.bind(this));\n    document.removeEventListener('mouseup', this.handleColumnResizeEnd.bind(this));\n  }\n\n  private handleArrowKeyNavigation(key: string): void {\n    // Emit keyboard navigation event\n    this.emit('nile-grid-key-navigation', { key });\n  }\n\n  private emit(eventName: string, detail: any): void {\n    // This will be implemented by the main component\n    // The main component will listen to these events and emit them\n  }\n\n  // Getters\n  getSelectedRows(): GridRowData[] {\n    return this.selectedRows;\n  }\n\n  isResizingColumn(): boolean {\n    return this.isResizing;\n  }\n\n  getResizingColumn(): GridColumnDef | null {\n    return this.resizingColumn;\n  }\n}\n"]}

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

@@ -1,5 +0,0 @@
-export { NileGrid } from './nile-grid';
-export * from './types';
-export * from './utils';
-export * from './renderer';
-export * from './resize-handler';

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

@@ -1,6 +0,0 @@
-export { NileGrid } from './nile-grid';
-export * from './types';
-export * from './utils';
-export * from './renderer';
-export * from './resize-handler';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC","sourcesContent":["export { NileGrid } from './nile-grid';\nexport * from './types';\nexport * from './utils';\nexport * from './renderer';\nexport * from './resize-handler';\n"]}

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

@@ -1 +0,0 @@
-export declare const styles: import("lit").CSSResult;

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

@@ -1,120 +0,0 @@
-import { css } from 'lit';
-export const styles = css `
-  :host {
-    display: block;
-    font-family: var(--nile-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
-    font-size: var(--nile-font-size, 14px);
-    line-height: var(--nile-line-height, 1.4);
-    color: var(--nile-color-text, #333);
-  }
-
-  .grid-container {
-    border: 1px solid var(--nile-color-border, #ddd);
-    border-radius: var(--nile-border-radius, 4px);
-    background: var(--nile-color-background, #fff);
-    overflow: hidden;
-    width: 100%;
-    min-width: 100%;
-    box-sizing: border-box;
-  }
-
-  .grid-header {
-    display: grid;
-    background: var(--nile-color-header-background, #f8f9fa);
-    border-bottom: 1px solid var(--nile-color-border, #ddd);
-    font-weight: 600;
-    width: 100%;
-  }
-
-  .grid-header-cell {
-    padding: 8px 12px;
-    border-right: 1px solid var(--nile-color-border, #ddd);
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    position: relative;
-  }
-
-  .grid-header-cell:last-child {
-    border-right: none;
-  }
-
-  .grid-resize-handle {
-    position: absolute;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    width: 4px;
-    cursor: col-resize;
-    background: transparent;
-    transition: background-color 0.2s ease;
-  }
-
-  .grid-resize-handle:hover {
-    background: var(--nile-color-primary, #007bff);
-  }
-
-  .grid-resize-handle:active {
-    background: var(--nile-color-primary, #007bff);
-  }
-
-  .grid-body {
-    max-height: 400px;
-    overflow-y: auto;
-    width: 100%;
-  }
-
-  .grid-row {
-    display: grid;
-    border-bottom: 1px solid var(--nile-color-border-light, #f0f0f0);
-    width: 100%;
-    min-width: 100%;
-  }
-
-  .grid-row:nth-child(even) {
-    background: var(--nile-color-row-even, #fafafa);
-  }
-
-  .grid-row:nth-child(odd) {
-    background: var(--nile-color-row-odd, #fff);
-  }
-
-  .grid-cell {
-    padding: 8px 12px;
-    border-right: 1px solid var(--nile-color-border-light, #f0f0f0);
-    display: flex;
-    align-items: center;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .grid-cell:last-child {
-    border-right: none;
-  }
-
-  /* Column spanning styles */
-  .grid-cell[style*="grid-column"] {
-    border-right: 1px solid var(--nile-color-border-light, #f0f0f0);
-  }
-
-  .grid-cell[style*="grid-column"]:last-of-type {
-    border-right: none;
-  }
-
-  .grid-empty {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 40px;
-    color: var(--nile-color-muted, #6c757d);
-  }
-
-  .empty-text {
-    font-size: 14px;
-  }
-`;
-//# sourceMappingURL=nile-grid.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"nile-grid.css.js","sourceRoot":"","sources":["../../../src/nile-grid/nile-grid.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqHxB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n  :host {\n    display: block;\n    font-family: var(--nile-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);\n    font-size: var(--nile-font-size, 14px);\n    line-height: var(--nile-line-height, 1.4);\n    color: var(--nile-color-text, #333);\n  }\n\n  .grid-container {\n    border: 1px solid var(--nile-color-border, #ddd);\n    border-radius: var(--nile-border-radius, 4px);\n    background: var(--nile-color-background, #fff);\n    overflow: hidden;\n    width: 100%;\n    min-width: 100%;\n    box-sizing: border-box;\n  }\n\n  .grid-header {\n    display: grid;\n    background: var(--nile-color-header-background, #f8f9fa);\n    border-bottom: 1px solid var(--nile-color-border, #ddd);\n    font-weight: 600;\n    width: 100%;\n  }\n\n  .grid-header-cell {\n    padding: 8px 12px;\n    border-right: 1px solid var(--nile-color-border, #ddd);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    position: relative;\n  }\n\n  .grid-header-cell:last-child {\n    border-right: none;\n  }\n\n  .grid-resize-handle {\n    position: absolute;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    width: 4px;\n    cursor: col-resize;\n    background: transparent;\n    transition: background-color 0.2s ease;\n  }\n\n  .grid-resize-handle:hover {\n    background: var(--nile-color-primary, #007bff);\n  }\n\n  .grid-resize-handle:active {\n    background: var(--nile-color-primary, #007bff);\n  }\n\n  .grid-body {\n    max-height: 400px;\n    overflow-y: auto;\n    width: 100%;\n  }\n\n  .grid-row {\n    display: grid;\n    border-bottom: 1px solid var(--nile-color-border-light, #f0f0f0);\n    width: 100%;\n    min-width: 100%;\n  }\n\n  .grid-row:nth-child(even) {\n    background: var(--nile-color-row-even, #fafafa);\n  }\n\n  .grid-row:nth-child(odd) {\n    background: var(--nile-color-row-odd, #fff);\n  }\n\n  .grid-cell {\n    padding: 8px 12px;\n    border-right: 1px solid var(--nile-color-border-light, #f0f0f0);\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .grid-cell:last-child {\n    border-right: none;\n  }\n\n  /* Column spanning styles */\n  .grid-cell[style*=\"grid-column\"] {\n    border-right: 1px solid var(--nile-color-border-light, #f0f0f0);\n  }\n\n  .grid-cell[style*=\"grid-column\"]:last-of-type {\n    border-right: none;\n  }\n\n  .grid-empty {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 40px;\n    color: var(--nile-color-muted, #6c757d);\n  }\n\n  .empty-text {\n    font-size: 14px;\n  }\n`;\n"]}

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

@@ -1,39 +0,0 @@
-import { TemplateResult } from 'lit';
-import type { CSSResultGroup } from 'lit';
-import NileElement from '../internal/nile-element';
-import type { ColumnDef, GridOptions } from './types.js';
-/**
- * @summary A simple data grid component
- * @status stable
- * @since 2.0
- *
- * @event grid-ready - Emitted when the grid is ready
- */
-export declare class NileGrid extends NileElement {
-    static styles: CSSResultGroup;
-    /** Column definitions for the grid */
-    columnDefs: ColumnDef[];
-    /** Row data to display in the grid */
-    rowData: any[];
-    /** Grid options for configuration */
-    gridOptions: GridOptions;
-    private gridApi;
-    connectedCallback(): void;
-    firstUpdated(): void;
-    private initializeGridApi;
-    private emitGridReady;
-    private handleResizeStart;
-    private renderHeader;
-    private shouldShowResizeHandle;
-    private renderBody;
-    private renderRowCells;
-    private calculateColSpan;
-    private getGridTemplateColumns;
-    render(): TemplateResult;
-}
-export default NileGrid;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-grid': NileGrid;
-    }
-}

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

@@ -1,182 +0,0 @@
-import { __decorate } from "tslib";
-import { customElement, property } from 'lit/decorators.js';
-import { html } from 'lit';
-import { styles } from './nile-grid.css';
-import NileElement from '../internal/nile-element';
-import { virtualize } from '@lit-labs/virtualizer/virtualize.js';
-import { GridRenderer } from './renderer.js';
-import { ResizeHandler } from './resize-handler.js';
-/**
- * @summary A simple data grid component
- * @status stable
- * @since 2.0
- *
- * @event grid-ready - Emitted when the grid is ready
- */
-let NileGrid = class NileGrid extends NileElement {
-    constructor() {
-        super(...arguments);
-        /** Column definitions for the grid */
-        this.columnDefs = [];
-        /** Row data to display in the grid */
-        this.rowData = [];
-        /** Grid options for configuration */
-        this.gridOptions = {};
-        this.gridApi = null;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.initializeGridApi();
-    }
-    firstUpdated() {
-        this.emitGridReady();
-    }
-    initializeGridApi() {
-        this.gridApi = {
-            getSelectedRows: () => [],
-            setRowData: (data) => {
-                this.rowData = data;
-                this.requestUpdate();
-            },
-            setColumnDefs: (defs) => {
-                this.columnDefs = defs;
-                this.requestUpdate();
-            }
-        };
-    }
-    emitGridReady() {
-        if (this.gridApi) {
-            const event = {
-                api: this.gridApi,
-                type: 'gridReady'
-            };
-            this.emit('grid-ready', event);
-        }
-    }
-    handleResizeStart(event, col, columnIndex) {
-        ResizeHandler.handleResizeStart(event, col, columnIndex, this.columnDefs, this.gridOptions, () => this.requestUpdate());
-    }
-    renderHeader() {
-        return html `
-      <div class="grid-header" style="grid-template-columns: ${this.getGridTemplateColumns()};">
-        ${this.columnDefs.map((col, index) => html `
-          <div class="grid-header-cell">
-            <span>${col.headerName || col.field}</span>
-            ${this.shouldShowResizeHandle(col) ? html `
-              <div 
-                class="grid-resize-handle"
-                @mousedown=${(e) => this.handleResizeStart(e, col, index)}
-                title="Drag to resize column"
-              ></div>
-            ` : ''}
-          </div>
-        `)}
-      </div>
-    `;
-    }
-    shouldShowResizeHandle(col) {
-        if (!this.gridOptions.enableColResize)
-            return false;
-        if (col.resizable === false)
-            return false;
-        return true;
-    }
-    renderBody() {
-        if (this.gridOptions.enableVirtualScroll && this.rowData.length > 0) {
-            return html `
-        <div class="grid-body">
-          ${virtualize({
-                items: this.rowData,
-                renderItem: (row, rowIndex) => html `
-              <div class="grid-row" style="grid-template-columns: ${this.getGridTemplateColumns()};">
-                ${this.renderRowCells(row, rowIndex)}
-              </div>
-            `,
-                scroller: true,
-            })}
-        </div>
-      `;
-        }
-        return GridRenderer.renderBody(this.rowData, this.columnDefs, false, () => html ``);
-    }
-    renderRowCells(row, rowIndex) {
-        const cells = [];
-        let currentColIndex = 0;
-        for (let colIndex = 0; colIndex < this.columnDefs.length; colIndex++) {
-            const col = this.columnDefs[colIndex];
-            // Check if this column should be skipped due to previous spanning
-            if (currentColIndex > colIndex) {
-                continue;
-            }
-            // Calculate column span
-            const colSpan = this.calculateColSpan(col, row, rowIndex, colIndex);
-            if (colSpan > 0) {
-                const cellStyle = `grid-column: ${currentColIndex + 1} / span ${colSpan};`;
-                cells.push(html `
-          <div class="grid-cell" style="${cellStyle}">
-            <span>${row[col.field]}</span>
-          </div>
-        `);
-                currentColIndex += colSpan;
-            }
-        }
-        return html `${cells}`;
-    }
-    calculateColSpan(col, row, rowIndex, colIndex) {
-        if (col.colSpan) {
-            const params = {
-                data: row,
-                field: col.field,
-                rowIndex,
-                columnIndex: colIndex
-            };
-            return col.colSpan(params);
-        }
-        return 1;
-    }
-    getGridTemplateColumns() {
-        return this.columnDefs.map((col, index) => {
-            if (col.width) {
-                return `${col.width}px`;
-            }
-            // Last column takes remaining space
-            if (index === this.columnDefs.length - 1) {
-                return '1fr';
-            }
-            return 'auto';
-        }).join(' ');
-    }
-    render() {
-        if (!this.columnDefs || this.columnDefs.length === 0) {
-            return html `
-        <div class="grid-container">
-          <div class="grid-empty">
-            <div class="empty-text">No columns defined</div>
-          </div>
-        </div>
-      `;
-        }
-        return html `
-      <div class="grid-container">
-        ${this.renderHeader()}
-        ${this.renderBody()}
-      </div>
-    `;
-    }
-};
-NileGrid.styles = styles;
-__decorate([
-    property({ type: Array, attribute: 'columnDefs' })
-], NileGrid.prototype, "columnDefs", void 0);
-__decorate([
-    property({ type: Array, attribute: 'rowData' })
-], NileGrid.prototype, "rowData", void 0);
-__decorate([
-    property({ type: Object, attribute: 'gridOptions' })
-], NileGrid.prototype, "gridOptions", void 0);
-NileGrid = __decorate([
-    customElement('nile-grid')
-], NileGrid);
-export { NileGrid };
-export default NileGrid;
-//# sourceMappingURL=nile-grid.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"nile-grid.js","sourceRoot":"","sources":["../../../src/nile-grid/nile-grid.ts"],"names":[],"mappings":"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","sourcesContent":["import { customElement, property } from 'lit/decorators.js';\nimport { html, TemplateResult } from 'lit';\nimport { styles } from './nile-grid.css';\nimport type { CSSResultGroup } from 'lit';\nimport NileElement from '../internal/nile-element';\nimport { virtualize } from '@lit-labs/virtualizer/virtualize.js';\nimport type { ColumnDef, GridOptions, GridApi, GridReadyEvent } from './types.js';\nimport { GridRenderer } from './renderer.js';\nimport { ResizeHandler } from './resize-handler.js';\n\n/**\n * @summary A simple data grid component\n * @status stable\n * @since 2.0\n *\n * @event grid-ready - Emitted when the grid is ready\n */\n\n@customElement('nile-grid')\nexport class NileGrid extends NileElement {\n  static styles: CSSResultGroup = styles;\n\n  /** Column definitions for the grid */\n  @property({ type: Array, attribute: 'columnDefs' }) columnDefs: ColumnDef[] = [];\n\n  /** Row data to display in the grid */\n  @property({ type: Array, attribute: 'rowData' }) rowData: any[] = [];\n\n  /** Grid options for configuration */\n  @property({ type: Object, attribute: 'gridOptions' }) gridOptions: GridOptions = {};\n\n  private gridApi: GridApi | null = null;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.initializeGridApi();\n  }\n\n  firstUpdated() {\n    this.emitGridReady();\n  }\n\n  private initializeGridApi() {\n    this.gridApi = {\n      getSelectedRows: () => [],\n      setRowData: (data: any[]) => {\n        this.rowData = data;\n        this.requestUpdate();\n      },\n      setColumnDefs: (defs: ColumnDef[]) => {\n        this.columnDefs = defs;\n        this.requestUpdate();\n      }\n    };\n  }\n\n  private emitGridReady() {\n    if (this.gridApi) {\n      const event: GridReadyEvent = {\n        api: this.gridApi,\n        type: 'gridReady'\n      };\n      this.emit('grid-ready', event);\n    }\n  }\n\n  private handleResizeStart(event: MouseEvent, col: ColumnDef, columnIndex: number): void {\n    ResizeHandler.handleResizeStart(\n      event, \n      col, \n      columnIndex, \n      this.columnDefs, \n      this.gridOptions, \n      () => this.requestUpdate()\n    );\n  }\n\n  private renderHeader(): TemplateResult {\n    return html`\n      <div class=\"grid-header\" style=\"grid-template-columns: ${this.getGridTemplateColumns()};\">\n        ${this.columnDefs.map((col, index) => html`\n          <div class=\"grid-header-cell\">\n            <span>${col.headerName || col.field}</span>\n            ${this.shouldShowResizeHandle(col) ? html`\n              <div \n                class=\"grid-resize-handle\"\n                @mousedown=${(e: MouseEvent) => this.handleResizeStart(e, col, index)}\n                title=\"Drag to resize column\"\n              ></div>\n            ` : ''}\n          </div>\n        `)}\n      </div>\n    `;\n  }\n\n  private shouldShowResizeHandle(col: any): boolean {\n    if (!this.gridOptions.enableColResize) return false;\n    if (col.resizable === false) return false;\n    return true;\n  }\n\n  private renderBody(): TemplateResult {\n    if (this.gridOptions.enableVirtualScroll && this.rowData.length > 0) {\n      return html`\n        <div class=\"grid-body\">\n          ${virtualize({\n            items: this.rowData,\n            renderItem: (row: any, rowIndex: number) => html`\n              <div class=\"grid-row\" style=\"grid-template-columns: ${this.getGridTemplateColumns()};\">\n                ${this.renderRowCells(row, rowIndex)}\n              </div>\n            `,\n            scroller: true,\n          })}\n        </div>\n      `;\n    }\n\n    return GridRenderer.renderBody(\n      this.rowData,\n      this.columnDefs,\n      false,\n      () => html``\n    );\n  }\n\n  private renderRowCells(row: any, rowIndex: number): TemplateResult {\n    const cells: TemplateResult[] = [];\n    let currentColIndex = 0;\n\n    for (let colIndex = 0; colIndex < this.columnDefs.length; colIndex++) {\n      const col = this.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 = this.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`${cells}`;\n  }\n\n  private calculateColSpan(col: any, row: any, rowIndex: number, colIndex: number): number {\n    if (col.colSpan) {\n      const params = {\n        data: row,\n        field: col.field,\n        rowIndex,\n        columnIndex: colIndex\n      };\n      return col.colSpan(params);\n    }\n    return 1;\n  }\n\n  private getGridTemplateColumns(): string {\n    return this.columnDefs.map((col, index) => {\n      if (col.width) {\n        return `${col.width}px`;\n      }\n      // Last column takes remaining space\n      if (index === this.columnDefs.length - 1) {\n        return '1fr';\n      }\n      return 'auto';\n    }).join(' ');\n  }\n\n  render(): TemplateResult {\n    if (!this.columnDefs || this.columnDefs.length === 0) {\n      return html`\n        <div class=\"grid-container\">\n          <div class=\"grid-empty\">\n            <div class=\"empty-text\">No columns defined</div>\n          </div>\n        </div>\n      `;\n    }\n\n    return html`\n      <div class=\"grid-container\">\n        ${this.renderHeader()}\n        ${this.renderBody()}\n      </div>\n    `;\n  }\n}\n\nexport default NileGrid;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-grid': NileGrid;\n  }\n}\n"]}

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

@@ -1,8 +0,0 @@
-import { TemplateResult } from 'lit';
-import type { ColumnDef } from './types.js';
-export declare class GridRenderer {
-    static renderHeader(columnDefs: ColumnDef[], enableColResize: boolean, onResizeStart: (e: MouseEvent, col: ColumnDef, index: number) => void): TemplateResult;
-    static renderBody(rowData: any[], columnDefs: ColumnDef[], enableVirtualScroll: boolean, onVirtualizeRender: (row: any, rowIndex: number) => TemplateResult): TemplateResult;
-    static renderRowWithSpanning(row: any, rowIndex: number, columnDefs: ColumnDef[]): TemplateResult;
-    private static shouldShowResizeHandle;
-}

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

@@ -1,78 +0,0 @@
-import { html } from 'lit';
-import { getGridTemplateColumns, calculateColSpan } from './utils.js';
-export class GridRenderer {
-    static renderHeader(columnDefs, enableColResize, onResizeStart) {
-        return html `
-      <div class="grid-header" style="grid-template-columns: ${getGridTemplateColumns(columnDefs)};">
-        ${columnDefs.map((col, index) => html `
-          <div class="grid-header-cell">
-            <span>${col.headerName || col.field}</span>
-            ${this.shouldShowResizeHandle(col, enableColResize) ? html `
-              <div 
-                class="grid-resize-handle"
-                @mousedown=${(e) => onResizeStart(e, col, index)}
-                title="Drag to resize column"
-              ></div>
-            ` : ''}
-          </div>
-        `)}
-      </div>
-    `;
-    }
-    static renderBody(rowData, columnDefs, enableVirtualScroll, onVirtualizeRender) {
-        if (rowData.length === 0) {
-            return html `
-        <div class="grid-empty">
-          <div class="empty-text">No data available</div>
-        </div>
-      `;
-        }
-        if (enableVirtualScroll) {
-            return html `
-        <div class="grid-body">
-          ${onVirtualizeRender}
-        </div>
-      `;
-        }
-        return html `
-      <div class="grid-body">
-        ${rowData.map((row, rowIndex) => this.renderRowWithSpanning(row, rowIndex, columnDefs))}
-      </div>
-    `;
-    }
-    static renderRowWithSpanning(row, rowIndex, columnDefs) {
-        const cells = [];
-        let currentColIndex = 0;
-        for (let colIndex = 0; colIndex < columnDefs.length; colIndex++) {
-            const col = columnDefs[colIndex];
-            // Check if this column should be skipped due to previous spanning
-            if (currentColIndex > colIndex) {
-                continue;
-            }
-            // Calculate column span
-            const colSpan = calculateColSpan(col, row, rowIndex, colIndex);
-            if (colSpan > 0) {
-                const cellStyle = `grid-column: ${currentColIndex + 1} / span ${colSpan};`;
-                cells.push(html `
-          <div class="grid-cell" style="${cellStyle}">
-            <span>${row[col.field]}</span>
-          </div>
-        `);
-                currentColIndex += colSpan;
-            }
-        }
-        return html `
-      <div class="grid-row" style="grid-template-columns: ${getGridTemplateColumns(columnDefs)};">
-        ${cells}
-      </div>
-    `;
-    }
-    static shouldShowResizeHandle(col, enableColResize) {
-        if (!enableColResize)
-            return false;
-        if (col.resizable === false)
-            return false;
-        return true;
-    }
-}
-//# sourceMappingURL=renderer.js.map