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

package/dist/src/internal/resizable-styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resizable-styles.js","sourceRoot":"","sources":["../../../src/internal/resizable-styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;;GAGG;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;;;;;;CAOrC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAA;;;;;;;;;;;CAWvC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsD/B,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCrC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;CAiBrC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;CAKnC,CAAC","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 { css } from 'lit';\n\n/**\n * Resizable Styles Utility\n * Centralized styles for resizable table functionality\n */\n\nexport const resizableHostStyles = css`\n  /* Resizable-specific host styles */\n  :host([resizable]) {\n    position: relative;\n    overflow: hidden;\n    table-layout: fixed;\n  }\n`;\n\nexport const resizableHeaderStyles = css`\n  /* Resizable-specific header styles */\n  :host([resizable]) {\n    position: relative;\n    border-right: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  /* Resizable-specific wrapper styles */\n  :host([resizable]) .header__item__wrapper {\n    position: relative;\n  }\n`;\n\nexport const resizerStyles = css`\n  /* Resizer styles - only apply when resizable */\n  .resizer {\n    position: absolute;\n    right: 0;\n    top: -1000px;\n    bottom: -1000px;\n    width: 8px;\n    cursor: col-resize;\n    user-select: none;\n    background-color: var(--nile-colors-neutral-100);\n    transition: background-color 0.2s;\n    z-index: 10;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n    pointer-events: none;\n  }\n\n  :host([resizable]):hover .resizer {\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .resizer::before {\n    content: '';\n    position: absolute;\n    right: 3px;\n    top: 0;\n    width: 2px;\n    height: 100%;\n    background-color: var(--nile-colors-neutral-500);\n    opacity: 0.8;\n  }\n\n  .resizer:hover {\n    background-color: var(--nile-colors-neutral-400);\n  }\n\n  .resizer:hover::before {\n    background-color: var(--nile-colors-neutral-700);\n    opacity: 1;\n  }\n\n  .resizer.resizing {\n    background-color: var(--nile-colors-neutral-400);\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .resizer.resizing::before {\n    background-color: var(--nile-colors-neutral-700);\n    opacity: 1;\n    width: 3px;\n  }\n`;\n\nexport const headerResizerStyles = css`\n  /* Header resizer styles */\n  .resizer {\n    position: absolute;\n    right: -2px;\n    top: -1000px;\n    bottom: -1000px;\n    width: 8px;\n    cursor: ew-resize;\n    user-select: none;\n    transition: background-color 0.2s;\n    z-index: 10;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n  }\n\n  :host([resizable]):hover .resizer {\n    opacity: 1;\n  }\n\n  .resizer::before {\n    content: '';\n    position: absolute;\n    height: 100%;\n    opacity: 0.8;\n  }\n\n  .resizer.resizing {\n    border-right: 4px double var(--nile-colors-neutral-400);\n    background-color: transparent;\n    opacity: 1;\n  }\n`;\n\nexport const resizableSlotStyles = css`\n  /* Slot styles for resizable mode */\n  :host([resizable]) ::slotted(*) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: block;\n  }\n\n  :host([resizable]) ::slotted(span),\n  :host([resizable]) ::slotted(div),\n  :host([resizable]) ::slotted(p) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: block;\n  }\n`;\n\nexport const tableLayoutStyles = css`\n  /* Apply fixed table layout only when resizable columns are present */\n  .nile__table__body[resizable] {\n    table-layout: fixed;\n  }\n`; \n"]}

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

@@ -1,17 +0,0 @@
-/* @web/test-runner snapshot v1 */
-export const snapshots = {};
-
-snapshots["NileBadge should display the default slot content"] = 
-`<span
-  class="badge badge--badge-color badge--normal"
-  part="base"
->
-  <slot
-    class="badge__content"
-    part="content"
-  >
-  </slot>
-</span>
-`;
-/* end snapshot NileBadge should display the default slot content */
-

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

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

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

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

@@ -1,37 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-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

@@ -1,122 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-export class 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

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

@@ -1,35 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-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;
-}