@ace-grid/vue 1.0.7

package/dist/vue-core.d.ts

@@ -0,0 +1,5 @@
+export * from "./vue";
+export * from "@ace-grid/core";
+export declare function defineAceGridElement(...args: unknown[]): unknown;
+export declare function defineAceGridUseGridElement(...args: unknown[]): unknown;
+export interface AceGridUseGridElement extends HTMLElement {}

package/dist/vue-core.js

@@ -0,0 +1,18 @@
+import { Grid as e, useGrid as r } from "@ace-grid/core";
+export * from "@ace-grid/core";
+import { r as E } from "./angularTier-BxO1uxwB.mjs";
+import { d as m, a as A } from "./angularTier-BxO1uxwB.mjs";
+import { ACE_GRID_VUE_COMMON_EVENTS as n, ACE_GRID_VUE_DEFAULT_TAG_NAME as f, ACE_GRID_VUE_EVENT_PREFIX as a, AceGridComponent as p, AceGridComponent as s } from "./vue.js";
+E(
+  e,
+  r
+);
+export {
+  n as ACE_GRID_VUE_COMMON_EVENTS,
+  f as ACE_GRID_VUE_DEFAULT_TAG_NAME,
+  a as ACE_GRID_VUE_EVENT_PREFIX,
+  p as AceGridComponent,
+  s as default,
+  m as defineAceGridElement,
+  A as defineAceGridUseGridElement
+};

package/dist/vue-enterprise.d.ts

@@ -0,0 +1,5 @@
+export * from "./vue";
+export * from "@ace-grid/enterprise";
+export declare function defineAceGridElement(...args: unknown[]): unknown;
+export declare function defineAceGridUseGridElement(...args: unknown[]): unknown;
+export interface AceGridUseGridElement extends HTMLElement {}

package/dist/vue-enterprise.js

@@ -0,0 +1,18 @@
+import { Grid as e, useGrid as r } from "@ace-grid/enterprise";
+export * from "@ace-grid/enterprise";
+import { r as E } from "./angularTier-BxO1uxwB.mjs";
+import { d as m, a as A } from "./angularTier-BxO1uxwB.mjs";
+import { ACE_GRID_VUE_COMMON_EVENTS as n, ACE_GRID_VUE_DEFAULT_TAG_NAME as f, ACE_GRID_VUE_EVENT_PREFIX as a, AceGridComponent as p, AceGridComponent as s } from "./vue.js";
+E(
+  e,
+  r
+);
+export {
+  n as ACE_GRID_VUE_COMMON_EVENTS,
+  f as ACE_GRID_VUE_DEFAULT_TAG_NAME,
+  a as ACE_GRID_VUE_EVENT_PREFIX,
+  p as AceGridComponent,
+  s as default,
+  m as defineAceGridElement,
+  A as defineAceGridUseGridElement
+};

package/dist/vue-pro.d.ts

@@ -0,0 +1,5 @@
+export * from "./vue";
+export * from "@ace-grid/pro";
+export declare function defineAceGridElement(...args: unknown[]): unknown;
+export declare function defineAceGridUseGridElement(...args: unknown[]): unknown;
+export interface AceGridUseGridElement extends HTMLElement {}

package/dist/vue-pro.js

@@ -0,0 +1,18 @@
+import { Grid as e, useGrid as r } from "@ace-grid/pro";
+export * from "@ace-grid/pro";
+import { r as E } from "./angularTier-BxO1uxwB.mjs";
+import { d as m, a as A } from "./angularTier-BxO1uxwB.mjs";
+import { ACE_GRID_VUE_COMMON_EVENTS as n, ACE_GRID_VUE_DEFAULT_TAG_NAME as f, ACE_GRID_VUE_EVENT_PREFIX as a, AceGridComponent as p, AceGridComponent as s } from "./vue.js";
+E(
+  e,
+  r
+);
+export {
+  n as ACE_GRID_VUE_COMMON_EVENTS,
+  f as ACE_GRID_VUE_DEFAULT_TAG_NAME,
+  a as ACE_GRID_VUE_EVENT_PREFIX,
+  p as AceGridComponent,
+  s as default,
+  m as defineAceGridElement,
+  A as defineAceGridUseGridElement
+};

package/dist/vue.d.ts

@@ -0,0 +1,17 @@
+export interface AceGridVueReadyEvent {
+  element: HTMLElement;
+}
+export interface AceGridVueComponentProps {
+  props?: unknown;
+  hookOptions?: unknown;
+  templates?: Record<string, unknown> | null;
+  iconTemplates?: Record<string, unknown> | null;
+  elementClassName?: string;
+  customTagName?: string;
+}
+export declare const AceGridComponent: unknown;
+declare const _default: typeof AceGridComponent;
+export default _default;
+export declare const ACE_GRID_VUE_COMMON_EVENTS: Record<string, string>;
+export declare const ACE_GRID_VUE_DEFAULT_TAG_NAME: string;
+export declare const ACE_GRID_VUE_EVENT_PREFIX: string;

