@toolbox-web/grid-react 1.8.2 → 1.10.0

package/index.js

@@ -1,69 +1,69 @@
-import { jsx as S, Fragment as U, jsxs as he } from "react/jsx-runtime";
-import { DataGridElement as ue } from "@toolbox-web/grid";
-import { Children as ve, isValidElement as we, createContext as ae, useContext as T, forwardRef as le, useRef as P, useReducer as Re, useImperativeHandle as fe, useLayoutEffect as de, Component as be, useMemo as F, useEffect as b, createElement as Pe, useCallback as D, useId as ge, useState as O } from "react";
-import { g as te, G as Ge, c as Se, d as xe } from "./chunks/react-grid-adapter-LBf2Mqhn.js";
-import { e as hr, f as vr } from "./chunks/react-grid-adapter-LBf2Mqhn.js";
-import { s as ne, r as pe, a as me } from "./chunks/portal-bridge-CvxNt40O.js";
-import { flushSync as oe, createPortal as Ee } from "react-dom";
-import { n as De } from "./chunks/post-mount-refresh-hooks-Dt7mPoZC.js";
-import { r as Rr } from "./chunks/post-mount-refresh-hooks-Dt7mPoZC.js";
-import { p as Fe } from "./chunks/react-column-config-BOe_PgL1.js";
-import { r as Pr } from "./chunks/react-column-config-BOe_PgL1.js";
-import { createPluginsFromFeatures as Te } from "@toolbox-web/grid/features/registry";
-import { G as N } from "./chunks/grid-element-context-BU3WvNtM.js";
-import { G as Sr } from "./chunks/grid-detail-panel-BZFcujsZ.js";
-import { G as Er } from "./chunks/grid-responsive-card-CSZhDCoN.js";
-const q = /* @__PURE__ */ new Map();
+import { jsx as E, Fragment as W, jsxs as ve } from "react/jsx-runtime";
+import { DataGridElement as ae } from "@toolbox-web/grid";
+import { Children as we, isValidElement as Re, createContext as le, useContext as k, forwardRef as fe, useRef as G, useReducer as be, useImperativeHandle as de, useLayoutEffect as ge, Component as Pe, useMemo as T, useEffect as P, createElement as Ge, useCallback as F, useId as pe, useState as O } from "react";
+import { g as ne, G as Se, c as xe, d as Ee } from "./chunks/react-grid-adapter-LBf2Mqhn.js";
+import { e as vr, f as wr } from "./chunks/react-grid-adapter-LBf2Mqhn.js";
+import { s as oe, r as me, a as Ce } from "./chunks/portal-bridge-CvxNt40O.js";
+import { flushSync as ie, createPortal as De } from "react-dom";
+import { n as Fe } from "./chunks/post-mount-refresh-hooks-Dt7mPoZC.js";
+import { r as br } from "./chunks/post-mount-refresh-hooks-Dt7mPoZC.js";
+import { p as Te } from "./chunks/react-column-config-BOe_PgL1.js";
+import { r as Gr } from "./chunks/react-column-config-BOe_PgL1.js";
+import { createPluginsFromFeatures as ke } from "@toolbox-web/grid/features/registry";
+import { G as H } from "./chunks/grid-element-context-BU3WvNtM.js";
+import { G as xr } from "./chunks/grid-detail-panel-BZFcujsZ.js";
+import { G as Dr } from "./chunks/grid-responsive-card-CSZhDCoN.js";
+const V = /* @__PURE__ */ new Map();
 function ye(t, r) {
-  q.set(t, r);
+  V.set(t, r);
 }
