@toolbox-web/grid 1.1.0 → 1.1.2

package/all.js

@@ -1,8 +1,8 @@
-import { BaseGridPlugin as R, DEFAULT_GRID_ICONS as Ue, runAggregator as de, e as Ye, s as Xe, PLUGIN_QUERIES as Oe, getAggregator as ce, getValueAggregator as Ze, a as I, c as ue, g as Je } from "./index.js";
+import { BaseGridPlugin as R, DEFAULT_GRID_ICONS as Ue, runAggregator as de, e as Ye, s as Xe, PLUGIN_QUERIES as ze, getAggregator as ce, getValueAggregator as Ze, a as I, c as ue, g as Je } from "./index.js";
 import { DEFAULT_ANIMATION_CONFIG as dn, DGEvents as cn, DataGridElement as un, FitModeEnum as hn, GridCSSVars as fn, GridClasses as gn, GridDataAttrs as pn, DataGridElement as mn, GridSelectors as wn, PluginEvents as bn, PluginManager as vn, RenderPhase as yn, builtInSort as xn, createGrid as Cn, defaultComparator as Rn, queryGrid as En } from "./index.js";
-const Ge = "__tbw_expander", Qe = 32;
+const Oe = "__tbw_expander", Qe = 32;
 function re(s) {
-  return s.field === Ge;
+  return s.field === Oe;
 }
 function T(s) {
   return s.meta?.utility === !0;
@@ -12,7 +12,7 @@ function et(s) {
 }
 function tt(s) {
   return {
-    field: Ge,
+    field: Oe,
     header: "",
     width: Qe,
     resizable: !1,
@@ -620,7 +620,7 @@ function wt(s) {
 function bt(s) {
   s.__editingCellCount = 0, s.removeAttribute("data-has-editing");
 }
-function H(s, e) {
+function N(s, e) {
   return s instanceof HTMLInputElement ? s.type === "checkbox" ? s.checked : s.type === "number" ? s.value === "" ? null : Number(s.value) : s.type === "date" ? s.valueAsDate : s.value : e?.type === "number" && s.value !== "" ? Number(s.value) : s.value;
 }
 function be(s) {
@@ -628,8 +628,8 @@ function be(s) {
 function vt(s, e, t) {
   const i = s.querySelector("input,textarea,select");
   i && (i.addEventListener("blur", () => {
-    t(H(i, e));
-  }), i instanceof HTMLInputElement && i.type === "checkbox" ? i.addEventListener("change", () => t(i.checked)) : i instanceof HTMLSelectElement && i.addEventListener("change", () => t(H(i, e))));
+    t(N(i, e));
+  }), i instanceof HTMLInputElement && i.type === "checkbox" ? i.addEventListener("change", () => t(i.checked)) : i instanceof HTMLSelectElement && i.addEventListener("change", () => t(N(i, e))));
 }
 class ji extends R {
   static manifest = {
@@ -778,7 +778,7 @@ class ji extends R {
         const l = a.querySelector(`.cell[data-col="${o}"]`);
         if (!l || l.classList.contains("editing")) continue;
         const d = e._rows[r], c = e._visibleColumns[o];
-        d && c && this.#f(d, r, c, o, l, !0);
+        d && c && this.#p(d, r, c, o, l, !0);
       }
   }
   onScrollRender() {
@@ -822,7 +822,7 @@ class ji extends R {
   }
   resetChangedRows(e) {
     const t = this.changedRows, i = this.changedRowIds;
-    this.#i.clear(), this.#a(), e || this.emit("changed-rows-reset", { rows: t, ids: i }), this.grid._rowPool?.forEach((r) => r.classList.remove("changed"));
+    this.#i.clear(), this.#l(), e || this.emit("changed-rows-reset", { rows: t, ids: i }), this.grid._rowPool?.forEach((r) => r.classList.remove("changed"));
   }
   beginCellEdit(e, t) {
     const i = this.grid, n = i._visibleColumns.findIndex((l) => l.field === t);
@@ -836,11 +836,11 @@ class ji extends R {
     const r = t.findRenderedRowElement?.(e);
     if (!r) return;
     const o = t._rows[e];
-    this.#l(e, o), Array.from(r.children).forEach((a, l) => {
+    this.#d(e, o), Array.from(r.children).forEach((a, l) => {
       const d = t._visibleColumns[l];
       if (d?.editable) {
         const c = a;
-        c.classList.contains("editing") || this.#f(o, e, d, l, c, !0);
+        c.classList.contains("editing") || this.#p(o, e, d, l, c, !0);
       }
     }), setTimeout(() => {
       let a = r.querySelector(`.cell[data-col="${t._focusCol}"]`);
@@ -861,14 +861,14 @@ class ji extends R {
   }
   #c(e, t, i) {
     const n = this.grid, r = n._rows[e], o = n._visibleColumns[t];
-    !r || !o?.editable || i.classList.contains("editing") || (this.#e !== e && this.#l(e, r), this.#t = t, this.#f(r, e, o, t, i, !1));
+    !r || !o?.editable || i.classList.contains("editing") || (this.#e !== e && this.#d(e, r), this.#t = t, this.#p(r, e, o, t, i, !1));
   }
-  #a() {
+  #l() {
     const e = this.grid;
     e._activeEditRows = this.#e, e._rowEditSnapshots = this.#o;
   }
-  #l(e, t) {
-    this.#e !== e && (this.#o.set(e, { ...t }), this.#e = e, this.#a());
+  #d(e, t) {
+    this.#e !== e && (this.#o.set(e, { ...t }), this.#e = e, this.#l());
   }
   #r(e, t) {
     if (this.#e !== e) return;
@@ -886,7 +886,7 @@ class ji extends R {
       if (!u) return;
       const h = d.querySelector("input,textarea,select");
       if (h) {
-        const f = H(h, u);
+        const f = N(h, u);
         r[u.field] !== f && this.#u(e, u, f, r);
       }
     }), t && n && r)
@@ -904,7 +904,7 @@ class ji extends R {
         changedRowIds: this.changedRowIds
       });
     }
-    this.#o.delete(e), this.#e = -1, this.#t = -1, this.#a();
+    this.#o.delete(e), this.#e = -1, this.#t = -1, this.#l();
     for (const l of this.#n)
       l.startsWith(`${e}:`) && this.#n.delete(l);
     o && (o.querySelectorAll(".cell.editing").forEach((l) => {
@@ -935,11 +935,11 @@ class ji extends R {
       firstTimeForRow: d,
       updateRow: c
     })) return;
-    n[r] = i, l && this.#i.add(l), this.#a();
+    n[r] = i, l && this.#i.add(l), this.#l();
     const h = a.findRenderedRowElement?.(e);
     h && h.classList.add("changed");
   }
-  #f(e, t, i, n, r, o) {
+  #p(e, t, i, n, r, o) {
     if (!i.editable || r.classList.contains("editing")) return;
     let a;
     try {
@@ -961,7 +961,7 @@ class ji extends R {
     });
     const p = i, m = p.__editorTemplate, w = mt(this.grid, p) ?? pt(i), b = d;
     if (w === "template" && m)
-      this.#d(g, p, e, d, h, f, o, t);
+      this.#a(g, p, e, d, h, f, o, t);
     else if (typeof w == "string") {
       const v = document.createElement(w);
       v.value = b, v.addEventListener("change", () => h(v.value)), g.appendChild(v), o || queueMicrotask(() => {
@@ -977,14 +977,14 @@ class ji extends R {
         commit: h,
         cancel: f,
         updateRow: l
-      }, k = w(v);
-      typeof k == "string" ? (g.innerHTML = k, vt(g, i, h)) : k instanceof Node && g.appendChild(k), o || queueMicrotask(() => {
+      }, S = w(v);
+      typeof S == "string" ? (g.innerHTML = S, vt(g, i, h)) : S instanceof Node && g.appendChild(S), o || queueMicrotask(() => {
         g.querySelector(Y)?.focus({ preventScroll: !0 });
       });
     } else if (w && typeof w == "object") {
       const v = document.createElement("div");
       v.setAttribute("data-external-editor", ""), v.setAttribute("data-field", i.field), g.appendChild(v);
-      const k = {
+      const S = {
         row: e,
         rowId: a ?? "",
         value: b,
@@ -996,17 +996,17 @@ class ji extends R {
       };
       if (w.mount)
         try {
-          w.mount({ placeholder: v, context: k, spec: w });
+          w.mount({ placeholder: v, context: S, spec: w });
         } catch (q) {
           console.warn(`[tbw-grid] External editor mount error for column '${i.field}':`, q);
         }
       else
         this.grid.dispatchEvent(
-          new CustomEvent("mount-external-editor", { detail: { placeholder: v, spec: w, context: k } })
+          new CustomEvent("mount-external-editor", { detail: { placeholder: v, spec: w, context: S } })
         );
     }
   }
-  #d(e, t, i, n, r, o, a, l) {
+  #a(e, t, i, n, r, o, a, l) {
     const d = t.__editorTemplate;
     if (!d) return;
     const c = d.cloneNode(!0), u = t.__compiledEditor;
@@ -1031,10 +1031,10 @@ class ji extends R {
       h instanceof HTMLInputElement && h.type === "checkbox" ? h.checked = !!n : h.value = String(n ?? "");
       let f = !1;
       h.addEventListener("blur", () => {
-        f || r(H(h, t));
+        f || r(N(h, t));
       }), h.addEventListener("keydown", (g) => {
         const p = g;
-        p.key === "Enter" && (p.stopPropagation(), p.preventDefault(), f = !0, r(H(h, t)), this.#r(l, !1)), p.key === "Escape" && (p.stopPropagation(), p.preventDefault(), o(), this.#r(l, !0));
+        p.key === "Enter" && (p.stopPropagation(), p.preventDefault(), f = !0, r(N(h, t)), this.#r(l, !1)), p.key === "Escape" && (p.stopPropagation(), p.preventDefault(), o(), this.#r(l, !0));
       }), h instanceof HTMLInputElement && h.type === "checkbox" && h.addEventListener("change", () => r(h.checked)), a || setTimeout(() => h.focus({ preventScroll: !0 }), 0);
     }
     e.appendChild(c);
@@ -1237,10 +1237,10 @@ function Et(s) {
     totalHeight: e * n
   };
 }
-function kt(s, e) {
+function St(s, e) {
   return s <= e;
 }
-function St(s, e, t = !1) {
+function kt(s, e, t = !1) {
   const i = s[e.field];
   if (e.operator === "blank")
     return i == null || i === "";
@@ -1280,7 +1280,7 @@ function St(s, e, t = !1) {
   }
 }
 function At(s, e, t = !1) {
-  return e.length ? s.filter((i) => e.every((n) => St(i, n, t))) : s;
+  return e.length ? s.filter((i) => e.every((n) => kt(i, n, t))) : s;
 }
 function _t(s) {
   return JSON.stringify(
@@ -1536,17 +1536,17 @@ class A extends R {
     const b = (y, E) => {
       const _ = y == null ? "(Blank)" : String(y), x = y == null ? "__null__" : String(y), C = document.createElement("label");
       C.className = "tbw-filter-value-item", C.style.position = "absolute", C.style.top = `${E * A.LIST_ITEM_HEIGHT}px`, C.style.left = "0", C.style.right = "0", C.style.height = `${A.LIST_ITEM_HEIGHT}px`, C.style.boxSizing = "border-box";
-      const S = document.createElement("input");
-      S.type = "checkbox", S.className = "tbw-filter-checkbox", S.checked = m.get(x) ?? !0, S.dataset.value = x, S.addEventListener("change", () => {
-        m.set(x, S.checked), h();
+      const k = document.createElement("input");
+      k.type = "checkbox", k.className = "tbw-filter-checkbox", k.checked = m.get(x) ?? !0, k.dataset.value = x, k.addEventListener("change", () => {
+        m.set(x, k.checked), h();
       });
       const le = document.createElement("span");
-      return le.textContent = _, C.appendChild(S), C.appendChild(le), C;
+      return le.textContent = _, C.appendChild(k), C.appendChild(le), C;
     }, v = () => {
       const y = w.length, E = f.clientHeight, _ = f.scrollTop;
-      if (g.style.height = `${y * A.LIST_ITEM_HEIGHT}px`, kt(y, A.LIST_BYPASS_THRESHOLD / 3)) {
-        p.innerHTML = "", p.style.transform = "translateY(0px)", w.forEach((C, S) => {
-          p.appendChild(b(C, S));
+      if (g.style.height = `${y * A.LIST_ITEM_HEIGHT}px`, St(y, A.LIST_BYPASS_THRESHOLD / 3)) {
+        p.innerHTML = "", p.style.transform = "translateY(0px)", w.forEach((C, k) => {
+          p.appendChild(b(C, k));
         });
         return;
       }
@@ -1560,11 +1560,11 @@ class A extends R {
       p.style.transform = `translateY(${x.offsetY}px)`, p.innerHTML = "";
       for (let C = x.start; C < x.end; C++)
         p.appendChild(b(w[C], C - x.start));
-    }, k = (y) => {
+    }, S = (y) => {
       const E = this.config.caseSensitive ?? !1, _ = E ? y : y.toLowerCase();
       if (w = i.filter((x) => {
-        const C = x == null ? "(Blank)" : String(x), S = E ? C : C.toLowerCase();
-        return !y || S.includes(_);
+        const C = x == null ? "(Blank)" : String(x), k = E ? C : C.toLowerCase();
+        return !y || k.includes(_);
       }), w.length === 0) {
         g.style.height = "0px", p.innerHTML = "";
         const x = document.createElement("div");
@@ -1579,17 +1579,17 @@ class A extends R {
         w.length > 0 && v();
       },
       { passive: !0 }
-    ), k(a.value), e.appendChild(f);
+    ), S(a.value), e.appendChild(f);
     let q;
     a.addEventListener("input", () => {
       clearTimeout(q), q = setTimeout(() => {
-        this.searchText.set(r, a.value), k(a.value);
+        this.searchText.set(r, a.value), S(a.value);
       }, this.config.debounceMs ?? 150);
     });
-    const z = document.createElement("div");
-    z.className = "tbw-filter-buttons";
-    const O = document.createElement("button");
-    O.className = "tbw-filter-apply-btn", O.textContent = "Apply", O.addEventListener("click", () => {
+    const G = document.createElement("div");
+    G.className = "tbw-filter-buttons";
+    const z = document.createElement("button");
+    z.className = "tbw-filter-apply-btn", z.textContent = "Apply", z.addEventListener("click", () => {
       const y = [];
       for (const [E, _] of m)
         if (!_)
@@ -1600,11 +1600,11 @@ class A extends R {
             y.push(x !== void 0 ? x : E);
           }
       t.applySetFilter(y);
-    }), z.appendChild(O);
-    const G = document.createElement("button");
-    G.className = "tbw-filter-clear-btn", G.textContent = "Clear Filter", G.addEventListener("click", () => {
+    }), G.appendChild(z);
+    const O = document.createElement("button");
+    O.className = "tbw-filter-clear-btn", O.textContent = "Clear Filter", O.addEventListener("click", () => {
       t.clearFilter();
-    }), z.appendChild(G), e.appendChild(z);
+    }), G.appendChild(O), e.appendChild(G);
   }
   applySetFilter(e, t) {
     this.excludedValues.set(e, new Set(t)), t.length === 0 ? this.filters.delete(e) : this.filters.set(e, {
@@ -1881,16 +1881,16 @@ function Kt(s) {
     t.kind === "group" && e.add(t.key);
   return e;
 }
-function Nt() {
+function Ht() {
   return /* @__PURE__ */ new Set();
 }
-function Ht(s) {
+function Nt(s) {
   return s.kind !== "group" ? 0 : s.rows.length;
 }
-const zt = "@layer tbw-plugins{.group-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-grouping-rows-bg, var(--tbw-color-panel-bg));font-weight:500;border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height)}.group-row .cell{display:flex;align-items:center;padding:var(--tbw-cell-padding, .125rem .5rem)}.group-row:hover{background:var(--tbw-grouping-rows-bg-hover, var(--tbw-color-row-hover))}.group-toggle{cursor:pointer;user-select:none;display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-toggle-size, 1.25rem);height:var(--tbw-toggle-size, 1.25rem);margin-right:.25rem;background:none;border:0;font:inherit}.group-toggle:hover{background:var(--tbw-grouping-rows-toggle-hover, var(--tbw-color-row-hover));border-radius:var(--tbw-border-radius, .125rem)}.group-label{display:inline-flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.group-count{color:var(--tbw-grouping-rows-count-color, var(--tbw-color-fg-muted));font-size:var(--tbw-font-size-xs, .85em);font-weight:400}.group-row{padding-left:calc(var(--tbw-group-depth, 0) * var(--tbw-group-indent-width, 1.25em))}.data-grid-row.tbw-group-slide-in{animation:tbw-group-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-group-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.data-grid-row.tbw-group-fade-in{animation:tbw-group-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-group-fade-in{0%{opacity:0}to{opacity:1}}}";
+const Gt = "@layer tbw-plugins{.group-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-grouping-rows-bg, var(--tbw-color-panel-bg));font-weight:500;border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height)}.group-row .cell{display:flex;align-items:center;padding:var(--tbw-cell-padding, .125rem .5rem)}.group-row:hover{background:var(--tbw-grouping-rows-bg-hover, var(--tbw-color-row-hover))}.group-toggle{cursor:pointer;user-select:none;display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-toggle-size, 1.25rem);height:var(--tbw-toggle-size, 1.25rem);margin-right:.25rem;background:none;border:0;font:inherit}.group-toggle:hover{background:var(--tbw-grouping-rows-toggle-hover, var(--tbw-color-row-hover));border-radius:var(--tbw-border-radius, .125rem)}.group-label{display:inline-flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.group-count{color:var(--tbw-grouping-rows-count-color, var(--tbw-color-fg-muted));font-size:var(--tbw-font-size-xs, .85em);font-weight:400}.group-row{padding-left:calc(var(--tbw-group-depth, 0) * var(--tbw-group-indent-width, 1.25em))}.data-grid-row.tbw-group-slide-in{animation:tbw-group-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-group-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.data-grid-row.tbw-group-fade-in{animation:tbw-group-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-group-fade-in{0%{opacity:0}to{opacity:1}}}";
 class Xi extends R {
   name = "groupingRows";
-  styles = zt;
+  styles = Gt;
   get defaultConfig() {
     return {
       defaultExpanded: !1,
@@ -1939,7 +1939,7 @@ class Xi extends R {
       __groupDepth: r.depth,
       __groupRows: r.rows,
       __groupExpanded: r.expanded,
-      __groupRowCount: Ht(r)
+      __groupRowCount: Nt(r)
     } : r.row);
   }
   onCellClick(e) {
@@ -1974,7 +1974,7 @@ class Xi extends R {
     const r = () => {
       this.toggle(e.__groupKey);
     };
-    return t.className = "data-grid-row group-row", t.__isCustomRow = !0, t.setAttribute("data-group-depth", String(e.__groupDepth)), t.setAttribute("role", "row"), t.setAttribute("aria-expanded", String(e.__groupExpanded)), t.style.setProperty("--tbw-group-depth", String(e.__groupDepth || 0)), n.indentWidth !== void 0 && t.style.setProperty("--tbw-group-indent-width", `${n.indentWidth}px`), t.innerHTML = "", n.fullWidth !== !1 ? this.renderFullWidthGroupRow(e, t, r) : this.renderPerColumnGroupRow(e, t, r), !0;
+    return t.className = "data-grid-row group-row", t.__isCustomRow = !0, t.setAttribute("data-group-depth", String(e.__groupDepth)), t.setAttribute("role", "row"), t.setAttribute("aria-expanded", String(e.__groupExpanded)), t.style.setProperty("--tbw-group-depth", String(e.__groupDepth || 0)), n.indentWidth !== void 0 && t.style.setProperty("--tbw-group-indent-width", `${n.indentWidth}px`), t.style.height = "", t.innerHTML = "", n.fullWidth !== !1 ? this.renderFullWidthGroupRow(e, t, r) : this.renderPerColumnGroupRow(e, t, r), !0;
   }
   afterRender() {
     const e = this.animationStyle;
@@ -2045,7 +2045,7 @@ class Xi extends R {
     this.expandedKeys = Kt(this.flattenedRows), this.requestRender();
   }
   collapseAll() {
-    this.expandedKeys = Nt(), this.requestRender();
+    this.expandedKeys = Ht(), this.requestRender();
   }
   toggle(e) {
     this.expandedKeys = qt(this.expandedKeys, e);
@@ -2101,11 +2101,11 @@ function Re(s, e) {
   const t = new Set(s);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
-function Ot(s, e) {
+function zt(s, e) {
   const t = new Set(s);
   return t.add(e), t;
 }
-function Gt(s, e) {
+function Ot(s, e) {
   const t = new Set(s);
   return t.delete(e), t;
 }
@@ -2291,11 +2291,11 @@ class Be extends R {
   }
   expand(e) {
     const t = this.rows[e];
-    t && (this.expandedRows = Ot(this.expandedRows, t), this.requestRender());
+    t && (this.expandedRows = zt(this.expandedRows, t), this.requestRender());
   }
   collapse(e) {
     const t = this.rows[e];
-    t && (this.expandedRows = Gt(this.expandedRows, t), this.requestRender());
+    t && (this.expandedRows = Ot(this.expandedRows, t), this.requestRender());
   }
   toggle(e) {
     const t = this.rows[e];
@@ -2354,7 +2354,7 @@ function Ee(s, e) {
   const t = s.findIndex((i) => i.field === e);
   return t >= 0 ? t + 1 : void 0;
 }
-function ke(s, e) {
+function Se(s, e) {
   return s.find((t) => t.field === e)?.direction;
 }
 const Yt = '@layer tbw-plugins{.header-cell[data-sort=asc]:after{content:"↑";margin-left:4px;opacity:.8}.header-cell[data-sort=desc]:after{content:"↓";margin-left:4px;opacity:.8}.sort-indicator{margin-left:4px;opacity:.8}.sort-index{font-size:10px;background:var(--tbw-multi-sort-badge-bg, var(--tbw-color-panel-bg));color:var(--tbw-multi-sort-badge-color, var(--tbw-color-fg));border-radius:50%;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;margin-left:2px;font-weight:600}}';
@@ -2386,7 +2386,7 @@ class Zi extends R {
     e.querySelectorAll(".header-row .cell[data-field]").forEach((n) => {
       const r = n.getAttribute("data-field");
       if (!r) return;
-      const o = Ee(this.sortModel, r), a = ke(this.sortModel, r);
+      const o = Ee(this.sortModel, r), a = Se(this.sortModel, r);
       if (n.querySelector(".sort-index")?.remove(), a) {
         n.querySelector('[part~="sort-indicator"], .sort-indicator')?.remove(), n.setAttribute("data-sort", a);
         const c = document.createElement("span");
@@ -2413,7 +2413,7 @@ class Zi extends R {
     return Ee(this.sortModel, e);
   }
   getSortDirection(e) {
-    return ke(this.sortModel, e);
+    return Se(this.sortModel, e);
   }
   getColumnState(e) {
     const t = this.sortModel.findIndex((n) => n.field === e);
@@ -2445,7 +2445,7 @@ function Zt(s) {
 function X(s) {
   return s.some((e) => e.sticky === "left" || e.sticky === "right");
 }
-function Se(s, e) {
+function ke(s, e) {
   const t = Array.from(s.querySelectorAll(".header-row .cell"));
   if (!t.length) return;
   const i = /* @__PURE__ */ new Map();
@@ -2511,12 +2511,12 @@ class Ji extends R {
       return;
     }
     queueMicrotask(() => {
-      Se(e, t);
+      ke(e, t);
     });
   }
   onPluginQuery(e) {
     switch (e.type) {
-      case Oe.CAN_MOVE_COLUMN: {
+      case ze.CAN_MOVE_COLUMN: {
         const t = e.context, i = t.sticky;
         if (i === "left" || i === "right")
           return !1;
@@ -2529,7 +2529,7 @@ class Ji extends R {
   }
   refreshStickyOffsets() {
     const e = [...this.columns];
-    Se(this.grid, e);
+    ke(this.grid, e);
   }
   getLeftPinnedColumns() {
     const e = [...this.columns];
@@ -2895,11 +2895,11 @@ function li(s) {
 const di = ["sum", "avg", "count", "min", "max", "first", "last"];
 function ci(s, e, t, i) {
   const n = new AbortController(), r = { config: e, callbacks: i, signal: n.signal }, o = document.createElement("div");
-  return o.className = "tbw-pivot-panel", o.appendChild(N("Options", () => pi(t, r))), o.appendChild(N("Row Groups", () => Pe("rowGroups", r))), o.appendChild(N("Column Groups", () => Pe("columnGroups", r))), o.appendChild(N("Values", () => hi(r))), o.appendChild(N("Available Fields", () => gi(r))), s.appendChild(o), () => {
+  return o.className = "tbw-pivot-panel", o.appendChild(H("Options", () => pi(t, r))), o.appendChild(H("Row Groups", () => Pe("rowGroups", r))), o.appendChild(H("Column Groups", () => Pe("columnGroups", r))), o.appendChild(H("Values", () => hi(r))), o.appendChild(H("Available Fields", () => gi(r))), s.appendChild(o), () => {
     n.abort(), o.remove();
   };
 }
-function N(s, e) {
+function H(s, e) {
   const t = document.createElement("div");
   t.className = "tbw-pivot-section";
   const i = document.createElement("div");
@@ -3462,7 +3462,7 @@ class en extends R {
   dropIndex = null;
   canMoveColumnWithPlugins(e) {
     return !e || !yi(e) ? !1 : !this.grid.queryPlugins({
-      type: Oe.CAN_MOVE_COLUMN,
+      type: ze.CAN_MOVE_COLUMN,
       context: e
     }).includes(!1);
   }
@@ -3637,11 +3637,19 @@ class en extends R {
     this.grid.requestStateChange?.();
   }
 }
-const Ci = 'tbw-grid[data-responsive-animate]{.data-grid-row,.data-grid-row>.cell{transition:opacity var(--tbw-responsive-duration, .2s) ease-out,transform var(--tbw-responsive-duration, .2s) ease-out}}tbw-grid[data-responsive][data-responsive-animate]{.data-grid-row{animation:responsive-card-enter var(--tbw-responsive-duration, .2s) ease-out}}@keyframes responsive-card-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}tbw-grid[data-responsive]{.header{display:none!important}.footer-row{display:none}.tbw-scroll-area{overflow-x:hidden;min-width:0!important}.rows-body-wrapper{min-width:0!important}.data-grid-row{display:block!important;grid-template-columns:none!important;padding:var(--tbw-cell-padding);padding-left:var(--tbw-spacing-xl);border-bottom:1px solid var(--tbw-color-border);min-height:auto!important;height:auto!important;contain:none!important;content-visibility:visible!important;background:var(--tbw-color-bg);position:relative;&:nth-child(2n){background:var(--tbw-color-row-alt)}&:hover{background:var(--tbw-color-row-hover)}&[aria-selected=true]{background:var(--tbw-color-selection);&:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--tbw-color-accent)}}}.data-grid-row>.cell{display:flex!important;justify-content:space-between;align-items:center;padding:var(--tbw-spacing-xs) var(--tbw-spacing-md);width:100%!important;min-width:0!important;min-height:auto!important;height:auto!important;line-height:1.5!important;position:static!important;left:auto!important;right:auto!important;border:none!important;border-bottom:none!important;border-right:none!important;background:transparent!important;white-space:normal!important;overflow:visible!important;&:before{content:attr(data-header) ": ";font-weight:600;color:var(--tbw-color-header-fg);flex-shrink:0;margin-right:var(--tbw-spacing-md);min-width:100px}&:after{content:none}}.cell[data-utility]{display:none!important}.data-grid-row:not(:last-child){margin-bottom:var(--tbw-spacing-xs)}}tbw-grid[data-responsive] .cell[data-responsive-hidden]{display:none!important}tbw-grid[data-responsive] .cell[data-responsive-value-only]{&:before{display:none!important}justify-content:flex-start!important;font-weight:500}tbw-grid:not([data-responsive]) .cell[data-responsive-hidden]{display:none!important}tbw-grid[data-responsive]{.tbw-footer,.tbw-pinned-rows,.tbw-aggregation-rows{display:none!important}.tbw-pinned-rows,.tbw-aggregation-rows,.tbw-aggregation-row{min-width:0!important}}tbw-grid[data-responsive] .data-grid-row.responsive-card{display:block!important;padding:var(--tbw-cell-padding);border-bottom:1px solid var(--tbw-color-border);>*{width:100%}.cell:before{display:none}}';
+const Ci = 'tbw-grid[data-responsive-animate]{.data-grid-row,.data-grid-row>.cell{transition:opacity var(--tbw-responsive-duration, .2s) ease-out,transform var(--tbw-responsive-duration, .2s) ease-out}}tbw-grid[data-responsive][data-responsive-animate]{.data-grid-row{animation:responsive-card-enter var(--tbw-responsive-duration, .2s) ease-out}}@keyframes responsive-card-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}tbw-grid[data-responsive]{.header{display:none!important}.footer-row{display:none}.tbw-scroll-area{overflow-x:hidden;min-width:0!important}.rows-body-wrapper{min-width:0!important}.data-grid-row:not(.group-row){display:block!important;grid-template-columns:none!important;padding:var(--tbw-cell-padding);padding-left:var(--tbw-spacing-xl);border-bottom:1px solid var(--tbw-color-border);min-height:auto!important;height:auto!important;contain:none!important;content-visibility:visible!important;background:var(--tbw-color-bg);position:relative;&:nth-child(2n){background:var(--tbw-color-row-alt)}&:hover{background:var(--tbw-color-row-hover)}&[aria-selected=true]{background:var(--tbw-color-selection);&:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--tbw-color-accent)}}}.data-grid-row:not(.group-row)>.cell{display:flex!important;justify-content:space-between;align-items:center;padding:var(--tbw-spacing-xs) var(--tbw-spacing-md);width:100%!important;min-width:0!important;min-height:auto!important;height:auto!important;line-height:1.5!important;position:static!important;left:auto!important;right:auto!important;border:none!important;border-bottom:none!important;border-right:none!important;background:transparent!important;white-space:normal!important;overflow:visible!important;&:before{content:attr(data-header) ": ";font-weight:600;color:var(--tbw-color-header-fg);flex-shrink:0;margin-right:var(--tbw-spacing-md);min-width:100px}&:after{content:none}}.cell[data-utility]{display:none!important}}tbw-grid[data-responsive] .cell[data-responsive-hidden]{display:none!important}tbw-grid[data-responsive] .cell[data-responsive-value-only]{&:before{display:none!important}justify-content:flex-start!important;font-weight:500}tbw-grid:not([data-responsive]) .cell[data-responsive-hidden]{display:none!important}tbw-grid[data-responsive]{.tbw-footer,.tbw-pinned-rows,.tbw-aggregation-rows{display:none!important}.tbw-pinned-rows,.tbw-aggregation-rows,.tbw-aggregation-row{min-width:0!important}}tbw-grid[data-responsive] .data-grid-row.responsive-card{display:block!important;padding:var(--tbw-cell-padding);border-bottom:1px solid var(--tbw-color-border);>*{width:100%}.cell:before{display:none}}';
 class tn extends R {
   name = "responsive";
   version = "1.0.0";
   styles = Ci;
+  static manifest = {
+    incompatibleWith: [
+      {
+        name: "groupingRows",
+        reason: "Responsive card layout does not yet support row grouping. The variable row heights (cards vs group headers) cause scroll calculation issues."
+      }
+    ]
+  };
   #e;
   #t = !1;
   #o;
@@ -3649,8 +3657,8 @@ class tn extends R {
   #n = 0;
   #s = /* @__PURE__ */ new Set();
   #c = /* @__PURE__ */ new Set();
-  #a = null;
-  #l = [];
+  #l = null;
+  #d = [];
   isResponsive() {
     return this.#t;
   }
@@ -3671,10 +3679,10 @@ class tn extends R {
     return this.#n;
   }
   getActiveBreakpoint() {
-    return this.#a;
+    return this.#l;
   }
   attach(e) {
-    super.attach(e), this.#r(this.config.hiddenColumns), this.config.breakpoints?.length && (this.#l = [...this.config.breakpoints].sort((t, i) => i.maxWidth - t.maxWidth)), this.#e = new ResizeObserver((t) => {
+    super.attach(e), this.#r(this.config.hiddenColumns), this.config.breakpoints?.length && (this.#d = [...this.config.breakpoints].sort((t, i) => i.maxWidth - t.maxWidth)), this.#e = new ResizeObserver((t) => {
       const i = t[0]?.contentRect.width ?? 0;
       this.#n = i, clearTimeout(this.#o), this.#o = setTimeout(() => {
         this.#u(i);
@@ -3690,7 +3698,7 @@ class tn extends R {
     this.#e?.disconnect(), this.#e = void 0, clearTimeout(this.#o), this.#o = void 0, this.gridElement && this.gridElement.removeAttribute("data-responsive"), super.detach();
   }
   afterRender() {
-    if (!(this.#l.length > 0 ? this.#a !== null : this.#t))
+    if (this.#R(), !(this.#d.length > 0 ? this.#l !== null : this.#t))
       return;
     const t = this.#s.size > 0, i = this.#c.size > 0;
     if (!t && !i)
@@ -3702,8 +3710,8 @@ class tn extends R {
     }
   }
   #u(e) {
-    if (this.#l.length > 0) {
-      this.#f(e);
+    if (this.#d.length > 0) {
+      this.#p(e);
       return;
     }
     const t = this.config.breakpoint ?? 0;
@@ -3717,12 +3725,12 @@ class tn extends R {
       breakpoint: t
     }), this.requestRender());
   }
-  #f(e) {
+  #p(e) {
     let t = null;
-    for (const n of this.#l)
+    for (const n of this.#d)
       e <= n.maxWidth && (t = n);
-    if (t !== this.#a) {
-      this.#a = t, t?.hiddenColumns ? this.#r(t.hiddenColumns) : this.#r(this.config.hiddenColumns);
+    if (t !== this.#l) {
+      this.#l = t, t?.hiddenColumns ? this.#r(t.hiddenColumns) : this.#r(this.config.hiddenColumns);
       const n = t?.cardLayout === !0;
       n !== this.#t && (this.#t = n, this.#h()), this.emit("responsive-change", {
         isResponsive: this.#t,
@@ -3731,29 +3739,29 @@ class tn extends R {
       }), this.requestRender();
     }
   }
-  #d;
+  #a;
   #h() {
     this.gridElement.toggleAttribute("data-responsive", this.#t);
     const e = this.config.animate !== !1;
     this.gridElement.toggleAttribute("data-responsive-animate", e), this.config.animationDuration && this.gridElement.style.setProperty("--tbw-responsive-duration", `${this.config.animationDuration}ms`);
     const t = this.grid;
     if (this.#t) {
-      t._virtualization && (this.#d = t._virtualization.rowHeight);
+      t._virtualization && (this.#a = t._virtualization.rowHeight);
       const i = this.gridElement.querySelector(".tbw-scroll-area");
       i && (i.scrollLeft = 0);
     } else {
       const i = this.gridElement.querySelectorAll(".data-grid-row");
       for (const n of i)
         n.style.height = "", n.classList.remove("responsive-card");
-      this.#d && this.#d > 0 && t._virtualization && (t._virtualization.rowHeight = this.#d, this.#d = void 0);
+      this.#a && this.#a > 0 && t._virtualization && (t._virtualization.rowHeight = this.#a, this.#a = void 0), this.#f = void 0, this.#g = void 0, this.#m = void 0;
     }
   }
   renderRow(e, t, i) {
-    if (!this.#t || !this.config.cardRenderer)
+    if (!this.#t || !this.config.cardRenderer || e.__isGroupRow)
       return;
     t.replaceChildren();
     const n = this.config.cardRenderer(e, i);
-    t.classList.add("responsive-card");
+    t.className = "data-grid-row responsive-card";
     const r = this.config.cardRowHeight ?? "auto";
     return r !== "auto" ? t.style.height = `${r}px` : t.style.height = "auto", t.appendChild(n), !0;
   }
@@ -3785,6 +3793,74 @@ class tn extends R {
     }
     return !1;
   }
+  #f;
+  #g;
+  #m;
+  #v() {
+    if (this.#f && this.#f > 0)
+      return this.#f;
+    const e = this.config.cardRowHeight;
+    return typeof e == "number" && e > 0 ? e : 80;
+  }
+  #y() {
+    return this.#g && this.#g > 0 ? this.#g : this.#a ?? 28;
+  }
+  #w() {
+    for (const e of this.rows)
+      if (e.__isGroupRow)
+        return !0;
+    return !1;
+  }
+  #x() {
+    let e = 0, t = 0;
+    for (const i of this.rows)
+      i.__isGroupRow ? e++ : t++;
+    return { groupCount: e, cardCount: t };
+  }
+  getExtraHeight() {
+    if (!this.#t || !this.config.cardRenderer || !this.#w())
+      return 0;
+    const e = this.#a ?? 28, t = this.#y(), i = this.#v(), { groupCount: n, cardCount: r } = this.#x(), o = n * Math.max(0, t - e), a = r * Math.max(0, i - e);
+    return o + a;
+  }
+  getExtraHeightBefore(e) {
+    if (!this.#t || !this.config.cardRenderer || !this.#w())
+      return 0;
+    const t = this.#a ?? 28, i = this.#y(), n = this.#v(), r = Math.max(0, i - t), o = Math.max(0, n - t);
+    let a = 0, l = 0;
+    const d = this.rows, c = Math.min(e, d.length);
+    for (let u = 0; u < c; u++)
+      d[u].__isGroupRow ? a++ : l++;
+    return a * r + l * o;
+  }
+  #C() {
+    let e = 0;
+    for (const t of this.rows)
+      t.__isGroupRow || e++;
+    return e;
+  }
+  #b = !1;
+  #R() {
+    if (!this.#t || !this.config.cardRenderer)
+      return;
+    let e = !1;
+    const t = this.grid, i = this.#w(), n = this.#C();
+    if (n !== this.#m && (this.#m = n, e = !0), i) {
+      const o = this.gridElement.querySelector(".data-grid-row.group-row");
+      if (o) {
+        const a = o.getBoundingClientRect().height;
+        a > 0 && a !== this.#g && (this.#g = a, e = !0);
+      }
+    }
+    const r = this.gridElement.querySelector(".data-grid-row.responsive-card");
+    if (r) {
+      const o = r.getBoundingClientRect().height;
+      o > 0 && o !== this.#f && (this.#f = o, e = !0, !i && t._virtualization && (t._virtualization.rowHeight = o));
+    }
+    e && !this.#b && (this.#b = !0, queueMicrotask(() => {
+      this.#b = !1, this.grid && this.#t && this.grid.refreshVirtualWindow?.(!0, !0);
+    }));
+  }
 }
 function V(s) {
   return {
@@ -3811,17 +3887,17 @@ function Ei(s, e, t) {
 function Me(s, e, t) {
   return t.some((i) => Ei(s, e, i));
 }
-function ki(s) {
+function Si(s) {
   const e = [], t = V(s);
   for (let i = t.startRow; i <= t.endRow; i++)
     for (let n = t.startCol; n <= t.endCol; n++)
       e.push({ row: i, col: n });
   return e;
 }
-function Si(s) {
+function ki(s) {
   const e = /* @__PURE__ */ new Map();
   for (const t of s)
-    for (const i of ki(t))
+    for (const i of Si(t))
       e.set(`${i.row},${i.col}`, i);
   return [...e.values()];
 }
@@ -4043,7 +4119,7 @@ class nn extends R {
     };
   }
   getSelectedCells() {
-    return Si(this.ranges);
+    return ki(this.ranges);
   }
   isCellSelected(e, t) {
     return Me(e, t, this.ranges);
@@ -4434,7 +4510,7 @@ function Ki(s, e, t) {
     redoStack: []
   };
 }
-function Ne(s) {
+function He(s) {
   if (s.undoStack.length === 0)
     return { newState: s, action: null };
   const e = [...s.undoStack], t = e.pop();
@@ -4446,7 +4522,7 @@ function Ne(s) {
     action: t
   } : { newState: s, action: null };
 }
-function He(s) {
+function Ne(s) {
   if (s.redoStack.length === 0)
     return { newState: s, action: null };
   const e = [...s.redoStack], t = e.pop();
@@ -4458,16 +4534,16 @@ function He(s) {
     action: t
   } : { newState: s, action: null };
 }
-function Ni(s) {
+function Hi(s) {
   return s.undoStack.length > 0;
 }
-function Hi(s) {
+function Ni(s) {
   return s.redoStack.length > 0;
 }
-function zi() {
+function Gi() {
   return { undoStack: [], redoStack: [] };
 }
-function Oi(s, e, t, i) {
+function zi(s, e, t, i) {
   return {
     type: "cell-edit",
     rowIndex: s,
@@ -4495,7 +4571,7 @@ class sn extends R {
   onKeyDown(e) {
     const t = (e.ctrlKey || e.metaKey) && e.key === "z" && !e.shiftKey, i = (e.ctrlKey || e.metaKey) && (e.key === "y" || e.key === "z" && e.shiftKey);
     if (t) {
-      const n = Ne({ undoStack: this.undoStack, redoStack: this.redoStack });
+      const n = He({ undoStack: this.undoStack, redoStack: this.redoStack });
       if (n.action) {
         const r = this.rows;
         r[n.action.rowIndex] && (r[n.action.rowIndex][n.action.field] = n.action.oldValue), this.undoStack = n.newState.undoStack, this.redoStack = n.newState.redoStack, this.emit("undo", {
@@ -4506,7 +4582,7 @@ class sn extends R {
       return !0;
     }
     if (i) {
-      const n = He({ undoStack: this.undoStack, redoStack: this.redoStack });
+      const n = Ne({ undoStack: this.undoStack, redoStack: this.redoStack });
       if (n.action) {
         const r = this.rows;
         r[n.action.rowIndex] && (r[n.action.rowIndex][n.action.field] = n.action.newValue), this.undoStack = n.newState.undoStack, this.redoStack = n.newState.redoStack, this.emit("redo", {
@@ -4519,7 +4595,7 @@ class sn extends R {
     return !1;
   }
   recordEdit(e, t, i, n) {
-    const r = Oi(e, t, i, n), o = Ki(
+    const r = zi(e, t, i, n), o = Ki(
       { undoStack: this.undoStack, redoStack: this.redoStack },
       r,
       this.config.maxHistorySize ?? 100
@@ -4527,7 +4603,7 @@ class sn extends R {
     this.undoStack = o.undoStack, this.redoStack = o.redoStack;
   }
   undo() {
-    const e = Ne({ undoStack: this.undoStack, redoStack: this.redoStack });
+    const e = He({ undoStack: this.undoStack, redoStack: this.redoStack });
     if (e.action) {
       const t = this.rows;
       t[e.action.rowIndex] && (t[e.action.rowIndex][e.action.field] = e.action.oldValue), this.undoStack = e.newState.undoStack, this.redoStack = e.newState.redoStack, this.requestRender();
@@ -4535,7 +4611,7 @@ class sn extends R {
     return e.action;
   }
   redo() {
-    const e = He({ undoStack: this.undoStack, redoStack: this.redoStack });
+    const e = Ne({ undoStack: this.undoStack, redoStack: this.redoStack });
     if (e.action) {
       const t = this.rows;
       t[e.action.rowIndex] && (t[e.action.rowIndex][e.action.field] = e.action.newValue), this.undoStack = e.newState.undoStack, this.redoStack = e.newState.redoStack, this.requestRender();
@@ -4543,13 +4619,13 @@ class sn extends R {
     return e.action;
   }
   canUndo() {
-    return Ni({ undoStack: this.undoStack, redoStack: this.redoStack });
+    return Hi({ undoStack: this.undoStack, redoStack: this.redoStack });
   }
   canRedo() {
-    return Hi({ undoStack: this.undoStack, redoStack: this.redoStack });
+    return Ni({ undoStack: this.undoStack, redoStack: this.redoStack });
   }
   clearHistory() {
-    const e = zi();
+    const e = Gi();
     this.undoStack = e.undoStack, this.redoStack = e.redoStack;
   }
   getUndoStack() {
@@ -4559,8 +4635,8 @@ class sn extends R {
     return [...this.redoStack];
   }
 }
-const Gi = '@layer tbw-plugins{.tbw-visibility-content{display:flex;flex-direction:column;height:100%}.tbw-visibility-list{flex:1;overflow-y:auto;padding:var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem))}.tbw-visibility-row{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));padding:var(--tbw-menu-item-padding, .375rem .25rem);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem);border-radius:var(--tbw-border-radius, .25rem);position:relative}.tbw-visibility-row:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover, #f3f4f6))}.tbw-visibility-row input[type=checkbox]{cursor:pointer}.tbw-visibility-row.locked span{color:var(--tbw-color-fg-muted, #888)}.tbw-visibility-handle{cursor:grab;color:var(--tbw-color-fg-muted, #888);font-size:var(--tbw-font-size-2xs, .625rem);letter-spacing:-2px;user-select:none;flex-shrink:0}.tbw-visibility-row.reorderable:hover .tbw-visibility-handle{color:var(--tbw-color-fg, #1f2937)}.tbw-visibility-label{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));flex:1;cursor:pointer}.tbw-visibility-row.dragging{opacity:.5;cursor:grabbing}.tbw-visibility-row.drop-before:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent, #3b82f6))}.tbw-visibility-row.drop-after:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent, #3b82f6))}.tbw-visibility-show-all{margin:var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem));padding:var(--tbw-button-padding, .5rem .75rem);border:1px solid var(--tbw-visibility-border, var(--tbw-color-border, #e5e7eb));border-radius:var(--tbw-border-radius, .25rem);background:var(--tbw-visibility-btn-bg, var(--tbw-color-header-bg, #f9fafb));color:var(--tbw-color-fg, #1f2937);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem)}.tbw-visibility-show-all:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover, #f3f4f6))}}';
-function ze(s) {
+const Oi = '@layer tbw-plugins{.tbw-visibility-content{display:flex;flex-direction:column;height:100%}.tbw-visibility-list{flex:1;overflow-y:auto;padding:var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem))}.tbw-visibility-row{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));padding:var(--tbw-menu-item-padding, .375rem .25rem);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem);border-radius:var(--tbw-border-radius, .25rem);position:relative}.tbw-visibility-row:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover, #f3f4f6))}.tbw-visibility-row input[type=checkbox]{cursor:pointer}.tbw-visibility-row.locked span{color:var(--tbw-color-fg-muted, #888)}.tbw-visibility-handle{cursor:grab;color:var(--tbw-color-fg-muted, #888);font-size:var(--tbw-font-size-2xs, .625rem);letter-spacing:-2px;user-select:none;flex-shrink:0}.tbw-visibility-row.reorderable:hover .tbw-visibility-handle{color:var(--tbw-color-fg, #1f2937)}.tbw-visibility-label{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));flex:1;cursor:pointer}.tbw-visibility-row.dragging{opacity:.5;cursor:grabbing}.tbw-visibility-row.drop-before:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent, #3b82f6))}.tbw-visibility-row.drop-after:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent, #3b82f6))}.tbw-visibility-show-all{margin:var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem));padding:var(--tbw-button-padding, .5rem .75rem);border:1px solid var(--tbw-visibility-border, var(--tbw-color-border, #e5e7eb));border-radius:var(--tbw-border-radius, .25rem);background:var(--tbw-visibility-btn-bg, var(--tbw-color-header-bg, #f9fafb));color:var(--tbw-color-fg, #1f2937);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem)}.tbw-visibility-show-all:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover, #f3f4f6))}}';
+function Ge(s) {
   const e = s.meta ?? {};
   return e.lockPosition !== !0 && e.suppressMovable !== !0;
 }
@@ -4570,7 +4646,7 @@ class M extends R {
   ];
   name = "visibility";
   static PANEL_ID = "columns";
-  styles = Gi;
+  styles = Oi;
   get defaultConfig() {
     return {
       allowHideAll: !1
@@ -4660,7 +4736,7 @@ class M extends R {
     const i = this.grid.getAllColumns().filter((n) => !n.utility);
     for (let n = 0; n < i.length; n++) {
       const r = i[n], o = r.header || r.field, a = document.createElement("div");
-      a.className = r.lockVisible ? "tbw-visibility-row locked" : "tbw-visibility-row", a.setAttribute("data-field", r.field), a.setAttribute("data-index", String(n)), t && ze(r) && (a.draggable = !0, a.classList.add("reorderable"), this.setupDragListeners(a, r.field, n, e));
+      a.className = r.lockVisible ? "tbw-visibility-row locked" : "tbw-visibility-row", a.setAttribute("data-field", r.field), a.setAttribute("data-index", String(n)), t && Ge(r) && (a.draggable = !0, a.classList.add("reorderable"), this.setupDragListeners(a, r.field, n, e));
       const l = document.createElement("label");
       l.className = "tbw-visibility-label";
       const d = document.createElement("input");
@@ -4668,7 +4744,7 @@ class M extends R {
         this.grid.toggleColumnVisibility(r.field), setTimeout(() => this.rebuildToggles(e), 0);
       });
       const c = document.createElement("span");
-      if (c.textContent = o, l.appendChild(d), l.appendChild(c), t && ze(r)) {
+      if (c.textContent = o, l.appendChild(d), l.appendChild(c), t && Ge(r)) {
         const u = document.createElement("span");
         u.className = "tbw-visibility-handle", this.setIcon(u, this.resolveIcon("dragHandle")), u.title = "Drag to reorder", a.appendChild(u);
       }
@@ -4729,7 +4805,7 @@ export {
   Xi as GroupingRowsPlugin,
   Be as MasterDetailPlugin,
   Zi as MultiSortPlugin,
-  Oe as PLUGIN_QUERIES,
+  ze as PLUGIN_QUERIES,
   Ji as PinnedColumnsPlugin,
   Qi as PinnedRowsPlugin,
   D as PivotPlugin,