@toolbox-web/grid 1.11.0 → 1.12.0

package/all.js

@@ -1,20 +1,20 @@
-import { BaseGridPlugin as _, DEFAULT_GRID_ICONS as ht, e as P, runAggregator as te, a as Je, s as et, g as ue, r as ft, getAggregator as ye, getValueAggregator as gt, c as xe, b as pt } from "./index.js";
+import { BaseGridPlugin as _, DEFAULT_GRID_ICONS as ht, F as M, e as F, s as ft, c as gt, runAggregator as te, a as Je, b as et, g as ue, r as pt, getAggregator as ye, getValueAggregator as mt, d as xe, f as wt } from "./index.js";
 import { DEFAULT_ANIMATION_CONFIG as Dn, DGEvents as Mn, DataGridElement as Nn, FitModeEnum as qn, GridCSSVars as Hn, GridClasses as Kn, GridDataAttrs as zn, DataGridElement as On, GridSelectors as Gn, PLUGIN_QUERIES as Bn, PluginEvents as Vn, PluginManager as Wn, RenderPhase as $n, builtInSort as jn, createGrid as Un, defaultComparator as Yn, queryGrid as Xn } from "./index.js";
-const tt = "__tbw_expander", mt = 32;
+const tt = "__tbw_expander", bt = 32;
 function pe(a) {
   return a.field === tt;
 }
