@revolist/vue3-datagrid 4.0.0-next.1 → 4.0.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2020 Revolist
+Copyright (c) 2024 Revolist
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/index.d.ts

@@ -1,13 +1,59 @@
-import { App } from "vue";
-export declare const VGrid: (props: import("@revolist/revogrid/dist/types/components").JSX.RevoGrid & import("./vue-component-lib/utils").InputProps<string | number | boolean> & {}) => any;
-export declare const VGridPlugin: {
-    install(app: App): void;
-};
-export declare const VGridVueTemplate: (vueConstructor: import("vue").DefineComponent, customProps?: any) => (h: import("@revolist/revogrid").HyperFunc<import("@revolist/revogrid").VNode>, p: import("@revolist/revogrid").ColumnDataSchemaModel, addition?: any) => JSX.Element;
-export declare const VGridVueTemplateConstructor: (vueConstructor: import("vue").DefineComponent, el: import("./vue-template").VueElement, p: Record<string, any>, appContext: any, addition?: any) => {
-    vueInstance: any;
-    destroy: () => void;
-    el: import("./vue-template").VueElement;
-};
-export declare const VGridVueEditor: (vueConstructor: any) => (column: import("@revolist/revogrid").ColumnDataSchemaModel, save: Function, close: Function) => import("./vue-editor-adapter").default;
-export default VGrid;
+import { ColumnDataSchemaModel } from '@revolist/revogrid';
+import { ComponentInternalInstance } from 'vue';
+import { ComponentPublicInstance } from 'vue';
+import { DefineComponent } from 'vue';
+import { DefineSetupFnComponent } from 'vue';
+import { EditorCtr } from '@revolist/revogrid';
+import { HyperFunc } from '@revolist/revogrid';
+import { JSX as JSX_2 } from '@revolist/revogrid';
+import { PublicProps } from 'vue';
+import { VNode } from '@revolist/revogrid';
+
+declare interface InputProps<T> {
+    modelValue?: T;
+}
+
+declare const VGrid: DefineSetupFnComponent<JSX_2.RevoGrid & InputProps<string | number | boolean>, {}, {}, JSX_2.RevoGrid & InputProps<string | number | boolean> & {}, PublicProps>;
+export { VGrid }
+export default VGrid;
+
+/**
+ * Create editor constructor.
+ * This function creates editor constructor by wrapping it with VueEditorAdapter
+ * which is responsible for connecting editor with Vue lifecycle events
+ * @param vueConstructor editor Vue constructor
+ * @returns editor constructor
+ */
+export declare const VGridVueEditor: (vueConstructor: any) => EditorCtr;
+
+/**
+ * Render Vue component in Grid column template.
+ */
+export declare const VGridVueTemplate: (vueConstructor: DefineComponent<any, any, any, any>, customProps?: any) => (h: HyperFunc<VNode>, p: ColumnDataSchemaModel, addition?: any) => JSX.Element;
+
+/**
+ * Convert Vue component to VNode and render it into HTMLElement.
+ *
+ * @param vueConstructor Vue component constructor
+ * @param el HTMLElement where VNode will be rendered
+ * @param p Props to pass to component
+ * @param vueInstance Vue 3 app instance
+ * @param lastEl Previous rendered VNode or null
+ * @returns Vue instance, destroy method and HTMLElement
+ */
+export declare const VGridVueTemplateConstructor: (vueConstructor: DefineComponent<any, any, any, any>, el: VueElement | null, p: Record<string, any>, vueInstance: ComponentInternalInstance | null, lastEl?: {
+    destroy: () => void;
+} | null) => {
+    vueInstance: ComponentPublicInstance<any>;
+    destroy: () => void;
+    el: VueElement | null;
+};
+
+declare interface VueElement extends HTMLElement {
+    _vnode?: ComponentPublicInstance<any>;
+}
+
+
+export * from "@revolist/revogrid";
+
+export { }

package/dist/vue3-datagrid.js

