diff --git a/README.md b/README.md
index e255134..5147078 100644
--- a/README.md
+++ b/README.md
@@ -1,84 +1,113 @@
 <p align="center">
   <a href="https://revolist.github.io/revogrid">
-    <img src="https://raw.githubusercontent.com/revolist/revogrid/master/assets/logo.svg" alt="RevoGrid" height="150" />
+    <img src="./assets/logo.svg" alt="RevoGrid" height="150" />
   </a>
 </p>
 
-##
 <p align="center">
-  <a href="https://www.npmjs.com/package/@revolist/revogrid"><img src="https://img.shields.io/npm/v/@revolist/svelte-datagrid" alt="Latest Version on NPM"/></a>
+  <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"/>
 </p>
-<h4 align="center">Powerful data grid component built on top of <a href="https://github.com/revolist/revogrid" target="_blank">RevoGrid</a>.</h4>
+
+#
+
+<h3 align="center">Powerful data grid component built with <a href="https://stenciljs.com" target="_blank">StencilJS</a>.</h3>
 <p align="center">
-Millions of cells and thousands columns easy and efficiently.
+Support Millions of cells and thousands of columns easy and efficiently for fast data rendering. Easy to use.
   
 </p>
 
 <p align="center">
   <a href="https://revolist.github.io/revogrid">Demo and API</a> •
-  <a href="https://codesandbox.io/s/revogrid-svelte-latest-7g7vo8?file=/Grid.svelte">Svelte demo</a> •
   <a href="#key-features">Key Features</a> •
-  <a href="#how-to-use">How To Use</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="#license">License</a>
 </p>
 
-<img src="https://raw.githubusercontent.com/revolist/revogrid/master/assets/material.jpg" alt="Material grid preview" width="100%" />
+<img src="./assets/material.jpg" alt="Material grid preview" width="100%" />
 <i>RevoGrid material theme.</i>
 <br>
 
-
 ## Key Features
 