-function q(a) {
+function H(a) {
   return a.meta?.utility === !0;
 }
-function wt(a) {
+function vt(a) {
   return a.find(pe);
 }
-function bt(a) {
+function yt(a) {
   return {
     field: tt,
     header: "",
-    width: mt,
+    width: bt,
     resizable: !1,
     sortable: !1,
     filterable: !1,
@@ -49,14 +49,14 @@ function Ce(a, e) {
   }
   return o.push(s), (o.length > 1 || o.some((d) => d.trim() !== "")) && r.push(o), r;
 }
-async function vt() {
+async function xt() {
   try {
     return await navigator.clipboard.readText();
   } catch {
     return "";
   }
 }
-function yt(a, e) {
+function Ct(a, e) {
   const { rows: t, target: i, fields: n } = a;
   if (!i) return;
   const r = e.rows, o = e.effectiveConfig.columns ?? [], s = o.map((u) => u.field), l = /* @__PURE__ */ new Map();
@@ -99,7 +99,7 @@ class pn extends _ {
   attach(e) {
     super.attach(e), e.addEventListener(
       "paste",
-      (t) => this.#t(t),
+      (t) => this.#e(t),
       { signal: this.disconnectSignal }
     );
   }
@@ -107,10 +107,10 @@ class pn extends _ {
     this.lastCopied = null;
   }
   onKeyDown(e) {
-    return (e.ctrlKey || e.metaKey) && e.key === "c" ? (this.#e(e.target), !0) : !1;
+    return (e.ctrlKey || e.metaKey) && e.key === "c" ? (this.#t(e.target), !0) : !1;
   }
-  #e(e) {
-    const t = this.#n(), i = this.columns.length - 1, n = this.rows.length - 1;
+  #t(e) {
+    const t = this.#o(), i = this.columns.length - 1, n = this.rows.length - 1;
     let r;
     if (t && t.ranges.length > 0) {
       const { mode: s, ranges: l } = t, d = l[l.length - 1];
@@ -128,7 +128,7 @@ class pn extends _ {
     } else if (!t)
       r = { startRow: 0, startCol: 0, endRow: n, endCol: i };
     else {
-      const s = this.#s(e);
+      const s = this.#n(e);
       if (!s) return;
       r = { startRow: s.row, startCol: s.col, endRow: s.row, endCol: s.col };
     }
@@ -141,30 +141,30 @@ class pn extends _ {
       });
     });
   }
-  #t(e) {
+  #e(e) {
     const t = e.clipboardData?.getData("text/plain");
     if (!t) return;
     e.preventDefault();
-    const i = Ce(t, this.config), n = this.#n(), r = n?.ranges?.[0], o = r?.from.row ?? 0, s = r?.from.col ?? 0, d = r && (n?.mode === "range" || n?.mode === "row") && (r.from.row !== r.to.row || r.from.col !== r.to.col) ? { endRow: r.to.row, endCol: r.to.col } : null, c = d?.endCol ?? this.columns.length - 1, u = this.columns[s], h = u ? { row: o, col: s, field: u.field, bounds: d } : null, f = [], g = i[0]?.length ?? 0;
+    const i = Ce(t, this.config), n = this.#o(), r = n?.ranges?.[0], o = r?.from.row ?? 0, s = r?.from.col ?? 0, d = r && (n?.mode === "range" || n?.mode === "row") && (r.from.row !== r.to.row || r.from.col !== r.to.col) ? { endRow: r.to.row, endCol: r.to.col } : null, c = d?.endCol ?? this.columns.length - 1, u = this.columns[s], h = u ? { row: o, col: s, field: u.field, bounds: d } : null, f = [], g = i[0]?.length ?? 0;
     for (let w = 0; w < g && s + w <= c; w++) {
       const b = this.columns[s + w];
       b && !b.hidden && f.push(b.field);
     }
     const p = { rows: i, text: t, target: h, fields: f };
-    this.emit("paste", p), this.#a(p);
+    this.emit("paste", p), this.#s(p);
   }
-  #a(e) {
+  #s(e) {
     if (!this.grid) return;
     const { pasteHandler: t } = this.config;
     if (t === null) return;
-    (t ?? yt)(e, this.grid);
+    (t ?? Ct)(e, this.grid);
   }
-  #n() {
+  #o() {
     return this.grid?.query("getSelection", void 0)?.[0];
   }
   #i(e) {
     const { startRow: t, startCol: i, endRow: n, endCol: r } = e, o = Math.min(t, n), s = Math.max(t, n), l = Math.min(i, r), d = Math.max(i, r), c = this.config.delimiter ?? "	", u = this.config.newline ?? `
-`, h = [], f = this.columns.slice(l, d + 1).filter((g) => !q(g));
+`, h = [], f = this.columns.slice(l, d + 1).filter((g) => !H(g));
     if (this.config.includeHeaders) {
       const g = f.map((p) => p.header || p.field);
       h.push(g.join(c));
@@ -173,8 +173,8 @@ class pn extends _ {
       const p = this.rows[g];
       if (!p) continue;
       const w = f.map((b) => {
-        const v = p[b.field];
-        return v == null ? "" : v instanceof Date ? v.toISOString() : String(v);
+        const y = p[b.field];
+        return y == null ? "" : y instanceof Date ? y.toISOString() : String(y);
       });
       h.push(w.join(c));
     }
@@ -184,7 +184,7 @@ class pn extends _ {
       columnCount: d - l + 1
     };
   }
-  #s(e) {
+  #n(e) {
     const t = e.closest("[data-field-cache]");
     if (!t) return null;
     const i = t.dataset.fieldCache, n = t.dataset.row;
@@ -195,7 +195,7 @@ class pn extends _ {
     return o === -1 ? null : { row: r, col: o };
   }
   async copy() {
-    const e = this.#n(), t = this.columns.length - 1;
+    const e = this.#o(), t = this.columns.length - 1;
     let i = { startRow: 0, startCol: 0, endRow: this.rows.length - 1, endCol: t };
     if (e && e.ranges.length > 0) {
       const r = e.ranges[e.ranges.length - 1];
@@ -220,7 +220,7 @@ class pn extends _ {
     return await ie(r.text), this.lastCopied = { text: r.text, timestamp: Date.now() }, r.text;
   }
   async paste() {
-    const e = await vt();
+    const e = await xt();
     return e ? Ce(e, this.config) : null;
   }
   getLastCopied() {
@@ -249,11 +249,11 @@ function Se(a) {
 function ke(a) {
   return a.reduce((e, t) => e + me(t.width), 0);
 }
-function xt(a, e, t, i, n) {
+function Et(a, e, t, i, n) {
   const r = t.length;
   if (r === 0)
     return { startCol: 0, endCol: 0, visibleColumns: [] };
-  let o = Ct(a, t, i);
+  let o = Rt(a, t, i);
   o = Math.max(0, o - n);
   const s = a + e;
   let l = o;
@@ -270,7 +270,7 @@ function xt(a, e, t, i, n) {
     d.push(c);
   return { startCol: o, endCol: l, visibleColumns: d };
 }
-function Ct(a, e, t) {
+function Rt(a, e, t) {
   let i = 0, n = e.length - 1;
   for (; i < n; ) {
     const r = Math.floor((i + n) / 2);
@@ -278,7 +278,7 @@ function Ct(a, e, t) {
   }
   return i;
 }
-function Et(a, e, t) {
+function St(a, e, t) {
   return t ? a > e : !1;
 }
 class mn extends _ {
@@ -304,9 +304,9 @@ class mn extends _ {
     this.columnWidths = Re(t), this.columnOffsets = Se(t), this.totalWidth = ke(t), this.endCol = t.length - 1;
   }
   detach() {
-    this.#e(), this.columnWidths = [], this.columnOffsets = [], this.originalColumns = [], this.isVirtualized = !1, this.startCol = 0, this.endCol = 0, this.scrollLeft = 0, this.totalWidth = 0;
+    this.#t(), this.columnWidths = [], this.columnOffsets = [], this.originalColumns = [], this.isVirtualized = !1, this.startCol = 0, this.endCol = 0, this.scrollLeft = 0, this.totalWidth = 0;
   }
-  #e() {
+  #t() {
     const e = this.gridElement;
     if (!e) return;
     const t = e.querySelector(".header-row");
@@ -320,14 +320,14 @@ class mn extends _ {
   }
   processColumns(e) {
     (this.originalColumns.length === 0 || e.length > this.originalColumns.length) && (this.originalColumns = e, this.columnWidths = Re(e), this.columnOffsets = Se(e), this.totalWidth = ke(e));
-    const i = this.originalColumns, n = Et(
+    const i = this.originalColumns, n = St(
       i.length,
       this.config.threshold ?? 30,
       this.config.autoEnable ?? !0
     );
     if (this.isVirtualized = n ?? !1, !n)
       return this.startCol = 0, this.endCol = i.length - 1, [...i];
-    const r = this.grid.clientWidth || 800, o = xt(
+    const r = this.grid.clientWidth || 800, o = Et(
       this.scrollLeft,
       r,
       this.columnOffsets,
@@ -373,7 +373,7 @@ const ne = "@layer tbw-plugins{.tbw-context-menu{position:fixed;background:var(-
 function he(a, e) {
   return (typeof a == "function" ? a(e) : a).filter((i) => !(i.hidden === !0 || typeof i.hidden == "function" && i.hidden(e)));
 }
-function Rt(a, e) {
+function kt(a, e) {
   return a.disabled === !0 ? !0 : typeof a.disabled == "function" ? a.disabled(e) : !1;
 }
 function fe(a, e, t, i = ht.submenuArrow) {
@@ -387,7 +387,7 @@ function fe(a, e, t, i = ht.submenuArrow) {
     }
     const o = document.createElement("div");
     o.className = "tbw-context-menu-item", r.cssClass && o.classList.add(r.cssClass), o.setAttribute("role", "menuitem"), o.setAttribute("data-id", r.id);
-    const s = Rt(r, e);
+    const s = kt(r, e);
     if (s && (o.classList.add("disabled"), o.setAttribute("aria-disabled", "true")), r.icon) {
       const d = document.createElement("span");
       d.className = "tbw-context-menu-icon", d.innerHTML = r.icon, o.appendChild(d);
@@ -420,7 +420,7 @@ function Ae(a, e, t) {
   let o = e, s = t;
   e + i.width > n && (o = e - i.width), t + i.height > r && (s = t - i.height), o = Math.max(0, o), s = Math.max(0, s), a.style.left = `${o}px`, a.style.top = `${s}px`, a.style.visibility = "visible";
 }
-let z = null, O = null, M = null, re = 0;
+let O = null, G = null, N = null, re = 0;
 const oe = [
   {
     id: "copy",
@@ -506,14 +506,14 @@ class it extends _ {
     }
   }
   installGlobalHandlers() {
-    !M && typeof document < "u" && typeof ne == "string" && ne && (M = document.createElement("style"), M.id = "tbw-context-menu-styles", M.textContent = ne, document.head.appendChild(M)), z || (z = () => {
+    !N && typeof document < "u" && typeof ne == "string" && ne && (N = document.createElement("style"), N.id = "tbw-context-menu-styles", N.textContent = ne, document.head.appendChild(N)), O || (O = () => {
       document.querySelectorAll(".tbw-context-menu").forEach((t) => t.remove());
-    }, document.addEventListener("click", z)), O || (O = (e) => {
+    }, document.addEventListener("click", O)), G || (G = (e) => {
       e.key === "Escape" && document.querySelectorAll(".tbw-context-menu").forEach((i) => i.remove());
-    }, document.addEventListener("keydown", O));
+    }, document.addEventListener("keydown", G));
   }
   uninstallGlobalHandlers() {
-    re--, !(re > 0) && (z && (document.removeEventListener("click", z), z = null), O && (document.removeEventListener("keydown", O), O = null), M && (M.remove(), M = null));
+    re--, !(re > 0) && (O && (document.removeEventListener("click", O), O = null), G && (document.removeEventListener("keydown", G), G = null), N && (N.remove(), N = null));
   }
   afterRender() {
     const e = this.gridElement;
@@ -589,12 +589,12 @@ class it extends _ {
     return this.isOpen;
   }
 }
-const St = "@layer tbw-plugins{tbw-grid{--tbw-editing-bg: var(--tbw-color-selection);--tbw-editing-row-bg: var(--tbw-editing-bg);--tbw-editing-border: var(--tbw-border-input, 1px solid var(--tbw-color-border-strong));--tbw-padding-editing-input: var(--tbw-cell-padding-input, 2px 6px);--tbw-font-size-editor: inherit;--tbw-editing-row-outline-color: var(--tbw-color-accent);--tbw-editing-row-outline-width: 1px;.data-grid-row:has(.editing){background:var(--tbw-editing-row-bg);outline:var(--tbw-editing-row-outline-width) solid var(--tbw-editing-row-outline-color);outline-offset:calc(-1 * var(--tbw-editing-row-outline-width))}.data-grid-row>.cell.editing{overflow:hidden;padding:0;display:flex;min-height:calc(var(--tbw-row-height) + 2px);align-items:center;justify-content:center}.data-grid-row>.cell.editing input:not([type=checkbox]),.data-grid-row>.cell.editing select,.data-grid-row>.cell.editing textarea{width:100%;height:100%;flex:1 1 auto;min-width:0;border:var(--tbw-editing-border);padding:var(--tbw-padding-editing-input);font-size:var(--tbw-font-size-editor)}.tbw-editor-host{display:contents}--tbw-invalid-bg: light-dark(#fef2f2, #450a0a);--tbw-invalid-border-color: light-dark(#ef4444, #f87171);.data-grid-row>.cell[data-invalid=true]{background:var(--tbw-invalid-bg);outline:1px solid var(--tbw-invalid-border-color);outline-offset:-1px}}}";
-function kt(a) {
+const At = "@layer tbw-plugins{tbw-grid{--tbw-editing-bg: var(--tbw-color-selection);--tbw-editing-row-bg: var(--tbw-editing-bg);--tbw-editing-border: var(--tbw-border-input, 1px solid var(--tbw-color-border-strong));--tbw-padding-editing-input: var(--tbw-cell-padding-input, 2px 6px);--tbw-font-size-editor: inherit;--tbw-editing-row-outline-color: var(--tbw-color-accent);--tbw-editing-row-outline-width: 1px;&:not(.tbw-grid-mode) .data-grid-row:has(.editing){background:var(--tbw-editing-row-bg);outline:var(--tbw-editing-row-outline-width) solid var(--tbw-editing-row-outline-color);outline-offset:calc(-1 * var(--tbw-editing-row-outline-width))}.data-grid-row>.cell.editing{overflow:hidden;padding:0;display:flex;min-height:calc(var(--tbw-row-height) + 2px);align-items:center;justify-content:center}.data-grid-row>.cell.editing input:not([type=checkbox]),.data-grid-row>.cell.editing select,.data-grid-row>.cell.editing textarea{width:100%;height:100%;flex:1 1 auto;min-width:0;border:var(--tbw-editing-border);padding:var(--tbw-padding-editing-input);font-size:var(--tbw-font-size-editor)}.tbw-editor-host{display:contents}--tbw-invalid-bg: light-dark(#fef2f2, #450a0a);--tbw-invalid-border-color: light-dark(#ef4444, #f87171);.data-grid-row>.cell[data-invalid=true]{background:var(--tbw-invalid-bg);outline:1px solid var(--tbw-invalid-border-color);outline-offset:-1px}}}";
+function _t(a) {
   const e = a.options;
   return e ? typeof e == "function" ? e() : e : [];
 }
-function At(a) {
+function Lt(a) {
   return (e) => {
     const t = a.editorParams, i = document.createElement("input");
     i.type = "number", i.value = e.value != null ? String(e.value) : "", t?.min !== void 0 && (i.min = String(t.min)), t?.max !== void 0 && (i.max = String(t.max)), t?.step !== void 0 && (i.step = String(t.step)), t?.placeholder && (i.placeholder = t.placeholder);
@@ -604,13 +604,13 @@ function At(a) {
     }), i;
   };
 }
-function _t() {
+function Tt() {
   return (a) => {
     const e = document.createElement("input");
     return e.type = "checkbox", e.checked = !!a.value, e.addEventListener("change", () => a.commit(e.checked)), e;
   };
 }
-function Tt(a) {
+function It(a) {
   return (e) => {
     const t = a.editorParams, i = document.createElement("input");
     i.type = "date", e.value instanceof Date ? i.valueAsDate = e.value : typeof e.value == "string" && e.value && (i.value = e.value.split("T")[0]), t?.min && (i.min = t.min), t?.max && (i.max = t.max), t?.placeholder && (i.placeholder = t.placeholder);
@@ -622,14 +622,14 @@ function Tt(a) {
     }), i;
   };
 }
-function Lt(a) {
+function Ft(a) {
   return (e) => {
     const t = a.editorParams, i = document.createElement("select");
     if (a.multi && (i.multiple = !0), t?.includeEmpty) {
       const o = document.createElement("option");
       o.value = "", o.textContent = t.emptyLabel ?? "", i.appendChild(o);
     }
-    kt(a).forEach((o) => {
+    _t(a).forEach((o) => {
       const s = document.createElement("option");
       s.value = String(o.value), s.textContent = o.label, (a.multi && Array.isArray(e.value) && e.value.includes(o.value) || !a.multi && e.value === o.value) && (s.selected = !0), i.appendChild(s);
     });
@@ -645,7 +645,7 @@ function Lt(a) {
     }), i;
   };
 }
-function It(a) {
+function Pt(a) {
   return (e) => {
     const t = a.editorParams, i = document.createElement("input");
     i.type = "text", i.value = e.value != null ? String(e.value) : "", t?.maxLength !== void 0 && (i.maxLength = t.maxLength), t?.pattern && (i.pattern = t.pattern), t?.placeholder && (i.placeholder = t.placeholder);
@@ -658,22 +658,21 @@ function It(a) {
     }), i;
   };
 }
-function Ft(a) {
+function Dt(a) {
   switch (a.type) {
     case "number":
-      return At(a);
+      return Lt(a);
     case "boolean":
-      return _t();
+      return Tt();
     case "date":
-      return Tt(a);
+      return It(a);
     case "select":
-      return Lt(a);
+      return Ft(a);
     default:
-      return It(a);
+      return Pt(a);
   }
 }
-const Z = 'input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])';
-function Pt(a, e) {
+function Mt(a, e) {
   if (e.editor) return e.editor;
   if (e.__editorTemplate) return "template";
   if (!e.type) return;
@@ -687,26 +686,26 @@ function Pt(a, e) {
       return r.editor;
   }
 }
-function $(a) {
+function U(a) {
   return !(typeof a != "string" || a === "__proto__" || a === "constructor" || a === "prototype");
 }
-function Dt(a) {
+function Nt(a) {
   const e = (a.__editingCellCount ?? 0) + 1;
   a.__editingCellCount = e, a.setAttribute("data-has-editing", "");
 }
-function Mt(a) {
+function qt(a) {
   a.__editingCellCount = 0, a.removeAttribute("data-has-editing");
 }
-function U(a, e, t) {
+function W(a, e, t) {
   return a instanceof HTMLInputElement ? a.type === "checkbox" ? a.checked : a.type === "number" ? a.value === "" ? null : Number(a.value) : a.type === "date" ? typeof t == "string" ? a.value : a.valueAsDate : typeof t == "number" ? a.value === "" ? null : Number(a.value) : t == null && a.value === "" ? t : a.value : e?.type === "number" && a.value !== "" || typeof t == "number" && a.value !== "" ? Number(a.value) : t == null && a.value === "" ? t : a.value;
 }
 function _e(a) {
 }
-function Nt(a, e, t, i) {
+function Ht(a, e, t, i) {
   const n = a.querySelector("input,textarea,select");
   n && (n.addEventListener("blur", () => {
-    t(U(n, e, i));
-  }), n instanceof HTMLInputElement && n.type === "checkbox" ? n.addEventListener("change", () => t(n.checked)) : n instanceof HTMLSelectElement && n.addEventListener("change", () => t(U(n, e, i))));
+    t(W(n, e, i));
+  }), n instanceof HTMLInputElement && n.type === "checkbox" ? n.addEventListener("change", () => t(n.checked)) : n instanceof HTMLSelectElement && n.addEventListener("change", () => t(W(n, e, i))));
 }
 class wn extends _ {
   static manifest = {
@@ -742,20 +741,26 @@ class wn extends _ {
     ]
   };
   name = "editing";
-  styles = St;
+  styles = At;
   get defaultConfig() {
     return {
+      mode: "row",
       editOn: "click"
     };
   }
+  get #t() {
+    return this.config.mode === "grid";
+  }
   #e = -1;
-  #t = -1;
-  #a = /* @__PURE__ */ new Map();
-  #n = /* @__PURE__ */ new Set();
+  #s = -1;
+  #o = /* @__PURE__ */ new Map();
   #i = /* @__PURE__ */ new Set();
-  #s = !1;
-  #d = -1;
+  #n = /* @__PURE__ */ new Set();
+  #u = !1;
+  #l = -1;
   #r = /* @__PURE__ */ new Map();
+  #d = !1;
+  #f = !1;
   attach(e) {
     super.attach(e);
     const t = this.disconnectSignal, i = e;
@@ -770,33 +775,69 @@ class wn extends _ {
     }, document.addEventListener(
       "keydown",
       (n) => {
-        if (n.key === "Escape" && this.#e !== -1) {
+        if (!this.#t && n.key === "Escape" && this.#e !== -1) {
           if (this.config.onBeforeEditClose && this.config.onBeforeEditClose(n) === !1)
             return;
-          this.#o(this.#e, !0);
+          this.#a(this.#e, !0);
         }
       },
       { capture: !0, signal: t }
     ), document.addEventListener(
       "mousedown",
       (n) => {
-        if (this.#e === -1) return;
+        if (this.#t || this.#e === -1) return;
         const r = i.findRenderedRowElement?.(this.#e);
         !r || (n.composedPath && n.composedPath() || []).includes(r) || this.config.onBeforeEditClose && this.config.onBeforeEditClose(n) === !1 || queueMicrotask(() => {
-          this.#e !== -1 && this.#o(this.#e, !1);
+          this.#e !== -1 && this.#a(this.#e, !1);
         });
       },
       { signal: t }
-    );
+    ), this.#t && (this.gridElement.classList.add("tbw-grid-mode"), this.requestRender(), this.gridElement.addEventListener(
+      "focusin",
+      (n) => {
+        const r = n.target;
+        if (r.matches(M)) {
+          if (this.#f) {
+            r.blur(), this.gridElement.focus();
+            return;
+          }
+          this.#d = !0;
+        }
+      },
+      { signal: t }
+    ), this.gridElement.addEventListener(
+      "focusout",
+      (n) => {
+        const r = n.relatedTarget;
+        (!r || !this.gridElement.contains(r) || !r.matches(M)) && (this.#d = !1);
+      },
+      { signal: t }
+    ), this.gridElement.addEventListener(
+      "keydown",
+      (n) => {
+        if (n.key === "Escape" && this.#d) {
+          const r = document.activeElement;
+          r && this.gridElement.contains(r) && (r.blur(), this.gridElement.focus()), this.#d = !1, this.#f = !0, n.preventDefault(), n.stopPropagation();
+        }
+      },
+      { capture: !0, signal: t }
+    ), this.gridElement.addEventListener(
+      "mousedown",
+      (n) => {
+        n.target.matches(M) && (this.#f = !1);
+      },
+      { signal: t }
+    ));
   }
   detach() {
-    this.#e = -1, this.#t = -1, this.#a.clear(), this.#n.clear(), this.#i.clear(), super.detach();
+    this.gridElement.classList.remove("tbw-grid-mode"), this.#e = -1, this.#s = -1, this.#o.clear(), this.#i.clear(), this.#n.clear(), this.#d = !1, this.#f = !1, super.detach();
   }
   handleQuery(e) {
     if (e.type === "isEditing")
-      return this.#e !== -1;
+      return this.#t || this.#e !== -1;
   }
   onCellClick(e) {
+    if (this.#t) return !1;
     const t = this.grid, i = this.config.editOn ?? t.effectiveConfig?.editOn;
     if (i === !1 || i === "manual" || i !== "click" && i !== "dblclick") return !1;
     const n = e.originalEvent.type === "dblclick";
@@ -806,18 +847,26 @@ class wn extends _ {
   }
   onKeyDown(e) {
     const t = this.grid;
-    if (e.key === "Escape" && this.#e !== -1)
-      return this.config.onBeforeEditClose && this.config.onBeforeEditClose(e) === !1 || this.#o(this.#e, !0), !0;
-    if ((e.key === "ArrowUp" || e.key === "ArrowDown") && this.#e !== -1) {
+    if (e.key === "Escape") {
+      if (this.#t && this.#d) {
+        const i = document.activeElement;
+        return i && this.gridElement.contains(i) && i.blur(), this.#d = !1, this.requestAfterRender(), !0;
+      }
+      if (this.#e !== -1 && !this.#t)
+        return this.config.onBeforeEditClose && this.config.onBeforeEditClose(e) === !1 || this.#a(this.#e, !0), !0;
+    }
+    if (this.#t && !this.#d && (e.key === "ArrowUp" || e.key === "ArrowDown" || e.key === "ArrowLeft" || e.key === "ArrowRight"))
+      return !1;
+    if ((e.key === "ArrowUp" || e.key === "ArrowDown") && this.#e !== -1 && !this.#t) {
       if (this.config.onBeforeEditClose && this.config.onBeforeEditClose(e) === !1)
         return !0;
       const i = t._rows.length - 1, n = this.#e;
-      return this.#o(n, !1), e.key === "ArrowDown" ? t._focusRow = Math.min(i, t._focusRow + 1) : t._focusRow = Math.max(0, t._focusRow - 1), e.preventDefault(), P(t), this.requestAfterRender(), !0;
+      return this.#a(n, !1), e.key === "ArrowDown" ? t._focusRow = Math.min(i, t._focusRow + 1) : t._focusRow = Math.max(0, t._focusRow - 1), e.preventDefault(), F(t), this.requestAfterRender(), !0;
     }
-    if (e.key === "Tab" && this.#e !== -1) {
+    if (e.key === "Tab" && (this.#e !== -1 || this.#t)) {
       e.preventDefault();
       const i = !e.shiftKey;
-      return this.#g(i), !0;
+      return this.#w(i), !0;
     }
     if (e.key === " " || e.key === "Spacebar") {
       if (this.#e !== -1)
@@ -827,15 +876,17 @@ class wn extends _ {
         const r = t._visibleColumns[n], o = t._rows[i];
         if (r?.editable && r.type === "boolean" && o) {
           const s = r.field;
-          if ($(s)) {
+          if (U(s)) {
             const d = !o[s];
-            return this.#f(i, r, d, o), e.preventDefault(), this.requestRender(), !0;
+            return this.#b(i, r, d, o), e.preventDefault(), this.requestRender(), !0;
           }
         }
       }
       return !1;
     }
     if (e.key === "Enter" && !e.shiftKey) {
+      if (this.#t && !this.#d)
+        return this.#h(), !0;
       if (this.#e !== -1)
         return !!(this.config.onBeforeEditClose && this.config.onBeforeEditClose(e) === !1);
       const i = this.config.editOn ?? t.effectiveConfig?.editOn;
@@ -885,78 +936,83 @@ class wn extends _ {
   }
   afterRender() {
     const e = this.grid;
-    if (this.#s && (this.#s = !1, this.#b(e)), this.#d !== -1) {
-      const t = this.#d;
-      this.#d = -1, e.animateRow?.(t, "change");
+    if (this.#u && (this.#u = !1, this.#x(e)), this.#l !== -1) {
+      const t = this.#l;
+      this.#l = -1, e.animateRow?.(t, "change");
     }
-    if (this.#i.size !== 0)
-      for (const t of this.#i) {
+    if (!this.#t && this.#n.size !== 0)
+      for (const t of this.#n) {
         const [i, n] = t.split(":"), r = parseInt(i, 10), o = parseInt(n, 10), s = e.findRenderedRowElement?.(r);
         if (!s) continue;
         const l = s.querySelector(`.cell[data-col="${o}"]`);
         if (!l || l.classList.contains("editing")) continue;
         const d = e._rows[r], c = e._visibleColumns[o];
-        d && c && this.#l(d, r, c, o, l, !0);
+        d && c && this.#m(d, r, c, o, l, !0);
       }
   }
+  afterCellRender(e) {
+    if (!this.#t) return;
+    const { row: t, rowIndex: i, column: n, colIndex: r, cellElement: o } = e;
+    n.editable && (o.classList.contains("editing") || this.#m(t, i, n, r, o, !0));
+  }
   onScrollRender() {
     this.afterRender();
   }
   get changedRows() {
     const e = [];
-    for (const t of this.#n) {
+    for (const t of this.#i) {
       const i = this.grid.getRow(t);
       i && e.push(i);
     }
     return e;
   }
   get changedRowIds() {
-    return Array.from(this.#n);
+    return Array.from(this.#i);
   }
   get activeEditRow() {
     return this.#e;
   }
   get activeEditCol() {
-    return this.#t;
+    return this.#s;
   }
   isRowEditing(e) {
     return this.#e === e;
   }
   isCellEditing(e, t) {
-    return this.#i.has(`${e}:${t}`);
+    return this.#n.has(`${e}:${t}`);
   }
   isRowChanged(e) {
     const t = this.grid, i = t._rows[e];
     if (!i) return !1;
     try {
       const n = t.getRowId?.(i);
-      return n ? this.#n.has(n) : !1;
+      return n ? this.#i.has(n) : !1;
     } catch {
       return !1;
     }
   }
   isRowChangedById(e) {
-    return this.#n.has(e);
+    return this.#i.has(e);
   }
   setInvalid(e, t, i = "") {
     let n = this.#r.get(e);
-    n || (n = /* @__PURE__ */ new Map(), this.#r.set(e, n)), n.set(t, i), this.#c(e, t, !0);
+    n || (n = /* @__PURE__ */ new Map(), this.#r.set(e, n)), n.set(t, i), this.#p(e, t, !0);
   }
   clearInvalid(e, t) {
     const i = this.#r.get(e);
-    i && (i.delete(t), i.size === 0 && this.#r.delete(e)), this.#c(e, t, !1);
+    i && (i.delete(t), i.size === 0 && this.#r.delete(e)), this.#p(e, t, !1);
   }
   clearRowInvalid(e) {
     const t = this.#r.get(e);
     if (t) {
       const i = Array.from(t.keys());
-      this.#r.delete(e), i.forEach((n) => this.#c(e, n, !1));
+      this.#r.delete(e), i.forEach((n) => this.#p(e, n, !1));
     }
   }
   clearAllInvalid() {
     const e = Array.from(this.#r.entries());
     this.#r.clear(), e.forEach(([t, i]) => {
-      i.forEach((n, r) => this.#c(t, r, !1));
+      i.forEach((n, r) => this.#p(t, r, !1));
     });
   }
   isCellInvalid(e, t) {
@@ -972,7 +1028,7 @@ class wn extends _ {
   getInvalidFields(e) {
     return new Map(this.#r.get(e) ?? []);
   }
-  #c(e, t, i) {
+  #p(e, t, i) {
     const n = this.grid, r = n._visibleColumns?.findIndex((c) => c.field === t);
     if (r === -1 || r === void 0) return;
     const s = n._rows?.findIndex((c) => {
@@ -994,13 +1050,13 @@ class wn extends _ {
   }
   resetChangedRows(e) {
     const t = this.changedRows, i = this.changedRowIds;
-    this.#n.clear(), this.#h(), e || this.emit("changed-rows-reset", { rows: t, ids: i }), this.grid._rowPool?.forEach((r) => r.classList.remove("changed"));
+    this.#i.clear(), this.#c(), 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);
     if (n === -1 || !i._visibleColumns[n]?.editable) return;
     const s = i.findRenderedRowElement?.(e)?.querySelector(`.cell[data-col="${n}"]`);
-    s && this.#m(e, n, s);
+    s && this.#v(e, n, s);
   }
   beginBulkEdit(e) {
     const t = this.grid;
@@ -1008,16 +1064,16 @@ class wn extends _ {
     const r = t.findRenderedRowElement?.(e);
     if (!r) return;
     const o = t._rows[e];
-    this.#p(e, o), Array.from(r.children).forEach((s, l) => {
+    this.#g(e, o), Array.from(r.children).forEach((s, l) => {
       const d = t._visibleColumns[l];
       if (d?.editable) {
         const c = s;
-        c.classList.contains("editing") || this.#l(o, e, d, l, c, !0);
+        c.classList.contains("editing") || this.#m(o, e, d, l, c, !0);
       }
     }), setTimeout(() => {
       let s = r.querySelector(`.cell[data-col="${t._focusCol}"]`);
       if (s?.classList.contains("editing") || (s = r.querySelector(".cell.editing")), s?.classList.contains("editing")) {
-        const l = s.querySelector(Z);
+        const l = s.querySelector(M);
         try {
           l?.focus({ preventScroll: !0 });
         } catch {
@@ -1026,38 +1082,50 @@ class wn extends _ {
     }, 0);
   }
   commitActiveRowEdit() {
-    this.#e !== -1 && this.#o(this.#e, !1);
+    this.#e !== -1 && this.#a(this.#e, !1);
   }
   cancelActiveRowEdit() {
-    this.#e !== -1 && this.#o(this.#e, !0);
+    this.#e !== -1 && this.#a(this.#e, !0);
   }
-  #m(e, t, i) {
+  #v(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.#p(e, r), this.#t = t, this.#l(r, e, o, t, i, !1));
+    !r || !o?.editable || i.classList.contains("editing") || (this.#e !== e && this.#g(e, r), this.#s = t, this.#m(r, e, o, t, i, !1));
+  }
+  #h() {
+    const e = this.grid, t = e._focusRow, i = e._focusCol;
+    if (t < 0 || i < 0) return;
+    const r = e.findRenderedRowElement?.(t)?.querySelector(`.cell[data-col="${i}"]`);
+    if (r?.classList.contains("editing")) {
+      const o = r.querySelector(M);
+      o && (this.#f = !1, o.focus(), this.#d = !0, o instanceof HTMLInputElement && (o.type === "text" || o.type === "number") && o.select());
+    }
   }
-  #g(e) {
-    const t = this.grid, i = t._rows, n = this.#e, r = t._visibleColumns.map((d, c) => d.editable ? c : -1).filter((d) => d >= 0);
+  #w(e) {
+    const t = this.grid, i = t._rows, n = this.#t ? t._focusRow : this.#e, r = t._visibleColumns.map((d, c) => d.editable ? c : -1).filter((d) => d >= 0);
     if (r.length === 0) return;
     const s = r.indexOf(t._focusCol) + (e ? 1 : -1);
     if (s >= 0 && s < r.length) {
       t._focusCol = r[s];
       const c = t.findRenderedRowElement?.(n)?.querySelector(`.cell[data-col="${r[s]}"]`);
-      c?.classList.contains("editing") && c.querySelector(Z)?.focus({ preventScroll: !0 }), P(t, { forceHorizontalScroll: !0 });
+      c?.classList.contains("editing") && c.querySelector(M)?.focus({ preventScroll: !0 }), F(t, { forceHorizontalScroll: !0 });
       return;
     }
     const l = n + (e ? 1 : -1);
-    l >= 0 && l < i.length && (this.#o(n, !1), t._focusRow = l, t._focusCol = e ? r[0] : r[r.length - 1], this.beginBulkEdit(l), P(t, { forceHorizontalScroll: !0 }));
+    l >= 0 && l < i.length && (this.#t ? (t._focusRow = l, t._focusCol = e ? r[0] : r[r.length - 1], F(t, { forceHorizontalScroll: !0 }), this.requestAfterRender(), setTimeout(() => {
+      const c = t.findRenderedRowElement?.(l)?.querySelector(`.cell[data-col="${t._focusCol}"]`);
+      c?.classList.contains("editing") && c.querySelector(M)?.focus({ preventScroll: !0 });
+    }, 0)) : (this.#a(n, !1), t._focusRow = l, t._focusCol = e ? r[0] : r[r.length - 1], this.beginBulkEdit(l), F(t, { forceHorizontalScroll: !0 })));
   }
-  #h() {
+  #c() {
     const e = this.grid;
-    e._activeEditRows = this.#e, e._rowEditSnapshots = this.#a;
+    e._activeEditRows = this.#e, e._rowEditSnapshots = this.#o;
   }
-  #p(e, t) {
-    this.#e !== e && (this.#a.set(e, { ...t }), this.#e = e, this.#h());
+  #g(e, t) {
+    this.#e !== e && (this.#o.set(e, { ...t }), this.#e = e, this.#c());
   }
-  #o(e, t) {
+  #a(e, t) {
     if (this.#e !== e) return;
-    const i = this.grid, n = this.#a.get(e), r = i._rows[e], o = i.findRenderedRowElement?.(e);
+    const i = this.grid, n = this.#o.get(e), r = i._rows[e], o = i.findRenderedRowElement?.(e);
     let s;
     if (r)
       try {
@@ -1072,15 +1140,15 @@ class wn extends _ {
         return;
       const h = d.querySelector("input,textarea,select");
       if (h) {
-        const f = u.field, g = r[f], p = U(h, u, g);
-        g !== p && this.#f(e, u, p, r);
+        const f = u.field, g = r[f], p = W(h, u, g);
+        g !== p && this.#b(e, u, p, r);
       }
     }), t && n && r)
       Object.keys(n).forEach((l) => {
         r[l] = n[l];
-      }), s && (this.#n.delete(s), this.clearRowInvalid(s));
+      }), s && (this.#i.delete(s), this.clearRowInvalid(s));
     else if (!t && r) {
-      const l = this.#w(n, r), d = s ? this.#n.has(s) : l, c = this.emitCancelable("row-commit", {
+      const l = this.#C(n, r), d = s ? this.#i.has(s) : l, c = this.emitCancelable("row-commit", {
         rowIndex: e,
         rowId: s ?? "",
         row: r,
@@ -1092,18 +1160,18 @@ class wn extends _ {
       });
       c && n ? (Object.keys(n).forEach((u) => {
         r[u] = n[u];
-      }), s && (this.#n.delete(s), this.clearRowInvalid(s))) : !c && l && this.isAnimationEnabled && (this.#d = e);
+      }), s && (this.#i.delete(s), this.clearRowInvalid(s))) : !c && l && this.isAnimationEnabled && (this.#l = e);
     }
-    this.#a.delete(e), this.#e = -1, this.#t = -1, this.#h();
-    for (const l of this.#i)
-      l.startsWith(`${e}:`) && this.#i.delete(l);
+    this.#o.delete(e), this.#e = -1, this.#s = -1, this.#c();
+    for (const l of this.#n)
+      l.startsWith(`${e}:`) && this.#n.delete(l);
     o && (o.querySelectorAll(".cell.editing").forEach((l) => {
-      l.classList.remove("editing"), Mt(l.parentElement);
-    }), this.requestRender()), this.#s = !0, o || (this.#b(i), this.#s = !1);
+      l.classList.remove("editing"), qt(l.parentElement);
+    }), this.requestRender()), this.#u = !0, o || (this.#x(i), this.#u = !1);
   }
-  #f(e, t, i, n) {
+  #b(e, t, i, n) {
     const r = t.field;
-    if (!$(r)) return;
+    if (!U(r)) return;
     const o = n[r];
     if (o === i) return;
     const s = this.grid;
@@ -1112,7 +1180,7 @@ class wn extends _ {
       l = this.grid.getRowId(n);
     } catch {
     }
-    const d = l ? !this.#n.has(l) : !0, c = l ? (p) => this.grid.updateRow(l, p, "cascade") : _e;
+    const d = l ? !this.#i.has(l) : !0, c = l ? (p) => this.grid.updateRow(l, p, "cascade") : _e;
     let u = !1;
     const h = l ? (p) => {
       u = !0, this.setInvalid(l, r, p ?? "");
@@ -1131,7 +1199,7 @@ class wn extends _ {
       updateRow: c,
       setInvalid: h
     })) return;
-    l && !u && this.isCellInvalid(l, r) && this.clearInvalid(l, r), n[r] = i, l && this.#n.add(l), this.#h(), this.emitPluginEvent("cell-edit-committed", {
+    l && !u && this.isCellInvalid(l, r) && this.clearInvalid(l, r), n[r] = i, l && this.#i.add(l), this.#c(), this.emitPluginEvent("cell-edit-committed", {
       rowIndex: e,
       field: r,
       oldValue: o,
@@ -1140,64 +1208,74 @@ class wn extends _ {
     const g = s.findRenderedRowElement?.(e);
     g && g.classList.add("changed");
   }
-  #l(e, t, i, n, r, o) {
+  #m(e, t, i, n, r, o) {
     if (!i.editable || r.classList.contains("editing")) return;
     let s;
     try {
       s = this.grid.getRowId(e);
     } catch {
     }
-    const l = s ? (x) => this.grid.updateRow(s, x, "cascade") : _e, d = $(i.field) ? e[i.field] : void 0;
-    r.classList.add("editing"), this.#i.add(`${t}:${n}`);
+    const l = s ? (v) => this.grid.updateRow(s, v, "cascade") : _e, d = U(i.field) ? e[i.field] : void 0;
+    r.classList.add("editing"), this.#n.add(`${t}:${n}`);
     const c = r.parentElement;
-    c && Dt(c);
+    c && Nt(c);
     let u = !1;
-    const h = (x) => {
-      u || this.#e === -1 || this.#f(t, i, x, e);
+    const h = (v) => {
+      u || !this.#t && this.#e === -1 || this.#b(t, i, v, e);
     }, f = () => {
-      u = !0, $(i.field) && (e[i.field] = d);
+      u = !0, U(i.field) && (e[i.field] = d);
     }, g = document.createElement("div");
-    g.className = "tbw-editor-host", r.innerHTML = "", r.appendChild(g), g.addEventListener("keydown", (x) => {
-      if (x.key === "Enter") {
-        if (this.config.onBeforeEditClose && this.config.onBeforeEditClose(x) === !1)
+    g.className = "tbw-editor-host", r.innerHTML = "", r.appendChild(g), g.addEventListener("keydown", (v) => {
+      if (v.key === "Enter") {
+        if (this.#t) {
+          v.stopPropagation(), v.preventDefault();
+          const E = g.querySelector("input,textarea,select");
+          E && h(W(E, i, d));
+          return;
+        }
+        if (this.config.onBeforeEditClose && this.config.onBeforeEditClose(v) === !1)
           return;
-        x.stopPropagation(), x.preventDefault(), u = !0, this.#o(t, !1);
+        v.stopPropagation(), v.preventDefault(), u = !0, this.#a(t, !1);
       }
-      if (x.key === "Escape") {
-        if (this.config.onBeforeEditClose && this.config.onBeforeEditClose(x) === !1)
+      if (v.key === "Escape") {
+        if (this.#t) {
+          v.stopPropagation(), v.preventDefault();
           return;
-        x.stopPropagation(), x.preventDefault(), f(), this.#o(t, !0);
+        }
+        if (this.config.onBeforeEditClose && this.config.onBeforeEditClose(v) === !1)
+          return;
+        v.stopPropagation(), v.preventDefault(), f(), this.#a(t, !0);
       }
     });
-    const p = i, w = p.__editorTemplate, b = Pt(this.grid, p) ?? Ft(i), v = d;
+    const p = i, w = p.__editorTemplate, b = Mt(this.grid, p) ?? Dt(i), y = d;
     if (b === "template" && w)
-      this.#u(g, p, e, d, h, f, o, t);
+      this.#y(g, p, e, d, h, f, o, t);
     else if (typeof b == "string") {
-      const x = document.createElement(b);
-      x.value = v, x.addEventListener("change", () => h(x.value)), g.appendChild(x), o || queueMicrotask(() => {
-        g.querySelector(Z)?.focus({ preventScroll: !0 });
+      const v = document.createElement(b);
+      v.value = y, v.addEventListener("change", () => h(v.value)), g.appendChild(v), o || queueMicrotask(() => {
+        g.querySelector(M)?.focus({ preventScroll: !0 });
       });
     } else if (typeof b == "function") {
-      const x = {
+      const v = {
         row: e,
         rowId: s ?? "",
-        value: v,
+        value: y,
         field: i.field,
         column: i,
         commit: h,
         cancel: f,
         updateRow: l
-      }, R = b(x);
-      typeof R == "string" ? (g.innerHTML = R, Nt(g, i, h, d)) : R instanceof Node && (g.appendChild(R), R instanceof HTMLInputElement || R instanceof HTMLSelectElement || R instanceof HTMLTextAreaElement || r.setAttribute("data-editor-managed", "")), o || queueMicrotask(() => {
-        g.querySelector(Z)?.focus({ preventScroll: !0 });
+      }, E = b(v);
+      typeof E == "string" ? (g.innerHTML = E, Ht(g, i, h, d)) : E instanceof Node && (g.appendChild(E), E instanceof HTMLInputElement || E instanceof HTMLSelectElement || E instanceof HTMLTextAreaElement || r.setAttribute("data-editor-managed", "")), o || queueMicrotask(() => {
+        g.querySelector(M)?.focus({ preventScroll: !0 });
       });
     } else if (b && typeof b == "object") {
-      const x = document.createElement("div");
-      x.setAttribute("data-external-editor", ""), x.setAttribute("data-field", i.field), g.appendChild(x), r.setAttribute("data-editor-managed", "");
-      const R = {
+      const v = document.createElement("div");
+      v.setAttribute("data-external-editor", ""), v.setAttribute("data-field", i.field), g.appendChild(v), r.setAttribute("data-editor-managed", "");
+      const E = {
         row: e,
         rowId: s ?? "",
-        value: v,
+        value: y,
         field: i.field,
         column: i,
         commit: h,
@@ -1206,17 +1284,17 @@ class wn extends _ {
       };
       if (b.mount)
         try {
-          b.mount({ placeholder: x, context: R, spec: b });
-        } catch (E) {
-          console.warn(`[tbw-grid] External editor mount error for column '${i.field}':`, E);
+          b.mount({ placeholder: v, context: E, spec: b });
+        } catch (R) {
+          console.warn(`[tbw-grid] External editor mount error for column '${i.field}':`, R);
         }
       else
         this.grid.dispatchEvent(
-          new CustomEvent("mount-external-editor", { detail: { placeholder: x, spec: b, context: R } })
+          new CustomEvent("mount-external-editor", { detail: { placeholder: v, spec: b, context: E } })
         );
     }
   }
-  #u(e, t, i, n, r, o, s, l) {
+  #y(e, t, i, n, r, o, s, l) {
     const d = t.__editorTemplate;
     if (!d) return;
     const c = d.cloneNode(!0), u = t.__compiledEditor;
@@ -1229,7 +1307,7 @@ class wn extends _ {
       cancel: o
     }) : c.querySelectorAll("*").forEach((f) => {
       f.childNodes.length === 1 && f.firstChild?.nodeType === Node.TEXT_NODE && (f.textContent = f.textContent?.replace(/{{\s*value\s*}}/g, n == null ? "" : String(n)).replace(/{{\s*row\.([a-zA-Z0-9_]+)\s*}}/g, (g, p) => {
-        if (!$(p)) return "";
+        if (!U(p)) return "";
         const w = i[p];
         return w == null ? "" : String(w);
       }) || "");
@@ -1241,24 +1319,24 @@ class wn extends _ {
       h instanceof HTMLInputElement && h.type === "checkbox" ? h.checked = !!n : h.value = String(n ?? "");
       let f = !1;
       h.addEventListener("blur", () => {
-        f || r(U(h, t, n));
+        f || r(W(h, t, n));
       }), h.addEventListener("keydown", (g) => {
         const p = g;
         if (p.key === "Enter") {
           if (this.config.onBeforeEditClose && this.config.onBeforeEditClose(p) === !1)
             return;
-          p.stopPropagation(), p.preventDefault(), f = !0, r(U(h, t, n)), this.#o(l, !1);
+          p.stopPropagation(), p.preventDefault(), f = !0, r(W(h, t, n)), this.#a(l, !1);
         }
         if (p.key === "Escape") {
           if (this.config.onBeforeEditClose && this.config.onBeforeEditClose(p) === !1)
             return;
-          p.stopPropagation(), p.preventDefault(), o(), this.#o(l, !0);
+          p.stopPropagation(), p.preventDefault(), o(), this.#a(l, !0);
         }
       }), h instanceof HTMLInputElement && h.type === "checkbox" && h.addEventListener("change", () => r(h.checked)), s || setTimeout(() => h.focus({ preventScroll: !0 }), 0);
     }
     e.appendChild(c);
   }
-  #w(e, t) {
+  #C(e, t) {
     if (!e) return !1;
     const i = e, n = t, r = /* @__PURE__ */ new Set([...Object.keys(i), ...Object.keys(n)]);
     for (const o of r)
@@ -1266,7 +1344,7 @@ class wn extends _ {
         return !0;
     return !1;
   }
-  #b(e) {
+  #x(e) {
     queueMicrotask(() => {
       try {
         const t = e._focusRow, i = e._focusCol, n = e.findRenderedRowElement?.(t);
@@ -1282,7 +1360,7 @@ class wn extends _ {
     });
   }
 }
-function Te(a, e = !0) {
+function Le(a, e = !0) {
   if (a == null) return "";
   if (a instanceof Date) return a.toISOString();
   if (typeof a == "object") return JSON.stringify(a);
@@ -1290,20 +1368,20 @@ function Te(a, e = !0) {
   return e && (t.includes(",") || t.includes('"') || t.includes(`
 `) || t.includes("\r")) ? `"${t.replace(/"/g, '""')}"` : t;
 }
-function qt(a, e, t, i = {}) {
+function Kt(a, e, t, i = {}) {
   const n = i.delimiter ?? ",", r = i.newline ?? `
 `, o = [], s = i.bom ? "\uFEFF" : "";
   if (t.includeHeaders !== !1) {
     const l = e.map((d) => {
       const c = d.header || d.field, u = t.processHeader ? t.processHeader(c, d.field) : c;
-      return Te(u);
+      return Le(u);
     });
     o.push(l.join(n));
   }
   for (const l of a) {
     const d = e.map((c) => {
       let u = l[c.field];
-      return t.processCell && (u = t.processCell(u, c.field, l)), Te(u);
+      return t.processCell && (u = t.processCell(u, c.field, l)), Le(u);
     });
     o.push(d.join(n));
   }
@@ -1313,14 +1391,14 @@ function we(a, e) {
   const t = URL.createObjectURL(a), i = document.createElement("a");
   i.href = t, i.download = e, i.style.display = "none", document.body.appendChild(i), i.click(), document.body.removeChild(i), URL.revokeObjectURL(t);
 }
-function Ht(a, e) {
+function zt(a, e) {
   const t = new Blob([a], { type: "text/csv;charset=utf-8;" });
   we(t, e);
 }
-function Le(a) {
+function Te(a) {
   return a.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
 }
-function Kt(a, e, t) {
+function Ot(a, e, t) {
   let i = `<?xml version="1.0" encoding="UTF-8"?>
 <?mso-application progid="Excel.Sheet"?>
 <Workbook xmlns="urn:schemas-microsoft-com:office:spreadsheet"
@@ -1332,7 +1410,7 @@ function Kt(a, e, t) {
 <Row>`;
     for (const n of e) {
       const r = n.header || n.field, o = t.processHeader ? t.processHeader(r, n.field) : r;
-      i += `<Cell><Data ss:Type="String">${Le(o)}</Data></Cell>`;
+      i += `<Cell><Data ss:Type="String">${Te(o)}</Data></Cell>`;
     }
     i += "</Row>";
   }
@@ -1343,7 +1421,7 @@ function Kt(a, e, t) {
       let o = n[r.field];
       t.processCell && (o = t.processCell(o, r.field, n));
       let s = "String", l = "";
-      o == null ? l = "" : typeof o == "number" && !isNaN(o) ? (s = "Number", l = String(o)) : o instanceof Date ? (s = "DateTime", l = o.toISOString()) : l = Le(String(o)), i += `<Cell><Data ss:Type="${s}">${l}</Data></Cell>`;
+      o == null ? l = "" : typeof o == "number" && !isNaN(o) ? (s = "Number", l = String(o)) : o instanceof Date ? (s = "DateTime", l = o.toISOString()) : l = Te(String(o)), i += `<Cell><Data ss:Type="${s}">${l}</Data></Cell>`;
     }
     i += "</Row>";
   }
@@ -1352,7 +1430,7 @@ function Kt(a, e, t) {
 </Worksheet>
 </Workbook>`, i;
 }
-function zt(a, e) {
+function Gt(a, e) {
   const t = e.endsWith(".xls") ? e : `${e}.xls`, i = new Blob([a], {
     type: "application/vnd.ms-excel;charset=utf-8;"
   });
@@ -1395,13 +1473,13 @@ class bn extends _ {
     try {
       switch (e) {
         case "csv": {
-          const l = qt(o, r, n, { bom: !0 });
-          s = s.endsWith(".csv") ? s : `${s}.csv`, Ht(l, s);
+          const l = Kt(o, r, n, { bom: !0 });
+          s = s.endsWith(".csv") ? s : `${s}.csv`, zt(l, s);
           break;
         }
         case "excel": {
-          const l = Kt(o, r, n);
-          s = s.endsWith(".xls") ? s : `${s}.xls`, zt(l, s);
+          const l = Ot(o, r, n);
+          s = s.endsWith(".xls") ? s : `${s}.xls`, Gt(l, s);
           break;
         }
         case "json": {
@@ -1452,21 +1530,6 @@ class bn extends _ {
     return this.lastExportInfo;
   }
 }
-function Ot(a) {
-  const { totalRows: e, viewportHeight: t, scrollTop: i, rowHeight: n, overscan: r } = a, o = Math.ceil(t / n);
-  let s = Math.floor(i / n) - r;
-  s < 0 && (s = 0);
-  let l = s + o + r * 2;
-  return l > e && (l = e), l === e && s > 0 && (s = Math.max(0, l - o - r * 2)), {
-    start: s,
-    end: l,
-    offsetY: s * n,
-    totalHeight: e * n
-  };
-}
-function Gt(a, e) {
-  return a <= e;
-}
 function Bt(a, e, t = !1) {
   const i = a[e.field];
   if (e.operator === "blank")
@@ -1528,7 +1591,7 @@ function Ie(a, e) {
   return [...t].sort((i, n) => typeof i == "number" && typeof n == "number" ? i - n : String(i).localeCompare(String(n)));
 }
 const $t = '@layer tbw-plugins{tbw-grid{.tbw-quick-filter-input{flex:1;max-width:300px;height:var(--tbw-input-height, 1.75rem);padding:var(--tbw-input-padding, 0 .5rem);border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);background:var(--tbw-color-bg);color:var(--tbw-color-fg);font-size:var(--tbw-font-size-sm, .8125rem);&:focus{outline:none;border-color:var(--tbw-color-accent)}}.header-cell.filtered:before{content:"";position:absolute;top:var(--tbw-spacing-xs, .25rem);right:var(--tbw-spacing-xs, .25rem);width:var(--tbw-indicator-size, .375rem);height:var(--tbw-indicator-size, .375rem);background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));border-radius:50%}.tbw-filter-btn{display:var(--tbw-filter-btn-display, inline-flex);visibility:var(--tbw-filter-btn-visibility, visible);align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:2px;margin-left:var(--tbw-spacing-xs, .25rem);opacity:.4;transition:opacity .15s,visibility 0s,display 0s allow-discrete;color:inherit;vertical-align:middle;transition-behavior:allow-discrete;&:hover,&.active{opacity:1;visibility:visible;display:inline-flex}&.active{color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6))}}.header-row .cell:hover .tbw-filter-btn,.header-row .cell.filtered .tbw-filter-btn{display:inline-flex;visibility:visible}}}', jt = "@layer tbw-plugins{.tbw-filter-panel{position:fixed;background:var(--tbw-filter-panel-bg, var(--tbw-color-panel-bg, light-dark(#eeeeee, #222222)));color:var(--tbw-filter-panel-fg, var(--tbw-color-fg, light-dark(#222222, #eeeeee)));border:1px solid var(--tbw-filter-panel-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-filter-panel-radius, var(--tbw-border-radius, .25rem));box-shadow:0 4px 16px var(--tbw-filter-panel-shadow, var(--tbw-color-shadow, light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .3))));padding:var(--tbw-panel-padding, var(--tbw-spacing-lg, .75rem));z-index:10000;min-width:200px;max-width:280px;max-height:350px;display:flex;flex-direction:column;font-family:var(--tbw-font-family, system-ui, sans-serif);font-size:var(--tbw-font-size, .8125rem);transform-origin:top center}.tbw-filter-panel.tbw-filter-panel-above{transform-origin:bottom center}.tbw-filter-panel.tbw-filter-panel-animated{animation:tbw-filter-panel-enter var(--tbw-animation-duration, .15s) var(--tbw-animation-easing, ease-out)}.tbw-filter-panel.tbw-filter-panel-above.tbw-filter-panel-animated{animation:tbw-filter-panel-enter-above var(--tbw-animation-duration, .15s) var(--tbw-animation-easing, ease-out)}@keyframes tbw-filter-panel-enter{0%{opacity:0;transform:scaleY(.3) translateY(-10px)}to{opacity:1;transform:scaleY(1) translateY(0)}}@keyframes tbw-filter-panel-enter-above{0%{opacity:0;transform:scaleY(.3) translateY(10px)}to{opacity:1;transform:scaleY(1) translateY(0)}}@supports (anchor-name: --test){.tbw-filter-panel{position-anchor:--tbw-filter-anchor;top:anchor(bottom);left:anchor(left);margin-top:4px;position-try-fallbacks:flip-inline,flip-block,flip-block flip-inline}}.tbw-filter-search{margin-bottom:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));min-height:var(--tbw-filter-item-height, 28px)}.tbw-filter-search-input{height:var(--tbw-filter-item-height, 28px);width:100%;padding:var(--tbw-filter-search-padding, var(--tbw-spacing-sm, .375rem) var(--tbw-spacing-md, .5rem));background:var(--tbw-filter-input-bg, var(--tbw-color-bg, transparent));color:inherit;border:1px solid var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-filter-input-radius, var(--tbw-border-radius, .25rem));font-size:inherit;box-sizing:border-box}.tbw-filter-search-input:focus{outline:none;border-color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));box-shadow:0 0 0 2px rgba(from var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6)) r g b / 15%)}.tbw-filter-actions{display:flex;padding:var(--tbw-button-padding-sm, .25rem .125rem);margin-bottom:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));border-bottom:1px solid var(--tbw-filter-divider, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));min-height:var(--tbw-filter-item-height, 28px)}.tbw-filter-action-btn{background:transparent;border:none;color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));cursor:pointer;font-size:var(--tbw-font-size-xs, .75rem);padding:2px 0}.tbw-filter-action-btn:hover{text-decoration:underline}.tbw-filter-values{flex:1;overflow-y:auto;margin-bottom:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));max-height:180px;position:relative}.tbw-filter-values-spacer{width:1px}.tbw-filter-values-content{position:absolute;top:0;left:0;right:0}.tbw-filter-value-item{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));padding:var(--tbw-button-padding-sm, .25rem .125rem);cursor:pointer;border-radius:3px;height:var(--tbw-filter-item-height, 28px)}.tbw-filter-value-item:hover{background:var(--tbw-filter-hover, var(--tbw-color-row-hover, light-dark(#f0f6ff, #1c1c1c)))}.tbw-filter-checkbox{margin:0;cursor:pointer;accent-color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6))}.tbw-filter-no-match{color:var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));padding:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem)) 0;text-align:center;font-style:italic}.tbw-filter-buttons{display:flex;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));padding-top:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));border-top:1px solid var(--tbw-filter-divider, var(--tbw-color-border, light-dark(#d0d0d4, #454545)))}.tbw-filter-apply-btn{flex:1;padding:var(--tbw-filter-btn-padding, var(--tbw-button-padding, .375rem .75rem));background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));color:var(--tbw-filter-accent-fg, var(--tbw-color-accent-fg, light-dark(#ffffff, #000000)));border:none;border-radius:var(--tbw-border-radius, .25rem);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem);font-weight:var(--tbw-filter-btn-font-weight, 500);min-height:var(--tbw-filter-btn-min-height, auto)}.tbw-filter-apply-btn:hover{filter:brightness(.9)}.tbw-filter-clear-btn{flex:1;padding:var(--tbw-filter-btn-padding, var(--tbw-button-padding, .375rem .75rem));background:transparent;color:var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));border:1px solid var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-border-radius, .25rem);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem);font-weight:var(--tbw-filter-btn-font-weight, 500);min-height:var(--tbw-filter-btn-min-height, auto)}.tbw-filter-clear-btn:hover{background:var(--tbw-filter-hover, var(--tbw-color-row-hover, light-dark(#f0f6ff, #1c1c1c)))}.tbw-filter-range-inputs,.tbw-filter-date-range{display:flex;align-items:flex-end;gap:var(--tbw-spacing-sm, .375rem);margin-bottom:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.tbw-filter-range-group,.tbw-filter-date-group{display:flex;flex-direction:column;gap:var(--tbw-spacing-xs, .25rem);flex:1}.tbw-filter-range-label{font-size:var(--tbw-font-size-xs, .75rem);color:var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)))}.tbw-filter-range-input,.tbw-filter-date-input{width:100%;height:var(--tbw-filter-item-height, 28px);padding:var(--tbw-spacing-xs, .25rem) var(--tbw-spacing-sm, .375rem);background:var(--tbw-filter-input-bg, var(--tbw-color-bg, transparent));color:inherit;border:1px solid var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-filter-input-radius, var(--tbw-border-radius, .25rem));font-size:inherit;box-sizing:border-box}.tbw-filter-range-input:focus,.tbw-filter-date-input:focus{outline:none;border-color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));box-shadow:0 0 0 2px rgba(from var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6)) r g b / 15%)}.tbw-filter-range-separator{color:var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));padding-bottom:var(--tbw-spacing-xs, .25rem)}.tbw-filter-range-slider{position:relative;height:24px;margin:var(--tbw-spacing-md, .5rem) 0 var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.tbw-filter-range-track{position:absolute;top:50%;left:0;right:0;height:4px;background:var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:2px;transform:translateY(-50%)}.tbw-filter-range-fill{position:absolute;top:50%;height:4px;background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));border-radius:2px;transform:translateY(-50%)}.tbw-filter-range-thumb{position:absolute;top:0;width:100%;height:100%;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}.tbw-filter-range-thumb::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));border:2px solid var(--tbw-filter-panel-bg, var(--tbw-color-panel-bg, light-dark(#eeeeee, #222222)));border-radius:50%;cursor:pointer;pointer-events:all;box-shadow:0 1px 3px #0003}.tbw-filter-range-thumb::-moz-range-thumb{width:16px;height:16px;background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));border:2px solid var(--tbw-filter-panel-bg, var(--tbw-color-panel-bg, light-dark(#eeeeee, #222222)));border-radius:50%;cursor:pointer;pointer-events:all;box-shadow:0 1px 3px #0003}.tbw-filter-range-thumb::-webkit-slider-thumb:hover{transform:scale(1.1)}.tbw-filter-range-thumb::-moz-range-thumb:hover{transform:scale(1.1)}}";
-class N extends _ {
+class q extends _ {
   static manifest = {
     events: [
       {
@@ -1575,7 +1638,7 @@ class N extends _ {
           return t;
       }
     }
-    return N.DEFAULT_LIST_ITEM_HEIGHT;
+    return q.DEFAULT_LIST_ITEM_HEIGHT;
   }
   syncExcludedValues(e, t) {
     t ? t.type === "set" && t.operator === "notIn" && Array.isArray(t.value) ? this.excludedValues.set(e, new Set(t.value)) : t.type === "set" && this.excludedValues.delete(e) : this.excludedValues.delete(e);
@@ -1604,7 +1667,7 @@ class N extends _ {
       const n = i.getAttribute("data-col");
       if (n === null) return;
       const r = this.visibleColumns[parseInt(n, 10)];
-      if (!r || !this.isColumnFilterable(r) || q(r)) return;
+      if (!r || !this.isColumnFilterable(r) || H(r)) return;
       const o = r.field;
       if (!o) return;
       const s = this.filters.has(o);
@@ -1754,11 +1817,11 @@ class N extends _ {
   }
   static supportsAnchorPositioning = null;
   static checkAnchorPositioningSupport() {
-    return N.supportsAnchorPositioning === null && (N.supportsAnchorPositioning = CSS.supports("anchor-name", "--test")), N.supportsAnchorPositioning;
+    return q.supportsAnchorPositioning === null && (q.supportsAnchorPositioning = CSS.supports("anchor-name", "--test")), q.supportsAnchorPositioning;
   }
   positionPanel(e, t) {
     const n = t.closest(".cell") ?? t;
-    if (n.style.anchorName = "--tbw-filter-anchor", this.panelAnchorElement = n, N.checkAnchorPositioningSupport()) {
+    if (n.style.anchorName = "--tbw-filter-anchor", this.panelAnchorElement = n, q.checkAnchorPositioningSupport()) {
       requestAnimationFrame(() => {
         const o = e.getBoundingClientRect(), s = n.getBoundingClientRect();
         o.top < s.top && e.classList.add("tbw-filter-panel-above");
@@ -1785,14 +1848,14 @@ class N extends _ {
     const h = document.createElement("span");
     h.textContent = "Select All", c.appendChild(u), c.appendChild(h), d.appendChild(c);
     const f = () => {
-      const C = [...b.values()], k = C.every((m) => m), T = C.every((m) => !m);
-      u.checked = k, u.indeterminate = !k && !T;
+      const C = [...b.values()], k = C.every((m) => m), L = C.every((m) => !m);
+      u.checked = k, u.indeterminate = !k && !L;
     };
     u.addEventListener("change", () => {
       const C = u.checked;
       for (const k of b.keys())
         b.set(k, C);
-      f(), R();
+      f(), E();
     }), e.appendChild(d);
     const g = document.createElement("div");
     g.className = "tbw-filter-values";
@@ -1805,177 +1868,177 @@ class N extends _ {
       const k = C == null ? "__null__" : String(C);
       b.set(k, !n.has(C));
     }), f();
-    let v = [];
-    const x = (C, k) => {
-      const T = C == null ? "(Blank)" : String(C), m = C == null ? "__null__" : String(C), y = document.createElement("label");
-      y.className = "tbw-filter-value-item", y.style.position = "absolute", y.style.top = `calc(var(--tbw-filter-item-height, 28px) * ${k})`, y.style.left = "0", y.style.right = "0", y.style.boxSizing = "border-box";
-      const L = document.createElement("input");
-      L.type = "checkbox", L.className = "tbw-filter-checkbox", L.checked = b.get(m) ?? !0, L.dataset.value = m, L.addEventListener("change", () => {
-        b.set(m, L.checked), f();
+    let y = [];
+    const v = (C, k) => {
+      const L = C == null ? "(Blank)" : String(C), m = C == null ? "__null__" : String(C), x = document.createElement("label");
+      x.className = "tbw-filter-value-item", x.style.position = "absolute", x.style.top = `calc(var(--tbw-filter-item-height, 28px) * ${k})`, x.style.left = "0", x.style.right = "0", x.style.boxSizing = "border-box";
+      const T = document.createElement("input");
+      T.type = "checkbox", T.className = "tbw-filter-checkbox", T.checked = b.get(m) ?? !0, T.dataset.value = m, T.addEventListener("change", () => {
+        b.set(m, T.checked), f();
       });
-      const H = document.createElement("span");
-      return H.textContent = T, y.appendChild(L), y.appendChild(H), y;
-    }, R = () => {
-      const C = v.length, k = g.clientHeight, T = g.scrollTop;
-      if (p.style.height = `${C * o}px`, Gt(C, N.LIST_BYPASS_THRESHOLD / 3)) {
-        w.innerHTML = "", w.style.transform = "translateY(0px)", v.forEach((y, L) => {
-          w.appendChild(x(y, L));
+      const K = document.createElement("span");
+      return K.textContent = L, x.appendChild(T), x.appendChild(K), x;
+    }, E = () => {
+      const C = y.length, k = g.clientHeight, L = g.scrollTop;
+      if (p.style.height = `${C * o}px`, ft(C, q.LIST_BYPASS_THRESHOLD / 3)) {
+        w.innerHTML = "", w.style.transform = "translateY(0px)", y.forEach((x, T) => {
+          w.appendChild(v(x, T));
         });
         return;
       }
-      const m = Ot({
+      const m = gt({
         totalRows: C,
         viewportHeight: k,
-        scrollTop: T,
+        scrollTop: L,
         rowHeight: o,
-        overscan: N.LIST_OVERSCAN
+        overscan: q.LIST_OVERSCAN
       });
       w.style.transform = `translateY(${m.offsetY}px)`, w.innerHTML = "";
-      for (let y = m.start; y < m.end; y++)
-        w.appendChild(x(v[y], y - m.start));
-    }, E = (C) => {
-      const k = this.config.caseSensitive ?? !1, T = k ? C : C.toLowerCase();
-      if (v = i.filter((m) => {
-        const y = m == null ? "(Blank)" : String(m), L = k ? y : y.toLowerCase();
-        return !C || L.includes(T);
-      }), v.length === 0) {
+      for (let x = m.start; x < m.end; x++)
+        w.appendChild(v(y[x], x - m.start));
+    }, R = (C) => {
+      const k = this.config.caseSensitive ?? !1, L = k ? C : C.toLowerCase();
+      if (y = i.filter((m) => {
+        const x = m == null ? "(Blank)" : String(m), T = k ? x : x.toLowerCase();
+        return !C || T.includes(L);
+      }), y.length === 0) {
         p.style.height = "0px", w.innerHTML = "";
         const m = document.createElement("div");
         m.className = "tbw-filter-no-match", m.textContent = "No matching values", w.appendChild(m);
         return;
       }
-      R();
+      E();
     };
     g.addEventListener(
       "scroll",
       () => {
-        v.length > 0 && R();
+        y.length > 0 && E();
       },
       { passive: !0 }
-    ), E(l.value), e.appendChild(g);
+    ), R(l.value), e.appendChild(g);
     let D;
     l.addEventListener("input", () => {
       clearTimeout(D), D = setTimeout(() => {
-        this.searchText.set(r, l.value), E(l.value);
+        this.searchText.set(r, l.value), R(l.value);
       }, this.config.debounceMs ?? 150);
     });
     const I = document.createElement("div");
     I.className = "tbw-filter-buttons";
-    const F = document.createElement("button");
-    F.className = "tbw-filter-apply-btn", F.textContent = "Apply", F.addEventListener("click", () => {
+    const P = document.createElement("button");
+    P.className = "tbw-filter-apply-btn", P.textContent = "Apply", P.addEventListener("click", () => {
       const C = [];
-      for (const [k, T] of b)
-        if (!T)
+      for (const [k, L] of b)
+        if (!L)
           if (k === "__null__")
             C.push(null);
           else {
-            const m = i.find((y) => String(y) === k);
+            const m = i.find((x) => String(x) === k);
             C.push(m !== void 0 ? m : k);
           }
       t.applySetFilter(C);
-    }), I.appendChild(F);
+    }), I.appendChild(P);
     const S = document.createElement("button");
     S.className = "tbw-filter-clear-btn", S.textContent = "Clear Filter", S.addEventListener("click", () => {
       t.clearFilter();
     }), I.appendChild(S), e.appendChild(I);
   }
   renderNumberFilterPanel(e, t, i) {
-    const { field: n, column: r } = t, o = r.filterParams, s = r.editorParams, l = (A, K) => {
+    const { field: n, column: r } = t, o = r.filterParams, s = r.editorParams, l = (A, z) => {
       if (typeof A == "number") return A;
       if (typeof A == "string") {
-        const W = parseFloat(A);
-        return isNaN(W) ? K : W;
+        const j = parseFloat(A);
+        return isNaN(j) ? z : j;
       }
-      return K;
+      return z;
     }, d = i.filter((A) => typeof A == "number" && !isNaN(A)), c = d.length > 0 ? Math.min(...d) : 0, u = d.length > 0 ? Math.max(...d) : 100, h = l(o?.min ?? s?.min, c), f = l(o?.max ?? s?.max, u), g = o?.step ?? s?.step ?? 1, p = this.filters.get(n);
     let w = h, b = f;
     p?.operator === "between" ? (w = l(p.value, h), b = l(p.valueTo, f)) : p?.operator === "greaterThanOrEqual" ? w = l(p.value, h) : p?.operator === "lessThanOrEqual" && (b = l(p.value, f));
+    const y = document.createElement("div");
+    y.className = "tbw-filter-range-inputs";
     const v = document.createElement("div");
-    v.className = "tbw-filter-range-inputs";
-    const x = document.createElement("div");
-    x.className = "tbw-filter-range-group";
-    const R = document.createElement("label");
-    R.textContent = "Min", R.className = "tbw-filter-range-label";
-    const E = document.createElement("input");
-    E.type = "number", E.className = "tbw-filter-range-input", E.min = String(h), E.max = String(f), E.step = String(g), E.value = String(w), x.appendChild(R), x.appendChild(E), v.appendChild(x);
+    v.className = "tbw-filter-range-group";
+    const E = document.createElement("label");
+    E.textContent = "Min", E.className = "tbw-filter-range-label";
+    const R = document.createElement("input");
+    R.type = "number", R.className = "tbw-filter-range-input", R.min = String(h), R.max = String(f), R.step = String(g), R.value = String(w), v.appendChild(E), v.appendChild(R), y.appendChild(v);
     const D = document.createElement("span");
-    D.className = "tbw-filter-range-separator", D.textContent = "–", v.appendChild(D);
+    D.className = "tbw-filter-range-separator", D.textContent = "–", y.appendChild(D);
     const I = document.createElement("div");
     I.className = "tbw-filter-range-group";
-    const F = document.createElement("label");
-    F.textContent = "Max", F.className = "tbw-filter-range-label";
+    const P = document.createElement("label");
+    P.textContent = "Max", P.className = "tbw-filter-range-label";
     const S = document.createElement("input");
-    S.type = "number", S.className = "tbw-filter-range-input", S.min = String(h), S.max = String(f), S.step = String(g), S.value = String(b), I.appendChild(F), I.appendChild(S), v.appendChild(I), e.appendChild(v);
+    S.type = "number", S.className = "tbw-filter-range-input", S.min = String(h), S.max = String(f), S.step = String(g), S.value = String(b), I.appendChild(P), I.appendChild(S), y.appendChild(I), e.appendChild(y);
     const C = document.createElement("div");
     C.className = "tbw-filter-range-slider";
     const k = document.createElement("div");
     k.className = "tbw-filter-range-track";
-    const T = document.createElement("div");
-    T.className = "tbw-filter-range-fill";
+    const L = document.createElement("div");
+    L.className = "tbw-filter-range-fill";
     const m = document.createElement("input");
     m.type = "range", m.className = "tbw-filter-range-thumb tbw-filter-range-thumb-min", m.min = String(h), m.max = String(f), m.step = String(g), m.value = String(w);
-    const y = document.createElement("input");
-    y.type = "range", y.className = "tbw-filter-range-thumb tbw-filter-range-thumb-max", y.min = String(h), y.max = String(f), y.step = String(g), y.value = String(b), C.appendChild(k), C.appendChild(T), C.appendChild(m), C.appendChild(y), e.appendChild(C);
-    const L = () => {
-      const A = parseFloat(m.value), K = parseFloat(y.value), W = f - h, ve = (A - h) / W * 100, ut = (K - h) / W * 100;
-      T.style.left = `${ve}%`, T.style.width = `${ut - ve}%`;
+    const x = document.createElement("input");
+    x.type = "range", x.className = "tbw-filter-range-thumb tbw-filter-range-thumb-max", x.min = String(h), x.max = String(f), x.step = String(g), x.value = String(b), C.appendChild(k), C.appendChild(L), C.appendChild(m), C.appendChild(x), e.appendChild(C);
+    const T = () => {
+      const A = parseFloat(m.value), z = parseFloat(x.value), j = f - h, ve = (A - h) / j * 100, ut = (z - h) / j * 100;
+      L.style.left = `${ve}%`, L.style.width = `${ut - ve}%`;
     };
     m.addEventListener("input", () => {
-      const A = Math.min(parseFloat(m.value), parseFloat(y.value));
-      m.value = String(A), E.value = String(A), L();
-    }), y.addEventListener("input", () => {
-      const A = Math.max(parseFloat(y.value), parseFloat(m.value));
-      y.value = String(A), S.value = String(A), L();
-    }), E.addEventListener("input", () => {
-      let A = parseFloat(E.value) || h;
-      A = Math.max(h, Math.min(A, parseFloat(S.value))), m.value = String(A), L();
+      const A = Math.min(parseFloat(m.value), parseFloat(x.value));
+      m.value = String(A), R.value = String(A), T();
+    }), x.addEventListener("input", () => {
+      const A = Math.max(parseFloat(x.value), parseFloat(m.value));
+      x.value = String(A), S.value = String(A), T();
+    }), R.addEventListener("input", () => {
+      let A = parseFloat(R.value) || h;
+      A = Math.max(h, Math.min(A, parseFloat(S.value))), m.value = String(A), T();
     }), S.addEventListener("input", () => {
       let A = parseFloat(S.value) || f;
-      A = Math.min(f, Math.max(A, parseFloat(E.value))), y.value = String(A), L();
-    }), L();
-    const H = document.createElement("div");
-    H.className = "tbw-filter-buttons";
-    const Y = document.createElement("button");
-    Y.className = "tbw-filter-apply-btn", Y.textContent = "Apply", Y.addEventListener("click", () => {
-      const A = parseFloat(E.value), K = parseFloat(S.value);
-      t.applyTextFilter("between", A, K);
-    }), H.appendChild(Y);
+      A = Math.min(f, Math.max(A, parseFloat(R.value))), x.value = String(A), T();
+    }), T();
+    const K = document.createElement("div");
+    K.className = "tbw-filter-buttons";
     const X = document.createElement("button");
-    X.className = "tbw-filter-clear-btn", X.textContent = "Clear Filter", X.addEventListener("click", () => {
+    X.className = "tbw-filter-apply-btn", X.textContent = "Apply", X.addEventListener("click", () => {
+      const A = parseFloat(R.value), z = parseFloat(S.value);
+      t.applyTextFilter("between", A, z);
+    }), K.appendChild(X);
+    const Z = document.createElement("button");
+    Z.className = "tbw-filter-clear-btn", Z.textContent = "Clear Filter", Z.addEventListener("click", () => {
       t.clearFilter();
-    }), H.appendChild(X), e.appendChild(H);
+    }), K.appendChild(Z), e.appendChild(K);
   }
   renderDateFilterPanel(e, t, i) {
     const { field: n, column: r } = t, o = r.filterParams, s = r.editorParams, l = i.filter((m) => m instanceof Date || typeof m == "string" && !isNaN(Date.parse(m))).map((m) => m instanceof Date ? m : new Date(m)).filter((m) => !isNaN(m.getTime())), d = l.length > 0 ? new Date(Math.min(...l.map((m) => m.getTime()))) : null, c = l.length > 0 ? new Date(Math.max(...l.map((m) => m.getTime()))) : null, u = (m) => m ? m.toISOString().split("T")[0] : "", h = (m) => m ? typeof m == "string" ? m : typeof m == "number" ? u(new Date(m)) : "" : "", f = h(o?.min) || h(s?.min) || u(d), g = h(o?.max) || h(s?.max) || u(c), p = this.filters.get(n);
     let w = "", b = "";
     p?.operator === "between" ? (w = h(p.value) || "", b = h(p.valueTo) || "") : p?.operator === "greaterThanOrEqual" ? w = h(p.value) || "" : p?.operator === "lessThanOrEqual" && (b = h(p.value) || "");
+    const y = document.createElement("div");
+    y.className = "tbw-filter-date-range";
     const v = document.createElement("div");
-    v.className = "tbw-filter-date-range";
-    const x = document.createElement("div");
-    x.className = "tbw-filter-date-group";
-    const R = document.createElement("label");
-    R.textContent = "From", R.className = "tbw-filter-range-label";
-    const E = document.createElement("input");
-    E.type = "date", E.className = "tbw-filter-date-input", f && (E.min = f), g && (E.max = g), E.value = w, x.appendChild(R), x.appendChild(E), v.appendChild(x);
+    v.className = "tbw-filter-date-group";
+    const E = document.createElement("label");
+    E.textContent = "From", E.className = "tbw-filter-range-label";
+    const R = document.createElement("input");
+    R.type = "date", R.className = "tbw-filter-date-input", f && (R.min = f), g && (R.max = g), R.value = w, v.appendChild(E), v.appendChild(R), y.appendChild(v);
     const D = document.createElement("span");
-    D.className = "tbw-filter-range-separator", D.textContent = "–", v.appendChild(D);
+    D.className = "tbw-filter-range-separator", D.textContent = "–", y.appendChild(D);
     const I = document.createElement("div");
     I.className = "tbw-filter-date-group";
-    const F = document.createElement("label");
-    F.textContent = "To", F.className = "tbw-filter-range-label";
+    const P = document.createElement("label");
+    P.textContent = "To", P.className = "tbw-filter-range-label";
     const S = document.createElement("input");
-    S.type = "date", S.className = "tbw-filter-date-input", f && (S.min = f), g && (S.max = g), S.value = b, I.appendChild(F), I.appendChild(S), v.appendChild(I), e.appendChild(v);
+    S.type = "date", S.className = "tbw-filter-date-input", f && (S.min = f), g && (S.max = g), S.value = b, I.appendChild(P), I.appendChild(S), y.appendChild(I), e.appendChild(y);
     const C = document.createElement("div");
     C.className = "tbw-filter-buttons";
     const k = document.createElement("button");
     k.className = "tbw-filter-apply-btn", k.textContent = "Apply", k.addEventListener("click", () => {
-      const m = E.value, y = S.value;
-      m && y ? t.applyTextFilter("between", m, y) : m ? t.applyTextFilter("greaterThanOrEqual", m) : y ? t.applyTextFilter("lessThanOrEqual", y) : t.clearFilter();
+      const m = R.value, x = S.value;
+      m && x ? t.applyTextFilter("between", m, x) : m ? t.applyTextFilter("greaterThanOrEqual", m) : x ? t.applyTextFilter("lessThanOrEqual", x) : t.clearFilter();
     }), C.appendChild(k);
-    const T = document.createElement("button");
-    T.className = "tbw-filter-clear-btn", T.textContent = "Clear Filter", T.addEventListener("click", () => {
+    const L = document.createElement("button");
+    L.className = "tbw-filter-clear-btn", L.textContent = "Clear Filter", L.addEventListener("click", () => {
       t.clearFilter();
-    }), C.appendChild(T), e.appendChild(C);
+    }), C.appendChild(L), e.appendChild(C);
   }
   applySetFilter(e, t) {
     this.excludedValues.set(e, new Set(t)), t.length === 0 ? this.filters.delete(e) : this.filters.set(e, {
@@ -2178,9 +2241,9 @@ class vn extends _ {
       s ? e.insertBefore(r, s) : e.appendChild(r);
     }
     const o = e.querySelector(".header-row");
-    o && (o.classList.toggle("no-group-borders", !this.config.showGroupBorders), Ut(o, n)), this.#e(n);
+    o && (o.classList.toggle("no-group-borders", !this.config.showGroupBorders), Ut(o, n)), this.#t(n);
   }
-  #e(e) {
+  #t(e) {
     if (!this.config.showGroupBorders) return;
     const t = this.gridElement;
     if (!t) return;
@@ -2323,6 +2386,10 @@ class yn extends _ {
   detach() {
     this.expandedKeys.clear(), this.flattenedRows = [], this.isActive = !1, this.previousVisibleKeys.clear(), this.keysToAnimate.clear(), this.hasAppliedDefaultExpanded = !1;
   }
+  getRowHeight(e, t) {
+    if (this.config.groupRowHeight != null && e.__isGroupRow === !0)
+      return this.config.groupRowHeight;
+  }
   handleQuery(e) {
     if (e.type === "canMoveRow" && e.context?.__isGroupRow === !0)
       return !1;
@@ -2366,7 +2433,8 @@ class yn extends _ {
       __groupDepth: s.depth,
       __groupRows: s.rows,
       __groupExpanded: s.expanded,
-      __groupRowCount: ni(s)
+      __groupRowCount: ni(s),
+      __rowCacheKey: `group:${s.key}`
     } : s.row);
   }
   onCellClick(e) {
@@ -2636,10 +2704,17 @@ class nt extends _ {
   }
   expandedRows = /* @__PURE__ */ new Set();
   detailElements = /* @__PURE__ */ new Map();
+  measuredDetailHeights = /* @__PURE__ */ new Map();
   static DEFAULT_DETAIL_HEIGHT = 150;
   getDetailHeight(e) {
     const t = this.detailElements.get(e);
-    return t ? t.offsetHeight : typeof this.config?.detailHeight == "number" ? this.config.detailHeight : nt.DEFAULT_DETAIL_HEIGHT;
+    if (t) {
+      const n = t.offsetHeight;
+      if (n > 0)
+        return this.measuredDetailHeights.set(e, n), n;
+    }
+    const i = this.measuredDetailHeights.get(e);
+    return i && i > 0 ? i : typeof this.config?.detailHeight == "number" ? this.config.detailHeight : nt.DEFAULT_DETAIL_HEIGHT;
   }
   toggleAndEmit(e, t) {
     this.expandedRows = De(this.expandedRows, e), this.emit("detail-expand", {
@@ -2649,15 +2724,15 @@ class nt extends _ {
     }), this.requestRender();
   }
   detach() {
-    this.expandedRows.clear(), this.detailElements.clear();
+    this.expandedRows.clear(), this.detailElements.clear(), this.measuredDetailHeights.clear();
   }
   processColumns(e) {
     if (!(this.config.showExpandColumn === !0 || this.config.showExpandColumn !== !1 && !!this.config.detailRenderer))
       return [...e];
     const i = [...e];
-    if (wt(i))
+    if (vt(i))
       return i;
-    const r = bt(this.name);
+    const r = yt(this.name);
     return r.viewRenderer = (o) => {
       const { row: s } = o, l = this.expandedRows.has(s), d = document.createElement("span");
       d.className = "master-detail-expander expander-cell";
@@ -2672,7 +2747,7 @@ class nt extends _ {
   onCellClick(e) {
     if (e.originalEvent?.target?.classList.contains("master-detail-toggle"))
       return this.toggleAndEmit(e.row, e.rowIndex), !0;
-    this.expandedRows.size > 0 && queueMicrotask(() => this.#e());
+    this.expandedRows.size > 0 && queueMicrotask(() => this.#t());
   }
   onKeyDown(e) {
     if (e.key !== " ") return;
@@ -2683,12 +2758,12 @@ class nt extends _ {
       return e.preventDefault(), this.toggleAndEmit(r, i), this.requestRenderWithFocus(), !0;
   }
   afterRender() {
-    this.#e();
+    this.#t();
   }
   onScrollRender() {
-    !this.config.detailRenderer || this.expandedRows.size === 0 || this.#e();
+    !this.config.detailRenderer || this.expandedRows.size === 0 || this.#t();
   }
-  #e() {
+  #t() {
     if (!this.config.detailRenderer) return;
     const e = this.gridElement?.querySelector(".rows");
     if (!e) return;
@@ -2711,7 +2786,15 @@ class nt extends _ {
         continue;
       }
       const c = li(l, o, this.config.detailRenderer, n);
-      typeof this.config.detailHeight == "number" && (c.style.height = `${this.config.detailHeight}px`), s.after(c), this.detailElements.set(l, c), this.animateExpand(c);
+      typeof this.config.detailHeight == "number" && (c.style.height = `${this.config.detailHeight}px`), s.after(c), this.detailElements.set(l, c), requestAnimationFrame(() => {
+        if (c.isConnected) {
+          const u = c.offsetHeight;
+          if (u > 0) {
+            const h = this.measuredDetailHeights.get(l);
+            this.measuredDetailHeights.set(l, u), h !== u && this.grid.invalidateRowHeight(o);
+          }
+        }
+      }), this.animateExpand(c);
     }
   }
   getExtraHeight() {
@@ -2728,6 +2811,12 @@ class nt extends _ {
     }
     return t;
   }
+  getRowHeight(e, t) {
+    if (!this.expandedRows.has(e))
+      return;
+    const n = this.grid.defaultRowHeight ?? 28, r = this.getDetailHeight(e);
+    return n + r;
+  }
   adjustVirtualStart(e, t, i) {
     if (this.expandedRows.size === 0) return e;
     const n = [];
@@ -2891,7 +2980,7 @@ class xn extends _ {
   }
 }
 function rt(a, e) {
-  return ft(a, e);
+  return pt(a, e);
 }
 function ot(a, e) {
   const t = a.sticky;
@@ -3241,7 +3330,7 @@ class En extends _ {
     this.config.aggregationRows && (this.config.aggregationRows = this.config.aggregationRows.filter((t) => t.id !== e), this.requestRender());
   }
 }
-const vi = gt;
+const vi = mt;
 function yi(a) {
   const e = [];
   return !a.rowGroupFields?.length && !a.columnGroupFields?.length && e.push("At least one row or column group field is required"), a.valueFields?.length || e.push("At least one value field is required"), e;
@@ -3378,11 +3467,11 @@ function ki(a) {
 const Ai = ["sum", "avg", "count", "min", "max", "first", "last"];
 function _i(a, 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(j("Options", () => Pi(t, r))), o.appendChild(j("Row Groups", () => We("rowGroups", r))), o.appendChild(j("Column Groups", () => We("columnGroups", r))), o.appendChild(j("Values", () => Li(r))), o.appendChild(j("Available Fields", () => Fi(r))), a.appendChild(o), () => {
+  return o.className = "tbw-pivot-panel", o.appendChild(Y("Options", () => Pi(t, r))), o.appendChild(Y("Row Groups", () => We("rowGroups", r))), o.appendChild(Y("Column Groups", () => We("columnGroups", r))), o.appendChild(Y("Values", () => Ti(r))), o.appendChild(Y("Available Fields", () => Fi(r))), a.appendChild(o), () => {
     n.abort(), o.remove();
   };
 }
-function j(a, e) {
+function Y(a, e) {
   const t = document.createElement("div");
   t.className = "tbw-pivot-section";
   const i = document.createElement("div");
@@ -3399,7 +3488,7 @@ function We(a, e) {
     s.className = "tbw-pivot-placeholder", s.textContent = "Drag fields here or click to add", r.appendChild(s);
   } else
     for (const s of o)
-      r.appendChild(Ti(s, a, e));
+      r.appendChild(Li(s, a, e));
   return r.addEventListener(
     "dragover",
     (s) => {
@@ -3422,7 +3511,7 @@ function We(a, e) {
     { signal: n }
   ), r;
 }
-function Ti(a, e, t) {
+function Li(a, e, t) {
   const { callbacks: i, signal: n } = t, r = document.createElement("div");
   r.className = "tbw-pivot-field-chip", r.draggable = !0;
   const o = i.getAvailableFields().find((d) => d.field === a), s = document.createElement("span");
@@ -3448,7 +3537,7 @@ function Ti(a, e, t) {
     { signal: n }
   ), r;
 }
-function Li(a) {
+function Ti(a) {
   const { config: e, callbacks: t, signal: i } = a, n = document.createElement("div");
   n.className = "tbw-pivot-drop-zone tbw-pivot-values-zone", n.setAttribute("data-zone", "values");
   const r = e.valueFields ?? [];
@@ -3628,7 +3717,7 @@ function Ni(a, e, t) {
   }), !0;
 }
 const qi = '@layer tbw-plugins{.pivot-group-row{display:grid;grid-template-columns:var(--tbw-column-template);font-weight:600;background:var(--tbw-pivot-group-bg, var(--tbw-color-row-alt));min-height:var(--tbw-row-height);border-bottom:var(--tbw-row-divider)}.pivot-group-row:hover{background:var(--tbw-pivot-group-hover, var(--tbw-color-row-hover))}.pivot-leaf-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-pivot-leaf-bg, var(--tbw-color-bg));min-height:var(--tbw-row-height);border-bottom:var(--tbw-row-divider)}.pivot-grand-total-row{display:grid;grid-template-columns:var(--tbw-column-template);font-weight:700;background:var(--tbw-pivot-grand-total-bg, var(--tbw-color-header-bg));min-height:var(--tbw-row-height);border-top:2px solid var(--tbw-color-border-strong)}.pivot-grand-total-row>.cell{display:flex;align-items:center;padding:var(--tbw-cell-padding);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}.pivot-grand-total-row>.cell:last-child{border-right:0}.pivot-grand-total-footer{position:sticky;bottom:0;z-index:var(--tbw-z-layer-pinned-rows, 20);background:var(--tbw-pivot-grand-total-bg, var(--tbw-color-header-bg));min-width:fit-content}.pivot-group-row>.cell,.pivot-leaf-row>.cell{display:flex;align-items:center;padding:var(--tbw-cell-padding);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}.pivot-group-row>.cell:last-child,.pivot-leaf-row>.cell:last-child{border-right:0}.pivot-toggle{display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-pivot-toggle-size, var(--tbw-toggle-size, 1.25em));height:var(--tbw-pivot-toggle-size, var(--tbw-toggle-size, 1.25em));margin-right:var(--tbw-spacing-sm, .375em);border:none;background:transparent;cursor:pointer;color:var(--tbw-pivot-toggle-color, var(--tbw-color-fg-muted));border-radius:var(--tbw-border-radius);transition:background var(--tbw-transition-duration, .12s) var(--tbw-transition-ease, ease),color var(--tbw-transition-duration, .12s) var(--tbw-transition-ease, ease)}.pivot-toggle:hover{background:var(--tbw-pivot-toggle-hover-bg, var(--tbw-color-row-hover));color:var(--tbw-pivot-toggle-hover-color, var(--tbw-color-fg))}.pivot-toggle:focus{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}.pivot-label{font-weight:inherit}.pivot-count{color:var(--tbw-pivot-count-color, var(--tbw-color-fg-muted));font-size:.9em;font-weight:400}.pivot-total-row{font-weight:700;border-top:2px solid var(--tbw-pivot-border, var(--tbw-color-border-strong))}[data-pivot-depth="1"]{--tbw-pivot-depth: 1}[data-pivot-depth="2"]{--tbw-pivot-depth: 2}[data-pivot-depth="3"]{--tbw-pivot-depth: 3}[data-pivot-depth="4"]{--tbw-pivot-depth: 4}.tbw-pivot-panel{display:flex;flex-direction:column;gap:var(--tbw-panel-padding, var(--tbw-spacing-lg, .75rem));padding:var(--tbw-panel-padding, var(--tbw-spacing-lg, .75rem));height:100%;overflow-y:auto;font-size:var(--tbw-font-size-sm, .8125rem)}.tbw-pivot-section{border:1px solid var(--tbw-pivot-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius);background:var(--tbw-pivot-section-bg, var(--tbw-color-bg))}.tbw-pivot-section-header{padding:var(--tbw-button-padding, var(--tbw-spacing-md, .5rem) var(--tbw-spacing-lg, .75rem));font-weight:600;background:var(--tbw-pivot-header-bg, var(--tbw-color-header-bg));border-bottom:1px solid var(--tbw-pivot-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius) var(--tbw-border-radius) 0 0}.tbw-pivot-section-content{padding:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.tbw-pivot-toggle-wrapper{display:flex;align-items:center}.tbw-pivot-toggle-label{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));cursor:pointer}.tbw-pivot-toggle-label input{width:var(--tbw-icon-size, 1rem);height:var(--tbw-icon-size, 1rem);cursor:pointer}.tbw-pivot-drop-zone{min-height:60px;padding:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));border:2px dashed var(--tbw-pivot-drop-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius);background:var(--tbw-pivot-drop-bg, var(--tbw-color-row-alt));display:flex;flex-wrap:wrap;gap:var(--tbw-spacing-sm, .375rem);align-content:flex-start;transition:all .15s ease}.tbw-pivot-drop-zone.drag-over{border-color:var(--tbw-color-accent);background:var(--tbw-pivot-drop-active, var(--tbw-focus-background))}.tbw-pivot-placeholder{color:var(--tbw-color-fg-muted);font-style:italic;padding:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));text-align:center;width:100%}.tbw-pivot-field-chip{display:inline-flex;align-items:center;gap:var(--tbw-spacing-sm, .375rem);padding:var(--tbw-button-padding-sm, var(--tbw-spacing-xs, .25rem) var(--tbw-spacing-md, .5rem));background:var(--tbw-pivot-chip-bg, var(--tbw-color-header-bg));border:1px solid var(--tbw-pivot-chip-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius);cursor:grab;font-size:var(--tbw-font-size-xs, .75rem);transition:all .15s ease}.tbw-pivot-field-chip:hover{background:var(--tbw-pivot-chip-hover, var(--tbw-color-row-hover));border-color:var(--tbw-color-accent)}.tbw-pivot-field-chip.available{background:var(--tbw-color-bg)}.tbw-pivot-field-chip.dragging{opacity:.5;cursor:grabbing}.tbw-pivot-chip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.tbw-pivot-chip-remove{display:flex;align-items:center;justify-content:center;width:var(--tbw-icon-size, 1rem);height:var(--tbw-icon-size, 1rem);padding:0;border:none;background:transparent;color:var(--tbw-color-fg-muted);font-size:var(--tbw-font-size-sm, .875rem);font-weight:700;cursor:pointer;border-radius:50%;transition:all .15s ease}.tbw-pivot-chip-remove:hover{background:var(--tbw-pivot-chip-remove-hover-bg, var(--tbw-color-accent));color:var(--tbw-pivot-chip-remove-hover-fg, var(--tbw-color-accent-fg))}.tbw-pivot-value-chip{padding:var(--tbw-button-padding-sm, var(--tbw-spacing-xs, .25rem) var(--tbw-spacing-md, .5rem))}.tbw-pivot-value-label-wrapper{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));flex:1;min-width:0}.tbw-pivot-agg-select{padding:var(--tbw-spacing-xs, .125rem) var(--tbw-spacing-xs, .25rem);font-size:var(--tbw-font-size-xs, .6875rem);border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);background:var(--tbw-color-bg);cursor:pointer}.tbw-pivot-available-fields{display:flex;flex-wrap:wrap;gap:var(--tbw-spacing-sm, .375rem);min-height:40px}.tbw-pivot-options{display:flex;flex-direction:column;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.tbw-pivot-checkbox{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));cursor:pointer}.tbw-pivot-checkbox input{width:var(--tbw-icon-size-sm, .875rem);height:var(--tbw-icon-size-sm, .875rem);cursor:pointer}.pivot-group-row.tbw-pivot-slide-in,.pivot-leaf-row.tbw-pivot-slide-in{animation:tbw-pivot-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-pivot-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.pivot-group-row.tbw-pivot-fade-in,.pivot-leaf-row.tbw-pivot-fade-in{animation:tbw-pivot-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-pivot-fade-in{0%{opacity:0}to{opacity:1}}}';
-class G extends _ {
+class B extends _ {
   name = "pivot";
   styles = qi;
   static PANEL_ID = "pivot";
@@ -3665,7 +3754,7 @@ class G extends _ {
   getToolPanel() {
     if ((this.config?.showToolPanel ?? this.userConfig?.showToolPanel ?? !0) !== !1)
       return {
-        id: G.PANEL_ID,
+        id: B.PANEL_ID,
         title: "Pivot",
         icon: "⊞",
         tooltip: "Configure pivot table",
@@ -3830,16 +3919,16 @@ class G extends _ {
     this.pivotResult = null, this.requestRender();
   }
   showPanel() {
-    this.grid.openToolPanel(), this.grid.expandedToolPanelSections.includes(G.PANEL_ID) || this.grid.toggleToolPanelSection(G.PANEL_ID);
+    this.grid.openToolPanel(), this.grid.expandedToolPanelSections.includes(B.PANEL_ID) || this.grid.toggleToolPanelSection(B.PANEL_ID);
   }
   hidePanel() {
     this.grid.closeToolPanel();
   }
   togglePanel() {
-    this.grid.isToolPanelOpen || this.grid.openToolPanel(), this.grid.toggleToolPanelSection(G.PANEL_ID);
+    this.grid.isToolPanelOpen || this.grid.openToolPanel(), this.grid.toggleToolPanelSection(B.PANEL_ID);
   }
   isPanelVisible() {
-    return this.grid.isToolPanelOpen && this.grid.expandedToolPanelSections.includes(G.PANEL_ID);
+    return this.grid.isToolPanelOpen && this.grid.expandedToolPanelSections.includes(B.PANEL_ID);
   }
   get gridColumns() {
     return this.grid.columns ?? [];
@@ -4020,21 +4109,21 @@ class Rn extends _ {
   name = "print";
   version = "1.0.0";
   styles = zi;
-  #e = !1;
-  #t = null;
-  #a = null;
-  #n = null;
-  #i = null;
+  #t = !1;
+  #e = null;
   #s = null;
-  #d = null;
-  get #r() {
+  #o = null;
+  #i = null;
+  #n = null;
+  #u = null;
+  get #l() {
     return this.grid;
   }
   isPrinting() {
-    return this.#e;
+    return this.#t;
   }
   async print(e) {
-    if (this.#e) {
+    if (this.#t) {
       console.warn("[PrintPlugin] Print already in progress");
       return;
     }
@@ -4056,7 +4145,7 @@ Click OK to continue, or Cancel to abort.`
       ))
         return;
     }
-    i.maxRows > 0 && r > i.maxRows && (o = i.maxRows, s = !0), this.#e = !0;
+    i.maxRows > 0 && r > i.maxRows && (o = i.maxRows, s = !0), this.#t = !0;
     const l = performance.now();
     this.emit("print-start", {
       rowCount: o,
@@ -4064,10 +4153,10 @@ Click OK to continue, or Cancel to abort.`
       originalRowCount: r
     });
     try {
-      const d = this.#r;
-      this.#a = {
+      const d = this.#l;
+      this.#s = {
         bypassThreshold: d._virtualization?.bypassThreshold ?? 24
-      }, this.#p(), s && (this.#n = this.sourceRows, this.grid.rows = this.sourceRows.slice(0, o), await new Promise((c) => setTimeout(c, 50))), (i.includeTitle || i.includeTimestamp) && this.#c(i), await this.#m(), await new Promise((c) => requestAnimationFrame(c)), await new Promise((c) => requestAnimationFrame(c)), t.classList.add(`print-${i.orientation}`), await new Promise((c) => requestAnimationFrame(c)), await new Promise((c) => requestAnimationFrame(c)), i.isolate ? await this.#h(i) : await this.#g(), this.emit("print-complete", {
+      }, this.#v(), s && (this.#o = this.sourceRows, this.grid.rows = this.sourceRows.slice(0, o), await new Promise((c) => setTimeout(c, 50))), (i.includeTitle || i.includeTimestamp) && this.#r(i), await this.#d(), await new Promise((c) => requestAnimationFrame(c)), await new Promise((c) => requestAnimationFrame(c)), t.classList.add(`print-${i.orientation}`), await new Promise((c) => requestAnimationFrame(c)), await new Promise((c) => requestAnimationFrame(c)), i.isolate ? await this.#p(i) : await this.#f(), this.emit("print-complete", {
         success: !0,
         rowCount: o,
         duration: Math.round(performance.now() - l)
@@ -4079,10 +4168,10 @@ Click OK to continue, or Cancel to abort.`
         duration: Math.round(performance.now() - l)
       });
     } finally {
-      this.#f(), this.#e = !1;
+      this.#w(), this.#t = !1;
     }
   }
-  #c(e) {
+  #r(e) {
     const t = this.gridElement;
     if (t) {
       if (this.#i = document.createElement("div"), this.#i.className = "tbw-print-header", e.includeTitle) {
@@ -4093,16 +4182,16 @@ Click OK to continue, or Cancel to abort.`
         const i = document.createElement("div");
         i.className = "tbw-print-header-timestamp", i.textContent = `Printed: ${(/* @__PURE__ */ new Date()).toLocaleString()}`, this.#i.appendChild(i);
       }
-      t.insertBefore(this.#i, t.firstChild), this.#s = document.createElement("div"), this.#s.className = "tbw-print-footer", this.#s.textContent = `Page generated from ${window.location.hostname}`, t.appendChild(this.#s);
+      t.insertBefore(this.#i, t.firstChild), this.#n = document.createElement("div"), this.#n.className = "tbw-print-footer", this.#n.textContent = `Page generated from ${window.location.hostname}`, t.appendChild(this.#n);
     }
   }
-  async #m() {
-    const e = this.#r;
+  async #d() {
+    const e = this.#l;
     if (!e._virtualization) return;
     const t = this.rows.length;
     e._virtualization.bypassThreshold = t + 100, e.refreshVirtualWindow(!0), await new Promise((i) => setTimeout(i, 100));
   }
-  async #g() {
+  async #f() {
     return new Promise((e) => {
       const t = () => {
         window.removeEventListener("afterprint", t), e();
@@ -4112,40 +4201,40 @@ Click OK to continue, or Cancel to abort.`
       }, 1e3);
     });
   }
