@toolbox-web/grid 1.9.1 → 1.10.0

package/all.js

@@ -1,20 +1,20 @@
-import { BaseGridPlugin as A, DEFAULT_GRID_ICONS as ht, a as gt, runAggregator as ee, e as Je, s as et, g as ue, r as ft, getAggregator as ye, getValueAggregator as pt, b as D, c as xe, d as mt } from "./index.js";
-import { DEFAULT_ANIMATION_CONFIG as Mn, DGEvents as Nn, DataGridElement as qn, FitModeEnum as Hn, GridCSSVars as Kn, GridClasses as zn, GridDataAttrs as On, DataGridElement as Gn, GridSelectors as Bn, PLUGIN_QUERIES as Vn, PluginEvents as Wn, PluginManager as $n, RenderPhase as jn, builtInSort as Un, createGrid as Yn, defaultComparator as Xn, queryGrid as Zn } from "./index.js";
-const tt = "__tbw_expander", wt = 32;
-function pe(s) {
-  return s.field === tt;
+import { BaseGridPlugin as A, DEFAULT_GRID_ICONS as ht, runAggregator as ee, e as Je, s as et, g as ue, r as gt, getAggregator as ye, getValueAggregator as ft, a as D, c as xe, b as pt } from "./index.js";
+import { DEFAULT_ANIMATION_CONFIG as Dn, DGEvents as Mn, DataGridElement as Nn, FitModeEnum as qn, GridCSSVars as Hn, GridClasses as Kn, GridDataAttrs as zn, DataGridElement as On, GridSelectors as Gn, PLUGIN_QUERIES as Bn, PluginEvents as Vn, PluginManager as Wn, RenderPhase as $n, builtInSort as jn, createGrid as Un, defaultComparator as Yn, queryGrid as Xn } from "./index.js";
+const tt = "__tbw_expander", mt = 32;
+function pe(a) {
+  return a.field === tt;
 }
-function q(s) {
-  return s.meta?.utility === !0;
+function q(a) {
+  return a.meta?.utility === !0;
 }
-function bt(s) {
-  return s.find(pe);
+function wt(a) {
+  return a.find(pe);
 }
-function vt(s) {
+function bt(a) {
   return {
     field: tt,
     header: "",
-    width: wt,
+    width: mt,
     resizable: !1,
     sortable: !1,
     filterable: !1,
@@ -22,44 +22,44 @@ function vt(s) {
       lockPosition: !0,
       suppressMovable: !0,
       expanderColumn: !0,
-      expanderPlugin: s,
+      expanderPlugin: a,
       utility: !0
     }
   };
 }
-async function te(s) {
+async function te(a) {
   try {
-    return await navigator.clipboard.writeText(s), !0;
+    return await navigator.clipboard.writeText(a), !0;
   } catch {
     const e = document.createElement("textarea");
-    e.value = s, e.style.position = "fixed", e.style.opacity = "0", e.style.pointerEvents = "none", document.body.appendChild(e), e.select();
+    e.value = a, e.style.position = "fixed", e.style.opacity = "0", e.style.pointerEvents = "none", document.body.appendChild(e), e.select();
     const t = document.execCommand("copy");
     return document.body.removeChild(e), t;
   }
 }
-function Ce(s, e) {
+function Ce(a, e) {
   const t = e.delimiter ?? "	", i = e.newline ?? `
-`, n = s.replace(/\r\n/g, `
+`, n = a.replace(/\r\n/g, `
 `).replace(/\r/g, `
 `), r = [];
-  let o = [], a = "", l = !1;
+  let o = [], s = "", l = !1;
   for (let d = 0; d < n.length; d++) {
     const c = n[d];
-    c === '"' && !l ? l = !0 : c === '"' && l ? n[d + 1] === '"' ? (a += '"', d++) : l = !1 : c === t && !l ? (o.push(a), a = "") : c === i && !l ? (o.push(a), a = "", (o.length > 1 || o.some((u) => u.trim() !== "")) && r.push(o), o = []) : a += c;
+    c === '"' && !l ? l = !0 : c === '"' && l ? n[d + 1] === '"' ? (s += '"', d++) : l = !1 : c === t && !l ? (o.push(s), s = "") : c === i && !l ? (o.push(s), s = "", (o.length > 1 || o.some((u) => u.trim() !== "")) && r.push(o), o = []) : s += c;
   }
-  return o.push(a), (o.length > 1 || o.some((d) => d.trim() !== "")) && r.push(o), r;
+  return o.push(s), (o.length > 1 || o.some((d) => d.trim() !== "")) && r.push(o), r;
 }
-async function yt() {
+async function vt() {
   try {
     return await navigator.clipboard.readText();
   } catch {
     return "";
   }
 }
-function xt(s, e) {
-  const { rows: t, target: i, fields: n } = s;
+function yt(a, e) {
+  const { rows: t, target: i, fields: n } = a;
   if (!i) return;
-  const r = e.rows, o = e.effectiveConfig.columns ?? [], a = o.map((u) => u.field), l = /* @__PURE__ */ new Map();
+  const r = e.rows, o = e.effectiveConfig.columns ?? [], s = o.map((u) => u.field), l = /* @__PURE__ */ new Map();
   o.forEach((u) => {
     l.set(u.field, u.editable === !0);
   });
@@ -72,7 +72,7 @@ function xt(s, e) {
           return;
       } else for (; g >= d.length; ) {
         const f = {};
-        a.forEach((p) => f[p] = ""), d.push(f);
+        s.forEach((p) => f[p] = ""), d.push(f);
       }
       d[g] = { ...d[g] }, u.forEach((f, p) => {
         const w = n[p];
@@ -81,7 +81,7 @@ function xt(s, e) {
     }
   }), e.rows = d;
 }
-class mn extends A {
+class pn extends A {
   static dependencies = [
     { name: "selection", required: !1, reason: "Enables copy/paste of selected cells instead of entire grid" }
   ];
@@ -113,8 +113,8 @@ class mn extends A {
     const t = this.#n(), i = this.columns.length - 1, n = this.rows.length - 1;
     let r;
     if (t && t.ranges.length > 0) {
-      const { mode: a, ranges: l } = t, d = l[l.length - 1];
-      a === "row" ? r = {
+      const { mode: s, ranges: l } = t, d = l[l.length - 1];
+      s === "row" ? r = {
         startRow: d.from.row,
         startCol: 0,
         endRow: d.to.row,
@@ -128,9 +128,9 @@ class mn extends A {
     } else if (!t)
       r = { startRow: 0, startCol: 0, endRow: n, endCol: i };
     else {
-      const a = this.#r(e);
-      if (!a) return;
-      r = { startRow: a.row, startCol: a.col, endRow: a.row, endCol: a.col };
+      const s = this.#o(e);
+      if (!s) return;
+      r = { startRow: s.row, startCol: s.col, endRow: s.row, endCol: s.col };
     }
     const o = this.#i(r);
     te(o.text).then(() => {
@@ -145,31 +145,31 @@ class mn extends A {
     const t = e.clipboardData?.getData("text/plain");
     if (!t) return;
     e.preventDefault();
-    const i = Ce(t, this.config), n = this.#n(), r = n?.ranges?.[0], o = r?.from.row ?? 0, a = r?.from.col ?? 0, d = r && (n?.mode === "range" || n?.mode === "row") && (r.from.row !== r.to.row || r.from.col !== r.to.col) ? { endRow: r.to.row, endCol: r.to.col } : null, c = d?.endCol ?? this.columns.length - 1, u = this.columns[a], h = u ? { row: o, col: a, field: u.field, bounds: d } : null, g = [], f = i[0]?.length ?? 0;
-    for (let w = 0; w < f && a + w <= c; w++) {
-      const b = this.columns[a + w];
+    const i = Ce(t, this.config), n = this.#n(), r = n?.ranges?.[0], o = r?.from.row ?? 0, s = r?.from.col ?? 0, d = r && (n?.mode === "range" || n?.mode === "row") && (r.from.row !== r.to.row || r.from.col !== r.to.col) ? { endRow: r.to.row, endCol: r.to.col } : null, c = d?.endCol ?? this.columns.length - 1, u = this.columns[s], h = u ? { row: o, col: s, field: u.field, bounds: d } : null, g = [], f = i[0]?.length ?? 0;
+    for (let w = 0; w < f && s + w <= c; w++) {
+      const b = this.columns[s + w];
       b && !b.hidden && g.push(b.field);
     }
     const p = { rows: i, text: t, target: h, fields: g };
-    this.emit("paste", p), this.#o(p);
+    this.emit("paste", p), this.#s(p);
   }
-  #o(e) {
+  #s(e) {
     if (!this.grid) return;
     const { pasteHandler: t } = this.config;
     if (t === null) return;
-    (t ?? xt)(e, this.grid);
+    (t ?? yt)(e, this.grid);
   }
   #n() {
     return this.grid?.query("getSelection", void 0)?.[0];
   }
   #i(e) {
-    const { startRow: t, startCol: i, endRow: n, endCol: r } = e, o = Math.min(t, n), a = Math.max(t, n), l = Math.min(i, r), d = Math.max(i, r), c = this.config.delimiter ?? "	", u = this.config.newline ?? `
+    const { startRow: t, startCol: i, endRow: n, endCol: r } = e, o = Math.min(t, n), s = Math.max(t, n), l = Math.min(i, r), d = Math.max(i, r), c = this.config.delimiter ?? "	", u = this.config.newline ?? `
 `, h = [], g = this.columns.slice(l, d + 1).filter((f) => !q(f));
     if (this.config.includeHeaders) {
       const f = g.map((p) => p.header || p.field);
       h.push(f.join(c));
     }
-    for (let f = o; f <= a; f++) {
+    for (let f = o; f <= s; f++) {
       const p = this.rows[f];
       if (!p) continue;
       const w = g.map((b) => {
@@ -180,18 +180,18 @@ class mn extends A {
     }
     return {
       text: h.join(u),
-      rowCount: a - o + 1,
+      rowCount: s - o + 1,
       columnCount: d - l + 1
     };
   }
-  #r(e) {
+  #o(e) {
     const t = e.closest("[data-field-cache]");
     if (!t) return null;
     const i = t.dataset.fieldCache, n = t.dataset.row;
     if (!i || !n) return null;
     const r = parseInt(n, 10);
     if (isNaN(r)) return null;
-    const o = this.columns.findIndex((a) => a.field === i);
+    const o = this.columns.findIndex((s) => s.field === i);
     return o === -1 ? null : { row: r, col: o };
   }
   async copy() {
@@ -211,7 +211,7 @@ class mn extends A {
   }
   async copyRows(e) {
     if (e.length === 0) return "";
-    const t = [...e].sort((o, a) => o - a), i = this.columns.length - 1, n = {
+    const t = [...e].sort((o, s) => o - s), i = this.columns.length - 1, n = {
       startRow: t[0],
       startCol: 0,
       endRow: t[t.length - 1],
@@ -220,7 +220,7 @@ class mn extends A {
     return await te(r.text), this.lastCopied = { text: r.text, timestamp: Date.now() }, r.text;
   }
   async paste() {
-    const e = await yt();
+    const e = await vt();
     return e ? Ce(e, this.config) : null;
   }
   getLastCopied() {
@@ -228,37 +228,37 @@ class mn extends A {
   }
 }
 const Ee = 100;
-function me(s) {
-  if (s == null)
+function me(a) {
+  if (a == null)
     return Ee;
-  if (typeof s == "number")
-    return s;
-  const e = parseFloat(s);
+  if (typeof a == "number")
+    return a;
+  const e = parseFloat(a);
   return isNaN(e) ? Ee : e;
 }
-function Re(s) {
-  return s.map((e) => me(e.width));
+function Re(a) {
+  return a.map((e) => me(e.width));
 }
-function Se(s) {
+function Se(a) {
   const e = [];
   let t = 0;
-  for (const i of s)
+  for (const i of a)
     e.push(t), t += me(i.width);
   return e;
 }
-function ke(s) {
-  return s.reduce((e, t) => e + me(t.width), 0);
+function ke(a) {
+  return a.reduce((e, t) => e + me(t.width), 0);
 }
-function Ct(s, e, t, i, n) {
+function xt(a, e, t, i, n) {
   const r = t.length;
   if (r === 0)
     return { startCol: 0, endCol: 0, visibleColumns: [] };
-  let o = Et(s, t, i);
+  let o = Ct(a, t, i);
   o = Math.max(0, o - n);
-  const a = s + e;
+  const s = a + e;
   let l = o;
   for (let c = o; c < r; c++) {
-    if (t[c] >= a) {
+    if (t[c] >= s) {
       l = c - 1;
       break;
     }
@@ -270,18 +270,18 @@ function Ct(s, e, t, i, n) {
     d.push(c);
   return { startCol: o, endCol: l, visibleColumns: d };
 }
-function Et(s, e, t) {
+function Ct(a, e, t) {
   let i = 0, n = e.length - 1;
   for (; i < n; ) {
     const r = Math.floor((i + n) / 2);
-    e[r] + t[r] <= s ? i = r + 1 : n = r;
+    e[r] + t[r] <= a ? i = r + 1 : n = r;
   }
   return i;
 }
-function Rt(s, e, t) {
-  return t ? s > e : !1;
+function Et(a, e, t) {
+  return t ? a > e : !1;
 }
-class wn extends A {
+class mn extends A {
   name = "columnVirtualization";
   get defaultConfig() {
     return {
@@ -297,40 +297,60 @@ class wn extends A {
   totalWidth = 0;
   columnWidths = [];
   columnOffsets = [];
+  originalColumns = [];
   attach(e) {
     super.attach(e);
     const t = this.columns;
     this.columnWidths = Re(t), this.columnOffsets = Se(t), this.totalWidth = ke(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;
+    this.#e(), this.columnWidths = [], this.columnOffsets = [], this.originalColumns = [], this.isVirtualized = !1, this.startCol = 0, this.endCol = 0, this.scrollLeft = 0, this.totalWidth = 0;
+  }
+  #e() {
+    const e = this.gridElement;
+    if (!e) return;
+    const t = e.querySelector(".header-row");
+    t && (t.style.paddingLeft = "", t.style.minWidth = ""), e.querySelectorAll(".data-grid-row").forEach((o) => {
+      o.style.paddingLeft = "";
+    });
+    const n = e.querySelector(".rows-viewport .rows");
+    n && (n.style.width = "");
+    const r = e.querySelector(".rows-body");
+    r && (r.style.minWidth = "");
   }
   processColumns(e) {
-    const t = Rt(e.length, this.config.threshold ?? 30, this.config.autoEnable ?? !0);
-    if (this.isVirtualized = t ?? !1, this.columnWidths = Re(e), this.columnOffsets = Se(e), this.totalWidth = ke(e), !t)
-      return this.startCol = 0, this.endCol = e.length - 1, [...e];
-    const i = this.grid.clientWidth || 800, n = Ct(
+    (this.originalColumns.length === 0 || e.length > this.originalColumns.length) && (this.originalColumns = e, this.columnWidths = Re(e), this.columnOffsets = Se(e), this.totalWidth = ke(e));
+    const i = this.originalColumns, n = Et(
+      i.length,
+      this.config.threshold ?? 30,
+      this.config.autoEnable ?? !0
+    );
+    if (this.isVirtualized = n ?? !1, !n)
+      return this.startCol = 0, this.endCol = i.length - 1, [...i];
+    const r = this.grid.clientWidth || 800, o = xt(
       this.scrollLeft,
-      i,
+      r,
       this.columnOffsets,
       this.columnWidths,
       this.config.overscan ?? 3
     );
-    return this.startCol = n.startCol, this.endCol = n.endCol, n.visibleColumns.map((r) => e[r]);
+    return this.startCol = o.startCol, this.endCol = o.endCol, o.visibleColumns.map((s) => i[s]);
   }
   afterRender() {
     if (!this.isVirtualized) return;
     const e = this.gridElement;
     if (!e) return;
     const t = this.columnOffsets[this.startCol] ?? 0, i = e.querySelector(".header-row"), n = e.querySelectorAll(".data-grid-row");
-    i && (i.style.paddingLeft = `${t}px`), n.forEach((o) => {
-      o.style.paddingLeft = `${t}px`;
+    i && (i.style.paddingLeft = `${t}px`, i.style.minWidth = `${this.totalWidth}px`), n.forEach((s) => {
+      s.style.paddingLeft = `${t}px`;
     });
     const r = e.querySelector(".rows-viewport .rows");
     r && (r.style.width = `${this.totalWidth}px`);
+    const o = e.querySelector(".rows-body");
+    o && (o.style.minWidth = `${this.totalWidth}px`);
   }
   onScroll(e) {
-    !this.isVirtualized || Math.abs(e.scrollLeft - this.scrollLeft) < 1 || (this.scrollLeft = e.scrollLeft, this.requestRender());
+    !this.isVirtualized || Math.abs(e.scrollLeft - this.scrollLeft) < 1 || (this.scrollLeft = e.scrollLeft, this.requestColumnsRender());
   }
   getIsVirtualized() {
     return this.isVirtualized;
@@ -350,16 +370,16 @@ class wn extends A {
   }
 }
 const ie = "@layer tbw-plugins{.tbw-context-menu{position:fixed;background:var(--tbw-context-menu-bg, var(--tbw-color-panel-bg));color:var(--tbw-context-menu-fg, var(--tbw-color-fg));border:1px solid var(--tbw-context-menu-border, var(--tbw-color-border));border-radius:var(--tbw-context-menu-radius, var(--tbw-border-radius));box-shadow:var(--tbw-context-menu-shadow, 0 2px 10px var(--tbw-color-shadow));min-width:var(--tbw-context-menu-min-width, var(--tbw-menu-min-width));padding:var(--tbw-spacing-xs) 0;z-index:10000;font-size:var(--tbw-context-menu-font-size, var(--tbw-font-size-sm));font-family:var(--tbw-context-menu-font-family, var(--tbw-font-family))}.tbw-context-menu-item{display:flex;align-items:center;padding:var(--tbw-context-menu-item-padding, var(--tbw-menu-item-padding));cursor:pointer;gap:var(--tbw-context-menu-item-gap, var(--tbw-menu-item-gap))}.tbw-context-menu-item:hover:not(.disabled){background:var(--tbw-context-menu-hover, var(--tbw-color-row-hover))}.tbw-context-menu-item.disabled{opacity:.5;cursor:default}.tbw-context-menu-item.danger{color:var(--tbw-context-menu-danger, var(--tbw-color-danger))}.tbw-context-menu-icon{width:var(--tbw-context-menu-icon-size, var(--tbw-icon-size));text-align:center}.tbw-context-menu-label{flex:1}.tbw-context-menu-shortcut{color:var(--tbw-context-menu-muted, var(--tbw-color-fg-muted));font-size:var(--tbw-context-menu-shortcut-size, var(--tbw-font-size-xs))}.tbw-context-menu-arrow{font-size:var(--tbw-context-menu-arrow-size, var(--tbw-font-size-2xs));color:var(--tbw-context-menu-muted, var(--tbw-color-fg-muted))}.tbw-context-menu-separator{height:1px;background:var(--tbw-context-menu-border, var(--tbw-color-border));margin:var(--tbw-spacing-xs) 0}}";
-function he(s, e) {
-  return (typeof s == "function" ? s(e) : s).filter((i) => !(i.hidden === !0 || typeof i.hidden == "function" && i.hidden(e)));
+function he(a, e) {
+  return (typeof a == "function" ? a(e) : a).filter((i) => !(i.hidden === !0 || typeof i.hidden == "function" && i.hidden(e)));
 }
-function St(s, e) {
-  return s.disabled === !0 ? !0 : typeof s.disabled == "function" ? s.disabled(e) : !1;
+function Rt(a, e) {
+  return a.disabled === !0 ? !0 : typeof a.disabled == "function" ? a.disabled(e) : !1;
 }
-function ge(s, e, t, i = ht.submenuArrow) {
+function ge(a, e, t, i = ht.submenuArrow) {
   const n = document.createElement("div");
   n.className = "tbw-context-menu", n.setAttribute("role", "menu");
-  for (const r of s) {
+  for (const r of a) {
     if (r.separator) {
       const d = document.createElement("div");
       d.className = "tbw-context-menu-separator", d.setAttribute("role", "separator"), n.appendChild(d);
@@ -367,8 +387,8 @@ function ge(s, e, t, i = ht.submenuArrow) {
     }
     const o = document.createElement("div");
     o.className = "tbw-context-menu-item", r.cssClass && o.classList.add(r.cssClass), o.setAttribute("role", "menuitem"), o.setAttribute("data-id", r.id);
-    const a = St(r, e);
-    if (a && (o.classList.add("disabled"), o.setAttribute("aria-disabled", "true")), r.icon) {
+    const s = Rt(r, e);
+    if (s && (o.classList.add("disabled"), o.setAttribute("aria-disabled", "true")), r.icon) {
       const d = document.createElement("span");
       d.className = "tbw-context-menu-icon", d.innerHTML = r.icon, o.appendChild(d);
     }
@@ -388,17 +408,17 @@ function ge(s, e, t, i = ht.submenuArrow) {
         c && c.remove();
       });
     }
-    !a && r.action && !r.subMenu && o.addEventListener("click", (d) => {
+    !s && r.action && !r.subMenu && o.addEventListener("click", (d) => {
       d.stopPropagation(), t(r);
     }), n.appendChild(o);
   }
   return n;
 }
-function Ae(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";
+function Ae(a, e, t) {
+  a.style.position = "fixed", a.style.left = `${e}px`, a.style.top = `${t}px`, a.style.visibility = "hidden", a.style.zIndex = "10000";
+  const i = a.getBoundingClientRect(), n = window.innerWidth, r = window.innerHeight;
+  let o = e, s = t;
+  e + i.width > n && (o = e - i.width), t + i.height > r && (s = t - i.height), o = Math.max(0, o), s = Math.max(0, s), a.style.left = `${o}px`, a.style.top = `${s}px`, a.style.visibility = "visible";
 }
 let z = null, O = null, M = null, ne = 0;
 const re = [
@@ -406,16 +426,16 @@ const re = [
     id: "copy",
     name: "Copy",
     shortcut: "Ctrl+C",
-    action: (s) => {
-      s.grid?.plugins?.clipboard?.copy?.();
+    action: (a) => {
+      a.grid?.plugins?.clipboard?.copy?.();
     }
   },
   { separator: !0, id: "sep1", name: "" },
   {
     id: "export-csv",
     name: "Export CSV",
-    action: (s) => {
-      s.grid?.plugins?.export?.exportCsv?.();
+    action: (a) => {
+      a.grid?.plugins?.export?.exportCsv?.();
     }
   }
 ];
@@ -477,8 +497,8 @@ class it extends A {
     const i = getComputedStyle(t), n = [], r = i.getPropertyValue("color-scheme").trim();
     r && n.push(`color-scheme: ${r}`);
     for (const o of it.CSS_VARS_TO_COPY) {
-      const a = i.getPropertyValue(o).trim();
-      a && n.push(`${o}: ${a}`);
+      const s = i.getPropertyValue(o).trim();
+      s && n.push(`${o}: ${s}`);
     }
     if (n.length > 0) {
       const o = e.getAttribute("style") || "";
@@ -502,7 +522,7 @@ class it extends A {
     t && t.getAttribute("data-context-menu-bound") !== "true" && (t.setAttribute("data-context-menu-bound", "true"), t.addEventListener("contextmenu", (i) => {
       const n = i;
       n.preventDefault();
-      const r = n.target, o = r.closest("[data-row][data-col]"), a = r.closest(".header-cell");
+      const r = n.target, o = r.closest("[data-row][data-col]"), s = r.closest(".header-cell");
       let l;
       if (o) {
         const c = parseInt(o.getAttribute("data-row") ?? "-1", 10), u = parseInt(o.getAttribute("data-col") ?? "-1", 10), h = this.columns[u], g = this.rows[c];
@@ -516,8 +536,8 @@ class it extends A {
           isHeader: !1,
           event: n
         };
-      } else if (a) {
-        const c = parseInt(a.getAttribute("data-col") ?? "-1", 10), u = this.columns[c];
+      } else if (s) {
+        const c = parseInt(s.getAttribute("data-col") ?? "-1", 10), u = this.columns[c];
         l = {
           row: null,
           rowIndex: -1,
@@ -569,14 +589,14 @@ class it extends A {
     return this.isOpen;
   }
 }
-const kt = "@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 At(s) {
-  const e = s.options;
+const St = "@layer tbw-plugins{tbw-grid{--tbw-editing-bg: var(--tbw-color-selection);--tbw-editing-row-bg: var(--tbw-editing-bg);--tbw-editing-border: var(--tbw-border-input, 1px solid var(--tbw-color-border-strong));--tbw-padding-editing-input: var(--tbw-cell-padding-input, 2px 6px);--tbw-font-size-editor: inherit;--tbw-editing-row-outline-color: var(--tbw-color-accent);--tbw-editing-row-outline-width: 1px;.data-grid-row:has(.editing){background:var(--tbw-editing-row-bg);outline:var(--tbw-editing-row-outline-width) solid var(--tbw-editing-row-outline-color);outline-offset:calc(-1 * var(--tbw-editing-row-outline-width))}.data-grid-row>.cell.editing{overflow:hidden;padding:0;display:flex;min-height:calc(var(--tbw-row-height) + 2px);align-items:center;justify-content:center}.data-grid-row>.cell.editing input:not([type=checkbox]),.data-grid-row>.cell.editing select,.data-grid-row>.cell.editing textarea{width:100%;height:100%;flex:1 1 auto;min-width:0;border:var(--tbw-editing-border);padding:var(--tbw-padding-editing-input);font-size:var(--tbw-font-size-editor)}.tbw-editor-host{display:contents}--tbw-invalid-bg: light-dark(#fef2f2, #450a0a);--tbw-invalid-border-color: light-dark(#ef4444, #f87171);.data-grid-row>.cell[data-invalid=true]{background:var(--tbw-invalid-bg);outline:1px solid var(--tbw-invalid-border-color);outline-offset:-1px}}}";
+function kt(a) {
+  const e = a.options;
   return e ? typeof e == "function" ? e() : e : [];
 }
-function _t(s) {
+function At(a) {
   return (e) => {
-    const t = s.editorParams, i = document.createElement("input");
+    const t = a.editorParams, i = document.createElement("input");
     i.type = "number", i.value = e.value != null ? String(e.value) : "", t?.min !== void 0 && (i.min = String(t.min)), t?.max !== void 0 && (i.max = String(t.max)), t?.step !== void 0 && (i.step = String(t.step)), t?.placeholder && (i.placeholder = t.placeholder);
     const n = () => e.commit(i.value === "" ? null : Number(i.value));
     return i.addEventListener("blur", n), i.addEventListener("keydown", (r) => {
@@ -584,34 +604,38 @@ function _t(s) {
     }), i;
   };
 }
-function Tt() {
-  return (s) => {
+function _t() {
+  return (a) => {
     const e = document.createElement("input");
-    return e.type = "checkbox", e.checked = !!s.value, e.addEventListener("change", () => s.commit(e.checked)), e;
+    return e.type = "checkbox", e.checked = !!a.value, e.addEventListener("change", () => a.commit(e.checked)), e;
   };
 }
-function Lt(s) {
+function Tt(a) {
   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) => {
-      n.key === "Escape" && e.cancel();
+    const t = a.editorParams, i = document.createElement("input");
+    i.type = "date", e.value instanceof Date ? i.valueAsDate = e.value : typeof e.value == "string" && e.value && (i.value = e.value.split("T")[0]), t?.min && (i.min = t.min), t?.max && (i.max = t.max), t?.placeholder && (i.placeholder = t.placeholder);
+    const n = () => {
+      typeof e.value == "string" ? e.commit(i.value) : e.commit(i.valueAsDate);
+    };
+    return i.addEventListener("change", n), i.addEventListener("keydown", (r) => {
+      r.key === "Escape" && e.cancel();
     }), i;
   };
 }
-function Ft(s) {
+function Lt(a) {
   return (e) => {
-    const t = s.editorParams, i = document.createElement("select");
-    if (s.multi && (i.multiple = !0), t?.includeEmpty) {
+    const t = a.editorParams, i = document.createElement("select");
+    if (a.multi && (i.multiple = !0), t?.includeEmpty) {
       const o = document.createElement("option");
       o.value = "", o.textContent = t.emptyLabel ?? "", i.appendChild(o);
     }
-    At(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);
+    kt(a).forEach((o) => {
+      const s = document.createElement("option");
+      s.value = String(o.value), s.textContent = o.label, (a.multi && Array.isArray(e.value) && e.value.includes(o.value) || !a.multi && e.value === o.value) && (s.selected = !0), i.appendChild(s);
     });
     const r = () => {
-      if (s.multi) {
-        const o = Array.from(i.selectedOptions).map((a) => a.value);
+      if (a.multi) {
+        const o = Array.from(i.selectedOptions).map((s) => s.value);
         e.commit(o);
       } else
         e.commit(i.value);
@@ -621,65 +645,70 @@ function Ft(s) {
     }), i;
   };
 }
-function It(s) {
+function It(a) {
   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) => {
-      n.key === "Enter" && e.commit(i.value), n.key === "Escape" && e.cancel();
+    const t = a.editorParams, i = document.createElement("input");
+    i.type = "text", i.value = e.value != null ? String(e.value) : "", t?.maxLength !== void 0 && (i.maxLength = t.maxLength), t?.pattern && (i.pattern = t.pattern), t?.placeholder && (i.placeholder = t.placeholder);
+    const n = () => {
+      const r = i.value;
+      typeof e.value == "number" && r !== "" ? e.commit(Number(r)) : e.commit(r);
+    };
+    return i.addEventListener("blur", n), i.addEventListener("keydown", (r) => {
+      r.key === "Enter" && n(), r.key === "Escape" && e.cancel();
     }), i;
   };
 }
-function Pt(s) {
-  switch (s.type) {
+function Ft(a) {
+  switch (a.type) {
     case "number":
-      return _t(s);
+      return At(a);
     case "boolean":
-      return Tt();
+      return _t();
     case "date":
-      return Lt(s);
+      return Tt(a);
     case "select":
-      return Ft(s);
+      return Lt(a);
     default:
-      return It(s);
+      return It(a);
   }
 }
 const oe = 'input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])';
-function Dt(s, e) {
+function Pt(a, e) {
   if (e.editor) return e.editor;
   if (e.__editorTemplate) return "template";
   if (!e.type) return;
-  const i = s.effectiveConfig?.typeDefaults;
+  const i = a.effectiveConfig?.typeDefaults;
   if (i?.[e.type]?.editor)
     return i[e.type].editor;
-  const n = s.__frameworkAdapter;
+  const n = a.__frameworkAdapter;
   if (n?.getTypeDefault) {
     const r = n.getTypeDefault(e.type);
     if (r?.editor)
       return r.editor;
   }
 }
-function $(s) {
-  return !(typeof s != "string" || s === "__proto__" || s === "constructor" || s === "prototype");
+function $(a) {
+  return !(typeof a != "string" || a === "__proto__" || a === "constructor" || a === "prototype");
 }
-function Mt(s) {
-  const e = (s.__editingCellCount ?? 0) + 1;
-  s.__editingCellCount = e, s.setAttribute("data-has-editing", "");
+function Dt(a) {
+  const e = (a.__editingCellCount ?? 0) + 1;
+  a.__editingCellCount = e, a.setAttribute("data-has-editing", "");
 }
-function Nt(s) {
-  s.__editingCellCount = 0, s.removeAttribute("data-has-editing");
+function Mt(a) {
+  a.__editingCellCount = 0, a.removeAttribute("data-has-editing");
 }
-function U(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 U(a, e, t) {
+  return a instanceof HTMLInputElement ? a.type === "checkbox" ? a.checked : a.type === "number" ? a.value === "" ? null : Number(a.value) : a.type === "date" ? typeof t == "string" ? a.value : a.valueAsDate : typeof t == "number" ? a.value === "" ? null : Number(a.value) : a.value : e?.type === "number" && a.value !== "" || typeof t == "number" && a.value !== "" ? Number(a.value) : a.value;
 }
-function _e(s) {
+function _e(a) {
 }
-function qt(s, e, t) {
-  const i = s.querySelector("input,textarea,select");
-  i && (i.addEventListener("blur", () => {
-    t(U(i, e));
-  }), i instanceof HTMLInputElement && i.type === "checkbox" ? i.addEventListener("change", () => t(i.checked)) : i instanceof HTMLSelectElement && i.addEventListener("change", () => t(U(i, e))));
+function Nt(a, e, t, i) {
+  const n = a.querySelector("input,textarea,select");
+  n && (n.addEventListener("blur", () => {
+    t(U(n, e, i));
+  }), n instanceof HTMLInputElement && n.type === "checkbox" ? n.addEventListener("change", () => t(n.checked)) : n instanceof HTMLSelectElement && n.addEventListener("change", () => t(U(n, e, i))));
 }
-class bn extends A {
+class wn extends A {
   static manifest = {
     ownedProperties: [
       {
@@ -713,7 +742,7 @@ class bn extends A {
     ]
   };
   name = "editing";
-  styles = kt;
+  styles = St;
   get defaultConfig() {
     return {
       editOn: "click"
@@ -721,10 +750,12 @@ class bn extends A {
   }
   #e = -1;
   #t = -1;
-  #o = /* @__PURE__ */ new Map();
+  #s = /* @__PURE__ */ new Map();
   #n = /* @__PURE__ */ new Set();
   #i = /* @__PURE__ */ new Set();
-  #r = !1;
+  #o = !1;
+  #d = -1;
+  #r = /* @__PURE__ */ new Map();
   attach(e) {
     super.attach(e);
     const t = this.disconnectSignal, i = e;
@@ -739,7 +770,7 @@ class bn extends A {
     }, document.addEventListener(
       "keydown",
       (n) => {
-        n.key === "Escape" && this.#e !== -1 && this.#a(this.#e, !0);
+        n.key === "Escape" && this.#e !== -1 && this.#l(this.#e, !0);
       },
       { capture: !0, signal: t }
     ), document.addEventListener(
@@ -748,14 +779,14 @@ class bn extends A {
         if (this.#e === -1) return;
         const r = i.findRenderedRowElement?.(this.#e);
         !r || (n.composedPath && n.composedPath() || []).includes(r) || queueMicrotask(() => {
-          this.#e !== -1 && this.#a(this.#e, !1);
+          this.#e !== -1 && this.#l(this.#e, !1);
         });
       },
       { signal: t }
     );
   }
   detach() {
-    this.#e = -1, this.#t = -1, this.#o.clear(), this.#n.clear(), this.#i.clear(), super.detach();
+    this.#e = -1, this.#t = -1, this.#s.clear(), this.#n.clear(), this.#i.clear(), super.detach();
   }
   handleQuery(e) {
     if (e.type === "isEditing")
@@ -767,21 +798,21 @@ class bn extends A {
     const n = e.originalEvent.type === "dblclick";
     if (i === "click" && n || i === "dblclick" && !n) return !1;
     const { rowIndex: r } = e;
-    return t._columns?.some((a) => a.editable) ? (e.originalEvent.stopPropagation(), this.beginBulkEdit(r), !0) : !1;
+    return t._columns?.some((s) => s.editable) ? (e.originalEvent.stopPropagation(), this.beginBulkEdit(r), !0) : !1;
   }
   onKeyDown(e) {
     const t = this.grid;
     if (e.key === "Escape" && this.#e !== -1)
-      return this.#a(this.#e, !0), !0;
+      return this.#l(this.#e, !0), !0;
     if (e.key === " " || e.key === "Spacebar") {
       const i = t._focusRow, n = t._focusCol;
       if (i >= 0 && n >= 0) {
         const r = t._visibleColumns[n], o = t._rows[i];
         if (r?.editable && r.type === "boolean" && o) {
-          const a = r.field;
-          if ($(a)) {
-            const d = !o[a];
-            return this.#u(i, r, d, o), e.preventDefault(), this.requestRender(), !0;
+          const s = r.field;
+          if ($(s)) {
+            const d = !o[s];
+            return this.#a(i, r, d, o), e.preventDefault(), this.requestRender(), !0;
           }
         }
       }
@@ -793,8 +824,8 @@ class bn extends A {
       const i = this.config.editOn ?? t.effectiveConfig?.editOn;
       if (i === !1 || i === "manual") return !1;
       const n = t._focusRow, r = t._focusCol;
-      if (n >= 0 && t._columns?.some((a) => a.editable)) {
-        const a = t._visibleColumns[r], l = t._rows[n], d = a?.field ?? "", c = d && l ? l[d] : void 0, u = this.gridElement.querySelector(`[data-row="${n}"][data-col="${r}"]`), h = new CustomEvent("cell-activate", {
+      if (n >= 0 && t._columns?.some((s) => s.editable)) {
+        const s = t._visibleColumns[r], l = t._rows[n], d = s?.field ?? "", c = d && l ? l[d] : void 0, u = this.gridElement.querySelector(`[data-row="${n}"][data-col="${r}"]`), h = new CustomEvent("cell-activate", {
           cancelable: !0,
           bubbles: !0,
           detail: {
@@ -826,8 +857,8 @@ class bn extends A {
       if (!r.type) return r;
       let o;
       if (i?.[r.type]?.editorParams && (o = i[r.type].editorParams), !o && n?.getTypeDefault) {
-        const a = n.getTypeDefault(r.type);
-        a?.editorParams && (o = a.editorParams);
+        const s = n.getTypeDefault(r.type);
+        s?.editorParams && (o = s.editorParams);
       }
       return o ? {
         ...r,
@@ -837,14 +868,18 @@ class bn extends A {
   }
   afterRender() {
     const e = this.grid;
-    if (this.#r && (this.#r = !1, this.#l(e)), this.#i.size !== 0)
+    if (this.#o && (this.#o = !1, this.#m(e)), this.#d !== -1) {
+      const t = this.#d;
+      this.#d = -1, e.animateRow?.(t, "change");
+    }
+    if (this.#i.size !== 0)
       for (const t of this.#i) {
-        const [i, n] = t.split(":"), r = parseInt(i, 10), o = parseInt(n, 10), a = e.findRenderedRowElement?.(r);
-        if (!a) continue;
-        const l = a.querySelector(`.cell[data-col="${o}"]`);
+        const [i, n] = t.split(":"), r = parseInt(i, 10), o = parseInt(n, 10), s = e.findRenderedRowElement?.(r);
+        if (!s) continue;
+        const l = s.querySelector(`.cell[data-col="${o}"]`);
         if (!l || l.classList.contains("editing")) continue;
         const d = e._rows[r], c = e._visibleColumns[o];
-        d && c && this.#g(d, r, c, o, l, !0);
+        d && c && this.#f(d, r, c, o, l, !0);
       }
   }
   onScrollRender() {
@@ -886,32 +921,86 @@ class bn extends A {
   isRowChangedById(e) {
     return this.#n.has(e);
   }
+  setInvalid(e, t, i = "") {
+    let n = this.#r.get(e);
+    n || (n = /* @__PURE__ */ new Map(), this.#r.set(e, n)), n.set(t, i), this.#c(e, t, !0);
+  }
+  clearInvalid(e, t) {
+    const i = this.#r.get(e);
+    i && (i.delete(t), i.size === 0 && this.#r.delete(e)), this.#c(e, t, !1);
+  }
+  clearRowInvalid(e) {
+    const t = this.#r.get(e);
+    if (t) {
+      const i = Array.from(t.keys());
+      this.#r.delete(e), i.forEach((n) => this.#c(e, n, !1));
+    }
+  }
+  clearAllInvalid() {
+    const e = Array.from(this.#r.entries());
+    this.#r.clear(), e.forEach(([t, i]) => {
+      i.forEach((n, r) => this.#c(t, r, !1));
+    });
+  }
+  isCellInvalid(e, t) {
+    return this.#r.get(e)?.has(t) ?? !1;
+  }
+  getInvalidMessage(e, t) {
+    return this.#r.get(e)?.get(t);
+  }
+  hasInvalidCells(e) {
+    const t = this.#r.get(e);
+    return t ? t.size > 0 : !1;
+  }
+  getInvalidFields(e) {
+    return new Map(this.#r.get(e) ?? []);
+  }
+  #c(e, t, i) {
+    const n = this.grid, r = n._visibleColumns?.findIndex((c) => c.field === t);
+    if (r === -1 || r === void 0) return;
+    const s = n._rows?.findIndex((c) => {
+      try {
+        return n.getRowId?.(c) === e;
+      } catch {
+        return !1;
+      }
+    });
+    if (s === -1 || s === void 0) return;
+    const d = n.findRenderedRowElement?.(s)?.querySelector(`.cell[data-col="${r}"]`);
+    if (d)
+      if (i) {
+        d.setAttribute("data-invalid", "true");
+        const c = this.#r.get(e)?.get(t);
+        c && d.setAttribute("title", c);
+      } else
+        d.removeAttribute("data-invalid"), d.removeAttribute("title");
+  }
   resetChangedRows(e) {
     const t = this.changedRows, i = this.changedRowIds;
-    this.#n.clear(), this.#s(), e || this.emit("changed-rows-reset", { rows: t, ids: i }), this.grid._rowPool?.forEach((r) => r.classList.remove("changed"));
+    this.#n.clear(), this.#h(), e || this.emit("changed-rows-reset", { rows: t, ids: i }), this.grid._rowPool?.forEach((r) => r.classList.remove("changed"));
   }
   beginCellEdit(e, t) {
     const i = this.grid, n = i._visibleColumns.findIndex((l) => l.field === t);
     if (n === -1 || !i._visibleColumns[n]?.editable) return;
-    const a = i.findRenderedRowElement?.(e)?.querySelector(`.cell[data-col="${n}"]`);
-    a && this.#d(e, n, a);
+    const s = i.findRenderedRowElement?.(e)?.querySelector(`.cell[data-col="${n}"]`);
+    s && this.#w(e, n, s);
   }
   beginBulkEdit(e) {
     const t = this.grid;
-    if ((this.config.editOn ?? t.effectiveConfig?.editOn) === !1 || !t._columns?.some((a) => a.editable)) return;
+    if ((this.config.editOn ?? t.effectiveConfig?.editOn) === !1 || !t._columns?.some((s) => s.editable)) return;
     const r = t.findRenderedRowElement?.(e);
     if (!r) return;
     const o = t._rows[e];
-    this.#c(e, o), Array.from(r.children).forEach((a, l) => {
+    this.#p(e, o), Array.from(r.children).forEach((s, l) => {
       const d = t._visibleColumns[l];
       if (d?.editable) {
-        const c = a;
-        c.classList.contains("editing") || this.#g(o, e, d, l, c, !0);
+        const c = s;
+        c.classList.contains("editing") || this.#f(o, e, d, l, c, !0);
       }
     }), setTimeout(() => {
-      let a = r.querySelector(`.cell[data-col="${t._focusCol}"]`);
-      if (a?.classList.contains("editing") || (a = r.querySelector(".cell.editing")), a?.classList.contains("editing")) {
-        const l = a.querySelector(oe);
+      let s = r.querySelector(`.cell[data-col="${t._focusCol}"]`);
+      if (s?.classList.contains("editing") || (s = r.querySelector(".cell.editing")), s?.classList.contains("editing")) {
+        const l = s.querySelector(oe);
         try {
           l?.focus({ preventScroll: !0 });
         } catch {
@@ -920,29 +1009,29 @@ class bn extends A {
     }, 0);
   }
   commitActiveRowEdit() {
-    this.#e !== -1 && this.#a(this.#e, !1);
+    this.#e !== -1 && this.#l(this.#e, !1);
   }
   cancelActiveRowEdit() {
-    this.#e !== -1 && this.#a(this.#e, !0);
+    this.#e !== -1 && this.#l(this.#e, !0);
   }
-  #d(e, t, i) {
+  #w(e, t, i) {
     const n = this.grid, r = n._rows[e], o = n._visibleColumns[t];
-    !r || !o?.editable || i.classList.contains("editing") || (this.#e !== e && this.#c(e, r), this.#t = t, this.#g(r, e, o, t, i, !1));
+    !r || !o?.editable || i.classList.contains("editing") || (this.#e !== e && this.#p(e, r), this.#t = t, this.#f(r, e, o, t, i, !1));
   }
-  #s() {
+  #h() {
     const e = this.grid;
-    e._activeEditRows = this.#e, e._rowEditSnapshots = this.#o;
+    e._activeEditRows = this.#e, e._rowEditSnapshots = this.#s;
   }
-  #c(e, t) {
-    this.#e !== e && (this.#o.set(e, { ...t }), this.#e = e, this.#s());
+  #p(e, t) {
+    this.#e !== e && (this.#s.set(e, { ...t }), this.#e = e, this.#h());
   }
-  #a(e, t) {
+  #l(e, t) {
     if (this.#e !== e) return;
-    const i = this.grid, n = this.#o.get(e), r = i._rows[e], o = i.findRenderedRowElement?.(e);
-    let a;
+    const i = this.grid, n = this.#s.get(e), r = i._rows[e], o = i.findRenderedRowElement?.(e);
+    let s;
     if (r)
       try {
-        a = i.getRowId?.(r);
+        s = i.getRowId?.(r);
       } catch {
       }
     if (!t && o && r && o.querySelectorAll(".cell.editing").forEach((d) => {
@@ -952,43 +1041,52 @@ class bn extends A {
       if (!u) return;
       const h = d.querySelector("input,textarea,select");
       if (h) {
-        const g = U(h, u);
-        r[u.field] !== g && this.#u(e, u, g, r);
+        const g = u.field, f = r[g], p = U(h, u, f);
+        f !== p && this.#a(e, u, p, r);
       }
     }), t && n && r)
       Object.keys(n).forEach((l) => {
         r[l] = n[l];
-      }), a && this.#n.delete(a);
+      }), s && (this.#n.delete(s), this.clearRowInvalid(s));
     else if (!t && r) {
-      const l = a ? this.#n.has(a) : !1;
-      this.emit("row-commit", {
+      const l = this.#g(n, r), d = s ? this.#n.has(s) : l, c = this.emitCancelable("row-commit", {
         rowIndex: e,
-        rowId: a ?? "",
+        rowId: s ?? "",
         row: r,
-        changed: l,
+        oldValue: n,
+        newValue: r,
+        changed: d,
         changedRows: this.changedRows,
         changedRowIds: this.changedRowIds
-      }), l && this.isAnimationEnabled && i.animateRow?.(e, "change");
+      });
+      c && n ? (Object.keys(n).forEach((u) => {
+        r[u] = n[u];
+      }), s && (this.#n.delete(s), this.clearRowInvalid(s))) : !c && l && this.isAnimationEnabled && (this.#d = e);
     }
-    this.#o.delete(e), this.#e = -1, this.#t = -1, this.#s();
+    this.#s.delete(e), this.#e = -1, this.#t = -1, this.#h();
     for (const l of this.#i)
       l.startsWith(`${e}:`) && this.#i.delete(l);
     o && (o.querySelectorAll(".cell.editing").forEach((l) => {
-      l.classList.remove("editing"), Nt(l.parentElement);
-    }), this.requestRender()), this.#r = !0, o || (this.#l(i), this.#r = !1);
+      l.classList.remove("editing"), Mt(l.parentElement);
+    }), this.requestRender()), this.#o = !0, o || (this.#m(i), this.#o = !1);
   }
-  #u(e, t, i, n) {
+  #a(e, t, i, n) {
     const r = t.field;
     if (!$(r)) return;
     const o = n[r];
     if (o === i) return;
-    const a = this.grid;
+    const s = this.grid;
     let l;
     try {
       l = this.grid.getRowId(n);
     } catch {
     }
-    const d = l ? !this.#n.has(l) : !0, c = l ? (g) => this.grid.updateRow(l, g, "cascade") : _e;
+    const d = l ? !this.#n.has(l) : !0, c = l ? (p) => this.grid.updateRow(l, p, "cascade") : _e;
+    let u = !1;
+    const h = l ? (p) => {
+      u = !0, this.setInvalid(l, r, p ?? "");
+    } : () => {
+    };
     if (this.emitCancelable("cell-commit", {
       row: n,
       rowId: l ?? "",
@@ -999,40 +1097,41 @@ class bn extends A {
       changedRows: this.changedRows,
       changedRowIds: this.changedRowIds,
       firstTimeForRow: d,
-      updateRow: c
+      updateRow: c,
+      setInvalid: h
     })) return;
-    n[r] = i, l && this.#n.add(l), this.#s(), this.emitPluginEvent("cell-edit-committed", {
+    l && !u && this.isCellInvalid(l, r) && this.clearInvalid(l, r), n[r] = i, l && this.#n.add(l), this.#h(), this.emitPluginEvent("cell-edit-committed", {
       rowIndex: e,
       field: r,
       oldValue: o,
       newValue: i
     });
-    const h = a.findRenderedRowElement?.(e);
-    h && (h.classList.add("changed"), gt(h, "change"));
+    const f = s.findRenderedRowElement?.(e);
+    f && f.classList.add("changed");
   }
-  #g(e, t, i, n, r, o) {
+  #f(e, t, i, n, r, o) {
     if (!i.editable || r.classList.contains("editing")) return;
-    let a;
+    let s;
     try {
-      a = this.grid.getRowId(e);
+      s = this.grid.getRowId(e);
     } catch {
     }
-    const l = a ? (C) => this.grid.updateRow(a, C, "cascade") : _e, d = $(i.field) ? e[i.field] : void 0;
+    const l = s ? (C) => this.grid.updateRow(s, C, "cascade") : _e, d = $(i.field) ? e[i.field] : void 0;
     r.classList.add("editing"), this.#i.add(`${t}:${n}`);
     const c = r.parentElement;
-    c && Mt(c);
+    c && Dt(c);
     let u = !1;
     const h = (C) => {
-      u || this.#e === -1 || this.#u(t, i, C, e);
+      u || this.#e === -1 || this.#a(t, i, C, e);
     }, g = () => {
       u = !0, $(i.field) && (e[i.field] = d);
     }, f = document.createElement("div");
     f.className = "tbw-editor-host", r.innerHTML = "", r.appendChild(f), f.addEventListener("keydown", (C) => {
-      C.key === "Enter" && (C.stopPropagation(), C.preventDefault(), u = !0, this.#a(t, !1)), C.key === "Escape" && (C.stopPropagation(), C.preventDefault(), g(), this.#a(t, !0));
+      C.key === "Enter" && (C.stopPropagation(), C.preventDefault(), u = !0, this.#l(t, !1)), C.key === "Escape" && (C.stopPropagation(), C.preventDefault(), g(), this.#l(t, !0));
     });
-    const p = i, w = p.__editorTemplate, b = Dt(this.grid, p) ?? Pt(i), v = d;
+    const p = i, w = p.__editorTemplate, b = Pt(this.grid, p) ?? Ft(i), v = d;
     if (b === "template" && w)
-      this.#p(f, p, e, d, h, g, o, t);
+      this.#u(f, p, e, d, h, g, o, t);
     else if (typeof b == "string") {
       const C = document.createElement(b);
       C.value = v, C.addEventListener("change", () => h(C.value)), f.appendChild(C), o || queueMicrotask(() => {
@@ -1041,7 +1140,7 @@ class bn extends A {
     } else if (typeof b == "function") {
       const C = {
         row: e,
-        rowId: a ?? "",
+        rowId: s ?? "",
         value: v,
         field: i.field,
         column: i,
@@ -1049,7 +1148,7 @@ class bn extends A {
         cancel: g,
         updateRow: l
       }, _ = b(C);
-      typeof _ == "string" ? (f.innerHTML = _, qt(f, i, h)) : _ instanceof Node && f.appendChild(_), o || queueMicrotask(() => {
+      typeof _ == "string" ? (f.innerHTML = _, Nt(f, i, h, d)) : _ instanceof Node && f.appendChild(_), o || queueMicrotask(() => {
         f.querySelector(oe)?.focus({ preventScroll: !0 });
       });
     } else if (b && typeof b == "object") {
@@ -1057,7 +1156,7 @@ class bn extends A {
       C.setAttribute("data-external-editor", ""), C.setAttribute("data-field", i.field), f.appendChild(C);
       const _ = {
         row: e,
-        rowId: a ?? "",
+        rowId: s ?? "",
         value: v,
         field: i.field,
         column: i,
@@ -1077,7 +1176,7 @@ class bn extends A {
         );
     }
   }
-  #p(e, t, i, n, r, o, a, l) {
+  #u(e, t, i, n, r, o, s, l) {
     const d = t.__editorTemplate;
     if (!d) return;
     const c = d.cloneNode(!0), u = t.__compiledEditor;
@@ -1102,15 +1201,23 @@ class bn extends A {
       h instanceof HTMLInputElement && h.type === "checkbox" ? h.checked = !!n : h.value = String(n ?? "");
       let g = !1;
       h.addEventListener("blur", () => {
-        g || r(U(h, t));
+        g || r(U(h, t, n));
       }), h.addEventListener("keydown", (f) => {
         const p = f;
-        p.key === "Enter" && (p.stopPropagation(), p.preventDefault(), g = !0, r(U(h, t)), this.#a(l, !1)), p.key === "Escape" && (p.stopPropagation(), p.preventDefault(), o(), this.#a(l, !0));
-      }), h instanceof HTMLInputElement && h.type === "checkbox" && h.addEventListener("change", () => r(h.checked)), a || setTimeout(() => h.focus({ preventScroll: !0 }), 0);
+        p.key === "Enter" && (p.stopPropagation(), p.preventDefault(), g = !0, r(U(h, t, n)), this.#l(l, !1)), p.key === "Escape" && (p.stopPropagation(), p.preventDefault(), o(), this.#l(l, !0));
+      }), h instanceof HTMLInputElement && h.type === "checkbox" && h.addEventListener("change", () => r(h.checked)), s || setTimeout(() => h.focus({ preventScroll: !0 }), 0);
     }
     e.appendChild(c);
   }
-  #l(e) {
+  #g(e, t) {
+    if (!e) return !1;
+    const i = e, n = t, r = /* @__PURE__ */ new Set([...Object.keys(i), ...Object.keys(n)]);
+    for (const o of r)
+      if (i[o] !== n[o])
+        return !0;
+    return !1;
+  }
+  #m(e) {
     queueMicrotask(() => {
       try {
         const t = e._focusRow, i = e._focusCol, n = e.findRenderedRowElement?.(t);
@@ -1126,17 +1233,17 @@ class bn extends A {
     });
   }
 }
-function Te(s, e = !0) {
-  if (s == null) return "";
-  if (s instanceof Date) return s.toISOString();
-  if (typeof s == "object") return JSON.stringify(s);
-  const t = String(s);
+function Te(a, e = !0) {
+  if (a == null) return "";
+  if (a instanceof Date) return a.toISOString();
+  if (typeof a == "object") return JSON.stringify(a);
+  const t = String(a);
   return e && (t.includes(",") || t.includes('"') || t.includes(`
 `) || t.includes("\r")) ? `"${t.replace(/"/g, '""')}"` : t;
 }
-function Ht(s, e, t, i = {}) {
+function qt(a, e, t, i = {}) {
   const n = i.delimiter ?? ",", r = i.newline ?? `
-`, o = [], a = i.bom ? "\uFEFF" : "";
+`, o = [], s = i.bom ? "\uFEFF" : "";
   if (t.includeHeaders !== !1) {
     const l = e.map((d) => {
       const c = d.header || d.field, u = t.processHeader ? t.processHeader(c, d.field) : c;
@@ -1144,27 +1251,27 @@ function Ht(s, e, t, i = {}) {
     });
     o.push(l.join(n));
   }
-  for (const l of s) {
+  for (const l of a) {
     const d = e.map((c) => {
       let u = l[c.field];
       return t.processCell && (u = t.processCell(u, c.field, l)), Te(u);
     });
     o.push(d.join(n));
   }
-  return a + o.join(r);
+  return s + o.join(r);
 }
-function we(s, e) {
-  const t = URL.createObjectURL(s), i = document.createElement("a");
+function we(a, e) {
+  const t = URL.createObjectURL(a), i = document.createElement("a");
   i.href = t, i.download = e, i.style.display = "none", document.body.appendChild(i), i.click(), document.body.removeChild(i), URL.revokeObjectURL(t);
 }
-function Kt(s, e) {
-  const t = new Blob([s], { type: "text/csv;charset=utf-8;" });
+function Ht(a, e) {
+  const t = new Blob([a], { type: "text/csv;charset=utf-8;" });
   we(t, e);
 }
-function Le(s) {
-  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
+function Le(a) {
+  return a.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
 }
-function zt(s, e, t) {
+function Kt(a, e, t) {
   let i = `<?xml version="1.0" encoding="UTF-8"?>
 <?mso-application progid="Excel.Sheet"?>
 <Workbook xmlns="urn:schemas-microsoft-com:office:spreadsheet"
@@ -1180,14 +1287,14 @@ function zt(s, e, t) {
     }
     i += "</Row>";
   }
-  for (const n of s) {
+  for (const n of a) {
     i += `
 <Row>`;
     for (const r of e) {
       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 = Le(String(o)), i += `<Cell><Data ss:Type="${a}">${l}</Data></Cell>`;
+      let s = "String", l = "";
+      o == null ? l = "" : typeof o == "number" && !isNaN(o) ? (s = "Number", l = String(o)) : o instanceof Date ? (s = "DateTime", l = o.toISOString()) : l = Le(String(o)), i += `<Cell><Data ss:Type="${s}">${l}</Data></Cell>`;
     }
     i += "</Row>";
   }
@@ -1196,13 +1303,13 @@ function zt(s, e, t) {
 </Worksheet>
 </Workbook>`, i;
 }
-function Ot(s, e) {
-  const t = e.endsWith(".xls") ? e : `${e}.xls`, i = new Blob([s], {
+function zt(a, e) {
+  const t = e.endsWith(".xls") ? e : `${e}.xls`, i = new Blob([a], {
     type: "application/vnd.ms-excel;charset=utf-8;"
   });
   we(i, t);
 }
-class vn extends A {
+class bn extends A {
   name = "export";
   get defaultConfig() {
     return {
@@ -1235,17 +1342,17 @@ class vn extends A {
       l?.selected?.size && (o = [...l.selected].sort((c, u) => c - u).map((c) => this.rows[c]).filter(Boolean));
     }
     t?.rowIndices && (o = t.rowIndices.map((l) => this.rows[l]).filter(Boolean)), this.isExportingFlag = !0;
-    let a = n.fileName;
+    let s = n.fileName;
     try {
       switch (e) {
         case "csv": {
-          const l = Ht(o, r, n, { bom: !0 });
-          a = a.endsWith(".csv") ? a : `${a}.csv`, Kt(l, a);
+          const l = qt(o, r, n, { bom: !0 });
+          s = s.endsWith(".csv") ? s : `${s}.csv`, Ht(l, s);
           break;
         }
         case "excel": {
-          const l = zt(o, r, n);
-          a = a.endsWith(".xls") ? a : `${a}.xls`, Ot(l, a);
+          const l = Kt(o, r, n);
+          s = s.endsWith(".xls") ? s : `${s}.xls`, zt(l, s);
           break;
         }
         case "json": {
@@ -1257,15 +1364,15 @@ class vn extends A {
             }
             return h;
           }), d = JSON.stringify(l, null, 2);
-          a = a.endsWith(".json") ? a : `${a}.json`;
+          s = s.endsWith(".json") ? s : `${s}.json`;
           const c = new Blob([d], { type: "application/json" });
-          we(c, a);
+          we(c, s);
           break;
         }
       }
       this.lastExportInfo = { format: e, timestamp: /* @__PURE__ */ new Date() }, this.emit("export-complete", {
         format: e,
-        fileName: a,
+        fileName: s,
         rowCount: o.length,
         columnCount: r.length
       });
@@ -1296,23 +1403,23 @@ class vn extends A {
     return this.lastExportInfo;
   }
 }
-function Gt(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);
-  let l = a + o + r * 2;
-  return l > e && (l = e), l === e && a > 0 && (a = Math.max(0, l - o - r * 2)), {
-    start: a,
+function Ot(a) {
+  const { totalRows: e, viewportHeight: t, scrollTop: i, rowHeight: n, overscan: r } = a, o = Math.ceil(t / n);
+  let s = Math.floor(i / n) - r;
+  s < 0 && (s = 0);
+  let l = s + o + r * 2;
+  return l > e && (l = e), l === e && s > 0 && (s = Math.max(0, l - o - r * 2)), {
+    start: s,
     end: l,
-    offsetY: a * n,
+    offsetY: s * n,
     totalHeight: e * n
   };
 }
-function Bt(s, e) {
-  return s <= e;
+function Gt(a, e) {
+  return a <= e;
 }
-function Vt(s, e, t = !1) {
-  const i = s[e.field];
+function Bt(a, e, t = !1) {
+  const i = a[e.field];
   if (e.operator === "blank")
     return i == null || i === "";
   if (e.operator === "notBlank")
@@ -1350,12 +1457,12 @@ function Vt(s, e, t = !1) {
       return !0;
   }
 }
-function Wt(s, e, t = !1) {
-  return e.length ? s.filter((i) => e.every((n) => Vt(i, n, t))) : s;
+function Vt(a, e, t = !1) {
+  return e.length ? a.filter((i) => e.every((n) => Bt(i, n, t))) : a;
 }
-function $t(s) {
+function Wt(a) {
   return JSON.stringify(
-    s.map((e) => ({
+    a.map((e) => ({
       field: e.field,
       operator: e.operator,
       value: e.value,
@@ -1363,15 +1470,15 @@ function $t(s) {
     }))
   );
 }
-function Fe(s, e) {
+function Ie(a, e) {
   const t = /* @__PURE__ */ new Set();
-  for (const i of s) {
+  for (const i of a) {
     const n = i[e];
     n != null && t.add(n);
   }
   return [...t].sort((i, n) => typeof i == "number" && typeof n == "number" ? i - n : String(i).localeCompare(String(n)));
 }
-const jt = '@layer tbw-plugins{tbw-grid{.tbw-quick-filter-input{flex:1;max-width:300px;height:var(--tbw-input-height, 1.75rem);padding:var(--tbw-input-padding, 0 .5rem);border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);background:var(--tbw-color-bg);color:var(--tbw-color-fg);font-size:var(--tbw-font-size-sm, .8125rem);&:focus{outline:none;border-color:var(--tbw-color-accent)}}.header-cell.filtered:before{content:"";position:absolute;top:var(--tbw-spacing-xs, .25rem);right:var(--tbw-spacing-xs, .25rem);width:var(--tbw-indicator-size, .375rem);height:var(--tbw-indicator-size, .375rem);background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));border-radius:50%}.tbw-filter-btn{display:var(--tbw-filter-btn-display, inline-flex);visibility:var(--tbw-filter-btn-visibility, visible);align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:2px;margin-left:var(--tbw-spacing-xs, .25rem);opacity:.4;transition:opacity .15s,visibility 0s,display 0s allow-discrete;color:inherit;vertical-align:middle;transition-behavior:allow-discrete;&:hover,&.active{opacity:1;visibility:visible;display:inline-flex}&.active{color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6))}}.header-row .cell:hover .tbw-filter-btn,.header-row .cell.filtered .tbw-filter-btn{display:inline-flex;visibility:visible}}}', Ut = "@layer tbw-plugins{.tbw-filter-panel{position:fixed;background:var(--tbw-filter-panel-bg, var(--tbw-color-panel-bg, light-dark(#eeeeee, #222222)));color:var(--tbw-filter-panel-fg, var(--tbw-color-fg, light-dark(#222222, #eeeeee)));border:1px solid var(--tbw-filter-panel-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-filter-panel-radius, var(--tbw-border-radius, .25rem));box-shadow:0 4px 16px var(--tbw-filter-panel-shadow, var(--tbw-color-shadow, light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .3))));padding:var(--tbw-panel-padding, var(--tbw-spacing-lg, .75rem));z-index:10000;min-width:200px;max-width:280px;max-height:350px;display:flex;flex-direction:column;font-family:var(--tbw-font-family, system-ui, sans-serif);font-size:var(--tbw-font-size, .8125rem);transform-origin:top center}.tbw-filter-panel.tbw-filter-panel-above{transform-origin:bottom center}.tbw-filter-panel.tbw-filter-panel-animated{animation:tbw-filter-panel-enter var(--tbw-animation-duration, .15s) var(--tbw-animation-easing, ease-out)}.tbw-filter-panel.tbw-filter-panel-above.tbw-filter-panel-animated{animation:tbw-filter-panel-enter-above var(--tbw-animation-duration, .15s) var(--tbw-animation-easing, ease-out)}@keyframes tbw-filter-panel-enter{0%{opacity:0;transform:scaleY(.3) translateY(-10px)}to{opacity:1;transform:scaleY(1) translateY(0)}}@keyframes tbw-filter-panel-enter-above{0%{opacity:0;transform:scaleY(.3) translateY(10px)}to{opacity:1;transform:scaleY(1) translateY(0)}}@supports (anchor-name: --test){.tbw-filter-panel{position-anchor:--tbw-filter-anchor;top:anchor(bottom);left:anchor(left);margin-top:4px;position-try-fallbacks:flip-inline,flip-block,flip-block flip-inline}}.tbw-filter-search{margin-bottom:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));min-height:var(--tbw-filter-item-height, 28px)}.tbw-filter-search-input{height:var(--tbw-filter-item-height, 28px);width:100%;padding:var(--tbw-filter-search-padding, var(--tbw-spacing-sm, .375rem) var(--tbw-spacing-md, .5rem));background:var(--tbw-filter-input-bg, var(--tbw-color-bg, transparent));color:inherit;border:1px solid var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-filter-input-radius, var(--tbw-border-radius, .25rem));font-size:inherit;box-sizing:border-box}.tbw-filter-search-input:focus{outline:none;border-color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));box-shadow:0 0 0 2px rgba(from var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6)) r g b / 15%)}.tbw-filter-actions{display:flex;padding:var(--tbw-button-padding-sm, .25rem .125rem);margin-bottom:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));border-bottom:1px solid var(--tbw-filter-divider, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));min-height:var(--tbw-filter-item-height, 28px)}.tbw-filter-action-btn{background:transparent;border:none;color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));cursor:pointer;font-size:var(--tbw-font-size-xs, .75rem);padding:2px 0}.tbw-filter-action-btn:hover{text-decoration:underline}.tbw-filter-values{flex:1;overflow-y:auto;margin-bottom:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));max-height:180px;position:relative}.tbw-filter-values-spacer{width:1px}.tbw-filter-values-content{position:absolute;top:0;left:0;right:0}.tbw-filter-value-item{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));padding:var(--tbw-button-padding-sm, .25rem .125rem);cursor:pointer;border-radius:3px;height:var(--tbw-filter-item-height, 28px)}.tbw-filter-value-item:hover{background:var(--tbw-filter-hover, var(--tbw-color-row-hover, light-dark(#f0f6ff, #1c1c1c)))}.tbw-filter-checkbox{margin:0;cursor:pointer;accent-color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6))}.tbw-filter-no-match{color:var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));padding:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem)) 0;text-align:center;font-style:italic}.tbw-filter-buttons{display:flex;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));padding-top:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));border-top:1px solid var(--tbw-filter-divider, var(--tbw-color-border, light-dark(#d0d0d4, #454545)))}.tbw-filter-apply-btn{flex:1;padding:var(--tbw-filter-btn-padding, var(--tbw-button-padding, .375rem .75rem));background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));color:var(--tbw-filter-accent-fg, var(--tbw-color-accent-fg, light-dark(#ffffff, #000000)));border:none;border-radius:var(--tbw-border-radius, .25rem);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem);font-weight:var(--tbw-filter-btn-font-weight, 500);min-height:var(--tbw-filter-btn-min-height, auto)}.tbw-filter-apply-btn:hover{filter:brightness(.9)}.tbw-filter-clear-btn{flex:1;padding:var(--tbw-filter-btn-padding, var(--tbw-button-padding, .375rem .75rem));background:transparent;color:var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));border:1px solid var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-border-radius, .25rem);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem);font-weight:var(--tbw-filter-btn-font-weight, 500);min-height:var(--tbw-filter-btn-min-height, auto)}.tbw-filter-clear-btn:hover{background:var(--tbw-filter-hover, var(--tbw-color-row-hover, light-dark(#f0f6ff, #1c1c1c)))}.tbw-filter-range-inputs,.tbw-filter-date-range{display:flex;align-items:flex-end;gap:var(--tbw-spacing-sm, .375rem);margin-bottom:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.tbw-filter-range-group,.tbw-filter-date-group{display:flex;flex-direction:column;gap:var(--tbw-spacing-xs, .25rem);flex:1}.tbw-filter-range-label{font-size:var(--tbw-font-size-xs, .75rem);color:var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)))}.tbw-filter-range-input,.tbw-filter-date-input{width:100%;height:var(--tbw-filter-item-height, 28px);padding:var(--tbw-spacing-xs, .25rem) var(--tbw-spacing-sm, .375rem);background:var(--tbw-filter-input-bg, var(--tbw-color-bg, transparent));color:inherit;border:1px solid var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-filter-input-radius, var(--tbw-border-radius, .25rem));font-size:inherit;box-sizing:border-box}.tbw-filter-range-input:focus,.tbw-filter-date-input:focus{outline:none;border-color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));box-shadow:0 0 0 2px rgba(from var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6)) r g b / 15%)}.tbw-filter-range-separator{color:var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));padding-bottom:var(--tbw-spacing-xs, .25rem)}.tbw-filter-range-slider{position:relative;height:24px;margin:var(--tbw-spacing-md, .5rem) 0 var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.tbw-filter-range-track{position:absolute;top:50%;left:0;right:0;height:4px;background:var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:2px;transform:translateY(-50%)}.tbw-filter-range-fill{position:absolute;top:50%;height:4px;background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));border-radius:2px;transform:translateY(-50%)}.tbw-filter-range-thumb{position:absolute;top:0;width:100%;height:100%;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}.tbw-filter-range-thumb::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));border:2px solid var(--tbw-filter-panel-bg, var(--tbw-color-panel-bg, light-dark(#eeeeee, #222222)));border-radius:50%;cursor:pointer;pointer-events:all;box-shadow:0 1px 3px #0003}.tbw-filter-range-thumb::-moz-range-thumb{width:16px;height:16px;background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));border:2px solid var(--tbw-filter-panel-bg, var(--tbw-color-panel-bg, light-dark(#eeeeee, #222222)));border-radius:50%;cursor:pointer;pointer-events:all;box-shadow:0 1px 3px #0003}.tbw-filter-range-thumb::-webkit-slider-thumb:hover{transform:scale(1.1)}.tbw-filter-range-thumb::-moz-range-thumb:hover{transform:scale(1.1)}}";
+const $t = '@layer tbw-plugins{tbw-grid{.tbw-quick-filter-input{flex:1;max-width:300px;height:var(--tbw-input-height, 1.75rem);padding:var(--tbw-input-padding, 0 .5rem);border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);background:var(--tbw-color-bg);color:var(--tbw-color-fg);font-size:var(--tbw-font-size-sm, .8125rem);&:focus{outline:none;border-color:var(--tbw-color-accent)}}.header-cell.filtered:before{content:"";position:absolute;top:var(--tbw-spacing-xs, .25rem);right:var(--tbw-spacing-xs, .25rem);width:var(--tbw-indicator-size, .375rem);height:var(--tbw-indicator-size, .375rem);background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));border-radius:50%}.tbw-filter-btn{display:var(--tbw-filter-btn-display, inline-flex);visibility:var(--tbw-filter-btn-visibility, visible);align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:2px;margin-left:var(--tbw-spacing-xs, .25rem);opacity:.4;transition:opacity .15s,visibility 0s,display 0s allow-discrete;color:inherit;vertical-align:middle;transition-behavior:allow-discrete;&:hover,&.active{opacity:1;visibility:visible;display:inline-flex}&.active{color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6))}}.header-row .cell:hover .tbw-filter-btn,.header-row .cell.filtered .tbw-filter-btn{display:inline-flex;visibility:visible}}}', jt = "@layer tbw-plugins{.tbw-filter-panel{position:fixed;background:var(--tbw-filter-panel-bg, var(--tbw-color-panel-bg, light-dark(#eeeeee, #222222)));color:var(--tbw-filter-panel-fg, var(--tbw-color-fg, light-dark(#222222, #eeeeee)));border:1px solid var(--tbw-filter-panel-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-filter-panel-radius, var(--tbw-border-radius, .25rem));box-shadow:0 4px 16px var(--tbw-filter-panel-shadow, var(--tbw-color-shadow, light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .3))));padding:var(--tbw-panel-padding, var(--tbw-spacing-lg, .75rem));z-index:10000;min-width:200px;max-width:280px;max-height:350px;display:flex;flex-direction:column;font-family:var(--tbw-font-family, system-ui, sans-serif);font-size:var(--tbw-font-size, .8125rem);transform-origin:top center}.tbw-filter-panel.tbw-filter-panel-above{transform-origin:bottom center}.tbw-filter-panel.tbw-filter-panel-animated{animation:tbw-filter-panel-enter var(--tbw-animation-duration, .15s) var(--tbw-animation-easing, ease-out)}.tbw-filter-panel.tbw-filter-panel-above.tbw-filter-panel-animated{animation:tbw-filter-panel-enter-above var(--tbw-animation-duration, .15s) var(--tbw-animation-easing, ease-out)}@keyframes tbw-filter-panel-enter{0%{opacity:0;transform:scaleY(.3) translateY(-10px)}to{opacity:1;transform:scaleY(1) translateY(0)}}@keyframes tbw-filter-panel-enter-above{0%{opacity:0;transform:scaleY(.3) translateY(10px)}to{opacity:1;transform:scaleY(1) translateY(0)}}@supports (anchor-name: --test){.tbw-filter-panel{position-anchor:--tbw-filter-anchor;top:anchor(bottom);left:anchor(left);margin-top:4px;position-try-fallbacks:flip-inline,flip-block,flip-block flip-inline}}.tbw-filter-search{margin-bottom:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));min-height:var(--tbw-filter-item-height, 28px)}.tbw-filter-search-input{height:var(--tbw-filter-item-height, 28px);width:100%;padding:var(--tbw-filter-search-padding, var(--tbw-spacing-sm, .375rem) var(--tbw-spacing-md, .5rem));background:var(--tbw-filter-input-bg, var(--tbw-color-bg, transparent));color:inherit;border:1px solid var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-filter-input-radius, var(--tbw-border-radius, .25rem));font-size:inherit;box-sizing:border-box}.tbw-filter-search-input:focus{outline:none;border-color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));box-shadow:0 0 0 2px rgba(from var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6)) r g b / 15%)}.tbw-filter-actions{display:flex;padding:var(--tbw-button-padding-sm, .25rem .125rem);margin-bottom:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));border-bottom:1px solid var(--tbw-filter-divider, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));min-height:var(--tbw-filter-item-height, 28px)}.tbw-filter-action-btn{background:transparent;border:none;color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));cursor:pointer;font-size:var(--tbw-font-size-xs, .75rem);padding:2px 0}.tbw-filter-action-btn:hover{text-decoration:underline}.tbw-filter-values{flex:1;overflow-y:auto;margin-bottom:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));max-height:180px;position:relative}.tbw-filter-values-spacer{width:1px}.tbw-filter-values-content{position:absolute;top:0;left:0;right:0}.tbw-filter-value-item{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));padding:var(--tbw-button-padding-sm, .25rem .125rem);cursor:pointer;border-radius:3px;height:var(--tbw-filter-item-height, 28px)}.tbw-filter-value-item:hover{background:var(--tbw-filter-hover, var(--tbw-color-row-hover, light-dark(#f0f6ff, #1c1c1c)))}.tbw-filter-checkbox{margin:0;cursor:pointer;accent-color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6))}.tbw-filter-no-match{color:var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));padding:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem)) 0;text-align:center;font-style:italic}.tbw-filter-buttons{display:flex;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));padding-top:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));border-top:1px solid var(--tbw-filter-divider, var(--tbw-color-border, light-dark(#d0d0d4, #454545)))}.tbw-filter-apply-btn{flex:1;padding:var(--tbw-filter-btn-padding, var(--tbw-button-padding, .375rem .75rem));background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));color:var(--tbw-filter-accent-fg, var(--tbw-color-accent-fg, light-dark(#ffffff, #000000)));border:none;border-radius:var(--tbw-border-radius, .25rem);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem);font-weight:var(--tbw-filter-btn-font-weight, 500);min-height:var(--tbw-filter-btn-min-height, auto)}.tbw-filter-apply-btn:hover{filter:brightness(.9)}.tbw-filter-clear-btn{flex:1;padding:var(--tbw-filter-btn-padding, var(--tbw-button-padding, .375rem .75rem));background:transparent;color:var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));border:1px solid var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-border-radius, .25rem);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem);font-weight:var(--tbw-filter-btn-font-weight, 500);min-height:var(--tbw-filter-btn-min-height, auto)}.tbw-filter-clear-btn:hover{background:var(--tbw-filter-hover, var(--tbw-color-row-hover, light-dark(#f0f6ff, #1c1c1c)))}.tbw-filter-range-inputs,.tbw-filter-date-range{display:flex;align-items:flex-end;gap:var(--tbw-spacing-sm, .375rem);margin-bottom:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.tbw-filter-range-group,.tbw-filter-date-group{display:flex;flex-direction:column;gap:var(--tbw-spacing-xs, .25rem);flex:1}.tbw-filter-range-label{font-size:var(--tbw-font-size-xs, .75rem);color:var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)))}.tbw-filter-range-input,.tbw-filter-date-input{width:100%;height:var(--tbw-filter-item-height, 28px);padding:var(--tbw-spacing-xs, .25rem) var(--tbw-spacing-sm, .375rem);background:var(--tbw-filter-input-bg, var(--tbw-color-bg, transparent));color:inherit;border:1px solid var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-filter-input-radius, var(--tbw-border-radius, .25rem));font-size:inherit;box-sizing:border-box}.tbw-filter-range-input:focus,.tbw-filter-date-input:focus{outline:none;border-color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));box-shadow:0 0 0 2px rgba(from var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6)) r g b / 15%)}.tbw-filter-range-separator{color:var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));padding-bottom:var(--tbw-spacing-xs, .25rem)}.tbw-filter-range-slider{position:relative;height:24px;margin:var(--tbw-spacing-md, .5rem) 0 var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.tbw-filter-range-track{position:absolute;top:50%;left:0;right:0;height:4px;background:var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:2px;transform:translateY(-50%)}.tbw-filter-range-fill{position:absolute;top:50%;height:4px;background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));border-radius:2px;transform:translateY(-50%)}.tbw-filter-range-thumb{position:absolute;top:0;width:100%;height:100%;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}.tbw-filter-range-thumb::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));border:2px solid var(--tbw-filter-panel-bg, var(--tbw-color-panel-bg, light-dark(#eeeeee, #222222)));border-radius:50%;cursor:pointer;pointer-events:all;box-shadow:0 1px 3px #0003}.tbw-filter-range-thumb::-moz-range-thumb{width:16px;height:16px;background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));border:2px solid var(--tbw-filter-panel-bg, var(--tbw-color-panel-bg, light-dark(#eeeeee, #222222)));border-radius:50%;cursor:pointer;pointer-events:all;box-shadow:0 1px 3px #0003}.tbw-filter-range-thumb::-webkit-slider-thumb:hover{transform:scale(1.1)}.tbw-filter-range-thumb::-moz-range-thumb:hover{transform:scale(1.1)}}";
 class N extends A {
   static manifest = {
     events: [
@@ -1382,7 +1489,7 @@ class N extends A {
     ]
   };
   name = "filtering";
-  styles = jt;
+  styles = $t;
   get defaultConfig() {
     return {
       debounceMs: 300,
@@ -1435,10 +1542,10 @@ class N extends A {
     if (!t.length) return [...e];
     if (this.config.filterHandler)
       return this.cachedResult ? this.cachedResult : [...e];
-    const i = $t(t);
+    const i = Wt(t);
     if (this.cacheKey === i && this.cachedResult)
       return this.cachedResult;
-    const n = Wt([...e], t, this.config.caseSensitive);
+    const n = Vt([...e], t, this.config.caseSensitive);
     return this.cachedResult = n, this.cacheKey = i, n;
   }
   afterRender() {
@@ -1451,19 +1558,19 @@ class N extends A {
       if (!r || !this.isColumnFilterable(r) || q(r)) return;
       const o = r.field;
       if (!o) return;
-      const a = this.filters.has(o);
+      const s = this.filters.has(o);
       let l = i.querySelector(".tbw-filter-btn");
       if (l) {
         const u = l.classList.contains("active");
-        if (l.classList.toggle("active", a), i.classList.toggle("filtered", a), u !== a) {
-          const h = a ? "filterActive" : "filter";
+        if (l.classList.toggle("active", s), i.classList.toggle("filtered", s), u !== s) {
+          const h = s ? "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}`);
-      const d = a ? "filterActive" : "filter";
-      this.setIcon(l, this.resolveIcon(d)), a && (l.classList.add("active"), i.classList.add("filtered")), l.addEventListener("click", (u) => {
+      const d = s ? "filterActive" : "filter";
+      this.setIcon(l, this.resolveIcon(d)), s && (l.classList.add("active"), i.classList.add("filtered")), l.addEventListener("click", (u) => {
         u.stopPropagation(), this.toggleFilterPanel(o, r, l);
       });
       const c = i.querySelector(".resize-handle");
@@ -1516,7 +1623,7 @@ class N extends A {
     return this.getFilters();
   }
   getUniqueValues(e) {
-    return Fe(this.sourceRows, e);
+    return Ie(this.sourceRows, e);
   }
   copyGridThemeContext(e) {
     const t = this.gridElement;
@@ -1533,7 +1640,7 @@ class N extends A {
       return;
     }
     const e = document.createElement("style");
-    e.id = "tbw-filter-panel-styles", e.textContent = Ut, document.head.appendChild(e), this.globalStylesInjected = !0;
+    e.id = "tbw-filter-panel-styles", e.textContent = jt, document.head.appendChild(e), this.globalStylesInjected = !0;
   }
   toggleFilterPanel(e, t, i) {
     if (this.openPanelField === e) {
@@ -1548,13 +1655,13 @@ class N extends A {
       });
       return;
     }
-    const r = Fe(this.sourceRows, e);
+    const r = Ie(this.sourceRows, e);
     document.body.appendChild(n), this.positionPanel(n, i), this.renderPanelContent(e, t, n, r), this.setupPanelCloseHandler(n, i);
   }
   renderPanelContent(e, t, i, n) {
     let r = this.excludedValues.get(e);
     r || (r = /* @__PURE__ */ new Set(), this.excludedValues.set(e, r));
-    const o = this.searchText.get(e) ?? "", a = {
+    const o = this.searchText.get(e) ?? "", s = {
       field: e,
       column: t,
       uniqueValues: n,
@@ -1572,13 +1679,13 @@ class N extends A {
       closePanel: () => this.closeFilterPanel()
     };
     let l = !1;
-    if (this.config.filterPanelRenderer && (this.config.filterPanelRenderer(i, a), l = i.children.length > 0), !l && t.type) {
+    if (this.config.filterPanelRenderer && (this.config.filterPanelRenderer(i, s), l = i.children.length > 0), !l && t.type) {
       const d = this.grid.effectiveConfig.typeDefaults?.[t.type];
-      d?.filterPanelRenderer && (d.filterPanelRenderer(i, a), l = i.children.length > 0);
+      d?.filterPanelRenderer && (d.filterPanelRenderer(i, s), l = i.children.length > 0);
     }
     if (!l) {
       const d = t.type;
-      d === "number" ? this.renderNumberFilterPanel(i, a, n) : d === "date" ? this.renderDateFilterPanel(i, a, n) : this.renderDefaultFilterPanel(i, a, n, r);
+      d === "number" ? this.renderNumberFilterPanel(i, s, n) : d === "date" ? this.renderDateFilterPanel(i, s, n) : this.renderDefaultFilterPanel(i, s, n, r);
     }
   }
   setupPanelCloseHandler(e, t) {
@@ -1604,8 +1711,8 @@ class N extends A {
     const n = t.closest(".cell") ?? t;
     if (n.style.anchorName = "--tbw-filter-anchor", this.panelAnchorElement = n, N.checkAnchorPositioningSupport()) {
       requestAnimationFrame(() => {
-        const o = e.getBoundingClientRect(), a = n.getBoundingClientRect();
-        o.top < a.top && e.classList.add("tbw-filter-panel-above");
+        const o = e.getBoundingClientRect(), s = n.getBoundingClientRect();
+        o.top < s.top && e.classList.add("tbw-filter-panel-above");
       });
       return;
     }
@@ -1616,10 +1723,10 @@ class N extends A {
     });
   }
   renderDefaultFilterPanel(e, t, i, n) {
-    const { field: r } = t, o = this.getListItemHeight(), a = document.createElement("div");
-    a.className = "tbw-filter-search";
+    const { field: r } = t, o = this.getListItemHeight(), s = document.createElement("div");
+    s.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);
+    l.type = "text", l.placeholder = "Search...", l.className = "tbw-filter-search-input", l.value = this.searchText.get(r) ?? "", s.appendChild(l), e.appendChild(s);
     const d = document.createElement("div");
     d.className = "tbw-filter-actions";
     const c = document.createElement("label");
@@ -1661,13 +1768,13 @@ class N extends A {
       return H.textContent = T, y.appendChild(L), y.appendChild(H), y;
     }, _ = () => {
       const x = v.length, S = f.clientHeight, T = f.scrollTop;
-      if (p.style.height = `${x * o}px`, Bt(x, N.LIST_BYPASS_THRESHOLD / 3)) {
+      if (p.style.height = `${x * o}px`, Gt(x, N.LIST_BYPASS_THRESHOLD / 3)) {
         w.innerHTML = "", w.style.transform = "translateY(0px)", v.forEach((y, L) => {
           w.appendChild(C(y, L));
         });
         return;
       }
-      const m = Gt({
+      const m = Ot({
         totalRows: x,
         viewportHeight: S,
         scrollTop: T,
@@ -1703,10 +1810,10 @@ class N extends A {
         this.searchText.set(r, l.value), E(l.value);
       }, this.config.debounceMs ?? 150);
     });
-    const F = document.createElement("div");
-    F.className = "tbw-filter-buttons";
-    const I = document.createElement("button");
-    I.className = "tbw-filter-apply-btn", I.textContent = "Apply", I.addEventListener("click", () => {
+    const I = document.createElement("div");
+    I.className = "tbw-filter-buttons";
+    const F = document.createElement("button");
+    F.className = "tbw-filter-apply-btn", F.textContent = "Apply", F.addEventListener("click", () => {
       const x = [];
       for (const [S, T] of b)
         if (!T)
@@ -1717,21 +1824,21 @@ class N extends A {
             x.push(m !== void 0 ? m : S);
           }
       t.applySetFilter(x);
-    }), F.appendChild(I);
+    }), I.appendChild(F);
     const R = document.createElement("button");
     R.className = "tbw-filter-clear-btn", R.textContent = "Clear Filter", R.addEventListener("click", () => {
       t.clearFilter();
-    }), F.appendChild(R), e.appendChild(F);
+    }), I.appendChild(R), e.appendChild(I);
   }
   renderNumberFilterPanel(e, t, i) {
-    const { field: n, column: r } = t, o = r.filterParams, a = r.editorParams, l = (k, K) => {
+    const { field: n, column: r } = t, o = r.filterParams, s = r.editorParams, l = (k, K) => {
       if (typeof k == "number") return k;
       if (typeof k == "string") {
         const W = parseFloat(k);
         return isNaN(W) ? K : W;
       }
       return K;
-    }, d = i.filter((k) => typeof k == "number" && !isNaN(k)), c = d.length > 0 ? Math.min(...d) : 0, u = d.length > 0 ? Math.max(...d) : 100, h = l(o?.min ?? a?.min, c), g = l(o?.max ?? a?.max, u), f = o?.step ?? a?.step ?? 1, p = this.filters.get(n);
+    }, d = i.filter((k) => typeof k == "number" && !isNaN(k)), c = d.length > 0 ? Math.min(...d) : 0, u = d.length > 0 ? Math.max(...d) : 100, h = l(o?.min ?? s?.min, c), g = l(o?.max ?? s?.max, u), f = o?.step ?? s?.step ?? 1, p = this.filters.get(n);
     let w = h, b = g;
     p?.operator === "between" ? (w = l(p.value, h), b = l(p.valueTo, g)) : p?.operator === "greaterThanOrEqual" ? w = l(p.value, h) : p?.operator === "lessThanOrEqual" && (b = l(p.value, g));
     const v = document.createElement("div");
@@ -1744,12 +1851,12 @@ class N extends A {
     E.type = "number", E.className = "tbw-filter-range-input", E.min = String(h), E.max = String(g), E.step = String(f), E.value = String(w), C.appendChild(_), C.appendChild(E), v.appendChild(C);
     const P = document.createElement("span");
     P.className = "tbw-filter-range-separator", P.textContent = "–", v.appendChild(P);
-    const F = document.createElement("div");
-    F.className = "tbw-filter-range-group";
-    const I = document.createElement("label");
-    I.textContent = "Max", I.className = "tbw-filter-range-label";
+    const I = document.createElement("div");
+    I.className = "tbw-filter-range-group";
+    const F = document.createElement("label");
+    F.textContent = "Max", F.className = "tbw-filter-range-label";
     const R = document.createElement("input");
-    R.type = "number", R.className = "tbw-filter-range-input", R.min = String(h), R.max = String(g), R.step = String(f), R.value = String(b), F.appendChild(I), F.appendChild(R), v.appendChild(F), e.appendChild(v);
+    R.type = "number", R.className = "tbw-filter-range-input", R.min = String(h), R.max = String(g), R.step = String(f), R.value = String(b), I.appendChild(F), I.appendChild(R), v.appendChild(I), e.appendChild(v);
     const x = document.createElement("div");
     x.className = "tbw-filter-range-slider";
     const S = document.createElement("div");
@@ -1790,7 +1897,7 @@ class N extends A {
     }), H.appendChild(X), e.appendChild(H);
   }
   renderDateFilterPanel(e, t, i) {
-    const { field: n, column: r } = t, o = r.filterParams, a = r.editorParams, l = i.filter((m) => m instanceof Date || typeof m == "string" && !isNaN(Date.parse(m))).map((m) => m instanceof Date ? m : new Date(m)).filter((m) => !isNaN(m.getTime())), d = l.length > 0 ? new Date(Math.min(...l.map((m) => m.getTime()))) : null, c = l.length > 0 ? new Date(Math.max(...l.map((m) => m.getTime()))) : null, u = (m) => m ? m.toISOString().split("T")[0] : "", h = (m) => m ? typeof m == "string" ? m : typeof m == "number" ? u(new Date(m)) : "" : "", g = h(o?.min) || h(a?.min) || u(d), f = h(o?.max) || h(a?.max) || u(c), p = this.filters.get(n);
+    const { field: n, column: r } = t, o = r.filterParams, s = r.editorParams, l = i.filter((m) => m instanceof Date || typeof m == "string" && !isNaN(Date.parse(m))).map((m) => m instanceof Date ? m : new Date(m)).filter((m) => !isNaN(m.getTime())), d = l.length > 0 ? new Date(Math.min(...l.map((m) => m.getTime()))) : null, c = l.length > 0 ? new Date(Math.max(...l.map((m) => m.getTime()))) : null, u = (m) => m ? m.toISOString().split("T")[0] : "", h = (m) => m ? typeof m == "string" ? m : typeof m == "number" ? u(new Date(m)) : "" : "", g = h(o?.min) || h(s?.min) || u(d), f = h(o?.max) || h(s?.max) || u(c), p = this.filters.get(n);
     let w = "", b = "";
     p?.operator === "between" ? (w = h(p.value) || "", b = h(p.valueTo) || "") : p?.operator === "greaterThanOrEqual" ? w = h(p.value) || "" : p?.operator === "lessThanOrEqual" && (b = h(p.value) || "");
     const v = document.createElement("div");
@@ -1803,12 +1910,12 @@ class N extends A {
     E.type = "date", E.className = "tbw-filter-date-input", g && (E.min = g), f && (E.max = f), E.value = w, C.appendChild(_), C.appendChild(E), v.appendChild(C);
     const P = document.createElement("span");
     P.className = "tbw-filter-range-separator", P.textContent = "–", v.appendChild(P);
-    const F = document.createElement("div");
-    F.className = "tbw-filter-date-group";
-    const I = document.createElement("label");
-    I.textContent = "To", I.className = "tbw-filter-range-label";
+    const I = document.createElement("div");
+    I.className = "tbw-filter-date-group";
+    const F = document.createElement("label");
+    F.textContent = "To", F.className = "tbw-filter-range-label";
     const R = document.createElement("input");
-    R.type = "date", R.className = "tbw-filter-date-input", g && (R.min = g), f && (R.max = f), R.value = b, F.appendChild(I), F.appendChild(R), v.appendChild(F), e.appendChild(v);
+    R.type = "date", R.className = "tbw-filter-date-input", g && (R.min = g), f && (R.max = f), R.value = b, I.appendChild(F), I.appendChild(R), v.appendChild(I), e.appendChild(v);
     const x = document.createElement("div");
     x.className = "tbw-filter-buttons";
     const S = document.createElement("button");
@@ -1885,28 +1992,28 @@ class N extends A {
     this.filters.set(e, i), this.cachedResult = null, this.cacheKey = null;
   }
 }
-function Ie(s) {
-  if (!s.length) return [];
-  const e = /* @__PURE__ */ new Map(), t = [], i = (o, a) => {
-    if (!a.length) return;
+function Fe(a) {
+  if (!a.length) return [];
+  const e = /* @__PURE__ */ new Map(), t = [], i = (o, s) => {
+    if (!s.length) return;
     const l = t[t.length - 1];
     if (l && l.implicit && l.firstIndex + l.columns.length === o) {
-      l.columns.push(...a);
+      l.columns.push(...s);
       return;
     }
     t.push({
       id: "__implicit__" + o,
       label: void 0,
-      columns: a,
+      columns: s,
       firstIndex: o,
       implicit: !0
     });
   };
   let n = [], r = 0;
-  return s.forEach((o, a) => {
+  return a.forEach((o, s) => {
     const l = o.group;
     if (!l) {
-      n.length === 0 && (r = a), n.push(o);
+      n.length === 0 && (r = s), n.push(o);
       return;
     }
     n.length && (i(r, n.slice()), n = []);
@@ -1916,43 +2023,43 @@ function Ie(s) {
       id: d,
       label: typeof l == "string" ? void 0 : l.label,
       columns: [],
-      firstIndex: a
+      firstIndex: 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;
+  }), n.length && i(r, n), t.length === 1 && t[0].implicit && t[0].columns.length === a.length ? [] : t;
 }
-function Yt(s, e, t) {
-  if (!e.length || !s) return;
+function Ut(a, e, t) {
+  if (!e.length || !a) return;
   const i = /* @__PURE__ */ new Map();
   for (const r of e)
     for (const o of r.columns)
       o.field && i.set(o.field, r.id);
-  const n = Array.from(s.querySelectorAll(".cell[data-field]"));
+  const n = Array.from(a.querySelectorAll(".cell[data-field]"));
   n.forEach((r) => {
-    const o = r.getAttribute("data-field") || "", a = i.get(o);
-    a && (r.classList.add("grouped"), r.getAttribute("data-group") || r.setAttribute("data-group", a));
+    const o = r.getAttribute("data-field") || "", s = i.get(o);
+    s && (r.classList.add("grouped"), r.getAttribute("data-group") || r.setAttribute("data-group", s));
   });
   for (const r of e) {
-    const o = r.columns[r.columns.length - 1], a = n.find((l) => l.getAttribute("data-field") === o.field);
-    a && a.classList.add("group-end");
+    const o = r.columns[r.columns.length - 1], s = n.find((l) => l.getAttribute("data-field") === o.field);
+    s && s.classList.add("group-end");
   }
 }
-function Xt(s, e) {
-  if (s.length === 0) return null;
+function Yt(a, e) {
+  if (a.length === 0) return null;
   const t = document.createElement("div");
   t.className = "header-group-row", t.setAttribute("role", "row");
-  for (const i of s) {
+  for (const i of a) {
     const n = i.columns[0], r = n ? e.findIndex((d) => d.field === n.field) : -1;
     if (r === -1) continue;
-    const o = String(i.id).startsWith("__implicit__"), a = o ? "" : i.label || i.id, l = document.createElement("div");
-    l.className = "cell header-group-cell", o && l.classList.add("implicit-group"), l.setAttribute("data-group", String(i.id)), l.style.gridColumn = `${r + 1} / span ${i.columns.length}`, l.textContent = a, t.appendChild(l);
+    const o = String(i.id).startsWith("__implicit__"), s = o ? "" : i.label || i.id, l = document.createElement("div");
+    l.className = "cell header-group-cell", o && l.classList.add("implicit-group"), l.setAttribute("data-group", String(i.id)), l.style.gridColumn = `${r + 1} / span ${i.columns.length}`, l.textContent = s, t.appendChild(l);
   }
   return t;
 }
-function Zt(s) {
-  return s.some((e) => e.group != null);
+function Xt(a) {
+  return a.some((e) => e.group != null);
 }
-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 yn extends A {
+const Zt = "@layer tbw-plugins{.header-group-row{display:grid;grid-auto-flow:column;background:var(--tbw-grouping-columns-header-bg, var(--tbw-color-header-bg));border-bottom:1px solid var(--tbw-grouping-columns-border, var(--tbw-color-border))}.header-group-cell{display:flex;align-items:center;justify-content:center;padding:var(--tbw-button-padding-sm, .25rem .5rem);font-weight:600;font-size:var(--tbw-font-size-sm, .9em);text-transform:uppercase;letter-spacing:.5px;border-right:2px solid var(--tbw-grouping-columns-separator, var(--tbw-color-border-strong, var(--tbw-color-border)))}.header-group-cell:last-child{border-right:none}.header-row .cell.grouped{border-top:none}.header-row .cell.group-end{border-right:2px solid var(--tbw-grouping-columns-separator, var(--tbw-color-border-strong, var(--tbw-color-border)))}.header-row .cell.group-end:last-child{border-right:none}.rows .cell.group-end{border-right:2px solid var(--tbw-grouping-columns-separator, var(--tbw-color-border-strong, var(--tbw-color-border)))}.rows .cell.group-end:last-child{border-right:none}.header-group-row.no-borders{border-bottom:none}.header-group-row.no-borders .header-group-cell{border-right:none}.header-row.no-group-borders .cell.group-end{border-right:1px solid var(--tbw-color-border)}}";
+class vn extends A {
   static manifest = {
     ownedProperties: [
       {
@@ -1969,7 +2076,7 @@ class yn extends A {
     ]
   };
   name = "groupingColumns";
-  styles = Qt;
+  styles = Zt;
   get defaultConfig() {
     return {
       showGroupBorders: !0
@@ -1984,7 +2091,7 @@ class yn extends A {
     if (t?.columnGroups && Array.isArray(t.columnGroups) && t.columnGroups.length > 0)
       return !0;
     const i = t?.columns;
-    return Array.isArray(i) ? Zt(i) : !1;
+    return Array.isArray(i) ? Xt(i) : !1;
   }
   processColumns(e) {
     const t = this.grid?.gridConfig?.columnGroups;
@@ -1992,15 +2099,15 @@ class yn extends A {
     if (t && Array.isArray(t) && t.length > 0) {
       const r = /* @__PURE__ */ new Map();
       for (const o of t)
-        for (const a of o.children)
-          r.set(a, { id: o.id, label: o.header });
+        for (const s of o.children)
+          r.set(s, { id: o.id, label: o.header });
       i = e.map((o) => {
-        const a = r.get(o.field);
-        return a && !o.group ? { ...o, group: a } : o;
+        const s = r.get(o.field);
+        return s && !o.group ? { ...o, group: s } : o;
       });
     } else
       i = [...e];
-    const n = Ie(i);
+    const n = Fe(i);
     return n.length === 0 ? (this.isActive = !1, this.groups = [], i) : (this.isActive = !0, this.groups = n, i);
   }
   afterRender() {
@@ -2013,16 +2120,16 @@ class yn extends A {
     if (!e) return;
     const t = e.querySelector(".header-group-row");
     t && t.remove();
-    const i = this.columns, n = Ie(i);
+    const i = this.columns, n = Fe(i);
     if (n.length === 0) return;
-    const r = Xt(n, i);
+    const r = Yt(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 s = e.querySelector(".header-row");
+      s ? e.insertBefore(r, s) : e.appendChild(r);
     }
     const o = e.querySelector(".header-row");
-    o && (o.classList.toggle("no-group-borders", !this.config.showGroupBorders), Yt(o, n)), this.#e(n);
+    o && (o.classList.toggle("no-group-borders", !this.config.showGroupBorders), Ut(o, n)), this.#e(n);
   }
   #e(e) {
     if (!this.config.showGroupBorders) return;
@@ -2053,12 +2160,12 @@ class yn extends A {
     this.requestRender();
   }
 }
-function Pe({ rows: s, config: e, expanded: t, initialExpanded: i }) {
+function Pe({ rows: a, config: e, expanded: t, initialExpanded: i }) {
   const n = e.groupOn;
   if (typeof n != "function")
     return [];
   const r = { key: "__root__", value: null, depth: -1, rows: [], children: /* @__PURE__ */ new Map() };
-  if (s.forEach((d) => {
+  if (a.forEach((d) => {
     let c = n(d);
     c == null || c === !1 ? c = ["__ungrouped__"] : Array.isArray(c) || (c = [c]);
     let u = r;
@@ -2067,57 +2174,57 @@ function Pe({ rows: s, config: e, expanded: t, initialExpanded: i }) {
       let w = u.children.get(f);
       w || (w = { key: p, value: h, depth: g, rows: [], children: /* @__PURE__ */ new Map(), parent: u }, u.children.set(f, w)), u = w;
     }), u.rows.push(d);
-  }), r.children.size === 1 && r.children.has("__ungrouped__") && r.children.get("__ungrouped__").rows.length === s.length)
+  }), r.children.size === 1 && r.children.has("__ungrouped__") && r.children.get("__ungrouped__").rows.length === a.length)
     return [];
-  const o = /* @__PURE__ */ new Set([...t, ...i ?? []]), a = [], l = (d) => {
+  const o = /* @__PURE__ */ new Set([...t, ...i ?? []]), s = [], l = (d) => {
     if (d === r) {
       d.children.forEach((u) => l(u));
       return;
     }
     const c = o.has(d.key);
-    a.push({
+    s.push({
       kind: "group",
       key: d.key,
       value: d.value,
       depth: d.depth,
       rows: d.rows,
       expanded: c
-    }), c && (d.children.size ? d.children.forEach((u) => l(u)) : d.rows.forEach((u) => a.push({ kind: "data", row: u, rowIndex: s.indexOf(u) })));
+    }), c && (d.children.size ? d.children.forEach((u) => l(u)) : d.rows.forEach((u) => s.push({ kind: "data", row: u, rowIndex: a.indexOf(u) })));
   };
-  return l(r), a;
+  return l(r), s;
 }
-function Jt(s, e) {
-  const t = new Set(s);
+function Qt(a, e) {
+  const t = new Set(a);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
-function ei(s) {
+function Jt(a) {
   const e = /* @__PURE__ */ new Set();
-  for (const t of s)
+  for (const t of a)
     t.kind === "group" && e.add(t.key);
   return e;
 }
-function ti() {
+function ei() {
   return /* @__PURE__ */ new Set();
 }
-function ii(s, e) {
-  if (s === !0)
+function ti(a, e) {
+  if (a === !0)
     return new Set(e);
-  if (s === !1 || s == null)
+  if (a === !1 || a == null)
     return /* @__PURE__ */ new Set();
-  if (typeof s == "number") {
-    const t = e[s];
+  if (typeof a == "number") {
+    const t = e[a];
     return t ? /* @__PURE__ */ new Set([t]) : /* @__PURE__ */ new Set();
   }
-  return typeof s == "string" ? /* @__PURE__ */ new Set([s]) : Array.isArray(s) ? new Set(s) : /* @__PURE__ */ new Set();
+  return typeof a == "string" ? /* @__PURE__ */ new Set([a]) : Array.isArray(a) ? new Set(a) : /* @__PURE__ */ new Set();
 }
-function ni(s) {
-  return s.filter((e) => e.kind === "group").map((e) => e.key);
+function ii(a) {
+  return a.filter((e) => e.kind === "group").map((e) => e.key);
 }
-function ri(s) {
-  return s.kind !== "group" ? 0 : s.rows.length;
+function ni(a) {
+  return a.kind !== "group" ? 0 : a.rows.length;
 }
-const oi = "@layer tbw-plugins{.group-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-grouping-rows-bg, var(--tbw-color-panel-bg));font-weight:500;border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height)}.group-row .cell{display:flex;align-items:center;padding:var(--tbw-cell-padding, .125rem .5rem)}.group-row:hover{background:var(--tbw-grouping-rows-bg-hover, var(--tbw-color-row-hover))}.group-toggle{cursor:pointer;user-select:none;display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-toggle-size, 1.25rem);height:var(--tbw-toggle-size, 1.25rem);margin-right:.25rem;background:none;border:0;font:inherit}.group-toggle:hover{background:var(--tbw-grouping-rows-toggle-hover, var(--tbw-color-row-hover));border-radius:var(--tbw-border-radius, .125rem)}.group-label{display:inline-flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.group-count{color:var(--tbw-grouping-rows-count-color, var(--tbw-color-fg-muted));font-size:var(--tbw-font-size-xs, .85em);font-weight:400}.group-aggregates{display:inline-flex;align-items:center;gap:var(--tbw-spacing-lg, 1rem);margin-left:var(--tbw-spacing-lg, 1rem);font-weight:400;font-size:var(--tbw-font-size-sm, .875em);color:var(--tbw-grouping-rows-aggregate-color, var(--tbw-color-fg-muted))}.group-aggregate{white-space:nowrap}.group-row{padding-left:calc(var(--tbw-group-depth, 0) * var(--tbw-group-indent-width, 1.25em))}.data-grid-row.tbw-group-slide-in{animation:tbw-group-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-group-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.data-grid-row.tbw-group-fade-in{animation:tbw-group-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-group-fade-in{0%{opacity:0}to{opacity:1}}}";
-class xn extends A {
+const ri = "@layer tbw-plugins{.group-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-grouping-rows-bg, var(--tbw-color-panel-bg));font-weight:500;border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height)}.group-row .cell{display:flex;align-items:center;padding:var(--tbw-cell-padding, .125rem .5rem)}.group-row:hover{background:var(--tbw-grouping-rows-bg-hover, var(--tbw-color-row-hover))}.group-toggle{cursor:pointer;user-select:none;display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-toggle-size, 1.25rem);height:var(--tbw-toggle-size, 1.25rem);margin-right:.25rem;background:none;border:0;font:inherit}.group-toggle:hover{background:var(--tbw-grouping-rows-toggle-hover, var(--tbw-color-row-hover));border-radius:var(--tbw-border-radius, .125rem)}.group-label{display:inline-flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.group-count{color:var(--tbw-grouping-rows-count-color, var(--tbw-color-fg-muted));font-size:var(--tbw-font-size-xs, .85em);font-weight:400}.group-aggregates{display:inline-flex;align-items:center;gap:var(--tbw-spacing-lg, 1rem);margin-left:var(--tbw-spacing-lg, 1rem);font-weight:400;font-size:var(--tbw-font-size-sm, .875em);color:var(--tbw-grouping-rows-aggregate-color, var(--tbw-color-fg-muted))}.group-aggregate{white-space:nowrap}.group-row{padding-left:calc(var(--tbw-group-depth, 0) * var(--tbw-group-indent-width, 1.25em))}.data-grid-row.tbw-group-slide-in{animation:tbw-group-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-group-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.data-grid-row.tbw-group-fade-in{animation:tbw-group-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-group-fade-in{0%{opacity:0}to{opacity:1}}}";
+class yn extends A {
   static manifest = {
     events: [
       {
@@ -2144,7 +2251,7 @@ class xn extends A {
     ]
   };
   name = "groupingRows";
-  styles = oi;
+  styles = ri;
   get defaultConfig() {
     return {
       defaultExpanded: !1,
@@ -2187,8 +2294,8 @@ class xn extends A {
       return this.isActive = !1, this.flattenedRows = [], [...e];
     let n;
     if (!this.hasAppliedDefaultExpanded && this.expandedKeys.size === 0 && t.defaultExpanded !== !1) {
-      const a = ni(i);
-      n = ii(t.defaultExpanded ?? !1, a), n.size > 0 && (this.expandedKeys = new Set(n), this.hasAppliedDefaultExpanded = !0);
+      const s = ii(i);
+      n = ti(t.defaultExpanded ?? !1, s), n.size > 0 && (this.expandedKeys = new Set(n), this.hasAppliedDefaultExpanded = !0);
     }
     const r = Pe({
       rows: [...e],
@@ -2198,20 +2305,20 @@ class xn extends A {
     });
     this.isActive = !0, this.flattenedRows = r, this.keysToAnimate.clear();
     const o = /* @__PURE__ */ new Set();
-    return r.forEach((a, l) => {
-      if (a.kind === "data") {
+    return r.forEach((s, l) => {
+      if (s.kind === "data") {
         const d = `data-${l}`;
         o.add(d), this.previousVisibleKeys.has(d) || this.keysToAnimate.add(d);
       }
-    }), this.previousVisibleKeys = o, r.map((a) => a.kind === "group" ? {
+    }), this.previousVisibleKeys = o, r.map((s) => s.kind === "group" ? {
       __isGroupRow: !0,
-      __groupKey: a.key,
-      __groupValue: a.value,
-      __groupDepth: a.depth,
-      __groupRows: a.rows,
-      __groupExpanded: a.expanded,
-      __groupRowCount: ri(a)
-    } : a.row);
+      __groupKey: s.key,
+      __groupValue: s.value,
+      __groupDepth: s.depth,
+      __groupRows: s.rows,
+      __groupExpanded: s.expanded,
+      __groupRowCount: ni(s)
+    } : s.row);
   }
   onCellClick(e) {
     const t = e.row;
@@ -2229,7 +2336,7 @@ class xn extends A {
       return !1;
     const n = this.config;
     if (n.groupRowRenderer) {
-      const a = () => {
+      const s = () => {
         this.toggle(e.__groupKey);
       }, l = n.groupRowRenderer({
         key: e.__groupKey,
@@ -2237,7 +2344,7 @@ class xn extends A {
         depth: e.__groupDepth,
         rows: e.__groupRows,
         expanded: e.__groupExpanded,
-        toggleExpand: a
+        toggleExpand: s
       });
       if (l)
         return t.className = "data-grid-row group-row", t.__isCustomRow = !0, t.setAttribute("data-group-depth", String(e.__groupDepth)), typeof l == "string" ? t.innerHTML = l : (t.innerHTML = "", t.appendChild(l)), !0;
@@ -2270,12 +2377,12 @@ class xn extends A {
     return n.formatLabel ? n.formatLabel(e, t, i) : String(e);
   }
   renderFullWidthGroupRow(e, t, i) {
-    const n = this.config, r = n.aggregators ?? {}, o = e.__groupRows ?? [], a = document.createElement("div");
-    a.className = "cell group-full", a.style.gridColumn = "1 / -1", a.setAttribute("role", "gridcell"), a.setAttribute("data-col", "0"), a.appendChild(this.createToggleButton(e.__groupExpanded, i));
+    const n = this.config, r = n.aggregators ?? {}, o = e.__groupRows ?? [], s = document.createElement("div");
+    s.className = "cell group-full", s.style.gridColumn = "1 / -1", s.setAttribute("role", "gridcell"), s.setAttribute("data-col", "0"), s.appendChild(this.createToggleButton(e.__groupExpanded, i));
     const l = document.createElement("span");
-    if (l.className = "group-label", l.textContent = this.getGroupLabelText(e.__groupValue, e.__groupDepth || 0, e.__groupKey), a.appendChild(l), n.showRowCount !== !1) {
+    if (l.className = "group-label", l.textContent = this.getGroupLabelText(e.__groupValue, e.__groupDepth || 0, e.__groupKey), s.appendChild(l), n.showRowCount !== !1) {
       const c = document.createElement("span");
-      c.className = "group-count", c.textContent = `(${e.__groupRowCount ?? e.__groupRows?.length ?? 0})`, a.appendChild(c);
+      c.className = "group-count", c.textContent = `(${e.__groupRowCount ?? e.__groupRows?.length ?? 0})`, s.appendChild(c);
     }
     const d = Object.entries(r);
     if (d.length > 0) {
@@ -2290,12 +2397,12 @@ class xn extends A {
           p.textContent = `${w}: ${f}`, c.appendChild(p);
         }
       }
-      c.children.length > 0 && a.appendChild(c);
+      c.children.length > 0 && s.appendChild(c);
     }
-    t.appendChild(a);
+    t.appendChild(s);
   }
   renderPerColumnGroupRow(e, t, i) {
-    const n = this.config, r = n.aggregators ?? {}, o = this.columns, a = e.__groupRows ?? [], d = this.gridElement?.querySelector(".body")?.style.gridTemplateColumns || "";
+    const n = this.config, r = n.aggregators ?? {}, o = this.columns, s = e.__groupRows ?? [], d = this.gridElement?.querySelector(".body")?.style.gridTemplateColumns || "";
     d && (t.style.display = "grid", t.style.gridTemplateColumns = d);
     let c = !1;
     o.forEach((u, h) => {
@@ -2307,7 +2414,7 @@ class xn extends A {
       if (c) {
         const f = r[u.field];
         if (f) {
-          const p = ee(f, a, u.field, u);
+          const p = ee(f, s, u.field, u);
           g.textContent = p != null ? String(p) : "";
         } else
           g.textContent = "";
@@ -2315,23 +2422,23 @@ class xn extends A {
         c = !0, g.appendChild(this.createToggleButton(e.__groupExpanded, i));
         const f = document.createElement("span"), p = r[u.field];
         if (p) {
-          const w = ee(p, a, u.field, u);
+          const w = ee(p, s, u.field, u);
           f.textContent = w != null ? String(w) : String(e.__groupValue);
         } else
           f.textContent = this.getGroupLabelText(e.__groupValue, e.__groupDepth || 0, e.__groupKey);
         if (g.appendChild(f), n.showRowCount !== !1) {
           const w = document.createElement("span");
-          w.className = "group-count", w.textContent = ` (${a.length})`, g.appendChild(w);
+          w.className = "group-count", w.textContent = ` (${s.length})`, g.appendChild(w);
         }
       }
       t.appendChild(g);
     });
   }
   expandAll() {
-    this.expandedKeys = ei(this.flattenedRows), this.emitPluginEvent("grouping-state-change", { expandedKeys: [...this.expandedKeys] }), this.requestRender();
+    this.expandedKeys = Jt(this.flattenedRows), this.emitPluginEvent("grouping-state-change", { expandedKeys: [...this.expandedKeys] }), this.requestRender();
   }
   collapseAll() {
-    this.expandedKeys = ti(), this.emitPluginEvent("grouping-state-change", { expandedKeys: [...this.expandedKeys] }), this.requestRender();
+    this.expandedKeys = ei(), this.emitPluginEvent("grouping-state-change", { expandedKeys: [...this.expandedKeys] }), this.requestRender();
   }
   toggle(e) {
     const t = !this.expandedKeys.has(e), i = this.config, n = this.flattenedRows.find((r) => r.kind === "group" && r.key === e);
@@ -2341,12 +2448,12 @@ class xn extends A {
         if (e.startsWith(o + "||") || o.startsWith(e + "||"))
           e.startsWith(o + "||") && r.add(o);
         else {
-          const a = this.flattenedRows.find((l) => l.kind === "group" && l.key === o);
-          a && a.depth !== n.depth && r.add(o);
+          const s = this.flattenedRows.find((l) => l.kind === "group" && l.key === o);
+          s && s.depth !== n.depth && r.add(o);
         }
       r.add(e), this.expandedKeys = r;
     } else
-      this.expandedKeys = Jt(this.expandedKeys, e);
+      this.expandedKeys = Qt(this.expandedKeys, e);
     this.emit("group-toggle", {
       key: e,
       expanded: this.expandedKeys.has(e),
@@ -2396,33 +2503,33 @@ class xn extends A {
     this.config.groupOn = e, this.requestRender();
   }
 }
-function De(s, e) {
-  const t = new Set(s);
+function De(a, e) {
+  const t = new Set(a);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
-function si(s, e) {
-  const t = new Set(s);
+function oi(a, e) {
+  const t = new Set(a);
   return t.add(e), t;
 }
-function ai(s, e) {
-  const t = new Set(s);
+function si(a, e) {
+  const t = new Set(a);
   return t.delete(e), t;
 }
-function li(s, e) {
-  return s.has(e);
+function ai(a, e) {
+  return a.has(e);
 }
-function di(s, e, t, i) {
+function li(a, 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");
   r.className = "master-detail-cell", r.setAttribute("role", "cell"), r.style.gridColumn = `1 / ${i + 1}`;
-  const o = t(s, e);
+  const o = t(a, e);
   return typeof o == "string" ? r.innerHTML = o : o instanceof HTMLElement && r.appendChild(o), n.appendChild(r), n;
 }
-const ci = "@layer tbw-plugins{tbw-grid{.cell[data-field=__tbw_expander]{border-right:none!important;padding:0;display:flex;align-items:center;justify-content:center}.header-row .cell[data-field=__tbw_expander]{display:none}.header-row .cell[data-field=__tbw_expander]+.cell{grid-column:1 / 3}.master-detail-expander{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.master-detail-toggle{cursor:pointer;opacity:.7;user-select:none;display:inline-flex;align-items:center;justify-content:center}.master-detail-toggle:hover{opacity:1}.master-detail-row{grid-column:1 / -1;display:grid;background:var(--tbw-master-detail-bg, var(--tbw-color-row-alt));border-bottom:1px solid var(--tbw-master-detail-border, var(--tbw-color-border));overflow:hidden}.master-detail-cell{padding:var(--tbw-detail-padding, var(--tbw-spacing-xl, 1rem));overflow:auto}.master-detail-row.tbw-expanding{animation:tbw-detail-expand var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}.master-detail-row.tbw-collapsing{animation:tbw-detail-collapse var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}}@keyframes tbw-detail-expand{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:var(--tbw-detail-max-height, 31.25rem);padding-top:var(--tbw-detail-padding, var(--tbw-spacing-xl, 1rem));padding-bottom:var(--tbw-detail-padding, var(--tbw-spacing-xl, 1rem))}}@keyframes tbw-detail-collapse{0%{opacity:1;max-height:var(--tbw-detail-max-height, 31.25rem)}to{opacity:0;max-height:0}}}";
+const di = "@layer tbw-plugins{tbw-grid{.cell[data-field=__tbw_expander]{border-right:none!important;padding:0;display:flex;align-items:center;justify-content:center}.header-row .cell[data-field=__tbw_expander]{display:none}.header-row .cell[data-field=__tbw_expander]+.cell{grid-column:1 / 3}.master-detail-expander{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.master-detail-toggle{cursor:pointer;opacity:.7;user-select:none;display:inline-flex;align-items:center;justify-content:center}.master-detail-toggle:hover{opacity:1}.master-detail-row{grid-column:1 / -1;display:grid;background:var(--tbw-master-detail-bg, var(--tbw-color-row-alt));border-bottom:1px solid var(--tbw-master-detail-border, var(--tbw-color-border));overflow:hidden}.master-detail-cell{padding:var(--tbw-detail-padding, var(--tbw-spacing-xl, 1rem));overflow:auto}.master-detail-row.tbw-expanding{animation:tbw-detail-expand var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}.master-detail-row.tbw-collapsing{animation:tbw-detail-collapse var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}}@keyframes tbw-detail-expand{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:var(--tbw-detail-max-height, 31.25rem);padding-top:var(--tbw-detail-padding, var(--tbw-spacing-xl, 1rem));padding-bottom:var(--tbw-detail-padding, var(--tbw-spacing-xl, 1rem))}}@keyframes tbw-detail-collapse{0%{opacity:1;max-height:var(--tbw-detail-max-height, 31.25rem)}to{opacity:0;max-height:0}}}";
 class nt extends A {
   name = "masterDetail";
-  styles = ci;
+  styles = di;
   get defaultConfig() {
     return {
       detailHeight: "auto",
@@ -2447,8 +2554,8 @@ class nt extends A {
         return;
       }
     }
-    const n = t.getAttribute("animation"), r = t.getAttribute("show-expand-column"), o = t.getAttribute("expand-on-row-click"), a = t.getAttribute("collapse-on-click-outside"), l = t.getAttribute("height"), d = {};
-    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 n = t.getAttribute("animation"), r = t.getAttribute("show-expand-column"), o = t.getAttribute("expand-on-row-click"), s = t.getAttribute("collapse-on-click-outside"), l = t.getAttribute("height"), d = {};
+    n !== null && (d.animation = n === "false" ? !1 : n), r !== null && (d.showExpandColumn = r !== "false"), o !== null && (d.expandOnRowClick = o === "true"), s !== null && (d.collapseOnClickOutside = s === "true"), l !== null && (d.detailHeight = l === "auto" ? "auto" : parseInt(l, 10));
     const c = t.innerHTML.trim();
     c && !this.config.detailRenderer && (d.detailRenderer = (u, h) => {
       const g = Je(c, { value: u, row: u });
@@ -2499,11 +2606,11 @@ class nt extends A {
     if (!(this.config.showExpandColumn === !0 || this.config.showExpandColumn !== !1 && !!this.config.detailRenderer))
       return [...e];
     const i = [...e];
-    if (bt(i))
+    if (wt(i))
       return i;
-    const r = vt(this.name);
+    const r = bt(this.name);
     return r.viewRenderer = (o) => {
-      const { row: a } = o, l = this.expandedRows.has(a), d = document.createElement("span");
+      const { row: s } = o, l = this.expandedRows.has(s), d = document.createElement("span");
       d.className = "master-detail-expander expander-cell";
       const c = document.createElement("span");
       return c.className = `master-detail-toggle${l ? " expanded" : ""}`, this.setIcon(c, this.resolveIcon(l ? "collapse" : "expand")), c.setAttribute("role", "button"), c.setAttribute("tabindex", "0"), c.setAttribute("aria-expanded", String(l)), c.setAttribute("aria-label", l ? "Collapse details" : "Expand details"), d.appendChild(c), d;
@@ -2538,24 +2645,24 @@ class nt extends A {
     if (!e) return;
     const t = /* @__PURE__ */ new Map(), i = e.querySelectorAll(".data-grid-row"), n = this.columns.length;
     for (const o of i) {
-      const a = o.querySelector(".cell[data-row]"), l = a ? parseInt(a.getAttribute("data-row") ?? "-1", 10) : -1;
+      const s = o.querySelector(".cell[data-row]"), l = s ? parseInt(s.getAttribute("data-row") ?? "-1", 10) : -1;
       l >= 0 && t.set(l, o);
     }
     const r = e.querySelectorAll(".master-detail-row");
     for (const o of r) {
-      const a = parseInt(o.getAttribute("data-detail-for") ?? "-1", 10), l = a >= 0 ? this.rows[a] : void 0, d = l && this.expandedRows.has(l), c = t.has(a);
+      const s = parseInt(o.getAttribute("data-detail-for") ?? "-1", 10), l = s >= 0 ? this.rows[s] : void 0, d = l && this.expandedRows.has(l), c = t.has(s);
       (!d || !c) && (o.remove(), l && this.detailElements.delete(l));
     }
-    for (const [o, a] of t) {
+    for (const [o, s] of t) {
       const l = this.rows[o];
       if (!l || !this.expandedRows.has(l)) continue;
       const d = this.detailElements.get(l);
       if (d) {
-        d.previousElementSibling !== a && a.after(d);
+        d.previousElementSibling !== s && s.after(d);
         continue;
       }
-      const c = di(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);
+      const c = li(l, o, this.config.detailRenderer, n);
+      typeof this.config.detailHeight == "number" && (c.style.height = `${this.config.detailHeight}px`), s.after(c), this.detailElements.set(l, c), this.animateExpand(c);
     }
   }
   getExtraHeight() {
@@ -2575,25 +2682,25 @@ class nt extends A {
   adjustVirtualStart(e, t, i) {
     if (this.expandedRows.size === 0) return e;
     const n = [];
-    for (const a of this.expandedRows) {
-      const l = this.rows.indexOf(a);
-      l >= 0 && n.push({ index: l, row: a });
+    for (const s of this.expandedRows) {
+      const l = this.rows.indexOf(s);
+      l >= 0 && n.push({ index: l, row: s });
     }
-    n.sort((a, l) => a.index - l.index);
+    n.sort((s, l) => s.index - l.index);
     let r = e, o = 0;
-    for (const { index: a, row: l } of n) {
-      const d = a * i + o, c = this.getDetailHeight(l), u = d + i + c;
-      o += c, !(a >= e) && u > t && a < r && (r = a);
+    for (const { index: s, row: l } of n) {
+      const d = s * i + o, c = this.getDetailHeight(l), u = d + i + c;
+      o += c, !(s >= e) && u > t && s < r && (r = s);
     }
     return r;
   }
   expand(e) {
     const t = this.rows[e];
-    t && (this.expandedRows = si(this.expandedRows, t), this.requestRender());
+    t && (this.expandedRows = oi(this.expandedRows, t), this.requestRender());
   }
   collapse(e) {
     const t = this.rows[e];
-    t && (this.expandedRows = ai(this.expandedRows, t), this.requestRender());
+    t && (this.expandedRows = si(this.expandedRows, t), this.requestRender());
   }
   toggle(e) {
     const t = this.rows[e];
@@ -2601,7 +2708,7 @@ class nt extends A {
   }
   isExpanded(e) {
     const t = this.rows[e];
-    return t ? li(this.expandedRows, t) : !1;
+    return t ? ai(this.expandedRows, t) : !1;
   }
   expandAll() {
     for (const e of this.rows)
@@ -2631,34 +2738,34 @@ class nt extends A {
     }
   }
 }
-function ui(s, e, t) {
-  return e.length ? [...s].sort((i, n) => {
+function ci(a, e, t) {
+  return e.length ? [...a].sort((i, n) => {
     for (const r of e) {
-      const a = t.find((u) => u.field === r.field)?.sortComparator ?? hi, l = i[r.field], d = n[r.field], c = a(l, d, i, n);
+      const s = t.find((u) => u.field === r.field)?.sortComparator ?? ui, l = i[r.field], d = n[r.field], c = s(l, d, i, n);
       if (c !== 0)
         return r.direction === "asc" ? c : -c;
     }
     return 0;
-  }) : [...s];
+  }) : [...a];
 }
-function hi(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 ui(a, e) {
+  return a == null && e == null ? 0 : a == null ? 1 : e == null ? -1 : typeof a == "number" && typeof e == "number" ? a - e : a instanceof Date && e instanceof Date ? a.getTime() - e.getTime() : typeof a == "boolean" && typeof e == "boolean" ? a === e ? 0 : a ? -1 : 1 : String(a).localeCompare(String(e));
 }
-function gi(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 hi(a, e, t, i) {
+  const n = a.find((r) => r.field === e);
+  return t ? n ? n.direction === "asc" ? a.map((r) => r.field === e ? { ...r, direction: "desc" } : r) : a.filter((r) => r.field !== e) : a.length < i ? [...a, { field: e, direction: "asc" }] : a : n?.direction === "asc" ? [{ field: e, direction: "desc" }] : n?.direction === "desc" ? [] : [{ field: e, direction: "asc" }];
 }
-function Me(s, e) {
-  const t = s.findIndex((i) => i.field === e);
+function Me(a, e) {
+  const t = a.findIndex((i) => i.field === e);
   return t >= 0 ? t + 1 : void 0;
 }
-function Ne(s, e) {
-  return s.find((t) => t.field === e)?.direction;
+function Ne(a, e) {
+  return a.find((t) => t.field === e)?.direction;
 }
-const fi = '@layer tbw-plugins{.header-cell[data-sort=asc]:after{content:"↑";margin-left:var(--tbw-spacing-xs, .25em);opacity:.8}.header-cell[data-sort=desc]:after{content:"↓";margin-left:var(--tbw-spacing-xs, .25em);opacity:.8}.sort-indicator{margin-left:var(--tbw-spacing-xs, .25em);opacity:.8}.sort-index{font-size:var(--tbw-font-size-2xs, .7em);background:var(--tbw-multi-sort-badge-bg, var(--tbw-color-panel-bg));color:var(--tbw-multi-sort-badge-color, var(--tbw-color-fg));border-radius:50%;width:var(--tbw-multi-sort-badge-size, 1em);height:var(--tbw-multi-sort-badge-size, 1em);display:inline-flex;align-items:center;justify-content:center;margin-left:var(--tbw-spacing-xs, .125em);font-weight:600}}';
-class Cn extends A {
+const gi = '@layer tbw-plugins{.header-cell[data-sort=asc]:after{content:"↑";margin-left:var(--tbw-spacing-xs, .25em);opacity:.8}.header-cell[data-sort=desc]:after{content:"↓";margin-left:var(--tbw-spacing-xs, .25em);opacity:.8}.sort-indicator{margin-left:var(--tbw-spacing-xs, .25em);opacity:.8}.sort-index{font-size:var(--tbw-font-size-2xs, .7em);background:var(--tbw-multi-sort-badge-bg, var(--tbw-color-panel-bg));color:var(--tbw-multi-sort-badge-color, var(--tbw-color-fg));border-radius:50%;width:var(--tbw-multi-sort-badge-size, 1em);height:var(--tbw-multi-sort-badge-size, 1em);display:inline-flex;align-items:center;justify-content:center;margin-left:var(--tbw-spacing-xs, .125em);font-weight:600}}';
+class xn extends A {
   name = "multiSort";
-  styles = fi;
+  styles = gi;
   get defaultConfig() {
     return {
       maxSortColumns: 3,
@@ -2670,12 +2777,12 @@ class Cn extends A {
     this.sortModel = [];
   }
   processRows(e) {
-    return this.sortModel.length === 0 ? [...e] : ui([...e], this.sortModel, [...this.columns]);
+    return this.sortModel.length === 0 ? [...e] : ci([...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 = gi(this.sortModel, e.field, i, n), this.emit("sort-change", { sortModel: [...this.sortModel] }), this.requestRender(), !0;
+    return this.sortModel = hi(this.sortModel, e.field, i, n), this.emit("sort-change", { sortModel: [...this.sortModel] }), this.requestRender(), !0;
   }
   afterRender() {
     const e = this.gridElement;
@@ -2684,11 +2791,11 @@ class Cn extends A {
     e.querySelectorAll(".header-row .cell[data-field]").forEach((n) => {
       const r = n.getAttribute("data-field");
       if (!r) return;
-      const o = Me(this.sortModel, r), a = Ne(this.sortModel, r);
-      if (n.querySelector(".sort-index")?.remove(), a) {
-        n.querySelector('[part~="sort-indicator"], .sort-indicator')?.remove(), n.setAttribute("data-sort", a);
+      const o = Me(this.sortModel, r), s = Ne(this.sortModel, r);
+      if (n.querySelector(".sort-index")?.remove(), s) {
+        n.querySelector('[part~="sort-indicator"], .sort-indicator')?.remove(), n.setAttribute("data-sort", s);
         const c = document.createElement("span");
-        c.className = "sort-indicator", this.setIcon(c, this.resolveIcon(a === "asc" ? "sortAsc" : "sortDesc"));
+        c.className = "sort-indicator", this.setIcon(c, this.resolveIcon(s === "asc" ? "sortAsc" : "sortDesc"));
         const u = n.querySelector(".tbw-filter-btn"), h = n.querySelector(".resize-handle"), g = u ?? h;
         if (g ? n.insertBefore(c, g) : n.appendChild(c), t && this.sortModel.length > 1 && o !== void 0) {
           const f = document.createElement("span");
@@ -2734,59 +2841,59 @@ class Cn extends A {
     i !== -1 ? this.sortModel[i] = n : this.sortModel.splice(t.sort.priority, 0, n);
   }
 }
-function rt(s, e) {
-  return ft(s, e);
+function rt(a, e) {
+  return gt(a, e);
 }
-function ot(s, e) {
-  const t = s.sticky;
+function ot(a, e) {
+  const t = a.sticky;
   return t ? rt(t, e) === "left" : !1;
 }
-function st(s, e) {
-  const t = s.sticky;
+function st(a, e) {
+  const t = a.sticky;
   return t ? rt(t, e) === "right" : !1;
 }
-function pi(s, e = "ltr") {
-  return s.filter((t) => ot(t, e));
+function fi(a, e = "ltr") {
+  return a.filter((t) => ot(t, e));
 }
-function mi(s, e = "ltr") {
-  return s.filter((t) => st(t, e));
+function pi(a, e = "ltr") {
+  return a.filter((t) => st(t, e));
 }
-function se(s) {
-  return s.some(
+function se(a) {
+  return a.some(
     (e) => e.sticky === "left" || e.sticky === "right" || e.sticky === "start" || e.sticky === "end"
   );
 }
-function qe(s, e) {
-  const t = Array.from(s.querySelectorAll(".header-row .cell"));
+function qe(a, e) {
+  const t = Array.from(a.querySelectorAll(".header-row .cell"));
   if (!t.length) return;
-  const i = ue(s), n = /* @__PURE__ */ new Map();
-  e.forEach((a, l) => {
-    a.field && n.set(a.field, l);
+  const i = ue(a), n = /* @__PURE__ */ new Map();
+  e.forEach((s, l) => {
+    s.field && n.set(s.field, l);
   });
   let r = 0;
-  for (const a of e)
-    if (ot(a, i)) {
-      const l = n.get(a.field), d = t.find((c) => c.getAttribute("data-field") === a.field);
-      d && (d.classList.add("sticky-left"), d.style.position = "sticky", d.style.left = r + "px", l !== void 0 && s.querySelectorAll(`.data-grid-row .cell[data-col="${l}"]`).forEach((c) => {
+  for (const s of e)
+    if (ot(s, i)) {
+      const l = n.get(s.field), d = t.find((c) => c.getAttribute("data-field") === s.field);
+      d && (d.classList.add("sticky-left"), d.style.position = "sticky", d.style.left = r + "px", l !== void 0 && a.querySelectorAll(`.data-grid-row .cell[data-col="${l}"]`).forEach((c) => {
         c.classList.add("sticky-left"), c.style.position = "sticky", c.style.left = r + "px";
       }), r += d.offsetWidth);
     }
   let o = 0;
-  for (const a of [...e].reverse())
-    if (st(a, i)) {
-      const l = n.get(a.field), d = t.find((c) => c.getAttribute("data-field") === a.field);
-      d && (d.classList.add("sticky-right"), d.style.position = "sticky", d.style.right = o + "px", l !== void 0 && s.querySelectorAll(`.data-grid-row .cell[data-col="${l}"]`).forEach((c) => {
+  for (const s of [...e].reverse())
+    if (st(s, i)) {
+      const l = n.get(s.field), d = t.find((c) => c.getAttribute("data-field") === s.field);
+      d && (d.classList.add("sticky-right"), d.style.position = "sticky", d.style.right = o + "px", l !== void 0 && a.querySelectorAll(`.data-grid-row .cell[data-col="${l}"]`).forEach((c) => {
         c.classList.add("sticky-right"), c.style.position = "sticky", c.style.right = o + "px";
       }), o += d.offsetWidth);
     }
 }
-function He(s) {
-  s.querySelectorAll(".sticky-left, .sticky-right").forEach((t) => {
+function He(a) {
+  a.querySelectorAll(".sticky-left, .sticky-right").forEach((t) => {
     t.classList.remove("sticky-left", "sticky-right"), t.style.position = "", t.style.left = "", t.style.right = "";
   });
 }
 const Ke = "canMoveColumn";
-class En extends A {
+class Cn extends A {
   static manifest = {
     ownedProperties: [
       {
@@ -2860,11 +2967,11 @@ class En extends A {
   }
   getLeftPinnedColumns() {
     const e = [...this.columns], t = ue(this.grid);
-    return pi(e, t);
+    return fi(e, t);
   }
   getRightPinnedColumns() {
     const e = [...this.columns], t = ue(this.grid);
-    return mi(e, t);
+    return pi(e, t);
   }
   clearStickyPositions() {
     He(this.grid);
@@ -2874,10 +2981,10 @@ class En extends A {
       return;
     let i = 0, n = 0;
     if (e) {
-      const o = e.querySelectorAll(".sticky-left"), a = e.querySelectorAll(".sticky-right");
+      const o = e.querySelectorAll(".sticky-left"), s = e.querySelectorAll(".sticky-right");
       o.forEach((l) => {
         i += l.offsetWidth;
-      }), a.forEach((l) => {
+      }), s.forEach((l) => {
         n += l.offsetWidth;
       });
     } else
@@ -2888,10 +2995,10 @@ class En extends A {
     return { left: i, right: n, skipScroll: r };
   }
 }
-function wi(s) {
-  return typeof s == "object" && s !== null && "aggFunc" in s;
+function mi(a) {
+  return typeof a == "object" && a !== null && "aggFunc" in a;
 }
-function ae(s, e) {
+function ae(a, e) {
   const t = document.createElement("div");
   t.className = "tbw-pinned-rows", t.setAttribute("role", "presentation"), t.setAttribute("aria-live", "polite");
   const i = document.createElement("div");
@@ -2899,41 +3006,41 @@ function ae(s, e) {
   const n = document.createElement("div");
   n.className = "tbw-pinned-rows-center";
   const r = document.createElement("div");
-  if (r.className = "tbw-pinned-rows-right", s.showRowCount !== !1) {
+  if (r.className = "tbw-pinned-rows-right", a.showRowCount !== !1) {
     const o = document.createElement("span");
     o.className = "tbw-status-panel tbw-status-panel-row-count", o.textContent = `Total: ${e.totalRows} rows`, i.appendChild(o);
   }
-  if (s.showFilteredCount && e.filteredRows !== e.totalRows) {
+  if (a.showFilteredCount && e.filteredRows !== e.totalRows) {
     const o = document.createElement("span");
     o.className = "tbw-status-panel tbw-status-panel-filtered-count", o.textContent = `Filtered: ${e.filteredRows}`, i.appendChild(o);
   }
-  if (s.showSelectedCount && e.selectedRows > 0) {
+  if (a.showSelectedCount && e.selectedRows > 0) {
     const o = document.createElement("span");
     o.className = "tbw-status-panel tbw-status-panel-selected-count", o.textContent = `Selected: ${e.selectedRows}`, r.appendChild(o);
   }
-  if (s.customPanels)
-    for (const o of s.customPanels) {
-      const a = bi(o, e);
+  if (a.customPanels)
+    for (const o of a.customPanels) {
+      const s = wi(o, e);
       switch (o.position) {
         case "left":
-          i.appendChild(a);
+          i.appendChild(s);
           break;
         case "center":
-          n.appendChild(a);
+          n.appendChild(s);
           break;
         case "right":
-          r.appendChild(a);
+          r.appendChild(s);
           break;
       }
     }
   return t.appendChild(i), t.appendChild(n), t.appendChild(r), t;
 }
-function ze(s) {
+function ze(a) {
   const e = document.createElement("div");
-  return e.className = `tbw-aggregation-rows tbw-aggregation-rows-${s}`, e.setAttribute("role", "presentation"), e;
+  return e.className = `tbw-aggregation-rows tbw-aggregation-rows-${a}`, e.setAttribute("role", "presentation"), e;
 }
-function Oe(s, e, t, i) {
-  s.innerHTML = "";
+function Oe(a, e, t, i) {
+  a.innerHTML = "";
   for (const n of e) {
     const r = document.createElement("div");
     if (r.className = "tbw-aggregation-row", r.setAttribute("role", "presentation"), n.id && r.setAttribute("data-aggregation-id", n.id), n.fullWidth) {
@@ -2941,12 +3048,12 @@ function Oe(s, e, t, i) {
       o.className = "tbw-aggregation-cell tbw-aggregation-cell-full", o.style.gridColumn = "1 / -1", o.textContent = n.label || "", r.appendChild(o);
     } else
       for (const o of t) {
-        const a = document.createElement("div");
-        a.className = "tbw-aggregation-cell", a.setAttribute("data-field", o.field);
+        const s = document.createElement("div");
+        s.className = "tbw-aggregation-cell", s.setAttribute("data-field", o.field);
         let l, d;
         const c = n.aggregators?.[o.field];
         if (c)
-          if (wi(c)) {
+          if (mi(c)) {
             const u = ye(c.aggFunc);
             u && (l = u(i, o.field, o)), d = c.formatter;
           } else {
@@ -2957,31 +3064,31 @@ function Oe(s, e, t, i) {
           const u = n.cells[o.field];
           typeof u == "function" ? l = u(i, o.field, o) : l = u;
         }
-        l != null ? a.textContent = d ? d(l, o.field, o) : String(l) : a.textContent = "", r.appendChild(a);
+        l != null ? s.textContent = d ? d(l, o.field, o) : String(l) : s.textContent = "", r.appendChild(s);
       }
-    s.appendChild(r);
+    a.appendChild(r);
   }
 }
-function bi(s, e) {
+function wi(a, 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);
+  t.className = "tbw-status-panel tbw-status-panel-custom", t.id = `status-panel-${a.id}`;
+  const i = a.render(e);
   return typeof i == "string" ? t.innerHTML = i : t.appendChild(i), t;
 }
-function Ge(s, e, t, i, n) {
+function Ge(a, e, t, i, n) {
   return {
-    totalRows: s.length,
-    filteredRows: n?.cachedResult?.length ?? s.length,
+    totalRows: a.length,
+    filteredRows: n?.cachedResult?.length ?? a.length,
     selectedRows: i?.selected?.size ?? 0,
     columns: e,
-    rows: s,
+    rows: a,
     grid: t
   };
 }
-const vi = "@layer tbw-plugins{.tbw-footer{flex-shrink:0;z-index:var(--tbw-z-layer-pinned-rows, 20);background:var(--tbw-color-panel-bg)}.tbw-pinned-rows{display:flex;align-items:center;justify-content:space-between;padding:var(--tbw-button-padding, var(--tbw-spacing-md, .5rem) var(--tbw-spacing-lg, .75rem));background:var(--tbw-pinned-rows-bg, var(--tbw-color-panel-bg));border-top:1px solid var(--tbw-pinned-rows-border, var(--tbw-color-border));font-size:var(--tbw-font-size-xs, .75rem);color:var(--tbw-pinned-rows-color, var(--tbw-color-fg-muted));min-height:32px;box-sizing:border-box;min-width:fit-content}.tbw-pinned-rows-left,.tbw-pinned-rows-center,.tbw-pinned-rows-right{display:flex;align-items:center;gap:var(--tbw-spacing-xl, 1rem)}.tbw-pinned-rows-left{justify-content:flex-start}.tbw-pinned-rows-center{justify-content:center;flex:1}.tbw-pinned-rows-right{justify-content:flex-end}.tbw-status-panel{white-space:nowrap}.tbw-aggregation-rows{min-width:fit-content;background:var(--tbw-aggregation-bg, var(--tbw-color-header-bg))}.tbw-aggregation-rows-top{border-bottom:1px solid var(--tbw-aggregation-border, var(--tbw-color-border))}.tbw-aggregation-rows-bottom{border-top:1px solid var(--tbw-aggregation-border, var(--tbw-color-border))}.tbw-aggregation-row{display:grid;grid-template-columns:var(--tbw-column-template);font-size:var(--tbw-aggregation-font-size, .8em);font-weight:var(--tbw-aggregation-font-weight, 600)}.tbw-aggregation-cell{padding:var(--tbw-cell-padding, .125rem .5rem);min-height:var(--tbw-row-height, 1.75rem);display:block;align-items:center;border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;text-overflow:ellipsis;white-space:var(--tbw-cell-white-space, nowrap)}.tbw-aggregation-cell:last-child{border-right:0}.tbw-aggregation-cell-full{grid-column:1 / -1;border-right:0}}";
-class Rn extends A {
+const bi = "@layer tbw-plugins{.tbw-footer{flex-shrink:0;z-index:var(--tbw-z-layer-pinned-rows, 20);background:var(--tbw-color-panel-bg)}.tbw-pinned-rows{display:flex;align-items:center;justify-content:space-between;padding:var(--tbw-button-padding, var(--tbw-spacing-md, .5rem) var(--tbw-spacing-lg, .75rem));background:var(--tbw-pinned-rows-bg, var(--tbw-color-panel-bg));border-top:1px solid var(--tbw-pinned-rows-border, var(--tbw-color-border));font-size:var(--tbw-font-size-xs, .75rem);color:var(--tbw-pinned-rows-color, var(--tbw-color-fg-muted));min-height:32px;box-sizing:border-box;min-width:fit-content}.tbw-pinned-rows-left,.tbw-pinned-rows-center,.tbw-pinned-rows-right{display:flex;align-items:center;gap:var(--tbw-spacing-xl, 1rem)}.tbw-pinned-rows-left{justify-content:flex-start}.tbw-pinned-rows-center{justify-content:center;flex:1}.tbw-pinned-rows-right{justify-content:flex-end}.tbw-status-panel{white-space:nowrap}.tbw-aggregation-rows{min-width:fit-content;background:var(--tbw-aggregation-bg, var(--tbw-color-header-bg))}.tbw-aggregation-rows-top{border-bottom:1px solid var(--tbw-aggregation-border, var(--tbw-color-border))}.tbw-aggregation-rows-bottom{border-top:1px solid var(--tbw-aggregation-border, var(--tbw-color-border))}.tbw-aggregation-row{display:grid;grid-template-columns:var(--tbw-column-template);font-size:var(--tbw-aggregation-font-size, .8em);font-weight:var(--tbw-aggregation-font-weight, 600)}.tbw-aggregation-cell{padding:var(--tbw-cell-padding, .125rem .5rem);min-height:var(--tbw-row-height, 1.75rem);display:block;align-items:center;border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;text-overflow:ellipsis;white-space:var(--tbw-cell-white-space, nowrap)}.tbw-aggregation-cell:last-child{border-right:0}.tbw-aggregation-cell-full{grid-column:1 / -1;border-right:0}}";
+class En extends A {
   name = "pinnedRows";
-  styles = vi;
+  styles = bi;
   get defaultConfig() {
     return {
       position: "bottom",
@@ -3004,13 +3111,13 @@ class Rn extends A {
     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 = Ge(
-      this.rows,
+      this.sourceRows,
       this.columns,
       this.grid,
       i,
       n
-    ), o = this.config.aggregationRows || [], a = o.filter((h) => h.position === "top"), l = o.filter((h) => h.position !== "top");
-    if (a.length > 0) {
+    ), o = this.config.aggregationRows || [], s = o.filter((h) => h.position === "top"), l = o.filter((h) => h.position !== "top");
+    if (s.length > 0) {
       if (!this.topAggregationContainer) {
         this.topAggregationContainer = ze("top");
         const h = e.querySelector(".header");
@@ -3018,9 +3125,9 @@ class Rn extends A {
       }
       Oe(
         this.topAggregationContainer,
-        a,
+        s,
         this.visibleColumns,
-        this.rows
+        this.sourceRows
       );
     } else this.topAggregationContainer && (this.topAggregationContainer.remove(), this.topAggregationContainer = null);
     const d = this.config.showRowCount !== !1 || this.config.showSelectedCount && r.selectedRows > 0 || this.config.showFilteredCount && r.filteredRows !== r.totalRows || this.config.customPanels && this.config.customPanels.length > 0, c = d && this.config.position !== "top", u = l.length > 0 || c;
@@ -3036,7 +3143,7 @@ class Rn extends A {
       this.bottomAggregationContainer,
       l,
       this.visibleColumns,
-      this.rows
+      this.sourceRows
     )), c && (this.infoBarElement = ae(this.config, r), this.footerWrapper.appendChild(this.infoBarElement))) : this.cleanupFooter();
   }
   cleanup() {
@@ -3085,63 +3192,63 @@ class Rn extends A {
     this.config.aggregationRows && (this.config.aggregationRows = this.config.aggregationRows.filter((t) => t.id !== e), this.requestRender());
   }
 }
-const yi = pt;
-function xi(s) {
+const vi = ft;
+function yi(a) {
   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;
+  return !a.rowGroupFields?.length && !a.columnGroupFields?.length && e.push("At least one row or column group field is required"), a.valueFields?.length || e.push("At least one value field is required"), e;
 }
-function be(s, e) {
-  return [...s, e].join("|");
+function be(a, e) {
+  return [...a, e].join("|");
 }
-function Ci(s, e) {
-  const t = e.rowGroupFields ?? [], i = e.columnGroupFields ?? [], n = e.valueFields ?? [], r = Ei(s, i), o = at(
-    s,
+function xi(a, e) {
+  const t = e.rowGroupFields ?? [], i = e.columnGroupFields ?? [], n = e.valueFields ?? [], r = Ci(a, i), o = at(
+    a,
     t,
     i,
     r,
     n,
     0,
     ""
-  ), a = Si(o, r, n), l = Object.values(a).reduce((d, c) => d + c, 0);
+  ), s = Ri(o, r, n), l = Object.values(s).reduce((d, c) => d + c, 0);
   return {
     rows: o,
     columnKeys: r,
-    totals: a,
+    totals: s,
     grandTotal: l
   };
 }
-function Ei(s, e) {
+function Ci(a, e) {
   if (e.length === 0) return ["value"];
   const t = /* @__PURE__ */ new Set();
-  for (const i of s) {
+  for (const i of a) {
     const n = e.map((r) => String(i[r] ?? "")).join("|");
     t.add(n);
   }
   return [...t].sort();
 }
-function Ri(s, e) {
+function Ei(a, e) {
   const t = /* @__PURE__ */ new Map();
-  for (const i of s) {
+  for (const i of a) {
     const n = String(i[e] ?? ""), r = t.get(n);
     r ? r.push(i) : t.set(n, [i]);
   }
   return t;
 }
-function at(s, e, t, i, n, r, o) {
-  const a = [];
+function at(a, e, t, i, n, r, o) {
+  const s = [];
   if (e.length === 0) {
-    const h = Be(s, t, i, n), g = Ve(h);
-    return a.push({
+    const h = Be(a, t, i, n), g = Ve(h);
+    return s.push({
       rowKey: o || "all",
       rowLabel: o || "All",
       depth: r,
       values: h,
       total: g,
       isGroup: !1,
-      rowCount: s.length
-    }), a;
+      rowCount: a.length
+    }), s;
   }
-  const l = e[0], d = e.slice(1), c = d.length > 0, u = Ri(s, l);
+  const l = e[0], d = e.slice(1), c = d.length > 0, u = Ei(a, l);
   for (const [h, g] of u) {
     const f = o ? `${o}|${h}` : h, p = Be(g, t, i, n), w = Ve(p);
     let b;
@@ -3153,7 +3260,7 @@ function at(s, e, t, i, n, r, o) {
       n,
       r + 1,
       f
-    )), a.push({
+    )), s.push({
       rowKey: f,
       rowLabel: h || "(blank)",
       depth: r,
@@ -3164,90 +3271,90 @@ function at(s, e, t, i, n, r, o) {
       rowCount: g.length
     });
   }
-  return a;
+  return s;
 }
-function Be(s, e, t, i) {
+function Be(a, 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 = yi(o.aggFunc), c = l.length > 0 ? d(l) : null, u = be([r], o.field);
+      const l = (e.length > 0 ? a.filter((h) => e.map((g) => String(h[g] ?? "")).join("|") === r) : a).map((h) => Number(h[o.field]) || 0), d = vi(o.aggFunc), c = l.length > 0 ? d(l) : null, u = be([r], o.field);
       n[u] = c;
     }
   return n;
 }
-function Ve(s) {
+function Ve(a) {
   let e = 0;
-  for (const t of Object.values(s))
+  for (const t of Object.values(a))
     e += t ?? 0;
   return e;
 }
-function Si(s, e, t) {
+function Ri(a, e, t) {
   const i = {};
   function n(r) {
     for (const o of r)
       if (!o.isGroup || !o.children?.length)
-        for (const a of e)
+        for (const s of e)
           for (const l of t) {
-            const d = be([a], l.field);
+            const d = be([s], l.field);
             i[d] = (i[d] ?? 0) + (o.values[d] ?? 0);
           }
       else o.children && n(o.children);
   }
-  return n(s), i;
+  return n(a), i;
 }
-function ki(s, e, t = !0) {
+function Si(a, e, t = !0) {
   const i = [];
   function n(r) {
     i.push(r);
     const o = e ? e.has(r.rowKey) : t;
     if (r.children && o)
-      for (const a of r.children)
-        n(a);
+      for (const s of r.children)
+        n(s);
   }
-  for (const r of s)
+  for (const r of a)
     n(r);
   return i;
 }
-function Ai(s) {
+function ki(a) {
   const e = [];
   function t(i) {
     if (i.isGroup && e.push(i.rowKey), i.children)
       for (const n of i.children)
         t(n);
   }
-  for (const i of s)
+  for (const i of a)
     t(i);
   return e;
 }
-const _i = ["sum", "avg", "count", "min", "max", "first", "last"];
-function Ti(s, e, t, i) {
+const Ai = ["sum", "avg", "count", "min", "max", "first", "last"];
+function _i(a, e, t, i) {
   const n = new AbortController(), r = { config: e, callbacks: i, signal: n.signal }, o = document.createElement("div");
-  return o.className = "tbw-pivot-panel", o.appendChild(j("Options", () => Di(t, r))), o.appendChild(j("Row Groups", () => We("rowGroups", r))), o.appendChild(j("Column Groups", () => We("columnGroups", r))), o.appendChild(j("Values", () => Fi(r))), o.appendChild(j("Available Fields", () => Pi(r))), s.appendChild(o), () => {
+  return o.className = "tbw-pivot-panel", o.appendChild(j("Options", () => Pi(t, r))), o.appendChild(j("Row Groups", () => We("rowGroups", r))), o.appendChild(j("Column Groups", () => We("columnGroups", r))), o.appendChild(j("Values", () => Li(r))), o.appendChild(j("Available Fields", () => Fi(r))), a.appendChild(o), () => {
     n.abort(), o.remove();
   };
 }
-function j(s, e) {
+function j(a, e) {
   const t = document.createElement("div");
   t.className = "tbw-pivot-section";
   const i = document.createElement("div");
-  i.className = "tbw-pivot-section-header", i.textContent = s;
+  i.className = "tbw-pivot-section-header", i.textContent = a;
   const n = document.createElement("div");
   return n.className = "tbw-pivot-section-content", n.appendChild(e()), t.appendChild(i), t.appendChild(n), t;
 }
-function We(s, e) {
+function We(a, 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 ?? [];
+  r.className = "tbw-pivot-drop-zone", r.setAttribute("data-zone", a);
+  const o = a === "rowGroups" ? t.rowGroupFields ?? [] : t.columnGroupFields ?? [];
   if (o.length === 0) {
-    const a = document.createElement("div");
-    a.className = "tbw-pivot-placeholder", a.textContent = "Drag fields here or click to add", r.appendChild(a);
+    const s = document.createElement("div");
+    s.className = "tbw-pivot-placeholder", s.textContent = "Drag fields here or click to add", r.appendChild(s);
   } else
-    for (const a of o)
-      r.appendChild(Li(a, s, e));
+    for (const s of o)
+      r.appendChild(Ti(s, a, e));
   return r.addEventListener(
     "dragover",
-    (a) => {
-      a.preventDefault(), r.classList.add("drag-over");
+    (s) => {
+      s.preventDefault(), r.classList.add("drag-over");
     },
     { signal: n }
   ), r.addEventListener(
@@ -3258,30 +3365,30 @@ function We(s, e) {
     { signal: n }
   ), r.addEventListener(
     "drop",
-    (a) => {
-      a.preventDefault(), r.classList.remove("drag-over");
-      const l = a.dataTransfer?.getData("text/plain");
-      l && i.onAddFieldToZone(l, s);
+    (s) => {
+      s.preventDefault(), r.classList.remove("drag-over");
+      const l = s.dataTransfer?.getData("text/plain");
+      l && i.onAddFieldToZone(l, a);
     },
     { signal: n }
   ), r;
 }
-function Li(s, e, t) {
+function Ti(a, e, t) {
   const { callbacks: i, signal: n } = t, r = document.createElement("div");
   r.className = "tbw-pivot-field-chip", r.draggable = !0;
-  const o = i.getAvailableFields().find((d) => d.field === s), a = document.createElement("span");
-  a.className = "tbw-pivot-chip-label", a.textContent = o?.header ?? s;
+  const o = i.getAvailableFields().find((d) => d.field === a), s = document.createElement("span");
+  s.className = "tbw-pivot-chip-label", s.textContent = o?.header ?? a;
   const l = document.createElement("button");
   return l.className = "tbw-pivot-chip-remove", l.innerHTML = "×", l.title = "Remove field", l.addEventListener(
     "click",
     (d) => {
-      d.stopPropagation(), i.onRemoveFieldFromZone(s, e);
+      d.stopPropagation(), i.onRemoveFieldFromZone(a, e);
     },
     { signal: n }
-  ), r.appendChild(a), r.appendChild(l), r.addEventListener(
+  ), r.appendChild(s), r.appendChild(l), r.addEventListener(
     "dragstart",
     (d) => {
-      d.dataTransfer?.setData("text/plain", s), d.dataTransfer?.setData("source-zone", e), r.classList.add("dragging");
+      d.dataTransfer?.setData("text/plain", a), d.dataTransfer?.setData("source-zone", e), r.classList.add("dragging");
     },
     { signal: n }
   ), r.addEventListener(
@@ -3292,8 +3399,8 @@ function Li(s, e, t) {
     { signal: n }
   ), r;
 }
-function Fi(s) {
-  const { config: e, callbacks: t, signal: i } = s, n = document.createElement("div");
+function Li(a) {
+  const { config: e, callbacks: t, signal: i } = a, n = document.createElement("div");
   n.className = "tbw-pivot-drop-zone tbw-pivot-values-zone", n.setAttribute("data-zone", "values");
   const r = e.valueFields ?? [];
   if (r.length === 0) {
@@ -3301,7 +3408,7 @@ function Fi(s) {
     o.className = "tbw-pivot-placeholder", o.textContent = "Drag numeric fields here for aggregation", n.appendChild(o);
   } else
     for (const o of r)
-      n.appendChild(Ii(o, s));
+      n.appendChild(Ii(o, a));
   return n.addEventListener(
     "dragover",
     (o) => {
@@ -3318,29 +3425,29 @@ function Fi(s) {
     "drop",
     (o) => {
       o.preventDefault(), n.classList.remove("drag-over");
-      const a = o.dataTransfer?.getData("text/plain");
-      a && t.onAddValueField(a, "sum");
+      const s = o.dataTransfer?.getData("text/plain");
+      s && t.onAddValueField(s, "sum");
     },
     { signal: i }
   ), n;
 }
-function Ii(s, e) {
+function Ii(a, 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");
+  const r = t.getAvailableFields().find((c) => c.field === a.field), o = document.createElement("div");
   o.className = "tbw-pivot-value-label-wrapper";
-  const a = document.createElement("span");
-  a.className = "tbw-pivot-chip-label", a.textContent = r?.header ?? s.field;
+  const s = document.createElement("span");
+  s.className = "tbw-pivot-chip-label", s.textContent = r?.header ?? a.field;
   const l = document.createElement("select");
   l.className = "tbw-pivot-agg-select", l.title = "Aggregation function";
-  for (const c of _i) {
+  for (const c of Ai) {
     const u = document.createElement("option");
-    u.value = c, u.textContent = c.toUpperCase(), u.selected = c === s.aggFunc, l.appendChild(u);
+    u.value = c, u.textContent = c.toUpperCase(), u.selected = c === a.aggFunc, l.appendChild(u);
   }
   l.addEventListener(
     "change",
     () => {
-      t.onUpdateValueAggFunc(s.field, l.value);
+      t.onUpdateValueAggFunc(a.field, l.value);
     },
     { signal: i }
   );
@@ -3348,24 +3455,24 @@ function Ii(s, e) {
   return d.className = "tbw-pivot-chip-remove", d.innerHTML = "×", d.title = "Remove value field", d.addEventListener(
     "click",
     (c) => {
-      c.stopPropagation(), t.onRemoveValueField(s.field);
+      c.stopPropagation(), t.onRemoveValueField(a.field);
     },
     { signal: i }
-  ), o.appendChild(a), o.appendChild(l), n.appendChild(o), n.appendChild(d), n;
+  ), o.appendChild(s), o.appendChild(l), n.appendChild(o), n.appendChild(d), n;
 }
-function Pi(s) {
-  const { config: e, callbacks: t, signal: i } = s, n = document.createElement("div");
+function Fi(a) {
+  const { config: e, callbacks: t, signal: i } = a, n = document.createElement("div");
   n.className = "tbw-pivot-available-fields";
   const r = t.getAvailableFields(), o = /* @__PURE__ */ new Set([
     ...e.rowGroupFields ?? [],
     ...e.columnGroupFields ?? [],
     ...e.valueFields?.map((l) => l.field) ?? []
-  ]), a = r.filter((l) => !o.has(l.field));
-  if (a.length === 0) {
+  ]), s = r.filter((l) => !o.has(l.field));
+  if (s.length === 0) {
     const l = document.createElement("div");
     l.className = "tbw-pivot-placeholder", l.textContent = "All fields are in use", n.appendChild(l);
   } else
-    for (const l of a) {
+    for (const l of s) {
       const d = document.createElement("div");
       d.className = "tbw-pivot-field-chip available", d.textContent = l.header, d.draggable = !0, d.title = `Drag to add "${l.field}" to a zone`, d.addEventListener(
         "dragstart",
@@ -3383,12 +3490,12 @@ function Pi(s) {
     }
   return n;
 }
-function Di(s, e) {
+function Pi(a, e) {
   const { config: t, callbacks: i, signal: n } = e, r = document.createElement("div");
   return r.className = "tbw-pivot-options", r.appendChild(
     le(
       "Enable Pivot View",
-      s,
+      a,
       (o) => {
         i.onTogglePivot(o);
       },
@@ -3414,67 +3521,67 @@ function Di(s, e) {
     )
   ), r;
 }
-function le(s, e, t, i) {
+function le(a, e, t, i) {
   const n = document.createElement("label");
   n.className = "tbw-pivot-checkbox";
   const r = document.createElement("input");
   r.type = "checkbox", r.checked = e, r.addEventListener("change", () => t(r.checked), { signal: i });
   const o = document.createElement("span");
-  return o.textContent = s, n.appendChild(r), n.appendChild(o), n;
+  return o.textContent = a, n.appendChild(r), n.appendChild(o), n;
 }
-function Mi(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) => {
+function Di(a, e, t) {
+  return e.className = "data-grid-row pivot-group-row", e.setAttribute("data-pivot-depth", String(a.__pivotDepth ?? 0)), e.setAttribute("data-pivot-key", String(a.__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) {
-      const o = Number(s.__pivotIndent) || 0;
+      const o = Number(a.__pivotIndent) || 0;
       r.style.paddingLeft = `${o}px`;
-      const a = String(s.__pivotRowKey), l = document.createElement("button");
-      l.type = "button", l.className = "pivot-toggle", l.setAttribute("aria-label", s.__pivotExpanded ? "Collapse group" : "Expand group"), t.setIcon(l, t.resolveIcon(s.__pivotExpanded ? "collapse" : "expand")), l.addEventListener("click", (u) => {
-        u.stopPropagation(), t.onToggle(a);
+      const s = String(a.__pivotRowKey), l = document.createElement("button");
+      l.type = "button", l.className = "pivot-toggle", l.setAttribute("aria-label", a.__pivotExpanded ? "Collapse group" : "Expand group"), t.setIcon(l, t.resolveIcon(a.__pivotExpanded ? "collapse" : "expand")), l.addEventListener("click", (u) => {
+        u.stopPropagation(), t.onToggle(s);
       }), r.appendChild(l);
       const d = document.createElement("span");
-      d.className = "pivot-label", d.textContent = String(s.__pivotLabel ?? ""), r.appendChild(d);
+      d.className = "pivot-label", d.textContent = String(a.__pivotLabel ?? ""), r.appendChild(d);
       const c = document.createElement("span");
-      c.className = "pivot-count", c.textContent = ` (${Number(s.__pivotRowCount) || 0})`, r.appendChild(c);
+      c.className = "pivot-count", c.textContent = ` (${Number(a.__pivotRowCount) || 0})`, r.appendChild(c);
     } else {
-      const o = s[i.field];
+      const o = a[i.field];
       r.textContent = o != null ? String(o) : "";
     }
     e.appendChild(r);
   }), !0;
 }
-function Ni(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) => {
+function Mi(a, e, t, i) {
+  return e.className = "data-grid-row pivot-leaf-row", e.setAttribute("data-pivot-depth", String(a.__pivotDepth ?? 0)), e.setAttribute("data-pivot-key", String(a.__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) {
-      const a = Number(s.__pivotIndent) || 0;
-      o.style.paddingLeft = `${a + 20}px`;
+      const s = Number(a.__pivotIndent) || 0;
+      o.style.paddingLeft = `${s + 20}px`;
       const l = document.createElement("span");
-      l.className = "pivot-label", l.textContent = String(s.__pivotLabel ?? ""), o.appendChild(l);
+      l.className = "pivot-label", l.textContent = String(a.__pivotLabel ?? ""), o.appendChild(l);
     } else {
-      const a = s[n.field];
-      o.textContent = a != null ? String(a) : "";
+      const s = a[n.field];
+      o.textContent = s != null ? String(s) : "";
     }
     e.appendChild(o);
   }), !0;
 }
-function qi(s, e, t) {
+function Ni(a, 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) {
       const o = document.createElement("span");
       o.className = "pivot-label", o.textContent = "Grand Total", r.appendChild(o);
     } else {
-      const o = s[i.field];
+      const o = a[i.field];
       r.textContent = o != null ? String(o) : "";
     }
     e.appendChild(r);
   }), !0;
 }
-const Hi = '@layer tbw-plugins{.pivot-group-row{display:grid;grid-template-columns:var(--tbw-column-template);font-weight:600;background:var(--tbw-pivot-group-bg, var(--tbw-color-row-alt));min-height:var(--tbw-row-height);border-bottom:var(--tbw-row-divider)}.pivot-group-row:hover{background:var(--tbw-pivot-group-hover, var(--tbw-color-row-hover))}.pivot-leaf-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-pivot-leaf-bg, var(--tbw-color-bg));min-height:var(--tbw-row-height);border-bottom:var(--tbw-row-divider)}.pivot-grand-total-row{display:grid;grid-template-columns:var(--tbw-column-template);font-weight:700;background:var(--tbw-pivot-grand-total-bg, var(--tbw-color-header-bg));min-height:var(--tbw-row-height);border-top:2px solid var(--tbw-color-border-strong)}.pivot-grand-total-row>.cell{display:flex;align-items:center;padding:var(--tbw-cell-padding);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}.pivot-grand-total-row>.cell:last-child{border-right:0}.pivot-grand-total-footer{position:sticky;bottom:0;z-index:var(--tbw-z-layer-pinned-rows, 20);background:var(--tbw-pivot-grand-total-bg, var(--tbw-color-header-bg));min-width:fit-content}.pivot-group-row>.cell,.pivot-leaf-row>.cell{display:flex;align-items:center;padding:var(--tbw-cell-padding);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}.pivot-group-row>.cell:last-child,.pivot-leaf-row>.cell:last-child{border-right:0}.pivot-toggle{display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-pivot-toggle-size, var(--tbw-toggle-size, 1.25em));height:var(--tbw-pivot-toggle-size, var(--tbw-toggle-size, 1.25em));margin-right:var(--tbw-spacing-sm, .375em);border:none;background:transparent;cursor:pointer;color:var(--tbw-pivot-toggle-color, var(--tbw-color-fg-muted));border-radius:var(--tbw-border-radius);transition:background var(--tbw-transition-duration, .12s) var(--tbw-transition-ease, ease),color var(--tbw-transition-duration, .12s) var(--tbw-transition-ease, ease)}.pivot-toggle:hover{background:var(--tbw-pivot-toggle-hover-bg, var(--tbw-color-row-hover));color:var(--tbw-pivot-toggle-hover-color, var(--tbw-color-fg))}.pivot-toggle:focus{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}.pivot-label{font-weight:inherit}.pivot-count{color:var(--tbw-pivot-count-color, var(--tbw-color-fg-muted));font-size:.9em;font-weight:400}.pivot-total-row{font-weight:700;border-top:2px solid var(--tbw-pivot-border, var(--tbw-color-border-strong))}[data-pivot-depth="1"]{--tbw-pivot-depth: 1}[data-pivot-depth="2"]{--tbw-pivot-depth: 2}[data-pivot-depth="3"]{--tbw-pivot-depth: 3}[data-pivot-depth="4"]{--tbw-pivot-depth: 4}.tbw-pivot-panel{display:flex;flex-direction:column;gap:var(--tbw-panel-padding, var(--tbw-spacing-lg, .75rem));padding:var(--tbw-panel-padding, var(--tbw-spacing-lg, .75rem));height:100%;overflow-y:auto;font-size:var(--tbw-font-size-sm, .8125rem)}.tbw-pivot-section{border:1px solid var(--tbw-pivot-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius);background:var(--tbw-pivot-section-bg, var(--tbw-color-bg))}.tbw-pivot-section-header{padding:var(--tbw-button-padding, var(--tbw-spacing-md, .5rem) var(--tbw-spacing-lg, .75rem));font-weight:600;background:var(--tbw-pivot-header-bg, var(--tbw-color-header-bg));border-bottom:1px solid var(--tbw-pivot-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius) var(--tbw-border-radius) 0 0}.tbw-pivot-section-content{padding:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.tbw-pivot-toggle-wrapper{display:flex;align-items:center}.tbw-pivot-toggle-label{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));cursor:pointer}.tbw-pivot-toggle-label input{width:var(--tbw-icon-size, 1rem);height:var(--tbw-icon-size, 1rem);cursor:pointer}.tbw-pivot-drop-zone{min-height:60px;padding:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));border:2px dashed var(--tbw-pivot-drop-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius);background:var(--tbw-pivot-drop-bg, var(--tbw-color-row-alt));display:flex;flex-wrap:wrap;gap:var(--tbw-spacing-sm, .375rem);align-content:flex-start;transition:all .15s ease}.tbw-pivot-drop-zone.drag-over{border-color:var(--tbw-color-accent);background:var(--tbw-pivot-drop-active, var(--tbw-focus-background))}.tbw-pivot-placeholder{color:var(--tbw-color-fg-muted);font-style:italic;padding:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));text-align:center;width:100%}.tbw-pivot-field-chip{display:inline-flex;align-items:center;gap:var(--tbw-spacing-sm, .375rem);padding:var(--tbw-button-padding-sm, var(--tbw-spacing-xs, .25rem) var(--tbw-spacing-md, .5rem));background:var(--tbw-pivot-chip-bg, var(--tbw-color-header-bg));border:1px solid var(--tbw-pivot-chip-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius);cursor:grab;font-size:var(--tbw-font-size-xs, .75rem);transition:all .15s ease}.tbw-pivot-field-chip:hover{background:var(--tbw-pivot-chip-hover, var(--tbw-color-row-hover));border-color:var(--tbw-color-accent)}.tbw-pivot-field-chip.available{background:var(--tbw-color-bg)}.tbw-pivot-field-chip.dragging{opacity:.5;cursor:grabbing}.tbw-pivot-chip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.tbw-pivot-chip-remove{display:flex;align-items:center;justify-content:center;width:var(--tbw-icon-size, 1rem);height:var(--tbw-icon-size, 1rem);padding:0;border:none;background:transparent;color:var(--tbw-color-fg-muted);font-size:var(--tbw-font-size-sm, .875rem);font-weight:700;cursor:pointer;border-radius:50%;transition:all .15s ease}.tbw-pivot-chip-remove:hover{background:var(--tbw-pivot-chip-remove-hover-bg, var(--tbw-color-accent));color:var(--tbw-pivot-chip-remove-hover-fg, var(--tbw-color-accent-fg))}.tbw-pivot-value-chip{padding:var(--tbw-button-padding-sm, var(--tbw-spacing-xs, .25rem) var(--tbw-spacing-md, .5rem))}.tbw-pivot-value-label-wrapper{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));flex:1;min-width:0}.tbw-pivot-agg-select{padding:var(--tbw-spacing-xs, .125rem) var(--tbw-spacing-xs, .25rem);font-size:var(--tbw-font-size-xs, .6875rem);border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);background:var(--tbw-color-bg);cursor:pointer}.tbw-pivot-available-fields{display:flex;flex-wrap:wrap;gap:var(--tbw-spacing-sm, .375rem);min-height:40px}.tbw-pivot-options{display:flex;flex-direction:column;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.tbw-pivot-checkbox{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));cursor:pointer}.tbw-pivot-checkbox input{width:var(--tbw-icon-size-sm, .875rem);height:var(--tbw-icon-size-sm, .875rem);cursor:pointer}.pivot-group-row.tbw-pivot-slide-in,.pivot-leaf-row.tbw-pivot-slide-in{animation:tbw-pivot-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-pivot-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.pivot-group-row.tbw-pivot-fade-in,.pivot-leaf-row.tbw-pivot-fade-in{animation:tbw-pivot-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-pivot-fade-in{0%{opacity:0}to{opacity:1}}}';
+const qi = '@layer tbw-plugins{.pivot-group-row{display:grid;grid-template-columns:var(--tbw-column-template);font-weight:600;background:var(--tbw-pivot-group-bg, var(--tbw-color-row-alt));min-height:var(--tbw-row-height);border-bottom:var(--tbw-row-divider)}.pivot-group-row:hover{background:var(--tbw-pivot-group-hover, var(--tbw-color-row-hover))}.pivot-leaf-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-pivot-leaf-bg, var(--tbw-color-bg));min-height:var(--tbw-row-height);border-bottom:var(--tbw-row-divider)}.pivot-grand-total-row{display:grid;grid-template-columns:var(--tbw-column-template);font-weight:700;background:var(--tbw-pivot-grand-total-bg, var(--tbw-color-header-bg));min-height:var(--tbw-row-height);border-top:2px solid var(--tbw-color-border-strong)}.pivot-grand-total-row>.cell{display:flex;align-items:center;padding:var(--tbw-cell-padding);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}.pivot-grand-total-row>.cell:last-child{border-right:0}.pivot-grand-total-footer{position:sticky;bottom:0;z-index:var(--tbw-z-layer-pinned-rows, 20);background:var(--tbw-pivot-grand-total-bg, var(--tbw-color-header-bg));min-width:fit-content}.pivot-group-row>.cell,.pivot-leaf-row>.cell{display:flex;align-items:center;padding:var(--tbw-cell-padding);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}.pivot-group-row>.cell:last-child,.pivot-leaf-row>.cell:last-child{border-right:0}.pivot-toggle{display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-pivot-toggle-size, var(--tbw-toggle-size, 1.25em));height:var(--tbw-pivot-toggle-size, var(--tbw-toggle-size, 1.25em));margin-right:var(--tbw-spacing-sm, .375em);border:none;background:transparent;cursor:pointer;color:var(--tbw-pivot-toggle-color, var(--tbw-color-fg-muted));border-radius:var(--tbw-border-radius);transition:background var(--tbw-transition-duration, .12s) var(--tbw-transition-ease, ease),color var(--tbw-transition-duration, .12s) var(--tbw-transition-ease, ease)}.pivot-toggle:hover{background:var(--tbw-pivot-toggle-hover-bg, var(--tbw-color-row-hover));color:var(--tbw-pivot-toggle-hover-color, var(--tbw-color-fg))}.pivot-toggle:focus{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}.pivot-label{font-weight:inherit}.pivot-count{color:var(--tbw-pivot-count-color, var(--tbw-color-fg-muted));font-size:.9em;font-weight:400}.pivot-total-row{font-weight:700;border-top:2px solid var(--tbw-pivot-border, var(--tbw-color-border-strong))}[data-pivot-depth="1"]{--tbw-pivot-depth: 1}[data-pivot-depth="2"]{--tbw-pivot-depth: 2}[data-pivot-depth="3"]{--tbw-pivot-depth: 3}[data-pivot-depth="4"]{--tbw-pivot-depth: 4}.tbw-pivot-panel{display:flex;flex-direction:column;gap:var(--tbw-panel-padding, var(--tbw-spacing-lg, .75rem));padding:var(--tbw-panel-padding, var(--tbw-spacing-lg, .75rem));height:100%;overflow-y:auto;font-size:var(--tbw-font-size-sm, .8125rem)}.tbw-pivot-section{border:1px solid var(--tbw-pivot-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius);background:var(--tbw-pivot-section-bg, var(--tbw-color-bg))}.tbw-pivot-section-header{padding:var(--tbw-button-padding, var(--tbw-spacing-md, .5rem) var(--tbw-spacing-lg, .75rem));font-weight:600;background:var(--tbw-pivot-header-bg, var(--tbw-color-header-bg));border-bottom:1px solid var(--tbw-pivot-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius) var(--tbw-border-radius) 0 0}.tbw-pivot-section-content{padding:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.tbw-pivot-toggle-wrapper{display:flex;align-items:center}.tbw-pivot-toggle-label{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));cursor:pointer}.tbw-pivot-toggle-label input{width:var(--tbw-icon-size, 1rem);height:var(--tbw-icon-size, 1rem);cursor:pointer}.tbw-pivot-drop-zone{min-height:60px;padding:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));border:2px dashed var(--tbw-pivot-drop-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius);background:var(--tbw-pivot-drop-bg, var(--tbw-color-row-alt));display:flex;flex-wrap:wrap;gap:var(--tbw-spacing-sm, .375rem);align-content:flex-start;transition:all .15s ease}.tbw-pivot-drop-zone.drag-over{border-color:var(--tbw-color-accent);background:var(--tbw-pivot-drop-active, var(--tbw-focus-background))}.tbw-pivot-placeholder{color:var(--tbw-color-fg-muted);font-style:italic;padding:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));text-align:center;width:100%}.tbw-pivot-field-chip{display:inline-flex;align-items:center;gap:var(--tbw-spacing-sm, .375rem);padding:var(--tbw-button-padding-sm, var(--tbw-spacing-xs, .25rem) var(--tbw-spacing-md, .5rem));background:var(--tbw-pivot-chip-bg, var(--tbw-color-header-bg));border:1px solid var(--tbw-pivot-chip-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius);cursor:grab;font-size:var(--tbw-font-size-xs, .75rem);transition:all .15s ease}.tbw-pivot-field-chip:hover{background:var(--tbw-pivot-chip-hover, var(--tbw-color-row-hover));border-color:var(--tbw-color-accent)}.tbw-pivot-field-chip.available{background:var(--tbw-color-bg)}.tbw-pivot-field-chip.dragging{opacity:.5;cursor:grabbing}.tbw-pivot-chip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.tbw-pivot-chip-remove{display:flex;align-items:center;justify-content:center;width:var(--tbw-icon-size, 1rem);height:var(--tbw-icon-size, 1rem);padding:0;border:none;background:transparent;color:var(--tbw-color-fg-muted);font-size:var(--tbw-font-size-sm, .875rem);font-weight:700;cursor:pointer;border-radius:50%;transition:all .15s ease}.tbw-pivot-chip-remove:hover{background:var(--tbw-pivot-chip-remove-hover-bg, var(--tbw-color-accent));color:var(--tbw-pivot-chip-remove-hover-fg, var(--tbw-color-accent-fg))}.tbw-pivot-value-chip{padding:var(--tbw-button-padding-sm, var(--tbw-spacing-xs, .25rem) var(--tbw-spacing-md, .5rem))}.tbw-pivot-value-label-wrapper{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));flex:1;min-width:0}.tbw-pivot-agg-select{padding:var(--tbw-spacing-xs, .125rem) var(--tbw-spacing-xs, .25rem);font-size:var(--tbw-font-size-xs, .6875rem);border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);background:var(--tbw-color-bg);cursor:pointer}.tbw-pivot-available-fields{display:flex;flex-wrap:wrap;gap:var(--tbw-spacing-sm, .375rem);min-height:40px}.tbw-pivot-options{display:flex;flex-direction:column;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.tbw-pivot-checkbox{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));cursor:pointer}.tbw-pivot-checkbox input{width:var(--tbw-icon-size-sm, .875rem);height:var(--tbw-icon-size-sm, .875rem);cursor:pointer}.pivot-group-row.tbw-pivot-slide-in,.pivot-leaf-row.tbw-pivot-slide-in{animation:tbw-pivot-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-pivot-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.pivot-group-row.tbw-pivot-fade-in,.pivot-leaf-row.tbw-pivot-fade-in{animation:tbw-pivot-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-pivot-fade-in{0%{opacity:0}to{opacity:1}}}';
 class G extends A {
   name = "pivot";
-  styles = Hi;
+  styles = qi;
   static PANEL_ID = "pivot";
   get defaultConfig() {
     return {
@@ -3520,11 +3627,11 @@ class G extends A {
   processRows(e) {
     if (!this.hasInitialized && this.config.active !== !1 && this.hasValidPivotConfig() && (this.hasInitialized = !0, this.isActive = !0), !this.isActive)
       return [...e];
-    const t = xi(this.config);
+    const t = yi(this.config);
     if (t.length > 0)
       return this.warn(`Config errors: ${t.join(", ")}`), [...e];
-    this.buildFieldHeaderMap(), this.defaultExpanded = this.config.defaultExpanded ?? !0, this.pivotResult = Ci(e, this.config), this.expandedKeys.size === 0 && this.defaultExpanded && !this.userHasToggledExpand && this.expandAllKeys();
-    const i = this.config.indentWidth ?? 20, n = ki(
+    this.buildFieldHeaderMap(), this.defaultExpanded = this.config.defaultExpanded ?? !0, this.pivotResult = xi(e, this.config), this.expandedKeys.size === 0 && this.defaultExpanded && !this.userHasToggledExpand && this.expandAllKeys();
+    const i = this.config.indentWidth ?? 20, n = Si(
       this.pivotResult.rows,
       this.expandedKeys,
       this.defaultExpanded
@@ -3543,8 +3650,8 @@ class G extends A {
     this.keysToAnimate.clear();
     const r = /* @__PURE__ */ new Set();
     for (const o of n) {
-      const a = o.__pivotRowKey;
-      r.add(a), !this.previousVisibleKeys.has(a) && o.__pivotDepth > 0 && this.keysToAnimate.add(a);
+      const s = o.__pivotRowKey;
+      r.add(s), !this.previousVisibleKeys.has(s) && o.__pivotDepth > 0 && this.keysToAnimate.add(s);
     }
     return this.previousVisibleKeys = r, n;
   }
@@ -3559,10 +3666,10 @@ class G extends A {
     });
     for (const n of this.pivotResult.columnKeys)
       for (const r of this.config.valueFields ?? []) {
-        const o = be([n], r.field), a = r.header || this.fieldHeaderMap.get(r.field) || r.field;
+        const o = be([n], r.field), s = r.header || this.fieldHeaderMap.get(r.field) || r.field;
         t.push({
           field: o,
-          header: `${n} - ${a} (${r.aggFunc})`,
+          header: `${n} - ${s} (${r.aggFunc})`,
           width: 120,
           type: "number"
         });
@@ -3576,13 +3683,13 @@ class G extends A {
   }
   renderRow(e, t, i) {
     const n = e;
-    return n.__pivotRowKey && n.__pivotHasChildren ? Mi(n, t, {
+    return n.__pivotRowKey && n.__pivotHasChildren ? Di(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 ? Ni(n, t, this.gridColumns, i) : (this.cleanupPivotStyling(t), !1);
+    }) : n.__pivotRowKey !== void 0 && this.isActive ? Mi(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 = "");
@@ -3620,7 +3727,7 @@ class G extends A {
       __pivotTotal: this.pivotResult.grandTotal,
       ...this.pivotResult.totals
     };
-    qi(i, this.grandTotalFooter, this.gridColumns);
+    Ni(i, this.grandTotalFooter, this.gridColumns);
   }
   cleanupGrandTotalFooter() {
     this.grandTotalFooter && (this.grandTotalFooter.remove(), this.grandTotalFooter = null);
@@ -3642,7 +3749,7 @@ class G extends A {
   }
   expandAllKeys() {
     if (!this.pivotResult) return;
-    const e = Ai(this.pivotResult.rows);
+    const e = ki(this.pivotResult.rows);
     for (const t of e)
       this.expandedKeys.add(t);
   }
@@ -3727,7 +3834,7 @@ class G extends A {
       },
       getAvailableFields: () => this.getAvailableFields()
     };
-    return Ti(e, this.config, this.isActive, t);
+    return _i(e, this.config, this.isActive, t);
   }
   refreshPanel() {
     this.panelContainer && (this.panelContainer.innerHTML = "", this.renderPanel(this.panelContainer));
@@ -3761,18 +3868,18 @@ class G extends A {
   }
 }
 const Q = "tbw-print-isolation-style";
-function Ki(s, e) {
+function Hi(a, e) {
   const t = document.createElement("style");
   return t.id = Q, t.textContent = `
     /* Print isolation: hide everything except the target grid */
     @media print {
       /* Hide all body children by default */
-      body > *:not(#${s}) {
+      body > *:not(#${a}) {
         display: none !important;
       }
 
       /* But show the grid and ensure it's not hidden by ancestor rules */
-      #${s} {
+      #${a} {
         display: block !important;
         position: static !important;
         visibility: visible !important;
@@ -3787,14 +3894,14 @@ function Ki(s, e) {
       }
 
       /* If grid is nested, we need to show its ancestors too */
-      #${s},
-      #${s} * {
+      #${a},
+      #${a} * {
         visibility: visible !important;
       }
 
       /* Walk up the DOM and show all ancestors of the grid */
-      body *:has(> #${s}),
-      body *:has(#${s}) {
+      body *:has(> #${a}),
+      body *:has(#${a}) {
         display: block !important;
         visibility: visible !important;
         opacity: 1 !important;
@@ -3809,7 +3916,7 @@ function Ki(s, e) {
       }
 
       /* Hide siblings of ancestors (everything that's not in the path to the grid) */
-      body *:has(#${s}) > *:not(:has(#${s})):not(#${s}) {
+      body *:has(#${a}) > *:not(:has(#${a})):not(#${a}) {
         display: none !important;
       }
 
@@ -3835,22 +3942,22 @@ function Ki(s, e) {
     }
   `, t;
 }
-async function zi(s, e = {}) {
-  const { orientation: t = "landscape" } = e, i = s.id;
+async function Ki(a, e = {}) {
+  const { orientation: t = "landscape" } = e, i = a.id;
   document.querySelectorAll(`#${CSS.escape(i)}`).length > 1 && console.warn(
     `[tbw-grid:print] Multiple elements found with id="${i}". Print isolation may not work correctly. Ensure each grid has a unique ID.`
   ), document.getElementById(Q)?.remove();
-  const r = Ki(i, t);
+  const r = Hi(i, t);
   return document.head.appendChild(r), new Promise((o) => {
-    const a = () => {
-      window.removeEventListener("afterprint", a), document.getElementById(Q)?.remove(), o();
+    const s = () => {
+      window.removeEventListener("afterprint", s), document.getElementById(Q)?.remove(), o();
     };
-    window.addEventListener("afterprint", a), window.print(), setTimeout(() => {
-      window.removeEventListener("afterprint", a), document.getElementById(Q)?.remove(), o();
+    window.addEventListener("afterprint", s), window.print(), setTimeout(() => {
+      window.removeEventListener("afterprint", s), document.getElementById(Q)?.remove(), o();
     }, 5e3);
   });
 }
-const Oi = ".tbw-print-header,.tbw-print-footer{display:none}@media print{tbw-grid{overflow:visible!important;height:auto!important;border:none!important;border-radius:0!important;color-scheme:light only;-webkit-print-color-adjust:exact;print-color-adjust:exact}tbw-grid .tbw-grid-content{overflow:visible!important;height:auto!important;max-height:none!important}tbw-grid .tbw-scroll-area{overflow:visible!important;height:auto!important;max-height:none!important}tbw-grid .rows-body{overflow:visible!important;height:auto!important;max-height:none!important}tbw-grid .rows-container,tbw-grid .rows-viewport,tbw-grid .rows{overflow:visible!important;height:auto!important;max-height:none!important;transform:none!important}tbw-grid .rows-viewport .rows{position:static!important}tbw-grid .resize-handle,tbw-grid [part=sort-indicator],tbw-grid .tbw-filter-btn,tbw-grid .tool-panel,tbw-grid .tool-panel-content,tbw-grid .tbw-shell-header,tbw-grid .shell-toolbar,tbw-grid .tool-panel-toggle,tbw-grid [data-print-hide],tbw-grid .expander-cell,tbw-grid .tree-toggle,tbw-grid .context-menu,tbw-grid .faux-vscroll{display:none!important}tbw-grid .tbw-print-header{display:flex;justify-content:space-between;align-items:baseline;padding:var(--tbw-spacing-md, .5em) 0;margin-bottom:var(--tbw-spacing-md, .5em);border-bottom:2px solid var(--tbw-print-border, var(--tbw-color-border-strong));font-family:inherit}.tbw-print-header-title{font-size:1.25em;font-weight:700}.tbw-print-header-timestamp{font-size:var(--tbw-font-size-sm, .875em);color:var(--tbw-print-muted, var(--tbw-color-fg-muted))}tbw-grid .tbw-print-footer{display:block;margin-top:var(--tbw-spacing-md, .5em);padding-top:var(--tbw-spacing-md, .5em);border-top:1px solid var(--tbw-print-border, var(--tbw-color-border));font-size:var(--tbw-font-size-xs, .75em);color:var(--tbw-print-muted, var(--tbw-color-fg-muted));text-align:end}tbw-grid .data-grid-row{break-inside:avoid;page-break-inside:avoid}tbw-grid .cell{border:1px solid var(--tbw-print-cell-border, var(--tbw-color-border))!important}tbw-grid .header-row,tbw-grid .data-grid-row{padding-inline-end:1px}tbw-grid .data-grid-row:hover,tbw-grid .cell:hover{background:inherit!important}@page{margin:1cm}tbw-grid.print-landscape{@page{size:landscape}}tbw-grid.print-portrait{@page{size:portrait}}}", Gi = {
+const zi = ".tbw-print-header,.tbw-print-footer{display:none}@media print{tbw-grid{overflow:visible!important;height:auto!important;border:none!important;border-radius:0!important;color-scheme:light only;-webkit-print-color-adjust:exact;print-color-adjust:exact}tbw-grid .tbw-grid-content{overflow:visible!important;height:auto!important;max-height:none!important}tbw-grid .tbw-scroll-area{overflow:visible!important;height:auto!important;max-height:none!important}tbw-grid .rows-body{overflow:visible!important;height:auto!important;max-height:none!important}tbw-grid .rows-container,tbw-grid .rows-viewport,tbw-grid .rows{overflow:visible!important;height:auto!important;max-height:none!important;transform:none!important}tbw-grid .rows-viewport .rows{position:static!important}tbw-grid .resize-handle,tbw-grid [part=sort-indicator],tbw-grid .tbw-filter-btn,tbw-grid .tool-panel,tbw-grid .tool-panel-content,tbw-grid .tbw-shell-header,tbw-grid .shell-toolbar,tbw-grid .tool-panel-toggle,tbw-grid [data-print-hide],tbw-grid .expander-cell,tbw-grid .tree-toggle,tbw-grid .context-menu,tbw-grid .faux-vscroll{display:none!important}tbw-grid .tbw-print-header{display:flex;justify-content:space-between;align-items:baseline;padding:var(--tbw-spacing-md, .5em) 0;margin-bottom:var(--tbw-spacing-md, .5em);border-bottom:2px solid var(--tbw-print-border, var(--tbw-color-border-strong));font-family:inherit}.tbw-print-header-title{font-size:1.25em;font-weight:700}.tbw-print-header-timestamp{font-size:var(--tbw-font-size-sm, .875em);color:var(--tbw-print-muted, var(--tbw-color-fg-muted))}tbw-grid .tbw-print-footer{display:block;margin-top:var(--tbw-spacing-md, .5em);padding-top:var(--tbw-spacing-md, .5em);border-top:1px solid var(--tbw-print-border, var(--tbw-color-border));font-size:var(--tbw-font-size-xs, .75em);color:var(--tbw-print-muted, var(--tbw-color-fg-muted));text-align:end}tbw-grid .data-grid-row{break-inside:avoid;page-break-inside:avoid}tbw-grid .cell{border:1px solid var(--tbw-print-cell-border, var(--tbw-color-border))!important}tbw-grid .header-row,tbw-grid .data-grid-row{padding-inline-end:1px}tbw-grid .data-grid-row:hover,tbw-grid .cell:hover{background:inherit!important}@page{margin:1cm}tbw-grid.print-landscape{@page{size:landscape}}tbw-grid.print-portrait{@page{size:portrait}}}", Oi = {
   button: !1,
   orientation: "landscape",
   warnThreshold: 500,
@@ -3860,18 +3967,18 @@ const Oi = ".tbw-print-header,.tbw-print-footer{display:none}@media print{tbw-gr
   title: "",
   isolate: !1
 };
-class Sn extends A {
+class Rn extends A {
   name = "print";
   version = "1.0.0";
-  styles = Oi;
+  styles = zi;
   #e = !1;
   #t = null;
-  #o = null;
+  #s = null;
   #n = null;
   #i = null;
-  #r = null;
+  #o = null;
   #d = null;
-  get #s() {
+  get #r() {
     return this.grid;
   }
   isPrinting() {
@@ -3887,8 +3994,8 @@ class Sn extends A {
       console.warn("[PrintPlugin] Grid not available");
       return;
     }
-    const i = { ...Gi, ...this.config, ...e }, r = this.rows.length;
-    let o = r, a = !1;
+    const i = { ...Oi, ...this.config, ...e }, r = this.rows.length;
+    let o = r, s = !1;
     if (i.warnThreshold > 0 && r > i.warnThreshold) {
       const d = i.maxRows > 0 ? `
 
@@ -3900,18 +4007,18 @@ Click OK to continue, or Cancel to abort.`
       ))
         return;
     }
-    i.maxRows > 0 && r > i.maxRows && (o = i.maxRows, a = !0), this.#e = !0;
+    i.maxRows > 0 && r > i.maxRows && (o = i.maxRows, s = !0), this.#e = !0;
     const l = performance.now();
     this.emit("print-start", {
       rowCount: o,
-      limitApplied: a,
+      limitApplied: s,
       originalRowCount: r
     });
     try {
-      const d = this.#s;
-      this.#o = {
+      const d = this.#r;
+      this.#s = {
         bypassThreshold: d._virtualization?.bypassThreshold ?? 24
-      }, this.#p(), a && (this.#n = this.sourceRows, this.grid.rows = this.sourceRows.slice(0, o), await new Promise((c) => setTimeout(c, 50))), (i.includeTitle || i.includeTimestamp) && this.#c(i), await this.#a(), await new Promise((c) => requestAnimationFrame(c)), await new Promise((c) => requestAnimationFrame(c)), t.classList.add(`print-${i.orientation}`), await new Promise((c) => requestAnimationFrame(c)), await new Promise((c) => requestAnimationFrame(c)), i.isolate ? await this.#g(i) : await this.#u(), this.emit("print-complete", {
+      }, this.#l(), s && (this.#n = this.sourceRows, this.grid.rows = this.sourceRows.slice(0, o), await new Promise((c) => setTimeout(c, 50))), (i.includeTitle || i.includeTimestamp) && this.#c(i), await this.#w(), await new Promise((c) => requestAnimationFrame(c)), await new Promise((c) => requestAnimationFrame(c)), t.classList.add(`print-${i.orientation}`), await new Promise((c) => requestAnimationFrame(c)), await new Promise((c) => requestAnimationFrame(c)), i.isolate ? await this.#p(i) : await this.#h(), this.emit("print-complete", {
         success: !0,
         rowCount: o,
         duration: Math.round(performance.now() - l)
@@ -3923,7 +4030,7 @@ Click OK to continue, or Cancel to abort.`
         duration: Math.round(performance.now() - l)
       });
     } finally {
-      this.#m(), this.#e = !1;
+      this.#f(), this.#e = !1;
     }
   }
   #c(e) {
@@ -3937,16 +4044,16 @@ Click OK to continue, or Cancel to abort.`
         const i = document.createElement("div");
         i.className = "tbw-print-header-timestamp", i.textContent = `Printed: ${(/* @__PURE__ */ new Date()).toLocaleString()}`, this.#i.appendChild(i);
       }
-      t.insertBefore(this.#i, t.firstChild), this.#r = document.createElement("div"), this.#r.className = "tbw-print-footer", this.#r.textContent = `Page generated from ${window.location.hostname}`, t.appendChild(this.#r);
+      t.insertBefore(this.#i, t.firstChild), this.#o = document.createElement("div"), this.#o.className = "tbw-print-footer", this.#o.textContent = `Page generated from ${window.location.hostname}`, t.appendChild(this.#o);
     }
   }
-  async #a() {
-    const e = this.#s;
+  async #w() {
+    const e = this.#r;
     if (!e._virtualization) return;
     const t = this.rows.length;
     e._virtualization.bypassThreshold = t + 100, e.refreshVirtualWindow(!0), await new Promise((i) => setTimeout(i, 100));
   }
-  async #u() {
+  async #h() {
     return new Promise((e) => {
       const t = () => {
         window.removeEventListener("afterprint", t), e();
@@ -3956,13 +4063,13 @@ Click OK to continue, or Cancel to abort.`
       }, 1e3);
     });
   }
-  async #g(e) {
+  async #p(e) {
     const t = this.gridElement;
-    t && await zi(t, {
+    t && await Ki(t, {
       orientation: e.orientation
     });
   }
-  #p() {
+  #l() {
     const e = this.columns;
     if (e) {
       this.#t = /* @__PURE__ */ new Map();
@@ -3970,26 +4077,26 @@ Click OK to continue, or Cancel to abort.`
         t.printHidden && t.field && (this.#t.set(t.field, !t.hidden), this.grid.setColumnVisible(t.field, !1));
     }
   }
-  #l() {
+  #a() {
     if (this.#t) {
       for (const [e, t] of this.#t)
         this.grid.setColumnVisible(e, t);
       this.#t = null;
     }
   }
-  #m() {
+  #f() {
     const e = this.gridElement;
     if (!e) return;
-    this.#l(), e.classList.remove("print-portrait", "print-landscape"), this.#d !== null && (e.style.transform = "", e.style.transformOrigin = "", e.style.width = "", this.#d = null), this.#i && (this.#i.remove(), this.#i = null), this.#r && (this.#r.remove(), this.#r = null);
-    const t = this.#s;
-    this.#o && t._virtualization && (t._virtualization.bypassThreshold = this.#o.bypassThreshold, t.refreshVirtualWindow(!0), this.#o = null), this.#n !== null && (this.grid.rows = this.#n, this.#n = null);
+    this.#a(), e.classList.remove("print-portrait", "print-landscape"), this.#d !== null && (e.style.transform = "", e.style.transformOrigin = "", e.style.width = "", this.#d = null), this.#i && (this.#i.remove(), this.#i = null), this.#o && (this.#o.remove(), this.#o = null);
+    const t = this.#r;
+    this.#s && t._virtualization && (t._virtualization.bypassThreshold = this.#s.bypassThreshold, t.refreshVirtualWindow(!0), this.#s = null), this.#n !== null && (this.grid.rows = this.#n, this.#n = null);
   }
   afterRender() {
-    this.config?.button && !this.#h && (this.#f(), this.#h = !0);
+    this.config?.button && !this.#u && (this.#g(), this.#u = !0);
   }
-  #h = !1;
-  #f() {
-    this.#s.registerToolbarContent?.({
+  #u = !1;
+  #g() {
+    this.#r.registerToolbarContent?.({
       id: "print-button",
       order: 900,
       render: (t) => {
@@ -4007,19 +4114,19 @@ Click OK to continue, or Cancel to abort.`
     });
   }
 }
-function Bi(s) {
-  const e = s.meta ?? {};
+function Gi(a) {
+  const e = a.meta ?? {};
   return e.lockPosition !== !0 && e.suppressMovable !== !0;
 }
-function $e(s, e, t) {
-  if (e === t || e < 0 || e >= s.length || t < 0 || t > s.length) return s;
-  const i = [...s], [n] = i.splice(e, 1);
+function $e(a, e, t) {
+  if (e === t || e < 0 || e >= a.length || t < 0 || t > a.length) return a;
+  const i = [...a], [n] = i.splice(e, 1);
   return i.splice(t, 0, n), i;
 }
-const Vi = '@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 kn extends A {
+const Bi = '@layer tbw-plugins{.header-row>.cell[draggable=true]{cursor:grab;position:relative}.header-row>.cell.dragging{opacity:.5;cursor:grabbing}.header-row>.cell.drop-before:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent));z-index:1}.header-row>.cell.drop-after:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent));z-index:1}.cell.flip-animating{transition:transform var(--tbw-animation-duration, .2s) ease-out;will-change:transform;z-index:1}@keyframes reorder-fade-in{0%{opacity:0}to{opacity:1}}.cell.fade-animating{animation:reorder-fade-in var(--tbw-animation-duration, .2s) ease-out backwards}}';
+class Sn extends A {
   name = "reorder";
-  styles = Vi;
+  styles = Bi;
   get defaultConfig() {
     return {
       animation: "flip"
@@ -4036,7 +4143,7 @@ class kn extends A {
   draggedIndex = null;
   dropIndex = null;
   canMoveColumnWithPlugins(e) {
-    return !e || !Bi(e) ? !1 : !this.grid.query("canMoveColumn", e).includes(!1);
+    return !e || !Gi(e) ? !1 : !this.grid.query("canMoveColumn", e).includes(!1);
   }
   clearDragClasses() {
     this.gridElement?.querySelectorAll(".header-row > .cell").forEach((e) => {
@@ -4062,24 +4169,24 @@ class kn extends A {
     e.querySelectorAll(".header-row > .cell").forEach((i) => {
       const n = i, r = n.getAttribute("data-field");
       if (!r) return;
-      const o = this.columns.find((a) => a.field === r);
+      const o = this.columns.find((s) => s.field === r);
       if (!this.canMoveColumnWithPlugins(o)) {
         n.draggable = !1;
         return;
       }
-      n.draggable = !0, !n.getAttribute("data-dragstart-bound") && (n.setAttribute("data-dragstart-bound", "true"), n.addEventListener("dragstart", (a) => {
+      n.draggable = !0, !n.getAttribute("data-dragstart-bound") && (n.setAttribute("data-dragstart-bound", "true"), n.addEventListener("dragstart", (s) => {
         const d = this.getColumnOrder().indexOf(r);
-        this.isDragging = !0, this.draggedField = r, this.draggedIndex = d, a.dataTransfer && (a.dataTransfer.effectAllowed = "move", a.dataTransfer.setData("text/plain", r)), n.classList.add("dragging");
+        this.isDragging = !0, this.draggedField = r, this.draggedIndex = d, s.dataTransfer && (s.dataTransfer.effectAllowed = "move", s.dataTransfer.setData("text/plain", r)), n.classList.add("dragging");
       }), n.addEventListener("dragend", () => {
         this.isDragging = !1, this.draggedField = null, this.draggedIndex = null, this.dropIndex = null, this.clearDragClasses();
-      }), n.addEventListener("dragover", (a) => {
-        if (a.preventDefault(), !this.isDragging || this.draggedField === r) return;
+      }), n.addEventListener("dragover", (s) => {
+        if (s.preventDefault(), !this.isDragging || this.draggedField === r) return;
         const l = n.getBoundingClientRect(), d = l.left + l.width / 2, u = this.getColumnOrder().indexOf(r);
-        this.dropIndex = a.clientX < d ? u : u + 1, n.classList.add("drop-target"), n.classList.toggle("drop-before", a.clientX < d), n.classList.toggle("drop-after", a.clientX >= d);
+        this.dropIndex = s.clientX < d ? u : u + 1, n.classList.add("drop-target"), n.classList.toggle("drop-before", s.clientX < d), n.classList.toggle("drop-after", s.clientX >= d);
       }), n.addEventListener("dragleave", () => {
         n.classList.remove("drop-target", "drop-before", "drop-after");
-      }), n.addEventListener("drop", (a) => {
-        a.preventDefault();
+      }), n.addEventListener("drop", (s) => {
+        s.preventDefault();
         const l = this.draggedField, d = this.draggedIndex, c = this.dropIndex;
         if (!this.isDragging || l === null || d === null || c === null)
           return;
@@ -4100,9 +4207,9 @@ class kn extends A {
     if (i < 0 || i >= n.length) return;
     const r = n[i];
     if (!this.canMoveColumnWithPlugins(r)) return;
-    const o = this.getColumnOrder(), a = o.indexOf(r.field);
-    if (a === -1) return;
-    const l = e.key === "ArrowLeft" ? a - 1 : a + 1;
+    const o = this.getColumnOrder(), s = o.indexOf(r.field);
+    if (s === -1) return;
+    const l = e.key === "ArrowLeft" ? s - 1 : s + 1;
     if (l < 0 || l >= o.length) return;
     const d = n.find((c) => c.field === o[l]);
     if (this.canMoveColumnWithPlugins(d))
@@ -4141,19 +4248,19 @@ class kn extends A {
     if (!t || e.size === 0) return;
     const i = /* @__PURE__ */ new Map();
     if (t.querySelectorAll(".header-row > .cell[data-field]").forEach((o) => {
-      const a = o.getAttribute("data-field");
-      if (!a) return;
-      const l = e.get(a);
+      const s = o.getAttribute("data-field");
+      if (!s) return;
+      const l = e.get(s);
       if (l === void 0) return;
       const d = l - o.getBoundingClientRect().left;
-      Math.abs(d) > 1 && i.set(a, d);
+      Math.abs(d) > 1 && i.set(s, d);
     }), i.size === 0) return;
     const n = [];
     if (t.querySelectorAll(".cell[data-field]").forEach((o) => {
-      const a = i.get(o.getAttribute("data-field") ?? "");
-      if (a !== void 0) {
+      const s = i.get(o.getAttribute("data-field") ?? "");
+      if (s !== void 0) {
         const l = o;
-        l.style.transform = `translateX(${a}px)`, n.push(l);
+        l.style.transform = `translateX(${s}px)`, n.push(l);
       }
     }), n.length === 0) return;
     this.gridElement.offsetHeight;
@@ -4177,25 +4284,25 @@ class kn extends A {
     const i = this.captureHeaderPositions();
     e();
     const n = /* @__PURE__ */ new Set();
-    if (t.querySelectorAll(".header-row > .cell[data-field]").forEach((a) => {
-      const l = a.getAttribute("data-field");
+    if (t.querySelectorAll(".header-row > .cell[data-field]").forEach((s) => {
+      const l = s.getAttribute("data-field");
       if (!l) return;
       const d = i.get(l);
       if (d === void 0) return;
-      const c = a.getBoundingClientRect().left;
+      const c = s.getBoundingClientRect().left;
       Math.abs(d - c) > 1 && n.add(l);
     }), n.size === 0) return;
     const r = [];
-    if (t.querySelectorAll(".cell[data-field]").forEach((a) => {
-      const l = a.getAttribute("data-field");
+    if (t.querySelectorAll(".cell[data-field]").forEach((s) => {
+      const l = s.getAttribute("data-field");
       if (l && n.has(l)) {
-        const d = a;
+        const d = s;
         d.classList.add("fade-animating"), r.push(d);
       }
     }), r.length === 0) return;
     const o = this.animationDuration;
     setTimeout(() => {
-      r.forEach((a) => a.classList.remove("fade-animating"));
+      r.forEach((s) => s.classList.remove("fade-animating"));
     }, o + 50);
   }
   updateColumnOrder(e) {
@@ -4209,11 +4316,11 @@ class kn extends A {
     this.grid.requestStateChange?.();
   }
 }
-const Wi = 'tbw-grid[data-responsive-animate]{.data-grid-row,.data-grid-row>.cell{transition:opacity var(--tbw-responsive-duration, .2s) ease-out,transform var(--tbw-responsive-duration, .2s) ease-out}}tbw-grid[data-responsive][data-responsive-animate]{.data-grid-row{animation:responsive-card-enter var(--tbw-responsive-duration, .2s) ease-out}}@keyframes responsive-card-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}tbw-grid[data-responsive]{.header{display:none!important}.footer-row{display:none}.tbw-scroll-area{overflow-x:hidden;min-width:0!important}.rows-body-wrapper{min-width:0!important}.data-grid-row:not(.group-row){display:block!important;grid-template-columns:none!important;padding:var(--tbw-cell-padding);padding-inline-start:var(--tbw-spacing-xl);border-bottom:1px solid var(--tbw-color-border);min-height:auto!important;height:auto!important;contain:none!important;content-visibility:visible!important;background:var(--tbw-color-bg);position:relative;&:nth-child(2n){background:var(--tbw-color-row-alt)}&:hover{background:var(--tbw-color-row-hover)}&[aria-selected=true]{background:var(--tbw-color-selection);&:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:var(--tbw-color-accent)}}}.data-grid-row:not(.group-row)>.cell{display:flex!important;justify-content:space-between;align-items:center;padding:var(--tbw-spacing-xs) var(--tbw-spacing-md);width:100%!important;min-width:0!important;min-height:auto!important;height:auto!important;line-height:1.5!important;position:static!important;left:auto!important;right:auto!important;border:none!important;border-bottom:none!important;border-inline-end:none!important;background:transparent!important;white-space:normal!important;overflow:visible!important;&:before{content:attr(data-header) ": ";font-weight:600;color:var(--tbw-color-header-fg);flex-shrink:0;margin-inline-end:var(--tbw-spacing-md);min-width:100px}&:after{content:none}}.cell[data-utility]{display:none!important}}tbw-grid[data-responsive] .cell[data-responsive-hidden]{display:none!important}tbw-grid[data-responsive] .cell[data-responsive-value-only]{&:before{display:none!important}justify-content:flex-start!important;font-weight:500}tbw-grid:not([data-responsive]) .cell[data-responsive-hidden]{display:none!important}tbw-grid[data-responsive]{.tbw-footer,.tbw-pinned-rows,.tbw-aggregation-rows{display:none!important}.tbw-pinned-rows,.tbw-aggregation-rows,.tbw-aggregation-row{min-width:0!important}}tbw-grid[data-responsive] .data-grid-row.responsive-card{display:block!important;padding:var(--tbw-cell-padding);border-bottom:1px solid var(--tbw-color-border);>*{width:100%}.cell:before{display:none}}';
-class An extends A {
+const Vi = 'tbw-grid[data-responsive-animate]{.data-grid-row,.data-grid-row>.cell{transition:opacity var(--tbw-responsive-duration, .2s) ease-out,transform var(--tbw-responsive-duration, .2s) ease-out}}tbw-grid[data-responsive][data-responsive-animate]{.data-grid-row{animation:responsive-card-enter var(--tbw-responsive-duration, .2s) ease-out}}@keyframes responsive-card-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}tbw-grid[data-responsive]{.header{display:none!important}.footer-row{display:none}.tbw-scroll-area{overflow-x:hidden;min-width:0!important}.rows-body-wrapper{min-width:0!important}.data-grid-row:not(.group-row){display:block!important;grid-template-columns:none!important;padding:var(--tbw-cell-padding);padding-inline-start:var(--tbw-spacing-xl);border-bottom:1px solid var(--tbw-color-border);min-height:auto!important;height:auto!important;contain:none!important;content-visibility:visible!important;background:var(--tbw-color-bg);position:relative;&:nth-child(2n){background:var(--tbw-color-row-alt)}&:hover{background:var(--tbw-color-row-hover)}&[aria-selected=true]{background:var(--tbw-color-selection);&:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:var(--tbw-color-accent)}}}.data-grid-row:not(.group-row)>.cell{display:flex!important;justify-content:space-between;align-items:center;padding:var(--tbw-spacing-xs) var(--tbw-spacing-md);width:100%!important;min-width:0!important;min-height:auto!important;height:auto!important;line-height:1.5!important;position:static!important;left:auto!important;right:auto!important;border:none!important;border-bottom:none!important;border-inline-end:none!important;background:transparent!important;white-space:normal!important;overflow:visible!important;&:before{content:attr(data-header) ": ";font-weight:600;color:var(--tbw-color-header-fg);flex-shrink:0;margin-inline-end:var(--tbw-spacing-md);min-width:100px}&:after{content:none}}.cell[data-utility]{display:none!important}}tbw-grid[data-responsive] .cell[data-responsive-hidden]{display:none!important}tbw-grid[data-responsive] .cell[data-responsive-value-only]{&:before{display:none!important}justify-content:flex-start!important;font-weight:500}tbw-grid:not([data-responsive]) .cell[data-responsive-hidden]{display:none!important}tbw-grid[data-responsive]{.tbw-footer,.tbw-pinned-rows,.tbw-aggregation-rows{display:none!important}.tbw-pinned-rows,.tbw-aggregation-rows,.tbw-aggregation-row{min-width:0!important}}tbw-grid[data-responsive] .data-grid-row.responsive-card{display:block!important;padding:var(--tbw-cell-padding);border-bottom:1px solid var(--tbw-color-border);>*{width:100%}.cell:before{display:none}}';
+class kn extends A {
   name = "responsive";
   version = "1.0.0";
-  styles = Wi;
+  styles = Vi;
   static manifest = {
     incompatibleWith: [
       {
@@ -4230,25 +4337,25 @@ class An extends A {
   };
   #e;
   #t = !1;
-  #o;
+  #s;
   #n = !1;
   #i = 0;
-  #r = /* @__PURE__ */ new Set();
+  #o = /* @__PURE__ */ new Set();
   #d = /* @__PURE__ */ new Set();
-  #s = null;
+  #r = null;
   #c = [];
   isResponsive() {
     return this.#t;
   }
   setResponsive(e) {
-    e !== this.#t && (this.#t = e, this.#m(), this.emit("responsive-change", {
+    e !== this.#t && (this.#t = e, this.#f(), this.emit("responsive-change", {
       isResponsive: e,
       width: this.#i,
       breakpoint: this.config.breakpoint ?? 0
     }));
   }
   setBreakpoint(e) {
-    this.config.breakpoint = e, this.#g(this.#i);
+    this.config.breakpoint = e, this.#p(this.#i);
   }
   setCardRenderer(e) {
     this.config.cardRenderer = e, this.#t && this.requestRender();
@@ -4257,17 +4364,17 @@ class An extends A {
     return this.#i;
   }
   getActiveBreakpoint() {
-    return this.#s;
+    return this.#r;
   }
   attach(e) {
-    super.attach(e), this.#a(), this.#u(this.config.hiddenColumns), this.config.breakpoints?.length && (this.#c = [...this.config.breakpoints].sort((t, i) => i.maxWidth - t.maxWidth)), this.#e = new ResizeObserver((t) => {
+    super.attach(e), this.#w(), this.#h(this.config.hiddenColumns), this.config.breakpoints?.length && (this.#c = [...this.config.breakpoints].sort((t, i) => i.maxWidth - t.maxWidth)), this.#e = new ResizeObserver((t) => {
       const i = t[0]?.contentRect.width ?? 0;
-      this.#i = i, clearTimeout(this.#o), this.#o = setTimeout(() => {
-        this.#g(i);
+      this.#i = i, clearTimeout(this.#s), this.#s = setTimeout(() => {
+        this.#p(i);
       }, this.config.debounceMs ?? 100);
     }), this.#e.observe(this.gridElement);
   }
-  #a() {
+  #w() {
     const e = this.grid;
     if (!e || typeof e.querySelector != "function") return;
     const t = e.querySelector("tbw-grid-responsive-card");
@@ -4277,12 +4384,12 @@ class An extends A {
       const u = i.__frameworkAdapter.parseResponsiveCardElement(t);
       u && (this.config = { ...this.config, cardRenderer: u });
     }
-    const n = t.getAttribute("breakpoint"), r = t.getAttribute("card-row-height"), o = t.getAttribute("hidden-columns"), a = t.getAttribute("hide-header"), l = t.getAttribute("debounce-ms"), d = {};
+    const n = t.getAttribute("breakpoint"), r = t.getAttribute("card-row-height"), o = t.getAttribute("hidden-columns"), s = t.getAttribute("hide-header"), l = t.getAttribute("debounce-ms"), d = {};
     if (n !== null) {
       const u = parseInt(n, 10);
       isNaN(u) || (d.breakpoint = u);
     }
-    if (r !== null && (d.cardRowHeight = r === "auto" ? "auto" : parseInt(r, 10)), o !== null && (d.hiddenColumns = o.split(",").map((u) => u.trim()).filter((u) => u.length > 0)), a !== null && (d.hideHeader = a !== "false"), l !== null) {
+    if (r !== null && (d.cardRowHeight = r === "auto" ? "auto" : parseInt(r, 10)), o !== null && (d.hiddenColumns = o.split(",").map((u) => u.trim()).filter((u) => u.length > 0)), s !== null && (d.hideHeader = s !== "false"), l !== null) {
       const u = parseInt(l, 10);
       isNaN(u) || (d.debounceMs = u);
     }
@@ -4292,33 +4399,33 @@ class An extends A {
       return f.className = "tbw-responsive-card-content", f.innerHTML = g, f;
     }), Object.keys(d).length > 0 && (this.config = { ...this.config, ...d });
   }
-  #u(e) {
-    if (this.#r.clear(), this.#d.clear(), !!e)
+  #h(e) {
+    if (this.#o.clear(), this.#d.clear(), !!e)
       for (const t of e)
-        typeof t == "string" ? this.#r.add(t) : t.showValue ? this.#d.add(t.field) : this.#r.add(t.field);
+        typeof t == "string" ? this.#o.add(t) : t.showValue ? this.#d.add(t.field) : this.#o.add(t.field);
   }
   detach() {
-    this.#e?.disconnect(), this.#e = void 0, clearTimeout(this.#o), this.#o = void 0, this.gridElement && this.gridElement.removeAttribute("data-responsive"), super.detach();
+    this.#e?.disconnect(), this.#e = void 0, clearTimeout(this.#s), this.#s = void 0, this.gridElement && this.gridElement.removeAttribute("data-responsive"), super.detach();
   }
   handleQuery(e) {
     if (e.type === "isCardMode")
       return this.#t;
   }
   afterRender() {
-    if (this.#R(), !(this.#c.length > 0 ? this.#s !== null : this.#t))
+    if (this.#R(), !(this.#c.length > 0 ? this.#r !== null : this.#t))
       return;
-    const t = this.#r.size > 0, i = this.#d.size > 0;
+    const t = this.#o.size > 0, i = this.#d.size > 0;
     if (!t && !i)
       return;
     const n = this.gridElement.querySelectorAll(".cell[data-field]");
     for (const r of n) {
       const o = r.getAttribute("data-field");
-      o && (this.#r.has(o) ? (r.setAttribute("data-responsive-hidden", ""), r.removeAttribute("data-responsive-value-only")) : this.#d.has(o) ? (r.setAttribute("data-responsive-value-only", ""), r.removeAttribute("data-responsive-hidden")) : (r.removeAttribute("data-responsive-hidden"), r.removeAttribute("data-responsive-value-only")));
+      o && (this.#o.has(o) ? (r.setAttribute("data-responsive-hidden", ""), r.removeAttribute("data-responsive-value-only")) : this.#d.has(o) ? (r.setAttribute("data-responsive-value-only", ""), r.removeAttribute("data-responsive-hidden")) : (r.removeAttribute("data-responsive-hidden"), r.removeAttribute("data-responsive-value-only")));
     }
   }
-  #g(e) {
+  #p(e) {
     if (this.#c.length > 0) {
-      this.#p(e);
+      this.#l(e);
       return;
     }
     const t = this.config.breakpoint ?? 0;
@@ -4326,41 +4433,41 @@ class An extends A {
       "[tbw-grid:ResponsivePlugin] No breakpoint configured. Responsive mode is disabled. Set a breakpoint based on your grid's column count."
     ));
     const i = t > 0 && e < t;
-    i !== this.#t && (this.#t = i, this.#m(), this.emit("responsive-change", {
+    i !== this.#t && (this.#t = i, this.#f(), this.emit("responsive-change", {
       isResponsive: i,
       width: e,
       breakpoint: t
     }), this.requestRender());
   }
-  #p(e) {
+  #l(e) {
     let t = null;
     for (const n of this.#c)
       e <= n.maxWidth && (t = n);
-    if (t !== this.#s) {
-      this.#s = t, t?.hiddenColumns ? this.#u(t.hiddenColumns) : this.#u(this.config.hiddenColumns);
+    if (t !== this.#r) {
+      this.#r = t, t?.hiddenColumns ? this.#h(t.hiddenColumns) : this.#h(this.config.hiddenColumns);
       const n = t?.cardLayout === !0;
-      n !== this.#t && (this.#t = n, this.#m()), this.emit("responsive-change", {
+      n !== this.#t && (this.#t = n, this.#f()), this.emit("responsive-change", {
         isResponsive: this.#t,
         width: e,
         breakpoint: t?.maxWidth ?? 0
       }), this.requestRender();
     }
   }
-  #l;
-  #m() {
+  #a;
+  #f() {
     this.gridElement.toggleAttribute("data-responsive", this.#t);
     const e = this.config.animate !== !1;
     this.gridElement.toggleAttribute("data-responsive-animate", e), this.config.animationDuration && this.gridElement.style.setProperty("--tbw-responsive-duration", `${this.config.animationDuration}ms`);
     const t = this.grid;
     if (this.#t) {
-      t._virtualization && (this.#l = t._virtualization.rowHeight);
+      t._virtualization && (this.#a = t._virtualization.rowHeight);
       const i = this.gridElement.querySelector(".tbw-scroll-area");
       i && (i.scrollLeft = 0);
     } else {
       const i = this.gridElement.querySelectorAll(".data-grid-row");
       for (const n of i)
         n.style.height = "", n.classList.remove("responsive-card");
-      this.#l && this.#l > 0 && t._virtualization && (t._virtualization.rowHeight = this.#l, this.#l = void 0), this.#h = void 0, this.#f = void 0, this.#w = void 0;
+      this.#a && this.#a > 0 && t._virtualization && (t._virtualization.rowHeight = this.#a, this.#a = void 0), this.#u = void 0, this.#g = void 0, this.#m = void 0;
     }
   }
   renderRow(e, t, i) {
@@ -4400,17 +4507,17 @@ class An extends A {
     }
     return !1;
   }
-  #h;
-  #f;
-  #w;
+  #u;
+  #g;
+  #m;
   #y() {
-    if (this.#h && this.#h > 0)
-      return this.#h;
+    if (this.#u && this.#u > 0)
+      return this.#u;
     const e = this.config.cardRowHeight;
     return typeof e == "number" && e > 0 ? e : 80;
   }
   #x() {
-    return this.#f && this.#f > 0 ? this.#f : this.#l ?? 28;
+    return this.#g && this.#g > 0 ? this.#g : this.#a ?? 28;
   }
   #b() {
     for (const e of this.rows)
@@ -4427,18 +4534,18 @@ class An extends A {
   getExtraHeight() {
     if (!this.#t || !this.config.cardRenderer || !this.#b())
       return 0;
-    const e = this.#l ?? 28, t = this.#x(), i = this.#y(), { groupCount: n, cardCount: r } = this.#C(), o = n * Math.max(0, t - e), a = r * Math.max(0, i - e);
-    return o + a;
+    const e = this.#a ?? 28, t = this.#x(), i = this.#y(), { groupCount: n, cardCount: r } = this.#C(), o = n * Math.max(0, t - e), s = r * Math.max(0, i - e);
+    return o + s;
   }
   getExtraHeightBefore(e) {
     if (!this.#t || !this.config.cardRenderer || !this.#b())
       return 0;
-    const t = this.#l ?? 28, i = this.#x(), n = this.#y(), r = Math.max(0, i - t), o = Math.max(0, n - t);
-    let a = 0, l = 0;
+    const t = this.#a ?? 28, i = this.#x(), n = this.#y(), r = Math.max(0, i - t), o = Math.max(0, n - t);
+    let s = 0, l = 0;
     const d = this.rows, c = Math.min(e, d.length);
     for (let u = 0; u < c; u++)
-      d[u].__isGroupRow ? a++ : l++;
-    return a * r + l * o;
+      d[u].__isGroupRow ? s++ : l++;
+    return s * r + l * o;
   }
   #E() {
     let e = 0;
@@ -4452,27 +4559,27 @@ class An extends A {
       return;
     let e = !1;
     const t = this.grid, i = this.#b(), n = this.#E();
-    if (n !== this.#w && (this.#w = n, e = !0), i) {
+    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);
+        const s = o.getBoundingClientRect().height;
+        s > 0 && s !== this.#g && (this.#g = s, e = !0);
       }
     }
     const r = this.gridElement.querySelector(".data-grid-row.responsive-card");
     if (r) {
       const o = r.getBoundingClientRect().height;
-      o > 0 && o !== this.#h && (this.#h = o, e = !0, !i && t._virtualization && (t._virtualization.rowHeight = o));
+      o > 0 && o !== this.#u && (this.#u = o, e = !0, !i && t._virtualization && (t._virtualization.rowHeight = o));
     }
     e && !this.#v && (this.#v = !0, queueMicrotask(() => {
       this.#v = !1, this.grid && this.#t && this.grid.refreshVirtualWindow?.(!0, !0);
     }));
   }
 }
-const $i = '@layer tbw-plugins{[data-field=__tbw_row_drag]{display:flex;align-items:center;justify-content:center}.dg-row-drag-handle{display:flex;align-items:center;justify-content:center;min-width:1em;min-height:1em;cursor:grab;user-select:none;color:var(--tbw-row-reorder-handle-color, var(--tbw-color-fg-muted));transition:color var(--tbw-transition-duration, .12s) var(--tbw-transition-ease, ease);font-size:var(--tbw-font-size, 1em);letter-spacing:-2px;&:hover{color:var(--tbw-row-reorder-handle-hover, var(--tbw-color-fg))}&:active{cursor:grabbing}}.data-grid-row.dragging{opacity:.6}.data-grid-row.drop-target{position:relative;&.drop-before:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background-color:var(--tbw-row-reorder-indicator, var(--tbw-color-accent));z-index:10}&.drop-after:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--tbw-row-reorder-indicator, var(--tbw-color-accent));z-index:10}}.data-grid-row.keyboard-moving{background-color:var(--tbw-row-reorder-moving-bg, var(--tbw-focus-background));box-shadow:0 0 0 1px var(--tbw-row-reorder-moving-border, var(--tbw-color-accent)) inset}.data-grid-row.flip-animating{transition:transform var(--tbw-animation-duration, .2s) ease-out;will-change:transform;z-index:1}}', ji = "__tbw_row_drag";
-class _n extends A {
+const Wi = '@layer tbw-plugins{[data-field=__tbw_row_drag]{display:flex;align-items:center;justify-content:center}.dg-row-drag-handle{display:flex;align-items:center;justify-content:center;min-width:1em;min-height:1em;cursor:grab;user-select:none;color:var(--tbw-row-reorder-handle-color, var(--tbw-color-fg-muted));transition:color var(--tbw-transition-duration, .12s) var(--tbw-transition-ease, ease);font-size:var(--tbw-font-size, 1em);letter-spacing:-2px;&:hover{color:var(--tbw-row-reorder-handle-hover, var(--tbw-color-fg))}&:active{cursor:grabbing}}.data-grid-row.dragging{opacity:.6}.data-grid-row.drop-target{position:relative;&.drop-before:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background-color:var(--tbw-row-reorder-indicator, var(--tbw-color-accent));z-index:10}&.drop-after:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--tbw-row-reorder-indicator, var(--tbw-color-accent));z-index:10}}.data-grid-row.keyboard-moving{background-color:var(--tbw-row-reorder-moving-bg, var(--tbw-focus-background));box-shadow:0 0 0 1px var(--tbw-row-reorder-moving-border, var(--tbw-color-accent)) inset}.data-grid-row.flip-animating{transition:transform var(--tbw-animation-duration, .2s) ease-out;will-change:transform;z-index:1}}', $i = "__tbw_row_drag";
+class An extends A {
   name = "rowReorder";
-  styles = $i;
+  styles = Wi;
   get defaultConfig() {
     return {
       enableKeyboard: !0,
@@ -4499,7 +4606,7 @@ class _n extends A {
     if (!this.config.showDragHandle)
       return [...e];
     const t = {
-      field: ji,
+      field: $i,
       header: "",
       width: this.config.dragHandleWidth ?? 40,
       resizable: !1,
@@ -4539,9 +4646,9 @@ class _n extends A {
     if (i < 0 || i >= n.length) return;
     const r = e.key === "ArrowUp" ? "up" : "down", o = r === "up" ? i - 1 : i + 1;
     if (o < 0 || o >= n.length) return;
-    const a = n[i];
-    if (!(this.config.canMove && !this.config.canMove(a, i, o, r)))
-      return this.handleKeyboardMove(a, i, o, r, t._focusCol), e.preventDefault(), e.stopPropagation(), !0;
+    const s = n[i];
+    if (!(this.config.canMove && !this.config.canMove(s, i, o, r)))
+      return this.handleKeyboardMove(s, i, o, r, t._focusCol), e.preventDefault(), e.stopPropagation(), !0;
   }
   onCellClick() {
     this.flushPendingMove();
@@ -4581,8 +4688,8 @@ class _n extends A {
       const i = this.draggedRowIndex;
       let n = this.dropRowIndex;
       if (!(!this.isDragging || i === null || n === null) && (n > i && n--, i !== n)) {
-        const o = this.sourceRows[i], a = n < i ? "up" : "down";
-        (!this.config.canMove || this.config.canMove(o, i, n, a)) && this.executeMove(o, i, n, "drag");
+        const o = this.sourceRows[i], s = n < i ? "up" : "down";
+        (!this.config.canMove || this.config.canMove(o, i, n, s)) && this.executeMove(o, i, n, "drag");
       }
     });
   }
@@ -4592,8 +4699,8 @@ class _n extends A {
       currentIndex: i,
       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), D(o), this.clearDebounceTimer(), this.debounceTimer = setTimeout(() => {
+    const o = this.grid, s = [...o._rows ?? this.sourceRows], [l] = s.splice(t, 1);
+    s.splice(i, 0, l), o._rows = s, o._focusRow = i, o._focusCol = r, o.refreshVirtualWindow(!0), D(o), this.clearDebounceTimer(), this.debounceTimer = setTimeout(() => {
       this.flushPendingMove();
     }, this.config.debounceMs ?? 300);
   }
@@ -4609,8 +4716,8 @@ class _n extends A {
       source: "keyboard"
     };
     if (this.emitCancelable("row-move", n)) {
-      const o = [...this.sourceRows], [a] = o.splice(t, 1);
-      o.splice(e, 0, a);
+      const o = [...this.sourceRows], [s] = o.splice(t, 1);
+      o.splice(e, 0, s);
       const l = this.grid;
       l._rows = o, l._focusRow = e, l._focusCol = this.lastFocusCol, l.refreshVirtualWindow(!0), D(l);
     }
@@ -4618,14 +4725,14 @@ class _n extends A {
   executeMove(e, t, i, n) {
     const r = [...this.sourceRows], [o] = r.splice(t, 1);
     r.splice(i, 0, o);
-    const a = {
+    const s = {
       row: e,
       fromIndex: t,
       toIndex: i,
       rows: r,
       source: n
     };
-    if (!this.emitCancelable("row-move", a))
+    if (!this.emitCancelable("row-move", s))
       if (this.animationType === "flip" && this.gridElement) {
         const d = this.captureRowPositions();
         this.grid.rows = r, requestAnimationFrame(() => {
@@ -4644,7 +4751,7 @@ class _n extends A {
   animateFLIP(e, t, i) {
     const n = this.gridElement;
     if (!n || e.size === 0) return;
-    const r = Math.min(t, i), o = Math.max(t, i), a = [];
+    const r = Math.min(t, i), o = Math.max(t, i), s = [];
     if (n.querySelectorAll(".data-grid-row").forEach((d) => {
       const c = d, u = this.getRowIndex(c);
       if (u < 0 || u < r || u > o) return;
@@ -4653,17 +4760,17 @@ class _n extends A {
       const g = e.get(h);
       if (g === void 0) return;
       const f = c.getBoundingClientRect().top, p = g - f;
-      Math.abs(p) > 1 && a.push({ el: c, deltaY: p });
-    }), a.length === 0) return;
-    a.forEach(({ el: d, deltaY: c }) => {
+      Math.abs(p) > 1 && s.push({ el: c, deltaY: p });
+    }), s.length === 0) return;
+    s.forEach(({ el: d, deltaY: c }) => {
       d.style.transform = `translateY(${c}px)`;
     }), n.offsetHeight;
     const l = this.animationDuration;
     requestAnimationFrame(() => {
-      a.forEach(({ el: d }) => {
+      s.forEach(({ el: d }) => {
         d.classList.add("flip-animating"), d.style.transform = "";
       }), setTimeout(() => {
-        a.forEach(({ el: d }) => {
+        s.forEach(({ el: d }) => {
           d.style.transform = "", d.classList.remove("flip-animating");
         });
       }, l + 50);
@@ -4682,62 +4789,62 @@ class _n extends A {
     this.debounceTimer && (clearTimeout(this.debounceTimer), this.debounceTimer = null);
   }
 }
-function V(s) {
+function V(a) {
   return {
-    startRow: Math.min(s.startRow, s.endRow),
-    startCol: Math.min(s.startCol, s.endCol),
-    endRow: Math.max(s.startRow, s.endRow),
-    endCol: Math.max(s.startCol, s.endCol)
+    startRow: Math.min(a.startRow, a.endRow),
+    startCol: Math.min(a.startCol, a.endCol),
+    endRow: Math.max(a.startRow, a.endRow),
+    endCol: Math.max(a.startCol, a.endCol)
   };
 }
-function Ui(s) {
-  const e = V(s);
+function ji(a) {
+  const e = V(a);
   return {
     from: { row: e.startRow, col: e.startCol },
     to: { row: e.endRow, col: e.endCol }
   };
 }
-function lt(s) {
-  return s.map(Ui);
+function lt(a) {
+  return a.map(ji);
 }
-function Yi(s, e, t) {
+function Ui(a, e, t) {
   const i = V(t);
-  return s >= i.startRow && s <= i.endRow && e >= i.startCol && e <= i.endCol;
+  return a >= i.startRow && a <= i.endRow && e >= i.startCol && e <= i.endCol;
 }
-function je(s, e, t) {
-  return t.some((i) => Yi(s, e, i));
+function je(a, e, t) {
+  return t.some((i) => Ui(a, e, i));
 }
-function Xi(s) {
-  const e = [], t = V(s);
+function Yi(a) {
+  const e = [], t = V(a);
   for (let i = t.startRow; i <= t.endRow; i++)
     for (let n = t.startCol; n <= t.endCol; n++)
       e.push({ row: i, col: n });
   return e;
 }
-function Zi(s) {
+function Xi(a) {
   const e = /* @__PURE__ */ new Map();
-  for (const t of s)
-    for (const i of Xi(t))
+  for (const t of a)
+    for (const i of Yi(t))
       e.set(`${i.row},${i.col}`, i);
   return [...e.values()];
 }
-function de(s, e) {
+function de(a, e) {
   return {
-    startRow: s.row,
-    startCol: s.col,
+    startRow: a.row,
+    startCol: a.col,
     endRow: e.row,
     endCol: e.col
   };
 }
-function Z(s, e) {
-  const t = V(s), i = V(e);
+function Z(a, e) {
+  const t = V(a), i = V(e);
   return t.startRow === i.startRow && t.startCol === i.startCol && t.endRow === i.endRow && t.endCol === i.endCol;
 }
-const Qi = "@layer tbw-plugins{tbw-grid{&.selecting .data-grid-row>.cell{user-select:none}&:has(.selection){user-select:none}&[data-has-focus] .data-grid-row.row-focus{background-color:var(--tbw-focus-background, rgba(from var(--tbw-color-accent) r g b / 12%))}&[data-selection-mode=row] .cell-focus{outline:none}.data-grid-row>.cell.selected{background-color:var(--tbw-range-selection-bg);&.top{border-top:2px solid var(--tbw-range-border-color)}&.bottom{border-bottom:2px solid var(--tbw-range-border-color)}&.first{border-left:2px solid var(--tbw-range-border-color)}&.last{border-right:2px solid var(--tbw-range-border-color)}}.data-grid-row[data-selectable=false]{cursor:not-allowed;opacity:.6;&.row-focus{background-color:var(--tbw-color-row-alt)}}.data-grid-row>.cell[data-selectable=false]{cursor:not-allowed;opacity:.6;&.selected{background-color:var(--tbw-selection-warning-bg, rgba(from var(--tbw-color-error) r g b / 50%))}}.tbw-selection-summary{font-size:var(--tbw-font-size-sm, .8125rem);color:var(--tbw-color-fg-muted);white-space:nowrap}}}";
-function Ji(s, e, t) {
-  if (s === "cell" && e.selectedCell)
+const Zi = "@layer tbw-plugins{tbw-grid{&.selecting .data-grid-row>.cell{user-select:none}&:has(.selection){user-select:none}&[data-has-focus] .data-grid-row.row-focus{background-color:var(--tbw-focus-background, rgba(from var(--tbw-color-accent) r g b / 12%))}&[data-selection-mode=row] .cell-focus{outline:none}.data-grid-row>.cell.selected{background-color:var(--tbw-range-selection-bg);&.top{border-top:2px solid var(--tbw-range-border-color)}&.bottom{border-bottom:2px solid var(--tbw-range-border-color)}&.first{border-left:2px solid var(--tbw-range-border-color)}&.last{border-right:2px solid var(--tbw-range-border-color)}}.data-grid-row[data-selectable=false]{cursor:not-allowed;opacity:.6;&.row-focus{background-color:var(--tbw-color-row-alt)}}.data-grid-row>.cell[data-selectable=false]{cursor:not-allowed;opacity:.6;&.selected{background-color:var(--tbw-selection-warning-bg, rgba(from var(--tbw-color-error) r g b / 50%))}}.tbw-selection-summary{font-size:var(--tbw-font-size-sm, .8125rem);color:var(--tbw-color-fg-muted);white-space:nowrap}}}";
+function Qi(a, e, t) {
+  if (a === "cell" && e.selectedCell)
     return {
-      mode: s,
+      mode: a,
       ranges: [
         {
           from: { row: e.selectedCell.row, col: e.selectedCell.col },
@@ -4745,16 +4852,16 @@ function Ji(s, e, t) {
         }
       ]
     };
-  if (s === "row" && e.selected.size > 0) {
+  if (a === "row" && e.selected.size > 0) {
     const i = [...e.selected].map((n) => ({
       from: { row: n, col: 0 },
       to: { row: n, col: t - 1 }
     }));
-    return { mode: s, ranges: i };
+    return { mode: a, ranges: i };
   }
-  return s === "range" && e.ranges.length > 0 ? { mode: s, ranges: lt(e.ranges) } : { mode: s, ranges: [] };
+  return a === "range" && e.ranges.length > 0 ? { mode: a, ranges: lt(e.ranges) } : { mode: a, ranges: [] };
 }
-class Tn extends A {
+class _n extends A {
   static manifest = {
     queries: [{ type: "getSelection", description: "Get the current selection state" }],
     configRules: [
@@ -4769,7 +4876,7 @@ class Tn extends A {
     ]
   };
   name = "selection";
-  styles = Qi;
+  styles = Zi;
   get defaultConfig() {
     return {
       mode: "cell",
@@ -4821,7 +4928,7 @@ class Tn extends A {
     const { rowIndex: t, colIndex: i, originalEvent: n } = e, { mode: r, triggerOn: o = "click" } = this.config;
     if (n.type !== o)
       return !1;
-    const a = this.columns[i], l = a && q(a);
+    const s = this.columns[i], l = s && q(s);
     if (r === "cell") {
       if (l || !this.isCellSelectable(t, i))
         return !1;
@@ -4885,13 +4992,13 @@ class Tn extends A {
       const r = this.rows.length, o = this.columns.length;
       if (r > 0 && o > 0) {
         e.preventDefault(), e.stopPropagation();
-        const a = {
+        const s = {
           startRow: 0,
           startCol: 0,
           endRow: r - 1,
           endCol: o - 1
         };
-        return this.ranges = [a], this.activeRange = a, this.emit("selection-change", this.#t()), this.requestAfterRender(), !0;
+        return this.ranges = [s], this.activeRange = s, this.emit("selection-change", this.#t()), this.requestAfterRender(), !0;
       }
     }
     return !1;
@@ -4915,7 +5022,7 @@ class Tn extends A {
     let t = e.colIndex;
     const i = this.columns[t];
     if (i && q(i)) {
-      const o = this.columns.findIndex((a) => !q(a));
+      const o = this.columns.findIndex((s) => !q(s));
       o >= 0 && (t = o);
     }
     const n = de(this.cellAnchor, { row: e.rowIndex, col: t }), r = this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] : null;
@@ -4936,14 +5043,14 @@ class Tn extends A {
     if (r.forEach((o) => {
       o.classList.remove("selected", "row-focus"), i && o.removeAttribute("data-selectable");
     }), t === "row" && (xe(e), r.forEach((o) => {
-      const a = o.querySelector(".cell[data-row]"), l = mt(a);
+      const s = o.querySelector(".cell[data-row]"), l = pt(s);
       l >= 0 && (i && !this.isRowSelectable(l) && o.setAttribute("data-selectable", "false"), this.selected.has(l) && o.classList.add("selected", "row-focus"));
-    })), (t === "cell" || t === "range") && i && e.querySelectorAll(".cell[data-row][data-col]").forEach((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 === "cell" || t === "range") && i && e.querySelectorAll(".cell[data-row][data-col]").forEach((s) => {
+      const l = parseInt(s.getAttribute("data-row") ?? "-1", 10), d = parseInt(s.getAttribute("data-col") ?? "-1", 10);
+      l >= 0 && d >= 0 && (this.isCellSelectable(l, d) || s.setAttribute("data-selectable", "false"));
     }), t === "range" && this.ranges.length > 0) {
       xe(e);
-      const o = this.activeRange ? V(this.activeRange) : null, a = this.columns.findIndex((d) => !q(d));
+      const o = this.activeRange ? V(this.activeRange) : null, s = this.columns.findIndex((d) => !q(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) {
@@ -4952,7 +5059,7 @@ class Tn extends A {
             return;
           if (je(c, u, this.ranges) && (d.classList.add("selected"), o)) {
             c === o.startRow && d.classList.add("top"), c === o.endRow && d.classList.add("bottom");
-            const f = Math.max(o.startCol, a);
+            const f = Math.max(o.startCol, s);
             u === f && d.classList.add("first"), u === o.endCol && d.classList.add("last");
           }
         }
@@ -4969,8 +5076,8 @@ class Tn extends A {
       this.pendingKeyboardUpdate = null;
       const r = this.grid._focusRow, o = this.grid._focusCol;
       if (n && this.cellAnchor) {
-        const a = de(this.cellAnchor, { row: r, col: o });
-        this.ranges = [a], this.activeRange = a;
+        const s = de(this.cellAnchor, { row: r, col: o });
+        this.ranges = [s], this.activeRange = s;
       } else n || (this.ranges = [], this.activeRange = null, this.cellAnchor = { row: r, col: o });
       this.emit("selection-change", this.#t());
     }
@@ -4987,7 +5094,7 @@ class Tn extends A {
     };
   }
   getSelectedCells() {
-    return Zi(this.ranges);
+    return Xi(this.ranges);
   }
   isCellSelected(e, t) {
     return je(e, t, this.ranges);
@@ -5007,7 +5114,7 @@ class Tn extends A {
     }), this.requestAfterRender();
   }
   #t() {
-    return Ji(
+    return Qi(
       this.config.mode,
       {
         selectedCell: this.selectedCell,
@@ -5018,38 +5125,38 @@ class Tn extends A {
     );
   }
 }
-function J(s, e) {
-  return Math.floor(s / e);
+function J(a, e) {
+  return Math.floor(a / e);
 }
-function en(s, e) {
+function Ji(a, e) {
   return {
-    start: s * e,
-    end: (s + 1) * e
+    start: a * e,
+    end: (a + 1) * e
   };
 }
-function tn(s, e, t) {
-  const i = J(s, t), n = J(e - 1, t), r = [];
+function en(a, e, t) {
+  const i = J(a, t), n = J(e - 1, t), r = [];
   for (let o = i; o <= n; o++)
     r.push(o);
   return r;
 }
-async function Ue(s, e, t, i) {
-  const n = en(e, t);
-  return s.getRows({
+async function Ue(a, e, t, i) {
+  const n = Ji(e, t);
+  return a.getRows({
     startRow: n.start,
     endRow: n.end,
     sortModel: i.sortModel,
     filterModel: i.filterModel
   });
 }
-function nn(s, e, t) {
-  const i = J(s, e), n = t.get(i);
+function tn(a, e, t) {
+  const i = J(a, e), n = t.get(i);
   if (!n) return;
-  const r = s % e;
+  const r = a % e;
   return n[r];
 }
-const rn = 100;
-class Ln extends A {
+const nn = 100;
+class Tn extends A {
   name = "serverSide";
   get defaultConfig() {
     return {
@@ -5069,7 +5176,7 @@ class Ln extends A {
   }
   loadRequiredBlocks() {
     if (!this.dataSource) return;
-    const e = this.grid, t = this.config.cacheBlockSize ?? 100, i = { startRow: e._virtualization.start, endRow: e._virtualization.end }, n = tn(i.startRow, i.endRow, t);
+    const e = this.grid, t = this.config.cacheBlockSize ?? 100, i = { startRow: e._virtualization.start, endRow: e._virtualization.end }, n = en(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))
@@ -5085,7 +5192,7 @@ class Ln extends A {
     if (!this.dataSource) return [...e];
     const t = [];
     for (let i = 0; i < this.totalRowCount; i++) {
-      const n = nn(i, this.config.cacheBlockSize ?? 100, this.loadedBlocks);
+      const n = tn(i, this.config.cacheBlockSize ?? 100, this.loadedBlocks);
       t.push(n ?? { __loading: !0, __index: i });
     }
     return t;
@@ -5093,7 +5200,7 @@ class Ln extends A {
   onScroll(e) {
     this.dataSource && (this.loadRequiredBlocks(), this.scrollDebounceTimer && clearTimeout(this.scrollDebounceTimer), this.scrollDebounceTimer = setTimeout(() => {
       this.loadRequiredBlocks();
-    }, rn));
+    }, nn));
   }
   setDataSource(e) {
     this.dataSource = e, this.loadedBlocks.clear(), this.loadingBlocks.clear();
@@ -5119,17 +5226,17 @@ class Ln extends A {
     return this.loadedBlocks.size;
   }
 }
-function dt(s, e, t) {
-  return s.id !== void 0 ? String(s.id) : t ? `${t}-${e}` : String(e);
+function dt(a, e, t) {
+  return a.id !== void 0 ? String(a.id) : t ? `${t}-${e}` : String(e);
 }
-function ce(s, e) {
-  const t = new Set(s);
+function ce(a, e) {
+  const t = new Set(a);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
-function fe(s, e, t = null, i = 0) {
+function fe(a, 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 = dt(a, o, t), d = a[n];
+  for (let o = 0; o < a.length; o++) {
+    const s = a[o], l = dt(s, o, t), d = s[n];
     if (Array.isArray(d) && d.length > 0) {
       r.add(l);
       const c = fe(d, e, l, i + 1);
@@ -5138,16 +5245,16 @@ function fe(s, e, t = null, i = 0) {
   }
   return r;
 }
-function on() {
+function rn() {
   return /* @__PURE__ */ new Set();
 }
-function ct(s, e, t, i = null, n = 0) {
+function ct(a, e, t, i = null, n = 0) {
   const r = t.childrenField ?? "children";
-  for (let o = 0; o < s.length; o++) {
-    const a = s[o], l = dt(a, o, i);
+  for (let o = 0; o < a.length; o++) {
+    const s = a[o], l = dt(s, o, i);
     if (l === e)
       return [l];
-    const d = a[r];
+    const d = s[r];
     if (Array.isArray(d) && d.length > 0) {
       const c = ct(d, e, t, l, n + 1);
       if (c)
@@ -5156,17 +5263,17 @@ function ct(s, e, t, i = null, n = 0) {
   }
   return null;
 }
-function sn(s, e, t, i) {
-  const n = ct(s, e, t);
+function on(a, e, t, i) {
+  const n = ct(a, 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 Ye(s, e = "children") {
-  if (!Array.isArray(s) || s.length === 0) return !1;
-  for (const t of s) {
+function Ye(a, e = "children") {
+  if (!Array.isArray(a) || a.length === 0) return !1;
+  for (const t of a) {
     if (!t) continue;
     const i = t[e];
     if (Array.isArray(i) && i.length > 0)
@@ -5174,10 +5281,10 @@ function Ye(s, e = "children") {
   }
   return !1;
 }
-function an(s) {
-  if (!Array.isArray(s) || s.length === 0) return null;
+function sn(a) {
+  if (!Array.isArray(a) || a.length === 0) return null;
   const e = ["children", "items", "nodes", "subRows", "nested"];
-  for (const t of s)
+  for (const t of a)
     if (!(!t || typeof t != "object"))
       for (const i of e) {
         const n = t[i];
@@ -5186,8 +5293,8 @@ function an(s) {
       }
   return null;
 }
-const ln = "@layer tbw-plugins{tbw-grid{.cell[data-field=__tbw_expander]{border-inline-end:none!important;padding:0;display:flex;align-items:center;justify-content:flex-start}.header-row .cell[data-field=__tbw_expander]{display:none}.header-row .cell[data-field=__tbw_expander]+.cell{grid-column:1 / 3}.tree-cell-wrapper{display:inline-flex;align-items:center;padding-inline-start:calc(var(--tbw-tree-depth, 0) * var(--tbw-tree-indent-width, var(--tbw-tree-toggle-size, 1.25em)))}.tree-expander{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;box-sizing:border-box}.tree-toggle{cursor:pointer;user-select:none;display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-tree-toggle-size, 1.25em);height:var(--tbw-tree-toggle-size, 1.25em);flex-shrink:0}.tree-toggle:hover{color:var(--tbw-tree-accent, var(--tbw-color-accent))}.tree-spacer{width:var(--tbw-tree-toggle-size, 1.25em);display:inline-block;flex-shrink:0}.data-grid-row.tbw-tree-slide-in{animation:tbw-tree-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}.data-grid-row.tbw-tree-fade-in{animation:tbw-tree-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}}@keyframes tbw-tree-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes tbw-tree-fade-in{0%{opacity:0}to{opacity:1}}}";
-class Fn extends A {
+const an = "@layer tbw-plugins{tbw-grid{.cell[data-field=__tbw_expander]{border-inline-end:none!important;padding:0;display:flex;align-items:center;justify-content:flex-start}.header-row .cell[data-field=__tbw_expander]{display:none}.header-row .cell[data-field=__tbw_expander]+.cell{grid-column:1 / 3}.tree-cell-wrapper{display:inline-flex;align-items:center;padding-inline-start:calc(var(--tbw-tree-depth, 0) * var(--tbw-tree-indent-width, var(--tbw-tree-toggle-size, 1.25em)))}.tree-expander{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;box-sizing:border-box}.tree-toggle{cursor:pointer;user-select:none;display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-tree-toggle-size, 1.25em);height:var(--tbw-tree-toggle-size, 1.25em);flex-shrink:0}.tree-toggle:hover{color:var(--tbw-tree-accent, var(--tbw-color-accent))}.tree-spacer{width:var(--tbw-tree-toggle-size, 1.25em);display:inline-block;flex-shrink:0}.data-grid-row.tbw-tree-slide-in{animation:tbw-tree-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}.data-grid-row.tbw-tree-fade-in{animation:tbw-tree-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}}@keyframes tbw-tree-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes tbw-tree-fade-in{0%{opacity:0}to{opacity:1}}}";
+class Ln extends A {
   static manifest = {
     events: [
       {
@@ -5203,7 +5310,7 @@ class Fn extends A {
     ]
   };
   name = "tree";
-  styles = ln;
+  styles = an;
   get defaultConfig() {
     return {
       childrenField: "children",
@@ -5236,7 +5343,7 @@ class Fn extends A {
   }
   detect(e) {
     if (!this.config.autoDetect) return !1;
-    const t = e, i = this.config.childrenField ?? an(t) ?? "children";
+    const t = e, i = this.config.childrenField ?? sn(t) ?? "children";
     return Ye(t, i);
   }
   processRows(e) {
@@ -5259,11 +5366,11 @@ class Fn extends A {
   withStableKeys(e, t = null) {
     const i = this.config.childrenField ?? "children";
     return e.map((n, r) => {
-      const o = n.__stableKey, a = n.id !== void 0 ? String(n.id) : o ?? (t ? `${t}-${r}` : String(r)), l = n[i], d = Array.isArray(l) && l.length > 0;
+      const o = n.__stableKey, s = n.id !== void 0 ? String(n.id) : o ?? (t ? `${t}-${r}` : String(r)), l = n[i], d = Array.isArray(l) && l.length > 0;
       return {
         ...n,
-        __stableKey: a,
-        ...d ? { [i]: this.withStableKeys(l, a) } : {}
+        __stableKey: s,
+        ...d ? { [i]: this.withStableKeys(l, s) } : {}
       };
     });
   }
@@ -5284,24 +5391,24 @@ class Fn extends A {
   }
   sortTree(e, t, i) {
     const n = this.config.childrenField ?? "children";
-    return [...e].sort((o, a) => {
-      const l = o[t], d = a[t];
+    return [...e].sort((o, s) => {
+      const l = o[t], d = s[t];
       return l == null && d == null ? 0 : l == null ? -1 : d == null ? 1 : l > d ? i : l < d ? -i : 0;
     }).map((o) => {
-      const a = o[n];
-      return Array.isArray(a) && a.length > 0 ? { ...o, [n]: this.sortTree(a, t, i) } : o;
+      const s = o[n];
+      return Array.isArray(s) && s.length > 0 ? { ...o, [n]: this.sortTree(s, t, i) } : o;
     });
   }
   processColumns(e) {
     if (this.flattenedRows.length === 0) return [...e];
     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 i = t[0], n = i.viewRenderer, r = () => this.config, o = this.setIcon.bind(this), s = this.resolveIcon.bind(this), l = (d) => {
       const { row: c, value: u } = d, { showExpandIcons: h = !0, indentWidth: g } = r(), f = c, p = f.__treeDepth ?? 0, w = document.createElement("span");
       if (w.className = "tree-cell-wrapper", w.style.setProperty("--tbw-tree-depth", String(p)), g !== void 0 && w.style.setProperty("--tbw-tree-indent-width", `${g}px`), h)
         if (f.__treeHasChildren) {
           const v = document.createElement("span");
-          v.className = `tree-toggle${f.__treeExpanded ? " expanded" : ""}`, o(v, a(f.__treeExpanded ? "collapse" : "expand")), v.setAttribute("data-tree-key", String(f.__treeKey ?? "")), w.appendChild(v);
+          v.className = `tree-toggle${f.__treeExpanded ? " expanded" : ""}`, o(v, s(f.__treeExpanded ? "collapse" : "expand")), v.setAttribute("data-tree-key", String(f.__treeKey ?? "")), w.appendChild(v);
         } else {
           const v = document.createElement("span");
           v.className = "tree-spacer", w.appendChild(v);
@@ -5354,8 +5461,8 @@ class Fn extends A {
     if (!t) return;
     const i = e === "fade" ? "tbw-tree-fade-in" : "tbw-tree-slide-in";
     for (const n of t.querySelectorAll(".data-grid-row")) {
-      const r = n.querySelector(".cell[data-row]"), o = r ? parseInt(r.getAttribute("data-row") ?? "-1", 10) : -1, a = this.flattenedRows[o]?.key;
-      a && this.keysToAnimate.has(a) && (n.classList.add(i), n.addEventListener("animationend", () => n.classList.remove(i), { once: !0 }));
+      const r = n.querySelector(".cell[data-row]"), o = r ? parseInt(r.getAttribute("data-row") ?? "-1", 10) : -1, s = this.flattenedRows[o]?.key;
+      s && this.keysToAnimate.has(s) && (n.classList.add(i), n.addEventListener("animationend", () => n.classList.remove(i), { once: !0 }));
     }
     this.keysToAnimate.clear();
   }
@@ -5372,7 +5479,7 @@ class Fn extends A {
     this.expandedKeys = fe(this.rows, this.config), this.emitPluginEvent("tree-state-change", { expandedKeys: [...this.expandedKeys] }), this.requestRender();
   }
   collapseAll() {
-    this.expandedKeys = on(), this.emitPluginEvent("tree-state-change", { expandedKeys: [...this.expandedKeys] }), this.requestRender();
+    this.expandedKeys = rn(), this.emitPluginEvent("tree-state-change", { expandedKeys: [...this.expandedKeys] }), this.requestRender();
   }
   isExpanded(e) {
     return this.expandedKeys.has(e);
@@ -5387,11 +5494,11 @@ class Fn extends A {
     return this.rowKeyMap.get(e)?.data;
   }
   expandToKey(e) {
-    this.expandedKeys = sn(this.rows, e, this.config, this.expandedKeys), this.requestRender();
+    this.expandedKeys = on(this.rows, e, this.config, this.expandedKeys), this.requestRender();
   }
 }
-function dn(s, e, t) {
-  const i = [...s.undoStack, e];
+function ln(a, e, t) {
+  const i = [...a.undoStack, e];
   for (; i.length > t; )
     i.shift();
   return {
@@ -5399,43 +5506,43 @@ function dn(s, e, t) {
     redoStack: []
   };
 }
-function Xe(s) {
-  if (s.undoStack.length === 0)
-    return { newState: s, action: null };
-  const e = [...s.undoStack], t = e.pop();
+function Xe(a) {
+  if (a.undoStack.length === 0)
+    return { newState: a, action: null };
+  const e = [...a.undoStack], t = e.pop();
   return t ? {
     newState: {
       undoStack: e,
-      redoStack: [...s.redoStack, t]
+      redoStack: [...a.redoStack, t]
     },
     action: t
-  } : { newState: s, action: null };
+  } : { newState: a, action: null };
 }
-function Ze(s) {
-  if (s.redoStack.length === 0)
-    return { newState: s, action: null };
-  const e = [...s.redoStack], t = e.pop();
+function Ze(a) {
+  if (a.redoStack.length === 0)
+    return { newState: a, action: null };
+  const e = [...a.redoStack], t = e.pop();
   return t ? {
     newState: {
-      undoStack: [...s.undoStack, t],
+      undoStack: [...a.undoStack, t],
       redoStack: e
     },
     action: t
-  } : { newState: s, action: null };
+  } : { newState: a, action: null };
 }
-function cn(s) {
-  return s.undoStack.length > 0;
+function dn(a) {
+  return a.undoStack.length > 0;
 }
-function un(s) {
-  return s.redoStack.length > 0;
+function cn(a) {
+  return a.redoStack.length > 0;
 }
-function hn() {
+function un() {
   return { undoStack: [], redoStack: [] };
 }
-function gn(s, e, t, i) {
+function hn(a, e, t, i) {
   return {
     type: "cell-edit",
-    rowIndex: s,
+    rowIndex: a,
     field: e,
     oldValue: t,
     newValue: i,
@@ -5492,7 +5599,7 @@ class In extends A {
     return !1;
   }
   recordEdit(e, t, i, n) {
-    const r = gn(e, t, i, n), o = dn(
+    const r = hn(e, t, i, n), o = ln(
       { undoStack: this.undoStack, redoStack: this.redoStack },
       r,
       this.config.maxHistorySize ?? 100
@@ -5516,13 +5623,13 @@ class In extends A {
     return e.action;
   }
   canUndo() {
-    return cn({ undoStack: this.undoStack, redoStack: this.redoStack });
+    return dn({ undoStack: this.undoStack, redoStack: this.redoStack });
   }
   canRedo() {
-    return un({ undoStack: this.undoStack, redoStack: this.redoStack });
+    return cn({ undoStack: this.undoStack, redoStack: this.redoStack });
   }
   clearHistory() {
-    const e = hn();
+    const e = un();
     this.undoStack = e.undoStack, this.redoStack = e.redoStack;
   }
   getUndoStack() {
@@ -5532,9 +5639,9 @@ class In extends A {
     return [...this.redoStack];
   }
 }
-const fn = '@layer tbw-plugins{.tbw-visibility-content{display:flex;flex-direction:column;height:100%}.tbw-visibility-list{flex:1;overflow-y:auto;padding:var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem))}.tbw-visibility-row{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));padding:var(--tbw-menu-item-padding, .375rem .25rem);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem);border-radius:var(--tbw-border-radius, .25rem);position:relative}.tbw-visibility-row:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover))}.tbw-visibility-row input[type=checkbox]{cursor:pointer}.tbw-visibility-row.locked span{color:var(--tbw-color-fg-muted)}.tbw-visibility-handle{cursor:grab;color:var(--tbw-color-fg-muted);font-size:var(--tbw-font-size-2xs, .625rem);letter-spacing:-2px;user-select:none;flex-shrink:0}.tbw-visibility-row.reorderable:hover .tbw-visibility-handle{color:var(--tbw-color-fg)}.tbw-visibility-label{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));flex:1;cursor:pointer}.tbw-visibility-row.dragging{opacity:.5;cursor:grabbing}.tbw-visibility-row.drop-before:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--tbw-visibility-indicator, var(--tbw-color-accent))}.tbw-visibility-row.drop-after:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--tbw-visibility-indicator, var(--tbw-color-accent))}.tbw-visibility-show-all{margin:var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem));padding:var(--tbw-button-padding, .5rem .75rem);border:1px solid var(--tbw-visibility-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius, .25rem);background:var(--tbw-visibility-btn-bg, var(--tbw-color-header-bg));color:var(--tbw-color-fg);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem)}.tbw-visibility-show-all:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover))}}';
-function Qe(s) {
-  const e = s.meta ?? {};
+const gn = '@layer tbw-plugins{.tbw-visibility-content{display:flex;flex-direction:column;height:100%}.tbw-visibility-list{flex:1;overflow-y:auto;padding:var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem))}.tbw-visibility-row{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));padding:var(--tbw-menu-item-padding, .375rem .25rem);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem);border-radius:var(--tbw-border-radius, .25rem);position:relative}.tbw-visibility-row:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover))}.tbw-visibility-row input[type=checkbox]{cursor:pointer}.tbw-visibility-row.locked span{color:var(--tbw-color-fg-muted)}.tbw-visibility-handle{cursor:grab;color:var(--tbw-color-fg-muted);font-size:var(--tbw-font-size-2xs, .625rem);letter-spacing:-2px;user-select:none;flex-shrink:0}.tbw-visibility-row.reorderable:hover .tbw-visibility-handle{color:var(--tbw-color-fg)}.tbw-visibility-label{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));flex:1;cursor:pointer}.tbw-visibility-row.dragging{opacity:.5;cursor:grabbing}.tbw-visibility-row.drop-before:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--tbw-visibility-indicator, var(--tbw-color-accent))}.tbw-visibility-row.drop-after:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--tbw-visibility-indicator, var(--tbw-color-accent))}.tbw-visibility-show-all{margin:var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem));padding:var(--tbw-button-padding, .5rem .75rem);border:1px solid var(--tbw-visibility-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius, .25rem);background:var(--tbw-visibility-btn-bg, var(--tbw-color-header-bg));color:var(--tbw-color-fg);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem)}.tbw-visibility-show-all:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover))}}';
+function Qe(a) {
+  const e = a.meta ?? {};
   return e.lockPosition !== !0 && e.suppressMovable !== !0;
 }
 class B extends A {
@@ -5543,7 +5650,7 @@ class B extends A {
   ];
   name = "visibility";
   static PANEL_ID = "columns";
-  styles = fn;
+  styles = gn;
   get defaultConfig() {
     return {
       allowHideAll: !1
@@ -5632,8 +5739,8 @@ class B extends A {
     e.innerHTML = "";
     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 && Qe(r) && (a.draggable = !0, a.classList.add("reorderable"), this.setupDragListeners(a, r.field, n, e));
+      const r = i[n], o = r.header || r.field, s = document.createElement("div");
+      s.className = r.lockVisible ? "tbw-visibility-row locked" : "tbw-visibility-row", s.setAttribute("data-field", r.field), s.setAttribute("data-index", String(n)), t && Qe(r) && (s.draggable = !0, s.classList.add("reorderable"), this.setupDragListeners(s, r.field, n, e));
       const l = document.createElement("label");
       l.className = "tbw-visibility-label";
       const d = document.createElement("input");
@@ -5643,9 +5750,9 @@ class B extends A {
       const c = document.createElement("span");
       if (c.textContent = o, l.appendChild(d), l.appendChild(c), t && Qe(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);
+        u.className = "tbw-visibility-handle", this.setIcon(u, this.resolveIcon("dragHandle")), u.title = "Drag to reorder", s.appendChild(u);
       }
-      a.appendChild(l), e.appendChild(a);
+      s.appendChild(l), e.appendChild(s);
     }
   }
   setupDragListeners(e, t, i, n) {
@@ -5655,22 +5762,22 @@ class B extends A {
       this.isDragging = !1, this.draggedField = null, this.draggedIndex = null, this.dropIndex = null, this.clearDragClasses(n);
     }), e.addEventListener("dragover", (r) => {
       if (r.preventDefault(), !this.isDragging || this.draggedField === t) return;
-      const o = e.getBoundingClientRect(), a = o.top + o.height / 2;
-      this.dropIndex = r.clientY < a ? i : i + 1, n.querySelectorAll(".tbw-visibility-row").forEach((l) => {
+      const o = e.getBoundingClientRect(), s = o.top + o.height / 2;
+      this.dropIndex = r.clientY < s ? i : i + 1, n.querySelectorAll(".tbw-visibility-row").forEach((l) => {
         l !== e && l.classList.remove("drop-target", "drop-before", "drop-after");
-      }), e.classList.add("drop-target"), e.classList.toggle("drop-before", r.clientY < a), e.classList.toggle("drop-after", r.clientY >= a);
+      }), e.classList.add("drop-target"), e.classList.toggle("drop-before", r.clientY < s), e.classList.toggle("drop-after", r.clientY >= s);
     }), e.addEventListener("dragleave", () => {
       e.classList.remove("drop-target", "drop-before", "drop-after");
     }), e.addEventListener("drop", (r) => {
       r.preventDefault();
-      const o = this.draggedField, a = this.draggedIndex, l = this.dropIndex;
-      if (!this.isDragging || o === null || a === null || l === null)
+      const o = this.draggedField, s = this.draggedIndex, l = this.dropIndex;
+      if (!this.isDragging || o === null || s === null || l === null)
         return;
-      const d = l > a ? l - 1 : l;
-      if (d !== a) {
+      const d = l > s ? l - 1 : l;
+      if (d !== s) {
         const c = this.grid.getAllColumns(), h = c.filter((p) => !p.utility)[d]?.field, g = h ? c.findIndex((p) => p.field === h) : c.length, f = {
           field: o,
-          fromIndex: a,
+          fromIndex: s,
           toIndex: g
         };
         this.emit("column-reorder-request", f), setTimeout(() => {
@@ -5682,49 +5789,49 @@ class B extends A {
 }
 export {
   A as BaseGridPlugin,
-  mn as ClipboardPlugin,
-  wn as ColumnVirtualizationPlugin,
+  pn as ClipboardPlugin,
+  mn as ColumnVirtualizationPlugin,
   it as ContextMenuPlugin,
-  Mn as DEFAULT_ANIMATION_CONFIG,
+  Dn as DEFAULT_ANIMATION_CONFIG,
   ht as DEFAULT_GRID_ICONS,
-  Nn as DGEvents,
-  qn as DataGridElement,
-  bn as EditingPlugin,
-  vn as ExportPlugin,
+  Mn as DGEvents,
+  Nn as DataGridElement,
+  wn as EditingPlugin,
+  bn as ExportPlugin,
   N as FilteringPlugin,
-  Hn as FitModeEnum,
-  Kn as GridCSSVars,
-  zn as GridClasses,
-  On as GridDataAttrs,
-  Gn as GridElement,
-  Bn as GridSelectors,
-  yn as GroupingColumnsPlugin,
-  xn as GroupingRowsPlugin,
+  qn as FitModeEnum,
+  Hn as GridCSSVars,
+  Kn as GridClasses,
+  zn as GridDataAttrs,
+  On as GridElement,
+  Gn as GridSelectors,
+  vn as GroupingColumnsPlugin,
+  yn as GroupingRowsPlugin,
   nt as MasterDetailPlugin,
-  Cn as MultiSortPlugin,
-  Vn as PLUGIN_QUERIES,
-  En as PinnedColumnsPlugin,
-  Rn as PinnedRowsPlugin,
+  xn as MultiSortPlugin,
+  Bn as PLUGIN_QUERIES,
+  Cn as PinnedColumnsPlugin,
+  En as PinnedRowsPlugin,
   G as PivotPlugin,
-  Wn as PluginEvents,
-  $n as PluginManager,
-  Sn as PrintPlugin,
-  ji as ROW_DRAG_HANDLE_FIELD,
-  jn as RenderPhase,
-  kn as ReorderPlugin,
-  An as ResponsivePlugin,
-  _n as RowReorderPlugin,
-  Tn as SelectionPlugin,
-  Ln as ServerSidePlugin,
-  Fn as TreePlugin,
+  Vn as PluginEvents,
+  Wn as PluginManager,
+  Rn as PrintPlugin,
+  $i as ROW_DRAG_HANDLE_FIELD,
+  $n as RenderPhase,
+  Sn as ReorderPlugin,
+  kn as ResponsivePlugin,
+  An as RowReorderPlugin,
+  _n as SelectionPlugin,
+  Tn as ServerSidePlugin,
+  Ln as TreePlugin,
   In as UndoRedoPlugin,
   B as VisibilityPlugin,
-  Un as builtInSort,
-  Yn as createGrid,
-  Xn as defaultComparator,
-  Pt as defaultEditorFor,
-  xt as defaultPasteHandler,
-  zi as printGridIsolated,
-  Zn as queryGrid
+  jn as builtInSort,
+  Un as createGrid,
+  Yn as defaultComparator,
+  Ft as defaultEditorFor,
+  yt as defaultPasteHandler,
+  Ki as printGridIsolated,
+  Xn as queryGrid
 };
 //# sourceMappingURL=all.js.map