@toolbox-web/grid 1.2.0 → 1.3.0

package/all.js

@@ -1,20 +1,20 @@
-import { BaseGridPlugin as R, DEFAULT_GRID_ICONS as Ue, runAggregator as de, e as Ye, s as Xe, PLUGIN_QUERIES as Ge, getAggregator as ce, getValueAggregator as Ze, a as L, c as ue, g as Je } from "./index.js";
-import { DEFAULT_ANIMATION_CONFIG as hn, DGEvents as gn, DataGridElement as fn, FitModeEnum as pn, GridCSSVars as mn, GridClasses as wn, GridDataAttrs as bn, DataGridElement as vn, GridSelectors as yn, PluginEvents as xn, PluginManager as Cn, RenderPhase as Rn, builtInSort as En, createGrid as kn, defaultComparator as Sn, queryGrid as An } from "./index.js";
-const Oe = "__tbw_expander", Qe = 32;
+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;
 }
 function I(s) {
   return s.meta?.utility === !0;
 }
-function et(s) {
+function tt(s) {
   return s.find(re);
 }
-function tt(s) {
+function it(s) {
   return {
     field: Oe,
     header: "",
-    width: Qe,
+    width: et,
     resizable: !1,
     sortable: !1,
     filterable: !1,
@@ -49,35 +49,39 @@ function he(s, e) {
   }
   return o.push(a), (o.length > 1 || o.some((d) => d.trim() !== "")) && r.push(o), r;
 }
-async function it() {
+async function nt() {
   try {
     return await navigator.clipboard.readText();
   } catch {
     return "";
   }
 }
-function nt(s, e) {
+function rt(s, e) {
   const { rows: t, target: i, fields: n } = s;
   if (!i) return;
-  const r = e.rows, a = (e.effectiveConfig.columns ?? []).map((c) => c.field), l = [...r], d = i.bounds ? i.bounds.endRow : 1 / 0;
-  t.forEach((c, u) => {
-    const h = i.row + u;
-    if (!(h > d)) {
+  const r = e.rows, o = e.effectiveConfig.columns ?? [], a = o.map((u) => u.field), l = /* @__PURE__ */ new Map();
+  o.forEach((u) => {
+    l.set(u.field, u.editable === !0);
+  });
+  const d = [...r], c = i.bounds ? i.bounds.endRow : 1 / 0;
+  t.forEach((u, h) => {
+    const f = i.row + h;
+    if (!(f > c)) {
       if (i.bounds) {
-        if (h >= l.length)
+        if (f >= d.length)
           return;
-      } else for (; h >= l.length; ) {
+      } else for (; f >= d.length; ) {
         const g = {};
-        a.forEach((f) => g[f] = ""), l.push(g);
+        a.forEach((p) => g[p] = ""), d.push(g);
       }
-      l[h] = { ...l[h] }, c.forEach((g, f) => {
-        const p = n[f];
-        p && (l[h][p] = g);
+      d[f] = { ...d[f] }, u.forEach((g, p) => {
+        const m = n[p];
+        m && l.get(m) && (d[f][m] = g);
       });
     }
-  }), e.rows = l;
+  }), e.rows = d;
 }
-class $i extends R {
+class ji extends R {
   static dependencies = [
     { name: "selection", required: !1, reason: "Enables copy/paste of selected cells instead of entire grid" }
   ];
@@ -141,19 +145,19 @@ class $i 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], g = h ? { row: a, col: l, field: h.field, bounds: c } : null, f = [], p = i[0]?.length ?? 0;
+    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;
     for (let w = 0; w < p && l + w <= u; w++) {
       const b = this.columns[l + w];
-      b && !b.hidden && f.push(b.field);
+      b && !b.hidden && g.push(b.field);
     }
-    const m = { rows: i, text: t, target: g, fields: f };
+    const m = { rows: i, text: t, target: f, fields: g };
     this.emit("paste", m), this.#o(m);
   }
   #o(e) {
     if (!this.grid) return;
     const { pasteHandler: t } = this.config;
     if (t === null) return;
-    (t ?? nt)(e, this.grid);
+    (t ?? rt)(e, this.grid);
   }
   #i() {
     try {
@@ -165,15 +169,15 @@ class $i extends R {
   }
   #n(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 = [], g = this.columns.slice(l, d + 1).filter((f) => !I(f));
+`, h = [], f = this.columns.slice(l, d + 1).filter((g) => !I(g));
     if (this.config.includeHeaders) {
-      const f = g.map((p) => p.header || p.field);
-      h.push(f.join(c));
+      const g = f.map((p) => p.header || p.field);
+      h.push(g.join(c));
     }
-    for (let f = o; f <= a; f++) {
-      const p = this.rows[f];
+    for (let g = o; g <= a; g++) {
+      const p = this.rows[g];
       if (!p) continue;
-      const m = g.map((w) => {
+      const m = f.map((w) => {
         const b = p[w.field];
         return b == null ? "" : b instanceof Date ? b.toISOString() : String(b);
       });
@@ -221,23 +225,23 @@ class $i extends R {
     return await W(r.text), this.lastCopied = { text: r.text, timestamp: Date.now() }, r.text;
   }
   async paste() {
-    const e = await it();
+    const e = await nt();
     return e ? he(e, this.config) : null;
   }
   getLastCopied() {
     return this.lastCopied;
   }
 }
-const ge = 100;
+const fe = 100;
 function oe(s) {
   if (s == null)
-    return ge;
+    return fe;
   if (typeof s == "number")
     return s;
   const e = parseFloat(s);
-  return isNaN(e) ? ge : e;
+  return isNaN(e) ? fe : e;
 }
-function fe(s) {
+function ge(s) {
   return s.map((e) => oe(e.width));
 }
 function pe(s) {
@@ -250,11 +254,11 @@ function pe(s) {
 function me(s) {
   return s.reduce((e, t) => e + oe(t.width), 0);
 }
-function rt(s, e, t, i, n) {
+function ot(s, e, t, i, n) {
   const r = t.length;
   if (r === 0)
     return { startCol: 0, endCol: 0, visibleColumns: [] };
-  let o = ot(s, t, i);
+  let o = st(s, t, i);
   o = Math.max(0, o - n);
   const a = s + e;
   let l = o;
@@ -271,7 +275,7 @@ function rt(s, e, t, i, n) {
     d.push(c);
   return { startCol: o, endCol: l, visibleColumns: d };
 }
-function ot(s, e, t) {
+function st(s, e, t) {
   let i = 0, n = e.length - 1;
   for (; i < n; ) {
     const r = Math.floor((i + n) / 2);
@@ -279,10 +283,10 @@ function ot(s, e, t) {
   }
   return i;
 }
-function st(s, e, t) {
+function at(s, e, t) {
   return t ? s > e : !1;
 }
-class ji extends R {
+class Ui extends R {
   name = "columnVirtualization";
   get defaultConfig() {
     return {
@@ -301,16 +305,16 @@ class ji extends R {
   attach(e) {
     super.attach(e);
     const t = this.columns;
-    this.columnWidths = fe(t), this.columnOffsets = pe(t), this.totalWidth = me(t), this.endCol = t.length - 1;
+    this.columnWidths = ge(t), this.columnOffsets = pe(t), this.totalWidth = me(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 = st(e.length, this.config.threshold ?? 30, this.config.autoEnable ?? !0);
-    if (this.isVirtualized = t ?? !1, this.columnWidths = fe(e), this.columnOffsets = pe(e), this.totalWidth = me(e), !t)
+    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)
       return this.startCol = 0, this.endCol = e.length - 1, [...e];
-    const i = this.grid.clientWidth || 800, n = rt(
+    const i = this.grid.clientWidth || 800, n = ot(
       this.scrollLeft,
       i,
       this.columnOffsets,
@@ -354,7 +358,7 @@ const $ = "@layer tbw-plugins{.tbw-context-menu{position:fixed;background:var(--
 function te(s, e) {
   return (typeof s == "function" ? s(e) : s).filter((i) => !(i.hidden === !0 || typeof i.hidden == "function" && i.hidden(e)));
 }
-function at(s, e) {
+function lt(s, e) {
   return s.disabled === !0 ? !0 : typeof s.disabled == "function" ? s.disabled(e) : !1;
 }
 function ie(s, e, t, i = Ue.submenuArrow) {
@@ -368,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 = at(r, e);
+    const a = lt(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);
@@ -420,7 +424,7 @@ const U = [
     }
   }
 ];
-class Ui extends R {
+class Yi extends R {
   name = "contextMenu";
   get defaultConfig() {
     return {
@@ -457,14 +461,14 @@ class Ui 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], g = this.rows[c];
+        const c = parseInt(o.getAttribute("data-row") ?? "-1", 10), u = parseInt(o.getAttribute("data-col") ?? "-1", 10), h = this.columns[u], f = this.rows[c];
         l = {
-          row: g,
+          row: f,
           rowIndex: c,
           column: h,
           columnIndex: u,
           field: h?.field ?? "",
-          value: g?.[h?.field] ?? null,
+          value: f?.[h?.field] ?? null,
           isHeader: !1,
           event: n
         };
@@ -521,12 +525,12 @@ class Ui extends R {
     return this.isOpen;
   }
 }
-const lt = "@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 dt(s) {
+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 e = s.options;
   return e ? typeof e == "function" ? e() : e : [];
 }
-function ct(s) {
+function ut(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);
@@ -536,13 +540,13 @@ function ct(s) {
     }), i;
   };
 }
-function ut() {
+function ht() {
   return (s) => {
     const e = document.createElement("input");
     return e.type = "checkbox", e.checked = !!s.value, e.addEventListener("change", () => s.commit(e.checked)), e;
   };
 }
-function ht(s) {
+function ft(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) => {
@@ -557,7 +561,7 @@ function gt(s) {
       const o = document.createElement("option");
       o.value = "", o.textContent = t.emptyLabel ?? "", i.appendChild(o);
     }
-    dt(s).forEach((o) => {
+    ct(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);
     });
@@ -573,7 +577,7 @@ function gt(s) {
     }), i;
   };
 }
-function ft(s) {
+function pt(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) => {
@@ -581,22 +585,22 @@ function ft(s) {
     }), i;
   };
 }
-function pt(s) {
+function mt(s) {
   switch (s.type) {
     case "number":
-      return ct(s);
+      return ut(s);
     case "boolean":
-      return ut();
+      return ht();
     case "date":
-      return ht(s);
+      return ft(s);
     case "select":
       return gt(s);
     default:
-      return ft(s);
+      return pt(s);
   }
 }
 const Y = 'input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])';
-function mt(s, e) {
+function wt(s, e) {
   if (e.editor) return e.editor;
   if (e.__editorTemplate) return "template";
   if (!e.type) return;
@@ -613,11 +617,11 @@ function mt(s, e) {
 function K(s) {
   return !(typeof s != "string" || s === "__proto__" || s === "constructor" || s === "prototype");
 }
-function wt(s) {
+function bt(s) {
   const e = (s.__editingCellCount ?? 0) + 1;
   s.__editingCellCount = e, s.setAttribute("data-has-editing", "");
 }
-function bt(s) {
+function vt(s) {
   s.__editingCellCount = 0, s.removeAttribute("data-has-editing");
 }
 function N(s, e) {
@@ -625,13 +629,13 @@ function N(s, e) {
 }
 function be(s) {
 }
-function vt(s, e, t) {
+function yt(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))));
 }
-class Yi extends R {
+class Xi extends R {
   static manifest = {
     ownedProperties: [
       {
@@ -653,7 +657,7 @@ class Yi extends R {
     ]
   };
   name = "editing";
-  styles = lt;
+  styles = dt;
   get defaultConfig() {
     return {
       editOn: "click"
@@ -743,12 +747,12 @@ class Yi extends R {
           }
         });
         this.gridElement.dispatchEvent(h);
-        const g = new CustomEvent("activate-cell", {
+        const f = new CustomEvent("activate-cell", {
           cancelable: !0,
           bubbles: !0,
           detail: { row: n, col: r }
         });
-        return this.gridElement.dispatchEvent(g), h.defaultPrevented || g.defaultPrevented ? (e.preventDefault(), !0) : (this.beginBulkEdit(n), !0);
+        return this.gridElement.dispatchEvent(f), h.defaultPrevented || f.defaultPrevented ? (e.preventDefault(), !0) : (this.beginBulkEdit(n), !0);
       }
       return !1;
     }
@@ -886,8 +890,8 @@ class Yi extends R {
       if (!u) return;
       const h = d.querySelector("input,textarea,select");
       if (h) {
-        const g = N(h, u);
-        r[u.field] !== g && this.#u(e, u, g, r);
+        const f = N(h, u);
+        r[u.field] !== f && this.#u(e, u, f, r);
       }
     }), t && n && r)
       Object.keys(n).forEach((l) => {
@@ -902,13 +906,13 @@ class Yi extends R {
         changed: l,
         changedRows: this.changedRows,
         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);
     o && (o.querySelectorAll(".cell.editing").forEach((l) => {
-      l.classList.remove("editing"), bt(l.parentElement);
+      l.classList.remove("editing"), vt(l.parentElement);
     }), this.requestRender()), this.#s = !0, o || (this.#h(i), this.#s = !1);
   }
   #u(e, t, i, n) {
@@ -922,7 +926,7 @@ class Yi extends R {
       l = this.grid.getRowId(n);
     } catch {
     }
-    const d = l ? !this.#i.has(l) : !0, c = l ? (g) => this.grid.updateRow(l, g, "cascade") : be;
+    const d = l ? !this.#i.has(l) : !0, c = l ? (f) => this.grid.updateRow(l, f, "cascade") : be;
     if (this.emitCancelable("cell-commit", {
       row: n,
       rowId: l ?? "",
@@ -937,7 +941,7 @@ class Yi extends R {
     })) return;
     n[r] = i, l && this.#i.add(l), this.#l();
     const h = a.findRenderedRowElement?.(e);
-    h && h.classList.add("changed");
+    h && (h.classList.add("changed"), Ye(h, "change"));
   }
   #p(e, t, i, n, r, o) {
     if (!i.editable || r.classList.contains("editing")) return;
@@ -949,23 +953,23 @@ class Yi extends R {
     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 c = r.parentElement;
-    c && wt(c);
+    c && bt(c);
     let u = !1;
     const h = (v) => {
       u || this.#e === -1 || this.#u(t, i, v, e);
-    }, g = () => {
+    }, f = () => {
       u = !0, K(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.#r(t, !1)), v.key === "Escape" && (v.stopPropagation(), v.preventDefault(), g(), this.#r(t, !0));
+    }, 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));
     });
-    const p = i, m = p.__editorTemplate, w = mt(this.grid, p) ?? pt(i), b = d;
+    const p = i, m = p.__editorTemplate, w = wt(this.grid, p) ?? mt(i), b = d;
     if (w === "template" && m)
-      this.#a(f, p, e, d, h, g, o, t);
+      this.#a(g, p, e, d, h, f, o, t);
     else if (typeof w == "string") {
       const v = document.createElement(w);
-      v.value = b, v.addEventListener("change", () => h(v.value)), f.appendChild(v), o || queueMicrotask(() => {
-        f.querySelector(Y)?.focus({ preventScroll: !0 });
+      v.value = b, v.addEventListener("change", () => h(v.value)), g.appendChild(v), o || queueMicrotask(() => {
+        g.querySelector(Y)?.focus({ preventScroll: !0 });
       });
     } else if (typeof w == "function") {
       const v = {
@@ -975,34 +979,34 @@ class Yi extends R {
         field: i.field,
         column: i,
         commit: h,
-        cancel: g,
+        cancel: f,
         updateRow: l
-      }, k = w(v);
-      typeof k == "string" ? (f.innerHTML = k, vt(f, i, h)) : k instanceof Node && f.appendChild(k), o || queueMicrotask(() => {
-        f.querySelector(Y)?.focus({ preventScroll: !0 });
+      }, 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 });
       });
     } else if (w && typeof w == "object") {
       const v = document.createElement("div");
-      v.setAttribute("data-external-editor", ""), v.setAttribute("data-field", i.field), f.appendChild(v);
-      const k = {
+      v.setAttribute("data-external-editor", ""), v.setAttribute("data-field", i.field), g.appendChild(v);
+      const S = {
         row: e,
         rowId: a ?? "",
         value: b,
         field: i.field,
         column: i,
         commit: h,
-        cancel: g,
+        cancel: f,
         updateRow: l
       };
       if (w.mount)
         try {
-          w.mount({ placeholder: v, context: k, spec: w });
+          w.mount({ placeholder: v, context: S, spec: w });
         } catch (q) {
           console.warn(`[tbw-grid] External editor mount error for column '${i.field}':`, q);
         }
       else
         this.grid.dispatchEvent(
-          new CustomEvent("mount-external-editor", { detail: { placeholder: v, spec: w, context: k } })
+          new CustomEvent("mount-external-editor", { detail: { placeholder: v, spec: w, context: S } })
         );
     }
   }
@@ -1017,8 +1021,8 @@ class Yi extends R {
       column: t,
       commit: r,
       cancel: o
-    }) : c.querySelectorAll("*").forEach((g) => {
-      g.childNodes.length === 1 && g.firstChild?.nodeType === Node.TEXT_NODE && (g.textContent = g.textContent?.replace(/{{\s*value\s*}}/g, n == null ? "" : String(n)).replace(/{{\s*row\.([a-zA-Z0-9_]+)\s*}}/g, (f, p) => {
+    }) : c.querySelectorAll("*").forEach((f) => {
+      f.childNodes.length === 1 && f.firstChild?.nodeType === Node.TEXT_NODE && (f.textContent = f.textContent?.replace(/{{\s*value\s*}}/g, n == null ? "" : String(n)).replace(/{{\s*row\.([a-zA-Z0-9_]+)\s*}}/g, (g, p) => {
         if (!K(p)) return "";
         const m = i[p];
         return m == null ? "" : String(m);
@@ -1029,12 +1033,12 @@ class Yi extends R {
     );
     if (h) {
       h instanceof HTMLInputElement && h.type === "checkbox" ? h.checked = !!n : h.value = String(n ?? "");
-      let g = !1;
+      let f = !1;
       h.addEventListener("blur", () => {
-        g || r(N(h, t));
-      }), h.addEventListener("keydown", (f) => {
-        const p = f;
-        p.key === "Enter" && (p.stopPropagation(), p.preventDefault(), g = !0, r(N(h, t)), this.#r(l, !1)), p.key === "Escape" && (p.stopPropagation(), p.preventDefault(), o(), this.#r(l, !0));
+        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));
       }), h instanceof HTMLInputElement && h.type === "checkbox" && h.addEventListener("change", () => r(h.checked)), a || setTimeout(() => h.focus({ preventScroll: !0 }), 0);
     }
     e.appendChild(c);
@@ -1063,7 +1067,7 @@ function ve(s, e = !0) {
   return e && (t.includes(",") || t.includes('"') || t.includes(`
 `) || t.includes("\r")) ? `"${t.replace(/"/g, '""')}"` : t;
 }
-function yt(s, e, t, i = {}) {
+function Ct(s, e, t, i = {}) {
   const n = i.delimiter ?? ",", r = i.newline ?? `
 `, o = [], a = i.bom ? "\uFEFF" : "";
   if (t.includeHeaders !== !1) {
@@ -1093,7 +1097,7 @@ function xt(s, e) {
 function ye(s) {
   return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
 }
-function Ct(s, e, t) {
+function Rt(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"
@@ -1125,13 +1129,13 @@ function Ct(s, e, t) {
 </Worksheet>
 </Workbook>`, i;
 }
-function Rt(s, e) {
+function Et(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);
 }
-class Xi extends R {
+class Zi extends R {
   name = "export";
   get defaultConfig() {
     return {
@@ -1168,21 +1172,21 @@ class Xi extends R {
     try {
       switch (e) {
         case "csv": {
-          const l = yt(o, r, n, { bom: !0 });
+          const l = Ct(o, r, n, { bom: !0 });
           a = a.endsWith(".csv") ? a : `${a}.csv`, xt(l, a);
           break;
         }
         case "excel": {
-          const l = Ct(o, r, n);
-          a = a.endsWith(".xls") ? a : `${a}.xls`, Rt(l, a);
+          const l = Rt(o, r, n);
+          a = a.endsWith(".xls") ? a : `${a}.xls`, Et(l, a);
           break;
         }
         case "json": {
           const l = o.map((u) => {
             const h = {};
-            for (const g of r) {
-              let f = u[g.field];
-              n.processCell && (f = n.processCell(f, g.field, u)), h[g.field] = f;
+            for (const f of r) {
+              let g = u[f.field];
+              n.processCell && (g = n.processCell(g, f.field, u)), h[f.field] = g;
             }
             return h;
           }), d = JSON.stringify(l, null, 2);
@@ -1225,7 +1229,7 @@ class Xi extends R {
     return this.lastExportInfo;
   }
 }
-function Et(s) {
+function St(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);
@@ -1240,7 +1244,7 @@ function Et(s) {
 function kt(s, e) {
   return s <= e;
 }
-function St(s, e, t = !1) {
+function At(s, e, t = !1) {
   const i = s[e.field];
   if (e.operator === "blank")
     return i == null || i === "";
@@ -1279,10 +1283,10 @@ function St(s, e, t = !1) {
       return !0;
   }
 }
-function At(s, e, t = !1) {
-  return e.length ? s.filter((i) => e.every((n) => St(i, n, t))) : s;
+function _t(s, e, t = !1) {
+  return e.length ? s.filter((i) => e.every((n) => At(i, n, t))) : s;
 }
-function _t(s) {
+function Lt(s) {
   return JSON.stringify(
     s.map((e) => ({
       field: e.field,
@@ -1292,7 +1296,7 @@ function _t(s) {
     }))
   );
 }
-function xe(s, e) {
+function Ce(s, e) {
   const t = /* @__PURE__ */ new Set();
   for (const i of s) {
     const n = i[e];
@@ -1300,10 +1304,10 @@ function xe(s, e) {
   }
   return [...t].sort((i, n) => typeof i == "number" && typeof n == "number" ? i - n : String(i).localeCompare(String(n)));
 }
-const Lt = '@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))}}}}', Tt = "@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)))}}";
+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 {
   name = "filtering";
-  styles = Lt;
+  styles = Tt;
   get defaultConfig() {
     return {
       debounceMs: 300,
@@ -1339,10 +1343,10 @@ class A extends R {
     if (!t.length) return [...e];
     if (this.config.filterHandler)
       return this.cachedResult ? this.cachedResult : [...e];
-    const i = _t(t);
+    const i = Lt(t);
     if (this.cacheKey === i && this.cachedResult)
       return this.cachedResult;
-    const n = At([...e], t, this.config.caseSensitive);
+    const n = _t([...e], t, this.config.caseSensitive);
     return this.cachedResult = n, this.cacheKey = i, n;
   }
   afterRender() {
@@ -1414,7 +1418,7 @@ class A extends R {
     return this.getFilters();
   }
   getUniqueValues(e) {
-    return xe(this.sourceRows, e);
+    return Ce(this.sourceRows, e);
   }
   injectGlobalStyles() {
     if (this.globalStylesInjected) return;
@@ -1423,7 +1427,7 @@ class A extends R {
       return;
     }
     const e = document.createElement("style");
-    e.id = "tbw-filter-panel-styles", e.textContent = Tt, document.head.appendChild(e), this.globalStylesInjected = !0;
+    e.id = "tbw-filter-panel-styles", e.textContent = It, document.head.appendChild(e), this.globalStylesInjected = !0;
   }
   toggleFilterPanel(e, t, i) {
     if (this.openPanelField === e) {
@@ -1438,7 +1442,7 @@ class A extends R {
       });
       return;
     }
-    const r = xe(this.sourceRows, e);
+    const r = Ce(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) {
@@ -1512,7 +1516,7 @@ class A extends R {
     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((x) => x), _ = y.every((x) => !x);
+      const y = [...m.values()], E = y.every((C) => C), _ = y.every((C) => !C);
       c.checked = E, c.indeterminate = !E && !_;
     };
     c.addEventListener("change", () => {
@@ -1521,12 +1525,12 @@ class A extends R {
         m.set(E, y);
       h(), v();
     }), e.appendChild(l);
-    const g = document.createElement("div");
-    g.className = "tbw-filter-values";
     const f = document.createElement("div");
-    f.className = "tbw-filter-values-spacer", g.appendChild(f);
+    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", g.appendChild(p);
+    p.className = "tbw-filter-values-content", f.appendChild(p);
     const m = /* @__PURE__ */ new Map();
     i.forEach((y) => {
       const E = y == null ? "__null__" : String(y);
@@ -1534,56 +1538,56 @@ class A extends R {
     }), h();
     let w = [];
     const b = (y, E) => {
-      const _ = y == null ? "(Blank)" : String(y), x = y == null ? "__null__" : String(y), C = document.createElement("label");
-      C.className = "tbw-filter-value-item", C.style.position = "absolute", C.style.top = `${E * A.LIST_ITEM_HEIGHT}px`, C.style.left = "0", C.style.right = "0", C.style.height = `${A.LIST_ITEM_HEIGHT}px`, C.style.boxSizing = "border-box";
-      const S = document.createElement("input");
-      S.type = "checkbox", S.className = "tbw-filter-checkbox", S.checked = m.get(x) ?? !0, S.dataset.value = x, S.addEventListener("change", () => {
-        m.set(x, S.checked), h();
+      const _ = 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";
+      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();
       });
       const le = document.createElement("span");
-      return le.textContent = _, C.appendChild(S), C.appendChild(le), C;
+      return le.textContent = _, x.appendChild(k), x.appendChild(le), x;
     }, v = () => {
-      const y = w.length, E = g.clientHeight, _ = g.scrollTop;
-      if (f.style.height = `${y * A.LIST_ITEM_HEIGHT}px`, kt(y, A.LIST_BYPASS_THRESHOLD / 3)) {
-        p.innerHTML = "", p.style.transform = "translateY(0px)", w.forEach((C, S) => {
-          p.appendChild(b(C, S));
+      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));
         });
         return;
       }
-      const x = Et({
+      const C = St({
         totalRows: y,
         viewportHeight: E,
         scrollTop: _,
         rowHeight: A.LIST_ITEM_HEIGHT,
         overscan: A.LIST_OVERSCAN
       });
-      p.style.transform = `translateY(${x.offsetY}px)`, p.innerHTML = "";
-      for (let C = x.start; C < x.end; C++)
-        p.appendChild(b(w[C], C - x.start));
-    }, k = (y) => {
+      p.style.transform = `translateY(${C.offsetY}px)`, p.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((x) => {
-        const C = x == null ? "(Blank)" : String(x), S = E ? C : C.toLowerCase();
-        return !y || S.includes(_);
+      if (w = i.filter((C) => {
+        const x = C == null ? "(Blank)" : String(C), k = E ? x : x.toLowerCase();
+        return !y || k.includes(_);
       }), w.length === 0) {
-        f.style.height = "0px", p.innerHTML = "";
-        const x = document.createElement("div");
-        x.className = "tbw-filter-no-match", x.textContent = "No matching values", p.appendChild(x);
+        g.style.height = "0px", p.innerHTML = "";
+        const C = document.createElement("div");
+        C.className = "tbw-filter-no-match", C.textContent = "No matching values", p.appendChild(C);
         return;
       }
       v();
     };
-    g.addEventListener(
+    f.addEventListener(
       "scroll",
       () => {
         w.length > 0 && v();
       },
       { passive: !0 }
-    ), k(a.value), e.appendChild(g);
+    ), S(a.value), e.appendChild(f);
     let q;
     a.addEventListener("input", () => {
       clearTimeout(q), q = setTimeout(() => {
-        this.searchText.set(r, a.value), k(a.value);
+        this.searchText.set(r, a.value), S(a.value);
       }, this.config.debounceMs ?? 150);
     });
     const z = document.createElement("div");
@@ -1596,8 +1600,8 @@ class A extends R {
           if (E === "__null__")
             y.push(null);
           else {
-            const x = i.find((C) => String(C) === E);
-            y.push(x !== void 0 ? x : E);
+            const C = i.find((x) => String(x) === E);
+            y.push(C !== void 0 ? C : E);
           }
       t.applySetFilter(y);
     }), z.appendChild(G);
@@ -1670,7 +1674,7 @@ class A extends R {
     this.filters.set(e, i), this.cachedResult = null, this.cacheKey = null;
   }
 }
-function Ce(s) {
+function xe(s) {
   if (!s.length) return [];
   const e = /* @__PURE__ */ new Map(), t = [], i = (o, a) => {
     if (!a.length) return;
@@ -1705,7 +1709,7 @@ function Ce(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 It(s, e, t) {
+function Dt(s, e, t) {
   if (!e.length || !s) return;
   const i = /* @__PURE__ */ new Map();
   for (const r of e)
@@ -1721,7 +1725,7 @@ function It(s, e, t) {
     a && a.classList.add("group-end");
   }
 }
-function Dt(s, e) {
+function Ft(s, e) {
   if (s.length === 0) return null;
   const t = document.createElement("div");
   t.className = "header-group-row", t.setAttribute("role", "row");
@@ -1733,11 +1737,11 @@ function Dt(s, e) {
   }
   return t;
 }
-function Ft(s) {
+function Mt(s) {
   return s.some((e) => e.group != null);
 }
-const Mt = "@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 Zi extends R {
+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 {
   static manifest = {
     ownedProperties: [
       {
@@ -1754,7 +1758,7 @@ class Zi extends R {
     ]
   };
   name = "groupingColumns";
-  styles = Mt;
+  styles = Pt;
   get defaultConfig() {
     return {
       showGroupBorders: !0
@@ -1769,7 +1773,7 @@ class Zi extends R {
     if (t?.columnGroups && Array.isArray(t.columnGroups) && t.columnGroups.length > 0)
       return !0;
     const i = t?.columns;
-    return Array.isArray(i) ? Ft(i) : !1;
+    return Array.isArray(i) ? Mt(i) : !1;
   }
   processColumns(e) {
     const t = this.grid?.gridConfig?.columnGroups;
@@ -1785,7 +1789,7 @@ class Zi extends R {
       });
     } else
       i = [...e];
-    const n = Ce(i);
+    const n = xe(i);
     return n.length === 0 ? (this.isActive = !1, this.groups = [], i) : (this.isActive = !0, this.groups = n, i);
   }
   afterRender() {
@@ -1798,16 +1802,16 @@ class Zi extends R {
     if (!e) return;
     const t = e.querySelector(".header-group-row");
     t && t.remove();
-    const i = this.columns, n = Ce(i);
+    const i = this.columns, n = xe(i);
     if (n.length === 0) return;
-    const r = Dt(n, i);
+    const r = Ft(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), It(o, n)), this.#e(n);
+    o && (o.classList.toggle("no-group-borders", !this.config.showGroupBorders), Dt(o, n)), this.#e(n);
   }
   #e(e) {
     if (!this.config.showGroupBorders) return;
@@ -1838,7 +1842,7 @@ class Zi extends R {
     this.requestRender();
   }
 }
-function Pt({ rows: s, config: e, expanded: t }) {
+function qt({ rows: s, config: e, expanded: t }) {
   const i = e.groupOn;
   if (typeof i != "function")
     return [];
@@ -1848,9 +1852,9 @@ function Pt({ 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), 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;
+      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;
     }), d.rows.push(a);
   }), n.children.size === 1 && n.children.has("__ungrouped__") && n.children.get("__ungrouped__").rows.length === s.length)
     return [];
@@ -1871,26 +1875,26 @@ function Pt({ rows: s, config: e, expanded: t }) {
   };
   return o(n), r;
 }
-function qt(s, e) {
+function Kt(s, e) {
   const t = new Set(s);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
-function Kt(s) {
+function Ht(s) {
   const e = /* @__PURE__ */ new Set();
   for (const t of s)
     t.kind === "group" && e.add(t.key);
   return e;
 }
-function Ht() {
+function Nt() {
   return /* @__PURE__ */ new Set();
 }
-function Nt(s) {
+function zt(s) {
   return s.kind !== "group" ? 0 : s.rows.length;
 }
-const zt = "@layer tbw-plugins{.group-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-grouping-rows-bg, var(--tbw-color-panel-bg));font-weight:500;border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height)}.group-row .cell{display:flex;align-items:center;padding:var(--tbw-cell-padding, .125rem .5rem)}.group-row:hover{background:var(--tbw-grouping-rows-bg-hover, var(--tbw-color-row-hover))}.group-toggle{cursor:pointer;user-select:none;display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-toggle-size, 1.25rem);height:var(--tbw-toggle-size, 1.25rem);margin-right:.25rem;background:none;border:0;font:inherit}.group-toggle:hover{background:var(--tbw-grouping-rows-toggle-hover, var(--tbw-color-row-hover));border-radius:var(--tbw-border-radius, .125rem)}.group-label{display:inline-flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.group-count{color:var(--tbw-grouping-rows-count-color, var(--tbw-color-fg-muted));font-size:var(--tbw-font-size-xs, .85em);font-weight:400}.group-row{padding-left:calc(var(--tbw-group-depth, 0) * var(--tbw-group-indent-width, 1.25em))}.data-grid-row.tbw-group-slide-in{animation:tbw-group-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-group-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.data-grid-row.tbw-group-fade-in{animation:tbw-group-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-group-fade-in{0%{opacity:0}to{opacity:1}}}";
-class Ji extends R {
+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 {
   name = "groupingRows";
-  styles = zt;
+  styles = Gt;
   get defaultConfig() {
     return {
       defaultExpanded: !1,
@@ -1918,7 +1922,7 @@ class Ji extends R {
     const t = this.config;
     if (typeof t.groupOn != "function")
       return this.isActive = !1, this.flattenedRows = [], [...e];
-    const i = Pt({
+    const i = qt({
       rows: [...e],
       config: t,
       expanded: this.expandedKeys
@@ -1939,7 +1943,7 @@ class Ji extends R {
       __groupDepth: r.depth,
       __groupRows: r.rows,
       __groupExpanded: r.expanded,
-      __groupRowCount: Nt(r)
+      __groupRowCount: zt(r)
     } : r.row);
   }
   onCellClick(e) {
@@ -2013,42 +2017,42 @@ class Ji extends R {
     d && (t.style.display = "grid", t.style.gridTemplateColumns = d);
     let c = !1;
     o.forEach((u, h) => {
-      const g = document.createElement("div");
-      if (g.className = "cell group-cell", g.setAttribute("data-col", String(h)), g.setAttribute("role", "gridcell"), re(u)) {
-        g.setAttribute("data-field", u.field), t.appendChild(g);
+      const f = document.createElement("div");
+      if (f.className = "cell group-cell", f.setAttribute("data-col", String(h)), f.setAttribute("role", "gridcell"), re(u)) {
+        f.setAttribute("data-field", u.field), t.appendChild(f);
         return;
       }
       if (c) {
-        const f = r[u.field];
-        if (f) {
-          const p = de(f, a, u.field, u);
-          g.textContent = p != null ? String(p) : "";
+        const g = r[u.field];
+        if (g) {
+          const p = de(g, a, u.field, u);
+          f.textContent = p != null ? String(p) : "";
         } else
-          g.textContent = "";
+          f.textContent = "";
       } else {
-        c = !0, g.appendChild(this.createToggleButton(e.__groupExpanded, i));
-        const f = document.createElement("span"), p = r[u.field];
+        c = !0, f.appendChild(this.createToggleButton(e.__groupExpanded, i));
+        const g = document.createElement("span"), p = r[u.field];
         if (p) {
           const m = de(p, a, u.field, u);
-          f.textContent = m != null ? String(m) : String(e.__groupValue);
+          g.textContent = m != null ? String(m) : String(e.__groupValue);
         } else
-          f.textContent = this.getGroupLabelText(e.__groupValue, e.__groupDepth || 0, e.__groupKey);
-        if (g.appendChild(f), n.showRowCount !== !1) {
+          g.textContent = this.getGroupLabelText(e.__groupValue, e.__groupDepth || 0, e.__groupKey);
+        if (f.appendChild(g), n.showRowCount !== !1) {
           const m = document.createElement("span");
-          m.className = "group-count", m.textContent = ` (${a.length})`, g.appendChild(m);
+          m.className = "group-count", m.textContent = ` (${a.length})`, f.appendChild(m);
         }
       }
-      t.appendChild(g);
+      t.appendChild(f);
     });
   }
   expandAll() {
-    this.expandedKeys = Kt(this.flattenedRows), this.requestRender();
+    this.expandedKeys = Ht(this.flattenedRows), this.requestRender();
   }
   collapseAll() {
-    this.expandedKeys = Ht(), this.requestRender();
+    this.expandedKeys = Nt(), this.requestRender();
   }
   toggle(e) {
-    this.expandedKeys = qt(this.expandedKeys, e);
+    this.expandedKeys = Kt(this.expandedKeys, e);
     const t = this.flattenedRows.find((i) => i.kind === "group" && i.key === e);
     this.emit("group-toggle", {
       key: e,
@@ -2101,18 +2105,18 @@ function Re(s, e) {
   const t = new Set(s);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
-function Gt(s, e) {
+function Ot(s, e) {
   const t = new Set(s);
   return t.add(e), t;
 }
-function Ot(s, e) {
+function Bt(s, e) {
   const t = new Set(s);
   return t.delete(e), t;
 }
-function Bt(s, e) {
+function Vt(s, e) {
   return s.has(e);
 }
-function Vt(s, e, t, i) {
+function Wt(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");
@@ -2120,10 +2124,10 @@ function Vt(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 Wt = "@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}}}";
+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 {
   name = "masterDetail";
-  styles = Wt;
+  styles = $t;
   get defaultConfig() {
     return {
       detailHeight: "auto",
@@ -2152,8 +2156,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 g = Ye(c, { value: u, row: u });
-      return Xe(g);
+      const f = Xe(c, { value: u, row: u });
+      return Ze(f);
     }), Object.keys(d).length > 0 && (this.config = { ...this.config, ...d });
   }
   get animationStyle() {
@@ -2200,9 +2204,9 @@ class Be extends R {
     if (!(this.config.showExpandColumn === !0 || this.config.showExpandColumn !== !1 && !!this.config.detailRenderer))
       return [...e];
     const i = [...e];
-    if (et(i))
+    if (tt(i))
       return i;
-    const r = tt(this.name);
+    const r = it(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";
@@ -2255,7 +2259,7 @@ class Be extends R {
         d.previousElementSibling !== a && a.after(d);
         continue;
       }
-      const c = Vt(l, o, this.config.detailRenderer, n);
+      const c = Wt(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);
     }
   }
@@ -2290,11 +2294,11 @@ class Be extends R {
   }
   expand(e) {
     const t = this.rows[e];
-    t && (this.expandedRows = Gt(this.expandedRows, t), this.requestRender());
+    t && (this.expandedRows = Ot(this.expandedRows, t), this.requestRender());
   }
   collapse(e) {
     const t = this.rows[e];
-    t && (this.expandedRows = Ot(this.expandedRows, t), this.requestRender());
+    t && (this.expandedRows = Bt(this.expandedRows, t), this.requestRender());
   }
   toggle(e) {
     const t = this.rows[e];
@@ -2302,7 +2306,7 @@ class Be extends R {
   }
   isExpanded(e) {
     const t = this.rows[e];
-    return t ? Bt(this.expandedRows, t) : !1;
+    return t ? Vt(this.expandedRows, t) : !1;
   }
   expandAll() {
     for (const e of this.rows)
@@ -2332,20 +2336,20 @@ class Be extends R {
     }
   }
 }
-function $t(s, e, t) {
+function jt(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 ?? jt, l = i[r.field], d = n[r.field], c = a(l, d, i, n);
+      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);
       if (c !== 0)
         return r.direction === "asc" ? c : -c;
     }
     return 0;
   }) : [...s];
 }
-function jt(s, e) {
+function Ut(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 Ut(s, e, t, i) {
+function Yt(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" }];
 }
@@ -2353,13 +2357,13 @@ function Ee(s, e) {
   const t = s.findIndex((i) => i.field === e);
   return t >= 0 ? t + 1 : void 0;
 }
-function ke(s, e) {
+function Se(s, e) {
   return s.find((t) => t.field === e)?.direction;
 }
-const Yt = '@layer tbw-plugins{.header-cell[data-sort=asc]:after{content:"↑";margin-left:4px;opacity:.8}.header-cell[data-sort=desc]:after{content:"↓";margin-left:4px;opacity:.8}.sort-indicator{margin-left:4px;opacity:.8}.sort-index{font-size:10px;background:var(--tbw-multi-sort-badge-bg, var(--tbw-color-panel-bg));color:var(--tbw-multi-sort-badge-color, var(--tbw-color-fg));border-radius:50%;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;margin-left:2px;font-weight:600}}';
-class Qi extends R {
+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 {
   name = "multiSort";
-  styles = Yt;
+  styles = Xt;
   get defaultConfig() {
     return {
       maxSortColumns: 3,
@@ -2371,12 +2375,12 @@ class Qi extends R {
     this.sortModel = [];
   }
   processRows(e) {
-    return this.sortModel.length === 0 ? [...e] : $t([...e], this.sortModel, [...this.columns]);
+    return this.sortModel.length === 0 ? [...e] : jt([...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 = Ut(this.sortModel, e.field, i, n), this.emit("sort-change", { sortModel: [...this.sortModel] }), this.requestRender(), !0;
+    return this.sortModel = Yt(this.sortModel, e.field, i, n), this.emit("sort-change", { sortModel: [...this.sortModel] }), this.requestRender(), !0;
   }
   afterRender() {
     const e = this.gridElement;
@@ -2385,15 +2389,15 @@ class Qi extends R {
     e.querySelectorAll(".header-row .cell[data-field]").forEach((n) => {
       const r = n.getAttribute("data-field");
       if (!r) return;
-      const o = Ee(this.sortModel, r), a = ke(this.sortModel, r);
+      const o = Ee(this.sortModel, r), a = Se(this.sortModel, r);
       if (n.querySelector(".sort-index")?.remove(), a) {
         n.querySelector('[part~="sort-indicator"], .sort-indicator')?.remove(), n.setAttribute("data-sort", a);
         const c = document.createElement("span");
         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"), g = u ?? h;
-        if (g ? n.insertBefore(c, g) : n.appendChild(c), t && this.sortModel.length > 1 && o !== void 0) {
-          const f = document.createElement("span");
-          f.className = "sort-index", f.textContent = String(o), c.nextSibling ? n.insertBefore(f, c.nextSibling) : n.appendChild(f);
+        const u = n.querySelector(".tbw-filter-btn"), h = n.querySelector(".resize-handle"), f = u ?? h;
+        if (f ? n.insertBefore(c, f) : n.appendChild(c), t && this.sortModel.length > 1 && o !== void 0) {
+          const g = document.createElement("span");
+          g.className = "sort-index", g.textContent = String(o), c.nextSibling ? n.insertBefore(g, c.nextSibling) : n.appendChild(g);
         }
       } else
         n.removeAttribute("data-sort");
@@ -2412,7 +2416,7 @@ class Qi extends R {
     return Ee(this.sortModel, e);
   }
   getSortDirection(e) {
-    return ke(this.sortModel, e);
+    return Se(this.sortModel, e);
   }
   getColumnState(e) {
     const t = this.sortModel.findIndex((n) => n.field === e);
@@ -2435,16 +2439,16 @@ class Qi extends R {
     i !== -1 ? this.sortModel[i] = n : this.sortModel.splice(t.sort.priority, 0, n);
   }
 }
-function Xt(s) {
+function Zt(s) {
   return s.filter((e) => e.sticky === "left");
 }
-function Zt(s) {
+function Jt(s) {
   return s.filter((e) => e.sticky === "right");
 }
 function X(s) {
   return s.some((e) => e.sticky === "left" || e.sticky === "right");
 }
-function Se(s, e) {
+function ke(s, e) {
   const t = Array.from(s.querySelectorAll(".header-row .cell"));
   if (!t.length) return;
   const i = /* @__PURE__ */ new Map();
@@ -2473,7 +2477,7 @@ function Ae(s) {
     t.classList.remove("sticky-left", "sticky-right"), t.style.position = "", t.style.left = "", t.style.right = "";
   });
 }
-class en extends R {
+class tn extends R {
   static manifest = {
     ownedProperties: [
       {
@@ -2510,7 +2514,7 @@ class en extends R {
       return;
     }
     queueMicrotask(() => {
-      Se(e, t);
+      ke(e, t);
     });
   }
   onPluginQuery(e) {
@@ -2528,15 +2532,15 @@ class en extends R {
   }
   refreshStickyOffsets() {
     const e = [...this.columns];
-    Se(this.grid, e);
+    ke(this.grid, e);
   }
   getLeftPinnedColumns() {
     const e = [...this.columns];
-    return Xt(e);
+    return Zt(e);
   }
   getRightPinnedColumns() {
     const e = [...this.columns];
-    return Zt(e);
+    return Jt(e);
   }
   clearStickyPositions() {
     Ae(this.grid);
@@ -2560,7 +2564,7 @@ class en extends R {
     return { left: i, right: n, skipScroll: r };
   }
 }
-function Jt(s) {
+function Qt(s) {
   return typeof s == "object" && s !== null && "aggFunc" in s;
 }
 function Z(s, e) {
@@ -2585,7 +2589,7 @@ function Z(s, e) {
   }
   if (s.customPanels)
     for (const o of s.customPanels) {
-      const a = Qt(o, e);
+      const a = ei(o, e);
       switch (o.position) {
         case "left":
           i.appendChild(a);
@@ -2618,7 +2622,7 @@ function Le(s, e, t, i) {
         let l, d;
         const c = n.aggregators?.[o.field];
         if (c)
-          if (Jt(c)) {
+          if (Qt(c)) {
             const u = ce(c.aggFunc);
             u && (l = u(i, o.field, o)), d = c.formatter;
           } else {
@@ -2634,7 +2638,7 @@ function Le(s, e, t, i) {
     s.appendChild(r);
   }
 }
-function Qt(s, e) {
+function ei(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);
@@ -2650,10 +2654,10 @@ function Te(s, e, t, i, n) {
     grid: t
   };
 }
-const ei = "@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 tn extends R {
+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 {
   name = "pinnedRows";
-  styles = ei;
+  styles = ti;
   get defaultConfig() {
     return {
       position: "bottom",
@@ -2757,16 +2761,16 @@ class tn extends R {
     this.config.aggregationRows && (this.config.aggregationRows = this.config.aggregationRows.filter((t) => t.id !== e), this.requestRender());
   }
 }
-const ti = Ze;
-function ii(s) {
+const ii = Je;
+function ni(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) {
   return [...s, e].join("|");
 }
-function ni(s, e) {
-  const t = e.rowGroupFields ?? [], i = e.columnGroupFields ?? [], n = e.valueFields ?? [], r = ri(s, i), o = Ve(
+function ri(s, e) {
+  const t = e.rowGroupFields ?? [], i = e.columnGroupFields ?? [], n = e.valueFields ?? [], r = oi(s, i), o = Ve(
     s,
     t,
     i,
@@ -2774,7 +2778,7 @@ function ni(s, e) {
     n,
     0,
     ""
-  ), a = si(o, r, n), l = Object.values(a).reduce((d, c) => d + c, 0);
+  ), a = ai(o, r, n), l = Object.values(a).reduce((d, c) => d + c, 0);
   return {
     rows: o,
     columnKeys: r,
@@ -2782,7 +2786,7 @@ function ni(s, e) {
     grandTotal: l
   };
 }
-function ri(s, e) {
+function oi(s, e) {
   if (e.length === 0) return ["value"];
   const t = /* @__PURE__ */ new Set();
   for (const i of s) {
@@ -2791,7 +2795,7 @@ function ri(s, e) {
   }
   return [...t].sort();
 }
-function oi(s, e) {
+function si(s, e) {
   const t = /* @__PURE__ */ new Map();
   for (const i of s) {
     const n = String(i[e] ?? ""), r = t.get(n);
@@ -2802,38 +2806,38 @@ function oi(s, e) {
 function Ve(s, e, t, i, n, r, o) {
   const a = [];
   if (e.length === 0) {
-    const h = Ie(s, t, i, n), g = De(h);
+    const h = Ie(s, t, i, n), f = De(h);
     return a.push({
       rowKey: o || "all",
       rowLabel: o || "All",
       depth: r,
       values: h,
-      total: g,
+      total: f,
       isGroup: !1,
       rowCount: s.length
     }), a;
   }
-  const l = e[0], d = e.slice(1), c = d.length > 0, u = oi(s, l);
-  for (const [h, g] of u) {
-    const f = o ? `${o}|${h}` : h, p = Ie(g, t, i, n), m = De(p);
+  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);
     let w;
     c && (w = Ve(
-      g,
+      f,
       d,
       t,
       i,
       n,
       r + 1,
-      f
+      g
     )), a.push({
-      rowKey: f,
+      rowKey: g,
       rowLabel: h || "(blank)",
       depth: r,
       values: p,
       total: m,
       isGroup: c,
       children: w,
-      rowCount: g.length
+      rowCount: f.length
     });
   }
   return a;
@@ -2842,7 +2846,7 @@ function Ie(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((g) => String(h[g] ?? "")).join("|") === r) : s).map((h) => Number(h[o.field]) || 0), d = ti(o.aggFunc), c = l.length > 0 ? d(l) : null, u = ae([r], o.field);
+      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);
       n[u] = c;
     }
   return n;
@@ -2853,7 +2857,7 @@ function De(s) {
     e += t ?? 0;
   return e;
 }
-function si(s, e, t) {
+function ai(s, e, t) {
   const i = {};
   function n(r) {
     for (const o of r)
@@ -2867,7 +2871,7 @@ function si(s, e, t) {
   }
   return n(s), i;
 }
-function ai(s, e, t = !0) {
+function li(s, e, t = !0) {
   const i = [];
   function n(r) {
     i.push(r);
@@ -2880,7 +2884,7 @@ function ai(s, e, t = !0) {
     n(r);
   return i;
 }
-function li(s) {
+function di(s) {
   const e = [];
   function t(i) {
     if (i.isGroup && e.push(i.rowKey), i.children)
@@ -2891,10 +2895,10 @@ function li(s) {
     t(i);
   return e;
 }
-const di = ["sum", "avg", "count", "min", "max", "first", "last"];
-function ci(s, e, t, i) {
+const ci = ["sum", "avg", "count", "min", "max", "first", "last"];
+function ui(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", () => pi(t, r))), o.appendChild(H("Row Groups", () => Fe("rowGroups", r))), o.appendChild(H("Column Groups", () => Fe("columnGroups", r))), o.appendChild(H("Values", () => hi(r))), o.appendChild(H("Available Fields", () => fi(r))), s.appendChild(o), () => {
+  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), () => {
     n.abort(), o.remove();
   };
 }
@@ -2915,7 +2919,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(ui(a, s, e));
+      r.appendChild(hi(a, s, e));
   return r.addEventListener(
     "dragover",
     (a) => {
@@ -2938,7 +2942,7 @@ function Fe(s, e) {
     { signal: n }
   ), r;
 }
-function ui(s, e, t) {
+function hi(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");
@@ -2964,7 +2968,7 @@ function ui(s, e, t) {
     { signal: n }
   ), r;
 }
-function hi(s) {
+function fi(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 ?? [];
@@ -3005,7 +3009,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 di) {
+  for (const c of ci) {
     const u = document.createElement("option");
     u.value = c, u.textContent = c.toUpperCase(), u.selected = c === s.aggFunc, l.appendChild(u);
   }
@@ -3025,7 +3029,7 @@ function gi(s, e) {
     { signal: i }
   ), o.appendChild(a), o.appendChild(l), n.appendChild(o), n.appendChild(d), n;
 }
-function fi(s) {
+function pi(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([
@@ -3055,7 +3059,7 @@ function fi(s) {
     }
   return n;
 }
-function pi(s, e) {
+function mi(s, e) {
   const { config: t, callbacks: i, signal: n } = e, r = document.createElement("div");
   return r.className = "tbw-pivot-options", r.appendChild(
     J(
@@ -3094,7 +3098,7 @@ function J(s, e, t, i) {
   const o = document.createElement("span");
   return o.textContent = s, n.appendChild(r), n.appendChild(o), n;
 }
-function mi(s, e, t) {
+function wi(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) {
@@ -3115,7 +3119,7 @@ function mi(s, e, t) {
     e.appendChild(r);
   }), !0;
 }
-function wi(s, e, t, i) {
+function bi(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) {
@@ -3130,7 +3134,7 @@ function wi(s, e, t, i) {
     e.appendChild(o);
   }), !0;
 }
-function bi(s, e, t) {
+function vi(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) {
@@ -3143,10 +3147,10 @@ function bi(s, e, t) {
     e.appendChild(r);
   }), !0;
 }
-const vi = '@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}}}';
+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 {
   name = "pivot";
-  styles = vi;
+  styles = yi;
   static PANEL_ID = "pivot";
   get defaultConfig() {
     return {
@@ -3191,11 +3195,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 = ii(this.config);
+    const t = ni(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 = ni(e, this.config), this.expandedKeys.size === 0 && this.defaultExpanded && this.expandAllKeys();
-    const i = this.config.indentWidth ?? 20, n = ai(
+    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.pivotResult.rows,
       this.expandedKeys,
       this.defaultExpanded
@@ -3247,13 +3251,13 @@ class M extends R {
   }
   renderRow(e, t, i) {
     const n = e;
-    return n.__pivotRowKey && n.__pivotHasChildren ? mi(n, t, {
+    return n.__pivotRowKey && n.__pivotHasChildren ? wi(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 ? wi(n, t, this.gridColumns, i) : (this.cleanupPivotStyling(t), !1);
+    }) : n.__pivotRowKey !== void 0 && this.isActive ? bi(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 = "");
@@ -3291,7 +3295,7 @@ class M extends R {
       __pivotTotal: this.pivotResult.grandTotal,
       ...this.pivotResult.totals
     };
-    bi(i, this.grandTotalFooter, this.gridColumns);
+    vi(i, this.grandTotalFooter, this.gridColumns);
   }
   cleanupGrandTotalFooter() {
     this.grandTotalFooter && (this.grandTotalFooter.remove(), this.grandTotalFooter = null);
@@ -3313,7 +3317,7 @@ class M extends R {
   }
   expandAllKeys() {
     if (!this.pivotResult) return;
-    const e = li(this.pivotResult.rows);
+    const e = di(this.pivotResult.rows);
     for (const t of e)
       this.expandedKeys.add(t);
   }
@@ -3398,7 +3402,7 @@ class M extends R {
       },
       getAvailableFields: () => this.getAvailableFields()
     };
-    return ci(e, this.config, this.isActive, t);
+    return ui(e, this.config, this.isActive, t);
   }
   refreshPanel() {
     this.panelContainer && (this.panelContainer.innerHTML = "", this.renderPanel(this.panelContainer));
@@ -3431,7 +3435,7 @@ class M extends R {
     n >= 0 && (i[n] = { ...i[n], aggFunc: t }, this.config.valueFields = [...i]), this.isActive && this.refresh();
   }
 }
-function yi(s) {
+function Ci(s) {
   const e = s.meta ?? {};
   return e.lockPosition !== !0 && e.suppressMovable !== !0;
 }
@@ -3441,7 +3445,7 @@ function Me(s, e, t) {
   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 nn extends R {
+class rn extends R {
   name = "reorder";
   styles = xi;
   get defaultConfig() {
@@ -3460,7 +3464,7 @@ class nn extends R {
   draggedIndex = null;
   dropIndex = null;
   canMoveColumnWithPlugins(e) {
-    return !e || !yi(e) ? !1 : !this.grid.queryPlugins({
+    return !e || !Ci(e) ? !1 : !this.grid.queryPlugins({
       type: Ge.CAN_MOVE_COLUMN,
       context: e
     }).includes(!1);
@@ -3510,13 +3514,13 @@ class nn 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(), g = Me(h, d, u), f = {
+        const u = c > d ? c - 1 : c, h = this.getColumnOrder(), f = Me(h, d, u), g = {
           field: l,
           fromIndex: d,
           toIndex: u,
-          columnOrder: g
+          columnOrder: f
         };
-        this.emitCancelable("column-move", f) || this.updateColumnOrder(g);
+        this.emitCancelable("column-move", g) || this.updateColumnOrder(f);
       }));
     });
   }
@@ -3636,11 +3640,11 @@ class nn extends R {
     this.grid.requestStateChange?.();
   }
 }
-const Ci = 'tbw-grid[data-responsive-animate]{.data-grid-row,.data-grid-row>.cell{transition:opacity var(--tbw-responsive-duration, .2s) ease-out,transform var(--tbw-responsive-duration, .2s) ease-out}}tbw-grid[data-responsive][data-responsive-animate]{.data-grid-row{animation:responsive-card-enter var(--tbw-responsive-duration, .2s) ease-out}}@keyframes responsive-card-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}tbw-grid[data-responsive]{.header{display:none!important}.footer-row{display:none}.tbw-scroll-area{overflow-x:hidden;min-width:0!important}.rows-body-wrapper{min-width:0!important}.data-grid-row: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 rn extends R {
+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 {
   name = "responsive";
   version = "1.0.0";
-  styles = Ci;
+  styles = Ri;
   static manifest = {
     incompatibleWith: [
       {
@@ -3752,7 +3756,7 @@ class rn extends R {
       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.#g = void 0, this.#f = void 0, this.#m = void 0;
+      this.#a && this.#a > 0 && t._virtualization && (t._virtualization.rowHeight = this.#a, this.#a = void 0), this.#f = void 0, this.#g = void 0, this.#m = void 0;
     }
   }
   renderRow(e, t, i) {
@@ -3792,17 +3796,17 @@ class rn extends R {
     }
     return !1;
   }
-  #g;
   #f;
+  #g;
   #m;
   #v() {
-    if (this.#g && this.#g > 0)
-      return this.#g;
+    if (this.#f && this.#f > 0)
+      return this.#f;
     const e = this.config.cardRowHeight;
     return typeof e == "number" && e > 0 ? e : 80;
   }
   #y() {
-    return this.#f && this.#f > 0 ? this.#f : this.#a ?? 28;
+    return this.#g && this.#g > 0 ? this.#g : this.#a ?? 28;
   }
   #w() {
     for (const e of this.rows)
@@ -3810,7 +3814,7 @@ class rn extends R {
         return !0;
     return !1;
   }
-  #x() {
+  #C() {
     let e = 0, t = 0;
     for (const i of this.rows)
       i.__isGroupRow ? e++ : t++;
@@ -3819,7 +3823,7 @@ class rn 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.#x(), o = n * Math.max(0, t - e), a = r * Math.max(0, i - e);
+    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);
     return o + a;
   }
   getExtraHeightBefore(e) {
@@ -3832,7 +3836,7 @@ class rn extends R {
       d[u].__isGroupRow ? a++ : l++;
     return a * r + l * o;
   }
-  #C() {
+  #x() {
     let e = 0;
     for (const t of this.rows)
       t.__isGroupRow || e++;
@@ -3843,28 +3847,28 @@ class rn extends R {
     if (!this.#t || !this.config.cardRenderer)
       return;
     let e = !1;
-    const t = this.grid, i = this.#w(), n = this.#C();
+    const t = this.grid, i = this.#w(), n = this.#x();
     if (n !== this.#m && (this.#m = n, e = !0), i) {
       const o = this.gridElement.querySelector(".data-grid-row.group-row");
       if (o) {
         const a = o.getBoundingClientRect().height;
-        a > 0 && a !== this.#f && (this.#f = a, e = !0);
+        a > 0 && a !== this.#g && (this.#g = a, e = !0);
       }
     }
     const r = this.gridElement.querySelector(".data-grid-row.responsive-card");
     if (r) {
       const o = r.getBoundingClientRect().height;
-      o > 0 && o !== this.#g && (this.#g = o, e = !0, !i && t._virtualization && (t._virtualization.rowHeight = o));
+      o > 0 && o !== this.#f && (this.#f = o, e = !0, !i && t._virtualization && (t._virtualization.rowHeight = o));
     }
     e && !this.#b && (this.#b = !0, queueMicrotask(() => {
       this.#b = !1, this.grid && this.#t && this.grid.refreshVirtualWindow?.(!0, !0);
     }));
   }
 }
-const Ri = '.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}', Ei = "__tbw_row_drag";
-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 {
   name = "rowReorder";
-  styles = Ri;
+  styles = Ei;
   get defaultConfig() {
     return {
       enableKeyboard: !0,
@@ -3888,7 +3892,7 @@ class on extends R {
     if (!this.config.showDragHandle)
       return [...e];
     const t = {
-      field: Ei,
+      field: Si,
       header: "",
       width: this.config.dragHandleWidth ?? 40,
       resizable: !1,
@@ -4047,24 +4051,24 @@ function ki(s) {
 function We(s) {
   return s.map(ki);
 }
-function Si(s, e, t) {
+function Ai(s, e, t) {
   const i = V(t);
   return s >= i.startRow && s <= i.endRow && e >= i.startCol && e <= i.endCol;
 }
 function Pe(s, e, t) {
-  return t.some((i) => Si(s, e, i));
+  return t.some((i) => Ai(s, e, i));
 }
-function Ai(s) {
+function _i(s) {
   const e = [], t = V(s);
   for (let i = t.startRow; i <= t.endRow; i++)
     for (let n = t.startCol; n <= t.endCol; n++)
       e.push({ row: i, col: n });
   return e;
 }
-function _i(s) {
+function Li(s) {
   const e = /* @__PURE__ */ new Map();
   for (const t of s)
-    for (const i of Ai(t))
+    for (const i of _i(t))
       e.set(`${i.row},${i.col}`, i);
   return [...e.values()];
 }
@@ -4076,8 +4080,8 @@ function Q(s, e) {
     endCol: e.col
   };
 }
-const Li = "@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)}}.tbw-selection-summary{font-size:var(--tbw-font-size-sm, .8125rem);color:var(--tbw-color-fg-muted);white-space:nowrap}}}";
-function Ti(s, e, t) {
+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) {
   if (s === "cell" && e.selectedCell)
     return {
       mode: s,
@@ -4097,7 +4101,7 @@ function Ti(s, e, t) {
   }
   return s === "range" && e.ranges.length > 0 ? { mode: s, ranges: We(e.ranges) } : { mode: s, ranges: [] };
 }
-class sn extends R {
+class an extends R {
   static manifest = {
     configRules: [
       {
@@ -4111,7 +4115,7 @@ class sn extends R {
     ]
   };
   name = "selection";
-  styles = Li;
+  styles = Ti;
   get defaultConfig() {
     return {
       mode: "cell",
@@ -4127,6 +4131,20 @@ class sn extends R {
   isDragging = !1;
   pendingKeyboardUpdate = null;
   selectedCell = null;
+  checkSelectable(e, t) {
+    const { isSelectable: i } = this.config;
+    if (!i) return !0;
+    const n = this.rows[e];
+    if (!n) return !1;
+    const r = t !== void 0 ? this.columns[t] : void 0;
+    return i(n, e, r, t);
+  }
+  isRowSelectable(e) {
+    return this.checkSelectable(e);
+  }
+  isCellSelectable(e, t) {
+    return this.checkSelectable(e, t);
+  }
   detach() {
     this.selected.clear(), this.ranges = [], this.activeRange = null, this.cellAnchor = null, this.isDragging = !1, this.selectedCell = null, this.pendingKeyboardUpdate = null;
   }
@@ -4136,11 +4154,11 @@ class sn extends R {
       return !1;
     const a = this.columns[i], l = a && I(a);
     if (r === "cell")
-      return l || (this.selectedCell = { row: t, col: i }, this.emit("selection-change", this.#t()), this.requestAfterRender()), !1;
+      return l || !this.isCellSelectable(t, i) || (this.selectedCell = { row: t, col: i }, this.emit("selection-change", this.#t()), this.requestAfterRender()), !1;
     if (r === "row")
-      return 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.clear(), this.selected.add(t), this.lastSelected = t, this.emit("selection-change", this.#t()), this.requestAfterRender()), !1;
     if (r === "range") {
-      if (l)
+      if (l || !this.isCellSelectable(t, i))
         return !1;
       const d = n.shiftKey, c = n.ctrlKey || n.metaKey;
       if (d && this.cellAnchor) {
@@ -4173,11 +4191,13 @@ class sn extends R {
       return t === "cell" ? this.selectedCell = null : t === "row" ? (this.selected.clear(), this.anchor = null) : t === "range" && (this.ranges = [], this.activeRange = null, this.cellAnchor = null), this.emit("selection-change", this.#t()), this.requestAfterRender(), !0;
     if (t === "cell" && n)
       return queueMicrotask(() => {
-        this.selectedCell = { row: this.grid._focusRow, col: this.grid._focusCol }, this.emit("selection-change", this.#t()), this.requestAfterRender();
+        const r = this.grid._focusRow, o = this.grid._focusCol;
+        this.isCellSelectable(r, o) ? this.selectedCell = { row: r, col: o } : this.selectedCell = null, this.emit("selection-change", this.#t()), this.requestAfterRender();
       }), !1;
     if (t === "row" && (e.key === "ArrowUp" || e.key === "ArrowDown"))
       return queueMicrotask(() => {
-        this.selected.clear(), this.selected.add(this.grid._focusRow), this.lastSelected = this.grid._focusRow, this.emit("selection-change", this.#t()), this.requestAfterRender();
+        const r = this.grid._focusRow;
+        this.isRowSelectable(r) ? (this.selected.clear(), this.selected.add(r), this.lastSelected = r) : this.selected.clear(), this.emit("selection-change", this.#t()), this.requestAfterRender();
       }), !1;
     if (t === "range" && n) {
       const r = e.key === "Tab", o = e.shiftKey && !r;
@@ -4200,7 +4220,7 @@ class sn extends R {
   onCellMouseDown(e) {
     if (this.config.mode !== "range" || e.rowIndex === void 0 || e.colIndex === void 0 || e.rowIndex < 0) return;
     const t = this.columns[e.colIndex];
-    if (t && I(t) || e.originalEvent.shiftKey && this.cellAnchor)
+    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;
@@ -4231,29 +4251,32 @@ class sn extends R {
   #e() {
     const e = this.gridElement;
     if (!e) return;
-    const { mode: t } = this.config;
-    e.querySelectorAll(".cell").forEach((r) => {
-      r.classList.remove("selected", "top", "bottom", "first", "last");
+    const { mode: t } = this.config, i = !!this.config.isSelectable;
+    e.querySelectorAll(".cell").forEach((o) => {
+      o.classList.remove("selected", "top", "bottom", "first", "last"), i && o.removeAttribute("data-selectable");
     });
-    const n = e.querySelectorAll(".data-grid-row");
-    if (n.forEach((r) => {
-      r.classList.remove("selected", "row-focus");
-    }), t === "row" && (ue(e), n.forEach((r) => {
-      const o = r.querySelector(".cell[data-row]"), a = Je(o);
-      a >= 0 && this.selected.has(a) && r.classList.add("selected", "row-focus");
-    })), t === "range" && this.ranges.length > 0) {
+    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);
+      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 r = this.activeRange ? V(this.activeRange) : null, o = this.columns.findIndex((l) => !I(l));
-      this.columns.length - 1, e.querySelectorAll(".cell[data-row][data-col]").forEach((l) => {
-        const d = parseInt(l.getAttribute("data-row") ?? "-1", 10), c = parseInt(l.getAttribute("data-col") ?? "-1", 10);
-        if (d >= 0 && c >= 0) {
-          const u = this.columns[c];
-          if (u && I(u))
+      const o = this.activeRange ? V(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(d, c, this.ranges) && (l.classList.add("selected"), r)) {
-            d === r.startRow && l.classList.add("top"), d === r.endRow && l.classList.add("bottom");
-            const g = Math.max(r.startCol, o);
-            c === g && l.classList.add("first"), c === r.endCol && l.classList.add("last");
+          if (Pe(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");
           }
         }
       });
@@ -4286,7 +4309,7 @@ class sn extends R {
     };
   }
   getSelectedCells() {
-    return _i(this.ranges);
+    return Li(this.ranges);
   }
   isCellSelected(e, t) {
     return Pe(e, t, this.ranges);
@@ -4306,7 +4329,7 @@ class sn extends R {
     }), this.requestAfterRender();
   }
   #t() {
-    return Ti(
+    return Ii(
       this.config.mode,
       {
         selectedCell: this.selectedCell,
@@ -4320,20 +4343,20 @@ class sn extends R {
 function B(s, e) {
   return Math.floor(s / e);
 }
-function Ii(s, e) {
+function Di(s, e) {
   return {
     start: s * e,
     end: (s + 1) * e
   };
 }
-function Di(s, e, t) {
+function Fi(s, e, t) {
   const i = B(s, t), n = B(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 = Ii(e, t);
+  const n = Di(e, t);
   return s.getRows({
     startRow: n.start,
     endRow: n.end,
@@ -4341,14 +4364,14 @@ async function qe(s, e, t, i) {
     filterModel: i.filterModel
   });
 }
-function Fi(s, e, t) {
+function Mi(s, e, t) {
   const i = B(s, e), n = t.get(i);
   if (!n) return;
   const r = s % e;
   return n[r];
 }
-const Mi = 100;
-class an extends R {
+const Pi = 100;
+class ln extends R {
   name = "serverSide";
   get defaultConfig() {
     return {
@@ -4368,7 +4391,7 @@ class an 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 = Di(i.startRow, i.endRow, t);
+    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);
     for (const r of n)
       if (!(this.loadedBlocks.has(r) || this.loadingBlocks.has(r))) {
         if (this.loadingBlocks.size >= (this.config.maxConcurrentRequests ?? 2))
@@ -4384,7 +4407,7 @@ class an extends R {
     if (!this.dataSource) return [...e];
     const t = [];
     for (let i = 0; i < this.totalRowCount; i++) {
-      const n = Fi(i, this.config.cacheBlockSize ?? 100, this.loadedBlocks);
+      const n = Mi(i, this.config.cacheBlockSize ?? 100, this.loadedBlocks);
       t.push(n ?? { __loading: !0, __index: i });
     }
     return t;
@@ -4392,7 +4415,7 @@ class an extends R {
   onScroll(e) {
     this.dataSource && (this.loadRequiredBlocks(), this.scrollDebounceTimer && clearTimeout(this.scrollDebounceTimer), this.scrollDebounceTimer = setTimeout(() => {
       this.loadRequiredBlocks();
-    }, Mi));
+    }, Pi));
   }
   setDataSource(e) {
     this.dataSource = e, this.loadedBlocks.clear(), this.loadingBlocks.clear();
@@ -4437,7 +4460,7 @@ function ne(s, e, t = null, i = 0) {
   }
   return r;
 }
-function Pi() {
+function qi() {
   return /* @__PURE__ */ new Set();
 }
 function je(s, e, t, i = null, n = 0) {
@@ -4455,7 +4478,7 @@ function je(s, e, t, i = null, n = 0) {
   }
   return null;
 }
-function qi(s, e, t, i) {
+function Ki(s, e, t, i) {
   const n = je(s, e, t);
   if (!n) return i;
   const r = new Set(i);
@@ -4473,7 +4496,7 @@ function Ke(s, e = "children") {
   }
   return !1;
 }
-function Ki(s) {
+function Hi(s) {
   if (!Array.isArray(s) || s.length === 0) return null;
   const e = ["children", "items", "nodes", "subRows", "nested"];
   for (const t of s)
@@ -4485,10 +4508,10 @@ function Ki(s) {
       }
   return null;
 }
-const Hi = "@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 ln extends R {
+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 {
   name = "tree";
-  styles = Hi;
+  styles = Ni;
   get defaultConfig() {
     return {
       childrenField: "children",
@@ -4514,7 +4537,7 @@ class ln extends R {
   }
   detect(e) {
     if (!this.config.autoDetect) return !1;
-    const t = e, i = this.config.childrenField ?? Ki(t) ?? "children";
+    const t = e, i = this.config.childrenField ?? Hi(t) ?? "children";
     return Ke(t, i);
   }
   processRows(e) {
@@ -4575,11 +4598,11 @@ class ln 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: 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 { 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 b = document.createElement("span");
-          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);
+          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);
         } else {
           const b = document.createElement("span");
           b.className = "tree-spacer", m.appendChild(b);
@@ -4650,7 +4673,7 @@ class ln extends R {
     this.expandedKeys = ne(this.rows, this.config), this.requestRender();
   }
   collapseAll() {
-    this.expandedKeys = Pi(), this.requestRender();
+    this.expandedKeys = qi(), this.requestRender();
   }
   isExpanded(e) {
     return this.expandedKeys.has(e);
@@ -4665,10 +4688,10 @@ class ln extends R {
     return this.rowKeyMap.get(e)?.data;
   }
   expandToKey(e) {
-    this.expandedKeys = qi(this.rows, e, this.config, this.expandedKeys), this.requestRender();
+    this.expandedKeys = Ki(this.rows, e, this.config, this.expandedKeys), this.requestRender();
   }
 }
-function Ni(s, e, t) {
+function zi(s, e, t) {
   const i = [...s.undoStack, e];
   for (; i.length > t; )
     i.shift();
@@ -4701,16 +4724,16 @@ function Ne(s) {
     action: t
   } : { newState: s, action: null };
 }
-function zi(s) {
+function Gi(s) {
   return s.undoStack.length > 0;
 }
-function Gi(s) {
+function Oi(s) {
   return s.redoStack.length > 0;
 }
-function Oi() {
+function Bi() {
   return { undoStack: [], redoStack: [] };
 }
-function Bi(s, e, t, i) {
+function Vi(s, e, t, i) {
   return {
     type: "cell-edit",
     rowIndex: s,
@@ -4720,7 +4743,7 @@ function Bi(s, e, t, i) {
     timestamp: Date.now()
   };
 }
-class dn extends R {
+class cn extends R {
   static dependencies = [
     { name: "editing", required: !0, reason: "UndoRedoPlugin tracks cell edit history" }
   ];
@@ -4762,7 +4785,7 @@ class dn extends R {
     return !1;
   }
   recordEdit(e, t, i, n) {
-    const r = Bi(e, t, i, n), o = Ni(
+    const r = Vi(e, t, i, n), o = zi(
       { undoStack: this.undoStack, redoStack: this.redoStack },
       r,
       this.config.maxHistorySize ?? 100
@@ -4786,13 +4809,13 @@ class dn extends R {
     return e.action;
   }
   canUndo() {
-    return zi({ undoStack: this.undoStack, redoStack: this.redoStack });
+    return Gi({ undoStack: this.undoStack, redoStack: this.redoStack });
   }
   canRedo() {
-    return Gi({ undoStack: this.undoStack, redoStack: this.redoStack });
+    return Oi({ undoStack: this.undoStack, redoStack: this.redoStack });
   }
   clearHistory() {
-    const e = Oi();
+    const e = Bi();
     this.undoStack = e.undoStack, this.redoStack = e.redoStack;
   }
   getUndoStack() {
@@ -4802,7 +4825,7 @@ class dn extends R {
     return [...this.redoStack];
   }
 }
-const Vi = '@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))}}';
+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 e = s.meta ?? {};
   return e.lockPosition !== !0 && e.suppressMovable !== !0;
@@ -4813,7 +4836,7 @@ class P extends R {
   ];
   name = "visibility";
   static PANEL_ID = "columns";
-  styles = Vi;
+  styles = Wi;
   get defaultConfig() {
     return {
       allowHideAll: !1
@@ -4938,12 +4961,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, g = h ? c.findIndex((p) => p.field === h) : c.length, f = {
+        const c = this.grid.getAllColumns(), h = c.filter((p) => !p.utility)[d]?.field, f = h ? c.findIndex((p) => p.field === h) : c.length, g = {
           field: o,
           fromIndex: a,
-          toIndex: g
+          toIndex: f
         };
-        this.emit("column-reorder-request", f), setTimeout(() => {
+        this.emit("column-reorder-request", g), setTimeout(() => {
           this.rebuildToggles(n);
         }, 0);
       }
@@ -4952,47 +4975,47 @@ class P extends R {
 }
 export {
   R as BaseGridPlugin,
-  $i as ClipboardPlugin,
-  ji as ColumnVirtualizationPlugin,
-  Ui as ContextMenuPlugin,
-  hn as DEFAULT_ANIMATION_CONFIG,
+  ji as ClipboardPlugin,
+  Ui as ColumnVirtualizationPlugin,
+  Yi as ContextMenuPlugin,
+  fn as DEFAULT_ANIMATION_CONFIG,
   Ue as DEFAULT_GRID_ICONS,
   gn as DGEvents,
-  fn as DataGridElement,
-  Yi as EditingPlugin,
-  Xi as ExportPlugin,
+  pn as DataGridElement,
+  Xi as EditingPlugin,
+  Zi as ExportPlugin,
   A as FilteringPlugin,
-  pn as FitModeEnum,
-  mn as GridCSSVars,
-  wn as GridClasses,
-  bn as GridDataAttrs,
-  vn as GridElement,
-  yn as GridSelectors,
-  Zi as GroupingColumnsPlugin,
-  Ji as GroupingRowsPlugin,
+  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,
-  Qi as MultiSortPlugin,
+  en as MultiSortPlugin,
   Ge as PLUGIN_QUERIES,
-  en as PinnedColumnsPlugin,
-  tn as PinnedRowsPlugin,
+  tn as PinnedColumnsPlugin,
+  nn as PinnedRowsPlugin,
   M as PivotPlugin,
   xn as PluginEvents,
-  Cn as PluginManager,
-  Ei as ROW_DRAG_HANDLE_FIELD,
-  Rn as RenderPhase,
-  nn as ReorderPlugin,
-  rn as ResponsivePlugin,
-  on as RowReorderPlugin,
-  sn as SelectionPlugin,
-  an as ServerSidePlugin,
-  ln as TreePlugin,
-  dn as UndoRedoPlugin,
+  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,
-  En as builtInSort,
+  Sn as builtInSort,
   kn as createGrid,
-  Sn as defaultComparator,
-  pt as defaultEditorFor,
-  nt as defaultPasteHandler,
-  An as queryGrid
+  An as defaultComparator,
+  mt as defaultEditorFor,
+  rt as defaultPasteHandler,
+  _n as queryGrid
 };
 //# sourceMappingURL=all.js.map