@toolbox-web/grid 1.9.0 → 1.9.2

package/lib/plugins/master-detail/index.js

@@ -23,7 +23,7 @@ const R = /{{\s*([^}]+)\s*}}/g, u = "__DG_EMPTY__", E = /^[\w$. '?+\-*/%:()!<>=,
   "plaintext",
   "xmp",
   "listing"
-]), g = /^on\w+$/i, C = /* @__PURE__ */ new Set(["href", "src", "action", "formaction", "data", "srcdoc", "xlink:href", "poster", "srcset"]), _ = /^\s*(javascript|vbscript|data|blob):/i;
+]), f = /^on\w+$/i, C = /* @__PURE__ */ new Set(["href", "src", "action", "formaction", "data", "srcdoc", "xlink:href", "poster", "srcset"]), _ = /^\s*(javascript|vbscript|data|blob):/i;
 function A(n) {
   if (!n || typeof n != "string") return "";
   if (n.indexOf("<") === -1) return n;
@@ -39,7 +39,7 @@ function D(n) {
       continue;
     }
     if ((s === "svg" || i.namespaceURI === "http://www.w3.org/2000/svg") && Array.from(i.attributes).some(
-      (r) => g.test(r.name) || r.name === "href" || r.name === "xlink:href"
+      (r) => f.test(r.name) || r.name === "href" || r.name === "xlink:href"
     )) {
       e.push(i);
       continue;
@@ -47,7 +47,7 @@ function D(n) {
     const l = [];
     for (const o of i.attributes) {
       const r = o.name.toLowerCase();
-      if (g.test(r)) {
+      if (f.test(r)) {
         l.push(o.name);
         continue;
       }
@@ -302,10 +302,19 @@ class H {
   }
   /**
    * Request a re-render of the grid.
+   * Uses ROWS phase - does NOT trigger processColumns hooks.
    */
   requestRender() {
     this.grid?.requestRender?.();
   }
+  /**
+   * Request a columns re-render of the grid.
+   * Uses COLUMNS phase - triggers processColumns hooks.
+   * Use this when your plugin needs to reprocess column configuration.
+   */
+  requestColumnsRender() {
+    this.grid?.requestColumnsRender?.();
+  }
   /**
    * Request a re-render and restore focus styling afterward.
    * Use this when a plugin action (like expand/collapse) triggers a render
@@ -493,15 +502,15 @@ function p(n, e) {
   const t = new Set(n);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
-function P(n, e) {
+function q(n, e) {
   const t = new Set(n);
   return t.add(e), t;
 }
-function M(n, e) {
+function P(n, e) {
   const t = new Set(n);
   return t.delete(e), t;
 }
-function q(n, e) {
+function M(n, e) {
   return n.has(e);
 }
 function F(n, e, t, i) {
@@ -569,17 +578,17 @@ class b extends H {
     if (!t) return;
     const i = e;
     if (i.__frameworkAdapter?.parseDetailElement) {
-      const f = i.__frameworkAdapter.parseDetailElement(t);
-      if (f) {
-        this.config = { ...this.config, detailRenderer: f };
+      const g = i.__frameworkAdapter.parseDetailElement(t);
+      if (g) {
+        this.config = { ...this.config, detailRenderer: g };
         return;
       }
     }
     const s = t.getAttribute("animation"), l = t.getAttribute("show-expand-column"), o = t.getAttribute("expand-on-row-click"), r = t.getAttribute("collapse-on-click-outside"), a = t.getAttribute("height"), d = {};
     s !== null && (d.animation = s === "false" ? !1 : s), l !== null && (d.showExpandColumn = l !== "false"), o !== null && (d.expandOnRowClick = o === "true"), r !== null && (d.collapseOnClickOutside = r === "true"), a !== null && (d.detailHeight = a === "auto" ? "auto" : parseInt(a, 10));
     const c = t.innerHTML.trim();
-    c && !this.config.detailRenderer && (d.detailRenderer = (f, G) => {
-      const x = S(c, { value: f, row: f });
+    c && !this.config.detailRenderer && (d.detailRenderer = (g, G) => {
+      const x = S(c, { value: g, row: g });
       return A(x);
     }), Object.keys(d).length > 0 && (this.config = { ...this.config, ...d });
   }
@@ -762,8 +771,8 @@ class b extends H {
     s.sort((r, a) => r.index - a.index);
     let l = e, o = 0;
     for (const { index: r, row: a } of s) {
-      const d = r * i + o, c = this.getDetailHeight(a), f = d + i + c;
-      o += c, !(r >= e) && f > t && r < l && (l = r);
+      const d = r * i + o, c = this.getDetailHeight(a), g = d + i + c;
+      o += c, !(r >= e) && g > t && r < l && (l = r);
     }
     return l;
   }
@@ -775,7 +784,7 @@ class b extends H {
    */
   expand(e) {
     const t = this.rows[e];
-    t && (this.expandedRows = P(this.expandedRows, t), this.requestRender());
+    t && (this.expandedRows = q(this.expandedRows, t), this.requestRender());
   }
   /**
    * Collapse the detail row at the given index.
@@ -783,7 +792,7 @@ class b extends H {
    */
   collapse(e) {
     const t = this.rows[e];
-    t && (this.expandedRows = M(this.expandedRows, t), this.requestRender());
+    t && (this.expandedRows = P(this.expandedRows, t), this.requestRender());
   }
   /**
    * Toggle the detail row at the given index.
@@ -800,7 +809,7 @@ class b extends H {
    */
   isExpanded(e) {
     const t = this.rows[e];
-    return t ? q(this.expandedRows, t) : !1;
+    return t ? M(this.expandedRows, t) : !1;
   }
   /**
    * Expand all detail rows.