@ace-grid/svelte 1.0.7

package/dist/svelte-core.d.ts

@@ -0,0 +1,5 @@
+export * from "./svelte";
+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/svelte-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_SVELTE_COMMON_EVENTS as n, ACE_GRID_SVELTE_DEFAULT_TAG_NAME as f, ACE_GRID_SVELTE_EVENT_PREFIX as a, AceGridComponent as p, AceGridComponent as s } from "./svelte.js";
+E(
+  e,
+  r
+);
+export {
+  n as ACE_GRID_SVELTE_COMMON_EVENTS,
+  f as ACE_GRID_SVELTE_DEFAULT_TAG_NAME,
+  a as ACE_GRID_SVELTE_EVENT_PREFIX,
+  p as AceGridComponent,
+  s as default,
+  m as defineAceGridElement,
+  A as defineAceGridUseGridElement
+};

package/dist/svelte-enterprise.d.ts

@@ -0,0 +1,5 @@
+export * from "./svelte";
+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/svelte-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_SVELTE_COMMON_EVENTS as n, ACE_GRID_SVELTE_DEFAULT_TAG_NAME as f, ACE_GRID_SVELTE_EVENT_PREFIX as a, AceGridComponent as p, AceGridComponent as s } from "./svelte.js";
+E(
+  e,
+  r
+);
+export {
+  n as ACE_GRID_SVELTE_COMMON_EVENTS,
+  f as ACE_GRID_SVELTE_DEFAULT_TAG_NAME,
+  a as ACE_GRID_SVELTE_EVENT_PREFIX,
+  p as AceGridComponent,
+  s as default,
+  m as defineAceGridElement,
+  A as defineAceGridUseGridElement
+};

package/dist/svelte-pro.d.ts

@@ -0,0 +1,5 @@
+export * from "./svelte";
+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/svelte-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_SVELTE_COMMON_EVENTS as n, ACE_GRID_SVELTE_DEFAULT_TAG_NAME as f, ACE_GRID_SVELTE_EVENT_PREFIX as a, AceGridComponent as p, AceGridComponent as s } from "./svelte.js";
+E(
+  e,
+  r
+);
+export {
+  n as ACE_GRID_SVELTE_COMMON_EVENTS,
+  f as ACE_GRID_SVELTE_DEFAULT_TAG_NAME,
+  a as ACE_GRID_SVELTE_EVENT_PREFIX,
+  p as AceGridComponent,
+  s as default,
+  m as defineAceGridElement,
+  A as defineAceGridUseGridElement
+};

package/dist/svelte.d.ts