-  async #h(e) {
+  async #p(e) {
     const t = this.gridElement;
     t && await Ki(t, {
       orientation: e.orientation
     });
   }
-  #p() {
+  #v() {
     const e = this.columns;
     if (e) {
-      this.#t = /* @__PURE__ */ new Map();
+      this.#e = /* @__PURE__ */ new Map();
       for (const t of e)
-        t.printHidden && t.field && (this.#t.set(t.field, !t.hidden), this.grid.setColumnVisible(t.field, !1));
+        t.printHidden && t.field && (this.#e.set(t.field, !t.hidden), this.grid.setColumnVisible(t.field, !1));
     }
   }
-  #o() {
-    if (this.#t) {
-      for (const [e, t] of this.#t)
+  #h() {
+    if (this.#e) {
+      for (const [e, t] of this.#e)
         this.grid.setColumnVisible(e, t);
-      this.#t = null;
+      this.#e = null;
     }
   }
-  #f() {
+  #w() {
     const e = this.gridElement;
     if (!e) return;
-    this.#o(), e.classList.remove("print-portrait", "print-landscape"), this.#d !== null && (e.style.transform = "", e.style.transformOrigin = "", e.style.width = "", this.#d = null), this.#i && (this.#i.remove(), this.#i = null), this.#s && (this.#s.remove(), this.#s = null);
-    const t = this.#r;
-    this.#a && t._virtualization && (t._virtualization.bypassThreshold = this.#a.bypassThreshold, t.refreshVirtualWindow(!0), this.#a = null), this.#n !== null && (this.grid.rows = this.#n, this.#n = null);
+    this.#h(), e.classList.remove("print-portrait", "print-landscape"), this.#u !== null && (e.style.transform = "", e.style.transformOrigin = "", e.style.width = "", this.#u = null), this.#i && (this.#i.remove(), this.#i = null), this.#n && (this.#n.remove(), this.#n = null);
+    const t = this.#l;
+    this.#s && t._virtualization && (t._virtualization.bypassThreshold = this.#s.bypassThreshold, t.refreshVirtualWindow(!0), this.#s = null), this.#o !== null && (this.grid.rows = this.#o, this.#o = null);
   }
   afterRender() {
-    this.config?.button && !this.#l && (this.#u(), this.#l = !0);
+    this.config?.button && !this.#c && (this.#g(), this.#c = !0);
   }
-  #l = !1;
-  #u() {
-    this.#r.registerToolbarContent?.({
+  #c = !1;
+  #g() {
+    this.#l.registerToolbarContent?.({
       id: "print-button",
       order: 900,
       render: (t) => {
@@ -4262,7 +4351,7 @@ class Sn extends _ {
     if (l < 0 || l >= o.length) return;
     const d = n.find((c) => c.field === o[l]);
     if (this.canMoveColumnWithPlugins(d))
-      return this.moveColumn(r.field, l), t._focusCol = l, P(this.grid), e.preventDefault(), e.stopPropagation(), !0;
+      return this.moveColumn(r.field, l), t._focusCol = l, F(this.grid), e.preventDefault(), e.stopPropagation(), !0;
   }
   getColumnOrder() {
     return this.grid.getColumnOrder();
@@ -4384,46 +4473,46 @@ class kn extends _ {
       }
     ]
   };
-  #e;
-  #t = !1;
-  #a;
-  #n = !1;
+  #t;
+  #e = !1;
+  #s;
+  #o = !1;
   #i = 0;
-  #s = /* @__PURE__ */ new Set();
-  #d = /* @__PURE__ */ new Set();
-  #r = null;
-  #c = [];
+  #n = /* @__PURE__ */ new Set();
+  #u = /* @__PURE__ */ new Set();
+  #l = null;
+  #r = [];
   isResponsive() {
-    return this.#t;
+    return this.#e;
   }
   setResponsive(e) {
-    e !== this.#t && (this.#t = e, this.#f(), this.emit("responsive-change", {
+    e !== this.#e && (this.#e = e, this.#w(), this.emit("responsive-change", {
       isResponsive: e,
       width: this.#i,
       breakpoint: this.config.breakpoint ?? 0
     }));
   }
   setBreakpoint(e) {
-    this.config.breakpoint = e, this.#h(this.#i);
+    this.config.breakpoint = e, this.#p(this.#i);
   }
   setCardRenderer(e) {
-    this.config.cardRenderer = e, this.#t && this.requestRender();
+    this.config.cardRenderer = e, this.#e && this.requestRender();
   }
   getWidth() {
     return this.#i;
   }
   getActiveBreakpoint() {
-    return this.#r;
+    return this.#l;
   }
   attach(e) {
-    super.attach(e), this.#m(), this.#g(this.config.hiddenColumns), this.config.breakpoints?.length && (this.#c = [...this.config.breakpoints].sort((t, i) => i.maxWidth - t.maxWidth)), this.#e = new ResizeObserver((t) => {
+    super.attach(e), this.#d(), this.#f(this.config.hiddenColumns), this.config.breakpoints?.length && (this.#r = [...this.config.breakpoints].sort((t, i) => i.maxWidth - t.maxWidth)), this.#t = new ResizeObserver((t) => {
       const i = t[0]?.contentRect.width ?? 0;
-      this.#i = i, clearTimeout(this.#a), this.#a = setTimeout(() => {
-        this.#h(i);
+      this.#i = i, clearTimeout(this.#s), this.#s = setTimeout(() => {
+        this.#p(i);
       }, this.config.debounceMs ?? 100);
