@revolist/svelte-datagrid 4.10.19 → 4.10.34

package/README.md

@@ -1,3 +1,18 @@
+### 🚨 Repository Notice 🚨
+
+This repo is read-only and will be **deprecated** in v5+ in favor of monorepos. Post issues [here](https://github.com/revolist/revogrid). Happy coding! 🖥️💻
+
+---
+
+
+We have updated our latest version to support **Svelte 5** following its official release. 🎉  
+Read more about the announcement here: [Svelte 5 is Alive](https://svelte.dev/blog/svelte-5-is-alive).
+
+If you want to continue using **Svelte 4**, please switch to the [svelte-4](https://github.com/revolist/svelte-datagrid/tree/svelte-4) branch.
+
+---
+
+
 <p align="center">
   <a href="https://rv-grid.com">
     <img src="./assets/logo.svg" alt="RevoGrid" height="150" />
@@ -7,8 +22,10 @@
 <p align="center">
   <a href="https://www.npmjs.com/package/@revolist/revogrid"><img src="https://img.shields.io/npm/v/@revolist/revogrid" alt="Latest Version on NPM"/></a>
   <a href="https://github.com/revolist/revogrid/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/@revolist/revogrid" alt="Software License"/></a>
-  <img src="https://badgen.net/bundlephobia/dependency-count/@revolist/revogrid@latest" alt="Tree shaking"/>
-  <img src="https://badgen.net/bundlephobia/tree-shaking/@revolist/revogrid@latest" alt="Tree shaking"/>
+  <img src="https://badgen.net/bundlephobia/dependency-count/@revolist/revogrid" alt="Dependency count"/>
+  <img src="https://badgen.net/bundlephobia/tree-shaking/@revolist/revogrid" alt="Tree shaking"/>
+  <img src="https://img.shields.io/bundlephobia/min/@revolist/revogrid" alt="Bundle size"/>
+  <img src="https://sonarcloud.io/api/project_badges/measure?project=revolist_revogrid&metric=alert_status" alt="Sonar Quality Gate"/>
 </p>
 
 #
@@ -24,7 +41,7 @@ Support Millions of cells and thousands of columns easy and efficiently for fast
   <a href="#key-features">Key Features</a> •
   <a href="#basic-usage">How To Use</a> •
   <a href="#installation">Installation</a> •
-  <a href="https://github.com/revolist/revogrid/blob/master/src/components/revo-grid/readme.md">Docs</a> •
+  <a href="https://rv-grid.com/guide/">Docs</a> •
   <a href="#license">License</a>
 </p>
 
@@ -32,10 +49,13 @@ Support Millions of cells and thousands of columns easy and efficiently for fast
 <i>RevoGrid material theme.</i>
 <br>
 
+
 ## Key Features
 
 - **High Performance**: Handles millions of cells in the viewport with a powerful core built by default.
 
+- **Accessibility**: Follows WAI-ARIA best practices.
+
 - **Keyboard Support**:
   - Excel-like focus for efficient navigation and editing.
   - Seamless copy/paste from Excel, Google Sheets, or any other sheet format.
@@ -45,6 +65,14 @@ Support Millions of cells and thousands of columns easy and efficiently for fast
 
 - **Intelligent Virtual DOM**: Smart row recombination to minimize redraws.
 
+- **Virtual Scroll**: Handles large datasets with infinite scroll.
+
+- **Formula Support**: Evaluate formulas in cell data.
+
+- **Master Detail/Subtables/Forms**: Expand rows to reveal child data.
+
+- **Drag and Drop**: Drag and drop in rows and columns.
+
 - **Sorting**: Multiple options, customizable per column, with advanced event handling.
 
 - **Filtering**:
@@ -68,6 +96,8 @@ Support Millions of cells and thousands of columns easy and efficiently for fast
 
 - **Cell Editing**: In-place editing of cell data.
 
+- **Cell Merging**: Merge cells to form groups.
+
 - **Customizations**:
   - Column header template.
   - Row header template.
@@ -82,8 +112,6 @@ Support Millions of cells and thousands of columns easy and efficiently for fast
   - Date.
   - Custom (create extended styles using any template).
 
-- **Drag and Drop**: Easily reorder rows.
-
 - **Range Operations**:
   - Selection.
   - Editing.
@@ -104,12 +132,12 @@ Support Millions of cells and thousands of columns easy and efficiently for fast
 
 
 
-### Usage Svelte [Example](https://codesandbox.io/s/data-vue-test-3wkzi?file=/src/App.vue)
+### Usage Svelte
 
 With NPM:
 
 ```bash
-npm i @revolist/svelte-datagrid --save;
+npm i @revolist/svelte-datagrid
 ```
 
 With Yarn:
@@ -121,24 +149,8 @@ yarn add @revolist/svelte-datagrid;
 ```svelte
 // App.svelte
 <script lang="ts">
-  import { RevoGrid } from '@revolist/svelte-datagrid';
-  import type { ColumnRegular } from '@revolist/revogrid';
-
-  // This part to makesure revogrid component is loaded and ready
-  import { defineCustomElements } from '@revolist/revogrid/loader';
-  defineCustomElements();
-
-  const columns = [
-      {
-        prop: 'name',
-        name: 'First',
-      },
-      {
-        prop: 'details',
-        name: 'Second',
-      },
-  ];
-  const source = [
+    import { RevoGrid, type ColumnRegular } from '@revolist/svelte-datagrid';
+    const source = [
     {
       name: '1',
       details: 'Item 1',
@@ -148,53 +160,96 @@ yarn add @revolist/svelte-datagrid;
       details: 'Item 2',
     },
   ];
+    const columns: ColumnRegular[] = [
+    {
+      prop: 'name',
+      name: 'First',
+      cellTemplate(h, { value }) {
+        return h('span', { style: { background: 'red' } }, value);
+      }
+    },
+    {
+      prop: 'details',
+      name: 'Second',
+    },
+  ];
 </script>
 
-<RevoGrid {source} {columns}></RevoGrid>
-
+<main>
+	<RevoGrid {source} {columns}></RevoGrid>
+</main>
 ```
 
 
-## Versions
+[Example and guide](https://rv-grid.com/guide/svelte/)
 
-- **2.0+**: Introduced the plugin system, grouping, sorting, and filtering.
-- **3.0+**: Breaking changes introduced. See the [migration guide](./docs/guide/migration.md).
-This version features new component loading, ESM modules, Bootstrap support, and much [more](./docs/guide/migration.md).
-- **4.0+**: Breaking changes introduced. See the [migration guide](./docs/guide/migration.md). In this version, we rethought our framework approach, updated typings, fixed major issues, updated core and significantly improved overall performance. The grid is now much faster, with better plugin support and full framework support for Angular, React, and Vue, along with partial support for Ember and Svelte. Redesigned the documentation, and added more examples.
 
+## Versions
 
-
-## Sponsors
-
-We would like to extend our heartfelt gratitude to our sponsor for their generous support. Their contributions help us maintain and develop RevoGrid, ensuring continuous improvements and updates. If you are using RevoGrid in your project and would like to support its development, consider becoming a sponsor.
-
-### Our Sponsors
+- **2.0+**: Introduced the plugin system, grouping, sorting, and filtering.
+- **3.0+**: Breaking changes introduced:
+    -   Removed the redundant viewport component.
+    -   Renamed classes to support Bootstrap and other libraries:
+        -   `row` -> `rgRow`
+        -   `col` -> `rgCol`
+        -   `data-cell` -> `rgCell`
+        -   `data-header-cell` -> `rgHeaderCell`
+    -   Migrated all method names to lowercase to align with modern event naming conventions. For example, `afterEdit` is now `afteredit`. Check the API for details.
+    -   Added support for pure ESM modules to enable the use of the grid in all modern frontend tooling like Vite, Parcel, etc. You can now import custom elements without lazy loading. Note that you are responsible for polyfills.
+
+
+- **4.0+**: Breaking changes introduced. See the [migration guide](https://rv-grid.com/guide/migration). 
+
+-   Redesigned type support:
+        - Removed deprecated namespaces:
+            - **Before**: `RevoGrid.ColumnRegular`
+            - **Now**: `ColumnRegular`;
+        - Improved type import:
+            - **Before**: `import { RevoGrid } from '@revolist/revogrid/dist/types/interfaces'`
+            - **Now**: `import { ColumnRegular } from '@revolist/revogrid'`.
+        - Changed viewport type names everywhere. For example, before: `rowDefinitions: [{ type: "row", index: 0, size: 145 }]`, after: `rowDefinitions: [{ type: "rgRow", index: 0, size: 145 }]`.
+    -   Updated [event](https://rv-grid.com/guide/api/revoGrid.html#Events) naming convention. Review your [event](https://rv-grid.com/guide/api/revoGrid.html#Events) usage. [Event names](https://rv-grid.com/guide/api/revoGrid.html#Events) are all lowercase now and are aligned with modern event naming conventions. For example, `afterEdit` -> `afteredit`.
+    - Multiple event breaking changes introduced: beforerowrender now returns `BeforeRowRenderEvent`. Check all events for details.
+
+-   **Major improvements**:
+    -   Rethought the entire framework approach. Introduced Pro version with advance support and pro features.
+    -   Introduced slot support.
+    -   Updated scrolling system for better mobile support.
+    -   Advance template support. Introduced `additionalData` for templates and editors. `Prop` gives access to parent/root app context.
+    -   Redesigned the documentation.
+    -   Fixed major issues and significantly improved overall performance, making the grid multiple time faster.
+    -   Enhanced plugin support - now with full access to grid providers.
+    -   Updated documentation.
+    -   Provided full framework support and native render for  Angular, React, Svelte and Vue.
+ 
+-   **What next?**
+    -   Check our [Roadmap](https://github.com/users/revolist/projects/3)
+
+
+## Our Sponsors
+
+We would like to extend our heartfelt gratitude to our sponsors for their generous support. Their contributions help us maintain and develop RevoGrid.
 
 [![Altruistiq](https://cdn.prod.website-files.com/62cd69e08130a1a33f5ef900/6310b4d500e971695db5e9c3_615b5db69ce8931a276e5ed2_Social_Icons_AQ_3_32x32.png)](https://altruistiq.com)
 
 
 ### Become a Sponsor
 
-If you or your company would like to support the ongoing development of RevoGrid, please consider becoming a sponsor. Your support will help us continue to improve the project and provide the best possible tool for the community.
-
-[![Sponsor Us](https://img.shields.io/badge/Sponsor%20Us-%F0%9F%92%96-brightgreen)](https://opencollective.com/revogrid)
+If you or your company would like to support the ongoing development of RevoGrid, please consider [![Sponsor Us](https://img.shields.io/badge/Sponsor%20Us-%F0%9F%92%96-brightgreen)](https://opencollective.com/revogrid) or use a [Pro version](https://rv-grid.com/pro/). Your support will help us continue to improve the project and provide the best possible tool for the community.
 
 Thank you for supporting RevoGrid! 🙏
 
+
 ## Contributing
 
-We invite you to join our vibrant community and contribute to the growth and success of RevoGrid. By getting involved, you'll have the opportunity to enhance your skills, gain valuable experience, and make a significant impact on an innovative project.
+By getting involved, you'll have the opportunity to enhance your skills, gain valuable experience, and make a significant impact on an innovative project. Your contribution, no matter how big or small, is valuable.
 
 ### Why Contribute?
 
-- **Expand Your Knowledge**: Working on RevoGrid allows you to dive deep into modern web technologies, improve your coding skills, and learn best practices in performance optimization, data handling, and component-based architecture.
-- **Valuable Experience**: Contributing to an open-source project like RevoGrid provides you with practical experience that can be a great addition to your portfolio. It demonstrates your ability to work collaboratively, solve complex problems, and contribute to a project's success.
-- **Professional Growth**: By contributing, you become part of a network of talented developers. This can lead to mentorship opportunities, collaborations, and professional connections that can benefit your career.
-- **Make a Difference**: Your contributions can help improve RevoGrid, making it more powerful and user-friendly for developers around the world. Your input can shape the future of the project and drive innovation.
-
-### Join Us
+- **Expand Your Knowledge**: Working on complex libraries allows you to dive deep into modern web technologies, improve your coding skills, and learn best practices in performance optimization, data handling, and component-based architecture.
+- **Experience**: Contributing to an open-source project like provides you with practical experience that can be a great addition to your portfolio. It demonstrates your ability to work collaboratively, solve complex problems, and contribute to a project's success.
+- **Professional Growth**: By contributing, you become part of a network of talented developers. This can lead to mentorship opportunities, collaborations, and professional connections that can benefit your career. 
 
-Your contribution, no matter how big or small, is valuable. By working on RevoGrid, you'll be part of an exciting project that's making a difference in the world of data grids. Join us today and let's build something amazing together!
 
 ## License
 

package/dist/index.d.ts

@@ -1,305 +1,4 @@
-import { Components } from '@revolist/revogrid';
-import { JSX } from '@revolist/revogrid';
-import { SvelteComponent } from 'svelte/internal';
-
-export declare class RevoGrid extends SvelteComponent {
-    $$prop_def: RevoGridProps;
-    $$events_def: RevoGridEvents;
-    $$slot_def: RevoGridSlots;
-    $on<K extends keyof RevoGridEvents>(type: K, callback: (e: RevoGridEvents[K]) => any): () => void;
-    $set($$props: Partial<RevoGridProps>): void;
-    constructor(options: any);
-    /** Refreshes data viewport.
-     Can be specific part as rgRow or pinned rgRow or 'all' by default. */
-    get refresh(): Components.RevoGrid["refresh"];
-    /** Sets data at specified cell.
-     Useful for performance optimization.
-     No viewport update will be triggered. */
-    get setDataAt(): Components.RevoGrid["setDataAt"];
-    /** Scrolls viewport to specified row by index. */
-    get scrollToRow(): Components.RevoGrid["scrollToRow"];
-    /** Scrolls viewport to specified column by index. */
-    get scrollToColumnIndex(): Components.RevoGrid["scrollToColumnIndex"];
-    /** Scrolls viewport to specified column by prop */
-    get scrollToColumnProp(): Components.RevoGrid["scrollToColumnProp"];
-    /** Update columns */
-    get updateColumns(): Components.RevoGrid["updateColumns"];
-    /** Add trimmed by type */
-    get addTrimmed(): Components.RevoGrid["addTrimmed"];
-    /** Scrolls view port to coordinate */
-    get scrollToCoordinate(): Components.RevoGrid["scrollToCoordinate"];
-    /** Open editor for cell. */
-    get setCellEdit(): Components.RevoGrid["setCellEdit"];
-    /** Set focus range. */
-    get setCellsFocus(): Components.RevoGrid["setCellsFocus"];
-    /** Get data from source */
-    get getSource(): Components.RevoGrid["getSource"];
-    /** Get data from visible part of source
-     Trimmed/filtered rows will be excluded */
-    get getVisibleSource(): Components.RevoGrid["getVisibleSource"];
-    /** Provides access to rows internal store observer
-     Can be used for plugin support */
-    get getSourceStore(): Components.RevoGrid["getSourceStore"];
-    /** Provides access to column internal store observer
-     Can be used for plugin support */
-    get getColumnStore(): Components.RevoGrid["getColumnStore"];
-    /** Update column sorting */
-    get updateColumnSorting(): Components.RevoGrid["updateColumnSorting"];
-    /** Clears column sorting */
-    get clearSorting(): Components.RevoGrid["clearSorting"];
-    /** Receive all columns in data source */
-    get getColumns(): Components.RevoGrid["getColumns"];
-    /** Clear current grid focus. Grid has no longer focus on it. */
-    get clearFocus(): Components.RevoGrid["clearFocus"];
-    /** Get all active plugins instances */
-    get getPlugins(): Components.RevoGrid["getPlugins"];
-    /** Get the currently focused cell. */
-    get getFocused(): Components.RevoGrid["getFocused"];
-    /** Get size of content
-     Including all pinned data */
-    get getContentSize(): Components.RevoGrid["getContentSize"];
-    /** Get the currently selected Range. */
-    get getSelectedRange(): Components.RevoGrid["getSelectedRange"];
-    /** Refresh extra elements. Triggers re-rendering of extra elements and functions.
-     Part of extraElements and registerVNode methods.
-     Useful for plugins. */
-    get refreshExtraElements(): Components.RevoGrid["refreshExtraElements"];
-    get getWebComponent(): HTMLRevoGridElement | undefined;
-}
-
-declare interface RevoGridEvents {
-    /** 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: Parameters<JSX.RevoGrid["onContentsizechanged"]>[0];
-    /** 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: Parameters<JSX.RevoGrid["onBeforeedit"]>[0];
-    /** 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: Parameters<JSX.RevoGrid["onBeforerangeedit"]>[0];
-    /** After data applied or range changed. */
-    afteredit: Parameters<JSX.RevoGrid["onAfteredit"]>[0];
-    /** Before autofill is applied.
-     To prevent the default behavior of applying the edit data, you can call `e.preventDefault()`. */
-    beforeautofill: Parameters<JSX.RevoGrid["onBeforeautofill"]>[0];
-    /** Before autofill is applied. Runs before beforeautofill event.
-     Use e.preventDefault() to prevent range. */
-    beforerange: Parameters<JSX.RevoGrid["onBeforerange"]>[0];
-    /** 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: Parameters<JSX.RevoGrid["onAfterfocus"]>[0];
-    /** Before the order of `rgRow` is applied.
-     To prevent the default behavior of changing the order of `rgRow`, you can call `e.preventDefault()`. */
-    roworderchanged: Parameters<JSX.RevoGrid["onRoworderchanged"]>[0];
-    /** By sorting.plugin.ts
-     Before sorting apply.
-     Use e.preventDefault() to prevent sorting data change. */
-    beforesortingapply: Parameters<JSX.RevoGrid["onBeforesortingapply"]>[0];
-    /** 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: Parameters<JSX.RevoGrid["onBeforesorting"]>[0];
-    /** 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: Parameters<JSX.RevoGrid["onRowdragstart"]>[0];
-    /** On header click. */
-    headerclick: Parameters<JSX.RevoGrid["onHeaderclick"]>[0];
-    /** Before the cell focus is changed.
-     To prevent the default behavior of changing the cell focus, you can call `e.preventDefault()`. */
-    beforecellfocus: Parameters<JSX.RevoGrid["onBeforecellfocus"]>[0];
-    /** Before the grid focus is lost.
-     To prevent the default behavior of changing the cell focus, you can call `e.preventDefault()`. */
-    beforefocuslost: Parameters<JSX.RevoGrid["onBeforefocuslost"]>[0];
-    /** Before main source/rows data apply.
-     You can override data source here */
-    beforesourceset: Parameters<JSX.RevoGrid["onBeforesourceset"]>[0];
-    /** Before data apply on any source type. Can be source from pinned and main viewport.
-     You can override data source here */
-    beforeanysource: Parameters<JSX.RevoGrid["onBeforeanysource"]>[0];
-    /** After main source/rows updated */
-    aftersourceset: Parameters<JSX.RevoGrid["onAftersourceset"]>[0];
-    /** 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: Parameters<JSX.RevoGrid["onAfteranysource"]>[0];
-    /** 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: Parameters<JSX.RevoGrid["onBeforecolumnsset"]>[0];
-    /** 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: Parameters<JSX.RevoGrid["onBeforecolumnapplied"]>[0];
-    /** Column updated */
-    aftercolumnsset: Parameters<JSX.RevoGrid["onAftercolumnsset"]>[0];
-    /** Emitted before applying a filter to the data source.
-     Use e.preventDefault() to prevent cell focus change.
-     Modify if you need to change filters. */
-    beforefilterapply: Parameters<JSX.RevoGrid["onBeforefilterapply"]>[0];
-    /** 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: Parameters<JSX.RevoGrid["onBeforefiltertrimmed"]>[0];
-    /** 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: Parameters<JSX.RevoGrid["onBeforetrimmed"]>[0];
-    /** Emitted after trimmed values have been applied.
-     Useful for notifying when trimming of values has taken place. */
-    aftertrimmed: Parameters<JSX.RevoGrid["onAftertrimmed"]>[0];
-    /** Emitted when the viewport is scrolled.
-     Useful for tracking viewport scrolling events. */
-    viewportscroll: Parameters<JSX.RevoGrid["onViewportscroll"]>[0];
-    /** Before export
-     Use e.preventDefault() to prevent export
-     Replace data in Event in case you want to modify it in export */
-    beforeexport: Parameters<JSX.RevoGrid["onBeforeexport"]>[0];
-    /** Emitted before editing starts.
-     Use e.preventDefault() to prevent the default edit behavior. */
-    beforeeditstart: Parameters<JSX.RevoGrid["onBeforeeditstart"]>[0];
-    /** Emitted after column resizing.
-     Useful for retrieving the resized columns. */
-    aftercolumnresize: Parameters<JSX.RevoGrid["onAftercolumnresize"]>[0];
-    /** Emitted before the row definition is applied.
-     Useful for modifying or preventing the default row definition behavior. */
-    beforerowdefinition: Parameters<JSX.RevoGrid["onBeforerowdefinition"]>[0];
-    /** Emitted when the filter configuration is changed */
-    filterconfigchanged: Parameters<JSX.RevoGrid["onFilterconfigchanged"]>[0];
-    /** Emmited when the row headers are changed. */
-    rowheaderschanged: Parameters<JSX.RevoGrid["onRowheaderschanged"]>[0];
-    /** Emmited before the grid is rendered. */
-    beforegridrender: Parameters<JSX.RevoGrid["onBeforegridrender"]>[0];
-    /** Emmited after the grid is rendered. */
-    aftergridrender: Parameters<JSX.RevoGrid["onAftergridrender"]>[0];
-    /** Emmited after the grid is initialized. Connected to the DOM. */
-    aftergridinit: Parameters<JSX.RevoGrid["onAftergridinit"]>[0];
-    /** Emmited after the additional data is changed */
-    additionaldatachanged: Parameters<JSX.RevoGrid["onAdditionaldatachanged"]>[0];
-    /** Emmited after the theme is changed */
-    afterthemechanged: Parameters<JSX.RevoGrid["onAfterthemechanged"]>[0];
-}
-
-declare interface RevoGridProps {
-    /** Excel like functionality.
-     Show row numbers.
-     Also can be used for custom row header render if object provided. */
-    rowHeaders?: Components.RevoGrid["rowHeaders"];
-    /** Defines how many rows/columns should be rendered outside visible area. */
-    frameSize?: Components.RevoGrid["frameSize"];
-    /** Indicates default rgRow size.
-     By default 0, means theme package size will be applied
-
-     Alternatively you can use `rowSize` to reset viewport */
-    rowSize?: Components.RevoGrid["rowSize"];
-    /** Indicates default column size. */
-    colSize?: Components.RevoGrid["colSize"];
-    /** When true, user can range selection. */
-    range?: Components.RevoGrid["range"];
-    /** When true, grid in read only mode. */
-    readonly?: Components.RevoGrid["readonly"];
-    /** When true, columns are resizable. */
-    resize?: Components.RevoGrid["resize"];
-    /** When true cell focus appear. */
-    canFocus?: Components.RevoGrid["canFocus"];
-    /** When true enable clipboard. */
-    useClipboard?: Components.RevoGrid["useClipboard"];
-    /** Columns - defines an array of grid columns.
-     Can be column or grouped column. */
-    columns?: Components.RevoGrid["columns"];
-    /** Source - defines main data source.
-     Can be an Object or 2 dimensional array([][]);
-     Keys/indexes referenced from columns Prop. */
-    source?: Components.RevoGrid["source"];
-    /** Pinned top Source: {[T in ColumnProp]: any} - defines pinned top rows data source. */
-    pinnedTopSource?: Components.RevoGrid["pinnedTopSource"];
-    /** Pinned bottom Source: {[T in ColumnProp]: any} - defines pinned bottom rows data source. */
-    pinnedBottomSource?: Components.RevoGrid["pinnedBottomSource"];
-    /** Custom row properies to be applied. See `RowDefinition` for more info. */
-    rowDefinitions?: Components.RevoGrid["rowDefinitions"];
-    /** Custom editors register. */
-    editors?: Components.RevoGrid["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?: Components.RevoGrid["applyOnClose"];
-    /** 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?: Components.RevoGrid["plugins"];
-    /** 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?: Components.RevoGrid["columnTypes"];
-    /** Theme name. */
-    theme?: Components.RevoGrid["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?: Components.RevoGrid["rowClass"];
-    /** 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?: Components.RevoGrid["autoSizeColumn"];
-    /** Enables filter plugin.
-     Can be boolean.
-     Or can be filter collection See `FilterCollection` for more info. */
-    filter?: Components.RevoGrid["filter"];
-    /** 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?: Components.RevoGrid["focusTemplate"];
-    /** Enable column move plugin. */
-    canMoveColumns?: Components.RevoGrid["canMoveColumns"];
-    /** Trimmed rows.
-     Functionality which allows to hide rows from main data set.
-     `trimmedRows` are physical `rgRow` indexes to hide. */
-    trimmedRows?: Components.RevoGrid["trimmedRows"];
-    /** Enable export plugin. */
-    exporting?: Components.RevoGrid["exporting"];
-    /** Group rows based on this property.
-     Define properties to be groped by grouping plugin See `GroupingOptions`. */
-    grouping?: Components.RevoGrid["grouping"];
-    /** Stretch strategy for columns by `StretchColumn` plugin.
-     For example if there are more space on the right last column size would be increased. */
-    stretch?: Components.RevoGrid["stretch"];
-    /** Additional data to be passed to plugins, renders or editors.
-     For example if you need to pass Vue component instance. */
-    additionalData?: Components.RevoGrid["additionalData"];
-    /** 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?: Components.RevoGrid["disableVirtualX"];
-    /** 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?: Components.RevoGrid["disableVirtualY"];
-    /** Please only hide the attribution if you are subscribed to Pro version */
-    hideAttribution?: Components.RevoGrid["hideAttribution"];
-    /** 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?: Components.RevoGrid["jobsBeforeRender"];
-    /** 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?: Components.RevoGrid["registerVNode"];
-    /** Enable accessibility. If disabled, the grid will not be accessible. */
-    accessible?: Components.RevoGrid["accessible"];
-}
-
-declare interface RevoGridSlots {
-    default: any;
-}
+export declare function RevoGrid($$anchor: any, $$props: any): any;
 
 
 export * from "@revolist/revogrid";