@@ -0,0 +1,17 @@
+export interface AceGridSvelteReadyEvent {
+  element: HTMLElement;
+}
+export interface AceGridSvelteComponentProps {
+  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_SVELTE_COMMON_EVENTS: Record<string, string>;
+export declare const ACE_GRID_SVELTE_DEFAULT_TAG_NAME: string;
+export declare const ACE_GRID_SVELTE_EVENT_PREFIX: string;

package/dist/svelte.js

@@ -0,0 +1,176 @@
+import "svelte/internal/disclose-version";
+import "svelte/internal/flags/legacy";
+import * as e from "svelte/internal/client";
+import { createEventDispatcher as X, onMount as q, onDestroy as z, mount as J, unmount as K } from "svelte";
+const G = "ace-grid", Q = "ace-grid-", i = {
+  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"
+};
+var Y = e.from_html('<div class="ace-grid-svelte__container svelte-1dm50x4"></div>');
+function Z(V, r) {
+  e.push(r, !1);
+  let p = e.prop(r, "customTagName", 8, G), d = e.prop(r, "props", 24, () => ({})), u = e.prop(r, "hookOptions", 8, null), m = e.prop(r, "templates", 8, null), c = e.prop(r, "iconTemplates", 12, null), _ = e.prop(r, "elementClassName", 8, ""), g = e.mutable_source(null), n = e.mutable_source(null), h = null;
+  const l = X(), E = (t) => (t ?? "").trim() || G, C = (t, o) => {
+    if (!e.get(g)) return;
+    const s = e.get(n)?.tagName.toLowerCase();
+    if (!e.get(n) || s !== t.toLowerCase()) {
+      T();
+      const a = document.createElement(t);
+      a.style.display = "block", a.style.width = "100%", a.style.height = "100%", a.className = o, e.get(g).replaceChildren(a), e.set(n, a), h = H(a), l("ready", { element: a });
+      return;
+    }
+    e.mutate(n, e.get(n).className = o);
+  }, b = (t, o, s, a) => {
+    e.get(n) && (e.mutate(n, e.get(n).props = t ?? {}), e.mutate(n, e.get(n).templates = F(s, x(a)) ?? {}), "hookOptions" in e.get(n) && e.mutate(n, e.get(n).hookOptions = o ?? {}));
+  }, j = (t) => {
+    l("customEvent", t);
+    const o = t.detail;
+    switch (t.type) {
+      case i.cellChange:
+        l("cellChange", o);
+        break;
+      case i.rowAdd:
+        l("rowAdd", o);
+        break;
+      case i.rowDelete:
+        l("rowDelete", o);
+        break;
+      case i.selectionChange:
+        l("selectionChange", o);
+        break;
+      case i.selectionRangeChange:
+        l("selectionRangeChange", o);
+        break;
+      case i.sortChange:
+        l("sortChange", o);
+        break;
+      case i.sortModelChange:
+        l("sortModelChange", o);
+        break;
+      case i.filterChange:
+        l("filterChange", o);
+        break;
+    }
+  }, H = (t) => {
+    const o = t.dispatchEvent.bind(t);
+    return t.dispatchEvent = (s) => (s.type.startsWith(Q) && j(s), o(s)), () => {
+      t.dispatchEvent = o;
+    };
+  }, T = () => {
+    h?.(), h = null, e.get(n)?.remove(), e.set(n, null);
+  };
+  function k() {
+    return e.get(n);
+  }
+  function v() {
+    e.get(n)?.rerender();
+  }
+  function w(t) {
+    e.get(n)?.setProps?.(t);
+  }
+  function y() {
+    return e.get(n)?.getProps?.() ?? null;
+  }
+  function A(t) {
+    e.get(n)?.setTemplates?.(t);
+  }
+  function O() {
+    return e.get(n)?.getTemplates?.() ?? null;
+  }
+  function R(t) {
+    c({ ...c() ?? {}, ...t });
+  }
+  function D() {
+    return c() ?? null;
+  }
+  function N(t) {
+    e.get(n)?.setHookOptions?.(t);
+  }
+  function I() {
+    return e.get(n)?.getHookOptions?.() ?? null;
+  }
+  function M() {
+    return e.get(n)?.getRows?.() ?? null;
+  }
+  function P() {
+    return e.get(n)?.getActions?.() ?? null;
+  }
+  function L() {
+    return e.get(n)?.getApi?.() ?? null;
+  }
+  q(() => {
+    const t = E(p());
+    C(t, _()), b(d(), u(), m(), c());
+  }), z(() => {
+    T();
+  });
+  function x(t) {
+    if (!t || Object.keys(t).length === 0)
+      return null;
+    const o = Object.entries(t).filter((s) => !!s[1]).map(([s, a]) => [
+      s,
+      ({ props: U }) => {
+        const f = document.createElement("span");
+        f.style.display = "contents";
+        const W = J(a, { target: f, props: U });
+        return {
+          node: f,
+          cleanup: () => {
+            K(W);
+          }
+        };
+      }
+    ]);
+    return { icons: Object.fromEntries(o) };
+  }
+  function F(t, o) {
+    return !t && !o ? null : {
+      ...t ?? {},
+      ...o ?? {},
+      icons: { ...t?.icons ?? {}, ...o?.icons ?? {} }
+    };
+  }
+  e.legacy_pre_effect(
+    () => (e.get(g), e.deep_read_state(p()), e.deep_read_state(_())),
+    () => {
+      e.get(g) && C(E(p()), _());
+    }
+  ), e.legacy_pre_effect(
+    () => (e.get(n), e.deep_read_state(d()), e.deep_read_state(u()), e.deep_read_state(m()), e.deep_read_state(c())),
+    () => {
+      e.get(n) && b(d(), u(), m(), c());
+    }
+  ), e.legacy_pre_effect_reset();
+  var B = {
+    getElement: k,
+    rerender: v,
+    setProps: w,
+    getProps: y,
+    setTemplates: A,
+    getTemplates: O,
+    setIconTemplates: R,
+    getIconTemplates: D,
+    setHookOptions: N,
+    getHookOptions: I,
+    getRows: M,
+    getActions: P,
+    getApi: L
+  };
+  e.init();
+  var S = Y();
+  return e.bind_this(S, (t) => e.set(g, t), () => e.get(g)), e.append(V, S), e.bind_prop(r, "getElement", k), e.bind_prop(r, "rerender", v), e.bind_prop(r, "setProps", w), e.bind_prop(r, "getProps", y), e.bind_prop(r, "setTemplates", A), e.bind_prop(r, "getTemplates", O), e.bind_prop(r, "setIconTemplates", R), e.bind_prop(r, "getIconTemplates", D), e.bind_prop(r, "setHookOptions", N), e.bind_prop(r, "getHookOptions", I), e.bind_prop(r, "getRows", M), e.bind_prop(r, "getActions", P), e.bind_prop(r, "getApi", L), e.pop(B);
+}
+const ne = Z;
+export {
+  i as ACE_GRID_SVELTE_COMMON_EVENTS,
+  G as ACE_GRID_SVELTE_DEFAULT_TAG_NAME,
+  Q as ACE_GRID_SVELTE_EVENT_PREFIX,
+  ne as AceGridComponent,
+  ne as default
+};

package/package.json

@@ -0,0 +1,84 @@
+{
+  "name": "@ace-grid/svelte",
+  "version": "1.0.7",
+  "description": "Tier-neutral Svelte wrapper for Ace Grid Core, Pro, and Enterprise runtimes.",
+  "type": "module",
+  "svelte": "./dist/svelte.js",
+  "module": "./dist/svelte.js",
+  "types": "./dist/svelte.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/svelte.d.ts",
+      "svelte": "./dist/svelte.js",
+      "import": "./dist/svelte.js"
+    },
+    "./core": {
+      "types": "./dist/svelte-core.d.ts",
+      "svelte": "./dist/svelte-core.js",
+      "import": "./dist/svelte-core.js"
+    },
+    "./pro": {
+      "types": "./dist/svelte-pro.d.ts",
+      "svelte": "./dist/svelte-pro.js",
+      "import": "./dist/svelte-pro.js"
+    },
+    "./enterprise": {
+      "types": "./dist/svelte-enterprise.d.ts",
+      "svelte": "./dist/svelte-enterprise.js",
+      "import": "./dist/svelte-enterprise.js"
+    }
+  },
+  "scripts": {
+    "build": "vite build && tsc -p tsconfig.build.json && node ../../scripts/protect-wrapper-package.mjs svelte"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist/svelte.js",
+    "dist/svelte.d.ts",
+    "dist/svelte-core.js",
+    "dist/svelte-core.d.ts",
+    "dist/svelte-pro.js",
+    "dist/svelte-pro.d.ts",
+    "dist/svelte-enterprise.js",
+    "dist/svelte-enterprise.d.ts",
+    "dist/angularTier-*.mjs",
+    "dist/*.css"
+  ],
+  "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",
+    "svelte": "^5.0.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",
+    "svelte",
+    "data-grid",
+    "spreadsheet",
+    "typescript"
+  ]
+}