-    }), this.#e.observe(this.gridElement);
+    }), this.#t.observe(this.gridElement);
   }
-  #m() {
+  #d() {
     const e = this.grid;
     if (!e || typeof e.querySelector != "function") return;
     const t = e.querySelector("tbw-grid-responsive-card");
@@ -4448,79 +4537,79 @@ class kn extends _ {
       return g.className = "tbw-responsive-card-content", g.innerHTML = f, g;
     }), Object.keys(d).length > 0 && (this.config = { ...this.config, ...d });
   }
-  #g(e) {
-    if (this.#s.clear(), this.#d.clear(), !!e)
+  #f(e) {
+    if (this.#n.clear(), this.#u.clear(), !!e)
       for (const t of e)
-        typeof t == "string" ? this.#s.add(t) : t.showValue ? this.#d.add(t.field) : this.#s.add(t.field);
+        typeof t == "string" ? this.#n.add(t) : t.showValue ? this.#u.add(t.field) : this.#n.add(t.field);
   }
   detach() {
-    this.#e?.disconnect(), this.#e = void 0, clearTimeout(this.#a), this.#a = void 0, this.gridElement && this.gridElement.removeAttribute("data-responsive"), super.detach();
+    this.#t?.disconnect(), this.#t = void 0, clearTimeout(this.#s), this.#s = void 0, this.gridElement && this.gridElement.removeAttribute("data-responsive"), super.detach();
   }
   handleQuery(e) {
     if (e.type === "isCardMode")
-      return this.#t;
+      return this.#e;
   }
   afterRender() {
-    if (this.#R(), !(this.#c.length > 0 ? this.#r !== null : this.#t))
+    if (this.#R(), !(this.#r.length > 0 ? this.#l !== null : this.#e))
       return;
-    const t = this.#s.size > 0, i = this.#d.size > 0;
+    const t = this.#n.size > 0, i = this.#u.size > 0;
     if (!t && !i)
       return;
     const n = this.gridElement.querySelectorAll(".cell[data-field]");
     for (const r of n) {
       const o = r.getAttribute("data-field");
-      o && (this.#s.has(o) ? (r.setAttribute("data-responsive-hidden", ""), r.removeAttribute("data-responsive-value-only")) : this.#d.has(o) ? (r.setAttribute("data-responsive-value-only", ""), r.removeAttribute("data-responsive-hidden")) : (r.removeAttribute("data-responsive-hidden"), r.removeAttribute("data-responsive-value-only")));
+      o && (this.#n.has(o) ? (r.setAttribute("data-responsive-hidden", ""), r.removeAttribute("data-responsive-value-only")) : this.#u.has(o) ? (r.setAttribute("data-responsive-value-only", ""), r.removeAttribute("data-responsive-hidden")) : (r.removeAttribute("data-responsive-hidden"), r.removeAttribute("data-responsive-value-only")));
     }
   }
-  #h(e) {
-    if (this.#c.length > 0) {
-      this.#p(e);
+  #p(e) {
+    if (this.#r.length > 0) {
+      this.#v(e);
       return;
     }
     const t = this.config.breakpoint ?? 0;
-    t === 0 && !this.#n && (this.#n = !0, console.warn(
+    t === 0 && !this.#o && (this.#o = !0, console.warn(
       "[tbw-grid:ResponsivePlugin] No breakpoint configured. Responsive mode is disabled. Set a breakpoint based on your grid's column count."
     ));
     const i = t > 0 && e < t;
-    i !== this.#t && (this.#t = i, this.#f(), this.emit("responsive-change", {
+    i !== this.#e && (this.#e = i, this.#w(), this.emit("responsive-change", {
       isResponsive: i,
       width: e,
       breakpoint: t
     }), this.requestRender());
   }
