@revolist/revogrid 4.0.4-next → 4.0.4

package/dist/types/components/revoGrid/revo-grid.d.ts

@@ -1,414 +1,566 @@
 import { EventEmitter, VNode } from '../../stencil-public-runtime';
 import ColumnDataProvider, { ColumnCollection } from '../../services/column.data.provider';
 import { DataProvider } from '../../services/data.provider';
+import { DSourceState } from '../../store/dataSource/data.store';
 import DimensionProvider from '../../services/dimension.provider';
 import ViewportProvider from '../../services/viewport.provider';
-import { Edition, Selection, RevoGrid, ThemeSpace, RevoPlugin } from '../../interfaces';
-import { AutoSizeColumnConfig } from '../../plugins/autoSizeColumn';
+import { AutoSizeColumnConfig } from '../../plugins/column.auto-size.plugin';
 import { ColumnFilterConfig, FilterCollection } from '../../plugins/filter/filter.plugin';
 import { DataInput } from '../../plugins/export/types';
 import { GroupingOptions } from '../../plugins/groupingRow/grouping.row.types';
-import { ColumnSource, RowSource } from '../data/columnService';
 import { FocusedData } from './viewport.service';
+import { MultiDimensionType, DimensionRows, DimensionCols, DimensionTypeCol } from '../../types/dimension';
+import { RowHeaders, ColumnRegular, ColumnGrouping, DataType, RowDefinition, ColumnType, FocusTemplateFunc, PositionItem, ColumnProp, ViewPortScrollEvent, InitialHeaderClick, ColumnDataSchema, Observable, AllDimensionType } from '../../types/interfaces';
+import { Editors, BeforeSaveDataDetails, BeforeRangeSaveDataDetails, Cell, ChangedRange, RangeArea, AfterEditEvent } from '../../types/selection';
+import { Theme } from '../../types/theme';
+import { PluginBaseComponent, PluginExternalConstructor } from '../../types/plugin';
+/**
+ * Revogrid - High-performance, customizable grid library for managing large datasets.
+ *
+ * :::tip
+ * Read [type definition file](https://github.com/revolist/revogrid/blob/master/src/interfaces.d.ts) for the full interface information.
+ * All complex property types such as `ColumnRegular`, `ColumnProp`, `ColumnDataSchemaModel` can be found there.
+ * :::
+ *
+ * :::tip
+ * For a comprehensive events guide, check the [dependency tree](#Dependencies).
+ * All events propagate to the root level of the grid.
+ * :::
+ *
+ * @slot data-{column-type}-{row-type}. @example data-rgCol-rgRow - main data slot. Applies extra elements in <revogr-data />.
+ * @slot focus-{column-type}-{row-type}. @example focus-rgCol-rgRow - focus layer for main data. Applies extra elements in <revogr-focus />.
+ */
 export declare class RevoGridComponent {
-  /** Excel like show rgRow indexe per rgRow */
-  rowHeaders: RevoGrid.RowHeaders | boolean;
-  /**
-   * Defines how many rows/columns should be rendered outside visible area.
-   */
-  frameSize: number;
-  /**
-   * Indicates default rgRow size.
-   * By default 0, means theme package size will be applied
-   */
-  rowSize: number;
-  /** Indicates default column size. */
-  colSize: number;
-  /** When true, user can range selection. */
-  range: boolean;
-  /** When true, grid in read only mode. */
-  readonly: boolean;
-  /** When true, columns are resizable. */
-  resize: boolean;
-  /** When true cell focus appear. */
-  canFocus: boolean;
-  /** When true enable clipboard. */
-  useClipboard: boolean;
-  /**
-   * Columns - defines an array of grid columns.
-   * Can be column or grouped column.
-   */
-  columns: (RevoGrid.ColumnRegular | RevoGrid.ColumnGrouping)[];
-  /**
-   * Source - defines main data source.
-   * Can be an Object or 2 dimensional array([][]);
-   * Keys/indexes referenced from columns Prop
-   */
-  source: RevoGrid.DataType[];
-  /** Pinned top Source: {[T in ColumnProp]: any} - defines pinned top rows data source. */
-  pinnedTopSource: RevoGrid.DataType[];
-  /** Pinned bottom Source: {[T in ColumnProp]: any} - defines pinned bottom rows data source. */
-  pinnedBottomSource: RevoGrid.DataType[];
-  /** Row properies applied */
-  rowDefinitions: RevoGrid.RowDefinition[];
-  /** Custom editors register */
-  editors: Edition.Editors;
-  /**
-   * Custom grid plugins
-   * Has to be predefined during first grid init
-   * Every plugin should be inherited from BasePlugin
-   */
-  plugins: RevoPlugin.PluginClass[];
-  /** Types
-   *  Every type represent multiple column properties
-   *  Types will be merged but can be replaced with column properties
-   */
-  columnTypes: {
-    [name: string]: RevoGrid.ColumnType;
-  };
-  /** Theme name */
-  theme: ThemeSpace.Theme;
-  /**
-   * Row class property
-   * Define this property in rgRow object and this will be mapped as rgRow class
-   */
-  rowClass: string;
-  /**
-   * Autosize config
-   * Enable columns autoSize, for more details check @autoSizeColumn plugin
-   * By default disabled, hence operation is not resource efficient
-   * true to enable with default params (double header separator click for autosize)
-   * or provide config
-   */
-  autoSizeColumn: boolean | AutoSizeColumnConfig;
-  /**
-   * Enables filter plugin
-   * Can be boolean
-   * Can be filter collection
-   */
-  filter: boolean | ColumnFilterConfig;
-  /**
-   * Trimmed rows
-   * Functionality which allows to hide rows from main data set
-   * @trimmedRows are physical rgRow indexes to hide
-   */
-  trimmedRows: Record<number, boolean>;
-  /**
-   * Enables export plugin
-   * Can be boolean
-   * Can be export options
-   */
-  exporting: boolean;
-  /**
-   * Group models by provided properties
-   * Define properties to be groped by
-   */
-  grouping: GroupingOptions;
-  /**
-   * Defines stretch strategy for columns with @StretchColumn plugin
-   * if there are more space on the right last column size would be increased
-   */
-  stretch: boolean | string;
-  /**
-   * contentsizechanged event.
-   * Triggered when new content size applied.
-   * Not including header size
-   * Event is not returning size
-   * To get actual size use getContentSize after event triggered
-   */
-  contentsizechanged: EventEmitter;
-  /**
-   * Before edit event.
-   * Triggered before edit data applied.
-   * Use e.preventDefault() to prevent edit data set and use you own.
-   * Use e.val = {your value} to replace edit result with your own.
-   */
-  beforeedit: EventEmitter<Edition.BeforeSaveDataDetails>;
-  /**
-   * Before range edit event.
-   * Triggered before range data applied, when range selection happened.
-   * Use e.preventDefault() to prevent edit data set and use you own.
-   */
-  beforerangeedit: EventEmitter<Edition.BeforeRangeSaveDataDetails>;
-  /**
-   * After edit.
-   * Triggered when after data applied or Range changeged.
-   */
-  afteredit: EventEmitter<Edition.BeforeSaveDataDetails | Edition.BeforeRangeSaveDataDetails>;
-  /**
-   * Before autofill.
-   * Triggered before autofill applied.
-   * Use e.preventDefault() to prevent edit data apply.
-   */
-  beforeautofill: EventEmitter<Selection.ChangedRange>;
-  /**
-   * Before range apply.
-   * Triggered before range applied.
-   * Use e.preventDefault() to prevent range.
-   */
-  beforeaange: EventEmitter<Selection.ChangedRange>;
-  /**
-   * Before rgRow order apply.
-   * Use e.preventDefault() to prevent rgRow order change.
-   */
-  roworderchanged: EventEmitter<{
-    from: number;
-    to: number;
-  }>;
-  /**
-   * Before source update sorting apply.
-   * Use this event if you intended to prevent sorting on data update.
-   * Use e.preventDefault() to prevent sorting data change during rows source update.
-   */
-  beforesourcesortingapply: EventEmitter;
-  /**
-   * Before sorting apply.
-   * Use e.preventDefault() to prevent sorting data change.
-   */
-  beforesortingapply: EventEmitter<{
-    column: RevoGrid.ColumnRegular;
-    order: 'desc' | 'asc';
-    additive: boolean;
-  }>;
-  /**
-   * Before sorting event.
-   * Initial sorting triggered, if this event stops no other event called.
-   * Use e.preventDefault() to prevent sorting.
-   */
-  beforesorting: EventEmitter<{
-    column: RevoGrid.ColumnRegular;
-    order: 'desc' | 'asc';
-    additive: boolean;
-  }>;
-  /**
-   * Row order change started.
-   * Use e.preventDefault() to prevent rgRow order change.
-   * Use e.text = 'new name' to change item name on start.
-   */
-  rowdragstart: EventEmitter<{
-    pos: RevoGrid.PositionItem;
-    text: string;
-  }>;
-  /**
-   * On header click.
-   */
-  headerclick: EventEmitter<RevoGrid.ColumnRegular>;
-  /**
-   * Before cell focus changed.
-   * Use e.preventDefault() to prevent cell focus change.
-   */
-  beforecellfocus: EventEmitter<Edition.BeforeSaveDataDetails>;
-  /**
-   * Before grid focus lost happened.
-   * Use e.preventDefault() to prevent cell focus change.
-   */
-  beforefocuslost: EventEmitter<FocusedData | null>;
-  /**
-   * Before data apply.
-   * You can override data source here
-   */
-  beforesourceset: EventEmitter<{
-    type: RevoGrid.DimensionRows;
-    source: RevoGrid.DataType[];
-  }>;
-  /**  After rows updated */
-  aftersourceset: EventEmitter<{
-    type: RevoGrid.DimensionRows;
-    source: RevoGrid.DataType[];
-  }>;
-  /**  Before column update */
-  beforecolumnsset: EventEmitter<ColumnCollection>;
-  /**  Before column applied but after column set gathered and viewport updated */
-  beforecolumnapplied: EventEmitter<ColumnCollection>;
-  /**  Column updated */
-  aftercolumnsset: EventEmitter<{
-    columns: ColumnCollection;
-    order: Record<RevoGrid.ColumnProp, 'asc' | 'desc'>;
-  }>;
-  /**
-   * Before filter applied to data source
-   * Use e.preventDefault() to prevent cell focus change
-   * Update @collection if you wish to change filters
-   */
-  beforefilterapply: EventEmitter<{
-    collection: FilterCollection;
-  }>;
-  /**
-   * Before filter trimmed values
-   * Use e.preventDefault() to prevent value trimming and filter apply
-   * Update @collection if you wish to change filters
-   * Update @itemsToFilter if you wish to filter indexes of trimming
-   */
-  beforefiltertrimmed: EventEmitter<{
-    collection: FilterCollection;
-    itemsToFilter: Record<number, boolean>;
-  }>;
-  /**
-   * Before trimmed values
-   * Use e.preventDefault() to prevent value trimming
-   * Update @trimmed if you wish to filter indexes of trimming
-   */
-  beforetrimmed: EventEmitter<{
-    trimmed: Record<number, boolean>;
-    trimmedType: string;
-    type: string;
-  }>;
-  /**
-   * Notify trimmed applied
-   */
-  aftertrimmed: EventEmitter;
-  /**
-   * Triggered when view port scrolled
-   */
-  viewportscroll: EventEmitter<RevoGrid.ViewPortScrollEvent>;
-  /**
-   * Before export
-   * Use e.preventDefault() to prevent export
-   * Replace data in Event in case you want to modify it in export
-   */
-  beforeexport: EventEmitter<DataInput>;
-  /**
-   * Before edit started
-   * Use e.preventDefault() to prevent edit
-   */
-  beforeeditstart: EventEmitter<Edition.BeforeSaveDataDetails>;
-  /**
-   * After column resize
-   * Get resized columns
-   */
-  aftercolumnresize: EventEmitter<Record<RevoGrid.ColumnProp, RevoGrid.ColumnRegular>>;
-  /**
-   * Refreshes data viewport.
-   * Can be specific part as rgRow or pinned rgRow or 'all' by default.
-   */
-  refresh(type?: RevoGrid.DimensionRows | 'all'): Promise<void>;
-  /**  Scrolls view port to specified rgRow index */
-  scrollToRow(coordinate?: number): Promise<void>;
-  /** Scrolls view port to specified column index */
-  scrollToColumnIndex(coordinate?: number): Promise<void>;
-  /**  Scrolls view port to specified column prop */
-  scrollToColumnProp(prop: RevoGrid.ColumnProp): Promise<void>;
-  /** Update columns */
-  updateColumns(cols: RevoGrid.ColumnRegular[]): Promise<void>;
-  /** Add trimmed by type */
-  addTrimmed(trimmed: Record<number, boolean>, trimmedType?: string, type?: RevoGrid.DimensionRows): Promise<CustomEvent<{
-    trimmed: Record<number, boolean>;
-    trimmedType: string;
-    type: string;
-  }>>;
-  /**  Scrolls view port to coordinate */
-  scrollToCoordinate(cell: Partial<Selection.Cell>): Promise<void>;
-  /**  Bring cell to edit mode */
-  setCellEdit(rgRow: number, prop: RevoGrid.ColumnProp, rowSource?: RevoGrid.DimensionRows): Promise<void>;
-  /**  Set focus range */
-  setCellsFocus(cellStart?: Selection.Cell, cellEnd?: Selection.Cell, colType?: RevoGrid.DimensionCols, rowType?: RevoGrid.DimensionRows): Promise<void>;
-  /**
-   * Register new virtual node inside of grid
-   * Used for additional items creation such as plugin elements
-   */
-  registerVNode(elements: VNode[]): Promise<void>;
-  /**  Get data from source */
-  getSource(type?: RevoGrid.DimensionRows): Promise<RevoGrid.DataType[]>;
-  /**
-   * Get data from visible part of source
-   * Trimmed/filtered rows will be excluded
-   * @param type - type of source
-   */
-  getVisibleSource(type?: RevoGrid.DimensionRows): Promise<any[]>;
-  /**
-   * Provides access to rows internal store observer
-   * Can be used for plugin support
-   * @param type - type of source
-   */
-  getSourceStore(type?: RevoGrid.DimensionRows): Promise<RowSource>;
-  /**
-   * Provides access to column internal store observer
-   * Can be used for plugin support
-   * @param type - type of column
-   */
-  getColumnStore(type?: RevoGrid.DimensionCols): Promise<ColumnSource>;
-  /**
-   * Update column sorting
-   * @param column - full column details to update
-   * @param index - virtual column index
-   * @param order - order to apply
-   */
-  updateColumnSorting(column: RevoGrid.ColumnRegular, index: number, order: 'asc' | 'desc', additive: boolean): Promise<RevoGrid.ColumnRegular>;
-  /**
-   * Clears column sorting
-   */
-  clearSorting(): Promise<void>;
-  /**
-   * Receive all columns in data source
-   */
-  getColumns(): Promise<RevoGrid.ColumnRegular[]>;
-  /**
-   * Clear current grid focus
-   */
-  clearFocus(): Promise<void>;
-  /**
-   * Get all active plugins instances
-   */
-  getPlugins(): Promise<RevoPlugin.Plugin[]>;
-  /**
-   * Get all active plugins instances
-   */
-  getFocused(): Promise<FocusedData | null>;
-  getContentSize(): Promise<Selection.Cell>;
-  /** Clear data which is outside of grid container */
-  private handleOutsideClick;
-  /** DRAG AND DROP */
-  onRowDragStarted(e: CustomEvent<{
-    pos: RevoGrid.PositionItem;
-    text: string;
-    event: MouseEvent;
-  }>): void;
-  onRowDragEnd(): void;
-  onRowDrag({ detail }: CustomEvent<RevoGrid.PositionItem>): void;
-  onRowMouseMove(e: CustomEvent<Selection.Cell>): void;
-  onBeforeEdit(e: CustomEvent<Edition.BeforeSaveDataDetails>): Promise<void>;
-  onBeforeRangeEdit(e: CustomEvent<Edition.BeforeRangeSaveDataDetails>): void;
-  onRangeChanged(e: CustomEvent<Selection.ChangedRange>): void;
-  onRowDropped(e: CustomEvent<{
-    from: number;
-    to: number;
-  }>): void;
-  onHeaderClick(e: CustomEvent<RevoGrid.InitialHeaderClick>): void;
-  onCellFocus(e: CustomEvent<Edition.BeforeSaveDataDetails>): void;
-  extraElements: VNode[];
-  uuid: string | null;
-  columnProvider: ColumnDataProvider;
-  dataProvider: DataProvider;
-  dimensionProvider: DimensionProvider;
-  viewportProvider: ViewportProvider;
-  private themeService;
-  private viewport;
-  private orderService;
-  private selectionStoreConnector;
-  private scrollingService;
-  /**
-   * Plugins
-   * Define plugins collection
-   */
-  private internalPlugins;
-  private subscribers;
-  element: HTMLRevoGridElement;
-  columnChanged(newVal?: RevoGrid.ColumnDataSchema[]): void;
-  themeChanged(t: ThemeSpace.Theme): void;
-  dataChanged(source?: RevoGrid.DataType[]): void;
-  dataBottomChanged(newVal?: RevoGrid.DataType[]): void;
-  dataTopChanged(newVal?: RevoGrid.DataType[]): void;
-  rowDefChanged(newVal?: RevoGrid.RowDefinition[]): void;
-  trimmedRowsChanged(newVal?: Record<number, boolean>): void;
-  /**
-   * Grouping
-   */
-  groupingChanged(newVal?: GroupingOptions): void;
-  /**
-   * Stretch Plugin Apply
-   */
-  applyStretch(isStretch: boolean | string): void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): any;
+    /** Excel like functionality.
+     * Show row numbers.
+     * Also can be used for custom row header render if object provided.
+     */
+    rowHeaders: RowHeaders | boolean;
+    /**
+     * Defines how many rows/columns should be rendered outside visible area.
+     */
+    frameSize: number;
+    /**
+     * Indicates default rgRow size.
+     * By default 0, means theme package size will be applied
+     *
+     * Alternatively you can use `rowSize` to reset viewport
+     */
+    rowSize: number;
+    /** Indicates default column size. */
+    colSize: number;
+    /** When true, user can range selection. */
+    range: boolean;
+    /** When true, grid in read only mode. */
+    readonly: boolean;
+    /** When true, columns are resizable. */
+    resize: boolean;
+    /** When true cell focus appear. */
+    canFocus: boolean;
+    /** When true enable clipboard. */
+    useClipboard: boolean;
+    /**
+     * Columns - defines an array of grid columns.
+     * Can be column or grouped column.
+     */
+    columns: (ColumnRegular | ColumnGrouping)[];
+    /**
+     * Source - defines main data source.
+     * Can be an Object or 2 dimensional array([][]);
+     * Keys/indexes referenced from columns Prop.
+     */
+    source: DataType[];
+    /** Pinned top Source: {[T in ColumnProp]: any} - defines pinned top rows data source. */
+    pinnedTopSource: DataType[];
+    /** Pinned bottom Source: {[T in ColumnProp]: any} - defines pinned bottom rows data source. */
+    pinnedBottomSource: DataType[];
+    /** Custom row properies to be applied. See `RowDefinition` for more info. */
+    rowDefinitions: RowDefinition[];
+    /** Custom editors register. */
+    editors: Editors;
+    /**
+     * Apply changes in editor when closed except 'Escape' cases.
+     * If custom editor in use method getValue required.
+     * Check interfaces.d.ts `EditorBase` for more info.
+     */
+    applyOnClose: boolean;
+    /**
+     * Custom grid plugins.
+     * Has to be predefined during first grid init.
+     * Every plugin should be inherited from BasePlugin.
+     */
+    plugins: PluginExternalConstructor[];
+    /**
+     * Column Types Format.
+     * Every type represent multiple column properties.
+     * Types will be merged but can be replaced with column properties.
+     * Types were made as separate objects to be reusable per multiple columns.
+     */
+    columnTypes: {
+        [name: string]: ColumnType;
+    };
+    /** Theme name. */
+    theme: Theme;
+    /**
+     * Row class property mapping.
+     * Map custom classes to rows from row object data.
+     * Define this property in rgRow object and this will be mapped as rgRow class.
+     */
+    rowClass: string;
+    /**
+     * Autosize config.
+     * Enables columns autoSize.
+     * For more details check `autoSizeColumn` plugin.
+     * By default disabled, hence operation is not performance efficient.
+     * `true` to enable with default params (double header separator click for autosize).
+     * Or define config. See `AutoSizeColumnConfig` for more details.
+     */
+    autoSizeColumn: boolean | AutoSizeColumnConfig;
+    /**
+     * Enables filter plugin.
+     * Can be boolean.
+     * Or can be filter collection See `FilterCollection` for more info.
+     */
+    filter: boolean | ColumnFilterConfig;
+    /**
+     * Apply changes typed in editor on editor close except Escape cases.
+     * If custom editor in use method `getValue` required.
+     * Check `interfaces.d.ts` `EditorBase` for more info.
+     */
+    focusTemplate: FocusTemplateFunc;
+    /**
+     * Enable column move plugin.
+     */
+    canMoveColumns: boolean;
+    /**
+     * Trimmed rows.
+     * Functionality which allows to hide rows from main data set.
+     * `trimmedRows` are physical `rgRow` indexes to hide.
+     */
+    trimmedRows: Record<number, boolean>;
+    /**
+     * Enable export plugin.
+     */
+    exporting: boolean;
+    /**
+     * Group rows based on this property.
+     * Define properties to be groped by grouping plugin See `GroupingOptions`.
+     */
+    grouping: GroupingOptions;
+    /**
+     * Stretch strategy for columns by `StretchColumn` plugin.
+     * For example if there are more space on the right last column size would be increased.
+     */
+    stretch: boolean | string;
+    /**
+     * Additional data to be passed to plugins, renders or editors.
+     * For example if you need to pass Vue component instance.
+     */
+    additionalData: any;
+    /**
+     * Disable lazy rendering mode for the `X axis`.
+     * Use when not many columns present and you don't need rerenader cells during scroll.
+     * Can be used for initial rendering performance improvement.
+     */
+    disableVirtualX: boolean;
+    /**
+     * Disable lazy rendering mode for the `Y axis`.
+     * Use when not many rows present and you don't need rerenader cells during scroll.
+     * Can be used for initial rendering performance improvement.
+     */
+    disableVirtualY: boolean;
+    /**
+     * Please only hide the attribution if you are subscribed to Pro version
+     */
+    hideAttribution: boolean;
+    /**
+     * Prevent rendering until job is done.
+     * Can be used for initial rendering performance improvement.
+     * When several plugins require initial rendering this will prevent double initial rendering.
+     */
+    jobsBeforeRender: Promise<any>[];
+    /**
+     * Register new virtual node inside of grid.
+     * Used for additional items creation such as plugin elements.
+     * Should be set before grid render inside of plugins.
+     */
+    registerVNode: VNode[];
+    /**
+     * New content size has been applied. The size excludes the header.
+     * Currently, the event responsible for applying the new content size does not provide the actual size.
+     * To retrieve the actual content size, you can utilize the `getContentSize` function after the event has been triggered.
+     */
+    contentsizechanged: EventEmitter<MultiDimensionType>;
+    /**
+     * This event is triggered before the data is edited.
+     * To prevent the default behavior of editing data and use your own implementation, call `e.preventDefault()`.
+     * To override the edit result with your own value, set the `e.val` property to your desired value.
+     */
+    beforeedit: EventEmitter<BeforeSaveDataDetails>;
+    /**
+     * This event is triggered before applying range data, specifically when a range selection occurs.
+     * To customize the data and prevent the default edit data from being set, you can call `e.preventDefault()`.
+     */
+    beforerangeedit: EventEmitter<BeforeRangeSaveDataDetails>;
+    /**
+     * Triggered after data applied or range changed.
+     */
+    afteredit: EventEmitter<AfterEditEvent>;
+    /**
+     * This event is triggered before autofill is applied.
+     * To prevent the default behavior of applying the edit data, you can call `e.preventDefault()`.
+     */
+    beforeautofill: EventEmitter<ChangedRange>;
+    /**
+     * Triggered before range applied.
+     * Use e.preventDefault() to prevent range.
+     */
+    beforeange: EventEmitter<ChangedRange>;
+    /**
+     * Triggered after focus render finished.
+     * Can be used to access a focus element through `event.target`
+     */
+    afterfocus: EventEmitter<{
+        model: any;
+        column: ColumnRegular;
+    }>;
+    /**
+     * This event is triggered before the order of `rgRow` is applied.
+     * To prevent the default behavior of changing the order of `rgRow`, you can call `e.preventDefault()`.
+     */
+    roworderchanged: EventEmitter<{
+        from: number;
+        to: number;
+    }>;
+    /**
+     * Triggered by sorting.plugin.ts
+     * Before sorting apply.
+     * Use e.preventDefault() to prevent sorting data change.
+     */
+    beforesortingapply: EventEmitter<{
+        column: ColumnRegular;
+        order: 'desc' | 'asc';
+        additive: boolean;
+    }>;
+    /**
+     * Triggered by sorting.plugin.ts
+     * Before sorting event.
+     * Initial sorting triggered, if this event stops no other event called.
+     * Use e.preventDefault() to prevent sorting.
+     */
+    beforesorting: EventEmitter<{
+        column: ColumnRegular;
+        order: 'desc' | 'asc';
+        additive: boolean;
+    }>;
+    /**
+     * This event is triggered when the row order change is started.
+     * To prevent the default behavior of changing the row order, you can call `e.preventDefault()`.
+     * To change the item name at the start of the row order change, you can set `e.text` to the desired new name.
+     */
+    rowdragstart: EventEmitter<{
+        pos: PositionItem;
+        text: string;
+    }>;
+    /**
+     * On header click.
+     */
+    headerclick: EventEmitter<ColumnRegular>;
+    /**
+     * This event is triggered before the cell focus is changed.
+     * To prevent the default behavior of changing the cell focus, you can call `e.preventDefault()`.
+     */
+    beforecellfocus: EventEmitter<BeforeSaveDataDetails>;
+    /**
+     * This event is triggered before the grid focus is lost.
+     * To prevent the default behavior of changing the cell focus, you can call `e.preventDefault()`.
+     */
+    beforefocuslost: EventEmitter<FocusedData | null>;
+    /**
+     * Before main source/rows data apply.
+     * You can override data source here
+     */
+    beforesourceset: EventEmitter<{
+        type: DimensionRows;
+        source: DataType[];
+    }>;
+    /**
+     * Before data apply on any source type. Can be source from pinned and main viewport.
+     * You can override data source here
+     */
+    beforeanysource: EventEmitter<{
+        type: DimensionRows;
+        source: DataType[];
+    }>;
+    /**
+     * After main source/rows updated
+     */
+    aftersourceset: EventEmitter<{
+        type: DimensionRows;
+        source: DataType[];
+    }>;
+    /**
+     * Emitted after each source update, whether from the pinned or main viewport.
+     * Useful for tracking all changes originating from sources in both the pinned and main viewports.
+     */
+    afteranysource: EventEmitter<{
+        type: DimensionRows;
+        source: DataType[];
+    }>;
+    /**
+     * Emitted before a column update is applied.
+     * Listeners can use this event to perform any necessary actions or modifications before the column update is finalized.
+     */
+    beforecolumnsset: EventEmitter<ColumnCollection>;
+    /**
+     * Emitted before a column update is applied, after the column set is gathered and the viewport is updated.
+     * Useful for performing actions or modifications before the final application of the column update.
+     */
+    beforecolumnapplied: EventEmitter<ColumnCollection>;
+    /**  Column updated */
+    aftercolumnsset: EventEmitter<{
+        columns: ColumnCollection;
+        order: Record<ColumnProp, 'asc' | 'desc'>;
+    }>;
+    /**
+     * Emitted before applying a filter to the data source.
+     * Use e.preventDefault() to prevent cell focus change.
+     * Modify the @collection if you need to change filters.
+     */
+    beforefilterapply: EventEmitter<{
+        collection: FilterCollection;
+    }>;
+    /**
+     * Emitted before applying a filter to the data source.
+     * Use e.preventDefault() to prevent the default behavior of trimming values and applying the filter.
+     * Modify the `collection` property if you want to change the filters.
+     * Modify the `itemsToFilter` property if you want to filter the indexes for trimming.
+     */
+    beforefiltertrimmed: EventEmitter<{
+        collection: FilterCollection;
+        itemsToFilter: Record<number, boolean>;
+    }>;
+    /**
+     * Emitted before trimming values.
+     * Use e.preventDefault() to prevent the default behavior of trimming values.
+     * Modify the `trimmed` property if you want to filter the indexes for trimming.
+     */
+    beforetrimmed: EventEmitter<{
+        trimmed: Record<number, boolean>;
+        trimmedType: string;
+        type: string;
+    }>;
+    /**
+     * Emitted after trimmed values have been applied.
+     * Useful for notifying when trimming of values has taken place.
+     */
+    aftertrimmed: EventEmitter;
+    /**
+     * Emitted when the viewport is scrolled.
+     * Useful for tracking viewport scrolling events.
+     */
+    viewportscroll: EventEmitter<ViewPortScrollEvent>;
+    /**
+     * Before export
+     * Use e.preventDefault() to prevent export
+     * Replace data in Event in case you want to modify it in export
+     */
+    beforeexport: EventEmitter<DataInput>;
+    /**
+     * Emitted before editing starts.
+     * Use e.preventDefault() to prevent the default edit behavior.
+     */
+    beforeeditstart: EventEmitter<BeforeSaveDataDetails>;
+    /**
+     * Emitted after column resizing.
+     * Useful for retrieving the resized columns.
+     */
+    aftercolumnresize: EventEmitter<{
+        [index: number]: ColumnRegular;
+    }>;
+    /**
+     * Emitted before the row definition is applied.
+     * Useful for modifying or preventing the default row definition behavior.
+     */
+    beforerowdefinition: EventEmitter<{
+        vals: any;
+        oldVals: any;
+    }>;
+    /**
+     * Emitted when the filter configuration is changed
+     */
+    filterconfigchanged: EventEmitter;
+    /**
+     * Emmited when the row headers are changed.
+     */
+    rowheaderschanged: EventEmitter;
+    /**
+     * Emmited before the grid is rendered.
+     */
+    beforegridrender: EventEmitter;
+    /**
+     * Emmited after the grid is initialized. Connected to the DOM.
+     */
+    aftergridinit: EventEmitter;
+    /**
+     * Refreshes data viewport.
+     * Can be specific part as rgRow or pinned rgRow or 'all' by default.
+     */
+    refresh(type?: DimensionRows | 'all'): Promise<void>;
+    /**
+     * Sets data at specified cell.
+     * Useful for performance optimization.
+     * No viewport update will be triggered.
+     */
+    setDataAt(data: {
+        row: number;
+        col: number;
+    } & AllDimensionType): Promise<void>;
+    /**
+     * Scrolls viewport to specified row by index.
+     */
+    scrollToRow(coordinate?: number): Promise<void>;
+    /**
+     * Scrolls viewport to specified column by index.
+     */
+    scrollToColumnIndex(coordinate?: number): Promise<void>;
+    /**
+     * Scrolls viewport to specified column by prop
+     */
+    scrollToColumnProp(prop: ColumnProp, dimension?: DimensionTypeCol): Promise<void>;
+    /** Update columns */
+    updateColumns(cols: ColumnRegular[]): Promise<void>;
+    /** Add trimmed by type */
+    addTrimmed(trimmed: Record<number, boolean>, trimmedType?: string, type?: DimensionRows): Promise<CustomEvent<{
+        trimmed: Record<number, boolean>;
+        trimmedType: string;
+        type: string;
+    }>>;
+    /**  Scrolls view port to coordinate */
+    scrollToCoordinate(cell: Partial<Cell>): Promise<void>;
+    /**  Open editor for cell. */
+    setCellEdit(rgRow: number, prop: ColumnProp, rowSource?: DimensionRows): Promise<void>;
+    /**  Set focus range. */
+    setCellsFocus(cellStart?: Cell, cellEnd?: Cell, colType?: string, rowType?: string): Promise<void>;
+    /**  Get data from source */
+    getSource(type?: DimensionRows): Promise<DataType[]>;
+    /**
+     * Get data from visible part of source
+     * Trimmed/filtered rows will be excluded
+     * @param type - type of source
+     */
+    getVisibleSource(type?: DimensionRows): Promise<any[]>;
+    /**
+     * Provides access to rows internal store observer
+     * Can be used for plugin support
+     * @param type - type of source
+     */
+    getSourceStore(type?: DimensionRows): Promise<Observable<DSourceState<DataType, DimensionRows>>>;
+    /**
+     * Provides access to column internal store observer
+     * Can be used for plugin support
+     * @param type - type of column
+     */
+    getColumnStore(type?: DimensionCols): Promise<Observable<DSourceState<ColumnRegular, DimensionCols>>>;
+    /**
+     * Update column sorting
+     * @param column - full column details to update
+     * @param index - virtual column index
+     * @param order - order to apply
+     */
+    updateColumnSorting(column: ColumnRegular, index: number, order: 'asc' | 'desc', additive: boolean): Promise<ColumnRegular>;
+    /**
+     * Clears column sorting
+     */
+    clearSorting(): Promise<void>;
+    /**
+     * Receive all columns in data source
+     */
+    getColumns(): Promise<ColumnRegular[]>;
+    /**
+     * Clear current grid focus. Grid has no longer focus on it.
+     */
+    clearFocus(): Promise<void>;
+    /**
+     * Get all active plugins instances
+     */
+    getPlugins(): Promise<PluginBaseComponent[]>;
+    /**
+     * Get the currently focused cell.
+     */
+    getFocused(): Promise<FocusedData | null>;
+    /**
+     * Get size of content
+     * Including all pinned data
+     */
+    getContentSize(): Promise<Cell>;
+    /**
+     * Get the currently selected Range.
+     */
+    getSelectedRange(): Promise<RangeArea | null>;
+    private clickTrackForFocusClear;
+    mousedownHandle(event: MouseEvent | TouchEvent): void;
+    mouseupHandle(event: MouseEvent | TouchEvent): void;
+    /** Drag events */
+    onRowDragStarted(e: CustomEvent<{
+        pos: PositionItem;
+        text: string;
+        event: MouseEvent;
+    }>): void;
+    onRowDragEnd(): void;
+    onRowDrag({ detail }: CustomEvent<PositionItem>): void;
+    onRowMouseMove(e: CustomEvent<Cell>): void;
+    onCellEdit(e: CustomEvent<BeforeSaveDataDetails>): Promise<void>;
+    onRangeEdit(e: CustomEvent<BeforeRangeSaveDataDetails>): void;
+    onRangeChanged(e: CustomEvent<ChangedRange>): void;
+    onRowDropped(e: CustomEvent<{
+        from: number;
+        to: number;
+    }>): void;
+    onHeaderClick(e: CustomEvent<InitialHeaderClick>): void;
+    onCellFocus(e: CustomEvent<BeforeSaveDataDetails>): void;
+    element: HTMLRevoGridElement;
+    private extraElements;
+    uuid: string | null;
+    columnProvider: ColumnDataProvider;
+    dataProvider: DataProvider;
+    dimensionProvider: DimensionProvider;
+    viewportProvider: ViewportProvider;
+    private themeService;
+    private viewport;
+    private orderService;
+    private selectionStoreConnector;
+    private scrollingService;
+    /**
+     * Plugins
+     * Define plugins collection
+     */
+    private internalPlugins;
+    columnTypesChanged(): void;
+    columnChanged(newVal?: ColumnDataSchema[]): void;
+    disableVirtualXChanged(newVal?: boolean, prevVal?: boolean): void;
+    rowSizeChanged(s: number): void;
+    themeChanged(t: Theme, _?: Theme, __?: string, init?: boolean): void;
+    dataSourceChanged<T extends DataType>(newVal: T[], _: T[] | undefined, watchName: string): void;
+    disableVirtualYChanged(newVal?: boolean, prevVal?: boolean): void;
+    rowDefChanged(after: any, before?: any): void;
+    trimmedRowsChanged(newVal?: Record<number, boolean>): void;
+    /**
+     * Grouping
+     */
+    groupingChanged(newVal?: GroupingOptions): void;
+    /**
+     * Stretch Plugin Apply
+     */
+    applyStretch(isStretch: boolean | string): void;
+    applyFilter(cfg: boolean | ColumnFilterConfig): void;
+    rowHeadersChange(rowHeaders?: RowHeaders | boolean): void;
+    /**
+     * Register external VNodes
+     */
+    registerOutsideVNodes(elements?: VNode[]): void;
+    componentWillRender(): false | Promise<any[]>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): any;
 }