package/dist/vue.js

@@ -0,0 +1,222 @@
+import { defineComponent as N, ref as h, onMounted as D, onBeforeUnmount as M, watch as p, h as f, toRaw as u, render as _ } from "vue";
+const T = "ace-grid", j = "ace-grid-", r = {
+  cellChange: "ace-grid-cell-change",
+  rowAdd: "ace-grid-row-add",
+  rowDelete: "ace-grid-row-delete",
+  selectionChange: "ace-grid-selection-change",
+  selectionRangeChange: "ace-grid-selection-range-change",
+  sortChange: "ace-grid-sort-change",
+  sortModelChange: "ace-grid-sort-model-change",
+  filterChange: "ace-grid-filter-change"
+}, K = N({
+  name: "AceGridComponent",
+  inheritAttrs: !1,
+  props: {
+    customTagName: {
+      type: String,
+      default: T
+    },
+    props: {
+      type: Object,
+      default: () => ({})
+    },
+    hookOptions: {
+      type: Object,
+      default: null
+    },
+    templates: {
+      type: Object,
+      default: null
+    },
+    iconTemplates: {
+      type: Object,
+      default: null
+    },
+    elementClassName: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: {
+    ready: (l) => !0,
+    customEvent: (l) => !0,
+    cellChange: (l) => !0,
+    rowAdd: (l) => !0,
+    rowDelete: (l) => !0,
+    selectionChange: (l) => !0,
+    selectionRangeChange: (l) => !0,
+    sortChange: (l) => !0,
+    sortModelChange: (l) => !0,
+    filterChange: (l) => !0
+  },
+  setup(l, { emit: k, expose: w }) {
+    const o = k, g = h(null), c = h(
+      l.iconTemplates ?? null
+    ), a = h(null);
+    let d = null;
+    const m = (e) => (e ?? "").trim() || T, y = (e) => {
+      o("customEvent", e);
+      const t = e.detail;
+      switch (e.type) {
+        case r.cellChange:
+          o("cellChange", t);
+          break;
+        case r.rowAdd:
+          o("rowAdd", t);
+          break;
+        case r.rowDelete:
+          o("rowDelete", t);
+          break;
+        case r.selectionChange:
+          o("selectionChange", t);
+          break;
+        case r.selectionRangeChange:
+          o("selectionRangeChange", t);
+          break;
+        case r.sortChange:
+          o("sortChange", t);
+          break;
+        case r.sortModelChange:
+          o("sortModelChange", t);
+          break;
+        case r.filterChange:
+          o("filterChange", t);
+          break;
+      }
+    }, A = (e) => {
+      const t = e.dispatchEvent.bind(e);
+      return e.dispatchEvent = ((s) => (s.type.startsWith(j) && y(s), t(s))), () => {
+        e.dispatchEvent = t;
+      };
+    }, v = () => {
+      d?.(), d = null, a.value?.remove(), a.value = null;
+    }, C = (e, t) => {
+      if (!g.value) return;
+      const s = a.value?.tagName.toLowerCase();
+      if (!a.value || s !== e.toLowerCase()) {
+        v();
+        const n = document.createElement(e);
+        n.style.display = "block", n.style.width = "100%", n.style.height = "100%", n.className = t, g.value.replaceChildren(n), a.value = n, d = A(n), o("ready", { element: n });
+        return;
+      }
+      a.value.className = t;
+    }, E = (e, t, s, n) => {
+      a.value && (a.value.props = e ? u(e) : {}, a.value.templates = b(
+        s ? u(s) : null,
+        O(
+          n ? u(n) : null
+        )
+      ) ?? {}, "hookOptions" in a.value && (a.value.hookOptions = t ? u(t) : {}));
+    };
+    w({
+      getElement: () => a.value,
+      rerender: () => {
+        a.value?.rerender();
+      },
+      setProps: (e) => {
+        a.value?.setProps?.(e);
+      },
+      getProps: () => a.value?.getProps?.() ?? null,
+      setTemplates: (e) => {
+        a.value?.setTemplates?.(e);
+      },
+      getTemplates: () => a.value?.getTemplates?.() ?? null,
+      setIconTemplates: (e) => {
+        c.value = {
+          ...c.value ?? {},
+          ...e
+        };
+      },
+      getIconTemplates: () => c.value ?? null,
+      setHookOptions: (e) => {
+        a.value?.setHookOptions?.(e);
+      },
+      getHookOptions: () => a.value?.getHookOptions?.() ?? null,
+      getRows: () => a.value?.getRows?.() ?? null,
+      getActions: () => a.value?.getActions?.() ?? null,
+      getApi: () => a.value?.getApi?.() ?? null
+    }), D(() => {
+      C(
+        m(l.customTagName),
+        l.elementClassName
+      ), E(
+        l.props,
+        l.hookOptions,
+        l.templates,
+        c.value
+      );
+    }), M(() => {
+      v();
+    }), p(
+      () => [l.customTagName, l.elementClassName],
+      ([e, t]) => {
+        C(m(e), t ?? "");
+      },
+      { flush: "post" }
+    ), p(
+      () => l.iconTemplates,
+      (e) => {
+        c.value = e ?? null;
+      },
+      { deep: !0, flush: "post" }
+    ), p(
+      () => [
+        l.props,
+        l.hookOptions,
+        l.templates,
+        c.value
+      ],
+      ([e, t, s, n]) => {
+        E(
+          e ?? {},
+          t,
+          s,
+          n
+        );
+      },
+      { deep: !0, flush: "post" }
+    );
+    const O = (e) => {
+      if (!e || Object.keys(e).length === 0)
+        return null;
+      const t = Object.entries(e).filter((s) => !!s[1]).map(([s, n]) => [
+        s,
+        ({ props: R }) => {
+          const i = document.createElement("span");
+          return i.style.display = "contents", _(f(n, R), i), {
+            node: i,
+            cleanup: () => {
+              _(null, i);
+            }
+          };
+        }
+      ]);
+      return {
+        icons: Object.fromEntries(t)
+      };
+    }, b = (e, t) => !e && !t ? null : {
+      ...e ?? {},
+      ...t ?? {},
+      icons: {
+        ...e?.icons ?? {},
+        ...t?.icons ?? {}
+      }
+    };
+    return () => f("div", {
+      ref: g,
+      class: "ace-grid-vue__container",
+      style: {
+        display: "block",
+        width: "100%",
+        height: "100%"
+      }
+    });
+  }
+});
+export {
+  r as ACE_GRID_VUE_COMMON_EVENTS,
+  T as ACE_GRID_VUE_DEFAULT_TAG_NAME,
+  j as ACE_GRID_VUE_EVENT_PREFIX,
+  K as AceGridComponent,
+  K as default
+};

package/package.json

@@ -0,0 +1,78 @@
+{
+  "name": "@ace-grid/vue",
+  "version": "1.0.7",
+  "description": "Tier-neutral Vue wrapper for Ace Grid Core, Pro, and Enterprise runtimes.",
+  "type": "module",
+  "module": "./dist/vue.js",
+  "types": "./dist/vue.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/vue.d.ts",
+      "import": "./dist/vue.js"
+    },
+    "./core": {
+      "types": "./dist/vue-core.d.ts",
+      "import": "./dist/vue-core.js"
+    },
+    "./pro": {
+      "types": "./dist/vue-pro.d.ts",
+      "import": "./dist/vue-pro.js"
+    },
+    "./enterprise": {
+      "types": "./dist/vue-enterprise.d.ts",
+      "import": "./dist/vue-enterprise.js"
+    }
+  },
+  "scripts": {
+    "build": "vite build && tsc -p tsconfig.build.json && node ../../scripts/protect-wrapper-package.mjs vue"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist/vue.js",
+    "dist/vue.d.ts",
+    "dist/vue-core.js",
+    "dist/vue-core.d.ts",
+    "dist/vue-pro.js",
+    "dist/vue-pro.d.ts",
+    "dist/vue-enterprise.js",
+    "dist/vue-enterprise.d.ts",
+    "dist/angularTier-*.mjs"
+  ],
+  "peerDependencies": {
+    "@ace-grid/core": ">=1.0.6 <2.0.0",
+    "@ace-grid/pro": ">=1.0.6 <2.0.0",
+    "@ace-grid/enterprise": ">=1.0.6 <2.0.0",
+    "react": "19.1.1",
+    "react-dom": "19.1.1",
+    "vue": "^3.5.0"
+  },
+  "peerDependenciesMeta": {
+    "@ace-grid/core": {
+      "optional": true
+    },
+    "@ace-grid/pro": {
+      "optional": true
+    },
+    "@ace-grid/enterprise": {
+      "optional": true
+    }
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Vitashev/gridix.git"
+  },
+  "bugs": {
+    "url": "https://github.com/Vitashev/gridix/issues"
+  },
+  "homepage": "https://ace-grid.com",
+  "keywords": [
+    "ace-grid",
+    "vue",
+    "data-grid",
+    "spreadsheet",
+    "typescript"
+  ]
+}