@aquera/nile-elements 1.3.1-beta-1.0 → 1.3.1-beta-1

package/dist/src/nile-floating-panel/position-manager.js

@@ -0,0 +1,94 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * 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 { autoUpdate, computePosition, offset, shift } from '@floating-ui/dom';
+/**
+ * Manages positioning of the floating panel using floating-ui
+ */
+export class PositionManager {
+    constructor(referenceElement, floatingElement, position, offsetValue = 8, shiftPadding = 8) {
+        this.cleanup = null;
+        this.referenceElement = referenceElement;
+        this.floatingElement = floatingElement;
+        this.position = position;
+        this.offsetValue = offsetValue;
+        this.shiftPadding = shiftPadding;
+    }
+    /**
+     * Sets up automatic position updates
+     */
+    setupAutoUpdate() {
+        this.cleanupAutoUpdate();
+        this.cleanup = autoUpdate(this.referenceElement, this.floatingElement, () => {
+            this.reposition();
+        }, {
+            ancestorScroll: true,
+            ancestorResize: true,
+            elementResize: true,
+            layoutShift: true,
+            animationFrame: false,
+        });
+    }
+    /**
+     * Cleans up automatic position updates
+     */
+    cleanupAutoUpdate() {
+        if (this.cleanup) {
+            this.cleanup();
+            this.cleanup = null;
+        }
+    }
+    /**
+     * Repositions the floating element relative to the reference element
+     */
+    reposition() {
+        const placement = this.position;
+        computePosition(this.referenceElement, this.floatingElement, {
+            placement,
+            strategy: 'fixed',
+            middleware: [
+                offset(this.offsetValue),
+                shift({
+                    padding: this.shiftPadding,
+                }),
+            ],
+        }).then(({ x, y }) => {
+            Object.assign(this.floatingElement.style, {
+                left: `${x}px`,
+                top: `${y}px`,
+                position: 'fixed',
+            });
+        });
+    }
+    /**
+     * Updates the position configuration
+     */
+    updatePosition(position) {
+        this.position = position;
+        this.reposition();
+    }
+    /**
+     * Updates the offset value
+     */
+    updateOffset(offset) {
+        this.offsetValue = offset;
+        this.reposition();
+    }
+    /**
+     * Updates the shift padding
+     */
+    updateShiftPadding(padding) {
+        this.shiftPadding = padding;
+        this.reposition();
+    }
+    /**
+     * Cleans up all resources
+     */
+    destroy() {
+        this.cleanupAutoUpdate();
+    }
+}
+//# sourceMappingURL=position-manager.js.map

