@revolist/revogrid 4.9.41 → 4.9.42

package/dist/types/components/header/resizable.element.d.ts

@@ -1,4 +1,4 @@
-import { FunctionalComponent } from '../../stencil-public-runtime';
+import { type FunctionalComponent } from '../../stencil-public-runtime';
 import { ResizeProps } from './resizable.directive';
 import type { CellProps } from "../../types/index";
 export type ResizableElementHTMLAttributes = Partial<ResizeProps> & CellProps;

package/dist/types/components/header/revogr-header.d.ts

@@ -1,10 +1,9 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { HTMLStencilElement } from '../../stencil-public-runtime';
 import { Groups } from "../../store/index";
 import { HeaderRenderProps } from './header-renderer';
 import { ResizeProps } from './resizable.directive';
 import { ColumnRegular, DimensionSettingsState, InitialHeaderClick, Providers, ViewportState, ViewSettingSizeProp, DimensionCols, SelectionStoreState } from "../../types/index";
-import { Observable } from '../../utils/store.utils';
+import { Observable } from '../../utils';
 export declare class RevogrHeaderComponent {
     /**
      * Stores
@@ -75,7 +74,7 @@ export declare class RevogrHeaderComponent {
      * After all header cells rendered. Finalizes cell rendering.
      */
     afterHeaderRender: EventEmitter<Providers<DimensionCols | 'rowHeaders'>>;
-    element: HTMLStencilElement;
+    element: HTMLElement;
     private onResize;
     private onResizeGroup;
     componentDidRender(): void;

package/dist/types/components/order/order-renderer.d.ts

@@ -1,4 +1,4 @@
-import { VNode } from '../../stencil-public-runtime';
+import { type VNode } from '../../stencil-public-runtime';
 import { PositionItem } from "../../types/index";
 import { Cell } from "../../types/index";
 type Props = {

package/dist/types/components/order/revogr-order-editor.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { DSourceState } from "../../store/index";
-import { DimensionRows, DataType, DimensionSettingsState, DragStartEvent, PositionItem, Cell } from "../../types/index";
-import { Observable } from '../../utils/store.utils';
+import { type DSourceState } from "../../store/index";
+import type { DimensionRows, DataType, DimensionSettingsState, DragStartEvent, PositionItem, Cell, RowDragStartDetails } from "../../types/index";
+import type { Observable } from '../../utils';
 /**
  * Component for handling row order editor.
  */
@@ -16,13 +16,7 @@ export declare class OrderEditor {
     dataStore: Observable<DSourceState<DataType, DimensionRows>>;
     rowType: DimensionRows;
     /** Row drag started */
-    rowDragStart: EventEmitter<{
-        cell: Cell;
-        text: string;
-        pos: PositionItem;
-        event: MouseEvent;
-        rowType: DimensionRows;
-    }>;
+    rowDragStart: EventEmitter<RowDragStartDetails>;
     /** Row drag ended started */
     rowDragEnd: EventEmitter<{
         rowType: DimensionRows;

package/dist/types/components/overlay/autofill.service.d.ts

@@ -2,7 +2,7 @@ import { EventData } from './selection.utils';
 import { DSourceState } from "../../store/index";
 import ColumnService from '../data/column.service';
 import { DataLookup, DataType, DimensionSettingsState, TempRange, ChangedRange, BeforeRangeSaveDataDetails, RangeArea, Cell, DimensionRows, Nullable } from "../../types/index";
-import { Observable } from '../../utils/store.utils';
+import { Observable } from '../../utils';
 type Config = {
     dimensionRow: Observable<DimensionSettingsState>;
     dimensionCol: Observable<DimensionSettingsState>;
@@ -68,7 +68,7 @@ export declare class AutoFillService {
     /**
      * Trigger range apply events and handle responses
      */
-    onRangeApply(data: DataLookup, range: RangeArea | null): void;
+    onRangeApply(newData: DataLookup, newRange: RangeArea | null, oldRange: RangeArea | null): void;
     /** Apply range and copy data during range application */
     private applyRangeWithData;
     /**

package/dist/types/components/overlay/keyboard.service.d.ts

@@ -1,6 +1,6 @@
+import { type Observable } from '../../utils';
 import { EventData } from './selection.utils';
 import { Cell, Nullable, RangeArea, SelectionStoreState } from "../../types/index";
-import { Observable } from '../../utils/store.utils';
 type Config = {
     selectionStore: Observable<SelectionStoreState>;
     change(val?: any): void;

package/dist/types/components/overlay/revogr-overlay-selection.d.ts

@@ -2,8 +2,8 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import ColumnService from '../data/column.service';
 import { type DSourceState } from "../../store/index";
 import { EventData } from './selection.utils';
-import { Observable, SelectionStoreState, DimensionSettingsState, DataType, DimensionRows, ColumnRegular, DimensionCols, Cell, DragStartEvent } from '../../components';
-import type { MultiDimensionType, Nullable, RangeClipboardCopyEventProps, RangeClipboardPasteEvent, FocusRenderEvent, ApplyFocusEvent, AllDimensionType, Editors, BeforeSaveDataDetails, BeforeEdit, RangeArea, TempRange, ChangedRange, BeforeRangeSaveDataDetails, SaveDataDetails } from "../../types/index";
+import { type Observable } from '../../utils';
+import type { SelectionStoreState, DimensionSettingsState, DataType, DimensionRows, ColumnRegular, DimensionCols, DragStartEvent, Cell, MultiDimensionType, Nullable, RangeClipboardCopyEventProps, RangeClipboardPasteEvent, FocusRenderEvent, ApplyFocusEvent, AllDimensionType, Editors, BeforeSaveDataDetails, BeforeEdit, RangeArea, TempRange, ChangedRange, BeforeRangeSaveDataDetails, SaveDataDetails } from "../../types/index";
 /**
  * Component for overlaying the grid with the selection.
  */
@@ -89,27 +89,30 @@ export declare class OverlaySelection {
      */
     setEdit: EventEmitter<BeforeEdit>;
     /**
-     * Before range applied. First step in triggerRangeEvent.
+     * Before range applied.
+     * First step in triggerRangeEvent.
      */
     beforeApplyRange: EventEmitter<FocusRenderEvent>;
     /**
-     * Before range selection applied. Second step in triggerRangeEvent.
+     * Before range selection applied.
+     * Second step in triggerRangeEvent.
      */
     beforeSetRange: EventEmitter;
-    /**
-     * Before editor render.
-     */
-    beforeEditRender: EventEmitter<FocusRenderEvent>;
     /**
      * Set range.
+     * Third step in triggerRangeEvent.
      */
     setRange: EventEmitter<RangeArea & {
         type: MultiDimensionType;
     }>;
-    /** Select all. */
+    /**
+     * Before editor render.
+     */
+    beforeEditRender: EventEmitter<FocusRenderEvent>;
+    /** Select all cells from keyboard. */
     selectAll: EventEmitter;
     /**
-     * Used for editors support when editor close requested.
+     * Cancel edit. Used for editors support when editor close requested.
      */
     cancelEdit: EventEmitter;
     /**
@@ -131,10 +134,10 @@ export declare class OverlaySelection {
      * Cell get focused.
      * To prevent the default behavior of applying the edit data, you can call `e.preventDefault()`.
      */
-    focusCell: EventEmitter<ApplyFocusEvent>;
+    focusCell: EventEmitter<ApplyFocusEvent & FocusRenderEvent>;
     /** Range data apply. */
     beforeRangeDataApply: EventEmitter<FocusRenderEvent>;
-    /** Selection range changed. */
+    /** Autofill data in range. First step in applyRangeWithData */
     selectionChange: EventEmitter<ChangedRange>;
     /** Before range copy. */
     beforeRangeCopyApply: EventEmitter<ChangedRange>;
@@ -207,7 +210,7 @@ export declare class OverlaySelection {
     /**
      * Selection & Keyboard
      */
-    selectionServiceSet(s: Observable<SelectionStoreState>): void;
+    selectionServiceSet(selectionStore: Observable<SelectionStoreState>): void;
     /** Autofill */
     createAutoFillService(): void;
     /** Columns */

package/dist/types/components/overlay/selection.utils.d.ts

@@ -1,6 +1,6 @@
 import { DimensionIndexInput, DSourceState } from "../../store/index";
 import type { DimensionSettingsState, Cell, RangeArea, RangeAreaCss, DataLookup, DimensionRows, DataType, EditCellStore } from "../../types/index";
-import { Observable } from '../../utils/store.utils';
+import { Observable } from '../../utils';
 export type EventData = {
     el: HTMLElement;
     rows: DimensionSettingsState;

package/dist/types/components/revoGrid/plugin.service.d.ts

@@ -0,0 +1,37 @@
+import { PluginBaseComponent, PluginProviders, PluginServiceBase } from "../../types/index";
+import { GridPlugin } from "../../plugins/index";
+/**
+ * Plugin service
+ * Manages plugins
+ */
+export declare class PluginService implements PluginServiceBase {
+    /**
+     * Plugins
+     * Define plugins collection
+     */
+    internalPlugins: PluginBaseComponent[];
+    /**
+     * Get all plugins
+     */
+    get(): PluginBaseComponent[];
+    /**
+     * Add plugin to collection
+     */
+    add(plugin: PluginBaseComponent): void;
+    /**
+     * Add user plugins and create
+     */
+    addUserPluginsAndCreate(element: HTMLRevoGridElement, plugins?: GridPlugin[], prevPlugins?: GridPlugin[], pluginData?: PluginProviders): void;
+    /**
+     * Get plugin by class
+     */
+    getByClass<T extends PluginBaseComponent>(pluginClass: new (...args: any[]) => T): T | undefined;
+    /**
+     * Remove plugin
+     */
+    remove(plugin: PluginBaseComponent): void;
+    /**
+     * Remove all plugins
+     */
+    destroy(): void;
+}

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

@@ -1,38 +1,45 @@
-import { EventEmitter, VNode } from '../../stencil-public-runtime';
-import type { MultiDimensionType, DimensionRows, DimensionCols, DimensionTypeCol, RowHeaders, ColumnRegular, ColumnGrouping, DataType, RowDefinition, ColumnType, FocusTemplateFunc, PositionItem, ColumnProp, ViewPortScrollEvent, InitialHeaderClick, AllDimensionType, Editors, BeforeSaveDataDetails, BeforeRangeSaveDataDetails, Cell, ChangedRange, RangeArea, AfterEditEvent, Theme, PluginBaseComponent, FocusAfterRenderEvent } from "../../types/index";
+import { type VNode, EventEmitter } from '../../stencil-public-runtime';
+import type { MultiDimensionType, DimensionRows, DimensionCols, DimensionTypeCol, RowHeaders, ColumnRegular, ColumnGrouping, DataType, RowDefinition, ColumnType, FocusTemplateFunc, PositionItem, ColumnProp, ViewPortScrollEvent, InitialHeaderClick, AllDimensionType, Editors, BeforeSaveDataDetails, BeforeRangeSaveDataDetails, Cell, ChangedRange, RangeArea, AfterEditEvent, Theme, PluginBaseComponent, PluginProviders, FocusAfterRenderEvent, ExtraNodeFuncConfig, RowDragStartDetails } from "../../types/index";
 import ColumnDataProvider from '../../services/column.data.provider';
 import { DataProvider } from '../../services/data.provider';
 import { DSourceState } from "../../store/index";
 import DimensionProvider from '../../services/dimension.provider';
 import ViewportProvider from '../../services/viewport.provider';
 import ThemeService from '../../themeManager/theme.service';
-import { AutoSizeColumnConfig } from '../../plugins/column.auto-size.plugin';
+import { type AutoSizeColumnConfig } from '../../plugins/column.auto-size.plugin';
 import { DataInput } from '../../plugins/export/types';
 import { GroupingOptions } from '../../plugins/groupingRow/grouping.row.types';
 import ViewportService, { FocusedData } from './viewport.service';
 import GridScrollingService from './viewport.scrolling.service';
-import SelectionStoreConnector from '../../services/selection.store.connector';
+import { SelectionStoreConnector } from '../../services/selection.store.connector';
 import { OrdererService } from '../order/order-renderer';
-import type { Observable } from '../../utils/store.utils';
+import type { Observable } from '../../utils';
 import type { GridPlugin } from '../../plugins/base.plugin';
 import { ColumnCollection } from '../../utils/column.utils';
-import { ColumnFilterConfig, FilterCollection } from '../../plugins/filter/filter.types';
+import { ColumnFilterConfig, FilterCollectionItem } from '../../plugins/filter/filter.types';
+import { PluginService } from './plugin.service';
+import { SortingConfig, SortingOrder } from '../../plugins';
 /**
  * Revogrid - High-performance, customizable grid library for managing large datasets.
+ * ### Events guide
+ *
+ * For a comprehensive events guide, check the [Events API Page](./events.md).
+ * All events propagate to the root level of the grid. [Dependency tree](#Dependencies).
+ *
+ * ### Type definitions
  *
- * :::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.
- * :::
+ * ### HTMLRevoGridElement
  *
  * @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 />.
- */
+ * @slot viewport - Viewport slot.
+ * @slot header - Header slot.
+ * @slot footer - Footer slot.
+*/
 export declare class RevoGridComponent {
     /** Excel like functionality.
      * Show row numbers.
@@ -88,9 +95,10 @@ export declare class RevoGridComponent {
      */
     applyOnClose: boolean;
     /**
-     * Custom grid plugins.
-     * Has to be predefined during first grid init.
-     * Every plugin should be inherited from BasePlugin.
+     * Custom grid plugins. Can be added or removed at runtime.
+     * Every plugin should be inherited from BasePlugin class.
+     *
+     * For more details check [Plugin guide](https://rv-grid.com/guide/plugin/)
      */
     plugins: GridPlugin[];
     /**
@@ -125,6 +133,11 @@ export declare class RevoGridComponent {
      * Or can be filter collection See `FilterCollection` for more info.
      */
     filter: boolean | ColumnFilterConfig;
+    /**
+     * Alternative way to set sorting.
+     * `{columns: [{prop: 'name', order: 'asc'}]}`
+     */
+    sorting?: SortingConfig;
     /**
      * Apply changes typed in editor on editor close except Escape cases.
      * If custom editor in use method `getValue` required.
@@ -186,8 +199,10 @@ export declare class RevoGridComponent {
      * 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.
+     * Can return VNode result of h() function or a function that returns VNode.
+     * Function can be used for performance improvement and additional renders.
      */
-    registerVNode: (VNode | (() => VNode))[];
+    registerVNode: (VNode | ((c: ExtraNodeFuncConfig) => VNode))[];
     /**
      * Enable accessibility. If disabled, the grid will not be accessible.
      * @default true
@@ -200,38 +215,38 @@ export declare class RevoGridComponent {
      */
     contentsizechanged: EventEmitter<MultiDimensionType>;
     /**
-     * This event is triggered before the data is edited.
+     * 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.
+     * 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.
+     * After data applied or range changed.
      */
     afteredit: EventEmitter<AfterEditEvent>;
     /**
-     * This event is triggered before autofill is applied.
+     * 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.
+     * Before autofill is applied. Runs before beforeautofill event.
      * Use e.preventDefault() to prevent range.
      */
     beforerange: EventEmitter<ChangedRange>;
     /**
-     * Triggered after focus render finished.
+     * After focus render finished.
      * Can be used to access a focus element through `event.target`.
      * This is just a duplicate of `afterfocus` from `revogr-focus.tsx`.
      */
     afterfocus: EventEmitter<FocusAfterRenderEvent>;
     /**
-     * This event is triggered before the order of `rgRow` is applied.
+     * 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<{
@@ -239,22 +254,32 @@ export declare class RevoGridComponent {
         to: number;
     }>;
     /**
-     * Triggered by sorting.plugin.ts
-     * Before sorting apply.
-     * Use e.preventDefault() to prevent sorting data change.
+     * By `sorting.plugin.ts`
+     * <br>Triggered immediately after header click.
+     * <br>First in sorting event sequence. Ff this event stops no other event called.
+     * <br>Use `e.preventDefault()` to prevent sorting.
      */
-    beforesortingapply: EventEmitter<{
+    beforesorting: 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.
+     * By `sorting.plugin.ts`
+     * <br>Same as `beforesorting` but triggered after `beforeanysource` (when source is changed).
+     * <br>Use `e.preventDefault()` to prevent sorting data change.
      */
-    beforesorting: EventEmitter<{
+    beforesourcesortingapply: EventEmitter<{
+        type: DimensionRows;
+        sorting?: SortingOrder;
+    }>;
+    /**
+     * By `sorting.plugin.ts`
+     * <br> After `beforesorting`
+     * <br>Triggered after column data updated with new sorting order.
+     * <br>Use `e.preventDefault()` to prevent sorting data change.
+     */
+    beforesortingapply: EventEmitter<{
         column: ColumnRegular;
         order: 'desc' | 'asc';
         additive: boolean;
@@ -264,21 +289,18 @@ export declare class RevoGridComponent {
      * 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;
-    }>;
+    rowdragstart: EventEmitter<RowDragStartDetails>;
     /**
      * On header click.
      */
     headerclick: EventEmitter<ColumnRegular>;
     /**
-     * This event is triggered before the cell focus is changed.
+     * 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.
+     * 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>;
@@ -334,7 +356,7 @@ export declare class RevoGridComponent {
      * Modify if you need to change filters.
      */
     beforefilterapply: EventEmitter<{
-        collection: FilterCollection;
+        collection: Record<ColumnProp, FilterCollectionItem>;
     }>;
     /**
      * Emitted before applying a filter to the data source.
@@ -343,7 +365,7 @@ export declare class RevoGridComponent {
      * Modify the `itemsToFilter` property if you want to filter the indexes for trimming.
      */
     beforefiltertrimmed: EventEmitter<{
-        collection: FilterCollection;
+        collection: Record<ColumnProp, FilterCollectionItem>;
         itemsToFilter: Record<number, boolean>;
     }>;
     /**
@@ -396,6 +418,10 @@ export declare class RevoGridComponent {
      * Emitted when the filter configuration is changed
      */
     filterconfigchanged: EventEmitter;
+    /**
+     * Emitted when the sorting configuration is changed
+     */
+    sortingconfigchanged: EventEmitter<SortingConfig>;
     /**
      * Emmited when the row headers are changed.
      */
@@ -420,19 +446,29 @@ export declare class RevoGridComponent {
      * Emmited after the theme is changed
      */
     afterthemechanged: EventEmitter<Theme>;
+    /**
+     * Emmited after grid created
+     */
+    created: 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.
+     * Refreshes data at specified cell.
      * Useful for performance optimization.
      * No viewport update will be triggered.
+     *
+     * @example
+     * const grid = document.querySelector('revo-grid');
+     * grid.setDataAt({ row: 0, col: 0, val: 'test' }); // refresh
      */
-    setDataAt(data: {
+    setDataAt({ row, col, colType, rowType, val, skipDataUpdate }: {
         row: number;
         col: number;
+        val?: any;
+        skipDataUpdate?: boolean;
     } & AllDimensionType): Promise<void | undefined>;
     /**
      * Scrolls viewport to specified row by index.
@@ -517,6 +553,12 @@ export declare class RevoGridComponent {
      * Get the currently selected Range.
      */
     getSelectedRange(): Promise<RangeArea | null>;
+    /**
+     * Refresh extra elements. Triggers re-rendering of extra elements and functions.
+     * Part of extraElements and registerVNode methods.
+     * Useful for plugins.
+     */
+    refreshExtraElements(): Promise<void>;
     private clickTrackForFocusClear?;
     mousedownHandle(event: MouseEvent | TouchEvent): void;
     /**
@@ -524,18 +566,14 @@ export declare class RevoGridComponent {
      */
     mouseupHandle(event: MouseEvent | TouchEvent): Promise<void>;
     /** Drag events */
-    onRowDragStarted(e: CustomEvent<{
-        pos: PositionItem;
-        text: string;
-        event: MouseEvent;
-    }>): void;
+    onRowDragStarted(e: CustomEvent<HTMLRevogrOrderEditorElementEventMap['rowdragstartinit']>): void;
     onRowDragEnd(): void;
     onRowOrderChange(e: CustomEvent<HTMLRevogrOrderEditorElementEventMap['roworderchange']>): 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;
+    onRangeEdit(e: CustomEvent<HTMLRevogrOverlaySelectionElementEventMap['rangeeditapply']>): void;
+    onRangeChanged(e: CustomEvent<HTMLRevogrOverlaySelectionElementEventMap['selectionchangeinit']>): void;
     onRowDropped(e: CustomEvent<{
         from: number;
         to: number;
@@ -543,24 +581,25 @@ export declare class RevoGridComponent {
     onHeaderClick(e: CustomEvent<InitialHeaderClick>): void;
     onCellFocus(e: CustomEvent<BeforeSaveDataDetails>): void;
     element: HTMLRevoGridElement;
-    extraElements: (VNode | (() => VNode))[];
+    extraElements: HTMLRevogrExtraElement['nodes'];
+    /**
+     * Service for rendering extra elements as virtual nodes
+     * Part of extraElements and registerVNode methods
+     */
+    extraService?: HTMLRevogrExtraElement;
     columnProvider?: ColumnDataProvider;
     dataProvider?: DataProvider;
     dimensionProvider?: DimensionProvider;
     viewportProvider?: ViewportProvider;
     themeService: ThemeService;
+    pluginService: PluginService;
     viewport: ViewportService | null;
     isInited: boolean;
     orderService: OrdererService;
-    selectionStoreConnector: SelectionStoreConnector;
+    selectionStoreConnector?: SelectionStoreConnector;
     scrollingService: GridScrollingService;
-    /**
-     * Plugins
-     * Define plugins collection
-     */
-    internalPlugins: PluginBaseComponent[];
     columnTypesChanged(): void;
-    columnChanged(newVal?: (ColumnGrouping | ColumnRegular)[]): void;
+    columnChanged(newVal?: (ColumnGrouping | ColumnRegular)[], _prevVal?: (ColumnGrouping | ColumnRegular)[] | undefined, __watchName?: string, init?: boolean): void;
     disableVirtualXChanged(newVal?: boolean, prevVal?: boolean): void;
     rowSizeChanged(s: number): void;
     themeChanged(t: Theme, _?: Theme, __?: string, init?: boolean): void;
@@ -577,15 +616,20 @@ export declare class RevoGridComponent {
      */
     applyStretch(isStretch: boolean | string): void;
     applyFilter(cfg: boolean | ColumnFilterConfig): void;
+    applySorting(cfg?: SortingConfig): void;
     rowHeadersChange(rowHeaders?: RowHeaders | boolean): void;
     /**
      * Register external VNodes
      */
-    registerOutsideVNodes(elements?: (VNode | (() => VNode))[]): void;
+    registerOutsideVNodes(elements?: HTMLRevogrExtraElement['nodes']): void;
     additionalDataChanged(data: any): void;
-    pluginsChanged(plugins?: GridPlugin[], _prevPlugins?: GridPlugin[]): void;
+    /**
+     * User can add plugins via plugins property
+     */
+    pluginsChanged(plugins?: GridPlugin[], prevPlugins?: GridPlugin[]): void;
     private setPlugins;
-    private getPluginData;
+    private setCorePlugins;
+    getPluginData(): PluginProviders | undefined;
     private removePlugins;
     connectedCallback(): void;
     /**

package/dist/types/components/revoGrid/viewport.service.d.ts

@@ -1,11 +1,11 @@
 import DimensionProvider from '../../services/dimension.provider';
-import SelectionStoreConnector from '../../services/selection.store.connector';
+import { type SelectionStoreConnector } from '../../services/selection.store.connector';
 import ViewportProvider from '../../services/viewport.provider';
 import { OrdererService } from '../order/order-renderer';
 import GridScrollingService from './viewport.scrolling.service';
 import ColumnDataProvider from '../../services/column.data.provider';
 import { DataProvider } from '../../services/data.provider';
-import { Cell, ColumnRegular, DimensionCols, DimensionRows, RangeArea, ViewportProps } from "../../types/index";
+import type { Cell, ColumnRegular, DimensionCols, DimensionRows, RangeArea, ViewportProps } from "../../types/index";
 export type ResizeDetails = {
     [index: number]: ColumnRegular;
 };

package/dist/types/components/rowHeaders/row-header-render.d.ts

@@ -1,5 +1,5 @@
-import { VNode } from '../../stencil-public-runtime';
-import { HyperFunc } from "../../types/index";
+import type { VNode } from '../../stencil-public-runtime';
+import type { HyperFunc } from "../../types/index";
 type HeaderRender = {
     (start: number): (h: HyperFunc<VNode>, e: {
         rowIndex: number;

package/dist/types/components/scroll/revogr-viewport-scroll.d.ts

@@ -1,6 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { DimensionCols, DimensionType, ElementScroll } from "../../types/index";
-import { ScrollCoordinateEvent, ViewPortResizeEvent, ViewPortScrollEvent } from "../../types/index";
+import type { DimensionCols, DimensionType, ElementScroll, ScrollCoordinateEvent, ViewPortResizeEvent, ViewPortScrollEvent } from "../../types/index";
 type Delta = 'deltaX' | 'deltaY';
 type LocalScrollEvent = {
     preventDefault(): void;
@@ -48,8 +47,6 @@ export declare class RevogrViewportScroll implements ElementScroll {
     */
     silentScroll: EventEmitter<ViewPortScrollEvent>;
     horizontalScroll: HTMLElement;
-    private oldValY;
-    private oldValX;
     private verticalScroll?;
     private header?;
     private footer?;
@@ -58,7 +55,7 @@ export declare class RevogrViewportScroll implements ElementScroll {
      */
     private horizontalMouseWheel;
     private verticalMouseWheel;
-    private resizeService;
+    private resizeService?;
     private localScrollService;
     private localScrollTimer;
     setScroll(e: ViewPortScrollEvent): Promise<void>;

package/dist/types/components/scrollable/revogr-scroll-virtual.d.ts

@@ -1,7 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { DimensionType } from "../../types/index";
-import { ViewportState, DimensionSettingsState, ViewPortScrollEvent } from "../../types/index";
-import { Observable } from '../../utils/store.utils';
+import type { DimensionType, ViewportState, DimensionSettingsState, ViewPortScrollEvent } from "../../types/index";
+import { type Observable } from '../../utils';
 /**
  * Virtual scroll component
  */

package/dist/types/components/selectionFocus/revogr-focus.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { DSourceState } from "../../store/index";
-import { SelectionStoreState, ColumnRegular, DataType, DimensionSettingsState, FocusRenderEvent, FocusTemplateFunc, DimensionCols, DimensionRows, FocusAfterRenderEvent } from "../../types/index";
-import { Observable } from '../../utils/store.utils';
+import type { SelectionStoreState, ColumnRegular, DataType, DimensionSettingsState, FocusRenderEvent, FocusTemplateFunc, DimensionCols, DimensionRows, FocusAfterRenderEvent } from "../../types/index";
+import type { Observable } from '../../utils';
 /**
  * Focus component. Shows focus layer around the cell that is currently in focus.
  * @slot focus-${view.type}-${data.type}. @example focus-rgCol-rgRow

package/dist/types/components/selectionTempRange/revogr-temp-range.d.ts

@@ -1,6 +1,5 @@
-import { DimensionSettingsState } from "../../types/index";
-import { SelectionStoreState } from "../../types/index";
-import { Observable } from '../../utils/store.utils';
+import { DimensionSettingsState, SelectionStoreState } from "../../types/index";
+import type { Observable } from '../../utils';
 /**
  * Temporary range selection component. Shows temporary range selection.
  */