@toolbox-web/grid-vue 0.3.1 → 0.4.0

package/index.js

@@ -1,12 +1,12 @@
-import { defineComponent as y, provide as L, inject as M, createApp as p, createVNode as V, ref as R, computed as ne, onMounted as T, onBeforeUnmount as q, watch as B, createElementBlock as O, openBlock as _, renderSlot as U, useSlots as P, h as C } from "vue";
+import { defineComponent as y, provide as L, inject as F, createApp as f, createVNode as k, ref as R, computed as ne, onMounted as T, onBeforeUnmount as q, watch as j, createElementBlock as O, openBlock as P, renderSlot as U, useSlots as S, h as C } from "vue";
 import { DataGridElement as re } from "@toolbox-web/grid";
 import { c as oe } from "./chunks/feature-registry-BgEOysSJ.js";
-import { a as ke, g as Ve, b as Le, i as Me, r as Ne } from "./chunks/feature-registry-BgEOysSJ.js";
+import { a as Ve, g as ke, b as Le, i as Fe, r as Me } from "./chunks/feature-registry-BgEOysSJ.js";
 import { G as H } from "./chunks/use-grid-DwjXrO19.js";
-import { u as Fe } from "./chunks/use-grid-DwjXrO19.js";
+import { u as Ae } from "./chunks/use-grid-DwjXrO19.js";
 const K = /* @__PURE__ */ Symbol("grid-icons");
 function ie() {
-  return M(K, void 0);
+  return F(K, void 0);
 }
 const se = y({
   name: "GridIconProvider",
@@ -24,7 +24,7 @@ const se = y({
   }
 }), Y = /* @__PURE__ */ Symbol("grid-type-defaults");
 function J() {
-  return M(Y, void 0);
+  return F(Y, void 0);
 }
 function Ce(i) {
   return J()?.[i];
@@ -43,26 +43,26 @@ const de = y({
   setup(i, { slots: e }) {
     return L(Y, i.defaults), () => e.default?.();
   }
-}), Q = /* @__PURE__ */ new WeakMap(), X = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), b = /* @__PURE__ */ new Map();
+}), Q = /* @__PURE__ */ new WeakMap(), X = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new Map();
 function le(i, e) {
   const n = i.getAttribute("field"), t = v.get(i) ?? {};
   if (t.renderer = e, v.set(i, t), n) {
-    const r = b.get(n) ?? {};
-    r.renderer = e, b.set(n, r);
+    const r = w.get(n) ?? {};
+    r.renderer = e, w.set(n, r);
   }
 }
