@toolbox-web/grid 0.2.5 → 0.2.6

package/all.js

@@ -1,22 +1,22 @@
-import { BaseGridPlugin as x, DEFAULT_GRID_ICONS as He, runAggregator as se, PLUGIN_QUERIES as Pe, getAggregator as Ge, getValueAggregator as Oe } from "./index.js";
-import { DGEvents as Nn, DataGridElement as Pn, FitModeEnum as qn, GridCSSVars as Dn, GridClasses as Kn, GridDataAttrs as Hn, DataGridElement as Gn, GridSelectors as On, PluginEvents as Bn, PluginManager as Vn, aggregatorRegistry as zn, listAggregators as Wn, registerAggregator as $n, runValueAggregator as jn, unregisterAggregator as Un } from "./index.js";
-function Be(r, e, t, n) {
+import { BaseGridPlugin as y, DEFAULT_GRID_ICONS as Ge, runAggregator as se, PLUGIN_QUERIES as Ke, getAggregator as le, getValueAggregator as Oe } from "./index.js";
+import { DGEvents as Pn, DataGridElement as Kn, FitModeEnum as qn, GridCSSVars as Dn, GridClasses as Hn, GridDataAttrs as Gn, DataGridElement as On, GridSelectors as Bn, PluginEvents as Vn, PluginManager as zn, aggregatorRegistry as Wn, listAggregators as $n, registerAggregator as jn, runValueAggregator as Un, unregisterAggregator as Yn } from "./index.js";
+function Be(s, e, t, n) {
   if (n.processCell)
-    return n.processCell(r, e, t);
-  if (r == null) return "";
-  if (r instanceof Date) return r.toISOString();
-  if (typeof r == "object") return JSON.stringify(r);
-  const o = String(r), i = n.delimiter ?? "	", s = n.newline ?? `
+    return n.processCell(s, e, t);
+  if (s == null) return "";
+  if (s instanceof Date) return s.toISOString();
+  if (typeof s == "object") return JSON.stringify(s);
+  const o = String(s), i = n.delimiter ?? "	", r = n.newline ?? `
 `;
-  return n.quoteStrings || o.includes(i) || o.includes(s) || o.includes('"') ? `"${o.replace(/"/g, '""')}"` : o;
+  return n.quoteStrings || o.includes(i) || o.includes(r) || o.includes('"') ? `"${o.replace(/"/g, '""')}"` : o;
 }
-function H(r) {
-  const { rows: e, columns: t, selectedIndices: n, config: o } = r, i = o.delimiter ?? "	", s = o.newline ?? `
+function H(s) {
+  const { rows: e, columns: t, selectedIndices: n, config: o } = s, i = o.delimiter ?? "	", r = o.newline ?? `
 `, l = t.filter((u) => !u.hidden && !u.field.startsWith("__")), a = [];
   if (o.includeHeaders) {
     const u = l.map((h) => {
       const g = h.header || h.field;
-      return g.includes(i) || g.includes(s) || g.includes('"') ? `"${g.replace(/"/g, '""')}"` : g;
+      return g.includes(i) || g.includes(r) || g.includes('"') ? `"${g.replace(/"/g, '""')}"` : g;
     });
     a.push(u.join(i));
   }
@@ -29,38 +29,38 @@ function H(r) {
     );
     a.push(g.join(i));
   }
-  return a.join(s);
+  return a.join(r);
 }
