@tipolox/litgrid-angular 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Tipolox
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/fesm2022/tipolox-litgrid-angular.mjs

@@ -0,0 +1,257 @@
+import '@tipolox/litgrid-web';
+import * as i0 from '@angular/core';
+import { EventEmitter, ViewChild, Output, Input, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
+
+function syncGridInputs(grid, inputs) {
+    grid.data = inputs.data;
+    grid.columns = inputs.columns;
+    grid.config = inputs.config;
+    grid.theme = inputs.theme;
+    grid.ariaLabel = inputs.ariaLabel;
+    grid.ariaDescription = inputs.ariaDescription;
+    grid.screenReaderAnnouncements = inputs.screenReaderAnnouncements;
+    grid.viewportHeight = inputs.height;
+    grid.virtualRowHeight = inputs.rowHeight;
+    grid.overscanCount = inputs.overscan;
+    grid.columnOverscanCount = inputs.columnOverscan;
+    grid.bestFitSampleSize = inputs.bestFitSampleSize;
+    grid.quickSearchDebounceThreshold = inputs.quickSearchDebounceThreshold;
+    grid.quickSearchDebounceMs = inputs.quickSearchDebounceMs;
+    grid.columnStateStorageKey = inputs.columnStateStorageKey ?? null;
+}
+
+class DataGridComponent {
+    constructor() {
+        this.data = [];
+        this.columns = [];
+        this.config = {};
+        this.theme = 'light';
+        this.ariaLabel = 'Data grid';
+        this.ariaDescription = '';
+        this.screenReaderAnnouncements = true;
+        this.height = 320;
+        this.rowHeight = 36;
+        this.overscan = 4;
+        this.columnOverscan = 2;
+        this.bestFitSampleSize = 10;
+        this.quickSearchDebounceThreshold = 10_000;
+        this.quickSearchDebounceMs = 150;
+        this.columnStateChange = new EventEmitter();
+        this.columnReorder = new EventEmitter();
+        this.columnVisibilityChange = new EventEmitter();
+    }
+    get gridElement() {
+        return this.gridRef?.nativeElement ?? null;
+    }
+    ngAfterViewInit() {
+        this.syncInputs();
+    }
+    ngOnChanges(_changes) {
+        this.syncInputs();
+    }
+    handleColumnStateChange(event) {
+        this.columnStateChange.emit(event.detail);
+    }
+    handleColumnReorder(event) {
+        this.columnReorder.emit(event.detail);
+    }
+    handleColumnVisibilityChange(event) {
+        this.columnVisibilityChange.emit(event.detail);
+    }
+    getRowHeight(rowIndex) {
+        return this.requireGridElement().getRowHeight(rowIndex);
+    }
+    getColumnWidth(column) {
+        return this.requireGridElement().getColumnWidth(column);
+    }
+    setRowHeight(rowIndex, height) {
+        this.requireGridElement().setRowHeight(rowIndex, height);
+    }
+    resetRowHeight(rowIndex) {
+        this.requireGridElement().resetRowHeight(rowIndex);
+    }
+    resetAllRowHeights() {
+        this.requireGridElement().resetAllRowHeights();
+    }
+    setColumnWidth(columnKey, width) {
+        this.requireGridElement().setColumnWidth(columnKey, width);
+    }
+    resetColumnWidth(columnKey) {
+        this.requireGridElement().resetColumnWidth(columnKey);
+    }
+    resetAllColumnWidths() {
+        this.requireGridElement().resetAllColumnWidths();
+    }
+    moveColumn(columnKey, targetIndex) {
+        this.requireGridElement().moveColumn(columnKey, targetIndex);
+    }
+    getColumnOrder() {
+        return this.requireGridElement().getColumnOrder();
+    }
+    setColumnOrder(columnKeys) {
+        this.requireGridElement().setColumnOrder(columnKeys);
+    }
+    resetColumnOrder() {
+        this.requireGridElement().resetColumnOrder();
+    }
+    setColumnVisible(columnKey, visible) {
+        this.requireGridElement().setColumnVisible(columnKey, visible);
+    }
+    isColumnVisible(columnKey) {
+        return this.requireGridElement().isColumnVisible(columnKey);
+    }
+    getVisibleColumnKeys() {
+        return this.requireGridElement().getVisibleColumnKeys();
+    }
+    resetColumnVisibility() {
+        this.requireGridElement().resetColumnVisibility();
+    }
+    getColumnState() {
+        return this.requireGridElement().getColumnState();
+    }
+    setColumnState(state) {
+        this.requireGridElement().setColumnState(state);
+    }
+    resetColumnState() {
+        this.requireGridElement().resetColumnState();
+    }
+    bestFitColumn(columnKey) {
+        return this.requireGridElement().bestFitColumn(columnKey);
+    }
+    bestFitAllColumns() {
+        return this.requireGridElement().bestFitAllColumns();
+    }
+    copySelectedCells() {
+        return this.requireGridElement().copySelectedCells();
+    }
+    copySelectedRows() {
+        return this.requireGridElement().copySelectedRows();
+    }
+    setQuickSearch(query) {
+        this.requireGridElement().setQuickSearch(query);
+    }
+    clearQuickSearch() {
+        this.requireGridElement().clearQuickSearch();
+    }
+    getQuickSearch() {
+        return this.requireGridElement().getQuickSearch();
+    }
+    setFilter(filter) {
+        this.requireGridElement().setFilter(filter);
+    }
+    clearFilter(columnKey) {
+        this.requireGridElement().clearFilter(columnKey);
+    }
+    getFilters() {
+        return this.requireGridElement().getFilters();
+    }
+    setPage(pageIndex) {
+        this.requireGridElement().setPage(pageIndex);
+    }
+    setPageSize(pageSize) {
+        this.requireGridElement().setPageSize(pageSize);
+    }
+    getPagination() {
+        return this.requireGridElement().getPagination();
+    }
+    getTotalRowCount() {
+        return this.requireGridElement().getTotalRowCount();
+    }
+    selectRow(rowIndex, intent) {
+        this.requireGridElement().selectRow(rowIndex, intent);
+    }
+    selectAllRows() {
+        this.requireGridElement().selectAllRows();
+    }
+    clearSelection() {
+        this.requireGridElement().clearSelection();
+    }
+    getSelection() {
+        return this.requireGridElement().getSelection();
+    }
+    isRowSelected(rowIndex) {
+        return this.requireGridElement().isRowSelected(rowIndex);
+    }
+    isCellSelected(rowIndex, columnKey) {
+        return this.requireGridElement().isCellSelected(rowIndex, columnKey);
+    }
+    syncInputs() {
+        const grid = this.gridElement;
+        if (!grid)
+            return;
+        syncGridInputs(grid, this);
+    }
+    requireGridElement() {
+        const grid = this.gridElement;
+        if (!grid) {
+            throw new Error('LitGrid is not available before the Angular view is initialized.');
+        }
+        return grid;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DataGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.3", type: DataGridComponent, isStandalone: true, selector: "litgrid-data-grid", inputs: { data: "data", columns: "columns", config: "config", theme: "theme", ariaLabel: "ariaLabel", ariaDescription: "ariaDescription", screenReaderAnnouncements: "screenReaderAnnouncements", height: "height", rowHeight: "rowHeight", overscan: "overscan", columnOverscan: "columnOverscan", bestFitSampleSize: "bestFitSampleSize", quickSearchDebounceThreshold: "quickSearchDebounceThreshold", quickSearchDebounceMs: "quickSearchDebounceMs", columnStateStorageKey: "columnStateStorageKey" }, outputs: { columnStateChange: "columnStateChange", columnReorder: "columnReorder", columnVisibilityChange: "columnVisibilityChange" }, viewQueries: [{ propertyName: "gridRef", first: true, predicate: ["grid"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `
+    <yc-grid
+      #grid
+      (column-state-change)="handleColumnStateChange($event)"
+      (column-reorder)="handleColumnReorder($event)"
+      (column-visibility-change)="handleColumnVisibilityChange($event)"
+    ></yc-grid>
+  `, isInline: true, styles: [":host{display:block}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DataGridComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'litgrid-data-grid', standalone: true, template: `
+    <yc-grid
+      #grid
+      (column-state-change)="handleColumnStateChange($event)"
+      (column-reorder)="handleColumnReorder($event)"
+      (column-visibility-change)="handleColumnVisibilityChange($event)"
+    ></yc-grid>
+  `, schemas: [CUSTOM_ELEMENTS_SCHEMA], styles: [":host{display:block}\n"] }]
+        }], propDecorators: { data: [{
+                type: Input
+            }], columns: [{
+                type: Input
+            }], config: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], ariaDescription: [{
+                type: Input
+            }], screenReaderAnnouncements: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], rowHeight: [{
+                type: Input
+            }], overscan: [{
+                type: Input
+            }], columnOverscan: [{
+                type: Input
+            }], bestFitSampleSize: [{
+                type: Input
+            }], quickSearchDebounceThreshold: [{
+                type: Input
+            }], quickSearchDebounceMs: [{
+                type: Input
+            }], columnStateStorageKey: [{
+                type: Input
+            }], columnStateChange: [{
+                type: Output
+            }], columnReorder: [{
+                type: Output
+            }], columnVisibilityChange: [{
+                type: Output
+            }], gridRef: [{
+                type: ViewChild,
+                args: ['grid', { static: true }]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DataGridComponent };
+//# sourceMappingURL=tipolox-litgrid-angular.mjs.map

package/fesm2022/tipolox-litgrid-angular.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tipolox-litgrid-angular.mjs","sources":["../../../packages/grid-angular/src/gridBindings.ts","../../../packages/grid-angular/src/DataGridComponent.ts","../../../packages/grid-angular/src/tipolox-litgrid-angular.ts"],"sourcesContent":["import type {\n  DataGridElement,\n  GridColumn,\n  GridConfig,\n  GridTheme\n} from '@tipolox/litgrid-web'\n\nexport type AngularGridInputs = {\n  data: unknown[]\n  columns: GridColumn[]\n  config: GridConfig\n  theme: GridTheme\n  ariaLabel: string\n  ariaDescription: string\n  screenReaderAnnouncements: boolean\n  height: number\n  rowHeight: number\n  overscan: number\n  columnOverscan: number\n  bestFitSampleSize: number\n  quickSearchDebounceThreshold: number\n  quickSearchDebounceMs: number\n  columnStateStorageKey?: string\n}\n\nexport function syncGridInputs(\n  grid: DataGridElement,\n  inputs: AngularGridInputs\n): void {\n  grid.data = inputs.data\n  grid.columns = inputs.columns\n  grid.config = inputs.config\n  grid.theme = inputs.theme\n  grid.ariaLabel = inputs.ariaLabel\n  grid.ariaDescription = inputs.ariaDescription\n  grid.screenReaderAnnouncements = inputs.screenReaderAnnouncements\n  grid.viewportHeight = inputs.height\n  grid.virtualRowHeight = inputs.rowHeight\n  grid.overscanCount = inputs.overscan\n  grid.columnOverscanCount = inputs.columnOverscan\n  grid.bestFitSampleSize = inputs.bestFitSampleSize\n  grid.quickSearchDebounceThreshold = inputs.quickSearchDebounceThreshold\n  grid.quickSearchDebounceMs = inputs.quickSearchDebounceMs\n  grid.columnStateStorageKey = inputs.columnStateStorageKey ?? null\n}\n","import '@tipolox/litgrid-web'\nimport {\n  AfterViewInit,\n  Component,\n  CUSTOM_ELEMENTS_SCHEMA,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnChanges,\n  Output,\n  SimpleChanges,\n  ViewChild\n} from '@angular/core'\nimport type {\n  BestFitColumnWidth,\n  ColumnReorderDetail,\n  ColumnStateChangeDetail,\n  ColumnVisibilityChangeDetail,\n  DataGridElement,\n  GridColumn,\n  GridColumnState,\n  GridConfig,\n  GridFilter,\n  GridPaginationState,\n  GridSelection,\n  GridTheme,\n  SelectionIntent\n} from '@tipolox/litgrid-web'\nimport { syncGridInputs } from './gridBindings'\n\n@Component({\n  selector: 'litgrid-data-grid',\n  standalone: true,\n  template: `\n    <yc-grid\n      #grid\n      (column-state-change)=\"handleColumnStateChange($event)\"\n      (column-reorder)=\"handleColumnReorder($event)\"\n      (column-visibility-change)=\"handleColumnVisibilityChange($event)\"\n    ></yc-grid>\n  `,\n  styles: `\n    :host {\n      display: block;\n    }\n  `,\n  schemas: [CUSTOM_ELEMENTS_SCHEMA]\n})\nexport class DataGridComponent implements AfterViewInit, OnChanges {\n  @Input() data: unknown[] = []\n  @Input() columns: GridColumn[] = []\n  @Input() config: GridConfig = {}\n  @Input() theme: GridTheme = 'light'\n  @Input() ariaLabel = 'Data grid'\n  @Input() ariaDescription = ''\n  @Input() screenReaderAnnouncements = true\n  @Input() height = 320\n  @Input() rowHeight = 36\n  @Input() overscan = 4\n  @Input() columnOverscan = 2\n  @Input() bestFitSampleSize = 10\n  @Input() quickSearchDebounceThreshold = 10_000\n  @Input() quickSearchDebounceMs = 150\n  @Input() columnStateStorageKey?: string\n\n  @Output() readonly columnStateChange = new EventEmitter<ColumnStateChangeDetail>()\n  @Output() readonly columnReorder = new EventEmitter<ColumnReorderDetail>()\n  @Output() readonly columnVisibilityChange = new EventEmitter<ColumnVisibilityChangeDetail>()\n\n  @ViewChild('grid', { static: true }) private gridRef?: ElementRef<DataGridElement>\n\n  get gridElement(): DataGridElement | null {\n    return this.gridRef?.nativeElement ?? null\n  }\n\n  ngAfterViewInit(): void {\n    this.syncInputs()\n  }\n\n  ngOnChanges(_changes: SimpleChanges): void {\n    this.syncInputs()\n  }\n\n  handleColumnStateChange(event: Event): void {\n    this.columnStateChange.emit((event as CustomEvent<ColumnStateChangeDetail>).detail)\n  }\n\n  handleColumnReorder(event: Event): void {\n    this.columnReorder.emit((event as CustomEvent<ColumnReorderDetail>).detail)\n  }\n\n  handleColumnVisibilityChange(event: Event): void {\n    this.columnVisibilityChange.emit(\n      (event as CustomEvent<ColumnVisibilityChangeDetail>).detail\n    )\n  }\n\n  getRowHeight(rowIndex: number): number {\n    return this.requireGridElement().getRowHeight(rowIndex)\n  }\n\n  getColumnWidth(column: GridColumn): number {\n    return this.requireGridElement().getColumnWidth(column)\n  }\n\n  setRowHeight(rowIndex: number, height: number): void {\n    this.requireGridElement().setRowHeight(rowIndex, height)\n  }\n\n  resetRowHeight(rowIndex: number): void {\n    this.requireGridElement().resetRowHeight(rowIndex)\n  }\n\n  resetAllRowHeights(): void {\n    this.requireGridElement().resetAllRowHeights()\n  }\n\n  setColumnWidth(columnKey: string, width: number): void {\n    this.requireGridElement().setColumnWidth(columnKey, width)\n  }\n\n  resetColumnWidth(columnKey: string): void {\n    this.requireGridElement().resetColumnWidth(columnKey)\n  }\n\n  resetAllColumnWidths(): void {\n    this.requireGridElement().resetAllColumnWidths()\n  }\n\n  moveColumn(columnKey: string, targetIndex: number): void {\n    this.requireGridElement().moveColumn(columnKey, targetIndex)\n  }\n\n  getColumnOrder(): string[] {\n    return this.requireGridElement().getColumnOrder()\n  }\n\n  setColumnOrder(columnKeys: string[]): void {\n    this.requireGridElement().setColumnOrder(columnKeys)\n  }\n\n  resetColumnOrder(): void {\n    this.requireGridElement().resetColumnOrder()\n  }\n\n  setColumnVisible(columnKey: string, visible: boolean): void {\n    this.requireGridElement().setColumnVisible(columnKey, visible)\n  }\n\n  isColumnVisible(columnKey: string): boolean {\n    return this.requireGridElement().isColumnVisible(columnKey)\n  }\n\n  getVisibleColumnKeys(): string[] {\n    return this.requireGridElement().getVisibleColumnKeys()\n  }\n\n  resetColumnVisibility(): void {\n    this.requireGridElement().resetColumnVisibility()\n  }\n\n  getColumnState(): GridColumnState {\n    return this.requireGridElement().getColumnState()\n  }\n\n  setColumnState(state: GridColumnState): void {\n    this.requireGridElement().setColumnState(state)\n  }\n\n  resetColumnState(): void {\n    this.requireGridElement().resetColumnState()\n  }\n\n  bestFitColumn(columnKey: string): number | null {\n    return this.requireGridElement().bestFitColumn(columnKey)\n  }\n\n  bestFitAllColumns(): BestFitColumnWidth[] {\n    return this.requireGridElement().bestFitAllColumns()\n  }\n\n  copySelectedCells(): Promise<boolean> {\n    return this.requireGridElement().copySelectedCells()\n  }\n\n  copySelectedRows(): Promise<boolean> {\n    return this.requireGridElement().copySelectedRows()\n  }\n\n  setQuickSearch(query: string): void {\n    this.requireGridElement().setQuickSearch(query)\n  }\n\n  clearQuickSearch(): void {\n    this.requireGridElement().clearQuickSearch()\n  }\n\n  getQuickSearch(): string {\n    return this.requireGridElement().getQuickSearch()\n  }\n\n  setFilter(filter: GridFilter): void {\n    this.requireGridElement().setFilter(filter)\n  }\n\n  clearFilter(columnKey?: string): void {\n    this.requireGridElement().clearFilter(columnKey)\n  }\n\n  getFilters(): GridFilter[] {\n    return this.requireGridElement().getFilters()\n  }\n\n  setPage(pageIndex: number): void {\n    this.requireGridElement().setPage(pageIndex)\n  }\n\n  setPageSize(pageSize: number): void {\n    this.requireGridElement().setPageSize(pageSize)\n  }\n\n  getPagination(): GridPaginationState {\n    return this.requireGridElement().getPagination()\n  }\n\n  getTotalRowCount(): number {\n    return this.requireGridElement().getTotalRowCount()\n  }\n\n  selectRow(rowIndex: number, intent?: SelectionIntent): void {\n    this.requireGridElement().selectRow(rowIndex, intent)\n  }\n\n  selectAllRows(): void {\n    this.requireGridElement().selectAllRows()\n  }\n\n  clearSelection(): void {\n    this.requireGridElement().clearSelection()\n  }\n\n  getSelection(): GridSelection {\n    return this.requireGridElement().getSelection()\n  }\n\n  isRowSelected(rowIndex: number): boolean {\n    return this.requireGridElement().isRowSelected(rowIndex)\n  }\n\n  isCellSelected(rowIndex: number, columnKey: string): boolean {\n    return this.requireGridElement().isCellSelected(rowIndex, columnKey)\n  }\n\n  private syncInputs(): void {\n    const grid = this.gridElement\n    if (!grid) return\n\n    syncGridInputs(grid, this)\n  }\n\n  private requireGridElement(): DataGridElement {\n    const grid = this.gridElement\n    if (!grid) {\n      throw new Error('LitGrid is not available before the Angular view is initialized.')\n    }\n    return grid\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@tipolox/litgrid-angular",
+  "version": "1.0.0",
+  "description": "Angular wrapper for LitGrid",
+  "sideEffects": true,
+  "peerDependencies": {
+    "@angular/common": ">=17.0.0",
+    "@angular/core": ">=17.0.0"
+  },
+  "dependencies": {
+    "@tipolox/litgrid-web": "^1.0.0",
+    "tslib": "^2.8.1"
+  },
+  "keywords": [
+    "angular",
+    "data-grid",
+    "web-components"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/tipolox/litgrid.git",
+    "directory": "packages/grid-angular"
+  },
+  "homepage": "https://github.com/tipolox/litgrid#readme",
+  "bugs": {
+    "url": "https://github.com/tipolox/litgrid/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "module": "fesm2022/tipolox-litgrid-angular.mjs",
+  "typings": "types/tipolox-litgrid-angular.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/tipolox-litgrid-angular.d.ts",
+      "default": "./fesm2022/tipolox-litgrid-angular.mjs"
+    }
+  },
+  "type": "module"
+}

package/types/tipolox-litgrid-angular.d.ts

@@ -0,0 +1,78 @@
+import { GridColumn, GridConfig, GridTheme, ColumnStateChangeDetail, ColumnReorderDetail, ColumnVisibilityChangeDetail, DataGridElement, GridColumnState, BestFitColumnWidth, GridFilter, GridPaginationState, SelectionIntent, GridSelection } from '@tipolox/litgrid-web';
+export { BestFitColumnWidth, ColumnReorderDetail, ColumnStateChangeDetail, ColumnVisibilityChangeDetail, DataGridElement, GridColumn, GridColumnState, GridConfig, GridFilter, GridPaginationState, GridSelection, GridTheme, SelectionIntent } from '@tipolox/litgrid-web';
+import * as i0 from '@angular/core';
+import { AfterViewInit, OnChanges, EventEmitter, SimpleChanges } from '@angular/core';
+
+declare class DataGridComponent implements AfterViewInit, OnChanges {
+    data: unknown[];
+    columns: GridColumn[];
+    config: GridConfig;
+    theme: GridTheme;
+    ariaLabel: string;
+    ariaDescription: string;
+    screenReaderAnnouncements: boolean;
+    height: number;
+    rowHeight: number;
+    overscan: number;
+    columnOverscan: number;
+    bestFitSampleSize: number;
+    quickSearchDebounceThreshold: number;
+    quickSearchDebounceMs: number;
+    columnStateStorageKey?: string;
+    readonly columnStateChange: EventEmitter<ColumnStateChangeDetail>;
+    readonly columnReorder: EventEmitter<ColumnReorderDetail>;
+    readonly columnVisibilityChange: EventEmitter<ColumnVisibilityChangeDetail>;
+    private gridRef?;
+    get gridElement(): DataGridElement | null;
+    ngAfterViewInit(): void;
+    ngOnChanges(_changes: SimpleChanges): void;
+    handleColumnStateChange(event: Event): void;
+    handleColumnReorder(event: Event): void;
+    handleColumnVisibilityChange(event: Event): void;
+    getRowHeight(rowIndex: number): number;
+    getColumnWidth(column: GridColumn): number;
+    setRowHeight(rowIndex: number, height: number): void;
+    resetRowHeight(rowIndex: number): void;
+    resetAllRowHeights(): void;
+    setColumnWidth(columnKey: string, width: number): void;
+    resetColumnWidth(columnKey: string): void;
+    resetAllColumnWidths(): void;
+    moveColumn(columnKey: string, targetIndex: number): void;
+    getColumnOrder(): string[];
+    setColumnOrder(columnKeys: string[]): void;
+    resetColumnOrder(): void;
+    setColumnVisible(columnKey: string, visible: boolean): void;
+    isColumnVisible(columnKey: string): boolean;
+    getVisibleColumnKeys(): string[];
+    resetColumnVisibility(): void;
+    getColumnState(): GridColumnState;
+    setColumnState(state: GridColumnState): void;
+    resetColumnState(): void;
+    bestFitColumn(columnKey: string): number | null;
+    bestFitAllColumns(): BestFitColumnWidth[];
+    copySelectedCells(): Promise<boolean>;
+    copySelectedRows(): Promise<boolean>;
+    setQuickSearch(query: string): void;
+    clearQuickSearch(): void;
+    getQuickSearch(): string;
+    setFilter(filter: GridFilter): void;
+    clearFilter(columnKey?: string): void;
+    getFilters(): GridFilter[];
+    setPage(pageIndex: number): void;
+    setPageSize(pageSize: number): void;
+    getPagination(): GridPaginationState;
+    getTotalRowCount(): number;
+    selectRow(rowIndex: number, intent?: SelectionIntent): void;
+    selectAllRows(): void;
+    clearSelection(): void;
+    getSelection(): GridSelection;
+    isRowSelected(rowIndex: number): boolean;
+    isCellSelected(rowIndex: number, columnKey: string): boolean;
+    private syncInputs;
+    private requireGridElement;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataGridComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataGridComponent, "litgrid-data-grid", never, { "data": { "alias": "data"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "config": { "alias": "config"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaDescription": { "alias": "ariaDescription"; "required": false; }; "screenReaderAnnouncements": { "alias": "screenReaderAnnouncements"; "required": false; }; "height": { "alias": "height"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "overscan": { "alias": "overscan"; "required": false; }; "columnOverscan": { "alias": "columnOverscan"; "required": false; }; "bestFitSampleSize": { "alias": "bestFitSampleSize"; "required": false; }; "quickSearchDebounceThreshold": { "alias": "quickSearchDebounceThreshold"; "required": false; }; "quickSearchDebounceMs": { "alias": "quickSearchDebounceMs"; "required": false; }; "columnStateStorageKey": { "alias": "columnStateStorageKey"; "required": false; }; }, { "columnStateChange": "columnStateChange"; "columnReorder": "columnReorder"; "columnVisibilityChange": "columnVisibilityChange"; }, never, never, true, never>;
+}
+
+export { DataGridComponent };
+//# sourceMappingURL=tipolox-litgrid-angular.d.ts.map

package/types/tipolox-litgrid-angular.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tipolox-litgrid-angular.d.ts","sources":["../../../packages/grid-angular/src/DataGridComponent.ts"],"mappings":";;;;;AA8BA,cAkBa,iBAAkB,YAAW,aAAa,EAAE,SAAS;;aAE9C,UAAU;YACX,UAAU;WACX,SAAS;AAChB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;gCAG2B,YAAA,CAAA,uBAAA;4BACJ,YAAA,CAAA,mBAAA;qCACS,YAAA,CAAA,4BAAA;;AAIzC,uBAAmB,eAAe;AAIlC;AAIA,0BAAsB,aAAa;AAInC,mCAA+B,KAAK;AAIpC,+BAA2B,KAAK;AAIhC,wCAAoC,KAAK;AAMzC;AAIA,2BAAuB,UAAU;;AAQjC;AAIA;;AAQA;AAIA;;;AAYA;AAIA;;AAQA;;AAQA;AAIA,sBAAkB,eAAe;AAIjC,0BAAsB,eAAe;AAIrC;AAIA;yBAIqB,kBAAkB;AAIvC,yBAAqB,OAAO;AAI5B,wBAAoB,OAAO;AAI3B;AAIA;AAIA;AAIA,sBAAkB,UAAU;AAI5B;kBAIc,UAAU;AAIxB;AAIA;AAIA,qBAAiB,mBAAmB;AAIpC;yCAIqC,eAAe;AAIpD;AAIA;AAIA,oBAAgB,aAAa;AAI7B;;AAQA;AAOA;yCApNW,iBAAiB;2CAAjB,iBAAiB;AA2N7B;;;;","names":[]}