package/dist/src/nile-floating-panel/position-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"position-manager.js","sourceRoot":"","sources":["../../../src/nile-floating-panel/position-manager.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAI9E;;GAEG;AACH,MAAM,OAAO,eAAe;IAQ1B,YACE,gBAA6B,EAC7B,eAA4B,EAC5B,QAA+B,EAC/B,cAAsB,CAAC,EACvB,eAAuB,CAAC;QAZlB,YAAO,GAAwB,IAAI,CAAC;QAc1C,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;IACnC,CAAC;IAED;;OAEG;IACH,eAAe;QACb,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAEzB,IAAI,CAAC,OAAO,GAAG,UAAU,CACvB,IAAI,CAAC,gBAAgB,EACrB,IAAI,CAAC,eAAe,EACpB,GAAG,EAAE;YACH,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC,EACD;YACE,cAAc,EAAE,IAAI;YACpB,cAAc,EAAE,IAAI;YACpB,aAAa,EAAE,IAAI;YACnB,WAAW,EAAE,IAAI;YACjB,cAAc,EAAE,KAAK;SACtB,CACF,CAAC;IACJ,CAAC;IAED;;OAEG;IACH,iBAAiB;QACf,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,OAAO,EAAE,CAAC;YACf,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACtB,CAAC;IACH,CAAC;IAED;;OAEG;IACH,UAAU;QACR,MAAM,SAAS,GAAc,IAAI,CAAC,QAAQ,CAAC;QAE3C,eAAe,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,eAAe,EAAE;YAC3D,SAAS;YACT,QAAQ,EAAE,OAAO;YACjB,UAAU,EAAE;gBACV,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;gBACxB,KAAK,CAAC;oBACJ,OAAO,EAAE,IAAI,CAAC,YAAY;iBAC3B,CAAC;aACH;SACF,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;YACnB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE;gBACxC,IAAI,EAAE,GAAG,CAAC,IAAI;gBACd,GAAG,EAAE,GAAG,CAAC,IAAI;gBACb,QAAQ,EAAE,OAAO;aAClB,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IACH,cAAc,CAAC,QAA+B;QAC5C,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAED;;OAEG;IACH,YAAY,CAAC,MAAc;QACzB,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;QAC1B,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAED;;OAEG;IACH,kBAAkB,CAAC,OAAe;QAChC,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC;QAC5B,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAED;;OAEG;IACH,OAAO;QACL,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;CACF","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 { autoUpdate, computePosition, offset, shift } from '@floating-ui/dom';\nimport type { Placement } from '@floating-ui/dom';\nimport type { FloatingPanelPosition } from './types';\n\n/**\n * Manages positioning of the floating panel using floating-ui\n */\nexport class PositionManager {\n  private cleanup: (() => void) | null = null;\n  private referenceElement: HTMLElement;\n  private floatingElement: HTMLElement;\n  private position: FloatingPanelPosition;\n  private offsetValue: number;\n  private shiftPadding: number;\n\n  constructor(\n    referenceElement: HTMLElement,\n    floatingElement: HTMLElement,\n    position: FloatingPanelPosition,\n    offsetValue: number = 8,\n    shiftPadding: number = 8\n  ) {\n    this.referenceElement = referenceElement;\n    this.floatingElement = floatingElement;\n    this.position = position;\n    this.offsetValue = offsetValue;\n    this.shiftPadding = shiftPadding;\n  }\n\n  /**\n   * Sets up automatic position updates\n   */\n  setupAutoUpdate(): void {\n    this.cleanupAutoUpdate();\n\n    this.cleanup = autoUpdate(\n      this.referenceElement,\n      this.floatingElement,\n      () => {\n        this.reposition();\n      },\n      {\n        ancestorScroll: true,\n        ancestorResize: true,\n        elementResize: true,\n        layoutShift: true,\n        animationFrame: false,\n      }\n    );\n  }\n\n  /**\n   * Cleans up automatic position updates\n   */\n  cleanupAutoUpdate(): void {\n    if (this.cleanup) {\n      this.cleanup();\n      this.cleanup = null;\n    }\n  }\n\n  /**\n   * Repositions the floating element relative to the reference element\n   */\n  reposition(): void {\n    const placement: Placement = this.position;\n\n    computePosition(this.referenceElement, this.floatingElement, {\n      placement,\n      strategy: 'fixed',\n      middleware: [\n        offset(this.offsetValue),\n        shift({\n          padding: this.shiftPadding,\n        }),\n      ],\n    }).then(({ x, y }) => {\n      Object.assign(this.floatingElement.style, {\n        left: `${x}px`,\n        top: `${y}px`,\n        position: 'fixed',\n      });\n    });\n  }\n\n  /**\n   * Updates the position configuration\n   */\n  updatePosition(position: FloatingPanelPosition): void {\n    this.position = position;\n    this.reposition();\n  }\n\n  /**\n   * Updates the offset value\n   */\n  updateOffset(offset: number): void {\n    this.offsetValue = offset;\n    this.reposition();\n  }\n\n  /**\n   * Updates the shift padding\n   */\n  updateShiftPadding(padding: number): void {\n    this.shiftPadding = padding;\n    this.reposition();\n  }\n\n  /**\n   * Cleans up all resources\n   */\n  destroy(): void {\n    this.cleanupAutoUpdate();\n  }\n}\n\n"]}

package/dist/src/nile-floating-panel/style-manager.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * 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 { CSSResultArray } from 'lit';
+/**
+ * Manages style injection for the floating panel
+ */
+export declare class StyleManager {
+    private injectedStyleId;
+    private static injectedStyleIds;
+    /**
+     * Injects styles into the document head
+     */
+    injectStyles(componentStyles: CSSResultArray): void;
+    /**
+     * Extracts CSS text from CSSResultArray
+     */
+    private extractCSSFromStyles;
+    /**
+     * Cleans up injected styles (only if this is the last instance)
+     * Note: In production, you might want a shared style manager
+     */
+    cleanupStyles(): void;
+    /**
+     * Gets the injected style ID
+     */
+    getInjectedStyleId(): string | null;
+}

package/dist/src/nile-floating-panel/style-manager.js