-function ce(i, e) {
+function ae(i, e) {
   const n = i.getAttribute("field"), t = v.get(i) ?? {};
   if (t.editor = e, v.set(i, t), n) {
-    const r = b.get(n) ?? {};
-    r.editor = e, b.set(n, r);
+    const r = w.get(n) ?? {};
+    r.editor = e, w.set(n, r);
   }
 }
-function ae(i) {
+function ce(i) {
   let e = v.get(i)?.renderer;
   if (!e) {
     const n = i.getAttribute("field");
-    n && (e = b.get(n)?.renderer);
+    n && (e = w.get(n)?.renderer);
   }
   return e;
 }
@@ -70,11 +70,11 @@ function ue(i) {
   let e = v.get(i)?.editor;
   if (!e) {
     const n = i.getAttribute("field");
-    n && (e = b.get(n)?.editor);
+    n && (e = w.get(n)?.editor);
   }
   return e;
 }
-function j(i) {
+function G(i) {
   if (i == null || typeof i == "function" && i.prototype === void 0)
     return !1;
   if (typeof i == "object") {
@@ -89,8 +89,8 @@ function j(i) {
   }
   return !1;
 }
-function S(i) {
-  return typeof i == "function" && !j(i);
+function B(i) {
+  return typeof i == "function" && !G(i);
 }
 const E = /* @__PURE__ */ Symbol.for("tbw:vue-processed");
 class fe {
@@ -138,13 +138,13 @@ class fe {
       const s = {
         editorParams: r.editorParams
       };
-      r.renderer && (j(r.renderer) ? s.renderer = this.createConfigComponentRenderer(r.renderer) : S(r.renderer) && (s.renderer = this.createTypeRenderer(
+      r.renderer && (G(r.renderer) ? s.renderer = this.createConfigComponentRenderer(r.renderer) : B(r.renderer) && (s.renderer = this.createTypeRenderer(
         r.renderer
-      ))), r.editor && (j(r.editor) ? s.editor = this.createConfigComponentEditor(
+      ))), r.editor && (G(r.editor) ? s.editor = this.createConfigComponentEditor(
         r.editor
-      ) : S(r.editor) && (s.editor = this.createTypeEditor(
+      ) : B(r.editor) && (s.editor = this.createTypeEditor(
         r.editor
-      ))), n[t] = s;
+      ))), r.filterPanelRenderer && (s.filterPanelRenderer = this.createFilterPanelRenderer(r.filterPanelRenderer)), n[t] = s;
     }
     return n;
   }
@@ -158,19 +158,19 @@ class fe {
   processColumn(e) {
     const n = { ...e };
     if (e.renderer && !e.renderer[E]) {
-      if (j(e.renderer)) {
+      if (G(e.renderer)) {
         const t = this.createConfigComponentRenderer(e.renderer);
         t[E] = !0, n.renderer = t;
-      } else if (S(e.renderer)) {
+      } else if (B(e.renderer)) {
         const t = this.createConfigVNodeRenderer(e.renderer);
         t[E] = !0, n.renderer = t;
       }
     }
     if (e.editor && !e.editor[E]) {
-      if (j(e.editor)) {
+      if (G(e.editor)) {
         const t = this.createConfigComponentEditor(e.editor);
         t[E] = !0, n.editor = t;
-      } else if (S(e.editor)) {
+      } else if (B(e.editor)) {
         const t = this.createConfigVNodeEditor(e.editor);
         t[E] = !0, n.editor = t;
       }
@@ -187,30 +187,30 @@ class fe {
     return (t) => {
       const r = t.cellEl;
       if (r) {
-        const c = n.get(r);
-        if (c)
-          return c.update(t), c.container;
-        const a = document.createElement("div");
-        a.className = "vue-cell-renderer", a.style.display = "contents";
+        const a = n.get(r);
+        if (a)
+          return a.update(t), a.container;
+        const c = document.createElement("div");
+        c.className = "vue-cell-renderer", c.style.display = "contents";
         let u = t;
-        const g = e, h = p({
+        const g = e, h = f({
           render() {
-            return V(g, { ...u });
+            return k(g, { ...u });
           }
         });
-        return h.mount(a), n.set(r, {
+        return h.mount(c), n.set(r, {
           app: h,
-          container: a,
-          update: (D) => {
-            u = D, h._instance?.update();
+          container: c,
+          update: (_) => {
+            u = _, h._instance?.update();
           }
-        }), a;
+        }), c;
       }
       const s = document.createElement("div");
       s.className = "vue-cell-renderer", s.style.display = "contents";
-      const d = e, l = p({
+      const d = e, l = f({
         render() {
-          return V(d, { ...t });
+          return k(d, { ...t });
         }
       });
       return l.mount(s), this.mountedViews.push({ app: l, container: s }), s;
@@ -229,25 +229,25 @@ class fe {
         const l = n.get(r);
         if (l)
           return l.update(t), l.container;
-        const c = document.createElement("div");
-        c.className = "vue-cell-renderer", c.style.display = "contents";
-        let a = t;
-        const u = p({
+        const a = document.createElement("div");
+        a.className = "vue-cell-renderer", a.style.display = "contents";
+        let c = t;
+        const u = f({
           render() {
-            return e(a);
+            return e(c);
           }
         });
-        return u.mount(c), n.set(r, {
+        return u.mount(a), n.set(r, {
           app: u,
-          container: c,
+          container: a,
           update: (g) => {
-            a = g, u._instance?.update();
+            c = g, u._instance?.update();
           }
-        }), c;
+        }), a;
       }
       const s = document.createElement("div");
       s.className = "vue-cell-renderer", s.style.display = "contents";
-      const d = p({
+      const d = f({
         render() {
           return e(t);
         }
@@ -264,9 +264,9 @@ class fe {
     return (n) => {
       const t = document.createElement("div");
       t.className = "vue-cell-editor", t.style.display = "contents";
-      const r = e, s = p({
+      const r = e, s = f({
         render() {
-          return V(r, { ...n });
+          return k(r, { ...n });
         }
       });
       return s.mount(t), this.mountedViews.push({ app: s, container: t }), t;
@@ -281,7 +281,7 @@ class fe {
     return (n) => {
       const t = document.createElement("div");
       t.className = "vue-cell-editor", t.style.display = "contents";
-      const r = p({
+      const r = f({
         render() {
           return e(n);
         }
@@ -307,7 +307,7 @@ class fe {
     const n = e.getAttribute("field");
     let t = v.get(e);
     if (!t && n) {
-      const d = b.get(n);
+      const d = w.get(n);
       d && (d.renderer || d.editor) && (t = d, v.set(e, t));
     }
     const r = t?.renderer !== void 0, s = t?.editor !== void 0;
@@ -318,35 +318,35 @@ class fe {
    * and returns its container DOM element.
    */
   createRenderer(e) {
-    const n = ae(e);
+    const n = ce(e);
     if (!n)
       return;
     const t = /* @__PURE__ */ new WeakMap();
     return (r) => {
       const s = r.cellEl;
       if (s) {
-        const c = t.get(s);
-        if (c)
-          return c.update(r), c.container;
-        const a = document.createElement("div");
-        a.className = "vue-cell-renderer", a.style.display = "contents";
+        const a = t.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 = p({
+        const g = f({
           render() {
             return n(u);
           }
         });
-        return g.mount(a), t.set(s, {
+        return g.mount(c), t.set(s, {
           app: g,
-          container: a,
+          container: c,
           update: (h) => {
             u = h, g._instance?.update();
           }
-        }), a;
+        }), c;
       }
       const d = document.createElement("div");
       d.className = "vue-cell-renderer", d.style.display = "contents";
-      const l = p({
+      const l = f({
         render() {
           return n(r);
         }
@@ -364,7 +364,7 @@ class fe {
       return (t) => {
         const r = document.createElement("div");
         r.className = "vue-cell-editor", r.style.display = "contents";
-        const s = p({
+        const s = f({
           render() {
             return n(t);
           }
@@ -386,11 +386,11 @@ class fe {
       return (s, d) => {
         const l = document.createElement("div");
         l.className = "vue-detail-panel";
-        const a = r({ row: s, rowIndex: d });
-        if (a && a.length > 0) {
-          const u = p({
+        const c = r({ row: s, rowIndex: d });
+        if (c && c.length > 0) {
+          const u = f({
             render() {
-              return a;
+              return c;
             }
           });
           u.mount(l), this.mountedViews.push({ app: u, container: l });
@@ -412,11 +412,11 @@ class fe {
       return (s, d) => {
         const l = document.createElement("div");
         l.className = "vue-responsive-card";
-        const a = r({ row: s, rowIndex: d });
-        if (a && a.length > 0) {
-          const u = p({
+        const c = r({ row: s, rowIndex: d });
+        if (c && c.length > 0) {
+          const u = f({
             render() {
-              return a;
+              return c;
             }
           });
           u.mount(l), this.mountedViews.push({ app: u, container: l });
@@ -462,7 +462,7 @@ class fe {
     const t = {
       editorParams: n.editorParams
     };
-    return n.renderer && (t.renderer = this.createTypeRenderer(n.renderer)), n.editor && (t.editor = this.createTypeEditor(n.editor)), t;
+    return n.renderer && (t.renderer = this.createTypeRenderer(n.renderer)), n.editor && (t.editor = this.createTypeEditor(n.editor)), n.filterPanelRenderer && (t.filterPanelRenderer = this.createFilterPanelRenderer(n.filterPanelRenderer)), t;
   }
   /**
    * Creates a renderer function from a Vue render function for type defaults.
@@ -472,7 +472,7 @@ class fe {
     return (n) => {
       const t = document.createElement("span");
       t.style.display = "contents";
-      const r = p({
+      const r = f({
         render() {
           return e(n);
         }
@@ -488,7 +488,7 @@ class fe {
     return (n) => {
       const t = document.createElement("span");
       t.style.display = "contents";
-      const r = p({
+      const r = f({
         render() {
           return e(n);
         }
@@ -496,6 +496,25 @@ class fe {
       return r.mount(t), this.mountedViews.push({ app: r, container: t }), t;
     };
   }
+  /**
+   * Creates a filter panel renderer function from a Vue render function.
+   *
+   * Wraps a Vue `(params: FilterPanelParams) => VNode` function into the
+   * imperative `(container, params) => void` signature expected by the core grid.
+   * @internal
+   */
+  createFilterPanelRenderer(e) {
+    return (n, t) => {
+      const r = document.createElement("div");
+      r.style.display = "contents";
+      const s = f({
+        render() {
+          return e(t);
+        }
+      });
+      s.mount(r), this.mountedViews.push({ app: s, container: r }), n.appendChild(r);
+    };
+  }
   // #endregion
   /**
    * Cleanup all mounted Vue apps.
@@ -658,9 +677,9 @@ const pe = fe, Re = /* @__PURE__ */ y({
       return t || (r = new pe(), re.registerAdapter(r), t = !0), r;
     }
     s();
-    const d = i, l = n, c = R(null);
-    L(H, c);
-    const a = J(), u = ie(), g = [
+    const d = i, l = n, a = R(null);
+    L(H, a);
+    const c = J(), u = ie(), g = [
       "selection",
       "editing",
       "clipboard",
@@ -687,58 +706,58 @@ const pe = fe, Re = /* @__PURE__ */ y({
     ];
     function h() {
       const o = [];
-      for (const f of g) {
-        const w = d[f];
-        if (w !== void 0) {
-          const m = oe(f, w);
+      for (const p of g) {
+        const b = d[p];
+        if (b !== void 0) {
+          const m = oe(p, b);
           m && o.push(m);
         }
       }
       return o;
     }
-    const D = ne(() => {
-      const o = d.gridConfig ?? {}, f = h(), w = o.plugins ?? [], m = [...f, ...w], G = u ? { ...o.icons, ...u } : o.icons;
+    const _ = ne(() => {
+      const o = d.gridConfig ?? {}, p = h(), b = o.plugins ?? [], m = [...p, ...b], D = u ? { ...o.icons, ...u } : o.icons;
       return {
         ...o,
         ...d.columns ? { columns: d.columns } : {},
         ...m.length > 0 ? { plugins: m } : {},
-        ...G ? { icons: G } : {}
+        ...D ? { icons: D } : {}
       };
     });
-    function N(o) {
+    function M(o) {
       l("cell-commit", o);
     }
-    function A(o) {
+    function N(o) {
       l("row-commit", o);
     }
-    function F(o) {
+    function A(o) {
       l("cell-click", o);
     }
-    function x(o) {
+    function W(o) {
       l("cell-dblclick", o);
     }
-    function W(o) {
+    function I(o) {
       l("selection-change", o);
     }
-    function $(o) {
+    function x(o) {
       l("row-toggle", o);
     }
-    function I(o) {
+    function $(o) {
       l("sort-change", o);
     }
     function z(o) {
       l("ready", o);
     }
-    function Z(o, f) {
-      const w = Object.getPrototypeOf(o), m = Object.getOwnPropertyDescriptor(w, "gridConfig");
+    function Z(o, p) {
+      const b = Object.getPrototypeOf(o), m = Object.getOwnPropertyDescriptor(b, "gridConfig");
       if (!m?.set || !m?.get) return;
-      const G = m.set, te = m.get;
+      const D = m.set, te = m.get;
       Object.defineProperty(o, "gridConfig", {
         get() {
           return te.call(this);
         },
-        set(k) {
-          k && f ? G.call(this, f.processGridConfig(k)) : G.call(this, k);
+        set(V) {
+          V && p ? D.call(this, p.processGridConfig(V)) : D.call(this, V);
         },
         configurable: !0
       });
@@ -747,48 +766,48 @@ const pe = fe, Re = /* @__PURE__ */ y({
       delete o.gridConfig;
     }
     return T(() => {
-      const o = c.value;
+      const o = a.value;
       if (!o) return;
-      const f = s();
-      o.__frameworkAdapter = f, f.setTypeDefaults(a ?? null), Z(o, f), o.addEventListener("cell-commit", N), o.addEventListener("row-commit", A), o.addEventListener("cell-click", F), o.addEventListener("cell-dblclick", x), o.addEventListener("selection-change", W), o.addEventListener("row-toggle", $), o.addEventListener("sort-change", I), o.addEventListener("ready", z), d.rows.length > 0 && (o.rows = d.rows), D.value && (o.gridConfig = D.value), d.fitMode && (o.fitMode = d.fitMode);
+      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), _.value && (o.gridConfig = _.value), d.fitMode && (o.fitMode = d.fitMode);
     }), q(() => {
-      const o = c.value;
-      o && (ee(o), o.removeEventListener("cell-commit", N), o.removeEventListener("row-commit", A), o.removeEventListener("cell-click", F), o.removeEventListener("cell-dblclick", x), o.removeEventListener("selection-change", W), o.removeEventListener("row-toggle", $), o.removeEventListener("sort-change", I), o.removeEventListener("ready", z));
-    }), B(
+      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));
+    }), j(
       () => d.rows,
       (o) => {
-        c.value && (c.value.rows = o);
+        a.value && (a.value.rows = o);
       },
       { deep: !0 }
-    ), B(
-      D,
+    ), j(
+      _,
       (o) => {
-        c.value && o && (c.value.gridConfig = o);
+        a.value && o && (a.value.gridConfig = o);
       },
       { deep: !0 }
-    ), B(
+    ), j(
       () => d.fitMode,
       (o) => {
-        c.value && o && (c.value.fitMode = o);
+        a.value && o && (a.value.fitMode = o);
       }
-    ), B(
-      () => a,
+    ), j(
+      () => c,
       (o) => {
         s().setTypeDefaults(o ?? null);
       },
       { deep: !0 }
     ), e({
       /** The underlying grid element */
-      gridElement: c,
+      gridElement: a,
       /** Force a layout recalculation */
-      forceLayout: () => c.value?.forceLayout(),
+      forceLayout: () => a.value?.forceLayout(),
       /** Get current grid configuration */
-      getConfig: () => c.value?.getConfig(),
+      getConfig: () => a.value?.getConfig(),
       /** Wait for grid to be ready */
-      ready: () => c.value?.ready()
-    }), (o, f) => (_(), O("tbw-grid", {
+      ready: () => a.value?.ready()
+    }), (o, p) => (P(), O("tbw-grid", {
       ref_key: "gridRef",
-      ref: c
+      ref: a
     }, [
       U(o.$slots, "default")
     ], 512));
@@ -809,7 +828,7 @@ const pe = fe, Re = /* @__PURE__ */ y({
     hidden: { type: Boolean }
   },
   setup(i) {
-    const e = P(), n = R(null);
+    const e = S(), n = R(null);
     return T(() => {
       const t = n.value;
       if (!t) return;
@@ -817,25 +836,29 @@ const pe = fe, Re = /* @__PURE__ */ y({
       r && le(t, (d) => {
         const l = e.cell;
         if (!l) return C("span");
-        const c = l({
+        const a = l({
           value: d.value,
           row: d.row,
           column: d.column
         });
-        return C("div", { style: "display: contents" }, c);
-      }), s && ce(t, (d) => {
+        return C("div", { style: "display: contents" }, a);
+      }), s && ae(t, (d) => {
         const l = e.editor;
         if (!l) return C("span");
-        const c = l({
+        const a = l({
           value: d.value,
           row: d.row,
           column: d.column,
+          field: d.field,
+          rowId: d.rowId ?? "",
           commit: d.commit,
-          cancel: d.cancel
+          cancel: d.cancel,
+          updateRow: d.updateRow,
+          onValueChange: d.onValueChange
         });
-        return C("div", { style: "display: contents" }, c);
+        return C("div", { style: "display: contents" }, a);
       });
-    }), (t, r) => (_(), O("tbw-grid-column", {
+    }), (t, r) => (P(), O("tbw-grid-column", {
       ref_key: "columnRef",
       ref: n,
       field: i.field,
@@ -858,37 +881,37 @@ const pe = fe, Re = /* @__PURE__ */ y({
     animation: { type: [String, Boolean], default: "slide" }
   },
   setup(i) {
-    const e = R(null), n = P();
+    const e = R(null), n = S();
     return T(() => {
       const t = e.value;
       !t || !n.default || Q.set(t, (r) => n.default?.(r));
-    }), (t, r) => (_(), O("tbw-grid-detail", {
+    }), (t, r) => (P(), O("tbw-grid-detail", {
       ref_key: "detailRef",
       ref: e,
       "show-expand-column": i.showExpandColumn,
       animation: i.animation
     }, null, 8, ge));
   }
-}), _e = /* @__PURE__ */ y({
+}), Pe = /* @__PURE__ */ y({
   __name: "TbwGridResponsiveCard",
   setup(i) {
-    const e = R(null), n = P();
+    const e = R(null), n = S();
     return T(() => {
       const t = e.value;
       !t || !n.default || X.set(t, (r) => n.default?.(r));
-    }), (t, r) => (_(), O("tbw-grid-responsive-card", {
+    }), (t, r) => (P(), O("tbw-grid-responsive-card", {
       ref_key: "cardRef",
       ref: e
     }, null, 512));
   }
-}), De = /* @__PURE__ */ y({
+}), _e = /* @__PURE__ */ y({
   __name: "TbwGridToolButtons",
   setup(i) {
-    return (e, n) => (_(), O("tbw-grid-tool-buttons", null, [
+    return (e, n) => (P(), O("tbw-grid-tool-buttons", null, [
       U(e.$slots, "default")
     ]));
   }
-}), ye = /* @__PURE__ */ new WeakMap(), ve = ["id", "label", "icon", "position", "width"], Ge = /* @__PURE__ */ y({
+}), ye = /* @__PURE__ */ new WeakMap(), ve = ["id", "label", "icon", "position", "width"], De = /* @__PURE__ */ y({
   __name: "TbwGridToolPanel",
   props: {
     id: {},
@@ -898,11 +921,11 @@ const pe = fe, Re = /* @__PURE__ */ y({
     width: { default: "250px" }
   },
   setup(i) {
-    const e = R(null), n = P();
+    const e = R(null), n = S();
     return T(() => {
       const t = e.value;
       !t || !n.default || ye.set(t, (r) => n.default?.(r));
-    }), (t, r) => (_(), O("tbw-grid-tool-panel", {
+    }), (t, r) => (P(), O("tbw-grid-tool-panel", {
       ref_key: "panelRef",
       ref: e,
       id: i.id,
@@ -913,8 +936,8 @@ const pe = fe, Re = /* @__PURE__ */ y({
     }, null, 8, ve));
   }
 });
-function je(i, e, n) {
-  const t = n ?? M(H, R(null));
+function Ge(i, e, n) {
+  const t = n ?? F(H, R(null));
   let r = null;
   T(() => {
     const s = t.value;
@@ -925,7 +948,7 @@ function je(i, e, n) {
     r?.();
   });
 }
-const Be = y({
+const je = y({
   name: "GridProvider",
   props: {
     /**
@@ -956,24 +979,24 @@ export {
   Y as GRID_TYPE_DEFAULTS,
   fe as GridAdapter,
   se as GridIconProvider,
-  Be as GridProvider,
+  je as GridProvider,
   de as GridTypeProvider,
   Re as TbwGrid,
   Te as TbwGridColumn,
   Oe as TbwGridDetailPanel,
-  _e as TbwGridResponsiveCard,
-  De as TbwGridToolButtons,
-  Ge as TbwGridToolPanel,
+  Pe as TbwGridResponsiveCard,
+  _e as TbwGridToolButtons,
+  De as TbwGridToolPanel,
   pe as VueGridAdapter,
-  ke as clearFeatureRegistry,
+  Ve as clearFeatureRegistry,
   oe as createPluginFromFeature,
-  Ve as getFeatureFactory,
+  ke as getFeatureFactory,
   Le as getRegisteredFeatures,
-  Me as isFeatureRegistered,
-  j as isVueComponent,
-  Ne as registerFeature,
-  Fe as useGrid,
-  je as useGridEvent,
+  Fe as isFeatureRegistered,
+  G as isVueComponent,
+  Me as registerFeature,
+  Ae as useGrid,
+  Ge as useGridEvent,
   ie as useGridIcons,
   J as useGridTypeDefaults,
   Ce as useTypeDefault