-- Millions of cells viewport with a powerful core in-build by default;
-- Keayboard support with excel like focus;
-- Super light initial starter <img src="https://badgen.net/bundlephobia/min/@revolist/revogrid@latest" alt="Min size"/>. Can be imported with polifill or as module for modern browsers;
-- Intelligent Virtual DOM and smart row recombination in order to achieve less redraws;
-- Sorting (multiple options, can be customized per column and advanced with events);
-- Filtering
-  - Predefined system filters;
-  - Preserve existing collection;
-  - Custom filters (extend existing system filters with your own set);
-- Export to file;
-- Custom sizes per Column and Row;
-- Column resizing;
-- Autosize support (Column size based on content);
-- Pinned/Sticky/Freezed:
-  - Columns (define left or right);
-  - Rows (define top or bottom);
-- Grouping:
-  - Column grouping (Nester headers);
-  - Row grouping (Nested rows);
-- Cell editing;
-- Customizations:
-  - Header template;
-  - Cell template (build your own cell view);
-  - Cell editor (apply your own editors and cell types);
-  - Cell properties (build you own properties around rendered cells);
-- [Column types](https://revolist.github.io/revogrid/guide/column.types.html);
-  - Text/String (default);
-  - Number;
-  - Select;
-  - Date;
-  - Custom (take any type as template and create your own extended style);
-- Drag and drop rows;
-- Range operations:
-  - Selection;
-  - Edit;
-- Theme packages:
-  - Excel like (default)
-  - Material (compact, dark or light);
-- Copy/Paste (copy/paste from Excel, Google Sheets or any other sheet format);
-- Easy extenation and support with modern VNode features and tsx support;
-- Trimmed rows (hide rows on demand);
-- Plugin system (create your own plugins or extend existing one, it's transparent and easy);
-- Hundred others small customizations and improvements [RevoGrid](https://revolist.github.io/revogrid).
-
-
-## How to use
+- **High Performance**: Handles millions of cells in the viewport with a powerful core built by default.
+
+- **Keyboard Support**:
+  - Excel-like focus for efficient navigation and editing.
+  - Seamless copy/paste from Excel, Google Sheets, or any other sheet format.
+
+
+- **Lightweight**: Minimal initial bundle size ![Min size](https://badgen.net/bundlephobia/min/@revolist/revogrid@latest). Can be imported with polyfills or as a module for modern browsers.
+
+- **Intelligent Virtual DOM**: Smart row recombination to minimize redraws.
+
+- **Sorting**: Multiple options, customizable per column, with advanced event handling.
+
+- **Filtering**:
+  - Predefined system filters.
+  - Preserve existing collections.
+  - Custom filters to extend system filters with your own set.
+
+- **Export**: Export data to file.
+
+- **Custom Sizes**: Define custom sizes for columns and rows. Automatic sizing based on content.
+
+- **Column Resizing**: Adjust column widths.
+
+- **Pinned/Sticky/Freezed Elements**:
+  - Columns (define left or right).
+  - Rows (define top or bottom).
+
+- **Grouping**:
+  - Column grouping (nested headers).
+  - Row grouping (nested rows).
+
+- **Cell Editing**: In-place editing of cell data.
+
+- **Customizations**:
+  - Column header template.
+  - Row header template.
+  - Cell template (create your own cell views).
+  - Cell editor (use predefined or apply your own custom editors and cell types).
+  - Cell properties (define custom properties for rendered cells).
+
+- **Column Types**: [More details](https://revolist.github.io/revogrid/guide/column.types.html)
+  - Text/String (default).
+  - Number.
+  - Select.
+  - Date.
+  - Custom (create extended styles using any template).
+
+- **Drag and Drop**: Easily reorder rows.
+
+- **Range Operations**:
+  - Selection.
+  - Editing.
+
+- **Theme Packages**:
+  - Excel-like (default).
+  - Material (compact, dark, or light).
+
+- **Extensibility**: Modern VNode features and tsx support for easy extension.
+
+- **Trimmed Rows**: Hide rows on demand.
+
+- **Plugin System**: Create custom plugins or extend existing ones easily.
+
+- **Additional Customizations and Improvements**: Explore hundreds of other small customizations and improvements in [RevoGrid](https://revolist.github.io/revogrid).
+
+<br>
+
+
+
+### Usage Svelte [Example](https://codesandbox.io/s/data-vue-test-3wkzi?file=/src/App.vue)
 
 With NPM:
+
 ```bash
 npm i @revolist/svelte-datagrid --save;
 ```
@@ -89,44 +118,70 @@ With Yarn:
 yarn add @revolist/svelte-datagrid;
 ```
 
-
-[Demo sandbox](https://codesandbox.io/s/revogrid-svelte-d3zhi?file=/Grid.svelte)
-```vue
-<script>
-import {RevoGrid} from '@revolist/svelte-datagrid';
-import {defineCustomElements} from '@revolist/revogrid/loader';
-
-let source;
-let headers;
-
-// define webcomponent element in DOM
-defineCustomElements().then(() => {
-  // then apply data or rerender
-  source = [{
-      prop: "name",
-      name: "First",
+```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 = [
+    {
+      name: '1',
+      details: 'Item 1',
     },
     {
-      prop: "details",
-      name: "Second",
-  }];
-  headers = [{
-    name: "1",
-    details: "Item 1",
-  }];
-});
+      name: '2',
+      details: 'Item 2',
+    },
+  ];
 </script>
 
+<RevoGrid {source} {columns}></RevoGrid>
 
-<RevoGrid source={source} resize="true" columns={headers} theme="material"/>
 ```
 
+
+## Versions
+
+- **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.
+
+
+
 ## Contributing
 
-If you have any idea, feel free to open an issue to discuss a new feature and submit your changes back to me.
+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.
+
+### 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
+
+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
 
 MIT
 
+---
+
diff --git a/assets/excel.png b/assets/excel.png
new file mode 100644
index 0000000..3e62e3e
Binary files /dev/null and b/assets/excel.png differ
diff --git a/assets/framework-2x.png b/assets/framework-2x.png
new file mode 100644
index 0000000..5143871
Binary files /dev/null and b/assets/framework-2x.png differ
diff --git a/assets/framework.png b/assets/framework.png
new file mode 100644
index 0000000..7981656
Binary files /dev/null and b/assets/framework.png differ
diff --git a/assets/logo.svg b/assets/logo.svg
new file mode 100644
index 0000000..259f10b
--- /dev/null
+++ b/assets/logo.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="100px" height="54px" viewBox="0 0 100 54" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <defs>
+        <linearGradient x1="37.8581662%" y1="-5.67%" x2="91.3209169%" y2="94.33%" id="linearGradient-1">
+            <stop stop-color="#0085FF" offset="0%"></stop>
+            <stop stop-color="#21EF00" offset="100%"></stop>
+        </linearGradient>
+        <path d="M4.69565217,9.05797101 L25.9779909,9.05797101 L27.2026987,9.13722826 C28.4046966,9.2197205 29.5336988,9.31677019 30.5459076,9.47204969 C32.4146007,9.7826087 34.1794776,10.4037267 35.7367219,11.3354037 C37.3977825,12.2670807 38.6435779,13.5093168 39.5779245,15.0621118 C40.2008222,16.0973085 40.6160874,17.2360248 40.8237199,18.5817805 L40.8756281,19.4616977 C40.9015822,19.9792961 40.9275362,20.6521739 40.9275362,21.2732919 L40.9205889,21.8499021 C40.8973403,22.8467335 40.8237199,23.6542443 40.8237199,23.6542443 C40.6160874,25.5175983 39.9931897,27.173913 38.7473942,28.6231884 C36.9825173,30.6935818 31.6878867,32.3498965 31.3764379,32.3498965 L32.5140734,33.9447558 C35.8539019,38.5945506 38.5360268,42.0312979 40.5604482,44.2549978 C41.0313525,44.7722567 41.0313525,45.2898551 40.2008222,45.2898551 L28.0543167,45.2898551 L13.312404,24.8964803 L28.6772144,24.8964803 C30.7535401,24.8964803 32.4146007,23.2401656 32.4146007,21.0662526 C32.4146007,18.8923395 30.6497238,17.2360248 28.6772144,17.2360248 L7.81014077,17.2360248 L4.69565217,13.0952381 L4.69565217,11.0817805 L26.4970724,10.0931677 L4.69565217,10.0931677 L4.69565217,9.05797101 Z" id="path-2"></path>
+        <filter x="-15.2%" y="-20.7%" width="152.4%" height="152.4%" filterUnits="objectBoundingBox" id="filter-3">
+            <feOffset dx="4" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="2.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.173562073   0 0 0 0 0.39526721   0 0 0 0 0.196866306  0 0 0 0.193181818 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="logo" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M47.8030245,38.9488508 C49.5256808,38.9488508 50.8655245,38.4053937 51.8225558,37.3184797 C52.4377901,36.6348859 52.783005,35.9615461 52.8582003,35.2984601 L52.8582003,35.2984601 L49.8743136,35.2984601 C49.717087,35.6265851 49.5359347,35.8829328 49.3308565,36.0675031 C48.95488,36.4093 48.4661105,36.5801984 47.864548,36.5801984 C47.2971651,36.5801984 46.8118136,36.4400617 46.4084933,36.1597883 C45.7454073,35.7086164 45.3933565,34.9224836 45.3523409,33.8013898 L45.3523409,33.8013898 L53.001755,33.8013898 C53.0154269,32.8375226 52.9846651,32.0992414 52.9094698,31.5865461 C52.779587,30.7115461 52.4958956,29.9425031 52.0583956,29.2794172 C51.573044,28.5274641 50.9578097,27.9771711 50.2126925,27.6285383 C49.4675753,27.2799055 48.630173,27.1055891 47.7004855,27.1055891 C46.1350558,27.1055891 44.8618624,27.6217023 43.8809054,28.6539289 C42.8999483,29.6861555 42.4094698,31.1695539 42.4094698,33.1041242 C42.4094698,35.1685773 42.9529269,36.6588117 44.0398409,37.5748273 C45.126755,38.490843 46.3811495,38.9488508 47.8030245,38.9488508 Z M49.9665987,31.8736555 L45.4241183,31.8736555 C45.5198214,31.1490461 45.7539522,30.5748273 46.1265108,30.1509992 C46.4990694,29.7271711 47.0237276,29.515257 47.7004855,29.515257 C48.3225558,29.515257 48.843796,29.7152082 49.2642062,30.1151105 C49.6846163,30.5150129 49.9187472,31.1011945 49.9665987,31.8736555 L49.9665987,31.8736555 Z M60.4690401,38.5797101 L64.4988253,27.4029523 L61.36113,27.4029523 L58.9822237,35.647093 L56.654587,27.4029523 L53.373337,27.4029523 L57.3826144,38.5797101 L60.4690401,38.5797101 Z M70.6741183,38.9693586 C72.5950167,38.9693586 74.0271456,38.3865949 74.970505,37.2210676 C75.9138644,36.0555402 76.385544,34.6524641 76.385544,33.0118391 C76.385544,31.3985578 75.9138644,30.0006086 74.970505,28.8179914 C74.0271456,27.6353742 72.5950167,27.0440656 70.6741183,27.0440656 C68.7532198,27.0440656 67.3210909,27.6353742 66.3777315,28.8179914 C65.4343722,30.0006086 64.9626925,31.3985578 64.9626925,33.0118391 C64.9626925,34.6524641 65.4343722,36.0555402 66.3777315,37.2210676 C67.3210909,38.3865949 68.7532198,38.9693586 70.6741183,38.9693586 Z M70.6638644,36.518675 C69.8093722,36.518675 69.1514132,36.2144758 68.6899874,35.6060773 C68.2285616,34.9976789 67.9978487,34.1329328 67.9978487,33.0118391 C67.9978487,31.8907453 68.2285616,31.0277082 68.6899874,30.4227277 C69.1514132,29.8177473 69.8093722,29.515257 70.6638644,29.515257 C71.5183565,29.515257 72.1746065,29.8177473 72.6326144,30.4227277 C73.0906222,31.0277082 73.3196261,31.8907453 73.3196261,33.0118391 C73.3196261,34.1329328 73.0906222,34.9976789 72.6326144,35.6060773 C72.1746065,36.2144758 71.5183565,36.518675 70.6638644,36.518675 Z" id="evo" fill="#191D19" fill-rule="nonzero"></path>
+        <path d="M70.44,23.204 C70.832,23.204 71.212,23.152 71.58,23.048 C71.948,22.944 72.29,22.796 72.606,22.604 C72.922,22.412 73.208,22.182 73.464,21.914 C73.72,21.646 73.94,21.348 74.124,21.02 L74.124,21.02 L74.124,18.356 L71.04,18.356 L71.04,20.036 L71.76,20.036 C71.6,20.236 71.408,20.394 71.184,20.51 C70.96,20.626 70.712,20.684 70.44,20.684 C70.208,20.684 69.99,20.642 69.786,20.558 C69.582,20.474 69.404,20.358 69.252,20.21 C69.1,20.062 68.98,19.884 68.892,19.676 C68.804,19.468 68.76,19.244 68.76,19.004 C68.76,18.764 68.8,18.54 68.88,18.332 C68.96,18.124 69.07,17.946 69.21,17.798 C69.35,17.65 69.516,17.534 69.708,17.45 C69.9,17.366 70.112,17.324 70.344,17.324 C70.552,17.324 70.764,17.358 70.98,17.426 C71.196,17.494 71.376,17.592 71.52,17.72 L71.52,17.72 L72.972,15.656 C72.796,15.504 72.576,15.364 72.312,15.236 C72.088,15.124 71.812,15.024 71.484,14.936 C71.156,14.848 70.768,14.804 70.32,14.804 C69.744,14.804 69.206,14.914 68.706,15.134 C68.206,15.354 67.774,15.654 67.41,16.034 C67.046,16.414 66.76,16.86 66.552,17.372 C66.344,17.884 66.24,18.428 66.24,19.004 C66.24,19.596 66.35,20.148 66.57,20.66 C66.79,21.172 67.09,21.616 67.47,21.992 C67.85,22.368 68.296,22.664 68.808,22.88 C69.32,23.096 69.864,23.204 70.44,23.204 Z M70.44,22.076 C70.016,22.076 69.618,22 69.246,21.848 C68.874,21.696 68.548,21.486 68.268,21.218 C67.988,20.95 67.768,20.628 67.608,20.252 C67.448,19.876 67.368,19.46 67.368,19.004 C67.368,18.548 67.446,18.132 67.602,17.756 C67.758,17.38 67.972,17.058 68.244,16.79 C68.516,16.522 68.836,16.312 69.204,16.16 C69.572,16.008 69.968,15.932 70.392,15.932 C70.576,15.932 70.744,15.944 70.896,15.968 C71.048,15.992 71.18,16.02 71.292,16.052 C71.42,16.084 71.536,16.124 71.64,16.172 L71.64,16.172 L71.448,16.448 C71.352,16.416 71.248,16.384 71.136,16.352 C71.04,16.328 70.928,16.304 70.8,16.28 C70.672,16.256 70.536,16.244 70.392,16.244 C70.008,16.244 69.652,16.31 69.324,16.442 C68.996,16.574 68.71,16.762 68.466,17.006 C68.222,17.25 68.03,17.542 67.89,17.882 C67.75,18.222 67.68,18.596 67.68,19.004 C67.68,19.412 67.752,19.786 67.896,20.126 C68.04,20.466 68.238,20.758 68.49,21.002 C68.742,21.246 69.034,21.434 69.366,21.566 C69.698,21.698 70.056,21.764 70.44,21.764 C70.92,21.764 71.358,21.656 71.754,21.44 C72.15,21.224 72.472,20.932 72.72,20.564 L72.72,20.564 L72.72,19.364 L71.76,19.364 L71.76,19.076 L73.032,19.076 L73.032,20.648 C72.752,21.08 72.388,21.426 71.94,21.686 C71.492,21.946 70.992,22.076 70.44,22.076 Z M77.74,23 L77.74,20.972 L78.94,23 L81.94,23 L80.44,20.36 C80.64,20.216 80.82,20.04 80.98,19.832 C81.116,19.648 81.24,19.416 81.352,19.136 C81.464,18.856 81.52,18.516 81.52,18.116 C81.52,17.612 81.43,17.166 81.25,16.778 C81.07,16.39 80.82,16.064 80.5,15.8 C80.18,15.536 79.802,15.336 79.366,15.2 C78.93,15.064 78.456,14.996 77.944,14.996 L77.944,14.996 L75.184,14.996 L75.184,23 L77.74,23 Z M76.696,22.04 L76.384,22.04 L76.384,15.956 L77.68,15.956 C78.056,15.956 78.404,16.002 78.724,16.094 C79.044,16.186 79.322,16.322 79.558,16.502 C79.794,16.682 79.98,16.904 80.116,17.168 C80.252,17.432 80.32,17.74 80.32,18.092 C80.32,18.596 80.192,19.006 79.936,19.322 C79.68,19.638 79.336,19.872 78.904,20.024 L78.904,20.024 L80.104,22.04 L79.732,22.04 L78.592,20.12 C78.296,20.184 77.992,20.216 77.68,20.216 L77.68,20.216 L76.696,20.216 L76.696,22.04 Z M77.68,19.928 C78.408,19.928 78.978,19.77 79.39,19.454 C79.802,19.138 80.008,18.684 80.008,18.092 C80.008,17.5 79.802,17.044 79.39,16.724 C78.978,16.404 78.408,16.244 77.68,16.244 L77.68,16.244 L76.696,16.244 L76.696,19.928 L77.68,19.928 Z M77.872,18.932 L77.74,18.932 L77.74,17.156 L77.872,17.156 C78.176,17.156 78.434,17.224 78.646,17.36 C78.858,17.496 78.964,17.724 78.964,18.044 C78.964,18.364 78.858,18.592 78.646,18.728 C78.434,18.864 78.176,18.932 77.872,18.932 L77.872,18.932 Z M85.292,23 L85.292,14.996 L82.58,14.996 L82.58,23 L85.292,23 Z M84.092,22.04 L83.78,22.04 L83.78,15.956 L84.092,15.956 L84.092,22.04 Z M88.752,23 C89.504,23 90.174,22.914 90.762,22.742 C91.35,22.57 91.846,22.316 92.25,21.98 C92.654,21.644 92.962,21.226 93.174,20.726 C93.386,20.226 93.492,19.648 93.492,18.992 C93.492,18.336 93.386,17.758 93.174,17.258 C92.962,16.758 92.654,16.34 92.25,16.004 C91.846,15.668 91.35,15.416 90.762,15.248 C90.174,15.08 89.504,14.996 88.752,14.996 L88.752,14.996 L86.532,14.996 L86.532,23 L88.752,23 Z M88.752,22.04 L87.732,22.04 L87.732,15.956 L88.752,15.956 C89.92,15.956 90.802,16.22 91.398,16.748 C91.994,17.276 92.292,18.024 92.292,18.992 C92.292,19.96 91.994,20.71 91.398,21.242 C90.802,21.774 89.92,22.04 88.752,22.04 L88.752,22.04 Z M88.752,21.752 C89.768,21.752 90.558,21.52 91.122,21.056 C91.686,20.592 91.968,19.904 91.968,18.992 C91.968,18.08 91.686,17.394 91.122,16.934 C90.558,16.474 89.768,16.244 88.752,16.244 L88.752,16.244 L88.044,16.244 L88.044,21.752 L88.752,21.752 Z M89.088,20.72 L89.088,17.276 C89.688,17.276 90.152,17.416 90.48,17.696 C90.808,17.976 90.972,18.408 90.972,18.992 C90.972,19.576 90.808,20.01 90.48,20.294 C90.152,20.578 89.688,20.72 89.088,20.72 L89.088,20.72 Z" id="Grid" fill="#05D001" fill-rule="nonzero"></path>
+        <g id="Path" fill-rule="nonzero">
+            <use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-2"></use>
+            <use fill="url(#linearGradient-1)" xlink:href="#path-2"></use>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/assets/material.jpg b/assets/material.jpg
new file mode 100644
index 0000000..08aa3f6
Binary files /dev/null and b/assets/material.jpg differ
diff --git a/package-lock.json b/package-lock.json
index 5fc740c..20041cc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,16 +1,15 @@
 {
   "name": "@revolist/svelte-datagrid",
-  "version": "4.0.0",
+  "version": "4.0.25",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@revolist/svelte-datagrid",
-      "version": "4.0.0",
+      "version": "4.0.25",
       "license": "MIT",
       "dependencies": {
-        "@revolist/revogrid": "^4.0.0",
-        "@stencil/core": "^4.17.1"
+        "@revolist/revogrid": "4.0.25"
       },
       "devDependencies": {
         "@sveltejs/vite-plugin-svelte": "^3.0.2",
@@ -25,40 +24,44 @@
     },
     "../..": {
       "name": "@revolist/revogrid",
-      "version": "4.0.0",
+      "version": "4.0.25",
       "license": "MIT",
-      "dependencies": {
-        "@stencil/core": "^4.17.1",
-        "lodash": "^4.17.21"
-      },
       "devDependencies": {
-        "@angular/core": "^17.3.5",
+        "@angular/core": "^18.0.3",
         "@juggle/resize-observer": "^3.4.0",
         "@revolist/stencil-vue2-output-target": "^0.0.3",
         "@stencil/angular-output-target": "0.8.4",
+        "@stencil/core": "^4.18.3",
         "@stencil/react-output-target": "0.5.3",
-        "@stencil/sass": "^3.0.11",
-        "@stencil/store": "^2.0.15",
+        "@stencil/sass": "^3.0.12",
+        "@stencil/store": "^2.0.16",
         "@stencil/svelte-output-target": "0.0.3",
         "@stencil/vue-output-target": "^0.8.8",
         "@types/events": "^3.0.3",
         "@types/jest": "^29.5.12",
-        "@types/lodash": "^4.17.0",
-        "@types/node": "^20.12.7",
-        "@types/react": "^18.2.79",
-        "@types/react-dom": "^18.2.25",
+        "@types/lodash": "^4.17.5",
+        "@types/node": "^20.14.2",
+        "@types/react": "^18.3.3",
+        "@types/react-dom": "^18.3.0",
         "@types/resize-observer-browser": "^0.1.11",
         "bootstrap": "^5.3.2",
-        "gh-pages": "^6.1.1",
+        "chalk": "^5.3.0",
+        "execa": "^9.2.0",
+        "fs": "^0.0.1-security",
         "jest": "26.0.1",
         "jest-cli": "26.0.1",
-        "prettier": "3.2.5",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
+        "lodash": "^4.17.21",
+        "path": "^0.12.7",
+        "prettier": "3.3.2",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
         "rxjs": "^7.8.1",
-        "svelte": "^4.2.15",
-        "typescript": "^5.2.2",
-        "vue": "^3.4.23"
+        "svelte": "^4.2.18",
+        "typedoc": "^0.26.2",
+        "typedoc-plugin-markdown": "^4.1.0",
+        "typescript": "^5.4.5",
+        "url": "^0.11.3",
+        "vue": "^3.4.27"
       }
     },
     "../../node_modules/@ampproject/remapping": {
@@ -949,6 +952,7 @@
     },
     "../../node_modules/@stencil/core": {
       "version": "4.17.2",
+      "dev": true,
       "license": "MIT",
       "bin": {
         "stencil": "bin/stencil"
@@ -1561,25 +1565,6 @@
         "node": ">=0.10.0"
       }
     },
-    "../../node_modules/array-union": {
-      "version": "1.0.2",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "array-uniq": "^1.0.1"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "../../node_modules/array-uniq": {
-      "version": "1.0.3",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "../../node_modules/array-unique": {
       "version": "0.3.2",
       "dev": true,
@@ -1596,11 +1581,6 @@
         "node": ">=0.10.0"
       }
     },
-    "../../node_modules/async": {
-      "version": "3.2.4",
-      "dev": true,
-      "license": "MIT"
-    },
     "../../node_modules/asynckit": {
       "version": "0.4.0",
       "dev": true,
@@ -2110,19 +2090,6 @@
         "node": ">= 0.8"
       }
     },
-    "../../node_modules/commander": {
-      "version": "11.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=16"
-      }
-    },
-    "../../node_modules/commondir": {
-      "version": "1.0.1",
-      "dev": true,
-      "license": "MIT"
-    },
     "../../node_modules/component-emitter": {
       "version": "1.3.0",
       "dev": true,
@@ -2328,11 +2295,6 @@
       "dev": true,
       "license": "ISC"
     },
-    "../../node_modules/email-addresses": {
-      "version": "5.0.0",
-      "dev": true,
-      "license": "MIT"
-    },
     "../../node_modules/emittery": {
       "version": "0.7.2",
       "dev": true,
@@ -2699,30 +2661,6 @@
         "bser": "2.1.1"
       }
     },
-    "../../node_modules/filename-reserved-regex": {
-      "version": "2.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "../../node_modules/filenamify": {
-      "version": "4.3.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "filename-reserved-regex": "^2.0.0",
-        "strip-outer": "^1.0.1",
-        "trim-repeated": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "../../node_modules/fill-range": {
       "version": "7.0.1",
       "dev": true,
@@ -2734,22 +2672,6 @@
         "node": ">=8"
       }
     },
-    "../../node_modules/find-cache-dir": {
-      "version": "3.3.2",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "commondir": "^1.0.1",
-        "make-dir": "^3.0.2",
-        "pkg-dir": "^4.1.0"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/avajs/find-cache-dir?sponsor=1"
-      }
-    },
     "../../node_modules/find-up": {
       "version": "4.1.0",
       "dev": true,
@@ -2794,19 +2716,6 @@
         "node": ">=0.10.0"
       }
     },
-    "../../node_modules/fs-extra": {
-      "version": "11.1.1",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "graceful-fs": "^4.2.0",
-        "jsonfile": "^6.0.1",
-        "universalify": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=14.14"
-      }
-    },
     "../../node_modules/fs.realpath": {
       "version": "1.0.0",
       "dev": true,
@@ -2875,27 +2784,6 @@
         "node": ">=0.10.0"
       }
     },
-    "../../node_modules/gh-pages": {
-      "version": "6.1.1",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "async": "^3.2.4",
-        "commander": "^11.0.0",
-        "email-addresses": "^5.0.0",
-        "filenamify": "^4.3.0",
-        "find-cache-dir": "^3.3.1",
-        "fs-extra": "^11.1.1",
-        "globby": "^6.1.0"
-      },
-      "bin": {
-        "gh-pages": "bin/gh-pages.js",
-        "gh-pages-clean": "bin/gh-pages-clean.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "../../node_modules/glob": {
       "version": "7.2.3",
       "dev": true,
@@ -2923,21 +2811,6 @@
         "node": ">=4"
       }
     },
-    "../../node_modules/globby": {
-      "version": "6.1.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "array-union": "^1.0.1",
-        "glob": "^7.0.3",
-        "object-assign": "^4.0.1",
-        "pify": "^2.0.0",
-        "pinkie-promise": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "../../node_modules/graceful-fs": {
       "version": "4.2.10",
       "dev": true,
@@ -4024,17 +3897,6 @@
         "node": ">=6"
       }
     },
-    "../../node_modules/jsonfile": {
-      "version": "6.1.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "universalify": "^2.0.0"
-      },
-      "optionalDependencies": {
-        "graceful-fs": "^4.1.6"
-      }
-    },
     "../../node_modules/kind-of": {
       "version": "6.0.3",
       "dev": true,
@@ -4094,6 +3956,7 @@
     },
     "../../node_modules/lodash": {
       "version": "4.17.21",
+      "dev": true,
       "license": "MIT"
     },
     "../../node_modules/loose-envify": {
@@ -4397,14 +4260,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "../../node_modules/object-assign": {
-      "version": "4.1.1",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "../../node_modules/object-copy": {
       "version": "0.1.0",
       "dev": true,
@@ -4688,33 +4543,6 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
-    "../../node_modules/pify": {
-      "version": "2.3.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "../../node_modules/pinkie": {
-      "version": "2.0.4",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "../../node_modules/pinkie-promise": {
-      "version": "2.0.1",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "pinkie": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "../../node_modules/pirates": {
       "version": "4.0.5",
       "dev": true,
@@ -5863,25 +5691,6 @@
         "node": ">=6"
       }
     },
-    "../../node_modules/strip-outer": {
-      "version": "1.0.1",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "escape-string-regexp": "^1.0.2"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "../../node_modules/strip-outer/node_modules/escape-string-regexp": {
-      "version": "1.0.5",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
     "../../node_modules/supports-color": {
       "version": "7.2.0",
       "dev": true,
@@ -6079,25 +5888,6 @@
         "node": ">=8"
       }
     },
-    "../../node_modules/trim-repeated": {
-      "version": "1.0.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "escape-string-regexp": "^1.0.2"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "../../node_modules/trim-repeated/node_modules/escape-string-regexp": {
-      "version": "1.0.5",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
     "../../node_modules/tslib": {
       "version": "2.5.0",
       "dev": true,
@@ -6180,14 +5970,6 @@
         "node": ">=0.10.0"
       }
     },
-    "../../node_modules/universalify": {
-      "version": "2.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 10.0.0"
-      }
-    },
     "../../node_modules/unset-value": {
       "version": "1.0.0",
       "dev": true,
@@ -7390,17 +7172,6 @@
         "string-argv": "~0.3.1"
       }
     },
-    "node_modules/@stencil/core": {
-      "version": "4.18.1",
-      "license": "MIT",
-      "bin": {
-        "stencil": "bin/stencil"
-      },
-      "engines": {
-        "node": ">=16.0.0",
-        "npm": ">=7.10.0"
-      }
-    },
     "node_modules/@sveltejs/vite-plugin-svelte": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-3.1.0.tgz",