@@ -0,0 +1,207 @@
+var S = Object.defineProperty;
+var z = (t, e, n) => e in t ? S(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var v = (t, e, n) => (z(t, typeof e != "symbol" ? e + "" : e, n), n);
+import { defineComponent as I, ref as L, getCurrentInstance as C, inject as M, h as G, createVNode as N, render as w, defineAsyncComponent as U } from "vue";
+import { defineCustomElements as D } from "@revolist/revogrid/loader";
+const F = "routerLink", E = "navManager", W = "router", X = "aria", m = Symbol(), P = { default: m }, k = (t) => (t == null ? void 0 : t.split(" ")) || [], Y = (t, e, n = []) => {
+  var i;
+  return [...Array.from(((i = t.value) == null ? void 0 : i.classList) || []), ...n].filter(
+    (s, o, r) => !e.has(s) && r.indexOf(s) === o
+  );
+}, B = (t, e, n = [], i, s) => {
+  const o = I((r, { attrs: c, slots: u, emit: q }) => {
+    var R;
+    r[i];
+    const g = L(), b = new Set(k(c.class)), h = C(), y = ((R = h == null ? void 0 : h.appContext) == null ? void 0 : R.provides[E]) ? M(E) : void 0, x = (f) => {
+      const { routerLink: p } = r;
+      if (p !== m)
+        if (y !== void 0) {
+          let d = { event: f };
+          for (const l in r) {
+            const a = r[l];
+            r.hasOwnProperty(l) && l.startsWith(W) && a !== m && (d[l] = a);
+          }
+          y.navigate(d);
+        } else
+          console.warn("Tried to navigate, but no router was found. Make sure you have mounted Vue Router.");
+    };
+    return () => {
+      r[i], k(c.class).forEach((a) => {
+        b.add(a);
+      });
+      const f = r.onClick, p = (a) => {
+        f !== void 0 && f(a), a.defaultPrevented || x(a);
+      };
+      let d = {
+        ref: g,
+        class: Y(g, b),
+        onClick: p
+      };
+      for (const a in r) {
+        const V = r[a];
+        (r.hasOwnProperty(a) && V !== m || a.startsWith(X)) && (d[a] = V);
+      }
+      return G(t, d, u.default && u.default());
+    };
+  });
+  return typeof o != "function" && (o.name = t, o.props = {
+    [F]: P
+  }, n.forEach((r) => {
+    o.props[r] = P;
+  })), o;
+}, H = /* @__PURE__ */ B("revo-grid", void 0, [
+  "rowHeaders",
+  "frameSize",
+  "rowSize",
+  "colSize",
+  "range",
+  "readonly",
+  "resize",
+  "canFocus",
+  "useClipboard",
+  "columns",
+  "source",
+  "pinnedTopSource",
+  "pinnedBottomSource",
+  "rowDefinitions",
+  "editors",
+  "applyOnClose",
+  "plugins",
+  "columnTypes",
+  "theme",
+  "rowClass",
+  "autoSizeColumn",
+  "filter",
+  "focusTemplate",
+  "canMoveColumns",
+  "trimmedRows",
+  "exporting",
+  "grouping",
+  "stretch",
+  "additionalData",
+  "disableVirtualX",
+  "disableVirtualY",
+  "hideAttribution",
+  "jobsBeforeRender",
+  "registerVNode",
+  "contentsizechanged",
+  "beforeedit",
+  "beforerangeedit",
+  "afteredit",
+  "beforeautofill",
+  "beforeange",
+  "afterfocus",
+  "roworderchanged",
+  "beforesortingapply",
+  "beforesorting",
+  "rowdragstart",
+  "headerclick",
+  "beforecellfocus",
+  "beforefocuslost",
+  "beforesourceset",
+  "beforeanysource",
+  "aftersourceset",
+  "afteranysource",
+  "beforecolumnsset",
+  "beforecolumnapplied",
+  "aftercolumnsset",
+  "beforefilterapply",
+  "beforefiltertrimmed",
+  "beforetrimmed",
+  "aftertrimmed",
+  "viewportscroll",
+  "beforeexport",
+  "beforeeditstart",
+  "aftercolumnresize",
+  "beforerowdefinition",
+  "filterconfigchanged",
+  "rowheaderschanged",
+  "beforegridrender",
+  "aftergridinit"
+]);
+function T(t, e) {
+  e != null && e.appContext && (t.appContext = e.appContext);
+}
+const O = (t, e, n, i, s = null) => {
+  var c;
+  if (!e)
+    return (c = s == null ? void 0 : s.destroy) == null || c.call(s), {
+      vueInstance: null,
+      destroy: () => null,
+      el: null
+    };
+  let o = e._vnode;
+  if (o) {
+    T(o, i);
+    for (const u in n)
+      o.component.props[u] = n[u];
+  } else
+    o = N(t, n), T(o, i), w(o, e);
+  return {
+    vueInstance: o,
+    destroy: () => w(null, e),
+    el: e
+  };
+}, ee = (t, e) => {
+  const n = C();
+  return (i, s, o) => {
+    const r = e ? {
+      ...e,
+      ...s
+    } : s;
+    r.addition = o;
+    let c = null;
+    return i("span", {
+      ref: (u) => {
+        c = O(t, u, r, n, c);
+      }
+    }, null);
+  };
+};
+class K {
+  constructor(e, n, i, s, o) {
+    v(this, "element", null);
+    v(this, "editCell", null);
+    this.VueEditorConstructor = e, this.column = n, this.save = i, this.close = s, this.vInstance = o;
+  }
+  // optional, called after editor rendered
+  componentDidRender() {
+  }
+  // optional, called after editor destroyed
+  disconnectedCallback() {
+    this.vueEl && (this.vueEl.destroy(), this.vueEl = void 0);
+  }
+  render(e) {
+    return e("span", {
+      ref: (n) => {
+        this.vueEl = O(this.VueEditorConstructor, n, {
+          ...this.editCell,
+          column: this.column,
+          save: this.save,
+          close: this.close
+        }, this.vInstance);
+      }
+    }, null);
+  }
+}
+const te = (t) => function(e, n, i) {
+  return new K(
+    t,
+    e,
+    n,
+    i,
+    C()
+  );
+};
+function j(t) {
+  return !!t && (typeof t == "object" || typeof t == "function") && typeof t.then == "function";
+}
+var _;
+const A = (_ = D) == null ? void 0 : _(), ne = U(async () => (j(A) && await A, H));
+export {
+  ne as VGrid,
+  te as VGridVueEditor,
+  ee as VGridVueTemplate,
+  O as VGridVueTemplateConstructor,
+  ne as default
+};

package/dist/vue3-datagrid.umd.cjs

@@ -0,0 +1 @@
+(function(r,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@revolist/revogrid/loader")):typeof define=="function"&&define.amd?define(["exports","vue","@revolist/revogrid/loader"],e):(r=typeof globalThis<"u"?globalThis:r||self,e(r.Vue3Datagrid={},r.Vue,r.RevogridLoader))})(this,function(r,e,a){"use strict";var X=Object.defineProperty;var Y=(r,e,a)=>e in r?X(r,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):r[e]=a;var b=(r,e,a)=>(Y(r,typeof e!="symbol"?e+"":e,a),a);var k;const M="routerLink",R="navManager",L="router",z="aria",C=Symbol(),V={default:C},w=t=>(t==null?void 0:t.split(" "))||[],G=(t,n,s=[])=>{var d;return[...Array.from(((d=t.value)==null?void 0:d.classList)||[]),...s].filter((u,o,i)=>!n.has(u)&&i.indexOf(u)===o)},x=((t,n,s=[],d,u)=>{const o=e.defineComponent((i,{attrs:f,slots:l,emit:q})=>{var S;i[d];const A=e.ref(),_=new Set(w(f.class)),v=e.getCurrentInstance(),O=((S=v==null?void 0:v.appContext)==null?void 0:S.provides[R])?e.inject(R):void 0,W=g=>{const{routerLink:y}=i;if(y!==C)if(O!==void 0){let m={event:g};for(const h in i){const c=i[h];i.hasOwnProperty(h)&&h.startsWith(L)&&c!==C&&(m[h]=c)}O.navigate(m)}else console.warn("Tried to navigate, but no router was found. Make sure you have mounted Vue Router.")};return()=>{i[d],w(f.class).forEach(c=>{_.add(c)});const g=i.onClick,y=c=>{g!==void 0&&g(c),c.defaultPrevented||W(c)};let m={ref:A,class:G(A,_),onClick:y};for(const c in i){const I=i[c];(i.hasOwnProperty(c)&&I!==C||c.startsWith(z))&&(m[c]=I)}return e.h(t,m,l.default&&l.default())}});return typeof o!="function"&&(o.name=t,o.props={[M]:V},s.forEach(i=>{o.props[i]=V})),o})("revo-grid",void 0,["rowHeaders","frameSize","rowSize","colSize","range","readonly","resize","canFocus","useClipboard","columns","source","pinnedTopSource","pinnedBottomSource","rowDefinitions","editors","applyOnClose","plugins","columnTypes","theme","rowClass","autoSizeColumn","filter","focusTemplate","canMoveColumns","trimmedRows","exporting","grouping","stretch","additionalData","disableVirtualX","disableVirtualY","hideAttribution","jobsBeforeRender","registerVNode","contentsizechanged","beforeedit","beforerangeedit","afteredit","beforeautofill","beforeange","afterfocus","roworderchanged","beforesortingapply","beforesorting","rowdragstart","headerclick","beforecellfocus","beforefocuslost","beforesourceset","beforeanysource","aftersourceset","afteranysource","beforecolumnsset","beforecolumnapplied","aftercolumnsset","beforefilterapply","beforefiltertrimmed","beforetrimmed","aftertrimmed","viewportscroll","beforeexport","beforeeditstart","aftercolumnresize","beforerowdefinition","filterconfigchanged","rowheaderschanged","beforegridrender","aftergridinit"]);function E(t,n){n!=null&&n.appContext&&(t.appContext=n.appContext)}const p=(t,n,s,d,u=null)=>{var f;if(!n)return(f=u==null?void 0:u.destroy)==null||f.call(u),{vueInstance:null,destroy:()=>null,el:null};let o=n._vnode;if(o){E(o,d);for(const l in s)o.component.props[l]=s[l]}else o=e.createVNode(t,s),E(o,d),e.render(o,n);return{vueInstance:o,destroy:()=>e.render(null,n),el:n}},N=(t,n)=>{const s=e.getCurrentInstance();return(d,u,o)=>{const i=n?{...n,...u}:u;i.addition=o;let f=null;return d("span",{ref:l=>{f=p(t,l,i,s,f)}},null)}};class D{constructor(n,s,d,u,o){b(this,"element",null);b(this,"editCell",null);this.VueEditorConstructor=n,this.column=s,this.save=d,this.close=u,this.vInstance=o}componentDidRender(){}disconnectedCallback(){this.vueEl&&(this.vueEl.destroy(),this.vueEl=void 0)}render(n){return n("span",{ref:s=>{this.vueEl=p(this.VueEditorConstructor,s,{...this.editCell,column:this.column,save:this.save,close:this.close},this.vInstance)}},null)}}const U=t=>function(n,s,d){return new D(t,n,s,d,e.getCurrentInstance())};function F(t){return!!t&&(typeof t=="object"||typeof t=="function")&&typeof t.then=="function"}const T=(k=a.defineCustomElements)==null?void 0:k.call(a),P=e.defineAsyncComponent(async()=>(F(T)&&await T,x));r.VGrid=P,r.VGridVueEditor=U,r.VGridVueTemplate=N,r.VGridVueTemplateConstructor=p,r.default=P,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,27 +1,57 @@
 {
   "name": "@revolist/vue3-datagrid",
-  "version": "4.0.0-next.1",
-  "description": "Vue 3 DataGrid Spreadsheet",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "version": "4.0.0",
+  "description": "Vue 3 DataGrid Spreadsheet component with native Vue 3 cell render support",
+  "main": "./dist/vue3-datagrid.umd.cjs",
+  "module": "./dist/vue3-datagrid.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/vue3-datagrid.js",
+      "require": "./dist/vue3-datagrid.umd.cjs",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "type": "module",
+  "files": [
+    "dist"
+  ],
   "scripts": {
-    "build": "webpack --config ./.webpack/webpack.config.js --mode production",
-    "serve": "webpack serve --config ./.webpack/webpack.dev.js"
+    "dev": "vite",
+    "build": "vue-tsc && vite build",
+    "preview": "vite preview"
   },
   "keywords": [
-    "spreadsheet",
-    "vue",
-    "vue 3",
+    "revo-grid",
+    "revolist",
+    "csv",
     "datagrid",
-    "revogrid",
+    "datalist",
+    "datamanager",
+    "editable",
     "excel",
-    "js",
+    "excel-grid",
+    "export",
+    "fast-grid",
+    "filtering",
+    "grid",
     "gridjs",
-    "virtual",
-    "virtual grid",
-    "datalist",
+    "grouping",
+    "infinity-grid",
     "rangeedit",
-    "grouping"
+    "reactive",
+    "spreadsheet",
+    "stenciljs",
+    "storybook",
+    "treeview",
+    "virtualgrid",
+    "virtual",
+    "virtual-scroll",
+    "vue",
+    "vue-grid",
+    "vue-datagrid",
+    "vue3",
+    "vue3-datagrid"
   ],
   "author": "revolist",
   "repository": {
@@ -29,29 +59,24 @@
     "url": "git+https://github.com/revolist/vue3-datagrid.git"
   },
   "bugs": {
-    "url": "https://github.com/revolist/vue3-datagrid/issues"
+    "url": "https://github.com/revolist/revogrid/issues"
   },
-  "homepage": "https://github.com/revolist/vue3-datagrid#readme",
+  "homepage": "https://github.com/revolist/revogrid#readme",
   "license": "MIT",
   "dependencies": {
-    "@revolist/revogrid": "^4.7.0-next.4",
-    "@stencil/core": "^4.11.0"
+    "@stencil/core": "^4.17.1",
+    "@revolist/revogrid": "^4.0.0",
+    "vue": "^3.4.21"
   },
   "devDependencies": {
-    "@vue/compiler-sfc": "^3.4.15",
-    "clean-webpack-plugin": "^4.0.0",
-    "css-loader": "^6.9.1",
-    "html-webpack-plugin": "^5.6.0",
-    "sass": "^1.70.0",
-    "sass-loader": "^13.0.2",
-    "style-loader": "^3.3.4",
-    "ts-loader": "^9.5.1",
-    "typescript": "^5.3.3",
-    "vue": "^3.4.15",
-    "vue-loader": "^17.4.2",
-    "vue-style-loader": "^4.1.3",
-    "webpack": "^5.90.0",
-    "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^4.15.1"
+    "@vitejs/plugin-vue": "^5.0.4",
+    "@vitejs/plugin-vue-jsx": "^3.1.0",
+    "typescript": "^5.2.2",
+    "vite": "^5.2.0",
+    "vite-plugin-dts": "^3.9.0",
+    "vue-tsc": "^2.0.14"
+  },
+  "publishConfig": {
+    "access": "public"
   }
 }

package/.eslintrc.json

@@ -1,30 +0,0 @@
-{
-    "env": {
-        "browser": true,
-        "commonjs": true,
-        "es6": true,
-        "node": true
-    },
-    "extends": "eslint:recommended",
-    "parserOptions": {
-        "sourceType": "module"
-    },
-    "rules": {
-        "indent": [
-            "error",
-            4
-        ],
-        "linebreak-style": [
-            "error",
-            "unix"
-        ],
-        "quotes": [
-            "error",
-            "single"
-        ],
-        "semi": [
-            "error",
-            "always"
-        ]
-    }
-}

package/.github/ISSUE_TEMPLATE/issue-template.md

@@ -1,19 +0,0 @@
----
-name: Issue template
-about: Create a report to help us improve
-title: ''
-labels: ''
-assignees: ''
-
----
-
-**Check if issue exists**
-Search the repo and ensure your issue doesn't already exist. If so, it may:
-- Have already been fixed in an unreleased version.
-- Have been closed without a solution. Please create a new issue instead of commenting on the old one.
-
-**Describe the issue**
-A clear and concise description of what the issue is.
-
-**To Reproduce**
-Create a minimal reproduction to illustrate the issue. Here's a [template](https://codesandbox.io/s/revo-grid-vue3-thry7) to start you off.

package/.github/workflows/publish.yml

@@ -1,31 +0,0 @@
-name: Node.js Package
-on:
-  release:
-    types: [created]
-jobs:
-  build:
-    runs-on: ubuntu-latest
-    steps:
-    - uses: actions/checkout@v2
-    # Setup .npmrc file to publish to npm
-    - uses: actions/setup-node@v1
-      with:
-        node-version: '12.x'
-        registry-url: 'https://registry.npmjs.org'
-    - run: npm install
-    # Build
-    - run: npm run build
-    # Publish to npm
-    - run: npm publish --access public
-      env:
-        NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-    # Setup .npmrc file to publish to GitHub Packages
-    - uses: actions/setup-node@v1
-      with:
-        registry-url: 'https://npm.pkg.github.com'
-        # Defaults to the user or organization that owns the workflow file
-        scope: '@revolist'
-    # Publish to GitHub Packages
-    - run: npm publish
-      env:
-        NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}

package/.webpack/webpack.config.js

@@ -1,32 +0,0 @@
-const path = require('path');
-
-module.exports = {
-  entry: {
-    index: './src/index.ts'
-  },
-  output: {
-    path: path.resolve(__dirname, '../dist'),
-    publicPath: 'none',
-    filename: '[name].js',
-    libraryTarget: 'umd',
-    umdNamedDefine: true
-  },
-  externals: [
-    'vue',
-    '@revolist/revogrid',
-    /^@revolist\/revogrid\//,
-    '@stencil/core',
-  ],
-  resolve: {
-    extensions: [ '.tsx', '.ts', '.js' ],
-  },
-  module: {
-    rules: [
-      {
-        test: /\.tsx?$/,
-        use: 'ts-loader',
-        exclude: /node_modules/,
-      },
-    ],
-  },
-};

package/.webpack/webpack.dev.js

@@ -1,68 +0,0 @@
-const path = require("path");
-const HtmlWebpackPlugin = require("html-webpack-plugin");
-const { VueLoaderPlugin } = require("vue-loader");
-const { CleanWebpackPlugin } = require("clean-webpack-plugin");
-
-module.exports = {
-  mode: "development",
-  entry: {
-    app: "./public/index.ts",
-  },
-  devtool: "inline-source-map",
-  devServer: {
-    port: 3332,
-  },
-  output: {
-    path: path.resolve(__dirname, "../distServe"),
-    filename: "[name].js",
-    libraryTarget: "umd",
-    umdNamedDefine: true,
-  },
-  plugins: [
-    new CleanWebpackPlugin({ cleanStaleWebpackAssets: false }),
-    new VueLoaderPlugin(),
-    new HtmlWebpackPlugin({
-      title: "Development",
-      template: "./public/index.html",
-      appMountId: "app",
-      inject: true,
-      exJs: [], //"dist/vgrid.js"
-    }),
-  ],
-  resolve: {
-    extensions: [".tsx", ".ts", ".js", ".vue"],
-    alias: {
-      vue$: "vue/dist/vue.esm-bundler.js",
-      "@revolist/vue3-datagrid": path.resolve(__dirname, "../dist/"),
-    },
-  },
-  module: {
-    rules: [
-      {
-        test: /\.vue$/,
-        use: "vue-loader",
-      },
-      {
-        test: /\.tsx?$/,
-        loader: "ts-loader",
-        options: {
-          appendTsSuffixTo: [/\.vue$/],
-        },
-        exclude: /node_modules/,
-      },
-      {
-        test: /\.scss$/,
-        use: [
-          "vue-style-loader",
-          {
-            loader: "css-loader",
-            options: {
-              esModule: false,
-            },
-          },
-          "sass-loader",
-        ],
-      },
-    ],
-  },
-};

package/dist/index.js

@@ -1 +0,0 @@
-!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("vue"),require("@revolist/revogrid/loader"));else if("function"==typeof define&&define.amd)define(["vue","@revolist/revogrid/loader"],r);else{var t="object"==typeof exports?r(require("vue"),require("@revolist/revogrid/loader")):r(e.vue,e["@revolist/revogrid/loader"]);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(self,((e,r)=>(()=>{"use strict";var t={829:e=>{e.exports=r},748:r=>{r.exports=e}},o={};function n(e){var r=o[e];if(void 0!==r)return r.exports;var s=o[e]={exports:{}};return t[e](s,s.exports,n),s.exports}n.d=(e,r)=>{for(var t in r)n.o(r,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},n.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};return(()=>{n.r(s),n.d(s,{VGrid:()=>v,VGridPlugin:()=>b,VGridVueEditor:()=>y,VGridVueTemplate:()=>g,VGridVueTemplateConstructor:()=>h,default:()=>C});var e=n(748);const r="update:modelValue",t="modelValue",o="navManager",i=Symbol(),a={default:i},l=e=>(null==e?void 0:e.split(" "))||[],u=(e,r,t=[])=>{var o;return[...Array.from((null===(o=e.value)||void 0===o?void 0:o.classList)||[]),...t].filter(((e,t,o)=>!r.has(e)&&o.indexOf(e)===t))},d=(n,s,d=[],c,f,p)=>{void 0!==s&&s();const v=(0,e.defineComponent)(((s,{attrs:a,slots:d,emit:v})=>{var m;let b=s[c];const g=(0,e.ref)(),h=new Set(l(a.class)),y=e=>{e.el&&(Array.isArray(f)?f:[f]).forEach((t=>{e.el.addEventListener(t.toLowerCase(),(e=>{b=(null==e?void 0:e.target)[c],v(r,b),p&&v(p,e)}))}))},C=(0,e.getCurrentInstance)(),x=(null===(m=null==C?void 0:C.appContext)||void 0===m?void 0:m.provides[o])?(0,e.inject)(o):void 0;return()=>{b=s[c],l(a.class).forEach((e=>{h.add(e)}));const r=s.onClick;let o={ref:g,class:u(g,h),onClick:e=>{void 0!==r&&r(e),e.defaultPrevented||(e=>{const{routerLink:r}=s;if(r!==i)if(void 0!==x){let r={event:e};for(const e in s){const t=s[e];s.hasOwnProperty(e)&&e.startsWith("router")&&t!==i&&(r[e]=t)}x.navigate(r)}else console.warn("Tried to navigate, but no router was found. Make sure you have mounted Vue Router.")})(e)},onVnodeBeforeMount:f?y:void 0};for(const e in s){const r=s[e];(s.hasOwnProperty(e)&&r!==i||e.startsWith("aria"))&&(o[e]=r)}return c&&(s[t]!==i?o=Object.assign(Object.assign({},o),{[c]:s[t]}):b!==i&&(o=Object.assign(Object.assign({},o),{[c]:b}))),(0,e.h)(n,o,d.default&&d.default())}}));return"function"!=typeof v&&(v.name=n,v.props={routerLink:a},d.forEach((e=>{v.props[e]=a})),c&&(v.props[t]=a,v.emits=[r,p])),v};(0,n(829).defineCustomElements)();const c=d("revo-grid",void 0,["rowHeaders","frameSize","rowSize","colSize","range","readonly","resize","canFocus","useClipboard","columns","source","pinnedTopSource","pinnedBottomSource","rowDefinitions","editors","applyOnClose","plugins","columnTypes","theme","rowClass","autoSizeColumn","filter","focusTemplate","canMoveColumns","trimmedRows","exporting","grouping","stretch","additionalData","disableVirtualX","disableVirtualY","jobsBeforeRender","contentsizechanged","beforeedit","beforerangeedit","afteredit","beforeautofill","beforeange","afterfocus","roworderchanged","beforesourcesortingapply","beforesortingapply","beforesorting","rowdragstart","headerclick","beforecellfocus","beforefocuslost","beforesourceset","before-any-source","aftersourceset","after-any-source","beforecolumnsset","beforecolumnapplied","aftercolumnsset","beforefilterapply","beforefiltertrimmed","beforetrimmed","aftertrimmed","viewportscroll","beforeexport","beforeeditstart","aftercolumnresize","beforerowdefinition","filterconfigchanged","rowheaderschanged"]),f=(r,t,o,n,s)=>{if(!t)return null;let i=t._vnode;if(i){n&&(i.appContext=n);for(const e in o)i.component.props[e]=o[e]}else i=(0,e.createVNode)(r,o),n&&(i.appContext=n),(0,e.render)(i,t);return{vueInstance:i,destroy:()=>(0,e.render)(null,t),el:t}};class p{constructor(e,r,t,o,n){this.VueEditorConstructor=e,this.column=r,this.save=t,this.close=o,this.appContext=n,this.element=null,this.editCell=null}componentDidRender(){}disconnectedCallback(){this.vueEl&&(this.vueEl.destroy(),this.vueEl=void 0)}render(e){return e("span",{ref:e=>{this.vueEl=f(this.VueEditorConstructor,e,Object.assign(Object.assign({},this.editCell),{column:this.column,save:this.save,close:this.close}),this.appContext)}})}}const v=c;let m=!1;const b={install(e){m||(m=!0,e.component("vue-data-grid",v))}},g=(r,t)=>{const o=(0,e.getCurrentInstance)(),n=null==o?void 0:o.appContext;return(e,o,s)=>{const i=t?Object.assign(Object.assign({},t),o):o;return e("span",{ref:e=>f(r,e,i,n)})}},h=f,y=r=>{const t=(0,e.getCurrentInstance)(),o=null==t?void 0:t.appContext;return function(e,t,n){return new p(r,e,t,n,o)}},C=c})(),s})()));

package/dist/revogrid.d.ts

@@ -1,15 +0,0 @@
-import type { JSX } from '@revolist/revogrid';
-export declare const RevoGrid: (props: JSX.RevoGrid & import("./vue-component-lib/utils").InputProps<string | number | boolean> & {}) => any;
-export declare const RevogrCell: (props: JSX.RevogrCell & import("./vue-component-lib/utils").InputProps<string | number | boolean> & {}) => any;
-export declare const RevogrClipboard: (props: JSX.RevogrClipboard & import("./vue-component-lib/utils").InputProps<string | number | boolean> & {}) => any;
-export declare const RevogrData: (props: JSX.RevogrData & import("./vue-component-lib/utils").InputProps<string | number | boolean> & {}) => any;
-export declare const RevogrEdit: (props: JSX.RevogrEdit & import("./vue-component-lib/utils").InputProps<string | number | boolean> & {}) => any;
-export declare const RevogrFilterPanel: (props: JSX.RevogrFilterPanel & import("./vue-component-lib/utils").InputProps<string | number | boolean> & {}) => any;
-export declare const RevogrFocus: (props: JSX.RevogrFocus & import("./vue-component-lib/utils").InputProps<string | number | boolean> & {}) => any;
-export declare const RevogrHeader: (props: JSX.RevogrHeader & import("./vue-component-lib/utils").InputProps<string | number | boolean> & {}) => any;
-export declare const RevogrOrderEditor: (props: JSX.RevogrOrderEditor & import("./vue-component-lib/utils").InputProps<string | number | boolean> & {}) => any;
-export declare const RevogrOverlaySelection: (props: JSX.RevogrOverlaySelection & import("./vue-component-lib/utils").InputProps<string | number | boolean> & {}) => any;
-export declare const RevogrRowHeaders: (props: JSX.RevogrRowHeaders & import("./vue-component-lib/utils").InputProps<string | number | boolean> & {}) => any;
-export declare const RevogrScrollVirtual: (props: JSX.RevogrScrollVirtual & import("./vue-component-lib/utils").InputProps<string | number | boolean> & {}) => any;
-export declare const RevogrTempRange: (props: JSX.RevogrTempRange & import("./vue-component-lib/utils").InputProps<string | number | boolean> & {}) => any;
-export declare const RevogrViewportScroll: (props: JSX.RevogrViewportScroll & import("./vue-component-lib/utils").InputProps<string | number | boolean> & {}) => any;

package/dist/vue-component-lib/utils.d.ts

@@ -1,18 +0,0 @@
-export interface InputProps<T> {
-    modelValue?: T;
-}
-/**
- * Create a callback to define a Vue component wrapper around a Web Component.
- *
- * @prop name - The component tag name (i.e. `ion-button`)
- * @prop componentProps - An array of properties on the
- * component. These usually match up with the @Prop definitions
- * in each component's TSX file.
- * @prop customElement - An option custom element instance to pass
- * to customElements.define. Only set if `includeImportCustomElements: true` in your config.
- * @prop modelProp - The prop that v-model binds to (i.e. value)
- * @prop modelUpdateEvent - The event that is fired from your Web Component when the value changes (i.e. ionChange)
- * @prop externalModelUpdateEvent - The external event to fire from your Vue component when modelUpdateEvent fires. This is used for ensuring that v-model references have been
- * correctly updated when a user's event callback fires.
- */
-export declare const defineContainer: <Props, VModelType = string | number | boolean>(name: string, defineCustomElement: any, componentProps?: string[], modelProp?: string, modelUpdateEvent?: string, externalModelUpdateEvent?: string) => (props: Props & InputProps<VModelType> & {}) => any;