@toolbox-web/grid 1.3.0 → 1.4.0

package/all.js

@@ -1,20 +1,20 @@
-import { BaseGridPlugin as R, DEFAULT_GRID_ICONS as Ue, a as Ye, runAggregator as de, e as Xe, s as Ze, PLUGIN_QUERIES as Ge, getAggregator as ce, getValueAggregator as Je, b as L, c as ue, g as Qe } from "./index.js";
-import { DEFAULT_ANIMATION_CONFIG as fn, DGEvents as gn, DataGridElement as pn, FitModeEnum as mn, GridCSSVars as wn, GridClasses as bn, GridDataAttrs as vn, DataGridElement as yn, GridSelectors as Cn, PluginEvents as xn, PluginManager as Rn, RenderPhase as En, builtInSort as Sn, createGrid as kn, defaultComparator as An, queryGrid as _n } from "./index.js";
-const Oe = "__tbw_expander", et = 32;
-function re(s) {
-  return s.field === Oe;
+import { BaseGridPlugin as R, DEFAULT_GRID_ICONS as Ze, a as Je, runAggregator as he, e as Qe, s as et, PLUGIN_QUERIES as Ve, getAggregator as ge, getValueAggregator as tt, b as _, c as fe, g as it } from "./index.js";
+import { DEFAULT_ANIMATION_CONFIG as Cn, DGEvents as xn, DataGridElement as Rn, FitModeEnum as En, GridCSSVars as Sn, GridClasses as kn, GridDataAttrs as An, DataGridElement as _n, GridSelectors as Ln, PluginEvents as Tn, PluginManager as In, RenderPhase as Pn, builtInSort as Fn, createGrid as Dn, defaultComparator as Mn, queryGrid as qn } from "./index.js";
+const We = "__tbw_expander", nt = 32;
+function se(s) {
+  return s.field === We;
 }
 function I(s) {
   return s.meta?.utility === !0;
 }
-function tt(s) {
-  return s.find(re);
+function rt(s) {
+  return s.find(se);
 }
-function it(s) {
+function ot(s) {
   return {
-    field: Oe,
+    field: We,
     header: "",
-    width: et,
+    width: nt,
     resizable: !1,
     sortable: !1,
     filterable: !1,
@@ -27,7 +27,7 @@ function it(s) {
     }
   };
 }
-async function W(s) {
+async function j(s) {
   try {
     return await navigator.clipboard.writeText(s), !0;
   } catch {
@@ -37,7 +37,7 @@ async function W(s) {
     return document.body.removeChild(e), t;
   }
 }
-function he(s, e) {
+function pe(s, e) {
   const t = e.delimiter ?? "	", i = e.newline ?? `
 `, n = s.replace(/\r\n/g, `
 `).replace(/\r/g, `
@@ -49,14 +49,14 @@ function he(s, e) {
   }
   return o.push(a), (o.length > 1 || o.some((d) => d.trim() !== "")) && r.push(o), r;
 }
-async function nt() {
+async function st() {
   try {
     return await navigator.clipboard.readText();
   } catch {
     return "";
   }
 }
-function rt(s, e) {
+function at(s, e) {
   const { rows: t, target: i, fields: n } = s;
   if (!i) return;
   const r = e.rows, o = e.effectiveConfig.columns ?? [], a = o.map((u) => u.field), l = /* @__PURE__ */ new Map();
@@ -65,23 +65,23 @@ function rt(s, e) {
   });
   const d = [...r], c = i.bounds ? i.bounds.endRow : 1 / 0;
   t.forEach((u, h) => {
-    const f = i.row + h;
-    if (!(f > c)) {
+    const g = i.row + h;
+    if (!(g > c)) {
       if (i.bounds) {
-        if (f >= d.length)
+        if (g >= d.length)
           return;
-      } else for (; f >= d.length; ) {
-        const g = {};
-        a.forEach((p) => g[p] = ""), d.push(g);
+      } else for (; g >= d.length; ) {
+        const f = {};
+        a.forEach((p) => f[p] = ""), d.push(f);
       }
-      d[f] = { ...d[f] }, u.forEach((g, p) => {
+      d[g] = { ...d[g] }, u.forEach((f, p) => {
         const m = n[p];
-        m && l.get(m) && (d[f][m] = g);
+        m && l.get(m) && (d[g][m] = f);
       });
     }
   }), e.rows = d;
 }
-class ji extends R {
+class en extends R {
   static dependencies = [
     { name: "selection", required: !1, reason: "Enables copy/paste of selected cells instead of entire grid" }
   ];
@@ -110,7 +110,7 @@ class ji extends R {
     return (e.ctrlKey || e.metaKey) && e.key === "c" ? (this.#e(e.target), !0) : !1;
   }
   #e(e) {
-    const t = this.#i(), i = t?.getSelection(), n = this.columns.length - 1, r = this.rows.length - 1;
+    const t = this.#n(), i = t?.getSelection(), n = this.columns.length - 1, r = this.rows.length - 1;
     let o;
     if (i && i.ranges.length > 0) {
       const { mode: l, ranges: d } = i, c = d[d.length - 1];
@@ -128,12 +128,12 @@ class ji extends R {
     } else if (!t)
       o = { startRow: 0, startCol: 0, endRow: r, endCol: n };
     else {
-      const l = this.#s(e);
+      const l = this.#r(e);
       if (!l) return;
       o = { startRow: l.row, startCol: l.col, endRow: l.row, endCol: l.col };
     }
-    const a = this.#n(o);
-    W(a.text).then(() => {
+    const a = this.#i(o);
+    j(a.text).then(() => {
       this.lastCopied = { text: a.text, timestamp: Date.now() }, this.emit("copy", {
         text: a.text,
         rowCount: a.rowCount,
@@ -145,21 +145,21 @@ class ji extends R {
     const t = e.clipboardData?.getData("text/plain");
     if (!t) return;
     e.preventDefault();
-    const i = he(t, this.config), r = this.#i()?.getSelection(), o = r?.ranges?.[0], a = o?.from.row ?? 0, l = o?.from.col ?? 0, c = o && (r?.mode === "range" || r?.mode === "row") && (o.from.row !== o.to.row || o.from.col !== o.to.col) ? { endRow: o.to.row, endCol: o.to.col } : null, u = c?.endCol ?? this.columns.length - 1, h = this.columns[l], f = h ? { row: a, col: l, field: h.field, bounds: c } : null, g = [], p = i[0]?.length ?? 0;
+    const i = pe(t, this.config), r = this.#n()?.getSelection(), o = r?.ranges?.[0], a = o?.from.row ?? 0, l = o?.from.col ?? 0, c = o && (r?.mode === "range" || r?.mode === "row") && (o.from.row !== o.to.row || o.from.col !== o.to.col) ? { endRow: o.to.row, endCol: o.to.col } : null, u = c?.endCol ?? this.columns.length - 1, h = this.columns[l], g = h ? { row: a, col: l, field: h.field, bounds: c } : null, f = [], p = i[0]?.length ?? 0;
     for (let w = 0; w < p && l + w <= u; w++) {
       const b = this.columns[l + w];
-      b && !b.hidden && g.push(b.field);
+      b && !b.hidden && f.push(b.field);
     }
-    const m = { rows: i, text: t, target: f, fields: g };
+    const m = { rows: i, text: t, target: g, fields: f };
     this.emit("paste", m), this.#o(m);
   }
   #o(e) {
     if (!this.grid) return;
     const { pasteHandler: t } = this.config;
     if (t === null) return;
-    (t ?? rt)(e, this.grid);
+    (t ?? at)(e, this.grid);
   }
-  #i() {
+  #n() {
     try {
       const e = this.grid?.getPluginByName("selection");
       if (e)
@@ -167,17 +167,17 @@ class ji extends R {
     } catch {
     }
   }
-  #n(e) {
+  #i(e) {
     const { startRow: t, startCol: i, endRow: n, endCol: r } = e, o = Math.min(t, n), a = Math.max(t, n), l = Math.min(i, r), d = Math.max(i, r), c = this.config.delimiter ?? "	", u = this.config.newline ?? `
-`, h = [], f = this.columns.slice(l, d + 1).filter((g) => !I(g));
+`, h = [], g = this.columns.slice(l, d + 1).filter((f) => !I(f));
     if (this.config.includeHeaders) {
-      const g = f.map((p) => p.header || p.field);
-      h.push(g.join(c));
+      const f = g.map((p) => p.header || p.field);
+      h.push(f.join(c));
     }
-    for (let g = o; g <= a; g++) {
-      const p = this.rows[g];
+    for (let f = o; f <= a; f++) {
+      const p = this.rows[f];
       if (!p) continue;
-      const m = f.map((w) => {
+      const m = g.map((w) => {
         const b = p[w.field];
         return b == null ? "" : b instanceof Date ? b.toISOString() : String(b);
       });
@@ -189,7 +189,7 @@ class ji extends R {
       columnCount: d - l + 1
     };
   }
-  #s(e) {
+  #r(e) {
     const t = e.closest("[data-field-cache]");
     if (!t) return null;
     const i = t.dataset.fieldCache, n = t.dataset.row;
@@ -200,7 +200,7 @@ class ji extends R {
     return o === -1 ? null : { row: r, col: o };
   }
   async copy() {
-    const t = this.#i()?.getSelection(), i = this.columns.length - 1;
+    const t = this.#n()?.getSelection(), i = this.columns.length - 1;
     let n = { startRow: 0, startCol: 0, endRow: this.rows.length - 1, endCol: i };
     if (t && t.ranges.length > 0) {
       const o = t.ranges[t.ranges.length - 1];
@@ -211,8 +211,8 @@ class ji extends R {
         endCol: o.to.col
       };
     }
-    const r = this.#n(n);
-    return await W(r.text), this.lastCopied = { text: r.text, timestamp: Date.now() }, r.text;
+    const r = this.#i(n);
+    return await j(r.text), this.lastCopied = { text: r.text, timestamp: Date.now() }, r.text;
   }
   async copyRows(e) {
     if (e.length === 0) return "";
@@ -221,44 +221,44 @@ class ji extends R {
       startCol: 0,
       endRow: t[t.length - 1],
       endCol: i
-    }, r = this.#n(n);
-    return await W(r.text), this.lastCopied = { text: r.text, timestamp: Date.now() }, r.text;
+    }, r = this.#i(n);
+    return await j(r.text), this.lastCopied = { text: r.text, timestamp: Date.now() }, r.text;
   }
   async paste() {
-    const e = await nt();
-    return e ? he(e, this.config) : null;
+    const e = await st();
+    return e ? pe(e, this.config) : null;
   }
   getLastCopied() {
     return this.lastCopied;
   }
 }
-const fe = 100;
-function oe(s) {
+const me = 100;
+function ae(s) {
   if (s == null)
-    return fe;
+    return me;
   if (typeof s == "number")
     return s;
   const e = parseFloat(s);
-  return isNaN(e) ? fe : e;
+  return isNaN(e) ? me : e;
 }
-function ge(s) {
-  return s.map((e) => oe(e.width));
+function we(s) {
+  return s.map((e) => ae(e.width));
 }
-function pe(s) {
+function be(s) {
   const e = [];
   let t = 0;
   for (const i of s)
-    e.push(t), t += oe(i.width);
+    e.push(t), t += ae(i.width);
   return e;
 }
-function me(s) {
-  return s.reduce((e, t) => e + oe(t.width), 0);
+function ve(s) {
+  return s.reduce((e, t) => e + ae(t.width), 0);
 }
-function ot(s, e, t, i, n) {
+function lt(s, e, t, i, n) {
   const r = t.length;
   if (r === 0)
     return { startCol: 0, endCol: 0, visibleColumns: [] };
-  let o = st(s, t, i);
+  let o = dt(s, t, i);
   o = Math.max(0, o - n);
   const a = s + e;
   let l = o;
@@ -275,7 +275,7 @@ function ot(s, e, t, i, n) {
     d.push(c);
   return { startCol: o, endCol: l, visibleColumns: d };
 }
-function st(s, e, t) {
+function dt(s, e, t) {
   let i = 0, n = e.length - 1;
   for (; i < n; ) {
     const r = Math.floor((i + n) / 2);
@@ -283,10 +283,10 @@ function st(s, e, t) {
   }
   return i;
 }
-function at(s, e, t) {
+function ct(s, e, t) {
   return t ? s > e : !1;
 }
-class Ui extends R {
+class tn extends R {
   name = "columnVirtualization";
   get defaultConfig() {
     return {
@@ -305,16 +305,16 @@ class Ui extends R {
   attach(e) {
     super.attach(e);
     const t = this.columns;
-    this.columnWidths = ge(t), this.columnOffsets = pe(t), this.totalWidth = me(t), this.endCol = t.length - 1;
+    this.columnWidths = we(t), this.columnOffsets = be(t), this.totalWidth = ve(t), this.endCol = t.length - 1;
   }
   detach() {
     this.columnWidths = [], this.columnOffsets = [], this.isVirtualized = !1, this.startCol = 0, this.endCol = 0, this.scrollLeft = 0, this.totalWidth = 0;
   }
   processColumns(e) {
-    const t = at(e.length, this.config.threshold ?? 30, this.config.autoEnable ?? !0);
-    if (this.isVirtualized = t ?? !1, this.columnWidths = ge(e), this.columnOffsets = pe(e), this.totalWidth = me(e), !t)
+    const t = ct(e.length, this.config.threshold ?? 30, this.config.autoEnable ?? !0);
+    if (this.isVirtualized = t ?? !1, this.columnWidths = we(e), this.columnOffsets = be(e), this.totalWidth = ve(e), !t)
       return this.startCol = 0, this.endCol = e.length - 1, [...e];
-    const i = this.grid.clientWidth || 800, n = ot(
+    const i = this.grid.clientWidth || 800, n = lt(
       this.scrollLeft,
       i,
       this.columnOffsets,
@@ -354,14 +354,14 @@ class Ui extends R {
     return this.totalWidth;
   }
 }
-const $ = "@layer tbw-plugins{.tbw-context-menu{position:fixed;background:var(--tbw-context-menu-bg, var(--tbw-color-panel-bg, light-dark(#f5f5f5, #2a2a2a)));color:var(--tbw-context-menu-fg, var(--tbw-color-fg, light-dark(#222, #eee)));border:1px solid var(--tbw-context-menu-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-border-radius, .25rem);box-shadow:0 2px 10px var(--tbw-color-shadow, rgba(0, 0, 0, .15));min-width:var(--tbw-menu-min-width, 10rem);padding:var(--tbw-spacing-xs, .25rem) 0;z-index:10000;font-size:var(--tbw-font-size-sm, .8125rem);font-family:var(--tbw-font-family, system-ui, sans-serif)}.tbw-context-menu-item{display:flex;align-items:center;padding:var(--tbw-menu-item-padding, .375rem .75rem);cursor:pointer;gap:var(--tbw-menu-item-gap, .5rem)}.tbw-context-menu-item:hover:not(.disabled){background:var(--tbw-context-menu-hover, var(--tbw-color-row-hover, light-dark(#e8e8e8, #3a3a3a)))}.tbw-context-menu-item.disabled{opacity:.5;cursor:default}.tbw-context-menu-item.danger{color:light-dark(#c00,#f66)}.tbw-context-menu-icon{width:var(--tbw-icon-size, 1rem);text-align:center}.tbw-context-menu-label{flex:1}.tbw-context-menu-shortcut{color:var(--tbw-color-fg-muted, light-dark(#888, #888));font-size:var(--tbw-font-size-xs, .6875rem)}.tbw-context-menu-arrow{font-size:var(--tbw-font-size-2xs, .625rem);color:var(--tbw-color-fg-muted, light-dark(#888, #888))}.tbw-context-menu-separator{height:1px;background:var(--tbw-context-menu-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));margin:var(--tbw-spacing-xs, .25rem) 0}}";
-function te(s, e) {
+const U = "@layer tbw-plugins{.tbw-context-menu{position:fixed;background:var(--tbw-context-menu-bg, var(--tbw-color-panel-bg, light-dark(#f5f5f5, #2a2a2a)));color:var(--tbw-context-menu-fg, var(--tbw-color-fg, light-dark(#222, #eee)));border:1px solid var(--tbw-context-menu-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-border-radius, .25rem);box-shadow:0 2px 10px var(--tbw-color-shadow, rgba(0, 0, 0, .15));min-width:var(--tbw-menu-min-width, 10rem);padding:var(--tbw-spacing-xs, .25rem) 0;z-index:10000;font-size:var(--tbw-font-size-sm, .8125rem);font-family:var(--tbw-font-family, system-ui, sans-serif)}.tbw-context-menu-item{display:flex;align-items:center;padding:var(--tbw-menu-item-padding, .375rem .75rem);cursor:pointer;gap:var(--tbw-menu-item-gap, .5rem)}.tbw-context-menu-item:hover:not(.disabled){background:var(--tbw-context-menu-hover, var(--tbw-color-row-hover, light-dark(#e8e8e8, #3a3a3a)))}.tbw-context-menu-item.disabled{opacity:.5;cursor:default}.tbw-context-menu-item.danger{color:light-dark(#c00,#f66)}.tbw-context-menu-icon{width:var(--tbw-icon-size, 1rem);text-align:center}.tbw-context-menu-label{flex:1}.tbw-context-menu-shortcut{color:var(--tbw-color-fg-muted, light-dark(#888, #888));font-size:var(--tbw-font-size-xs, .6875rem)}.tbw-context-menu-arrow{font-size:var(--tbw-font-size-2xs, .625rem);color:var(--tbw-color-fg-muted, light-dark(#888, #888))}.tbw-context-menu-separator{height:1px;background:var(--tbw-context-menu-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));margin:var(--tbw-spacing-xs, .25rem) 0}}";
+function ne(s, e) {
   return (typeof s == "function" ? s(e) : s).filter((i) => !(i.hidden === !0 || typeof i.hidden == "function" && i.hidden(e)));
 }
-function lt(s, e) {
+function ut(s, e) {
   return s.disabled === !0 ? !0 : typeof s.disabled == "function" ? s.disabled(e) : !1;
 }
-function ie(s, e, t, i = Ue.submenuArrow) {
+function re(s, e, t, i = Ze.submenuArrow) {
   const n = document.createElement("div");
   n.className = "tbw-context-menu", n.setAttribute("role", "menu");
   for (const r of s) {
@@ -372,7 +372,7 @@ function ie(s, e, t, i = Ue.submenuArrow) {
     }
     const o = document.createElement("div");
     o.className = "tbw-context-menu-item", r.cssClass && o.classList.add(r.cssClass), o.setAttribute("role", "menuitem"), o.setAttribute("data-id", r.id);
-    const a = lt(r, e);
+    const a = ut(r, e);
     if (a && (o.classList.add("disabled"), o.setAttribute("aria-disabled", "true")), r.icon) {
       const d = document.createElement("span");
       d.className = "tbw-context-menu-icon", d.innerHTML = r.icon, o.appendChild(d);
@@ -386,7 +386,7 @@ function ie(s, e, t, i = Ue.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 = te(r.subMenu, e), h = ie(u, e, t, i);
+        const u = ne(r.subMenu, e), h = re(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");
@@ -399,14 +399,14 @@ function ie(s, e, t, i = Ue.submenuArrow) {
   }
   return n;
 }
-function we(s, e, t) {
+function ye(s, e, t) {
   s.style.position = "fixed", s.style.left = `${e}px`, s.style.top = `${t}px`, s.style.visibility = "hidden", s.style.zIndex = "10000";
   const i = s.getBoundingClientRect(), n = window.innerWidth, r = window.innerHeight;
   let o = e, a = t;
   e + i.width > n && (o = e - i.width), t + i.height > r && (a = t - i.height), o = Math.max(0, o), a = Math.max(0, a), s.style.left = `${o}px`, s.style.top = `${a}px`, s.style.visibility = "visible";
 }
-let D = null, F = null, T = null, j = 0;
-const U = [
+let P = null, F = null, L = null, Y = 0;
+const X = [
   {
     id: "copy",
     name: "Copy",
@@ -424,11 +424,11 @@ const U = [
     }
   }
 ];
-class Yi extends R {
+class nn extends R {
   name = "contextMenu";
   get defaultConfig() {
     return {
-      items: U
+      items: X
     };
   }
   isOpen = !1;
@@ -436,20 +436,20 @@ class Yi extends R {
   params = null;
   menuElement = null;
   attach(e) {
-    super.attach(e), this.installGlobalHandlers(), j++;
+    super.attach(e), this.installGlobalHandlers(), Y++;
   }
   detach() {
     this.menuElement && (this.menuElement.remove(), this.menuElement = null), this.isOpen = !1, this.params = null, this.uninstallGlobalHandlers();
   }
   installGlobalHandlers() {
-    !T && typeof document < "u" && typeof $ == "string" && $ && (T = document.createElement("style"), T.id = "tbw-context-menu-styles", T.textContent = $, document.head.appendChild(T)), D || (D = () => {
+    !L && typeof document < "u" && typeof U == "string" && U && (L = document.createElement("style"), L.id = "tbw-context-menu-styles", L.textContent = U, document.head.appendChild(L)), P || (P = () => {
       document.querySelectorAll(".tbw-context-menu").forEach((t) => t.remove());
-    }, document.addEventListener("click", D)), F || (F = (e) => {
+    }, document.addEventListener("click", P)), F || (F = (e) => {
       e.key === "Escape" && document.querySelectorAll(".tbw-context-menu").forEach((i) => i.remove());
     }, document.addEventListener("keydown", F));
   }
   uninstallGlobalHandlers() {
-    j--, !(j > 0) && (D && (document.removeEventListener("click", D), D = null), F && (document.removeEventListener("keydown", F), F = null), T && (T.remove(), T = null));
+    Y--, !(Y > 0) && (P && (document.removeEventListener("click", P), P = null), F && (document.removeEventListener("keydown", F), F = null), L && (L.remove(), L = null));
   }
   afterRender() {
     const e = this.gridElement;
@@ -461,14 +461,14 @@ class Yi extends R {
       const r = n.target, o = r.closest("[data-row][data-col]"), a = 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], f = this.rows[c];
+        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];
         l = {
-          row: f,
+          row: g,
           rowIndex: c,
           column: h,
           columnIndex: u,
           field: h?.field ?? "",
-          value: f?.[h?.field] ?? null,
+          value: g?.[h?.field] ?? null,
           isHeader: !1,
           event: n
         };
@@ -487,15 +487,15 @@ class Yi extends R {
       } else
         return;
       this.params = l, this.position = { x: n.clientX, y: n.clientY };
-      const d = te(this.config.items ?? U, l);
-      d.length && (this.menuElement && this.menuElement.remove(), this.menuElement = ie(
+      const d = ne(this.config.items ?? X, l);
+      d.length && (this.menuElement && this.menuElement.remove(), this.menuElement = re(
         d,
         l,
         (c) => {
           c.action && c.action(l), this.menuElement?.remove(), this.menuElement = null, this.isOpen = !1;
         },
         this.gridIcons.submenuArrow
-      ), document.body.appendChild(this.menuElement), we(this.menuElement, n.clientX, n.clientY), this.isOpen = !0, this.emit("context-menu-open", { params: l, items: d }));
+      ), document.body.appendChild(this.menuElement), ye(this.menuElement, n.clientX, n.clientY), this.isOpen = !0, this.emit("context-menu-open", { params: l, items: d }));
     }));
   }
   showMenu(e, t, i) {
@@ -508,15 +508,15 @@ class Yi extends R {
       value: i.value ?? null,
       isHeader: i.isHeader ?? !1,
       event: i.event ?? new MouseEvent("contextmenu")
-    }, r = te(this.config.items ?? U, n);
-    this.menuElement && this.menuElement.remove(), this.menuElement = ie(
+    }, r = ne(this.config.items ?? X, n);
+    this.menuElement && this.menuElement.remove(), this.menuElement = re(
       r,
       n,
       (o) => {
         o.action && o.action(n), this.menuElement?.remove(), this.menuElement = null, this.isOpen = !1;
       },
       this.gridIcons.submenuArrow
-    ), document.body.appendChild(this.menuElement), we(this.menuElement, e, t), this.isOpen = !0;
+    ), document.body.appendChild(this.menuElement), ye(this.menuElement, e, t), this.isOpen = !0;
   }
   hideMenu() {
     this.menuElement && (this.menuElement.remove(), this.menuElement = null, this.isOpen = !1);
@@ -525,12 +525,12 @@ class Yi extends R {
     return this.isOpen;
   }
 }
-const dt = "@layer tbw-plugins{tbw-grid{--tbw-editing-bg: var(--tbw-color-selection);--tbw-editing-row-bg: var(--tbw-editing-bg);--tbw-editing-border: var(--tbw-border-input, 1px solid var(--tbw-color-border-strong));--tbw-padding-editing-input: var(--tbw-cell-padding-input, 2px 6px);--tbw-font-size-editor: inherit;--tbw-editing-row-outline-color: var(--tbw-color-accent);--tbw-editing-row-outline-width: 1px;.data-grid-row:has(.editing){background:var(--tbw-editing-row-bg);outline:var(--tbw-editing-row-outline-width) solid var(--tbw-editing-row-outline-color);outline-offset:calc(-1 * var(--tbw-editing-row-outline-width))}.data-grid-row>.cell.editing{overflow:hidden;padding:0;display:flex;min-height:calc(var(--tbw-row-height) + 2px);align-items:center;justify-content:center}.data-grid-row>.cell.editing input:not([type=checkbox]),.data-grid-row>.cell.editing select,.data-grid-row>.cell.editing textarea{width:100%;height:100%;flex:1 1 auto;min-width:0;border:var(--tbw-editing-border);padding:var(--tbw-padding-editing-input);font-size:var(--tbw-font-size-editor)}.tbw-editor-host{display:contents}}}";
-function ct(s) {
+const ht = "@layer tbw-plugins{tbw-grid{--tbw-editing-bg: var(--tbw-color-selection);--tbw-editing-row-bg: var(--tbw-editing-bg);--tbw-editing-border: var(--tbw-border-input, 1px solid var(--tbw-color-border-strong));--tbw-padding-editing-input: var(--tbw-cell-padding-input, 2px 6px);--tbw-font-size-editor: inherit;--tbw-editing-row-outline-color: var(--tbw-color-accent);--tbw-editing-row-outline-width: 1px;.data-grid-row:has(.editing){background:var(--tbw-editing-row-bg);outline:var(--tbw-editing-row-outline-width) solid var(--tbw-editing-row-outline-color);outline-offset:calc(-1 * var(--tbw-editing-row-outline-width))}.data-grid-row>.cell.editing{overflow:hidden;padding:0;display:flex;min-height:calc(var(--tbw-row-height) + 2px);align-items:center;justify-content:center}.data-grid-row>.cell.editing input:not([type=checkbox]),.data-grid-row>.cell.editing select,.data-grid-row>.cell.editing textarea{width:100%;height:100%;flex:1 1 auto;min-width:0;border:var(--tbw-editing-border);padding:var(--tbw-padding-editing-input);font-size:var(--tbw-font-size-editor)}.tbw-editor-host{display:contents}}}";
+function gt(s) {
   const e = s.options;
   return e ? typeof e == "function" ? e() : e : [];
 }
-function ut(s) {
+function ft(s) {
   return (e) => {
     const t = s.editorParams, i = document.createElement("input");
     i.type = "number", i.value = e.value != null ? String(e.value) : "", t?.min !== void 0 && (i.min = String(t.min)), t?.max !== void 0 && (i.max = String(t.max)), t?.step !== void 0 && (i.step = String(t.step)), t?.placeholder && (i.placeholder = t.placeholder);
@@ -540,13 +540,13 @@ function ut(s) {
     }), i;
   };
 }
-function ht() {
+function pt() {
   return (s) => {
     const e = document.createElement("input");
     return e.type = "checkbox", e.checked = !!s.value, e.addEventListener("change", () => s.commit(e.checked)), e;
   };
 }
-function ft(s) {
+function mt(s) {
   return (e) => {
     const t = s.editorParams, i = document.createElement("input");
     return i.type = "date", e.value instanceof Date && (i.valueAsDate = e.value), t?.min && (i.min = t.min), t?.max && (i.max = t.max), t?.placeholder && (i.placeholder = t.placeholder), i.addEventListener("change", () => e.commit(i.valueAsDate)), i.addEventListener("keydown", (n) => {
@@ -554,14 +554,14 @@ function ft(s) {
     }), i;
   };
 }
-function gt(s) {
+function wt(s) {
   return (e) => {
     const t = s.editorParams, i = document.createElement("select");
     if (s.multi && (i.multiple = !0), t?.includeEmpty) {
       const o = document.createElement("option");
       o.value = "", o.textContent = t.emptyLabel ?? "", i.appendChild(o);
     }
-    ct(s).forEach((o) => {
+    gt(s).forEach((o) => {
       const a = document.createElement("option");
       a.value = String(o.value), a.textContent = o.label, (s.multi && Array.isArray(e.value) && e.value.includes(o.value) || !s.multi && e.value === o.value) && (a.selected = !0), i.appendChild(a);
     });
@@ -577,7 +577,7 @@ function gt(s) {
     }), i;
   };
 }
-function pt(s) {
+function bt(s) {
   return (e) => {
     const t = s.editorParams, i = document.createElement("input");
     return i.type = "text", i.value = e.value != null ? String(e.value) : "", t?.maxLength !== void 0 && (i.maxLength = t.maxLength), t?.pattern && (i.pattern = t.pattern), t?.placeholder && (i.placeholder = t.placeholder), i.addEventListener("blur", () => e.commit(i.value)), i.addEventListener("keydown", (n) => {
@@ -585,22 +585,22 @@ function pt(s) {
     }), i;
   };
 }
-function mt(s) {
+function vt(s) {
   switch (s.type) {
     case "number":
-      return ut(s);
+      return ft(s);
     case "boolean":
-      return ht();
+      return pt();
     case "date":
-      return ft(s);
+      return mt(s);
     case "select":
-      return gt(s);
+      return wt(s);
     default:
-      return pt(s);
+      return bt(s);
   }
 }
-const Y = 'input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])';
-function wt(s, e) {
+const Z = 'input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])';
+function yt(s, e) {
   if (e.editor) return e.editor;
   if (e.__editorTemplate) return "template";
   if (!e.type) return;
@@ -614,28 +614,28 @@ function wt(s, e) {
       return r.editor;
   }
 }
-function K(s) {
+function H(s) {
   return !(typeof s != "string" || s === "__proto__" || s === "constructor" || s === "prototype");
 }
-function bt(s) {
+function Ct(s) {
   const e = (s.__editingCellCount ?? 0) + 1;
   s.__editingCellCount = e, s.setAttribute("data-has-editing", "");
 }
-function vt(s) {
+function xt(s) {
   s.__editingCellCount = 0, s.removeAttribute("data-has-editing");
 }
-function N(s, e) {
+function z(s, e) {
   return s instanceof HTMLInputElement ? s.type === "checkbox" ? s.checked : s.type === "number" ? s.value === "" ? null : Number(s.value) : s.type === "date" ? s.valueAsDate : s.value : e?.type === "number" && s.value !== "" ? Number(s.value) : s.value;
 }
-function be(s) {
+function Ce(s) {
 }
-function yt(s, e, t) {
+function Rt(s, e, t) {
   const i = s.querySelector("input,textarea,select");
   i && (i.addEventListener("blur", () => {
-    t(N(i, e));
-  }), i instanceof HTMLInputElement && i.type === "checkbox" ? i.addEventListener("change", () => t(i.checked)) : i instanceof HTMLSelectElement && i.addEventListener("change", () => t(N(i, e))));
+    t(z(i, e));
+  }), i instanceof HTMLInputElement && i.type === "checkbox" ? i.addEventListener("change", () => t(i.checked)) : i instanceof HTMLSelectElement && i.addEventListener("change", () => t(z(i, e))));
 }
-class Xi extends R {
+class rn extends R {
   static manifest = {
     ownedProperties: [
       {
@@ -657,7 +657,7 @@ class Xi extends R {
     ]
   };
   name = "editing";
-  styles = dt;
+  styles = ht;
   get defaultConfig() {
     return {
       editOn: "click"
@@ -666,9 +666,9 @@ class Xi extends R {
   #e = -1;
   #t = -1;
   #o = /* @__PURE__ */ new Map();
-  #i = /* @__PURE__ */ new Set();
   #n = /* @__PURE__ */ new Set();
-  #s = !1;
+  #i = /* @__PURE__ */ new Set();
+  #r = !1;
   attach(e) {
     super.attach(e);
     const t = this.disconnectSignal, i = e;
@@ -683,7 +683,7 @@ class Xi extends R {
     }, document.addEventListener(
       "keydown",
       (n) => {
-        n.key === "Escape" && this.#e !== -1 && this.#r(this.#e, !0);
+        n.key === "Escape" && this.#e !== -1 && this.#s(this.#e, !0);
       },
       { capture: !0, signal: t }
     ), document.addEventListener(
@@ -691,13 +691,15 @@ class Xi extends R {
       (n) => {
         if (this.#e === -1) return;
         const r = i.findRenderedRowElement?.(this.#e);
-        !r || (n.composedPath && n.composedPath() || []).includes(r) || this.#r(this.#e, !1);
+        !r || (n.composedPath && n.composedPath() || []).includes(r) || queueMicrotask(() => {
+          this.#e !== -1 && this.#s(this.#e, !1);
+        });
       },
       { signal: t }
     );
   }
   detach() {
-    this.#e = -1, this.#t = -1, this.#o.clear(), this.#i.clear(), this.#n.clear(), super.detach();
+    this.#e = -1, this.#t = -1, this.#o.clear(), this.#n.clear(), this.#i.clear(), super.detach();
   }
   onCellClick(e) {
     const t = this.grid, i = this.config.editOn ?? t.effectiveConfig?.editOn;
@@ -710,16 +712,16 @@ class Xi extends R {
   onKeyDown(e) {
     const t = this.grid;
     if (e.key === "Escape" && this.#e !== -1)
-      return this.#r(this.#e, !0), !0;
+      return this.#s(this.#e, !0), !0;
     if (e.key === " " || e.key === "Spacebar") {
       const i = t._focusRow, n = t._focusCol;
       if (i >= 0 && n >= 0) {
         const r = t._visibleColumns[n], o = t._rows[i];
         if (r?.editable && r.type === "boolean" && o) {
           const a = r.field;
-          if (K(a)) {
+          if (H(a)) {
             const d = !o[a];
-            return this.#u(i, r, d, o), e.preventDefault(), this.requestRender(), !0;
+            return this.#h(i, r, d, o), e.preventDefault(), this.requestRender(), !0;
           }
         }
       }
@@ -747,12 +749,12 @@ class Xi extends R {
           }
         });
         this.gridElement.dispatchEvent(h);
-        const f = new CustomEvent("activate-cell", {
+        const g = new CustomEvent("activate-cell", {
           cancelable: !0,
           bubbles: !0,
           detail: { row: n, col: r }
         });
-        return this.gridElement.dispatchEvent(f), h.defaultPrevented || f.defaultPrevented ? (e.preventDefault(), !0) : (this.beginBulkEdit(n), !0);
+        return this.gridElement.dispatchEvent(g), h.defaultPrevented || g.defaultPrevented ? (e.preventDefault(), !0) : (this.beginBulkEdit(n), !0);
       }
       return !1;
     }
@@ -775,8 +777,8 @@ class Xi extends R {
   }
   afterRender() {
     const e = this.grid;
-    if (this.#s && (this.#s = !1, this.#h(e)), this.#n.size !== 0)
-      for (const t of this.#n) {
+    if (this.#r && (this.#r = !1, this.#g(e)), this.#i.size !== 0)
+      for (const t of this.#i) {
         const [i, n] = t.split(":"), r = parseInt(i, 10), o = parseInt(n, 10), a = e.findRenderedRowElement?.(r);
         if (!a) continue;
         const l = a.querySelector(`.cell[data-col="${o}"]`);
@@ -790,14 +792,14 @@ class Xi extends R {
   }
   get changedRows() {
     const e = [];
-    for (const t of this.#i) {
+    for (const t of this.#n) {
       const i = this.grid.getRow(t);
       i && e.push(i);
     }
     return e;
   }
   get changedRowIds() {
-    return Array.from(this.#i);
+    return Array.from(this.#n);
   }
   get activeEditRow() {
     return this.#e;
@@ -809,30 +811,30 @@ class Xi extends R {
     return this.#e === e;
   }
   isCellEditing(e, t) {
-    return this.#n.has(`${e}:${t}`);
+    return this.#i.has(`${e}:${t}`);
   }
   isRowChanged(e) {
     const t = this.grid, i = t._rows[e];
     if (!i) return !1;
     try {
       const n = t.getRowId?.(i);
-      return n ? this.#i.has(n) : !1;
+      return n ? this.#n.has(n) : !1;
     } catch {
       return !1;
     }
   }
   isRowChangedById(e) {
-    return this.#i.has(e);
+    return this.#n.has(e);
   }
   resetChangedRows(e) {
     const t = this.changedRows, i = this.changedRowIds;
-    this.#i.clear(), this.#l(), e || this.emit("changed-rows-reset", { rows: t, ids: i }), this.grid._rowPool?.forEach((r) => r.classList.remove("changed"));
+    this.#n.clear(), this.#a(), e || this.emit("changed-rows-reset", { rows: t, ids: i }), this.grid._rowPool?.forEach((r) => r.classList.remove("changed"));
   }
   beginCellEdit(e, t) {
     const i = this.grid, n = i._visibleColumns.findIndex((l) => l.field === t);
     if (n === -1 || !i._visibleColumns[n]?.editable) return;
     const a = i.findRenderedRowElement?.(e)?.querySelector(`.cell[data-col="${n}"]`);
-    a && this.#c(e, n, a);
+    a && this.#d(e, n, a);
   }
   beginBulkEdit(e) {
     const t = this.grid;
@@ -840,7 +842,7 @@ class Xi extends R {
     const r = t.findRenderedRowElement?.(e);
     if (!r) return;
     const o = t._rows[e];
-    this.#d(e, o), Array.from(r.children).forEach((a, l) => {
+    this.#c(e, o), Array.from(r.children).forEach((a, l) => {
       const d = t._visibleColumns[l];
       if (d?.editable) {
         const c = a;
@@ -849,7 +851,7 @@ class Xi extends R {
     }), setTimeout(() => {
       let a = r.querySelector(`.cell[data-col="${t._focusCol}"]`);
       if (a?.classList.contains("editing") || (a = r.querySelector(".cell.editing")), a?.classList.contains("editing")) {
-        const l = a.querySelector(Y);
+        const l = a.querySelector(Z);
         try {
           l?.focus({ preventScroll: !0 });
         } catch {
@@ -858,23 +860,23 @@ class Xi extends R {
     }, 0);
   }
   commitActiveRowEdit() {
-    this.#e !== -1 && this.#r(this.#e, !1);
+    this.#e !== -1 && this.#s(this.#e, !1);
   }
   cancelActiveRowEdit() {
-    this.#e !== -1 && this.#r(this.#e, !0);
+    this.#e !== -1 && this.#s(this.#e, !0);
   }
-  #c(e, t, i) {
+  #d(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.#d(e, r), this.#t = t, this.#p(r, e, o, t, i, !1));
+    !r || !o?.editable || i.classList.contains("editing") || (this.#e !== e && this.#c(e, r), this.#t = t, this.#p(r, e, o, t, i, !1));
   }
-  #l() {
+  #a() {
     const e = this.grid;
     e._activeEditRows = this.#e, e._rowEditSnapshots = this.#o;
   }
-  #d(e, t) {
-    this.#e !== e && (this.#o.set(e, { ...t }), this.#e = e, this.#l());
+  #c(e, t) {
+    this.#e !== e && (this.#o.set(e, { ...t }), this.#e = e, this.#a());
   }
-  #r(e, t) {
+  #s(e, t) {
     if (this.#e !== e) return;
     const i = this.grid, n = this.#o.get(e), r = i._rows[e], o = i.findRenderedRowElement?.(e);
     let a;
@@ -890,15 +892,15 @@ class Xi extends R {
       if (!u) return;
       const h = d.querySelector("input,textarea,select");
       if (h) {
-        const f = N(h, u);
-        r[u.field] !== f && this.#u(e, u, f, r);
+        const g = z(h, u);
+        r[u.field] !== g && this.#h(e, u, g, r);
       }
     }), t && n && r)
       Object.keys(n).forEach((l) => {
         r[l] = n[l];
-      }), a && this.#i.delete(a);
+      }), a && this.#n.delete(a);
     else if (!t && r) {
-      const l = a ? this.#i.has(a) : !1;
+      const l = a ? this.#n.has(a) : !1;
       this.emit("row-commit", {
         rowIndex: e,
         rowId: a ?? "",
@@ -908,16 +910,16 @@ class Xi extends R {
         changedRowIds: this.changedRowIds
       }), l && this.isAnimationEnabled && i.animateRow?.(e, "change");
     }
-    this.#o.delete(e), this.#e = -1, this.#t = -1, this.#l();
-    for (const l of this.#n)
-      l.startsWith(`${e}:`) && this.#n.delete(l);
+    this.#o.delete(e), this.#e = -1, this.#t = -1, this.#a();
+    for (const l of this.#i)
+      l.startsWith(`${e}:`) && this.#i.delete(l);
     o && (o.querySelectorAll(".cell.editing").forEach((l) => {
-      l.classList.remove("editing"), vt(l.parentElement);
-    }), this.requestRender()), this.#s = !0, o || (this.#h(i), this.#s = !1);
+      l.classList.remove("editing"), xt(l.parentElement);
+    }), this.requestRender()), this.#r = !0, o || (this.#g(i), this.#r = !1);
   }
-  #u(e, t, i, n) {
+  #h(e, t, i, n) {
     const r = t.field;
-    if (!K(r)) return;
+    if (!H(r)) return;
     const o = n[r];
     if (o === i) return;
     const a = this.grid;
@@ -926,7 +928,7 @@ class Xi extends R {
       l = this.grid.getRowId(n);
     } catch {
     }
-    const d = l ? !this.#i.has(l) : !0, c = l ? (f) => this.grid.updateRow(l, f, "cascade") : be;
+    const d = l ? !this.#n.has(l) : !0, c = l ? (g) => this.grid.updateRow(l, g, "cascade") : Ce;
     if (this.emitCancelable("cell-commit", {
       row: n,
       rowId: l ?? "",
@@ -939,9 +941,9 @@ class Xi extends R {
       firstTimeForRow: d,
       updateRow: c
     })) return;
-    n[r] = i, l && this.#i.add(l), this.#l();
+    n[r] = i, l && this.#n.add(l), this.#a();
     const h = a.findRenderedRowElement?.(e);
-    h && (h.classList.add("changed"), Ye(h, "change"));
+    h && (h.classList.add("changed"), Je(h, "change"));
   }
   #p(e, t, i, n, r, o) {
     if (!i.editable || r.classList.contains("editing")) return;
@@ -950,26 +952,26 @@ class Xi extends R {
       a = this.grid.getRowId(e);
     } catch {
     }
-    const l = a ? (v) => this.grid.updateRow(a, v, "cascade") : be, d = K(i.field) ? e[i.field] : void 0;
-    r.classList.add("editing"), this.#n.add(`${t}:${n}`);
+    const l = a ? (v) => this.grid.updateRow(a, v, "cascade") : Ce, d = H(i.field) ? e[i.field] : void 0;
+    r.classList.add("editing"), this.#i.add(`${t}:${n}`);
     const c = r.parentElement;
-    c && bt(c);
+    c && Ct(c);
     let u = !1;
     const h = (v) => {
-      u || this.#e === -1 || this.#u(t, i, v, e);
-    }, f = () => {
-      u = !0, K(i.field) && (e[i.field] = d);
-    }, g = document.createElement("div");
-    g.className = "tbw-editor-host", r.innerHTML = "", r.appendChild(g), g.addEventListener("keydown", (v) => {
-      v.key === "Enter" && (v.stopPropagation(), v.preventDefault(), u = !0, this.#r(t, !1)), v.key === "Escape" && (v.stopPropagation(), v.preventDefault(), f(), this.#r(t, !0));
+      u || this.#e === -1 || this.#h(t, i, v, e);
+    }, g = () => {
+      u = !0, H(i.field) && (e[i.field] = d);
+    }, f = document.createElement("div");
+    f.className = "tbw-editor-host", r.innerHTML = "", r.appendChild(f), f.addEventListener("keydown", (v) => {
+      v.key === "Enter" && (v.stopPropagation(), v.preventDefault(), u = !0, this.#s(t, !1)), v.key === "Escape" && (v.stopPropagation(), v.preventDefault(), g(), this.#s(t, !0));
     });
-    const p = i, m = p.__editorTemplate, w = wt(this.grid, p) ?? mt(i), b = d;
+    const p = i, m = p.__editorTemplate, w = yt(this.grid, p) ?? vt(i), b = d;
     if (w === "template" && m)
-      this.#a(g, p, e, d, h, f, o, t);
+      this.#l(f, p, e, d, h, g, o, t);
     else if (typeof w == "string") {
       const v = document.createElement(w);
-      v.value = b, v.addEventListener("change", () => h(v.value)), g.appendChild(v), o || queueMicrotask(() => {
-        g.querySelector(Y)?.focus({ preventScroll: !0 });
+      v.value = b, v.addEventListener("change", () => h(v.value)), f.appendChild(v), o || queueMicrotask(() => {
+        f.querySelector(Z)?.focus({ preventScroll: !0 });
       });
     } else if (typeof w == "function") {
       const v = {
@@ -979,15 +981,15 @@ class Xi extends R {
         field: i.field,
         column: i,
         commit: h,
-        cancel: f,
+        cancel: g,
         updateRow: l
       }, S = w(v);
-      typeof S == "string" ? (g.innerHTML = S, yt(g, i, h)) : S instanceof Node && g.appendChild(S), o || queueMicrotask(() => {
-        g.querySelector(Y)?.focus({ preventScroll: !0 });
+      typeof S == "string" ? (f.innerHTML = S, Rt(f, i, h)) : S instanceof Node && f.appendChild(S), o || queueMicrotask(() => {
+        f.querySelector(Z)?.focus({ preventScroll: !0 });
       });
     } else if (w && typeof w == "object") {
       const v = document.createElement("div");
-      v.setAttribute("data-external-editor", ""), v.setAttribute("data-field", i.field), g.appendChild(v);
+      v.setAttribute("data-external-editor", ""), v.setAttribute("data-field", i.field), f.appendChild(v);
       const S = {
         row: e,
         rowId: a ?? "",
@@ -995,14 +997,14 @@ class Xi extends R {
         field: i.field,
         column: i,
         commit: h,
-        cancel: f,
+        cancel: g,
         updateRow: l
       };
       if (w.mount)
         try {
           w.mount({ placeholder: v, context: S, spec: w });
-        } catch (q) {
-          console.warn(`[tbw-grid] External editor mount error for column '${i.field}':`, q);
+        } catch (N) {
+          console.warn(`[tbw-grid] External editor mount error for column '${i.field}':`, N);
         }
       else
         this.grid.dispatchEvent(
@@ -1010,7 +1012,7 @@ class Xi extends R {
         );
     }
   }
-  #a(e, t, i, n, r, o, a, l) {
+  #l(e, t, i, n, r, o, a, l) {
     const d = t.__editorTemplate;
     if (!d) return;
     const c = d.cloneNode(!0), u = t.__compiledEditor;
@@ -1021,9 +1023,9 @@ class Xi extends R {
       column: t,
       commit: r,
       cancel: o
-    }) : c.querySelectorAll("*").forEach((f) => {
-      f.childNodes.length === 1 && f.firstChild?.nodeType === Node.TEXT_NODE && (f.textContent = f.textContent?.replace(/{{\s*value\s*}}/g, n == null ? "" : String(n)).replace(/{{\s*row\.([a-zA-Z0-9_]+)\s*}}/g, (g, p) => {
-        if (!K(p)) return "";
+    }) : 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) => {
+        if (!H(p)) return "";
         const m = i[p];
         return m == null ? "" : String(m);
       }) || "");
@@ -1033,17 +1035,17 @@ class Xi extends R {
     );
     if (h) {
       h instanceof HTMLInputElement && h.type === "checkbox" ? h.checked = !!n : h.value = String(n ?? "");
-      let f = !1;
+      let g = !1;
       h.addEventListener("blur", () => {
-        f || r(N(h, t));
-      }), h.addEventListener("keydown", (g) => {
-        const p = g;
-        p.key === "Enter" && (p.stopPropagation(), p.preventDefault(), f = !0, r(N(h, t)), this.#r(l, !1)), p.key === "Escape" && (p.stopPropagation(), p.preventDefault(), o(), this.#r(l, !0));
+        g || r(z(h, t));
+      }), h.addEventListener("keydown", (f) => {
+        const p = f;
+        p.key === "Enter" && (p.stopPropagation(), p.preventDefault(), g = !0, r(z(h, t)), this.#s(l, !1)), p.key === "Escape" && (p.stopPropagation(), p.preventDefault(), o(), this.#s(l, !0));
       }), h instanceof HTMLInputElement && h.type === "checkbox" && h.addEventListener("change", () => r(h.checked)), a || setTimeout(() => h.focus({ preventScroll: !0 }), 0);
     }
     e.appendChild(c);
   }
-  #h(e) {
+  #g(e) {
     queueMicrotask(() => {
       try {
         const t = e._focusRow, i = e._focusCol, n = e.findRenderedRowElement?.(t);
@@ -1059,7 +1061,7 @@ class Xi extends R {
     });
   }
 }
-function ve(s, e = !0) {
+function xe(s, e = !0) {
   if (s == null) return "";
   if (s instanceof Date) return s.toISOString();
   if (typeof s == "object") return JSON.stringify(s);
@@ -1067,37 +1069,37 @@ function ve(s, e = !0) {
   return e && (t.includes(",") || t.includes('"') || t.includes(`
 `) || t.includes("\r")) ? `"${t.replace(/"/g, '""')}"` : t;
 }
-function Ct(s, e, t, i = {}) {
+function Et(s, e, t, i = {}) {
   const n = i.delimiter ?? ",", r = i.newline ?? `
 `, o = [], a = i.bom ? "\uFEFF" : "";
   if (t.includeHeaders !== !1) {
     const l = e.map((d) => {
       const c = d.header || d.field, u = t.processHeader ? t.processHeader(c, d.field) : c;
-      return ve(u);
+      return xe(u);
     });
     o.push(l.join(n));
   }
   for (const l of s) {
     const d = e.map((c) => {
       let u = l[c.field];
-      return t.processCell && (u = t.processCell(u, c.field, l)), ve(u);
+      return t.processCell && (u = t.processCell(u, c.field, l)), xe(u);
     });
     o.push(d.join(n));
   }
   return a + o.join(r);
 }
-function se(s, e) {
+function le(s, e) {
   const t = URL.createObjectURL(s), i = document.createElement("a");
   i.href = t, i.download = e, i.style.display = "none", document.body.appendChild(i), i.click(), document.body.removeChild(i), URL.revokeObjectURL(t);
 }
-function xt(s, e) {
+function St(s, e) {
   const t = new Blob([s], { type: "text/csv;charset=utf-8;" });
-  se(t, e);
+  le(t, e);
 }
-function ye(s) {
+function Re(s) {
   return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
 }
-function Rt(s, e, t) {
+function kt(s, e, t) {
   let i = `<?xml version="1.0" encoding="UTF-8"?>
 <?mso-application progid="Excel.Sheet"?>
 <Workbook xmlns="urn:schemas-microsoft-com:office:spreadsheet"
@@ -1109,7 +1111,7 @@ function Rt(s, e, t) {
 <Row>`;
     for (const n of e) {
       const r = n.header || n.field, o = t.processHeader ? t.processHeader(r, n.field) : r;
-      i += `<Cell><Data ss:Type="String">${ye(o)}</Data></Cell>`;
+      i += `<Cell><Data ss:Type="String">${Re(o)}</Data></Cell>`;
     }
     i += "</Row>";
   }
@@ -1120,7 +1122,7 @@ function Rt(s, e, t) {
       let o = n[r.field];
       t.processCell && (o = t.processCell(o, r.field, n));
       let a = "String", l = "";
-      o == null ? l = "" : typeof o == "number" && !isNaN(o) ? (a = "Number", l = String(o)) : o instanceof Date ? (a = "DateTime", l = o.toISOString()) : l = ye(String(o)), i += `<Cell><Data ss:Type="${a}">${l}</Data></Cell>`;
+      o == null ? l = "" : typeof o == "number" && !isNaN(o) ? (a = "Number", l = String(o)) : o instanceof Date ? (a = "DateTime", l = o.toISOString()) : l = Re(String(o)), i += `<Cell><Data ss:Type="${a}">${l}</Data></Cell>`;
     }
     i += "</Row>";
   }
@@ -1129,13 +1131,13 @@ function Rt(s, e, t) {
 </Worksheet>
 </Workbook>`, i;
 }
-function Et(s, e) {
+function At(s, e) {
   const t = e.endsWith(".xls") ? e : `${e}.xls`, i = new Blob([s], {
     type: "application/vnd.ms-excel;charset=utf-8;"
   });
-  se(i, t);
+  le(i, t);
 }
-class Zi extends R {
+class on extends R {
   name = "export";
   get defaultConfig() {
     return {
@@ -1172,27 +1174,27 @@ class Zi extends R {
     try {
       switch (e) {
         case "csv": {
-          const l = Ct(o, r, n, { bom: !0 });
-          a = a.endsWith(".csv") ? a : `${a}.csv`, xt(l, a);
+          const l = Et(o, r, n, { bom: !0 });
+          a = a.endsWith(".csv") ? a : `${a}.csv`, St(l, a);
           break;
         }
         case "excel": {
-          const l = Rt(o, r, n);
-          a = a.endsWith(".xls") ? a : `${a}.xls`, Et(l, a);
+          const l = kt(o, r, n);
+          a = a.endsWith(".xls") ? a : `${a}.xls`, At(l, a);
           break;
         }
         case "json": {
           const l = o.map((u) => {
             const h = {};
-            for (const f of r) {
-              let g = u[f.field];
-              n.processCell && (g = n.processCell(g, f.field, u)), h[f.field] = g;
+            for (const g of r) {
+              let f = u[g.field];
+              n.processCell && (f = n.processCell(f, g.field, u)), h[g.field] = f;
             }
             return h;
           }), d = JSON.stringify(l, null, 2);
           a = a.endsWith(".json") ? a : `${a}.json`;
           const c = new Blob([d], { type: "application/json" });
-          se(c, a);
+          le(c, a);
           break;
         }
       }
@@ -1229,7 +1231,7 @@ class Zi extends R {
     return this.lastExportInfo;
   }
 }
-function St(s) {
+function _t(s) {
   const { totalRows: e, viewportHeight: t, scrollTop: i, rowHeight: n, overscan: r } = s, o = Math.ceil(t / n);
   let a = Math.floor(i / n) - r;
   a < 0 && (a = 0);
@@ -1241,10 +1243,10 @@ function St(s) {
     totalHeight: e * n
   };
 }
-function kt(s, e) {
+function Lt(s, e) {
   return s <= e;
 }
-function At(s, e, t = !1) {
+function Tt(s, e, t = !1) {
   const i = s[e.field];
   if (e.operator === "blank")
     return i == null || i === "";
@@ -1283,10 +1285,10 @@ function At(s, e, t = !1) {
       return !0;
   }
 }
-function _t(s, e, t = !1) {
-  return e.length ? s.filter((i) => e.every((n) => At(i, n, t))) : s;
+function It(s, e, t = !1) {
+  return e.length ? s.filter((i) => e.every((n) => Tt(i, n, t))) : s;
 }
-function Lt(s) {
+function Pt(s) {
   return JSON.stringify(
     s.map((e) => ({
       field: e.field,
@@ -1296,7 +1298,7 @@ function Lt(s) {
     }))
   );
 }
-function Ce(s, e) {
+function Ee(s, e) {
   const t = /* @__PURE__ */ new Set();
   for (const i of s) {
     const n = i[e];
@@ -1304,10 +1306,10 @@ function Ce(s, e) {
   }
   return [...t].sort((i, n) => typeof i == "number" && typeof n == "number" ? i - n : String(i).localeCompare(String(n)));
 }
-const Tt = '@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:inline-flex;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;color:inherit;vertical-align:middle;&:hover,&.active{opacity:1}&.active{color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6))}}}}', It = "@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))}.tbw-filter-search-input{width:100%;padding:var(--tbw-button-padding, .375rem .625rem);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)))}.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}.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-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)}.tbw-filter-apply-btn:hover{filter:brightness(.9)}.tbw-filter-clear-btn{flex:1;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)}.tbw-filter-clear-btn:hover{background:var(--tbw-filter-hover, var(--tbw-color-row-hover, light-dark(#f0f6ff, #1c1c1c)))}}";
-class A extends R {
+const Ft = '@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}}}', Dt = "@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))}.tbw-filter-search-input{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)))}.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;min-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)))}}";
+class T extends R {
   name = "filtering";
-  styles = Tt;
+  styles = Ft;
   get defaultConfig() {
     return {
       debounceMs: 300,
@@ -1326,9 +1328,20 @@ class A extends R {
   excludedValues = /* @__PURE__ */ new Map();
   panelAbortController = null;
   globalStylesInjected = !1;
-  static LIST_ITEM_HEIGHT = 28;
+  static DEFAULT_LIST_ITEM_HEIGHT = 28;
   static LIST_OVERSCAN = 3;
   static LIST_BYPASS_THRESHOLD = 50;
+  getListItemHeight() {
+    if (this.panelElement) {
+      const e = getComputedStyle(this.panelElement).getPropertyValue("--tbw-filter-item-height");
+      if (e && e.trim()) {
+        const t = parseFloat(e);
+        if (!isNaN(t) && t > 0)
+          return t;
+      }
+    }
+    return T.DEFAULT_LIST_ITEM_HEIGHT;
+  }
   syncExcludedValues(e, t) {
     t ? t.type === "set" && t.operator === "notIn" && Array.isArray(t.value) ? this.excludedValues.set(e, new Set(t.value)) : t.type === "set" && this.excludedValues.delete(e) : this.excludedValues.delete(e);
   }
@@ -1343,10 +1356,10 @@ class A extends R {
     if (!t.length) return [...e];
     if (this.config.filterHandler)
       return this.cachedResult ? this.cachedResult : [...e];
-    const i = Lt(t);
+    const i = Pt(t);
     if (this.cacheKey === i && this.cachedResult)
       return this.cachedResult;
-    const n = _t([...e], t, this.config.caseSensitive);
+    const n = It([...e], t, this.config.caseSensitive);
     return this.cachedResult = n, this.cacheKey = i, n;
   }
   afterRender() {
@@ -1362,14 +1375,20 @@ class A extends R {
       const a = this.filters.has(o);
       let l = i.querySelector(".tbw-filter-btn");
       if (l) {
-        l.classList.toggle("active", a), i.classList.toggle("filtered", a);
+        const u = l.classList.contains("active");
+        if (l.classList.toggle("active", a), i.classList.toggle("filtered", a), u !== a) {
+          const h = a ? "filterActive" : "filter";
+          this.setIcon(l, this.resolveIcon(h));
+        }
         return;
       }
-      l = document.createElement("button"), l.className = "tbw-filter-btn", l.setAttribute("aria-label", `Filter ${r.header ?? o}`), l.innerHTML = '<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentColor" d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>', a && (l.classList.add("active"), i.classList.add("filtered")), l.addEventListener("click", (c) => {
-        c.stopPropagation(), this.toggleFilterPanel(o, r, l);
+      l = document.createElement("button"), l.className = "tbw-filter-btn", l.setAttribute("aria-label", `Filter ${r.header ?? o}`);
+      const d = a ? "filterActive" : "filter";
+      this.setIcon(l, this.resolveIcon(d)), a && (l.classList.add("active"), i.classList.add("filtered")), l.addEventListener("click", (u) => {
+        u.stopPropagation(), this.toggleFilterPanel(o, r, l);
       });
-      const d = i.querySelector(".resize-handle");
-      d ? i.insertBefore(l, d) : i.appendChild(l);
+      const c = i.querySelector(".resize-handle");
+      c ? i.insertBefore(l, c) : i.appendChild(l);
     });
   }
   setFilter(e, t) {
@@ -1418,7 +1437,15 @@ class A extends R {
     return this.getFilters();
   }
   getUniqueValues(e) {
-    return Ce(this.sourceRows, e);
+    return Ee(this.sourceRows, e);
+  }
+  copyGridThemeContext(e) {
+    const t = this.gridElement;
+    if (!t) return;
+    for (const n of t.classList)
+      n.startsWith("tbw-") || n === "selecting" || e.classList.add(n);
+    const i = t.dataset.theme;
+    i && (e.dataset.theme = i);
   }
   injectGlobalStyles() {
     if (this.globalStylesInjected) return;
@@ -1427,7 +1454,7 @@ class A extends R {
       return;
     }
     const e = document.createElement("style");
-    e.id = "tbw-filter-panel-styles", e.textContent = It, document.head.appendChild(e), this.globalStylesInjected = !0;
+    e.id = "tbw-filter-panel-styles", e.textContent = Dt, document.head.appendChild(e), this.globalStylesInjected = !0;
   }
   toggleFilterPanel(e, t, i) {
     if (this.openPanelField === e) {
@@ -1436,13 +1463,13 @@ class A extends R {
     }
     this.closeFilterPanel();
     const n = document.createElement("div");
-    if (n.className = "tbw-filter-panel", this.isAnimationEnabled && n.classList.add("tbw-filter-panel-animated"), this.panelElement = n, this.openPanelField = e, this.config.valuesHandler) {
+    if (n.className = "tbw-filter-panel", this.copyGridThemeContext(n), this.isAnimationEnabled && n.classList.add("tbw-filter-panel-animated"), this.panelElement = n, this.openPanelField = e, this.config.valuesHandler) {
       n.innerHTML = '<div class="tbw-filter-loading">Loading...</div>', document.body.appendChild(n), this.positionPanel(n, i), this.setupPanelCloseHandler(n, i), this.config.valuesHandler(e, t).then((o) => {
         this.openPanelField !== e || !this.panelElement || (n.innerHTML = "", this.renderPanelContent(e, t, n, o));
       });
       return;
     }
-    const r = Ce(this.sourceRows, e);
+    const r = Ee(this.sourceRows, e);
     this.renderPanelContent(e, t, n, r), document.body.appendChild(n), this.positionPanel(n, i), this.setupPanelCloseHandler(n, i);
   }
   renderPanelContent(e, t, i, n) {
@@ -1485,11 +1512,11 @@ class A extends R {
   }
   static supportsAnchorPositioning = null;
   static checkAnchorPositioningSupport() {
-    return A.supportsAnchorPositioning === null && (A.supportsAnchorPositioning = CSS.supports("anchor-name", "--test")), A.supportsAnchorPositioning;
+    return T.supportsAnchorPositioning === null && (T.supportsAnchorPositioning = CSS.supports("anchor-name", "--test")), T.supportsAnchorPositioning;
   }
   positionPanel(e, t) {
     const n = t.closest(".cell") ?? t;
-    if (n.style.anchorName = "--tbw-filter-anchor", this.panelAnchorElement = n, A.checkAnchorPositioningSupport()) {
+    if (n.style.anchorName = "--tbw-filter-anchor", this.panelAnchorElement = n, T.checkAnchorPositioningSupport()) {
       requestAnimationFrame(() => {
         const o = e.getBoundingClientRect(), a = n.getBoundingClientRect();
         o.top < a.top && e.classList.add("tbw-filter-panel-above");
@@ -1503,100 +1530,100 @@ class A extends R {
     });
   }
   renderDefaultFilterPanel(e, t, i, n) {
-    const { field: r } = t, o = document.createElement("div");
-    o.className = "tbw-filter-search";
-    const a = document.createElement("input");
-    a.type = "text", a.placeholder = "Search...", a.className = "tbw-filter-search-input", a.value = this.searchText.get(r) ?? "", o.appendChild(a), e.appendChild(o);
-    const l = document.createElement("div");
-    l.className = "tbw-filter-actions";
-    const d = document.createElement("label");
-    d.className = "tbw-filter-value-item", d.style.padding = "0", d.style.margin = "0";
-    const c = document.createElement("input");
-    c.type = "checkbox", c.className = "tbw-filter-checkbox";
-    const u = document.createElement("span");
-    u.textContent = "Select All", d.appendChild(c), d.appendChild(u), l.appendChild(d);
-    const h = () => {
-      const y = [...m.values()], E = y.every((C) => C), _ = y.every((C) => !C);
-      c.checked = E, c.indeterminate = !E && !_;
+    const { field: r } = t, o = this.getListItemHeight(), a = document.createElement("div");
+    a.className = "tbw-filter-search";
+    const l = document.createElement("input");
+    l.type = "text", l.placeholder = "Search...", l.className = "tbw-filter-search-input", l.value = this.searchText.get(r) ?? "", a.appendChild(l), e.appendChild(a);
+    const d = document.createElement("div");
+    d.className = "tbw-filter-actions";
+    const c = document.createElement("label");
+    c.className = "tbw-filter-value-item", c.style.padding = "0", c.style.margin = "0";
+    const u = document.createElement("input");
+    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 y = [...w.values()], E = y.every((C) => C), A = y.every((C) => !C);
+      u.checked = E, u.indeterminate = !E && !A;
     };
-    c.addEventListener("change", () => {
-      const y = c.checked;
-      for (const E of m.keys())
-        m.set(E, y);
-      h(), v();
-    }), e.appendChild(l);
+    u.addEventListener("change", () => {
+      const y = u.checked;
+      for (const E of w.keys())
+        w.set(E, y);
+      g(), S();
+    }), e.appendChild(d);
     const f = document.createElement("div");
     f.className = "tbw-filter-values";
-    const g = document.createElement("div");
-    g.className = "tbw-filter-values-spacer", f.appendChild(g);
     const p = document.createElement("div");
-    p.className = "tbw-filter-values-content", f.appendChild(p);
-    const m = /* @__PURE__ */ new Map();
+    p.className = "tbw-filter-values-spacer", f.appendChild(p);
+    const m = document.createElement("div");
+    m.className = "tbw-filter-values-content", f.appendChild(m);
+    const w = /* @__PURE__ */ new Map();
     i.forEach((y) => {
       const E = y == null ? "__null__" : String(y);
-      m.set(E, !n.has(y));
-    }), h();
-    let w = [];
-    const b = (y, E) => {
-      const _ = y == null ? "(Blank)" : String(y), C = y == null ? "__null__" : String(y), x = document.createElement("label");
-      x.className = "tbw-filter-value-item", x.style.position = "absolute", x.style.top = `${E * A.LIST_ITEM_HEIGHT}px`, x.style.left = "0", x.style.right = "0", x.style.height = `${A.LIST_ITEM_HEIGHT}px`, x.style.boxSizing = "border-box";
+      w.set(E, !n.has(y));
+    }), g();
+    let b = [];
+    const v = (y, E) => {
+      const A = y == null ? "(Blank)" : String(y), C = y == null ? "__null__" : String(y), x = document.createElement("label");
+      x.className = "tbw-filter-value-item", x.style.position = "absolute", x.style.top = `${E * o}px`, x.style.left = "0", x.style.right = "0", x.style.height = `${o}px`, x.style.boxSizing = "border-box";
       const k = document.createElement("input");
-      k.type = "checkbox", k.className = "tbw-filter-checkbox", k.checked = m.get(C) ?? !0, k.dataset.value = C, k.addEventListener("change", () => {
-        m.set(C, k.checked), h();
+      k.type = "checkbox", k.className = "tbw-filter-checkbox", k.checked = w.get(C) ?? !0, k.dataset.value = C, k.addEventListener("change", () => {
+        w.set(C, k.checked), g();
       });
-      const le = document.createElement("span");
-      return le.textContent = _, x.appendChild(k), x.appendChild(le), x;
-    }, v = () => {
-      const y = w.length, E = f.clientHeight, _ = f.scrollTop;
-      if (g.style.height = `${y * A.LIST_ITEM_HEIGHT}px`, kt(y, A.LIST_BYPASS_THRESHOLD / 3)) {
-        p.innerHTML = "", p.style.transform = "translateY(0px)", w.forEach((x, k) => {
-          p.appendChild(b(x, k));
+      const ue = document.createElement("span");
+      return ue.textContent = A, x.appendChild(k), x.appendChild(ue), x;
+    }, S = () => {
+      const y = b.length, E = f.clientHeight, A = f.scrollTop;
+      if (p.style.height = `${y * o}px`, Lt(y, T.LIST_BYPASS_THRESHOLD / 3)) {
+        m.innerHTML = "", m.style.transform = "translateY(0px)", b.forEach((x, k) => {
+          m.appendChild(v(x, k));
         });
         return;
       }
-      const C = St({
+      const C = _t({
         totalRows: y,
         viewportHeight: E,
-        scrollTop: _,
-        rowHeight: A.LIST_ITEM_HEIGHT,
-        overscan: A.LIST_OVERSCAN
+        scrollTop: A,
+        rowHeight: o,
+        overscan: T.LIST_OVERSCAN
       });
-      p.style.transform = `translateY(${C.offsetY}px)`, p.innerHTML = "";
+      m.style.transform = `translateY(${C.offsetY}px)`, m.innerHTML = "";
       for (let x = C.start; x < C.end; x++)
-        p.appendChild(b(w[x], x - C.start));
-    }, S = (y) => {
-      const E = this.config.caseSensitive ?? !1, _ = E ? y : y.toLowerCase();
-      if (w = i.filter((C) => {
+        m.appendChild(v(b[x], x - C.start));
+    }, N = (y) => {
+      const E = this.config.caseSensitive ?? !1, A = E ? y : y.toLowerCase();
+      if (b = i.filter((C) => {
         const x = C == null ? "(Blank)" : String(C), k = E ? x : x.toLowerCase();
-        return !y || k.includes(_);
-      }), w.length === 0) {
-        g.style.height = "0px", p.innerHTML = "";
+        return !y || k.includes(A);
+      }), b.length === 0) {
+        p.style.height = "0px", m.innerHTML = "";
         const C = document.createElement("div");
-        C.className = "tbw-filter-no-match", C.textContent = "No matching values", p.appendChild(C);
+        C.className = "tbw-filter-no-match", C.textContent = "No matching values", m.appendChild(C);
         return;
       }
-      v();
+      S();
     };
     f.addEventListener(
       "scroll",
       () => {
-        w.length > 0 && v();
+        b.length > 0 && S();
       },
       { passive: !0 }
-    ), S(a.value), e.appendChild(f);
-    let q;
-    a.addEventListener("input", () => {
-      clearTimeout(q), q = setTimeout(() => {
-        this.searchText.set(r, a.value), S(a.value);
+    ), N(l.value), e.appendChild(f);
+    let ce;
+    l.addEventListener("input", () => {
+      clearTimeout(ce), ce = setTimeout(() => {
+        this.searchText.set(r, l.value), N(l.value);
       }, this.config.debounceMs ?? 150);
     });
-    const z = document.createElement("div");
-    z.className = "tbw-filter-buttons";
-    const G = document.createElement("button");
-    G.className = "tbw-filter-apply-btn", G.textContent = "Apply", G.addEventListener("click", () => {
+    const G = document.createElement("div");
+    G.className = "tbw-filter-buttons";
+    const O = document.createElement("button");
+    O.className = "tbw-filter-apply-btn", O.textContent = "Apply", O.addEventListener("click", () => {
       const y = [];
-      for (const [E, _] of m)
-        if (!_)
+      for (const [E, A] of w)
+        if (!A)
           if (E === "__null__")
             y.push(null);
           else {
@@ -1604,11 +1631,11 @@ class A extends R {
             y.push(C !== void 0 ? C : E);
           }
       t.applySetFilter(y);
-    }), z.appendChild(G);
-    const O = document.createElement("button");
-    O.className = "tbw-filter-clear-btn", O.textContent = "Clear Filter", O.addEventListener("click", () => {
+    }), G.appendChild(O);
+    const B = document.createElement("button");
+    B.className = "tbw-filter-clear-btn", B.textContent = "Clear Filter", B.addEventListener("click", () => {
       t.clearFilter();
-    }), z.appendChild(O), e.appendChild(z);
+    }), G.appendChild(B), e.appendChild(G);
   }
   applySetFilter(e, t) {
     this.excludedValues.set(e, new Set(t)), t.length === 0 ? this.filters.delete(e) : this.filters.set(e, {
@@ -1674,7 +1701,7 @@ class A extends R {
     this.filters.set(e, i), this.cachedResult = null, this.cacheKey = null;
   }
 }
-function xe(s) {
+function Se(s) {
   if (!s.length) return [];
   const e = /* @__PURE__ */ new Map(), t = [], i = (o, a) => {
     if (!a.length) return;
@@ -1709,7 +1736,7 @@ function xe(s) {
     }, e.set(d, c), t.push(c)), c.columns.push(o);
   }), n.length && i(r, n), t.length === 1 && t[0].implicit && t[0].columns.length === s.length ? [] : t;
 }
-function Dt(s, e, t) {
+function Mt(s, e, t) {
   if (!e.length || !s) return;
   const i = /* @__PURE__ */ new Map();
   for (const r of e)
@@ -1725,7 +1752,7 @@ function Dt(s, e, t) {
     a && a.classList.add("group-end");
   }
 }
-function Ft(s, e) {
+function qt(s, e) {
   if (s.length === 0) return null;
   const t = document.createElement("div");
   t.className = "header-group-row", t.setAttribute("role", "row");
@@ -1737,11 +1764,11 @@ function Ft(s, e) {
   }
   return t;
 }
-function Mt(s) {
+function Nt(s) {
   return s.some((e) => e.group != null);
 }
-const Pt = "@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 Ji extends R {
+const Ht = "@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 sn extends R {
   static manifest = {
     ownedProperties: [
       {
@@ -1758,7 +1785,7 @@ class Ji extends R {
     ]
   };
   name = "groupingColumns";
-  styles = Pt;
+  styles = Ht;
   get defaultConfig() {
     return {
       showGroupBorders: !0
@@ -1773,7 +1800,7 @@ class Ji extends R {
     if (t?.columnGroups && Array.isArray(t.columnGroups) && t.columnGroups.length > 0)
       return !0;
     const i = t?.columns;
-    return Array.isArray(i) ? Mt(i) : !1;
+    return Array.isArray(i) ? Nt(i) : !1;
   }
   processColumns(e) {
     const t = this.grid?.gridConfig?.columnGroups;
@@ -1789,7 +1816,7 @@ class Ji extends R {
       });
     } else
       i = [...e];
-    const n = xe(i);
+    const n = Se(i);
     return n.length === 0 ? (this.isActive = !1, this.groups = [], i) : (this.isActive = !0, this.groups = n, i);
   }
   afterRender() {
@@ -1802,16 +1829,16 @@ class Ji extends R {
     if (!e) return;
     const t = e.querySelector(".header-group-row");
     t && t.remove();
-    const i = this.columns, n = xe(i);
+    const i = this.columns, n = Se(i);
     if (n.length === 0) return;
-    const r = Ft(n, i);
+    const r = qt(n, i);
     if (r) {
       r.classList.toggle("no-borders", !this.config.showGroupBorders);
       const a = e.querySelector(".header-row");
       a ? e.insertBefore(r, a) : e.appendChild(r);
     }
     const o = e.querySelector(".header-row");
-    o && (o.classList.toggle("no-group-borders", !this.config.showGroupBorders), Dt(o, n)), this.#e(n);
+    o && (o.classList.toggle("no-group-borders", !this.config.showGroupBorders), Mt(o, n)), this.#e(n);
   }
   #e(e) {
     if (!this.config.showGroupBorders) return;
@@ -1842,7 +1869,7 @@ class Ji extends R {
     this.requestRender();
   }
 }
-function qt({ rows: s, config: e, expanded: t }) {
+function Kt({ rows: s, config: e, expanded: t }) {
   const i = e.groupOn;
   if (typeof i != "function")
     return [];
@@ -1852,9 +1879,9 @@ function qt({ rows: s, config: e, expanded: t }) {
     l == null || l === !1 ? l = ["__ungrouped__"] : Array.isArray(l) || (l = [l]);
     let d = n;
     l.forEach((c, u) => {
-      const h = c == null ? "∅" : String(c), f = d.key === "__root__" ? h : d.key + "||" + h;
-      let g = d.children.get(h);
-      g || (g = { key: f, value: c, depth: u, rows: [], children: /* @__PURE__ */ new Map(), parent: d }, d.children.set(h, g)), d = g;
+      const h = c == null ? "∅" : String(c), g = d.key === "__root__" ? h : d.key + "||" + h;
+      let f = d.children.get(h);
+      f || (f = { key: g, value: c, depth: u, rows: [], children: /* @__PURE__ */ new Map(), parent: d }, d.children.set(h, f)), d = f;
     }), d.rows.push(a);
   }), n.children.size === 1 && n.children.has("__ungrouped__") && n.children.get("__ungrouped__").rows.length === s.length)
     return [];
@@ -1875,26 +1902,26 @@ function qt({ rows: s, config: e, expanded: t }) {
   };
   return o(n), r;
 }
-function Kt(s, e) {
+function zt(s, e) {
   const t = new Set(s);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
-function Ht(s) {
+function Gt(s) {
   const e = /* @__PURE__ */ new Set();
   for (const t of s)
     t.kind === "group" && e.add(t.key);
   return e;
 }
-function Nt() {
+function Ot() {
   return /* @__PURE__ */ new Set();
 }
-function zt(s) {
+function Bt(s) {
   return s.kind !== "group" ? 0 : s.rows.length;
 }
-const Gt = "@layer tbw-plugins{.group-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-grouping-rows-bg, var(--tbw-color-panel-bg));font-weight:500;border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height)}.group-row .cell{display:flex;align-items:center;padding:var(--tbw-cell-padding, .125rem .5rem)}.group-row:hover{background:var(--tbw-grouping-rows-bg-hover, var(--tbw-color-row-hover))}.group-toggle{cursor:pointer;user-select:none;display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-toggle-size, 1.25rem);height:var(--tbw-toggle-size, 1.25rem);margin-right:.25rem;background:none;border:0;font:inherit}.group-toggle:hover{background:var(--tbw-grouping-rows-toggle-hover, var(--tbw-color-row-hover));border-radius:var(--tbw-border-radius, .125rem)}.group-label{display:inline-flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.group-count{color:var(--tbw-grouping-rows-count-color, var(--tbw-color-fg-muted));font-size:var(--tbw-font-size-xs, .85em);font-weight:400}.group-row{padding-left:calc(var(--tbw-group-depth, 0) * var(--tbw-group-indent-width, 1.25em))}.data-grid-row.tbw-group-slide-in{animation:tbw-group-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-group-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.data-grid-row.tbw-group-fade-in{animation:tbw-group-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-group-fade-in{0%{opacity:0}to{opacity:1}}}";
-class Qi extends R {
+const Vt = "@layer tbw-plugins{.group-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-grouping-rows-bg, var(--tbw-color-panel-bg));font-weight:500;border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height)}.group-row .cell{display:flex;align-items:center;padding:var(--tbw-cell-padding, .125rem .5rem)}.group-row:hover{background:var(--tbw-grouping-rows-bg-hover, var(--tbw-color-row-hover))}.group-toggle{cursor:pointer;user-select:none;display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-toggle-size, 1.25rem);height:var(--tbw-toggle-size, 1.25rem);margin-right:.25rem;background:none;border:0;font:inherit}.group-toggle:hover{background:var(--tbw-grouping-rows-toggle-hover, var(--tbw-color-row-hover));border-radius:var(--tbw-border-radius, .125rem)}.group-label{display:inline-flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.group-count{color:var(--tbw-grouping-rows-count-color, var(--tbw-color-fg-muted));font-size:var(--tbw-font-size-xs, .85em);font-weight:400}.group-row{padding-left:calc(var(--tbw-group-depth, 0) * var(--tbw-group-indent-width, 1.25em))}.data-grid-row.tbw-group-slide-in{animation:tbw-group-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-group-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.data-grid-row.tbw-group-fade-in{animation:tbw-group-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-group-fade-in{0%{opacity:0}to{opacity:1}}}";
+class an extends R {
   name = "groupingRows";
-  styles = Gt;
+  styles = Vt;
   get defaultConfig() {
     return {
       defaultExpanded: !1,
@@ -1922,7 +1949,7 @@ class Qi extends R {
     const t = this.config;
     if (typeof t.groupOn != "function")
       return this.isActive = !1, this.flattenedRows = [], [...e];
-    const i = qt({
+    const i = Kt({
       rows: [...e],
       config: t,
       expanded: this.expandedKeys
@@ -1943,7 +1970,7 @@ class Qi extends R {
       __groupDepth: r.depth,
       __groupRows: r.rows,
       __groupExpanded: r.expanded,
-      __groupRowCount: zt(r)
+      __groupRowCount: Bt(r)
     } : r.row);
   }
   onCellClick(e) {
@@ -2017,42 +2044,42 @@ class Qi extends R {
     d && (t.style.display = "grid", t.style.gridTemplateColumns = d);
     let c = !1;
     o.forEach((u, h) => {
-      const f = document.createElement("div");
-      if (f.className = "cell group-cell", f.setAttribute("data-col", String(h)), f.setAttribute("role", "gridcell"), re(u)) {
-        f.setAttribute("data-field", u.field), t.appendChild(f);
+      const g = document.createElement("div");
+      if (g.className = "cell group-cell", g.setAttribute("data-col", String(h)), g.setAttribute("role", "gridcell"), se(u)) {
+        g.setAttribute("data-field", u.field), t.appendChild(g);
         return;
       }
       if (c) {
-        const g = r[u.field];
-        if (g) {
-          const p = de(g, a, u.field, u);
-          f.textContent = p != null ? String(p) : "";
+        const f = r[u.field];
+        if (f) {
+          const p = he(f, a, u.field, u);
+          g.textContent = p != null ? String(p) : "";
         } else
-          f.textContent = "";
+          g.textContent = "";
       } else {
-        c = !0, f.appendChild(this.createToggleButton(e.__groupExpanded, i));
-        const g = document.createElement("span"), p = r[u.field];
+        c = !0, g.appendChild(this.createToggleButton(e.__groupExpanded, i));
+        const f = document.createElement("span"), p = r[u.field];
         if (p) {
-          const m = de(p, a, u.field, u);
-          g.textContent = m != null ? String(m) : String(e.__groupValue);
+          const m = he(p, a, u.field, u);
+          f.textContent = m != null ? String(m) : String(e.__groupValue);
         } else
-          g.textContent = this.getGroupLabelText(e.__groupValue, e.__groupDepth || 0, e.__groupKey);
-        if (f.appendChild(g), n.showRowCount !== !1) {
+          f.textContent = this.getGroupLabelText(e.__groupValue, e.__groupDepth || 0, e.__groupKey);
+        if (g.appendChild(f), n.showRowCount !== !1) {
           const m = document.createElement("span");
-          m.className = "group-count", m.textContent = ` (${a.length})`, f.appendChild(m);
+          m.className = "group-count", m.textContent = ` (${a.length})`, g.appendChild(m);
         }
       }
-      t.appendChild(f);
+      t.appendChild(g);
     });
   }
   expandAll() {
-    this.expandedKeys = Ht(this.flattenedRows), this.requestRender();
+    this.expandedKeys = Gt(this.flattenedRows), this.requestRender();
   }
   collapseAll() {
-    this.expandedKeys = Nt(), this.requestRender();
+    this.expandedKeys = Ot(), this.requestRender();
   }
   toggle(e) {
-    this.expandedKeys = Kt(this.expandedKeys, e);
+    this.expandedKeys = zt(this.expandedKeys, e);
     const t = this.flattenedRows.find((i) => i.kind === "group" && i.key === e);
     this.emit("group-toggle", {
       key: e,
@@ -2101,22 +2128,22 @@ class Qi extends R {
     this.config.groupOn = e, this.requestRender();
   }
 }
-function Re(s, e) {
+function ke(s, e) {
   const t = new Set(s);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
-function Ot(s, e) {
+function Wt(s, e) {
   const t = new Set(s);
   return t.add(e), t;
 }
-function Bt(s, e) {
+function $t(s, e) {
   const t = new Set(s);
   return t.delete(e), t;
 }
-function Vt(s, e) {
+function jt(s, e) {
   return s.has(e);
 }
-function Wt(s, e, t, i) {
+function Ut(s, e, t, i) {
   const n = document.createElement("div");
   n.className = "master-detail-row", n.setAttribute("data-detail-for", String(e)), n.setAttribute("role", "row");
   const r = document.createElement("div");
@@ -2124,10 +2151,10 @@ function Wt(s, e, t, i) {
   const o = t(s, e);
   return typeof o == "string" ? r.innerHTML = o : o instanceof HTMLElement && r.appendChild(o), n.appendChild(r), n;
 }
-const $t = "@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 Be extends R {
+const Yt = "@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 $e extends R {
   name = "masterDetail";
-  styles = $t;
+  styles = Yt;
   get defaultConfig() {
     return {
       detailHeight: "auto",
@@ -2156,8 +2183,8 @@ class Be extends R {
     n !== null && (d.animation = n === "false" ? !1 : n), r !== null && (d.showExpandColumn = r !== "false"), o !== null && (d.expandOnRowClick = o === "true"), a !== null && (d.collapseOnClickOutside = a === "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 f = Xe(c, { value: u, row: u });
-      return Ze(f);
+      const g = Qe(c, { value: u, row: u });
+      return et(g);
     }), Object.keys(d).length > 0 && (this.config = { ...this.config, ...d });
   }
   get animationStyle() {
@@ -2188,10 +2215,10 @@ class Be extends R {
   static DEFAULT_DETAIL_HEIGHT = 150;
   getDetailHeight(e) {
     const t = this.detailElements.get(e);
-    return t ? t.offsetHeight : typeof this.config?.detailHeight == "number" ? this.config.detailHeight : Be.DEFAULT_DETAIL_HEIGHT;
+    return t ? t.offsetHeight : typeof this.config?.detailHeight == "number" ? this.config.detailHeight : $e.DEFAULT_DETAIL_HEIGHT;
   }
   toggleAndEmit(e, t) {
-    this.expandedRows = Re(this.expandedRows, e), this.emit("detail-expand", {
+    this.expandedRows = ke(this.expandedRows, e), this.emit("detail-expand", {
       rowIndex: t,
       row: e,
       expanded: this.expandedRows.has(e)
@@ -2204,9 +2231,9 @@ class Be extends R {
     if (!(this.config.showExpandColumn === !0 || this.config.showExpandColumn !== !1 && !!this.config.detailRenderer))
       return [...e];
     const i = [...e];
-    if (tt(i))
+    if (rt(i))
       return i;
-    const r = it(this.name);
+    const r = ot(this.name);
     return r.viewRenderer = (o) => {
       const { row: a } = o, l = this.expandedRows.has(a), d = document.createElement("span");
       d.className = "master-detail-expander expander-cell";
@@ -2226,7 +2253,7 @@ class Be extends R {
   onKeyDown(e) {
     if (e.key !== " ") return;
     const t = this.grid._focusCol, i = this.grid._focusRow, n = this.columns[t];
-    if (!n || !re(n)) return;
+    if (!n || !se(n)) return;
     const r = this.rows[i];
     if (r)
       return e.preventDefault(), this.toggleAndEmit(r, i), this.requestRenderWithFocus(), !0;
@@ -2259,7 +2286,7 @@ class Be extends R {
         d.previousElementSibling !== a && a.after(d);
         continue;
       }
-      const c = Wt(l, o, this.config.detailRenderer, n);
+      const c = Ut(l, o, this.config.detailRenderer, n);
       typeof this.config.detailHeight == "number" && (c.style.height = `${this.config.detailHeight}px`), a.after(c), this.detailElements.set(l, c), this.animateExpand(c);
     }
   }
@@ -2294,19 +2321,19 @@ class Be extends R {
   }
   expand(e) {
     const t = this.rows[e];
-    t && (this.expandedRows = Ot(this.expandedRows, t), this.requestRender());
+    t && (this.expandedRows = Wt(this.expandedRows, t), this.requestRender());
   }
   collapse(e) {
     const t = this.rows[e];
-    t && (this.expandedRows = Bt(this.expandedRows, t), this.requestRender());
+    t && (this.expandedRows = $t(this.expandedRows, t), this.requestRender());
   }
   toggle(e) {
     const t = this.rows[e];
-    t && (this.expandedRows = Re(this.expandedRows, t), this.requestRender());
+    t && (this.expandedRows = ke(this.expandedRows, t), this.requestRender());
   }
   isExpanded(e) {
     const t = this.rows[e];
-    return t ? Vt(this.expandedRows, t) : !1;
+    return t ? jt(this.expandedRows, t) : !1;
   }
   expandAll() {
     for (const e of this.rows)
@@ -2336,34 +2363,34 @@ class Be extends R {
     }
   }
 }
-function jt(s, e, t) {
+function Xt(s, e, t) {
   return e.length ? [...s].sort((i, n) => {
     for (const r of e) {
-      const a = t.find((u) => u.field === r.field)?.sortComparator ?? Ut, l = i[r.field], d = n[r.field], c = a(l, d, i, n);
+      const a = t.find((u) => u.field === r.field)?.sortComparator ?? Zt, l = i[r.field], d = n[r.field], c = a(l, d, i, n);
       if (c !== 0)
         return r.direction === "asc" ? c : -c;
     }
     return 0;
   }) : [...s];
 }
-function Ut(s, e) {
+function Zt(s, e) {
   return s == null && e == null ? 0 : s == null ? 1 : e == null ? -1 : typeof s == "number" && typeof e == "number" ? s - e : s instanceof Date && e instanceof Date ? s.getTime() - e.getTime() : typeof s == "boolean" && typeof e == "boolean" ? s === e ? 0 : s ? -1 : 1 : String(s).localeCompare(String(e));
 }
-function Yt(s, e, t, i) {
+function Jt(s, e, t, i) {
   const n = s.find((r) => r.field === e);
   return t ? n ? n.direction === "asc" ? s.map((r) => r.field === e ? { ...r, direction: "desc" } : r) : s.filter((r) => r.field !== e) : s.length < i ? [...s, { field: e, direction: "asc" }] : s : n?.direction === "asc" ? [{ field: e, direction: "desc" }] : n?.direction === "desc" ? [] : [{ field: e, direction: "asc" }];
 }
-function Ee(s, e) {
+function Ae(s, e) {
   const t = s.findIndex((i) => i.field === e);
   return t >= 0 ? t + 1 : void 0;
 }
-function Se(s, e) {
+function _e(s, e) {
   return s.find((t) => t.field === e)?.direction;
 }
-const Xt = '@layer tbw-plugins{.header-cell[data-sort=asc]:after{content:"↑";margin-left:4px;opacity:.8}.header-cell[data-sort=desc]:after{content:"↓";margin-left:4px;opacity:.8}.sort-indicator{margin-left:4px;opacity:.8}.sort-index{font-size:10px;background:var(--tbw-multi-sort-badge-bg, var(--tbw-color-panel-bg));color:var(--tbw-multi-sort-badge-color, var(--tbw-color-fg));border-radius:50%;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;margin-left:2px;font-weight:600}}';
-class en extends R {
+const Qt = '@layer tbw-plugins{.header-cell[data-sort=asc]:after{content:"↑";margin-left:4px;opacity:.8}.header-cell[data-sort=desc]:after{content:"↓";margin-left:4px;opacity:.8}.sort-indicator{margin-left:4px;opacity:.8}.sort-index{font-size:10px;background:var(--tbw-multi-sort-badge-bg, var(--tbw-color-panel-bg));color:var(--tbw-multi-sort-badge-color, var(--tbw-color-fg));border-radius:50%;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;margin-left:2px;font-weight:600}}';
+class ln extends R {
   name = "multiSort";
-  styles = Xt;
+  styles = Qt;
   get defaultConfig() {
     return {
       maxSortColumns: 3,
@@ -2375,12 +2402,12 @@ class en extends R {
     this.sortModel = [];
   }
   processRows(e) {
-    return this.sortModel.length === 0 ? [...e] : jt([...e], this.sortModel, [...this.columns]);
+    return this.sortModel.length === 0 ? [...e] : Xt([...e], this.sortModel, [...this.columns]);
   }
   onHeaderClick(e) {
     if (!this.columns.find((r) => r.field === e.field)?.sortable) return !1;
     const i = e.originalEvent.shiftKey, n = this.config.maxSortColumns ?? 3;
-    return this.sortModel = Yt(this.sortModel, e.field, i, n), this.emit("sort-change", { sortModel: [...this.sortModel] }), this.requestRender(), !0;
+    return this.sortModel = Jt(this.sortModel, e.field, i, n), this.emit("sort-change", { sortModel: [...this.sortModel] }), this.requestRender(), !0;
   }
   afterRender() {
     const e = this.gridElement;
@@ -2389,15 +2416,15 @@ class en extends R {
     e.querySelectorAll(".header-row .cell[data-field]").forEach((n) => {
       const r = n.getAttribute("data-field");
       if (!r) return;
-      const o = Ee(this.sortModel, r), a = Se(this.sortModel, r);
+      const o = Ae(this.sortModel, r), a = _e(this.sortModel, r);
       if (n.querySelector(".sort-index")?.remove(), a) {
         n.querySelector('[part~="sort-indicator"], .sort-indicator')?.remove(), n.setAttribute("data-sort", a);
         const c = document.createElement("span");
         c.className = "sort-indicator", this.setIcon(c, this.resolveIcon(a === "asc" ? "sortAsc" : "sortDesc"));
-        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);
+        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);
         }
       } else
         n.removeAttribute("data-sort");
@@ -2413,10 +2440,10 @@ class en extends R {
     this.sortModel = [], this.emit("sort-change", { sortModel: [] }), this.requestRender();
   }
   getSortIndex(e) {
-    return Ee(this.sortModel, e);
+    return Ae(this.sortModel, e);
   }
   getSortDirection(e) {
-    return Se(this.sortModel, e);
+    return _e(this.sortModel, e);
   }
   getColumnState(e) {
     const t = this.sortModel.findIndex((n) => n.field === e);
@@ -2439,16 +2466,16 @@ class en extends R {
     i !== -1 ? this.sortModel[i] = n : this.sortModel.splice(t.sort.priority, 0, n);
   }
 }
-function Zt(s) {
+function ei(s) {
   return s.filter((e) => e.sticky === "left");
 }
-function Jt(s) {
+function ti(s) {
   return s.filter((e) => e.sticky === "right");
 }
-function X(s) {
+function J(s) {
   return s.some((e) => e.sticky === "left" || e.sticky === "right");
 }
-function ke(s, e) {
+function Le(s, e) {
   const t = Array.from(s.querySelectorAll(".header-row .cell"));
   if (!t.length) return;
   const i = /* @__PURE__ */ new Map();
@@ -2472,12 +2499,12 @@ function ke(s, e) {
       }), r += l.offsetWidth);
     }
 }
-function Ae(s) {
+function Te(s) {
   s.querySelectorAll(".sticky-left, .sticky-right").forEach((t) => {
     t.classList.remove("sticky-left", "sticky-right"), t.style.position = "", t.style.left = "", t.style.right = "";
   });
 }
-class tn extends R {
+class dn extends R {
   static manifest = {
     ownedProperties: [
       {
@@ -2500,26 +2527,26 @@ class tn extends R {
   }
   static detect(e, t) {
     const i = t?.columns;
-    return Array.isArray(i) ? X(i) : !1;
+    return Array.isArray(i) ? J(i) : !1;
   }
   processColumns(e) {
-    return this.isApplied = X([...e]), [...e];
+    return this.isApplied = J([...e]), [...e];
   }
   afterRender() {
     if (!this.isApplied)
       return;
     const e = this.grid, t = [...this.columns];
-    if (!X(t)) {
-      Ae(e), this.isApplied = !1;
+    if (!J(t)) {
+      Te(e), this.isApplied = !1;
       return;
     }
     queueMicrotask(() => {
-      ke(e, t);
+      Le(e, t);
     });
   }
   onPluginQuery(e) {
     switch (e.type) {
-      case Ge.CAN_MOVE_COLUMN: {
+      case Ve.CAN_MOVE_COLUMN: {
         const t = e.context, i = t.sticky;
         if (i === "left" || i === "right")
           return !1;
@@ -2532,18 +2559,18 @@ class tn extends R {
   }
   refreshStickyOffsets() {
     const e = [...this.columns];
-    ke(this.grid, e);
+    Le(this.grid, e);
   }
   getLeftPinnedColumns() {
     const e = [...this.columns];
-    return Zt(e);
+    return ei(e);
   }
   getRightPinnedColumns() {
     const e = [...this.columns];
-    return Jt(e);
+    return ti(e);
   }
   clearStickyPositions() {
-    Ae(this.grid);
+    Te(this.grid);
   }
   getHorizontalScrollOffsets(e, t) {
     if (!this.isApplied)
@@ -2564,10 +2591,10 @@ class tn extends R {
     return { left: i, right: n, skipScroll: r };
   }
 }
-function Qt(s) {
+function ii(s) {
   return typeof s == "object" && s !== null && "aggFunc" in s;
 }
-function Z(s, e) {
+function Q(s, e) {
   const t = document.createElement("div");
   t.className = "tbw-pinned-rows", t.setAttribute("role", "presentation"), t.setAttribute("aria-live", "polite");
   const i = document.createElement("div");
@@ -2589,7 +2616,7 @@ function Z(s, e) {
   }
   if (s.customPanels)
     for (const o of s.customPanels) {
-      const a = ei(o, e);
+      const a = ni(o, e);
       switch (o.position) {
         case "left":
           i.appendChild(a);
@@ -2604,11 +2631,11 @@ function Z(s, e) {
     }
   return t.appendChild(i), t.appendChild(n), t.appendChild(r), t;
 }
-function _e(s) {
+function Ie(s) {
   const e = document.createElement("div");
   return e.className = `tbw-aggregation-rows tbw-aggregation-rows-${s}`, e.setAttribute("role", "presentation"), e;
 }
-function Le(s, e, t, i) {
+function Pe(s, e, t, i) {
   s.innerHTML = "";
   for (const n of e) {
     const r = document.createElement("div");
@@ -2622,11 +2649,11 @@ function Le(s, e, t, i) {
         let l, d;
         const c = n.aggregators?.[o.field];
         if (c)
-          if (Qt(c)) {
-            const u = ce(c.aggFunc);
+          if (ii(c)) {
+            const u = ge(c.aggFunc);
             u && (l = u(i, o.field, o)), d = c.formatter;
           } else {
-            const u = ce(c);
+            const u = ge(c);
             u && (l = u(i, o.field, o));
           }
         else if (n.cells && Object.prototype.hasOwnProperty.call(n.cells, o.field)) {
@@ -2638,13 +2665,13 @@ function Le(s, e, t, i) {
     s.appendChild(r);
   }
 }
-function ei(s, e) {
+function ni(s, e) {
   const t = document.createElement("div");
   t.className = "tbw-status-panel tbw-status-panel-custom", t.id = `status-panel-${s.id}`;
   const i = s.render(e);
   return typeof i == "string" ? t.innerHTML = i : t.appendChild(i), t;
 }
-function Te(s, e, t, i, n) {
+function Fe(s, e, t, i, n) {
   return {
     totalRows: s.length,
     filteredRows: n?.cachedResult?.length ?? s.length,
@@ -2654,10 +2681,10 @@ function Te(s, e, t, i, n) {
     grid: t
   };
 }
-const ti = "@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:flex;align-items:center;border-right:1px solid var(--tbw-color-border-cell)}.tbw-aggregation-cell:last-child{border-right:0}.tbw-aggregation-cell-full{grid-column:1 / -1;border-right:0}}";
-class nn extends R {
+const ri = "@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:flex;align-items:center;border-right:1px solid var(--tbw-color-border-cell)}.tbw-aggregation-cell:last-child{border-right:0}.tbw-aggregation-cell-full{grid-column:1 / -1;border-right:0}}";
+class cn extends R {
   name = "pinnedRows";
-  styles = ti;
+  styles = ri;
   get defaultConfig() {
     return {
       position: "bottom",
@@ -2679,7 +2706,7 @@ class nn extends R {
     const t = e.querySelector(".tbw-scroll-area") ?? e.querySelector(".tbw-grid-content") ?? e.children[0];
     if (!t) return;
     this.footerWrapper && !t.contains(this.footerWrapper) && (this.footerWrapper = null, this.bottomAggregationContainer = null, this.infoBarElement = null), this.topAggregationContainer && !t.contains(this.topAggregationContainer) && (this.topAggregationContainer = null), this.infoBarElement && !t.contains(this.infoBarElement) && (this.infoBarElement = null);
-    const i = this.getSelectionState(), n = this.getFilterState(), r = Te(
+    const i = this.getSelectionState(), n = this.getFilterState(), r = Fe(
       this.rows,
       this.columns,
       this.grid,
@@ -2688,11 +2715,11 @@ class nn extends R {
     ), o = this.config.aggregationRows || [], a = o.filter((h) => h.position === "top"), l = o.filter((h) => h.position !== "top");
     if (a.length > 0) {
       if (!this.topAggregationContainer) {
-        this.topAggregationContainer = _e("top");
+        this.topAggregationContainer = Ie("top");
         const h = e.querySelector(".header");
         h && h.nextSibling ? t.insertBefore(this.topAggregationContainer, h.nextSibling) : t.appendChild(this.topAggregationContainer);
       }
-      Le(
+      Pe(
         this.topAggregationContainer,
         a,
         this.visibleColumns,
@@ -2702,18 +2729,18 @@ class nn extends R {
     const d = this.config.showRowCount !== !1 || this.config.showSelectedCount && r.selectedRows > 0 || this.config.showFilteredCount && r.filteredRows !== r.totalRows || this.config.customPanels && this.config.customPanels.length > 0, c = d && this.config.position !== "top", u = l.length > 0 || c;
     if (d && this.config.position === "top")
       if (!this.infoBarElement)
-        this.infoBarElement = Z(this.config, r), t.insertBefore(this.infoBarElement, t.firstChild);
+        this.infoBarElement = Q(this.config, r), t.insertBefore(this.infoBarElement, t.firstChild);
       else {
-        const h = Z(this.config, r);
+        const h = Q(this.config, r);
         this.infoBarElement.replaceWith(h), this.infoBarElement = h;
       }
     else this.config.position === "top" && this.infoBarElement && (this.infoBarElement.remove(), this.infoBarElement = null);
-    u ? (this.footerWrapper || (this.footerWrapper = document.createElement("div"), this.footerWrapper.className = "tbw-footer", t.appendChild(this.footerWrapper)), this.footerWrapper.innerHTML = "", l.length > 0 && (this.bottomAggregationContainer || (this.bottomAggregationContainer = _e("bottom")), this.footerWrapper.appendChild(this.bottomAggregationContainer), Le(
+    u ? (this.footerWrapper || (this.footerWrapper = document.createElement("div"), this.footerWrapper.className = "tbw-footer", t.appendChild(this.footerWrapper)), this.footerWrapper.innerHTML = "", l.length > 0 && (this.bottomAggregationContainer || (this.bottomAggregationContainer = Ie("bottom")), this.footerWrapper.appendChild(this.bottomAggregationContainer), Pe(
       this.bottomAggregationContainer,
       l,
       this.visibleColumns,
       this.rows
-    )), c && (this.infoBarElement = Z(this.config, r), this.footerWrapper.appendChild(this.infoBarElement))) : this.cleanupFooter();
+    )), c && (this.infoBarElement = Q(this.config, r), this.footerWrapper.appendChild(this.infoBarElement))) : this.cleanupFooter();
   }
   cleanup() {
     this.infoBarElement && (this.infoBarElement.remove(), this.infoBarElement = null), this.topAggregationContainer && (this.topAggregationContainer.remove(), this.topAggregationContainer = null), this.bottomAggregationContainer && (this.bottomAggregationContainer.remove(), this.bottomAggregationContainer = null), this.footerWrapper && (this.footerWrapper.remove(), this.footerWrapper = null);
@@ -2740,7 +2767,7 @@ class nn extends R {
   }
   getContext() {
     const e = this.getSelectionState(), t = this.getFilterState();
-    return Te(
+    return Fe(
       this.rows,
       this.columns,
       this.grid,
@@ -2761,16 +2788,16 @@ class nn extends R {
     this.config.aggregationRows && (this.config.aggregationRows = this.config.aggregationRows.filter((t) => t.id !== e), this.requestRender());
   }
 }
-const ii = Je;
-function ni(s) {
+const oi = tt;
+function si(s) {
   const e = [];
   return !s.rowGroupFields?.length && !s.columnGroupFields?.length && e.push("At least one row or column group field is required"), s.valueFields?.length || e.push("At least one value field is required"), e;
 }
-function ae(s, e) {
+function de(s, e) {
   return [...s, e].join("|");
 }
-function ri(s, e) {
-  const t = e.rowGroupFields ?? [], i = e.columnGroupFields ?? [], n = e.valueFields ?? [], r = oi(s, i), o = Ve(
+function ai(s, e) {
+  const t = e.rowGroupFields ?? [], i = e.columnGroupFields ?? [], n = e.valueFields ?? [], r = li(s, i), o = je(
     s,
     t,
     i,
@@ -2778,7 +2805,7 @@ function ri(s, e) {
     n,
     0,
     ""
-  ), a = ai(o, r, n), l = Object.values(a).reduce((d, c) => d + c, 0);
+  ), a = ci(o, r, n), l = Object.values(a).reduce((d, c) => d + c, 0);
   return {
     rows: o,
     columnKeys: r,
@@ -2786,7 +2813,7 @@ function ri(s, e) {
     grandTotal: l
   };
 }
-function oi(s, e) {
+function li(s, e) {
   if (e.length === 0) return ["value"];
   const t = /* @__PURE__ */ new Set();
   for (const i of s) {
@@ -2795,7 +2822,7 @@ function oi(s, e) {
   }
   return [...t].sort();
 }
-function si(s, e) {
+function di(s, e) {
   const t = /* @__PURE__ */ new Map();
   for (const i of s) {
     const n = String(i[e] ?? ""), r = t.get(n);
@@ -2803,75 +2830,75 @@ function si(s, e) {
   }
   return t;
 }
-function Ve(s, e, t, i, n, r, o) {
+function je(s, e, t, i, n, r, o) {
   const a = [];
   if (e.length === 0) {
-    const h = Ie(s, t, i, n), f = De(h);
+    const h = De(s, t, i, n), g = Me(h);
     return a.push({
       rowKey: o || "all",
       rowLabel: o || "All",
       depth: r,
       values: h,
-      total: f,
+      total: g,
       isGroup: !1,
       rowCount: s.length
     }), a;
   }
-  const l = e[0], d = e.slice(1), c = d.length > 0, u = si(s, l);
-  for (const [h, f] of u) {
-    const g = o ? `${o}|${h}` : h, p = Ie(f, t, i, n), m = De(p);
+  const l = e[0], d = e.slice(1), c = d.length > 0, u = di(s, l);
+  for (const [h, g] of u) {
+    const f = o ? `${o}|${h}` : h, p = De(g, t, i, n), m = Me(p);
     let w;
-    c && (w = Ve(
-      f,
+    c && (w = je(
+      g,
       d,
       t,
       i,
       n,
       r + 1,
-      g
+      f
     )), a.push({
-      rowKey: g,
+      rowKey: f,
       rowLabel: h || "(blank)",
       depth: r,
       values: p,
       total: m,
       isGroup: c,
       children: w,
-      rowCount: f.length
+      rowCount: g.length
     });
   }
   return a;
 }
-function Ie(s, e, t, i) {
+function De(s, e, t, i) {
   const n = {};
   for (const r of t)
     for (const o of i) {
-      const l = (e.length > 0 ? s.filter((h) => e.map((f) => String(h[f] ?? "")).join("|") === r) : s).map((h) => Number(h[o.field]) || 0), d = ii(o.aggFunc), c = l.length > 0 ? d(l) : null, u = ae([r], o.field);
+      const l = (e.length > 0 ? s.filter((h) => e.map((g) => String(h[g] ?? "")).join("|") === r) : s).map((h) => Number(h[o.field]) || 0), d = oi(o.aggFunc), c = l.length > 0 ? d(l) : null, u = de([r], o.field);
       n[u] = c;
     }
   return n;
 }
-function De(s) {
+function Me(s) {
   let e = 0;
   for (const t of Object.values(s))
     e += t ?? 0;
   return e;
 }
-function ai(s, e, t) {
+function ci(s, e, t) {
   const i = {};
   function n(r) {
     for (const o of r)
       if (!o.isGroup || !o.children?.length)
         for (const a of e)
           for (const l of t) {
-            const d = ae([a], l.field);
+            const d = de([a], l.field);
             i[d] = (i[d] ?? 0) + (o.values[d] ?? 0);
           }
       else o.children && n(o.children);
   }
   return n(s), i;
 }
-function li(s, e, t = !0) {
+function ui(s, e, t = !0) {
   const i = [];
   function n(r) {
     i.push(r);
@@ -2884,7 +2911,7 @@ function li(s, e, t = !0) {
     n(r);
   return i;
 }
-function di(s) {
+function hi(s) {
   const e = [];
   function t(i) {
     if (i.isGroup && e.push(i.rowKey), i.children)
@@ -2895,14 +2922,14 @@ function di(s) {
     t(i);
   return e;
 }
-const ci = ["sum", "avg", "count", "min", "max", "first", "last"];
-function ui(s, e, t, i) {
+const gi = ["sum", "avg", "count", "min", "max", "first", "last"];
+function fi(s, e, t, i) {
   const n = new AbortController(), r = { config: e, callbacks: i, signal: n.signal }, o = document.createElement("div");
-  return o.className = "tbw-pivot-panel", o.appendChild(H("Options", () => mi(t, r))), o.appendChild(H("Row Groups", () => Fe("rowGroups", r))), o.appendChild(H("Column Groups", () => Fe("columnGroups", r))), o.appendChild(H("Values", () => fi(r))), o.appendChild(H("Available Fields", () => pi(r))), s.appendChild(o), () => {
+  return o.className = "tbw-pivot-panel", o.appendChild(K("Options", () => vi(t, r))), o.appendChild(K("Row Groups", () => qe("rowGroups", r))), o.appendChild(K("Column Groups", () => qe("columnGroups", r))), o.appendChild(K("Values", () => mi(r))), o.appendChild(K("Available Fields", () => bi(r))), s.appendChild(o), () => {
     n.abort(), o.remove();
   };
 }
-function H(s, e) {
+function K(s, e) {
   const t = document.createElement("div");
   t.className = "tbw-pivot-section";
   const i = document.createElement("div");
@@ -2910,7 +2937,7 @@ function H(s, e) {
   const n = document.createElement("div");
   return n.className = "tbw-pivot-section-content", n.appendChild(e()), t.appendChild(i), t.appendChild(n), t;
 }
-function Fe(s, e) {
+function qe(s, e) {
   const { config: t, callbacks: i, signal: n } = e, r = document.createElement("div");
   r.className = "tbw-pivot-drop-zone", r.setAttribute("data-zone", s);
   const o = s === "rowGroups" ? t.rowGroupFields ?? [] : t.columnGroupFields ?? [];
@@ -2919,7 +2946,7 @@ function Fe(s, e) {
     a.className = "tbw-pivot-placeholder", a.textContent = "Drag fields here or click to add", r.appendChild(a);
   } else
     for (const a of o)
-      r.appendChild(hi(a, s, e));
+      r.appendChild(pi(a, s, e));
   return r.addEventListener(
     "dragover",
     (a) => {
@@ -2942,7 +2969,7 @@ function Fe(s, e) {
     { signal: n }
   ), r;
 }
-function hi(s, e, t) {
+function pi(s, e, t) {
   const { callbacks: i, signal: n } = t, r = document.createElement("div");
   r.className = "tbw-pivot-field-chip", r.draggable = !0;
   const o = i.getAvailableFields().find((d) => d.field === s), a = document.createElement("span");
@@ -2968,7 +2995,7 @@ function hi(s, e, t) {
     { signal: n }
   ), r;
 }
-function fi(s) {
+function mi(s) {
   const { config: e, callbacks: t, signal: i } = s, n = document.createElement("div");
   n.className = "tbw-pivot-drop-zone tbw-pivot-values-zone", n.setAttribute("data-zone", "values");
   const r = e.valueFields ?? [];
@@ -2977,7 +3004,7 @@ function fi(s) {
     o.className = "tbw-pivot-placeholder", o.textContent = "Drag numeric fields here for aggregation", n.appendChild(o);
   } else
     for (const o of r)
-      n.appendChild(gi(o, s));
+      n.appendChild(wi(o, s));
   return n.addEventListener(
     "dragover",
     (o) => {
@@ -3000,7 +3027,7 @@ function fi(s) {
     { signal: i }
   ), n;
 }
-function gi(s, e) {
+function wi(s, e) {
   const { callbacks: t, signal: i } = e, n = document.createElement("div");
   n.className = "tbw-pivot-field-chip tbw-pivot-value-chip";
   const r = t.getAvailableFields().find((c) => c.field === s.field), o = document.createElement("div");
@@ -3009,7 +3036,7 @@ function gi(s, e) {
   a.className = "tbw-pivot-chip-label", a.textContent = r?.header ?? s.field;
   const l = document.createElement("select");
   l.className = "tbw-pivot-agg-select", l.title = "Aggregation function";
-  for (const c of ci) {
+  for (const c of gi) {
     const u = document.createElement("option");
     u.value = c, u.textContent = c.toUpperCase(), u.selected = c === s.aggFunc, l.appendChild(u);
   }
@@ -3029,7 +3056,7 @@ function gi(s, e) {
     { signal: i }
   ), o.appendChild(a), o.appendChild(l), n.appendChild(o), n.appendChild(d), n;
 }
-function pi(s) {
+function bi(s) {
   const { config: e, callbacks: t, signal: i } = s, n = document.createElement("div");
   n.className = "tbw-pivot-available-fields";
   const r = t.getAvailableFields(), o = /* @__PURE__ */ new Set([
@@ -3059,10 +3086,10 @@ function pi(s) {
     }
   return n;
 }
-function mi(s, e) {
+function vi(s, e) {
   const { config: t, callbacks: i, signal: n } = e, r = document.createElement("div");
   return r.className = "tbw-pivot-options", r.appendChild(
-    J(
+    ee(
       "Enable Pivot View",
       s,
       (o) => {
@@ -3071,7 +3098,7 @@ function mi(s, e) {
       n
     )
   ), r.appendChild(
-    J(
+    ee(
       "Show Row Totals",
       t.showTotals ?? !0,
       (o) => {
@@ -3080,7 +3107,7 @@ function mi(s, e) {
       n
     )
   ), r.appendChild(
-    J(
+    ee(
       "Show Grand Total",
       t.showGrandTotal ?? !0,
       (o) => {
@@ -3090,7 +3117,7 @@ function mi(s, e) {
     )
   ), r;
 }
-function J(s, e, t, i) {
+function ee(s, e, t, i) {
   const n = document.createElement("label");
   n.className = "tbw-pivot-checkbox";
   const r = document.createElement("input");
@@ -3098,7 +3125,7 @@ function J(s, e, t, i) {
   const o = document.createElement("span");
   return o.textContent = s, n.appendChild(r), n.appendChild(o), n;
 }
-function wi(s, e, t) {
+function yi(s, e, t) {
   return e.className = "data-grid-row pivot-group-row", e.setAttribute("data-pivot-depth", String(s.__pivotDepth ?? 0)), e.setAttribute("data-pivot-key", String(s.__pivotRowKey ?? "")), e.setAttribute("role", "row"), e.innerHTML = "", t.columns.forEach((i, n) => {
     const r = document.createElement("div");
     if (r.className = "cell", r.setAttribute("data-col", String(n)), r.setAttribute("data-row", String(t.rowIndex)), r.setAttribute("role", "gridcell"), n === 0) {
@@ -3119,7 +3146,7 @@ function wi(s, e, t) {
     e.appendChild(r);
   }), !0;
 }
-function bi(s, e, t, i) {
+function Ci(s, e, t, i) {
   return e.className = "data-grid-row pivot-leaf-row", e.setAttribute("data-pivot-depth", String(s.__pivotDepth ?? 0)), e.setAttribute("data-pivot-key", String(s.__pivotRowKey ?? "")), e.innerHTML = "", t.forEach((n, r) => {
     const o = document.createElement("div");
     if (o.className = "cell", o.setAttribute("data-col", String(r)), o.setAttribute("data-row", String(i)), o.setAttribute("role", "gridcell"), r === 0) {
@@ -3134,7 +3161,7 @@ function bi(s, e, t, i) {
     e.appendChild(o);
   }), !0;
 }
-function vi(s, e, t) {
+function xi(s, e, t) {
   return e.className = "pivot-grand-total-row", e.setAttribute("role", "presentation"), e.innerHTML = "", t.forEach((i, n) => {
     const r = document.createElement("div");
     if (r.className = "cell", r.setAttribute("data-col", String(n)), n === 0) {
@@ -3147,10 +3174,10 @@ function vi(s, e, t) {
     e.appendChild(r);
   }), !0;
 }
-const yi = '@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:18px;height:18px;margin-right:6px;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 .15s,color .15s}.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 M extends R {
+const Ri = '@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:18px;height:18px;margin-right:6px;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 .15s,color .15s}.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 D extends R {
   name = "pivot";
-  styles = yi;
+  styles = Ri;
   static PANEL_ID = "pivot";
   get defaultConfig() {
     return {
@@ -3184,7 +3211,7 @@ class M extends R {
   getToolPanel() {
     if ((this.config?.showToolPanel ?? this.userConfig?.showToolPanel ?? !0) !== !1)
       return {
-        id: M.PANEL_ID,
+        id: D.PANEL_ID,
         title: "Pivot",
         icon: "⊞",
         tooltip: "Configure pivot table",
@@ -3195,11 +3222,11 @@ class M extends R {
   processRows(e) {
     if (!this.hasInitialized && this.config.active !== !1 && this.hasValidPivotConfig() && (this.hasInitialized = !0, this.isActive = !0), !this.isActive)
       return [...e];
-    const t = ni(this.config);
+    const t = si(this.config);
     if (t.length > 0)
       return this.warn(`Config errors: ${t.join(", ")}`), [...e];
-    this.buildFieldHeaderMap(), this.defaultExpanded = this.config.defaultExpanded ?? !0, this.expandedKeys.size === 0 && this.defaultExpanded && this.pivotResult && this.expandAllKeys(), this.pivotResult = ri(e, this.config), this.expandedKeys.size === 0 && this.defaultExpanded && this.expandAllKeys();
-    const i = this.config.indentWidth ?? 20, n = li(
+    this.buildFieldHeaderMap(), this.defaultExpanded = this.config.defaultExpanded ?? !0, this.expandedKeys.size === 0 && this.defaultExpanded && this.pivotResult && this.expandAllKeys(), this.pivotResult = ai(e, this.config), this.expandedKeys.size === 0 && this.defaultExpanded && this.expandAllKeys();
+    const i = this.config.indentWidth ?? 20, n = ui(
       this.pivotResult.rows,
       this.expandedKeys,
       this.defaultExpanded
@@ -3234,7 +3261,7 @@ class M extends R {
     });
     for (const n of this.pivotResult.columnKeys)
       for (const r of this.config.valueFields ?? []) {
-        const o = ae([n], r.field), a = r.header || this.fieldHeaderMap.get(r.field) || r.field;
+        const o = de([n], r.field), a = r.header || this.fieldHeaderMap.get(r.field) || r.field;
         t.push({
           field: o,
           header: `${n} - ${a} (${r.aggFunc})`,
@@ -3251,13 +3278,13 @@ class M extends R {
   }
   renderRow(e, t, i) {
     const n = e;
-    return n.__pivotRowKey && n.__pivotHasChildren ? wi(n, t, {
+    return n.__pivotRowKey && n.__pivotHasChildren ? yi(n, t, {
       columns: this.gridColumns,
       rowIndex: i,
       onToggle: (r) => this.toggle(r),
       resolveIcon: (r) => this.resolveIcon(r),
       setIcon: (r, o) => this.setIcon(r, o)
-    }) : n.__pivotRowKey !== void 0 && this.isActive ? bi(n, t, this.gridColumns, i) : (this.cleanupPivotStyling(t), !1);
+    }) : n.__pivotRowKey !== void 0 && this.isActive ? Ci(n, t, this.gridColumns, i) : (this.cleanupPivotStyling(t), !1);
   }
   cleanupPivotStyling(e) {
     (e.classList.contains("pivot-group-row") || e.classList.contains("pivot-leaf-row") || e.classList.contains("pivot-grand-total-row")) && (e.classList.remove("pivot-group-row", "pivot-leaf-row", "pivot-grand-total-row"), e.classList.add("data-grid-row"), e.removeAttribute("data-pivot-depth"), e.innerHTML = "");
@@ -3295,7 +3322,7 @@ class M extends R {
       __pivotTotal: this.pivotResult.grandTotal,
       ...this.pivotResult.totals
     };
-    vi(i, this.grandTotalFooter, this.gridColumns);
+    xi(i, this.grandTotalFooter, this.gridColumns);
   }
   cleanupGrandTotalFooter() {
     this.grandTotalFooter && (this.grandTotalFooter.remove(), this.grandTotalFooter = null);
@@ -3317,7 +3344,7 @@ class M extends R {
   }
   expandAllKeys() {
     if (!this.pivotResult) return;
-    const e = di(this.pivotResult.rows);
+    const e = hi(this.pivotResult.rows);
     for (const t of e)
       this.expandedKeys.add(t);
   }
@@ -3349,16 +3376,16 @@ class M extends R {
     this.pivotResult = null, this.requestRender();
   }
   showPanel() {
-    this.grid.openToolPanel(), this.grid.expandedToolPanelSections.includes(M.PANEL_ID) || this.grid.toggleToolPanelSection(M.PANEL_ID);
+    this.grid.openToolPanel(), this.grid.expandedToolPanelSections.includes(D.PANEL_ID) || this.grid.toggleToolPanelSection(D.PANEL_ID);
   }
   hidePanel() {
     this.grid.closeToolPanel();
   }
   togglePanel() {
-    this.grid.isToolPanelOpen || this.grid.openToolPanel(), this.grid.toggleToolPanelSection(M.PANEL_ID);
+    this.grid.isToolPanelOpen || this.grid.openToolPanel(), this.grid.toggleToolPanelSection(D.PANEL_ID);
   }
   isPanelVisible() {
-    return this.grid.isToolPanelOpen && this.grid.expandedToolPanelSections.includes(M.PANEL_ID);
+    return this.grid.isToolPanelOpen && this.grid.expandedToolPanelSections.includes(D.PANEL_ID);
   }
   get gridColumns() {
     return this.grid.columns ?? [];
@@ -3402,7 +3429,7 @@ class M extends R {
       },
       getAvailableFields: () => this.getAvailableFields()
     };
-    return ui(e, this.config, this.isActive, t);
+    return fi(e, this.config, this.isActive, t);
   }
   refreshPanel() {
     this.panelContainer && (this.panelContainer.innerHTML = "", this.renderPanel(this.panelContainer));
@@ -3435,19 +3462,266 @@ class M extends R {
     n >= 0 && (i[n] = { ...i[n], aggFunc: t }, this.config.valueFields = [...i]), this.isActive && this.refresh();
   }
 }
-function Ci(s) {
+const W = "tbw-print-isolation-style";
+function Ei(s, e) {
+  const t = document.createElement("style");
+  return t.id = W, t.textContent = `
+    /* Print isolation: hide everything except the target grid */
+    @media print {
+      /* Hide all body children by default */
+      body > *:not(#${s}) {
+        display: none !important;
+      }
+
+      /* But show the grid and ensure it's not hidden by ancestor rules */
+      #${s} {
+        display: block !important;
+        position: static !important;
+        visibility: visible !important;
+        opacity: 1 !important;
+        overflow: visible !important;
+        height: auto !important;
+        width: 100% !important;
+        max-height: none !important;
+        margin: 0 !important;
+        padding: 0 !important;
+        transform: none !important;
+      }
+
+      /* If grid is nested, we need to show its ancestors too */
+      #${s},
+      #${s} * {
+        visibility: visible !important;
+      }
+
+      /* Walk up the DOM and show all ancestors of the grid */
+      body *:has(> #${s}),
+      body *:has(#${s}) {
+        display: block !important;
+        visibility: visible !important;
+        opacity: 1 !important;
+        overflow: visible !important;
+        height: auto !important;
+        position: static !important;
+        transform: none !important;
+        background: transparent !important;
+        border: none !important;
+        padding: 0 !important;
+        margin: 0 !important;
+      }
+
+      /* Hide siblings of ancestors (everything that's not in the path to the grid) */
+      body *:has(#${s}) > *:not(:has(#${s})):not(#${s}) {
+        display: none !important;
+      }
+
+      /* Page settings */
+      @page {
+        size: ${e};
+        margin: 1cm;
+      }
+
+      /* Ensure proper print styling */
+      body {
+        margin: 0 !important;
+        padding: 0 !important;
+        background: white !important;
+        color-scheme: light !important;
+      }
+    }
+
+    /* Screen: also apply isolation for print preview */
+    @media screen {
+      /* When this stylesheet is active, we're about to print */
+      /* No screen-specific rules needed - isolation only applies to print */
+    }
+  `, t;
+}
+async function Si(s, e = {}) {
+  const { orientation: t = "landscape" } = e, i = s.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(W)?.remove();
+  const r = Ei(i, t);
+  return document.head.appendChild(r), new Promise((o) => {
+    const a = () => {
+      window.removeEventListener("afterprint", a), document.getElementById(W)?.remove(), o();
+    };
+    window.addEventListener("afterprint", a), window.print(), setTimeout(() => {
+      window.removeEventListener("afterprint", a), document.getElementById(W)?.remove(), o();
+    }, 5e3);
+  });
+}
+const ki = ".tbw-print-header,.tbw-print-footer{display:none}@media print{tbw-grid{overflow:visible!important;height:auto!important;border:none!important;border-radius:0!important;color-scheme:light only;-webkit-print-color-adjust:exact;print-color-adjust:exact}tbw-grid .tbw-grid-content{overflow:visible!important;height:auto!important;max-height:none!important}tbw-grid .tbw-scroll-area{overflow:visible!important;height:auto!important;max-height:none!important}tbw-grid .rows-body{overflow:visible!important;height:auto!important;max-height:none!important}tbw-grid .rows-container,tbw-grid .rows-viewport,tbw-grid .rows{overflow:visible!important;height:auto!important;max-height:none!important;transform:none!important}tbw-grid .rows-viewport .rows{position:static!important}tbw-grid .resize-handle,tbw-grid [part=sort-indicator],tbw-grid .tbw-filter-btn,tbw-grid .tool-panel,tbw-grid .tool-panel-content,tbw-grid .tbw-shell-header,tbw-grid .shell-toolbar,tbw-grid .tool-panel-toggle,tbw-grid [data-print-hide],tbw-grid .expander-cell,tbw-grid .tree-toggle,tbw-grid .context-menu,tbw-grid .faux-vscroll{display:none!important}tbw-grid .tbw-print-header{display:flex;justify-content:space-between;align-items:baseline;padding:.5em 0;margin-bottom:.5em;border-bottom:2px solid var(--tbw-color-border, #333);font-family:inherit}.tbw-print-header-title{font-size:1.25em;font-weight:700}.tbw-print-header-timestamp{font-size:.875em;color:var(--tbw-color-fg-muted, #666)}tbw-grid .tbw-print-footer{display:block;margin-top:.5em;padding-top:.5em;border-top:1px solid var(--tbw-color-border, #ccc);font-size:.75em;color:var(--tbw-color-fg-muted, #666);text-align:right}tbw-grid .data-grid-row{break-inside:avoid;page-break-inside:avoid}tbw-grid .cell{border:1px solid var(--tbw-color-border, #ddd)!important}tbw-grid .header-row,tbw-grid .data-grid-row{padding-right:1px}tbw-grid .data-grid-row:hover,tbw-grid .cell:hover{background:inherit!important}@page{margin:1cm}tbw-grid.print-landscape{@page{size:landscape}}tbw-grid.print-portrait{@page{size:portrait}}}", Ai = {
+  button: !1,
+  orientation: "landscape",
+  warnThreshold: 500,
+  maxRows: 0,
+  includeTitle: !0,
+  includeTimestamp: !0,
+  title: "",
+  isolate: !1
+};
+class un extends R {
+  name = "print";
+  version = "1.0.0";
+  styles = ki;
+  #e = !1;
+  #t = null;
+  #o = null;
+  #n = null;
+  #i = null;
+  #r = null;
+  #d = null;
+  get #a() {
+    return this.grid;
+  }
+  isPrinting() {
+    return this.#e;
+  }
+  async print(e) {
+    if (this.#e) {
+      console.warn("[PrintPlugin] Print already in progress");
+      return;
+    }
+    const t = this.gridElement;
+    if (!t) {
+      console.warn("[PrintPlugin] Grid not available");
+      return;
+    }
+    const i = { ...Ai, ...this.config, ...e }, r = this.rows.length;
+    let o = r, a = !1;
+    if (i.warnThreshold > 0 && r > i.warnThreshold) {
+      const d = i.maxRows > 0 ? `
+
+Note: Output will be limited to ${i.maxRows.toLocaleString()} rows.` : "";
+      if (!confirm(
+        `This grid has ${r.toLocaleString()} rows. Printing large datasets may cause performance issues or browser slowdowns.${d}
+
+Click OK to continue, or Cancel to abort.`
+      ))
+        return;
+    }
+    i.maxRows > 0 && r > i.maxRows && (o = i.maxRows, a = !0), this.#e = !0;
+    const l = performance.now();
+    this.emit("print-start", {
+      rowCount: o,
+      limitApplied: a,
+      originalRowCount: r
+    });
+    try {
+      const d = this.#a;
+      this.#o = {
+        bypassThreshold: d._virtualization?.bypassThreshold ?? 24
+      }, this.#l(), a && (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.#s(), 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", {
+        success: !0,
+        rowCount: o,
+        duration: Math.round(performance.now() - l)
+      });
+    } catch (d) {
+      console.error("[PrintPlugin] Print failed:", d), this.emit("print-complete", {
+        success: !1,
+        rowCount: 0,
+        duration: Math.round(performance.now() - l)
+      });
+    } finally {
+      this.#f(), this.#e = !1;
+    }
+  }
+  #c(e) {
+    const t = this.gridElement;
+    if (t) {
+      if (this.#i = document.createElement("div"), this.#i.className = "tbw-print-header", e.includeTitle) {
+        const i = e.title || this.grid.effectiveConfig?.shell?.header?.title || "Grid Data", n = document.createElement("div");
+        n.className = "tbw-print-header-title", n.textContent = i, this.#i.appendChild(n);
+      }
+      if (e.includeTimestamp) {
+        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.#r = document.createElement("div"), this.#r.className = "tbw-print-footer", this.#r.textContent = `Page generated from ${window.location.hostname}`, t.appendChild(this.#r);
+    }
+  }
+  async #s() {
+    const e = this.#a;
+    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() {
+    return new Promise((e) => {
+      const t = () => {
+        window.removeEventListener("afterprint", t), e();
+      };
+      window.addEventListener("afterprint", t), window.print(), setTimeout(() => {
+        window.removeEventListener("afterprint", t), e();
+      }, 1e3);
+    });
+  }
+  async #p(e) {
+    const t = this.gridElement;
+    t && await Si(t, {
+      orientation: e.orientation
+    });
+  }
+  #l() {
+    const e = this.columns;
+    if (e) {
+      this.#t = /* @__PURE__ */ new Map();
+      for (const t of e)
+        t.printHidden && t.field && (this.#t.set(t.field, !t.hidden), this.grid.setColumnVisible(t.field, !1));
+    }
+  }
+  #g() {
+    if (this.#t) {
+      for (const [e, t] of this.#t)
+        this.grid.setColumnVisible(e, t);
+      this.#t = null;
+    }
+  }
+  #f() {
+    const e = this.gridElement;
+    if (!e) return;
+    this.#g(), 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.#r && (this.#r.remove(), this.#r = null);
+    const t = this.#a;
+    this.#o && t._virtualization && (t._virtualization.bypassThreshold = this.#o.bypassThreshold, t.refreshVirtualWindow(!0), this.#o = null), this.#n !== null && (this.grid.rows = this.#n, this.#n = null);
+  }
+  afterRender() {
+    this.config?.button && !this.#u && (this.#m(), this.#u = !0);
+  }
+  #u = !1;
+  #m() {
+    this.#a.registerToolbarContent?.({
+      id: "print-button",
+      order: 900,
+      render: (t) => {
+        const i = document.createElement("button");
+        i.className = "tbw-toolbar-btn tbw-print-btn", i.title = "Print grid", i.type = "button";
+        const n = this.resolveIcon("print") || "🖨️";
+        this.setIcon(i, n), i.addEventListener(
+          "click",
+          () => {
+            this.print();
+          },
+          { signal: this.disconnectSignal }
+        ), t.appendChild(i);
+      }
+    });
+  }
+}
+function _i(s) {
   const e = s.meta ?? {};
   return e.lockPosition !== !0 && e.suppressMovable !== !0;
 }
-function Me(s, e, t) {
+function Ne(s, e, t) {
   if (e === t || e < 0 || e >= s.length || t < 0 || t > s.length) return s;
   const i = [...s], [n] = i.splice(e, 1);
   return i.splice(t, 0, n), i;
 }
-const xi = '@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 rn extends R {
+const Li = '@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 hn extends R {
   name = "reorder";
-  styles = xi;
+  styles = Li;
   get defaultConfig() {
     return {
       animation: "flip"
@@ -3464,8 +3738,8 @@ class rn extends R {
   draggedIndex = null;
   dropIndex = null;
   canMoveColumnWithPlugins(e) {
-    return !e || !Ci(e) ? !1 : !this.grid.queryPlugins({
-      type: Ge.CAN_MOVE_COLUMN,
+    return !e || !_i(e) ? !1 : !this.grid.queryPlugins({
+      type: Ve.CAN_MOVE_COLUMN,
       context: e
     }).includes(!1);
   }
@@ -3514,13 +3788,13 @@ class rn extends R {
         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(), f = Me(h, d, u), g = {
+        const u = c > d ? c - 1 : c, h = this.getColumnOrder(), g = Ne(h, d, u), f = {
           field: l,
           fromIndex: d,
           toIndex: u,
-          columnOrder: f
+          columnOrder: g
         };
-        this.emitCancelable("column-move", g) || this.updateColumnOrder(f);
+        this.emitCancelable("column-move", f) || this.updateColumnOrder(g);
       }));
     });
   }
@@ -3537,7 +3811,7 @@ class rn extends R {
     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, L(this.grid), e.preventDefault(), e.stopPropagation(), !0;
+      return this.moveColumn(r.field, l), t._focusCol = l, _(this.grid), e.preventDefault(), e.stopPropagation(), !0;
   }
   getColumnOrder() {
     return this.grid.getColumnOrder();
@@ -3545,7 +3819,7 @@ class rn extends R {
   moveColumn(e, t) {
     const i = this.getColumnOrder(), n = i.indexOf(e);
     if (n === -1) return;
-    const r = Me(i, n, t);
+    const r = Ne(i, n, t);
     this.emitCancelable("column-move", {
       field: e,
       fromIndex: n,
@@ -3640,11 +3914,11 @@ class rn extends R {
     this.grid.requestStateChange?.();
   }
 }
-const Ri = 'tbw-grid[data-responsive-animate]{.data-grid-row,.data-grid-row>.cell{transition:opacity var(--tbw-responsive-duration, .2s) ease-out,transform var(--tbw-responsive-duration, .2s) ease-out}}tbw-grid[data-responsive][data-responsive-animate]{.data-grid-row{animation:responsive-card-enter var(--tbw-responsive-duration, .2s) ease-out}}@keyframes responsive-card-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}tbw-grid[data-responsive]{.header{display:none!important}.footer-row{display:none}.tbw-scroll-area{overflow-x:hidden;min-width:0!important}.rows-body-wrapper{min-width:0!important}.data-grid-row:not(.group-row){display:block!important;grid-template-columns:none!important;padding:var(--tbw-cell-padding);padding-left:var(--tbw-spacing-xl);border-bottom:1px solid var(--tbw-color-border);min-height:auto!important;height:auto!important;contain:none!important;content-visibility:visible!important;background:var(--tbw-color-bg);position:relative;&:nth-child(2n){background:var(--tbw-color-row-alt)}&:hover{background:var(--tbw-color-row-hover)}&[aria-selected=true]{background:var(--tbw-color-selection);&:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--tbw-color-accent)}}}.data-grid-row:not(.group-row)>.cell{display:flex!important;justify-content:space-between;align-items:center;padding:var(--tbw-spacing-xs) var(--tbw-spacing-md);width:100%!important;min-width:0!important;min-height:auto!important;height:auto!important;line-height:1.5!important;position:static!important;left:auto!important;right:auto!important;border:none!important;border-bottom:none!important;border-right:none!important;background:transparent!important;white-space:normal!important;overflow:visible!important;&:before{content:attr(data-header) ": ";font-weight:600;color:var(--tbw-color-header-fg);flex-shrink:0;margin-right:var(--tbw-spacing-md);min-width:100px}&:after{content:none}}.cell[data-utility]{display:none!important}}tbw-grid[data-responsive] .cell[data-responsive-hidden]{display:none!important}tbw-grid[data-responsive] .cell[data-responsive-value-only]{&:before{display:none!important}justify-content:flex-start!important;font-weight:500}tbw-grid:not([data-responsive]) .cell[data-responsive-hidden]{display:none!important}tbw-grid[data-responsive]{.tbw-footer,.tbw-pinned-rows,.tbw-aggregation-rows{display:none!important}.tbw-pinned-rows,.tbw-aggregation-rows,.tbw-aggregation-row{min-width:0!important}}tbw-grid[data-responsive] .data-grid-row.responsive-card{display:block!important;padding:var(--tbw-cell-padding);border-bottom:1px solid var(--tbw-color-border);>*{width:100%}.cell:before{display:none}}';
-class on extends R {
+const Ti = 'tbw-grid[data-responsive-animate]{.data-grid-row,.data-grid-row>.cell{transition:opacity var(--tbw-responsive-duration, .2s) ease-out,transform var(--tbw-responsive-duration, .2s) ease-out}}tbw-grid[data-responsive][data-responsive-animate]{.data-grid-row{animation:responsive-card-enter var(--tbw-responsive-duration, .2s) ease-out}}@keyframes responsive-card-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}tbw-grid[data-responsive]{.header{display:none!important}.footer-row{display:none}.tbw-scroll-area{overflow-x:hidden;min-width:0!important}.rows-body-wrapper{min-width:0!important}.data-grid-row:not(.group-row){display:block!important;grid-template-columns:none!important;padding:var(--tbw-cell-padding);padding-left:var(--tbw-spacing-xl);border-bottom:1px solid var(--tbw-color-border);min-height:auto!important;height:auto!important;contain:none!important;content-visibility:visible!important;background:var(--tbw-color-bg);position:relative;&:nth-child(2n){background:var(--tbw-color-row-alt)}&:hover{background:var(--tbw-color-row-hover)}&[aria-selected=true]{background:var(--tbw-color-selection);&:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--tbw-color-accent)}}}.data-grid-row:not(.group-row)>.cell{display:flex!important;justify-content:space-between;align-items:center;padding:var(--tbw-spacing-xs) var(--tbw-spacing-md);width:100%!important;min-width:0!important;min-height:auto!important;height:auto!important;line-height:1.5!important;position:static!important;left:auto!important;right:auto!important;border:none!important;border-bottom:none!important;border-right:none!important;background:transparent!important;white-space:normal!important;overflow:visible!important;&:before{content:attr(data-header) ": ";font-weight:600;color:var(--tbw-color-header-fg);flex-shrink:0;margin-right:var(--tbw-spacing-md);min-width:100px}&:after{content:none}}.cell[data-utility]{display:none!important}}tbw-grid[data-responsive] .cell[data-responsive-hidden]{display:none!important}tbw-grid[data-responsive] .cell[data-responsive-value-only]{&:before{display:none!important}justify-content:flex-start!important;font-weight:500}tbw-grid:not([data-responsive]) .cell[data-responsive-hidden]{display:none!important}tbw-grid[data-responsive]{.tbw-footer,.tbw-pinned-rows,.tbw-aggregation-rows{display:none!important}.tbw-pinned-rows,.tbw-aggregation-rows,.tbw-aggregation-row{min-width:0!important}}tbw-grid[data-responsive] .data-grid-row.responsive-card{display:block!important;padding:var(--tbw-cell-padding);border-bottom:1px solid var(--tbw-color-border);>*{width:100%}.cell:before{display:none}}';
+class gn extends R {
   name = "responsive";
   version = "1.0.0";
-  styles = Ri;
+  styles = Ti;
   static manifest = {
     incompatibleWith: [
       {
@@ -3656,73 +3930,73 @@ class on extends R {
   #e;
   #t = !1;
   #o;
-  #i = !1;
-  #n = 0;
-  #s = /* @__PURE__ */ new Set();
-  #c = /* @__PURE__ */ new Set();
-  #l = null;
-  #d = [];
+  #n = !1;
+  #i = 0;
+  #r = /* @__PURE__ */ new Set();
+  #d = /* @__PURE__ */ new Set();
+  #a = null;
+  #c = [];
   isResponsive() {
     return this.#t;
   }
   setResponsive(e) {
-    e !== this.#t && (this.#t = e, this.#h(), this.emit("responsive-change", {
+    e !== this.#t && (this.#t = e, this.#g(), this.emit("responsive-change", {
       isResponsive: e,
-      width: this.#n,
+      width: this.#i,
       breakpoint: this.config.breakpoint ?? 0
     }));
   }
   setBreakpoint(e) {
-    this.config.breakpoint = e, this.#u(this.#n);
+    this.config.breakpoint = e, this.#h(this.#i);
   }
   setCardRenderer(e) {
     this.config.cardRenderer = e, this.#t && this.requestRender();
   }
   getWidth() {
-    return this.#n;
+    return this.#i;
   }
   getActiveBreakpoint() {
-    return this.#l;
+    return this.#a;
   }
   attach(e) {
-    super.attach(e), this.#r(this.config.hiddenColumns), this.config.breakpoints?.length && (this.#d = [...this.config.breakpoints].sort((t, i) => i.maxWidth - t.maxWidth)), this.#e = new ResizeObserver((t) => {
+    super.attach(e), this.#s(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.#n = i, clearTimeout(this.#o), this.#o = setTimeout(() => {
-        this.#u(i);
+      this.#i = i, clearTimeout(this.#o), this.#o = setTimeout(() => {
+        this.#h(i);
       }, this.config.debounceMs ?? 100);
     }), this.#e.observe(this.gridElement);
   }
-  #r(e) {
-    if (this.#s.clear(), this.#c.clear(), !!e)
+  #s(e) {
+    if (this.#r.clear(), this.#d.clear(), !!e)
       for (const t of e)
-        typeof t == "string" ? this.#s.add(t) : t.showValue ? this.#c.add(t.field) : this.#s.add(t.field);
+        typeof t == "string" ? this.#r.add(t) : t.showValue ? this.#d.add(t.field) : this.#r.add(t.field);
   }
   detach() {
     this.#e?.disconnect(), this.#e = void 0, clearTimeout(this.#o), this.#o = void 0, this.gridElement && this.gridElement.removeAttribute("data-responsive"), super.detach();
   }
   afterRender() {
-    if (this.#R(), !(this.#d.length > 0 ? this.#l !== null : this.#t))
+    if (this.#R(), !(this.#c.length > 0 ? this.#a !== null : this.#t))
       return;
-    const t = this.#s.size > 0, i = this.#c.size > 0;
+    const t = this.#r.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.#s.has(o) ? (r.setAttribute("data-responsive-hidden", ""), r.removeAttribute("data-responsive-value-only")) : this.#c.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.#r.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")));
     }
   }
-  #u(e) {
-    if (this.#d.length > 0) {
+  #h(e) {
+    if (this.#c.length > 0) {
       this.#p(e);
       return;
     }
     const t = this.config.breakpoint ?? 0;
-    t === 0 && !this.#i && (this.#i = !0, console.warn(
+    t === 0 && !this.#n && (this.#n = !0, console.warn(
       "[tbw-grid:ResponsivePlugin] No breakpoint configured. Responsive mode is disabled. Set a breakpoint based on your grid's column count."
     ));
     const i = t > 0 && e < t;
-    i !== this.#t && (this.#t = i, this.#h(), this.emit("responsive-change", {
+    i !== this.#t && (this.#t = i, this.#g(), this.emit("responsive-change", {
       isResponsive: i,
       width: e,
       breakpoint: t
@@ -3730,33 +4004,33 @@ class on extends R {
   }
   #p(e) {
     let t = null;
-    for (const n of this.#d)
+    for (const n of this.#c)
       e <= n.maxWidth && (t = n);
-    if (t !== this.#l) {
-      this.#l = t, t?.hiddenColumns ? this.#r(t.hiddenColumns) : this.#r(this.config.hiddenColumns);
+    if (t !== this.#a) {
+      this.#a = t, t?.hiddenColumns ? this.#s(t.hiddenColumns) : this.#s(this.config.hiddenColumns);
       const n = t?.cardLayout === !0;
-      n !== this.#t && (this.#t = n, this.#h()), this.emit("responsive-change", {
+      n !== this.#t && (this.#t = n, this.#g()), this.emit("responsive-change", {
         isResponsive: this.#t,
         width: e,
         breakpoint: t?.maxWidth ?? 0
       }), this.requestRender();
     }
   }
-  #a;
-  #h() {
+  #l;
+  #g() {
     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.#l = 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.#f = void 0, this.#g = void 0, this.#m = void 0;
+      this.#l && this.#l > 0 && t._virtualization && (t._virtualization.rowHeight = this.#l, this.#l = void 0), this.#f = void 0, this.#u = void 0, this.#m = void 0;
     }
   }
   renderRow(e, t, i) {
@@ -3775,29 +4049,29 @@ class on extends R {
     switch (e.key) {
       case "ArrowDown":
         if (this.grid._focusCol < i)
-          return this.grid._focusCol += 1, e.preventDefault(), L(this.grid), !0;
+          return this.grid._focusCol += 1, e.preventDefault(), _(this.grid), !0;
         if (this.grid._focusRow < t)
-          return this.grid._focusRow += 1, this.grid._focusCol = 0, e.preventDefault(), L(this.grid), !0;
+          return this.grid._focusRow += 1, this.grid._focusCol = 0, e.preventDefault(), _(this.grid), !0;
         break;
       case "ArrowUp":
         if (this.grid._focusCol > 0)
-          return this.grid._focusCol -= 1, e.preventDefault(), L(this.grid), !0;
+          return this.grid._focusCol -= 1, e.preventDefault(), _(this.grid), !0;
         if (this.grid._focusRow > 0)
-          return this.grid._focusRow -= 1, this.grid._focusCol = i, e.preventDefault(), L(this.grid), !0;
+          return this.grid._focusRow -= 1, this.grid._focusCol = i, e.preventDefault(), _(this.grid), !0;
         break;
       case "ArrowRight":
         if (this.grid._focusRow < t)
-          return this.grid._focusRow += 1, e.preventDefault(), L(this.grid), !0;
+          return this.grid._focusRow += 1, e.preventDefault(), _(this.grid), !0;
         break;
       case "ArrowLeft":
         if (this.grid._focusRow > 0)
-          return this.grid._focusRow -= 1, e.preventDefault(), L(this.grid), !0;
+          return this.grid._focusRow -= 1, e.preventDefault(), _(this.grid), !0;
         break;
     }
     return !1;
   }
   #f;
-  #g;
+  #u;
   #m;
   #v() {
     if (this.#f && this.#f > 0)
@@ -3806,7 +4080,7 @@ class on extends R {
     return typeof e == "number" && e > 0 ? e : 80;
   }
   #y() {
-    return this.#g && this.#g > 0 ? this.#g : this.#a ?? 28;
+    return this.#u && this.#u > 0 ? this.#u : this.#l ?? 28;
   }
   #w() {
     for (const e of this.rows)
@@ -3823,13 +4097,13 @@ class on extends R {
   getExtraHeight() {
     if (!this.#t || !this.config.cardRenderer || !this.#w())
       return 0;
-    const e = this.#a ?? 28, t = this.#y(), i = this.#v(), { groupCount: n, cardCount: r } = this.#C(), o = n * Math.max(0, t - e), a = r * Math.max(0, i - e);
+    const e = this.#l ?? 28, t = this.#y(), i = this.#v(), { groupCount: n, cardCount: r } = this.#C(), o = n * Math.max(0, t - e), a = r * Math.max(0, i - e);
     return o + a;
   }
   getExtraHeightBefore(e) {
     if (!this.#t || !this.config.cardRenderer || !this.#w())
       return 0;
-    const t = this.#a ?? 28, i = this.#y(), n = this.#v(), r = Math.max(0, i - t), o = Math.max(0, n - t);
+    const t = this.#l ?? 28, i = this.#y(), n = this.#v(), r = Math.max(0, i - t), o = Math.max(0, n - t);
     let a = 0, l = 0;
     const d = this.rows, c = Math.min(e, d.length);
     for (let u = 0; u < c; u++)
@@ -3852,7 +4126,7 @@ class on extends R {
       const o = this.gridElement.querySelector(".data-grid-row.group-row");
       if (o) {
         const a = o.getBoundingClientRect().height;
-        a > 0 && a !== this.#g && (this.#g = a, e = !0);
+        a > 0 && a !== this.#u && (this.#u = a, e = !0);
       }
     }
     const r = this.gridElement.querySelector(".data-grid-row.responsive-card");
@@ -3865,10 +4139,10 @@ class on extends R {
     }));
   }
 }
-const Ei = '.dg-row-drag-handle{display:flex;align-items:center;justify-content:center;cursor:grab;user-select:none;color:var(--tbw-color-fg-muted, #999);transition:color .15s ease;font-size:14px;letter-spacing:-2px;&:hover{color:var(--tbw-color-fg, #333)}&: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-color-accent, #1976d2);z-index:10}&.drop-after:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--tbw-color-accent, #1976d2);z-index:10}}.data-grid-row.keyboard-moving{background-color:var(--tbw-color-bg-selected, #e3f2fd);box-shadow:0 0 0 1px var(--tbw-color-accent, #1976d2) inset}.data-grid-row.animate-flip{transition:transform var(--tbw-animation-duration, .2s) ease-out}', Si = "__tbw_row_drag";
-class sn extends R {
+const Ii = '.dg-row-drag-handle{display:flex;align-items:center;justify-content:center;cursor:grab;user-select:none;color:var(--tbw-color-fg-muted, #999);transition:color .15s ease;font-size:14px;letter-spacing:-2px;&:hover{color:var(--tbw-color-fg, #333)}&: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-color-accent, #1976d2);z-index:10}&.drop-after:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--tbw-color-accent, #1976d2);z-index:10}}.data-grid-row.keyboard-moving{background-color:var(--tbw-color-bg-selected, #e3f2fd);box-shadow:0 0 0 1px var(--tbw-color-accent, #1976d2) inset}.data-grid-row.animate-flip{transition:transform var(--tbw-animation-duration, .2s) ease-out}', Pi = "__tbw_row_drag";
+class fn extends R {
   name = "rowReorder";
-  styles = Ei;
+  styles = Ii;
   get defaultConfig() {
     return {
       enableKeyboard: !0,
@@ -3892,7 +4166,7 @@ class sn extends R {
     if (!this.config.showDragHandle)
       return [...e];
     const t = {
-      field: Si,
+      field: Pi,
       header: "",
       width: this.config.dragHandleWidth ?? 40,
       resizable: !1,
@@ -3986,7 +4260,7 @@ class sn extends R {
       row: e
     }, this.lastFocusCol = r;
     const o = this.grid, a = [...o._rows ?? this.sourceRows], [l] = a.splice(t, 1);
-    a.splice(i, 0, l), o._rows = a, o._focusRow = i, o._focusCol = r, o.refreshVirtualWindow(!0), L(o), this.clearDebounceTimer(), this.debounceTimer = setTimeout(() => {
+    a.splice(i, 0, l), o._rows = a, o._focusRow = i, o._focusCol = r, o.refreshVirtualWindow(!0), _(o), this.clearDebounceTimer(), this.debounceTimer = setTimeout(() => {
       this.flushPendingMove();
     }, this.config.debounceMs ?? 300);
   }
@@ -4005,7 +4279,7 @@ class sn extends R {
       const o = [...this.sourceRows], [a] = o.splice(t, 1);
       o.splice(e, 0, a);
       const l = this.grid;
-      l._rows = o, l._focusRow = e, l._focusCol = this.lastFocusCol, l.refreshVirtualWindow(!0), L(l);
+      l._rows = o, l._focusRow = e, l._focusCol = this.lastFocusCol, l.refreshVirtualWindow(!0), _(l);
     }
   }
   executeMove(e, t, i, n) {
@@ -4033,7 +4307,7 @@ class sn extends R {
     this.debounceTimer && (clearTimeout(this.debounceTimer), this.debounceTimer = null);
   }
 }
-function V(s) {
+function q(s) {
   return {
     startRow: Math.min(s.startRow, s.endRow),
     startCol: Math.min(s.startCol, s.endCol),
@@ -4041,38 +4315,38 @@ function V(s) {
     endCol: Math.max(s.startCol, s.endCol)
   };
 }
-function ki(s) {
-  const e = V(s);
+function Fi(s) {
+  const e = q(s);
   return {
     from: { row: e.startRow, col: e.startCol },
     to: { row: e.endRow, col: e.endCol }
   };
 }
-function We(s) {
-  return s.map(ki);
+function Ue(s) {
+  return s.map(Fi);
 }
-function Ai(s, e, t) {
-  const i = V(t);
+function Di(s, e, t) {
+  const i = q(t);
   return s >= i.startRow && s <= i.endRow && e >= i.startCol && e <= i.endCol;
 }
-function Pe(s, e, t) {
-  return t.some((i) => Ai(s, e, i));
+function He(s, e, t) {
+  return t.some((i) => Di(s, e, i));
 }
-function _i(s) {
-  const e = [], t = V(s);
+function Mi(s) {
+  const e = [], t = q(s);
   for (let i = t.startRow; i <= t.endRow; i++)
     for (let n = t.startCol; n <= t.endCol; n++)
       e.push({ row: i, col: n });
   return e;
 }
-function Li(s) {
+function qi(s) {
   const e = /* @__PURE__ */ new Map();
   for (const t of s)
-    for (const i of _i(t))
+    for (const i of Mi(t))
       e.set(`${i.row},${i.col}`, i);
   return [...e.values()];
 }
-function Q(s, e) {
+function te(s, e) {
   return {
     startRow: s.row,
     startCol: s.col,
@@ -4080,8 +4354,12 @@ function Q(s, e) {
     endCol: e.col
   };
 }
-const Ti = "@layer tbw-plugins{tbw-grid{&.selecting .data-grid-row>.cell{user-select:none}&[data-has-focus] .data-grid-row.row-focus{background-color:var(--tbw-focus-background, rgba(from var(--tbw-color-accent) r g b / 12%))}&[data-selection-mode=row] .cell-focus{outline:none}.data-grid-row>.cell.selected{background-color:var(--tbw-range-selection-bg);&.top{border-top:2px solid var(--tbw-range-border-color)}&.bottom{border-bottom:2px solid var(--tbw-range-border-color)}&.first{border-left:2px solid var(--tbw-range-border-color)}&.last{border-right:2px solid var(--tbw-range-border-color)}}.data-grid-row[data-selectable=false]{cursor:not-allowed;opacity:.6;&.row-focus{background-color:var(--tbw-color-row-alt)}}.data-grid-row>.cell[data-selectable=false]{cursor:not-allowed;opacity:.6;&.selected{background-color:var(--tbw-color-warning-bg, rgba(255, 243, 205, .5))}}.tbw-selection-summary{font-size:var(--tbw-font-size-sm, .8125rem);color:var(--tbw-color-fg-muted);white-space:nowrap}}}";
-function Ii(s, e, t) {
+function V(s, e) {
+  const t = q(s), i = q(e);
+  return t.startRow === i.startRow && t.startCol === i.startCol && t.endRow === i.endRow && t.endCol === i.endCol;
+}
+const Ni = "@layer tbw-plugins{tbw-grid{&.selecting .data-grid-row>.cell{user-select:none}&[data-has-focus] .data-grid-row.row-focus{background-color:var(--tbw-focus-background, rgba(from var(--tbw-color-accent) r g b / 12%))}&[data-selection-mode=row] .cell-focus{outline:none}.data-grid-row>.cell.selected{background-color:var(--tbw-range-selection-bg);&.top{border-top:2px solid var(--tbw-range-border-color)}&.bottom{border-bottom:2px solid var(--tbw-range-border-color)}&.first{border-left:2px solid var(--tbw-range-border-color)}&.last{border-right:2px solid var(--tbw-range-border-color)}}.data-grid-row[data-selectable=false]{cursor:not-allowed;opacity:.6;&.row-focus{background-color:var(--tbw-color-row-alt)}}.data-grid-row>.cell[data-selectable=false]{cursor:not-allowed;opacity:.6;&.selected{background-color:var(--tbw-color-warning-bg, rgba(255, 243, 205, .5))}}.tbw-selection-summary{font-size:var(--tbw-font-size-sm, .8125rem);color:var(--tbw-color-fg-muted);white-space:nowrap}}}";
+function Hi(s, e, t) {
   if (s === "cell" && e.selectedCell)
     return {
       mode: s,
@@ -4099,9 +4377,9 @@ function Ii(s, e, t) {
     }));
     return { mode: s, ranges: i };
   }
-  return s === "range" && e.ranges.length > 0 ? { mode: s, ranges: We(e.ranges) } : { mode: s, ranges: [] };
+  return s === "range" && e.ranges.length > 0 ? { mode: s, ranges: Ue(e.ranges) } : { mode: s, ranges: [] };
 }
-class an extends R {
+class pn extends R {
   static manifest = {
     configRules: [
       {
@@ -4115,7 +4393,7 @@ class an extends R {
     ]
   };
   name = "selection";
-  styles = Ti;
+  styles = Ni;
   get defaultConfig() {
     return {
       mode: "cell",
@@ -4153,16 +4431,22 @@ class an extends R {
     if (n.type !== o)
       return !1;
     const a = this.columns[i], l = a && I(a);
-    if (r === "cell")
-      return l || !this.isCellSelectable(t, i) || (this.selectedCell = { row: t, col: i }, this.emit("selection-change", this.#t()), this.requestAfterRender()), !1;
+    if (r === "cell") {
+      if (l || !this.isCellSelectable(t, i))
+        return !1;
+      const d = this.selectedCell;
+      return d && d.row === t && d.col === i || (this.selectedCell = { row: t, col: i }, this.emit("selection-change", this.#t()), this.requestAfterRender()), !1;
+    }
     if (r === "row")
-      return this.isRowSelectable(t) && (this.selected.clear(), this.selected.add(t), this.lastSelected = t, this.emit("selection-change", this.#t()), this.requestAfterRender()), !1;
+      return !this.isRowSelectable(t) || this.selected.size === 1 && this.selected.has(t) || (this.selected.clear(), this.selected.add(t), this.lastSelected = t, this.emit("selection-change", this.#t()), this.requestAfterRender()), !1;
     if (r === "range") {
       if (l || !this.isCellSelectable(t, i))
         return !1;
       const d = n.shiftKey, c = n.ctrlKey || n.metaKey;
       if (d && this.cellAnchor) {
-        const u = Q(this.cellAnchor, { row: t, col: i });
+        const u = te(this.cellAnchor, { row: t, col: i }), h = this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] : null;
+        if (h && V(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) {
         const u = {
@@ -4179,6 +4463,8 @@ class an extends R {
           endRow: t,
           endCol: i
         };
+        if (this.ranges.length === 1 && V(this.ranges[0], u))
+          return !1;
         this.ranges = [u], this.activeRange = u, this.cellAnchor = { row: t, col: i };
       }
       return this.emit("selection-change", this.#t()), this.requestAfterRender(), !1;
@@ -4206,6 +4492,7 @@ class an extends R {
     if (t === "range" && e.key === "a" && (e.ctrlKey || e.metaKey)) {
       const r = this.rows.length, o = this.columns.length;
       if (r > 0 && o > 0) {
+        e.preventDefault(), e.stopPropagation();
         const a = {
           startRow: 0,
           startCol: 0,
@@ -4223,26 +4510,24 @@ class an extends R {
     if (t && I(t) || !this.isCellSelectable(e.rowIndex, e.colIndex) || e.originalEvent.shiftKey && this.cellAnchor)
       return;
     this.isDragging = !0;
-    const i = e.rowIndex, n = e.colIndex;
-    this.cellAnchor = { row: i, col: n }, e.originalEvent.ctrlKey || e.originalEvent.metaKey || (this.ranges = []);
-    const o = {
+    const i = e.rowIndex, n = e.colIndex, r = e.originalEvent.ctrlKey || e.originalEvent.metaKey, o = {
       startRow: i,
       startCol: n,
       endRow: i,
       endCol: n
     };
-    return this.ranges.push(o), this.activeRange = o, this.emit("selection-change", this.#t()), this.requestAfterRender(), !0;
+    return !r && this.ranges.length === 1 && V(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.config.mode !== "range" || !this.isDragging || !this.cellAnchor || e.rowIndex === void 0 || e.colIndex === void 0 || e.rowIndex < 0) return;
     let t = e.colIndex;
     const i = this.columns[t];
     if (i && I(i)) {
-      const r = this.columns.findIndex((o) => !I(o));
-      r >= 0 && (t = r);
+      const o = this.columns.findIndex((a) => !I(a));
+      o >= 0 && (t = o);
     }
-    const n = Q(this.cellAnchor, { row: e.rowIndex, col: t });
-    return 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;
+    const n = te(this.cellAnchor, { row: e.rowIndex, col: t }), r = this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] : null;
+    return r && V(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.config.mode === "range" && this.isDragging)
@@ -4258,25 +4543,25 @@ class an extends R {
     const r = e.querySelectorAll(".data-grid-row");
     if (r.forEach((o) => {
       o.classList.remove("selected", "row-focus"), i && o.removeAttribute("data-selectable");
-    }), t === "row" && (ue(e), r.forEach((o) => {
-      const a = o.querySelector(".cell[data-row]"), l = Qe(a);
+    }), t === "row" && (fe(e), r.forEach((o) => {
+      const a = o.querySelector(".cell[data-row]"), l = it(a);
       l >= 0 && (i && !this.isRowSelectable(l) && o.setAttribute("data-selectable", "false"), this.selected.has(l) && o.classList.add("selected", "row-focus"));
     })), (t === "cell" || t === "range") && i && e.querySelectorAll(".cell[data-row][data-col]").forEach((a) => {
       const l = parseInt(a.getAttribute("data-row") ?? "-1", 10), d = parseInt(a.getAttribute("data-col") ?? "-1", 10);
       l >= 0 && d >= 0 && (this.isCellSelectable(l, d) || a.setAttribute("data-selectable", "false"));
     }), t === "range" && this.ranges.length > 0) {
-      ue(e);
-      const o = this.activeRange ? V(this.activeRange) : null, a = this.columns.findIndex((d) => !I(d));
+      fe(e);
+      const o = this.activeRange ? q(this.activeRange) : null, a = this.columns.findIndex((d) => !I(d));
       this.columns.length - 1, e.querySelectorAll(".cell[data-row][data-col]").forEach((d) => {
         const c = parseInt(d.getAttribute("data-row") ?? "-1", 10), u = parseInt(d.getAttribute("data-col") ?? "-1", 10);
         if (c >= 0 && u >= 0) {
           const h = this.columns[u];
           if (h && I(h))
             return;
-          if (Pe(c, u, this.ranges) && (d.classList.add("selected"), o)) {
+          if (He(c, u, this.ranges) && (d.classList.add("selected"), o)) {
             c === o.startRow && d.classList.add("top"), c === o.endRow && d.classList.add("bottom");
-            const g = Math.max(o.startCol, a);
-            u === g && d.classList.add("first"), u === o.endCol && d.classList.add("last");
+            const f = Math.max(o.startCol, a);
+            u === f && d.classList.add("first"), u === o.endCol && d.classList.add("last");
           }
         }
       });
@@ -4291,7 +4576,7 @@ class an extends R {
       this.pendingKeyboardUpdate = null;
       const r = this.grid._focusRow, o = this.grid._focusCol;
       if (n && this.cellAnchor) {
-        const a = Q(this.cellAnchor, { row: r, col: o });
+        const a = te(this.cellAnchor, { row: r, col: o });
         this.ranges = [a], this.activeRange = a;
       } else n || (this.ranges = [], this.activeRange = null, this.cellAnchor = { row: r, col: o });
       this.emit("selection-change", this.#t());
@@ -4309,10 +4594,10 @@ class an extends R {
     };
   }
   getSelectedCells() {
-    return Li(this.ranges);
+    return qi(this.ranges);
   }
   isCellSelected(e, t) {
-    return Pe(e, t, this.ranges);
+    return He(e, t, this.ranges);
   }
   clearSelection() {
     this.selectedCell = null, this.selected.clear(), this.anchor = null, this.ranges = [], this.activeRange = null, this.cellAnchor = null, this.emit("selection-change", { mode: this.config.mode, ranges: [] }), this.requestAfterRender();
@@ -4325,11 +4610,11 @@ class an extends R {
       endCol: t.to.col
     })), this.activeRange = this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] : null, this.emit("selection-change", {
       mode: this.config.mode,
-      ranges: We(this.ranges)
+      ranges: Ue(this.ranges)
     }), this.requestAfterRender();
   }
   #t() {
-    return Ii(
+    return Hi(
       this.config.mode,
       {
         selectedCell: this.selectedCell,
@@ -4340,23 +4625,23 @@ class an extends R {
     );
   }
 }
-function B(s, e) {
+function $(s, e) {
   return Math.floor(s / e);
 }
-function Di(s, e) {
+function Ki(s, e) {
   return {
     start: s * e,
     end: (s + 1) * e
   };
 }
-function Fi(s, e, t) {
-  const i = B(s, t), n = B(e - 1, t), r = [];
+function zi(s, e, t) {
+  const i = $(s, t), n = $(e - 1, t), r = [];
   for (let o = i; o <= n; o++)
     r.push(o);
   return r;
 }
-async function qe(s, e, t, i) {
-  const n = Di(e, t);
+async function Ke(s, e, t, i) {
+  const n = Ki(e, t);
   return s.getRows({
     startRow: n.start,
     endRow: n.end,
@@ -4364,14 +4649,14 @@ async function qe(s, e, t, i) {
     filterModel: i.filterModel
   });
 }
-function Mi(s, e, t) {
-  const i = B(s, e), n = t.get(i);
+function Gi(s, e, t) {
+  const i = $(s, e), n = t.get(i);
   if (!n) return;
   const r = s % e;
   return n[r];
 }
-const Pi = 100;
-class ln extends R {
+const Oi = 100;
+class mn extends R {
   name = "serverSide";
   get defaultConfig() {
     return {
@@ -4391,12 +4676,12 @@ class ln extends R {
   }
   loadRequiredBlocks() {
     if (!this.dataSource) return;
-    const e = this.grid, t = this.config.cacheBlockSize ?? 100, i = { startRow: e._virtualization.start, endRow: e._virtualization.end }, n = Fi(i.startRow, i.endRow, t);
+    const e = this.grid, t = this.config.cacheBlockSize ?? 100, i = { startRow: e._virtualization.start, endRow: e._virtualization.end }, n = zi(i.startRow, i.endRow, t);
     for (const r of n)
       if (!(this.loadedBlocks.has(r) || this.loadingBlocks.has(r))) {
         if (this.loadingBlocks.size >= (this.config.maxConcurrentRequests ?? 2))
           break;
-        this.loadingBlocks.add(r), qe(this.dataSource, r, t, {}).then((o) => {
+        this.loadingBlocks.add(r), Ke(this.dataSource, r, t, {}).then((o) => {
           this.loadedBlocks.set(r, o.rows), this.totalRowCount = o.totalRowCount, this.loadingBlocks.delete(r), this.requestRender(), this.loadRequiredBlocks();
         }).catch(() => {
           this.loadingBlocks.delete(r);
@@ -4407,7 +4692,7 @@ class ln extends R {
     if (!this.dataSource) return [...e];
     const t = [];
     for (let i = 0; i < this.totalRowCount; i++) {
-      const n = Mi(i, this.config.cacheBlockSize ?? 100, this.loadedBlocks);
+      const n = Gi(i, this.config.cacheBlockSize ?? 100, this.loadedBlocks);
       t.push(n ?? { __loading: !0, __index: i });
     }
     return t;
@@ -4415,12 +4700,12 @@ class ln extends R {
   onScroll(e) {
     this.dataSource && (this.loadRequiredBlocks(), this.scrollDebounceTimer && clearTimeout(this.scrollDebounceTimer), this.scrollDebounceTimer = setTimeout(() => {
       this.loadRequiredBlocks();
-    }, Pi));
+    }, Oi));
   }
   setDataSource(e) {
     this.dataSource = e, this.loadedBlocks.clear(), this.loadingBlocks.clear();
     const t = this.config.cacheBlockSize ?? 100;
-    qe(e, 0, t, {}).then((i) => {
+    Ke(e, 0, t, {}).then((i) => {
       this.loadedBlocks.set(0, i.rows), this.totalRowCount = i.totalRowCount, this.requestRender();
     });
   }
@@ -4434,59 +4719,59 @@ class ln extends R {
     return this.totalRowCount;
   }
   isRowLoaded(e) {
-    const t = this.config.cacheBlockSize ?? 100, i = B(e, t);
+    const t = this.config.cacheBlockSize ?? 100, i = $(e, t);
     return this.loadedBlocks.has(i);
   }
   getLoadedBlockCount() {
     return this.loadedBlocks.size;
   }
 }
-function $e(s, e, t) {
+function Ye(s, e, t) {
   return s.id !== void 0 ? String(s.id) : t ? `${t}-${e}` : String(e);
 }
-function ee(s, e) {
+function ie(s, e) {
   const t = new Set(s);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
-function ne(s, e, t = null, i = 0) {
+function oe(s, e, t = null, i = 0) {
   const n = e.childrenField ?? "children", r = /* @__PURE__ */ new Set();
   for (let o = 0; o < s.length; o++) {
-    const a = s[o], l = $e(a, o, t), d = a[n];
+    const a = s[o], l = Ye(a, o, t), d = a[n];
     if (Array.isArray(d) && d.length > 0) {
       r.add(l);
-      const c = ne(d, e, l, i + 1);
+      const c = oe(d, e, l, i + 1);
       for (const u of c) r.add(u);
     }
   }
   return r;
 }
-function qi() {
+function Bi() {
   return /* @__PURE__ */ new Set();
 }
-function je(s, e, t, i = null, n = 0) {
+function Xe(s, e, t, i = null, n = 0) {
   const r = t.childrenField ?? "children";
   for (let o = 0; o < s.length; o++) {
-    const a = s[o], l = $e(a, o, i);
+    const a = s[o], l = Ye(a, o, i);
     if (l === e)
       return [l];
     const d = a[r];
     if (Array.isArray(d) && d.length > 0) {
-      const c = je(d, e, t, l, n + 1);
+      const c = Xe(d, e, t, l, n + 1);
       if (c)
         return [l, ...c];
     }
   }
   return null;
 }
-function Ki(s, e, t, i) {
-  const n = je(s, e, t);
+function Vi(s, e, t, i) {
+  const n = Xe(s, e, t);
   if (!n) return i;
   const r = new Set(i);
   for (let o = 0; o < n.length - 1; o++)
     r.add(n[o]);
   return r;
 }
-function Ke(s, e = "children") {
+function ze(s, e = "children") {
   if (!Array.isArray(s) || s.length === 0) return !1;
   for (const t of s) {
     if (!t) continue;
@@ -4496,7 +4781,7 @@ function Ke(s, e = "children") {
   }
   return !1;
 }
-function Hi(s) {
+function Wi(s) {
   if (!Array.isArray(s) || s.length === 0) return null;
   const e = ["children", "items", "nodes", "subRows", "nested"];
   for (const t of s)
@@ -4508,10 +4793,10 @@ function Hi(s) {
       }
   return null;
 }
-const Ni = "@layer tbw-plugins{tbw-grid{.cell[data-field=__tbw_expander]{border-right: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-left: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 dn extends R {
+const $i = "@layer tbw-plugins{tbw-grid{.cell[data-field=__tbw_expander]{border-right: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-left: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 wn extends R {
   name = "tree";
-  styles = Ni;
+  styles = $i;
   get defaultConfig() {
     return {
       childrenField: "children",
@@ -4537,15 +4822,15 @@ class dn extends R {
   }
   detect(e) {
     if (!this.config.autoDetect) return !1;
-    const t = e, i = this.config.childrenField ?? Hi(t) ?? "children";
-    return Ke(t, i);
+    const t = e, i = this.config.childrenField ?? Wi(t) ?? "children";
+    return ze(t, i);
   }
   processRows(e) {
     const t = this.config.childrenField ?? "children", i = e;
-    if (!Ke(i, t))
+    if (!ze(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 = ne(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 = oe(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);
@@ -4598,11 +4883,11 @@ class dn extends R {
     const t = [...e];
     if (t.length === 0) return t;
     const i = t[0], n = i.viewRenderer, r = () => this.config, o = this.setIcon.bind(this), a = this.resolveIcon.bind(this), l = (d) => {
-      const { row: c, value: u } = d, { showExpandIcons: h = !0, indentWidth: f } = r(), g = c, p = g.__treeDepth ?? 0, m = document.createElement("span");
-      if (m.className = "tree-cell-wrapper", m.style.setProperty("--tbw-tree-depth", String(p)), f !== void 0 && m.style.setProperty("--tbw-tree-indent-width", `${f}px`), h)
-        if (g.__treeHasChildren) {
+      const { row: c, value: u } = d, { showExpandIcons: h = !0, indentWidth: g } = r(), f = c, p = f.__treeDepth ?? 0, m = document.createElement("span");
+      if (m.className = "tree-cell-wrapper", m.style.setProperty("--tbw-tree-depth", String(p)), g !== void 0 && m.style.setProperty("--tbw-tree-indent-width", `${g}px`), h)
+        if (f.__treeHasChildren) {
           const b = document.createElement("span");
-          b.className = `tree-toggle${g.__treeExpanded ? " expanded" : ""}`, o(b, a(g.__treeExpanded ? "collapse" : "expand")), b.setAttribute("data-tree-key", String(g.__treeKey ?? "")), m.appendChild(b);
+          b.className = `tree-toggle${f.__treeExpanded ? " expanded" : ""}`, o(b, a(f.__treeExpanded ? "collapse" : "expand")), b.setAttribute("data-tree-key", String(f.__treeKey ?? "")), m.appendChild(b);
         } else {
           const b = document.createElement("span");
           b.className = "tree-spacer", m.appendChild(b);
@@ -4623,7 +4908,7 @@ class dn extends R {
     const i = t.getAttribute("data-tree-key");
     if (!i) return !1;
     const n = this.rowKeyMap.get(i);
-    return n ? (this.expandedKeys = ee(this.expandedKeys, i), this.emit("tree-expand", {
+    return n ? (this.expandedKeys = ie(this.expandedKeys, i), this.emit("tree-expand", {
       key: i,
       row: n.data,
       expanded: this.expandedKeys.has(i),
@@ -4634,7 +4919,7 @@ class dn extends R {
     if (e.key !== " ") return;
     const t = this.grid._focusRow, i = this.flattenedRows[t];
     if (i?.hasChildren)
-      return e.preventDefault(), this.expandedKeys = ee(this.expandedKeys, i.key), this.emit("tree-expand", {
+      return e.preventDefault(), this.expandedKeys = ie(this.expandedKeys, i.key), this.emit("tree-expand", {
         key: i.key,
         row: i.data,
         expanded: this.expandedKeys.has(i.key),
@@ -4667,13 +4952,13 @@ class dn extends R {
     this.expandedKeys.delete(e), this.requestRender();
   }
   toggle(e) {
-    this.expandedKeys = ee(this.expandedKeys, e), this.requestRender();
+    this.expandedKeys = ie(this.expandedKeys, e), this.requestRender();
   }
   expandAll() {
-    this.expandedKeys = ne(this.rows, this.config), this.requestRender();
+    this.expandedKeys = oe(this.rows, this.config), this.requestRender();
   }
   collapseAll() {
-    this.expandedKeys = qi(), this.requestRender();
+    this.expandedKeys = Bi(), this.requestRender();
   }
   isExpanded(e) {
     return this.expandedKeys.has(e);
@@ -4688,10 +4973,10 @@ class dn extends R {
     return this.rowKeyMap.get(e)?.data;
   }
   expandToKey(e) {
-    this.expandedKeys = Ki(this.rows, e, this.config, this.expandedKeys), this.requestRender();
+    this.expandedKeys = Vi(this.rows, e, this.config, this.expandedKeys), this.requestRender();
   }
 }
-function zi(s, e, t) {
+function ji(s, e, t) {
   const i = [...s.undoStack, e];
   for (; i.length > t; )
     i.shift();
@@ -4700,7 +4985,7 @@ function zi(s, e, t) {
     redoStack: []
   };
 }
-function He(s) {
+function Ge(s) {
   if (s.undoStack.length === 0)
     return { newState: s, action: null };
   const e = [...s.undoStack], t = e.pop();
@@ -4712,7 +4997,7 @@ function He(s) {
     action: t
   } : { newState: s, action: null };
 }
-function Ne(s) {
+function Oe(s) {
   if (s.redoStack.length === 0)
     return { newState: s, action: null };
   const e = [...s.redoStack], t = e.pop();
@@ -4724,16 +5009,16 @@ function Ne(s) {
     action: t
   } : { newState: s, action: null };
 }
-function Gi(s) {
+function Ui(s) {
   return s.undoStack.length > 0;
 }
-function Oi(s) {
+function Yi(s) {
   return s.redoStack.length > 0;
 }
-function Bi() {
+function Xi() {
   return { undoStack: [], redoStack: [] };
 }
-function Vi(s, e, t, i) {
+function Zi(s, e, t, i) {
   return {
     type: "cell-edit",
     rowIndex: s,
@@ -4743,7 +5028,7 @@ function Vi(s, e, t, i) {
     timestamp: Date.now()
   };
 }
-class cn extends R {
+class bn extends R {
   static dependencies = [
     { name: "editing", required: !0, reason: "UndoRedoPlugin tracks cell edit history" }
   ];
@@ -4761,7 +5046,7 @@ class cn extends R {
   onKeyDown(e) {
     const t = (e.ctrlKey || e.metaKey) && e.key === "z" && !e.shiftKey, i = (e.ctrlKey || e.metaKey) && (e.key === "y" || e.key === "z" && e.shiftKey);
     if (t) {
-      const n = He({ undoStack: this.undoStack, redoStack: this.redoStack });
+      const n = Ge({ undoStack: this.undoStack, redoStack: this.redoStack });
       if (n.action) {
         const r = this.rows;
         r[n.action.rowIndex] && (r[n.action.rowIndex][n.action.field] = n.action.oldValue), this.undoStack = n.newState.undoStack, this.redoStack = n.newState.redoStack, this.emit("undo", {
@@ -4772,7 +5057,7 @@ class cn extends R {
       return !0;
     }
     if (i) {
-      const n = Ne({ undoStack: this.undoStack, redoStack: this.redoStack });
+      const n = Oe({ undoStack: this.undoStack, redoStack: this.redoStack });
       if (n.action) {
         const r = this.rows;
         r[n.action.rowIndex] && (r[n.action.rowIndex][n.action.field] = n.action.newValue), this.undoStack = n.newState.undoStack, this.redoStack = n.newState.redoStack, this.emit("redo", {
@@ -4785,7 +5070,7 @@ class cn extends R {
     return !1;
   }
   recordEdit(e, t, i, n) {
-    const r = Vi(e, t, i, n), o = zi(
+    const r = Zi(e, t, i, n), o = ji(
       { undoStack: this.undoStack, redoStack: this.redoStack },
       r,
       this.config.maxHistorySize ?? 100
@@ -4793,7 +5078,7 @@ class cn extends R {
     this.undoStack = o.undoStack, this.redoStack = o.redoStack;
   }
   undo() {
-    const e = He({ undoStack: this.undoStack, redoStack: this.redoStack });
+    const e = Ge({ undoStack: this.undoStack, redoStack: this.redoStack });
     if (e.action) {
       const t = this.rows;
       t[e.action.rowIndex] && (t[e.action.rowIndex][e.action.field] = e.action.oldValue), this.undoStack = e.newState.undoStack, this.redoStack = e.newState.redoStack, this.requestRender();
@@ -4801,7 +5086,7 @@ class cn extends R {
     return e.action;
   }
   redo() {
-    const e = Ne({ undoStack: this.undoStack, redoStack: this.redoStack });
+    const e = Oe({ undoStack: this.undoStack, redoStack: this.redoStack });
     if (e.action) {
       const t = this.rows;
       t[e.action.rowIndex] && (t[e.action.rowIndex][e.action.field] = e.action.newValue), this.undoStack = e.newState.undoStack, this.redoStack = e.newState.redoStack, this.requestRender();
@@ -4809,13 +5094,13 @@ class cn extends R {
     return e.action;
   }
   canUndo() {
-    return Gi({ undoStack: this.undoStack, redoStack: this.redoStack });
+    return Ui({ undoStack: this.undoStack, redoStack: this.redoStack });
   }
   canRedo() {
-    return Oi({ undoStack: this.undoStack, redoStack: this.redoStack });
+    return Yi({ undoStack: this.undoStack, redoStack: this.redoStack });
   }
   clearHistory() {
-    const e = Bi();
+    const e = Xi();
     this.undoStack = e.undoStack, this.redoStack = e.redoStack;
   }
   getUndoStack() {
@@ -4825,18 +5110,18 @@ class cn extends R {
     return [...this.redoStack];
   }
 }
-const Wi = '@layer tbw-plugins{.tbw-visibility-content{display:flex;flex-direction:column;height:100%}.tbw-visibility-list{flex:1;overflow-y:auto;padding:var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem))}.tbw-visibility-row{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));padding:var(--tbw-menu-item-padding, .375rem .25rem);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem);border-radius:var(--tbw-border-radius, .25rem);position:relative}.tbw-visibility-row:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover, #f3f4f6))}.tbw-visibility-row input[type=checkbox]{cursor:pointer}.tbw-visibility-row.locked span{color:var(--tbw-color-fg-muted, #888)}.tbw-visibility-handle{cursor:grab;color:var(--tbw-color-fg-muted, #888);font-size:var(--tbw-font-size-2xs, .625rem);letter-spacing:-2px;user-select:none;flex-shrink:0}.tbw-visibility-row.reorderable:hover .tbw-visibility-handle{color:var(--tbw-color-fg, #1f2937)}.tbw-visibility-label{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));flex:1;cursor:pointer}.tbw-visibility-row.dragging{opacity:.5;cursor:grabbing}.tbw-visibility-row.drop-before:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent, #3b82f6))}.tbw-visibility-row.drop-after:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent, #3b82f6))}.tbw-visibility-show-all{margin:var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem));padding:var(--tbw-button-padding, .5rem .75rem);border:1px solid var(--tbw-visibility-border, var(--tbw-color-border, #e5e7eb));border-radius:var(--tbw-border-radius, .25rem);background:var(--tbw-visibility-btn-bg, var(--tbw-color-header-bg, #f9fafb));color:var(--tbw-color-fg, #1f2937);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem)}.tbw-visibility-show-all:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover, #f3f4f6))}}';
-function ze(s) {
+const Ji = '@layer tbw-plugins{.tbw-visibility-content{display:flex;flex-direction:column;height:100%}.tbw-visibility-list{flex:1;overflow-y:auto;padding:var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem))}.tbw-visibility-row{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));padding:var(--tbw-menu-item-padding, .375rem .25rem);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem);border-radius:var(--tbw-border-radius, .25rem);position:relative}.tbw-visibility-row:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover, #f3f4f6))}.tbw-visibility-row input[type=checkbox]{cursor:pointer}.tbw-visibility-row.locked span{color:var(--tbw-color-fg-muted, #888)}.tbw-visibility-handle{cursor:grab;color:var(--tbw-color-fg-muted, #888);font-size:var(--tbw-font-size-2xs, .625rem);letter-spacing:-2px;user-select:none;flex-shrink:0}.tbw-visibility-row.reorderable:hover .tbw-visibility-handle{color:var(--tbw-color-fg, #1f2937)}.tbw-visibility-label{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));flex:1;cursor:pointer}.tbw-visibility-row.dragging{opacity:.5;cursor:grabbing}.tbw-visibility-row.drop-before:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent, #3b82f6))}.tbw-visibility-row.drop-after:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent, #3b82f6))}.tbw-visibility-show-all{margin:var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem));padding:var(--tbw-button-padding, .5rem .75rem);border:1px solid var(--tbw-visibility-border, var(--tbw-color-border, #e5e7eb));border-radius:var(--tbw-border-radius, .25rem);background:var(--tbw-visibility-btn-bg, var(--tbw-color-header-bg, #f9fafb));color:var(--tbw-color-fg, #1f2937);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem)}.tbw-visibility-show-all:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover, #f3f4f6))}}';
+function Be(s) {
   const e = s.meta ?? {};
   return e.lockPosition !== !0 && e.suppressMovable !== !0;
 }
-class P extends R {
+class M extends R {
   static dependencies = [
     { name: "reorder", required: !1, reason: "Enables drag-to-reorder columns in visibility panel" }
   ];
   name = "visibility";
   static PANEL_ID = "columns";
-  styles = Wi;
+  styles = Ji;
   get defaultConfig() {
     return {
       allowHideAll: !1
@@ -4857,7 +5142,7 @@ class P extends R {
   }
   getToolPanel() {
     return {
-      id: P.PANEL_ID,
+      id: M.PANEL_ID,
       title: "Columns",
       icon: "☰",
       tooltip: "Column visibility",
@@ -4866,13 +5151,13 @@ class P extends R {
     };
   }
   show() {
-    this.grid.openToolPanel(), this.grid.expandedToolPanelSections.includes(P.PANEL_ID) || this.grid.toggleToolPanelSection(P.PANEL_ID);
+    this.grid.openToolPanel(), this.grid.expandedToolPanelSections.includes(M.PANEL_ID) || this.grid.toggleToolPanelSection(M.PANEL_ID);
   }
   hide() {
     this.grid.closeToolPanel();
   }
   toggle() {
-    this.grid.isToolPanelOpen || this.grid.openToolPanel(), this.grid.toggleToolPanelSection(P.PANEL_ID);
+    this.grid.isToolPanelOpen || this.grid.openToolPanel(), this.grid.toggleToolPanelSection(M.PANEL_ID);
   }
   isColumnVisible(e) {
     return this.grid.isColumnVisible(e);
@@ -4902,7 +5187,7 @@ class P extends R {
     return this.grid.getAllColumns();
   }
   isPanelVisible() {
-    return this.grid.isToolPanelOpen && this.grid.expandedToolPanelSections.includes(P.PANEL_ID);
+    return this.grid.isToolPanelOpen && this.grid.expandedToolPanelSections.includes(M.PANEL_ID);
   }
   renderPanelContent(e) {
     const t = document.createElement("div");
@@ -4926,7 +5211,7 @@ class P extends R {
     const i = this.grid.getAllColumns().filter((n) => !n.utility);
     for (let n = 0; n < i.length; n++) {
       const r = i[n], o = r.header || r.field, a = document.createElement("div");
-      a.className = r.lockVisible ? "tbw-visibility-row locked" : "tbw-visibility-row", a.setAttribute("data-field", r.field), a.setAttribute("data-index", String(n)), t && ze(r) && (a.draggable = !0, a.classList.add("reorderable"), this.setupDragListeners(a, r.field, n, e));
+      a.className = r.lockVisible ? "tbw-visibility-row locked" : "tbw-visibility-row", a.setAttribute("data-field", r.field), a.setAttribute("data-index", String(n)), t && Be(r) && (a.draggable = !0, a.classList.add("reorderable"), this.setupDragListeners(a, r.field, n, e));
       const l = document.createElement("label");
       l.className = "tbw-visibility-label";
       const d = document.createElement("input");
@@ -4934,7 +5219,7 @@ class P extends R {
         this.grid.toggleColumnVisibility(r.field), setTimeout(() => this.rebuildToggles(e), 0);
       });
       const c = document.createElement("span");
-      if (c.textContent = o, l.appendChild(d), l.appendChild(c), t && ze(r)) {
+      if (c.textContent = o, l.appendChild(d), l.appendChild(c), t && Be(r)) {
         const u = document.createElement("span");
         u.className = "tbw-visibility-handle", this.setIcon(u, this.resolveIcon("dragHandle")), u.title = "Drag to reorder", a.appendChild(u);
       }
@@ -4961,12 +5246,12 @@ class P extends R {
         return;
       const d = l > a ? l - 1 : l;
       if (d !== a) {
-        const c = this.grid.getAllColumns(), h = c.filter((p) => !p.utility)[d]?.field, f = h ? c.findIndex((p) => p.field === h) : c.length, g = {
+        const c = this.grid.getAllColumns(), h = c.filter((p) => !p.utility)[d]?.field, g = h ? c.findIndex((p) => p.field === h) : c.length, f = {
           field: o,
           fromIndex: a,
-          toIndex: f
+          toIndex: g
         };
-        this.emit("column-reorder-request", g), setTimeout(() => {
+        this.emit("column-reorder-request", f), setTimeout(() => {
           this.rebuildToggles(n);
         }, 0);
       }
@@ -4975,47 +5260,49 @@ class P extends R {
 }
 export {
   R as BaseGridPlugin,
-  ji as ClipboardPlugin,
-  Ui as ColumnVirtualizationPlugin,
-  Yi as ContextMenuPlugin,
-  fn as DEFAULT_ANIMATION_CONFIG,
-  Ue as DEFAULT_GRID_ICONS,
-  gn as DGEvents,
-  pn as DataGridElement,
-  Xi as EditingPlugin,
-  Zi as ExportPlugin,
-  A as FilteringPlugin,
-  mn as FitModeEnum,
-  wn as GridCSSVars,
-  bn as GridClasses,
-  vn as GridDataAttrs,
-  yn as GridElement,
-  Cn as GridSelectors,
-  Ji as GroupingColumnsPlugin,
-  Qi as GroupingRowsPlugin,
-  Be as MasterDetailPlugin,
-  en as MultiSortPlugin,
-  Ge as PLUGIN_QUERIES,
-  tn as PinnedColumnsPlugin,
-  nn as PinnedRowsPlugin,
-  M as PivotPlugin,
-  xn as PluginEvents,
-  Rn as PluginManager,
-  Si as ROW_DRAG_HANDLE_FIELD,
-  En as RenderPhase,
-  rn as ReorderPlugin,
-  on as ResponsivePlugin,
-  sn as RowReorderPlugin,
-  an as SelectionPlugin,
-  ln as ServerSidePlugin,
-  dn as TreePlugin,
-  cn as UndoRedoPlugin,
-  P as VisibilityPlugin,
-  Sn as builtInSort,
-  kn as createGrid,
-  An as defaultComparator,
-  mt as defaultEditorFor,
-  rt as defaultPasteHandler,
-  _n as queryGrid
+  en as ClipboardPlugin,
+  tn as ColumnVirtualizationPlugin,
+  nn as ContextMenuPlugin,
+  Cn as DEFAULT_ANIMATION_CONFIG,
+  Ze as DEFAULT_GRID_ICONS,
+  xn as DGEvents,
+  Rn as DataGridElement,
+  rn as EditingPlugin,
+  on as ExportPlugin,
+  T as FilteringPlugin,
+  En as FitModeEnum,
+  Sn as GridCSSVars,
+  kn as GridClasses,
+  An as GridDataAttrs,
+  _n as GridElement,
+  Ln as GridSelectors,
+  sn as GroupingColumnsPlugin,
+  an as GroupingRowsPlugin,
+  $e as MasterDetailPlugin,
+  ln as MultiSortPlugin,
+  Ve as PLUGIN_QUERIES,
+  dn as PinnedColumnsPlugin,
+  cn as PinnedRowsPlugin,
+  D as PivotPlugin,
+  Tn as PluginEvents,
+  In as PluginManager,
+  un as PrintPlugin,
+  Pi as ROW_DRAG_HANDLE_FIELD,
+  Pn as RenderPhase,
+  hn as ReorderPlugin,
+  gn as ResponsivePlugin,
+  fn as RowReorderPlugin,
+  pn as SelectionPlugin,
+  mn as ServerSidePlugin,
+  wn as TreePlugin,
+  bn as UndoRedoPlugin,
+  M as VisibilityPlugin,
+  Fn as builtInSort,
+  Dn as createGrid,
+  Mn as defaultComparator,
+  vt as defaultEditorFor,
+  at as defaultPasteHandler,
+  Si as printGridIsolated,
+  qn as queryGrid
 };
 //# sourceMappingURL=all.js.map