├── readme
    ├── license.md
    ├── version.md
    ├── usage.vue2.md
    ├── contribute.md
    ├── banner.md
    ├── install.md
    └── features.md
├── assets
    ├── excel.png
    ├── framework.png
    ├── material.jpg
    ├── framework-2x.png
    ├── vuejs.svg
    ├── angular.svg
    ├── js.svg
    ├── react.svg
    ├── svelte.svg
    └── logo.svg
├── shims-vue.d.ts
├── .prettierrc.js
├── demo-v2.7
    ├── shims-vue.d.ts
    ├── index.ts
    ├── demo.html
    ├── package.json
    ├── vite.config.ts
    ├── shims-tsx.d.ts
    ├── Cell.vue
    ├── tsconfig.json
    ├── App.vue
    └── package-lock.json
├── demo
    ├── index.ts
    ├── index.html
    ├── Cell.vue
    └── App.vue
├── .gitignore
├── lib
    ├── index.ts
    ├── editor.ts
    ├── vue-component-lib
    │   └── utils.ts
    ├── renderer.ts
    ├── editor.adapter.ts
    └── revogrid.ts
├── .github
    ├── ISSUE_TEMPLATE
    │   └── issue-template.md
    └── workflows
    │   └── publish.yml
├── generate_readme.sh
├── tsconfig.json
├── LICENSE
├── vite.config.ts
├── package.json
├── release.mjs
└── README.md


/readme/license.md:
--------------------------------------------------------------------------------
1 | ## License
2 | 
3 | MIT
4 | 
5 | ---


--------------------------------------------------------------------------------
/assets/excel.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/revolist/vue-datagrid/HEAD/assets/excel.png


--------------------------------------------------------------------------------
/assets/framework.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/revolist/vue-datagrid/HEAD/assets/framework.png


--------------------------------------------------------------------------------
/assets/material.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/revolist/vue-datagrid/HEAD/assets/material.jpg


--------------------------------------------------------------------------------
/assets/framework-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/revolist/vue-datagrid/HEAD/assets/framework-2x.png


--------------------------------------------------------------------------------
/shims-vue.d.ts:
--------------------------------------------------------------------------------
1 | declare module '*.vue' {
2 |   import Vue from 'vue';
3 |   export default Vue;
4 | }
5 | 


--------------------------------------------------------------------------------
/.prettierrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   trailingComma: 'es5',
3 |   tabWidth: 2,
4 |   singleQuote: true,
5 | };
6 | 


--------------------------------------------------------------------------------
/demo-v2.7/shims-vue.d.ts:
--------------------------------------------------------------------------------
1 | declare module '*.vue' {
2 |   import Vue from 'vue';
3 |   export default Vue;
4 | }
5 | 


--------------------------------------------------------------------------------
/demo/index.ts:
--------------------------------------------------------------------------------
1 | import Vue from 'vue';
2 | import App from './App.vue';
3 | 
4 | new Vue({
5 |   template: '<App/>',
6 |   components: {App}
7 | }).$mount('#app');
8 | 


--------------------------------------------------------------------------------
/demo-v2.7/index.ts:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue';
 2 | import App from './App.vue';
 3 | new Vue({
 4 |   template: '<App/>',
 5 |   components: { App },
 6 |   provide() {
 7 |     return {
 8 |       sampleMessage: 'hello',
 9 |     };
10 |   },
11 | }).$mount('#app');
12 | 


--------------------------------------------------------------------------------
/demo-v2.7/demo.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |   <meta charset="UTF-8">
 5 |   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |   <title>Vue 2.7 with Vite</title>
 7 | </head>
 8 | <body>
 9 |   <div id="app"></div>
10 |   <script type="module" src="/index.ts"></script>
11 | </body>
12 | </html>
13 | 


--------------------------------------------------------------------------------
/demo/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |   <meta charset="UTF-8">
 5 |   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |   <title>Vue 2.6 with Vite</title>
 7 | </head>
 8 | <body>
 9 |   <div id="app"></div>
10 |   <script type="module" src="./index.ts"></script>
11 | </body>
12 | </html>
13 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | dist/
 2 | www/
 3 | 
 4 | *~
 5 | *.sw[mnpcod]
 6 | *.log
 7 | *.lock
 8 | *.tmp
 9 | *.tmp.*
10 | log.txt
11 | *.sublime-project
12 | *.sublime-workspace
13 | 
14 | .stencil/
15 | .idea/
16 | .vscode/
17 | .sass-cache/
18 | .versions/
19 | node_modules/
20 | 
21 | $RECYCLE.BIN/
22 | 
23 | .DS_Store
24 | Thumbs.db
25 | UserInterfaceState.xcuserstate
26 | .env
27 | 


--------------------------------------------------------------------------------
/assets/vuejs.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg"  width="15" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M356.9 64.3H280l-56 88.6-48-88.6H0L224 448 448 64.3h-91.1zm-301.2 32h53.8L224 294.5 338.4 96.3h53.8L224 384.5 55.7 96.3z" fill="#11ab65"/></svg>


--------------------------------------------------------------------------------
/demo-v2.7/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "lib-test",
 3 |   "description": "Demo lib test",
 4 |   "version": "4.11.12",
 5 |   "private": true,
 6 |   "type": "module",
 7 |   "scripts": {
 8 |     "dev": "vite"
 9 |   },
10 |   "dependencies": {
11 |     "@stencil/core": "^4.18.1",
12 |     "@vitejs/plugin-vue2": "^2.3.1",
13 |     "vite": "^6.4.1",
14 |     "vue": "^2.7.16"
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/assets/angular.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" width="15" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M185.7 268.1h76.2l-38.1-91.6-38.1 91.6zM223.8 32L16 106.4l31.8 275.7 176 97.9 176-97.9 31.8-275.7zM354 373.8h-48.6l-26.2-65.4H168.6l-26.2 65.4H93.7L223.8 81.5z" fill="#e13437"/></svg>


--------------------------------------------------------------------------------
/demo-v2.7/vite.config.ts:
--------------------------------------------------------------------------------
 1 | import { defineConfig } from 'vite';
 2 | import vue from '@vitejs/plugin-vue2';
 3 | 
 4 | export default defineConfig({
 5 |   plugins: [vue()],
 6 |   server: {
 7 |     open: '/demo.html', // Automatically open demo.html
 8 |   },
 9 |   resolve: {
10 |     alias: {
11 |       'vue': 'vue/dist/vue.esm.js', // Alias to use the full build of Vue
12 |       '@revolist/vue-datagrid': '../lib'
13 |     }
14 |   },
15 | });
16 | 


--------------------------------------------------------------------------------
/lib/index.ts:
--------------------------------------------------------------------------------
 1 | import { RevoGrid } from './revogrid';
 2 | import { defineCustomElements } from '@revolist/revogrid/loader';
 3 | export { Template as VGridVueTemplate, Template, VGridVueTemplateConstructor } from './renderer';
 4 | export { Editor as VGridVueEditor, Editor } from './editor';
 5 | export { type EditorType } from './editor.adapter';
 6 | export * from '@revolist/revogrid/loader';
 7 | export * from '@revolist/revogrid';
 8 | 
 9 | export const VGrid = (async () => {
10 |     await (defineCustomElements() as unknown as Promise<void>);
11 |     return RevoGrid;
12 | });
13 |   
14 | export default VGrid;


--------------------------------------------------------------------------------
/demo/Cell.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <button @click="clickTest">Test {{count + ' Custom Props: ' + temp}}</button>
 3 | </template>
 4 | <script lang="ts">
 5 | interface Model {
 6 |   count: number;
 7 | }
 8 | 
 9 | import Vue, { PropType } from "vue";
10 | export default Vue.extend({
11 |   props: {
12 |     model: {
13 |       type: Object as PropType<Model>
14 |     },
15 |     temp: Number
16 |   },
17 |   computed: {
18 |     count(): number {
19 |       return this.model.count || 0;
20 |     }
21 |   },
22 |   methods: {
23 |     clickTest(): void {
24 |       Vue.set(this.model, 'count', this.count + 1);
25 |     }
26 |   }
27 | });
28 | </script>


--------------------------------------------------------------------------------
/demo-v2.7/shims-tsx.d.ts:
--------------------------------------------------------------------------------
 1 | import {
 2 |   VNode,
 3 |   JSXBase,
 4 | } from '@revolist/revogrid/dist/types/stencil-public-runtime';
 5 | 
 6 | declare global {
 7 |   namespace JSX {
 8 |     // tslint:disable no-empty-interface
 9 |     interface Element extends VNode {}
10 |     // tslint:disable no-empty-interface
11 |     interface ElementClass extends Vue {}
12 | 
13 |     type NativeElements = {
14 |       [K in keyof IntrinsicElementAttributes]: JSXBase.DOMAttributes<
15 |         IntrinsicElementAttributes[K]
16 |       >;
17 |     };
18 |     interface IntrinsicElements extends JSXBase.DOMAttributes {
19 |       [elem: string]: any;
20 |     }
21 |   }
22 | }
23 | 


--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/issue-template.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | name: Issue template
 3 | about: Create a report to help us improve
 4 | title: ''
 5 | labels: ''
 6 | assignees: ''
 7 | 
 8 | ---
 9 | 
10 | **Check if issue exists**
11 | Search the repo and ensure your issue doesn't already exist. If so, it may:
12 | - Have already been fixed in an unreleased version.
13 | - Have been closed without a solution. Please create a new issue instead of commenting on the old one.
14 | 
15 | **Describe the issue**
16 | A clear and concise description of what the issue is.
17 | 
18 | **To Reproduce**
19 | Create a minimal reproduction to illustrate the issue. Here's a [a sandbox](https://codesandbox.io) to start you off.
20 | 


--------------------------------------------------------------------------------
/demo-v2.7/Cell.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <button @click="clickTest">Test #{{ count }}</button>
 3 | </template>
 4 | <script lang="ts">
 5 | import Vue, { PropType } from 'vue';
 6 | export default Vue.extend({
 7 |   props: {
 8 |     model: {
 9 |       type: Object as PropType<{
10 |         count: number;
11 |       }>,
12 |     },
13 |     customPropSample: Number,
14 |   },
15 |   inject: ['sampleMessage'],
16 |   computed: {
17 |     count(): number {
18 |       return this.model.count || 0;
19 |     },
20 |   },
21 |   methods: {
22 |     clickTest() {
23 |       // @ts-ignore
24 |       console.log('test', this.customPropSample, this.sampleMessage);
25 |       Vue.set(this.model, 'count', this.count + 1);
26 |     },
27 |   },
28 | });
29 | </script>
30 | 


--------------------------------------------------------------------------------
/lib/editor.ts:
--------------------------------------------------------------------------------
 1 | import { VueConstructor } from 'vue';
 2 | import type { ColumnDataSchemaModel, EditorCtr } from '@revolist/revogrid';
 3 | import VueEditorAdapter from './editor.adapter';
 4 | 
 5 | /**
 6 |  * Create editor constructor.
 7 |  * This function creates editor constructor by wrapping it with VueEditorAdapter
 8 |  * which is responsible for connecting editor with Vue lifecycle events
 9 |  */
10 | export const Editor = (vueConstructor: VueConstructor): EditorCtr => {
11 |   return function (
12 |     column: ColumnDataSchemaModel,
13 |     save: (value: any, preventFocus?: boolean) => void,
14 |     close: (focusNext?: boolean) => void
15 |   ) {
16 |     return new VueEditorAdapter(vueConstructor, column, save, close);
17 |   };
18 | };
19 | 
20 | 


--------------------------------------------------------------------------------
/generate_readme.sh:
--------------------------------------------------------------------------------
 1 | #!/bin/bash
 2 | 
 3 | # Define the list of markdown files to be concatenated
 4 | files=("banner.md" "features.md"  "usage.vue2.md" "version.md" "contribute.md" "LICENSE.md")
 5 | 
 6 | # Output file
 7 | output="README.md"
 8 | 
 9 | # Clear the existing README.md if it exists
10 | > "$output"
11 | 
12 | # Loop through each file and append its contents to README.md
13 | for file in "${files[@]}"
14 | do
15 |     if [ -f "./readme/$file" ]; then
16 |         echo "Processing $file..."
17 |         cat "./readme/$file" >> "$output"
18 |         echo -e "\n" >> "$output" # Add a newline for separation between sections
19 |     else
20 |         echo "Warning: $file not found, skipping."
21 |     fi
22 | done
23 | 
24 | echo "README.md has been successfully generated."
25 | 


--------------------------------------------------------------------------------
/readme/version.md:
--------------------------------------------------------------------------------
1 | ## Versions
2 | 
3 | - **2.0+**: Introduced the plugin system, grouping, sorting, and filtering.
4 | - **3.0+**: Breaking changes introduced. See the [migration guide](./docs/migration.3.0.md). This version features new component loading, ESM modules, Bootstrap support, and much [more](./docs/migration.3.0.md).
5 | - **4.0+**: Breaking changes introduced. See the [migration guide](./docs/migration.4.0.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.
6 | 
7 | 


--------------------------------------------------------------------------------
/demo-v2.7/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "outDir": "./dist/",
 4 |     "baseUrl": "./",
 5 |     "allowSyntheticDefaultImports": true,
 6 |     "allowUnreachableCode": false,
 7 |     "declaration": true,
 8 |     "experimentalDecorators": true,
 9 |     "lib": ["dom", "es2017"],
10 |     "moduleResolution": "node",
11 |     "module": "es2015",
12 |     "target": "es5",
13 |     "strict": true,
14 |     "noUnusedLocals": true,
15 |     "noUnusedParameters": true,
16 |     "jsx": "react",
17 |     "jsxFactory": "h",
18 |     "noImplicitAny": true,
19 |     "noImplicitThis": true,
20 |     "noImplicitReturns": true,
21 |     "sourceMap": true,
22 |     "paths": {
23 |       "@revolist/vue-datagrid": ["../lib"]
24 |     }
25 |   },
26 |   "include": ["./"],
27 |   "exclude": ["node_modules"]
28 | }
29 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "outDir": "./dist/",
 4 |     "baseUrl": "./",
 5 |     "esModuleInterop": true,
 6 |     "allowSyntheticDefaultImports": true,
 7 |     "allowUnreachableCode": true,
 8 |     "declaration": true,
 9 |     "experimentalDecorators": true,
10 |     "lib": ["dom", "es2017", "ESNext"],
11 |     "moduleResolution": "node",
12 |     "module": "esnext",
13 |     "target": "ES5",
14 |     "strict": true,
15 |     "noUnusedLocals": true,
16 |     "noUnusedParameters": true,
17 |     "noImplicitAny": true,
18 |     "noImplicitThis": true,
19 |     "noImplicitReturns": true,
20 |     "sourceMap": true,
21 |     "paths": {
22 |       "@revolist/vue-datagrid": ["lib"]
23 |     }
24 |   },
25 |   "include": ["types/jsx.d.ts", "lib", "/**/*.d.ts", "/**/*.ts", "*.d.ts"],
26 |   "exclude": ["node_modules", "demo-v2.7", "demo"]
27 | }
28 | 


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


--------------------------------------------------------------------------------
/assets/js.svg:
--------------------------------------------------------------------------------
1 | <svg  width="15" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
2 | <path d="M29.1211 0H0.878906C0.3935 0 0 0.3935 0 0.878906V29.1211C0 29.6065 0.3935 30 0.878906 30H29.1211C29.6065 30 30 29.6065 30 29.1211V0.878906C30 0.3935 29.6065 0 29.1211 0Z" fill="#F7DF1E"/>
3 | <path d="M18.9844 19.6797C19.5703 20.6758 20.3906 21.3789 21.7383 21.3789C22.9102 21.3789 23.6719 20.793 23.6719 19.9727C23.6719 19.0352 22.9102 18.6836 21.6211 18.0977L20.918 17.8047C18.8672 16.9258 17.5195 15.8711 17.5195 13.5859C17.5195 11.4766 19.1016 9.83594 21.6211 9.83594C23.4375 9.83594 24.7266 10.4805 25.6055 12.1211L23.4375 13.5273C22.9688 12.6484 22.4414 12.2969 21.6211 12.2969C20.8008 12.2969 20.2734 12.8242 20.2734 13.5273C20.2734 14.3477 20.8008 14.6992 22.0312 15.2266L22.7344 15.5195C25.1367 16.5742 26.4844 17.5703 26.4844 19.9727C26.4844 22.4922 24.4922 23.8984 21.7969 23.8984C19.1602 23.8984 17.4609 22.668 16.6406 21.0273L18.9844 19.6797ZM9.02344 19.9141C9.49219 20.6758 9.84375 21.3789 10.8398 21.3789C11.7773 21.3789 12.3633 21.0273 12.3633 19.6211V9.89453H15.1758V19.5039C15.1758 22.4336 13.4766 23.7227 10.957 23.7227C8.67188 23.7227 7.38281 22.5508 6.73828 21.1445L9.02344 19.9141Z" fill="black"/>
4 | </svg>
5 | 