@@ -0,0 +1,74 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * 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 { panelContainerStyles } from './nile-floating-panel.css';
+/**
+ * Manages style injection for the floating panel
+ */
+export class StyleManager {
+    constructor() {
+        this.injectedStyleId = null;
+    }
+    /**
+     * Injects styles into the document head
+     */
+    injectStyles(componentStyles) {
+        // Check if styles are already injected globally
+        const globalStyleId = 'nile-floating-panel-styles-global';
+        if (StyleManager.injectedStyleIds.has(globalStyleId)) {
+            return; // Styles already injected by another instance
+        }
+        if (this.injectedStyleId && document.getElementById(this.injectedStyleId)) {
+            return; // Styles already injected for this instance
+        }
+        this.injectedStyleId = globalStyleId;
+        StyleManager.injectedStyleIds.add(globalStyleId);
+        const cssText = this.extractCSSFromStyles(componentStyles);
+        const styleElement = document.createElement('style');
+        styleElement.id = globalStyleId;
+        styleElement.textContent = cssText;
+        document.head.appendChild(styleElement);
+    }
+    /**
+     * Extracts CSS text from CSSResultArray
+     */
+    extractCSSFromStyles(styles) {
+        // Extract panel container styles for injection
+        const containerStyles = panelContainerStyles.cssText || '';
+        // Also extract component styles if needed
+        const componentStyles = styles
+            .map(style => {
+            if (typeof style === 'string') {
+                return style;
+            }
+            // For CSSResult, get the cssText
+            if (style && 'cssText' in style) {
+                return style.cssText;
+            }
+            return '';
+        })
+            .join('\n');
+        // Return both, prioritizing container styles
+        return containerStyles + '\n' + componentStyles;
+    }
+    /**
+     * Cleans up injected styles (only if this is the last instance)
+     * Note: In production, you might want a shared style manager
+     */
+    cleanupStyles() {
+        // For now, we leave styles injected to avoid flicker
+        // In a production app, you might want to use a shared style manager
+        // that tracks instance count and removes styles when count reaches 0
+    }
+    /**
+     * Gets the injected style ID
+     */
+    getInjectedStyleId() {
+        return this.injectedStyleId;
+    }
+}
+StyleManager.injectedStyleIds = new Set();
+//# sourceMappingURL=style-manager.js.map

