@toolbox-web/grid 1.10.1 → 1.11.0

package/all.js

@@ -1,4 +1,4 @@
-import { BaseGridPlugin as A, DEFAULT_GRID_ICONS as ht, runAggregator as ee, e as Je, s as et, g as ue, r as gt, getAggregator as ye, getValueAggregator as ft, a as D, c as xe, b as pt } from "./index.js";
+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 { 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;
 function pe(a) {
@@ -27,7 +27,7 @@ function bt(a) {
     }
   };
 }
-async function te(a) {
+async function ie(a) {
   try {
     return await navigator.clipboard.writeText(a), !0;
   } catch {
@@ -65,23 +65,23 @@ function yt(a, e) {
   });
   const d = [...r], c = i.bounds ? i.bounds.endRow : 1 / 0;
   t.forEach((u, h) => {
-    const g = i.row + h;
-    if (!(g > c)) {
+    const f = i.row + h;
+    if (!(f > c)) {
       if (i.bounds) {
-        if (g >= d.length)
+        if (f >= d.length)
           return;
-      } else for (; g >= d.length; ) {
-        const f = {};
-        s.forEach((p) => f[p] = ""), d.push(f);
+      } else for (; f >= d.length; ) {
+        const g = {};
+        s.forEach((p) => g[p] = ""), d.push(g);
       }
-      d[g] = { ...d[g] }, u.forEach((f, p) => {
+      d[f] = { ...d[f] }, u.forEach((g, p) => {
         const w = n[p];
-        w && l.get(w) && (d[g][w] = f);
+        w && l.get(w) && (d[f][w] = g);
       });
     }
   }), e.rows = d;
 }
-class pn extends A {
+class pn extends _ {
   static dependencies = [
     { name: "selection", required: !1, reason: "Enables copy/paste of selected cells instead of entire grid" }
   ];
@@ -128,12 +128,12 @@ class pn extends A {
     } else if (!t)
       r = { startRow: 0, startCol: 0, endRow: n, endCol: i };
     else {
-      const s = this.#o(e);
+      const s = this.#s(e);
       if (!s) return;
       r = { startRow: s.row, startCol: s.col, endRow: s.row, endCol: s.col };
     }
     const o = this.#i(r);
-    te(o.text).then(() => {
+    ie(o.text).then(() => {
       this.lastCopied = { text: o.text, timestamp: Date.now() }, this.emit("copy", {
         text: o.text,
         rowCount: o.rowCount,
@@ -145,15 +145,15 @@ class pn extends A {
     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, g = [], f = i[0]?.length ?? 0;
-    for (let w = 0; w < f && s + w <= c; w++) {
+    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;
+    for (let w = 0; w < g && s + w <= c; w++) {
       const b = this.columns[s + w];
-      b && !b.hidden && g.push(b.field);
+      b && !b.hidden && f.push(b.field);
     }
-    const p = { rows: i, text: t, target: h, fields: g };
-    this.emit("paste", p), this.#s(p);
+    const p = { rows: i, text: t, target: h, fields: f };
+    this.emit("paste", p), this.#a(p);
   }
-  #s(e) {
+  #a(e) {
     if (!this.grid) return;
     const { pasteHandler: t } = this.config;
     if (t === null) return;
@@ -164,15 +164,15 @@ class pn extends A {
   }
   #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 = [], g = this.columns.slice(l, d + 1).filter((f) => !q(f));
+`, h = [], f = this.columns.slice(l, d + 1).filter((g) => !q(g));
     if (this.config.includeHeaders) {
-      const f = g.map((p) => p.header || p.field);
-      h.push(f.join(c));
+      const g = f.map((p) => p.header || p.field);
+      h.push(g.join(c));
     }
-    for (let f = o; f <= s; f++) {
-      const p = this.rows[f];
+    for (let g = o; g <= s; g++) {
+      const p = this.rows[g];
       if (!p) continue;
-      const w = g.map((b) => {
+      const w = f.map((b) => {
         const v = p[b.field];
         return v == null ? "" : v instanceof Date ? v.toISOString() : String(v);
       });
@@ -184,7 +184,7 @@ class pn extends A {
       columnCount: d - l + 1
     };
   }
-  #o(e) {
+  #s(e) {
     const t = e.closest("[data-field-cache]");
     if (!t) return null;
     const i = t.dataset.fieldCache, n = t.dataset.row;
@@ -207,7 +207,7 @@ class pn extends A {
       };
     }
     const n = this.#i(i);
-    return await te(n.text), this.lastCopied = { text: n.text, timestamp: Date.now() }, n.text;
+    return await ie(n.text), this.lastCopied = { text: n.text, timestamp: Date.now() }, n.text;
   }
   async copyRows(e) {
     if (e.length === 0) return "";
@@ -217,7 +217,7 @@ class pn extends A {
       endRow: t[t.length - 1],
       endCol: i
     }, r = this.#i(n);
-    return await te(r.text), this.lastCopied = { text: r.text, timestamp: Date.now() }, r.text;
+    return await ie(r.text), this.lastCopied = { text: r.text, timestamp: Date.now() }, r.text;
   }
   async paste() {
     const e = await vt();
@@ -281,7 +281,7 @@ function Ct(a, e, t) {
 function Et(a, e, t) {
   return t ? a > e : !1;
 }
-class mn extends A {
+class mn extends _ {
   name = "columnVirtualization";
   get defaultConfig() {
     return {
@@ -369,14 +369,14 @@ class mn extends A {
     return this.totalWidth;
   }
 }
-const ie = "@layer tbw-plugins{.tbw-context-menu{position:fixed;background:var(--tbw-context-menu-bg, var(--tbw-color-panel-bg));color:var(--tbw-context-menu-fg, var(--tbw-color-fg));border:1px solid var(--tbw-context-menu-border, var(--tbw-color-border));border-radius:var(--tbw-context-menu-radius, var(--tbw-border-radius));box-shadow:var(--tbw-context-menu-shadow, 0 2px 10px var(--tbw-color-shadow));min-width:var(--tbw-context-menu-min-width, var(--tbw-menu-min-width));padding:var(--tbw-spacing-xs) 0;z-index:10000;font-size:var(--tbw-context-menu-font-size, var(--tbw-font-size-sm));font-family:var(--tbw-context-menu-font-family, var(--tbw-font-family))}.tbw-context-menu-item{display:flex;align-items:center;padding:var(--tbw-context-menu-item-padding, var(--tbw-menu-item-padding));cursor:pointer;gap:var(--tbw-context-menu-item-gap, var(--tbw-menu-item-gap))}.tbw-context-menu-item:hover:not(.disabled){background:var(--tbw-context-menu-hover, var(--tbw-color-row-hover))}.tbw-context-menu-item.disabled{opacity:.5;cursor:default}.tbw-context-menu-item.danger{color:var(--tbw-context-menu-danger, var(--tbw-color-danger))}.tbw-context-menu-icon{width:var(--tbw-context-menu-icon-size, var(--tbw-icon-size));text-align:center}.tbw-context-menu-label{flex:1}.tbw-context-menu-shortcut{color:var(--tbw-context-menu-muted, var(--tbw-color-fg-muted));font-size:var(--tbw-context-menu-shortcut-size, var(--tbw-font-size-xs))}.tbw-context-menu-arrow{font-size:var(--tbw-context-menu-arrow-size, var(--tbw-font-size-2xs));color:var(--tbw-context-menu-muted, var(--tbw-color-fg-muted))}.tbw-context-menu-separator{height:1px;background:var(--tbw-context-menu-border, var(--tbw-color-border));margin:var(--tbw-spacing-xs) 0}}";
+const ne = "@layer tbw-plugins{.tbw-context-menu{position:fixed;background:var(--tbw-context-menu-bg, var(--tbw-color-panel-bg));color:var(--tbw-context-menu-fg, var(--tbw-color-fg));border:1px solid var(--tbw-context-menu-border, var(--tbw-color-border));border-radius:var(--tbw-context-menu-radius, var(--tbw-border-radius));box-shadow:var(--tbw-context-menu-shadow, 0 2px 10px var(--tbw-color-shadow));min-width:var(--tbw-context-menu-min-width, var(--tbw-menu-min-width));padding:var(--tbw-spacing-xs) 0;z-index:10000;font-size:var(--tbw-context-menu-font-size, var(--tbw-font-size-sm));font-family:var(--tbw-context-menu-font-family, var(--tbw-font-family))}.tbw-context-menu-item{display:flex;align-items:center;padding:var(--tbw-context-menu-item-padding, var(--tbw-menu-item-padding));cursor:pointer;gap:var(--tbw-context-menu-item-gap, var(--tbw-menu-item-gap))}.tbw-context-menu-item:hover:not(.disabled){background:var(--tbw-context-menu-hover, var(--tbw-color-row-hover))}.tbw-context-menu-item.disabled{opacity:.5;cursor:default}.tbw-context-menu-item.danger{color:var(--tbw-context-menu-danger, var(--tbw-color-danger))}.tbw-context-menu-icon{width:var(--tbw-context-menu-icon-size, var(--tbw-icon-size));text-align:center}.tbw-context-menu-label{flex:1}.tbw-context-menu-shortcut{color:var(--tbw-context-menu-muted, var(--tbw-color-fg-muted));font-size:var(--tbw-context-menu-shortcut-size, var(--tbw-font-size-xs))}.tbw-context-menu-arrow{font-size:var(--tbw-context-menu-arrow-size, var(--tbw-font-size-2xs));color:var(--tbw-context-menu-muted, var(--tbw-color-fg-muted))}.tbw-context-menu-separator{height:1px;background:var(--tbw-context-menu-border, var(--tbw-color-border));margin:var(--tbw-spacing-xs) 0}}";
 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) {
   return a.disabled === !0 ? !0 : typeof a.disabled == "function" ? a.disabled(e) : !1;
 }
-function ge(a, e, t, i = ht.submenuArrow) {
+function fe(a, e, t, i = ht.submenuArrow) {
   const n = document.createElement("div");
   n.className = "tbw-context-menu", n.setAttribute("role", "menu");
   for (const r of a) {
@@ -401,7 +401,7 @@ function ge(a, e, t, i = ht.submenuArrow) {
       const d = document.createElement("span");
       d.className = "tbw-context-menu-arrow", typeof i == "string" ? d.innerHTML = i : i instanceof HTMLElement && d.appendChild(i.cloneNode(!0)), o.appendChild(d), o.addEventListener("mouseenter", () => {
         if (o.querySelector(".tbw-context-menu") || !r.subMenu) return;
-        const u = he(r.subMenu, e), h = ge(u, e, t, i);
+        const u = he(r.subMenu, e), h = fe(u, e, t, i);
         h.classList.add("tbw-context-submenu"), h.style.position = "absolute", h.style.left = "100%", h.style.top = "0", o.style.position = "relative", o.appendChild(h);
       }), o.addEventListener("mouseleave", () => {
         const c = o.querySelector(".tbw-context-menu");
@@ -420,8 +420,8 @@ 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, ne = 0;
-const re = [
+let z = null, O = null, M = null, re = 0;
+const oe = [
   {
     id: "copy",
     name: "Copy",
@@ -439,11 +439,11 @@ const re = [
     }
   }
 ];
-class it extends A {
+class it extends _ {
   name = "contextMenu";
   get defaultConfig() {
     return {
-      items: re
+      items: oe
     };
   }
   isOpen = !1;
@@ -451,7 +451,7 @@ class it extends A {
   params = null;
   menuElement = null;
   attach(e) {
-    super.attach(e), this.installGlobalHandlers(), ne++;
+    super.attach(e), this.installGlobalHandlers(), re++;
   }
   detach() {
     this.menuElement && (this.menuElement.remove(), this.menuElement = null), this.isOpen = !1, this.params = null, this.uninstallGlobalHandlers();
@@ -506,14 +506,14 @@ class it extends A {
     }
   }
   installGlobalHandlers() {
-    !M && typeof document < "u" && typeof ie == "string" && ie && (M = document.createElement("style"), M.id = "tbw-context-menu-styles", M.textContent = ie, document.head.appendChild(M)), z || (z = () => {
+    !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 = () => {
       document.querySelectorAll(".tbw-context-menu").forEach((t) => t.remove());
     }, document.addEventListener("click", z)), O || (O = (e) => {
       e.key === "Escape" && document.querySelectorAll(".tbw-context-menu").forEach((i) => i.remove());
     }, document.addEventListener("keydown", O));
   }
   uninstallGlobalHandlers() {
-    ne--, !(ne > 0) && (z && (document.removeEventListener("click", z), z = null), O && (document.removeEventListener("keydown", O), O = null), M && (M.remove(), M = null));
+    re--, !(re > 0) && (z && (document.removeEventListener("click", z), z = null), O && (document.removeEventListener("keydown", O), O = null), M && (M.remove(), M = null));
   }
   afterRender() {
     const e = this.gridElement;
@@ -525,14 +525,14 @@ class it extends A {
       const r = n.target, o = r.closest("[data-row][data-col]"), s = r.closest(".header-cell");
       let l;
       if (o) {
-        const c = parseInt(o.getAttribute("data-row") ?? "-1", 10), u = parseInt(o.getAttribute("data-col") ?? "-1", 10), h = this.columns[u], g = this.rows[c];
+        const c = parseInt(o.getAttribute("data-row") ?? "-1", 10), u = parseInt(o.getAttribute("data-col") ?? "-1", 10), h = this.columns[u], f = this.rows[c];
         l = {
-          row: g,
+          row: f,
           rowIndex: c,
           column: h,
           columnIndex: u,
           field: h?.field ?? "",
-          value: g?.[h?.field] ?? null,
+          value: f?.[h?.field] ?? null,
           isHeader: !1,
           event: n
         };
@@ -551,8 +551,8 @@ class it extends A {
       } else
         return;
       this.params = l, this.position = { x: n.clientX, y: n.clientY };
-      const d = he(this.config.items ?? re, l);
-      d.length && (this.menuElement && this.menuElement.remove(), this.menuElement = ge(
+      const d = he(this.config.items ?? oe, l);
+      d.length && (this.menuElement && this.menuElement.remove(), this.menuElement = fe(
         d,
         l,
         (c) => {
@@ -572,8 +572,8 @@ class it extends A {
       value: i.value ?? null,
       isHeader: i.isHeader ?? !1,
       event: i.event ?? new MouseEvent("contextmenu")
-    }, r = he(this.config.items ?? re, n);
-    this.menuElement && this.menuElement.remove(), this.menuElement = ge(
+    }, r = he(this.config.items ?? oe, n);
+    this.menuElement && this.menuElement.remove(), this.menuElement = fe(
       r,
       n,
       (o) => {
@@ -672,7 +672,7 @@ function Ft(a) {
       return It(a);
   }
 }
-const oe = 'input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])';
+const Z = 'input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])';
 function Pt(a, e) {
   if (e.editor) return e.editor;
   if (e.__editorTemplate) return "template";
@@ -698,7 +698,7 @@ function Mt(a) {
   a.__editingCellCount = 0, a.removeAttribute("data-has-editing");
 }
 function U(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) : a.value : e?.type === "number" && a.value !== "" || typeof t == "number" && a.value !== "" ? Number(a.value) : a.value;
+  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) {
 }
@@ -708,7 +708,7 @@ function Nt(a, e, t, i) {
     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))));
 }
-class wn extends A {
+class wn extends _ {
   static manifest = {
     ownedProperties: [
       {
@@ -750,10 +750,10 @@ class wn extends A {
   }
   #e = -1;
   #t = -1;
-  #s = /* @__PURE__ */ new Map();
+  #a = /* @__PURE__ */ new Map();
   #n = /* @__PURE__ */ new Set();
   #i = /* @__PURE__ */ new Set();
-  #o = !1;
+  #s = !1;
   #d = -1;
   #r = /* @__PURE__ */ new Map();
   attach(e) {
@@ -770,7 +770,11 @@ class wn extends A {
     }, document.addEventListener(
       "keydown",
       (n) => {
-        n.key === "Escape" && this.#e !== -1 && this.#l(this.#e, !0);
+        if (n.key === "Escape" && this.#e !== -1) {
+          if (this.config.onBeforeEditClose && this.config.onBeforeEditClose(n) === !1)
+            return;
+          this.#o(this.#e, !0);
+        }
       },
       { capture: !0, signal: t }
     ), document.addEventListener(
@@ -778,15 +782,15 @@ class wn extends A {
       (n) => {
         if (this.#e === -1) return;
         const r = i.findRenderedRowElement?.(this.#e);
-        !r || (n.composedPath && n.composedPath() || []).includes(r) || queueMicrotask(() => {
-          this.#e !== -1 && this.#l(this.#e, !1);
+        !r || (n.composedPath && n.composedPath() || []).includes(r) || this.config.onBeforeEditClose && this.config.onBeforeEditClose(n) === !1 || queueMicrotask(() => {
+          this.#e !== -1 && this.#o(this.#e, !1);
         });
       },
       { signal: t }
     );
   }
   detach() {
-    this.#e = -1, this.#t = -1, this.#s.clear(), this.#n.clear(), this.#i.clear(), super.detach();
+    this.#e = -1, this.#t = -1, this.#a.clear(), this.#n.clear(), this.#i.clear(), super.detach();
   }
   handleQuery(e) {
     if (e.type === "isEditing")
@@ -803,8 +807,21 @@ class wn extends A {
   onKeyDown(e) {
     const t = this.grid;
     if (e.key === "Escape" && this.#e !== -1)
-      return this.#l(this.#e, !0), !0;
+      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 (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;
+    }
+    if (e.key === "Tab" && this.#e !== -1) {
+      e.preventDefault();
+      const i = !e.shiftKey;
+      return this.#g(i), !0;
+    }
     if (e.key === " " || e.key === "Spacebar") {
+      if (this.#e !== -1)
+        return !1;
       const i = t._focusRow, n = t._focusCol;
       if (i >= 0 && n >= 0) {
         const r = t._visibleColumns[n], o = t._rows[i];
@@ -812,7 +829,7 @@ class wn extends A {
           const s = r.field;
           if ($(s)) {
             const d = !o[s];
-            return this.#a(i, r, d, o), e.preventDefault(), this.requestRender(), !0;
+            return this.#f(i, r, d, o), e.preventDefault(), this.requestRender(), !0;
           }
         }
       }
@@ -820,7 +837,7 @@ class wn extends A {
     }
     if (e.key === "Enter" && !e.shiftKey) {
       if (this.#e !== -1)
-        return !1;
+        return !!(this.config.onBeforeEditClose && this.config.onBeforeEditClose(e) === !1);
       const i = this.config.editOn ?? t.effectiveConfig?.editOn;
       if (i === !1 || i === "manual") return !1;
       const n = t._focusRow, r = t._focusCol;
@@ -840,12 +857,12 @@ class wn extends A {
           }
         });
         this.gridElement.dispatchEvent(h);
-        const g = new CustomEvent("activate-cell", {
+        const f = new CustomEvent("activate-cell", {
           cancelable: !0,
           bubbles: !0,
           detail: { row: n, col: r }
         });
-        return this.gridElement.dispatchEvent(g), h.defaultPrevented || g.defaultPrevented ? (e.preventDefault(), !0) : (this.beginBulkEdit(n), !0);
+        return this.gridElement.dispatchEvent(f), h.defaultPrevented || f.defaultPrevented ? (e.preventDefault(), !0) : (this.beginBulkEdit(n), !0);
       }
       return !1;
     }
@@ -868,7 +885,7 @@ class wn extends A {
   }
   afterRender() {
     const e = this.grid;
-    if (this.#o && (this.#o = !1, this.#m(e)), this.#d !== -1) {
+    if (this.#s && (this.#s = !1, this.#b(e)), this.#d !== -1) {
       const t = this.#d;
       this.#d = -1, e.animateRow?.(t, "change");
     }
@@ -879,7 +896,7 @@ class wn extends A {
         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.#f(d, r, c, o, l, !0);
+        d && c && this.#l(d, r, c, o, l, !0);
       }
   }
   onScrollRender() {
@@ -983,7 +1000,7 @@ class wn extends A {
     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.#w(e, n, s);
+    s && this.#m(e, n, s);
   }
   beginBulkEdit(e) {
     const t = this.grid;
@@ -995,12 +1012,12 @@ class wn extends A {
       const d = t._visibleColumns[l];
       if (d?.editable) {
         const c = s;
-        c.classList.contains("editing") || this.#f(o, e, d, l, c, !0);
+        c.classList.contains("editing") || this.#l(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(oe);
+        const l = s.querySelector(Z);
         try {
           l?.focus({ preventScroll: !0 });
         } catch {
@@ -1009,25 +1026,38 @@ class wn extends A {
     }, 0);
   }
   commitActiveRowEdit() {
-    this.#e !== -1 && this.#l(this.#e, !1);
+    this.#e !== -1 && this.#o(this.#e, !1);
   }
   cancelActiveRowEdit() {
-    this.#e !== -1 && this.#l(this.#e, !0);
+    this.#e !== -1 && this.#o(this.#e, !0);
   }
-  #w(e, t, i) {
+  #m(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.#f(r, e, o, t, i, !1));
+    !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));
+  }
+  #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);
+    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 });
+      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 }));
   }
   #h() {
     const e = this.grid;
-    e._activeEditRows = this.#e, e._rowEditSnapshots = this.#s;
+    e._activeEditRows = this.#e, e._rowEditSnapshots = this.#a;
   }
   #p(e, t) {
-    this.#e !== e && (this.#s.set(e, { ...t }), this.#e = e, this.#h());
+    this.#e !== e && (this.#a.set(e, { ...t }), this.#e = e, this.#h());
   }
-  #l(e, t) {
+  #o(e, t) {
     if (this.#e !== e) return;
-    const i = this.grid, n = this.#s.get(e), r = i._rows[e], o = i.findRenderedRowElement?.(e);
+    const i = this.grid, n = this.#a.get(e), r = i._rows[e], o = i.findRenderedRowElement?.(e);
     let s;
     if (r)
       try {
@@ -1038,18 +1068,19 @@ class wn extends A {
       const c = Number(d.getAttribute("data-col"));
       if (isNaN(c)) return;
       const u = i._visibleColumns[c];
-      if (!u) return;
+      if (!u || d.hasAttribute("data-editor-managed"))
+        return;
       const h = d.querySelector("input,textarea,select");
       if (h) {
-        const g = u.field, f = r[g], p = U(h, u, f);
-        f !== p && this.#a(e, u, p, r);
+        const f = u.field, g = r[f], p = U(h, u, g);
+        g !== p && this.#f(e, u, p, r);
       }
     }), t && n && r)
       Object.keys(n).forEach((l) => {
         r[l] = n[l];
       }), s && (this.#n.delete(s), this.clearRowInvalid(s));
     else if (!t && r) {
-      const l = this.#g(n, r), d = s ? this.#n.has(s) : l, c = this.emitCancelable("row-commit", {
+      const l = this.#w(n, r), d = s ? this.#n.has(s) : l, c = this.emitCancelable("row-commit", {
         rowIndex: e,
         rowId: s ?? "",
         row: r,
@@ -1063,14 +1094,14 @@ class wn extends A {
         r[u] = n[u];
       }), s && (this.#n.delete(s), this.clearRowInvalid(s))) : !c && l && this.isAnimationEnabled && (this.#d = e);
     }
-    this.#s.delete(e), this.#e = -1, this.#t = -1, this.#h();
+    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);
     o && (o.querySelectorAll(".cell.editing").forEach((l) => {
       l.classList.remove("editing"), Mt(l.parentElement);
-    }), this.requestRender()), this.#o = !0, o || (this.#m(i), this.#o = !1);
+    }), this.requestRender()), this.#s = !0, o || (this.#b(i), this.#s = !1);
   }
-  #a(e, t, i, n) {
+  #f(e, t, i, n) {
     const r = t.field;
     if (!$(r)) return;
     const o = n[r];
@@ -1106,73 +1137,82 @@ class wn extends A {
       oldValue: o,
       newValue: i
     });
-    const f = s.findRenderedRowElement?.(e);
-    f && f.classList.add("changed");
+    const g = s.findRenderedRowElement?.(e);
+    g && g.classList.add("changed");
   }
-  #f(e, t, i, n, r, o) {
+  #l(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 ? (C) => this.grid.updateRow(s, C, "cascade") : _e, d = $(i.field) ? e[i.field] : void 0;
+    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 c = r.parentElement;
     c && Dt(c);
     let u = !1;
-    const h = (C) => {
-      u || this.#e === -1 || this.#a(t, i, C, e);
-    }, g = () => {
+    const h = (x) => {
+      u || this.#e === -1 || this.#f(t, i, x, e);
+    }, f = () => {
       u = !0, $(i.field) && (e[i.field] = d);
-    }, f = document.createElement("div");
-    f.className = "tbw-editor-host", r.innerHTML = "", r.appendChild(f), f.addEventListener("keydown", (C) => {
-      C.key === "Enter" && (C.stopPropagation(), C.preventDefault(), u = !0, this.#l(t, !1)), C.key === "Escape" && (C.stopPropagation(), C.preventDefault(), g(), this.#l(t, !0));
+    }, 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)
+          return;
+        x.stopPropagation(), x.preventDefault(), u = !0, this.#o(t, !1);
+      }
+      if (x.key === "Escape") {
+        if (this.config.onBeforeEditClose && this.config.onBeforeEditClose(x) === !1)
+          return;
+        x.stopPropagation(), x.preventDefault(), f(), this.#o(t, !0);
+      }
     });
     const p = i, w = p.__editorTemplate, b = Pt(this.grid, p) ?? Ft(i), v = d;
     if (b === "template" && w)
-      this.#u(f, p, e, d, h, g, o, t);
+      this.#u(g, p, e, d, h, f, o, t);
     else if (typeof b == "string") {
-      const C = document.createElement(b);
-      C.value = v, C.addEventListener("change", () => h(C.value)), f.appendChild(C), o || queueMicrotask(() => {
-        f.querySelector(oe)?.focus({ preventScroll: !0 });
+      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 });
       });
     } else if (typeof b == "function") {
-      const C = {
+      const x = {
         row: e,
         rowId: s ?? "",
         value: v,
         field: i.field,
         column: i,
         commit: h,
-        cancel: g,
+        cancel: f,
         updateRow: l
-      }, _ = b(C);
-      typeof _ == "string" ? (f.innerHTML = _, Nt(f, i, h, d)) : _ instanceof Node && f.appendChild(_), o || queueMicrotask(() => {
-        f.querySelector(oe)?.focus({ preventScroll: !0 });
+      }, 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 });
       });
     } else if (b && typeof b == "object") {
-      const C = document.createElement("div");
-      C.setAttribute("data-external-editor", ""), C.setAttribute("data-field", i.field), f.appendChild(C);
-      const _ = {
+      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 = {
         row: e,
         rowId: s ?? "",
         value: v,
         field: i.field,
         column: i,
         commit: h,
-        cancel: g,
+        cancel: f,
         updateRow: l
       };
       if (b.mount)
         try {
-          b.mount({ placeholder: C, context: _, spec: b });
+          b.mount({ placeholder: x, context: R, spec: b });
         } catch (E) {
           console.warn(`[tbw-grid] External editor mount error for column '${i.field}':`, E);
         }
       else
         this.grid.dispatchEvent(
-          new CustomEvent("mount-external-editor", { detail: { placeholder: C, spec: b, context: _ } })
+          new CustomEvent("mount-external-editor", { detail: { placeholder: x, spec: b, context: R } })
         );
     }
   }
@@ -1187,8 +1227,8 @@ class wn extends A {
       column: t,
       commit: r,
       cancel: o
-    }) : c.querySelectorAll("*").forEach((g) => {
-      g.childNodes.length === 1 && g.firstChild?.nodeType === Node.TEXT_NODE && (g.textContent = g.textContent?.replace(/{{\s*value\s*}}/g, n == null ? "" : String(n)).replace(/{{\s*row\.([a-zA-Z0-9_]+)\s*}}/g, (f, p) => {
+    }) : 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 "";
         const w = i[p];
         return w == null ? "" : String(w);
@@ -1199,17 +1239,26 @@ class wn extends A {
     );
     if (h) {
       h instanceof HTMLInputElement && h.type === "checkbox" ? h.checked = !!n : h.value = String(n ?? "");
-      let g = !1;
+      let f = !1;
       h.addEventListener("blur", () => {
-        g || r(U(h, t, n));
-      }), h.addEventListener("keydown", (f) => {
-        const p = f;
-        p.key === "Enter" && (p.stopPropagation(), p.preventDefault(), g = !0, r(U(h, t, n)), this.#l(l, !1)), p.key === "Escape" && (p.stopPropagation(), p.preventDefault(), o(), this.#l(l, !0));
+        f || r(U(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);
+        }
+        if (p.key === "Escape") {
+          if (this.config.onBeforeEditClose && this.config.onBeforeEditClose(p) === !1)
+            return;
+          p.stopPropagation(), p.preventDefault(), o(), this.#o(l, !0);
+        }
       }), h instanceof HTMLInputElement && h.type === "checkbox" && h.addEventListener("change", () => r(h.checked)), s || setTimeout(() => h.focus({ preventScroll: !0 }), 0);
     }
     e.appendChild(c);
   }
-  #g(e, t) {
+  #w(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)
@@ -1217,7 +1266,7 @@ class wn extends A {
         return !0;
     return !1;
   }
-  #m(e) {
+  #b(e) {
     queueMicrotask(() => {
       try {
         const t = e._focusRow, i = e._focusCol, n = e.findRenderedRowElement?.(t);
@@ -1309,7 +1358,7 @@ function zt(a, e) {
   });
   we(i, t);
 }
-class bn extends A {
+class bn extends _ {
   name = "export";
   get defaultConfig() {
     return {
@@ -1358,9 +1407,9 @@ class bn extends A {
         case "json": {
           const l = o.map((u) => {
             const h = {};
-            for (const g of r) {
-              let f = u[g.field];
-              n.processCell && (f = n.processCell(f, g.field, u)), h[g.field] = f;
+            for (const f of r) {
+              let g = u[f.field];
+              n.processCell && (g = n.processCell(g, f.field, u)), h[f.field] = g;
             }
             return h;
           }), d = JSON.stringify(l, null, 2);
@@ -1479,7 +1528,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 A {
+class N extends _ {
   static manifest = {
     events: [
       {
@@ -1735,78 +1784,78 @@ class N extends A {
     u.type = "checkbox", u.className = "tbw-filter-checkbox";
     const h = document.createElement("span");
     h.textContent = "Select All", c.appendChild(u), c.appendChild(h), d.appendChild(c);
-    const g = () => {
-      const x = [...b.values()], S = x.every((m) => m), T = x.every((m) => !m);
-      u.checked = S, u.indeterminate = !S && !T;
+    const f = () => {
+      const C = [...b.values()], k = C.every((m) => m), T = C.every((m) => !m);
+      u.checked = k, u.indeterminate = !k && !T;
     };
     u.addEventListener("change", () => {
-      const x = u.checked;
-      for (const S of b.keys())
-        b.set(S, x);
-      g(), _();
+      const C = u.checked;
+      for (const k of b.keys())
+        b.set(k, C);
+      f(), R();
     }), e.appendChild(d);
-    const f = document.createElement("div");
-    f.className = "tbw-filter-values";
+    const g = document.createElement("div");
+    g.className = "tbw-filter-values";
     const p = document.createElement("div");
-    p.className = "tbw-filter-values-spacer", f.appendChild(p);
+    p.className = "tbw-filter-values-spacer", g.appendChild(p);
     const w = document.createElement("div");
-    w.className = "tbw-filter-values-content", f.appendChild(w);
+    w.className = "tbw-filter-values-content", g.appendChild(w);
     const b = /* @__PURE__ */ new Map();
-    i.forEach((x) => {
-      const S = x == null ? "__null__" : String(x);
-      b.set(S, !n.has(x));
-    }), g();
+    i.forEach((C) => {
+      const k = C == null ? "__null__" : String(C);
+      b.set(k, !n.has(C));
+    }), f();
     let v = [];
-    const C = (x, S) => {
-      const T = x == null ? "(Blank)" : String(x), m = x == null ? "__null__" : String(x), y = document.createElement("label");
-      y.className = "tbw-filter-value-item", y.style.position = "absolute", y.style.top = `calc(var(--tbw-filter-item-height, 28px) * ${S})`, y.style.left = "0", y.style.right = "0", y.style.boxSizing = "border-box";
+    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), g();
+        b.set(m, L.checked), f();
       });
       const H = document.createElement("span");
       return H.textContent = T, y.appendChild(L), y.appendChild(H), y;
-    }, _ = () => {
-      const x = v.length, S = f.clientHeight, T = f.scrollTop;
-      if (p.style.height = `${x * o}px`, Gt(x, N.LIST_BYPASS_THRESHOLD / 3)) {
+    }, 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(C(y, L));
+          w.appendChild(x(y, L));
         });
         return;
       }
       const m = Ot({
-        totalRows: x,
-        viewportHeight: S,
+        totalRows: C,
+        viewportHeight: k,
         scrollTop: T,
         rowHeight: o,
         overscan: N.LIST_OVERSCAN
       });
       w.style.transform = `translateY(${m.offsetY}px)`, w.innerHTML = "";
       for (let y = m.start; y < m.end; y++)
-        w.appendChild(C(v[y], y - m.start));
-    }, E = (x) => {
-      const S = this.config.caseSensitive ?? !1, T = S ? x : x.toLowerCase();
+        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 = S ? y : y.toLowerCase();
-        return !x || L.includes(T);
+        const y = m == null ? "(Blank)" : String(m), L = k ? y : y.toLowerCase();
+        return !C || L.includes(T);
       }), v.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();
     };
-    f.addEventListener(
+    g.addEventListener(
       "scroll",
       () => {
-        v.length > 0 && _();
+        v.length > 0 && R();
       },
       { passive: !0 }
-    ), E(l.value), e.appendChild(f);
-    let P;
+    ), E(l.value), e.appendChild(g);
+    let D;
     l.addEventListener("input", () => {
-      clearTimeout(P), P = setTimeout(() => {
+      clearTimeout(D), D = setTimeout(() => {
         this.searchText.set(r, l.value), E(l.value);
       }, this.config.debounceMs ?? 150);
     });
@@ -1814,82 +1863,82 @@ class N extends A {
     I.className = "tbw-filter-buttons";
     const F = document.createElement("button");
     F.className = "tbw-filter-apply-btn", F.textContent = "Apply", F.addEventListener("click", () => {
-      const x = [];
-      for (const [S, T] of b)
+      const C = [];
+      for (const [k, T] of b)
         if (!T)
-          if (S === "__null__")
-            x.push(null);
+          if (k === "__null__")
+            C.push(null);
           else {
-            const m = i.find((y) => String(y) === S);
-            x.push(m !== void 0 ? m : S);
+            const m = i.find((y) => String(y) === k);
+            C.push(m !== void 0 ? m : k);
           }
-      t.applySetFilter(x);
+      t.applySetFilter(C);
     }), I.appendChild(F);
-    const R = document.createElement("button");
-    R.className = "tbw-filter-clear-btn", R.textContent = "Clear Filter", R.addEventListener("click", () => {
+    const S = document.createElement("button");
+    S.className = "tbw-filter-clear-btn", S.textContent = "Clear Filter", S.addEventListener("click", () => {
       t.clearFilter();
-    }), I.appendChild(R), e.appendChild(I);
+    }), I.appendChild(S), e.appendChild(I);
   }
   renderNumberFilterPanel(e, t, i) {
-    const { field: n, column: r } = t, o = r.filterParams, s = r.editorParams, l = (k, K) => {
-      if (typeof k == "number") return k;
-      if (typeof k == "string") {
-        const W = parseFloat(k);
+    const { field: n, column: r } = t, o = r.filterParams, s = r.editorParams, l = (A, K) => {
+      if (typeof A == "number") return A;
+      if (typeof A == "string") {
+        const W = parseFloat(A);
         return isNaN(W) ? K : W;
       }
       return K;
-    }, d = i.filter((k) => typeof k == "number" && !isNaN(k)), c = d.length > 0 ? Math.min(...d) : 0, u = d.length > 0 ? Math.max(...d) : 100, h = l(o?.min ?? s?.min, c), g = l(o?.max ?? s?.max, u), f = o?.step ?? s?.step ?? 1, p = this.filters.get(n);
-    let w = h, b = g;
-    p?.operator === "between" ? (w = l(p.value, h), b = l(p.valueTo, g)) : p?.operator === "greaterThanOrEqual" ? w = l(p.value, h) : p?.operator === "lessThanOrEqual" && (b = l(p.value, g));
+    }, 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 v = document.createElement("div");
     v.className = "tbw-filter-range-inputs";
-    const C = document.createElement("div");
-    C.className = "tbw-filter-range-group";
-    const _ = document.createElement("label");
-    _.textContent = "Min", _.className = "tbw-filter-range-label";
+    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(g), E.step = String(f), E.value = String(w), C.appendChild(_), C.appendChild(E), v.appendChild(C);
-    const P = document.createElement("span");
-    P.className = "tbw-filter-range-separator", P.textContent = "–", v.appendChild(P);
+    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);
+    const D = document.createElement("span");
+    D.className = "tbw-filter-range-separator", D.textContent = "–", v.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 R = document.createElement("input");
-    R.type = "number", R.className = "tbw-filter-range-input", R.min = String(h), R.max = String(g), R.step = String(f), R.value = String(b), I.appendChild(F), I.appendChild(R), v.appendChild(I), e.appendChild(v);
-    const x = document.createElement("div");
-    x.className = "tbw-filter-range-slider";
-    const S = document.createElement("div");
-    S.className = "tbw-filter-range-track";
+    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);
+    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 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(g), m.step = String(f), m.value = String(w);
+    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(g), y.step = String(f), y.value = String(b), x.appendChild(S), x.appendChild(T), x.appendChild(m), x.appendChild(y), e.appendChild(x);
+    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 k = parseFloat(m.value), K = parseFloat(y.value), W = g - h, ve = (k - h) / W * 100, ut = (K - h) / W * 100;
+      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}%`;
     };
     m.addEventListener("input", () => {
-      const k = Math.min(parseFloat(m.value), parseFloat(y.value));
-      m.value = String(k), E.value = String(k), L();
+      const A = Math.min(parseFloat(m.value), parseFloat(y.value));
+      m.value = String(A), E.value = String(A), L();
     }), y.addEventListener("input", () => {
-      const k = Math.max(parseFloat(y.value), parseFloat(m.value));
-      y.value = String(k), R.value = String(k), L();
+      const A = Math.max(parseFloat(y.value), parseFloat(m.value));
+      y.value = String(A), S.value = String(A), L();
     }), E.addEventListener("input", () => {
-      let k = parseFloat(E.value) || h;
-      k = Math.max(h, Math.min(k, parseFloat(R.value))), m.value = String(k), L();
-    }), R.addEventListener("input", () => {
-      let k = parseFloat(R.value) || g;
-      k = Math.min(g, Math.max(k, parseFloat(E.value))), y.value = String(k), L();
+      let A = parseFloat(E.value) || h;
+      A = Math.max(h, Math.min(A, parseFloat(S.value))), m.value = String(A), L();
+    }), 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 k = parseFloat(E.value), K = parseFloat(R.value);
-      t.applyTextFilter("between", k, K);
+      const A = parseFloat(E.value), K = parseFloat(S.value);
+      t.applyTextFilter("between", A, K);
     }), H.appendChild(Y);
     const X = document.createElement("button");
     X.className = "tbw-filter-clear-btn", X.textContent = "Clear Filter", X.addEventListener("click", () => {
@@ -1897,36 +1946,36 @@ class N extends A {
     }), H.appendChild(X), e.appendChild(H);
   }
   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)) : "" : "", g = h(o?.min) || h(s?.min) || u(d), f = h(o?.max) || h(s?.max) || u(c), p = this.filters.get(n);
+    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 v = document.createElement("div");
     v.className = "tbw-filter-date-range";
-    const C = document.createElement("div");
-    C.className = "tbw-filter-date-group";
-    const _ = document.createElement("label");
-    _.textContent = "From", _.className = "tbw-filter-range-label";
+    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", g && (E.min = g), f && (E.max = f), E.value = w, C.appendChild(_), C.appendChild(E), v.appendChild(C);
-    const P = document.createElement("span");
-    P.className = "tbw-filter-range-separator", P.textContent = "–", v.appendChild(P);
+    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);
+    const D = document.createElement("span");
+    D.className = "tbw-filter-range-separator", D.textContent = "–", v.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 R = document.createElement("input");
-    R.type = "date", R.className = "tbw-filter-date-input", g && (R.min = g), f && (R.max = f), R.value = b, I.appendChild(F), I.appendChild(R), v.appendChild(I), e.appendChild(v);
-    const x = document.createElement("div");
-    x.className = "tbw-filter-buttons";
-    const S = document.createElement("button");
-    S.className = "tbw-filter-apply-btn", S.textContent = "Apply", S.addEventListener("click", () => {
-      const m = E.value, y = R.value;
+    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);
+    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();
-    }), x.appendChild(S);
+    }), C.appendChild(k);
     const T = document.createElement("button");
     T.className = "tbw-filter-clear-btn", T.textContent = "Clear Filter", T.addEventListener("click", () => {
       t.clearFilter();
-    }), x.appendChild(T), e.appendChild(x);
+    }), C.appendChild(T), e.appendChild(C);
   }
   applySetFilter(e, t) {
     this.excludedValues.set(e, new Set(t)), t.length === 0 ? this.filters.delete(e) : this.filters.set(e, {
@@ -2059,7 +2108,7 @@ function Xt(a) {
   return a.some((e) => e.group != null);
 }
 const Zt = "@layer tbw-plugins{.header-group-row{display:grid;grid-auto-flow:column;background:var(--tbw-grouping-columns-header-bg, var(--tbw-color-header-bg));border-bottom:1px solid var(--tbw-grouping-columns-border, var(--tbw-color-border))}.header-group-cell{display:flex;align-items:center;justify-content:center;padding:var(--tbw-button-padding-sm, .25rem .5rem);font-weight:600;font-size:var(--tbw-font-size-sm, .9em);text-transform:uppercase;letter-spacing:.5px;border-right:2px solid var(--tbw-grouping-columns-separator, var(--tbw-color-border-strong, var(--tbw-color-border)))}.header-group-cell:last-child{border-right:none}.header-row .cell.grouped{border-top:none}.header-row .cell.group-end{border-right:2px solid var(--tbw-grouping-columns-separator, var(--tbw-color-border-strong, var(--tbw-color-border)))}.header-row .cell.group-end:last-child{border-right:none}.rows .cell.group-end{border-right:2px solid var(--tbw-grouping-columns-separator, var(--tbw-color-border-strong, var(--tbw-color-border)))}.rows .cell.group-end:last-child{border-right:none}.header-group-row.no-borders{border-bottom:none}.header-group-row.no-borders .header-group-cell{border-right:none}.header-row.no-group-borders .cell.group-end{border-right:1px solid var(--tbw-color-border)}}";
-class vn extends A {
+class vn extends _ {
   static manifest = {
     ownedProperties: [
       {
@@ -2169,10 +2218,10 @@ function Pe({ rows: a, config: e, expanded: t, initialExpanded: i }) {
     let c = n(d);
     c == null || c === !1 ? c = ["__ungrouped__"] : Array.isArray(c) || (c = [c]);
     let u = r;
-    c.forEach((h, g) => {
-      const f = h == null ? "∅" : String(h), p = u.key === "__root__" ? f : u.key + "||" + f;
-      let w = u.children.get(f);
-      w || (w = { key: p, value: h, depth: g, rows: [], children: /* @__PURE__ */ new Map(), parent: u }, u.children.set(f, w)), u = w;
+    c.forEach((h, f) => {
+      const g = h == null ? "∅" : String(h), p = u.key === "__root__" ? g : u.key + "||" + g;
+      let w = u.children.get(g);
+      w || (w = { key: p, value: h, depth: f, rows: [], children: /* @__PURE__ */ new Map(), parent: u }, u.children.set(g, w)), u = w;
     }), u.rows.push(d);
   }), r.children.size === 1 && r.children.has("__ungrouped__") && r.children.get("__ungrouped__").rows.length === a.length)
     return [];
@@ -2224,7 +2273,7 @@ function ni(a) {
   return a.kind !== "group" ? 0 : a.rows.length;
 }
 const ri = "@layer tbw-plugins{.group-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-grouping-rows-bg, var(--tbw-color-panel-bg));font-weight:500;border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height)}.group-row .cell{display:flex;align-items:center;padding:var(--tbw-cell-padding, .125rem .5rem)}.group-row:hover{background:var(--tbw-grouping-rows-bg-hover, var(--tbw-color-row-hover))}.group-toggle{cursor:pointer;user-select:none;display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-toggle-size, 1.25rem);height:var(--tbw-toggle-size, 1.25rem);margin-right:.25rem;background:none;border:0;font:inherit}.group-toggle:hover{background:var(--tbw-grouping-rows-toggle-hover, var(--tbw-color-row-hover));border-radius:var(--tbw-border-radius, .125rem)}.group-label{display:inline-flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.group-count{color:var(--tbw-grouping-rows-count-color, var(--tbw-color-fg-muted));font-size:var(--tbw-font-size-xs, .85em);font-weight:400}.group-aggregates{display:inline-flex;align-items:center;gap:var(--tbw-spacing-lg, 1rem);margin-left:var(--tbw-spacing-lg, 1rem);font-weight:400;font-size:var(--tbw-font-size-sm, .875em);color:var(--tbw-grouping-rows-aggregate-color, var(--tbw-color-fg-muted))}.group-aggregate{white-space:nowrap}.group-row{padding-left:calc(var(--tbw-group-depth, 0) * var(--tbw-group-indent-width, 1.25em))}.data-grid-row.tbw-group-slide-in{animation:tbw-group-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-group-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.data-grid-row.tbw-group-fade-in{animation:tbw-group-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-group-fade-in{0%{opacity:0}to{opacity:1}}}";
-class yn extends A {
+class yn extends _ {
   static manifest = {
     events: [
       {
@@ -2389,12 +2438,12 @@ class yn extends A {
       const c = document.createElement("span");
       c.className = "group-aggregates";
       for (const [u, h] of d) {
-        const g = this.columns.find((p) => p.field === u), f = ee(h, o, u, g);
-        if (f != null) {
+        const f = this.columns.find((p) => p.field === u), g = te(h, o, u, f);
+        if (g != null) {
           const p = document.createElement("span");
           p.className = "group-aggregate", p.setAttribute("data-field", u);
-          const w = g?.header ?? u;
-          p.textContent = `${w}: ${f}`, c.appendChild(p);
+          const w = f?.header ?? u;
+          p.textContent = `${w}: ${g}`, c.appendChild(p);
         }
       }
       c.children.length > 0 && s.appendChild(c);
@@ -2406,32 +2455,32 @@ class yn extends A {
     d && (t.style.display = "grid", t.style.gridTemplateColumns = d);
     let c = !1;
     o.forEach((u, h) => {
-      const g = document.createElement("div");
-      if (g.className = "cell group-cell", g.setAttribute("data-col", String(h)), g.setAttribute("role", "gridcell"), pe(u)) {
-        g.setAttribute("data-field", u.field), t.appendChild(g);
+      const f = document.createElement("div");
+      if (f.className = "cell group-cell", f.setAttribute("data-col", String(h)), f.setAttribute("role", "gridcell"), pe(u)) {
+        f.setAttribute("data-field", u.field), t.appendChild(f);
         return;
       }
       if (c) {
-        const f = r[u.field];
-        if (f) {
-          const p = ee(f, s, u.field, u);
-          g.textContent = p != null ? String(p) : "";
+        const g = r[u.field];
+        if (g) {
+          const p = te(g, s, u.field, u);
+          f.textContent = p != null ? String(p) : "";
         } else
-          g.textContent = "";
+          f.textContent = "";
       } else {
-        c = !0, g.appendChild(this.createToggleButton(e.__groupExpanded, i));
-        const f = document.createElement("span"), p = r[u.field];
+        c = !0, f.appendChild(this.createToggleButton(e.__groupExpanded, i));
+        const g = document.createElement("span"), p = r[u.field];
         if (p) {
-          const w = ee(p, s, u.field, u);
-          f.textContent = w != null ? String(w) : String(e.__groupValue);
+          const w = te(p, s, u.field, u);
+          g.textContent = w != null ? String(w) : String(e.__groupValue);
         } else
-          f.textContent = this.getGroupLabelText(e.__groupValue, e.__groupDepth || 0, e.__groupKey);
-        if (g.appendChild(f), n.showRowCount !== !1) {
+          g.textContent = this.getGroupLabelText(e.__groupValue, e.__groupDepth || 0, e.__groupKey);
+        if (f.appendChild(g), n.showRowCount !== !1) {
           const w = document.createElement("span");
-          w.className = "group-count", w.textContent = ` (${s.length})`, g.appendChild(w);
+          w.className = "group-count", w.textContent = ` (${s.length})`, f.appendChild(w);
         }
       }
-      t.appendChild(g);
+      t.appendChild(f);
     });
   }
   expandAll() {
@@ -2527,7 +2576,7 @@ function li(a, e, t, i) {
   return typeof o == "string" ? r.innerHTML = o : o instanceof HTMLElement && r.appendChild(o), n.appendChild(r), n;
 }
 const di = "@layer tbw-plugins{tbw-grid{.cell[data-field=__tbw_expander]{border-right:none!important;padding:0;display:flex;align-items:center;justify-content:center}.header-row .cell[data-field=__tbw_expander]{display:none}.header-row .cell[data-field=__tbw_expander]+.cell{grid-column:1 / 3}.master-detail-expander{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.master-detail-toggle{cursor:pointer;opacity:.7;user-select:none;display:inline-flex;align-items:center;justify-content:center}.master-detail-toggle:hover{opacity:1}.master-detail-row{grid-column:1 / -1;display:grid;background:var(--tbw-master-detail-bg, var(--tbw-color-row-alt));border-bottom:1px solid var(--tbw-master-detail-border, var(--tbw-color-border));overflow:hidden}.master-detail-cell{padding:var(--tbw-detail-padding, var(--tbw-spacing-xl, 1rem));overflow:auto}.master-detail-row.tbw-expanding{animation:tbw-detail-expand var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}.master-detail-row.tbw-collapsing{animation:tbw-detail-collapse var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}}@keyframes tbw-detail-expand{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:var(--tbw-detail-max-height, 31.25rem);padding-top:var(--tbw-detail-padding, var(--tbw-spacing-xl, 1rem));padding-bottom:var(--tbw-detail-padding, var(--tbw-spacing-xl, 1rem))}}@keyframes tbw-detail-collapse{0%{opacity:1;max-height:var(--tbw-detail-max-height, 31.25rem)}to{opacity:0;max-height:0}}}";
-class nt extends A {
+class nt extends _ {
   name = "masterDetail";
   styles = di;
   get defaultConfig() {
@@ -2558,8 +2607,8 @@ class nt extends A {
     n !== null && (d.animation = n === "false" ? !1 : n), r !== null && (d.showExpandColumn = r !== "false"), o !== null && (d.expandOnRowClick = o === "true"), s !== null && (d.collapseOnClickOutside = s === "true"), l !== null && (d.detailHeight = l === "auto" ? "auto" : parseInt(l, 10));
     const c = t.innerHTML.trim();
     c && !this.config.detailRenderer && (d.detailRenderer = (u, h) => {
-      const g = Je(c, { value: u, row: u });
-      return et(g);
+      const f = Je(c, { value: u, row: u });
+      return et(f);
     }), Object.keys(d).length > 0 && (this.config = { ...this.config, ...d });
   }
   get animationStyle() {
@@ -2762,10 +2811,10 @@ function Me(a, e) {
 function Ne(a, e) {
   return a.find((t) => t.field === e)?.direction;
 }
-const gi = '@layer tbw-plugins{.header-cell[data-sort=asc]:after{content:"↑";margin-left:var(--tbw-spacing-xs, .25em);opacity:.8}.header-cell[data-sort=desc]:after{content:"↓";margin-left:var(--tbw-spacing-xs, .25em);opacity:.8}.sort-indicator{margin-left:var(--tbw-spacing-xs, .25em);opacity:.8}.sort-index{font-size:var(--tbw-font-size-2xs, .7em);background:var(--tbw-multi-sort-badge-bg, var(--tbw-color-panel-bg));color:var(--tbw-multi-sort-badge-color, var(--tbw-color-fg));border-radius:50%;width:var(--tbw-multi-sort-badge-size, 1em);height:var(--tbw-multi-sort-badge-size, 1em);display:inline-flex;align-items:center;justify-content:center;margin-left:var(--tbw-spacing-xs, .125em);font-weight:600}}';
-class xn extends A {
+const fi = '@layer tbw-plugins{.header-cell[data-sort=asc]:after{content:"↑";margin-left:var(--tbw-spacing-xs, .25em);opacity:.8}.header-cell[data-sort=desc]:after{content:"↓";margin-left:var(--tbw-spacing-xs, .25em);opacity:.8}.sort-indicator{margin-left:var(--tbw-spacing-xs, .25em);opacity:.8}.sort-index{font-size:var(--tbw-font-size-2xs, .7em);background:var(--tbw-multi-sort-badge-bg, var(--tbw-color-panel-bg));color:var(--tbw-multi-sort-badge-color, var(--tbw-color-fg));border-radius:50%;width:var(--tbw-multi-sort-badge-size, 1em);height:var(--tbw-multi-sort-badge-size, 1em);display:inline-flex;align-items:center;justify-content:center;margin-left:var(--tbw-spacing-xs, .125em);font-weight:600}}';
+class xn extends _ {
   name = "multiSort";
-  styles = gi;
+  styles = fi;
   get defaultConfig() {
     return {
       maxSortColumns: 3,
@@ -2796,10 +2845,10 @@ class xn extends A {
         n.querySelector('[part~="sort-indicator"], .sort-indicator')?.remove(), n.setAttribute("data-sort", s);
         const c = document.createElement("span");
         c.className = "sort-indicator", this.setIcon(c, this.resolveIcon(s === "asc" ? "sortAsc" : "sortDesc"));
-        const u = n.querySelector(".tbw-filter-btn"), h = n.querySelector(".resize-handle"), g = u ?? h;
-        if (g ? n.insertBefore(c, g) : n.appendChild(c), t && this.sortModel.length > 1 && o !== void 0) {
-          const f = document.createElement("span");
-          f.className = "sort-index", f.textContent = String(o), c.nextSibling ? n.insertBefore(f, c.nextSibling) : n.appendChild(f);
+        const u = n.querySelector(".tbw-filter-btn"), h = n.querySelector(".resize-handle"), f = u ?? h;
+        if (f ? n.insertBefore(c, f) : n.appendChild(c), t && this.sortModel.length > 1 && o !== void 0) {
+          const g = document.createElement("span");
+          g.className = "sort-index", g.textContent = String(o), c.nextSibling ? n.insertBefore(g, c.nextSibling) : n.appendChild(g);
         }
       } else
         n.removeAttribute("data-sort");
@@ -2842,7 +2891,7 @@ class xn extends A {
   }
 }
 function rt(a, e) {
-  return gt(a, e);
+  return ft(a, e);
 }
 function ot(a, e) {
   const t = a.sticky;
@@ -2852,7 +2901,7 @@ function st(a, e) {
   const t = a.sticky;
   return t ? rt(t, e) === "right" : !1;
 }
-function fi(a, e = "ltr") {
+function gi(a, e = "ltr") {
   return a.filter((t) => ot(t, e));
 }
 function pi(a, e = "ltr") {
@@ -2893,7 +2942,7 @@ function He(a) {
   });
 }
 const Ke = "canMoveColumn";
-class Cn extends A {
+class Cn extends _ {
   static manifest = {
     ownedProperties: [
       {
@@ -2967,7 +3016,7 @@ class Cn extends A {
   }
   getLeftPinnedColumns() {
     const e = [...this.columns], t = ue(this.grid);
-    return fi(e, t);
+    return gi(e, t);
   }
   getRightPinnedColumns() {
     const e = [...this.columns], t = ue(this.grid);
@@ -3086,7 +3135,7 @@ function Ge(a, e, t, i, n) {
   };
 }
 const bi = "@layer tbw-plugins{.tbw-footer{flex-shrink:0;z-index:var(--tbw-z-layer-pinned-rows, 20);background:var(--tbw-color-panel-bg)}.tbw-pinned-rows{display:flex;align-items:center;justify-content:space-between;padding:var(--tbw-button-padding, var(--tbw-spacing-md, .5rem) var(--tbw-spacing-lg, .75rem));background:var(--tbw-pinned-rows-bg, var(--tbw-color-panel-bg));border-top:1px solid var(--tbw-pinned-rows-border, var(--tbw-color-border));font-size:var(--tbw-font-size-xs, .75rem);color:var(--tbw-pinned-rows-color, var(--tbw-color-fg-muted));min-height:32px;box-sizing:border-box;min-width:fit-content}.tbw-pinned-rows-left,.tbw-pinned-rows-center,.tbw-pinned-rows-right{display:flex;align-items:center;gap:var(--tbw-spacing-xl, 1rem)}.tbw-pinned-rows-left{justify-content:flex-start}.tbw-pinned-rows-center{justify-content:center;flex:1}.tbw-pinned-rows-right{justify-content:flex-end}.tbw-status-panel{white-space:nowrap}.tbw-aggregation-rows{min-width:fit-content;background:var(--tbw-aggregation-bg, var(--tbw-color-header-bg))}.tbw-aggregation-rows-top{border-bottom:1px solid var(--tbw-aggregation-border, var(--tbw-color-border))}.tbw-aggregation-rows-bottom{border-top:1px solid var(--tbw-aggregation-border, var(--tbw-color-border))}.tbw-aggregation-row{display:grid;grid-template-columns:var(--tbw-column-template);font-size:var(--tbw-aggregation-font-size, .8em);font-weight:var(--tbw-aggregation-font-weight, 600)}.tbw-aggregation-cell{padding:var(--tbw-cell-padding, .125rem .5rem);min-height:var(--tbw-row-height, 1.75rem);display:block;align-items:center;border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;text-overflow:ellipsis;white-space:var(--tbw-cell-white-space, nowrap)}.tbw-aggregation-cell:last-child{border-right:0}.tbw-aggregation-cell-full{grid-column:1 / -1;border-right:0}}";
-class En extends A {
+class En extends _ {
   name = "pinnedRows";
   styles = bi;
   get defaultConfig() {
@@ -3192,7 +3241,7 @@ class En extends A {
     this.config.aggregationRows && (this.config.aggregationRows = this.config.aggregationRows.filter((t) => t.id !== e), this.requestRender());
   }
 }
-const vi = ft;
+const vi = gt;
 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;
@@ -3237,38 +3286,38 @@ function Ei(a, e) {
 function at(a, e, t, i, n, r, o) {
   const s = [];
   if (e.length === 0) {
-    const h = Be(a, t, i, n), g = Ve(h);
+    const h = Be(a, t, i, n), f = Ve(h);
     return s.push({
       rowKey: o || "all",
       rowLabel: o || "All",
       depth: r,
       values: h,
-      total: g,
+      total: f,
       isGroup: !1,
       rowCount: a.length
     }), s;
   }
   const l = e[0], d = e.slice(1), c = d.length > 0, u = Ei(a, l);
-  for (const [h, g] of u) {
-    const f = o ? `${o}|${h}` : h, p = Be(g, t, i, n), w = Ve(p);
+  for (const [h, f] of u) {
+    const g = o ? `${o}|${h}` : h, p = Be(f, t, i, n), w = Ve(p);
     let b;
     c && (b = at(
-      g,
+      f,
       d,
       t,
       i,
       n,
       r + 1,
-      f
+      g
     )), s.push({
-      rowKey: f,
+      rowKey: g,
       rowLabel: h || "(blank)",
       depth: r,
       values: p,
       total: w,
       isGroup: c,
       children: b,
-      rowCount: g.length
+      rowCount: f.length
     });
   }
   return s;
@@ -3277,7 +3326,7 @@ function Be(a, e, t, i) {
   const n = {};
   for (const r of t)
     for (const o of i) {
-      const l = (e.length > 0 ? a.filter((h) => e.map((g) => String(h[g] ?? "")).join("|") === r) : a).map((h) => Number(h[o.field]) || 0), d = vi(o.aggFunc), c = l.length > 0 ? d(l) : null, u = be([r], o.field);
+      const l = (e.length > 0 ? a.filter((h) => e.map((f) => String(h[f] ?? "")).join("|") === r) : a).map((h) => Number(h[o.field]) || 0), d = vi(o.aggFunc), c = l.length > 0 ? d(l) : null, u = be([r], o.field);
       n[u] = c;
     }
   return n;
@@ -3579,7 +3628,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 A {
+class G extends _ {
   name = "pivot";
   styles = qi;
   static PANEL_ID = "pivot";
@@ -3867,10 +3916,10 @@ class G extends A {
     n >= 0 && (i[n] = { ...i[n], aggFunc: t }, this.config.valueFields = [...i]), this.isActive && this.refresh();
   }
 }
-const Q = "tbw-print-isolation-style";
+const J = "tbw-print-isolation-style";
 function Hi(a, e) {
   const t = document.createElement("style");
-  return t.id = Q, t.textContent = `
+  return t.id = J, t.textContent = `
     /* Print isolation: hide everything except the target grid */
     @media print {
       /* Hide all body children by default */
@@ -3946,14 +3995,14 @@ async function Ki(a, e = {}) {
   const { orientation: t = "landscape" } = e, i = a.id;
   document.querySelectorAll(`#${CSS.escape(i)}`).length > 1 && console.warn(
     `[tbw-grid:print] Multiple elements found with id="${i}". Print isolation may not work correctly. Ensure each grid has a unique ID.`
-  ), document.getElementById(Q)?.remove();
+  ), document.getElementById(J)?.remove();
   const r = Hi(i, t);
   return document.head.appendChild(r), new Promise((o) => {
     const s = () => {
-      window.removeEventListener("afterprint", s), document.getElementById(Q)?.remove(), o();
+      window.removeEventListener("afterprint", s), document.getElementById(J)?.remove(), o();
     };
     window.addEventListener("afterprint", s), window.print(), setTimeout(() => {
-      window.removeEventListener("afterprint", s), document.getElementById(Q)?.remove(), o();
+      window.removeEventListener("afterprint", s), document.getElementById(J)?.remove(), o();
     }, 5e3);
   });
 }
@@ -3967,16 +4016,16 @@ const zi = ".tbw-print-header,.tbw-print-footer{display:none}@media print{tbw-gr
   title: "",
   isolate: !1
 };
-class Rn extends A {
+class Rn extends _ {
   name = "print";
   version = "1.0.0";
   styles = zi;
   #e = !1;
   #t = null;
-  #s = null;
+  #a = null;
   #n = null;
   #i = null;
-  #o = null;
+  #s = null;
   #d = null;
   get #r() {
     return this.grid;
@@ -4016,9 +4065,9 @@ Click OK to continue, or Cancel to abort.`
     });
     try {
       const d = this.#r;
-      this.#s = {
+      this.#a = {
         bypassThreshold: d._virtualization?.bypassThreshold ?? 24
-      }, this.#l(), 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.#w(), 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.#h(), this.emit("print-complete", {
+      }, 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", {
         success: !0,
         rowCount: o,
         duration: Math.round(performance.now() - l)
@@ -4044,16 +4093,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.#o = document.createElement("div"), this.#o.className = "tbw-print-footer", this.#o.textContent = `Page generated from ${window.location.hostname}`, t.appendChild(this.#o);
+      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);
     }
   }
-  async #w() {
+  async #m() {
     const e = this.#r;
     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 #h() {
+  async #g() {
     return new Promise((e) => {
       const t = () => {
         window.removeEventListener("afterprint", t), e();
@@ -4063,13 +4112,13 @@ Click OK to continue, or Cancel to abort.`
       }, 1e3);
     });
   }
-  async #p(e) {
+  async #h(e) {
     const t = this.gridElement;
     t && await Ki(t, {
       orientation: e.orientation
     });
   }
-  #l() {
+  #p() {
     const e = this.columns;
     if (e) {
       this.#t = /* @__PURE__ */ new Map();
@@ -4077,7 +4126,7 @@ Click OK to continue, or Cancel to abort.`
         t.printHidden && t.field && (this.#t.set(t.field, !t.hidden), this.grid.setColumnVisible(t.field, !1));
     }
   }
-  #a() {
+  #o() {
     if (this.#t) {
       for (const [e, t] of this.#t)
         this.grid.setColumnVisible(e, t);
@@ -4087,15 +4136,15 @@ Click OK to continue, or Cancel to abort.`
   #f() {
     const e = this.gridElement;
     if (!e) return;
-    this.#a(), 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.#o && (this.#o.remove(), this.#o = null);
+    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.#s && t._virtualization && (t._virtualization.bypassThreshold = this.#s.bypassThreshold, t.refreshVirtualWindow(!0), this.#s = null), this.#n !== null && (this.grid.rows = this.#n, this.#n = null);
+    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);
   }
   afterRender() {
-    this.config?.button && !this.#u && (this.#g(), this.#u = !0);
+    this.config?.button && !this.#l && (this.#u(), this.#l = !0);
   }
-  #u = !1;
-  #g() {
+  #l = !1;
+  #u() {
     this.#r.registerToolbarContent?.({
       id: "print-button",
       order: 900,
@@ -4124,7 +4173,7 @@ function $e(a, e, t) {
   return i.splice(t, 0, n), i;
 }
 const Bi = '@layer tbw-plugins{.header-row>.cell[draggable=true]{cursor:grab;position:relative}.header-row>.cell.dragging{opacity:.5;cursor:grabbing}.header-row>.cell.drop-before:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent));z-index:1}.header-row>.cell.drop-after:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent));z-index:1}.cell.flip-animating{transition:transform var(--tbw-animation-duration, .2s) ease-out;will-change:transform;z-index:1}@keyframes reorder-fade-in{0%{opacity:0}to{opacity:1}}.cell.fade-animating{animation:reorder-fade-in var(--tbw-animation-duration, .2s) ease-out backwards}}';
-class Sn extends A {
+class Sn extends _ {
   name = "reorder";
   styles = Bi;
   get defaultConfig() {
@@ -4190,13 +4239,13 @@ class Sn extends A {
         const l = this.draggedField, d = this.draggedIndex, c = this.dropIndex;
         if (!this.isDragging || l === null || d === null || c === null)
           return;
-        const u = c > d ? c - 1 : c, h = this.getColumnOrder(), g = $e(h, d, u), f = {
+        const u = c > d ? c - 1 : c, h = this.getColumnOrder(), f = $e(h, d, u), g = {
           field: l,
           fromIndex: d,
           toIndex: u,
-          columnOrder: g
+          columnOrder: f
         };
-        this.emitCancelable("column-move", f) || this.updateColumnOrder(g);
+        this.emitCancelable("column-move", g) || this.updateColumnOrder(f);
       }));
     });
   }
@@ -4213,7 +4262,7 @@ class Sn extends A {
     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, D(this.grid), e.preventDefault(), e.stopPropagation(), !0;
+      return this.moveColumn(r.field, l), t._focusCol = l, P(this.grid), e.preventDefault(), e.stopPropagation(), !0;
   }
   getColumnOrder() {
     return this.grid.getColumnOrder();
@@ -4317,7 +4366,7 @@ class Sn extends A {
   }
 }
 const Vi = 'tbw-grid[data-responsive-animate]{.data-grid-row,.data-grid-row>.cell{transition:opacity var(--tbw-responsive-duration, .2s) ease-out,transform var(--tbw-responsive-duration, .2s) ease-out}}tbw-grid[data-responsive][data-responsive-animate]{.data-grid-row{animation:responsive-card-enter var(--tbw-responsive-duration, .2s) ease-out}}@keyframes responsive-card-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}tbw-grid[data-responsive]{.header{display:none!important}.footer-row{display:none}.tbw-scroll-area{overflow-x:hidden;min-width:0!important}.rows-body-wrapper{min-width:0!important}.data-grid-row:not(.group-row){display:block!important;grid-template-columns:none!important;padding:var(--tbw-cell-padding);padding-inline-start:var(--tbw-spacing-xl);border-bottom:1px solid var(--tbw-color-border);min-height:auto!important;height:auto!important;contain:none!important;content-visibility:visible!important;background:var(--tbw-color-bg);position:relative;&:nth-child(2n){background:var(--tbw-color-row-alt)}&:hover{background:var(--tbw-color-row-hover)}&[aria-selected=true]{background:var(--tbw-color-selection);&:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:var(--tbw-color-accent)}}}.data-grid-row:not(.group-row)>.cell{display:flex!important;justify-content:space-between;align-items:center;padding:var(--tbw-spacing-xs) var(--tbw-spacing-md);width:100%!important;min-width:0!important;min-height:auto!important;height:auto!important;line-height:1.5!important;position:static!important;left:auto!important;right:auto!important;border:none!important;border-bottom:none!important;border-inline-end:none!important;background:transparent!important;white-space:normal!important;overflow:visible!important;&:before{content:attr(data-header) ": ";font-weight:600;color:var(--tbw-color-header-fg);flex-shrink:0;margin-inline-end:var(--tbw-spacing-md);min-width:100px}&:after{content:none}}.cell[data-utility]{display:none!important}}tbw-grid[data-responsive] .cell[data-responsive-hidden]{display:none!important}tbw-grid[data-responsive] .cell[data-responsive-value-only]{&:before{display:none!important}justify-content:flex-start!important;font-weight:500}tbw-grid:not([data-responsive]) .cell[data-responsive-hidden]{display:none!important}tbw-grid[data-responsive]{.tbw-footer,.tbw-pinned-rows,.tbw-aggregation-rows{display:none!important}.tbw-pinned-rows,.tbw-aggregation-rows,.tbw-aggregation-row{min-width:0!important}}tbw-grid[data-responsive] .data-grid-row.responsive-card{display:block!important;padding:var(--tbw-cell-padding);border-bottom:1px solid var(--tbw-color-border);>*{width:100%}.cell:before{display:none}}';
-class kn extends A {
+class kn extends _ {
   name = "responsive";
   version = "1.0.0";
   styles = Vi;
@@ -4337,10 +4386,10 @@ class kn extends A {
   };
   #e;
   #t = !1;
-  #s;
+  #a;
   #n = !1;
   #i = 0;
-  #o = /* @__PURE__ */ new Set();
+  #s = /* @__PURE__ */ new Set();
   #d = /* @__PURE__ */ new Set();
   #r = null;
   #c = [];
@@ -4355,7 +4404,7 @@ class kn extends A {
     }));
   }
   setBreakpoint(e) {
-    this.config.breakpoint = e, this.#p(this.#i);
+    this.config.breakpoint = e, this.#h(this.#i);
   }
   setCardRenderer(e) {
     this.config.cardRenderer = e, this.#t && this.requestRender();
@@ -4367,14 +4416,14 @@ class kn extends A {
     return this.#r;
   }
   attach(e) {
-    super.attach(e), this.#w(), this.#h(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.#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) => {
       const i = t[0]?.contentRect.width ?? 0;
-      this.#i = i, clearTimeout(this.#s), this.#s = setTimeout(() => {
-        this.#p(i);
+      this.#i = i, clearTimeout(this.#a), this.#a = setTimeout(() => {
+        this.#h(i);
       }, this.config.debounceMs ?? 100);
     }), this.#e.observe(this.gridElement);
   }
-  #w() {
+  #m() {
     const e = this.grid;
     if (!e || typeof e.querySelector != "function") return;
     const t = e.querySelector("tbw-grid-responsive-card");
@@ -4395,17 +4444,17 @@ class kn extends A {
     }
     const c = t.innerHTML.trim();
     c && !this.config.cardRenderer && !i.__frameworkAdapter?.parseResponsiveCardElement && (d.cardRenderer = (u) => {
-      const h = Je(c, { value: u, row: u }), g = et(h), f = document.createElement("div");
-      return f.className = "tbw-responsive-card-content", f.innerHTML = g, f;
+      const h = Je(c, { value: u, row: u }), f = et(h), g = document.createElement("div");
+      return g.className = "tbw-responsive-card-content", g.innerHTML = f, g;
     }), Object.keys(d).length > 0 && (this.config = { ...this.config, ...d });
   }
-  #h(e) {
-    if (this.#o.clear(), this.#d.clear(), !!e)
+  #g(e) {
+    if (this.#s.clear(), this.#d.clear(), !!e)
       for (const t of e)
-        typeof t == "string" ? this.#o.add(t) : t.showValue ? this.#d.add(t.field) : this.#o.add(t.field);
+        typeof t == "string" ? this.#s.add(t) : t.showValue ? this.#d.add(t.field) : this.#s.add(t.field);
   }
   detach() {
-    this.#e?.disconnect(), this.#e = void 0, clearTimeout(this.#s), this.#s = void 0, this.gridElement && this.gridElement.removeAttribute("data-responsive"), super.detach();
+    this.#e?.disconnect(), this.#e = void 0, clearTimeout(this.#a), this.#a = void 0, this.gridElement && this.gridElement.removeAttribute("data-responsive"), super.detach();
   }
   handleQuery(e) {
     if (e.type === "isCardMode")
@@ -4414,18 +4463,18 @@ class kn extends A {
   afterRender() {
     if (this.#R(), !(this.#c.length > 0 ? this.#r !== null : this.#t))
       return;
-    const t = this.#o.size > 0, i = this.#d.size > 0;
+    const t = this.#s.size > 0, i = this.#d.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.#o.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.#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")));
     }
   }
-  #p(e) {
+  #h(e) {
     if (this.#c.length > 0) {
-      this.#l(e);
+      this.#p(e);
       return;
     }
     const t = this.config.breakpoint ?? 0;
@@ -4439,12 +4488,12 @@ class kn extends A {
       breakpoint: t
     }), this.requestRender());
   }
-  #l(e) {
+  #p(e) {
     let t = null;
     for (const n of this.#c)
       e <= n.maxWidth && (t = n);
     if (t !== this.#r) {
-      this.#r = t, t?.hiddenColumns ? this.#h(t.hiddenColumns) : this.#h(this.config.hiddenColumns);
+      this.#r = t, t?.hiddenColumns ? this.#g(t.hiddenColumns) : this.#g(this.config.hiddenColumns);
       const n = t?.cardLayout === !0;
       n !== this.#t && (this.#t = n, this.#f()), this.emit("responsive-change", {
         isResponsive: this.#t,
@@ -4453,21 +4502,21 @@ class kn extends A {
       }), this.requestRender();
     }
   }
-  #a;
+  #o;
   #f() {
     this.gridElement.toggleAttribute("data-responsive", this.#t);
     const e = this.config.animate !== !1;
     this.gridElement.toggleAttribute("data-responsive-animate", e), this.config.animationDuration && this.gridElement.style.setProperty("--tbw-responsive-duration", `${this.config.animationDuration}ms`);
     const t = this.grid;
     if (this.#t) {
-      t._virtualization && (this.#a = t._virtualization.rowHeight);
+      t._virtualization && (this.#o = 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.#a && this.#a > 0 && t._virtualization && (t._virtualization.rowHeight = this.#a, this.#a = void 0), this.#u = void 0, this.#g = void 0, this.#m = void 0;
+      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;
     }
   }
   renderRow(e, t, i) {
@@ -4486,40 +4535,40 @@ class kn extends A {
     switch (e.key) {
       case "ArrowDown":
         if (this.grid._focusCol < i)
-          return this.grid._focusCol += 1, e.preventDefault(), D(this.grid), !0;
+          return this.grid._focusCol += 1, e.preventDefault(), P(this.grid), !0;
         if (this.grid._focusRow < t)
-          return this.grid._focusRow += 1, this.grid._focusCol = 0, e.preventDefault(), D(this.grid), !0;
+          return this.grid._focusRow += 1, this.grid._focusCol = 0, e.preventDefault(), P(this.grid), !0;
         break;
       case "ArrowUp":
         if (this.grid._focusCol > 0)
-          return this.grid._focusCol -= 1, e.preventDefault(), D(this.grid), !0;
+          return this.grid._focusCol -= 1, e.preventDefault(), P(this.grid), !0;
         if (this.grid._focusRow > 0)
-          return this.grid._focusRow -= 1, this.grid._focusCol = i, e.preventDefault(), D(this.grid), !0;
+          return this.grid._focusRow -= 1, this.grid._focusCol = i, e.preventDefault(), P(this.grid), !0;
         break;
       case "ArrowRight":
         if (this.grid._focusRow < t)
-          return this.grid._focusRow += 1, e.preventDefault(), D(this.grid), !0;
+          return this.grid._focusRow += 1, e.preventDefault(), P(this.grid), !0;
         break;
       case "ArrowLeft":
         if (this.grid._focusRow > 0)
-          return this.grid._focusRow -= 1, e.preventDefault(), D(this.grid), !0;
+          return this.grid._focusRow -= 1, e.preventDefault(), P(this.grid), !0;
         break;
     }
     return !1;
   }
+  #l;
   #u;
-  #g;
-  #m;
-  #y() {
-    if (this.#u && this.#u > 0)
-      return this.#u;
+  #w;
+  #b() {
+    if (this.#l && this.#l > 0)
+      return this.#l;
     const e = this.config.cardRowHeight;
     return typeof e == "number" && e > 0 ? e : 80;
   }
   #x() {
-    return this.#g && this.#g > 0 ? this.#g : this.#a ?? 28;
+    return this.#u && this.#u > 0 ? this.#u : this.#o ?? 28;
   }
-  #b() {
+  #v() {
     for (const e of this.rows)
       if (e.__isGroupRow)
         return !0;
@@ -4532,15 +4581,15 @@ class kn extends A {
     return { groupCount: e, cardCount: t };
   }
   getExtraHeight() {
-    if (!this.#t || !this.config.cardRenderer || !this.#b())
+    if (!this.#t || !this.config.cardRenderer || !this.#v())
       return 0;
-    const e = this.#a ?? 28, t = this.#x(), i = this.#y(), { groupCount: n, cardCount: r } = this.#C(), o = n * Math.max(0, t - e), s = r * Math.max(0, i - e);
+    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);
     return o + s;
   }
   getExtraHeightBefore(e) {
-    if (!this.#t || !this.config.cardRenderer || !this.#b())
+    if (!this.#t || !this.config.cardRenderer || !this.#v())
       return 0;
-    const t = this.#a ?? 28, i = this.#x(), n = this.#y(), r = Math.max(0, i - t), o = Math.max(0, n - t);
+    const t = this.#o ?? 28, i = this.#x(), 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++)
@@ -4553,31 +4602,31 @@ class kn extends A {
       t.__isGroupRow || e++;
     return e;
   }
-  #v = !1;
+  #y = !1;
   #R() {
     if (!this.#t || !this.config.cardRenderer)
       return;
     let e = !1;
-    const t = this.grid, i = this.#b(), n = this.#E();
-    if (n !== this.#m && (this.#m = n, e = !0), i) {
+    const t = this.grid, i = this.#v(), n = this.#E();
+    if (n !== this.#w && (this.#w = 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.#g && (this.#g = s, e = !0);
+        s > 0 && s !== this.#u && (this.#u = s, e = !0);
       }
     }
     const r = this.gridElement.querySelector(".data-grid-row.responsive-card");
     if (r) {
       const o = r.getBoundingClientRect().height;
-      o > 0 && o !== this.#u && (this.#u = o, e = !0, !i && t._virtualization && (t._virtualization.rowHeight = o));
+      o > 0 && o !== this.#l && (this.#l = o, e = !0, !i && t._virtualization && (t._virtualization.rowHeight = o));
     }
-    e && !this.#v && (this.#v = !0, queueMicrotask(() => {
-      this.#v = !1, this.grid && this.#t && this.grid.refreshVirtualWindow?.(!0, !0);
+    e && !this.#y && (this.#y = !0, queueMicrotask(() => {
+      this.#y = !1, this.grid && this.#t && this.grid.refreshVirtualWindow?.(!0, !0);
     }));
   }
 }
 const Wi = '@layer tbw-plugins{[data-field=__tbw_row_drag]{display:flex;align-items:center;justify-content:center}.dg-row-drag-handle{display:flex;align-items:center;justify-content:center;min-width:1em;min-height:1em;cursor:grab;user-select:none;color:var(--tbw-row-reorder-handle-color, var(--tbw-color-fg-muted));transition:color var(--tbw-transition-duration, .12s) var(--tbw-transition-ease, ease);font-size:var(--tbw-font-size, 1em);letter-spacing:-2px;&:hover{color:var(--tbw-row-reorder-handle-hover, var(--tbw-color-fg))}&:active{cursor:grabbing}}.data-grid-row.dragging{opacity:.6}.data-grid-row.drop-target{position:relative;&.drop-before:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background-color:var(--tbw-row-reorder-indicator, var(--tbw-color-accent));z-index:10}&.drop-after:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--tbw-row-reorder-indicator, var(--tbw-color-accent));z-index:10}}.data-grid-row.keyboard-moving{background-color:var(--tbw-row-reorder-moving-bg, var(--tbw-focus-background));box-shadow:0 0 0 1px var(--tbw-row-reorder-moving-border, var(--tbw-color-accent)) inset}.data-grid-row.flip-animating{transition:transform var(--tbw-animation-duration, .2s) ease-out;will-change:transform;z-index:1}}', $i = "__tbw_row_drag";
-class An extends A {
+class An extends _ {
   name = "rowReorder";
   styles = Wi;
   get defaultConfig() {
@@ -4700,7 +4749,7 @@ class An extends A {
       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), D(o), this.clearDebounceTimer(), this.debounceTimer = setTimeout(() => {
+    s.splice(i, 0, l), o._rows = s, o._focusRow = i, o._focusCol = r, o.refreshVirtualWindow(!0), P(o), this.clearDebounceTimer(), this.debounceTimer = setTimeout(() => {
       this.flushPendingMove();
     }, this.config.debounceMs ?? 300);
   }
@@ -4719,7 +4768,7 @@ class An extends A {
       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), D(l);
+      l._rows = o, l._focusRow = e, l._focusCol = this.lastFocusCol, l.refreshVirtualWindow(!0), P(l);
     }
   }
   executeMove(e, t, i, n) {
@@ -4757,9 +4806,9 @@ class An extends A {
       if (u < 0 || u < r || u > o) return;
       let h;
       u === i ? h = t : t < i ? h = u + 1 : h = u - 1;
-      const g = e.get(h);
-      if (g === void 0) return;
-      const f = c.getBoundingClientRect().top, p = g - f;
+      const f = e.get(h);
+      if (f === void 0) return;
+      const g = c.getBoundingClientRect().top, p = f - g;
       Math.abs(p) > 1 && s.push({ el: c, deltaY: p });
     }), s.length === 0) return;
     s.forEach(({ el: d, deltaY: c }) => {
@@ -4836,7 +4885,7 @@ function de(a, e) {
     endCol: e.col
   };
 }
-function Z(a, e) {
+function Q(a, e) {
   const t = V(a), i = V(e);
   return t.startRow === i.startRow && t.startCol === i.startCol && t.endRow === i.endRow && t.endCol === i.endCol;
 }
@@ -4861,7 +4910,7 @@ function Qi(a, e, t) {
   }
   return a === "range" && e.ranges.length > 0 ? { mode: a, ranges: lt(e.ranges) } : { mode: a, ranges: [] };
 }
-class _n extends A {
+class _n extends _ {
   static manifest = {
     queries: [{ type: "getSelection", description: "Get the current selection state" }],
     configRules: [
@@ -4943,7 +4992,7 @@ class _n extends A {
       const d = n.shiftKey, c = n.ctrlKey || n.metaKey;
       if (d && this.cellAnchor) {
         const u = de(this.cellAnchor, { row: t, col: i }), h = this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] : null;
-        if (h && Z(h, u))
+        if (h && Q(h, u))
           return !1;
         c ? this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] = u : this.ranges.push(u) : this.ranges = [u], this.activeRange = u;
       } else if (c) {
@@ -4961,7 +5010,7 @@ class _n extends A {
           endRow: t,
           endCol: i
         };
-        if (this.ranges.length === 1 && Z(this.ranges[0], u))
+        if (this.ranges.length === 1 && Q(this.ranges[0], u))
           return !1;
         this.ranges = [u], this.activeRange = u, this.cellAnchor = { row: t, col: i };
       }
@@ -5015,7 +5064,7 @@ class _n extends A {
       endRow: i,
       endCol: n
     };
-    return !r && this.ranges.length === 1 && Z(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.#t()), 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;
@@ -5026,7 +5075,7 @@ class _n extends A {
       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 && Z(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.#t()), this.requestAfterRender()), !0;
   }
   onCellMouseUp(e) {
     if (this.isSelectionEnabled() && this.config.mode === "range" && this.isDragging)
@@ -5059,8 +5108,8 @@ class _n extends A {
             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");
-            const f = Math.max(o.startCol, s);
-            u === f && d.classList.add("first"), u === o.endCol && d.classList.add("last");
+            const g = Math.max(o.startCol, s);
+            u === g && d.classList.add("first"), u === o.endCol && d.classList.add("last");
           }
         }
       });
@@ -5125,7 +5174,7 @@ class _n extends A {
     );
   }
 }
-function J(a, e) {
+function ee(a, e) {
   return Math.floor(a / e);
 }
 function Ji(a, e) {
@@ -5135,7 +5184,7 @@ function Ji(a, e) {
   };
 }
 function en(a, e, t) {
-  const i = J(a, t), n = J(e - 1, t), r = [];
+  const i = ee(a, t), n = ee(e - 1, t), r = [];
   for (let o = i; o <= n; o++)
     r.push(o);
   return r;
@@ -5150,13 +5199,13 @@ async function Ue(a, e, t, i) {
   });
 }
 function tn(a, e, t) {
-  const i = J(a, e), n = t.get(i);
+  const i = ee(a, e), n = t.get(i);
   if (!n) return;
   const r = a % e;
   return n[r];
 }
 const nn = 100;
-class Tn extends A {
+class Tn extends _ {
   name = "serverSide";
   get defaultConfig() {
     return {
@@ -5219,7 +5268,7 @@ class Tn extends A {
     return this.totalRowCount;
   }
   isRowLoaded(e) {
-    const t = this.config.cacheBlockSize ?? 100, i = J(e, t);
+    const t = this.config.cacheBlockSize ?? 100, i = ee(e, t);
     return this.loadedBlocks.has(i);
   }
   getLoadedBlockCount() {
@@ -5233,13 +5282,13 @@ function ce(a, e) {
   const t = new Set(a);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
-function fe(a, e, t = null, i = 0) {
+function ge(a, e, t = null, i = 0) {
   const n = e.childrenField ?? "children", r = /* @__PURE__ */ new Set();
   for (let o = 0; o < a.length; o++) {
     const s = a[o], l = dt(s, o, t), d = s[n];
     if (Array.isArray(d) && d.length > 0) {
       r.add(l);
-      const c = fe(d, e, l, i + 1);
+      const c = ge(d, e, l, i + 1);
       for (const u of c) r.add(u);
     }
   }
@@ -5294,7 +5343,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 A {
+class Ln extends _ {
   static manifest = {
     events: [
       {
@@ -5351,7 +5400,7 @@ class Ln extends A {
     if (!Ye(i, t))
       return this.flattenedRows = [], this.rowKeyMap.clear(), this.previousVisibleKeys.clear(), [...e];
     let n = this.withStableKeys(i);
-    this.sortState && (n = this.sortTree(n, this.sortState.field, this.sortState.direction)), this.config.defaultExpanded && !this.initialExpansionDone && (this.expandedKeys = fe(n, this.config), this.initialExpansionDone = !0), this.flattenedRows = this.flattenTree(n, this.expandedKeys), this.rowKeyMap.clear(), this.keysToAnimate.clear();
+    this.sortState && (n = this.sortTree(n, this.sortState.field, this.sortState.direction)), this.config.defaultExpanded && !this.initialExpansionDone && (this.expandedKeys = ge(n, this.config), this.initialExpansionDone = !0), this.flattenedRows = this.flattenTree(n, this.expandedKeys), this.rowKeyMap.clear(), this.keysToAnimate.clear();
     const r = /* @__PURE__ */ new Set();
     for (const o of this.flattenedRows)
       this.rowKeyMap.set(o.key, o), r.add(o.key), !this.previousVisibleKeys.has(o.key) && o.depth > 0 && this.keysToAnimate.add(o.key);
@@ -5404,11 +5453,11 @@ class Ln extends A {
     const t = [...e];
     if (t.length === 0) return t;
     const i = t[0], n = i.viewRenderer, r = () => this.config, o = this.setIcon.bind(this), s = this.resolveIcon.bind(this), l = (d) => {
-      const { row: c, value: u } = d, { showExpandIcons: h = !0, indentWidth: g } = r(), f = c, p = f.__treeDepth ?? 0, w = document.createElement("span");
-      if (w.className = "tree-cell-wrapper", w.style.setProperty("--tbw-tree-depth", String(p)), g !== void 0 && w.style.setProperty("--tbw-tree-indent-width", `${g}px`), h)
-        if (f.__treeHasChildren) {
+      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${f.__treeExpanded ? " expanded" : ""}`, o(v, s(f.__treeExpanded ? "collapse" : "expand")), v.setAttribute("data-tree-key", String(f.__treeKey ?? "")), w.appendChild(v);
+          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);
         } else {
           const v = document.createElement("span");
           v.className = "tree-spacer", w.appendChild(v);
@@ -5476,7 +5525,7 @@ class Ln extends A {
     this.expandedKeys = ce(this.expandedKeys, e), this.emitPluginEvent("tree-state-change", { expandedKeys: [...this.expandedKeys] }), this.requestRender();
   }
   expandAll() {
-    this.expandedKeys = fe(this.rows, this.config), this.emitPluginEvent("tree-state-change", { expandedKeys: [...this.expandedKeys] }), this.requestRender();
+    this.expandedKeys = ge(this.rows, this.config), this.emitPluginEvent("tree-state-change", { expandedKeys: [...this.expandedKeys] }), this.requestRender();
   }
   collapseAll() {
     this.expandedKeys = rn(), this.emitPluginEvent("tree-state-change", { expandedKeys: [...this.expandedKeys] }), this.requestRender();
@@ -5549,7 +5598,7 @@ function hn(a, e, t, i) {
     timestamp: Date.now()
   };
 }
-class In extends A {
+class In extends _ {
   static dependencies = [
     { name: "editing", required: !0, reason: "UndoRedoPlugin tracks cell edit history" }
   ];
@@ -5639,18 +5688,18 @@ class In extends A {
     return [...this.redoStack];
   }
 }
-const gn = '@layer tbw-plugins{.tbw-visibility-content{display:flex;flex-direction:column;height:100%}.tbw-visibility-list{flex:1;overflow-y:auto;padding:var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem))}.tbw-visibility-row{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));padding:var(--tbw-menu-item-padding, .375rem .25rem);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem);border-radius:var(--tbw-border-radius, .25rem);position:relative}.tbw-visibility-row:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover))}.tbw-visibility-row input[type=checkbox]{cursor:pointer}.tbw-visibility-row.locked span{color:var(--tbw-color-fg-muted)}.tbw-visibility-handle{cursor:grab;color:var(--tbw-color-fg-muted);font-size:var(--tbw-font-size-2xs, .625rem);letter-spacing:-2px;user-select:none;flex-shrink:0}.tbw-visibility-row.reorderable:hover .tbw-visibility-handle{color:var(--tbw-color-fg)}.tbw-visibility-label{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));flex:1;cursor:pointer}.tbw-visibility-row.dragging{opacity:.5;cursor:grabbing}.tbw-visibility-row.drop-before:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--tbw-visibility-indicator, var(--tbw-color-accent))}.tbw-visibility-row.drop-after:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--tbw-visibility-indicator, var(--tbw-color-accent))}.tbw-visibility-show-all{margin:var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem));padding:var(--tbw-button-padding, .5rem .75rem);border:1px solid var(--tbw-visibility-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius, .25rem);background:var(--tbw-visibility-btn-bg, var(--tbw-color-header-bg));color:var(--tbw-color-fg);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem)}.tbw-visibility-show-all:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover))}}';
+const fn = '@layer tbw-plugins{.tbw-visibility-content{display:flex;flex-direction:column;height:100%}.tbw-visibility-list{flex:1;overflow-y:auto;padding:var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem))}.tbw-visibility-row{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));padding:var(--tbw-menu-item-padding, .375rem .25rem);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem);border-radius:var(--tbw-border-radius, .25rem);position:relative}.tbw-visibility-row:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover))}.tbw-visibility-row input[type=checkbox]{cursor:pointer}.tbw-visibility-row.locked span{color:var(--tbw-color-fg-muted)}.tbw-visibility-handle{cursor:grab;color:var(--tbw-color-fg-muted);font-size:var(--tbw-font-size-2xs, .625rem);letter-spacing:-2px;user-select:none;flex-shrink:0}.tbw-visibility-row.reorderable:hover .tbw-visibility-handle{color:var(--tbw-color-fg)}.tbw-visibility-label{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));flex:1;cursor:pointer}.tbw-visibility-row.dragging{opacity:.5;cursor:grabbing}.tbw-visibility-row.drop-before:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--tbw-visibility-indicator, var(--tbw-color-accent))}.tbw-visibility-row.drop-after:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--tbw-visibility-indicator, var(--tbw-color-accent))}.tbw-visibility-show-all{margin:var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem));padding:var(--tbw-button-padding, .5rem .75rem);border:1px solid var(--tbw-visibility-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius, .25rem);background:var(--tbw-visibility-btn-bg, var(--tbw-color-header-bg));color:var(--tbw-color-fg);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem)}.tbw-visibility-show-all:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover))}}';
 function Qe(a) {
   const e = a.meta ?? {};
   return e.lockPosition !== !0 && e.suppressMovable !== !0;
 }
-class B extends A {
+class B extends _ {
   static dependencies = [
     { name: "reorder", required: !1, reason: "Enables drag-to-reorder columns in visibility panel" }
   ];
   name = "visibility";
   static PANEL_ID = "columns";
-  styles = gn;
+  styles = fn;
   get defaultConfig() {
     return {
       allowHideAll: !1
@@ -5775,12 +5824,12 @@ class B extends A {
         return;
       const d = l > s ? l - 1 : l;
       if (d !== s) {
-        const c = this.grid.getAllColumns(), h = c.filter((p) => !p.utility)[d]?.field, g = h ? c.findIndex((p) => p.field === h) : c.length, f = {
+        const c = this.grid.getAllColumns(), h = c.filter((p) => !p.utility)[d]?.field, f = h ? c.findIndex((p) => p.field === h) : c.length, g = {
           field: o,
           fromIndex: s,
-          toIndex: g
+          toIndex: f
         };
-        this.emit("column-reorder-request", f), setTimeout(() => {
+        this.emit("column-reorder-request", g), setTimeout(() => {
           this.rebuildToggles(n);
         }, 0);
       }
@@ -5788,7 +5837,7 @@ class B extends A {
   }
 }
 export {
-  A as BaseGridPlugin,
+  _ as BaseGridPlugin,
   pn as ClipboardPlugin,
   mn as ColumnVirtualizationPlugin,
   it as ContextMenuPlugin,