@toolbox-web/grid 1.2.0 → 1.3.1

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 Ye, a as Xe, runAggregator as ce, e as Ze, s as Je, PLUGIN_QUERIES as Oe, getAggregator as ue, getValueAggregator as Qe, b as _, c as he, g as et } from "./index.js";
+import { DEFAULT_ANIMATION_CONFIG as gn, DGEvents as pn, DataGridElement as mn, FitModeEnum as wn, GridCSSVars as bn, GridClasses as vn, GridDataAttrs as yn, DataGridElement as Cn, GridSelectors as xn, PluginEvents as Rn, PluginManager as En, RenderPhase as Sn, builtInSort as kn, createGrid as An, defaultComparator as _n, queryGrid as Ln } from "./index.js";
+const Be = "__tbw_expander", tt = 32;
 function re(s) {
-  return s.field === Oe;
+  return s.field === Be;
 }
 function I(s) {
   return s.meta?.utility === !0;
 }
-function et(s) {
+function it(s) {
   return s.find(re);
 }
-function tt(s) {
+function nt(s) {
   return {
-    field: Oe,
+    field: Be,
     header: "",
-    width: Qe,
+    width: tt,
     resizable: !1,
     sortable: !1,
     filterable: !1,
@@ -37,7 +37,7 @@ async function W(s) {
     return document.body.removeChild(e), t;
   }
 }
-function he(s, e) {
+function fe(s, e) {
   const t = e.delimiter ?? "	", i = e.newline ?? `
 `, n = s.replace(/\r\n/g, `
 `).replace(/\r/g, `
@@ -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 rt() {
   try {
     return await navigator.clipboard.readText();
   } catch {
     return "";
   }
 }
-function nt(s, e) {
+function ot(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 Ui 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 = fe(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 ?? ot)(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,8 +225,8 @@ 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();
-    return e ? he(e, this.config) : null;
+    const e = await rt();
+    return e ? fe(e, this.config) : null;
   }
   getLastCopied() {
     return this.lastCopied;
@@ -237,24 +241,24 @@ function oe(s) {
   const e = parseFloat(s);
   return isNaN(e) ? ge : e;
 }
-function fe(s) {
+function pe(s) {
   return s.map((e) => oe(e.width));
 }
-function pe(s) {
+function me(s) {
   const e = [];
   let t = 0;
   for (const i of s)
     e.push(t), t += oe(i.width);
   return e;
 }
-function me(s) {
+function we(s) {
   return s.reduce((e, t) => e + oe(t.width), 0);
 }
-function rt(s, e, t, i, n) {
+function st(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 = at(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 at(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 lt(s, e, t) {
   return t ? s > e : !1;
 }
-class ji extends R {
+class Yi 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 = pe(t), this.columnOffsets = me(t), this.totalWidth = we(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 = lt(e.length, this.config.threshold ?? 30, this.config.autoEnable ?? !0);
+    if (this.isVirtualized = t ?? !1, this.columnWidths = pe(e), this.columnOffsets = me(e), this.totalWidth = we(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 = st(
       this.scrollLeft,
       i,
       this.columnOffsets,
@@ -354,10 +358,10 @@ 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 dt(s, e) {
   return s.disabled === !0 ? !0 : typeof s.disabled == "function" ? s.disabled(e) : !1;
 }
-function ie(s, e, t, i = Ue.submenuArrow) {
+function ie(s, e, t, i = Ye.submenuArrow) {
   const n = document.createElement("div");
   n.className = "tbw-context-menu", n.setAttribute("role", "menu");
   for (const r of s) {
@@ -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 = dt(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);
@@ -395,13 +399,13 @@ function ie(s, e, t, i = Ue.submenuArrow) {
   }
   return n;
 }
-function we(s, e, t) {
+function be(s, e, t) {
   s.style.position = "fixed", s.style.left = `${e}px`, s.style.top = `${t}px`, s.style.visibility = "hidden", s.style.zIndex = "10000";
   const i = s.getBoundingClientRect(), n = window.innerWidth, r = window.innerHeight;
   let o = e, a = t;
   e + i.width > n && (o = e - i.width), t + i.height > r && (a = t - i.height), o = Math.max(0, o), a = Math.max(0, a), s.style.left = `${o}px`, s.style.top = `${a}px`, s.style.visibility = "visible";
 }
-let D = null, F = null, T = null, j = 0;
+let F = null, D = null, L = null, j = 0;
 const U = [
   {
     id: "copy",
@@ -420,7 +424,7 @@ const U = [
     }
   }
 ];
-class Ui extends R {
+class Xi extends R {
   name = "contextMenu";
   get defaultConfig() {
     return {
@@ -438,14 +442,14 @@ class Ui extends R {
     this.menuElement && (this.menuElement.remove(), this.menuElement = null), this.isOpen = !1, this.params = null, this.uninstallGlobalHandlers();
   }
   installGlobalHandlers() {
-    !T && typeof document < "u" && typeof $ == "string" && $ && (T = document.createElement("style"), T.id = "tbw-context-menu-styles", T.textContent = $, document.head.appendChild(T)), D || (D = () => {
+    !L && typeof document < "u" && typeof $ == "string" && $ && (L = document.createElement("style"), L.id = "tbw-context-menu-styles", L.textContent = $, document.head.appendChild(L)), F || (F = () => {
       document.querySelectorAll(".tbw-context-menu").forEach((t) => t.remove());
-    }, document.addEventListener("click", D)), F || (F = (e) => {
+    }, document.addEventListener("click", F)), D || (D = (e) => {
       e.key === "Escape" && document.querySelectorAll(".tbw-context-menu").forEach((i) => i.remove());
-    }, document.addEventListener("keydown", F));
+    }, document.addEventListener("keydown", D));
   }
   uninstallGlobalHandlers() {
-    j--, !(j > 0) && (D && (document.removeEventListener("click", D), D = null), F && (document.removeEventListener("keydown", F), F = null), T && (T.remove(), T = null));
+    j--, !(j > 0) && (F && (document.removeEventListener("click", F), F = null), D && (document.removeEventListener("keydown", D), D = null), L && (L.remove(), L = null));
   }
   afterRender() {
     const e = this.gridElement;
@@ -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
         };
@@ -491,7 +495,7 @@ class Ui extends R {
           c.action && c.action(l), this.menuElement?.remove(), this.menuElement = null, this.isOpen = !1;
         },
         this.gridIcons.submenuArrow
-      ), document.body.appendChild(this.menuElement), we(this.menuElement, n.clientX, n.clientY), this.isOpen = !0, this.emit("context-menu-open", { params: l, items: d }));
+      ), document.body.appendChild(this.menuElement), be(this.menuElement, n.clientX, n.clientY), this.isOpen = !0, this.emit("context-menu-open", { params: l, items: d }));
     }));
   }
   showMenu(e, t, i) {
@@ -512,7 +516,7 @@ class Ui extends R {
         o.action && o.action(n), this.menuElement?.remove(), this.menuElement = null, this.isOpen = !1;
       },
       this.gridIcons.submenuArrow
-    ), document.body.appendChild(this.menuElement), we(this.menuElement, e, t), this.isOpen = !0;
+    ), document.body.appendChild(this.menuElement), be(this.menuElement, e, t), this.isOpen = !0;
   }
   hideMenu() {
     this.menuElement && (this.menuElement.remove(), this.menuElement = null, this.isOpen = !1);
@@ -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 ct = "@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 ut(s) {
   const e = s.options;
   return e ? typeof e == "function" ? e() : e : [];
 }
-function ct(s) {
+function ht(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 ft() {
   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 gt(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) => {
@@ -550,14 +554,14 @@ function ht(s) {
     }), i;
   };
 }
-function gt(s) {
+function pt(s) {
   return (e) => {
     const t = s.editorParams, i = document.createElement("select");
     if (s.multi && (i.multiple = !0), t?.includeEmpty) {
       const o = document.createElement("option");
       o.value = "", o.textContent = t.emptyLabel ?? "", i.appendChild(o);
     }
-    dt(s).forEach((o) => {
+    ut(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 mt(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 wt(s) {
   switch (s.type) {
     case "number":
-      return ct(s);
+      return ht(s);
     case "boolean":
-      return ut();
+      return ft();
     case "date":
-      return ht(s);
-    case "select":
       return gt(s);
+    case "select":
+      return pt(s);
     default:
-      return ft(s);
+      return mt(s);
   }
 }
 const Y = 'input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])';
-function mt(s, e) {
+function bt(s, e) {
   if (e.editor) return e.editor;
   if (e.__editorTemplate) return "template";
   if (!e.type) return;
@@ -613,25 +617,25 @@ function mt(s, e) {
 function K(s) {
   return !(typeof s != "string" || s === "__proto__" || s === "constructor" || s === "prototype");
 }
-function wt(s) {
+function vt(s) {
   const e = (s.__editingCellCount ?? 0) + 1;
   s.__editingCellCount = e, s.setAttribute("data-has-editing", "");
 }
-function bt(s) {
+function yt(s) {
   s.__editingCellCount = 0, s.removeAttribute("data-has-editing");
 }
 function N(s, e) {
   return s instanceof HTMLInputElement ? s.type === "checkbox" ? s.checked : s.type === "number" ? s.value === "" ? null : Number(s.value) : s.type === "date" ? s.valueAsDate : s.value : e?.type === "number" && s.value !== "" ? Number(s.value) : s.value;
 }
-function be(s) {
+function ve(s) {
 }
-function vt(s, e, t) {
+function Ct(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 Zi extends R {
   static manifest = {
     ownedProperties: [
       {
@@ -653,7 +657,7 @@ class Yi extends R {
     ]
   };
   name = "editing";
-  styles = lt;
+  styles = ct;
   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"), yt(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") : ve;
     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"), Xe(h, "change"));
   }
   #p(e, t, i, n, r, o) {
     if (!i.editable || r.classList.contains("editing")) return;
@@ -946,26 +950,26 @@ class Yi extends R {
       a = this.grid.getRowId(e);
     } catch {
     }
-    const l = a ? (v) => this.grid.updateRow(a, v, "cascade") : be, d = K(i.field) ? e[i.field] : void 0;
+    const l = a ? (v) => this.grid.updateRow(a, v, "cascade") : ve, 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 && vt(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 = bt(this.grid, p) ?? wt(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, Ct(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);
@@ -1055,7 +1059,7 @@ class Yi extends R {
     });
   }
 }
-function ve(s, e = !0) {
+function ye(s, e = !0) {
   if (s == null) return "";
   if (s instanceof Date) return s.toISOString();
   if (typeof s == "object") return JSON.stringify(s);
@@ -1063,20 +1067,20 @@ 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 xt(s, e, t, i = {}) {
   const n = i.delimiter ?? ",", r = i.newline ?? `
 `, o = [], a = i.bom ? "\uFEFF" : "";
   if (t.includeHeaders !== !1) {
     const l = e.map((d) => {
       const c = d.header || d.field, u = t.processHeader ? t.processHeader(c, d.field) : c;
-      return ve(u);
+      return ye(u);
     });
     o.push(l.join(n));
   }
   for (const l of s) {
     const d = e.map((c) => {
       let u = l[c.field];
-      return t.processCell && (u = t.processCell(u, c.field, l)), ve(u);
+      return t.processCell && (u = t.processCell(u, c.field, l)), ye(u);
     });
     o.push(d.join(n));
   }
@@ -1086,14 +1090,14 @@ function se(s, e) {
   const t = URL.createObjectURL(s), i = document.createElement("a");
   i.href = t, i.download = e, i.style.display = "none", document.body.appendChild(i), i.click(), document.body.removeChild(i), URL.revokeObjectURL(t);
 }
-function xt(s, e) {
+function Rt(s, e) {
   const t = new Blob([s], { type: "text/csv;charset=utf-8;" });
   se(t, e);
 }
-function ye(s) {
+function Ce(s) {
   return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
 }
-function Ct(s, e, t) {
+function Et(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"
@@ -1105,7 +1109,7 @@ function Ct(s, e, t) {
 <Row>`;
     for (const n of e) {
       const r = n.header || n.field, o = t.processHeader ? t.processHeader(r, n.field) : r;
-      i += `<Cell><Data ss:Type="String">${ye(o)}</Data></Cell>`;
+      i += `<Cell><Data ss:Type="String">${Ce(o)}</Data></Cell>`;
     }
     i += "</Row>";
   }
@@ -1116,7 +1120,7 @@ function Ct(s, e, t) {
       let o = n[r.field];
       t.processCell && (o = t.processCell(o, r.field, n));
       let a = "String", l = "";
-      o == null ? l = "" : typeof o == "number" && !isNaN(o) ? (a = "Number", l = String(o)) : o instanceof Date ? (a = "DateTime", l = o.toISOString()) : l = ye(String(o)), i += `<Cell><Data ss:Type="${a}">${l}</Data></Cell>`;
+      o == null ? l = "" : typeof o == "number" && !isNaN(o) ? (a = "Number", l = String(o)) : o instanceof Date ? (a = "DateTime", l = o.toISOString()) : l = Ce(String(o)), i += `<Cell><Data ss:Type="${a}">${l}</Data></Cell>`;
     }
     i += "</Row>";
   }
@@ -1125,13 +1129,13 @@ function Ct(s, e, t) {
 </Worksheet>
 </Workbook>`, i;
 }
-function Rt(s, e) {
+function St(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 Ji 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 });
-          a = a.endsWith(".csv") ? a : `${a}.csv`, xt(l, a);
+          const l = xt(o, r, n, { bom: !0 });
+          a = a.endsWith(".csv") ? a : `${a}.csv`, Rt(l, a);
           break;
         }
         case "excel": {
-          const l = Ct(o, r, n);
-          a = a.endsWith(".xls") ? a : `${a}.xls`, Rt(l, a);
+          const l = Et(o, r, n);
+          a = a.endsWith(".xls") ? a : `${a}.xls`, St(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 kt(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);
@@ -1237,10 +1241,10 @@ function Et(s) {
     totalHeight: e * n
   };
 }
-function kt(s, e) {
+function At(s, e) {
   return s <= e;
 }
-function St(s, e, t = !1) {
+function _t(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 Lt(s, e, t = !1) {
+  return e.length ? s.filter((i) => e.every((n) => _t(i, n, t))) : s;
 }
-function _t(s) {
+function Tt(s) {
   return JSON.stringify(
     s.map((e) => ({
       field: e.field,
@@ -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)))}}";
-class A extends R {
+const It = '@layer tbw-plugins{tbw-grid{.tbw-quick-filter-input{flex:1;max-width:300px;height:var(--tbw-input-height, 1.75rem);padding:var(--tbw-input-padding, 0 .5rem);border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);background:var(--tbw-color-bg);color:var(--tbw-color-fg);font-size:var(--tbw-font-size-sm, .8125rem);&:focus{outline:none;border-color:var(--tbw-color-accent)}}.header-cell.filtered:before{content:"";position:absolute;top:var(--tbw-spacing-xs, .25rem);right:var(--tbw-spacing-xs, .25rem);width:var(--tbw-indicator-size, .375rem);height:var(--tbw-indicator-size, .375rem);background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));border-radius:50%}.tbw-filter-btn{display:var(--tbw-filter-btn-display, inline-flex);visibility:var(--tbw-filter-btn-visibility, visible);align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:2px;margin-left:var(--tbw-spacing-xs, .25rem);opacity:.4;transition:opacity .15s,visibility 0s;color:inherit;vertical-align:middle;&:hover,&.active{opacity:1;visibility:visible}&.active{color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6))}}}}', Ft = "@layer tbw-plugins{.tbw-filter-panel{position:fixed;background:var(--tbw-filter-panel-bg, var(--tbw-color-panel-bg, light-dark(#eeeeee, #222222)));color:var(--tbw-filter-panel-fg, var(--tbw-color-fg, light-dark(#222222, #eeeeee)));border:1px solid var(--tbw-filter-panel-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-filter-panel-radius, var(--tbw-border-radius, .25rem));box-shadow:0 4px 16px var(--tbw-filter-panel-shadow, var(--tbw-color-shadow, light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .3))));padding:var(--tbw-panel-padding, var(--tbw-spacing-lg, .75rem));z-index:10000;min-width:200px;max-width:280px;max-height:350px;display:flex;flex-direction:column;font-family:var(--tbw-font-family, system-ui, sans-serif);font-size:var(--tbw-font-size, .8125rem);transform-origin:top center}.tbw-filter-panel.tbw-filter-panel-above{transform-origin:bottom center}.tbw-filter-panel.tbw-filter-panel-animated{animation:tbw-filter-panel-enter var(--tbw-animation-duration, .15s) var(--tbw-animation-easing, ease-out)}.tbw-filter-panel.tbw-filter-panel-above.tbw-filter-panel-animated{animation:tbw-filter-panel-enter-above var(--tbw-animation-duration, .15s) var(--tbw-animation-easing, ease-out)}@keyframes tbw-filter-panel-enter{0%{opacity:0;transform:scaleY(.3) translateY(-10px)}to{opacity:1;transform:scaleY(1) translateY(0)}}@keyframes tbw-filter-panel-enter-above{0%{opacity:0;transform:scaleY(.3) translateY(10px)}to{opacity:1;transform:scaleY(1) translateY(0)}}@supports (anchor-name: --test){.tbw-filter-panel{position-anchor:--tbw-filter-anchor;top:anchor(bottom);left:anchor(left);margin-top:4px;position-try-fallbacks:flip-inline,flip-block,flip-block flip-inline}}.tbw-filter-search{margin-bottom:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.tbw-filter-search-input{width:100%;padding:var(--tbw-filter-search-padding, var(--tbw-spacing-sm, .375rem) var(--tbw-spacing-md, .5rem));background:var(--tbw-filter-input-bg, var(--tbw-color-bg, transparent));color:inherit;border:1px solid var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-filter-input-radius, var(--tbw-border-radius, .25rem));font-size:inherit;box-sizing:border-box}.tbw-filter-search-input:focus{outline:none;border-color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));box-shadow:0 0 0 2px rgba(from var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6)) r g b / 15%)}.tbw-filter-actions{display:flex;padding:var(--tbw-button-padding-sm, .25rem .125rem);margin-bottom:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));border-bottom:1px solid var(--tbw-filter-divider, var(--tbw-color-border, light-dark(#d0d0d4, #454545)))}.tbw-filter-action-btn{background:transparent;border:none;color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));cursor:pointer;font-size:var(--tbw-font-size-xs, .75rem);padding:2px 0}.tbw-filter-action-btn:hover{text-decoration:underline}.tbw-filter-values{flex:1;overflow-y:auto;margin-bottom:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));max-height:180px;position:relative}.tbw-filter-values-spacer{width:1px}.tbw-filter-values-content{position:absolute;top:0;left:0;right:0}.tbw-filter-value-item{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));padding:var(--tbw-button-padding-sm, .25rem .125rem);cursor:pointer;border-radius:3px;min-height:var(--tbw-filter-item-height, 28px)}.tbw-filter-value-item:hover{background:var(--tbw-filter-hover, var(--tbw-color-row-hover, light-dark(#f0f6ff, #1c1c1c)))}.tbw-filter-checkbox{margin:0;cursor:pointer;accent-color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6))}.tbw-filter-no-match{color:var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));padding:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem)) 0;text-align:center;font-style:italic}.tbw-filter-buttons{display:flex;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));padding-top:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));border-top:1px solid var(--tbw-filter-divider, var(--tbw-color-border, light-dark(#d0d0d4, #454545)))}.tbw-filter-apply-btn{flex:1;padding:var(--tbw-filter-btn-padding, var(--tbw-button-padding, .375rem .75rem));background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));color:var(--tbw-filter-accent-fg, var(--tbw-color-accent-fg, light-dark(#ffffff, #000000)));border:none;border-radius:var(--tbw-border-radius, .25rem);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem);font-weight:var(--tbw-filter-btn-font-weight, 500);min-height:var(--tbw-filter-btn-min-height, auto)}.tbw-filter-apply-btn:hover{filter:brightness(.9)}.tbw-filter-clear-btn{flex:1;padding:var(--tbw-filter-btn-padding, var(--tbw-button-padding, .375rem .75rem));background:transparent;color:var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));border:1px solid var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-border-radius, .25rem);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem);font-weight:var(--tbw-filter-btn-font-weight, 500);min-height:var(--tbw-filter-btn-min-height, auto)}.tbw-filter-clear-btn:hover{background:var(--tbw-filter-hover, var(--tbw-color-row-hover, light-dark(#f0f6ff, #1c1c1c)))}}";
+class T extends R {
   name = "filtering";
-  styles = Lt;
+  styles = It;
   get defaultConfig() {
     return {
       debounceMs: 300,
@@ -1322,9 +1326,20 @@ class A extends R {
   excludedValues = /* @__PURE__ */ new Map();
   panelAbortController = null;
   globalStylesInjected = !1;
-  static LIST_ITEM_HEIGHT = 28;
+  static DEFAULT_LIST_ITEM_HEIGHT = 28;
   static LIST_OVERSCAN = 3;
   static LIST_BYPASS_THRESHOLD = 50;
+  getListItemHeight() {
+    if (this.panelElement) {
+      const e = getComputedStyle(this.panelElement).getPropertyValue("--tbw-filter-item-height");
+      if (e && e.trim()) {
+        const t = parseFloat(e);
+        if (!isNaN(t) && t > 0)
+          return t;
+      }
+    }
+    return T.DEFAULT_LIST_ITEM_HEIGHT;
+  }
   syncExcludedValues(e, t) {
     t ? t.type === "set" && t.operator === "notIn" && Array.isArray(t.value) ? this.excludedValues.set(e, new Set(t.value)) : t.type === "set" && this.excludedValues.delete(e) : this.excludedValues.delete(e);
   }
@@ -1339,10 +1354,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 = Tt(t);
     if (this.cacheKey === i && this.cachedResult)
       return this.cachedResult;
-    const n = At([...e], t, this.config.caseSensitive);
+    const n = Lt([...e], t, this.config.caseSensitive);
     return this.cachedResult = n, this.cacheKey = i, n;
   }
   afterRender() {
@@ -1358,14 +1373,20 @@ class A extends R {
       const a = this.filters.has(o);
       let l = i.querySelector(".tbw-filter-btn");
       if (l) {
-        l.classList.toggle("active", a), i.classList.toggle("filtered", a);
+        const u = l.classList.contains("active");
+        if (l.classList.toggle("active", a), i.classList.toggle("filtered", a), u !== a) {
+          const h = a ? "filterActive" : "filter";
+          this.setIcon(l, this.resolveIcon(h));
+        }
         return;
       }
-      l = document.createElement("button"), l.className = "tbw-filter-btn", l.setAttribute("aria-label", `Filter ${r.header ?? o}`), l.innerHTML = '<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentColor" d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>', a && (l.classList.add("active"), i.classList.add("filtered")), l.addEventListener("click", (c) => {
-        c.stopPropagation(), this.toggleFilterPanel(o, r, l);
+      l = document.createElement("button"), l.className = "tbw-filter-btn", l.setAttribute("aria-label", `Filter ${r.header ?? o}`);
+      const d = a ? "filterActive" : "filter";
+      this.setIcon(l, this.resolveIcon(d)), a && (l.classList.add("active"), i.classList.add("filtered")), l.addEventListener("click", (u) => {
+        u.stopPropagation(), this.toggleFilterPanel(o, r, l);
       });
-      const d = i.querySelector(".resize-handle");
-      d ? i.insertBefore(l, d) : i.appendChild(l);
+      const c = i.querySelector(".resize-handle");
+      c ? i.insertBefore(l, c) : i.appendChild(l);
     });
   }
   setFilter(e, t) {
@@ -1416,6 +1437,14 @@ class A extends R {
   getUniqueValues(e) {
     return xe(this.sourceRows, e);
   }
+  copyGridThemeContext(e) {
+    const t = this.gridElement;
+    if (!t) return;
+    for (const n of t.classList)
+      n.startsWith("tbw-") || n === "selecting" || e.classList.add(n);
+    const i = t.dataset.theme;
+    i && (e.dataset.theme = i);
+  }
   injectGlobalStyles() {
     if (this.globalStylesInjected) return;
     if (document.getElementById("tbw-filter-panel-styles")) {
@@ -1423,7 +1452,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 = Ft, document.head.appendChild(e), this.globalStylesInjected = !0;
   }
   toggleFilterPanel(e, t, i) {
     if (this.openPanelField === e) {
@@ -1432,7 +1461,7 @@ class A extends R {
     }
     this.closeFilterPanel();
     const n = document.createElement("div");
-    if (n.className = "tbw-filter-panel", this.isAnimationEnabled && n.classList.add("tbw-filter-panel-animated"), this.panelElement = n, this.openPanelField = e, this.config.valuesHandler) {
+    if (n.className = "tbw-filter-panel", this.copyGridThemeContext(n), this.isAnimationEnabled && n.classList.add("tbw-filter-panel-animated"), this.panelElement = n, this.openPanelField = e, this.config.valuesHandler) {
       n.innerHTML = '<div class="tbw-filter-loading">Loading...</div>', document.body.appendChild(n), this.positionPanel(n, i), this.setupPanelCloseHandler(n, i), this.config.valuesHandler(e, t).then((o) => {
         this.openPanelField !== e || !this.panelElement || (n.innerHTML = "", this.renderPanelContent(e, t, n, o));
       });
@@ -1481,11 +1510,11 @@ class A extends R {
   }
   static supportsAnchorPositioning = null;
   static checkAnchorPositioningSupport() {
-    return A.supportsAnchorPositioning === null && (A.supportsAnchorPositioning = CSS.supports("anchor-name", "--test")), A.supportsAnchorPositioning;
+    return T.supportsAnchorPositioning === null && (T.supportsAnchorPositioning = CSS.supports("anchor-name", "--test")), T.supportsAnchorPositioning;
   }
   positionPanel(e, t) {
     const n = t.closest(".cell") ?? t;
-    if (n.style.anchorName = "--tbw-filter-anchor", this.panelAnchorElement = n, A.checkAnchorPositioningSupport()) {
+    if (n.style.anchorName = "--tbw-filter-anchor", this.panelAnchorElement = n, T.checkAnchorPositioningSupport()) {
       requestAnimationFrame(() => {
         const o = e.getBoundingClientRect(), a = n.getBoundingClientRect();
         o.top < a.top && e.classList.add("tbw-filter-panel-above");
@@ -1499,91 +1528,91 @@ class A extends R {
     });
   }
   renderDefaultFilterPanel(e, t, i, n) {
-    const { field: r } = t, o = document.createElement("div");
-    o.className = "tbw-filter-search";
-    const a = document.createElement("input");
-    a.type = "text", a.placeholder = "Search...", a.className = "tbw-filter-search-input", a.value = this.searchText.get(r) ?? "", o.appendChild(a), e.appendChild(o);
-    const l = document.createElement("div");
-    l.className = "tbw-filter-actions";
-    const d = document.createElement("label");
-    d.className = "tbw-filter-value-item", d.style.padding = "0", d.style.margin = "0";
-    const c = document.createElement("input");
-    c.type = "checkbox", c.className = "tbw-filter-checkbox";
-    const u = document.createElement("span");
-    u.textContent = "Select All", d.appendChild(c), d.appendChild(u), l.appendChild(d);
-    const h = () => {
-      const y = [...m.values()], E = y.every((x) => x), _ = y.every((x) => !x);
-      c.checked = E, c.indeterminate = !E && !_;
+    const { field: r } = t, o = this.getListItemHeight(), a = document.createElement("div");
+    a.className = "tbw-filter-search";
+    const l = document.createElement("input");
+    l.type = "text", l.placeholder = "Search...", l.className = "tbw-filter-search-input", l.value = this.searchText.get(r) ?? "", a.appendChild(l), e.appendChild(a);
+    const d = document.createElement("div");
+    d.className = "tbw-filter-actions";
+    const c = document.createElement("label");
+    c.className = "tbw-filter-value-item", c.style.padding = "0", c.style.margin = "0";
+    const u = document.createElement("input");
+    u.type = "checkbox", u.className = "tbw-filter-checkbox";
+    const h = document.createElement("span");
+    h.textContent = "Select All", c.appendChild(u), c.appendChild(h), d.appendChild(c);
+    const f = () => {
+      const y = [...w.values()], E = y.every((C) => C), A = y.every((C) => !C);
+      u.checked = E, u.indeterminate = !E && !A;
     };
-    c.addEventListener("change", () => {
-      const y = c.checked;
-      for (const E of m.keys())
-        m.set(E, y);
-      h(), v();
-    }), e.appendChild(l);
+    u.addEventListener("change", () => {
+      const y = u.checked;
+      for (const E of w.keys())
+        w.set(E, y);
+      f(), S();
+    }), e.appendChild(d);
     const g = document.createElement("div");
     g.className = "tbw-filter-values";
-    const f = document.createElement("div");
-    f.className = "tbw-filter-values-spacer", g.appendChild(f);
     const p = document.createElement("div");
-    p.className = "tbw-filter-values-content", g.appendChild(p);
-    const m = /* @__PURE__ */ new Map();
+    p.className = "tbw-filter-values-spacer", g.appendChild(p);
+    const m = document.createElement("div");
+    m.className = "tbw-filter-values-content", g.appendChild(m);
+    const w = /* @__PURE__ */ new Map();
     i.forEach((y) => {
       const E = y == null ? "__null__" : String(y);
-      m.set(E, !n.has(y));
-    }), h();
-    let w = [];
-    const b = (y, E) => {
-      const _ = y == null ? "(Blank)" : String(y), 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();
+      w.set(E, !n.has(y));
+    }), f();
+    let b = [];
+    const v = (y, E) => {
+      const A = y == null ? "(Blank)" : String(y), C = y == null ? "__null__" : String(y), x = document.createElement("label");
+      x.className = "tbw-filter-value-item", x.style.position = "absolute", x.style.top = `${E * o}px`, x.style.left = "0", x.style.right = "0", x.style.height = `${o}px`, x.style.boxSizing = "border-box";
+      const k = document.createElement("input");
+      k.type = "checkbox", k.className = "tbw-filter-checkbox", k.checked = w.get(C) ?? !0, k.dataset.value = C, k.addEventListener("change", () => {
+        w.set(C, k.checked), f();
       });
-      const le = document.createElement("span");
-      return le.textContent = _, C.appendChild(S), C.appendChild(le), C;
-    }, 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 de = document.createElement("span");
+      return de.textContent = A, x.appendChild(k), x.appendChild(de), x;
+    }, S = () => {
+      const y = b.length, E = g.clientHeight, A = g.scrollTop;
+      if (p.style.height = `${y * o}px`, At(y, T.LIST_BYPASS_THRESHOLD / 3)) {
+        m.innerHTML = "", m.style.transform = "translateY(0px)", b.forEach((x, k) => {
+          m.appendChild(v(x, k));
         });
         return;
       }
-      const x = Et({
+      const C = kt({
         totalRows: y,
         viewportHeight: E,
-        scrollTop: _,
-        rowHeight: A.LIST_ITEM_HEIGHT,
-        overscan: A.LIST_OVERSCAN
+        scrollTop: A,
+        rowHeight: o,
+        overscan: T.LIST_OVERSCAN
       });
-      p.style.transform = `translateY(${x.offsetY}px)`, p.innerHTML = "";
-      for (let C = x.start; C < x.end; C++)
-        p.appendChild(b(w[C], C - x.start));
-    }, k = (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(_);
-      }), 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);
+      m.style.transform = `translateY(${C.offsetY}px)`, m.innerHTML = "";
+      for (let x = C.start; x < C.end; x++)
+        m.appendChild(v(b[x], x - C.start));
+    }, q = (y) => {
+      const E = this.config.caseSensitive ?? !1, A = E ? y : y.toLowerCase();
+      if (b = i.filter((C) => {
+        const x = C == null ? "(Blank)" : String(C), k = E ? x : x.toLowerCase();
+        return !y || k.includes(A);
+      }), b.length === 0) {
+        p.style.height = "0px", m.innerHTML = "";
+        const C = document.createElement("div");
+        C.className = "tbw-filter-no-match", C.textContent = "No matching values", m.appendChild(C);
         return;
       }
-      v();
+      S();
     };
     g.addEventListener(
       "scroll",
       () => {
-        w.length > 0 && v();
+        b.length > 0 && S();
       },
       { passive: !0 }
-    ), k(a.value), e.appendChild(g);
-    let q;
-    a.addEventListener("input", () => {
-      clearTimeout(q), q = setTimeout(() => {
-        this.searchText.set(r, a.value), k(a.value);
+    ), q(l.value), e.appendChild(g);
+    let le;
+    l.addEventListener("input", () => {
+      clearTimeout(le), le = setTimeout(() => {
+        this.searchText.set(r, l.value), q(l.value);
       }, this.config.debounceMs ?? 150);
     });
     const z = document.createElement("div");
@@ -1591,13 +1620,13 @@ class A extends R {
     const G = document.createElement("button");
     G.className = "tbw-filter-apply-btn", G.textContent = "Apply", G.addEventListener("click", () => {
       const y = [];
-      for (const [E, _] of m)
-        if (!_)
+      for (const [E, A] of w)
+        if (!A)
           if (E === "__null__")
             y.push(null);
           else {
-            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 +1699,7 @@ class A extends R {
     this.filters.set(e, i), this.cachedResult = null, this.cacheKey = null;
   }
 }
-function Ce(s) {
+function Re(s) {
   if (!s.length) return [];
   const e = /* @__PURE__ */ new Map(), t = [], i = (o, a) => {
     if (!a.length) return;
@@ -1705,7 +1734,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 +1750,7 @@ function It(s, e, t) {
     a && a.classList.add("group-end");
   }
 }
-function Dt(s, e) {
+function Pt(s, e) {
   if (s.length === 0) return null;
   const t = document.createElement("div");
   t.className = "header-group-row", t.setAttribute("role", "row");
@@ -1733,11 +1762,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 qt = "@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 Qi extends R {
   static manifest = {
     ownedProperties: [
       {
@@ -1754,7 +1783,7 @@ class Zi extends R {
     ]
   };
   name = "groupingColumns";
-  styles = Mt;
+  styles = qt;
   get defaultConfig() {
     return {
       showGroupBorders: !0
@@ -1769,7 +1798,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 +1814,7 @@ class Zi extends R {
       });
     } else
       i = [...e];
-    const n = Ce(i);
+    const n = Re(i);
     return n.length === 0 ? (this.isActive = !1, this.groups = [], i) : (this.isActive = !0, this.groups = n, i);
   }
   afterRender() {
@@ -1798,16 +1827,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 = Re(i);
     if (n.length === 0) return;
-    const r = Dt(n, i);
+    const r = Pt(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 +1867,7 @@ class Zi extends R {
     this.requestRender();
   }
 }
-function Pt({ rows: s, config: e, expanded: t }) {
+function Kt({ rows: s, config: e, expanded: t }) {
   const i = e.groupOn;
   if (typeof i != "function")
     return [];
@@ -1848,9 +1877,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 +1900,26 @@ function Pt({ rows: s, config: e, expanded: t }) {
   };
   return o(n), r;
 }
-function qt(s, e) {
+function Ht(s, e) {
   const t = new Set(s);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
-function Kt(s) {
+function Nt(s) {
   const e = /* @__PURE__ */ new Set();
   for (const t of s)
     t.kind === "group" && e.add(t.key);
   return e;
 }
-function Ht() {
+function zt() {
   return /* @__PURE__ */ new Set();
 }
-function Nt(s) {
+function Gt(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 Ot = "@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 en extends R {
   name = "groupingRows";
-  styles = zt;
+  styles = Ot;
   get defaultConfig() {
     return {
       defaultExpanded: !1,
@@ -1918,7 +1947,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 = Kt({
       rows: [...e],
       config: t,
       expanded: this.expandedKeys
@@ -1939,7 +1968,7 @@ class Ji extends R {
       __groupDepth: r.depth,
       __groupRows: r.rows,
       __groupExpanded: r.expanded,
-      __groupRowCount: Nt(r)
+      __groupRowCount: Gt(r)
     } : r.row);
   }
   onCellClick(e) {
@@ -2013,42 +2042,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 = ce(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);
+          const m = ce(p, a, u.field, u);
+          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 = Nt(this.flattenedRows), this.requestRender();
   }
   collapseAll() {
-    this.expandedKeys = Ht(), this.requestRender();
+    this.expandedKeys = zt(), this.requestRender();
   }
   toggle(e) {
-    this.expandedKeys = qt(this.expandedKeys, e);
+    this.expandedKeys = Ht(this.expandedKeys, e);
     const t = this.flattenedRows.find((i) => i.kind === "group" && i.key === e);
     this.emit("group-toggle", {
       key: e,
@@ -2097,22 +2126,22 @@ class Ji extends R {
     this.config.groupOn = e, this.requestRender();
   }
 }
-function Re(s, e) {
+function Ee(s, e) {
   const t = new Set(s);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
-function Gt(s, e) {
+function Bt(s, e) {
   const t = new Set(s);
   return t.add(e), t;
 }
-function Ot(s, e) {
+function Vt(s, e) {
   const t = new Set(s);
   return t.delete(e), t;
 }
-function Bt(s, e) {
+function Wt(s, e) {
   return s.has(e);
 }
-function Vt(s, e, t, i) {
+function $t(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 +2149,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}}}";
-class Be extends R {
+const jt = "@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 Ve extends R {
   name = "masterDetail";
-  styles = Wt;
+  styles = jt;
   get defaultConfig() {
     return {
       detailHeight: "auto",
@@ -2152,8 +2181,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 = Ze(c, { value: u, row: u });
+      return Je(f);
     }), Object.keys(d).length > 0 && (this.config = { ...this.config, ...d });
   }
   get animationStyle() {
@@ -2184,10 +2213,10 @@ class Be extends R {
   static DEFAULT_DETAIL_HEIGHT = 150;
   getDetailHeight(e) {
     const t = this.detailElements.get(e);
-    return t ? t.offsetHeight : typeof this.config?.detailHeight == "number" ? this.config.detailHeight : Be.DEFAULT_DETAIL_HEIGHT;
+    return t ? t.offsetHeight : typeof this.config?.detailHeight == "number" ? this.config.detailHeight : Ve.DEFAULT_DETAIL_HEIGHT;
   }
   toggleAndEmit(e, t) {
-    this.expandedRows = Re(this.expandedRows, e), this.emit("detail-expand", {
+    this.expandedRows = Ee(this.expandedRows, e), this.emit("detail-expand", {
       rowIndex: t,
       row: e,
       expanded: this.expandedRows.has(e)
@@ -2200,9 +2229,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 (it(i))
       return i;
-    const r = tt(this.name);
+    const r = nt(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 +2284,7 @@ class Be extends R {
         d.previousElementSibling !== a && a.after(d);
         continue;
       }
-      const c = Vt(l, o, this.config.detailRenderer, n);
+      const c = $t(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,19 +2319,19 @@ class Be extends R {
   }
   expand(e) {
     const t = this.rows[e];
-    t && (this.expandedRows = Gt(this.expandedRows, t), this.requestRender());
+    t && (this.expandedRows = Bt(this.expandedRows, t), this.requestRender());
   }
   collapse(e) {
     const t = this.rows[e];
-    t && (this.expandedRows = Ot(this.expandedRows, t), this.requestRender());
+    t && (this.expandedRows = Vt(this.expandedRows, t), this.requestRender());
   }
   toggle(e) {
     const t = this.rows[e];
-    t && (this.expandedRows = Re(this.expandedRows, t), this.requestRender());
+    t && (this.expandedRows = Ee(this.expandedRows, t), this.requestRender());
   }
   isExpanded(e) {
     const t = this.rows[e];
-    return t ? Bt(this.expandedRows, t) : !1;
+    return t ? Wt(this.expandedRows, t) : !1;
   }
   expandAll() {
     for (const e of this.rows)
@@ -2332,34 +2361,34 @@ class Be extends R {
     }
   }
 }
-function $t(s, e, t) {
+function Ut(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 ?? Yt, 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 Yt(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 Xt(s, e, t, i) {
   const n = s.find((r) => r.field === e);
   return t ? n ? n.direction === "asc" ? s.map((r) => r.field === e ? { ...r, direction: "desc" } : r) : s.filter((r) => r.field !== e) : s.length < i ? [...s, { field: e, direction: "asc" }] : s : n?.direction === "asc" ? [{ field: e, direction: "desc" }] : n?.direction === "desc" ? [] : [{ field: e, direction: "asc" }];
 }
-function Ee(s, e) {
+function Se(s, e) {
   const t = s.findIndex((i) => i.field === e);
   return t >= 0 ? t + 1 : void 0;
 }
 function ke(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 Zt = '@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 tn extends R {
   name = "multiSort";
-  styles = Yt;
+  styles = Zt;
   get defaultConfig() {
     return {
       maxSortColumns: 3,
@@ -2371,12 +2400,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] : Ut([...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 = Xt(this.sortModel, e.field, i, n), this.emit("sort-change", { sortModel: [...this.sortModel] }), this.requestRender(), !0;
   }
   afterRender() {
     const e = this.gridElement;
@@ -2385,15 +2414,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 = Se(this.sortModel, r), a = ke(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");
@@ -2409,7 +2438,7 @@ class Qi extends R {
     this.sortModel = [], this.emit("sort-change", { sortModel: [] }), this.requestRender();
   }
   getSortIndex(e) {
-    return Ee(this.sortModel, e);
+    return Se(this.sortModel, e);
   }
   getSortDirection(e) {
     return ke(this.sortModel, e);
@@ -2435,16 +2464,16 @@ class Qi extends R {
     i !== -1 ? this.sortModel[i] = n : this.sortModel.splice(t.sort.priority, 0, n);
   }
 }
-function Xt(s) {
+function Jt(s) {
   return s.filter((e) => e.sticky === "left");
 }
-function Zt(s) {
+function Qt(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 Ae(s, e) {
   const t = Array.from(s.querySelectorAll(".header-row .cell"));
   if (!t.length) return;
   const i = /* @__PURE__ */ new Map();
@@ -2468,12 +2497,12 @@ function Se(s, e) {
       }), r += l.offsetWidth);
     }
 }
-function Ae(s) {
+function _e(s) {
   s.querySelectorAll(".sticky-left, .sticky-right").forEach((t) => {
     t.classList.remove("sticky-left", "sticky-right"), t.style.position = "", t.style.left = "", t.style.right = "";
   });
 }
-class en extends R {
+class nn extends R {
   static manifest = {
     ownedProperties: [
       {
@@ -2506,16 +2535,16 @@ class en extends R {
       return;
     const e = this.grid, t = [...this.columns];
     if (!X(t)) {
-      Ae(e), this.isApplied = !1;
+      _e(e), this.isApplied = !1;
       return;
     }
     queueMicrotask(() => {
-      Se(e, t);
+      Ae(e, t);
     });
   }
   onPluginQuery(e) {
     switch (e.type) {
-      case Ge.CAN_MOVE_COLUMN: {
+      case Oe.CAN_MOVE_COLUMN: {
         const t = e.context, i = t.sticky;
         if (i === "left" || i === "right")
           return !1;
@@ -2528,18 +2557,18 @@ class en extends R {
   }
   refreshStickyOffsets() {
     const e = [...this.columns];
-    Se(this.grid, e);
+    Ae(this.grid, e);
   }
   getLeftPinnedColumns() {
     const e = [...this.columns];
-    return Xt(e);
+    return Jt(e);
   }
   getRightPinnedColumns() {
     const e = [...this.columns];
-    return Zt(e);
+    return Qt(e);
   }
   clearStickyPositions() {
-    Ae(this.grid);
+    _e(this.grid);
   }
   getHorizontalScrollOffsets(e, t) {
     if (!this.isApplied)
@@ -2560,7 +2589,7 @@ class en extends R {
     return { left: i, right: n, skipScroll: r };
   }
 }
-function Jt(s) {
+function ei(s) {
   return typeof s == "object" && s !== null && "aggFunc" in s;
 }
 function Z(s, e) {
@@ -2585,7 +2614,7 @@ function Z(s, e) {
   }
   if (s.customPanels)
     for (const o of s.customPanels) {
-      const a = Qt(o, e);
+      const a = ti(o, e);
       switch (o.position) {
         case "left":
           i.appendChild(a);
@@ -2600,11 +2629,11 @@ function Z(s, e) {
     }
   return t.appendChild(i), t.appendChild(n), t.appendChild(r), t;
 }
-function _e(s) {
+function Le(s) {
   const e = document.createElement("div");
   return e.className = `tbw-aggregation-rows tbw-aggregation-rows-${s}`, e.setAttribute("role", "presentation"), e;
 }
-function Le(s, e, t, i) {
+function Te(s, e, t, i) {
   s.innerHTML = "";
   for (const n of e) {
     const r = document.createElement("div");
@@ -2618,11 +2647,11 @@ function Le(s, e, t, i) {
         let l, d;
         const c = n.aggregators?.[o.field];
         if (c)
-          if (Jt(c)) {
-            const u = ce(c.aggFunc);
+          if (ei(c)) {
+            const u = ue(c.aggFunc);
             u && (l = u(i, o.field, o)), d = c.formatter;
           } else {
-            const u = ce(c);
+            const u = ue(c);
             u && (l = u(i, o.field, o));
           }
         else if (n.cells && Object.prototype.hasOwnProperty.call(n.cells, o.field)) {
@@ -2634,13 +2663,13 @@ function Le(s, e, t, i) {
     s.appendChild(r);
   }
 }
-function Qt(s, e) {
+function ti(s, e) {
   const t = document.createElement("div");
   t.className = "tbw-status-panel tbw-status-panel-custom", t.id = `status-panel-${s.id}`;
   const i = s.render(e);
   return typeof i == "string" ? t.innerHTML = i : t.appendChild(i), t;
 }
-function Te(s, e, t, i, n) {
+function Ie(s, e, t, i, n) {
   return {
     totalRows: s.length,
     filteredRows: n?.cachedResult?.length ?? s.length,
@@ -2650,10 +2679,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 ii = "@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 rn extends R {
   name = "pinnedRows";
-  styles = ei;
+  styles = ii;
   get defaultConfig() {
     return {
       position: "bottom",
@@ -2675,7 +2704,7 @@ class tn extends R {
     const t = e.querySelector(".tbw-scroll-area") ?? e.querySelector(".tbw-grid-content") ?? e.children[0];
     if (!t) return;
     this.footerWrapper && !t.contains(this.footerWrapper) && (this.footerWrapper = null, this.bottomAggregationContainer = null, this.infoBarElement = null), this.topAggregationContainer && !t.contains(this.topAggregationContainer) && (this.topAggregationContainer = null), this.infoBarElement && !t.contains(this.infoBarElement) && (this.infoBarElement = null);
-    const i = this.getSelectionState(), n = this.getFilterState(), r = Te(
+    const i = this.getSelectionState(), n = this.getFilterState(), r = Ie(
       this.rows,
       this.columns,
       this.grid,
@@ -2684,11 +2713,11 @@ class tn extends R {
     ), o = this.config.aggregationRows || [], a = o.filter((h) => h.position === "top"), l = o.filter((h) => h.position !== "top");
     if (a.length > 0) {
       if (!this.topAggregationContainer) {
-        this.topAggregationContainer = _e("top");
+        this.topAggregationContainer = Le("top");
         const h = e.querySelector(".header");
         h && h.nextSibling ? t.insertBefore(this.topAggregationContainer, h.nextSibling) : t.appendChild(this.topAggregationContainer);
       }
-      Le(
+      Te(
         this.topAggregationContainer,
         a,
         this.visibleColumns,
@@ -2704,7 +2733,7 @@ class tn extends R {
         this.infoBarElement.replaceWith(h), this.infoBarElement = h;
       }
     else this.config.position === "top" && this.infoBarElement && (this.infoBarElement.remove(), this.infoBarElement = null);
-    u ? (this.footerWrapper || (this.footerWrapper = document.createElement("div"), this.footerWrapper.className = "tbw-footer", t.appendChild(this.footerWrapper)), this.footerWrapper.innerHTML = "", l.length > 0 && (this.bottomAggregationContainer || (this.bottomAggregationContainer = _e("bottom")), this.footerWrapper.appendChild(this.bottomAggregationContainer), Le(
+    u ? (this.footerWrapper || (this.footerWrapper = document.createElement("div"), this.footerWrapper.className = "tbw-footer", t.appendChild(this.footerWrapper)), this.footerWrapper.innerHTML = "", l.length > 0 && (this.bottomAggregationContainer || (this.bottomAggregationContainer = Le("bottom")), this.footerWrapper.appendChild(this.bottomAggregationContainer), Te(
       this.bottomAggregationContainer,
       l,
       this.visibleColumns,
@@ -2736,7 +2765,7 @@ class tn extends R {
   }
   getContext() {
     const e = this.getSelectionState(), t = this.getFilterState();
-    return Te(
+    return Ie(
       this.rows,
       this.columns,
       this.grid,
@@ -2757,16 +2786,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 ni = Qe;
+function ri(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 oi(s, e) {
+  const t = e.rowGroupFields ?? [], i = e.columnGroupFields ?? [], n = e.valueFields ?? [], r = si(s, i), o = We(
     s,
     t,
     i,
@@ -2774,7 +2803,7 @@ function ni(s, e) {
     n,
     0,
     ""
-  ), a = si(o, r, n), l = Object.values(a).reduce((d, c) => d + c, 0);
+  ), a = li(o, r, n), l = Object.values(a).reduce((d, c) => d + c, 0);
   return {
     rows: o,
     columnKeys: r,
@@ -2782,7 +2811,7 @@ function ni(s, e) {
     grandTotal: l
   };
 }
-function ri(s, e) {
+function si(s, e) {
   if (e.length === 0) return ["value"];
   const t = /* @__PURE__ */ new Set();
   for (const i of s) {
@@ -2791,7 +2820,7 @@ function ri(s, e) {
   }
   return [...t].sort();
 }
-function oi(s, e) {
+function ai(s, e) {
   const t = /* @__PURE__ */ new Map();
   for (const i of s) {
     const n = String(i[e] ?? ""), r = t.get(n);
@@ -2799,50 +2828,50 @@ function oi(s, e) {
   }
   return t;
 }
-function Ve(s, e, t, i, n, r, o) {
+function We(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 = Fe(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 = ai(s, l);
+  for (const [h, f] of u) {
+    const g = o ? `${o}|${h}` : h, p = Fe(f, t, i, n), m = De(p);
     let w;
-    c && (w = Ve(
-      g,
+    c && (w = We(
+      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;
 }
-function Ie(s, e, t, i) {
+function Fe(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 = ni(o.aggFunc), c = l.length > 0 ? d(l) : null, u = ae([r], o.field);
       n[u] = c;
     }
   return n;
@@ -2853,7 +2882,7 @@ function De(s) {
     e += t ?? 0;
   return e;
 }
-function si(s, e, t) {
+function li(s, e, t) {
   const i = {};
   function n(r) {
     for (const o of r)
@@ -2867,7 +2896,7 @@ function si(s, e, t) {
   }
   return n(s), i;
 }
-function ai(s, e, t = !0) {
+function di(s, e, t = !0) {
   const i = [];
   function n(r) {
     i.push(r);
@@ -2880,7 +2909,7 @@ function ai(s, e, t = !0) {
     n(r);
   return i;
 }
-function li(s) {
+function ci(s) {
   const e = [];
   function t(i) {
     if (i.isGroup && e.push(i.rowKey), i.children)
@@ -2891,10 +2920,10 @@ function li(s) {
     t(i);
   return e;
 }
-const di = ["sum", "avg", "count", "min", "max", "first", "last"];
-function ci(s, e, t, i) {
+const ui = ["sum", "avg", "count", "min", "max", "first", "last"];
+function hi(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", () => wi(t, r))), o.appendChild(H("Row Groups", () => Pe("rowGroups", r))), o.appendChild(H("Column Groups", () => Pe("columnGroups", r))), o.appendChild(H("Values", () => gi(r))), o.appendChild(H("Available Fields", () => mi(r))), s.appendChild(o), () => {
     n.abort(), o.remove();
   };
 }
@@ -2906,7 +2935,7 @@ function H(s, e) {
   const n = document.createElement("div");
   return n.className = "tbw-pivot-section-content", n.appendChild(e()), t.appendChild(i), t.appendChild(n), t;
 }
-function Fe(s, e) {
+function Pe(s, e) {
   const { config: t, callbacks: i, signal: n } = e, r = document.createElement("div");
   r.className = "tbw-pivot-drop-zone", r.setAttribute("data-zone", s);
   const o = s === "rowGroups" ? t.rowGroupFields ?? [] : t.columnGroupFields ?? [];
@@ -2915,7 +2944,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(fi(a, s, e));
   return r.addEventListener(
     "dragover",
     (a) => {
@@ -2938,7 +2967,7 @@ function Fe(s, e) {
     { signal: n }
   ), r;
 }
-function ui(s, e, t) {
+function fi(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 +2993,7 @@ function ui(s, e, t) {
     { signal: n }
   ), r;
 }
-function hi(s) {
+function gi(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 ?? [];
@@ -2973,7 +3002,7 @@ function hi(s) {
     o.className = "tbw-pivot-placeholder", o.textContent = "Drag numeric fields here for aggregation", n.appendChild(o);
   } else
     for (const o of r)
-      n.appendChild(gi(o, s));
+      n.appendChild(pi(o, s));
   return n.addEventListener(
     "dragover",
     (o) => {
@@ -2996,7 +3025,7 @@ function hi(s) {
     { signal: i }
   ), n;
 }
-function gi(s, e) {
+function pi(s, e) {
   const { callbacks: t, signal: i } = e, n = document.createElement("div");
   n.className = "tbw-pivot-field-chip tbw-pivot-value-chip";
   const r = t.getAvailableFields().find((c) => c.field === s.field), o = document.createElement("div");
@@ -3005,7 +3034,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 ui) {
     const u = document.createElement("option");
     u.value = c, u.textContent = c.toUpperCase(), u.selected = c === s.aggFunc, l.appendChild(u);
   }
@@ -3025,7 +3054,7 @@ function gi(s, e) {
     { signal: i }
   ), o.appendChild(a), o.appendChild(l), n.appendChild(o), n.appendChild(d), n;
 }
-function fi(s) {
+function mi(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 +3084,7 @@ function fi(s) {
     }
   return n;
 }
-function pi(s, e) {
+function wi(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 +3123,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 bi(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 +3144,7 @@ function mi(s, e, t) {
     e.appendChild(r);
   }), !0;
 }
-function wi(s, e, t, i) {
+function vi(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 +3159,7 @@ function wi(s, e, t, i) {
     e.appendChild(o);
   }), !0;
 }
-function bi(s, e, t) {
+function yi(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 +3172,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}}}';
-class M extends R {
+const Ci = '@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 P extends R {
   name = "pivot";
-  styles = vi;
+  styles = Ci;
   static PANEL_ID = "pivot";
   get defaultConfig() {
     return {
@@ -3180,7 +3209,7 @@ class M extends R {
   getToolPanel() {
     if ((this.config?.showToolPanel ?? this.userConfig?.showToolPanel ?? !0) !== !1)
       return {
-        id: M.PANEL_ID,
+        id: P.PANEL_ID,
         title: "Pivot",
         icon: "⊞",
         tooltip: "Configure pivot table",
@@ -3191,11 +3220,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 = ri(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 = oi(e, this.config), this.expandedKeys.size === 0 && this.defaultExpanded && this.expandAllKeys();
+    const i = this.config.indentWidth ?? 20, n = di(
       this.pivotResult.rows,
       this.expandedKeys,
       this.defaultExpanded
@@ -3247,13 +3276,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 ? bi(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 ? vi(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 +3320,7 @@ class M extends R {
       __pivotTotal: this.pivotResult.grandTotal,
       ...this.pivotResult.totals
     };
-    bi(i, this.grandTotalFooter, this.gridColumns);
+    yi(i, this.grandTotalFooter, this.gridColumns);
   }
   cleanupGrandTotalFooter() {
     this.grandTotalFooter && (this.grandTotalFooter.remove(), this.grandTotalFooter = null);
@@ -3313,7 +3342,7 @@ class M extends R {
   }
   expandAllKeys() {
     if (!this.pivotResult) return;
-    const e = li(this.pivotResult.rows);
+    const e = ci(this.pivotResult.rows);
     for (const t of e)
       this.expandedKeys.add(t);
   }
@@ -3345,16 +3374,16 @@ class M extends R {
     this.pivotResult = null, this.requestRender();
   }
   showPanel() {
-    this.grid.openToolPanel(), this.grid.expandedToolPanelSections.includes(M.PANEL_ID) || this.grid.toggleToolPanelSection(M.PANEL_ID);
+    this.grid.openToolPanel(), this.grid.expandedToolPanelSections.includes(P.PANEL_ID) || this.grid.toggleToolPanelSection(P.PANEL_ID);
   }
   hidePanel() {
     this.grid.closeToolPanel();
   }
   togglePanel() {
-    this.grid.isToolPanelOpen || this.grid.openToolPanel(), this.grid.toggleToolPanelSection(M.PANEL_ID);
+    this.grid.isToolPanelOpen || this.grid.openToolPanel(), this.grid.toggleToolPanelSection(P.PANEL_ID);
   }
   isPanelVisible() {
-    return this.grid.isToolPanelOpen && this.grid.expandedToolPanelSections.includes(M.PANEL_ID);
+    return this.grid.isToolPanelOpen && this.grid.expandedToolPanelSections.includes(P.PANEL_ID);
   }
   get gridColumns() {
     return this.grid.columns ?? [];
@@ -3398,7 +3427,7 @@ class M extends R {
       },
       getAvailableFields: () => this.getAvailableFields()
     };
-    return ci(e, this.config, this.isActive, t);
+    return hi(e, this.config, this.isActive, t);
   }
   refreshPanel() {
     this.panelContainer && (this.panelContainer.innerHTML = "", this.renderPanel(this.panelContainer));
@@ -3431,7 +3460,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 xi(s) {
   const e = s.meta ?? {};
   return e.lockPosition !== !0 && e.suppressMovable !== !0;
 }
@@ -3440,10 +3469,10 @@ function Me(s, e, t) {
   const i = [...s], [n] = i.splice(e, 1);
   return i.splice(t, 0, n), i;
 }
-const xi = '@layer tbw-plugins{.header-row>.cell[draggable=true]{cursor:grab;position:relative}.header-row>.cell.dragging{opacity:.5;cursor:grabbing}.header-row>.cell.drop-before:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent));z-index:1}.header-row>.cell.drop-after:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent));z-index:1}.cell.flip-animating{transition:transform var(--tbw-animation-duration, .2s) ease-out;will-change:transform;z-index:1}@keyframes reorder-fade-in{0%{opacity:0}to{opacity:1}}.cell.fade-animating{animation:reorder-fade-in var(--tbw-animation-duration, .2s) ease-out backwards}}';
-class nn extends R {
+const Ri = '@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 on extends R {
   name = "reorder";
-  styles = xi;
+  styles = Ri;
   get defaultConfig() {
     return {
       animation: "flip"
@@ -3460,8 +3489,8 @@ class nn extends R {
   draggedIndex = null;
   dropIndex = null;
   canMoveColumnWithPlugins(e) {
-    return !e || !yi(e) ? !1 : !this.grid.queryPlugins({
-      type: Ge.CAN_MOVE_COLUMN,
+    return !e || !xi(e) ? !1 : !this.grid.queryPlugins({
+      type: Oe.CAN_MOVE_COLUMN,
       context: e
     }).includes(!1);
   }
@@ -3510,13 +3539,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);
       }));
     });
   }
@@ -3533,7 +3562,7 @@ class nn extends R {
     if (l < 0 || l >= o.length) return;
     const d = n.find((c) => c.field === o[l]);
     if (this.canMoveColumnWithPlugins(d))
-      return this.moveColumn(r.field, l), t._focusCol = l, L(this.grid), e.preventDefault(), e.stopPropagation(), !0;
+      return this.moveColumn(r.field, l), t._focusCol = l, _(this.grid), e.preventDefault(), e.stopPropagation(), !0;
   }
   getColumnOrder() {
     return this.grid.getColumnOrder();
@@ -3636,11 +3665,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 Ei = '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 sn extends R {
   name = "responsive";
   version = "1.0.0";
-  styles = Ci;
+  styles = Ei;
   static manifest = {
     incompatibleWith: [
       {
@@ -3752,7 +3781,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) {
@@ -3771,38 +3800,38 @@ class rn extends R {
     switch (e.key) {
       case "ArrowDown":
         if (this.grid._focusCol < i)
-          return this.grid._focusCol += 1, e.preventDefault(), L(this.grid), !0;
+          return this.grid._focusCol += 1, e.preventDefault(), _(this.grid), !0;
         if (this.grid._focusRow < t)
-          return this.grid._focusRow += 1, this.grid._focusCol = 0, e.preventDefault(), L(this.grid), !0;
+          return this.grid._focusRow += 1, this.grid._focusCol = 0, e.preventDefault(), _(this.grid), !0;
         break;
       case "ArrowUp":
         if (this.grid._focusCol > 0)
-          return this.grid._focusCol -= 1, e.preventDefault(), L(this.grid), !0;
+          return this.grid._focusCol -= 1, e.preventDefault(), _(this.grid), !0;
         if (this.grid._focusRow > 0)
-          return this.grid._focusRow -= 1, this.grid._focusCol = i, e.preventDefault(), L(this.grid), !0;
+          return this.grid._focusRow -= 1, this.grid._focusCol = i, e.preventDefault(), _(this.grid), !0;
         break;
       case "ArrowRight":
         if (this.grid._focusRow < t)
-          return this.grid._focusRow += 1, e.preventDefault(), L(this.grid), !0;
+          return this.grid._focusRow += 1, e.preventDefault(), _(this.grid), !0;
         break;
       case "ArrowLeft":
         if (this.grid._focusRow > 0)
-          return this.grid._focusRow -= 1, e.preventDefault(), L(this.grid), !0;
+          return this.grid._focusRow -= 1, e.preventDefault(), _(this.grid), !0;
         break;
     }
     return !1;
   }
-  #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 +3839,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 +3848,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 +3861,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 +3872,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 Si = '.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}', ki = "__tbw_row_drag";
+class an extends R {
   name = "rowReorder";
-  styles = Ri;
+  styles = Si;
   get defaultConfig() {
     return {
       enableKeyboard: !0,
@@ -3888,7 +3917,7 @@ class on extends R {
     if (!this.config.showDragHandle)
       return [...e];
     const t = {
-      field: Ei,
+      field: ki,
       header: "",
       width: this.config.dragHandleWidth ?? 40,
       resizable: !1,
@@ -3982,7 +4011,7 @@ class on extends R {
       row: e
     }, this.lastFocusCol = r;
     const o = this.grid, a = [...o._rows ?? this.sourceRows], [l] = a.splice(t, 1);
-    a.splice(i, 0, l), o._rows = a, o._focusRow = i, o._focusCol = r, o.refreshVirtualWindow(!0), L(o), this.clearDebounceTimer(), this.debounceTimer = setTimeout(() => {
+    a.splice(i, 0, l), o._rows = a, o._focusRow = i, o._focusCol = r, o.refreshVirtualWindow(!0), _(o), this.clearDebounceTimer(), this.debounceTimer = setTimeout(() => {
       this.flushPendingMove();
     }, this.config.debounceMs ?? 300);
   }
@@ -4001,7 +4030,7 @@ class on extends R {
       const o = [...this.sourceRows], [a] = o.splice(t, 1);
       o.splice(e, 0, a);
       const l = this.grid;
-      l._rows = o, l._focusRow = e, l._focusCol = this.lastFocusCol, l.refreshVirtualWindow(!0), L(l);
+      l._rows = o, l._focusRow = e, l._focusCol = this.lastFocusCol, l.refreshVirtualWindow(!0), _(l);
     }
   }
   executeMove(e, t, i, n) {
@@ -4037,34 +4066,34 @@ function V(s) {
     endCol: Math.max(s.startCol, s.endCol)
   };
 }
-function ki(s) {
+function Ai(s) {
   const e = V(s);
   return {
     from: { row: e.startRow, col: e.startCol },
     to: { row: e.endRow, col: e.endCol }
   };
 }
-function We(s) {
-  return s.map(ki);
+function $e(s) {
+  return s.map(Ai);
 }
-function Si(s, e, t) {
+function _i(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));
+function qe(s, e, t) {
+  return t.some((i) => _i(s, e, i));
 }
-function Ai(s) {
+function Li(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 Ti(s) {
   const e = /* @__PURE__ */ new Map();
   for (const t of s)
-    for (const i of Ai(t))
+    for (const i of Li(t))
       e.set(`${i.row},${i.col}`, i);
   return [...e.values()];
 }
@@ -4076,8 +4105,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 Ii = "@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 Fi(s, e, t) {
   if (s === "cell" && e.selectedCell)
     return {
       mode: s,
@@ -4095,9 +4124,9 @@ function Ti(s, e, t) {
     }));
     return { mode: s, ranges: i };
   }
-  return s === "range" && e.ranges.length > 0 ? { mode: s, ranges: We(e.ranges) } : { mode: s, ranges: [] };
+  return s === "range" && e.ranges.length > 0 ? { mode: s, ranges: $e(e.ranges) } : { mode: s, ranges: [] };
 }
-class sn extends R {
+class ln extends R {
   static manifest = {
     configRules: [
       {
@@ -4111,7 +4140,7 @@ class sn extends R {
     ]
   };
   name = "selection";
-  styles = Li;
+  styles = Ii;
   get defaultConfig() {
     return {
       mode: "cell",
@@ -4127,6 +4156,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 +4179,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 +4216,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 +4245,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 +4276,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) {
-      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 r = e.querySelectorAll(".data-grid-row");
+    if (r.forEach((o) => {
+      o.classList.remove("selected", "row-focus"), i && o.removeAttribute("data-selectable");
+    }), t === "row" && (he(e), r.forEach((o) => {
+      const a = o.querySelector(".cell[data-row]"), l = et(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) {
+      he(e);
+      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 (qe(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,10 +4334,10 @@ class sn extends R {
     };
   }
   getSelectedCells() {
-    return _i(this.ranges);
+    return Ti(this.ranges);
   }
   isCellSelected(e, t) {
-    return Pe(e, t, this.ranges);
+    return qe(e, t, this.ranges);
   }
   clearSelection() {
     this.selectedCell = null, this.selected.clear(), this.anchor = null, this.ranges = [], this.activeRange = null, this.cellAnchor = null, this.emit("selection-change", { mode: this.config.mode, ranges: [] }), this.requestAfterRender();
@@ -4302,11 +4350,11 @@ class sn extends R {
       endCol: t.to.col
     })), this.activeRange = this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] : null, this.emit("selection-change", {
       mode: this.config.mode,
-      ranges: We(this.ranges)
+      ranges: $e(this.ranges)
     }), this.requestAfterRender();
   }
   #t() {
-    return Ti(
+    return Fi(
       this.config.mode,
       {
         selectedCell: this.selectedCell,
@@ -4320,20 +4368,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 Pi(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);
+async function Ke(s, e, t, i) {
+  const n = Di(e, t);
   return s.getRows({
     startRow: n.start,
     endRow: n.end,
@@ -4341,14 +4389,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 qi = 100;
+class dn extends R {
   name = "serverSide";
   get defaultConfig() {
     return {
@@ -4368,12 +4416,12 @@ 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 = Pi(i.startRow, i.endRow, t);
     for (const r of n)
       if (!(this.loadedBlocks.has(r) || this.loadingBlocks.has(r))) {
         if (this.loadingBlocks.size >= (this.config.maxConcurrentRequests ?? 2))
           break;
-        this.loadingBlocks.add(r), qe(this.dataSource, r, t, {}).then((o) => {
+        this.loadingBlocks.add(r), Ke(this.dataSource, r, t, {}).then((o) => {
           this.loadedBlocks.set(r, o.rows), this.totalRowCount = o.totalRowCount, this.loadingBlocks.delete(r), this.requestRender(), this.loadRequiredBlocks();
         }).catch(() => {
           this.loadingBlocks.delete(r);
@@ -4384,7 +4432,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,12 +4440,12 @@ class an extends R {
   onScroll(e) {
     this.dataSource && (this.loadRequiredBlocks(), this.scrollDebounceTimer && clearTimeout(this.scrollDebounceTimer), this.scrollDebounceTimer = setTimeout(() => {
       this.loadRequiredBlocks();
-    }, Mi));
+    }, qi));
   }
   setDataSource(e) {
     this.dataSource = e, this.loadedBlocks.clear(), this.loadingBlocks.clear();
     const t = this.config.cacheBlockSize ?? 100;
-    qe(e, 0, t, {}).then((i) => {
+    Ke(e, 0, t, {}).then((i) => {
       this.loadedBlocks.set(0, i.rows), this.totalRowCount = i.totalRowCount, this.requestRender();
     });
   }
@@ -4418,7 +4466,7 @@ class an extends R {
     return this.loadedBlocks.size;
   }
 }
-function $e(s, e, t) {
+function je(s, e, t) {
   return s.id !== void 0 ? String(s.id) : t ? `${t}-${e}` : String(e);
 }
 function ee(s, e) {
@@ -4428,7 +4476,7 @@ function ee(s, e) {
 function ne(s, e, t = null, i = 0) {
   const n = e.childrenField ?? "children", r = /* @__PURE__ */ new Set();
   for (let o = 0; o < s.length; o++) {
-    const a = s[o], l = $e(a, o, t), d = a[n];
+    const a = s[o], l = je(a, o, t), d = a[n];
     if (Array.isArray(d) && d.length > 0) {
       r.add(l);
       const c = ne(d, e, l, i + 1);
@@ -4437,33 +4485,33 @@ function ne(s, e, t = null, i = 0) {
   }
   return r;
 }
-function Pi() {
+function Ki() {
   return /* @__PURE__ */ new Set();
 }
-function je(s, e, t, i = null, n = 0) {
+function Ue(s, e, t, i = null, n = 0) {
   const r = t.childrenField ?? "children";
   for (let o = 0; o < s.length; o++) {
-    const a = s[o], l = $e(a, o, i);
+    const a = s[o], l = je(a, o, i);
     if (l === e)
       return [l];
     const d = a[r];
     if (Array.isArray(d) && d.length > 0) {
-      const c = je(d, e, t, l, n + 1);
+      const c = Ue(d, e, t, l, n + 1);
       if (c)
         return [l, ...c];
     }
   }
   return null;
 }
-function qi(s, e, t, i) {
-  const n = je(s, e, t);
+function Hi(s, e, t, i) {
+  const n = Ue(s, e, t);
   if (!n) return i;
   const r = new Set(i);
   for (let o = 0; o < n.length - 1; o++)
     r.add(n[o]);
   return r;
 }
-function Ke(s, e = "children") {
+function He(s, e = "children") {
   if (!Array.isArray(s) || s.length === 0) return !1;
   for (const t of s) {
     if (!t) continue;
@@ -4473,7 +4521,7 @@ function Ke(s, e = "children") {
   }
   return !1;
 }
-function Ki(s) {
+function Ni(s) {
   if (!Array.isArray(s) || s.length === 0) return null;
   const e = ["children", "items", "nodes", "subRows", "nested"];
   for (const t of s)
@@ -4485,10 +4533,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 zi = "@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 cn extends R {
   name = "tree";
-  styles = Hi;
+  styles = zi;
   get defaultConfig() {
     return {
       childrenField: "children",
@@ -4514,12 +4562,12 @@ class ln extends R {
   }
   detect(e) {
     if (!this.config.autoDetect) return !1;
-    const t = e, i = this.config.childrenField ?? Ki(t) ?? "children";
-    return Ke(t, i);
+    const t = e, i = this.config.childrenField ?? Ni(t) ?? "children";
+    return He(t, i);
   }
   processRows(e) {
     const t = this.config.childrenField ?? "children", i = e;
-    if (!Ke(i, t))
+    if (!He(i, t))
       return this.flattenedRows = [], this.rowKeyMap.clear(), this.previousVisibleKeys.clear(), [...e];
     let n = this.withStableKeys(i);
     this.sortState && (n = this.sortTree(n, this.sortState.field, this.sortState.direction)), this.config.defaultExpanded && !this.initialExpansionDone && (this.expandedKeys = ne(n, this.config), this.initialExpansionDone = !0), this.flattenedRows = this.flattenTree(n, this.expandedKeys), this.rowKeyMap.clear(), this.keysToAnimate.clear();
@@ -4575,11 +4623,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 +4698,7 @@ class ln extends R {
     this.expandedKeys = ne(this.rows, this.config), this.requestRender();
   }
   collapseAll() {
-    this.expandedKeys = Pi(), this.requestRender();
+    this.expandedKeys = Ki(), this.requestRender();
   }
   isExpanded(e) {
     return this.expandedKeys.has(e);
@@ -4665,10 +4713,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 = Hi(this.rows, e, this.config, this.expandedKeys), this.requestRender();
   }
 }
-function Ni(s, e, t) {
+function Gi(s, e, t) {
   const i = [...s.undoStack, e];
   for (; i.length > t; )
     i.shift();
@@ -4677,7 +4725,7 @@ function Ni(s, e, t) {
     redoStack: []
   };
 }
-function He(s) {
+function Ne(s) {
   if (s.undoStack.length === 0)
     return { newState: s, action: null };
   const e = [...s.undoStack], t = e.pop();
@@ -4689,7 +4737,7 @@ function He(s) {
     action: t
   } : { newState: s, action: null };
 }
-function Ne(s) {
+function ze(s) {
   if (s.redoStack.length === 0)
     return { newState: s, action: null };
   const e = [...s.redoStack], t = e.pop();
@@ -4701,16 +4749,16 @@ function Ne(s) {
     action: t
   } : { newState: s, action: null };
 }
-function zi(s) {
+function Oi(s) {
   return s.undoStack.length > 0;
 }
-function Gi(s) {
+function Bi(s) {
   return s.redoStack.length > 0;
 }
-function Oi() {
+function Vi() {
   return { undoStack: [], redoStack: [] };
 }
-function Bi(s, e, t, i) {
+function Wi(s, e, t, i) {
   return {
     type: "cell-edit",
     rowIndex: s,
@@ -4720,7 +4768,7 @@ function Bi(s, e, t, i) {
     timestamp: Date.now()
   };
 }
-class dn extends R {
+class un extends R {
   static dependencies = [
     { name: "editing", required: !0, reason: "UndoRedoPlugin tracks cell edit history" }
   ];
@@ -4738,7 +4786,7 @@ class dn extends R {
   onKeyDown(e) {
     const t = (e.ctrlKey || e.metaKey) && e.key === "z" && !e.shiftKey, i = (e.ctrlKey || e.metaKey) && (e.key === "y" || e.key === "z" && e.shiftKey);
     if (t) {
-      const n = He({ undoStack: this.undoStack, redoStack: this.redoStack });
+      const n = Ne({ undoStack: this.undoStack, redoStack: this.redoStack });
       if (n.action) {
         const r = this.rows;
         r[n.action.rowIndex] && (r[n.action.rowIndex][n.action.field] = n.action.oldValue), this.undoStack = n.newState.undoStack, this.redoStack = n.newState.redoStack, this.emit("undo", {
@@ -4749,7 +4797,7 @@ class dn extends R {
       return !0;
     }
     if (i) {
-      const n = Ne({ undoStack: this.undoStack, redoStack: this.redoStack });
+      const n = ze({ undoStack: this.undoStack, redoStack: this.redoStack });
       if (n.action) {
         const r = this.rows;
         r[n.action.rowIndex] && (r[n.action.rowIndex][n.action.field] = n.action.newValue), this.undoStack = n.newState.undoStack, this.redoStack = n.newState.redoStack, this.emit("redo", {
@@ -4762,7 +4810,7 @@ class dn extends R {
     return !1;
   }
   recordEdit(e, t, i, n) {
-    const r = Bi(e, t, i, n), o = Ni(
+    const r = Wi(e, t, i, n), o = Gi(
       { undoStack: this.undoStack, redoStack: this.redoStack },
       r,
       this.config.maxHistorySize ?? 100
@@ -4770,7 +4818,7 @@ class dn extends R {
     this.undoStack = o.undoStack, this.redoStack = o.redoStack;
   }
   undo() {
-    const e = He({ undoStack: this.undoStack, redoStack: this.redoStack });
+    const e = Ne({ undoStack: this.undoStack, redoStack: this.redoStack });
     if (e.action) {
       const t = this.rows;
       t[e.action.rowIndex] && (t[e.action.rowIndex][e.action.field] = e.action.oldValue), this.undoStack = e.newState.undoStack, this.redoStack = e.newState.redoStack, this.requestRender();
@@ -4778,7 +4826,7 @@ class dn extends R {
     return e.action;
   }
   redo() {
-    const e = Ne({ undoStack: this.undoStack, redoStack: this.redoStack });
+    const e = ze({ undoStack: this.undoStack, redoStack: this.redoStack });
     if (e.action) {
       const t = this.rows;
       t[e.action.rowIndex] && (t[e.action.rowIndex][e.action.field] = e.action.newValue), this.undoStack = e.newState.undoStack, this.redoStack = e.newState.redoStack, this.requestRender();
@@ -4786,13 +4834,13 @@ class dn extends R {
     return e.action;
   }
   canUndo() {
-    return zi({ undoStack: this.undoStack, redoStack: this.redoStack });
+    return Oi({ undoStack: this.undoStack, redoStack: this.redoStack });
   }
   canRedo() {
-    return Gi({ undoStack: this.undoStack, redoStack: this.redoStack });
+    return Bi({ undoStack: this.undoStack, redoStack: this.redoStack });
   }
   clearHistory() {
-    const e = Oi();
+    const e = Vi();
     this.undoStack = e.undoStack, this.redoStack = e.redoStack;
   }
   getUndoStack() {
@@ -4802,18 +4850,18 @@ 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))}}';
-function ze(s) {
+const $i = '@layer tbw-plugins{.tbw-visibility-content{display:flex;flex-direction:column;height:100%}.tbw-visibility-list{flex:1;overflow-y:auto;padding:var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem))}.tbw-visibility-row{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));padding:var(--tbw-menu-item-padding, .375rem .25rem);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem);border-radius:var(--tbw-border-radius, .25rem);position:relative}.tbw-visibility-row:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover, #f3f4f6))}.tbw-visibility-row input[type=checkbox]{cursor:pointer}.tbw-visibility-row.locked span{color:var(--tbw-color-fg-muted, #888)}.tbw-visibility-handle{cursor:grab;color:var(--tbw-color-fg-muted, #888);font-size:var(--tbw-font-size-2xs, .625rem);letter-spacing:-2px;user-select:none;flex-shrink:0}.tbw-visibility-row.reorderable:hover .tbw-visibility-handle{color:var(--tbw-color-fg, #1f2937)}.tbw-visibility-label{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));flex:1;cursor:pointer}.tbw-visibility-row.dragging{opacity:.5;cursor:grabbing}.tbw-visibility-row.drop-before:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent, #3b82f6))}.tbw-visibility-row.drop-after:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent, #3b82f6))}.tbw-visibility-show-all{margin:var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem));padding:var(--tbw-button-padding, .5rem .75rem);border:1px solid var(--tbw-visibility-border, var(--tbw-color-border, #e5e7eb));border-radius:var(--tbw-border-radius, .25rem);background:var(--tbw-visibility-btn-bg, var(--tbw-color-header-bg, #f9fafb));color:var(--tbw-color-fg, #1f2937);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem)}.tbw-visibility-show-all:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover, #f3f4f6))}}';
+function Ge(s) {
   const e = s.meta ?? {};
   return e.lockPosition !== !0 && e.suppressMovable !== !0;
 }
-class P extends R {
+class M extends R {
   static dependencies = [
     { name: "reorder", required: !1, reason: "Enables drag-to-reorder columns in visibility panel" }
   ];
   name = "visibility";
   static PANEL_ID = "columns";
-  styles = Vi;
+  styles = $i;
   get defaultConfig() {
     return {
       allowHideAll: !1
@@ -4834,7 +4882,7 @@ class P extends R {
   }
   getToolPanel() {
     return {
-      id: P.PANEL_ID,
+      id: M.PANEL_ID,
       title: "Columns",
       icon: "☰",
       tooltip: "Column visibility",
@@ -4843,13 +4891,13 @@ class P extends R {
     };
   }
   show() {
-    this.grid.openToolPanel(), this.grid.expandedToolPanelSections.includes(P.PANEL_ID) || this.grid.toggleToolPanelSection(P.PANEL_ID);
+    this.grid.openToolPanel(), this.grid.expandedToolPanelSections.includes(M.PANEL_ID) || this.grid.toggleToolPanelSection(M.PANEL_ID);
   }
   hide() {
     this.grid.closeToolPanel();
   }
   toggle() {
-    this.grid.isToolPanelOpen || this.grid.openToolPanel(), this.grid.toggleToolPanelSection(P.PANEL_ID);
+    this.grid.isToolPanelOpen || this.grid.openToolPanel(), this.grid.toggleToolPanelSection(M.PANEL_ID);
   }
   isColumnVisible(e) {
     return this.grid.isColumnVisible(e);
@@ -4879,7 +4927,7 @@ class P extends R {
     return this.grid.getAllColumns();
   }
   isPanelVisible() {
-    return this.grid.isToolPanelOpen && this.grid.expandedToolPanelSections.includes(P.PANEL_ID);
+    return this.grid.isToolPanelOpen && this.grid.expandedToolPanelSections.includes(M.PANEL_ID);
   }
   renderPanelContent(e) {
     const t = document.createElement("div");
@@ -4903,7 +4951,7 @@ class P extends R {
     const i = this.grid.getAllColumns().filter((n) => !n.utility);
     for (let n = 0; n < i.length; n++) {
       const r = i[n], o = r.header || r.field, a = document.createElement("div");
-      a.className = r.lockVisible ? "tbw-visibility-row locked" : "tbw-visibility-row", a.setAttribute("data-field", r.field), a.setAttribute("data-index", String(n)), t && ze(r) && (a.draggable = !0, a.classList.add("reorderable"), this.setupDragListeners(a, r.field, n, e));
+      a.className = r.lockVisible ? "tbw-visibility-row locked" : "tbw-visibility-row", a.setAttribute("data-field", r.field), a.setAttribute("data-index", String(n)), t && Ge(r) && (a.draggable = !0, a.classList.add("reorderable"), this.setupDragListeners(a, r.field, n, e));
       const l = document.createElement("label");
       l.className = "tbw-visibility-label";
       const d = document.createElement("input");
@@ -4911,7 +4959,7 @@ class P extends R {
         this.grid.toggleColumnVisibility(r.field), setTimeout(() => this.rebuildToggles(e), 0);
       });
       const c = document.createElement("span");
-      if (c.textContent = o, l.appendChild(d), l.appendChild(c), t && ze(r)) {
+      if (c.textContent = o, l.appendChild(d), l.appendChild(c), t && Ge(r)) {
         const u = document.createElement("span");
         u.className = "tbw-visibility-handle", this.setIcon(u, this.resolveIcon("dragHandle")), u.title = "Drag to reorder", a.appendChild(u);
       }
@@ -4938,12 +4986,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 +5000,47 @@ class P extends R {
 }
 export {
   R as BaseGridPlugin,
-  $i as ClipboardPlugin,
-  ji as ColumnVirtualizationPlugin,
-  Ui as ContextMenuPlugin,
-  hn as DEFAULT_ANIMATION_CONFIG,
-  Ue as DEFAULT_GRID_ICONS,
-  gn as DGEvents,
-  fn as DataGridElement,
-  Yi as EditingPlugin,
-  Xi 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,
-  Be as MasterDetailPlugin,
-  Qi as MultiSortPlugin,
-  Ge as PLUGIN_QUERIES,
-  en as PinnedColumnsPlugin,
-  tn 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,
-  P as VisibilityPlugin,
-  En as builtInSort,
-  kn as createGrid,
-  Sn as defaultComparator,
-  pt as defaultEditorFor,
-  nt as defaultPasteHandler,
-  An as queryGrid
+  Ui as ClipboardPlugin,
+  Yi as ColumnVirtualizationPlugin,
+  Xi as ContextMenuPlugin,
+  gn as DEFAULT_ANIMATION_CONFIG,
+  Ye as DEFAULT_GRID_ICONS,
+  pn as DGEvents,
+  mn as DataGridElement,
+  Zi as EditingPlugin,
+  Ji as ExportPlugin,
+  T as FilteringPlugin,
+  wn as FitModeEnum,
+  bn as GridCSSVars,
+  vn as GridClasses,
+  yn as GridDataAttrs,
+  Cn as GridElement,
+  xn as GridSelectors,
+  Qi as GroupingColumnsPlugin,
+  en as GroupingRowsPlugin,
+  Ve as MasterDetailPlugin,
+  tn as MultiSortPlugin,
+  Oe as PLUGIN_QUERIES,
+  nn as PinnedColumnsPlugin,
+  rn as PinnedRowsPlugin,
+  P as PivotPlugin,
+  Rn as PluginEvents,
+  En as PluginManager,
+  ki as ROW_DRAG_HANDLE_FIELD,
+  Sn as RenderPhase,
+  on as ReorderPlugin,
+  sn as ResponsivePlugin,
+  an as RowReorderPlugin,
+  ln as SelectionPlugin,
+  dn as ServerSidePlugin,
+  cn as TreePlugin,
+  un as UndoRedoPlugin,
+  M as VisibilityPlugin,
+  kn as builtInSort,
+  An as createGrid,
+  _n as defaultComparator,
+  wt as defaultEditorFor,
+  ot as defaultPasteHandler,
+  Ln as queryGrid
 };
 //# sourceMappingURL=all.js.map