-function ke(t) {
+function Ie(t) {
   const r = {};
-  return q.size === 0 || ve.forEach(t, (f) => {
-    if (!we(f)) return;
-    const n = f.type, c = typeof n == "string" ? void 0 : n?.displayName;
-    if (typeof c != "string") return;
-    const d = q.get(c);
-    if (!d) return;
-    const l = d(f);
+  return V.size === 0 || we.forEach(t, (d) => {
+    if (!Re(d)) return;
+    const n = d.type, s = typeof n == "string" ? void 0 : n?.displayName;
+    if (typeof s != "string") return;
+    const g = V.get(s);
+    if (!g) return;
+    const l = g(d);
     l && Object.assign(r, l);
   }), r;
 }
-function Ie(t) {
+function Le(t) {
   return t.charAt(0).toUpperCase() + t.slice(1);
 }
-function ie(t) {
-  return t.toLowerCase() === "id" ? "ID" : t.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[_-]/g, " ").split(" ").filter(Boolean).map(Ie).join(" ");
+function se(t) {
+  return t.toLowerCase() === "id" ? "ID" : t.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[_-]/g, " ").split(" ").filter(Boolean).map(Le).join(" ");
 }
-const Le = /* @__PURE__ */ new Set(["string", "number", "boolean", "date", "datetime", "currency"]);
-function Ae(t) {
+const Ae = /* @__PURE__ */ new Set(["string", "number", "boolean", "date", "datetime", "currency"]);
+function Me(t) {
   const r = t.lastIndexOf(":");
   if (r > 0) {
-    const f = t.slice(r + 1).toLowerCase();
-    if (Le.has(f)) {
+    const d = t.slice(r + 1).toLowerCase();
+    if (Ae.has(d)) {
       const n = t.slice(0, r);
       return {
         field: n,
-        header: ie(n),
-        type: f
+        header: se(n),
+        type: d
       };
     }
   }
   return {
     field: t,
-    header: ie(t)
+    header: se(t)
   };
 }
-function Me(t) {
-  return t.map((r) => typeof r == "string" ? Ae(r) : r);
+function Ne(t) {
+  return t.map((r) => typeof r == "string" ? Me(r) : r);
 }
 function Oe(t, r) {
-  return r ? t.map((f) => ({ ...r, ...f })) : t;
+  return r ? t.map((d) => ({ ...r, ...d })) : t;
 }
-function or(t) {
+function ir(t) {
   return t.some((r) => typeof r == "string");
 }
-const B = {
+const _ = {
   onCellClick: "cell-click",
   onRowClick: "row-click",
   onCellActivate: "cell-activate",
@@ -106,19 +106,19 @@ const B = {
   onPrintComplete: "print-complete",
   onTbwScroll: "tbw-scroll",
   onRender: "render"
-}, W = ae(null), Ne = ({ icons: t, children: r }) => /* @__PURE__ */ S(W.Provider, { value: t, children: r });
-function ir() {
-  return T(W);
-}
-const $e = W, $ = ae(null), je = ({ defaults: t, children: r }) => /* @__PURE__ */ S($.Provider, { value: t, children: r });
+}, J = le(null), He = ({ icons: t, children: r }) => /* @__PURE__ */ E(J.Provider, { value: t, children: r });
 function sr() {
-  return T($);
+  return k(J);
 }
-function cr(t) {
-  return T($)?.[t];
+const $e = J, $ = le(null), je = ({ defaults: t, children: r }) => /* @__PURE__ */ E($.Provider, { value: t, children: r });
+function cr() {
+  return k($);
 }
-const ze = $;
-class He extends be {
+function ur(t) {
+  return k($)?.[t];
+}
+const Be = $;
+class ze extends Pe {
   state = { failed: !1 };
   static getDerivedStateFromError() {
     return { failed: !0 };
@@ -130,108 +130,108 @@ class He extends be {
     return this.state.failed ? null : this.props.children;
   }
 }
-const Ke = le(function(r, f) {
-  const n = P(/* @__PURE__ */ new Map()), [, c] = Re((y) => y + 1, 0), d = P(!1), l = P(0), u = P(0), h = P(!1), g = P(!1), v = () => {
-    d.current || (d.current = !0, queueMicrotask(() => {
-      d.current = !1, !g.current && (oe(c), w());
+const Ke = fe(function(r, d) {
+  const n = G(/* @__PURE__ */ new Map()), [, s] = be((m) => m + 1, 0), g = G(!1), l = G(0), a = G(0), w = G(!1), f = G(!1), h = () => {
+    g.current || (g.current = !0, queueMicrotask(() => {
+      g.current = !1, !f.current && (ie(s), b());
     }));
-  }, w = () => {
+  }, b = () => {
     l.current || (l.current = requestAnimationFrame(() => {
-      l.current = 0, !g.current && c();
+      l.current = 0, !f.current && s();
     }));
-  }, R = (y, o) => {
-    console.error(`[grid-react] Portal "${y}" crashed; dropping.`, o), n.current.delete(y), w();
+  }, C = (m, i) => {
+    console.error(`[grid-react] Portal "${m}" crashed; dropping.`, i), n.current.delete(m), b();
   };
-  fe(
-    f,
+  de(
+    d,
     () => ({
-      renderPortal(y, o, m) {
-        g.current || (n.current.set(y, { container: o, element: m }), v());
+      renderPortal(m, i, p) {
+        f.current || (n.current.set(m, { container: i, element: p }), h());
       },
-      removePortal(y, o) {
-        if (g.current) {
-          n.current.delete(y);
+      removePortal(m, i) {
+        if (f.current) {
+          n.current.delete(m);
           return;
         }
-        n.current.delete(y) && (u.current > 0 ? h.current = !0 : o ? oe(c) : v());
+        n.current.delete(m) && (a.current > 0 ? w.current = !0 : i ? ie(s) : h());
       },
       beginBatch() {
-        u.current++;
+        a.current++;
       },
       endBatch() {
-        u.current !== 0 && (u.current--, u.current === 0 && h.current && (h.current = !1, c()));
+        a.current !== 0 && (a.current--, a.current === 0 && w.current && (w.current = !1, s()));
       },
       clear() {
-        if (g.current) {
+        if (f.current) {
           n.current.clear();
           return;
         }
-        n.current.size > 0 && (n.current.clear(), l.current && (cancelAnimationFrame(l.current), l.current = 0), v());
+        n.current.size > 0 && (n.current.clear(), l.current && (cancelAnimationFrame(l.current), l.current = 0), h());
       }
     }),
     // forceRender is stable (useReducer dispatch), refs are stable
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
-  ), de(() => {
-    g.current = !1;
-    const y = n.current;
+  ), ge(() => {
+    f.current = !1;
+    const m = n.current;
     return () => {
-      g.current = !0, l.current && (cancelAnimationFrame(l.current), l.current = 0), y.clear();
+      f.current = !0, l.current && (cancelAnimationFrame(l.current), l.current = 0), m.clear();
     };
   }, []);
-  const G = [];
-  let x = null;
-  for (const [y, { container: o, element: m }] of n.current) {
-    if (!o.isConnected) {
-      (x ??= []).push(y);
+  const R = [];
+  let S = null;
+  for (const [m, { container: i, element: p }] of n.current) {
+    if (!i.isConnected) {
+      (S ??= []).push(m);
       continue;
     }
-    G.push(
-      Ee(
-        /* @__PURE__ */ S(He, { portalKey: y, onError: R, children: m }),
-        o,
-        y
+    R.push(
+      De(
+        /* @__PURE__ */ E(ze, { portalKey: m, onError: C, children: p }),
+        i,
+        m
       )
     );
   }
-  if (x) {
-    const y = x;
+  if (S) {
+    const m = S;
     queueMicrotask(() => {
-      for (const o of y) n.current.delete(o);
+      for (const i of m) n.current.delete(i);
     });
   }
-  return /* @__PURE__ */ S(U, { children: G });
-}), Be = {
+  return /* @__PURE__ */ E(W, { children: R });
+}), _e = {
   undoRedo: ["editing"],
   clipboard: ["selection"]
 };
-function _e(t) {
+function qe(t) {
   const r = new Set(t);
-  for (const f of t) {
-    const n = Be[f];
+  for (const d of t) {
+    const n = _e[d];
     if (n)
-      for (const c of n)
-        r.has(c) || console.warn(
-          `[DataGrid] Feature "${f}" requires "${c}" to be enabled. Add the "${c}" prop to your DataGrid.`
+      for (const s of n)
+        r.has(s) || console.warn(
+          `[DataGrid] Feature "${d}" requires "${s}" to be enabled. Add the "${s}" prop to your DataGrid.`
         );
   }
 }
-function qe(t) {
+function Ve(t) {
   const r = [];
-  for (const [f, n] of Object.entries(t))
-    n === void 0 || n === !1 || r.push(f);
-  return _e(r), Te(t);
+  for (const [d, n] of Object.entries(t))
+    n === void 0 || n === !1 || r.push(d);
+  return qe(r), ke(t);
 }
-let se = !1, _ = null;
-function V() {
-  return se || (_ = new Ge(), ue.registerAdapter(_), se = !0), _;
+let ce = !1, q = null;
+function U() {
+  return ce || (q = new Se(), ae.registerAdapter(q), ce = !0), q;
 }
-V();
-const ce = /* @__PURE__ */ new WeakMap();
-let Ve = 0;
-function Ue(t) {
-  let r = ce.get(t);
-  return r === void 0 && (r = ++Ve, ce.set(t, r)), r;
+U();
+const ue = /* @__PURE__ */ new WeakMap();
+let Ue = 0;
+function We(t) {
+  let r = ue.get(t);
+  return r === void 0 && (r = ++Ue, ue.set(t, r)), r;
 }
 ye("GridDetailPanel", (t) => {
   const r = t.props;
@@ -248,426 +248,434 @@ ye("GridResponsiveCard", () => ({
   // responsive prop. Enable the plugin with defaults — user can override.
   responsive: !0
 }));
-const ur = le(function(r, f) {
+const ar = fe(function(r, d) {
   const {
     // Core props
     rows: n,
-    gridConfig: c,
-    columns: d,
+    gridConfig: s,
+    columns: g,
     columnDefaults: l,
-    fitMode: u,
-    sortable: h,
-    filterable: g,
-    selectable: v,
-    loading: w,
+    fitMode: a,
+    columnInference: w,
+    sortable: f,
+    filterable: h,
+    selectable: b,
+    loading: C,
     customStyles: R,
-    className: G,
-    style: x,
-    children: y,
+    className: S,
+    style: m,
+    children: i,
     // Plugin props
-    plugins: o,
+    plugins: p,
     // SSR mode (deprecated - see SSRProps)
-    ssr: m,
+    ssr: v,
     // Legacy event handlers
-    onRowsChange: C,
+    onRowsChange: x,
     // Feature props and event props are in ...rest
-    ...p
-  } = r, a = P(null), M = P(null), J = P(!1), Y = T(ze), j = T($e), Ce = F(() => te().map((e) => {
-    const i = p[e];
-    if (i === void 0) return "";
-    let s;
+    ...y
+  } = r, c = G(null), N = G(null), Y = G(!1), Z = k(Be), j = k($e), he = T(() => ne().map((e) => {
+    const o = y[e];
+    if (o === void 0) return "";
+    let u;
     try {
-      s = JSON.stringify(i) ?? "undefined";
+      u = JSON.stringify(o) ?? "undefined";
     } catch {
-      s = typeof i == "object" && i !== null ? `ref#${Ue(i)}` : `prim:${String(i)}`;
+      u = typeof o == "object" && o !== null ? `ref#${We(o)}` : `prim:${String(o)}`;
     }
-    return `${e}:${s}`;
-  }).filter(Boolean).join("|"), [p]), Z = F(() => {
-    const e = {}, i = p;
-    for (const s of te()) {
-      const E = i[s];
-      E !== void 0 && (e[s] = E);
+    return `${e}:${u}`;
+  }).filter(Boolean).join("|"), [y]), Q = T(() => {
+    const e = {}, o = y;
+    for (const u of ne()) {
+      const D = o[u];
+      D !== void 0 && (e[u] = D);
     }
     return e;
-  }, [Ce]), Q = F(() => ke(y), [y]), X = F(() => {
-    const e = c?.features, i = {};
-    for (const [s, E] of Object.entries(Q))
-      e && s in e && e[s] !== void 0 && e[s] !== !1 || (i[s] = E);
-    return { ...i, ...Z };
-  }, [Z, Q, c]), z = F(() => o || m ? [] : qe(X), [X, o, m]), k = F(() => {
-    if (o) {
-      const e = new Set(o.map((s) => s.name)), i = z.filter((s) => !e.has(s.name));
-      return [...o, ...i];
+  }, [he]), X = T(() => Ie(i), [i]), ee = T(() => {
+    const e = s?.features, o = {};
+    for (const [u, D] of Object.entries(X))
+      e && u in e && e[u] !== void 0 && e[u] !== !1 || (o[u] = D);
+    return { ...o, ...Q };
+  }, [Q, X, s]), B = T(() => p || v ? [] : Ve(ee), [ee, p, v]), I = T(() => {
+    if (p) {
+      const e = new Set(p.map((u) => u.name)), o = B.filter((u) => !e.has(u.name));
+      return [...p, ...o];
     }
-    return z;
-  }, [o, z]), I = F(() => d && Oe(Me(d), l), [d, l]), L = F(() => {
-    const e = Fe(c), i = {};
-    if (h !== void 0 && (i.sortable = h), g !== void 0 && (i.filterable = g), v !== void 0 && (i.selectable = v), j) {
-      const s = e?.icons || c?.icons || {};
-      i.icons = { ...j, ...s };
+    return B;
+  }, [p, B]), L = T(() => g && Oe(Ne(g), l), [g, l]), A = T(() => {
+    const e = Te(s), o = {};
+    if (f !== void 0 && (o.sortable = f), h !== void 0 && (o.filterable = h), b !== void 0 && (o.selectable = b), j) {
+      const u = e?.icons || s?.icons || {};
+      o.icons = { ...j, ...u };
     }
-    if (k.length > 0 && e) {
-      const s = e.plugins || [], E = new Set(s.map((A) => A.name)), K = k.filter((A) => !E.has(A.name));
+    if (I.length > 0 && e) {
+      const u = e.plugins || [], D = new Set(u.map((M) => M.name)), K = I.filter((M) => !D.has(M.name));
       return {
         ...e,
-        ...i,
-        plugins: [...s, ...K]
+        ...o,
+        plugins: [...u, ...K]
       };
     }
-    return k.length > 0 && !e ? { ...i, plugins: k } : Object.keys(i).length > 0 ? { ...e, ...i } : e;
-  }, [c, k, h, g, v, j]);
-  b(() => {
-    V().setTypeDefaults(Y);
-  }, [Y]), b(() => {
-    a.current && (a.current.rows = n);
-  }, [n]), b(() => {
-    a.current && L && (a.current.gridConfig = L);
-  }, [L]), b(() => {
-    a.current && I && (a.current.columns = I);
-  }, [I]), b(() => {
-    a.current && u !== void 0 && (a.current.fitMode = u);
-  }, [u]), b(() => {
-    a.current && w !== void 0 && (a.current.loading = w);
-  }, [w]), b(() => {
-    const e = a.current;
+    return I.length > 0 && !e ? { ...o, plugins: I } : Object.keys(o).length > 0 ? { ...e, ...o } : e;
+  }, [s, I, f, h, b, j]);
+  P(() => {
+    U().setTypeDefaults(Z);
+  }, [Z]), P(() => {
+    c.current && (c.current.rows = n);
+  }, [n]), P(() => {
+    c.current && A && (c.current.gridConfig = A);
+  }, [A]), P(() => {
+    c.current && L && (c.current.columns = L);
+  }, [L]), P(() => {
+    c.current && a !== void 0 && (c.current.fitMode = a);
+  }, [a]), P(() => {
+    c.current && (c.current.columnInference = w);
+  }, [w]), P(() => {
+    c.current && C !== void 0 && (c.current.loading = C);
+  }, [C]), P(() => {
+    const e = c.current;
     if (!e) return;
-    const i = V();
-    e.__frameworkAdapter = i, De(e);
-    let s = !1;
-    const E = requestAnimationFrame(() => {
-      s || (typeof e.refreshColumns == "function" && e.refreshColumns(), typeof e.refreshShellHeader == "function" && e.refreshShellHeader());
+    const o = U();
+    e.__frameworkAdapter = o, Fe(e);
+    let u = !1;
+    const D = requestAnimationFrame(() => {
+      u || (typeof e.refreshColumns == "function" && e.refreshColumns(), typeof e.refreshShellHeader == "function" && e.refreshShellHeader());
     });
     return () => {
-      s = !0, cancelAnimationFrame(E);
+      u = !0, cancelAnimationFrame(D);
     };
-  }, []), b(() => {
-    if (!a.current || !R) return;
-    const e = a.current, i = "react-custom-styles";
-    let s = !0;
+  }, []), P(() => {
+    if (!c.current || !R) return;
+    const e = c.current, o = "react-custom-styles";
+    let u = !0;
     return e.ready?.().then(() => {
-      s && R && (e.registerStyles?.(i, R), M.current = i);
+      u && R && (e.registerStyles?.(o, R), N.current = o);
     }), () => {
-      s = !1, M.current && (e.unregisterStyles?.(M.current), M.current = null);
+      u = !1, N.current && (e.unregisterStyles?.(N.current), N.current = null);
     };
-  }, [R]), b(() => {
-    const e = a.current;
+  }, [R]), P(() => {
+    const e = c.current;
     if (!e) return;
-    const i = [];
-    return C && i.push(e.on("rows-change", (s) => C(s.rows))), () => {
-      i.forEach((s) => s());
+    const o = [];
+    return x && o.push(e.on("rows-change", (u) => x(u.rows))), () => {
+      o.forEach((u) => u());
     };
-  }, [C]);
-  const ee = F(() => Object.keys(B).filter((e) => typeof p[e] == "function").sort().join("|"), [p]), re = P({});
-  for (const e of Object.keys(B))
-    re.current[e] = p[e];
-  b(() => {
-    const e = a.current;
+  }, [x]);
+  const re = T(() => Object.keys(_).filter((e) => typeof y[e] == "function").sort().join("|"), [y]), te = G({});
+  for (const e of Object.keys(_))
+    te.current[e] = y[e];
+  P(() => {
+    const e = c.current;
     if (!e) return;
-    const i = [];
-    for (const [s, E] of Object.entries(B))
-      ee.includes(s) && i.push(
-        e.on(E, (K, A) => {
-          re.current[s]?.(K, A);
+    const o = [];
+    for (const [u, D] of Object.entries(_))
+      re.includes(u) && o.push(
+        e.on(D, (K, M) => {
+          te.current[u]?.(K, M);
         })
       );
     return () => {
-      i.forEach((s) => s());
+      o.forEach((u) => u());
     };
-  }, [ee]), fe(
-    f,
+  }, [re]), de(
+    d,
     () => ({
       get element() {
-        return a.current;
+        return c.current;
       },
       async getConfig() {
-        return a.current?.getConfig?.() ?? {};
+        return c.current?.getConfig?.() ?? {};
       },
       async ready() {
-        return a.current?.ready?.();
+        return c.current?.ready?.();
       },
       async forceLayout() {
-        return a.current?.forceLayout?.();
+        return c.current?.forceLayout?.();
       },
       async toggleGroup(e) {
-        return a.current?.toggleGroup?.(e);
+        return c.current?.toggleGroup?.(e);
       },
-      registerStyles(e, i) {
-        a.current?.registerStyles?.(e, i);
+      registerStyles(e, o) {
+        c.current?.registerStyles?.(e, o);
       },
       unregisterStyles(e) {
-        a.current?.unregisterStyles?.(e);
+        c.current?.unregisterStyles?.(e);
       },
-      setRowLoading(e, i) {
-        a.current?.setRowLoading?.(e, i);
+      setRowLoading(e, o) {
+        c.current?.setRowLoading?.(e, o);
       },
-      setCellLoading(e, i, s) {
-        a.current?.setCellLoading?.(e, i, s);
+      setCellLoading(e, o, u) {
+        c.current?.setCellLoading?.(e, o, u);
       },
       isRowLoading(e) {
-        return a.current?.isRowLoading?.(e) ?? !1;
+        return c.current?.isRowLoading?.(e) ?? !1;
       },
-      isCellLoading(e, i) {
-        return a.current?.isCellLoading?.(e, i) ?? !1;
+      isCellLoading(e, o) {
+        return c.current?.isCellLoading?.(e, o) ?? !1;
       },
       clearAllLoading() {
-        a.current?.clearAllLoading?.();
+        c.current?.clearAllLoading?.();
       }
     }),
     []
   );
-  const H = P(null);
-  return de(() => {
-    const e = a.current;
-    return e && H.current && ne(e, H.current), () => {
-      e && ne(e, null);
+  const z = G(null);
+  return ge(() => {
+    const e = c.current;
+    return e && z.current && oe(e, z.current), () => {
+      e && oe(e, null);
     };
-  }, []), /* @__PURE__ */ he(U, { children: [
-    /* @__PURE__ */ S(Ke, { ref: H }),
-    Pe(
-      ue.activeTag,
+  }, []), /* @__PURE__ */ ve(W, { children: [
+    /* @__PURE__ */ E(Ke, { ref: z }),
+    Ge(
+      ae.activeTag,
       {
         ref: (e) => {
-          if (a.current = e, e && !J.current) {
-            J.current = !0;
-            const i = e;
-            L && (i.gridConfig = L), n && (i.rows = n), I && (i.columns = I);
+          if (c.current = e, e && !Y.current) {
+            Y.current = !0;
+            const o = e;
+            A && (o.gridConfig = A), n && (o.rows = n), L && (o.columns = L);
           }
         },
-        class: G,
-        style: x
+        class: S,
+        style: m
       },
-      /* @__PURE__ */ S(N.Provider, { value: a, children: y })
+      /* @__PURE__ */ E(H.Provider, { value: c, children: i })
     )
   ] });
 });
-function ar(t) {
+function lr(t) {
   const {
     field: r,
-    header: f,
+    header: d,
     type: n,
-    editable: c,
-    sortable: d,
+    editable: s,
+    sortable: g,
     resizable: l,
-    width: u,
-    minWidth: h,
-    hidden: g,
-    lockVisible: v,
-    children: w,
+    width: a,
+    minWidth: w,
+    order: f,
+    hidden: h,
+    lockVisible: b,
+    children: C,
     editor: R,
-    options: G,
-    multi: x,
-    format: y
-  } = t, o = P(null), m = D(
-    (a) => {
-      o.current = a, a && (w && Se(a, w), R && xe(a, R));
+    options: S,
+    multi: m,
+    format: i
+  } = t, p = G(null), v = F(
+    (c) => {
+      p.current = c, c && (C && xe(c, C), R && Ee(c, R));
     },
-    [w, R]
-  ), C = typeof u == "number" ? `${u}px` : u, p = {
+    [C, R]
+  ), x = typeof a == "number" ? `${a}px` : a, y = {
     field: r,
-    ref: m
+    ref: v
   };
-  return f !== void 0 && (p.header = f), n !== void 0 && (p.type = n), c !== void 0 && (p.editable = c), d !== void 0 && (p.sortable = d), l !== void 0 && (p.resizable = l), C !== void 0 && (p.width = C), h !== void 0 && (p["min-width"] = h), g !== void 0 && (p.hidden = g), v !== void 0 && (p["lock-visible"] = v), x !== void 0 && (p.multi = x), y && (p["data-has-format"] = "true"), G && (p["data-has-options"] = "true"), /* @__PURE__ */ S("tbw-grid-column", { ...p });
+  return d !== void 0 && (y.header = d), n !== void 0 && (y.type = n), s !== void 0 && (y.editable = s), g !== void 0 && (y.sortable = g), l !== void 0 && (y.resizable = l), x !== void 0 && (y.width = x), w !== void 0 && (y["min-width"] = w), f !== void 0 && (y.order = f), h !== void 0 && (y.hidden = h), b !== void 0 && (y["lock-visible"] = b), m !== void 0 && (y.multi = m), i && (y["data-has-format"] = "true"), S && (y["data-has-options"] = "true"), /* @__PURE__ */ E("tbw-grid-column", { ...y });
 }
-function lr({ id: t, order: r = 100, children: f }) {
-  const n = ge(), c = t ?? `tbw-header-content-${n}`, d = T(N), [l, u] = O(null), h = P(null);
-  return b(() => {
-    const g = d?.current;
-    if (!g) return;
-    const v = h;
-    let w = !1;
+function fr({ id: t, order: r = 100, children: d }) {
+  const n = pe(), s = t ?? `tbw-header-content-${n}`, g = k(H), [l, a] = O(null), w = G(null);
+  return P(() => {
+    const f = g?.current;
+    if (!f) return;
+    const h = w;
+    let b = !1;
     return (async () => {
       try {
-        await g.ready?.();
+        await f.ready?.();
       } catch {
         return;
       }
-      if (w) return;
-      const R = {
-        id: c,
+      if (b) return;
+      const C = {
+        id: s,
         order: r,
-        render: (G) => (u(G), () => {
+        render: (S) => (a(S), () => {
         })
-      };
-      g.registerHeaderContent?.(R);
+      }, R = f.getPluginByName?.("shell");
+      R?.registerHeaderContent ? R.registerHeaderContent(C) : f.registerHeaderContent?.(C);
     })(), () => {
-      w = !0, g.unregisterHeaderContent?.(c), v.current && (pe(v.current, { sync: !0 }), v.current = null), u(null);
+      b = !0;
+      const C = f.getPluginByName?.("shell");
+      C?.unregisterHeaderContent ? C.unregisterHeaderContent(s) : f.unregisterHeaderContent?.(s), h.current && (me(h.current, { sync: !0 }), h.current = null), a(null);
     };
-  }, [d, c, r]), b(() => {
+  }, [g, s, r]), P(() => {
     if (!l) return;
-    const g = d?.current ?? void 0;
-    h.current = me(l, f, h.current ?? void 0, g);
-  }, [f, l, d]), null;
+    const f = g?.current ?? void 0;
+    w.current = Ce(l, d, w.current ?? void 0, f);
+  }, [d, l, g]), null;
 }
-function fr({ children: t }) {
-  return /* @__PURE__ */ S("tbw-grid-tool-buttons", { children: t });
+function dr({ children: t }) {
+  return /* @__PURE__ */ E("tbw-grid-tool-buttons", { children: t });
 }
-function dr({ id: t, order: r = 100, children: f }) {
-  const n = ge(), c = t ?? `tbw-toolbar-content-${n}`, d = T(N), [l, u] = O(null), h = P(null);
-  return b(() => {
-    const g = d?.current;
-    if (!g) return;
-    const v = h;
-    let w = !1;
+function gr({ id: t, order: r = 100, children: d }) {
+  const n = pe(), s = t ?? `tbw-toolbar-content-${n}`, g = k(H), [l, a] = O(null), w = G(null);
+  return P(() => {
+    const f = g?.current;
+    if (!f) return;
+    const h = w;
+    let b = !1;
     return (async () => {
       try {
-        await g.ready?.();
+        await f.ready?.();
       } catch {
         return;
       }
-      if (w) return;
-      const R = {
-        id: c,
+      if (b) return;
+      const C = {
+        id: s,
         order: r,
-        render: (G) => (u(G), () => {
+        render: (S) => (a(S), () => {
         })
-      };
-      g.registerToolbarContent?.(R);
+      }, R = f.getPluginByName?.("shell");
+      R?.registerToolbarContent ? R.registerToolbarContent(C) : f.registerToolbarContent?.(C);
     })(), () => {
-      w = !0, g.unregisterToolbarContent?.(c), v.current && (pe(v.current, { sync: !0 }), v.current = null), u(null);
+      b = !0;
+      const C = f.getPluginByName?.("shell");
+      C?.unregisterToolbarContent ? C.unregisterToolbarContent(s) : f.unregisterToolbarContent?.(s), h.current && (me(h.current, { sync: !0 }), h.current = null), a(null);
     };
-  }, [d, c, r]), b(() => {
+  }, [g, s, r]), P(() => {
     if (!l) return;
-    const g = d?.current ?? void 0;
-    h.current = me(l, f, h.current ?? void 0, g);
-  }, [f, l, d]), null;
+    const f = g?.current ?? void 0;
+    w.current = Ce(l, d, w.current ?? void 0, f);
+  }, [d, l, g]), null;
 }
-const gr = ({ icons: t, defaults: r, children: f }) => {
-  let n = f;
-  return r && (n = /* @__PURE__ */ S(je, { defaults: r, children: n })), t && (n = /* @__PURE__ */ S(Ne, { icons: t, children: n })), /* @__PURE__ */ S(U, { children: n });
+const pr = ({ icons: t, defaults: r, children: d }) => {
+  let n = d;
+  return r && (n = /* @__PURE__ */ E(je, { defaults: r, children: n })), t && (n = /* @__PURE__ */ E(He, { icons: t, children: n })), /* @__PURE__ */ E(W, { children: n });
 };
-function pr(t) {
-  const r = P(null), [f, n] = O(!1), [c, d] = O(null), l = P(null), u = D(() => t ? (l.current ??= document.querySelector(t), l.current) : r.current?.element ?? null, [t]);
-  b(() => {
-    let o = !0;
+function mr(t) {
+  const r = G(null), [d, n] = O(!1), [s, g] = O(null), l = G(null), a = F(() => t ? (l.current ??= document.querySelector(t), l.current) : r.current?.element ?? null, [t]);
+  P(() => {
+    let i = !0;
     return (async () => {
       try {
         if (t) {
-          const C = document.querySelector(t);
-          if (!C) return;
-          if (l.current = C, await C.ready?.(), o) {
+          const v = document.querySelector(t);
+          if (!v) return;
+          if (l.current = v, await v.ready?.(), i) {
             n(!0);
-            const p = await C.getConfig?.();
-            o && p && d(p);
+            const x = await v.getConfig?.();
+            i && x && g(x);
           }
         } else {
-          const C = r.current;
-          if (!C) return;
-          if (await C.ready?.(), o) {
+          const v = r.current;
+          if (!v) return;
+          if (await v.ready?.(), i) {
             n(!0);
-            const p = await C.getConfig?.();
-            o && p && d(p);
+            const x = await v.getConfig?.();
+            i && x && g(x);
           }
         }
       } catch {
       }
     })(), () => {
-      o = !1;
+      i = !1;
     };
   }, [t]);
-  const h = D(async () => {
-    const o = u();
-    if (o)
-      return await o.getConfig?.() ?? null;
-    const m = r.current;
-    return m ? await m.getConfig?.() ?? null : null;
-  }, [u]), g = D(async () => {
-    const o = u();
-    if (o) {
-      await o.forceLayout?.();
+  const w = F(async () => {
+    const i = a();
+    if (i)
+      return await i.getConfig?.() ?? null;
+    const p = r.current;
+    return p ? await p.getConfig?.() ?? null : null;
+  }, [a]), f = F(async () => {
+    const i = a();
+    if (i) {
+      await i.forceLayout?.();
       return;
     }
-    const m = r.current;
-    m && await m.forceLayout?.();
-  }, [u]), v = D(
-    async (o) => {
-      const m = u();
-      if (m) {
-        await m.toggleGroup?.(o);
+    const p = r.current;
+    p && await p.forceLayout?.();
+  }, [a]), h = F(
+    async (i) => {
+      const p = a();
+      if (p) {
+        await p.toggleGroup?.(i);
         return;
       }
-      const C = r.current;
-      C && await C.toggleGroup?.(o);
+      const v = r.current;
+      v && await v.toggleGroup?.(i);
     },
-    [u]
-  ), w = D(
-    (o) => u()?.getPlugin?.(o),
-    [u]
-  ), R = D(
-    ((o) => u()?.getPluginByName?.(o)),
-    [u]
-  ), G = D(
-    (o, m) => {
-      const C = u();
-      if (C) {
-        C.registerStyles?.(o, m);
+    [a]
+  ), b = F(
+    (i) => a()?.getPlugin?.(i),
+    [a]
+  ), C = F(
+    ((i) => a()?.getPluginByName?.(i)),
+    [a]
+  ), R = F(
+    (i, p) => {
+      const v = a();
+      if (v) {
+        v.registerStyles?.(i, p);
         return;
       }
-      r.current?.registerStyles?.(o, m);
+      r.current?.registerStyles?.(i, p);
     },
-    [u]
-  ), x = D(
-    (o) => {
-      const m = u();
-      if (m) {
-        m.unregisterStyles?.(o);
+    [a]
+  ), S = F(
+    (i) => {
+      const p = a();
+      if (p) {
+        p.unregisterStyles?.(i);
         return;
       }
-      r.current?.unregisterStyles?.(o);
+      r.current?.unregisterStyles?.(i);
     },
-    [u]
-  ), y = D(() => c?.columns ? c.columns.filter((o) => !o.hidden) : [], [c]);
+    [a]
+  ), m = F(() => s?.columns ? s.columns.filter((i) => !i.hidden) : [], [s]);
   return {
     ref: r,
-    element: u(),
-    isReady: f,
-    config: c,
-    getConfig: h,
-    forceLayout: g,
-    toggleGroup: v,
-    getPlugin: w,
-    getPluginByName: R,
-    registerStyles: G,
-    unregisterStyles: x,
-    getVisibleColumns: y
+    element: a(),
+    isReady: d,
+    config: s,
+    getConfig: w,
+    forceLayout: f,
+    toggleGroup: h,
+    getPlugin: b,
+    getPluginByName: C,
+    registerStyles: R,
+    unregisterStyles: S,
+    getVisibleColumns: m
   };
 }
-function mr(t, r = {}) {
-  const { open: f = !0, gridElement: n } = r, c = T(N);
-  b(() => {
-    if (!f) return;
-    const d = t.current;
+function Cr(t, r = {}) {
+  const { open: d = !0, gridElement: n } = r, s = k(H);
+  P(() => {
     if (!d) return;
-    const l = n ?? d.closest("tbw-grid, [data-tbw-grid]") ?? c?.current ?? null;
+    const g = t.current;
+    if (!g) return;
+    const l = n ?? g.closest("tbw-grid, [data-tbw-grid]") ?? s?.current ?? null;
     if (l)
-      return l.registerExternalFocusContainer?.(d), () => {
-        l.unregisterExternalFocusContainer?.(d);
+      return l.registerExternalFocusContainer?.(g), () => {
+        l.unregisterExternalFocusContainer?.(g);
       };
-  }, [f, n, c, t]);
+  }, [d, n, s, t]);
 }
 export {
-  ur as DataGrid,
-  Ge as GridAdapter,
-  ar as GridColumn,
-  Sr as GridDetailPanel,
-  lr as GridHeaderContent,
-  Ne as GridIconProvider,
-  gr as GridProvider,
-  Er as GridResponsiveCard,
-  fr as GridToolButtons,
-  hr as GridToolPanel,
-  dr as GridToolbarContent,
+  ar as DataGrid,
+  Se as GridAdapter,
+  lr as GridColumn,
+  xr as GridDetailPanel,
+  fr as GridHeaderContent,
+  He as GridIconProvider,
+  pr as GridProvider,
+  Dr as GridResponsiveCard,
+  dr as GridToolButtons,
+  vr as GridToolPanel,
+  gr as GridToolbarContent,
   je as GridTypeProvider,
   Oe as applyColumnDefaults,
-  or as hasColumnShorthands,
-  Me as normalizeColumns,
-  Ae as parseColumnShorthand,
+  ir as hasColumnShorthands,
+  Ne as normalizeColumns,
+  Me as parseColumnShorthand,
   ye as registerChildFeatureDetector,
-  Pr as registerEditorMountHook,
-  vr as registerFeaturePropKey,
-  Rr as registerPostMountRefresh,
-  pr as useGrid,
-  ir as useGridIcons,
-  mr as useGridOverlay,
-  sr as useGridTypeDefaults,
-  cr as useTypeDefault
+  Gr as registerEditorMountHook,
+  wr as registerFeaturePropKey,
+  br as registerPostMountRefresh,
+  mr as useGrid,
+  sr as useGridIcons,
+  Cr as useGridOverlay,
+  cr as useGridTypeDefaults,
+  ur as useTypeDefault
 };