--------------------------------------------------------------------------------
/vite.config.ts:
--------------------------------------------------------------------------------
 1 | import { defineConfig } from 'vite';
 2 | import { resolve } from 'path';
 3 | import dts from 'vite-plugin-dts';
 4 | import { createVuePlugin as vuePlugin } from 'vite-plugin-vue2'
 5 | 
 6 | // https://vitejs.dev/config/
 7 | export default defineConfig({
 8 |   plugins: [
 9 |     vuePlugin(),
10 |     dts({ rollupTypes: true, include: ['lib'] }),
11 |   ],
12 |   build: {
13 |     copyPublicDir: false,
14 |     lib: {
15 |       entry: resolve(__dirname, 'lib/index.ts'), // Library entry file
16 |       name: 'VueDatagrid',
17 |     },
18 |     rollupOptions: {
19 |       input: {
20 |         main: 'lib/index.ts',
21 |       },
22 |       external: [
23 |         'vue',
24 |         /node_modules/,
25 |         /@revolist\/revogrid/,
26 |         '@revolist/revogrid/loader',
27 |       ],
28 |       output: {
29 |         exports: 'named',
30 |         // Provide global variables to use in the UMD build for externalized deps
31 |         globals: {
32 |           vue: 'Vue',
33 |           '@revolist/revogrid': 'Revogrid',
34 |           '@revolist/revogrid/loader': 'RevogridLoader',
35 |         },
36 |       },
37 |     },
38 |   },
39 |   server: {
40 |     open: '/demo/index.html',
41 |   },
42 |   resolve: {
43 |     alias: {
44 |       'vue': 'vue/dist/vue.esm.js',
45 |       '@revolist/vue-datagrid': resolve(__dirname, './lib'),
46 |     }
47 |   }
48 | });
49 | 


--------------------------------------------------------------------------------
/.github/workflows/publish.yml:
--------------------------------------------------------------------------------
 1 | # Automatically release a new version of the package when a new version is created
 2 | name: Auto Release
 3 | 
 4 | on:
 5 |   push:
 6 |     branches:
 7 |       - main
 8 |       - next
 9 | 
10 | permissions: write-all
11 | jobs:
12 |   release:
13 |     runs-on: ubuntu-latest
14 |     steps:
15 |       - uses: actions/checkout@v4
16 |       - uses: actions/checkout@v4
17 |         with:
18 |           repository: revolist/revogrid-actions
19 |           ref: main
20 |           path: ./actions
21 |           token: ${{ secrets.REPO_TOKEN }}
22 |       - name: Release package if new version
23 |         uses: ./actions/release-pkg
24 |         with:
25 |           draft: false
26 |           # if branch is next, set prerelease to true
27 |           prerelease: ${{ github.ref == 'refs/heads/next' }}
28 |           token: ${{ secrets.GITHUB_TOKEN }}
29 | 
30 |   build:
31 |     runs-on: ubuntu-latest
32 |     needs: release
33 |     steps:
34 |       - uses: actions/checkout@v4
35 |       - uses: actions/checkout@v4
36 |         with:
37 |           repository: revolist/revogrid-actions
38 |           ref: main
39 |           path: ./actions
40 |           token: ${{ secrets.REPO_TOKEN }}
41 |       - name: Publish package
42 |         uses: ./actions/publish-pkg
43 |         with:
44 |           token: ${{ secrets.GITHUB_TOKEN }}
45 |           npm_token: ${{ secrets.NPM_TOKEN }}
46 | 


--------------------------------------------------------------------------------
/readme/usage.vue2.md:
--------------------------------------------------------------------------------
 1 | ### Usage Vue2 [Example](https://codesandbox.io/s/data-vue-test-3wkzi?file=/src/App.vue)
 2 | 
 3 | With NPM:
 4 | 
 5 | ```bash
 6 | npm i @revolist/vue-datagrid --save;
 7 | ```
 8 | 
 9 | With Yarn:
10 | 
11 | ```bash
12 | yarn add @revolist/vue-datagrid;
13 | ```
14 | 
15 | ```vue
16 | // App.vue
17 | 
18 | <template>
19 |   <!-- Use the VGrid component and bind the data source and columns -->
20 |   <v-grid :source="rows" :columns="columns" />
21 | </template>
22 | 
23 | <script>
24 | import Grid, { VGridVueTemplate } from '@revolist/vue-datagrid'; // Import the VGrid component
25 | import Cell from './Cell.vue'; // Custom cell template
26 | 
27 | export default {
28 |   name: 'App',
29 |   data() {
30 |     return {
31 |       // Define the columns for the grid
32 |       columns: [
33 |         { prop: 'name', name: 'First' }, // Simple column definition
34 |         { prop: 'details', cellTemplate: VGridVueTemplate(Cell) }, // Another column definition
35 |       ],
36 |       // Define the data source for the grid
37 |       rows: [{ name: '1', details: 'Item 1' }],
38 |     };
39 |   },
40 |   components: {
41 |     VGrid, // Register the VGrid component
42 |   },
43 | };
44 | </script>
45 | 
46 | // Cell.vue
47 | <template>Custom cell</template>
48 | <script>
49 | import Vue, { PropType } from 'vue';
50 | export default {
51 |   props: ['prop', 'model', 'column', 'rowIndex', 'colIndex', 'colType', 'type', 'data'],
52 | };
53 | </script>
54 | ```
55 | 


--------------------------------------------------------------------------------
/readme/contribute.md:
--------------------------------------------------------------------------------
 1 | ## Contributing
 2 | 
 3 | 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.
 4 | 
 5 | ### Why Contribute?
 6 | 
 7 | - **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.
 8 | - **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.
 9 | - **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.
10 | - **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.
11 | 
12 | ### Join Us
13 | 
14 | 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!


--------------------------------------------------------------------------------
/readme/banner.md:
--------------------------------------------------------------------------------
 1 | <p align="center">
 2 |   <a href="https://revolist.github.io/revogrid">
 3 |     <img src="./assets/logo.svg" alt="RevoGrid" height="150" />
 4 |   </a>
 5 | </p>
 6 | 
 7 | <p align="center">
 8 |   <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>
 9 |   <a href="https://github.com/revolist/revogrid/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/@revolist/revogrid" alt="Software License"/></a>
10 |   <img src="https://badgen.net/bundlephobia/dependency-count/@revolist/revogrid@latest" alt="Tree shaking"/>
11 |   <img src="https://badgen.net/bundlephobia/tree-shaking/@revolist/revogrid@latest" alt="Tree shaking"/>
12 | </p>
13 | 
14 | #
15 | 
16 | <h3 align="center">Powerful data grid component built with <a href="https://stenciljs.com" target="_blank">StencilJS</a>.</h3>
17 | <p align="center">
18 | Support Millions of cells and thousands of columns easy and efficiently for fast data rendering. Easy to use.
19 |   
20 | </p>
21 | 
22 | <p align="center">
23 |   <a href="https://revolist.github.io/revogrid">Demo and API</a> •
24 |   <a href="#key-features">Key Features</a> •
25 |   <a href="#basic-usage">How To Use</a> •
26 |   <a href="#installation">Installation</a> •
27 |   <a href="https://github.com/revolist/revogrid/blob/master/src/components/revo-grid/readme.md">Docs</a> •
28 |   <a href="#license">License</a>
29 | </p>
30 | 
31 | <img src="./assets/material.jpg" alt="Material grid preview" width="100%" />
32 | <i>RevoGrid material theme.</i>
33 | <br>


--------------------------------------------------------------------------------
/lib/vue-component-lib/utils.ts:
--------------------------------------------------------------------------------
 1 | import Vue, { VNode, CreateElement } from "vue";
 2 | 
 3 | export const createCommonRender = (
 4 |   tagName: string,
 5 |   eventNames: string[] = []
 6 | ) =>
 7 |   function (this: Vue, createElement: CreateElement): VNode {
 8 |     const vueElement = this;
 9 |     const allListeners = eventNames.reduce((listeners, eventName) => {
10 |       return {
11 |         ...listeners,
12 |         [eventName]: (event: CustomEvent<any>) => {
13 |           vueElement.$emit(eventName, event);
14 |         },
15 |       };
16 |     }, vueElement.$listeners);
17 |      const domProps = vueElement.$props
18 |       ? Object.keys(vueElement.$props).reduce((attrs: any, prop: string) => {
19 |           // dashed-case
20 |           attrs[toDashCase(prop)] = vueElement.$props[prop];
21 |           // original-case
22 |           attrs[prop] = vueElement.$props[prop];
23 |           return attrs;
24 |         }, {})
25 |       : {};
26 |     return createElement(
27 |       tagName,
28 |       {
29 |         ref: "wc",
30 |         domProps,
31 |         on: allListeners,
32 |         attrs: { "data-testid": tagName },
33 |       },
34 |       [vueElement.$slots.default]
35 |     );
36 |   };
37 | 
38 | export const createCommonMethod = (methodName: string) =>
39 |   function (this: any, ...args: any[]) {
40 |     this.$refs.wc[methodName](...args);
41 |   } as unknown;
42 | 
43 | export const toLowerCase = (str: string) => str.toLowerCase();
44 | 
45 | export const toDashCase = (str: string) =>
46 |   toLowerCase(
47 |     str
48 |       .replace(/([A-Z0-9])/g, (g) => " " + g[0])
49 |       .trim()
50 |       .replace(/ /g, "-")
51 |   );
52 | 


