@toolbox-web/grid-vue 0.8.0 → 0.10.0

package/index.js

@@ -1,14 +1,14 @@
-import { defineComponent as y, provide as F, inject as L, createApp as f, createVNode as k, ref as R, computed as ne, onMounted as O, onBeforeUnmount as q, watch as D, createElementBlock as P, openBlock as T, renderSlot as U, useSlots as B, h as E } from "vue";
-import { DataGridElement as re } from "@toolbox-web/grid";
-import { createPluginFromFeature as oe } from "@toolbox-web/grid/features/registry";
-import { clearFeatureRegistry as Se, createPluginFromFeature as ke, getFeatureFactory as Fe, getRegisteredFeatures as Le, isFeatureRegistered as Me, registerFeature as Ne } from "@toolbox-web/grid/features/registry";
-import { G as H } from "./chunks/use-grid-B59B6XdD.js";
-import { u as We } from "./chunks/use-grid-B59B6XdD.js";
-const K = /* @__PURE__ */ Symbol("grid-icons");
-function ie() {
-  return L(K, void 0);
+import { defineComponent as h, provide as k, inject as A, createApp as u, createVNode as V, ref as _, computed as U, onMounted as D, onBeforeUnmount as M, watch as B, createElementBlock as P, openBlock as j, renderSlot as W, useSlots as G, h as T } from "vue";
+import { DataGridElement as K } from "@toolbox-web/grid";
+import { createPluginFromFeature as Y } from "@toolbox-web/grid/features/registry";
+import { clearFeatureRegistry as Ve, createPluginFromFeature as Te, getFeatureFactory as _e, getRegisteredFeatures as De, isFeatureRegistered as Pe, registerFeature as je } from "@toolbox-web/grid/features/registry";
+import { G as x } from "./chunks/use-grid-B59B6XdD.js";
+import { u as Be } from "./chunks/use-grid-B59B6XdD.js";
+const I = /* @__PURE__ */ Symbol("grid-icons");
+function J() {
+  return A(I, void 0);
 }
-const se = y({
+const Q = h({
   name: "GridIconProvider",
   props: {
     /**
@@ -19,17 +19,17 @@ const se = y({
       required: !0
     }
   },
-  setup(i, { slots: e }) {
-    return F(K, i.icons), () => e.default?.();
+  setup(o, { slots: r }) {
+    return k(I, o.icons), () => r.default?.();
   }
-}), Y = /* @__PURE__ */ Symbol("grid-type-defaults");
-function J() {
-  return L(Y, void 0);
+}), z = /* @__PURE__ */ Symbol("grid-type-defaults");
+function H() {
+  return A(z, void 0);
 }
-function Ee(i) {
-  return J()?.[i];
+function fe(o) {
+  return H()?.[o];
 }
-const de = y({
+const X = h({
   name: "GridTypeProvider",
   props: {
     /**
@@ -40,60 +40,60 @@ const de = y({
       required: !0
     }
   },
-  setup(i, { slots: e }) {
-    return F(Y, i.defaults), () => e.default?.();
+  setup(o, { slots: r }) {
+    return k(z, o.defaults), () => r.default?.();
   }
-}), Q = /* @__PURE__ */ new WeakMap(), X = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new Map();
-function le(i, e) {
-  const t = i.getAttribute("field"), n = v.get(i) ?? {};
-  if (n.renderer = e, v.set(i, n), t) {
-    const r = w.get(t) ?? {};
-    r.renderer = e, w.set(t, r);
+}), $ = /* @__PURE__ */ new WeakMap(), q = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), C = /* @__PURE__ */ new Map();
+function Z(o, r) {
+  const t = o.getAttribute("field"), e = v.get(o) ?? {};
+  if (e.renderer = r, v.set(o, e), t) {
+    const n = C.get(t) ?? {};
+    n.renderer = r, C.set(t, n);
   }
 }
-function ae(i, e) {
-  const t = i.getAttribute("field"), n = v.get(i) ?? {};
-  if (n.editor = e, v.set(i, n), t) {
-    const r = w.get(t) ?? {};
-    r.editor = e, w.set(t, r);
+function ee(o, r) {
+  const t = o.getAttribute("field"), e = v.get(o) ?? {};
+  if (e.editor = r, v.set(o, e), t) {
+    const n = C.get(t) ?? {};
+    n.editor = r, C.set(t, n);
   }
 }
-function ce(i) {
-  let e = v.get(i)?.renderer;
-  if (!e) {
-    const t = i.getAttribute("field");
-    t && (e = w.get(t)?.renderer);
+function te(o) {
+  let r = v.get(o)?.renderer;
+  if (!r) {
+    const t = o.getAttribute("field");
+    t && (r = C.get(t)?.renderer);
   }
-  return e;
+  return r;
 }
-function ue(i) {
-  let e = v.get(i)?.editor;
-  if (!e) {
-    const t = i.getAttribute("field");
-    t && (e = w.get(t)?.editor);
+function re(o) {
+  let r = v.get(o)?.editor;
+  if (!r) {
+    const t = o.getAttribute("field");
+    t && (r = C.get(t)?.editor);
   }
-  return e;
+  return r;
 }
-function _(i) {
-  if (i == null || typeof i == "function" && i.prototype === void 0)
+function y(o) {
+  if (o == null || typeof o == "function" && o.prototype === void 0)
     return !1;
-  if (typeof i == "object") {
-    const e = i;
-    if ("__name" in e || typeof e.setup == "function" || typeof e.render == "function") return !0;
+  if (typeof o == "object") {
+    const r = o;
+    if ("__name" in r || typeof r.setup == "function" || typeof r.render == "function") return !0;
   }
-  if (typeof i == "function") {
-    const e = Function.prototype.toString.call(i);
-    if (e.startsWith("class ") || e.startsWith("class{")) return !0;
-    const t = i;
+  if (typeof o == "function") {
+    const r = Function.prototype.toString.call(o);
+    if (r.startsWith("class ") || r.startsWith("class{")) return !0;
+    const t = o;
     if ("__name" in t || typeof t.setup == "function") return !0;
   }
   return !1;
 }
-function G(i) {
-  return typeof i == "function" && !_(i);
+function R(o) {
+  return typeof o == "function" && !y(o);
 }
-const C = /* @__PURE__ */ Symbol.for("tbw:vue-processed");
-class fe {
+const f = /* @__PURE__ */ Symbol.for("tbw:vue-processed");
+class ne {
   mountedViews = [];
   /** Editor-specific views tracked separately for per-cell cleanup via releaseCell. */
   editorViews = [];
@@ -123,9 +123,20 @@ class fe {
    * @param config - Vue grid config with possible component/VNode references
    * @returns Processed config with DOM-returning functions
    */
-  processGridConfig(e) {
-    const t = { ...e };
-    return e.columns && (t.columns = e.columns.map((n) => this.processColumn(n))), e.typeDefaults && (t.typeDefaults = this.processTypeDefaults(e.typeDefaults)), t;
+  processGridConfig(r) {
+    return this.processConfig(r);
+  }
+  /**
+   * FrameworkAdapter.processConfig implementation.
+   * Called automatically by the grid's `set gridConfig` setter.
+   */
+  processConfig(r) {
+    const t = r, e = { ...t };
+    return t.columns && (e.columns = t.columns.map((n) => this.processColumn(n))), t.typeDefaults && (e.typeDefaults = this.processTypeDefaults(t.typeDefaults)), t.loadingRenderer && (y(t.loadingRenderer) ? e.loadingRenderer = this.createComponentLoadingRenderer(
+      t.loadingRenderer
+    ) : R(t.loadingRenderer) && (e.loadingRenderer = this.createVNodeLoadingRenderer(
+      t.loadingRenderer
+    ))), e;
   }
   /**
    * Processes typeDefaults, converting Vue component/VNode references
@@ -134,19 +145,19 @@ class fe {
    * @param typeDefaults - Vue type defaults with possible component references
    * @returns Processed TypeDefault record
    */
-  processTypeDefaults(e) {
+  processTypeDefaults(r) {
     const t = {};
-    for (const [n, r] of Object.entries(e)) {
-      const s = {
-        editorParams: r.editorParams
+    for (const [e, n] of Object.entries(r)) {
+      const i = {
+        editorParams: n.editorParams
       };
-      r.renderer && (_(r.renderer) ? s.renderer = this.createConfigComponentRenderer(r.renderer) : G(r.renderer) && (s.renderer = this.createTypeRenderer(
-        r.renderer
-      ))), r.editor && (_(r.editor) ? s.editor = this.createConfigComponentEditor(
-        r.editor
-      ) : G(r.editor) && (s.editor = this.createTypeEditor(
-        r.editor
-      ))), r.filterPanelRenderer && (s.filterPanelRenderer = this.createFilterPanelRenderer(r.filterPanelRenderer)), t[n] = s;
+      n.renderer && (y(n.renderer) ? i.renderer = this.createConfigComponentRenderer(n.renderer) : R(n.renderer) && (i.renderer = this.createTypeRenderer(
+        n.renderer
+      ))), n.editor && (y(n.editor) ? i.editor = this.createConfigComponentEditor(
+        n.editor
+      ) : R(n.editor) && (i.editor = this.createTypeEditor(
+        n.editor
+      ))), n.filterPanelRenderer && (i.filterPanelRenderer = this.createFilterPanelRenderer(n.filterPanelRenderer)), t[e] = i;
     }
     return t;
   }
@@ -157,24 +168,46 @@ class fe {
    * @param column - Vue column config
    * @returns Processed ColumnConfig with DOM-returning functions
    */
-  processColumn(e) {
-    const t = { ...e };
-    if (e.renderer && !e.renderer[C]) {
-      if (_(e.renderer)) {
-        const n = this.createConfigComponentRenderer(e.renderer);
-        n[C] = !0, t.renderer = n;
-      } else if (G(e.renderer)) {
-        const n = this.createConfigVNodeRenderer(e.renderer);
-        n[C] = !0, t.renderer = n;
+  processColumn(r) {
+    const t = { ...r };
+    if (r.renderer && !r.renderer[f]) {
+      if (y(r.renderer)) {
+        const e = this.createConfigComponentRenderer(r.renderer);
+        e[f] = !0, t.renderer = e;
+      } else if (R(r.renderer)) {
+        const e = this.createConfigVNodeRenderer(r.renderer);
+        e[f] = !0, t.renderer = e;
+      }
+    }
+    if (r.editor && !r.editor[f]) {
+      if (y(r.editor)) {
+        const e = this.createConfigComponentEditor(r.editor);
+        e[f] = !0, t.editor = e;
+      } else if (R(r.editor)) {
+        const e = this.createConfigVNodeEditor(r.editor);
+        e[f] = !0, t.editor = e;
       }
     }
-    if (e.editor && !e.editor[C]) {
-      if (_(e.editor)) {
-        const n = this.createConfigComponentEditor(e.editor);
-        n[C] = !0, t.editor = n;
-      } else if (G(e.editor)) {
-        const n = this.createConfigVNodeEditor(e.editor);
-        n[C] = !0, t.editor = n;
+    if (r.headerRenderer && !r.headerRenderer[f]) {
+      if (y(r.headerRenderer)) {
+        const e = this.createConfigComponentHeaderRenderer(r.headerRenderer);
+        e[f] = !0, t.headerRenderer = e;
+      } else if (R(r.headerRenderer)) {
+        const e = this.createConfigVNodeHeaderRenderer(
+          r.headerRenderer
+        );
+        e[f] = !0, t.headerRenderer = e;
+      }
+    }
+    if (r.headerLabelRenderer && !r.headerLabelRenderer[f]) {
+      if (y(r.headerLabelRenderer)) {
+        const e = this.createConfigComponentHeaderLabelRenderer(r.headerLabelRenderer);
+        e[f] = !0, t.headerLabelRenderer = e;
+      } else if (R(r.headerLabelRenderer)) {
+        const e = this.createConfigVNodeHeaderLabelRenderer(
+          r.headerLabelRenderer
+        );
+        e[f] = !0, t.headerLabelRenderer = e;
       }
     }
     return t;
@@ -184,38 +217,38 @@ class fe {
    * Used for config-based renderers (not slot-based).
    * @internal
    */
-  createConfigComponentRenderer(e) {
+  createConfigComponentRenderer(r) {
     const t = /* @__PURE__ */ new WeakMap();
-    return (n) => {
-      const r = n.cellEl;
-      if (r) {
-        const a = t.get(r);
-        if (a)
-          return a.update(n), a.container;
-        const c = document.createElement("div");
-        c.className = "vue-cell-renderer", c.style.display = "contents";
-        let u = n;
-        const g = e, h = f({
+    return (e) => {
+      const n = e.cellEl;
+      if (n) {
+        const c = t.get(n);
+        if (c)
+          return c.update(e), c.container;
+        const d = document.createElement("div");
+        d.className = "vue-cell-renderer", d.style.display = "contents";
+        let p = e;
+        const g = r, w = u({
           render() {
-            return k(g, { ...u });
+            return V(g, { ...p });
           }
         });
-        return h.mount(c), t.set(r, {
-          app: h,
-          container: c,
-          update: (V) => {
-            u = V, h._instance?.update();
+        return w.mount(d), t.set(n, {
+          app: w,
+          container: d,
+          update: (N) => {
+            p = N, w._instance?.update();
           }
-        }), c;
+        }), d;
       }
-      const s = document.createElement("div");
-      s.className = "vue-cell-renderer", s.style.display = "contents";
-      const d = e, l = f({
+      const i = document.createElement("div");
+      i.className = "vue-cell-renderer", i.style.display = "contents";
+      const s = r, a = u({
         render() {
-          return k(d, { ...n });
+          return V(s, { ...e });
         }
       });
-      return l.mount(s), this.mountedViews.push({ app: l, container: s }), s;
+      return a.mount(i), this.mountedViews.push({ app: a, container: i }), i;
     };
   }
   /**
@@ -223,38 +256,38 @@ class fe {
    * Used for config-based renderers (not slot-based).
    * @internal
    */
-  createConfigVNodeRenderer(e) {
+  createConfigVNodeRenderer(r) {
     const t = /* @__PURE__ */ new WeakMap();
-    return (n) => {
-      const r = n.cellEl;
-      if (r) {
-        const l = t.get(r);
-        if (l)
-          return l.update(n), l.container;
-        const a = document.createElement("div");
-        a.className = "vue-cell-renderer", a.style.display = "contents";
-        let c = n;
-        const u = f({
+    return (e) => {
+      const n = e.cellEl;
+      if (n) {
+        const a = t.get(n);
+        if (a)
+          return a.update(e), a.container;
+        const c = document.createElement("div");
+        c.className = "vue-cell-renderer", c.style.display = "contents";
+        let d = e;
+        const p = u({
           render() {
-            return e(c);
+            return r(d);
           }
         });
-        return u.mount(a), t.set(r, {
-          app: u,
-          container: a,
+        return p.mount(c), t.set(n, {
+          app: p,
+          container: c,
           update: (g) => {
-            c = g, u._instance?.update();
+            d = g, p._instance?.update();
           }
-        }), a;
+        }), c;
       }
-      const s = document.createElement("div");
-      s.className = "vue-cell-renderer", s.style.display = "contents";
-      const d = f({
+      const i = document.createElement("div");
+      i.className = "vue-cell-renderer", i.style.display = "contents";
+      const s = u({
         render() {
-          return e(n);
+          return r(e);
         }
       });
-      return d.mount(s), this.mountedViews.push({ app: d, container: s }), s;
+      return s.mount(i), this.mountedViews.push({ app: s, container: i }), i;
     };
   }
   /**
@@ -262,16 +295,16 @@ class fe {
    * Used for config-based editors (not slot-based).
    * @internal
    */
-  createConfigComponentEditor(e) {
+  createConfigComponentEditor(r) {
     return (t) => {
-      const n = document.createElement("div");
-      n.className = "vue-cell-editor", n.style.display = "contents";
-      const r = e, s = f({
+      const e = document.createElement("div");
+      e.className = "vue-cell-editor", e.style.display = "contents";
+      const n = r, i = u({
         render() {
-          return k(r, { ...t });
+          return V(n, { ...t });
         }
       });
-      return s.mount(n), this.editorViews.push({ app: s, container: n }), n;
+      return i.mount(e), this.editorViews.push({ app: i, container: e }), e;
     };
   }
   /**
@@ -279,16 +312,126 @@ class fe {
    * Used for config-based editors (not slot-based).
    * @internal
    */
-  createConfigVNodeEditor(e) {
+  createConfigVNodeEditor(r) {
     return (t) => {
-      const n = document.createElement("div");
-      n.className = "vue-cell-editor", n.style.display = "contents";
-      const r = f({
+      const e = document.createElement("div");
+      e.className = "vue-cell-editor", e.style.display = "contents";
+      const n = u({
         render() {
-          return e(t);
+          return r(t);
         }
       });
-      return r.mount(n), this.editorViews.push({ app: r, container: n }), n;
+      return n.mount(e), this.editorViews.push({ app: n, container: e }), e;
+    };
+  }
+  /**
+   * Creates a DOM-returning header renderer from a Vue component class.
+   * Used for config-based headerRenderer (not slot-based).
+   * @internal
+   */
+  createConfigComponentHeaderRenderer(r) {
+    return (t) => {
+      const e = document.createElement("div");
+      e.className = "vue-header-renderer", e.style.display = "contents";
+      const n = r, i = u({
+        render() {
+          return V(n, {
+            column: t.column,
+            value: t.value,
+            sortState: t.sortState,
+            filterActive: t.filterActive,
+            renderSortIcon: t.renderSortIcon,
+            renderFilterButton: t.renderFilterButton
+          });
+        }
+      });
+      return i.mount(e), this.mountedViews.push({ app: i, container: e }), e;
+    };
+  }
+  /**
+   * Creates a DOM-returning header renderer from a VNode-returning render function.
+   * Used for config-based headerRenderer (not slot-based).
+   * @internal
+   */
+  createConfigVNodeHeaderRenderer(r) {
+    return (t) => {
+      const e = document.createElement("div");
+      e.className = "vue-header-renderer", e.style.display = "contents";
+      const n = u({
+        render() {
+          return r(t);
+        }
+      });
+      return n.mount(e), this.mountedViews.push({ app: n, container: e }), e;
+    };
+  }
+  /**
+   * Creates a DOM-returning header label renderer from a Vue component class.
+   * Used for config-based headerLabelRenderer (not slot-based).
+   * @internal
+   */
+  createConfigComponentHeaderLabelRenderer(r) {
+    return (t) => {
+      const e = document.createElement("div");
+      e.className = "vue-header-label-renderer", e.style.display = "contents";
+      const n = r, i = u({
+        render() {
+          return V(n, {
+            column: t.column,
+            value: t.value
+          });
+        }
+      });
+      return i.mount(e), this.mountedViews.push({ app: i, container: e }), e;
+    };
+  }
+  /**
+   * Creates a DOM-returning header label renderer from a VNode-returning render function.
+   * Used for config-based headerLabelRenderer (not slot-based).
+   * @internal
+   */
+  createConfigVNodeHeaderLabelRenderer(r) {
+    return (t) => {
+      const e = document.createElement("div");
+      e.className = "vue-header-label-renderer", e.style.display = "contents";
+      const n = u({
+        render() {
+          return r(t);
+        }
+      });
+      return n.mount(e), this.mountedViews.push({ app: n, container: e }), e;
+    };
+  }
+  /**
+   * Creates a DOM-returning loading renderer from a Vue component class.
+   * @internal
+   */
+  createComponentLoadingRenderer(r) {
+    return (t) => {
+      const e = document.createElement("div");
+      e.className = "vue-loading-renderer", e.style.display = "contents";
+      const n = r, i = u({
+        render() {
+          return V(n, { size: t.size });
+        }
+      });
+      return i.mount(e), this.mountedViews.push({ app: i, container: e }), e;
+    };
+  }
+  /**
+   * Creates a DOM-returning loading renderer from a VNode-returning render function.
+   * @internal
+   */
+  createVNodeLoadingRenderer(r) {
+    return (t) => {
+      const e = document.createElement("div");
+      e.className = "vue-loading-renderer", e.style.display = "contents";
+      const n = u({
+        render() {
+          return r(t);
+        }
+      });
+      return n.mount(e), this.mountedViews.push({ app: n, container: e }), e;
     };
   }
   // #endregion
@@ -298,132 +441,132 @@ class fe {
    *
    * @internal
    */
-  setTypeDefaults(e) {
-    this.typeDefaults = e;
+  setTypeDefaults(r) {
+    this.typeDefaults = r;
   }
   /**
    * Determines if this adapter can handle the given element.
    * Checks if a renderer or editor is registered for this element.
    */
-  canHandle(e) {
-    const t = e.getAttribute("field");
-    let n = v.get(e);
-    if (!n && t) {
-      const d = w.get(t);
-      d && (d.renderer || d.editor) && (n = d, v.set(e, n));
+  canHandle(r) {
+    const t = r.getAttribute("field");
+    let e = v.get(r);
+    if (!e && t) {
+      const s = C.get(t);
+      s && (s.renderer || s.editor) && (e = s, v.set(r, e));
     }
-    const r = n?.renderer !== void 0, s = n?.editor !== void 0;
-    return n !== void 0 && (r || s);
+    const n = e?.renderer !== void 0, i = e?.editor !== void 0;
+    return e !== void 0 && (n || i);
   }
   /**
    * Creates a view renderer function that renders a Vue component
    * and returns its container DOM element.
    */
-  createRenderer(e) {
-    const t = ce(e);
+  createRenderer(r) {
+    const t = te(r);
     if (!t)
       return;
-    const n = /* @__PURE__ */ new WeakMap();
-    return (r) => {
-      const s = r.cellEl;
-      if (s) {
-        const a = n.get(s);
-        if (a)
-          return a.update(r), a.container;
-        const c = document.createElement("div");
-        c.className = "vue-cell-renderer", c.style.display = "contents";
-        let u = r;
-        const g = f({
+    const e = /* @__PURE__ */ new WeakMap();
+    return (n) => {
+      const i = n.cellEl;
+      if (i) {
+        const c = e.get(i);
+        if (c)
+          return c.update(n), c.container;
+        const d = document.createElement("div");
+        d.className = "vue-cell-renderer", d.style.display = "contents";
+        let p = n;
+        const g = u({
           render() {
-            return t(u);
+            return t(p);
           }
         });
-        return g.mount(c), n.set(s, {
+        return g.mount(d), e.set(i, {
           app: g,
-          container: c,
-          update: (h) => {
-            u = h, g._instance?.update();
+          container: d,
+          update: (w) => {
+            p = w, g._instance?.update();
           }
-        }), c;
+        }), d;
       }
-      const d = document.createElement("div");
-      d.className = "vue-cell-renderer", d.style.display = "contents";
-      const l = f({
+      const s = document.createElement("div");
+      s.className = "vue-cell-renderer", s.style.display = "contents";
+      const a = u({
         render() {
-          return t(r);
+          return t(n);
         }
       });
-      return l.mount(d), this.mountedViews.push({ app: l, container: d }), d;
+      return a.mount(s), this.mountedViews.push({ app: a, container: s }), s;
     };
   }
   /**
    * Creates an editor spec that renders a Vue component for cell editing.
    * Returns a function that creates the editor DOM element.
    */
-  createEditor(e) {
-    const t = ue(e);
+  createEditor(r) {
+    const t = re(r);
     if (t)
-      return (n) => {
-        const r = document.createElement("div");
-        r.className = "vue-cell-editor", r.style.display = "contents";
-        const s = f({
+      return (e) => {
+        const n = document.createElement("div");
+        n.className = "vue-cell-editor", n.style.display = "contents";
+        const i = u({
           render() {
-            return t(n);
+            return t(e);
           }
         });
-        return s.mount(r), this.editorViews.push({ app: s, container: r }), r;
+        return i.mount(n), this.editorViews.push({ app: i, container: n }), n;
       };
   }
   /**
    * Framework adapter hook called by MasterDetailPlugin during attach().
    * Parses the <tbw-grid-detail> element and returns a Vue-based renderer.
    */
-  parseDetailElement(e) {
-    const t = e.closest("tbw-grid");
+  parseDetailElement(r) {
+    const t = r.closest("tbw-grid");
     if (!t) return;
-    const n = t.querySelector("tbw-grid-detail");
-    if (!n) return;
-    const r = Q.get(n);
-    if (r)
-      return (s, d) => {
-        const l = document.createElement("div");
-        l.className = "vue-detail-panel";
-        const c = r({ row: s, rowIndex: d });
-        if (c && c.length > 0) {
-          const u = f({
+    const e = t.querySelector("tbw-grid-detail");
+    if (!e) return;
+    const n = $.get(e);
+    if (n)
+      return (i, s) => {
+        const a = document.createElement("div");
+        a.className = "vue-detail-panel";
+        const d = n({ row: i, rowIndex: s });
+        if (d && d.length > 0) {
+          const p = u({
             render() {
-              return c;
+              return d;
             }
           });
-          u.mount(l), this.mountedViews.push({ app: u, container: l });
+          p.mount(a), this.mountedViews.push({ app: p, container: a });
         }
-        return l;
+        return a;
       };
   }
   /**
    * Framework adapter hook called by ResponsivePlugin during attach().
    * Parses the <tbw-grid-responsive-card> element and returns a Vue-based renderer.
    */
-  parseResponsiveCardElement(e) {
-    const t = e.closest("tbw-grid");
+  parseResponsiveCardElement(r) {
+    const t = r.closest("tbw-grid");
     if (!t) return;
-    const n = t.querySelector("tbw-grid-responsive-card");
-    if (!n) return;
-    const r = X.get(n);
-    if (r)
-      return (s, d) => {
-        const l = document.createElement("div");
-        l.className = "vue-responsive-card";
-        const c = r({ row: s, rowIndex: d });
-        if (c && c.length > 0) {
-          const u = f({
+    const e = t.querySelector("tbw-grid-responsive-card");
+    if (!e) return;
+    const n = q.get(e);
+    if (n)
+      return (i, s) => {
+        const a = document.createElement("div");
+        a.className = "vue-responsive-card";
+        const d = n({ row: i, rowIndex: s });
+        if (d && d.length > 0) {
+          const p = u({
             render() {
-              return c;
+              return d;
             }
           });
-          u.mount(l), this.mountedViews.push({ app: u, container: l });
+          p.mount(a), this.mountedViews.push({ app: p, container: a });
         }
-        return l;
+        return a;
       };
   }
   // #region Type Defaults Support
@@ -455,47 +598,47 @@ class fe {
    * </template>
    * ```
    */
-  getTypeDefault(e) {
+  getTypeDefault(r) {
     if (!this.typeDefaults)
       return;
-    const t = this.typeDefaults[e];
+    const t = this.typeDefaults[r];
     if (!t)
       return;
-    const n = {
+    const e = {
       editorParams: t.editorParams
     };
-    return t.renderer && (n.renderer = this.createTypeRenderer(t.renderer)), t.editor && (n.editor = this.createTypeEditor(t.editor)), t.filterPanelRenderer && (n.filterPanelRenderer = this.createFilterPanelRenderer(t.filterPanelRenderer)), n;
+    return t.renderer && (e.renderer = this.createTypeRenderer(t.renderer)), t.editor && (e.editor = this.createTypeEditor(t.editor)), t.filterPanelRenderer && (e.filterPanelRenderer = this.createFilterPanelRenderer(t.filterPanelRenderer)), e;
   }
   /**
    * Creates a renderer function from a Vue render function for type defaults.
    * @internal
    */
-  createTypeRenderer(e) {
+  createTypeRenderer(r) {
     return (t) => {
-      const n = document.createElement("span");
-      n.style.display = "contents";
-      const r = f({
+      const e = document.createElement("span");
+      e.style.display = "contents";
+      const n = u({
         render() {
-          return e(t);
+          return r(t);
         }
       });
-      return r.mount(n), this.mountedViews.push({ app: r, container: n }), n;
+      return n.mount(e), this.mountedViews.push({ app: n, container: e }), e;
     };
   }
   /**
    * Creates an editor function from a Vue render function for type defaults.
    * @internal
    */
-  createTypeEditor(e) {
+  createTypeEditor(r) {
     return (t) => {
-      const n = document.createElement("span");
-      n.style.display = "contents";
-      const r = f({
+      const e = document.createElement("span");
+      e.style.display = "contents";
+      const n = u({
         render() {
-          return e(t);
+          return r(t);
         }
       });
-      return r.mount(n), this.editorViews.push({ app: r, container: n }), n;
+      return n.mount(e), this.editorViews.push({ app: n, container: e }), e;
     };
   }
   /**
@@ -505,16 +648,16 @@ class fe {
    * imperative `(container, params) => void` signature expected by the core grid.
    * @internal
    */
-  createFilterPanelRenderer(e) {
-    return (t, n) => {
-      const r = document.createElement("div");
-      r.style.display = "contents";
-      const s = f({
+  createFilterPanelRenderer(r) {
+    return (t, e) => {
+      const n = document.createElement("div");
+      n.style.display = "contents";
+      const i = u({
         render() {
-          return e(n);
+          return r(e);
         }
       });
-      s.mount(r), this.mountedViews.push({ app: s, container: r }), t.appendChild(r);
+      i.mount(n), this.mountedViews.push({ app: i, container: n }), t.appendChild(n);
     };
   }
   // #endregion
@@ -522,15 +665,15 @@ class fe {
    * Cleanup all mounted Vue apps.
    */
   cleanup() {
-    for (const { app: e, container: t } of this.mountedViews)
+    for (const { app: r, container: t } of this.mountedViews)
       try {
-        e.unmount(), t.remove();
+        r.unmount(), t.remove();
       } catch {
       }
     this.mountedViews = [];
-    for (const { app: e, container: t } of this.editorViews)
+    for (const { app: r, container: t } of this.editorViews)
       try {
-        e.unmount(), t.remove();
+        r.unmount(), t.remove();
       } catch {
       }
     this.editorViews = [];
@@ -540,12 +683,12 @@ class fe {
    * Finds the matching entry in mountedViews by container reference
    * and properly destroys the Vue app to prevent memory leaks.
    */
-  unmount(e) {
+  unmount(r) {
     for (let t = this.mountedViews.length - 1; t >= 0; t--) {
-      const n = this.mountedViews[t];
-      if (n.container === e || e.contains(n.container)) {
+      const e = this.mountedViews[t];
+      if (e.container === r || r.contains(e.container)) {
         try {
-          n.app.unmount();
+          e.app.unmount();
         } catch {
         }
         this.mountedViews.splice(t, 1);
@@ -557,12 +700,12 @@ class fe {
    * Called when a cell's content is about to be wiped.
    * Destroys editor Vue apps whose container is inside the cell.
    */
-  releaseCell(e) {
+  releaseCell(r) {
     for (let t = this.editorViews.length - 1; t >= 0; t--) {
-      const { app: n, container: r } = this.editorViews[t];
-      if (e.contains(r)) {
+      const { app: e, container: n } = this.editorViews[t];
+      if (r.contains(n)) {
         try {
-          n.unmount(), r.remove();
+          e.unmount(), n.remove();
         } catch {
         }
         this.editorViews.splice(t, 1);
@@ -570,7 +713,7 @@ class fe {
     }
   }
 }
-const pe = fe, Re = /* @__PURE__ */ y({
+const oe = ne, me = /* @__PURE__ */ h({
   __name: "TbwGrid",
   props: {
     /** Row data to display */
@@ -621,7 +764,7 @@ const pe = fe, Re = /* @__PURE__ */ y({
       type: [Boolean, String, Object],
       default: void 0
     },
-    /** @deprecated Use multiSort instead */
+    /** @deprecated Use multiSort instead. Will be removed in v2. */
     sorting: {
       type: [Boolean, String, Object],
       default: void 0
@@ -636,7 +779,7 @@ const pe = fe, Re = /* @__PURE__ */ y({
       type: [Boolean, Object],
       default: void 0
     },
-    /** @deprecated Use `reorderColumns` instead */
+    /** @deprecated Use `reorderColumns` instead. Will be removed in v2. */
     reorder: {
       type: [Boolean, Object],
       default: void 0
@@ -666,7 +809,7 @@ const pe = fe, Re = /* @__PURE__ */ y({
       type: [Boolean, Object],
       default: void 0
     },
-    /** @deprecated Use `reorderRows` instead */
+    /** @deprecated Use `reorderRows` instead. Will be removed in v2. */
     rowReorder: {
       type: [Boolean, Object],
       default: void 0
@@ -722,16 +865,41 @@ const pe = fe, Re = /* @__PURE__ */ y({
       default: void 0
     }
   },
-  emits: ["cell-commit", "row-commit", "cell-click", "cell-dblclick", "selection-change", "row-toggle", "sort-change", "ready"],
-  setup(i, { expose: e, emit: t }) {
-    let n = !1, r = null;
-    function s() {
-      return n || (r = new pe(), re.registerAdapter(r), n = !0), r;
+  emits: ["cell-click", "row-click", "cell-activate", "cell-change", "cell-commit", "row-commit", "sort-change", "filter-change", "column-resize", "column-move", "column-visibility", "column-state-change", "selection-change", "row-move", "group-toggle", "tree-expand", "detail-expand", "responsive-change", "copy", "paste", "undo-redo", "export-complete", "print-start", "print-complete"],
+  setup(o, { expose: r, emit: t }) {
+    let e = !1, n = null;
+    function i() {
+      return e || (n = new oe(), K.registerAdapter(n), e = !0), n;
     }
-    s();
-    const d = i, l = t, a = R(null);
-    F(H, a);
-    const c = J(), u = ie(), g = [
+    i();
+    const s = o, a = {
+      "cell-click": "",
+      "row-click": "",
+      "cell-activate": "",
+      "cell-change": "",
+      "cell-commit": "",
+      "row-commit": "",
+      "sort-change": "",
+      "filter-change": "",
+      "column-resize": "",
+      "column-move": "",
+      "column-visibility": "",
+      "column-state-change": "",
+      "selection-change": "",
+      "row-move": "",
+      "group-toggle": "",
+      "tree-expand": "",
+      "detail-expand": "",
+      "responsive-change": "",
+      copy: "",
+      paste: "",
+      "undo-redo": "",
+      "export-complete": "",
+      "print-start": "",
+      "print-complete": ""
+    }, c = t, d = _(null);
+    k(x, d);
+    const p = H(), g = J(), w = [
       "selection",
       "editing",
       "clipboard",
@@ -760,115 +928,76 @@ const pe = fe, Re = /* @__PURE__ */ y({
       "pivot",
       "serverSide"
     ];
-    function h() {
-      const o = [];
-      for (const p of g) {
-        const b = d[p];
+    function N() {
+      const l = [];
+      for (const m of w) {
+        const b = s[m];
         if (b !== void 0) {
-          const m = oe(p, b);
-          m && o.push(m);
+          const E = Y(m, b);
+          E && l.push(E);
         }
       }
-      return o;
+      return l;
     }
-    const V = ne(() => {
-      const o = d.gridConfig ?? {}, p = h(), b = o.plugins ?? [], m = [...p, ...b], j = u ? { ...o.icons, ...u } : o.icons;
+    const S = U(() => {
+      const l = s.gridConfig ?? {}, m = N(), b = l.plugins ?? [], E = [...m, ...b], O = g ? { ...l.icons, ...g } : l.icons;
       return {
-        ...o,
-        ...d.columns ? { columns: d.columns } : {},
-        ...m.length > 0 ? { plugins: m } : {},
-        ...j ? { icons: j } : {}
+        ...l,
+        ...s.columns ? { columns: s.columns } : {},
+        ...E.length > 0 ? { plugins: E } : {},
+        ...O ? { icons: O } : {}
       };
-    });
-    function M(o) {
-      l("cell-commit", o);
-    }
-    function N(o) {
-      l("row-commit", o);
-    }
-    function A(o) {
-      l("cell-click", o);
-    }
-    function W(o) {
-      l("cell-dblclick", o);
-    }
-    function I(o) {
-      l("selection-change", o);
-    }
-    function x(o) {
-      l("row-toggle", o);
-    }
-    function $(o) {
-      l("sort-change", o);
-    }
-    function z(o) {
-      l("ready", o);
-    }
-    function Z(o, p) {
-      const b = Object.getPrototypeOf(o), m = Object.getOwnPropertyDescriptor(b, "gridConfig");
-      if (!m?.set || !m?.get) return;
-      const j = m.set, te = m.get;
-      Object.defineProperty(o, "gridConfig", {
-        get() {
-          return te.call(this);
-        },
-        set(S) {
-          S && p ? j.call(this, p.processGridConfig(S)) : j.call(this, S);
-        },
-        configurable: !0
-      });
-    }
-    function ee(o) {
-      delete o.gridConfig;
-    }
-    return O(() => {
-      const o = a.value;
-      if (!o) return;
-      const p = s();
-      o.__frameworkAdapter = p, p.setTypeDefaults(c ?? null), Z(o, p), o.addEventListener("cell-commit", M), o.addEventListener("row-commit", N), o.addEventListener("cell-click", A), o.addEventListener("cell-dblclick", W), o.addEventListener("selection-change", I), o.addEventListener("row-toggle", x), o.addEventListener("sort-change", $), o.addEventListener("ready", z), d.rows.length > 0 && (o.rows = d.rows), V.value && (o.gridConfig = V.value), d.fitMode && (o.fitMode = d.fitMode);
-    }), q(() => {
-      const o = a.value;
-      o && (ee(o), o.removeEventListener("cell-commit", M), o.removeEventListener("row-commit", N), o.removeEventListener("cell-click", A), o.removeEventListener("cell-dblclick", W), o.removeEventListener("selection-change", I), o.removeEventListener("row-toggle", x), o.removeEventListener("sort-change", $), o.removeEventListener("ready", z));
-    }), D(
-      () => d.rows,
-      (o) => {
-        a.value && (a.value.rows = o);
+    }), F = [];
+    return D(() => {
+      const l = d.value;
+      if (!l) return;
+      const m = i();
+      l.__frameworkAdapter = m, m.setTypeDefaults(p ?? null);
+      for (const b of Object.keys(a))
+        F.push(l.on(b, (E, O) => c(b, O)));
+      s.rows.length > 0 && (l.rows = s.rows), S.value && (l.gridConfig = S.value), s.fitMode && (l.fitMode = s.fitMode);
+    }), M(() => {
+      d.value && (F.forEach((m) => m()), F.length = 0);
+    }), B(
+      () => s.rows,
+      (l) => {
+        d.value && (d.value.rows = l);
       },
       { deep: !0 }
-    ), D(
-      V,
-      (o) => {
-        a.value && o && (a.value.gridConfig = o);
+    ), B(
+      S,
+      (l) => {
+        d.value && l && (d.value.gridConfig = l);
       },
       { deep: !0 }
-    ), D(
-      () => d.fitMode,
-      (o) => {
-        a.value && o && (a.value.fitMode = o);
+    ), B(
+      () => s.fitMode,
+      (l) => {
+        d.value && l && (d.value.fitMode = l);
       }
-    ), D(
-      () => c,
-      (o) => {
-        s().setTypeDefaults(o ?? null);
+    ), B(
+      () => p,
+      (l) => {
+        i().setTypeDefaults(l ?? null);
       },
       { deep: !0 }
-    ), e({
+    ), r({
       /** The underlying grid element */
-      gridElement: a,
+      gridElement: d,
       /** Force a layout recalculation */
-      forceLayout: () => a.value?.forceLayout(),
+      forceLayout: () => d.value?.forceLayout(),
       /** Get current grid configuration */
-      getConfig: () => a.value?.getConfig(),
+      getConfig: () => d.value?.getConfig(),
       /** Wait for grid to be ready */
-      ready: () => a.value?.ready()
-    }), (o, p) => (T(), P("tbw-grid", {
+      ready: () => d.value?.ready()
+    }), (l, m) => (j(), P("tbw-grid", {
       ref_key: "gridRef",
-      ref: a
+      ref: d
     }, [
-      U(o.$slots, "default")
+      W(l.$slots, "default")
     ], 512));
   }
-}), me = ["field", "header", "width", "min-width", "max-width", "sortable", "resizable", "editable", "type", "align", "hidden"], Oe = /* @__PURE__ */ y({
+}), ie = ["field", "header", "width", "min-width", "max-width", "sortable", "resizable", "editable", "type", "align", "hidden"], ge = /* @__PURE__ */ h({
   __name: "TbwGridColumn",
   props: {
     field: {},
@@ -883,91 +1012,91 @@ const pe = fe, Re = /* @__PURE__ */ y({
     align: {},
     hidden: { type: Boolean }
   },
-  setup(i) {
-    const e = B(), t = R(null);
-    return O(() => {
-      const n = t.value;
-      if (!n) return;
-      const r = !!e.cell, s = !!e.editor;
-      r && le(n, (d) => {
-        const l = e.cell;
-        if (!l) return E("span");
-        const a = l({
-          value: d.value,
-          row: d.row,
-          column: d.column
+  setup(o) {
+    const r = G(), t = _(null);
+    return D(() => {
+      const e = t.value;
+      if (!e) return;
+      const n = !!r.cell, i = !!r.editor;
+      n && Z(e, (s) => {
+        const a = r.cell;
+        if (!a) return T("span");
+        const c = a({
+          value: s.value,
+          row: s.row,
+          column: s.column
         });
-        return E("div", { style: "display: contents" }, a);
-      }), s && ae(n, (d) => {
-        const l = e.editor;
-        if (!l) return E("span");
-        const a = l({
-          value: d.value,
-          row: d.row,
-          column: d.column,
-          field: d.field,
-          rowId: d.rowId ?? "",
-          commit: d.commit,
-          cancel: d.cancel,
-          updateRow: d.updateRow,
-          onValueChange: d.onValueChange
+        return T("div", { style: "display: contents" }, c);
+      }), i && ee(e, (s) => {
+        const a = r.editor;
+        if (!a) return T("span");
+        const c = a({
+          value: s.value,
+          row: s.row,
+          column: s.column,
+          field: s.field,
+          rowId: s.rowId ?? "",
+          commit: s.commit,
+          cancel: s.cancel,
+          updateRow: s.updateRow,
+          onValueChange: s.onValueChange
         });
-        return E("div", { style: "display: contents" }, a);
+        return T("div", { style: "display: contents" }, c);
       });
-    }), (n, r) => (T(), P("tbw-grid-column", {
+    }), (e, n) => (j(), P("tbw-grid-column", {
       ref_key: "columnRef",
       ref: t,
-      field: i.field,
-      header: i.header,
-      width: i.width,
-      "min-width": i.minWidth,
-      "max-width": i.maxWidth,
-      sortable: i.sortable,
-      resizable: i.resizable,
-      editable: i.editable,
-      type: i.type,
-      align: i.align,
-      hidden: i.hidden
-    }, null, 8, me));
+      field: o.field,
+      header: o.header,
+      width: o.width,
+      "min-width": o.minWidth,
+      "max-width": o.maxWidth,
+      sortable: o.sortable,
+      resizable: o.resizable,
+      editable: o.editable,
+      type: o.type,
+      align: o.align,
+      hidden: o.hidden
+    }, null, 8, ie));
   }
-}), ge = ["show-expand-column", "animation"], Pe = /* @__PURE__ */ y({
+}), se = ["show-expand-column", "animation"], he = /* @__PURE__ */ h({
   __name: "TbwGridDetailPanel",
   props: {
     showExpandColumn: { type: Boolean, default: !0 },
     animation: { type: [String, Boolean], default: "slide" }
   },
-  setup(i) {
-    const e = R(null), t = B();
-    return O(() => {
-      const n = e.value;
-      !n || !t.default || Q.set(n, (r) => t.default?.(r));
-    }), (n, r) => (T(), P("tbw-grid-detail", {
+  setup(o) {
+    const r = _(null), t = G();
+    return D(() => {
+      const e = r.value;
+      !e || !t.default || $.set(e, (n) => t.default?.(n));
+    }), (e, n) => (j(), P("tbw-grid-detail", {
       ref_key: "detailRef",
-      ref: e,
-      "show-expand-column": i.showExpandColumn,
-      animation: i.animation
-    }, null, 8, ge));
+      ref: r,
+      "show-expand-column": o.showExpandColumn,
+      animation: o.animation
+    }, null, 8, se));
   }
-}), Te = /* @__PURE__ */ y({
+}), ye = /* @__PURE__ */ h({
   __name: "TbwGridResponsiveCard",
-  setup(i) {
-    const e = R(null), t = B();
-    return O(() => {
-      const n = e.value;
-      !n || !t.default || X.set(n, (r) => t.default?.(r));
-    }), (n, r) => (T(), P("tbw-grid-responsive-card", {
+  setup(o) {
+    const r = _(null), t = G();
+    return D(() => {
+      const e = r.value;
+      !e || !t.default || q.set(e, (n) => t.default?.(n));
+    }), (e, n) => (j(), P("tbw-grid-responsive-card", {
       ref_key: "cardRef",
-      ref: e
+      ref: r
     }, null, 512));
   }
-}), Ve = /* @__PURE__ */ y({
+}), ve = /* @__PURE__ */ h({
   __name: "TbwGridToolButtons",
-  setup(i) {
-    return (e, t) => (T(), P("tbw-grid-tool-buttons", null, [
-      U(e.$slots, "default")
+  setup(o) {
+    return (r, t) => (j(), P("tbw-grid-tool-buttons", null, [
+      W(r.$slots, "default")
     ]));
   }
-}), ye = /* @__PURE__ */ new WeakMap(), ve = ["id", "label", "icon", "position", "width"], je = /* @__PURE__ */ y({
+}), de = /* @__PURE__ */ new WeakMap(), ae = ["id", "label", "icon", "position", "width"], we = /* @__PURE__ */ h({
   __name: "TbwGridToolPanel",
   props: {
     id: {},
@@ -976,35 +1105,42 @@ const pe = fe, Re = /* @__PURE__ */ y({
     position: { default: "right" },
     width: { default: "250px" }
   },
-  setup(i) {
-    const e = R(null), t = B();
-    return O(() => {
-      const n = e.value;
-      !n || !t.default || ye.set(n, (r) => t.default?.(r));
-    }), (n, r) => (T(), P("tbw-grid-tool-panel", {
+  setup(o) {
+    const r = _(null), t = G();
+    return D(() => {
+      const e = r.value;
+      !e || !t.default || de.set(e, (n) => t.default?.(n));
+    }), (e, n) => (j(), P("tbw-grid-tool-panel", {
       ref_key: "panelRef",
-      ref: e,
-      id: i.id,
-      label: i.label,
-      icon: i.icon,
-      position: i.position,
-      width: i.width
-    }, null, 8, ve));
+      ref: r,
+      id: o.id,
+      label: o.label,
+      icon: o.icon,
+      position: o.position,
+      width: o.width
+    }, null, 8, ae));
   }
 });
-function _e(i, e, t) {
-  const n = t ?? L(H, R(null));
-  let r = null;
-  O(() => {
-    const s = n.value;
-    if (!s) return;
-    const d = e;
-    s.addEventListener(i, d), r = () => s.removeEventListener(i, d);
-  }), q(() => {
-    r?.();
+let L = !1;
+function be(o, r, t) {
+  !L && typeof window < "u" && (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1" || window.location.hostname.includes(".local")) && (L = !0, console.warn(
+    `[useGridEvent] Deprecated: Use @event handlers directly on <TbwGrid> instead.
+Example: <TbwGrid @selection-change="handler" />
+See migration guide: https://toolboxjs.com/grid-vue/migration`
+  ));
+  const e = t ?? A(x, _(null));
+  let n = null;
+  D(() => {
+    const i = e.value;
+    i && (n = i.on(
+      o,
+      (s, a) => r(a)
+    ));
+  }), M(() => {
+    n?.();
   });
 }
-const De = y({
+const Re = h({
   name: "GridProvider",
   props: {
     /**
@@ -1022,39 +1158,47 @@ const De = y({
       default: void 0
     }
   },
-  setup(i, { slots: e }) {
+  setup(o, { slots: r }) {
     return () => {
-      let t = e.default?.();
-      return i.typeDefaults && (t = E(de, { defaults: i.typeDefaults }, () => t)), i.icons && (t = E(se, { icons: i.icons }, () => t)), t;
+      let t = r.default?.();
+      if (o.typeDefaults) {
+        const e = t;
+        t = T(X, { defaults: o.typeDefaults }, () => e);
+      }
+      if (o.icons) {
+        const e = t;
+        t = T(Q, { icons: o.icons }, () => e);
+      }
+      return t;
     };
   }
 });
 export {
-  H as GRID_ELEMENT_KEY,
-  K as GRID_ICONS,
-  Y as GRID_TYPE_DEFAULTS,
-  fe as GridAdapter,
-  se as GridIconProvider,
-  De as GridProvider,
-  de as GridTypeProvider,
-  Re as TbwGrid,
-  Oe as TbwGridColumn,
-  Pe as TbwGridDetailPanel,
-  Te as TbwGridResponsiveCard,
-  Ve as TbwGridToolButtons,
-  je as TbwGridToolPanel,
-  pe as VueGridAdapter,
-  Se as clearFeatureRegistry,
-  ke as createPluginFromFeature,
-  Fe as getFeatureFactory,
-  Le as getRegisteredFeatures,
-  Me as isFeatureRegistered,
-  _ as isVueComponent,
-  Ne as registerFeature,
-  We as useGrid,
-  _e as useGridEvent,
-  ie as useGridIcons,
-  J as useGridTypeDefaults,
-  Ee as useTypeDefault
+  x as GRID_ELEMENT_KEY,
+  I as GRID_ICONS,
+  z as GRID_TYPE_DEFAULTS,
+  ne as GridAdapter,
+  Q as GridIconProvider,
+  Re as GridProvider,
+  X as GridTypeProvider,
+  me as TbwGrid,
+  ge as TbwGridColumn,
+  he as TbwGridDetailPanel,
+  ye as TbwGridResponsiveCard,
+  ve as TbwGridToolButtons,
+  we as TbwGridToolPanel,
+  oe as VueGridAdapter,
+  Ve as clearFeatureRegistry,
+  Te as createPluginFromFeature,
+  _e as getFeatureFactory,
+  De as getRegisteredFeatures,
+  Pe as isFeatureRegistered,
+  y as isVueComponent,
+  je as registerFeature,
+  Be as useGrid,
+  be as useGridEvent,
+  J as useGridIcons,
+  H as useGridTypeDefaults,
+  fe as useTypeDefault
 };
 //# sourceMappingURL=index.js.map