@toolbox-web/grid-react 1.6.1 → 1.8.0

package/README.md

@@ -640,16 +640,18 @@ Inject custom CSS into the grid:
 
 ### Exported Components
 
-| Component          | Description                                 |
-| ------------------ | ------------------------------------------- |
-| `DataGrid`         | Main grid component wrapper                 |
-| `GridColumn`       | Declarative column with render props        |
-| `GridDetailPanel`  | Master-detail expandable panel              |
-| `GridToolPanel`    | Custom sidebar panel                        |
-| `GridToolButtons`  | Toolbar button container                    |
-| `GridProvider`     | Combined provider for icons & type defaults |
-| `GridTypeProvider` | App-level type defaults context             |
-| `GridIconProvider` | App-level icon overrides context            |
+| Component            | Description                                  |
+| -------------------- | -------------------------------------------- |
+| `DataGrid`           | Main grid component wrapper                  |
+| `GridColumn`         | Declarative column with render props         |
+| `GridDetailPanel`    | Master-detail expandable panel               |
+| `GridToolPanel`      | Custom sidebar panel                         |
+| `GridHeaderContent`  | Inject React content into shell header zone  |
+| `GridToolbarContent` | Inject React content into shell toolbar zone |
+| `GridToolButtons`    | Toolbar button container                     |
+| `GridProvider`       | Combined provider for icons & type defaults  |
+| `GridTypeProvider`   | App-level type defaults context              |
+| `GridIconProvider`   | App-level icon overrides context             |
 
 ### Exported Hooks
 

package/chunks/{grid-detail-panel-CR7YUhdN.js → grid-detail-panel-BZFcujsZ.js}