package/dist/src/nile-floating-panel/style-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-manager.js","sourceRoot":"","sources":["../../../src/nile-floating-panel/style-manager.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE;;GAEG;AACH,MAAM,OAAO,YAAY;IAAzB;QACU,oBAAe,GAAkB,IAAI,CAAC;IAqEhD,CAAC;IAlEC;;OAEG;IACH,YAAY,CAAC,eAA+B;QAC1C,gDAAgD;QAChD,MAAM,aAAa,GAAG,mCAAmC,CAAC;QAC1D,IAAI,YAAY,CAAC,gBAAgB,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,CAAC;YACrD,OAAO,CAAC,8CAA8C;QACxD,CAAC;QAED,IAAI,IAAI,CAAC,eAAe,IAAI,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;YAC1E,OAAO,CAAC,4CAA4C;QACtD,CAAC;QAED,IAAI,CAAC,eAAe,GAAG,aAAa,CAAC;QACrC,YAAY,CAAC,gBAAgB,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QAEjD,MAAM,OAAO,GAAG,IAAI,CAAC,oBAAoB,CAAC,eAAe,CAAC,CAAC;QAE3D,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACrD,YAAY,CAAC,EAAE,GAAG,aAAa,CAAC;QAChC,YAAY,CAAC,WAAW,GAAG,OAAO,CAAC;QACnC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IAC1C,CAAC;IAED;;OAEG;IACK,oBAAoB,CAAC,MAAsB;QACjD,+CAA+C;QAC/C,MAAM,eAAe,GAAG,oBAAoB,CAAC,OAAO,IAAI,EAAE,CAAC;QAE3D,0CAA0C;QAC1C,MAAM,eAAe,GAAG,MAAM;aAC3B,GAAG,CAAC,KAAK,CAAC,EAAE;YACX,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;gBAC9B,OAAO,KAAK,CAAC;YACf,CAAC;YACD,iCAAiC;YACjC,IAAI,KAAK,IAAI,SAAS,IAAI,KAAK,EAAE,CAAC;gBAChC,OAAQ,KAAa,CAAC,OAAO,CAAC;YAChC,CAAC;YACD,OAAO,EAAE,CAAC;QACZ,CAAC,CAAC;aACD,IAAI,CAAC,IAAI,CAAC,CAAC;QAEd,6CAA6C;QAC7C,OAAO,eAAe,GAAG,IAAI,GAAG,eAAe,CAAC;IAClD,CAAC;IAED;;;OAGG;IACH,aAAa;QACX,qDAAqD;QACrD,oEAAoE;QACpE,qEAAqE;IACvE,CAAC;IAED;;OAEG;IACH,kBAAkB;QAChB,OAAO,IAAI,CAAC,eAAe,CAAC;IAC9B,CAAC;;AAnEc,6BAAgB,GAAgB,IAAI,GAAG,EAAE,AAAzB,CAA0B","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 type { CSSResultArray } from 'lit';\nimport { panelContainerStyles } from './nile-floating-panel.css';\n\n/**\n * Manages style injection for the floating panel\n */\nexport class StyleManager {\n  private injectedStyleId: string | null = null;\n  private static injectedStyleIds: Set<string> = new Set();\n\n  /**\n   * Injects styles into the document head\n   */\n  injectStyles(componentStyles: CSSResultArray): void {\n    // Check if styles are already injected globally\n    const globalStyleId = 'nile-floating-panel-styles-global';\n    if (StyleManager.injectedStyleIds.has(globalStyleId)) {\n      return; // Styles already injected by another instance\n    }\n\n    if (this.injectedStyleId && document.getElementById(this.injectedStyleId)) {\n      return; // Styles already injected for this instance\n    }\n\n    this.injectedStyleId = globalStyleId;\n    StyleManager.injectedStyleIds.add(globalStyleId);\n\n    const cssText = this.extractCSSFromStyles(componentStyles);\n\n    const styleElement = document.createElement('style');\n    styleElement.id = globalStyleId;\n    styleElement.textContent = cssText;\n    document.head.appendChild(styleElement);\n  }\n\n  /**\n   * Extracts CSS text from CSSResultArray\n   */\n  private extractCSSFromStyles(styles: CSSResultArray): string {\n    // Extract panel container styles for injection\n    const containerStyles = panelContainerStyles.cssText || '';\n\n    // Also extract component styles if needed\n    const componentStyles = styles\n      .map(style => {\n        if (typeof style === 'string') {\n          return style;\n        }\n        // For CSSResult, get the cssText\n        if (style && 'cssText' in style) {\n          return (style as any).cssText;\n        }\n        return '';\n      })\n      .join('\\n');\n\n    // Return both, prioritizing container styles\n    return containerStyles + '\\n' + componentStyles;\n  }\n\n  /**\n   * Cleans up injected styles (only if this is the last instance)\n   * Note: In production, you might want a shared style manager\n   */\n  cleanupStyles(): void {\n    // For now, we leave styles injected to avoid flicker\n    // In a production app, you might want to use a shared style manager\n    // that tracks instance count and removes styles when count reaches 0\n  }\n\n  /**\n   * Gets the injected style ID\n   */\n  getInjectedStyleId(): string | null {\n    return this.injectedStyleId;\n  }\n}\n\n"]}

package/dist/src/nile-floating-panel/types.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * Position options for the floating panel
+ */
+export type FloatingPanelPosition = 'top' | 'bottom' | 'left' | 'right';
+/**
+ * Anchor type - can be an HTMLElement or a string selector
+ */
+export type FloatingPanelAnchor = HTMLElement | string | null;
+/**
+ * Configuration for floating panel positioning
+ */
+export interface FloatingPanelPositionConfig {
+    position: FloatingPanelPosition;
+    offset?: number;
+    shiftPadding?: number;
+}
+/**
+ * Configuration for floating panel content
+ */
+export interface FloatingPanelContentConfig {
+    slotContent: Node[];
+    dataContent: string;
+}

package/dist/src/nile-floating-panel/types.js

@@ -0,0 +1,8 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * 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 {};
+//# sourceMappingURL=types.js.map

package/dist/src/nile-floating-panel/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/nile-floating-panel/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG","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\n/**\n * Position options for the floating panel\n */\nexport type FloatingPanelPosition = 'top' | 'bottom' | 'left' | 'right';\n\n/**\n * Anchor type - can be an HTMLElement or a string selector\n */\nexport type FloatingPanelAnchor = HTMLElement | string | null;\n\n/**\n * Configuration for floating panel positioning\n */\nexport interface FloatingPanelPositionConfig {\n  position: FloatingPanelPosition;\n  offset?: number;\n  shiftPadding?: number;\n}\n\n/**\n * Configuration for floating panel content\n */\nexport interface FloatingPanelContentConfig {\n  slotContent: Node[];\n  dataContent: string;\n}\n\n"]}

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

@@ -0,0 +1,37 @@
+/**
+ * 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';
+export declare class GridDataProcessor {
+    private options;
+    private pageSize;
+    private currentPage;
+    private sortField;
+    private sortDirection;
+    private filterText;
+    constructor(options: GridOptions, pageSize?: number);
+    setOptions(options: GridOptions): void;
+    setPageSize(pageSize: number): void;
+    setCurrentPage(page: number): void;
+    setSortField(field: string): void;
+    setSortDirection(direction: 'asc' | 'desc'): void;
+    setFilterText(text: string): void;
+    processData(data: GridRowData[], columns: GridColumnDef[]): {
+        filteredData: GridRowData[];
+        sortedData: GridRowData[];
+        paginatedData: GridRowData[];
+        totalPages: number;
+    };
+    private applyFilters;
+    private applySorting;
+    private applyPagination;
+    getSortClass(column: GridColumnDef): string;
+    getSortIcon(column: GridColumnDef): string;
+    isAllSelected(paginatedData: GridRowData[]): boolean;
+    isPartiallySelected(paginatedData: GridRowData[]): boolean;
+    getSortField(): string;
+    getSortDirection(): 'asc' | 'desc';
+}

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