@aquera/nile-elements 0.1.74 → 0.1.75-beta-1.2

package/dist/src/nile-calendar/__snapshots__/nile-calendar.test.snap.js

@@ -0,0 +1,310 @@
+/* @web/test-runner snapshot v1 */
+export const snapshots = {};
+
+snapshots["NileCalendar renders correctly with default properties"] = 
+`<div class="base">
+  <div class="calendar-config hidden">
+    <div class="calendar-switcher">
+      <nile-tab-group
+        centered=""
+        value="absolute"
+      >
+        <nile-tab
+          active=""
+          aria-disabled="false"
+          aria-selected="true"
+          centered=""
+          id="nile-tab-1"
+          panel="absolute"
+          role="tab"
+          slot="nav"
+        >
+          Absolute
+        </nile-tab>
+        <nile-tab
+          aria-disabled="false"
+          aria-selected="false"
+          centered=""
+          id="nile-tab-2"
+          panel="relative"
+          role="tab"
+          slot="nav"
+        >
+          Relative
+        </nile-tab>
+      </nile-tab-group>
+    </div>
+  </div>
+  <div class="calendar-wrapper">
+    <div class="calendar-container">
+      <div class="calendar">
+        <div class="calendar-header">
+          <nile-icon
+            class="calendar-header__month-navigation"
+            color="black"
+            description=""
+            method="fill"
+            name="arrowleft"
+            set="local"
+            size="16"
+            style="--nile-svg-fill: black; --nile-svg-height: 16px; --nile-svg-width: 16px;"
+          >
+          </nile-icon>
+          <span>
+            August
+            2025
+          </span>
+          <nile-icon
+            class="calendar-header__month-navigation"
+            color="black"
+            description=""
+            method="fill"
+            name="arrowright"
+            set="local"
+            size="16"
+            style="--nile-svg-fill: black; --nile-svg-height: 16px; --nile-svg-width: 16px;"
+          >
+          </nile-icon>
+        </div>
+        <div class="days_container">
+          <div class="day_name">
+            Su
+          </div>
+          <div class="day_name">
+            Mo
+          </div>
+          <div class="day_name">
+            Tu
+          </div>
+          <div class="day_name">
+            We
+          </div>
+          <div class="day_name">
+            Th
+          </div>
+          <div class="day_name">
+            Fr
+          </div>
+          <div class="day_name">
+            Sa
+          </div>
+          <div class="day_date filler">
+            <span style="position:relative;">
+              27
+            </span>
+          </div>
+          <div class="day_date filler">
+            <span style="position:relative;">
+              28
+            </span>
+          </div>
+          <div class="day_date filler">
+            <span style="position:relative;">
+              29
+            </span>
+          </div>
+          <div class="day_date filler">
+            <span style="position:relative;">
+              30
+            </span>
+          </div>
+          <div class="day_date filler">
+            <span style="position:relative;">
+              31
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              1
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              2
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              3
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              4
+              <div class="current__date__dot">
+              </div>
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              5
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              6
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              7
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              8
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              9
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              10
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              11
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              12
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              13
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              14
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              15
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              16
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              17
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              18
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              19
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              20
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              21
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              22
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              23
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              24
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              25
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              26
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              27
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              28
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              29
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              30
+            </span>
+          </div>
+          <div class="day_date">
+            <span style="position:relative;">
+              31
+            </span>
+          </div>
+          <div class="day_date filler">
+            <span style="position:relative;">
+              1
+            </span>
+          </div>
+          <div class="day_date filler">
+            <span style="position:relative;">
+              2
+            </span>
+          </div>
+          <div class="day_date filler">
+            <span style="position:relative;">
+              3
+            </span>
+          </div>
+          <div class="day_date filler">
+            <span style="position:relative;">
+              4
+            </span>
+          </div>
+          <div class="day_date filler">
+            <span style="position:relative;">
+              5
+            </span>
+          </div>
+          <div class="day_date filler">
+            <span style="position:relative;">
+              6
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+/* end snapshot NileCalendar renders correctly with default properties */
+

package/dist/src/nile-card/__snapshots__/nile-card.test.snap.js

@@ -0,0 +1,34 @@
+/* @web/test-runner snapshot v1 */
+export const snapshots = {};
+
+snapshots["Nile Card should render the card properly"] = 
+`<div
+  class="card card--has-footer"
+  part="base"
+>
+  <div
+    class="body__wrapper"
+    part="body__wrapper"
+  >
+    <slot
+      class="card__header"
+      name="header"
+      part="header"
+    >
+    </slot>
+    <slot
+      class="card__body"
+      part="body"
+    >
+    </slot>
+  </div>
+  <slot
+    class="card__footer"
+    name="footer"
+    part="footer"
+  >
+  </slot>
+</div>
+`;
+/* end snapshot Nile Card should render the card properly */
+

package/dist/src/nile-checkbox/__snapshots__/nile-checkbox.test.snap.js

@@ -0,0 +1,31 @@
+/* @web/test-runner snapshot v1 */
+export const snapshots = {};
+
+snapshots["NileCheckbox renders correctly with default properties"] = 
+`<label
+  class="checkbox checkbox--medium"
+  part="base"
+>
+  <input
+    aria-checked="false"
+    class="checkbox__input"
+    name=""
+    title=""
+    type="checkbox"
+  >
+  <span
+    class="checkbox__control"
+    part="control"
+  >
+  </span>
+  <div
+    class="checkbox__label"
+    part="label"
+  >
+    <slot>
+    </slot>
+  </div>
+</label>
+`;
+/* end snapshot NileCheckbox renders correctly with default properties */
+

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":"AAAA;;;;;GAKG;AAIH,MAAM,OAAO,iBAAiB;IAQ5B,YAAY,OAAoB,EAAE,WAAmB,EAAE;QACrD,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;QACrB,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACpB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;IACvB,CAAC;IAED,UAAU,CAAC,OAAoB;QAC7B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;IAED,WAAW,CAAC,QAAgB;QAC1B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;IAED,cAAc,CAAC,IAAY;QACzB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;IAC1B,CAAC;IAED,YAAY,CAAC,KAAa;QACxB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IACzB,CAAC;IAED,gBAAgB,CAAC,SAAyB;QACxC,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;IACjC,CAAC;IAED,aAAa,CAAC,IAAY;QACxB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;IACzB,CAAC;IAED,WAAW,CAAC,IAAmB,EAAE,OAAwB;QAMvD,kBAAkB;QAClB,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAEtD,gBAAgB;QAChB,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;QAE5D,mBAAmB;QACnB,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC;QAChE,MAAM,aAAa,GAAG,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;QAEvD,OAAO;YACL,YAAY;YACZ,UAAU;YACV,aAAa;YACb,UAAU;SACX,CAAC;IACJ,CAAC;IAEO,YAAY,CAAC,IAAmB,EAAE,OAAwB;QAChE,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,eAAe,EAAE,CAAC;YACtD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE;YACvB,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;gBAC3B,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBAChC,IAAI,KAAK,IAAI,IAAI;oBAAE,OAAO,KAAK,CAAC;gBAChC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CAAC;YAC7E,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,YAAY,CAAC,IAAmB,EAAE,OAAwB;QAChE,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC;YACnD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,IAAI,CAAC,SAAS,CAAC,CAAC;QACjE,IAAI,CAAC,MAAM;YAAE,OAAO,IAAI,CAAC;QAEzB,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YAC7B,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC7B,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAE7B,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI;gBAAE,OAAO,CAAC,CAAC;YAC3C,IAAI,IAAI,IAAI,IAAI;gBAAE,OAAO,CAAC,CAAC;YAC3B,IAAI,IAAI,IAAI,IAAI;gBAAE,OAAO,CAAC,CAAC,CAAC;YAE5B,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;gBACzD,OAAO,IAAI,CAAC,aAAa,KAAK,KAAK;oBACjC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;oBAC1B,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YAC/B,CAAC;YAED,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;gBACzD,OAAO,IAAI,CAAC,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC;YAClE,CAAC;YAED,OAAO,CAAC,CAAC;QACX,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,eAAe,CAAC,IAAmB;QACzC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,EAAE,CAAC;YACnC,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,UAAU,GAAG,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC1D,MAAM,QAAQ,GAAG,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC5C,OAAO,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;IAC1C,CAAC;IAED,YAAY,CAAC,MAAqB;QAChC,IAAI,IAAI,CAAC,SAAS,KAAK,MAAM,CAAC,KAAK;YAAE,OAAO,EAAE,CAAC;QAC/C,OAAO,IAAI,CAAC,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC;IACjE,CAAC;IAED,WAAW,CAAC,MAAqB;QAC/B,IAAI,IAAI,CAAC,SAAS,KAAK,MAAM,CAAC,KAAK;YAAE,OAAO,GAAG,CAAC;QAChD,OAAO,IAAI,CAAC,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAClD,CAAC;IAED,aAAa,CAAC,aAA4B;QACxC,OAAO,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC9E,CAAC;IAED,mBAAmB,CAAC,aAA4B;QAC9C,MAAM,aAAa,GAAG,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC;QACvE,OAAO,aAAa,GAAG,CAAC,IAAI,aAAa,GAAG,aAAa,CAAC,MAAM,CAAC;IACnE,CAAC;IAED,6BAA6B;IAC7B,YAAY;QACV,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;CACF","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;
+}