@@ -1,5 +1,5 @@
-import { jsx as u } from "react/jsx-runtime";
-import { useRef as g, useCallback as m, useEffect as p } from "react";
+import { jsx as g } from "react/jsx-runtime";
+import { useRef as u, useCallback as b, useEffect as m } from "react";
 const o = /* @__PURE__ */ new WeakMap(), s = /* @__PURE__ */ new Map();
 function x(r) {
   const i = r.querySelector("tbw-grid-detail");
@@ -11,12 +11,12 @@ function x(r) {
   if (d)
     return s.get(d);
 }
-function b(r) {
-  const { children: i, showExpandColumn: d = !0, animation: n = "slide" } = r, l = g(null), f = m(
+function p(r) {
+  const { children: i, showExpandColumn: d = !0, animation: n = "slide" } = r, l = u(null), f = b(
     (t) => {
       if (l.current = t, !t) return;
       o.set(t, i);
-      const e = t.closest("tbw-grid");
+      const e = t.closest("tbw-grid, [data-tbw-grid]");
       if (e) {
         const a = e.id || e.getAttribute("data-grid-id");
         a && s.set(a, i);
@@ -24,11 +24,11 @@ function b(r) {
     },
     [i]
   );
-  return p(() => () => {
+  return m(() => () => {
     const t = l.current;
     if (t) {
       o.delete(t);
-      const e = t.closest("tbw-grid");
+      const e = t.closest("tbw-grid, [data-tbw-grid]");
       if (e) {
         const c = e.id || e.getAttribute("data-grid-id");
         c && s.delete(c);
@@ -36,7 +36,7 @@ function b(r) {
       const a = t.parentNode;
       a && a.contains(t);
     }
-  }, []), /* @__PURE__ */ u(
+  }, []), /* @__PURE__ */ g(
     "tbw-grid-detail",
     {
       ref: f,
@@ -45,8 +45,8 @@ function b(r) {
     }
   );
 }
-b.displayName = "GridDetailPanel";
+p.displayName = "GridDetailPanel";
 export {
-  b as G,
+  p as G,
   x as g
 };

package/chunks/grid-responsive-card-CSZhDCoN.js

@@ -0,0 +1,45 @@
+import { jsx as u } from "react/jsx-runtime";
+import { useRef as f, useCallback as l, useEffect as p } from "react";
+const o = /* @__PURE__ */ new WeakMap(), a = /* @__PURE__ */ new Map();
+function v(i) {
+  const r = i.querySelector("tbw-grid-responsive-card");
+  if (r) {
+    const s = o.get(r);
+    if (s) return s;
+  }
+  const d = i.id || i.getAttribute("data-grid-id");
+  if (d)
+    return a.get(d);
+}
+function b(i) {
+  const { children: r, cardRowHeight: d = "auto" } = i, s = f(null), c = l(
+    (t) => {
+      if (s.current = t, !t) return;
+      o.set(t, r);
+      const e = t.closest("tbw-grid, [data-tbw-grid]");
+      if (e) {
+        const n = e.id || e.getAttribute("data-grid-id");
+        n && a.set(n, r);
+      }
+    },
+    [r]
+  );
+  p(() => () => {
+    const t = s.current;
+    if (t) {
+      o.delete(t);
+      const e = t.closest("tbw-grid, [data-tbw-grid]");
+      if (e) {
+        const n = e.id || e.getAttribute("data-grid-id");
+        n && a.delete(n);
+      }
+    }
+  }, []);
+  const g = d === "auto" ? "auto" : String(d);
+  return /* @__PURE__ */ u("tbw-grid-responsive-card", { ref: c, cardRowHeight: g });
+}
+b.displayName = "GridResponsiveCard";
+export {
+  b as G,
+  v as g
+};

package/chunks/portal-bridge-CvxNt40O.js

@@ -0,0 +1,68 @@
+import { flushSync as d } from "react-dom";
+import { createRoot as p } from "react-dom/client";
+const o = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
+let m = 0;
+function B(t, e) {
+  e ? o.set(t, e) : o.delete(t);
+}
+function g(t, e) {
+  if (e) return e;
+  const n = t.closest("tbw-grid, [data-tbw-grid]");
+  if (n) return n;
+  if (o.size === 1) return o.keys().next().value;
+}
+function u(t) {
+  const e = i.get(t);
+  if (e) {
+    try {
+      e.unmount();
+    } catch {
+    }
+    i.delete(t);
+  }
+}
+function v(t, e, n, r) {
+  const s = n ?? `p-${m++}`, a = g(t, r), l = a ? o.get(a) : void 0;
+  if (l)
+    u(s), a && f.set(s, a), l.renderPortal(s, t, e);
+  else {
+    let c = i.get(s);
+    c || (c = p(t), i.set(s, c)), d(() => c.render(e));
+  }
+  return s;
+}
+function w(t, e) {
+  const n = f.get(t);
+  (n ? o.get(n) : void 0)?.removePortal(t, e?.sync), f.delete(t), u(t);
+}
+function M(t) {
+  if (t) {
+    o.get(t)?.beginBatch();
+    return;
+  }
+  for (const e of o.values()) e.beginBatch();
+}
+function y(t) {
+  if (t) {
+    o.get(t)?.endBatch();
+    return;
+  }
+  for (const e of o.values()) e.endBatch();
+}
+function P(t) {
+  return (e) => {
+    const n = t(e);
+    if (n == null || n === !1) return null;
+    if (n instanceof HTMLElement) return n;
+    const r = document.createElement("div");
+    return r.style.display = "contents", v(r, n), r;
+  };
+}
+export {
+  v as a,
+  M as b,
+  P as c,
+  y as e,
+  w as r,
+  B as s
+};

package/chunks/post-mount-refresh-hooks-Dt7mPoZC.js

@@ -0,0 +1,12 @@
+const s = /* @__PURE__ */ new Map();
+function n(o, t) {
+  s.set(o, t);
+}
+function e(o) {
+  for (const t of s.values())
+    t({ gridEl: o });
+}
+export {
+  e as n,
+  n as r
+};

package/chunks/{react-column-config-Dz234dN8.js → react-column-config-BOe_PgL1.js}

@@ -1,4 +1,4 @@
-import { a as u, r as f } from "./portal-bridge-BydpO5wl.js";
+import { a as i, r as f } from "./portal-bridge-CvxNt40O.js";
 const y = [];
 function H(e) {
   y.push(e);
@@ -13,15 +13,15 @@ function R(e, n) {
     for (const t of r) t();
   };
 }
-const l = /* @__PURE__ */ Symbol("reactProcessed"), a = /* @__PURE__ */ new Map();
+const l = /* @__PURE__ */ Symbol("reactProcessed"), s = /* @__PURE__ */ new Map();
 function K(e) {
   const n = e.querySelectorAll(".react-cell-editor, .react-cell-renderer");
   for (const r of n) {
-    const t = a.get(r);
-    t && (t.unsub?.(), f(t.key, { sync: !0 }), a.delete(r));
+    const t = s.get(r);
+    t && (t.unsub?.(), f(t.key, { sync: !0 }), s.delete(r));
   }
 }
-function i(e) {
+function u(e) {
   const n = document.createElement("div");
   return n.className = e, n.style.display = "contents", n;
 }
@@ -36,36 +36,36 @@ function E(e) {
   return (r) => {
     const t = r.cellEl;
     if (t) {
-      const c = n.get(t);
-      if (c) {
-        if (t.contains(c.container))
-          return u(c.container, e(r), c.portalKey), c.container;
-        f(c.portalKey, { sync: !0 }), n.delete(t);
+      const a = n.get(t);
+      if (a) {
+        if (t.contains(a.container))
+          return i(a.container, e(r), a.portalKey), a.container;
+        f(a.portalKey, { sync: !0 }), n.delete(t);
       }
     }
-    const o = i("react-cell-renderer"), s = u(o, e(r));
-    return t && n.set(t, { portalKey: s, container: o }), a.set(o, { key: s }), o;
+    const o = u("react-cell-renderer"), c = i(o, e(r));
+    return t && n.set(t, { portalKey: c, container: o }), s.set(o, { key: c }), o;
   };
 }
-function k(e) {
+function w(e) {
   return (n) => {
-    const r = i("react-cell-editor"), o = { key: u(r, e(n)) };
-    return a.set(r, o), queueMicrotask(() => {
-      const s = r.closest("tbw-grid");
-      s && (o.unsub = R(r, s));
+    const r = u("react-cell-editor"), o = { key: i(r, e(n)) };
+    return s.set(r, o), queueMicrotask(() => {
+      const c = r.closest("tbw-grid, [data-tbw-grid]");
+      c && (o.unsub = R(r, c));
     }), r;
   };
 }
-function w(e) {
+function k(e) {
   return (n) => {
-    const r = i("react-header-renderer"), t = u(r, e(n));
-    return a.set(r, { key: t }), r;
+    const r = u("react-header-renderer"), t = i(r, e(n));
+    return s.set(r, { key: t }), r;
   };
 }
 function h(e) {
   return (n) => {
-    const r = i("react-header-label-renderer"), t = u(r, e(n));
-    return a.set(r, { key: t }), r;
+    const r = u("react-header-label-renderer"), t = i(r, e(n));
+    return s.set(r, { key: t }), r;
   };
 }
 function M(e) {
@@ -73,8 +73,8 @@ function M(e) {
     const r = e(n);
     if (r instanceof HTMLElement || typeof r == "string")
       return r;
-    const t = i("react-loading-renderer"), o = u(t, r);
-    return a.set(t, { key: o }), t;
+    const t = u("react-loading-renderer"), o = i(t, r);
+    return s.set(t, { key: o }), t;
   };
 }
 function b(e) {
@@ -82,8 +82,8 @@ function b(e) {
     const r = e(n);
     if (r instanceof HTMLElement || typeof r == "string")
       return r;
-    const t = i("react-empty-renderer"), o = u(t, r);
-    return a.set(t, { key: o }), t;
+    const t = u("react-empty-renderer"), o = i(t, r);
+    return s.set(t, { key: o }), t;
   };
 }
 function T(e) {
@@ -108,8 +108,8 @@ function T(e) {
     return t[l] = !0, t;
   }
   const n = e.columns.map((t) => {
-    const { renderer: o, editor: s, headerRenderer: c, headerLabelRenderer: p, ...m } = t, d = { ...m };
-    return o && (d.renderer = E(o)), s && (d.editor = k(s)), c && (d.headerRenderer = w(c)), p && (d.headerLabelRenderer = h(p)), d;
+    const { renderer: o, editor: c, headerRenderer: a, headerLabelRenderer: p, ...m } = t, d = { ...m };
+    return o && (d.renderer = E(o)), c && (d.editor = w(c)), a && (d.headerRenderer = k(a)), p && (d.headerLabelRenderer = h(p)), d;
   }), r = {
     ...e,
     columns: n

package/chunks/{react-grid-adapter-KD5roD6F.js → react-grid-adapter-LBf2Mqhn.js}

@@ -1,26 +1,63 @@
-import { p as b, n as m, c as K } from "./react-column-config-Dz234dN8.js";
-import { jsx as T } from "react/jsx-runtime";
-import { useRef as k, useCallback as E, useEffect as w } from "react";
-import { a as u, r as g, b as B, e as D } from "./portal-bridge-BydpO5wl.js";
-const p = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new Map();
-function M(o) {
-  const e = p.get(o);
+import { useRef as w, useCallback as K, useEffect as T } from "react";
+import { p as E, n as k, c as B } from "./react-column-config-BOe_PgL1.js";
+import { jsx as D } from "react/jsx-runtime";
+import { a as u, r as g, b as M, e as A } from "./portal-bridge-CvxNt40O.js";
+const h = /* @__PURE__ */ new Set();
+let p = null;
+function S(o) {
+  h.has(o) || (h.add(o), p = null);
+}
+function j() {
+  return p === null && (p = Object.freeze(Array.from(h))), p;
+}
+const F = [
+  "selection",
+  "editing",
+  "filtering",
+  "multiSort",
+  "clipboard",
+  "contextMenu",
+  "reorderColumns",
+  // @deprecated v1.x — remove in `@toolbox-web/grid-react` 2.0.0 (gh #261 / #263). Superseded by `rowDragDrop`.
+  "reorderRows",
+  "rowDragDrop",
+  "visibility",
+  "undoRedo",
+  "tree",
+  "groupingRows",
+  "groupingColumns",
+  "pinnedColumns",
+  "pinnedRows",
+  "masterDetail",
+  "responsive",
+  "columnVirtualization",
+  "export",
+  "print",
+  "pivot",
+  "serverSide",
+  "tooltip"
+];
+for (const o of F)
+  S(o);
+const P = /* @__PURE__ */ new WeakMap(), b = /* @__PURE__ */ new Map();
+function U(o) {
+  const e = P.get(o);
   if (e) return e;
   const t = o.id;
   if (t)
-    return h.get(t);
+    return b.get(t);
 }
-function W(o) {
-  const { id: e, title: t, icon: r, tooltip: n, order: s = 100, children: i } = o, l = k(null), y = E(
+function z(o) {
+  const { id: e, title: t, icon: r, tooltip: n, order: s = 100, children: i } = o, l = w(null), y = K(
     (a) => {
-      l.current = a, a && (p.set(a, i), e && h.set(e, i));
+      l.current = a, a && (P.set(a, i), e && b.set(e, i));
     },
     [i, e]
   );
-  return w(() => () => {
+  return T(() => () => {
     const a = l.current;
-    a && (p.delete(a), e && h.delete(e));
-  }, [e]), /* @__PURE__ */ T(
+    a && (P.delete(a), e && b.delete(e));
+  }, [e]), /* @__PURE__ */ D(
     "tbw-grid-tool-panel",
     {
       ref: y,
@@ -32,48 +69,48 @@ function W(o) {
     }
   );
 }
-let R = null, v = null, P = null;
-function I(o) {
-  R = o;
+let C = null, m = null, R = null;
+function O(o) {
+  C = o;
 }
-function N(o) {
-  v = o;
+function q(o) {
+  m = o;
 }
-function j(o) {
-  P = o;
+function H(o) {
+  R = o;
 }
-const c = /* @__PURE__ */ new WeakMap(), d = /* @__PURE__ */ new Map();
-function q(o, e) {
-  const t = o.getAttribute("field"), r = c.get(o) ?? {};
-  if (r.renderer = e, c.set(o, r), t) {
-    const n = d.get(t) ?? {};
-    n.renderer = e, d.set(t, n);
+const d = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new Map();
+function L(o, e) {
+  const t = o.getAttribute("field"), r = d.get(o) ?? {};
+  if (r.renderer = e, d.set(o, r), t) {
+    const n = c.get(t) ?? {};
+    n.renderer = e, c.set(t, n);
   }
 }
-function H(o, e) {
-  const t = o.getAttribute("field"), r = c.get(o) ?? {};
-  if (r.editor = e, c.set(o, r), t) {
-    const n = d.get(t) ?? {};
-    n.editor = e, d.set(t, n);
+function V(o, e) {
+  const t = o.getAttribute("field"), r = d.get(o) ?? {};
+  if (r.editor = e, d.set(o, r), t) {
+    const n = c.get(t) ?? {};
+    n.editor = e, c.set(t, n);
   }
 }
-function A(o) {
-  let e = c.get(o)?.renderer;
+function x(o) {
+  let e = d.get(o)?.renderer;
   if (!e) {
     const t = o.getAttribute("field");
-    t && (e = d.get(t)?.renderer);
+    t && (e = c.get(t)?.renderer);
   }
   return e;
 }
-function U(o) {
-  let e = c.get(o)?.editor;
+function G(o) {
+  let e = d.get(o)?.editor;
   if (!e) {
     const t = o.getAttribute("field");
-    t && (e = d.get(t)?.editor);
+    t && (e = c.get(t)?.editor);
   }
   return e;
 }
-class z {
+class Y {
   /** Portal keys for all managed portals (for cleanup on destroy). */
   allPortalKeys = /* @__PURE__ */ new Set();
   /** Portal keys for editor-specific portals (for per-cell cleanup via releaseCell). */
@@ -128,7 +165,7 @@ class z {
    * Converts React renderer/editor functions to DOM-returning functions.
    */
   processConfig(e) {
-    return b(e) ?? e;
+    return E(e) ?? e;
   }
   /**
    * Determines if this adapter can handle the given element.
@@ -136,10 +173,10 @@ class z {
    */
   canHandle(e) {
     const t = e.getAttribute("field");
-    let r = c.get(e);
+    let r = d.get(e);
     if (!r && t) {
-      const i = d.get(t);
-      i && (i.renderer || i.editor) && (r = i, c.set(e, r));
+      const i = c.get(t);
+      i && (i.renderer || i.editor) && (r = i, d.set(e, r));
     }
     const n = r?.renderer !== void 0, s = r?.editor !== void 0;
     return r !== void 0 && (n || s);
@@ -156,10 +193,10 @@ class z {
    * allowing the grid to use its default rendering.
    */
   createRenderer(e) {
-    const t = A(e);
+    const t = x(e);
     if (!t)
       return;
-    const r = e.closest("tbw-grid"), n = /* @__PURE__ */ new WeakMap();
+    const r = e.closest("tbw-grid, [data-tbw-grid]"), n = /* @__PURE__ */ new WeakMap();
     return (s) => {
       const i = s.cellEl;
       if (i) {
@@ -171,13 +208,13 @@ class z {
         }
         const f = document.createElement("div");
         f.className = "react-cell-renderer", f.style.display = "contents";
-        const C = u(
+        const v = u(
           f,
           t(s),
           void 0,
           r ?? void 0
         );
-        return n.set(i, { portalKey: C, container: f }), this.trackPortal(C, f, !1), f;
+        return n.set(i, { portalKey: v, container: f }), this.trackPortal(v, f, !1), f;
       }
       const l = document.createElement("div");
       l.className = "react-cell-renderer", l.style.display = "contents";
@@ -195,10 +232,10 @@ class z {
    * with commit/cancel callbacks passed as props.
    */
   createEditor(e) {
-    const t = U(e);
+    const t = G(e);
     if (!t)
       return () => document.createElement("div");
-    const r = e.closest("tbw-grid") ?? void 0;
+    const r = e.closest("tbw-grid, [data-tbw-grid]") ?? void 0;
     return (n) => {
       const s = document.createElement("div");
       s.className = "react-cell-editor", s.style.display = "contents";
@@ -208,7 +245,7 @@ class z {
         void 0,
         r
       );
-      return this.trackPortal(i, s, !0), r && this.editorBeforeCloseUnsubs.set(i, m(s, r)), s;
+      return this.trackPortal(i, s, !0), r && this.editorBeforeCloseUnsubs.set(i, k(s, r)), s;
     };
   }
   /**
@@ -219,14 +256,14 @@ class z {
    * was registered for this grid.
    */
   createDetailRenderer(e) {
-    return R?.(e, this.bridgeContext);
+    return C?.(e, this.bridgeContext);
   }
   /**
    * Framework adapter hook called by MasterDetailPlugin during attach().
    * Parses the <tbw-grid-detail> element and returns a React-based renderer.
    */
   parseDetailElement(e) {
-    const t = e.closest("tbw-grid");
+    const t = e.closest("tbw-grid, [data-tbw-grid]");
     if (t)
       return this.createDetailRenderer(t);
   }
@@ -238,7 +275,7 @@ class z {
    * was registered for this grid.
    */
   createResponsiveCardRenderer(e) {
-    return v?.(e, this.bridgeContext);
+    return m?.(e, this.bridgeContext);
   }
   /**
    * FrameworkAdapter hook called by ResponsivePlugin during attach().
@@ -249,7 +286,7 @@ class z {
    * `refreshResponsiveCardRenderer` hook in DataGrid.
    */
   parseResponsiveCardElement(e) {
-    const t = e.closest("tbw-grid");
+    const t = e.closest("tbw-grid, [data-tbw-grid]");
     if (t)
       return this.createResponsiveCardRenderer(t);
   }
@@ -258,10 +295,10 @@ class z {
    * Renders React components into tool panel containers.
    */
   createToolPanelRenderer(e) {
-    const t = M(e);
+    const t = U(e);
     if (!t)
       return;
-    const r = e.closest("tbw-grid");
+    const r = e.closest("tbw-grid, [data-tbw-grid]");
     return (n) => {
       const i = u(n, t({
         grid: r ?? n
@@ -304,7 +341,7 @@ class z {
     const n = {
       editorParams: r.editorParams
     };
-    return r.renderer && (n.renderer = this.createTypeRenderer(r.renderer, t)), r.editor && (n.editor = this.createTypeEditor(r.editor, t)), r.filterPanelRenderer && P && (n.filterPanelRenderer = P(
+    return r.renderer && (n.renderer = this.createTypeRenderer(r.renderer, t)), r.editor && (n.editor = this.createTypeEditor(r.editor, t)), r.filterPanelRenderer && R && (n.filterPanelRenderer = R(
       r.filterPanelRenderer,
       t,
       this.bridgeContext
@@ -318,7 +355,7 @@ class z {
     return (r) => {
       const n = document.createElement("span");
       n.style.display = "contents";
-      const s = r.cellEl?.closest("tbw-grid") ?? t, i = u(n, e(r), void 0, s);
+      const s = r.cellEl?.closest("tbw-grid, [data-tbw-grid]") ?? t, i = u(n, e(r), void 0, s);
       return this.trackPortal(i, n, !1), n;
     };
   }
@@ -365,7 +402,7 @@ class z {
       g(e);
     this.allPortalKeys.clear(), this.editorPortalKeys.clear(), this.keyToContainer.clear();
     for (const e of this.editorBeforeCloseUnsubs.values()) e();
-    this.editorBeforeCloseUnsubs.clear(), d.clear();
+    this.editorBeforeCloseUnsubs.clear(), c.clear();
   }
   /**
    * Called when a cell's content is about to be wiped.
@@ -395,7 +432,7 @@ class z {
       const n = this.containerToKey.get(r);
       n && (g(n, { sync: !0 }), this.untrackPortal(n));
     }
-    K(e);
+    B(e);
   }
   /**
    * Unmount a specific container (called when cell is recycled).
@@ -413,7 +450,7 @@ class z {
    * grouping changes (#330).
    */
   beginBatch(e) {
-    B(e);
+    M(e);
   }
   /**
    * Close a teardown batch opened by {@link beginBatch}. Caller is
@@ -422,15 +459,17 @@ class z {
    * filter then prunes them silently.
    */
   endBatch(e) {
-    D(e);
+    A(e);
   }
 }
 export {
-  z as G,
-  I as a,
-  N as b,
-  q as c,
-  H as d,
-  W as e,
-  j as r
+  Y as G,
+  O as a,
+  q as b,
+  L as c,
+  V as d,
+  z as e,
+  S as f,
+  j as g,
+  H as r
 };

package/features/editing.js

@@ -1,5 +1,5 @@
 import "@toolbox-web/grid/features/editing";
-import { r, m as s } from "../chunks/react-column-config-Dz234dN8.js";
+import { r, m as s } from "../chunks/react-column-config-BOe_PgL1.js";
 r(({ container: t, gridEl: e }) => {
   const o = s(t);
   return e.addEventListener("before-edit-close", o), () => e.removeEventListener("before-edit-close", o);