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

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

@@ -0,0 +1,122 @@
+/**
+ * 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 GridDataProcessor {
+    constructor(options, pageSize = 20) {
+        this.options = options;
+        this.pageSize = pageSize;
+        this.currentPage = 1;
+        this.sortField = '';
+        this.sortDirection = 'asc';
+        this.filterText = '';
+    }
+    setOptions(options) {
+        this.options = options;
+    }
+    setPageSize(pageSize) {
+        this.pageSize = pageSize;
+    }
+    setCurrentPage(page) {
+        this.currentPage = page;
+    }
+    setSortField(field) {
+        this.sortField = field;
+    }
+    setSortDirection(direction) {
+        this.sortDirection = direction;
+    }
+    setFilterText(text) {
+        this.filterText = text;
+    }
+    processData(data, columns) {
+        // Apply filtering
+        const filteredData = this.applyFilters(data, columns);
+        // Apply sorting
+        const sortedData = this.applySorting(filteredData, columns);
+        // Apply pagination
+        const totalPages = Math.ceil(sortedData.length / this.pageSize);
+        const paginatedData = this.applyPagination(sortedData);
+        return {
+            filteredData,
+            sortedData,
+            paginatedData,
+            totalPages
+        };
+    }
+    applyFilters(data, columns) {
+        if (!this.filterText || !this.options.enableFiltering) {
+            return data;
+        }
+        return data.filter(row => {
+            return columns.some(column => {
+                const value = row[column.field];
+                if (value == null)
+                    return false;
+                return String(value).toLowerCase().includes(this.filterText.toLowerCase());
+            });
+        });
+    }
+    applySorting(data, columns) {
+        if (!this.sortField || !this.options.enableSorting) {
+            return data;
+        }
+        const column = columns.find(col => col.field === this.sortField);
+        if (!column)
+            return data;
+        return [...data].sort((a, b) => {
+            const aVal = a[column.field];
+            const bVal = b[column.field];
+            if (aVal == null && bVal == null)
+                return 0;
+            if (aVal == null)
+                return 1;
+            if (bVal == null)
+                return -1;
+            if (typeof aVal === 'string' && typeof bVal === 'string') {
+                return this.sortDirection === 'asc'
+                    ? aVal.localeCompare(bVal)
+                    : bVal.localeCompare(aVal);
+            }
+            if (typeof aVal === 'number' && typeof bVal === 'number') {
+                return this.sortDirection === 'asc' ? aVal - bVal : bVal - aVal;
+            }
+            return 0;
+        });
+    }
+    applyPagination(data) {
+        if (!this.options.enablePagination) {
+            return data;
+        }
+        const startIndex = (this.currentPage - 1) * this.pageSize;
+        const endIndex = startIndex + this.pageSize;
+        return data.slice(startIndex, endIndex);
+    }
+    getSortClass(column) {
+        if (this.sortField !== column.field)
+            return '';
+        return this.sortDirection === 'asc' ? 'sort-asc' : 'sort-desc';
+    }
+    getSortIcon(column) {
+        if (this.sortField !== column.field)
+            return '↕';
+        return this.sortDirection === 'asc' ? '↑' : '↓';
+    }
+    isAllSelected(paginatedData) {
+        return paginatedData.length > 0 && paginatedData.every(row => row.selected);
+    }
+    isPartiallySelected(paginatedData) {
+        const selectedCount = paginatedData.filter(row => row.selected).length;
+        return selectedCount > 0 && selectedCount < paginatedData.length;
+    }
+    // Getters for event handlers
+    getSortField() {
+        return this.sortField;
+    }
+    getSortDirection() {
+        return this.sortDirection;
+    }
+}
+//# sourceMappingURL=data-processor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-processor.js","sourceRoot":"","sources":["../../../src/nile-grid/data-processor.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';\n\nexport class GridDataProcessor {\n  private options: GridOptions;\n  private pageSize: number;\n  private currentPage: number;\n  private sortField: string;\n  private sortDirection: 'asc' | 'desc';\n  private filterText: string;\n\n  constructor(options: GridOptions, pageSize: number = 20) {\n    this.options = options;\n    this.pageSize = pageSize;\n    this.currentPage = 1;\n    this.sortField = '';\n    this.sortDirection = 'asc';\n    this.filterText = '';\n  }\n\n  setOptions(options: GridOptions): void {\n    this.options = options;\n  }\n\n  setPageSize(pageSize: number): void {\n    this.pageSize = pageSize;\n  }\n\n  setCurrentPage(page: number): void {\n    this.currentPage = page;\n  }\n\n  setSortField(field: string): void {\n    this.sortField = field;\n  }\n\n  setSortDirection(direction: 'asc' | 'desc'): void {\n    this.sortDirection = direction;\n  }\n\n  setFilterText(text: string): void {\n    this.filterText = text;\n  }\n\n  processData(data: GridRowData[], columns: GridColumnDef[]): {\n    filteredData: GridRowData[];\n    sortedData: GridRowData[];\n    paginatedData: GridRowData[];\n    totalPages: number;\n  } {\n    // Apply filtering\n    const filteredData = this.applyFilters(data, columns);\n    \n    // Apply sorting\n    const sortedData = this.applySorting(filteredData, columns);\n    \n    // Apply pagination\n    const totalPages = Math.ceil(sortedData.length / this.pageSize);\n    const paginatedData = this.applyPagination(sortedData);\n\n    return {\n      filteredData,\n      sortedData,\n      paginatedData,\n      totalPages\n    };\n  }\n\n  private applyFilters(data: GridRowData[], columns: GridColumnDef[]): GridRowData[] {\n    if (!this.filterText || !this.options.enableFiltering) {\n      return data;\n    }\n\n    return data.filter(row => {\n      return columns.some(column => {\n        const value = row[column.field];\n        if (value == null) return false;\n        return String(value).toLowerCase().includes(this.filterText.toLowerCase());\n      });\n    });\n  }\n\n  private applySorting(data: GridRowData[], columns: GridColumnDef[]): GridRowData[] {\n    if (!this.sortField || !this.options.enableSorting) {\n      return data;\n    }\n\n    const column = columns.find(col => col.field === this.sortField);\n    if (!column) return data;\n\n    return [...data].sort((a, b) => {\n      const aVal = a[column.field];\n      const bVal = b[column.field];\n      \n      if (aVal == null && bVal == null) return 0;\n      if (aVal == null) return 1;\n      if (bVal == null) return -1;\n\n      if (typeof aVal === 'string' && typeof bVal === 'string') {\n        return this.sortDirection === 'asc' \n          ? aVal.localeCompare(bVal)\n          : bVal.localeCompare(aVal);\n      }\n\n      if (typeof aVal === 'number' && typeof bVal === 'number') {\n        return this.sortDirection === 'asc' ? aVal - bVal : bVal - aVal;\n      }\n\n      return 0;\n    });\n  }\n\n  private applyPagination(data: GridRowData[]): GridRowData[] {\n    if (!this.options.enablePagination) {\n      return data;\n    }\n\n    const startIndex = (this.currentPage - 1) * this.pageSize;\n    const endIndex = startIndex + this.pageSize;\n    return data.slice(startIndex, endIndex);\n  }\n\n  getSortClass(column: GridColumnDef): string {\n    if (this.sortField !== column.field) return '';\n    return this.sortDirection === 'asc' ? 'sort-asc' : 'sort-desc';\n  }\n\n  getSortIcon(column: GridColumnDef): string {\n    if (this.sortField !== column.field) return '↕';\n    return this.sortDirection === 'asc' ? '↑' : '↓';\n  }\n\n  isAllSelected(paginatedData: GridRowData[]): boolean {\n    return paginatedData.length > 0 && paginatedData.every(row => row.selected);\n  }\n\n  isPartiallySelected(paginatedData: GridRowData[]): boolean {\n    const selectedCount = paginatedData.filter(row => row.selected).length;\n    return selectedCount > 0 && selectedCount < paginatedData.length;\n  }\n\n  // Getters for event handlers\n  getSortField(): string {\n    return this.sortField;\n  }\n\n  getSortDirection(): 'asc' | 'desc' {\n    return this.sortDirection;\n  }\n}\n"]}

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

@@ -0,0 +1,35 @@
+/**
+ * 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.
+ */
+import type { GridColumnDef, GridRowData, GridOptions } from './types.js';
+import type { GridDataProcessor } from './data-processor.js';
+export declare class GridEventHandlers {
+    private options;
+    private dataProcessor;
+    private selectedRows;
+    private isResizing;
+    private resizingColumn;
+    private dragStartX;
+    private dragStartWidth;
+    constructor(options: GridOptions, dataProcessor: GridDataProcessor);
+    setOptions(options: GridOptions): void;
+    handleKeyDown(event: KeyboardEvent): void;
+    handleWheel(event: WheelEvent, updateVirtualScrolling: () => void): void;
+    handleColumnSort(column: GridColumnDef, onSort: (field: string, direction: 'asc' | 'desc') => void): void;
+    handleColumnFilter(column: GridColumnDef, value: string, onFilter: () => void): void;
+    handleRowSelection(row: GridRowData, event: Event, currentData: GridRowData[], onSelectionChange: () => void): void;
+    handleHeaderSelectionChange(event: Event, currentData: GridRowData[], onSelectionChange: () => void): void;
+    handleRowClick(row: GridRowData, event: Event): void;
+    handleCellEdit(row: GridRowData, column: GridColumnDef, value: any, onCellEdit: (row: GridRowData, column: GridColumnDef, oldValue: any, newValue: any) => void): void;
+    handleColumnResizeStart(column: GridColumnDef, event: MouseEvent): void;
+    private handleColumnResizeMove;
+    private handleColumnResizeEnd;
+    private handleArrowKeyNavigation;
+    private emit;
+    getSelectedRows(): GridRowData[];
+    isResizingColumn(): boolean;
+    getResizingColumn(): GridColumnDef | null;
+}

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

@@ -0,0 +1,158 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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/nile-grid.types.d.ts

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,78 @@
+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

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"]}