--------------------------------------------------------------------------------
/readme/install.md:
--------------------------------------------------------------------------------
 1 | ## Installation
 2 | 
 3 | The library published as a [scoped NPM package](https://docs.npmjs.com/misc/scope) in the [NPMJS Revolist account](https://www.npmjs.com/org/revolist).
 4 | [Check for more info on our demo side](https://revolist.github.io/revogrid/guide/installing.html).
 5 | 
 6 | With NPM:
 7 | 
 8 | ```bash
 9 | npm i @revolist/revogrid --save;
10 | ```
11 | 
12 | With Yarn:
13 | 
14 | ```bash
15 | yarn add @revolist/revogrid;
16 | ```
17 | 
18 | ## Browser Support
19 | 
20 | | ![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/master/src/safari/safari_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/master/src/opera/opera_48x48.png) | ![Edge](https://raw.github.com/alrra/browser-logos/master/src/edge/edge_48x48.png) |
21 | | ---------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------- |
22 | | Latest ✔   | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ |
23 | |
24 | 
25 | ## Framework
26 | 
27 | - [JavaScript](https://revolist.github.io/revogrid/guide);
28 | - [VueJs](https://revolist.github.io/revogrid/guide/framework.vue.overview.html);
29 | - [Svelte](https://revolist.github.io/revogrid/guide/framework.svelte.overview.html);
30 | - [React](https://revolist.github.io/revogrid/guide/framework.react.overview.html);
31 | - [Angular](https://revolist.github.io/revogrid/guide/framework.angular.overview.html);
32 | - [Ember](docs/ember.md).
33 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "@revolist/vue-datagrid",
 3 |   "version": "4.19.4",
 4 |   "description": "Vue 2 DataGrid Spreadsheet component with native Vue 2 render support",
 5 |   "types": "./dist/index.d.ts",
 6 |   "type": "module",
 7 |   "exports": {
 8 |     ".": {
 9 |       "import": "./dist/vue-datagrid.js",
10 |       "require": "./dist/vue-datagrid.umd.cjs",
11 |       "types": "./dist/index.d.ts"
12 |     }
13 |   },
14 |   "files": [
15 |     "dist"
16 |   ],
17 |   "scripts": {
18 |     "build": "vite build",
19 |     "dev": "vite",
20 |     "release": "npm run build && npm publish --public --tag pre-release"
21 |   },
22 |   "keywords": [
23 |     "revo-grid",
24 |     "revolist",
25 |     "csv",
26 |     "datagrid",
27 |     "datalist",
28 |     "datamanager",
29 |     "editable",
30 |     "excel",
31 |     "excel-grid",
32 |     "export",
33 |     "fast-grid",
34 |     "filtering",
35 |     "grid",
36 |     "grouping",
37 |     "infinity-grid",
38 |     "reactive",
39 |     "spreadsheet",
40 |     "stenciljs",
41 |     "storybook",
42 |     "treeview",
43 |     "virtualgrid",
44 |     "virtuallist",
45 |     "virtual",
46 |     "virtual-scroll",
47 |     "vue",
48 |     "vue-grid",
49 |     "vue-datagrid",
50 |     "vue2",
51 |     "vue2-datagrid"
52 |   ],
53 |   "author": "revolist",
54 |   "repository": {
55 |     "type": "git",
56 |     "url": "git+https://github.com/revolist/vue-datagrid.git"
57 |   },
58 |   "bugs": {
59 |     "url": "https://github.com/revolist/revogrid/issues"
60 |   },
61 |   "homepage": "https://github.com/revolist/revogrid#readme",
62 |   "license": "MIT",
63 |   "dependencies": {
64 |     "@revolist/revogrid": "4.19.4"
65 |   },
66 |   "devDependencies": {
67 |     "@stencil/core": "^4.24.0",
68 |     "sass": "^1.79.3",
69 |     "typescript": "^5.0.4",
70 |     "vite": "^5.4.21",
71 |     "vite-plugin-dts": "^3.9.1",
72 |     "vite-plugin-vue2": "^2.0.3",
73 |     "vue-template-compiler": "^2.6.14",
74 |     "vue": "=2.6.14"
75 |   }
76 | }
77 | 


--------------------------------------------------------------------------------
/lib/renderer.ts:
--------------------------------------------------------------------------------
 1 | import { ColumnDataSchemaModel, ColumnTemplateProp, HyperFunc, VNode } from '@revolist/revogrid';
 2 | import Vue, { VueConstructor } from 'vue';
 3 | 
 4 | /**
 5 |  * Vue template factory
 6 |  */
 7 | interface VueElement extends HTMLElement {
 8 |   __vue__?: Vue;
 9 | }
10 | 
11 | /**
12 |  * Vue adapter to convert vue component into VNode
13 |  */
14 | export const VGridVueTemplateConstructor = (
15 |   vueCtr: VueConstructor,
16 |   e?: HTMLElement,
17 |   p?: Record<string, any>,
18 |   addition?: { vue: Vue },
19 | ) => {
20 |   if (!e) {
21 |     return null;
22 |   }
23 | 
24 |   let el: VueElement | undefined;
25 |   if (e?.childNodes.length) {
26 |     el = e.childNodes[0] as VueElement;
27 |   }
28 | 
29 |   if (!el) {
30 |     // create dom element wrapper for vue instance
31 |     el = document.createElement('span');
32 |     e.appendChild(el);
33 | 
34 |     // if passed as simple structure convert it to vue object
35 |     if (typeof vueCtr === 'object') {
36 |       vueCtr = Vue.extend(vueCtr);
37 |     }
38 |     // create vue instance
39 |     return new vueCtr({ el, propsData: p, parent: addition?.vue });
40 |   }
41 | 
42 |   // check, probably vue instance already inited
43 |   let vueInstance = el.__vue__;
44 |   // if exists, return
45 |   if (vueInstance && p) {
46 |     // if vue inited just update it's properties
47 |     for (const k in p) {
48 |       vueInstance.$props[k] = p[k];
49 |     }
50 |   }
51 |   return vueInstance;
52 | };
53 | 
54 | /**
55 |  * Vue template wrapper for virtual nodes
56 |  */
57 | export const Template = (cntr: VueConstructor, customProps?: any) => {
58 |   return (h: HyperFunc<VNode>, p:  ColumnDataSchemaModel | ColumnTemplateProp, addition?: any) => {
59 |     const props = customProps ? { ...customProps, ...p } : p;
60 |     const wrapper = h('span', {
61 |       key: `${props.key}-${props.rowIndex || 0}`,
62 |       ref: (el: HTMLElement) => VGridVueTemplateConstructor(cntr, el, props, addition),
63 |     });
64 |     return wrapper;
65 |   };
66 | };
67 | 
68 | 


--------------------------------------------------------------------------------
/lib/editor.adapter.ts:
--------------------------------------------------------------------------------
 1 | import { VueConstructor } from 'vue';
 2 | import { VGridVueTemplateConstructor } from './renderer';
 3 | import {
 4 |   ColumnDataSchemaModel,
 5 |   EditCell,
 6 |   EditorBase,
 7 |   HyperFunc,
 8 |   VNode,
 9 | } from '@revolist/revogrid';
10 | 
11 | /**
12 |  * Data passed to editor
13 |  */
14 | export type EditorType = {
15 |   column: ColumnDataSchemaModel;
16 |   save: (value: any, preventFocus?: boolean) => void;
17 |   close: (focusNext?: boolean) => void;
18 | } & Partial<EditCell>;
19 | 
20 | /**
21 |  * Vue editor adapter
22 |  */
23 | // TODO: provide passage of vue component to renderers
24 | export default class VueEditorAdapter implements EditorBase {
25 |   public element: Element | null = null;
26 |   public editCell?: EditCell;
27 |   private vueEl: Vue | undefined;
28 | 
29 |   constructor(
30 |     private VueEditorConstructor: VueConstructor,
31 |     public column: ColumnDataSchemaModel,
32 |     private save: (value: any, preventFocus?: boolean) => void,
33 |     private close: (focusNext?: boolean) => void
34 |   ) {}
35 | 
36 |   // optional, called after editor rendered
37 |   componentDidRender() {}
38 | 
39 |   // optional, called after editor destroyed
40 |   disconnectedCallback() {
41 |     this.vueEl?.$destroy();
42 |     this.vueEl = undefined;
43 |   }
44 | 
45 |   render(h: HyperFunc<VNode>, addition: any) {
46 |     return h('span', {
47 |       key: `${this.column.prop}-${this.editCell?.rowIndex || 0}`,
48 |       ref: (el: HTMLElement) => this.renderAdapter(el, addition),
49 |     });
50 |   }
51 | 
52 |   private renderAdapter(el?: HTMLElement, addition?: any) {
53 |     if (!el) {
54 |       return;
55 |     }
56 |     const editorData: EditorType = {
57 |       ...this.editCell,
58 |       column: this.column,
59 |       save: this.save,
60 |       close: this.close,
61 |     };
62 |     const template = VGridVueTemplateConstructor(
63 |       this.VueEditorConstructor,
64 |       el,
65 |       editorData,
66 |       addition
67 |     ) as Vue | undefined;
68 |     if (!template) {
69 |       return;
70 |     }
71 |     this.vueEl = template;
72 |   }
73 | }
74 | 


--------------------------------------------------------------------------------
/release.mjs:
--------------------------------------------------------------------------------
 1 | import fs from 'fs';
 2 | import path from 'path';
 3 | import chalk from 'chalk';
 4 | import minimist from 'minimist';
 5 | import { fileURLToPath } from 'url';
 6 | 
 7 | // Define __dirname and __filename for ESM
 8 | const __filename = fileURLToPath(import.meta.url);
 9 | const __dirname = path.dirname(__filename);
10 | 
11 | const dependencyName = '@revolist/revogrid';
12 | const localDependencyName = '@revolist/vue-datagrid';
13 | 
14 | // Parse command-line arguments
15 | const args = minimist(process.argv.slice(2));
16 | const newVersion = args.version;
17 | 
18 | if (!newVersion) {
19 |   console.error(chalk.red('Error: Please provide a version using --version'));
20 |   process.exit(1);
21 | }
22 | 
23 | function updateDependencyVersion(packageJson, type, dependencyName, version) {
24 |     // Update dependency version
25 |     if (packageJson[type] && packageJson[type][dependencyName]) {
26 |       packageJson[type][dependencyName] = version;
27 |       console.log(
28 |         chalk.green(
29 |           `Updated dependency ${dependencyName} to version ${version} in ${packageJson.name}`,
30 |         ),
31 |       );
32 |     }
33 | }
34 | 
35 | 
36 | 
37 | function updatePackageJsonVersion(packageDir, version) {
38 |   const packageJsonPath = path.join(packageDir, 'package.json');
39 | 
40 |   if (fs.existsSync(packageJsonPath)) {
41 |     const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf-8'));
42 |     packageJson.version = version;
43 |     updateDependencyVersion(packageJson, 'dependencies', dependencyName, version);
44 |     updateDependencyVersion(packageJson, 'devDependencies', dependencyName, version);
45 |     updateDependencyVersion(packageJson, 'peerDependencies', dependencyName, version);
46 | 
47 |     fs.writeFileSync(
48 |       packageJsonPath,
49 |       JSON.stringify(packageJson, null, 2) + '\n',
50 |     );
51 |     console.log(
52 |       chalk.green(`Updated ${packageJson.name} to version ${version}`),
53 |     );
54 |   } else {
55 |     console.log(chalk.red(`package.json not found in ${packageDir}`));
56 |   }
57 | }
58 | 
59 | function main() {
60 |   const fullPath = path.resolve(__dirname);
61 |   updatePackageJsonVersion(fullPath, newVersion);
62 |   // update demo
63 |   updatePackageJsonVersion(path.join(fullPath, 'demo'), newVersion, localDependencyName);
64 |   console.log(chalk.blue('Version update complete.'));
65 | }
66 | 
67 | main();
68 | 


--------------------------------------------------------------------------------
/readme/features.md:
--------------------------------------------------------------------------------
 1 | ## Key Features
 2 | 
 3 | - **High Performance**: Handles millions of cells in the viewport with a powerful core built by default.
 4 | 
 5 | - **Keyboard Support**:
 6 |   - Excel-like focus for efficient navigation and editing.
 7 |   - Seamless copy/paste from Excel, Google Sheets, or any other sheet format.
 8 | 
 9 | 
10 | - **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.
11 | 
12 | - **Intelligent Virtual DOM**: Smart row recombination to minimize redraws.
13 | 
14 | - **Sorting**: Multiple options, customizable per column, with advanced event handling.
15 | 
16 | - **Filtering**:
17 |   - Predefined system filters.
18 |   - Preserve existing collections.
19 |   - Custom filters to extend system filters with your own set.
20 | 
21 | - **Export**: Export data to file.
22 | 
23 | - **Custom Sizes**: Define custom sizes for columns and rows. Automatic sizing based on content.
24 | 
25 | - **Column Resizing**: Adjust column widths.
26 | 
27 | - **Pinned/Sticky/Freezed Elements**:
28 |   - Columns (define left or right).
29 |   - Rows (define top or bottom).
30 | 
31 | - **Grouping**:
32 |   - Column grouping (nested headers).
33 |   - Row grouping (nested rows).
34 | 
35 | - **Cell Editing**: In-place editing of cell data.
36 | 
37 | - **Customizations**:
38 |   - Column header template.
39 |   - Row header template.
40 |   - Cell template (create your own cell views).
41 |   - Cell editor (apply custom editors and cell types).
42 |   - Cell properties (define custom properties for rendered cells).
43 | 
44 | - **Column Types**: [More details](https://revolist.github.io/revogrid/guide/column.types.html)
45 |   - Text/String (default).
46 |   - Number.
47 |   - Select.
48 |   - Date.
49 |   - Custom (create extended styles using any template).
50 | 
51 | - **Drag and Drop**: Easily reorder rows.
52 | 
53 | - **Range Operations**:
54 |   - Selection.
55 |   - Editing.
56 | 
57 | - **Theme Packages**:
58 |   - Excel-like (default).
59 |   - Material (compact, dark, or light).
60 | 
61 | - **Extensibility**: Modern VNode features and tsx support for easy extension.
62 | 
63 | - **Trimmed Rows**: Hide rows on demand.
64 | 
65 | - **Plugin System**: Create custom plugins or extend existing ones easily.
66 | 
67 | - **Additional Customizations and Improvements**: Explore hundreds of other small customizations and improvements in [RevoGrid](https://revolist.github.io/revogrid).
68 | 
69 | <br>
70 | 
71 | 


--------------------------------------------------------------------------------
/assets/react.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg"  width="15" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M418.2 177.2c-5.4-1.8-10.8-3.5-16.2-5.1 .9-3.7 1.7-7.4 2.5-11.1 12.3-59.6 4.2-107.5-23.1-123.3-26.3-15.1-69.2 .6-112.6 38.4-4.3 3.7-8.5 7.6-12.5 11.5-2.7-2.6-5.5-5.2-8.3-7.7-45.5-40.4-91.1-57.4-118.4-41.5-26.2 15.2-34 60.3-23 116.7 1.1 5.6 2.3 11.1 3.7 16.7-6.4 1.8-12.7 3.8-18.6 5.9C38.3 196.2 0 225.4 0 255.6c0 31.2 40.8 62.5 96.3 81.5 4.5 1.5 9 3 13.6 4.3-1.5 6-2.8 11.9-4 18-10.5 55.5-2.3 99.5 23.9 114.6 27 15.6 72.4-.4 116.6-39.1 3.5-3.1 7-6.3 10.5-9.7 4.4 4.3 9 8.4 13.6 12.4 42.8 36.8 85.1 51.7 111.2 36.6 27-15.6 35.8-62.9 24.4-120.5-.9-4.4-1.9-8.9-3-13.5 3.2-.9 6.3-1.9 9.4-2.9 57.7-19.1 99.5-50 99.5-81.7 0-30.3-39.4-59.7-93.8-78.4zM282.9 92.3c37.2-32.4 71.9-45.1 87.7-36 16.9 9.7 23.4 48.9 12.8 100.4-.7 3.4-1.4 6.7-2.3 10-22.2-5-44.7-8.6-67.3-10.6-13-18.6-27.2-36.4-42.6-53.1 3.9-3.7 7.7-7.2 11.7-10.7zM167.2 307.5c5.1 8.7 10.3 17.4 15.8 25.9-15.6-1.7-31.1-4.2-46.4-7.5 4.4-14.4 9.9-29.3 16.3-44.5 4.6 8.8 9.3 17.5 14.3 26.1zm-30.3-120.3c14.4-3.2 29.7-5.8 45.6-7.8-5.3 8.3-10.5 16.8-15.4 25.4-4.9 8.5-9.7 17.2-14.2 26-6.3-14.9-11.6-29.5-16-43.6zm27.4 68.9c6.6-13.8 13.8-27.3 21.4-40.6s15.8-26.2 24.4-38.9c15-1.1 30.3-1.7 45.9-1.7s31 .6 45.9 1.7c8.5 12.6 16.6 25.5 24.3 38.7s14.9 26.7 21.7 40.4c-6.7 13.8-13.9 27.4-21.6 40.8-7.6 13.3-15.7 26.2-24.2 39-14.9 1.1-30.4 1.6-46.1 1.6s-30.9-.5-45.6-1.4c-8.7-12.7-16.9-25.7-24.6-39s-14.8-26.8-21.5-40.6zm180.6 51.2c5.1-8.8 9.9-17.7 14.6-26.7 6.4 14.5 12 29.2 16.9 44.3-15.5 3.5-31.2 6.2-47 8 5.4-8.4 10.5-17 15.5-25.6zm14.4-76.5c-4.7-8.8-9.5-17.6-14.5-26.2-4.9-8.5-10-16.9-15.3-25.2 16.1 2 31.5 4.7 45.9 8-4.6 14.8-10 29.2-16.1 43.4zM256.2 118.3c10.5 11.4 20.4 23.4 29.6 35.8-19.8-.9-39.7-.9-59.5 0 9.8-12.9 19.9-24.9 29.9-35.8zM140.2 57c16.8-9.8 54.1 4.2 93.4 39 2.5 2.2 5 4.6 7.6 7-15.5 16.7-29.8 34.5-42.9 53.1-22.6 2-45 5.5-67.2 10.4-1.3-5.1-2.4-10.3-3.5-15.5-9.4-48.4-3.2-84.9 12.6-94zm-24.5 263.6c-4.2-1.2-8.3-2.5-12.4-3.9-21.3-6.7-45.5-17.3-63-31.2-10.1-7-16.9-17.8-18.8-29.9 0-18.3 31.6-41.7 77.2-57.6 5.7-2 11.5-3.8 17.3-5.5 6.8 21.7 15 43 24.5 63.6-9.6 20.9-17.9 42.5-24.8 64.5zm116.6 98c-16.5 15.1-35.6 27.1-56.4 35.3-11.1 5.3-23.9 5.8-35.3 1.3-15.9-9.2-22.5-44.5-13.5-92 1.1-5.6 2.3-11.2 3.7-16.7 22.4 4.8 45 8.1 67.9 9.8 13.2 18.7 27.7 36.6 43.2 53.4-3.2 3.1-6.4 6.1-9.6 8.9zm24.5-24.3c-10.2-11-20.4-23.2-30.3-36.3 9.6 .4 19.5 .6 29.5 .6 10.3 0 20.4-.2 30.4-.7-9.2 12.7-19.1 24.8-29.6 36.4zm130.7 30c-.9 12.2-6.9 23.6-16.5 31.3-15.9 9.2-49.8-2.8-86.4-34.2-4.2-3.6-8.4-7.5-12.7-11.5 15.3-16.9 29.4-34.8 42.2-53.6 22.9-1.9 45.7-5.4 68.2-10.5 1 4.1 1.9 8.2 2.7 12.2 4.9 21.6 5.7 44.1 2.5 66.3zm18.2-107.5c-2.8 .9-5.6 1.8-8.5 2.6-7-21.8-15.6-43.1-25.5-63.8 9.6-20.4 17.7-41.4 24.5-62.9 5.2 1.5 10.2 3.1 15 4.7 46.6 16 79.3 39.8 79.3 58 0 19.6-34.9 44.9-84.8 61.4zm-149.7-15c25.3 0 45.8-20.5 45.8-45.8s-20.5-45.8-45.8-45.8c-25.3 0-45.8 20.5-45.8 45.8s20.5 45.8 45.8 45.8z" fill="#00aedc"/></svg>


--------------------------------------------------------------------------------
/assets/svelte.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" width="15" viewBox="0 0 30 34">
2 |         <path d="M22.4701468,3.83703299 C19.7918692,-0.0171449545 14.5022709,-1.15953789 10.677639,1.2905221 L3.96064746,5.59487329 C2.12587539,6.75545072 0.862107675,8.63932399 0.479247084,10.7845272 C0.158831738,12.571613 0.440457919,14.4151005 1.27953704,16.0231187 C0.704577821,16.9000454 0.312430713,17.8850805 0.12679605,18.9186912 C-0.259766036,21.1050892 0.245894041,23.3558793 1.52962121,25.1629354 C4.20846539,29.0174758 9.49808945,30.1593768 13.3221291,27.7094463 L20.0391206,23.4050951 C21.8740223,22.2446523 23.1378331,20.3607148 23.520521,18.2154411 C23.8408938,16.4283764 23.5594885,14.5849248 22.7208233,12.9767202 C23.2956327,12.0998136 23.687615,11.1148182 23.873075,10.0812772 C24.2598926,7.89487323 23.7542103,5.64398398 22.4702499,3.83703299" id="Path" fill="#FF3E00"></path>
3 |         <path d="M10.5501836,24.8301081 C8.41650415,25.3861101 6.16329011,24.549097 4.90670754,22.7336967 C4.14577579,21.6663124 3.84602594,20.3367088 4.07515065,19.0451511 C4.1135579,18.8352442 4.16641251,18.6282523 4.23333578,18.4256585 L4.35799572,18.0447102 L4.69713063,18.2943435 C5.48033691,18.8710728 6.35604567,19.3095615 7.28651442,19.5909108 L7.53253507,19.6657118 L7.50987193,19.9117844 C7.47981065,20.2618519 7.57439334,20.6112806 7.77685535,20.898135 C8.15501538,21.4449713 8.833418,21.6973159 9.47600681,21.5301664 C9.6198673,21.4916321 9.75698827,21.4312383 9.88259818,21.3510866 L16.5022133,17.1235212 C16.8297107,16.9168527 17.0554111,16.5817099 17.1241425,16.2000177 C17.1927551,15.8107433 17.1024564,15.4101635 16.8735284,15.0882528 C16.4951423,14.541303 15.8165701,14.2888511 15.173717,14.4558653 C15.030046,14.4944028 14.8931074,14.5547525 14.7676586,14.6348179 L12.2416707,16.2485709 C11.8263033,16.5132444 11.3730089,16.7127367 10.8974904,16.8401371 C8.76382899,17.3961065 6.5106504,16.5590851 5.25409052,14.7437003 C4.49312812,13.6763394 4.19337501,12.3467306 4.42253363,11.0551801 C4.64937664,9.78806631 5.39839659,8.67536018 6.48581798,7.99006929 L13.1048494,3.7621478 C13.5203934,3.49703985 13.9740115,3.29729674 14.4499179,3.1698695 C16.5835656,2.61391433 18.8367248,3.45092213 20.0932925,5.26628088 C20.8542242,6.33366516 21.1539741,7.66326871 20.9248494,8.95482649 C20.8862765,9.16469695 20.8334247,9.37167752 20.7666642,9.57431902 L20.6420043,9.95526739 L20.303047,9.70601555 C19.5198959,9.12895632 18.6441031,8.69026644 17.7134856,8.40888867 L17.4674649,8.33406225 L17.4901281,8.08798965 C17.5199308,7.73795348 17.4253716,7.3886202 17.2231447,7.10166455 C16.8449846,6.55482822 16.166582,6.30248357 15.5239932,6.46963311 C15.3801327,6.50816738 15.2430117,6.56856118 15.1174018,6.64871293 L8.49778669,10.8764564 C8.17033417,11.0829624 7.94476092,11.4180839 7.87633966,11.7997055 C7.80730248,12.1889617 7.89744949,12.5896851 8.12647165,12.9115976 C8.50486251,13.4585412 9.18343034,13.7109915 9.82628295,13.5439851 C9.97010778,13.5053718 10.1072087,13.444983 10.2328489,13.3649053 L12.7585069,11.7517627 C13.1736946,11.4867403 13.6269686,11.2870713 14.1025349,11.1597133 C16.2361964,10.6037439 18.489375,11.4407653 19.7459349,13.2561501 C20.5068973,14.3235109 20.8066504,15.6531198 20.5774918,16.9446703 C20.3505001,18.2118499 19.6015341,19.3246513 18.5142074,20.0102643 L11.8951506,24.2378298 C11.4796066,24.5029377 11.0259885,24.7026808 10.5500821,24.8301081" fill="#FFFFFF"></path>
4 | </svg>


--------------------------------------------------------------------------------
/demo-v2.7/App.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <Grid
  3 |       :additionalData="{
  4 |         // pass vue instance to grid component to use it in cells templates, provide/inject/$store/$router etc
  5 |         // @ts-ignore
  6 |         vue: this
  7 |       }"
  8 |       :row-definitions="rowDefinitions"
  9 |       :stretch="false"
 10 |       :row-headers="rowHeaders"
 11 |       :source="source"
 12 |       :columns="headers"
 13 |       :editors="gridEditors"
 14 |     />
 15 | </template>
 16 | 
 17 | <script lang="ts">
 18 | import Vue from 'vue';
 19 | import Cell from './Cell.vue';
 20 | import Grid, { VGridVueTemplate, VGridVueEditor } from '@revolist/vue-datagrid';
 21 | 
 22 | /**
 23 |  * Creates a new vue editor
 24 |  */
 25 | const NewEditor = Vue.extend({
 26 |   props: ['rowIndex', 'model', 'save', 'close'],
 27 |   render(h) {
 28 |     return h(
 29 |       'button',
 30 |       {
 31 |         on: {
 32 |           click: (e: MouseEvent) => {
 33 |             e.stopPropagation();
 34 |             this.close();
 35 |           },
 36 |         },
 37 |       },
 38 |       'I am editor #' + this.rowIndex,
 39 |     );
 40 |   },
 41 | });
 42 | 
 43 | /**
 44 |  * Generates header title based on index
 45 |  */
 46 | function generateHeader(index: number) {
 47 |   const asciiFirstLetter = 65;
 48 |   const lettersCount = 26;
 49 |   let div = index + 1;
 50 |   let label = '';
 51 |   let pos: number;
 52 |   while (div > 0) {
 53 |     pos = (div - 1) % lettersCount;
 54 |     label = String.fromCharCode(asciiFirstLetter + pos) + label;
 55 |     div = parseInt(((div - pos) / lettersCount).toString(), 10);
 56 |   }
 57 |   return label.toLowerCase();
 58 | }
 59 | 
 60 | function generateFakeDataObject(rowsNumber: number, colsNumber: number) {
 61 |   const result: Record<any, any> = [];
 62 |   const columns: Record<number, any> = {};
 63 |   const all = colsNumber * rowsNumber;
 64 |   for (let j = 0; j < all; j++) {
 65 |     let col = j % colsNumber;
 66 |     let row = (j / colsNumber) | 0;
 67 |     if (!result[row]) {
 68 |       result[row] = {
 69 |         readonly: true,
 70 |       };
 71 |     }
 72 |     if (!columns[col]) {
 73 |       columns[col] = {
 74 |         name: generateHeader(col),
 75 |         prop: col,
 76 |       };
 77 |       if (col === 0) {
 78 |         columns[col].rowDrag = true;
 79 |         columns[col].editor = 'button';
 80 |         /**
 81 |          * This is how you can override default cell template with your own Vue component @file Cell.vue
 82 |          */
 83 | 
 84 |     // @ts-ignore
 85 |         columns[col].cellTemplate = VGridVueTemplate(Cell, {
 86 |           customPropSample: 1,
 87 |         });
 88 |       }
 89 |     }
 90 |     result[row]['key'] = 'key';
 91 |     result[row][col] = row + ':' + col;
 92 |   }
 93 |   let headers = Object.keys(columns).map((k) => columns[parseInt(k, 10)]);
 94 |   return {
 95 |     source: result,
 96 |     headers,
 97 |   };
 98 | }
 99 | 
100 | /**
101 |  * Main app component
102 |  */
103 | export default Vue.extend({
104 |   data() {
105 |     // @ts-ignore
106 |     const editor = VGridVueEditor(NewEditor);
107 |     return {
108 |       ...generateFakeDataObject(40, 2),
109 |       rowDefinitions: [{ type: "rgRow", index: 0, size: 145 }],
110 |       gridEditors: { button: editor },
111 |       rowHeaders: {
112 |         size: 100,
113 |         // Sample row header template
114 |         cellTemplate: (_: Function, { rowIndex }: { rowIndex: number }) => {
115 |           return rowIndex;
116 |         },
117 |       },
118 |     };
119 |   },
120 |   components: {
121 |     Grid,
122 |   },
123 | });
124 | </script>
125 | 
126 | <style lang="scss">
127 | body,
128 | html {
129 |   height: 100%;
130 |   width: 100%;
131 |   padding: 0;
132 |   margin: 0;
133 |   overflow: hidden;
134 |   background-color: #f7f9fc;
135 |   text-align: center;
136 | }
137 | 
138 | revo-grid {
139 |   display: block;
140 | }
141 | 
142 | .arrow-down svg {
143 |   opacity: 1;
144 |   width: 10px;
145 |   height: 10px;
146 | }
147 | 
148 | </style>
149 | 


--------------------------------------------------------------------------------
/demo/App.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div>
  3 |     <button @click="selectAll(true)">Select All</button>
  4 |   <RevoGrid
  5 |     class="list"
  6 |     theme="compact"
  7 |     resize="false"
  8 |     readonly="true"
  9 |     hide-attribution
 10 |     :source="rows"
 11 |     :columns="columns"
 12 |     @beforesourceset="beforeSourceChange"
 13 |   />
 14 | </div>
 15 | </template>
 16 | 
 17 | <script>
 18 | import RevoGrid from "@revolist/vue-datagrid";
 19 | 
 20 | // mock data
 21 | function generateFakeDataRows(rowsNumber) {
 22 |   const result = [];
 23 |   const all = rowsNumber;
 24 |   for (let j = 0; j < all; j++) {
 25 |     let row = j;
 26 |     if (!result[row]) {
 27 |       result[row] = {
 28 |         id: row,
 29 |       };
 30 |     }
 31 |     result[row]["myRow"] = `I am row ${row}`;
 32 |   }
 33 |   return result;
 34 | }
 35 | 
 36 | export default {
 37 |   name: "App",
 38 |   components: {
 39 |     RevoGrid,
 40 |   },
 41 |   data() {
 42 |     return {
 43 |       selected: new Set(),
 44 |       selectAllElement: null,
 45 |       rows: Object.freeze(generateFakeDataRows(10000)),
 46 |     };
 47 |   },
 48 |   // we do update with watch to avoid extra column redraw with reactive computed update
 49 |   watch: {
 50 |     isAllSelected(newV, oldV) {
 51 |       if (newV !== oldV) {
 52 |         if (this.selectAllElement) {
 53 |           // 0 - unchecked, 1 - indeterminate, 2 - checked
 54 |           this.selectAllElement.indeterminate = newV === 1;
 55 |           this.selectAllElement.checked = newV > 1 || undefined;
 56 |         }
 57 |       }
 58 |     },
 59 |   },
 60 |   computed: {
 61 |     // monitor selected changes
 62 |     isAllSelected() {
 63 |       const selected = this.selected.size;
 64 |       if (selected === this.rows.length) {
 65 |         return 2;
 66 |       }
 67 |       if (selected) {
 68 |         return 1;
 69 |       }
 70 |       return 0;
 71 |     },
 72 |     columns() {
 73 |       // if select all status changed redraw columns
 74 |       const columnTemplate = (h) => {
 75 |         let inputVNode = h("input", {
 76 |           type: "checkbox",
 77 |           ref: (el) => { this.selectAllElement = el },
 78 |           onChange: (e) => {
 79 |             this.selectAll(e.target.checked);
 80 |           },
 81 |         });
 82 |         return [inputVNode, "Select all"];
 83 |       };
 84 | 
 85 |       const cellTemplate = (h, { model, prop }) => {
 86 |         let inputVNode = h("input", {
 87 |           type: "checkbox",
 88 |           checked: model.selected || undefined,
 89 |           onChange: (e) => this.selectSingle(model, e.target.checked),
 90 |         });
 91 |         return h("label", undefined, inputVNode, model[prop]);
 92 |       };
 93 |       return [
 94 |         {
 95 |           prop: "myRow",
 96 |           columnTemplate,
 97 |           cellTemplate,
 98 |           size: 400,
 99 |         },
100 |       ];
101 |     },
102 |   },
103 |   methods: {
104 |     beforeSourceChange(e) {
105 |       console.log("beforeSourceChange", e.detail);
106 |     },
107 |     // select all checkbox click
108 |     selectAll(ckecked = false) {
109 |       this.rows.forEach((r) => this.updateSelectedRow(r, ckecked, this.selected));
110 |       this.selected = new Set(this.selected);
111 |       this.rows = [...this.rows];
112 |     },
113 |     // regular row checkbox click
114 |     selectSingle(row, checked) {
115 |       this.updateSelectedRow(row, checked, this.selected);
116 |       this.selected = new Set(this.selected);
117 |     },
118 |     // internal update method
119 |     updateSelectedRow(row, checked, selected) {
120 |       row.selected = checked;
121 |       if (checked) {
122 |         selected.add(row.id);
123 |       } else {
124 |         selected.delete(row.id);
125 |       }
126 |       return selected;
127 |     },
128 |     // we need it to trigger vNode update, in other case DOM update will not be triggered for this node
129 |     doChange(vNode, isChecked) {
130 |       if (vNode) {
131 |         vNode.$attrs$.checked = isChecked;
132 |       }
133 |     },
134 |   },
135 | };
136 | </script>
137 | 
138 | <style lang="scss">
139 | html,
140 | body {
141 |   height: 100%;
142 |   padding: 0;
143 |   margin: 0;
144 | }
145 | .list .row,
146 | .header-row {
147 |   display: flex;
148 | }
149 | .list .row .data-cell,
150 | .data-header-cell {
151 |   position: relative !important;
152 |   width: auto !important;
153 | }
154 | revogr-focus,
155 | .selection-border-range,
156 | .edit-input-wrapper {
157 |   width: 100% !important;
158 | }
159 | input[type="checkbox"] {
160 |   margin-right: 10px;
161 | }
162 | </style>
163 | 


--------------------------------------------------------------------------------
/lib/revogrid.ts:
--------------------------------------------------------------------------------
 1 | /* eslint-disable */
 2 | /* tslint:disable */
 3 | /* auto-generated vue proxies */
 4 | import Vue, { PropOptions } from 'vue';
 5 | import { createCommonRender, createCommonMethod } from './vue-component-lib/utils';
 6 | 
 7 | import type { Components } from '@revolist/revogrid';
 8 | 
 9 | 
10 | 
11 | 
12 | const customElementTags: string[] = [
13 |  'revo-grid',
14 | ];
15 | Vue.config.ignoredElements = [...Vue.config.ignoredElements, ...customElementTags];
16 | 
17 | 
18 | export const RevoGrid = /*@__PURE__*/ Vue.extend({
19 | 
20 |   props: {
21 |     rowHeaders: {} as PropOptions<Components.RevoGrid['rowHeaders']>,
22 |     frameSize: {} as PropOptions<Components.RevoGrid['frameSize']>,
23 |     rowSize: {} as PropOptions<Components.RevoGrid['rowSize']>,
24 |     colSize: {} as PropOptions<Components.RevoGrid['colSize']>,
25 |     range: {} as PropOptions<Components.RevoGrid['range']>,
26 |     readonly: {} as PropOptions<Components.RevoGrid['readonly']>,
27 |     resize: {} as PropOptions<Components.RevoGrid['resize']>,
28 |     canFocus: {} as PropOptions<Components.RevoGrid['canFocus']>,
29 |     useClipboard: {} as PropOptions<Components.RevoGrid['useClipboard']>,
30 |     columns: {} as PropOptions<Components.RevoGrid['columns']>,
31 |     source: {} as PropOptions<Components.RevoGrid['source']>,
32 |     pinnedTopSource: {} as PropOptions<Components.RevoGrid['pinnedTopSource']>,
33 |     pinnedBottomSource: {} as PropOptions<Components.RevoGrid['pinnedBottomSource']>,
34 |     rowDefinitions: {} as PropOptions<Components.RevoGrid['rowDefinitions']>,
35 |     editors: {} as PropOptions<Components.RevoGrid['editors']>,
36 |     applyOnClose: {} as PropOptions<Components.RevoGrid['applyOnClose']>,
37 |     plugins: {} as PropOptions<Components.RevoGrid['plugins']>,
38 |     columnTypes: {} as PropOptions<Components.RevoGrid['columnTypes']>,
39 |     theme: {} as PropOptions<Components.RevoGrid['theme']>,
40 |     rowClass: {} as PropOptions<Components.RevoGrid['rowClass']>,
41 |     autoSizeColumn: {} as PropOptions<Components.RevoGrid['autoSizeColumn']>,
42 |     filter: {} as PropOptions<Components.RevoGrid['filter']>,
43 |     sorting: {} as PropOptions<Components.RevoGrid['sorting']>,
44 |     focusTemplate: {} as PropOptions<Components.RevoGrid['focusTemplate']>,
45 |     canMoveColumns: {} as PropOptions<Components.RevoGrid['canMoveColumns']>,
46 |     trimmedRows: {} as PropOptions<Components.RevoGrid['trimmedRows']>,
47 |     exporting: {} as PropOptions<Components.RevoGrid['exporting']>,
48 |     grouping: {} as PropOptions<Components.RevoGrid['grouping']>,
49 |     stretch: {} as PropOptions<Components.RevoGrid['stretch']>,
50 |     additionalData: {} as PropOptions<Components.RevoGrid['additionalData']>,
51 |     disableVirtualX: {} as PropOptions<Components.RevoGrid['disableVirtualX']>,
52 |     disableVirtualY: {} as PropOptions<Components.RevoGrid['disableVirtualY']>,
53 |     hideAttribution: {} as PropOptions<Components.RevoGrid['hideAttribution']>,
54 |     jobsBeforeRender: {} as PropOptions<Components.RevoGrid['jobsBeforeRender']>,
55 |     registerVNode: {} as PropOptions<Components.RevoGrid['registerVNode']>,
56 |     accessible: {} as PropOptions<Components.RevoGrid['accessible']>,
57 |     rtl: {} as PropOptions<Components.RevoGrid['rtl']>,
58 |     canDrag: {} as PropOptions<Components.RevoGrid['canDrag']>,
59 |   },
60 | 
61 | 
62 |   methods: {
63 |     refresh: createCommonMethod('refresh') as Components.RevoGrid['refresh'],
64 |     setDataAt: createCommonMethod('setDataAt') as Components.RevoGrid['setDataAt'],
65 |     scrollToRow: createCommonMethod('scrollToRow') as Components.RevoGrid['scrollToRow'],
66 |     scrollToColumnIndex: createCommonMethod('scrollToColumnIndex') as Components.RevoGrid['scrollToColumnIndex'],
67 |     scrollToColumnProp: createCommonMethod('scrollToColumnProp') as Components.RevoGrid['scrollToColumnProp'],
68 |     updateColumns: createCommonMethod('updateColumns') as Components.RevoGrid['updateColumns'],
69 |     addTrimmed: createCommonMethod('addTrimmed') as Components.RevoGrid['addTrimmed'],
70 |     scrollToCoordinate: createCommonMethod('scrollToCoordinate') as Components.RevoGrid['scrollToCoordinate'],
71 |     setCellEdit: createCommonMethod('setCellEdit') as Components.RevoGrid['setCellEdit'],
72 |     setCellsFocus: createCommonMethod('setCellsFocus') as Components.RevoGrid['setCellsFocus'],
73 |     getSource: createCommonMethod('getSource') as Components.RevoGrid['getSource'],
74 |     getVisibleSource: createCommonMethod('getVisibleSource') as Components.RevoGrid['getVisibleSource'],
75 |     getSourceStore: createCommonMethod('getSourceStore') as Components.RevoGrid['getSourceStore'],
76 |     getColumnStore: createCommonMethod('getColumnStore') as Components.RevoGrid['getColumnStore'],
77 |     updateColumnSorting: createCommonMethod('updateColumnSorting') as Components.RevoGrid['updateColumnSorting'],
78 |     clearSorting: createCommonMethod('clearSorting') as Components.RevoGrid['clearSorting'],
79 |     getColumns: createCommonMethod('getColumns') as Components.RevoGrid['getColumns'],
80 |     clearFocus: createCommonMethod('clearFocus') as Components.RevoGrid['clearFocus'],
81 |     getPlugins: createCommonMethod('getPlugins') as Components.RevoGrid['getPlugins'],
82 |     getFocused: createCommonMethod('getFocused') as Components.RevoGrid['getFocused'],
83 |     getContentSize: createCommonMethod('getContentSize') as Components.RevoGrid['getContentSize'],
84 |     getSelectedRange: createCommonMethod('getSelectedRange') as Components.RevoGrid['getSelectedRange'],
85 |     refreshExtraElements: createCommonMethod('refreshExtraElements') as Components.RevoGrid['refreshExtraElements'],
86 |     getProviders: createCommonMethod('getProviders') as Components.RevoGrid['getProviders'],
87 |   },
88 |   render: createCommonRender('revo-grid', ['contentsizechanged', 'beforeedit', 'beforerangeedit', 'afteredit', 'beforeautofill', 'beforerange', 'afterfocus', 'roworderchanged', 'beforesorting', 'beforesourcesortingapply', 'beforesortingapply', 'rowdragstart', 'headerclick', 'beforecellfocus', 'beforefocuslost', 'beforesourceset', 'beforeanysource', 'aftersourceset', 'afteranysource', 'beforecolumnsset', 'beforecolumnapplied', 'aftercolumnsset', 'beforefilterapply', 'beforefiltertrimmed', 'beforetrimmed', 'aftertrimmed', 'viewportscroll', 'beforeexport', 'beforeeditstart', 'aftercolumnresize', 'beforerowdefinition', 'filterconfigchanged', 'sortingconfigchanged', 'rowheaderschanged', 'beforegridrender', 'aftergridrender', 'aftergridinit', 'additionaldatachanged', 'afterthemechanged', 'created']),
89 | });
90 | 
91 | 


--------------------------------------------------------------------------------
/assets/logo.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <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">
 3 |     <defs>
 4 |         <linearGradient x1="37.8581662%" y1="-5.67%" x2="91.3209169%" y2="94.33%" id="linearGradient-1">
 5 |             <stop stop-color="#0085FF" offset="0%"></stop>
 6 |             <stop stop-color="#21EF00" offset="100%"></stop>
 7 |         </linearGradient>
 8 |         <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>
 9 |         <filter x="-15.2%" y="-20.7%" width="152.4%" height="152.4%" filterUnits="objectBoundingBox" id="filter-3">
10 |             <feOffset dx="4" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
11 |             <feGaussianBlur stdDeviation="2.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
12 |             <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>
13 |         </filter>
14 |     </defs>
15 |     <g id="logo" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
16 |         <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>
17 |         <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>
18 |         <g id="Path" fill-rule="nonzero">
19 |             <use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-2"></use>
20 |             <use fill="url(#linearGradient-1)" xlink:href="#path-2"></use>
21 |         </g>
22 |     </g>
23 | </svg>


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # Vue 2 Data Grid
  2 | 
  3 | <p align="center">
  4 |   <a href="https://rv-grid.com">
  5 |     <img src="./assets/logo.svg" alt="Vue 2 Data Grid" height="150" />
  6 |   </a>
  7 | </p>
  8 | 
  9 | <p align="center">
 10 |   <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>
 11 |   <a href="https://github.com/revolist/revogrid/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/@revolist/revogrid" alt="Software License"/></a>
 12 |   <img src="https://badgen.net/bundlephobia/dependency-count/@revolist/revogrid" alt="Dependency count"/>
 13 |   <img src="https://badgen.net/bundlephobia/tree-shaking/@revolist/revogrid" alt="Tree shaking"/>
 14 |   <img src="https://img.shields.io/bundlephobia/min/@revolist/revogrid" alt="Bundle size"/>
 15 |   <img src="https://sonarcloud.io/api/project_badges/measure?project=revolist_revogrid&metric=alert_status" alt="Sonar Quality Gate"/>
 16 | </p>
 17 | 
 18 | 
 19 | <h3 align="center">Powerful Vue 2 Data Grid component built on top of <a href="https://github.com/revolist/revogrid" target="_blank">RevoGrid</a>.</h3>
 20 | <p align="center">
 21 | Support Millions of cells and thousands of columns easy and efficiently for fast data rendering. Easy to use.
 22 | </p>
 23 | 
 24 | <p align="center">
 25 |   <a href="https://rv-grid.com/demo/">Demo and API</a> •
 26 |   <a href="#key-features">Key Features</a> •
 27 |   <a href="#basic-usage">How To Use</a> •
 28 |   <a href="#installation">Installation</a> •
 29 |   <a href="https://rv-grid.com/guide/">Docs</a> •
 30 |   <a href="#license">License</a>
 31 | </p>
 32 | 
 33 | <img src="./assets/material.jpg" alt="Material grid preview" width="100%" />
 34 | <i>RevoGrid material theme.</i>
 35 | <br>
 36 | 
 37 | 
 38 | ## Key Features
 39 | 
 40 | - **High Performance**: Handles millions of cells in the viewport with a powerful core built by default.
 41 | 
 42 | - **[Accessibility](https://rv-grid.com/guide/wcag)**: Follows WAI-ARIA best practices.
 43 | 
 44 | - **[Keyboard Support](https://rv-grid.com/guide/defs#Keyboard)**:
 45 |   - Excel-like focus for efficient navigation and editing.
 46 |   - Seamless copy/paste from Excel, Google Sheets, or any other sheet format.
 47 | 
 48 | 
 49 | - **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.
 50 | 
 51 | - **[Intelligent Virtual DOM](https://rv-grid.com/guide/overview#VNode-Reactive-DOM)**: Smart row recombination to minimize redraws.
 52 | 
 53 | - **[Virtual Scroll](https://rv-grid.com/guide/viewports)**: Handles large datasets with infinite scroll.
 54 | 
 55 | - **[Drag and Drop](https://rv-grid.com/guide/row/order)**: Drag and drop in [rows](https://rv-grid.com/guide/row/order) and [columns](https://rv-grid.com/guide/column/order).
 56 | 
 57 | - **[Sorting](https://rv-grid.com/guide/sorting)**: Multiple options, customizable per column, with advanced event handling.
 58 | 
 59 | - **[Filtering](https://rv-grid.com/guide/filters)**:
 60 |   - Predefined system filters.
 61 |   - Multi column filters.
 62 |   - Conditional filters.
 63 |   - Preserve existing collections.
 64 |   - Selection.
 65 |   - Slider.
 66 |   - Header filtering.
 67 |   - Custom filters to extend system filters with your own set.
 68 | 
 69 | - **[Export](https://rv-grid.com/guide/export.plugin)**: Export data to file.
 70 | 
 71 | - **Custom Sizes**: Define custom sizes for [columns](https://rv-grid.com/guide/column/#Column-Size) and [rows](https://rv-grid.com/guide/row/height). Automatic sizing based on content.
 72 | 
 73 | - **[Column Resizing](https://rv-grid.com/guide/column/resize)**: Adjust column widths.
 74 | - **Auto Size Columns**: Intelligent column width adjustment that automatically adapts to content, ensuring optimal readability and layout efficiency.
 75 | 
 76 | - **Pinned/Sticky/Freezed Elements**:
 77 |   - [Columns](https://rv-grid.com/guide/column/pin) (define left or right).
 78 |   - [Rows](https://rv-grid.com/guide/row/pin) (define top or bottom).
 79 | 
 80 | - **Grouping**:
 81 |   - [Column grouping](https://rv-grid.com/guide/column/grouping) (nested headers).
 82 |   - Column grouping Drill Down: Collapse grouping columns to streamline your grid view, trimming away unnecessary columns and enhancing data organization. Perfect for focusing on the information that matters most, while keeping your workspace clean and efficient.
 83 |   - [Row grouping](https://rv-grid.com/guide/row/grouping) (nested rows).
 84 | 
 85 | - **Column Types**: [More details](https://rv-grid.com/guide/column/#Column-Formats)
 86 |   - [Text/String](https://rv-grid.com/guide/column/types#String) (default).
 87 |   - [Number](https://rv-grid.com/guide/column/types#Number).
 88 |   - [Select/Dropdown](https://rv-grid.com/guide/column/types#Select-Dropdown).
 89 |   - [Date](https://rv-grid.com/guide/column/types#Date).
 90 |   - Custom (create extended styles using any template).
 91 | 
 92 | - **Range Operations**:
 93 |   - [Selection](https://rv-grid.com/guide/defs#Range).
 94 |   - [Editing](https://rv-grid.com/guide/defs#Range-Autofill).
 95 | 
 96 | - **[Theme Packages](https://rv-grid.com/guide/theme)**:
 97 |   - Excel-like (default).
 98 |   - Material (compact, dark, or light).
 99 | 
100 | - **[Extensibility](https://rv-grid.com/guide/jsx.template)**: Modern VNode features and tsx support for easy extension.
101 | 
102 | - **[Trimmed Rows](https://rv-grid.com/guide/row/#Trimmed-Rows)**: Hide rows on demand.
103 | 
104 | - **[Plugin System](https://rv-grid.com/guide/plugin/)**: Create custom plugins or extend existing ones easily.
105 | 
106 | - **[Formula Support](https://rv-grid.com/guide/cell/formula)**: Evaluate formulas in cell data with Excel-like syntax, including basic arithmetic, statistical functions, and cell references.
107 | - **[Pivot Table](https://rv-grid.com/demo/pivot)**: Transform and analyze data dynamically with drag-and-drop field arrangement, aggregation functions, and interactive filtering capabilities.
108 | 
109 | - **[Master Detail/Subtables/Forms](https://rv-grid.com/guide/row/master.pro)**: Expand rows to reveal child data.
110 | - **[Cell/Column/Row Span/Merge](https://rv-grid.com/guide/cell/merge)**: Merge cells to form groups.
111 | - **Auto Merge**: Automatically merges cells with identical values in a column.
112 | - **Form editig**: Edit forms directly within the grid, featuring all necessary fields, including custom options and markdown support for a fast and enhanced data entry experience.
113 | 
114 | - **Customizations**:
115 |   - [Column header template](https://rv-grid.com/guide/column/header.template).
116 |   - [Row header template](https://rv-grid.com/guide/row/headers).
117 |   - [Cell properties](https://rv-grid.com/guide/cell/) (define custom properties for rendered cells).
118 |   - Nested grids: Build a grid inside a grid, showcasing advanced editing options and user interactions for a more dynamic data presentation.
119 |   - Context Menu: Build context menus for any grid element - from cells to headers. Cut, copy, paste, add rows, modify columns, and more. Fully customizable with your own actions and behaviors.
120 | 
121 | 
122 | > ⚠️ **Note**: Repository Notice: This repo is read-only. Create new issues at the [revogrid repo](https://github.com/revolist/revogrid)
123 | 
124 | 
125 |   - [Cell template](https://rv-grid.com/guide/vue2/renderer) (create your own cell views).
126 |   - [Cell editor](https://rv-grid.com/guide/vue2/editor) (use predefined or apply your own custom editors and cell types).
127 | 
128 | - **Rich API & Additional Improvements**: Explore hundreds of other small customizations and improvements in [RevoGrid](https://rv-grid.com/).
129 | 
130 | ### Usage Vue 2
131 | 
132 | > [!TIP]
133 | > For Vue 3, use [this repo](https://github.com/revolist/vue3-datagrid)
134 | 
135 | With NPM:
136 | 
137 | ```bash
138 | npm i @revolist/vue2-datagrid --save;
139 | ```
140 | 
141 | With Yarn:
142 | 
143 | ```bash
144 | yarn add @revolist/vue-datagrid;
145 | ```
146 | 
147 | ```vue
148 | // App.vue
149 | 
150 | <template>
151 |   <!-- Use the VGrid component and bind the data source and columns -->
152 |   <v-grid :source="rows" :columns="columns" />
153 | </template>
154 | 
155 | <script>
156 | import Grid, { VGridVueTemplate } from '@revolist/vue-datagrid'; // Import the VGrid component
157 | import Cell from './Cell.vue'; // Custom cell template
158 | 
159 | export default {
160 |   name: 'App',
161 |   data() {
162 |     return {
163 |       // Define the columns for the grid
164 |       columns: [
165 |         { prop: 'name', name: 'First' }, // Simple column definition
166 |         { prop: 'details', cellTemplate: VGridVueTemplate(Cell) }, // Another column definition
167 |       ],
168 |       // Define the data source for the grid
169 |       rows: [{ name: '1', details: 'Item 1' }],
170 |     };
171 |   },
172 |   components: {
173 |     VGrid, // Register the VGrid component
174 |   },
175 | };
176 | </script>
177 | ```
178 | ```vue
179 | // Cell.vue
180 | <template>Custom cell</template>
181 | <script>
182 | import Vue, { PropType } from 'vue';
183 | export default {
184 |   props: ['prop', 'model', 'column', 'rowIndex', 'colIndex', 'colType', 'type', 'data'],
185 | };
186 | </script>
187 | ```
188 | 
189 | 
190 | [Example and guide](https://rv-grid.com/guide/vue2/)
191 | 
192 | - [![VueJs](./assets/vuejs.svg) Vue 3](https://rv-grid.com/guide/vue3/) and [Vue 2](https://rv-grid.com/guide/vue2/)
193 | - [![React](./assets/react.svg) React](https://rv-grid.com/guide/react/)
194 | - [![Angular](./assets/angular.svg) Angular](https://rv-grid.com/guide/angular/)
195 | - [![Svelte](./assets/svelte.svg) Svelte](https://rv-grid.com/guide/svelte/)
196 | - [![JavaScript](./assets/js.svg) JavaScript](https://rv-grid.com/guide/)
197 | 
198 | ## Versions
199 | 
200 | - **2.0+**: Introduced the plugin system, grouping, sorting, and filtering.
201 | - **3.0+**: Breaking changes introduced:
202 |     -   Removed the redundant viewport component.
203 |     -   Renamed classes to support Bootstrap and other libraries:
204 |         -   `row` -> `rgRow`
205 |         -   `col` -> `rgCol`
206 |         -   `data-cell` -> `rgCell`
207 |         -   `data-header-cell` -> `rgHeaderCell`
208 |     -   Migrated all method names to lowercase to align with modern event naming conventions. For example, `afterEdit` is now `afteredit`. Check the API for details.
209 |     -   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.
210 | 
211 | 
212 | - **4.0+**: Breaking changes introduced. See the [migration guide](https://rv-grid.com/guide/migration). 
213 | 
214 | -   Redesigned type support:
215 |         - Removed deprecated namespaces:
216 |             - **Before**: `RevoGrid.ColumnRegular`
217 |             - **Now**: `ColumnRegular`;
218 |         - Improved type import:
219 |             - **Before**: `import { RevoGrid } from '@revolist/revogrid/dist/types/interfaces'`
220 |             - **Now**: `import { ColumnRegular } from '@revolist/revogrid'`.
221 |         - Changed viewport type names everywhere. For example, before: `rowDefinitions: [{ type: "row", index: 0, size: 145 }]`, after: `rowDefinitions: [{ type: "rgRow", index: 0, size: 145 }]`.
222 |     -   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`.
223 |     - Multiple event breaking changes introduced: beforerowrender now returns `BeforeRowRenderEvent`. Check all events for details.
224 | 
225 | -   **Major improvements**:
226 |     -   Rethought the entire framework approach. Introduced Pro version with advance support and pro features.
227 |     -   Introduced slot support.
228 |     -   Updated scrolling system for better mobile support.
229 |     -   Advance template support. Introduced `additionalData` for templates and editors. `Prop` gives access to parent/root app context.
230 |     -   Redesigned the documentation.
231 |     -   Fixed major issues and significantly improved overall performance, making the grid multiple time faster.
232 |     -   Enhanced plugin support - now with full access to grid providers.
233 |     -   Updated documentation.
234 |     -   Provided full framework support and native render for  Angular, React, Svelte and Vue.
235 |  
236 | -   **What next?**
237 |     -   Check our [Roadmap](https://github.com/users/revolist/projects/3)
238 | 
239 | 
240 | ## Our Sponsors
241 | 
242 | We would like to extend our heartfelt gratitude to our sponsors for their generous support. Their contributions help us maintain and develop RevoGrid.
243 | 
244 | [![Altruistiq](https://cdn.prod.website-files.com/62cd69e08130a1a33f5ef900/6310b4d500e971695db5e9c3_615b5db69ce8931a276e5ed2_Social_Icons_AQ_3_32x32.png)](https://altruistiq.com)
245 | 
246 | 
247 | ### Become a Sponsor
248 | 
249 | 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.
250 | 
251 | Thank you for supporting RevoGrid! 🙏
252 | 
253 | 
254 | ## Contributing
255 | 
256 | 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.
257 | 
258 | ### Why Contribute?
259 | 
260 | - **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.
261 | - **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.
262 | - **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. 
263 | 
264 | 
265 | ## License
266 | 
267 | MIT
268 | 
269 | ---
270 | 
271 | 


--------------------------------------------------------------------------------
/demo-v2.7/package-lock.json:
--------------------------------------------------------------------------------
   1 | {
   2 |   "name": "lib-test",
   3 |   "version": "4.11.12",
   4 |   "lockfileVersion": 3,
   5 |   "requires": true,
   6 |   "packages": {
   7 |     "": {
   8 |       "name": "lib-test",
   9 |       "version": "4.11.12",
  10 |       "dependencies": {
  11 |         "@stencil/core": "^4.18.1",
  12 |         "@vitejs/plugin-vue2": "^2.3.1",
  13 |         "vite": "^6.4.1",
  14 |         "vue": "^2.7.16"
  15 |       }
  16 |     },
  17 |     "node_modules/@babel/parser": {
  18 |       "version": "7.24.5",
  19 |       "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.5.tgz",
  20 |       "integrity": "sha512-EOv5IK8arwh3LI47dz1b0tKUb/1uhHAnHJOrjgtQMIpu1uXd9mlFrJg9IUgGUgZ41Ch0K8REPTYpO7B76b4vJg==",
  21 |       "bin": {
  22 |         "parser": "bin/babel-parser.js"
  23 |       },
  24 |       "engines": {
  25 |         "node": ">=6.0.0"
  26 |       }
  27 |     },
  28 |     "node_modules/@esbuild/aix-ppc64": {
  29 |       "version": "0.25.1",
  30 |       "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.1.tgz",
  31 |       "integrity": "sha512-kfYGy8IdzTGy+z0vFGvExZtxkFlA4zAxgKEahG9KE1ScBjpQnFsNOX8KTU5ojNru5ed5CVoJYXFtoxaq5nFbjQ==",
  32 |       "cpu": [
  33 |         "ppc64"
  34 |       ],
  35 |       "license": "MIT",
  36 |       "optional": true,
  37 |       "os": [
  38 |         "aix"
  39 |       ],
  40 |       "engines": {
  41 |         "node": ">=18"
  42 |       }
  43 |     },
  44 |     "node_modules/@esbuild/android-arm": {
  45 |       "version": "0.25.1",
  46 |       "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.1.tgz",
  47 |       "integrity": "sha512-dp+MshLYux6j/JjdqVLnMglQlFu+MuVeNrmT5nk6q07wNhCdSnB7QZj+7G8VMUGh1q+vj2Bq8kRsuyA00I/k+Q==",
  48 |       "cpu": [
  49 |         "arm"
  50 |       ],
  51 |       "license": "MIT",
  52 |       "optional": true,
  53 |       "os": [
  54 |         "android"
  55 |       ],
  56 |       "engines": {
  57 |         "node": ">=18"
  58 |       }
  59 |     },
  60 |     "node_modules/@esbuild/android-arm64": {
  61 |       "version": "0.25.1",
  62 |       "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.1.tgz",
  63 |       "integrity": "sha512-50tM0zCJW5kGqgG7fQ7IHvQOcAn9TKiVRuQ/lN0xR+T2lzEFvAi1ZcS8DiksFcEpf1t/GYOeOfCAgDHFpkiSmA==",
  64 |       "cpu": [
  65 |         "arm64"
  66 |       ],
  67 |       "license": "MIT",
  68 |       "optional": true,
  69 |       "os": [
  70 |         "android"
  71 |       ],
  72 |       "engines": {
  73 |         "node": ">=18"
  74 |       }
  75 |     },
  76 |     "node_modules/@esbuild/android-x64": {
  77 |       "version": "0.25.1",
  78 |       "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.1.tgz",
  79 |       "integrity": "sha512-GCj6WfUtNldqUzYkN/ITtlhwQqGWu9S45vUXs7EIYf+7rCiiqH9bCloatO9VhxsL0Pji+PF4Lz2XXCES+Q8hDw==",
  80 |       "cpu": [
  81 |         "x64"
  82 |       ],
  83 |       "license": "MIT",
  84 |       "optional": true,
  85 |       "os": [
  86 |         "android"
  87 |       ],
  88 |       "engines": {
  89 |         "node": ">=18"
  90 |       }
  91 |     },
  92 |     "node_modules/@esbuild/darwin-arm64": {
  93 |       "version": "0.25.1",
  94 |       "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.1.tgz",
  95 |       "integrity": "sha512-5hEZKPf+nQjYoSr/elb62U19/l1mZDdqidGfmFutVUjjUZrOazAtwK+Kr+3y0C/oeJfLlxo9fXb1w7L+P7E4FQ==",
  96 |       "cpu": [
  97 |         "arm64"
  98 |       ],
  99 |       "license": "MIT",
 100 |       "optional": true,
 101 |       "os": [
 102 |         "darwin"
 103 |       ],
 104 |       "engines": {
 105 |         "node": ">=18"
 106 |       }
 107 |     },
 108 |     "node_modules/@esbuild/darwin-x64": {
 109 |       "version": "0.25.1",
 110 |       "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.1.tgz",
 111 |       "integrity": "sha512-hxVnwL2Dqs3fM1IWq8Iezh0cX7ZGdVhbTfnOy5uURtao5OIVCEyj9xIzemDi7sRvKsuSdtCAhMKarxqtlyVyfA==",
 112 |       "cpu": [
 113 |         "x64"
 114 |       ],
 115 |       "license": "MIT",
 116 |       "optional": true,
 117 |       "os": [
 118 |         "darwin"
 119 |       ],
 120 |       "engines": {
 121 |         "node": ">=18"
 122 |       }
 123 |     },
 124 |     "node_modules/@esbuild/freebsd-arm64": {
 125 |       "version": "0.25.1",
 126 |       "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.1.tgz",
 127 |       "integrity": "sha512-1MrCZs0fZa2g8E+FUo2ipw6jw5qqQiH+tERoS5fAfKnRx6NXH31tXBKI3VpmLijLH6yriMZsxJtaXUyFt/8Y4A==",
 128 |       "cpu": [
 129 |         "arm64"
 130 |       ],
 131 |       "license": "MIT",
 132 |       "optional": true,
 133 |       "os": [
 134 |         "freebsd"
 135 |       ],
 136 |       "engines": {
 137 |         "node": ">=18"
 138 |       }
 139 |     },
 140 |     "node_modules/@esbuild/freebsd-x64": {
 141 |       "version": "0.25.1",
 142 |       "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.1.tgz",
 143 |       "integrity": "sha512-0IZWLiTyz7nm0xuIs0q1Y3QWJC52R8aSXxe40VUxm6BB1RNmkODtW6LHvWRrGiICulcX7ZvyH6h5fqdLu4gkww==",
 144 |       "cpu": [
 145 |         "x64"
 146 |       ],
 147 |       "license": "MIT",
 148 |       "optional": true,
 149 |       "os": [
 150 |         "freebsd"
 151 |       ],
 152 |       "engines": {
 153 |         "node": ">=18"
 154 |       }
 155 |     },
 156 |     "node_modules/@esbuild/linux-arm": {
 157 |       "version": "0.25.1",
 158 |       "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.1.tgz",
 159 |       "integrity": "sha512-NdKOhS4u7JhDKw9G3cY6sWqFcnLITn6SqivVArbzIaf3cemShqfLGHYMx8Xlm/lBit3/5d7kXvriTUGa5YViuQ==",
 160 |       "cpu": [
 161 |         "arm"
 162 |       ],
 163 |       "license": "MIT",
 164 |       "optional": true,
 165 |       "os": [
 166 |         "linux"
 167 |       ],
 168 |       "engines": {
 169 |         "node": ">=18"
 170 |       }
 171 |     },
 172 |     "node_modules/@esbuild/linux-arm64": {
 173 |       "version": "0.25.1",
 174 |       "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.1.tgz",
 175 |       "integrity": "sha512-jaN3dHi0/DDPelk0nLcXRm1q7DNJpjXy7yWaWvbfkPvI+7XNSc/lDOnCLN7gzsyzgu6qSAmgSvP9oXAhP973uQ==",
 176 |       "cpu": [
 177 |         "arm64"
 178 |       ],
 179 |       "license": "MIT",
 180 |       "optional": true,
 181 |       "os": [
 182 |         "linux"
 183 |       ],
 184 |       "engines": {
 185 |         "node": ">=18"
 186 |       }
 187 |     },
 188 |     "node_modules/@esbuild/linux-ia32": {
 189 |       "version": "0.25.1",
 190 |       "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.1.tgz",
 191 |       "integrity": "sha512-OJykPaF4v8JidKNGz8c/q1lBO44sQNUQtq1KktJXdBLn1hPod5rE/Hko5ugKKZd+D2+o1a9MFGUEIUwO2YfgkQ==",
 192 |       "cpu": [
 193 |         "ia32"
 194 |       ],
 195 |       "license": "MIT",
 196 |       "optional": true,
 197 |       "os": [
 198 |         "linux"
 199 |       ],
 200 |       "engines": {
 201 |         "node": ">=18"
 202 |       }
 203 |     },
 204 |     "node_modules/@esbuild/linux-loong64": {
 205 |       "version": "0.25.1",
 206 |       "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.1.tgz",
 207 |       "integrity": "sha512-nGfornQj4dzcq5Vp835oM/o21UMlXzn79KobKlcs3Wz9smwiifknLy4xDCLUU0BWp7b/houtdrgUz7nOGnfIYg==",
 208 |       "cpu": [
 209 |         "loong64"
 210 |       ],
 211 |       "license": "MIT",
 212 |       "optional": true,
 213 |       "os": [
 214 |         "linux"
 215 |       ],
 216 |       "engines": {
 217 |         "node": ">=18"
 218 |       }
 219 |     },
 220 |     "node_modules/@esbuild/linux-mips64el": {
 221 |       "version": "0.25.1",
 222 |       "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.1.tgz",
 223 |       "integrity": "sha512-1osBbPEFYwIE5IVB/0g2X6i1qInZa1aIoj1TdL4AaAb55xIIgbg8Doq6a5BzYWgr+tEcDzYH67XVnTmUzL+nXg==",
 224 |       "cpu": [
 225 |         "mips64el"
 226 |       ],
 227 |       "license": "MIT",
 228 |       "optional": true,
 229 |       "os": [
 230 |         "linux"
 231 |       ],
 232 |       "engines": {
 233 |         "node": ">=18"
 234 |       }
 235 |     },
 236 |     "node_modules/@esbuild/linux-ppc64": {
 237 |       "version": "0.25.1",
 238 |       "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.1.tgz",
 239 |       "integrity": "sha512-/6VBJOwUf3TdTvJZ82qF3tbLuWsscd7/1w+D9LH0W/SqUgM5/JJD0lrJ1fVIfZsqB6RFmLCe0Xz3fmZc3WtyVg==",
 240 |       "cpu": [
 241 |         "ppc64"
 242 |       ],
 243 |       "license": "MIT",
 244 |       "optional": true,
 245 |       "os": [
 246 |         "linux"
 247 |       ],
 248 |       "engines": {
 249 |         "node": ">=18"
 250 |       }
 251 |     },
 252 |     "node_modules/@esbuild/linux-riscv64": {
 253 |       "version": "0.25.1",
 254 |       "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.1.tgz",
 255 |       "integrity": "sha512-nSut/Mx5gnilhcq2yIMLMe3Wl4FK5wx/o0QuuCLMtmJn+WeWYoEGDN1ipcN72g1WHsnIbxGXd4i/MF0gTcuAjQ==",
 256 |       "cpu": [
 257 |         "riscv64"
 258 |       ],
 259 |       "license": "MIT",
 260 |       "optional": true,
 261 |       "os": [
 262 |         "linux"
 263 |       ],
 264 |       "engines": {
 265 |         "node": ">=18"
 266 |       }
 267 |     },
 268 |     "node_modules/@esbuild/linux-s390x": {
 269 |       "version": "0.25.1",
 270 |       "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.1.tgz",
 271 |       "integrity": "sha512-cEECeLlJNfT8kZHqLarDBQso9a27o2Zd2AQ8USAEoGtejOrCYHNtKP8XQhMDJMtthdF4GBmjR2au3x1udADQQQ==",
 272 |       "cpu": [
 273 |         "s390x"
 274 |       ],
 275 |       "license": "MIT",
 276 |       "optional": true,
 277 |       "os": [
 278 |         "linux"
 279 |       ],
 280 |       "engines": {
 281 |         "node": ">=18"
 282 |       }
 283 |     },
 284 |     "node_modules/@esbuild/linux-x64": {
 285 |       "version": "0.25.1",
 286 |       "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.1.tgz",
 287 |       "integrity": "sha512-xbfUhu/gnvSEg+EGovRc+kjBAkrvtk38RlerAzQxvMzlB4fXpCFCeUAYzJvrnhFtdeyVCDANSjJvOvGYoeKzFA==",
 288 |       "cpu": [
 289 |         "x64"
 290 |       ],
 291 |       "license": "MIT",
 292 |       "optional": true,
 293 |       "os": [
 294 |         "linux"
 295 |       ],
 296 |       "engines": {
 297 |         "node": ">=18"
 298 |       }
 299 |     },
 300 |     "node_modules/@esbuild/netbsd-arm64": {
 301 |       "version": "0.25.1",
 302 |       "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.1.tgz",
 303 |       "integrity": "sha512-O96poM2XGhLtpTh+s4+nP7YCCAfb4tJNRVZHfIE7dgmax+yMP2WgMd2OecBuaATHKTHsLWHQeuaxMRnCsH8+5g==",
 304 |       "cpu": [
 305 |         "arm64"
 306 |       ],
 307 |       "license": "MIT",
 308 |       "optional": true,
 309 |       "os": [
 310 |         "netbsd"
 311 |       ],
 312 |       "engines": {
 313 |         "node": ">=18"
 314 |       }
 315 |     },
 316 |     "node_modules/@esbuild/netbsd-x64": {
 317 |       "version": "0.25.1",
 318 |       "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.1.tgz",
 319 |       "integrity": "sha512-X53z6uXip6KFXBQ+Krbx25XHV/NCbzryM6ehOAeAil7X7oa4XIq+394PWGnwaSQ2WRA0KI6PUO6hTO5zeF5ijA==",
 320 |       "cpu": [
 321 |         "x64"
 322 |       ],
 323 |       "license": "MIT",
 324 |       "optional": true,
 325 |       "os": [
 326 |         "netbsd"
 327 |       ],
 328 |       "engines": {
 329 |         "node": ">=18"
 330 |       }
 331 |     },
 332 |     "node_modules/@esbuild/openbsd-arm64": {
 333 |       "version": "0.25.1",
 334 |       "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.1.tgz",
 335 |       "integrity": "sha512-Na9T3szbXezdzM/Kfs3GcRQNjHzM6GzFBeU1/6IV/npKP5ORtp9zbQjvkDJ47s6BCgaAZnnnu/cY1x342+MvZg==",
 336 |       "cpu": [
 337 |         "arm64"
 338 |       ],
 339 |       "license": "MIT",
 340 |       "optional": true,
 341 |       "os": [
 342 |         "openbsd"
 343 |       ],
 344 |       "engines": {
 345 |         "node": ">=18"
 346 |       }
 347 |     },
 348 |     "node_modules/@esbuild/openbsd-x64": {
 349 |       "version": "0.25.1",
 350 |       "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.1.tgz",
 351 |       "integrity": "sha512-T3H78X2h1tszfRSf+txbt5aOp/e7TAz3ptVKu9Oyir3IAOFPGV6O9c2naym5TOriy1l0nNf6a4X5UXRZSGX/dw==",
 352 |       "cpu": [
 353 |         "x64"
 354 |       ],
 355 |       "license": "MIT",
 356 |       "optional": true,
 357 |       "os": [
 358 |         "openbsd"
 359 |       ],
 360 |       "engines": {
 361 |         "node": ">=18"
 362 |       }
 363 |     },
 364 |     "node_modules/@esbuild/sunos-x64": {
 365 |       "version": "0.25.1",
 366 |       "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.1.tgz",
 367 |       "integrity": "sha512-2H3RUvcmULO7dIE5EWJH8eubZAI4xw54H1ilJnRNZdeo8dTADEZ21w6J22XBkXqGJbe0+wnNJtw3UXRoLJnFEg==",
 368 |       "cpu": [
 369 |         "x64"
 370 |       ],
 371 |       "license": "MIT",
 372 |       "optional": true,
 373 |       "os": [
 374 |         "sunos"
 375 |       ],
 376 |       "engines": {
 377 |         "node": ">=18"
 378 |       }
 379 |     },
 380 |     "node_modules/@esbuild/win32-arm64": {
 381 |       "version": "0.25.1",
 382 |       "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.1.tgz",
 383 |       "integrity": "sha512-GE7XvrdOzrb+yVKB9KsRMq+7a2U/K5Cf/8grVFRAGJmfADr/e/ODQ134RK2/eeHqYV5eQRFxb1hY7Nr15fv1NQ==",
 384 |       "cpu": [
 385 |         "arm64"
 386 |       ],
 387 |       "license": "MIT",
 388 |       "optional": true,
 389 |       "os": [
 390 |         "win32"
 391 |       ],
 392 |       "engines": {
 393 |         "node": ">=18"
 394 |       }
 395 |     },
 396 |     "node_modules/@esbuild/win32-ia32": {
 397 |       "version": "0.25.1",
 398 |       "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.1.tgz",
 399 |       "integrity": "sha512-uOxSJCIcavSiT6UnBhBzE8wy3n0hOkJsBOzy7HDAuTDE++1DJMRRVCPGisULScHL+a/ZwdXPpXD3IyFKjA7K8A==",
 400 |       "cpu": [
 401 |         "ia32"
 402 |       ],
 403 |       "license": "MIT",
 404 |       "optional": true,
 405 |       "os": [
 406 |         "win32"
 407 |       ],
 408 |       "engines": {
 409 |         "node": ">=18"
 410 |       }
 411 |     },
 412 |     "node_modules/@esbuild/win32-x64": {
 413 |       "version": "0.25.1",
 414 |       "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.1.tgz",
 415 |       "integrity": "sha512-Y1EQdcfwMSeQN/ujR5VayLOJ1BHaK+ssyk0AEzPjC+t1lITgsnccPqFjb6V+LsTp/9Iov4ysfjxLaGJ9RPtkVg==",
 416 |       "cpu": [
 417 |         "x64"
 418 |       ],
 419 |       "license": "MIT",
 420 |       "optional": true,
 421 |       "os": [
 422 |         "win32"
 423 |       ],
 424 |       "engines": {
 425 |         "node": ">=18"
 426 |       }
 427 |     },
 428 |     "node_modules/@rollup/rollup-android-arm-eabi": {
 429 |       "version": "4.37.0",
 430 |       "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.37.0.tgz",
 431 |       "integrity": "sha512-l7StVw6WAa8l3vA1ov80jyetOAEo1FtHvZDbzXDO/02Sq/QVvqlHkYoFwDJPIMj0GKiistsBudfx5tGFnwYWDQ==",
 432 |       "cpu": [
 433 |         "arm"
 434 |       ],
 435 |       "license": "MIT",
 436 |       "optional": true,
 437 |       "os": [
 438 |         "android"
 439 |       ]
 440 |     },
 441 |     "node_modules/@rollup/rollup-android-arm64": {
 442 |       "version": "4.37.0",
 443 |       "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.37.0.tgz",
 444 |       "integrity": "sha512-6U3SlVyMxezt8Y+/iEBcbp945uZjJwjZimu76xoG7tO1av9VO691z8PkhzQ85ith2I8R2RddEPeSfcbyPfD4hA==",
 445 |       "cpu": [
 446 |         "arm64"
 447 |       ],
 448 |       "license": "MIT",
 449 |       "optional": true,
 450 |       "os": [
 451 |         "android"
 452 |       ]
 453 |     },
 454 |     "node_modules/@rollup/rollup-darwin-arm64": {
 455 |       "version": "4.37.0",
 456 |       "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.37.0.tgz",
 457 |       "integrity": "sha512-+iTQ5YHuGmPt10NTzEyMPbayiNTcOZDWsbxZYR1ZnmLnZxG17ivrPSWFO9j6GalY0+gV3Jtwrrs12DBscxnlYA==",
 458 |       "cpu": [
 459 |         "arm64"
 460 |       ],
 461 |       "license": "MIT",
 462 |       "optional": true,
 463 |       "os": [
 464 |         "darwin"
 465 |       ]
 466 |     },
 467 |     "node_modules/@rollup/rollup-darwin-x64": {
 468 |       "version": "4.37.0",
 469 |       "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.37.0.tgz",
 470 |       "integrity": "sha512-m8W2UbxLDcmRKVjgl5J/k4B8d7qX2EcJve3Sut7YGrQoPtCIQGPH5AMzuFvYRWZi0FVS0zEY4c8uttPfX6bwYQ==",
 471 |       "cpu": [
 472 |         "x64"
 473 |       ],
 474 |       "license": "MIT",
 475 |       "optional": true,
 476 |       "os": [
 477 |         "darwin"
 478 |       ]
 479 |     },
 480 |     "node_modules/@rollup/rollup-freebsd-arm64": {
 481 |       "version": "4.37.0",
 482 |       "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.37.0.tgz",
 483 |       "integrity": "sha512-FOMXGmH15OmtQWEt174v9P1JqqhlgYge/bUjIbiVD1nI1NeJ30HYT9SJlZMqdo1uQFyt9cz748F1BHghWaDnVA==",
 484 |       "cpu": [
 485 |         "arm64"
 486 |       ],
 487 |       "license": "MIT",
 488 |       "optional": true,
 489 |       "os": [
 490 |         "freebsd"
 491 |       ]
 492 |     },
 493 |     "node_modules/@rollup/rollup-freebsd-x64": {
 494 |       "version": "4.37.0",
 495 |       "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.37.0.tgz",
 496 |       "integrity": "sha512-SZMxNttjPKvV14Hjck5t70xS3l63sbVwl98g3FlVVx2YIDmfUIy29jQrsw06ewEYQ8lQSuY9mpAPlmgRD2iSsA==",
 497 |       "cpu": [
 498 |         "x64"
 499 |       ],
 500 |       "license": "MIT",
 501 |       "optional": true,
 502 |       "os": [
 503 |         "freebsd"
 504 |       ]
 505 |     },
 506 |     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
 507 |       "version": "4.37.0",
 508 |       "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.37.0.tgz",
 509 |       "integrity": "sha512-hhAALKJPidCwZcj+g+iN+38SIOkhK2a9bqtJR+EtyxrKKSt1ynCBeqrQy31z0oWU6thRZzdx53hVgEbRkuI19w==",
 510 |       "cpu": [
 511 |         "arm"
 512 |       ],
 513 |       "license": "MIT",
 514 |       "optional": true,
 515 |       "os": [
 516 |         "linux"
 517 |       ]
 518 |     },
 519 |     "node_modules/@rollup/rollup-linux-arm-musleabihf": {
 520 |       "version": "4.37.0",
 521 |       "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.37.0.tgz",
 522 |       "integrity": "sha512-jUb/kmn/Gd8epbHKEqkRAxq5c2EwRt0DqhSGWjPFxLeFvldFdHQs/n8lQ9x85oAeVb6bHcS8irhTJX2FCOd8Ag==",
 523 |       "cpu": [
 524 |         "arm"
 525 |       ],
 526 |       "license": "MIT",
 527 |       "optional": true,
 528 |       "os": [
 529 |         "linux"
 530 |       ]
 531 |     },
 532 |     "node_modules/@rollup/rollup-linux-arm64-gnu": {
 533 |       "version": "4.37.0",
 534 |       "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.37.0.tgz",
 535 |       "integrity": "sha512-oNrJxcQT9IcbcmKlkF+Yz2tmOxZgG9D9GRq+1OE6XCQwCVwxixYAa38Z8qqPzQvzt1FCfmrHX03E0pWoXm1DqA==",
 536 |       "cpu": [
 537 |         "arm64"
 538 |       ],
 539 |       "license": "MIT",
 540 |       "optional": true,
 541 |       "os": [
 542 |         "linux"
 543 |       ]
 544 |     },
 545 |     "node_modules/@rollup/rollup-linux-arm64-musl": {
 546 |       "version": "4.37.0",
 547 |       "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.37.0.tgz",
 548 |       "integrity": "sha512-pfxLBMls+28Ey2enpX3JvjEjaJMBX5XlPCZNGxj4kdJyHduPBXtxYeb8alo0a7bqOoWZW2uKynhHxF/MWoHaGQ==",
 549 |       "cpu": [
 550 |         "arm64"
 551 |       ],
 552 |       "license": "MIT",
 553 |       "optional": true,
 554 |       "os": [
 555 |         "linux"
 556 |       ]
 557 |     },
 558 |     "node_modules/@rollup/rollup-linux-loongarch64-gnu": {
 559 |       "version": "4.37.0",
 560 |       "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.37.0.tgz",
 561 |       "integrity": "sha512-yCE0NnutTC/7IGUq/PUHmoeZbIwq3KRh02e9SfFh7Vmc1Z7atuJRYWhRME5fKgT8aS20mwi1RyChA23qSyRGpA==",
 562 |       "cpu": [
 563 |         "loong64"
 564 |       ],
 565 |       "license": "MIT",
 566 |       "optional": true,
 567 |       "os": [
 568 |         "linux"
 569 |       ]
 570 |     },
 571 |     "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
 572 |       "version": "4.37.0",
 573 |       "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.37.0.tgz",
 574 |       "integrity": "sha512-NxcICptHk06E2Lh3a4Pu+2PEdZ6ahNHuK7o6Np9zcWkrBMuv21j10SQDJW3C9Yf/A/P7cutWoC/DptNLVsZ0VQ==",
 575 |       "cpu": [
 576 |         "ppc64"
 577 |       ],
 578 |       "license": "MIT",
 579 |       "optional": true,
 580 |       "os": [
 581 |         "linux"
 582 |       ]
 583 |     },
 584 |     "node_modules/@rollup/rollup-linux-riscv64-gnu": {
 585 |       "version": "4.37.0",
 586 |       "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.37.0.tgz",
 587 |       "integrity": "sha512-PpWwHMPCVpFZLTfLq7EWJWvrmEuLdGn1GMYcm5MV7PaRgwCEYJAwiN94uBuZev0/J/hFIIJCsYw4nLmXA9J7Pw==",
 588 |       "cpu": [
 589 |         "riscv64"
 590 |       ],
 591 |       "license": "MIT",
 592 |       "optional": true,
 593 |       "os": [
 594 |         "linux"
 595 |       ]
 596 |     },
 597 |     "node_modules/@rollup/rollup-linux-riscv64-musl": {
 598 |       "version": "4.37.0",
 599 |       "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.37.0.tgz",
 600 |       "integrity": "sha512-DTNwl6a3CfhGTAOYZ4KtYbdS8b+275LSLqJVJIrPa5/JuIufWWZ/QFvkxp52gpmguN95eujrM68ZG+zVxa8zHA==",
 601 |       "cpu": [
 602 |         "riscv64"
 603 |       ],
 604 |       "license": "MIT",
 605 |       "optional": true,
 606 |       "os": [
 607 |         "linux"
 608 |       ]
 609 |     },
 610 |     "node_modules/@rollup/rollup-linux-s390x-gnu": {
 611 |       "version": "4.37.0",
 612 |       "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.37.0.tgz",
 613 |       "integrity": "sha512-hZDDU5fgWvDdHFuExN1gBOhCuzo/8TMpidfOR+1cPZJflcEzXdCy1LjnklQdW8/Et9sryOPJAKAQRw8Jq7Tg+A==",
 614 |       "cpu": [
 615 |         "s390x"
 616 |       ],
 617 |       "license": "MIT",
 618 |       "optional": true,
 619 |       "os": [
 620 |         "linux"
 621 |       ]
 622 |     },
 623 |     "node_modules/@rollup/rollup-linux-x64-gnu": {
 624 |       "version": "4.37.0",
 625 |       "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.37.0.tgz",
 626 |       "integrity": "sha512-pKivGpgJM5g8dwj0ywBwe/HeVAUSuVVJhUTa/URXjxvoyTT/AxsLTAbkHkDHG7qQxLoW2s3apEIl26uUe08LVQ==",
 627 |       "cpu": [
 628 |         "x64"
 629 |       ],
 630 |       "license": "MIT",
 631 |       "optional": true,
 632 |       "os": [
 633 |         "linux"
 634 |       ]
 635 |     },
 636 |     "node_modules/@rollup/rollup-linux-x64-musl": {
 637 |       "version": "4.37.0",
 638 |       "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.37.0.tgz",
 639 |       "integrity": "sha512-E2lPrLKE8sQbY/2bEkVTGDEk4/49UYRVWgj90MY8yPjpnGBQ+Xi1Qnr7b7UIWw1NOggdFQFOLZ8+5CzCiz143w==",
 640 |       "cpu": [
 641 |         "x64"
 642 |       ],
 643 |       "license": "MIT",
 644 |       "optional": true,
 645 |       "os": [
 646 |         "linux"
 647 |       ]
 648 |     },
 649 |     "node_modules/@rollup/rollup-win32-arm64-msvc": {
 650 |       "version": "4.37.0",
 651 |       "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.37.0.tgz",
 652 |       "integrity": "sha512-Jm7biMazjNzTU4PrQtr7VS8ibeys9Pn29/1bm4ph7CP2kf21950LgN+BaE2mJ1QujnvOc6p54eWWiVvn05SOBg==",
 653 |       "cpu": [
 654 |         "arm64"
 655 |       ],
 656 |       "license": "MIT",
 657 |       "optional": true,
 658 |       "os": [
 659 |         "win32"
 660 |       ]
 661 |     },
 662 |     "node_modules/@rollup/rollup-win32-ia32-msvc": {
 663 |       "version": "4.37.0",
 664 |       "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.37.0.tgz",
 665 |       "integrity": "sha512-e3/1SFm1OjefWICB2Ucstg2dxYDkDTZGDYgwufcbsxTHyqQps1UQf33dFEChBNmeSsTOyrjw2JJq0zbG5GF6RA==",
 666 |       "cpu": [
 667 |         "ia32"
 668 |       ],
 669 |       "license": "MIT",
 670 |       "optional": true,
 671 |       "os": [
 672 |         "win32"
 673 |       ]
 674 |     },
 675 |     "node_modules/@rollup/rollup-win32-x64-msvc": {
 676 |       "version": "4.37.0",
 677 |       "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.37.0.tgz",
 678 |       "integrity": "sha512-LWbXUBwn/bcLx2sSsqy7pK5o+Nr+VCoRoAohfJ5C/aBio9nfJmGQqHAhU6pwxV/RmyTk5AqdySma7uwWGlmeuA==",
 679 |       "cpu": [
 680 |         "x64"
 681 |       ],
 682 |       "license": "MIT",
 683 |       "optional": true,
 684 |       "os": [
 685 |         "win32"
 686 |       ]
 687 |     },
 688 |     "node_modules/@stencil/core": {
 689 |       "version": "4.18.1",
 690 |       "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.18.1.tgz",
 691 |       "integrity": "sha512-WoRctLuXqoiLquS4EEvMoyLsbQ5+xuk8wp0+n4mYjoAoXy8NppXmMqKrMlFyYXL/zUI5ODS7U7IcLCpZ3IcKZQ==",
 692 |       "bin": {
 693 |         "stencil": "bin/stencil"
 694 |       },
 695 |       "engines": {
 696 |         "node": ">=16.0.0",
 697 |         "npm": ">=7.10.0"
 698 |       }
 699 |     },
 700 |     "node_modules/@types/estree": {
 701 |       "version": "1.0.6",
 702 |       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
 703 |       "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==",
 704 |       "license": "MIT"
 705 |     },
 706 |     "node_modules/@vitejs/plugin-vue2": {
 707 |       "version": "2.3.1",
 708 |       "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue2/-/plugin-vue2-2.3.1.tgz",
 709 |       "integrity": "sha512-/ksaaz2SRLN11JQhLdEUhDzOn909WEk99q9t9w+N12GjQCljzv7GyvAbD/p20aBUjHkvpGOoQ+FCOkG+mjDF4A==",
 710 |       "engines": {
 711 |         "node": "^14.18.0 || >= 16.0.0"
 712 |       },
 713 |       "peerDependencies": {
 714 |         "vite": "^3.0.0 || ^4.0.0 || ^5.0.0",
 715 |         "vue": "^2.7.0-0"
 716 |       }
 717 |     },
 718 |     "node_modules/@vue/compiler-sfc": {
 719 |       "version": "2.7.16",
 720 |       "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.16.tgz",
 721 |       "integrity": "sha512-KWhJ9k5nXuNtygPU7+t1rX6baZeqOYLEforUPjgNDBnLicfHCoi48H87Q8XyLZOrNNsmhuwKqtpDQWjEFe6Ekg==",
 722 |       "dependencies": {
 723 |         "@babel/parser": "^7.23.5",
 724 |         "postcss": "^8.4.14",
 725 |         "source-map": "^0.6.1"
 726 |       },
 727 |       "optionalDependencies": {
 728 |         "prettier": "^1.18.2 || ^2.0.0"
 729 |       }
 730 |     },
 731 |     "node_modules/csstype": {
 732 |       "version": "3.1.3",
 733 |       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
 734 |       "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
 735 |     },
 736 |     "node_modules/esbuild": {
 737 |       "version": "0.25.1",
 738 |       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.1.tgz",
 739 |       "integrity": "sha512-BGO5LtrGC7vxnqucAe/rmvKdJllfGaYWdyABvyMoXQlfYMb2bbRuReWR5tEGE//4LcNJj9XrkovTqNYRFZHAMQ==",
 740 |       "hasInstallScript": true,
 741 |       "license": "MIT",
 742 |       "bin": {
 743 |         "esbuild": "bin/esbuild"
 744 |       },
 745 |       "engines": {
 746 |         "node": ">=18"
 747 |       },
 748 |       "optionalDependencies": {
 749 |         "@esbuild/aix-ppc64": "0.25.1",
 750 |         "@esbuild/android-arm": "0.25.1",
 751 |         "@esbuild/android-arm64": "0.25.1",
 752 |         "@esbuild/android-x64": "0.25.1",
 753 |         "@esbuild/darwin-arm64": "0.25.1",
 754 |         "@esbuild/darwin-x64": "0.25.1",
 755 |         "@esbuild/freebsd-arm64": "0.25.1",
 756 |         "@esbuild/freebsd-x64": "0.25.1",
 757 |         "@esbuild/linux-arm": "0.25.1",
 758 |         "@esbuild/linux-arm64": "0.25.1",
 759 |         "@esbuild/linux-ia32": "0.25.1",
 760 |         "@esbuild/linux-loong64": "0.25.1",
 761 |         "@esbuild/linux-mips64el": "0.25.1",
 762 |         "@esbuild/linux-ppc64": "0.25.1",
 763 |         "@esbuild/linux-riscv64": "0.25.1",
 764 |         "@esbuild/linux-s390x": "0.25.1",
 765 |         "@esbuild/linux-x64": "0.25.1",
 766 |         "@esbuild/netbsd-arm64": "0.25.1",
 767 |         "@esbuild/netbsd-x64": "0.25.1",
 768 |         "@esbuild/openbsd-arm64": "0.25.1",
 769 |         "@esbuild/openbsd-x64": "0.25.1",
 770 |         "@esbuild/sunos-x64": "0.25.1",
 771 |         "@esbuild/win32-arm64": "0.25.1",
 772 |         "@esbuild/win32-ia32": "0.25.1",
 773 |         "@esbuild/win32-x64": "0.25.1"
 774 |       }
 775 |     },
 776 |     "node_modules/fdir": {
 777 |       "version": "6.5.0",
 778 |       "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
 779 |       "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
 780 |       "license": "MIT",
 781 |       "engines": {
 782 |         "node": ">=12.0.0"
 783 |       },
 784 |       "peerDependencies": {
 785 |         "picomatch": "^3 || ^4"
 786 |       },
 787 |       "peerDependenciesMeta": {
 788 |         "picomatch": {
 789 |           "optional": true
 790 |         }
 791 |       }
 792 |     },
 793 |     "node_modules/fsevents": {
 794 |       "version": "2.3.3",
 795 |       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
 796 |       "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
 797 |       "hasInstallScript": true,
 798 |       "license": "MIT",
 799 |       "optional": true,
 800 |       "os": [
 801 |         "darwin"
 802 |       ],
 803 |       "engines": {
 804 |         "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
 805 |       }
 806 |     },
 807 |     "node_modules/nanoid": {
 808 |       "version": "3.3.11",
 809 |       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
 810 |       "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
 811 |       "funding": [
 812 |         {
 813 |           "type": "github",
 814 |           "url": "https://github.com/sponsors/ai"
 815 |         }
 816 |       ],
 817 |       "license": "MIT",
 818 |       "bin": {
 819 |         "nanoid": "bin/nanoid.cjs"
 820 |       },
 821 |       "engines": {
 822 |         "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
 823 |       }
 824 |     },
 825 |     "node_modules/picocolors": {
 826 |       "version": "1.1.1",
 827 |       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
 828 |       "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
 829 |       "license": "ISC"
 830 |     },
 831 |     "node_modules/picomatch": {
 832 |       "version": "4.0.3",
 833 |       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
 834 |       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
 835 |       "license": "MIT",
 836 |       "engines": {
 837 |         "node": ">=12"
 838 |       },
 839 |       "funding": {
 840 |         "url": "https://github.com/sponsors/jonschlinkert"
 841 |       }
 842 |     },
 843 |     "node_modules/postcss": {
 844 |       "version": "8.5.3",
 845 |       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.3.tgz",
 846 |       "integrity": "sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==",
 847 |       "funding": [
 848 |         {
 849 |           "type": "opencollective",
 850 |           "url": "https://opencollective.com/postcss/"
 851 |         },
 852 |         {
 853 |           "type": "tidelift",
 854 |           "url": "https://tidelift.com/funding/github/npm/postcss"
 855 |         },
 856 |         {
 857 |           "type": "github",
 858 |           "url": "https://github.com/sponsors/ai"
 859 |         }
 860 |       ],
 861 |       "license": "MIT",
 862 |       "dependencies": {
 863 |         "nanoid": "^3.3.8",
 864 |         "picocolors": "^1.1.1",
 865 |         "source-map-js": "^1.2.1"
 866 |       },
 867 |       "engines": {
 868 |         "node": "^10 || ^12 || >=14"
 869 |       }
 870 |     },
 871 |     "node_modules/prettier": {
 872 |       "version": "2.8.8",
 873 |       "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
 874 |       "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
 875 |       "optional": true,
 876 |       "bin": {
 877 |         "prettier": "bin-prettier.js"
 878 |       },
 879 |       "engines": {
 880 |         "node": ">=10.13.0"
 881 |       },
 882 |       "funding": {
 883 |         "url": "https://github.com/prettier/prettier?sponsor=1"
 884 |       }
 885 |     },
 886 |     "node_modules/rollup": {
 887 |       "version": "4.37.0",
 888 |       "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.37.0.tgz",
 889 |       "integrity": "sha512-iAtQy/L4QFU+rTJ1YUjXqJOJzuwEghqWzCEYD2FEghT7Gsy1VdABntrO4CLopA5IkflTyqNiLNwPcOJ3S7UKLg==",
 890 |       "license": "MIT",
 891 |       "dependencies": {
 892 |         "@types/estree": "1.0.6"
 893 |       },
 894 |       "bin": {
 895 |         "rollup": "dist/bin/rollup"
 896 |       },
 897 |       "engines": {
 898 |         "node": ">=18.0.0",
 899 |         "npm": ">=8.0.0"
 900 |       },
 901 |       "optionalDependencies": {
 902 |         "@rollup/rollup-android-arm-eabi": "4.37.0",
 903 |         "@rollup/rollup-android-arm64": "4.37.0",
 904 |         "@rollup/rollup-darwin-arm64": "4.37.0",
 905 |         "@rollup/rollup-darwin-x64": "4.37.0",
 906 |         "@rollup/rollup-freebsd-arm64": "4.37.0",
 907 |         "@rollup/rollup-freebsd-x64": "4.37.0",
 908 |         "@rollup/rollup-linux-arm-gnueabihf": "4.37.0",
 909 |         "@rollup/rollup-linux-arm-musleabihf": "4.37.0",
 910 |         "@rollup/rollup-linux-arm64-gnu": "4.37.0",
 911 |         "@rollup/rollup-linux-arm64-musl": "4.37.0",
 912 |         "@rollup/rollup-linux-loongarch64-gnu": "4.37.0",
 913 |         "@rollup/rollup-linux-powerpc64le-gnu": "4.37.0",
 914 |         "@rollup/rollup-linux-riscv64-gnu": "4.37.0",
 915 |         "@rollup/rollup-linux-riscv64-musl": "4.37.0",
 916 |         "@rollup/rollup-linux-s390x-gnu": "4.37.0",
 917 |         "@rollup/rollup-linux-x64-gnu": "4.37.0",
 918 |         "@rollup/rollup-linux-x64-musl": "4.37.0",
 919 |         "@rollup/rollup-win32-arm64-msvc": "4.37.0",
 920 |         "@rollup/rollup-win32-ia32-msvc": "4.37.0",
 921 |         "@rollup/rollup-win32-x64-msvc": "4.37.0",
 922 |         "fsevents": "~2.3.2"
 923 |       }
 924 |     },
 925 |     "node_modules/source-map": {
 926 |       "version": "0.6.1",
 927 |       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
 928 |       "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
 929 |       "engines": {
 930 |         "node": ">=0.10.0"
 931 |       }
 932 |     },
 933 |     "node_modules/source-map-js": {
 934 |       "version": "1.2.1",
 935 |       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
 936 |       "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
 937 |       "engines": {
 938 |         "node": ">=0.10.0"
 939 |       }
 940 |     },
 941 |     "node_modules/tinyglobby": {
 942 |       "version": "0.2.15",
 943 |       "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
 944 |       "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
 945 |       "license": "MIT",
 946 |       "dependencies": {
 947 |         "fdir": "^6.5.0",
 948 |         "picomatch": "^4.0.3"
 949 |       },
 950 |       "engines": {
 951 |         "node": ">=12.0.0"
 952 |       },
 953 |       "funding": {
 954 |         "url": "https://github.com/sponsors/SuperchupuDev"
 955 |       }
 956 |     },
 957 |     "node_modules/vite": {
 958 |       "version": "6.4.1",
 959 |       "resolved": "https://registry.npmjs.org/vite/-/vite-6.4.1.tgz",
 960 |       "integrity": "sha512-+Oxm7q9hDoLMyJOYfUYBuHQo+dkAloi33apOPP56pzj+vsdJDzr+j1NISE5pyaAuKL4A3UD34qd0lx5+kfKp2g==",
 961 |       "license": "MIT",
 962 |       "dependencies": {
 963 |         "esbuild": "^0.25.0",
 964 |         "fdir": "^6.4.4",
 965 |         "picomatch": "^4.0.2",
 966 |         "postcss": "^8.5.3",
 967 |         "rollup": "^4.34.9",
 968 |         "tinyglobby": "^0.2.13"
 969 |       },
 970 |       "bin": {
 971 |         "vite": "bin/vite.js"
 972 |       },
 973 |       "engines": {
 974 |         "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
 975 |       },
 976 |       "funding": {
 977 |         "url": "https://github.com/vitejs/vite?sponsor=1"
 978 |       },
 979 |       "optionalDependencies": {
 980 |         "fsevents": "~2.3.3"
 981 |       },
 982 |       "peerDependencies": {
 983 |         "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
 984 |         "jiti": ">=1.21.0",
 985 |         "less": "*",
 986 |         "lightningcss": "^1.21.0",
 987 |         "sass": "*",
 988 |         "sass-embedded": "*",
 989 |         "stylus": "*",
 990 |         "sugarss": "*",
 991 |         "terser": "^5.16.0",
 992 |         "tsx": "^4.8.1",
 993 |         "yaml": "^2.4.2"
 994 |       },
 995 |       "peerDependenciesMeta": {
 996 |         "@types/node": {
 997 |           "optional": true
 998 |         },
 999 |         "jiti": {
1000 |           "optional": true
1001 |         },
1002 |         "less": {
1003 |           "optional": true
1004 |         },
1005 |         "lightningcss": {
1006 |           "optional": true
1007 |         },
1008 |         "sass": {
1009 |           "optional": true
1010 |         },
1011 |         "sass-embedded": {
1012 |           "optional": true
1013 |         },
1014 |         "stylus": {
1015 |           "optional": true
1016 |         },
1017 |         "sugarss": {
1018 |           "optional": true
1019 |         },
1020 |         "terser": {
1021 |           "optional": true
1022 |         },
1023 |         "tsx": {
1024 |           "optional": true
1025 |         },
1026 |         "yaml": {
1027 |           "optional": true
1028 |         }
1029 |       }
1030 |     },
1031 |     "node_modules/vue": {
1032 |       "version": "2.7.16",
1033 |       "resolved": "https://registry.npmjs.org/vue/-/vue-2.7.16.tgz",
1034 |       "integrity": "sha512-4gCtFXaAA3zYZdTp5s4Hl2sozuySsgz4jy1EnpBHNfpMa9dK1ZCG7viqBPCwXtmgc8nHqUsAu3G4gtmXkkY3Sw==",
1035 |       "deprecated": "Vue 2 has reached EOL and is no longer actively maintained. See https://v2.vuejs.org/eol/ for more details.",
1036 |       "dependencies": {
1037 |         "@vue/compiler-sfc": "2.7.16",
1038 |         "csstype": "^3.1.0"
1039 |       }
1040 |     }
1041 |   }
1042 | }
1043 | 


--------------------------------------------------------------------------------