-  #p(e) {
+  #v(e) {
     let t = null;
-    for (const n of this.#c)
+    for (const n of this.#r)
       e <= n.maxWidth && (t = n);
-    if (t !== this.#r) {
-      this.#r = t, t?.hiddenColumns ? this.#g(t.hiddenColumns) : this.#g(this.config.hiddenColumns);
+    if (t !== this.#l) {
+      this.#l = t, t?.hiddenColumns ? this.#f(t.hiddenColumns) : this.#f(this.config.hiddenColumns);
       const n = t?.cardLayout === !0;
-      n !== this.#t && (this.#t = n, this.#f()), this.emit("responsive-change", {
-        isResponsive: this.#t,
+      n !== this.#e && (this.#e = n, this.#w()), this.emit("responsive-change", {
+        isResponsive: this.#e,
         width: e,
         breakpoint: t?.maxWidth ?? 0
       }), this.requestRender();
     }
   }
-  #o;
-  #f() {
-    this.gridElement.toggleAttribute("data-responsive", this.#t);
+  #h;
+  #w() {
+    this.gridElement.toggleAttribute("data-responsive", this.#e);
     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.#o = t._virtualization.rowHeight);
+    if (this.#e) {
+      t._virtualization && (this.#h = 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.#o && this.#o > 0 && t._virtualization && (t._virtualization.rowHeight = this.#o, this.#o = void 0), this.#l = void 0, this.#u = void 0, this.#w = void 0;
+      this.#h && this.#h > 0 && t._virtualization && (t._virtualization.rowHeight = this.#h, this.#h = void 0), this.#c = void 0, this.#g = void 0, this.#a = void 0;
     }
   }
   renderRow(e, t, i) {
-    if (!this.#t || !this.config.cardRenderer || e.__isGroupRow)
+    if (!this.#e || !this.config.cardRenderer || e.__isGroupRow)
       return;
     t.replaceChildren();
     const n = this.config.cardRenderer(e, i);
@@ -4529,46 +4618,46 @@ class kn extends _ {
     return r !== "auto" ? t.style.height = `${r}px` : t.style.height = "auto", t.appendChild(n), !0;
   }
   onKeyDown(e) {
-    if (!this.#t || this.config.cardRenderer && ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(e.key))
+    if (!this.#e || this.config.cardRenderer && ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(e.key))
       return !1;
     const t = this.rows.length - 1, i = this.visibleColumns.length - 1;
     switch (e.key) {
       case "ArrowDown":
         if (this.grid._focusCol < i)
-          return this.grid._focusCol += 1, e.preventDefault(), P(this.grid), !0;
+          return this.grid._focusCol += 1, e.preventDefault(), F(this.grid), !0;
         if (this.grid._focusRow < t)
-          return this.grid._focusRow += 1, this.grid._focusCol = 0, e.preventDefault(), P(this.grid), !0;
+          return this.grid._focusRow += 1, this.grid._focusCol = 0, e.preventDefault(), F(this.grid), !0;
         break;
       case "ArrowUp":
         if (this.grid._focusCol > 0)
-          return this.grid._focusCol -= 1, e.preventDefault(), P(this.grid), !0;
+          return this.grid._focusCol -= 1, e.preventDefault(), F(this.grid), !0;
         if (this.grid._focusRow > 0)
-          return this.grid._focusRow -= 1, this.grid._focusCol = i, e.preventDefault(), P(this.grid), !0;
+          return this.grid._focusRow -= 1, this.grid._focusCol = i, e.preventDefault(), F(this.grid), !0;
         break;
       case "ArrowRight":
         if (this.grid._focusRow < t)
-          return this.grid._focusRow += 1, e.preventDefault(), P(this.grid), !0;
+          return this.grid._focusRow += 1, e.preventDefault(), F(this.grid), !0;
         break;
       case "ArrowLeft":
         if (this.grid._focusRow > 0)
-          return this.grid._focusRow -= 1, e.preventDefault(), P(this.grid), !0;
+          return this.grid._focusRow -= 1, e.preventDefault(), F(this.grid), !0;
         break;
     }
     return !1;
   }
-  #l;
-  #u;
-  #w;
+  #c;
+  #g;
+  #a;
   #b() {
-    if (this.#l && this.#l > 0)
-      return this.#l;
+    if (this.#c && this.#c > 0)
+      return this.#c;
     const e = this.config.cardRowHeight;
     return typeof e == "number" && e > 0 ? e : 80;
   }
-  #x() {
-    return this.#u && this.#u > 0 ? this.#u : this.#o ?? 28;
+  #m() {
+    return this.#g && this.#g > 0 ? this.#g : this.#h ?? 28;
   }
-  #v() {
+  #y() {
     for (const e of this.rows)
       if (e.__isGroupRow)
         return !0;
@@ -4581,47 +4670,51 @@ class kn extends _ {
     return { groupCount: e, cardCount: t };
   }
   getExtraHeight() {
-    if (!this.#t || !this.config.cardRenderer || !this.#v())
+    if (!this.#e || !this.config.cardRenderer || !this.#y())
       return 0;
-    const e = this.#o ?? 28, t = this.#x(), i = this.#b(), { groupCount: n, cardCount: r } = this.#C(), o = n * Math.max(0, t - e), s = r * Math.max(0, i - e);
+    const e = this.#h ?? 28, t = this.#m(), i = this.#b(), { groupCount: n, cardCount: r } = this.#C(), o = n * Math.max(0, t - e), s = r * Math.max(0, i - e);
     return o + s;
   }
   getExtraHeightBefore(e) {
-    if (!this.#t || !this.config.cardRenderer || !this.#v())
+    if (!this.#e || !this.config.cardRenderer || !this.#y())
       return 0;
-    const t = this.#o ?? 28, i = this.#x(), n = this.#b(), r = Math.max(0, i - t), o = Math.max(0, n - t);
+    const t = this.#h ?? 28, i = this.#m(), n = this.#b(), r = Math.max(0, i - t), o = Math.max(0, n - t);
     let s = 0, l = 0;
     const d = this.rows, c = Math.min(e, d.length);
     for (let u = 0; u < c; u++)
       d[u].__isGroupRow ? s++ : l++;
     return s * r + l * o;
   }
-  #E() {
+  getRowHeight(e, t) {
+    if (!(!this.#e || !this.config.cardRenderer))
+      return e.__isGroupRow ? this.#m() : this.#b();
+  }
+  #x() {
     let e = 0;
     for (const t of this.rows)
       t.__isGroupRow || e++;
     return e;
   }
-  #y = !1;
+  #E = !1;
   #R() {
-    if (!this.#t || !this.config.cardRenderer)
+    if (!this.#e || !this.config.cardRenderer)
       return;
     let e = !1;
-    const t = this.grid, i = this.#v(), n = this.#E();
-    if (n !== this.#w && (this.#w = n, e = !0), i) {
+    const t = this.grid, i = this.#y(), n = this.#x();
+    if (n !== this.#a && (this.#a = n, e = !0), i) {
       const o = this.gridElement.querySelector(".data-grid-row.group-row");
       if (o) {
         const s = o.getBoundingClientRect().height;
-        s > 0 && s !== this.#u && (this.#u = s, e = !0);
+        s > 0 && s !== this.#g && (this.#g = s, e = !0);
       }
     }
     const r = this.gridElement.querySelector(".data-grid-row.responsive-card");
     if (r) {
       const o = r.getBoundingClientRect().height;
-      o > 0 && o !== this.#l && (this.#l = o, e = !0, !i && t._virtualization && (t._virtualization.rowHeight = o));
+      o > 0 && o !== this.#c && (this.#c = o, e = !0, !i && t._virtualization && (t._virtualization.rowHeight = o));
     }
-    e && !this.#y && (this.#y = !0, queueMicrotask(() => {
-      this.#y = !1, this.grid && this.#t && this.grid.refreshVirtualWindow?.(!0, !0);
+    e && !this.#E && (this.#E = !0, queueMicrotask(() => {
+      this.#E = !1, this.grid && this.#e && this.grid.refreshVirtualWindow?.(!0, !0);
     }));
   }
 }
@@ -4749,7 +4842,7 @@ class An extends _ {
       row: e
     }, this.lastFocusCol = r;
     const o = this.grid, s = [...o._rows ?? this.sourceRows], [l] = s.splice(t, 1);
-    s.splice(i, 0, l), o._rows = s, o._focusRow = i, o._focusCol = r, o.refreshVirtualWindow(!0), P(o), this.clearDebounceTimer(), this.debounceTimer = setTimeout(() => {
+    s.splice(i, 0, l), o._rows = s, o._focusRow = i, o._focusCol = r, o.refreshVirtualWindow(!0), F(o), this.clearDebounceTimer(), this.debounceTimer = setTimeout(() => {
       this.flushPendingMove();
     }, this.config.debounceMs ?? 300);
   }
@@ -4768,7 +4861,7 @@ class An extends _ {
       const o = [...this.sourceRows], [s] = o.splice(t, 1);
       o.splice(e, 0, s);
       const l = this.grid;
-      l._rows = o, l._focusRow = e, l._focusCol = this.lastFocusCol, l.refreshVirtualWindow(!0), P(l);
+      l._rows = o, l._focusRow = e, l._focusCol = this.lastFocusCol, l.refreshVirtualWindow(!0), F(l);
     }
   }
   executeMove(e, t, i, n) {
@@ -4838,7 +4931,7 @@ class An extends _ {
     this.debounceTimer && (clearTimeout(this.debounceTimer), this.debounceTimer = null);
   }
 }
-function V(a) {
+function $(a) {
   return {
     startRow: Math.min(a.startRow, a.endRow),
     startCol: Math.min(a.startCol, a.endCol),
@@ -4847,7 +4940,7 @@ function V(a) {
   };
 }
 function ji(a) {
-  const e = V(a);
+  const e = $(a);
   return {
     from: { row: e.startRow, col: e.startCol },
     to: { row: e.endRow, col: e.endCol }
@@ -4857,14 +4950,14 @@ function lt(a) {
   return a.map(ji);
 }
 function Ui(a, e, t) {
-  const i = V(t);
+  const i = $(t);
   return a >= i.startRow && a <= i.endRow && e >= i.startCol && e <= i.endCol;
 }
 function je(a, e, t) {
   return t.some((i) => Ui(a, e, i));
 }
 function Yi(a) {
-  const e = [], t = V(a);
+  const e = [], t = $(a);
   for (let i = t.startRow; i <= t.endRow; i++)
     for (let n = t.startCol; n <= t.endCol; n++)
       e.push({ row: i, col: n });
@@ -4886,7 +4979,7 @@ function de(a, e) {
   };
 }
 function Q(a, e) {
-  const t = V(a), i = V(e);
+  const t = $(a), i = $(e);
   return t.startRow === i.startRow && t.startCol === i.startCol && t.endRow === i.endRow && t.endCol === i.endCol;
 }
 const Zi = "@layer tbw-plugins{tbw-grid{&.selecting .data-grid-row>.cell{user-select:none}&:has(.selection){user-select:none}&[data-has-focus] .data-grid-row.row-focus{background-color:var(--tbw-focus-background, rgba(from var(--tbw-color-accent) r g b / 12%))}&[data-selection-mode=row] .cell-focus{outline:none}.data-grid-row>.cell.selected{background-color:var(--tbw-range-selection-bg);&.top{border-top:2px solid var(--tbw-range-border-color)}&.bottom{border-bottom:2px solid var(--tbw-range-border-color)}&.first{border-left:2px solid var(--tbw-range-border-color)}&.last{border-right:2px solid var(--tbw-range-border-color)}}.data-grid-row[data-selectable=false]{cursor:not-allowed;opacity:.6;&.row-focus{background-color:var(--tbw-color-row-alt)}}.data-grid-row>.cell[data-selectable=false]{cursor:not-allowed;opacity:.6;&.selected{background-color:var(--tbw-selection-warning-bg, rgba(from var(--tbw-color-error) r g b / 50%))}}.tbw-selection-summary{font-size:var(--tbw-font-size-sm, .8125rem);color:var(--tbw-color-fg-muted);white-space:nowrap}}}";
@@ -4977,15 +5070,15 @@ class _n extends _ {
     const { rowIndex: t, colIndex: i, originalEvent: n } = e, { mode: r, triggerOn: o = "click" } = this.config;
     if (n.type !== o)
       return !1;
-    const s = this.columns[i], l = s && q(s);
+    const s = this.columns[i], l = s && H(s);
     if (r === "cell") {
       if (l || !this.isCellSelectable(t, i))
         return !1;
       const d = this.selectedCell;
-      return d && d.row === t && d.col === i || (this.selectedCell = { row: t, col: i }, this.emit("selection-change", this.#t()), this.requestAfterRender()), !1;
+      return d && d.row === t && d.col === i || (this.selectedCell = { row: t, col: i }, this.emit("selection-change", this.#e()), this.requestAfterRender()), !1;
     }
     if (r === "row")
-      return !this.isRowSelectable(t) || this.selected.size === 1 && this.selected.has(t) || (this.selected.clear(), this.selected.add(t), this.lastSelected = t, this.emit("selection-change", this.#t()), this.requestAfterRender()), !1;
+      return !this.isRowSelectable(t) || this.selected.size === 1 && this.selected.has(t) || (this.selected.clear(), this.selected.add(t), this.lastSelected = t, this.emit("selection-change", this.#e()), this.requestAfterRender()), !1;
     if (r === "range") {
       if (l || !this.isCellSelectable(t, i))
         return !1;
@@ -5014,7 +5107,7 @@ class _n extends _ {
           return !1;
         this.ranges = [u], this.activeRange = u, this.cellAnchor = { row: t, col: i };
       }
-      return this.emit("selection-change", this.#t()), this.requestAfterRender(), !1;
+      return this.emit("selection-change", this.#e()), this.requestAfterRender(), !1;
     }
     return !1;
   }
@@ -5022,16 +5115,16 @@ class _n extends _ {
     if (!this.isSelectionEnabled()) return !1;
     const { mode: t } = this.config, n = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Tab", "Home", "End", "PageUp", "PageDown"].includes(e.key);
     if (e.key === "Escape")
-      return t === "cell" ? this.selectedCell = null : t === "row" ? (this.selected.clear(), this.anchor = null) : t === "range" && (this.ranges = [], this.activeRange = null, this.cellAnchor = null), this.emit("selection-change", this.#t()), this.requestAfterRender(), !0;
+      return t === "cell" ? this.selectedCell = null : t === "row" ? (this.selected.clear(), this.anchor = null) : t === "range" && (this.ranges = [], this.activeRange = null, this.cellAnchor = null), this.emit("selection-change", this.#e()), this.requestAfterRender(), !0;
     if (t === "cell" && n)
       return queueMicrotask(() => {
         const r = this.grid._focusRow, o = this.grid._focusCol;
-        this.isCellSelectable(r, o) ? this.selectedCell = { row: r, col: o } : this.selectedCell = null, this.emit("selection-change", this.#t()), this.requestAfterRender();
+        this.isCellSelectable(r, o) ? this.selectedCell = { row: r, col: o } : this.selectedCell = null, this.emit("selection-change", this.#e()), this.requestAfterRender();
       }), !1;
     if (t === "row" && (e.key === "ArrowUp" || e.key === "ArrowDown"))
       return queueMicrotask(() => {
         const r = this.grid._focusRow;
-        this.isRowSelectable(r) ? (this.selected.clear(), this.selected.add(r), this.lastSelected = r) : this.selected.clear(), this.emit("selection-change", this.#t()), this.requestAfterRender();
+        this.isRowSelectable(r) ? (this.selected.clear(), this.selected.add(r), this.lastSelected = r) : this.selected.clear(), this.emit("selection-change", this.#e()), this.requestAfterRender();
       }), !1;
     if (t === "range" && n) {
       const r = e.key === "Tab", o = e.shiftKey && !r;
@@ -5047,7 +5140,7 @@ class _n extends _ {
           endRow: r - 1,
           endCol: o - 1
         };
-        return this.ranges = [s], this.activeRange = s, this.emit("selection-change", this.#t()), this.requestAfterRender(), !0;
+        return this.ranges = [s], this.activeRange = s, this.emit("selection-change", this.#e()), this.requestAfterRender(), !0;
       }
     }
     return !1;
@@ -5055,7 +5148,7 @@ class _n extends _ {
   onCellMouseDown(e) {
     if (!this.isSelectionEnabled() || this.config.mode !== "range" || e.rowIndex === void 0 || e.colIndex === void 0 || e.rowIndex < 0) return;
     const t = this.columns[e.colIndex];
-    if (t && q(t) || !this.isCellSelectable(e.rowIndex, e.colIndex) || e.originalEvent.shiftKey && this.cellAnchor)
+    if (t && H(t) || !this.isCellSelectable(e.rowIndex, e.colIndex) || e.originalEvent.shiftKey && this.cellAnchor)
       return;
     this.isDragging = !0;
     const i = e.rowIndex, n = e.colIndex, r = e.originalEvent.ctrlKey || e.originalEvent.metaKey, o = {
@@ -5064,24 +5157,24 @@ class _n extends _ {
       endRow: i,
       endCol: n
     };
-    return !r && this.ranges.length === 1 && Q(this.ranges[0], o) ? (this.cellAnchor = { row: i, col: n }, !0) : (this.cellAnchor = { row: i, col: n }, r || (this.ranges = []), this.ranges.push(o), this.activeRange = o, this.emit("selection-change", this.#t()), this.requestAfterRender(), !0);
+    return !r && this.ranges.length === 1 && Q(this.ranges[0], o) ? (this.cellAnchor = { row: i, col: n }, !0) : (this.cellAnchor = { row: i, col: n }, r || (this.ranges = []), this.ranges.push(o), this.activeRange = o, this.emit("selection-change", this.#e()), this.requestAfterRender(), !0);
   }
   onCellMouseMove(e) {
     if (!this.isSelectionEnabled() || this.config.mode !== "range" || !this.isDragging || !this.cellAnchor || e.rowIndex === void 0 || e.colIndex === void 0 || e.rowIndex < 0) return;
     let t = e.colIndex;
     const i = this.columns[t];
-    if (i && q(i)) {
-      const o = this.columns.findIndex((s) => !q(s));
+    if (i && H(i)) {
+      const o = this.columns.findIndex((s) => !H(s));
       o >= 0 && (t = o);
     }
     const n = de(this.cellAnchor, { row: e.rowIndex, col: t }), r = this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] : null;
-    return r && Q(r, n) || (this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] = n : this.ranges.push(n), this.activeRange = n, this.emit("selection-change", this.#t()), this.requestAfterRender()), !0;
+    return r && Q(r, n) || (this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] = n : this.ranges.push(n), this.activeRange = n, this.emit("selection-change", this.#e()), this.requestAfterRender()), !0;
   }
   onCellMouseUp(e) {
     if (this.isSelectionEnabled() && this.config.mode === "range" && this.isDragging)
       return this.isDragging = !1, !0;
   }
-  #e() {
+  #t() {
     const e = this.gridElement;
     if (!e) return;
     const { mode: t } = this.config, i = !!this.config.isSelectable;
@@ -5092,19 +5185,19 @@ class _n extends _ {
     if (r.forEach((o) => {
       o.classList.remove("selected", "row-focus"), i && o.removeAttribute("data-selectable");
     }), t === "row" && (xe(e), r.forEach((o) => {
-      const s = o.querySelector(".cell[data-row]"), l = pt(s);
+      const s = o.querySelector(".cell[data-row]"), l = wt(s);
       l >= 0 && (i && !this.isRowSelectable(l) && o.setAttribute("data-selectable", "false"), this.selected.has(l) && o.classList.add("selected", "row-focus"));
     })), (t === "cell" || t === "range") && i && e.querySelectorAll(".cell[data-row][data-col]").forEach((s) => {
       const l = parseInt(s.getAttribute("data-row") ?? "-1", 10), d = parseInt(s.getAttribute("data-col") ?? "-1", 10);
       l >= 0 && d >= 0 && (this.isCellSelectable(l, d) || s.setAttribute("data-selectable", "false"));
     }), t === "range" && this.ranges.length > 0) {
       xe(e);
-      const o = this.activeRange ? V(this.activeRange) : null, s = this.columns.findIndex((d) => !q(d));
+      const o = this.activeRange ? $(this.activeRange) : null, s = this.columns.findIndex((d) => !H(d));
       this.columns.length - 1, e.querySelectorAll(".cell[data-row][data-col]").forEach((d) => {
         const c = parseInt(d.getAttribute("data-row") ?? "-1", 10), u = parseInt(d.getAttribute("data-col") ?? "-1", 10);
         if (c >= 0 && u >= 0) {
           const h = this.columns[u];
-          if (h && q(h))
+          if (h && H(h))
             return;
           if (je(c, u, this.ranges) && (d.classList.add("selected"), o)) {
             c === o.startRow && d.classList.add("top"), c === o.endRow && d.classList.add("bottom");
@@ -5128,17 +5221,17 @@ class _n extends _ {
         const s = de(this.cellAnchor, { row: r, col: o });
         this.ranges = [s], this.activeRange = s;
       } else n || (this.ranges = [], this.activeRange = null, this.cellAnchor = { row: r, col: o });
-      this.emit("selection-change", this.#t());
+      this.emit("selection-change", this.#e());
     }
-    this.grid.setAttribute("data-selection-mode", i), t && t.classList.toggle("selecting", this.isDragging), this.#e();
+    this.grid.setAttribute("data-selection-mode", i), t && t.classList.toggle("selecting", this.isDragging), this.#t();
   }
   onScrollRender() {
-    this.isSelectionEnabled() && this.#e();
+    this.isSelectionEnabled() && this.#t();
   }
   getSelection() {
     return {
       mode: this.config.mode,
-      ranges: this.#t().ranges,
+      ranges: this.#e().ranges,
       anchor: this.cellAnchor
     };
   }
@@ -5162,7 +5255,7 @@ class _n extends _ {
       ranges: lt(this.ranges)
     }), this.requestAfterRender();
   }
-  #t() {
+  #e() {
     return Qi(
       this.config.mode,
       {
@@ -5205,7 +5298,7 @@ function tn(a, e, t) {
   return n[r];
 }
 const nn = 100;
-class Tn extends _ {
+class Ln extends _ {
   name = "serverSide";
   get defaultConfig() {
     return {
@@ -5343,7 +5436,7 @@ function sn(a) {
   return null;
 }
 const an = "@layer tbw-plugins{tbw-grid{.cell[data-field=__tbw_expander]{border-inline-end:none!important;padding:0;display:flex;align-items:center;justify-content:flex-start}.header-row .cell[data-field=__tbw_expander]{display:none}.header-row .cell[data-field=__tbw_expander]+.cell{grid-column:1 / 3}.tree-cell-wrapper{display:inline-flex;align-items:center;padding-inline-start:calc(var(--tbw-tree-depth, 0) * var(--tbw-tree-indent-width, var(--tbw-tree-toggle-size, 1.25em)))}.tree-expander{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;box-sizing:border-box}.tree-toggle{cursor:pointer;user-select:none;display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-tree-toggle-size, 1.25em);height:var(--tbw-tree-toggle-size, 1.25em);flex-shrink:0}.tree-toggle:hover{color:var(--tbw-tree-accent, var(--tbw-color-accent))}.tree-spacer{width:var(--tbw-tree-toggle-size, 1.25em);display:inline-block;flex-shrink:0}.data-grid-row.tbw-tree-slide-in{animation:tbw-tree-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}.data-grid-row.tbw-tree-fade-in{animation:tbw-tree-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}}@keyframes tbw-tree-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes tbw-tree-fade-in{0%{opacity:0}to{opacity:1}}}";
-class Ln extends _ {
+class Tn extends _ {
   static manifest = {
     events: [
       {
@@ -5456,16 +5549,16 @@ class Ln extends _ {
       const { row: c, value: u } = d, { showExpandIcons: h = !0, indentWidth: f } = r(), g = c, p = g.__treeDepth ?? 0, w = document.createElement("span");
       if (w.className = "tree-cell-wrapper", w.style.setProperty("--tbw-tree-depth", String(p)), f !== void 0 && w.style.setProperty("--tbw-tree-indent-width", `${f}px`), h)
         if (g.__treeHasChildren) {
-          const v = document.createElement("span");
-          v.className = `tree-toggle${g.__treeExpanded ? " expanded" : ""}`, o(v, s(g.__treeExpanded ? "collapse" : "expand")), v.setAttribute("data-tree-key", String(g.__treeKey ?? "")), w.appendChild(v);
+          const y = document.createElement("span");
+          y.className = `tree-toggle${g.__treeExpanded ? " expanded" : ""}`, o(y, s(g.__treeExpanded ? "collapse" : "expand")), y.setAttribute("data-tree-key", String(g.__treeKey ?? "")), w.appendChild(y);
         } else {
-          const v = document.createElement("span");
-          v.className = "tree-spacer", w.appendChild(v);
+          const y = document.createElement("span");
+          y.className = "tree-spacer", w.appendChild(y);
         }
       const b = document.createElement("span");
       if (b.className = "tree-content", n) {
-        const v = n(d);
-        v instanceof Node ? b.appendChild(v) : typeof v == "string" && (b.innerHTML = v);
+        const y = n(d);
+        y instanceof Node ? b.appendChild(y) : typeof y == "string" && (b.innerHTML = y);
       } else
         b.textContent = u != null ? String(u) : "";
       return w.appendChild(b), w;
@@ -5693,7 +5786,7 @@ function Qe(a) {
   const e = a.meta ?? {};
   return e.lockPosition !== !0 && e.suppressMovable !== !0;
 }
-class B extends _ {
+class V extends _ {
   static dependencies = [
     { name: "reorder", required: !1, reason: "Enables drag-to-reorder columns in visibility panel" }
   ];
@@ -5720,7 +5813,7 @@ class B extends _ {
   }
   getToolPanel() {
     return {
-      id: B.PANEL_ID,
+      id: V.PANEL_ID,
       title: "Columns",
       icon: "☰",
       tooltip: "Column visibility",
@@ -5729,13 +5822,13 @@ class B extends _ {
     };
   }
   show() {
-    this.grid.openToolPanel(), this.grid.expandedToolPanelSections.includes(B.PANEL_ID) || this.grid.toggleToolPanelSection(B.PANEL_ID);
+    this.grid.openToolPanel(), this.grid.expandedToolPanelSections.includes(V.PANEL_ID) || this.grid.toggleToolPanelSection(V.PANEL_ID);
   }
   hide() {
     this.grid.closeToolPanel();
   }
   toggle() {
-    this.grid.isToolPanelOpen || this.grid.openToolPanel(), this.grid.toggleToolPanelSection(B.PANEL_ID);
+    this.grid.isToolPanelOpen || this.grid.openToolPanel(), this.grid.toggleToolPanelSection(V.PANEL_ID);
   }
   isColumnVisible(e) {
     return this.grid.isColumnVisible(e);
@@ -5765,7 +5858,7 @@ class B extends _ {
     return this.grid.getAllColumns();
   }
   isPanelVisible() {
-    return this.grid.isToolPanelOpen && this.grid.expandedToolPanelSections.includes(B.PANEL_ID);
+    return this.grid.isToolPanelOpen && this.grid.expandedToolPanelSections.includes(V.PANEL_ID);
   }
   renderPanelContent(e) {
     const t = document.createElement("div");
@@ -5847,7 +5940,7 @@ export {
   Nn as DataGridElement,
   wn as EditingPlugin,
   bn as ExportPlugin,
-  N as FilteringPlugin,
+  q as FilteringPlugin,
   qn as FitModeEnum,
   Hn as GridCSSVars,
   Kn as GridClasses,
@@ -5861,7 +5954,7 @@ export {
   Bn as PLUGIN_QUERIES,
   Cn as PinnedColumnsPlugin,
   En as PinnedRowsPlugin,
-  G as PivotPlugin,
+  B as PivotPlugin,
   Vn as PluginEvents,
   Wn as PluginManager,
   Rn as PrintPlugin,
@@ -5871,15 +5964,15 @@ export {
   kn as ResponsivePlugin,
   An as RowReorderPlugin,
   _n as SelectionPlugin,
-  Tn as ServerSidePlugin,
-  Ln as TreePlugin,
+  Ln as ServerSidePlugin,
+  Tn as TreePlugin,
   In as UndoRedoPlugin,
-  B as VisibilityPlugin,
+  V as VisibilityPlugin,
   jn as builtInSort,
   Un as createGrid,
   Yn as defaultComparator,
-  Ft as defaultEditorFor,
-  yt as defaultPasteHandler,
+  Dt as defaultEditorFor,
+  Ct as defaultPasteHandler,
   Ki as printGridIsolated,
   Xn as queryGrid
 };