-async function G(r) {
+async function G(s) {
   try {
-    return await navigator.clipboard.writeText(r), !0;
+    return await navigator.clipboard.writeText(s), !0;
   } catch {
     const e = document.createElement("textarea");
-    e.value = r, e.style.position = "fixed", e.style.opacity = "0", e.style.pointerEvents = "none", document.body.appendChild(e), e.select();
+    e.value = s, 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 le(r, e) {
+function ae(s, e) {
   const t = e.delimiter ?? "	", n = e.newline ?? `
-`, o = r.replace(/\r\n/g, `
+`, o = s.replace(/\r\n/g, `
 `).replace(/\r/g, `
 `), i = [];
-  let s = [], l = "", a = !1;
+  let r = [], l = "", a = !1;
   for (let d = 0; d < o.length; d++) {
     const c = o[d];
-    c === '"' && !a ? a = !0 : c === '"' && a ? o[d + 1] === '"' ? (l += '"', d++) : a = !1 : c === t && !a ? (s.push(l), l = "") : c === n && !a ? (s.push(l), l = "", (s.length > 1 || s.some((u) => u.trim() !== "")) && i.push(s), s = []) : l += c;
+    c === '"' && !a ? a = !0 : c === '"' && a ? o[d + 1] === '"' ? (l += '"', d++) : a = !1 : c === t && !a ? (r.push(l), l = "") : c === n && !a ? (r.push(l), l = "", (r.length > 1 || r.some((u) => u.trim() !== "")) && i.push(r), r = []) : l += c;
   }
-  return s.push(l), (s.length > 1 || s.some((d) => d.trim() !== "")) && i.push(s), i;
+  return r.push(l), (r.length > 1 || r.some((d) => d.trim() !== "")) && i.push(r), i;
 }
-async function ae() {
+async function de() {
   try {
     return await navigator.clipboard.readText();
   } catch {
     return "";
   }
 }
-class wn extends x {
+class bn extends y {
   name = "clipboard";
   version = "1.0.0";
   get defaultConfig() {
@@ -92,7 +92,7 @@ class wn extends x {
    * Handle copy operation
    */
   #t(e) {
-    const t = this.#n(), n = t?.getSelectedRows() ?? [], o = n.length > 0, i = t?.getRanges() ?? [], s = i.length > 0, l = t?.getSelectedCell() != null;
+    const t = this.#n(), n = t?.getSelectedRows() ?? [], o = n.length > 0, i = t?.getRanges() ?? [], r = i.length > 0, l = t?.getSelectedCell() != null;
     let a, d, c;
     if (o && t)
       a = H({
@@ -101,7 +101,7 @@ class wn extends x {
         selectedIndices: n,
         config: this.config
       }), d = n.length, c = this.columns.filter((u) => !u.hidden && !u.field.startsWith("__")).length;
-    else if (s && t) {
+    else if (r && t) {
       const u = i[i.length - 1], h = this.#i({
         startRow: u.from.row,
         startCol: u.from.col,
@@ -126,9 +126,9 @@ class wn extends x {
    * Handle paste operation
    */
   #e() {
-    ae().then((e) => {
+    de().then((e) => {
       if (!e) return;
-      const t = le(e, this.config);
+      const t = ae(e, this.config);
       this.emit("paste", { rows: t, text: e });
     });
   }
@@ -154,11 +154,11 @@ class wn extends x {
     if (!n) return null;
     const o = this.columns[t];
     if (!o) return null;
-    const i = n[o.field], s = o.header || o.field;
+    const i = n[o.field], r = o.header || o.field;
     let l;
     if (this.config.includeHeaders) {
       const a = i == null ? "" : String(i);
-      l = `${s}: ${a}`;
+      l = `${r}: ${a}`;
     } else
       l = i == null ? "" : String(i);
     return { text: l };
@@ -167,24 +167,24 @@ class wn extends x {
    * Build text for a rectangular range of cells.
    */
   #i(e) {
-    const { startRow: t, startCol: n, endRow: o, endCol: i } = e, s = Math.min(t, o), l = Math.max(t, o), a = Math.min(n, i), d = Math.max(n, i), c = this.config.delimiter ?? "	", u = this.config.newline ?? `
+    const { startRow: t, startCol: n, endRow: o, endCol: i } = e, r = Math.min(t, o), l = Math.max(t, o), a = Math.min(n, i), d = Math.max(n, i), c = this.config.delimiter ?? "	", u = this.config.newline ?? `
 `, h = [], g = this.columns.slice(a, d + 1);
     if (this.config.includeHeaders) {
-      const p = g.map((f) => f.header || f.field);
+      const p = g.map((m) => m.header || m.field);
       h.push(p.join(c));
     }
-    for (let p = s; p <= l; p++) {
-      const f = this.rows[p];
-      if (!f) continue;
-      const m = g.map((w) => {
-        const k = f[w.field];
-        return k == null ? "" : k instanceof Date ? k.toISOString() : String(k);
+    for (let p = r; p <= l; p++) {
+      const m = this.rows[p];
+      if (!m) continue;
+      const f = g.map((b) => {
+        const E = m[b.field];
+        return E == null ? "" : E instanceof Date ? E.toISOString() : String(E);
       });
-      h.push(m.join(c));
+      h.push(f.join(c));
     }
     return {
       text: h.join(u),
-      rowCount: l - s + 1,
+      rowCount: l - r + 1,
       columnCount: d - a + 1
     };
   }
@@ -201,9 +201,9 @@ class wn extends x {
     if (!o) return null;
     const i = parseInt(o, 10);
     if (isNaN(i)) return null;
-    const s = this.rows[i];
-    if (!s) return null;
-    const l = s[n], d = this.columns.find((u) => u.field === n)?.header || n;
+    const r = this.rows[i];
+    if (!r) return null;
+    const l = r[n], d = this.columns.find((u) => u.field === n)?.header || n;
     let c;
     if (this.config.includeHeaders) {
       const u = l == null ? "" : String(l);
@@ -246,8 +246,8 @@ class wn extends x {
    * @returns Parsed 2D array of cell values, or null if clipboard is empty
    */
   async paste() {
-    const e = await ae();
-    return e ? le(e, this.config) : null;
+    const e = await de();
+    return e ? ae(e, this.config) : null;
   }
   /**
    * Get the last copied text and timestamp.
@@ -258,37 +258,37 @@ class wn extends x {
   }
   // #endregion
 }
-const de = 100;
-function Q(r) {
-  if (r == null)
-    return de;
-  if (typeof r == "number")
-    return r;
-  const e = parseFloat(r);
-  return isNaN(e) ? de : e;
+const ce = 100;
+function Q(s) {
+  if (s == null)
+    return ce;
+  if (typeof s == "number")
+    return s;
+  const e = parseFloat(s);
+  return isNaN(e) ? ce : e;
 }
-function ce(r) {
-  return r.map((e) => Q(e.width));
+function ue(s) {
+  return s.map((e) => Q(e.width));
 }
-function ue(r) {
+function he(s) {
   const e = [];
   let t = 0;
-  for (const n of r)
+  for (const n of s)
     e.push(t), t += Q(n.width);
   return e;
 }
-function he(r) {
-  return r.reduce((e, t) => e + Q(t.width), 0);
+function ge(s) {
+  return s.reduce((e, t) => e + Q(t.width), 0);
 }
-function Ve(r, e, t, n, o) {
+function Ve(s, e, t, n, o) {
   const i = t.length;
   if (i === 0)
     return { startCol: 0, endCol: 0, visibleColumns: [] };
-  let s = ze(r, t, n);
-  s = Math.max(0, s - o);
-  const l = r + e;
-  let a = s;
-  for (let c = s; c < i; c++) {
+  let r = ze(s, t, n);
+  r = Math.max(0, r - o);
+  const l = s + e;
+  let a = r;
+  for (let c = r; c < i; c++) {
     if (t[c] >= l) {
       a = c - 1;
       break;
@@ -297,22 +297,22 @@ function Ve(r, e, t, n, o) {
   }
   a = Math.min(i - 1, a + o);
   const d = [];
-  for (let c = s; c <= a; c++)
+  for (let c = r; c <= a; c++)
     d.push(c);
-  return { startCol: s, endCol: a, visibleColumns: d };
+  return { startCol: r, endCol: a, visibleColumns: d };
 }
-function ze(r, e, t) {
+function ze(s, e, t) {
   let n = 0, o = e.length - 1;
   for (; n < o; ) {
     const i = Math.floor((n + o) / 2);
-    e[i] + t[i] <= r ? n = i + 1 : o = i;
+    e[i] + t[i] <= s ? n = i + 1 : o = i;
   }
   return n;
 }
-function We(r, e, t) {
-  return t ? r > e : !1;
+function We(s, e, t) {
+  return t ? s > e : !1;
 }
-class bn extends x {
+class vn extends y {
   name = "columnVirtualization";
   version = "1.0.0";
   get defaultConfig() {
@@ -335,7 +335,7 @@ class bn extends x {
   attach(e) {
     super.attach(e);
     const t = this.columns;
-    this.columnWidths = ce(t), this.columnOffsets = ue(t), this.totalWidth = he(t), this.endCol = t.length - 1;
+    this.columnWidths = ue(t), this.columnOffsets = he(t), this.totalWidth = ge(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;
@@ -344,7 +344,7 @@ class bn extends x {
   // #region Hooks
   processColumns(e) {
     const t = We(e.length, this.config.threshold ?? 30, this.config.autoEnable ?? !0);
-    if (this.isVirtualized = t ?? !1, this.columnWidths = ce(e), this.columnOffsets = ue(e), this.totalWidth = he(e), !t)
+    if (this.isVirtualized = t ?? !1, this.columnWidths = ue(e), this.columnOffsets = he(e), this.totalWidth = ge(e), !t)
       return this.startCol = 0, this.endCol = e.length - 1, [...e];
     const n = this.grid.clientWidth || 800, o = Ve(
       this.scrollLeft,
@@ -360,8 +360,8 @@ class bn extends x {
     const e = this.shadowRoot;
     if (!e) return;
     const t = this.columnOffsets[this.startCol] ?? 0, n = e.querySelector(".header-row"), o = e.querySelectorAll(".data-grid-row");
-    n && (n.style.paddingLeft = `${t}px`), o.forEach((s) => {
-      s.style.paddingLeft = `${t}px`;
+    n && (n.style.paddingLeft = `${t}px`), o.forEach((r) => {
+      r.style.paddingLeft = `${t}px`;
     });
     const i = e.querySelector(".rows-viewport .rows");
     i && (i.style.width = `${this.totalWidth}px`);
@@ -407,76 +407,76 @@ class bn extends x {
   // #endregion
 }
 const $e = ".tbw-context-menu{position:fixed;background:light-dark(#f5f5f5,#2a2a2a);color:light-dark(#222,#eee);border:1px solid light-dark(#d0d0d4,#454545);border-radius:4px;box-shadow:0 2px 10px #00000026;min-width:160px;padding:4px 0;z-index:10000;font-size:13px;font-family:system-ui,sans-serif}.tbw-context-menu-item{display:flex;align-items:center;padding:6px 12px;cursor:pointer;gap:8px}.tbw-context-menu-item:hover:not(.disabled){background:light-dark(#e8e8e8,#3a3a3a)}.tbw-context-menu-item.disabled{opacity:.5;cursor:default}.tbw-context-menu-item.danger{color:light-dark(#c00,#f66)}.tbw-context-menu-icon{width:16px;text-align:center}.tbw-context-menu-label{flex:1}.tbw-context-menu-shortcut{color:light-dark(#888,#888);font-size:11px}.tbw-context-menu-arrow{font-size:10px;color:light-dark(#888,#888)}.tbw-context-menu-separator{height:1px;background:light-dark(#d0d0d4,#454545);margin:4px 0}";
-function Y(r, e) {
-  return (typeof r == "function" ? r(e) : r).filter((n) => !(n.hidden === !0 || typeof n.hidden == "function" && n.hidden(e)));
+function Y(s, e) {
+  return (typeof s == "function" ? s(e) : s).filter((n) => !(n.hidden === !0 || typeof n.hidden == "function" && n.hidden(e)));
 }
-function je(r, e) {
-  return r.disabled === !0 ? !0 : typeof r.disabled == "function" ? r.disabled(e) : !1;
+function je(s, e) {
+  return s.disabled === !0 ? !0 : typeof s.disabled == "function" ? s.disabled(e) : !1;
 }
-function Z(r, e, t, n = He.submenuArrow) {
+function Z(s, e, t, n = Ge.submenuArrow) {
   const o = document.createElement("div");
   o.className = "tbw-context-menu", o.setAttribute("role", "menu");
-  for (const i of r) {
+  for (const i of s) {
     if (i.separator) {
       const d = document.createElement("div");
       d.className = "tbw-context-menu-separator", d.setAttribute("role", "separator"), o.appendChild(d);
       continue;
     }
-    const s = document.createElement("div");
-    s.className = "tbw-context-menu-item", i.cssClass && s.classList.add(i.cssClass), s.setAttribute("role", "menuitem"), s.setAttribute("data-id", i.id);
+    const r = document.createElement("div");
+    r.className = "tbw-context-menu-item", i.cssClass && r.classList.add(i.cssClass), r.setAttribute("role", "menuitem"), r.setAttribute("data-id", i.id);
     const l = je(i, e);
-    if (l && (s.classList.add("disabled"), s.setAttribute("aria-disabled", "true")), i.icon) {
+    if (l && (r.classList.add("disabled"), r.setAttribute("aria-disabled", "true")), i.icon) {
       const d = document.createElement("span");
-      d.className = "tbw-context-menu-icon", d.innerHTML = i.icon, s.appendChild(d);
+      d.className = "tbw-context-menu-icon", d.innerHTML = i.icon, r.appendChild(d);
     }
     const a = document.createElement("span");
-    if (a.className = "tbw-context-menu-label", a.textContent = i.name, s.appendChild(a), i.shortcut) {
+    if (a.className = "tbw-context-menu-label", a.textContent = i.name, r.appendChild(a), i.shortcut) {
       const d = document.createElement("span");
-      d.className = "tbw-context-menu-shortcut", d.textContent = i.shortcut, s.appendChild(d);
+      d.className = "tbw-context-menu-shortcut", d.textContent = i.shortcut, r.appendChild(d);
     }
     if (i.subMenu?.length) {
       const d = document.createElement("span");
-      d.className = "tbw-context-menu-arrow", typeof n == "string" ? d.innerHTML = n : n instanceof HTMLElement && d.appendChild(n.cloneNode(!0)), s.appendChild(d), s.addEventListener("mouseenter", () => {
-        if (s.querySelector(".tbw-context-menu") || !i.subMenu) return;
+      d.className = "tbw-context-menu-arrow", typeof n == "string" ? d.innerHTML = n : n instanceof HTMLElement && d.appendChild(n.cloneNode(!0)), r.appendChild(d), r.addEventListener("mouseenter", () => {
+        if (r.querySelector(".tbw-context-menu") || !i.subMenu) return;
         const u = Y(i.subMenu, e), h = Z(u, e, t, n);
-        h.classList.add("tbw-context-submenu"), h.style.position = "absolute", h.style.left = "100%", h.style.top = "0", s.style.position = "relative", s.appendChild(h);
-      }), s.addEventListener("mouseleave", () => {
-        const c = s.querySelector(".tbw-context-menu");
+        h.classList.add("tbw-context-submenu"), h.style.position = "absolute", h.style.left = "100%", h.style.top = "0", r.style.position = "relative", r.appendChild(h);
+      }), r.addEventListener("mouseleave", () => {
+        const c = r.querySelector(".tbw-context-menu");
         c && c.remove();
       });
     }
-    !l && i.action && !i.subMenu && s.addEventListener("click", (d) => {
+    !l && i.action && !i.subMenu && r.addEventListener("click", (d) => {
       d.stopPropagation(), t(i);
-    }), o.appendChild(s);
+    }), o.appendChild(r);
   }
   return o;
 }
-function ge(r, e, t) {
-  r.style.position = "fixed", r.style.left = `${e}px`, r.style.top = `${t}px`, r.style.visibility = "hidden", r.style.zIndex = "10000";
-  const n = r.getBoundingClientRect(), o = window.innerWidth, i = window.innerHeight;
-  let s = e, l = t;
-  e + n.width > o && (s = e - n.width), t + n.height > i && (l = t - n.height), s = Math.max(0, s), l = Math.max(0, l), r.style.left = `${s}px`, r.style.top = `${l}px`, r.style.visibility = "visible";
+function pe(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 n = s.getBoundingClientRect(), o = window.innerWidth, i = window.innerHeight;
+  let r = e, l = t;
+  e + n.width > o && (r = e - n.width), t + n.height > i && (l = t - n.height), r = Math.max(0, r), l = Math.max(0, l), s.style.left = `${r}px`, s.style.top = `${l}px`, s.style.visibility = "visible";
 }
-let _ = null, I = null, E = null, O = 0;
+let I = null, L = null, A = null, O = 0;
 const B = [
   {
     id: "copy",
     name: "Copy",
     shortcut: "Ctrl+C",
-    action: (r) => {
-      r.grid?.plugins?.clipboard?.copy?.();
+    action: (s) => {
+      s.grid?.plugins?.clipboard?.copy?.();
     }
   },
   { separator: !0, id: "sep1", name: "" },
   {
     id: "export-csv",
     name: "Export CSV",
-    action: (r) => {
-      r.grid?.plugins?.export?.exportCsv?.();
+    action: (s) => {
+      s.grid?.plugins?.export?.exportCsv?.();
     }
   }
 ];
-class vn extends x {
+class xn extends y {
   name = "contextMenu";
   version = "1.0.0";
   get defaultConfig() {
@@ -500,18 +500,18 @@ class vn extends x {
   // #endregion
   // #region Private Methods
   installGlobalHandlers() {
-    !E && typeof document < "u" && (E = document.createElement("style"), E.id = "tbw-context-menu-styles", E.textContent = $e, document.head.appendChild(E)), _ || (_ = () => {
+    !A && typeof document < "u" && (A = document.createElement("style"), A.id = "tbw-context-menu-styles", A.textContent = $e, document.head.appendChild(A)), I || (I = () => {
       document.querySelectorAll(".tbw-context-menu").forEach((t) => t.remove());
-    }, document.addEventListener("click", _)), I || (I = (e) => {
+    }, document.addEventListener("click", I)), L || (L = (e) => {
       e.key === "Escape" && document.querySelectorAll(".tbw-context-menu").forEach((n) => n.remove());
-    }, document.addEventListener("keydown", I));
+    }, document.addEventListener("keydown", L));
   }
   /**
    * Clean up global handlers when the last instance detaches.
    * Uses reference counting to ensure handlers persist while any grid uses the plugin.
    */
   uninstallGlobalHandlers() {
-    O--, !(O > 0) && (_ && (document.removeEventListener("click", _), _ = null), I && (document.removeEventListener("keydown", I), I = null), E && (E.remove(), E = null));
+    O--, !(O > 0) && (I && (document.removeEventListener("click", I), I = null), L && (document.removeEventListener("keydown", L), L = null), A && (A.remove(), A = null));
   }
   // #endregion
   // #region Hooks
@@ -522,10 +522,10 @@ class vn extends x {
     t && t.getAttribute("data-context-menu-bound") !== "true" && (t.setAttribute("data-context-menu-bound", "true"), t.addEventListener("contextmenu", (n) => {
       const o = n;
       o.preventDefault();
-      const i = o.target, s = i.closest("[data-row][data-col]"), l = i.closest(".header-cell");
+      const i = o.target, r = i.closest("[data-row][data-col]"), l = i.closest(".header-cell");
       let a;
-      if (s) {
-        const c = parseInt(s.getAttribute("data-row") ?? "-1", 10), u = parseInt(s.getAttribute("data-col") ?? "-1", 10), h = this.columns[u], g = this.rows[c];
+      if (r) {
+        const c = parseInt(r.getAttribute("data-row") ?? "-1", 10), u = parseInt(r.getAttribute("data-col") ?? "-1", 10), h = this.columns[u], g = this.rows[c];
         a = {
           row: g,
           rowIndex: c,
@@ -559,7 +559,7 @@ class vn extends x {
           c.action && c.action(a), this.menuElement?.remove(), this.menuElement = null, this.isOpen = !1;
         },
         this.gridIcons.submenuArrow
-      ), document.body.appendChild(this.menuElement), ge(this.menuElement, o.clientX, o.clientY), this.isOpen = !0, this.emit("context-menu-open", { params: a, items: d }));
+      ), document.body.appendChild(this.menuElement), pe(this.menuElement, o.clientX, o.clientY), this.isOpen = !0, this.emit("context-menu-open", { params: a, items: d }));
     }));
   }
   // #endregion
@@ -584,11 +584,11 @@ class vn extends x {
     this.menuElement && this.menuElement.remove(), this.menuElement = Z(
       i,
       o,
-      (s) => {
-        s.action && s.action(o), this.menuElement?.remove(), this.menuElement = null, this.isOpen = !1;
+      (r) => {
+        r.action && r.action(o), this.menuElement?.remove(), this.menuElement = null, this.isOpen = !1;
       },
       this.gridIcons.submenuArrow
-    ), document.body.appendChild(this.menuElement), ge(this.menuElement, e, t), this.isOpen = !0;
+    ), document.body.appendChild(this.menuElement), pe(this.menuElement, e, t), this.isOpen = !0;
   }
   /**
    * Hide the context menu.
@@ -606,45 +606,45 @@ class vn extends x {
   // #endregion
   // Styles are injected globally via installGlobalHandlers() since menu renders in document.body
 }
-function pe(r, e = !0) {
-  if (r == null) return "";
-  if (r instanceof Date) return r.toISOString();
-  if (typeof r == "object") return JSON.stringify(r);
-  const t = String(r);
+function fe(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);
   return e && (t.includes(",") || t.includes('"') || t.includes(`
 `) || t.includes("\r")) ? `"${t.replace(/"/g, '""')}"` : t;
 }
-function Ue(r, e, t, n = {}) {
+function Ue(s, e, t, n = {}) {
   const o = n.delimiter ?? ",", i = n.newline ?? `
-`, s = [], l = n.bom ? "\uFEFF" : "";
+`, r = [], l = n.bom ? "\uFEFF" : "";
   if (t.includeHeaders !== !1) {
     const a = e.map((d) => {
       const c = d.header || d.field, u = t.processHeader ? t.processHeader(c, d.field) : c;
-      return pe(u);
+      return fe(u);
     });
-    s.push(a.join(o));
+    r.push(a.join(o));
   }
-  for (const a of r) {
+  for (const a of s) {
     const d = e.map((c) => {
       let u = a[c.field];
-      return t.processCell && (u = t.processCell(u, c.field, a)), pe(u);
+      return t.processCell && (u = t.processCell(u, c.field, a)), fe(u);
     });
-    s.push(d.join(o));
+    r.push(d.join(o));
   }
-  return l + s.join(i);
+  return l + r.join(i);
 }
-function ee(r, e) {
-  const t = URL.createObjectURL(r), n = document.createElement("a");
+function ee(s, e) {
+  const t = URL.createObjectURL(s), n = document.createElement("a");
   n.href = t, n.download = e, n.style.display = "none", document.body.appendChild(n), n.click(), document.body.removeChild(n), URL.revokeObjectURL(t);
 }
-function Ye(r, e) {
-  const t = new Blob([r], { type: "text/csv;charset=utf-8;" });
+function Ye(s, e) {
+  const t = new Blob([s], { type: "text/csv;charset=utf-8;" });
   ee(t, e);
 }
-function fe(r) {
-  return r.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
+function me(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
 }
-function Ze(r, e, t) {
+function Ze(s, e, t) {
   let n = `<?xml version="1.0" encoding="UTF-8"?>
 <?mso-application progid="Excel.Sheet"?>
 <Workbook xmlns="urn:schemas-microsoft-com:office:spreadsheet"
@@ -655,19 +655,19 @@ function Ze(r, e, t) {
     n += `
 <Row>`;
     for (const o of e) {
-      const i = o.header || o.field, s = t.processHeader ? t.processHeader(i, o.field) : i;
-      n += `<Cell><Data ss:Type="String">${fe(s)}</Data></Cell>`;
+      const i = o.header || o.field, r = t.processHeader ? t.processHeader(i, o.field) : i;
+      n += `<Cell><Data ss:Type="String">${me(r)}</Data></Cell>`;
     }
     n += "</Row>";
   }
-  for (const o of r) {
+  for (const o of s) {
     n += `
 <Row>`;
     for (const i of e) {
-      let s = o[i.field];
-      t.processCell && (s = t.processCell(s, i.field, o));
+      let r = o[i.field];
+      t.processCell && (r = t.processCell(r, i.field, o));
       let l = "String", a = "";
-      s == null ? a = "" : typeof s == "number" && !isNaN(s) ? (l = "Number", a = String(s)) : s instanceof Date ? (l = "DateTime", a = s.toISOString()) : a = fe(String(s)), n += `<Cell><Data ss:Type="${l}">${a}</Data></Cell>`;
+      r == null ? a = "" : typeof r == "number" && !isNaN(r) ? (l = "Number", a = String(r)) : r instanceof Date ? (l = "DateTime", a = r.toISOString()) : a = me(String(r)), n += `<Cell><Data ss:Type="${l}">${a}</Data></Cell>`;
     }
     n += "</Row>";
   }
@@ -676,13 +676,13 @@ function Ze(r, e, t) {
 </Worksheet>
 </Workbook>`, n;
 }
-function Xe(r, e) {
-  const t = e.endsWith(".xls") ? e : `${e}.xls`, n = new Blob([r], {
+function Xe(s, e) {
+  const t = e.endsWith(".xls") ? e : `${e}.xls`, n = new Blob([s], {
     type: "application/vnd.ms-excel;charset=utf-8;"
   });
   ee(n, t);
 }
-class xn extends x {
+class yn extends y {
   name = "export";
   version = "1.0.0";
   get defaultConfig() {
@@ -713,27 +713,27 @@ class xn extends x {
       const a = new Set(t.columns);
       i = i.filter((d) => a.has(d.field));
     }
-    let s = [...this.rows];
+    let r = [...this.rows];
     if (n.onlySelected) {
       const a = this.getSelectionState();
-      a?.selected?.size && (s = [...a.selected].sort((c, u) => c - u).map((c) => this.rows[c]).filter(Boolean));
+      a?.selected?.size && (r = [...a.selected].sort((c, u) => c - u).map((c) => this.rows[c]).filter(Boolean));
     }
-    t?.rowIndices && (s = t.rowIndices.map((a) => this.rows[a]).filter(Boolean)), this.isExportingFlag = !0;
+    t?.rowIndices && (r = t.rowIndices.map((a) => this.rows[a]).filter(Boolean)), this.isExportingFlag = !0;
     let l = o.fileName;
     try {
       switch (e) {
         case "csv": {
-          const a = Ue(s, i, o, { bom: !0 });
+          const a = Ue(r, i, o, { bom: !0 });
           l = l.endsWith(".csv") ? l : `${l}.csv`, Ye(a, l);
           break;
         }
         case "excel": {
-          const a = Ze(s, i, o);
+          const a = Ze(r, i, o);
           l = l.endsWith(".xls") ? l : `${l}.xls`, Xe(a, l);
           break;
         }
         case "json": {
-          const a = s.map((u) => {
+          const a = r.map((u) => {
             const h = {};
             for (const g of i) {
               let p = u[g.field];
@@ -750,7 +750,7 @@ class xn extends x {
       this.lastExportInfo = { format: e, timestamp: /* @__PURE__ */ new Date() }, this.emit("export-complete", {
         format: e,
         fileName: l,
-        rowCount: s.length,
+        rowCount: r.length,
         columnCount: i.length
       });
     } finally {
@@ -803,43 +803,43 @@ class xn extends x {
   }
   // #endregion
 }
-function Je(r) {
-  const { totalRows: e, viewportHeight: t, scrollTop: n, rowHeight: o, overscan: i } = r, s = Math.ceil(t / o);
+function Je(s) {
+  const { totalRows: e, viewportHeight: t, scrollTop: n, rowHeight: o, overscan: i } = s, r = Math.ceil(t / o);
   let l = Math.floor(n / o) - i;
   l < 0 && (l = 0);
-  let a = l + s + i * 2;
-  return a > e && (a = e), a === e && l > 0 && (l = Math.max(0, a - s - i * 2)), {
+  let a = l + r + i * 2;
+  return a > e && (a = e), a === e && l > 0 && (l = Math.max(0, a - r - i * 2)), {
     start: l,
     end: a,
     offsetY: l * o,
     totalHeight: e * o
   };
 }
-function Qe(r, e) {
-  return r <= e;
+function Qe(s, e) {
+  return s <= e;
 }
-function et(r, e, t = !1) {
-  const n = r[e.field];
+function et(s, e, t = !1) {
+  const n = s[e.field];
   if (e.operator === "blank")
     return n == null || n === "";
   if (e.operator === "notBlank")
     return n != null && n !== "";
   if (n == null) return !1;
-  const o = String(n), i = t ? o : o.toLowerCase(), s = t ? String(e.value) : String(e.value).toLowerCase();
+  const o = String(n), i = t ? o : o.toLowerCase(), r = t ? String(e.value) : String(e.value).toLowerCase();
   switch (e.operator) {
     // Text operators
     case "contains":
-      return i.includes(s);
+      return i.includes(r);
     case "notContains":
-      return !i.includes(s);
+      return !i.includes(r);
     case "equals":
-      return i === s;
+      return i === r;
     case "notEquals":
-      return i !== s;
+      return i !== r;
     case "startsWith":
-      return i.startsWith(s);
+      return i.startsWith(r);
     case "endsWith":
-      return i.endsWith(s);
+      return i.endsWith(r);
     // Number/Date operators (use raw numeric values)
     case "lessThan":
       return Number(n) < Number(e.value);
@@ -860,12 +860,12 @@ function et(r, e, t = !1) {
       return !0;
   }
 }
-function tt(r, e, t = !1) {
-  return e.length ? r.filter((n) => e.every((o) => et(n, o, t))) : r;
+function tt(s, e, t = !1) {
+  return e.length ? s.filter((n) => e.every((o) => et(n, o, t))) : s;
 }
-function nt(r) {
+function nt(s) {
   return JSON.stringify(
-    r.map((e) => ({
+    s.map((e) => ({
       field: e.field,
       operator: e.operator,
       value: e.value,
@@ -873,16 +873,16 @@ function nt(r) {
     }))
   );
 }
-function me(r, e) {
+function we(s, e) {
   const t = /* @__PURE__ */ new Set();
-  for (const n of r) {
+  for (const n of s) {
     const o = n[e];
     o != null && t.add(o);
   }
   return [...t].sort((n, o) => typeof n == "number" && typeof o == "number" ? n - o : String(n).localeCompare(String(o)));
 }
 const ot = '.header-cell.filtered:before{content:"";position:absolute;top:4px;right:4px;width:6px;height:6px;background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));border-radius:50%}.tbw-filter-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:2px;margin-left:4px;opacity:.4;transition:opacity .15s;color:inherit;vertical-align:middle}.tbw-filter-btn:hover,.tbw-filter-btn.active{opacity:1}.tbw-filter-btn.active{color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6))}', it = ".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, 4px));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:12px;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, 13px)}.tbw-filter-search{margin-bottom:8px}.tbw-filter-search-input{width:100%;padding:6px 10px;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, 4px);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:4px 2px;margin-bottom:8px;border-bottom:1px solid var(--tbw-filter-divider, var(--tbw-color-border, light-dark(#d0d0d4, #454545)))}.tbw-filter-action-btn{background:transparent;border:none;color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));cursor:pointer;font-size:12px;padding:2px 0}.tbw-filter-action-btn:hover{text-decoration:underline}.tbw-filter-values{flex:1;overflow-y:auto;margin-bottom:8px;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:8px;padding:4px 2px;cursor:pointer;border-radius:3px}.tbw-filter-value-item:hover{background:var(--tbw-filter-hover, var(--tbw-color-row-hover, light-dark(#f0f6ff, #1c1c1c)))}.tbw-filter-checkbox{margin:0;cursor:pointer;accent-color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6))}.tbw-filter-no-match{color:var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));padding:8px 0;text-align:center;font-style:italic}.tbw-filter-buttons{display:flex;gap:8px;padding-top:8px;border-top:1px solid var(--tbw-filter-divider, var(--tbw-color-border, light-dark(#d0d0d4, #454545)))}.tbw-filter-apply-btn{flex:1;padding:6px 12px;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:4px;cursor:pointer;font-size:13px}.tbw-filter-apply-btn:hover{filter:brightness(.9)}.tbw-filter-clear-btn{flex:1;padding:6px 12px;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:4px;cursor:pointer;font-size:13px}.tbw-filter-clear-btn:hover{background:var(--tbw-filter-hover, var(--tbw-color-row-hover, light-dark(#f0f6ff, #1c1c1c)))}";
-class A extends x {
+class _ extends y {
   name = "filtering";
   version = "1.0.0";
   get defaultConfig() {
@@ -936,11 +936,11 @@ class A extends x {
       if (o === null) return;
       const i = this.columns[parseInt(o, 10)];
       if (!i || i.filterable === !1 || n.querySelector(".tbw-filter-btn")) return;
-      const s = i.field;
-      if (!s) return;
+      const r = i.field;
+      if (!r) return;
       const l = document.createElement("button");
-      l.className = "tbw-filter-btn", l.setAttribute("aria-label", `Filter ${i.header ?? s}`), l.innerHTML = '<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentColor" d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>', this.filters.has(s) && (l.classList.add("active"), n.classList.add("filtered")), l.addEventListener("click", (a) => {
-        a.stopPropagation(), this.toggleFilterPanel(s, i, l);
+      l.className = "tbw-filter-btn", l.setAttribute("aria-label", `Filter ${i.header ?? r}`), l.innerHTML = '<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentColor" d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>', this.filters.has(r) && (l.classList.add("active"), n.classList.add("filtered")), l.addEventListener("click", (a) => {
+        a.stopPropagation(), this.toggleFilterPanel(r, i, l);
       }), n.appendChild(l);
     });
   }
@@ -1028,7 +1028,7 @@ class A extends x {
    * Uses sourceRows to include all values regardless of current filter.
    */
   getUniqueValues(e) {
-    return me(this.sourceRows, e);
+    return we(this.sourceRows, e);
   }
   // #endregion
   // #region Private Methods
@@ -1055,14 +1055,14 @@ class A extends x {
     this.closeFilterPanel();
     const o = document.createElement("div");
     o.className = "tbw-filter-panel", this.panelElement = o, this.openPanelField = e;
-    const i = me(this.sourceRows, e);
-    let s = this.excludedValues.get(e);
-    s || (s = /* @__PURE__ */ new Set(), this.excludedValues.set(e, s));
+    const i = we(this.sourceRows, e);
+    let r = this.excludedValues.get(e);
+    r || (r = /* @__PURE__ */ new Set(), this.excludedValues.set(e, r));
     const l = this.searchText.get(e) ?? "", a = {
       field: e,
       column: t,
       uniqueValues: i,
-      excludedValues: s,
+      excludedValues: r,
       searchText: l,
       applySetFilter: (c) => {
         this.applySetFilter(e, c), this.closeFilterPanel();
@@ -1076,7 +1076,7 @@ class A extends x {
       closePanel: () => this.closeFilterPanel()
     };
     let d = !1;
-    this.config.filterPanelRenderer && (this.config.filterPanelRenderer(o, a), d = o.children.length > 0), d || this.renderDefaultFilterPanel(o, a, i, s), document.body.appendChild(o), this.positionPanel(o, n), this.panelAbortController = new AbortController(), setTimeout(() => {
+    this.config.filterPanelRenderer && (this.config.filterPanelRenderer(o, a), d = o.children.length > 0), d || this.renderDefaultFilterPanel(o, a, i, r), document.body.appendChild(o), this.positionPanel(o, n), this.panelAbortController = new AbortController(), setTimeout(() => {
       document.addEventListener(
         "click",
         (c) => {
@@ -1106,10 +1106,10 @@ class A extends x {
    * Render the default filter panel content
    */
   renderDefaultFilterPanel(e, t, n, o) {
-    const { field: i } = t, s = document.createElement("div");
-    s.className = "tbw-filter-search";
+    const { field: i } = t, r = document.createElement("div");
+    r.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(i) ?? "", s.appendChild(l), e.appendChild(s);
+    l.type = "text", l.placeholder = "Search...", l.className = "tbw-filter-search-input", l.value = this.searchText.get(i) ?? "", r.appendChild(l), e.appendChild(r);
     const a = document.createElement("div");
     a.className = "tbw-filter-actions";
     const d = document.createElement("label");
@@ -1119,71 +1119,71 @@ class A extends x {
     const u = document.createElement("span");
     u.textContent = "Select All", d.appendChild(c), d.appendChild(u), a.appendChild(d);
     const h = () => {
-      const b = [...m.values()], C = b.every((y) => y), R = b.every((y) => !y);
-      c.checked = C, c.indeterminate = !C && !R;
+      const w = [...f.values()], R = w.every((C) => C), S = w.every((C) => !C);
+      c.checked = R, c.indeterminate = !R && !S;
     };
     c.addEventListener("change", () => {
-      const b = c.checked;
-      for (const C of m.keys())
-        m.set(C, b);
-      h(), K();
+      const w = c.checked;
+      for (const R of f.keys())
+        f.set(R, w);
+      h(), v();
     }), e.appendChild(a);
     const g = document.createElement("div");
     g.className = "tbw-filter-values";
     const p = document.createElement("div");
     p.className = "tbw-filter-values-spacer", g.appendChild(p);
-    const f = document.createElement("div");
-    f.className = "tbw-filter-values-content", g.appendChild(f);
-    const m = /* @__PURE__ */ new Map();
-    n.forEach((b) => {
-      const C = b == null ? "__null__" : String(b);
-      m.set(C, !o.has(b));
+    const m = document.createElement("div");
+    m.className = "tbw-filter-values-content", g.appendChild(m);
+    const f = /* @__PURE__ */ new Map();
+    n.forEach((w) => {
+      const R = w == null ? "__null__" : String(w);
+      f.set(R, !o.has(w));
     }), h();
-    let w = [];
-    const k = (b, C) => {
-      const R = b == null ? "(Blank)" : String(b), y = b == null ? "__null__" : String(b), v = document.createElement("label");
-      v.className = "tbw-filter-value-item", v.style.position = "absolute", v.style.top = `${C * A.LIST_ITEM_HEIGHT}px`, v.style.left = "0", v.style.right = "0", v.style.height = `${A.LIST_ITEM_HEIGHT}px`, v.style.boxSizing = "border-box";
-      const S = document.createElement("input");
-      S.type = "checkbox", S.className = "tbw-filter-checkbox", S.checked = m.get(y) ?? !0, S.dataset.value = y, S.addEventListener("change", () => {
-        m.set(y, S.checked), h();
+    let b = [];
+    const E = (w, R) => {
+      const S = w == null ? "(Blank)" : String(w), C = w == null ? "__null__" : String(w), x = document.createElement("label");
+      x.className = "tbw-filter-value-item", x.style.position = "absolute", x.style.top = `${R * _.LIST_ITEM_HEIGHT}px`, x.style.left = "0", x.style.right = "0", x.style.height = `${_.LIST_ITEM_HEIGHT}px`, x.style.boxSizing = "border-box";
+      const k = document.createElement("input");
+      k.type = "checkbox", k.className = "tbw-filter-checkbox", k.checked = f.get(C) ?? !0, k.dataset.value = C, k.addEventListener("change", () => {
+        f.set(C, k.checked), h();
       });
       const re = document.createElement("span");
-      return re.textContent = R, v.appendChild(S), v.appendChild(re), v;
-    }, K = () => {
-      const b = w.length, C = g.clientHeight, R = g.scrollTop;
-      if (p.style.height = `${b * A.LIST_ITEM_HEIGHT}px`, Qe(b, A.LIST_BYPASS_THRESHOLD / 3)) {
-        f.innerHTML = "", f.style.transform = "translateY(0px)", w.forEach((v, S) => {
-          f.appendChild(k(v, S));
+      return re.textContent = S, x.appendChild(k), x.appendChild(re), x;
+    }, v = () => {
+      const w = b.length, R = g.clientHeight, S = g.scrollTop;
+      if (p.style.height = `${w * _.LIST_ITEM_HEIGHT}px`, Qe(w, _.LIST_BYPASS_THRESHOLD / 3)) {
+        m.innerHTML = "", m.style.transform = "translateY(0px)", b.forEach((x, k) => {
+          m.appendChild(E(x, k));
         });
         return;
       }
-      const y = Je({
-        totalRows: b,
-        viewportHeight: C,
-        scrollTop: R,
-        rowHeight: A.LIST_ITEM_HEIGHT,
-        overscan: A.LIST_OVERSCAN
+      const C = Je({
+        totalRows: w,
+        viewportHeight: R,
+        scrollTop: S,
+        rowHeight: _.LIST_ITEM_HEIGHT,
+        overscan: _.LIST_OVERSCAN
       });
-      f.style.transform = `translateY(${y.offsetY}px)`, f.innerHTML = "";
-      for (let v = y.start; v < y.end; v++)
-        f.appendChild(k(w[v], v - y.start));
-    }, oe = (b) => {
-      const C = b.toLowerCase();
-      if (w = n.filter((R) => {
-        const y = R == null ? "(Blank)" : String(R);
-        return !b || y.toLowerCase().includes(C);
-      }), w.length === 0) {
-        p.style.height = "0px", f.innerHTML = "";
-        const R = document.createElement("div");
-        R.className = "tbw-filter-no-match", R.textContent = "No matching values", f.appendChild(R);
+      m.style.transform = `translateY(${C.offsetY}px)`, m.innerHTML = "";
+      for (let x = C.start; x < C.end; x++)
+        m.appendChild(E(b[x], x - C.start));
+    }, oe = (w) => {
+      const R = w.toLowerCase();
+      if (b = n.filter((S) => {
+        const C = S == null ? "(Blank)" : String(S);
+        return !w || C.toLowerCase().includes(R);
+      }), b.length === 0) {
+        p.style.height = "0px", m.innerHTML = "";
+        const S = document.createElement("div");
+        S.className = "tbw-filter-no-match", S.textContent = "No matching values", m.appendChild(S);
         return;
       }
-      K();
+      v();
     };
     g.addEventListener(
       "scroll",
       () => {
-        w.length > 0 && K();
+        b.length > 0 && v();
       },
       { passive: !0 }
     ), oe(l.value), e.appendChild(g);
@@ -1193,25 +1193,25 @@ class A extends x {
         this.searchText.set(i, l.value), oe(l.value);
       }, this.config.debounceMs ?? 150);
     });
-    const M = document.createElement("div");
-    M.className = "tbw-filter-buttons";
-    const N = document.createElement("button");
-    N.className = "tbw-filter-apply-btn", N.textContent = "Apply", N.addEventListener("click", () => {
-      const b = [];
-      for (const [C, R] of m)
-        if (!R)
-          if (C === "__null__")
-            b.push(null);
+    const N = document.createElement("div");
+    N.className = "tbw-filter-buttons";
+    const P = document.createElement("button");
+    P.className = "tbw-filter-apply-btn", P.textContent = "Apply", P.addEventListener("click", () => {
+      const w = [];
+      for (const [R, S] of f)
+        if (!S)
+          if (R === "__null__")
+            w.push(null);
           else {
-            const y = n.find((v) => String(v) === C);
-            b.push(y !== void 0 ? y : C);
+            const C = n.find((x) => String(x) === R);
+            w.push(C !== void 0 ? C : R);
           }
-      t.applySetFilter(b);
-    }), M.appendChild(N);
-    const P = document.createElement("button");
-    P.className = "tbw-filter-clear-btn", P.textContent = "Clear Filter", P.addEventListener("click", () => {
+      t.applySetFilter(w);
+    }), N.appendChild(P);
+    const K = document.createElement("button");
+    K.className = "tbw-filter-clear-btn", K.textContent = "Clear Filter", K.addEventListener("click", () => {
       t.clearFilter();
-    }), M.appendChild(P), e.appendChild(M);
+    }), N.appendChild(K), e.appendChild(N);
   }
   /**
    * Apply a set filter (exclude values)
@@ -1281,28 +1281,28 @@ class A extends x {
   styles = ot;
   // #endregion
 }
-function rt(r) {
-  if (!r.length) return [];
-  const e = /* @__PURE__ */ new Map(), t = [], n = (s, l) => {
+function rt(s) {
+  if (!s.length) return [];
+  const e = /* @__PURE__ */ new Map(), t = [], n = (r, l) => {
     if (!l.length) return;
     const a = t[t.length - 1];
-    if (a && a.implicit && a.firstIndex + a.columns.length === s) {
+    if (a && a.implicit && a.firstIndex + a.columns.length === r) {
       a.columns.push(...l);
       return;
     }
     t.push({
-      id: "__implicit__" + s,
+      id: "__implicit__" + r,
       label: void 0,
       columns: l,
-      firstIndex: s,
+      firstIndex: r,
       implicit: !0
     });
   };
   let o = [], i = 0;
-  return r.forEach((s, l) => {
-    const a = s.group;
+  return s.forEach((r, l) => {
+    const a = r.group;
     if (!a) {
-      o.length === 0 && (i = l), o.push(s);
+      o.length === 0 && (i = l), o.push(r);
       return;
     }
     o.length && (n(i, o.slice()), o = []);
@@ -1313,40 +1313,40 @@ function rt(r) {
       label: typeof a == "string" ? void 0 : a.label,
       columns: [],
       firstIndex: l
-    }, e.set(d, c), t.push(c)), c.columns.push(s);
-  }), o.length && n(i, o), t.length === 1 && t[0].implicit && t[0].columns.length === r.length ? [] : t;
+    }, e.set(d, c), t.push(c)), c.columns.push(r);
+  }), o.length && n(i, o), t.length === 1 && t[0].implicit && t[0].columns.length === s.length ? [] : t;
 }
-function st(r, e, t) {
-  if (!e.length || !r) return;
+function st(s, e, t) {
+  if (!e.length || !s) return;
   const n = /* @__PURE__ */ new Map();
   for (const i of e)
-    for (const s of i.columns)
-      s?.field && n.set(s.field, i.id);
-  const o = Array.from(r.querySelectorAll(".cell[data-field]"));
+    for (const r of i.columns)
+      r?.field && n.set(r.field, i.id);
+  const o = Array.from(s.querySelectorAll(".cell[data-field]"));
   o.forEach((i) => {
-    const s = i.getAttribute("data-field") || "", l = n.get(s);
+    const r = i.getAttribute("data-field") || "", l = n.get(r);
     l && (i.classList.add("grouped"), i.getAttribute("data-group") || i.setAttribute("data-group", l));
   });
   for (const i of e) {
-    const s = i.columns[i.columns.length - 1], l = o.find((a) => a.getAttribute("data-field") === s.field);
+    const r = i.columns[i.columns.length - 1], l = o.find((a) => a.getAttribute("data-field") === r.field);
     l && l.classList.add("group-end");
   }
 }
-function lt(r, e) {
-  if (r.length === 0) return null;
+function lt(s, e) {
+  if (s.length === 0) return null;
   const t = document.createElement("div");
   t.className = "header-group-row", t.setAttribute("role", "row");
-  for (const n of r) {
-    const o = n.firstIndex != null ? n.firstIndex : e.findIndex((a) => n.columns.includes(a)), i = String(n.id).startsWith("__implicit__"), s = i ? "" : n.label || n.id, l = document.createElement("div");
-    l.className = "cell header-group-cell", i && l.classList.add("implicit-group"), l.setAttribute("data-group", String(n.id)), l.style.gridColumn = `${o + 1} / span ${n.columns.length}`, l.textContent = s, t.appendChild(l);
+  for (const n of s) {
+    const o = n.firstIndex != null ? n.firstIndex : e.findIndex((a) => n.columns.includes(a)), i = String(n.id).startsWith("__implicit__"), r = i ? "" : n.label || n.id, l = document.createElement("div");
+    l.className = "cell header-group-cell", i && l.classList.add("implicit-group"), l.setAttribute("data-group", String(n.id)), l.style.gridColumn = `${o + 1} / span ${n.columns.length}`, l.textContent = r, t.appendChild(l);
   }
   return t;
 }
-function at(r) {
-  return r.some((e) => e.group != null);
+function at(s) {
+  return s.some((e) => e.group != null);
 }
-const dt = ".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:4px 8px;font-weight:600;font-size:.9em;text-transform:uppercase;letter-spacing:.5px;border-right:1px solid var(--tbw-grouping-columns-border, 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))}";
-class yn extends x {
+const dt = ".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:4px 8px;font-weight:600;font-size:.9em;text-transform:uppercase;letter-spacing:.5px;border-right:1px solid var(--tbw-grouping-columns-border, 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))}.header-row .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 Cn extends y {
   name = "groupingColumns";
   version = "1.0.0";
   get defaultConfig() {
@@ -1379,8 +1379,8 @@ class yn extends x {
   }
   afterRender() {
     if (!this.isActive || this.groups.length === 0) {
-      const s = this.shadowRoot?.querySelector(".header")?.querySelector(".header-group-row");
-      s && s.remove();
+      const r = this.shadowRoot?.querySelector(".header")?.querySelector(".header-group-row");
+      r && r.remove();
       return;
     }
     const e = this.shadowRoot?.querySelector(".header");
@@ -1389,11 +1389,12 @@ class yn extends x {
     t && t.remove();
     const n = lt(this.groups, this.columns);
     if (n) {
+      n.classList.toggle("no-borders", !this.config.showGroupBorders);
       const i = e.querySelector(".header-row");
       i ? e.insertBefore(n, i) : e.appendChild(n);
     }
     const o = e.querySelector(".header-row");
-    o && st(o, this.groups, this.columns);
+    o && (o.classList.toggle("no-group-borders", !this.config.showGroupBorders), st(o, this.groups, this.columns));
   }
   // #endregion
   // #region Public API
@@ -1431,12 +1432,12 @@ class yn extends x {
   styles = dt;
   // #endregion
 }
-function ct({ rows: r, config: e, expanded: t }) {
+function ct({ rows: s, config: e, expanded: t }) {
   const n = e.groupOn;
   if (typeof n != "function")
     return [];
   const o = { key: "__root__", value: null, depth: -1, rows: [], children: /* @__PURE__ */ new Map() };
-  if (r.forEach((l) => {
+  if (s.forEach((l) => {
     let a = n(l);
     a == null || a === !1 ? a = ["__ungrouped__"] : Array.isArray(a) || (a = [a]);
     let d = o;
@@ -1445,11 +1446,11 @@ function ct({ rows: r, config: e, expanded: t }) {
       let p = d.children.get(h);
       p || (p = { key: g, value: c, depth: u, rows: [], children: /* @__PURE__ */ new Map(), parent: d }, d.children.set(h, p)), d = p;
     }), d.rows.push(l);
-  }), o.children.size === 1 && o.children.has("__ungrouped__") && o.children.get("__ungrouped__").rows.length === r.length)
+  }), o.children.size === 1 && o.children.has("__ungrouped__") && o.children.get("__ungrouped__").rows.length === s.length)
     return [];
-  const i = [], s = (l) => {
+  const i = [], r = (l) => {
     if (l === o) {
-      l.children.forEach((d) => s(d));
+      l.children.forEach((d) => r(d));
       return;
     }
     const a = t.has(l.key);
@@ -1460,28 +1461,28 @@ function ct({ rows: r, config: e, expanded: t }) {
       depth: l.depth,
       rows: l.rows,
       expanded: a
-    }), a && (l.children.size ? l.children.forEach((d) => s(d)) : l.rows.forEach((d) => i.push({ kind: "data", row: d, rowIndex: r.indexOf(d) })));
+    }), a && (l.children.size ? l.children.forEach((d) => r(d)) : l.rows.forEach((d) => i.push({ kind: "data", row: d, rowIndex: s.indexOf(d) })));
   };
-  return s(o), i;
+  return r(o), i;
 }
-function ut(r, e) {
-  const t = new Set(r);
+function ut(s, e) {
+  const t = new Set(s);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
-function ht(r) {
+function ht(s) {
   const e = /* @__PURE__ */ new Set();
-  for (const t of r)
+  for (const t of s)
     t.kind === "group" && e.add(t.key);
   return e;
 }
 function gt() {
   return /* @__PURE__ */ new Set();
 }
-function pt(r) {
-  return r.kind !== "group" ? 0 : r.rows.length;
+function pt(s) {
+  return s.kind !== "group" ? 0 : s.rows.length;
 }
 const ft = '.group-row{background:var(--tbw-grouping-rows-bg, var(--tbw-color-panel-bg));font-weight:500}.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:20px;height:20px;margin-right:4px;font-size:10px}.group-toggle:hover{background:var(--tbw-grouping-rows-toggle-hover, var(--tbw-color-row-hover));border-radius:2px}.group-label{display:inline-flex;align-items:center;gap:8px}.group-count{color:var(--tbw-grouping-rows-count-color, var(--tbw-color-fg-muted));font-size:.85em;font-weight:400}[data-group-depth="0"] .group-label{padding-left:0}[data-group-depth="1"] .group-label{padding-left:20px}[data-group-depth="2"] .group-label{padding-left:40px}[data-group-depth="3"] .group-label{padding-left:60px}[data-group-depth="4"] .group-label{padding-left:80px}';
-class Cn extends x {
+class Rn extends y {
   name = "groupingRows";
   version = "1.0.0";
   get defaultConfig() {
@@ -1567,10 +1568,10 @@ class Cn extends x {
   renderFullWidthGroupRow(e, t, n) {
     const o = this.config, i = document.createElement("div");
     i.className = "cell group-full", i.style.gridColumn = "1 / -1", i.setAttribute("role", "gridcell");
-    const s = document.createElement("button");
-    s.type = "button", s.className = "group-toggle", s.setAttribute("aria-label", e.__groupExpanded ? "Collapse group" : "Expand group"), this.setIcon(s, this.resolveIcon(e.__groupExpanded ? "collapse" : "expand")), s.addEventListener("click", (d) => {
+    const r = document.createElement("button");
+    r.type = "button", r.className = "group-toggle", r.setAttribute("aria-label", e.__groupExpanded ? "Collapse group" : "Expand group"), this.setIcon(r, this.resolveIcon(e.__groupExpanded ? "collapse" : "expand")), r.addEventListener("click", (d) => {
       d.stopPropagation(), n();
-    }), i.appendChild(s);
+    }), i.appendChild(r);
     const l = document.createElement("span");
     l.className = "group-label";
     const a = o.formatLabel ? o.formatLabel(e.__groupValue, e.__groupDepth || 0, e.__groupKey) : String(e.__groupValue);
@@ -1581,25 +1582,25 @@ class Cn extends x {
     t.appendChild(i);
   }
   renderPerColumnGroupRow(e, t, n) {
-    const o = this.config, i = o.aggregators ?? {}, s = this.columns, l = e.__groupRows ?? [], d = this.shadowRoot?.querySelector(".body")?.style.gridTemplateColumns || "";
-    d && (t.style.display = "grid", t.style.gridTemplateColumns = d), s.forEach((c, u) => {
+    const o = this.config, i = o.aggregators ?? {}, r = this.columns, l = e.__groupRows ?? [], d = this.shadowRoot?.querySelector(".body")?.style.gridTemplateColumns || "";
+    d && (t.style.display = "grid", t.style.gridTemplateColumns = d), r.forEach((c, u) => {
       const h = document.createElement("div");
       if (h.className = "cell group-cell", h.setAttribute("data-col", String(u)), h.setAttribute("role", "gridcell"), u === 0) {
         const g = document.createElement("button");
-        g.type = "button", g.className = "group-toggle", g.setAttribute("aria-label", e.__groupExpanded ? "Collapse group" : "Expand group"), this.setIcon(g, this.resolveIcon(e.__groupExpanded ? "collapse" : "expand")), g.addEventListener("click", (m) => {
-          m.stopPropagation(), n();
+        g.type = "button", g.className = "group-toggle", g.setAttribute("aria-label", e.__groupExpanded ? "Collapse group" : "Expand group"), this.setIcon(g, this.resolveIcon(e.__groupExpanded ? "collapse" : "expand")), g.addEventListener("click", (f) => {
+          f.stopPropagation(), n();
         }), h.appendChild(g);
-        const p = document.createElement("span"), f = i[c.field];
-        if (f) {
-          const m = se(f, l, c.field, c);
-          p.textContent = m != null ? String(m) : String(e.__groupValue);
+        const p = document.createElement("span"), m = i[c.field];
+        if (m) {
+          const f = se(m, l, c.field, c);
+          p.textContent = f != null ? String(f) : String(e.__groupValue);
         } else {
-          const m = o.formatLabel ? o.formatLabel(e.__groupValue, e.__groupDepth || 0, e.__groupKey) : String(e.__groupValue);
-          p.textContent = m;
+          const f = o.formatLabel ? o.formatLabel(e.__groupValue, e.__groupDepth || 0, e.__groupKey) : String(e.__groupValue);
+          p.textContent = f;
         }
         if (h.appendChild(p), o.showRowCount !== !1) {
-          const m = document.createElement("span");
-          m.className = "group-count", m.textContent = ` (${l.length})`, h.appendChild(m);
+          const f = document.createElement("span");
+          f.className = "group-count", f.textContent = ` (${l.length})`, h.appendChild(f);
         }
       } else {
         const g = i[c.field];
@@ -1725,31 +1726,31 @@ class Cn extends x {
   styles = ft;
   // #endregion
 }
-function V(r, e) {
-  const t = new Set(r);
+function V(s, e) {
+  const t = new Set(s);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
-function mt(r, e) {
-  const t = new Set(r);
+function mt(s, e) {
+  const t = new Set(s);
   return t.add(e), t;
 }
-function wt(r, e) {
-  const t = new Set(r);
+function wt(s, e) {
+  const t = new Set(s);
   return t.delete(e), t;
 }
-function bt(r, e) {
-  return r.has(e);
+function bt(s, e) {
+  return s.has(e);
 }
-function vt(r, e, t, n) {
+function vt(s, e, t, n) {
   const o = document.createElement("div");
   o.className = "master-detail-row", o.setAttribute("data-detail-for", String(e)), o.setAttribute("role", "row");
   const i = document.createElement("div");
   i.className = "master-detail-cell", i.setAttribute("role", "cell"), i.style.gridColumn = `1 / ${n + 1}`;
-  const s = t(r, e);
-  return typeof s == "string" ? i.innerHTML = s : s instanceof HTMLElement && i.appendChild(s), o.appendChild(i), o;
+  const r = t(s, e);
+  return typeof r == "string" ? i.innerHTML = r : r instanceof HTMLElement && i.appendChild(r), o.appendChild(i), o;
 }
 const xt = ".master-detail-cell-wrapper{display:flex;align-items:center;gap:4px}.master-detail-toggle{cursor:pointer;font-size:10px;opacity:.7;user-select:none}.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))}.master-detail-cell{padding:16px;overflow:auto}";
-class Rn extends x {
+class Sn extends y {
   name = "masterDetail";
   version = "1.0.0";
   get defaultConfig() {
@@ -1778,8 +1779,8 @@ class Rn extends x {
       const n = { ...t[0] }, o = n.viewRenderer;
       if (o?.__masterDetailWrapped)
         return t;
-      const i = (s) => {
-        const { value: l, row: a } = s, d = this.expandedRows.has(a), c = document.createElement("span");
+      const i = (r) => {
+        const { value: l, row: a } = r, d = this.expandedRows.has(a), c = document.createElement("span");
         c.className = "master-detail-cell-wrapper";
         const u = document.createElement("span");
         u.className = "master-detail-toggle", this.setIcon(u, this.resolveIcon(d ? "collapse" : "expand")), u.setAttribute("role", "button"), u.setAttribute("tabindex", "0"), u.setAttribute("aria-expanded", String(d)), u.setAttribute("aria-label", d ? "Collapse details" : "Expand details"), u.addEventListener("click", (g) => {
@@ -1793,7 +1794,7 @@ class Rn extends x {
         }), c.appendChild(u);
         const h = document.createElement("span");
         if (o) {
-          const g = o(s);
+          const g = o(r);
           g instanceof Node ? h.appendChild(g) : h.textContent = String(g ?? l ?? "");
         } else
           h.textContent = String(l ?? "");
@@ -1833,24 +1834,24 @@ class Rn extends x {
     const e = this.shadowRoot?.querySelector(".rows");
     if (!e) return;
     const t = /* @__PURE__ */ new Map(), n = e.querySelectorAll(".data-grid-row"), o = this.columns.length;
-    for (const s of n) {
-      const l = s.querySelector(".cell[data-row]"), a = l ? parseInt(l.getAttribute("data-row") ?? "-1", 10) : -1;
-      a >= 0 && t.set(a, s);
+    for (const r of n) {
+      const l = r.querySelector(".cell[data-row]"), a = l ? parseInt(l.getAttribute("data-row") ?? "-1", 10) : -1;
+      a >= 0 && t.set(a, r);
     }
     const i = e.querySelectorAll(".master-detail-row");
-    for (const s of i) {
-      const l = parseInt(s.getAttribute("data-detail-for") ?? "-1", 10), a = l >= 0 ? this.rows[l] : void 0, d = a && this.expandedRows.has(a), c = t.has(l);
-      (!d || !c) && (s.remove(), a && this.detailElements.delete(a));
+    for (const r of i) {
+      const l = parseInt(r.getAttribute("data-detail-for") ?? "-1", 10), a = l >= 0 ? this.rows[l] : void 0, d = a && this.expandedRows.has(a), c = t.has(l);
+      (!d || !c) && (r.remove(), a && this.detailElements.delete(a));
     }
-    for (const [s, l] of t) {
-      const a = this.rows[s];
+    for (const [r, l] of t) {
+      const a = this.rows[r];
       if (!a || !this.expandedRows.has(a)) continue;
       const d = this.detailElements.get(a);
       if (d) {
         d.previousElementSibling !== l && l.after(d);
         continue;
       }
-      const c = vt(a, s, this.config.detailRenderer, o);
+      const c = vt(a, r, this.config.detailRenderer, o);
       typeof this.config.detailHeight == "number" && (c.style.height = `${this.config.detailHeight}px`), l.after(c), this.detailElements.set(a, c);
     }
   }
@@ -1884,8 +1885,8 @@ class Rn extends x {
         if (i)
           t += i.offsetHeight;
         else {
-          const s = this.config?.detailHeight;
-          t += typeof s == "number" ? s : 150;
+          const r = this.config?.detailHeight;
+          t += typeof r == "number" ? r : 150;
         }
       }
     }
@@ -1903,10 +1904,10 @@ class Rn extends x {
       a >= 0 && o.push({ index: a, row: l });
     }
     o.sort((l, a) => l.index - a.index);
-    let i = e, s = 0;
+    let i = e, r = 0;
     for (const { index: l, row: a } of o) {
-      const d = l * n + s, u = this.detailElements.get(a)?.offsetHeight ?? (typeof this.config?.detailHeight == "number" ? this.config.detailHeight : 150), h = d + n + u;
-      s += u, !(l >= e) && h > t && l < i && (i = l);
+      const d = l * n + r, u = this.detailElements.get(a)?.offsetHeight ?? (typeof this.config?.detailHeight == "number" ? this.config.detailHeight : 150), h = d + n + u;
+      r += u, !(l >= e) && h > t && l < i && (i = l);
     }
     return i;
   }
@@ -1985,32 +1986,32 @@ class Rn extends x {
   styles = xt;
   // #endregion
 }
-function yt(r, e, t) {
-  return e.length ? [...r].sort((n, o) => {
+function yt(s, e, t) {
+  return e.length ? [...s].sort((n, o) => {
     for (const i of e) {
       const l = t.find((u) => u.field === i.field)?.sortComparator ?? Ct, a = n[i.field], d = o[i.field], c = l(a, d, n, o);
       if (c !== 0)
         return i.direction === "asc" ? c : -c;
     }
     return 0;
-  }) : [...r];
+  }) : [...s];
 }
-function Ct(r, e) {
-  return r == null && e == null ? 0 : r == null ? 1 : e == null ? -1 : typeof r == "number" && typeof e == "number" ? r - e : r instanceof Date && e instanceof Date ? r.getTime() - e.getTime() : typeof r == "boolean" && typeof e == "boolean" ? r === e ? 0 : r ? -1 : 1 : String(r).localeCompare(String(e));
+function Ct(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 Rt(r, e, t, n) {
-  const o = r.find((i) => i.field === e);
-  return t ? o ? o.direction === "asc" ? r.map((i) => i.field === e ? { ...i, direction: "desc" } : i) : r.filter((i) => i.field !== e) : r.length < n ? [...r, { field: e, direction: "asc" }] : r : o?.direction === "asc" ? [{ field: e, direction: "desc" }] : o?.direction === "desc" ? [] : [{ field: e, direction: "asc" }];
+function Rt(s, e, t, n) {
+  const o = s.find((i) => i.field === e);
+  return t ? o ? o.direction === "asc" ? s.map((i) => i.field === e ? { ...i, direction: "desc" } : i) : s.filter((i) => i.field !== e) : s.length < n ? [...s, { field: e, direction: "asc" }] : s : o?.direction === "asc" ? [{ field: e, direction: "desc" }] : o?.direction === "desc" ? [] : [{ field: e, direction: "asc" }];
 }
-function we(r, e) {
-  const t = r.findIndex((n) => n.field === e);
+function be(s, e) {
+  const t = s.findIndex((n) => n.field === e);
   return t >= 0 ? t + 1 : void 0;
 }
-function be(r, e) {
-  return r.find((t) => t.field === e)?.direction;
+function ve(s, e) {
+  return s.find((t) => t.field === e)?.direction;
 }
 const St = '.header-cell[data-sort=asc]:after{content:"↑";margin-left:4px;opacity:.8}.header-cell[data-sort=desc]:after{content:"↓";margin-left:4px;opacity:.8}.sort-index{font-size:10px;background:var(--tbw-multi-sort-badge-bg, var(--tbw-color-panel-bg));color:var(--tbw-multi-sort-badge-color, var(--tbw-color-fg));border-radius:50%;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;margin-left:2px;font-weight:600}';
-class Sn extends x {
+class En extends y {
   name = "multiSort";
   version = "1.0.0";
   get defaultConfig() {
@@ -2043,13 +2044,13 @@ class Sn extends x {
     e.querySelectorAll(".header-row .cell[data-field]").forEach((o) => {
       const i = o.getAttribute("data-field");
       if (!i) return;
-      const s = we(this.sortModel, i), l = be(this.sortModel, i);
+      const r = be(this.sortModel, i), l = ve(this.sortModel, i);
       if (o.querySelector(".sort-index")?.remove(), l) {
         o.querySelector('[part~="sort-indicator"], .sort-indicator')?.remove(), o.setAttribute("data-sort", l);
         const c = document.createElement("span");
-        if (c.className = "sort-indicator", c.style.marginLeft = "4px", c.style.opacity = "0.8", this.setIcon(c, this.resolveIcon(l === "asc" ? "sortAsc" : "sortDesc")), o.appendChild(c), t && this.sortModel.length > 1 && s !== void 0) {
+        if (c.className = "sort-indicator", c.style.marginLeft = "4px", c.style.opacity = "0.8", this.setIcon(c, this.resolveIcon(l === "asc" ? "sortAsc" : "sortDesc")), o.appendChild(c), t && this.sortModel.length > 1 && r !== void 0) {
           const u = document.createElement("span");
-          u.className = "sort-index", u.textContent = String(s), o.appendChild(u);
+          u.className = "sort-index", u.textContent = String(r), o.appendChild(u);
         }
       } else
         o.removeAttribute("data-sort");
@@ -2083,7 +2084,7 @@ class Sn extends x {
    * @returns 1-based index or undefined if not sorted
    */
   getSortIndex(e) {
-    return we(this.sortModel, e);
+    return be(this.sortModel, e);
   }
   /**
    * Get the sort direction for a specific field.
@@ -2091,7 +2092,7 @@ class Sn extends x {
    * @returns Sort direction or undefined if not sorted
    */
   getSortDirection(e) {
-    return be(this.sortModel, e);
+    return ve(this.sortModel, e);
   }
   // #endregion
   // #region Column State Hooks
@@ -2127,17 +2128,17 @@ class Sn extends x {
   styles = St;
   // #endregion
 }
-function Et(r) {
-  return r.filter((e) => e.sticky === "left");
+function Et(s) {
+  return s.filter((e) => e.sticky === "left");
 }
-function kt(r) {
-  return r.filter((e) => e.sticky === "right");
+function kt(s) {
+  return s.filter((e) => e.sticky === "right");
 }
-function z(r) {
-  return r.some((e) => e.sticky === "left" || e.sticky === "right");
+function z(s) {
+  return s.some((e) => e.sticky === "left" || e.sticky === "right");
 }
-function ve(r, e) {
-  const t = r.shadowRoot;
+function xe(s, e) {
+  const t = s.shadowRoot;
   if (!t) return;
   const n = Array.from(t.querySelectorAll(".header-row .cell"));
   if (!n.length) return;
@@ -2153,23 +2154,23 @@ function ve(r, e) {
         c.classList.add("sticky-left"), c.style.position = "sticky", c.style.left = i + "px";
       }), i += d.offsetWidth);
     }
-  let s = 0;
+  let r = 0;
   for (const l of [...e].reverse())
     if (l.sticky === "right") {
       const a = o.get(l.field), d = n.find((c) => c.getAttribute("data-field") === l.field);
-      d && (d.classList.add("sticky-right"), d.style.position = "sticky", d.style.right = s + "px", a !== void 0 && t.querySelectorAll(`.data-grid-row .cell[data-col="${a}"]`).forEach((c) => {
-        c.classList.add("sticky-right"), c.style.position = "sticky", c.style.right = s + "px";
-      }), s += d.offsetWidth);
+      d && (d.classList.add("sticky-right"), d.style.position = "sticky", d.style.right = r + "px", a !== void 0 && t.querySelectorAll(`.data-grid-row .cell[data-col="${a}"]`).forEach((c) => {
+        c.classList.add("sticky-right"), c.style.position = "sticky", c.style.right = r + "px";
+      }), r += d.offsetWidth);
     }
 }
-function xe(r) {
-  const e = r.shadowRoot;
+function ye(s) {
+  const e = s.shadowRoot;
   if (!e) return;
   e.querySelectorAll(".sticky-left, .sticky-right").forEach((n) => {
     n.classList.remove("sticky-left", "sticky-right"), n.style.position = "", n.style.left = "", n.style.right = "";
   });
 }
-class En extends x {
+class kn extends y {
   name = "pinnedColumns";
   version = "1.0.0";
   get defaultConfig() {
@@ -2203,11 +2204,11 @@ class En extends x {
       return;
     const e = this.grid, t = [...this.columns];
     if (!z(t)) {
-      xe(e), this.isApplied = !1;
+      ye(e), this.isApplied = !1;
       return;
     }
     queueMicrotask(() => {
-      ve(e, t);
+      xe(e, t);
     });
   }
   /**
@@ -2215,7 +2216,7 @@ class En extends x {
    */
   onPluginQuery(e) {
     switch (e.type) {
-      case Pe.CAN_MOVE_COLUMN: {
+      case Ke.CAN_MOVE_COLUMN: {
         const t = e.context, n = t.sticky;
         if (n === "left" || n === "right")
           return !1;
@@ -2233,7 +2234,7 @@ class En extends x {
    */
   refreshStickyOffsets() {
     const e = [...this.columns];
-    ve(this.grid, e);
+    xe(this.grid, e);
   }
   /**
    * Get columns pinned to the left.
@@ -2253,7 +2254,7 @@ class En extends x {
    * Clear all sticky positioning.
    */
   clearStickyPositions() {
-    xe(this.grid);
+    ye(this.grid);
   }
   /**
    * Report horizontal scroll boundary offsets for pinned columns.
@@ -2264,8 +2265,8 @@ class En extends x {
       return;
     let n = 0, o = 0;
     if (e) {
-      const s = e.querySelectorAll(".sticky-left"), l = e.querySelectorAll(".sticky-right");
-      s.forEach((a) => {
+      const r = e.querySelectorAll(".sticky-left"), l = e.querySelectorAll(".sticky-right");
+      r.forEach((a) => {
         n += a.offsetWidth;
       }), l.forEach((a) => {
         o += a.offsetWidth;
@@ -2281,7 +2282,10 @@ class En extends x {
   }
   // #endregion
 }
-function W(r, e) {
+function At(s) {
+  return typeof s == "object" && s !== null && "aggFunc" in s;
+}
+function W(s, e) {
   const t = document.createElement("div");
   t.className = "tbw-pinned-rows", t.setAttribute("role", "presentation"), t.setAttribute("aria-live", "polite");
   const n = document.createElement("div");
@@ -2289,22 +2293,22 @@ function W(r, e) {
   const o = document.createElement("div");
   o.className = "tbw-pinned-rows-center";
   const i = document.createElement("div");
-  if (i.className = "tbw-pinned-rows-right", r.showRowCount !== !1) {
-    const s = document.createElement("span");
-    s.className = "tbw-status-panel tbw-status-panel-row-count", s.textContent = `Total: ${e.totalRows} rows`, n.appendChild(s);
-  }
-  if (r.showFilteredCount && e.filteredRows !== e.totalRows) {
-    const s = document.createElement("span");
-    s.className = "tbw-status-panel tbw-status-panel-filtered-count", s.textContent = `Filtered: ${e.filteredRows}`, n.appendChild(s);
-  }
-  if (r.showSelectedCount && e.selectedRows > 0) {
-    const s = document.createElement("span");
-    s.className = "tbw-status-panel tbw-status-panel-selected-count", s.textContent = `Selected: ${e.selectedRows}`, i.appendChild(s);
-  }
-  if (r.customPanels)
-    for (const s of r.customPanels) {
-      const l = At(s, e);
-      switch (s.position) {
+  if (i.className = "tbw-pinned-rows-right", s.showRowCount !== !1) {
+    const r = document.createElement("span");
+    r.className = "tbw-status-panel tbw-status-panel-row-count", r.textContent = `Total: ${e.totalRows} rows`, n.appendChild(r);
+  }
+  if (s.showFilteredCount && e.filteredRows !== e.totalRows) {
+    const r = document.createElement("span");
+    r.className = "tbw-status-panel tbw-status-panel-filtered-count", r.textContent = `Filtered: ${e.filteredRows}`, n.appendChild(r);
+  }
+  if (s.showSelectedCount && e.selectedRows > 0) {
+    const r = document.createElement("span");
+    r.className = "tbw-status-panel tbw-status-panel-selected-count", r.textContent = `Selected: ${e.selectedRows}`, i.appendChild(r);
+  }
+  if (s.customPanels)
+    for (const r of s.customPanels) {
+      const l = _t(r, e);
+      switch (r.position) {
         case "left":
           n.appendChild(l);
           break;
@@ -2318,53 +2322,58 @@ function W(r, e) {
     }
   return t.appendChild(n), t.appendChild(o), t.appendChild(i), t;
 }
-function ye(r) {
+function Ce(s) {
   const e = document.createElement("div");
-  return e.className = `tbw-aggregation-rows tbw-aggregation-rows-${r}`, e.setAttribute("role", "presentation"), e;
+  return e.className = `tbw-aggregation-rows tbw-aggregation-rows-${s}`, e.setAttribute("role", "presentation"), e;
 }
-function Ce(r, e, t, n) {
-  r.innerHTML = "";
+function Re(s, e, t, n) {
+  s.innerHTML = "";
   for (const o of e) {
     const i = document.createElement("div");
     if (i.className = "tbw-aggregation-row", i.setAttribute("role", "presentation"), o.id && i.setAttribute("data-aggregation-id", o.id), o.fullWidth) {
-      const s = document.createElement("div");
-      s.className = "tbw-aggregation-cell tbw-aggregation-cell-full", s.style.gridColumn = "1 / -1", s.textContent = o.label || "", i.appendChild(s);
+      const r = document.createElement("div");
+      r.className = "tbw-aggregation-cell tbw-aggregation-cell-full", r.style.gridColumn = "1 / -1", r.textContent = o.label || "", i.appendChild(r);
     } else
-      for (const s of t) {
+      for (const r of t) {
         const l = document.createElement("div");
-        l.className = "tbw-aggregation-cell", l.setAttribute("data-field", s.field);
-        let a;
-        const d = o.aggregators?.[s.field];
-        if (d) {
-          const c = Ge(d);
-          c && (a = c(n, s.field, s));
-        } else if (o.cells && Object.prototype.hasOwnProperty.call(o.cells, s.field)) {
-          const c = o.cells[s.field];
-          typeof c == "function" ? a = c(n, s.field, s) : a = c;
+        l.className = "tbw-aggregation-cell", l.setAttribute("data-field", r.field);
+        let a, d;
+        const c = o.aggregators?.[r.field];
+        if (c)
+          if (At(c)) {
+            const u = le(c.aggFunc);
+            u && (a = u(n, r.field, r)), d = c.formatter;
+          } else {
+            const u = le(c);
+            u && (a = u(n, r.field, r));
+          }
+        else if (o.cells && Object.prototype.hasOwnProperty.call(o.cells, r.field)) {
+          const u = o.cells[r.field];
+          typeof u == "function" ? a = u(n, r.field, r) : a = u;
         }
-        l.textContent = a != null ? String(a) : "", i.appendChild(l);
+        a != null ? l.textContent = d ? d(a, r.field, r) : String(a) : l.textContent = "", i.appendChild(l);
       }
-    r.appendChild(i);
+    s.appendChild(i);
   }
 }
-function At(r, e) {
+function _t(s, e) {
   const t = document.createElement("div");
-  t.className = "tbw-status-panel tbw-status-panel-custom", t.id = `status-panel-${r.id}`;
-  const n = r.render(e);
+  t.className = "tbw-status-panel tbw-status-panel-custom", t.id = `status-panel-${s.id}`;
+  const n = s.render(e);
   return typeof n == "string" ? t.innerHTML = n : t.appendChild(n), t;
 }
-function Re(r, e, t, n, o) {
+function Se(s, e, t, n, o) {
   return {
-    totalRows: r.length,
-    filteredRows: o?.cachedResult?.length ?? r.length,
+    totalRows: s.length,
+    filteredRows: o?.cachedResult?.length ?? s.length,
     selectedRows: n?.selected?.size ?? 0,
     columns: e,
-    rows: r,
+    rows: s,
     grid: t
   };
 }
-const _t = ".tbw-footer{position:sticky;bottom: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:8px 12px;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:12px;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:16px}.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-weight:var(--tbw-aggregation-font-weight, 600)}.tbw-aggregation-cell{padding:var(--tbw-cell-padding, 2px 8px);min-height:var(--tbw-row-height, 28px);display:flex;align-items:center;border-right:1px solid var(--tbw-color-border-cell)}.tbw-aggregation-cell:last-child{border-right:0}.tbw-aggregation-cell-full{grid-column:1 / -1;border-right:0}";
-class kn extends x {
+const It = ".tbw-footer{position:sticky;bottom: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:8px 12px;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:12px;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:16px}.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, 2px 8px);min-height:var(--tbw-row-height, 28px);display:flex;align-items:center;border-right:1px solid var(--tbw-color-border-cell)}.tbw-aggregation-cell:last-child{border-right:0}.tbw-aggregation-cell-full{grid-column:1 / -1;border-right:0}";
+class An extends y {
   name = "pinnedRows";
   version = "1.0.0";
   get defaultConfig() {
@@ -2392,20 +2401,20 @@ class kn extends x {
     if (!e) return;
     const t = e.querySelector(".tbw-scroll-area") ?? e.querySelector(".tbw-grid-content") ?? e.children[0];
     if (!t) return;
-    const n = this.getSelectionState(), o = this.getFilterState(), i = Re(
+    const n = this.getSelectionState(), o = this.getFilterState(), i = Se(
       this.rows,
       this.columns,
       this.grid,
       n,
       o
-    ), s = this.config.aggregationRows || [], l = s.filter((h) => h.position === "top"), a = s.filter((h) => h.position !== "top");
+    ), r = this.config.aggregationRows || [], l = r.filter((h) => h.position === "top"), a = r.filter((h) => h.position !== "top");
     if (l.length > 0) {
       if (!this.topAggregationContainer) {
-        this.topAggregationContainer = ye("top");
+        this.topAggregationContainer = Ce("top");
         const h = e.querySelector(".header");
         h && h.nextSibling ? t.insertBefore(this.topAggregationContainer, h.nextSibling) : t.appendChild(this.topAggregationContainer);
       }
-      Ce(
+      Re(
         this.topAggregationContainer,
         l,
         this.visibleColumns,
@@ -2421,7 +2430,7 @@ class kn extends x {
         this.infoBarElement.replaceWith(h), this.infoBarElement = h;
       }
     else this.config.position === "top" && this.infoBarElement && (this.infoBarElement.remove(), this.infoBarElement = null);
-    u ? (this.footerWrapper || (this.footerWrapper = document.createElement("div"), this.footerWrapper.className = "tbw-footer", t.appendChild(this.footerWrapper)), this.footerWrapper.innerHTML = "", a.length > 0 && (this.bottomAggregationContainer || (this.bottomAggregationContainer = ye("bottom")), this.footerWrapper.appendChild(this.bottomAggregationContainer), Ce(
+    u ? (this.footerWrapper || (this.footerWrapper = document.createElement("div"), this.footerWrapper.className = "tbw-footer", t.appendChild(this.footerWrapper)), this.footerWrapper.innerHTML = "", a.length > 0 && (this.bottomAggregationContainer || (this.bottomAggregationContainer = Ce("bottom")), this.footerWrapper.appendChild(this.bottomAggregationContainer), Re(
       this.bottomAggregationContainer,
       a,
       this.visibleColumns,
@@ -2464,7 +2473,7 @@ class kn extends x {
    */
   getContext() {
     const e = this.getSelectionState(), t = this.getFilterState();
-    return Re(
+    return Se(
       this.rows,
       this.columns,
       this.grid,
@@ -2502,20 +2511,20 @@ class kn extends x {
   }
   // #endregion
   // #region Styles
-  styles = _t;
+  styles = It;
   // #endregion
 }
-const It = Oe;
-function Lt(r) {
+const Lt = Oe;
+function Tt(s) {
   const e = [];
-  return !r.rowGroupFields?.length && !r.columnGroupFields?.length && e.push("At least one row or column group field is required"), r.valueFields?.length || e.push("At least one value field is required"), e;
+  return !s.rowGroupFields?.length && !s.columnGroupFields?.length && e.push("At least one row or column group field is required"), s.valueFields?.length || e.push("At least one value field is required"), e;
 }
-function te(r, e) {
-  return [...r, e].join("|");
+function te(s, e) {
+  return [...s, e].join("|");
 }
-function Ft(r, e) {
-  const t = e.rowGroupFields ?? [], n = e.columnGroupFields ?? [], o = e.valueFields ?? [], i = Tt(r, n), s = qe(
-    r,
+function Ft(s, e) {
+  const t = e.rowGroupFields ?? [], n = e.columnGroupFields ?? [], o = e.valueFields ?? [], i = Mt(s, n), r = qe(
+    s,
     t,
     n,
     i,
@@ -2524,50 +2533,50 @@ function Ft(r, e) {
     // starting depth
     ""
     // parent key prefix
-  ), l = Nt(s, i, o), a = Object.values(l).reduce((d, c) => d + c, 0);
+  ), l = Pt(r, i, o), a = Object.values(l).reduce((d, c) => d + c, 0);
   return {
-    rows: s,
+    rows: r,
     columnKeys: i,
     totals: l,
     grandTotal: a
   };
 }
-function Tt(r, e) {
+function Mt(s, e) {
   if (e.length === 0) return ["value"];
   const t = /* @__PURE__ */ new Set();
-  for (const n of r) {
+  for (const n of s) {
     const o = e.map((i) => String(n[i] ?? "")).join("|");
     t.add(o);
   }
   return [...t].sort();
 }
-function Mt(r, e) {
+function Nt(s, e) {
   const t = /* @__PURE__ */ new Map();
-  for (const n of r) {
+  for (const n of s) {
     const o = String(n[e] ?? ""), i = t.get(o);
     i ? i.push(n) : t.set(o, [n]);
   }
   return t;
 }
-function qe(r, e, t, n, o, i, s) {
+function qe(s, e, t, n, o, i, r) {
   const l = [];
   if (e.length === 0) {
-    const h = Se(r, t, n, o), g = Ee(h);
+    const h = Ee(s, t, n, o), g = ke(h);
     return l.push({
-      rowKey: s || "all",
-      rowLabel: s || "All",
+      rowKey: r || "all",
+      rowLabel: r || "All",
       depth: i,
       values: h,
       total: g,
       isGroup: !1,
-      rowCount: r.length
+      rowCount: s.length
     }), l;
   }
-  const a = e[0], d = e.slice(1), c = d.length > 0, u = Mt(r, a);
+  const a = e[0], d = e.slice(1), c = d.length > 0, u = Nt(s, a);
   for (const [h, g] of u) {
-    const p = s ? `${s}|${h}` : h, f = Se(g, t, n, o), m = Ee(f);
-    let w;
-    c && (w = qe(
+    const p = r ? `${r}|${h}` : h, m = Ee(g, t, n, o), f = ke(m);
+    let b;
+    c && (b = qe(
       g,
       d,
       t,
@@ -2579,93 +2588,93 @@ function qe(r, e, t, n, o, i, s) {
       rowKey: p,
       rowLabel: h || "(blank)",
       depth: i,
-      values: f,
-      total: m,
+      values: m,
+      total: f,
       isGroup: c,
-      children: w,
+      children: b,
       rowCount: g.length
     });
   }
   return l;
 }
-function Se(r, e, t, n) {
+function Ee(s, e, t, n) {
   const o = {};
   for (const i of t)
-    for (const s of n) {
-      const a = (e.length > 0 ? r.filter((h) => e.map((g) => String(h[g] ?? "")).join("|") === i) : r).map((h) => Number(h[s.field]) || 0), d = It(s.aggFunc), c = a.length > 0 ? d(a) : null, u = te([i], s.field);
+    for (const r of n) {
+      const a = (e.length > 0 ? s.filter((h) => e.map((g) => String(h[g] ?? "")).join("|") === i) : s).map((h) => Number(h[r.field]) || 0), d = Lt(r.aggFunc), c = a.length > 0 ? d(a) : null, u = te([i], r.field);
       o[u] = c;
     }
   return o;
 }
-function Ee(r) {
+function ke(s) {
   let e = 0;
-  for (const t of Object.values(r))
+  for (const t of Object.values(s))
     e += t ?? 0;
   return e;
 }
-function Nt(r, e, t) {
+function Pt(s, e, t) {
   const n = {};
   function o(i) {
-    for (const s of i)
-      if (!s.isGroup || !s.children?.length)
+    for (const r of i)
+      if (!r.isGroup || !r.children?.length)
         for (const l of e)
           for (const a of t) {
             const d = te([l], a.field);
-            n[d] = (n[d] ?? 0) + (s.values[d] ?? 0);
+            n[d] = (n[d] ?? 0) + (r.values[d] ?? 0);
           }
-      else s.children && o(s.children);
+      else r.children && o(r.children);
   }
-  return o(r), n;
+  return o(s), n;
 }
-function Pt(r, e, t = !0) {
+function Kt(s, e, t = !0) {
   const n = [];
   function o(i) {
     n.push(i);
-    const s = e ? e.has(i.rowKey) : t;
-    if (i.children && s)
+    const r = e ? e.has(i.rowKey) : t;
+    if (i.children && r)
       for (const l of i.children)
         o(l);
   }
-  for (const i of r)
+  for (const i of s)
     o(i);
   return n;
 }
-function $(r) {
+function $(s) {
   const e = [];
   function t(n) {
     if (n.isGroup && e.push(n.rowKey), n.children)
       for (const o of n.children)
         t(o);
   }
-  for (const n of r)
+  for (const n of s)
     t(n);
   return e;
 }
 const qt = ["sum", "avg", "count", "min", "max", "first", "last"];
-function Dt(r, e, t, n) {
-  const o = new AbortController(), i = { config: e, callbacks: n, signal: o.signal }, s = document.createElement("div");
-  return s.className = "tbw-pivot-panel", s.appendChild(L("Options", () => Bt(t, i))), s.appendChild(L("Row Groups", () => ke("rowGroups", i))), s.appendChild(L("Column Groups", () => ke("columnGroups", i))), s.appendChild(L("Values", () => Ht(i))), s.appendChild(L("Available Fields", () => Ot(i))), r.appendChild(s), () => {
-    o.abort(), s.remove();
+function Dt(s, e, t, n) {
+  const o = new AbortController(), i = { config: e, callbacks: n, signal: o.signal }, r = document.createElement("div");
+  return r.className = "tbw-pivot-panel", r.appendChild(T("Options", () => Vt(t, i))), r.appendChild(T("Row Groups", () => Ae("rowGroups", i))), r.appendChild(T("Column Groups", () => Ae("columnGroups", i))), r.appendChild(T("Values", () => Gt(i))), r.appendChild(T("Available Fields", () => Bt(i))), s.appendChild(r), () => {
+    o.abort(), r.remove();
   };
 }
-function L(r, e) {
+function T(s, e) {
   const t = document.createElement("div");
   t.className = "tbw-pivot-section";
   const n = document.createElement("div");
-  n.className = "tbw-pivot-section-header", n.textContent = r;
+  n.className = "tbw-pivot-section-header", n.textContent = s;
   const o = document.createElement("div");
   return o.className = "tbw-pivot-section-content", o.appendChild(e()), t.appendChild(n), t.appendChild(o), t;
 }
-function ke(r, e) {
+function Ae(s, e) {
   const { config: t, callbacks: n, signal: o } = e, i = document.createElement("div");
-  i.className = "tbw-pivot-drop-zone", i.setAttribute("data-zone", r);
-  const s = r === "rowGroups" ? t.rowGroupFields ?? [] : t.columnGroupFields ?? [];
-  if (s.length === 0) {
+  i.className = "tbw-pivot-drop-zone", i.setAttribute("data-zone", s);
+  const r = s === "rowGroups" ? t.rowGroupFields ?? [] : t.columnGroupFields ?? [];
+  if (r.length === 0) {
     const l = document.createElement("div");
     l.className = "tbw-pivot-placeholder", l.textContent = "Drag fields here or click to add", i.appendChild(l);
   } else
-    for (const l of s)
-      i.appendChild(Kt(l, r, e));
+    for (const l of r)
+      i.appendChild(Ht(l, s, e));
   return i.addEventListener(
     "dragover",
     (l) => {
@@ -2683,27 +2692,27 @@ function ke(r, e) {
     (l) => {
       l.preventDefault(), i.classList.remove("drag-over");
       const a = l.dataTransfer?.getData("text/plain");
-      a && n.onAddFieldToZone(a, r);
+      a && n.onAddFieldToZone(a, s);
     },
     { signal: o }
   ), i;
 }
-function Kt(r, e, t) {
+function Ht(s, e, t) {
   const { callbacks: n, signal: o } = t, i = document.createElement("div");
   i.className = "tbw-pivot-field-chip", i.draggable = !0;
-  const s = n.getAvailableFields().find((d) => d.field === r), l = document.createElement("span");
-  l.className = "tbw-pivot-chip-label", l.textContent = s?.header ?? r;
+  const r = n.getAvailableFields().find((d) => d.field === s), l = document.createElement("span");
+  l.className = "tbw-pivot-chip-label", l.textContent = r?.header ?? s;
   const a = document.createElement("button");
   return a.className = "tbw-pivot-chip-remove", a.innerHTML = "×", a.title = "Remove field", a.addEventListener(
     "click",
     (d) => {
-      d.stopPropagation(), n.onRemoveFieldFromZone(r, e);
+      d.stopPropagation(), n.onRemoveFieldFromZone(s, e);
     },
     { signal: o }
   ), i.appendChild(l), i.appendChild(a), i.addEventListener(
     "dragstart",
     (d) => {
-      d.dataTransfer?.setData("text/plain", r), d.dataTransfer?.setData("source-zone", e), i.classList.add("dragging");
+      d.dataTransfer?.setData("text/plain", s), d.dataTransfer?.setData("source-zone", e), i.classList.add("dragging");
     },
     { signal: o }
   ), i.addEventListener(
@@ -2714,20 +2723,20 @@ function Kt(r, e, t) {
     { signal: o }
   ), i;
 }
-function Ht(r) {
-  const { config: e, callbacks: t, signal: n } = r, o = document.createElement("div");
+function Gt(s) {
+  const { config: e, callbacks: t, signal: n } = s, o = document.createElement("div");
   o.className = "tbw-pivot-drop-zone tbw-pivot-values-zone", o.setAttribute("data-zone", "values");
   const i = e.valueFields ?? [];
   if (i.length === 0) {
-    const s = document.createElement("div");
-    s.className = "tbw-pivot-placeholder", s.textContent = "Drag numeric fields here for aggregation", o.appendChild(s);
+    const r = document.createElement("div");
+    r.className = "tbw-pivot-placeholder", r.textContent = "Drag numeric fields here for aggregation", o.appendChild(r);
   } else
-    for (const s of i)
-      o.appendChild(Gt(s, r));
+    for (const r of i)
+      o.appendChild(Ot(r, s));
   return o.addEventListener(
     "dragover",
-    (s) => {
-      s.preventDefault(), o.classList.add("drag-over");
+    (r) => {
+      r.preventDefault(), o.classList.add("drag-over");
     },
     { signal: n }
   ), o.addEventListener(
@@ -2738,31 +2747,31 @@ function Ht(r) {
     { signal: n }
   ), o.addEventListener(
     "drop",
-    (s) => {
-      s.preventDefault(), o.classList.remove("drag-over");
-      const l = s.dataTransfer?.getData("text/plain");
+    (r) => {
+      r.preventDefault(), o.classList.remove("drag-over");
+      const l = r.dataTransfer?.getData("text/plain");
       l && t.onAddValueField(l, "sum");
     },
     { signal: n }
   ), o;
 }
-function Gt(r, e) {
+function Ot(s, e) {
   const { callbacks: t, signal: n } = e, o = document.createElement("div");
   o.className = "tbw-pivot-field-chip tbw-pivot-value-chip";
-  const i = t.getAvailableFields().find((c) => c.field === r.field), s = document.createElement("div");
-  s.className = "tbw-pivot-value-label-wrapper";
+  const i = t.getAvailableFields().find((c) => c.field === s.field), r = document.createElement("div");
+  r.className = "tbw-pivot-value-label-wrapper";
   const l = document.createElement("span");
-  l.className = "tbw-pivot-chip-label", l.textContent = i?.header ?? r.field;
+  l.className = "tbw-pivot-chip-label", l.textContent = i?.header ?? s.field;
   const a = document.createElement("select");
   a.className = "tbw-pivot-agg-select", a.title = "Aggregation function";
   for (const c of qt) {
     const u = document.createElement("option");
-    u.value = c, u.textContent = c.toUpperCase(), u.selected = c === r.aggFunc, a.appendChild(u);
+    u.value = c, u.textContent = c.toUpperCase(), u.selected = c === s.aggFunc, a.appendChild(u);
   }
   a.addEventListener(
     "change",
     () => {
-      t.onUpdateValueAggFunc(r.field, a.value);
+      t.onUpdateValueAggFunc(s.field, a.value);
     },
     { signal: n }
   );
@@ -2770,19 +2779,19 @@ function Gt(r, e) {
   return d.className = "tbw-pivot-chip-remove", d.innerHTML = "×", d.title = "Remove value field", d.addEventListener(
     "click",
     (c) => {
-      c.stopPropagation(), t.onRemoveValueField(r.field);
+      c.stopPropagation(), t.onRemoveValueField(s.field);
     },
     { signal: n }
-  ), s.appendChild(l), s.appendChild(a), o.appendChild(s), o.appendChild(d), o;
+  ), r.appendChild(l), r.appendChild(a), o.appendChild(r), o.appendChild(d), o;
 }
-function Ot(r) {
-  const { config: e, callbacks: t, signal: n } = r, o = document.createElement("div");
+function Bt(s) {
+  const { config: e, callbacks: t, signal: n } = s, o = document.createElement("div");
   o.className = "tbw-pivot-available-fields";
-  const i = t.getAvailableFields(), s = /* @__PURE__ */ new Set([
+  const i = t.getAvailableFields(), r = /* @__PURE__ */ new Set([
     ...e.rowGroupFields ?? [],
     ...e.columnGroupFields ?? [],
     ...e.valueFields?.map((a) => a.field) ?? []
-  ]), l = i.filter((a) => !s.has(a.field));
+  ]), l = i.filter((a) => !r.has(a.field));
   if (l.length === 0) {
     const a = document.createElement("div");
     a.className = "tbw-pivot-placeholder", a.textContent = "All fields are in use", o.appendChild(a);
@@ -2805,14 +2814,14 @@ function Ot(r) {
     }
   return o;
 }
-function Bt(r, e) {
+function Vt(s, e) {
   const { config: t, callbacks: n, signal: o } = e, i = document.createElement("div");
   return i.className = "tbw-pivot-options", i.appendChild(
     j(
       "Enable Pivot View",
-      r,
-      (s) => {
-        n.onTogglePivot(s);
+      s,
+      (r) => {
+        n.onTogglePivot(r);
       },
       o
     )
@@ -2820,8 +2829,8 @@ function Bt(r, e) {
     j(
       "Show Row Totals",
       t.showTotals ?? !0,
-      (s) => {
-        n.onOptionChange("showTotals", s);
+      (r) => {
+        n.onOptionChange("showTotals", r);
       },
       o
     )
@@ -2829,72 +2838,72 @@ function Bt(r, e) {
     j(
       "Show Grand Total",
       t.showGrandTotal ?? !0,
-      (s) => {
-        n.onOptionChange("showGrandTotal", s);
+      (r) => {
+        n.onOptionChange("showGrandTotal", r);
       },
       o
     )
   ), i;
 }
-function j(r, e, t, n) {
+function j(s, e, t, n) {
   const o = document.createElement("label");
   o.className = "tbw-pivot-checkbox";
   const i = document.createElement("input");
   i.type = "checkbox", i.checked = e, i.addEventListener("change", () => t(i.checked), { signal: n });
-  const s = document.createElement("span");
-  return s.textContent = r, o.appendChild(i), o.appendChild(s), o;
+  const r = document.createElement("span");
+  return r.textContent = s, o.appendChild(i), o.appendChild(r), o;
 }
-function Vt(r, e, t) {
-  return e.className = "pivot-group-row", e.setAttribute("data-pivot-depth", String(r.__pivotDepth ?? 0)), e.setAttribute("role", "row"), e.innerHTML = "", t.columns.forEach((n, o) => {
+function zt(s, e, t) {
+  return e.className = "pivot-group-row", e.setAttribute("data-pivot-depth", String(s.__pivotDepth ?? 0)), e.setAttribute("role", "row"), e.innerHTML = "", t.columns.forEach((n, o) => {
     const i = document.createElement("div");
     if (i.className = "cell", i.setAttribute("data-col", String(o)), i.setAttribute("role", "gridcell"), o === 0) {
-      const s = Number(r.__pivotIndent) || 0;
-      i.style.paddingLeft = `${s}px`;
-      const l = String(r.__pivotRowKey), a = document.createElement("button");
-      a.type = "button", a.className = "pivot-toggle", a.setAttribute("aria-label", r.__pivotExpanded ? "Collapse group" : "Expand group"), t.setIcon(a, t.resolveIcon(r.__pivotExpanded ? "collapse" : "expand")), a.addEventListener("click", (u) => {
+      const r = Number(s.__pivotIndent) || 0;
+      i.style.paddingLeft = `${r}px`;
+      const l = String(s.__pivotRowKey), a = document.createElement("button");
+      a.type = "button", a.className = "pivot-toggle", a.setAttribute("aria-label", s.__pivotExpanded ? "Collapse group" : "Expand group"), t.setIcon(a, t.resolveIcon(s.__pivotExpanded ? "collapse" : "expand")), a.addEventListener("click", (u) => {
         u.stopPropagation(), t.onToggle(l);
       }), i.appendChild(a);
       const d = document.createElement("span");
-      d.className = "pivot-label", d.textContent = String(r.__pivotLabel ?? ""), i.appendChild(d);
+      d.className = "pivot-label", d.textContent = String(s.__pivotLabel ?? ""), i.appendChild(d);
       const c = document.createElement("span");
-      c.className = "pivot-count", c.textContent = ` (${Number(r.__pivotRowCount) || 0})`, i.appendChild(c);
+      c.className = "pivot-count", c.textContent = ` (${Number(s.__pivotRowCount) || 0})`, i.appendChild(c);
     } else {
-      const s = r[n.field];
-      i.textContent = s != null ? String(s) : "";
+      const r = s[n.field];
+      i.textContent = r != null ? String(r) : "";
     }
     e.appendChild(i);
   }), !0;
 }
-function zt(r, e, t) {
-  return e.className = "pivot-leaf-row", e.setAttribute("data-pivot-depth", String(r.__pivotDepth ?? 0)), e.innerHTML = "", t.forEach((n, o) => {
+function Wt(s, e, t) {
+  return e.className = "pivot-leaf-row", e.setAttribute("data-pivot-depth", String(s.__pivotDepth ?? 0)), e.innerHTML = "", t.forEach((n, o) => {
     const i = document.createElement("div");
     if (i.className = "cell", i.setAttribute("data-col", String(o)), i.setAttribute("role", "gridcell"), o === 0) {
-      const s = Number(r.__pivotIndent) || 0;
-      i.style.paddingLeft = `${s + 20}px`;
+      const r = Number(s.__pivotIndent) || 0;
+      i.style.paddingLeft = `${r + 20}px`;
       const l = document.createElement("span");
-      l.className = "pivot-label", l.textContent = String(r.__pivotLabel ?? ""), i.appendChild(l);
+      l.className = "pivot-label", l.textContent = String(s.__pivotLabel ?? ""), i.appendChild(l);
     } else {
-      const s = r[n.field];
-      i.textContent = s != null ? String(s) : "";
+      const r = s[n.field];
+      i.textContent = r != null ? String(r) : "";
     }
     e.appendChild(i);
   }), !0;
 }
-function Wt(r, e, t) {
+function $t(s, e, t) {
   return e.className = "pivot-grand-total-row", e.setAttribute("role", "presentation"), e.innerHTML = "", t.forEach((n, o) => {
     const i = document.createElement("div");
     if (i.className = "cell", i.setAttribute("data-col", String(o)), o === 0) {
-      const s = document.createElement("span");
-      s.className = "pivot-label", s.textContent = "Grand Total", i.appendChild(s);
+      const r = document.createElement("span");
+      r.className = "pivot-label", r.textContent = "Grand Total", i.appendChild(r);
     } else {
-      const s = r[n.field];
-      i.textContent = s != null ? String(s) : "";
+      const r = s[n.field];
+      i.textContent = r != null ? String(r) : "";
     }
     e.appendChild(i);
   }), !0;
 }
-const $t = '.pivot-group-row{display:grid;grid-template-columns:var(--tbw-column-template);font-weight:600;background:var(--tbw-pivot-group-bg, var(--tbw-color-row-alt));min-height:var(--tbw-row-height);border-bottom:var(--tbw-row-divider)}.pivot-group-row:hover{background:var(--tbw-pivot-group-hover, var(--tbw-color-row-hover))}.pivot-leaf-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-pivot-leaf-bg, var(--tbw-color-bg));min-height:var(--tbw-row-height);border-bottom:var(--tbw-row-divider)}.pivot-grand-total-row{display:grid;grid-template-columns:var(--tbw-column-template);font-weight:700;background:var(--tbw-pivot-grand-total-bg, var(--tbw-color-header-bg));min-height:var(--tbw-row-height);border-top:2px solid var(--tbw-color-border-strong)}.pivot-grand-total-row>.cell{display:flex;align-items:center;padding:var(--tbw-cell-padding);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}.pivot-grand-total-row>.cell:last-child{border-right:0}.pivot-grand-total-footer{position:sticky;bottom:0;z-index:var(--tbw-z-layer-pinned-rows, 20);background:var(--tbw-pivot-grand-total-bg, var(--tbw-color-header-bg));min-width:fit-content}.pivot-group-row>.cell,.pivot-leaf-row>.cell{display:flex;align-items:center;padding:var(--tbw-cell-padding);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}.pivot-group-row>.cell:last-child,.pivot-leaf-row>.cell:last-child{border-right:0}.pivot-toggle{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:6px;border:none;background:transparent;cursor:pointer;font-size:10px;color:var(--tbw-pivot-toggle-color, var(--tbw-color-fg-muted));border-radius:var(--tbw-border-radius);transition:background .15s,color .15s}.pivot-toggle:hover{background:var(--tbw-pivot-toggle-hover-bg, var(--tbw-color-row-hover));color:var(--tbw-pivot-toggle-hover-color, var(--tbw-color-fg))}.pivot-toggle:focus{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}.pivot-label{font-weight:inherit}.pivot-count{color:var(--tbw-pivot-count-color, var(--tbw-color-fg-muted));font-size:.9em;font-weight:400}.pivot-total-row{font-weight:700;border-top:2px solid var(--tbw-pivot-border, var(--tbw-color-border-strong))}[data-pivot-depth="1"]{--tbw-pivot-depth: 1}[data-pivot-depth="2"]{--tbw-pivot-depth: 2}[data-pivot-depth="3"]{--tbw-pivot-depth: 3}[data-pivot-depth="4"]{--tbw-pivot-depth: 4}.tbw-pivot-panel{display:flex;flex-direction:column;gap:12px;padding:12px;height:100%;overflow-y:auto;font-size:13px}.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:8px 12px;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:8px}.tbw-pivot-toggle-wrapper{display:flex;align-items:center}.tbw-pivot-toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer}.tbw-pivot-toggle-label input{width:16px;height:16px;cursor:pointer}.tbw-pivot-drop-zone{min-height:60px;padding:8px;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:6px;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:8px;text-align:center;width:100%}.tbw-pivot-field-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;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:12px;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:16px;height:16px;padding:0;border:none;background:transparent;color:var(--tbw-color-fg-muted);font-size:14px;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:4px 8px}.tbw-pivot-value-label-wrapper{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.tbw-pivot-agg-select{padding:2px 4px;font-size:11px;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:6px;min-height:40px}.tbw-pivot-options{display:flex;flex-direction:column;gap:8px}.tbw-pivot-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.tbw-pivot-checkbox input{width:14px;height:14px;cursor:pointer}';
-class F extends x {
+const jt = '.pivot-group-row{display:grid;grid-template-columns:var(--tbw-column-template);font-weight:600;background:var(--tbw-pivot-group-bg, var(--tbw-color-row-alt));min-height:var(--tbw-row-height);border-bottom:var(--tbw-row-divider)}.pivot-group-row:hover{background:var(--tbw-pivot-group-hover, var(--tbw-color-row-hover))}.pivot-leaf-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-pivot-leaf-bg, var(--tbw-color-bg));min-height:var(--tbw-row-height);border-bottom:var(--tbw-row-divider)}.pivot-grand-total-row{display:grid;grid-template-columns:var(--tbw-column-template);font-weight:700;background:var(--tbw-pivot-grand-total-bg, var(--tbw-color-header-bg));min-height:var(--tbw-row-height);border-top:2px solid var(--tbw-color-border-strong)}.pivot-grand-total-row>.cell{display:flex;align-items:center;padding:var(--tbw-cell-padding);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}.pivot-grand-total-row>.cell:last-child{border-right:0}.pivot-grand-total-footer{position:sticky;bottom:0;z-index:var(--tbw-z-layer-pinned-rows, 20);background:var(--tbw-pivot-grand-total-bg, var(--tbw-color-header-bg));min-width:fit-content}.pivot-group-row>.cell,.pivot-leaf-row>.cell{display:flex;align-items:center;padding:var(--tbw-cell-padding);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}.pivot-group-row>.cell:last-child,.pivot-leaf-row>.cell:last-child{border-right:0}.pivot-toggle{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:6px;border:none;background:transparent;cursor:pointer;font-size:10px;color:var(--tbw-pivot-toggle-color, var(--tbw-color-fg-muted));border-radius:var(--tbw-border-radius);transition:background .15s,color .15s}.pivot-toggle:hover{background:var(--tbw-pivot-toggle-hover-bg, var(--tbw-color-row-hover));color:var(--tbw-pivot-toggle-hover-color, var(--tbw-color-fg))}.pivot-toggle:focus{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}.pivot-label{font-weight:inherit}.pivot-count{color:var(--tbw-pivot-count-color, var(--tbw-color-fg-muted));font-size:.9em;font-weight:400}.pivot-total-row{font-weight:700;border-top:2px solid var(--tbw-pivot-border, var(--tbw-color-border-strong))}[data-pivot-depth="1"]{--tbw-pivot-depth: 1}[data-pivot-depth="2"]{--tbw-pivot-depth: 2}[data-pivot-depth="3"]{--tbw-pivot-depth: 3}[data-pivot-depth="4"]{--tbw-pivot-depth: 4}.tbw-pivot-panel{display:flex;flex-direction:column;gap:12px;padding:12px;height:100%;overflow-y:auto;font-size:13px}.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:8px 12px;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:8px}.tbw-pivot-toggle-wrapper{display:flex;align-items:center}.tbw-pivot-toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer}.tbw-pivot-toggle-label input{width:16px;height:16px;cursor:pointer}.tbw-pivot-drop-zone{min-height:60px;padding:8px;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:6px;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:8px;text-align:center;width:100%}.tbw-pivot-field-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;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:12px;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:16px;height:16px;padding:0;border:none;background:transparent;color:var(--tbw-color-fg-muted);font-size:14px;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:4px 8px}.tbw-pivot-value-label-wrapper{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.tbw-pivot-agg-select{padding:2px 4px;font-size:11px;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:6px;min-height:40px}.tbw-pivot-options{display:flex;flex-direction:column;gap:8px}.tbw-pivot-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.tbw-pivot-checkbox input{width:14px;height:14px;cursor:pointer}';
+class F extends y {
   name = "pivot";
   version = "1.0.0";
   /** Tool panel ID for shell integration */
@@ -2903,7 +2912,8 @@ class F extends x {
     return {
       active: !0,
       showTotals: !0,
-      showGrandTotal: !0
+      showGrandTotal: !0,
+      showToolPanel: !0
     };
   }
   // #region Internal State
@@ -2930,35 +2940,36 @@ class F extends x {
   // #endregion
   // #region Shell Integration
   getToolPanel() {
-    return {
-      id: F.PANEL_ID,
-      title: "Pivot",
-      icon: "⊞",
-      tooltip: "Configure pivot table",
-      order: 90,
-      render: (e) => this.renderPanel(e)
-    };
+    if ((this.config?.showToolPanel ?? this.userConfig?.showToolPanel ?? !0) !== !1)
+      return {
+        id: F.PANEL_ID,
+        title: "Pivot",
+        icon: "⊞",
+        tooltip: "Configure pivot table",
+        order: 90,
+        render: (t) => this.renderPanel(t)
+      };
   }
   // #endregion
   // #region Hooks
   processRows(e) {
     if (!this.hasInitialized && this.config.active !== !1 && this.hasValidPivotConfig() && (this.hasInitialized = !0, this.isActive = !0), !this.isActive)
       return [...e];
-    const t = Lt(this.config);
+    const t = Tt(this.config);
     if (t.length > 0)
       return this.warn(`Config errors: ${t.join(", ")}`), [...e];
     if (this.buildFieldHeaderMap(), this.defaultExpanded = this.config.defaultExpanded ?? !0, this.expandedKeys.size === 0 && this.defaultExpanded && this.pivotResult) {
       const i = $(this.pivotResult.rows);
-      for (const s of i)
-        this.expandedKeys.add(s);
+      for (const r of i)
+        this.expandedKeys.add(r);
     }
     if (this.pivotResult = Ft(e, this.config), this.expandedKeys.size === 0 && this.defaultExpanded) {
       const i = $(this.pivotResult.rows);
-      for (const s of i)
-        this.expandedKeys.add(s);
+      for (const r of i)
+        this.expandedKeys.add(r);
     }
     const n = this.config.indentWidth ?? 20;
-    return Pt(
+    return Kt(
       this.pivotResult.rows,
       this.expandedKeys,
       this.defaultExpanded
@@ -2986,9 +2997,9 @@ class F extends x {
     });
     for (const o of this.pivotResult.columnKeys)
       for (const i of this.config.valueFields ?? []) {
-        const s = te([o], i.field), l = i.header || this.fieldHeaderMap.get(i.field) || i.field;
+        const r = te([o], i.field), l = i.header || this.fieldHeaderMap.get(i.field) || i.field;
         t.push({
-          field: s,
+          field: r,
           header: `${o} - ${l} (${i.aggFunc})`,
           width: 120,
           type: "number"
@@ -3003,12 +3014,12 @@ class F extends x {
   }
   renderRow(e, t) {
     const n = e;
-    return n.__pivotRowKey && n.__pivotHasChildren ? Vt(n, t, {
+    return n.__pivotRowKey && n.__pivotHasChildren ? zt(n, t, {
       columns: this.gridColumns,
       onToggle: (o) => this.toggle(o),
       resolveIcon: (o) => this.resolveIcon(o),
       setIcon: (o, i) => this.setIcon(o, i)
-    }) : n.__pivotRowKey !== void 0 && this.isActive ? zt(n, t, this.gridColumns) : (this.cleanupPivotStyling(t), !1);
+    }) : n.__pivotRowKey !== void 0 && this.isActive ? Wt(n, t, this.gridColumns) : (this.cleanupPivotStyling(t), !1);
   }
   /**
    * Remove pivot-specific classes, attributes, and inline styles from a row element.
@@ -3038,7 +3049,7 @@ class F extends x {
       __pivotTotal: this.pivotResult.grandTotal,
       ...this.pivotResult.totals
     };
-    Wt(n, this.grandTotalFooter, this.gridColumns);
+    $t(n, this.grandTotalFooter, this.gridColumns);
   }
   /**
    * Remove the grand total footer element.
@@ -3187,26 +3198,25 @@ class F extends x {
   }
   // #endregion
   // #region Styles
-  styles = $t;
+  styles = jt;
   // #endregion
 }
-function jt(r) {
-  const e = r.meta ?? {};
+function Ut(s) {
+  const e = s.meta ?? {};
   return e.lockPosition !== !0 && e.suppressMovable !== !0;
 }
-function Ae(r, e, t) {
-  if (e === t || e < 0 || e >= r.length || t < 0 || t > r.length) return r;
-  const n = [...r], [o] = n.splice(e, 1);
+function _e(s, e, t) {
+  if (e === t || e < 0 || e >= s.length || t < 0 || t > s.length) return s;
+  const n = [...s], [o] = n.splice(e, 1);
   return n.splice(t, 0, o), n;
 }
-const Ut = '.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}';
-class An extends x {
+const Yt = '.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}';
+class _n extends y {
   name = "reorder";
   version = "1.0.0";
   get defaultConfig() {
     return {
-      animation: !0,
-      animationDuration: 200
+      viewTransition: !0
     };
   }
   // #region Internal State
@@ -3231,18 +3241,17 @@ class An extends x {
   }
   // #endregion
   // #region Hooks
-  // Note: No processColumns hook needed - we directly update the grid's column order
   afterRender() {
     const e = this.shadowRoot;
     if (!e) return;
     e.querySelectorAll(".header-row > .cell").forEach((n) => {
       const o = n, i = o.getAttribute("data-field");
       if (!i) return;
-      const s = this.columns.find((c) => c.field === i), d = !this.grid.queryPlugins({
-        type: Pe.CAN_MOVE_COLUMN,
-        context: s
+      const r = this.columns.find((c) => c.field === i), d = !this.grid.queryPlugins({
+        type: Ke.CAN_MOVE_COLUMN,
+        context: r
       }).includes(!1);
-      if (!s || !jt(s) || !d) {
+      if (!r || !Ut(r) || !d) {
         o.draggable = !1;
         return;
       }
@@ -3264,13 +3273,13 @@ class An extends x {
         const u = this.draggedField, h = this.draggedIndex, g = this.dropIndex;
         if (!this.isDragging || u === null || h === null || g === null)
           return;
-        const p = g > h ? g - 1 : g, f = this.getColumnOrder(), m = Ae(f, h, p), w = {
+        const p = g > h ? g - 1 : g, m = this.getColumnOrder(), f = _e(m, h, p), b = {
           field: u,
           fromIndex: h,
           toIndex: p,
-          columnOrder: m
+          columnOrder: f
         };
-        this.grid.setColumnOrder(m), this.emit("column-move", w), this.grid.requestStateChange?.();
+        this.updateColumnOrder(f), this.emit("column-move", b);
       }));
     });
   }
@@ -3291,85 +3300,107 @@ class An extends x {
   moveColumn(e, t) {
     const n = this.getColumnOrder(), o = n.indexOf(e);
     if (o === -1) return;
-    const i = Ae(n, o, t);
-    this.grid.setColumnOrder(i), this.emit("column-move", {
+    const i = _e(n, o, t);
+    this.updateColumnOrder(i), this.emit("column-move", {
       field: e,
       fromIndex: o,
       toIndex: t,
       columnOrder: i
-    }), this.grid.requestStateChange?.();
+    });
   }
   /**
    * Set a specific column order.
    * @param order - Array of field names in desired order
    */
   setColumnOrder(e) {
-    this.grid.setColumnOrder(e), this.grid.requestStateChange?.();
+    this.updateColumnOrder(e);
   }
   /**
    * Reset column order to the original configuration order.
    */
   resetColumnOrder() {
     const e = this.columns.map((t) => t.field);
-    this.grid.setColumnOrder(e), this.grid.requestStateChange?.();
+    this.updateColumnOrder(e);
+  }
+  // #endregion
+  // #region View Transition
+  /**
+   * Update column order with optional view transition animation.
+   * Falls back to instant update if View Transitions API is not supported.
+   */
+  updateColumnOrder(e) {
+    const t = this.grid, n = this.shadowRoot;
+    if (this.config.viewTransition && "startViewTransition" in document && n) {
+      const o = n.querySelectorAll(".cell[data-field]");
+      o.forEach((r) => {
+        const l = r.getAttribute("data-field");
+        l && (r.style.viewTransitionName = `col-${l}`);
+      }), document.startViewTransition(() => t.setColumnOrder(e)).finished.finally(() => {
+        o.forEach((r) => {
+          r.style.viewTransitionName = "";
+        });
+      });
+    } else
+      t.setColumnOrder(e);
+    t.requestStateChange?.();
   }
   // #endregion
   // #region Styles
-  styles = Ut;
+  styles = Yt;
   // #endregion
 }
-function D(r) {
+function D(s) {
   return {
-    startRow: Math.min(r.startRow, r.endRow),
-    startCol: Math.min(r.startCol, r.endCol),
-    endRow: Math.max(r.startRow, r.endRow),
-    endCol: Math.max(r.startCol, r.endCol)
+    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)
   };
 }
-function Yt(r) {
-  const e = D(r);
+function Zt(s) {
+  const e = D(s);
   return {
     from: { row: e.startRow, col: e.startCol },
     to: { row: e.endRow, col: e.endCol }
   };
 }
-function X(r) {
-  return r.map(Yt);
+function X(s) {
+  return s.map(Zt);
 }
-function Zt(r, e, t) {
+function Xt(s, e, t) {
   const n = D(t);
-  return r >= n.startRow && r <= n.endRow && e >= n.startCol && e <= n.endCol;
+  return s >= n.startRow && s <= n.endRow && e >= n.startCol && e <= n.endCol;
 }
-function _e(r, e, t) {
-  return t.some((n) => Zt(r, e, n));
+function Ie(s, e, t) {
+  return t.some((n) => Xt(s, e, n));
 }
-function Xt(r) {
-  const e = [], t = D(r);
+function Jt(s) {
+  const e = [], t = D(s);
   for (let n = t.startRow; n <= t.endRow; n++)
     for (let o = t.startCol; o <= t.endCol; o++)
       e.push({ row: n, col: o });
   return e;
 }
-function Jt(r) {
+function Qt(s) {
   const e = /* @__PURE__ */ new Map();
-  for (const t of r)
-    for (const n of Xt(t))
+  for (const t of s)
+    for (const n of Jt(t))
       e.set(`${n.row},${n.col}`, n);
   return [...e.values()];
 }
-function U(r, e) {
+function U(s, e) {
   return {
-    startRow: r.row,
-    startCol: r.col,
+    startRow: s.row,
+    startCol: s.col,
     endRow: e.row,
     endCol: e.col
   };
 }
-const Qt = ':host .selecting .data-grid-row>.cell{user-select:none}:host .data-grid-row.row-focus{background-color:var(--tbw-focus-background, rgba(from var(--tbw-color-accent) r g b / 12%))}:host([data-selection-mode="row"]) .cell-focus{outline:none}:host .data-grid-row>.cell.selected{background-color:var(--tbw-range-selection-bg)}:host .data-grid-row>.cell.selected.top{border-top:2px solid var(--tbw-range-border-color)}:host .data-grid-row>.cell.selected.bottom{border-bottom:2px solid var(--tbw-range-border-color)}:host .data-grid-row>.cell.selected.first{border-left:2px solid var(--tbw-range-border-color)}:host .data-grid-row>.cell.selected.last{border-right:2px solid var(--tbw-range-border-color)}';
-function en(r, e, t) {
-  if (r === "cell" && e.selectedCell)
+const en = ':host .selecting .data-grid-row>.cell{user-select:none}:host .data-grid-row.row-focus{background-color:var(--tbw-focus-background, rgba(from var(--tbw-color-accent) r g b / 12%))}:host([data-selection-mode="row"]) .cell-focus{outline:none}:host .data-grid-row>.cell.selected{background-color:var(--tbw-range-selection-bg)}:host .data-grid-row>.cell.selected.top{border-top:2px solid var(--tbw-range-border-color)}:host .data-grid-row>.cell.selected.bottom{border-bottom:2px solid var(--tbw-range-border-color)}:host .data-grid-row>.cell.selected.first{border-left:2px solid var(--tbw-range-border-color)}:host .data-grid-row>.cell.selected.last{border-right:2px solid var(--tbw-range-border-color)}';
+function tn(s, e, t) {
+  if (s === "cell" && e.selectedCell)
     return {
-      mode: r,
+      mode: s,
       ranges: [
         {
           from: { row: e.selectedCell.row, col: e.selectedCell.col },
@@ -3377,16 +3408,16 @@ function en(r, e, t) {
         }
       ]
     };
-  if (r === "row" && e.selected.size > 0) {
+  if (s === "row" && e.selected.size > 0) {
     const n = [...e.selected].map((o) => ({
       from: { row: o, col: 0 },
       to: { row: o, col: t - 1 }
     }));
-    return { mode: r, ranges: n };
+    return { mode: s, ranges: n };
   }
-  return r === "range" && e.ranges.length > 0 ? { mode: r, ranges: X(e.ranges) } : { mode: r, ranges: [] };
+  return s === "range" && e.ranges.length > 0 ? { mode: s, ranges: X(e.ranges) } : { mode: s, ranges: [] };
 }
-class _n extends x {
+class In extends y {
   name = "selection";
   version = "1.0.0";
   get defaultConfig() {
@@ -3404,12 +3435,14 @@ class _n extends x {
   activeRange = null;
   cellAnchor = null;
   isDragging = !1;
+  /** Pending keyboard navigation update (processed in afterRender) */
+  pendingKeyboardUpdate = null;
   /** Cell selection state (cell mode) */
   selectedCell = null;
   // #endregion
   // #region Lifecycle
   detach() {
-    this.selected.clear(), this.ranges = [], this.activeRange = null, this.cellAnchor = null, this.isDragging = !1, this.selectedCell = null;
+    this.selected.clear(), this.ranges = [], this.activeRange = null, this.cellAnchor = null, this.isDragging = !1, this.selectedCell = null, this.pendingKeyboardUpdate = null;
   }
   // #endregion
   // #region Event Handlers
@@ -3420,8 +3453,8 @@ class _n extends x {
     if (i === "row")
       return this.selected.clear(), this.selected.add(t), this.lastSelected = t, this.emit("selection-change", this.#e()), this.requestAfterRender(), !1;
     if (i === "range") {
-      const s = o.shiftKey, l = o.ctrlKey || o.metaKey;
-      if (s && this.cellAnchor) {
+      const r = o.shiftKey, l = o.ctrlKey || o.metaKey;
+      if (r && this.cellAnchor) {
         const a = U(this.cellAnchor, { row: t, col: n });
         l ? this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] = a : this.ranges.push(a) : this.ranges = [a], this.activeRange = a;
       } else if (l) {
@@ -3451,33 +3484,22 @@ class _n extends x {
       return t === "cell" ? this.selectedCell = null : t === "row" ? (this.selected.clear(), this.anchor = null) : t === "range" && (this.ranges = [], this.activeRange = null, this.cellAnchor = null), this.emit("selection-change", this.#e()), this.requestAfterRender(), !0;
     if (t === "cell" && o)
       return queueMicrotask(() => {
-        this.selectedCell = { row: this.grid.focusRow, col: this.grid.focusCol }, this.emit("selection-change", this.#e()), this.requestAfterRender();
+        this.selectedCell = { row: this.grid._focusRow, col: this.grid._focusCol }, this.emit("selection-change", this.#e()), this.requestAfterRender();
       }), !1;
     if (t === "row" && (e.key === "ArrowUp" || e.key === "ArrowDown"))
       return queueMicrotask(() => {
-        this.selected.clear(), this.selected.add(this.grid.focusRow), this.lastSelected = this.grid.focusRow, this.emit("selection-change", this.#e()), this.requestAfterRender();
+        this.selected.clear(), this.selected.add(this.grid._focusRow), this.lastSelected = this.grid._focusRow, this.emit("selection-change", this.#e()), this.requestAfterRender();
       }), !1;
-    if (t === "range" && o) {
-      const i = e.shiftKey;
-      return queueMicrotask(() => {
-        const s = this.grid.focusRow, l = this.grid.focusCol;
-        if (i) {
-          this.cellAnchor || (this.cellAnchor = { row: s, col: l });
-          const a = U(this.cellAnchor, { row: s, col: l });
-          this.ranges = [a], this.activeRange = a;
-        } else
-          this.ranges = [], this.activeRange = null, this.cellAnchor = { row: s, col: l };
-        this.emit("selection-change", this.#e()), this.requestAfterRender();
-      }), !1;
-    }
+    if (t === "range" && o)
+      return e.shiftKey && !this.cellAnchor && (this.cellAnchor = { row: this.grid._focusRow, col: this.grid._focusCol }), this.pendingKeyboardUpdate = { shiftKey: e.shiftKey }, queueMicrotask(() => this.requestAfterRender()), !1;
     if (t === "range" && e.key === "a" && (e.ctrlKey || e.metaKey)) {
-      const i = this.rows.length, s = this.columns.length;
-      if (i > 0 && s > 0) {
+      const i = this.rows.length, r = this.columns.length;
+      if (i > 0 && r > 0) {
         const l = {
           startRow: 0,
           startCol: 0,
           endRow: i - 1,
-          endCol: s - 1
+          endCol: r - 1
         };
         return this.ranges = [l], this.activeRange = l, this.emit("selection-change", this.#e()), this.requestAfterRender(), !0;
       }
@@ -3522,13 +3544,13 @@ class _n extends x {
     if (o.forEach((i) => {
       i.classList.remove("selected", "row-focus");
     }), t === "row" && (e.querySelectorAll(".cell-focus").forEach((i) => i.classList.remove("cell-focus")), o.forEach((i) => {
-      const s = i.querySelector(".cell[data-row]"), l = parseInt(s?.getAttribute("data-row") ?? "-1", 10);
+      const r = i.querySelector(".cell[data-row]"), l = parseInt(r?.getAttribute("data-row") ?? "-1", 10);
       l >= 0 && this.selected.has(l) && i.classList.add("selected", "row-focus");
     })), t === "range" && this.ranges.length > 0) {
       const i = this.activeRange ? D(this.activeRange) : null;
       e.querySelectorAll(".cell[data-row][data-col]").forEach((l) => {
         const a = parseInt(l.getAttribute("data-row") ?? "-1", 10), d = parseInt(l.getAttribute("data-col") ?? "-1", 10);
-        a >= 0 && d >= 0 && _e(a, d, this.ranges) && (l.classList.add("selected"), l.classList.remove("cell-focus"), i && (a === i.startRow && l.classList.add("top"), a === i.endRow && l.classList.add("bottom"), d === i.startCol && l.classList.add("first"), d === i.endCol && l.classList.add("last")));
+        a >= 0 && d >= 0 && Ie(a, d, this.ranges) && (l.classList.add("selected"), l.classList.remove("cell-focus"), i && (a === i.startRow && l.classList.add("top"), a === i.endRow && l.classList.add("bottom"), d === i.startCol && l.classList.add("first"), d === i.endCol && l.classList.add("last")));
       });
     }
     t === "cell" && this.selectedCell && e.querySelectorAll(".cell-focus").forEach((i) => i.classList.remove("cell-focus"));
@@ -3537,6 +3559,16 @@ class _n extends x {
     const e = this.shadowRoot;
     if (!e) return;
     const t = e.children[0], { mode: n } = this.config;
+    if (this.pendingKeyboardUpdate && n === "range") {
+      const { shiftKey: o } = this.pendingKeyboardUpdate;
+      this.pendingKeyboardUpdate = null;
+      const i = this.grid._focusRow, r = this.grid._focusCol;
+      if (o && this.cellAnchor) {
+        const l = U(this.cellAnchor, { row: i, col: r });
+        this.ranges = [l], this.activeRange = l;
+      } else o || (this.ranges = [], this.activeRange = null, this.cellAnchor = { row: i, col: r });
+      this.emit("selection-change", this.#e());
+    }
     this.grid.setAttribute("data-selection-mode", n), t && t.classList.toggle("selecting", this.isDragging), this.#t();
   }
   /**
@@ -3570,13 +3602,13 @@ class _n extends x {
    * Get all selected cells across all ranges.
    */
   getSelectedCells() {
-    return Jt(this.ranges);
+    return Qt(this.ranges);
   }
   /**
    * Check if a specific cell is in range selection.
    */
   isCellSelected(e, t) {
-    return _e(e, t, this.ranges);
+    return Ie(e, t, this.ranges);
   }
   /**
    * Clear all selection.
@@ -3601,7 +3633,7 @@ class _n extends x {
   // #endregion
   // #region Private Helpers
   #e() {
-    return en(
+    return tn(
       this.config.mode,
       {
         selectedCell: this.selectedCell,
@@ -3613,41 +3645,41 @@ class _n extends x {
   }
   // #endregion
   // #region Styles
-  styles = Qt;
+  styles = en;
   // #endregion
 }
-function q(r, e) {
-  return Math.floor(r / e);
+function q(s, e) {
+  return Math.floor(s / e);
 }
-function tn(r, e) {
+function nn(s, e) {
   return {
-    start: r * e,
-    end: (r + 1) * e
+    start: s * e,
+    end: (s + 1) * e
   };
 }
-function nn(r, e, t) {
-  const n = q(r, t), o = q(e - 1, t), i = [];
-  for (let s = n; s <= o; s++)
-    i.push(s);
+function on(s, e, t) {
+  const n = q(s, t), o = q(e - 1, t), i = [];
+  for (let r = n; r <= o; r++)
+    i.push(r);
   return i;
 }
-async function Ie(r, e, t, n) {
-  const o = tn(e, t);
-  return r.getRows({
+async function Le(s, e, t, n) {
+  const o = nn(e, t);
+  return s.getRows({
     startRow: o.start,
     endRow: o.end,
     sortModel: n.sortModel,
     filterModel: n.filterModel
   });
 }
-function on(r, e, t) {
-  const n = q(r, e), o = t.get(n);
+function rn(s, e, t) {
+  const n = q(s, e), o = t.get(n);
   if (!o) return;
-  const i = r % e;
+  const i = s % e;
   return o[i];
 }
-const rn = 100;
-class In extends x {
+const sn = 100;
+class Ln extends y {
   name = "serverSide";
   version = "1.0.0";
   get defaultConfig() {
@@ -3676,13 +3708,13 @@ class In extends x {
    */
   loadRequiredBlocks() {
     if (!this.dataSource) return;
-    const e = this.grid, t = this.config.cacheBlockSize ?? 100, n = { startRow: e.virtualization.start, endRow: e.virtualization.end }, o = nn(n.startRow, n.endRow, t);
+    const e = this.grid, t = this.config.cacheBlockSize ?? 100, n = { startRow: e._virtualization.start, endRow: e._virtualization.end }, o = on(n.startRow, n.endRow, t);
     for (const i of o)
       if (!(this.loadedBlocks.has(i) || this.loadingBlocks.has(i))) {
         if (this.loadingBlocks.size >= (this.config.maxConcurrentRequests ?? 2))
           break;
-        this.loadingBlocks.add(i), Ie(this.dataSource, i, t, {}).then((s) => {
-          this.loadedBlocks.set(i, s.rows), this.totalRowCount = s.totalRowCount, this.loadingBlocks.delete(i), this.requestRender(), this.loadRequiredBlocks();
+        this.loadingBlocks.add(i), Le(this.dataSource, i, t, {}).then((r) => {
+          this.loadedBlocks.set(i, r.rows), this.totalRowCount = r.totalRowCount, this.loadingBlocks.delete(i), this.requestRender(), this.loadRequiredBlocks();
         }).catch(() => {
           this.loadingBlocks.delete(i);
         });
@@ -3694,7 +3726,7 @@ class In extends x {
     if (!this.dataSource) return [...e];
     const t = [];
     for (let n = 0; n < this.totalRowCount; n++) {
-      const o = on(n, this.config.cacheBlockSize ?? 100, this.loadedBlocks);
+      const o = rn(n, this.config.cacheBlockSize ?? 100, this.loadedBlocks);
       t.push(o ?? { __loading: !0, __index: n });
     }
     return t;
@@ -3702,7 +3734,7 @@ class In extends x {
   onScroll(e) {
     this.dataSource && (this.loadRequiredBlocks(), this.scrollDebounceTimer && clearTimeout(this.scrollDebounceTimer), this.scrollDebounceTimer = setTimeout(() => {
       this.loadRequiredBlocks();
-    }, rn));
+    }, sn));
   }
   // #endregion
   // #region Public API
@@ -3713,7 +3745,7 @@ class In extends x {
   setDataSource(e) {
     this.dataSource = e, this.loadedBlocks.clear(), this.loadingBlocks.clear();
     const t = this.config.cacheBlockSize ?? 100;
-    Ie(e, 0, t, {}).then((n) => {
+    Le(e, 0, t, {}).then((n) => {
       this.loadedBlocks.set(0, n.rows), this.totalRowCount = n.totalRowCount, this.requestRender();
     });
   }
@@ -3751,14 +3783,14 @@ class In extends x {
   }
   // #endregion
 }
-function ne(r, e, t) {
-  return r.id !== void 0 ? String(r.id) : t ? `${t}-${e}` : String(e);
+function ne(s, e, t) {
+  return s.id !== void 0 ? String(s.id) : t ? `${t}-${e}` : String(e);
 }
-function De(r, e, t, n = null, o = 0) {
-  const i = e.childrenField ?? "children", s = [];
-  for (let l = 0; l < r.length; l++) {
-    const a = r[l], d = ne(a, l, n), c = a[i], u = Array.isArray(c) && c.length > 0, h = t.has(d);
-    if (s.push({
+function De(s, e, t, n = null, o = 0) {
+  const i = e.childrenField ?? "children", r = [];
+  for (let l = 0; l < s.length; l++) {
+    const a = s[l], d = ne(a, l, n), c = a[i], u = Array.isArray(c) && c.length > 0, h = t.has(d);
+    if (r.push({
       key: d,
       data: a,
       depth: o,
@@ -3767,19 +3799,19 @@ function De(r, e, t, n = null, o = 0) {
       parentKey: n
     }), u && h) {
       const g = De(c, e, t, d, o + 1);
-      s.push(...g);
+      r.push(...g);
     }
   }
-  return s;
+  return r;
 }
-function Le(r, e) {
-  const t = new Set(r);
+function Te(s, e) {
+  const t = new Set(s);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
-function J(r, e, t = null, n = 0) {
+function J(s, e, t = null, n = 0) {
   const o = e.childrenField ?? "children", i = /* @__PURE__ */ new Set();
-  for (let s = 0; s < r.length; s++) {
-    const l = r[s], a = ne(l, s, t), d = l[o];
+  for (let r = 0; r < s.length; r++) {
+    const l = s[r], a = ne(l, r, t), d = l[o];
     if (Array.isArray(d) && d.length > 0) {
       i.add(a);
       const c = J(d, e, a, n + 1);
@@ -3788,43 +3820,43 @@ function J(r, e, t = null, n = 0) {
   }
   return i;
 }
-function sn() {
+function ln() {
   return /* @__PURE__ */ new Set();
 }
-function Ke(r, e, t, n = null, o = 0) {
+function He(s, e, t, n = null, o = 0) {
   const i = t.childrenField ?? "children";
-  for (let s = 0; s < r.length; s++) {
-    const l = r[s], a = ne(l, s, n);
+  for (let r = 0; r < s.length; r++) {
+    const l = s[r], a = ne(l, r, n);
     if (a === e)
       return [a];
     const d = l[i];
     if (Array.isArray(d) && d.length > 0) {
-      const c = Ke(d, e, t, a, o + 1);
+      const c = He(d, e, t, a, o + 1);
       if (c)
         return [a, ...c];
     }
   }
   return null;
 }
-function ln(r, e, t, n) {
-  const o = Ke(r, e, t);
+function an(s, e, t, n) {
+  const o = He(s, e, t);
   if (!o) return n;
   const i = new Set(n);
-  for (let s = 0; s < o.length - 1; s++)
-    i.add(o[s]);
+  for (let r = 0; r < o.length - 1; r++)
+    i.add(o[r]);
   return i;
 }
-function Fe(r, e = "children") {
-  if (!Array.isArray(r) || r.length === 0) return !1;
-  for (const t of r)
+function Fe(s, e = "children") {
+  if (!Array.isArray(s) || s.length === 0) return !1;
+  for (const t of s)
     if (t && Array.isArray(t[e]) && t[e].length > 0)
       return !0;
   return !1;
 }
-function an(r) {
-  if (!Array.isArray(r) || r.length === 0) return null;
+function dn(s) {
+  if (!Array.isArray(s) || s.length === 0) return null;
   const e = ["children", "items", "nodes", "subRows", "nested"];
-  for (const t of r)
+  for (const t of s)
     if (!(!t || typeof t != "object")) {
       for (const n of e)
         if (Array.isArray(t[n]) && t[n].length > 0)
@@ -3832,8 +3864,8 @@ function an(r) {
     }
   return null;
 }
-const dn = ".tree-toggle{cursor:pointer;user-select:none;transition:transform .2s}.tree-toggle:hover{color:var(--tbw-tree-accent, var(--tbw-color-accent))}";
-class Ln extends x {
+const cn = ".tree-toggle{cursor:pointer;user-select:none;transition:transform .2s}.tree-toggle:hover{color:var(--tbw-tree-accent, var(--tbw-color-accent))}";
+class Tn extends y {
   name = "tree";
   version = "1.0.0";
   get defaultConfig() {
@@ -3867,7 +3899,7 @@ class Ln extends x {
    */
   detect(e) {
     if (!this.config.autoDetect) return !1;
-    const t = this.config.childrenField ?? an(e) ?? "children";
+    const t = this.config.childrenField ?? dn(e) ?? "children";
     return Fe(e, t);
   }
   // #endregion
@@ -3889,31 +3921,31 @@ class Ln extends x {
   }
   processColumns(e) {
     if (this.flattenedRows.length === 0) return [...e];
-    const t = this.config.indentWidth ?? 20, n = this.config.showExpandIcons ?? !0, o = [...e];
-    if (o.length > 0) {
-      const i = { ...o[0] }, s = i.viewRenderer;
-      if (s?.__treeWrapped)
-        return o;
-      const l = (a) => {
-        const { value: d, row: c, column: u } = a, h = c.__treeDepth ?? 0, g = c.__treeHasChildren ?? !1, p = c.__treeExpanded ?? !1, f = document.createElement("span");
-        if (f.style.display = "flex", f.style.alignItems = "center", f.style.paddingLeft = `${h * t}px`, g && n) {
-          const w = document.createElement("span");
-          w.className = "tree-toggle", this.setIcon(w, this.resolveIcon(p ? "collapse" : "expand")), w.style.cursor = "pointer", w.style.marginRight = "4px", w.style.fontSize = "10px", w.setAttribute("data-tree-key", c.__treeKey), f.appendChild(w);
-        } else if (n) {
-          const w = document.createElement("span");
-          w.style.width = "14px", w.style.display = "inline-block", f.appendChild(w);
+    const t = [...e];
+    if (t.length > 0) {
+      const n = { ...t[0] }, o = n.viewRenderer;
+      if (o?.__treeWrapped)
+        return t;
+      const i = () => this.config, r = (l) => {
+        const { value: a, row: d, column: c } = l, u = d.__treeDepth ?? 0, h = d.__treeHasChildren ?? !1, g = d.__treeExpanded ?? !1, p = i(), m = p.indentWidth ?? 20, f = p.showExpandIcons ?? !0, b = document.createElement("span");
+        if (b.style.display = "flex", b.style.alignItems = "center", b.style.paddingLeft = `${u * m}px`, h && f) {
+          const v = document.createElement("span");
+          v.className = "tree-toggle", this.setIcon(v, this.resolveIcon(g ? "collapse" : "expand")), v.style.cursor = "pointer", v.style.marginRight = "4px", v.style.fontSize = "10px", v.setAttribute("data-tree-key", d.__treeKey), b.appendChild(v);
+        } else if (f) {
+          const v = document.createElement("span");
+          v.style.width = "14px", v.style.display = "inline-block", b.appendChild(v);
         }
-        const m = document.createElement("span");
-        if (s) {
-          const w = s(a);
-          w instanceof Node ? m.appendChild(w) : m.textContent = String(w ?? d ?? "");
+        const E = document.createElement("span");
+        if (o) {
+          const v = o(l);
+          v instanceof Node ? E.appendChild(v) : E.textContent = String(v ?? a ?? "");
         } else
-          m.textContent = String(d ?? "");
-        return f.appendChild(m), f;
+          E.textContent = String(a ?? "");
+        return b.appendChild(E), b;
       };
-      l.__treeWrapped = !0, i.viewRenderer = l, o[0] = i;
+      r.__treeWrapped = !0, n.viewRenderer = r, t[0] = n;
     }
-    return o;
+    return t;
   }
   // #endregion
   // #region Event Handlers
@@ -3923,7 +3955,7 @@ class Ln extends x {
     const n = t.getAttribute("data-tree-key");
     if (!n) return !1;
     const o = this.rowKeyMap.get(n);
-    return o ? (this.expandedKeys = Le(this.expandedKeys, n), this.emit("tree-expand", {
+    return o ? (this.expandedKeys = Te(this.expandedKeys, n), this.emit("tree-expand", {
       key: n,
       row: o.data,
       expanded: this.expandedKeys.has(n),
@@ -3948,7 +3980,7 @@ class Ln extends x {
    * Toggle the expansion state of a node.
    */
   toggle(e) {
-    this.expandedKeys = Le(this.expandedKeys, e), this.requestRender();
+    this.expandedKeys = Te(this.expandedKeys, e), this.requestRender();
   }
   /**
    * Expand all nodes in the tree.
@@ -3960,7 +3992,7 @@ class Ln extends x {
    * Collapse all nodes in the tree.
    */
   collapseAll() {
-    this.expandedKeys = sn(), this.requestRender();
+    this.expandedKeys = ln(), this.requestRender();
   }
   /**
    * Check if a node is currently expanded.
@@ -3990,15 +4022,15 @@ class Ln extends x {
    * Expand all ancestors of a node to make it visible.
    */
   expandToKey(e) {
-    this.expandedKeys = ln(this.rows, e, this.config, this.expandedKeys), this.requestRender();
+    this.expandedKeys = an(this.rows, e, this.config, this.expandedKeys), this.requestRender();
   }
   // #endregion
   // #region Styles
-  styles = dn;
+  styles = cn;
   // #endregion
 }
-function cn(r, e, t) {
-  const n = [...r.undoStack, e];
+function un(s, e, t) {
+  const n = [...s.undoStack, e];
   for (; n.length > t; )
     n.shift();
   return {
@@ -4007,50 +4039,50 @@ function cn(r, e, t) {
     // Clear redo on new action
   };
 }
-function Te(r) {
-  if (r.undoStack.length === 0)
-    return { newState: r, action: null };
-  const e = [...r.undoStack], t = e.pop();
+function Me(s) {
+  if (s.undoStack.length === 0)
+    return { newState: s, action: null };
+  const e = [...s.undoStack], t = e.pop();
   return t ? {
     newState: {
       undoStack: e,
-      redoStack: [...r.redoStack, t]
+      redoStack: [...s.redoStack, t]
     },
     action: t
-  } : { newState: r, action: null };
+  } : { newState: s, action: null };
 }
-function Me(r) {
-  if (r.redoStack.length === 0)
-    return { newState: r, action: null };
-  const e = [...r.redoStack], t = e.pop();
+function Ne(s) {
+  if (s.redoStack.length === 0)
+    return { newState: s, action: null };
+  const e = [...s.redoStack], t = e.pop();
   return t ? {
     newState: {
-      undoStack: [...r.undoStack, t],
+      undoStack: [...s.undoStack, t],
       redoStack: e
     },
     action: t
-  } : { newState: r, action: null };
+  } : { newState: s, action: null };
 }
-function un(r) {
-  return r.undoStack.length > 0;
+function hn(s) {
+  return s.undoStack.length > 0;
 }
-function hn(r) {
-  return r.redoStack.length > 0;
+function gn(s) {
+  return s.redoStack.length > 0;
 }
-function gn() {
+function pn() {
   return { undoStack: [], redoStack: [] };
 }
-function pn(r, e, t, n) {
+function fn(s, e, t, n) {
   return {
     type: "cell-edit",
-    rowIndex: r,
+    rowIndex: s,
     field: e,
     oldValue: t,
     newValue: n,
     timestamp: Date.now()
   };
 }
-class Fn extends x {
+class Fn extends y {
   name = "undoRedo";
   version = "1.0.0";
   get defaultConfig() {
@@ -4075,7 +4107,7 @@ class Fn extends x {
   onKeyDown(e) {
     const t = (e.ctrlKey || e.metaKey) && e.key === "z" && !e.shiftKey, n = (e.ctrlKey || e.metaKey) && (e.key === "y" || e.key === "z" && e.shiftKey);
     if (t) {
-      const o = Te({ undoStack: this.undoStack, redoStack: this.redoStack });
+      const o = Me({ undoStack: this.undoStack, redoStack: this.redoStack });
       if (o.action) {
         const i = this.rows;
         i[o.action.rowIndex] && (i[o.action.rowIndex][o.action.field] = o.action.oldValue), this.undoStack = o.newState.undoStack, this.redoStack = o.newState.redoStack, this.emit("undo", {
@@ -4086,7 +4118,7 @@ class Fn extends x {
       return !0;
     }
     if (n) {
-      const o = Me({ undoStack: this.undoStack, redoStack: this.redoStack });
+      const o = Ne({ undoStack: this.undoStack, redoStack: this.redoStack });
       if (o.action) {
         const i = this.rows;
         i[o.action.rowIndex] && (i[o.action.rowIndex][o.action.field] = o.action.newValue), this.undoStack = o.newState.undoStack, this.redoStack = o.newState.redoStack, this.emit("redo", {
@@ -4109,12 +4141,12 @@ class Fn extends x {
    * @param newValue - The value after the edit
    */
   recordEdit(e, t, n, o) {
-    const i = pn(e, t, n, o), s = cn(
+    const i = fn(e, t, n, o), r = un(
       { undoStack: this.undoStack, redoStack: this.redoStack },
       i,
       this.config.maxHistorySize ?? 100
     );
-    this.undoStack = s.undoStack, this.redoStack = s.redoStack;
+    this.undoStack = r.undoStack, this.redoStack = r.redoStack;
   }
   /**
    * Programmatically undo the last action.
@@ -4122,7 +4154,7 @@ class Fn extends x {
    * @returns The undone action, or null if nothing to undo
    */
   undo() {
-    const e = Te({ undoStack: this.undoStack, redoStack: this.redoStack });
+    const e = Me({ undoStack: this.undoStack, redoStack: this.redoStack });
     if (e.action) {
       const t = this.rows;
       t[e.action.rowIndex] && (t[e.action.rowIndex][e.action.field] = e.action.oldValue), this.undoStack = e.newState.undoStack, this.redoStack = e.newState.redoStack, this.requestRender();
@@ -4135,7 +4167,7 @@ class Fn extends x {
    * @returns The redone action, or null if nothing to redo
    */
   redo() {
-    const e = Me({ undoStack: this.undoStack, redoStack: this.redoStack });
+    const e = Ne({ undoStack: this.undoStack, redoStack: this.redoStack });
     if (e.action) {
       const t = this.rows;
       t[e.action.rowIndex] && (t[e.action.rowIndex][e.action.field] = e.action.newValue), this.undoStack = e.newState.undoStack, this.redoStack = e.newState.redoStack, this.requestRender();
@@ -4146,19 +4178,19 @@ class Fn extends x {
    * Check if there are any actions that can be undone.
    */
   canUndo() {
-    return un({ undoStack: this.undoStack, redoStack: this.redoStack });
+    return hn({ undoStack: this.undoStack, redoStack: this.redoStack });
   }
   /**
    * Check if there are any actions that can be redone.
    */
   canRedo() {
-    return hn({ undoStack: this.undoStack, redoStack: this.redoStack });
+    return gn({ undoStack: this.undoStack, redoStack: this.redoStack });
   }
   /**
    * Clear all undo/redo history.
    */
   clearHistory() {
-    const e = gn();
+    const e = pn();
     this.undoStack = e.undoStack, this.redoStack = e.redoStack;
   }
   /**
@@ -4175,12 +4207,12 @@ class Fn extends x {
   }
   // #endregion
 }
-const fn = '.tbw-visibility-content{display:flex;flex-direction:column;height:100%}.tbw-visibility-list{flex:1;overflow-y:auto;padding:8px}.tbw-visibility-row{display:flex;align-items:center;gap:8px;padding:6px 4px;cursor:pointer;font-size:13px;border-radius:var(--tbw-border-radius, 4px);position:relative}.tbw-visibility-row:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover, #f3f4f6))}.tbw-visibility-row input[type=checkbox]{cursor:pointer}.tbw-visibility-row.locked span{color:var(--tbw-color-fg-muted, #888)}.tbw-visibility-handle{cursor:grab;color:var(--tbw-color-fg-muted, #888);font-size:10px;letter-spacing:-2px;user-select:none;flex-shrink:0}.tbw-visibility-row.reorderable:hover .tbw-visibility-handle{color:var(--tbw-color-fg, #1f2937)}.tbw-visibility-label{display:flex;align-items:center;gap:8px;flex:1;cursor:pointer}.tbw-visibility-row.dragging{opacity:.5;cursor:grabbing}.tbw-visibility-row.drop-before:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent, #3b82f6))}.tbw-visibility-row.drop-after:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent, #3b82f6))}.tbw-visibility-show-all{margin:8px;padding:8px 12px;border:1px solid var(--tbw-visibility-border, var(--tbw-color-border, #e5e7eb));border-radius:var(--tbw-border-radius, 4px);background:var(--tbw-visibility-btn-bg, var(--tbw-color-header-bg, #f9fafb));color:var(--tbw-color-fg, #1f2937);cursor:pointer;font-size:13px}.tbw-visibility-show-all:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover, #f3f4f6))}';
-function Ne(r) {
-  const e = r.meta ?? {};
+const mn = '.tbw-visibility-content{display:flex;flex-direction:column;height:100%}.tbw-visibility-list{flex:1;overflow-y:auto;padding:8px}.tbw-visibility-row{display:flex;align-items:center;gap:8px;padding:6px 4px;cursor:pointer;font-size:13px;border-radius:var(--tbw-border-radius, 4px);position:relative}.tbw-visibility-row:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover, #f3f4f6))}.tbw-visibility-row input[type=checkbox]{cursor:pointer}.tbw-visibility-row.locked span{color:var(--tbw-color-fg-muted, #888)}.tbw-visibility-handle{cursor:grab;color:var(--tbw-color-fg-muted, #888);font-size:10px;letter-spacing:-2px;user-select:none;flex-shrink:0}.tbw-visibility-row.reorderable:hover .tbw-visibility-handle{color:var(--tbw-color-fg, #1f2937)}.tbw-visibility-label{display:flex;align-items:center;gap:8px;flex:1;cursor:pointer}.tbw-visibility-row.dragging{opacity:.5;cursor:grabbing}.tbw-visibility-row.drop-before:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent, #3b82f6))}.tbw-visibility-row.drop-after:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent, #3b82f6))}.tbw-visibility-show-all{margin:8px;padding:8px 12px;border:1px solid var(--tbw-visibility-border, var(--tbw-color-border, #e5e7eb));border-radius:var(--tbw-border-radius, 4px);background:var(--tbw-visibility-btn-bg, var(--tbw-color-header-bg, #f9fafb));color:var(--tbw-color-fg, #1f2937);cursor:pointer;font-size:13px}.tbw-visibility-show-all:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover, #f3f4f6))}';
+function Pe(s) {
+  const e = s.meta ?? {};
   return e.lockPosition !== !0 && e.suppressMovable !== !0;
 }
-class T extends x {
+class M extends y {
   name = "visibility";
   version = "1.0.0";
   /** Tool panel ID for shell integration */
@@ -4209,7 +4241,7 @@ class T extends x {
    */
   getToolPanel() {
     return {
-      id: T.PANEL_ID,
+      id: M.PANEL_ID,
       title: "Columns",
       icon: "☰",
       tooltip: "Column visibility",
@@ -4224,7 +4256,7 @@ class T extends x {
    * Show the visibility sidebar panel.
    */
   show() {
-    this.grid.openToolPanel(T.PANEL_ID);
+    this.grid.openToolPanel(M.PANEL_ID);
   }
   /**
    * Hide the visibility sidebar panel.
@@ -4236,7 +4268,7 @@ class T extends x {
    * Toggle the visibility sidebar panel.
    */
   toggle() {
-    this.grid.toggleToolPanel(T.PANEL_ID);
+    this.grid.toggleToolPanel(M.PANEL_ID);
   }
   /**
    * Check if a specific column is visible.
@@ -4314,7 +4346,7 @@ class T extends x {
    * @returns True if the panel is open
    */
   isPanelVisible() {
-    return this.grid.activeToolPanel === T.PANEL_ID;
+    return this.grid.activeToolPanel === M.PANEL_ID;
   }
   // #endregion
   // #region Private Methods
@@ -4350,16 +4382,16 @@ class T extends x {
     e.innerHTML = "";
     const o = t.getAllColumns();
     for (let i = 0; i < o.length; i++) {
-      const s = o[i], l = s.header || s.field, a = document.createElement("div");
-      a.className = s.lockVisible ? "tbw-visibility-row locked" : "tbw-visibility-row", a.setAttribute("data-field", s.field), a.setAttribute("data-index", String(i)), n && Ne(s) && (a.draggable = !0, a.classList.add("reorderable"), this.setupDragListeners(a, s.field, i, e));
+      const r = o[i], l = 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(i)), n && Pe(r) && (a.draggable = !0, a.classList.add("reorderable"), this.setupDragListeners(a, r.field, i, e));
       const d = document.createElement("label");
       d.className = "tbw-visibility-label";
       const c = document.createElement("input");
-      c.type = "checkbox", c.checked = s.visible, c.disabled = s.lockVisible ?? !1, c.addEventListener("change", () => {
-        t.toggleColumnVisibility(s.field), setTimeout(() => this.rebuildToggles(e), 0);
+      c.type = "checkbox", c.checked = r.visible, c.disabled = r.lockVisible ?? !1, c.addEventListener("change", () => {
+        t.toggleColumnVisibility(r.field), setTimeout(() => this.rebuildToggles(e), 0);
       });
       const u = document.createElement("span");
-      if (u.textContent = l, d.appendChild(c), d.appendChild(u), n && Ne(s)) {
+      if (u.textContent = l, d.appendChild(c), d.appendChild(u), n && Pe(r)) {
         const h = document.createElement("span");
         h.className = "tbw-visibility-handle", this.setIcon(h, this.resolveIcon("dragHandle")), h.title = "Drag to reorder", a.appendChild(h);
       }
@@ -4379,7 +4411,7 @@ class T extends x {
       });
     }), e.addEventListener("dragover", (i) => {
       if (i.preventDefault(), !this.isDragging || this.draggedField === t) return;
-      const s = e.getBoundingClientRect(), l = s.top + s.height / 2;
+      const r = e.getBoundingClientRect(), l = r.top + r.height / 2;
       this.dropIndex = i.clientY < l ? n : n + 1, o.querySelectorAll(".tbw-visibility-row").forEach((a) => {
         a !== e && a.classList.remove("drop-target", "drop-before", "drop-after");
       }), e.classList.add("drop-target"), e.classList.toggle("drop-before", i.clientY < l), e.classList.toggle("drop-after", i.clientY >= l);
@@ -4387,13 +4419,13 @@ class T extends x {
       e.classList.remove("drop-target", "drop-before", "drop-after");
     }), e.addEventListener("drop", (i) => {
       i.preventDefault();
-      const s = this.draggedField, l = this.draggedIndex, a = this.dropIndex;
-      if (!this.isDragging || s === null || l === null || a === null)
+      const r = this.draggedField, l = this.draggedIndex, a = this.dropIndex;
+      if (!this.isDragging || r === null || l === null || a === null)
         return;
       const d = a > l ? a - 1 : a;
       if (d !== l) {
         const c = {
-          field: s,
+          field: r,
           fromIndex: l,
           toIndex: d
         };
@@ -4405,48 +4437,48 @@ class T extends x {
   }
   // #endregion
   // #region Styles
-  styles = fn;
+  styles = mn;
   // #endregion
 }
 export {
-  x as BaseGridPlugin,
-  wn as ClipboardPlugin,
-  bn as ColumnVirtualizationPlugin,
-  vn as ContextMenuPlugin,
-  He as DEFAULT_GRID_ICONS,
-  Nn as DGEvents,
-  Pn as DataGridElement,
-  xn as ExportPlugin,
-  A as FilteringPlugin,
+  y as BaseGridPlugin,
+  bn as ClipboardPlugin,
+  vn as ColumnVirtualizationPlugin,
+  xn as ContextMenuPlugin,
+  Ge as DEFAULT_GRID_ICONS,
+  Pn as DGEvents,
+  Kn as DataGridElement,
+  yn as ExportPlugin,
+  _ as FilteringPlugin,
   qn as FitModeEnum,
   Dn as GridCSSVars,
-  Kn as GridClasses,
-  Hn as GridDataAttrs,
-  Gn as GridElement,
-  On as GridSelectors,
-  yn as GroupingColumnsPlugin,
-  Cn as GroupingRowsPlugin,
-  Rn as MasterDetailPlugin,
-  Sn as MultiSortPlugin,
-  Pe as PLUGIN_QUERIES,
-  En as PinnedColumnsPlugin,
-  kn as PinnedRowsPlugin,
+  Hn as GridClasses,
+  Gn as GridDataAttrs,
+  On as GridElement,
+  Bn as GridSelectors,
+  Cn as GroupingColumnsPlugin,
+  Rn as GroupingRowsPlugin,
+  Sn as MasterDetailPlugin,
+  En as MultiSortPlugin,
+  Ke as PLUGIN_QUERIES,
+  kn as PinnedColumnsPlugin,
+  An as PinnedRowsPlugin,
   F as PivotPlugin,
-  Bn as PluginEvents,
-  Vn as PluginManager,
-  An as ReorderPlugin,
-  _n as SelectionPlugin,
-  In as ServerSidePlugin,
-  Ln as TreePlugin,
+  Vn as PluginEvents,
+  zn as PluginManager,
+  _n as ReorderPlugin,
+  In as SelectionPlugin,
+  Ln as ServerSidePlugin,
+  Tn as TreePlugin,
   Fn as UndoRedoPlugin,
-  T as VisibilityPlugin,
-  zn as aggregatorRegistry,
-  Ge as getAggregator,
+  M as VisibilityPlugin,
+  Wn as aggregatorRegistry,
+  le as getAggregator,
   Oe as getValueAggregator,
-  Wn as listAggregators,
-  $n as registerAggregator,
+  $n as listAggregators,
+  jn as registerAggregator,
   se as runAggregator,
-  jn as runValueAggregator,
-  Un as unregisterAggregator
+  Un as runValueAggregator,
+  Yn as unregisterAggregator
 };
 //# sourceMappingURL=all.js.map