@toolbox-web/grid-vue 0.1.0 → 0.2.0

package/index.js

@@ -1,12 +1,12 @@
-import { defineComponent as f, provide as T, inject as _, ref as v, createApp as B, computed as H, onMounted as b, onBeforeUnmount as W, watch as G, createElementBlock as w, openBlock as h, renderSlot as $, useSlots as j, h as y } from "vue";
-import { DataGridElement as Y } from "@toolbox-web/grid";
-import { c as K } from "./chunks/feature-registry-BgEOysSJ.js";
-import { a as Ce, g as Be, b as Oe, i as _e, r as je } from "./chunks/feature-registry-BgEOysSJ.js";
-const I = /* @__PURE__ */ Symbol("grid-icons");
-function J() {
-  return _(I, void 0);
+import { defineComponent as p, provide as G, inject as O, ref as y, createApp as g, computed as Y, onMounted as b, onBeforeUnmount as $, watch as B, createElementBlock as w, openBlock as E, renderSlot as I, useSlots as _, h } from "vue";
+import { DataGridElement as K } from "@toolbox-web/grid";
+import { c as J } from "./chunks/feature-registry-BgEOysSJ.js";
+import { a as Te, g as Be, b as Oe, i as _e, r as je } from "./chunks/feature-registry-BgEOysSJ.js";
+const z = /* @__PURE__ */ Symbol("grid-icons");
+function Q() {
+  return O(z, void 0);
 }
-const Q = f({
+const X = p({
   name: "GridIconProvider",
   props: {
     /**
@@ -17,17 +17,17 @@ const Q = f({
       required: !0
     }
   },
-  setup(e, { slots: n }) {
-    return T(I, e.icons), () => n.default?.();
+  setup(n, { slots: t }) {
+    return G(z, n.icons), () => t.default?.();
   }
-}), z = /* @__PURE__ */ Symbol("grid-type-defaults");
-function N() {
-  return _(z, void 0);
+}), N = /* @__PURE__ */ Symbol("grid-type-defaults");
+function q() {
+  return O(N, void 0);
 }
-function ue(e) {
-  return N()?.[e];
+function fe(n) {
+  return q()?.[n];
 }
-const X = f({
+const Z = p({
   name: "GridTypeProvider",
   props: {
     /**
@@ -38,107 +38,117 @@ const X = f({
       required: !0
     }
   },
-  setup(e, { slots: n }) {
-    return T(z, e.defaults), () => n.default?.();
+  setup(n, { slots: t }) {
+    return G(N, n.defaults), () => t.default?.();
   }
 }), L = /* @__PURE__ */ Symbol("tbw-grid");
-function fe() {
-  const e = _(L, v(null));
+function pe() {
+  const n = O(L, y(null));
   return {
-    gridElement: e,
+    gridElement: n,
     forceLayout: async () => {
-      await e.value?.forceLayout();
+      await n.value?.forceLayout();
     },
-    getConfig: () => e.value?.getConfig(),
+    getConfig: () => n.value?.getConfig(),
     ready: async () => {
-      await e.value?.ready();
+      await n.value?.ready();
     },
-    getPlugin: (n) => e.value?.getPlugin(n)
+    getPlugin: (t) => n.value?.getPlugin(t)
   };
 }
-const q = /* @__PURE__ */ new WeakMap(), U = /* @__PURE__ */ new WeakMap(), g = /* @__PURE__ */ new WeakMap(), p = /* @__PURE__ */ new Map();
-function Z(e, n) {
-  const o = e.getAttribute("field"), r = g.get(e) ?? {};
-  if (r.renderer = n, g.set(e, r), o) {
-    const i = p.get(o) ?? {};
-    i.renderer = n, p.set(o, i);
+const U = /* @__PURE__ */ new WeakMap(), H = /* @__PURE__ */ new WeakMap(), m = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new Map();
+function ee(n, t) {
+  const e = n.getAttribute("field"), r = m.get(n) ?? {};
+  if (r.renderer = t, m.set(n, r), e) {
+    const i = v.get(e) ?? {};
+    i.renderer = t, v.set(e, i);
   }
 }
-function ee(e, n) {
-  const o = e.getAttribute("field"), r = g.get(e) ?? {};
-  if (r.editor = n, g.set(e, r), o) {
-    const i = p.get(o) ?? {};
-    i.editor = n, p.set(o, i);
+function te(n, t) {
+  const e = n.getAttribute("field"), r = m.get(n) ?? {};
+  if (r.editor = t, m.set(n, r), e) {
+    const i = v.get(e) ?? {};
+    i.editor = t, v.set(e, i);
   }
 }
-function te(e) {
-  let n = g.get(e)?.renderer;
-  if (!n) {
-    const o = e.getAttribute("field");
-    o && (n = p.get(o)?.renderer);
+function ne(n) {
+  let t = m.get(n)?.renderer;
+  if (!t) {
+    const e = n.getAttribute("field");
+    e && (t = v.get(e)?.renderer);
   }
-  return n;
+  return t;
 }
-function ne(e) {
-  let n = g.get(e)?.editor;
-  if (!n) {
-    const o = e.getAttribute("field");
-    o && (n = p.get(o)?.editor);
+function re(n) {
+  let t = m.get(n)?.editor;
+  if (!t) {
+    const e = n.getAttribute("field");
+    e && (t = v.get(e)?.editor);
   }
-  return n;
+  return t;
 }
 class oe {
   mountedViews = [];
+  typeDefaults = null;
+  /**
+   * Sets the type defaults map for this adapter.
+   * Called by TbwGrid when it receives type defaults from context.
+   *
+   * @internal
+   */
+  setTypeDefaults(t) {
+    this.typeDefaults = t;
+  }
   /**
    * Determines if this adapter can handle the given element.
    * Checks if a renderer or editor is registered for this element.
    */
-  canHandle(n) {
-    const o = n.getAttribute("field");
-    let r = g.get(n);
-    if (!r && o) {
-      const l = p.get(o);
-      l && (l.renderer || l.editor) && (r = l, g.set(n, r));
+  canHandle(t) {
+    const e = t.getAttribute("field");
+    let r = m.get(t);
+    if (!r && e) {
+      const l = v.get(e);
+      l && (l.renderer || l.editor) && (r = l, m.set(t, r));
     }
-    const i = r?.renderer !== void 0, s = r?.editor !== void 0;
-    return r !== void 0 && (i || s);
+    const i = r?.renderer !== void 0, a = r?.editor !== void 0;
+    return r !== void 0 && (i || a);
   }
   /**
    * Creates a view renderer function that renders a Vue component
    * and returns its container DOM element.
    */
-  createRenderer(n) {
-    const o = te(n);
-    if (!o)
+  createRenderer(t) {
+    const e = ne(t);
+    if (!e)
       return;
     const r = /* @__PURE__ */ new WeakMap();
     return (i) => {
-      const s = i.cellEl;
-      if (s) {
-        const a = r.get(s);
-        if (a)
-          return a.update(i), a.container;
+      const a = i.cellEl;
+      if (a) {
+        const s = r.get(a);
+        if (s)
+          return s.update(i), s.container;
         const c = document.createElement("div");
         c.className = "vue-cell-renderer", c.style.display = "contents";
         let u = i;
-        const E = B({
+        const R = g({
           render() {
-            return o(u);
+            return e(u);
           }
         });
-        return E.mount(c), r.set(s, {
-          app: E,
+        return R.mount(c), r.set(a, {
+          app: R,
           container: c,
-          update: (R) => {
-            u = R, E._instance?.update();
+          update: (j) => {
+            u = j, R._instance?.update();
           }
         }), c;
       }
       const l = document.createElement("div");
       l.className = "vue-cell-renderer", l.style.display = "contents";
-      const d = B({
+      const d = g({
         render() {
-          return o(i);
+          return e(i);
         }
       });
       return d.mount(l), this.mountedViews.push({ app: d, container: l }), l;
@@ -148,37 +158,37 @@ class oe {
    * Creates an editor spec that renders a Vue component for cell editing.
    * Returns a function that creates the editor DOM element.
    */
-  createEditor(n) {
-    const o = ne(n);
-    if (o)
+  createEditor(t) {
+    const e = re(t);
+    if (e)
       return (r) => {
         const i = document.createElement("div");
         i.className = "vue-cell-editor", i.style.display = "contents";
-        const s = B({
+        const a = g({
           render() {
-            return o(r);
+            return e(r);
           }
         });
-        return s.mount(i), this.mountedViews.push({ app: s, container: i }), i;
+        return a.mount(i), this.mountedViews.push({ app: a, container: i }), i;
       };
   }
   /**
    * Framework adapter hook called by MasterDetailPlugin during attach().
    * Parses the <tbw-grid-detail> element and returns a Vue-based renderer.
    */
-  parseDetailElement(n) {
-    const o = n.closest("tbw-grid");
-    if (!o) return;
-    const r = o.querySelector("tbw-grid-detail");
+  parseDetailElement(t) {
+    const e = t.closest("tbw-grid");
+    if (!e) return;
+    const r = e.querySelector("tbw-grid-detail");
     if (!r) return;
-    const i = q.get(r);
+    const i = U.get(r);
     if (i)
-      return (s, l) => {
+      return (a, l) => {
         const d = document.createElement("div");
         d.className = "vue-detail-panel";
-        const c = i({ row: s, rowIndex: l });
+        const c = i({ row: a, rowIndex: l });
         if (c && c.length > 0) {
-          const u = B({
+          const u = g({
             render() {
               return c;
             }
@@ -192,19 +202,19 @@ class oe {
    * Framework adapter hook called by ResponsivePlugin during attach().
    * Parses the <tbw-grid-responsive-card> element and returns a Vue-based renderer.
    */
-  parseResponsiveCardElement(n) {
-    const o = n.closest("tbw-grid");
-    if (!o) return;
-    const r = o.querySelector("tbw-grid-responsive-card");
+  parseResponsiveCardElement(t) {
+    const e = t.closest("tbw-grid");
+    if (!e) return;
+    const r = e.querySelector("tbw-grid-responsive-card");
     if (!r) return;
-    const i = U.get(r);
+    const i = H.get(r);
     if (i)
-      return (s, l) => {
+      return (a, l) => {
         const d = document.createElement("div");
         d.className = "vue-responsive-card";
-        const c = i({ row: s, rowIndex: l });
+        const c = i({ row: a, rowIndex: l });
         if (c && c.length > 0) {
-          const u = B({
+          const u = g({
             render() {
               return c;
             }
@@ -214,19 +224,92 @@ class oe {
         return d;
       };
   }
+  // #region Type Defaults Support
+  /**
+   * Gets type-level defaults from the type defaults map.
+   *
+   * This enables application-wide type defaults configured via GridTypeProvider.
+   * The returned TypeDefault contains renderer/editor functions that render
+   * Vue components into the grid's cells.
+   *
+   * @example
+   * ```vue
+   * <script setup>
+   * import { GridTypeProvider } from '@toolbox-web/grid-vue';
+   * import { h } from 'vue';
+   * import CountryBadge from './CountryBadge.vue';
+   *
+   * const typeDefaults = {
+   *   country: {
+   *     renderer: (ctx) => h(CountryBadge, { code: ctx.value }),
+   *   },
+   * };
+   * <\/script>
+   *
+   * <template>
+   *   <GridTypeProvider :defaults="typeDefaults">
+   *     <App />
+   *   </GridTypeProvider>
+   * </template>
+   * ```
+   */
+  getTypeDefault(t) {
+    if (!this.typeDefaults)
+      return;
+    const e = this.typeDefaults[t];
+    if (!e)
+      return;
+    const r = {
+      editorParams: e.editorParams
+    };
+    return e.renderer && (r.renderer = this.createTypeRenderer(e.renderer)), e.editor && (r.editor = this.createTypeEditor(e.editor)), r;
+  }
+  /**
+   * Creates a renderer function from a Vue render function for type defaults.
+   * @internal
+   */
+  createTypeRenderer(t) {
+    return (e) => {
+      const r = document.createElement("span");
+      r.style.display = "contents";
+      const i = g({
+        render() {
+          return t(e);
+        }
+      });
+      return i.mount(r), this.mountedViews.push({ app: i, container: r }), r;
+    };
+  }
+  /**
+   * Creates an editor function from a Vue render function for type defaults.
+   * @internal
+   */
+  createTypeEditor(t) {
+    return (e) => {
+      const r = document.createElement("span");
+      r.style.display = "contents";
+      const i = g({
+        render() {
+          return t(e);
+        }
+      });
+      return i.mount(r), this.mountedViews.push({ app: i, container: r }), r;
+    };
+  }
+  // #endregion
   /**
    * Cleanup all mounted Vue apps.
    */
   cleanup() {
-    for (const { app: n, container: o } of this.mountedViews)
+    for (const { app: t, container: e } of this.mountedViews)
       try {
-        n.unmount(), o.remove();
+        t.unmount(), e.remove();
       } catch {
       }
     this.mountedViews = [];
   }
 }
-const ge = /* @__PURE__ */ f({
+const me = /* @__PURE__ */ p({
   __name: "TbwGrid",
   props: {
     /** Row data to display */
@@ -369,15 +452,15 @@ const ge = /* @__PURE__ */ f({
     }
   },
   emits: ["cell-commit", "row-commit", "cell-click", "cell-dblclick", "selection-change", "row-toggle", "sort-change", "ready"],
-  setup(e, { expose: n, emit: o }) {
+  setup(n, { expose: t, emit: e }) {
     let r = !1, i = null;
-    function s() {
-      return r || (i = new oe(), Y.registerAdapter(i), r = !0), i;
+    function a() {
+      return r || (i = new oe(), K.registerAdapter(i), r = !0), i;
     }
-    s();
-    const l = e, d = o, a = v(null);
-    T(L, a), N();
-    const c = J(), u = [
+    a();
+    const l = n, d = e, s = y(null);
+    G(L, s);
+    const c = q(), u = Q(), R = [
       "selection",
       "editing",
       "clipboard",
@@ -402,92 +485,98 @@ const ge = /* @__PURE__ */ f({
       "pivot",
       "serverSide"
     ];
-    function E() {
-      const t = [];
-      for (const m of u) {
-        const O = l[m];
-        if (O !== void 0) {
-          const C = K(m, O);
-          C && t.push(C);
+    function j() {
+      const o = [];
+      for (const f of R) {
+        const T = l[f];
+        if (T !== void 0) {
+          const C = J(f, T);
+          C && o.push(C);
         }
       }
-      return t;
+      return o;
     }
-    const R = H(() => {
-      const t = l.gridConfig ?? {}, m = E(), O = t.plugins ?? [], C = [...m, ...O], V = c ? { ...t.icons, ...c } : t.icons;
+    const D = Y(() => {
+      const o = l.gridConfig ?? {}, f = j(), T = o.plugins ?? [], C = [...f, ...T], W = u ? { ...o.icons, ...u } : o.icons;
       return {
-        ...t,
+        ...o,
         ...l.columns ? { columns: l.columns } : {},
         ...C.length > 0 ? { plugins: C } : {},
-        ...V ? { icons: V } : {}
+        ...W ? { icons: W } : {}
       };
     });
-    function S(t) {
-      d("cell-commit", t);
+    function S(o) {
+      d("cell-commit", o);
     }
-    function k(t) {
-      d("row-commit", t);
+    function k(o) {
+      d("row-commit", o);
     }
-    function P(t) {
-      d("cell-click", t);
+    function P(o) {
+      d("cell-click", o);
     }
-    function x(t) {
-      d("cell-dblclick", t);
+    function x(o) {
+      d("cell-dblclick", o);
     }
-    function D(t) {
-      d("selection-change", t);
+    function F(o) {
+      d("selection-change", o);
     }
-    function F(t) {
-      d("row-toggle", t);
+    function A(o) {
+      d("row-toggle", o);
     }
-    function A(t) {
-      d("sort-change", t);
+    function M(o) {
+      d("sort-change", o);
     }
-    function M(t) {
-      d("ready", t);
+    function V(o) {
+      d("ready", o);
     }
     return b(() => {
-      const t = a.value;
-      if (!t) return;
-      const m = s();
-      t.__frameworkAdapter = m, t.addEventListener("cell-commit", S), t.addEventListener("row-commit", k), t.addEventListener("cell-click", P), t.addEventListener("cell-dblclick", x), t.addEventListener("selection-change", D), t.addEventListener("row-toggle", F), t.addEventListener("sort-change", A), t.addEventListener("ready", M), l.rows.length > 0 && (t.rows = l.rows), R.value && (t.gridConfig = R.value), l.fitMode && (t.fitMode = l.fitMode);
-    }), W(() => {
-      const t = a.value;
-      t && (t.removeEventListener("cell-commit", S), t.removeEventListener("row-commit", k), t.removeEventListener("cell-click", P), t.removeEventListener("cell-dblclick", x), t.removeEventListener("selection-change", D), t.removeEventListener("row-toggle", F), t.removeEventListener("sort-change", A), t.removeEventListener("ready", M));
-    }), G(
+      const o = s.value;
+      if (!o) return;
+      const f = a();
+      o.__frameworkAdapter = f, f.setTypeDefaults(c ?? null), o.addEventListener("cell-commit", S), o.addEventListener("row-commit", k), o.addEventListener("cell-click", P), o.addEventListener("cell-dblclick", x), o.addEventListener("selection-change", F), o.addEventListener("row-toggle", A), o.addEventListener("sort-change", M), o.addEventListener("ready", V), l.rows.length > 0 && (o.rows = l.rows), D.value && (o.gridConfig = D.value), l.fitMode && (o.fitMode = l.fitMode);
+    }), $(() => {
+      const o = s.value;
+      o && (o.removeEventListener("cell-commit", S), o.removeEventListener("row-commit", k), o.removeEventListener("cell-click", P), o.removeEventListener("cell-dblclick", x), o.removeEventListener("selection-change", F), o.removeEventListener("row-toggle", A), o.removeEventListener("sort-change", M), o.removeEventListener("ready", V));
+    }), B(
       () => l.rows,
-      (t) => {
-        a.value && (a.value.rows = t);
+      (o) => {
+        s.value && (s.value.rows = o);
       },
       { deep: !0 }
-    ), G(
-      R,
-      (t) => {
-        a.value && t && (a.value.gridConfig = t);
+    ), B(
+      D,
+      (o) => {
+        s.value && o && (s.value.gridConfig = o);
       },
       { deep: !0 }
-    ), G(
+    ), B(
       () => l.fitMode,
-      (t) => {
-        a.value && t && (a.value.fitMode = t);
+      (o) => {
+        s.value && o && (s.value.fitMode = o);
       }
-    ), n({
+    ), B(
+      () => c,
+      (o) => {
+        a().setTypeDefaults(o ?? null);
+      },
+      { deep: !0 }
+    ), t({
       /** The underlying grid element */
-      gridElement: a,
+      gridElement: s,
       /** Force a layout recalculation */
-      forceLayout: () => a.value?.forceLayout(),
+      forceLayout: () => s.value?.forceLayout(),
       /** Get current grid configuration */
-      getConfig: () => a.value?.getConfig(),
+      getConfig: () => s.value?.getConfig(),
       /** Wait for grid to be ready */
-      ready: () => a.value?.ready()
-    }), (t, m) => (h(), w("tbw-grid", {
+      ready: () => s.value?.ready()
+    }), (o, f) => (E(), w("tbw-grid", {
       ref_key: "gridRef",
-      ref: a
+      ref: s
     }, [
-      $(t.$slots, "default")
+      I(o.$slots, "default")
     ], 512));
   }
-}), re = ["field", "header", "width", "min-width", "max-width", "sortable", "resizable", "editable", "type", "align", "hidden"], me = /* @__PURE__ */ f({
+}), ie = ["field", "header", "width", "min-width", "max-width", "sortable", "resizable", "editable", "type", "align", "hidden"], ge = /* @__PURE__ */ p({
   __name: "TbwGridColumn",
   props: {
     field: {},
@@ -502,87 +591,87 @@ const ge = /* @__PURE__ */ f({
     align: {},
     hidden: { type: Boolean }
   },
-  setup(e) {
-    const n = j(), o = v(null);
+  setup(n) {
+    const t = _(), e = y(null);
     return b(() => {
-      const r = o.value;
+      const r = e.value;
       if (!r) return;
-      const i = !!n.cell, s = !!n.editor;
-      i && Z(r, (l) => {
-        const d = n.cell;
-        if (!d) return y("span");
-        const a = d({
+      const i = !!t.cell, a = !!t.editor;
+      i && ee(r, (l) => {
+        const d = t.cell;
+        if (!d) return h("span");
+        const s = d({
           value: l.value,
           row: l.row,
           column: l.column
         });
-        return y("div", { style: "display: contents" }, a);
-      }), s && ee(r, (l) => {
-        const d = n.editor;
-        if (!d) return y("span");
-        const a = d({
+        return h("div", { style: "display: contents" }, s);
+      }), a && te(r, (l) => {
+        const d = t.editor;
+        if (!d) return h("span");
+        const s = d({
           value: l.value,
           row: l.row,
           column: l.column,
           commit: l.commit,
           cancel: l.cancel
         });
-        return y("div", { style: "display: contents" }, a);
+        return h("div", { style: "display: contents" }, s);
       });
-    }), (r, i) => (h(), w("tbw-grid-column", {
+    }), (r, i) => (E(), w("tbw-grid-column", {
       ref_key: "columnRef",
-      ref: o,
-      field: e.field,
-      header: e.header,
-      width: e.width,
-      "min-width": e.minWidth,
-      "max-width": e.maxWidth,
-      sortable: e.sortable,
-      resizable: e.resizable,
-      editable: e.editable,
-      type: e.type,
-      align: e.align,
-      hidden: e.hidden
-    }, null, 8, re));
+      ref: e,
+      field: n.field,
+      header: n.header,
+      width: n.width,
+      "min-width": n.minWidth,
+      "max-width": n.maxWidth,
+      sortable: n.sortable,
+      resizable: n.resizable,
+      editable: n.editable,
+      type: n.type,
+      align: n.align,
+      hidden: n.hidden
+    }, null, 8, ie));
   }
-}), ie = ["show-expand-column", "animation"], pe = /* @__PURE__ */ f({
+}), le = ["show-expand-column", "animation"], ve = /* @__PURE__ */ p({
   __name: "TbwGridDetailPanel",
   props: {
     showExpandColumn: { type: Boolean, default: !0 },
     animation: { type: [String, Boolean], default: "slide" }
   },
-  setup(e) {
-    const n = v(null), o = j();
+  setup(n) {
+    const t = y(null), e = _();
     return b(() => {
-      const r = n.value;
-      !r || !o.default || q.set(r, (i) => o.default?.(i));
-    }), (r, i) => (h(), w("tbw-grid-detail", {
+      const r = t.value;
+      !r || !e.default || U.set(r, (i) => e.default?.(i));
+    }), (r, i) => (E(), w("tbw-grid-detail", {
       ref_key: "detailRef",
-      ref: n,
-      "show-expand-column": e.showExpandColumn,
-      animation: e.animation
-    }, null, 8, ie));
+      ref: t,
+      "show-expand-column": n.showExpandColumn,
+      animation: n.animation
+    }, null, 8, le));
   }
-}), ve = /* @__PURE__ */ f({
+}), ye = /* @__PURE__ */ p({
   __name: "TbwGridResponsiveCard",
-  setup(e) {
-    const n = v(null), o = j();
+  setup(n) {
+    const t = y(null), e = _();
     return b(() => {
-      const r = n.value;
-      !r || !o.default || U.set(r, (i) => o.default?.(i));
-    }), (r, i) => (h(), w("tbw-grid-responsive-card", {
+      const r = t.value;
+      !r || !e.default || H.set(r, (i) => e.default?.(i));
+    }), (r, i) => (E(), w("tbw-grid-responsive-card", {
       ref_key: "cardRef",
-      ref: n
+      ref: t
     }, null, 512));
   }
-}), ye = /* @__PURE__ */ f({
+}), he = /* @__PURE__ */ p({
   __name: "TbwGridToolButtons",
-  setup(e) {
-    return (n, o) => (h(), w("tbw-grid-tool-buttons", null, [
-      $(n.$slots, "default")
+  setup(n) {
+    return (t, e) => (E(), w("tbw-grid-tool-buttons", null, [
+      I(t.$slots, "default")
     ]));
   }
-}), le = /* @__PURE__ */ new WeakMap(), de = ["id", "label", "icon", "position", "width"], be = /* @__PURE__ */ f({
+}), de = /* @__PURE__ */ new WeakMap(), se = ["id", "label", "icon", "position", "width"], be = /* @__PURE__ */ p({
   __name: "TbwGridToolPanel",
   props: {
     id: {},
@@ -591,35 +680,35 @@ const ge = /* @__PURE__ */ f({
     position: { default: "right" },
     width: { default: "250px" }
   },
-  setup(e) {
-    const n = v(null), o = j();
+  setup(n) {
+    const t = y(null), e = _();
     return b(() => {
-      const r = n.value;
-      !r || !o.default || le.set(r, (i) => o.default?.(i));
-    }), (r, i) => (h(), w("tbw-grid-tool-panel", {
+      const r = t.value;
+      !r || !e.default || de.set(r, (i) => e.default?.(i));
+    }), (r, i) => (E(), w("tbw-grid-tool-panel", {
       ref_key: "panelRef",
-      ref: n,
-      id: e.id,
-      label: e.label,
-      icon: e.icon,
-      position: e.position,
-      width: e.width
-    }, null, 8, de));
+      ref: t,
+      id: n.id,
+      label: n.label,
+      icon: n.icon,
+      position: n.position,
+      width: n.width
+    }, null, 8, se));
   }
 });
-function we(e, n, o) {
-  const r = o ?? _(L, v(null));
+function we(n, t, e) {
+  const r = e ?? O(L, y(null));
   let i = null;
   b(() => {
-    const s = r.value;
-    if (!s) return;
-    const l = n;
-    s.addEventListener(e, l), i = () => s.removeEventListener(e, l);
-  }), W(() => {
+    const a = r.value;
+    if (!a) return;
+    const l = t;
+    a.addEventListener(n, l), i = () => a.removeEventListener(n, l);
+  }), $(() => {
     i?.();
   });
 }
-const he = f({
+const Ee = p({
   name: "GridProvider",
   props: {
     /**
@@ -637,37 +726,37 @@ const he = f({
       default: void 0
     }
   },
-  setup(e, { slots: n }) {
+  setup(n, { slots: t }) {
     return () => {
-      let o = n.default?.();
-      return e.typeDefaults && (o = y(X, { defaults: e.typeDefaults }, () => o)), e.icons && (o = y(Q, { icons: e.icons }, () => o)), o;
+      let e = t.default?.();
+      return n.typeDefaults && (e = h(Z, { defaults: n.typeDefaults }, () => e)), n.icons && (e = h(X, { icons: n.icons }, () => e)), e;
     };
   }
 });
 export {
   L as GRID_ELEMENT_KEY,
-  I as GRID_ICONS,
-  z as GRID_TYPE_DEFAULTS,
-  Q as GridIconProvider,
-  he as GridProvider,
-  X as GridTypeProvider,
-  ge as TbwGrid,
-  me as TbwGridColumn,
-  pe as TbwGridDetailPanel,
-  ve as TbwGridResponsiveCard,
-  ye as TbwGridToolButtons,
+  z as GRID_ICONS,
+  N as GRID_TYPE_DEFAULTS,
+  X as GridIconProvider,
+  Ee as GridProvider,
+  Z as GridTypeProvider,
+  me as TbwGrid,
+  ge as TbwGridColumn,
+  ve as TbwGridDetailPanel,
+  ye as TbwGridResponsiveCard,
+  he as TbwGridToolButtons,
   be as TbwGridToolPanel,
   oe as VueGridAdapter,
-  Ce as clearFeatureRegistry,
-  K as createPluginFromFeature,
+  Te as clearFeatureRegistry,
+  J as createPluginFromFeature,
   Be as getFeatureFactory,
   Oe as getRegisteredFeatures,
   _e as isFeatureRegistered,
   je as registerFeature,
-  fe as useGrid,
+  pe as useGrid,
   we as useGridEvent,
-  J as useGridIcons,
-  N as useGridTypeDefaults,
-  ue as useTypeDefault
+  Q as useGridIcons,
+  q as useGridTypeDefaults,
+  fe as useTypeDefault
 };
 //# sourceMappingURL=index.js.map