@toolbox-web/grid 0.2.8 → 0.3.1

package/all.js

@@ -1,6 +1,6 @@
-import { B as v, D as Ve, r as se, P as N, g as le, a as Oe, e as Ge } from "./index-YjW60MHD.js";
-import { k as Kn, i as Nn, b as qn, F as Dn, o as Hn, G as Vn, p as On, b as Gn, q as Bn, j as zn, c as Wn, d as $n, m as jn, n as Un, l as Yn, f as Zn, h as Xn, u as Jn } from "./index-YjW60MHD.js";
-function Be(s, e, t, n) {
+import { BaseGridPlugin as v, DEFAULT_GRID_ICONS as Ge, runAggregator as ae, e as Be, s as ze, PLUGIN_QUERIES as N, getAggregator as de, getValueAggregator as We, a as $e, c as V, g as je } from "./index.js";
+import { DEFAULT_ANIMATION_CONFIG as Hn, DGEvents as Vn, DataGridElement as On, FitModeEnum as Gn, GridCSSVars as Bn, GridClasses as zn, GridDataAttrs as Wn, DataGridElement as $n, GridSelectors as jn, PluginEvents as Un, PluginManager as Yn, builtInSort as Zn, defaultComparator as Xn } from "./index.js";
+function Ue(s, e, t, n) {
   if (n.processCell)
     return n.processCell(s, e, t);
   if (s == null) return "";
@@ -10,13 +10,13 @@ function Be(s, e, t, n) {
 `;
   return n.quoteStrings || o.includes(i) || o.includes(r) || o.includes('"') ? `"${o.replace(/"/g, '""')}"` : o;
 }
-function V(s) {
+function O(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(r) || g.includes('"') ? `"${g.replace(/"/g, '""')}"` : g;
+      const f = h.header || h.field;
+      return f.includes(i) || f.includes(r) || f.includes('"') ? `"${f.replace(/"/g, '""')}"` : f;
     });
     a.push(u.join(i));
   }
@@ -24,14 +24,14 @@ function V(s) {
   for (const u of c) {
     const h = e[u];
     if (!h) continue;
-    const g = l.map(
-      (f) => Be(h[f.field], f.field, h, o)
+    const f = l.map(
+      (g) => Ue(h[g.field], g.field, h, o)
     );
-    a.push(g.join(i));
+    a.push(f.join(i));
   }
   return a.join(r);
 }
-async function O(s) {
+async function G(s) {
   try {
     return await navigator.clipboard.writeText(s), !0;
   } catch {
@@ -41,7 +41,7 @@ async function O(s) {
     return document.body.removeChild(e), t;
   }
 }
-function ae(s, e) {
+function ce(s, e) {
   const t = e.delimiter ?? "	", n = e.newline ?? `
 `, o = s.replace(/\r\n/g, `
 `).replace(/\r/g, `
@@ -53,14 +53,14 @@ function ae(s, e) {
   }
   return r.push(l), (r.length > 1 || r.some((d) => d.trim() !== "")) && i.push(r), i;
 }
-async function de() {
+async function ue() {
   try {
     return await navigator.clipboard.readText();
   } catch {
     return "";
   }
 }
-class bn extends v {
+class Cn extends v {
   name = "clipboard";
   version = "1.0.0";
   get defaultConfig() {
@@ -95,7 +95,7 @@ class bn extends v {
     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 = V({
+      a = O({
         rows: this.rows,
         columns: [...this.columns],
         selectedIndices: n,
@@ -118,7 +118,7 @@ class bn extends v {
       if (!u) return;
       a = u.text, d = 1, c = 1;
     }
-    O(a).then(() => {
+    G(a).then(() => {
       this.lastCopied = { text: a, timestamp: Date.now() }, this.emit("copy", { text: a, rowCount: d, columnCount: c });
     });
   }
@@ -126,9 +126,9 @@ class bn extends v {
    * Handle paste operation
    */
   #e() {
-    de().then((e) => {
+    ue().then((e) => {
       if (!e) return;
-      const t = ae(e, this.config);
+      const t = ce(e, this.config);
       this.emit("paste", { rows: t, text: e });
     });
   }
@@ -168,15 +168,15 @@ class bn extends v {
    */
   #i(e) {
     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);
+`, h = [], f = this.columns.slice(a, d + 1);
     if (this.config.includeHeaders) {
-      const f = g.map((m) => m.header || m.field);
-      h.push(f.join(c));
+      const g = f.map((m) => m.header || m.field);
+      h.push(g.join(c));
     }
-    for (let f = r; f <= l; f++) {
-      const m = this.rows[f];
+    for (let g = r; g <= l; g++) {
+      const m = this.rows[g];
       if (!m) continue;
-      const p = g.map((R) => {
+      const p = f.map((R) => {
         const E = m[R.field];
         return E == null ? "" : E instanceof Date ? E.toISOString() : String(E);
       });
@@ -219,13 +219,13 @@ class bn extends v {
    * @returns The copied text
    */
   async copy() {
-    const t = this.#n()?.getSelectedRows() ?? [], n = V({
+    const t = this.#n()?.getSelectedRows() ?? [], n = O({
       rows: this.rows,
       columns: [...this.columns],
       selectedIndices: t,
       config: this.config
     });
-    return await O(n), this.lastCopied = { text: n, timestamp: Date.now() }, n;
+    return await G(n), this.lastCopied = { text: n, timestamp: Date.now() }, n;
   }
   /**
    * Copy specific rows by index to clipboard.
@@ -233,21 +233,21 @@ class bn extends v {
    * @returns The copied text
    */
   async copyRows(e) {
-    const t = V({
+    const t = O({
       rows: this.rows,
       columns: [...this.columns],
       selectedIndices: e,
       config: this.config
     });
-    return await O(t), this.lastCopied = { text: t, timestamp: Date.now() }, t;
+    return await G(t), this.lastCopied = { text: t, timestamp: Date.now() }, t;
   }
   /**
    * Read and parse clipboard content.
    * @returns Parsed 2D array of cell values, or null if clipboard is empty
    */
   async paste() {
-    const e = await de();
-    return e ? ae(e, this.config) : null;
+    const e = await ue();
+    return e ? ce(e, this.config) : null;
   }
   /**
    * Get the last copied text and timestamp.
@@ -258,33 +258,33 @@ class bn extends v {
   }
   // #endregion
 }
-const ce = 100;
-function ee(s) {
+const he = 100;
+function ne(s) {
   if (s == null)
-    return ce;
+    return he;
   if (typeof s == "number")
     return s;
   const e = parseFloat(s);
-  return isNaN(e) ? ce : e;
+  return isNaN(e) ? he : e;
 }
-function ue(s) {
-  return s.map((e) => ee(e.width));
+function fe(s) {
+  return s.map((e) => ne(e.width));
 }
-function he(s) {
+function ge(s) {
   const e = [];
   let t = 0;
   for (const n of s)
-    e.push(t), t += ee(n.width);
+    e.push(t), t += ne(n.width);
   return e;
 }
-function ge(s) {
-  return s.reduce((e, t) => e + ee(t.width), 0);
+function pe(s) {
+  return s.reduce((e, t) => e + ne(t.width), 0);
 }
-function ze(s, e, t, n, o) {
+function Ye(s, e, t, n, o) {
   const i = t.length;
   if (i === 0)
     return { startCol: 0, endCol: 0, visibleColumns: [] };
-  let r = We(s, t, n);
+  let r = Ze(s, t, n);
   r = Math.max(0, r - o);
   const l = s + e;
   let a = r;
@@ -301,7 +301,7 @@ function ze(s, e, t, n, o) {
     d.push(c);
   return { startCol: r, endCol: a, visibleColumns: d };
 }
-function We(s, e, t) {
+function Ze(s, e, t) {
   let n = 0, o = e.length - 1;
   for (; n < o; ) {
     const i = Math.floor((n + o) / 2);
@@ -309,10 +309,10 @@ function We(s, e, t) {
   }
   return n;
 }
-function $e(s, e, t) {
+function Xe(s, e, t) {
   return t ? s > e : !1;
 }
-class vn extends v {
+class Rn extends v {
   name = "columnVirtualization";
   version = "1.0.0";
   get defaultConfig() {
@@ -335,7 +335,7 @@ class vn extends v {
   attach(e) {
     super.attach(e);
     const t = this.columns;
-    this.columnWidths = ue(t), this.columnOffsets = he(t), this.totalWidth = ge(t), this.endCol = t.length - 1;
+    this.columnWidths = fe(t), this.columnOffsets = ge(t), this.totalWidth = pe(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;
@@ -343,10 +343,10 @@ class vn extends v {
   // #endregion
   // #region Hooks
   processColumns(e) {
-    const t = $e(e.length, this.config.threshold ?? 30, this.config.autoEnable ?? !0);
-    if (this.isVirtualized = t ?? !1, this.columnWidths = ue(e), this.columnOffsets = he(e), this.totalWidth = ge(e), !t)
+    const t = Xe(e.length, this.config.threshold ?? 30, this.config.autoEnable ?? !0);
+    if (this.isVirtualized = t ?? !1, this.columnWidths = fe(e), this.columnOffsets = ge(e), this.totalWidth = pe(e), !t)
       return this.startCol = 0, this.endCol = e.length - 1, [...e];
-    const n = this.grid.clientWidth || 800, o = ze(
+    const n = this.grid.clientWidth || 800, o = Ye(
       this.scrollLeft,
       n,
       this.columnOffsets,
@@ -406,14 +406,14 @@ class vn extends v {
   }
   // #endregion
 }
-const je = ".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 Z(s, e) {
+const B = ".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 J(s, e) {
   return (typeof s == "function" ? s(e) : s).filter((n) => !(n.hidden === !0 || typeof n.hidden == "function" && n.hidden(e)));
 }
-function Ue(s, e) {
+function Je(s, e) {
   return s.disabled === !0 ? !0 : typeof s.disabled == "function" ? s.disabled(e) : !1;
 }
-function X(s, e, t, n = Ve.submenuArrow) {
+function Q(s, e, t, n = Ge.submenuArrow) {
   const o = document.createElement("div");
   o.className = "tbw-context-menu", o.setAttribute("role", "menu");
   for (const i of s) {
@@ -424,7 +424,7 @@ function X(s, e, t, n = Ve.submenuArrow) {
     }
     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 = Ue(i, e);
+    const l = Je(i, e);
     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, r.appendChild(d);
@@ -438,7 +438,7 @@ function X(s, e, t, n = Ve.submenuArrow) {
       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)), r.appendChild(d), r.addEventListener("mouseenter", () => {
         if (r.querySelector(".tbw-context-menu") || !i.subMenu) return;
-        const u = Z(i.subMenu, e), h = X(u, e, t, n);
+        const u = J(i.subMenu, e), h = Q(u, e, t, n);
         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");
@@ -451,14 +451,14 @@ function X(s, e, t, n = Ve.submenuArrow) {
   }
   return o;
 }
-function fe(s, e, t) {
+function me(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, k = null, G = 0;
-const B = [
+let _ = null, I = null, k = null, z = 0;
+const W = [
   {
     id: "copy",
     name: "Copy",
@@ -476,12 +476,12 @@ const B = [
     }
   }
 ];
-class xn extends v {
+class Sn extends v {
   name = "contextMenu";
   version = "1.0.0";
   get defaultConfig() {
     return {
-      items: B
+      items: W
     };
   }
   // #region Internal State
@@ -492,7 +492,7 @@ class xn extends v {
   // #endregion
   // #region Lifecycle
   attach(e) {
-    super.attach(e), this.installGlobalHandlers(), G++;
+    super.attach(e), this.installGlobalHandlers(), z++;
   }
   detach() {
     this.menuElement && (this.menuElement.remove(), this.menuElement = null), this.isOpen = !1, this.params = null, this.uninstallGlobalHandlers();
@@ -500,7 +500,7 @@ class xn extends v {
   // #endregion
   // #region Private Methods
   installGlobalHandlers() {
-    !k && typeof document < "u" && (k = document.createElement("style"), k.id = "tbw-context-menu-styles", k.textContent = je, document.head.appendChild(k)), _ || (_ = () => {
+    !k && typeof document < "u" && typeof B == "string" && B && (k = document.createElement("style"), k.id = "tbw-context-menu-styles", k.textContent = B, document.head.appendChild(k)), _ || (_ = () => {
       document.querySelectorAll(".tbw-context-menu").forEach((t) => t.remove());
     }, document.addEventListener("click", _)), I || (I = (e) => {
       e.key === "Escape" && document.querySelectorAll(".tbw-context-menu").forEach((n) => n.remove());
@@ -511,7 +511,7 @@ class xn extends v {
    * Uses reference counting to ensure handlers persist while any grid uses the plugin.
    */
   uninstallGlobalHandlers() {
-    G--, !(G > 0) && (_ && (document.removeEventListener("click", _), _ = null), I && (document.removeEventListener("keydown", I), I = null), k && (k.remove(), k = null));
+    z--, !(z > 0) && (_ && (document.removeEventListener("click", _), _ = null), I && (document.removeEventListener("keydown", I), I = null), k && (k.remove(), k = null));
   }
   // #endregion
   // #region Hooks
@@ -525,14 +525,14 @@ class xn extends v {
       const i = o.target, r = i.closest("[data-row][data-col]"), l = i.closest(".header-cell");
       let a;
       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];
+        const c = parseInt(r.getAttribute("data-row") ?? "-1", 10), u = parseInt(r.getAttribute("data-col") ?? "-1", 10), h = this.columns[u], f = this.rows[c];
         a = {
-          row: g,
+          row: f,
           rowIndex: c,
           column: h,
           columnIndex: u,
           field: h?.field ?? "",
-          value: g?.[h?.field] ?? null,
+          value: f?.[h?.field] ?? null,
           isHeader: !1,
           event: o
         };
@@ -551,15 +551,15 @@ class xn extends v {
       } else
         return;
       this.params = a, this.position = { x: o.clientX, y: o.clientY };
-      const d = Z(this.config.items ?? B, a);
-      d.length && (this.menuElement && this.menuElement.remove(), this.menuElement = X(
+      const d = J(this.config.items ?? W, a);
+      d.length && (this.menuElement && this.menuElement.remove(), this.menuElement = Q(
         d,
         a,
         (c) => {
           c.action && c.action(a), this.menuElement?.remove(), this.menuElement = null, this.isOpen = !1;
         },
         this.gridIcons.submenuArrow
-      ), document.body.appendChild(this.menuElement), fe(this.menuElement, o.clientX, o.clientY), this.isOpen = !0, this.emit("context-menu-open", { params: a, items: d }));
+      ), document.body.appendChild(this.menuElement), me(this.menuElement, o.clientX, o.clientY), this.isOpen = !0, this.emit("context-menu-open", { params: a, items: d }));
     }));
   }
   // #endregion
@@ -580,15 +580,15 @@ class xn extends v {
       value: n.value ?? null,
       isHeader: n.isHeader ?? !1,
       event: n.event ?? new MouseEvent("contextmenu")
-    }, i = Z(this.config.items ?? B, o);
-    this.menuElement && this.menuElement.remove(), this.menuElement = X(
+    }, i = J(this.config.items ?? W, o);
+    this.menuElement && this.menuElement.remove(), this.menuElement = Q(
       i,
       o,
       (r) => {
         r.action && r.action(o), this.menuElement?.remove(), this.menuElement = null, this.isOpen = !1;
       },
       this.gridIcons.submenuArrow
-    ), document.body.appendChild(this.menuElement), fe(this.menuElement, e, t), this.isOpen = !0;
+    ), document.body.appendChild(this.menuElement), me(this.menuElement, e, t), this.isOpen = !0;
   }
   /**
    * Hide the context menu.
@@ -606,7 +606,7 @@ class xn extends v {
   // #endregion
   // Styles are injected globally via installGlobalHandlers() since menu renders in document.body
 }
-function pe(s, e = !0) {
+function we(s, e = !0) {
   if (s == null) return "";
   if (s instanceof Date) return s.toISOString();
   if (typeof s == "object") return JSON.stringify(s);
@@ -614,37 +614,37 @@ function pe(s, e = !0) {
   return e && (t.includes(",") || t.includes('"') || t.includes(`
 `) || t.includes("\r")) ? `"${t.replace(/"/g, '""')}"` : t;
 }
-function Ye(s, e, t, n = {}) {
+function Qe(s, e, t, n = {}) {
   const o = n.delimiter ?? ",", i = n.newline ?? `
 `, 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 we(u);
     });
     r.push(a.join(o));
   }
   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)), we(u);
     });
     r.push(d.join(o));
   }
   return l + r.join(i);
 }
-function te(s, e) {
+function oe(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 Ze(s, e) {
+function et(s, e) {
   const t = new Blob([s], { type: "text/csv;charset=utf-8;" });
-  te(t, e);
+  oe(t, e);
 }
-function me(s) {
+function be(s) {
   return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
 }
-function Xe(s, e, t) {
+function tt(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"
@@ -656,7 +656,7 @@ function Xe(s, e, t) {
 <Row>`;
     for (const o of e) {
       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 += `<Cell><Data ss:Type="String">${be(r)}</Data></Cell>`;
     }
     n += "</Row>";
   }
@@ -667,7 +667,7 @@ function Xe(s, e, t) {
       let r = o[i.field];
       t.processCell && (r = t.processCell(r, i.field, o));
       let l = "String", a = "";
-      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>`;
+      r == null ? a = "" : typeof r == "number" && !isNaN(r) ? (l = "Number", a = String(r)) : r instanceof Date ? (l = "DateTime", a = r.toISOString()) : a = be(String(r)), n += `<Cell><Data ss:Type="${l}">${a}</Data></Cell>`;
     }
     n += "</Row>";
   }
@@ -676,13 +676,13 @@ function Xe(s, e, t) {
 </Worksheet>
 </Workbook>`, n;
 }
-function Je(s, e) {
+function nt(s, e) {
   const t = e.endsWith(".xls") ? e : `${e}.xls`, n = new Blob([s], {
     type: "application/vnd.ms-excel;charset=utf-8;"
   });
-  te(n, t);
+  oe(n, t);
 }
-class yn extends v {
+class kn extends v {
   name = "export";
   version = "1.0.0";
   get defaultConfig() {
@@ -723,27 +723,27 @@ class yn extends v {
     try {
       switch (e) {
         case "csv": {
-          const a = Ye(r, i, o, { bom: !0 });
-          l = l.endsWith(".csv") ? l : `${l}.csv`, Ze(a, l);
+          const a = Qe(r, i, o, { bom: !0 });
+          l = l.endsWith(".csv") ? l : `${l}.csv`, et(a, l);
           break;
         }
         case "excel": {
-          const a = Xe(r, i, o);
-          l = l.endsWith(".xls") ? l : `${l}.xls`, Je(a, l);
+          const a = tt(r, i, o);
+          l = l.endsWith(".xls") ? l : `${l}.xls`, nt(a, l);
           break;
         }
         case "json": {
           const a = r.map((u) => {
             const h = {};
-            for (const g of i) {
-              let f = u[g.field];
-              o.processCell && (f = o.processCell(f, g.field, u)), h[g.field] = f;
+            for (const f of i) {
+              let g = u[f.field];
+              o.processCell && (g = o.processCell(g, f.field, u)), h[f.field] = g;
             }
             return h;
           }), d = JSON.stringify(a, null, 2);
           l = l.endsWith(".json") ? l : `${l}.json`;
           const c = new Blob([d], { type: "application/json" });
-          te(c, l);
+          oe(c, l);
           break;
         }
       }
@@ -803,7 +803,7 @@ class yn extends v {
   }
   // #endregion
 }
-function Qe(s) {
+function ot(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);
@@ -815,10 +815,10 @@ function Qe(s) {
     totalHeight: e * o
   };
 }
-function et(s, e) {
+function it(s, e) {
   return s <= e;
 }
-function tt(s, e, t = !1) {
+function rt(s, e, t = !1) {
   const n = s[e.field];
   if (e.operator === "blank")
     return n == null || n === "";
@@ -860,10 +860,10 @@ function tt(s, e, t = !1) {
       return !0;
   }
 }
-function nt(s, e, t = !1) {
-  return e.length ? s.filter((n) => e.every((o) => tt(n, o, t))) : s;
+function st(s, e, t = !1) {
+  return e.length ? s.filter((n) => e.every((o) => rt(n, o, t))) : s;
 }
-function ot(s) {
+function lt(s) {
   return JSON.stringify(
     s.map((e) => ({
       field: e.field,
@@ -873,7 +873,7 @@ function ot(s) {
     }))
   );
 }
-function we(s, e) {
+function ve(s, e) {
   const t = /* @__PURE__ */ new Set();
   for (const n of s) {
     const o = n[e];
@@ -881,7 +881,7 @@ function we(s, e) {
   }
   return [...t].sort((n, o) => typeof n == "number" && typeof o == "number" ? n - o : String(n).localeCompare(String(o)));
 }
-const it = '.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))}', rt = ".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)))}";
+const at = ':host .tbw-quick-filter-input{flex:1;max-width:300px;height:28px;padding:0 8px;border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);background:var(--tbw-color-bg);color:var(--tbw-color-fg);font-size:13px}:host .tbw-quick-filter-input:focus{outline:none;border-color:var(--tbw-color-accent)}.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))}', dt = ".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 v {
   name = "filtering";
   version = "1.0.0";
@@ -924,10 +924,10 @@ class A extends v {
     if (!t.length) return [...e];
     if (this.config.filterHandler)
       return this.cachedResult ? this.cachedResult : [...e];
-    const n = ot(t);
+    const n = lt(t);
     if (this.cacheKey === n && this.cachedResult)
       return this.cachedResult;
-    const o = nt([...e], t, this.config.caseSensitive);
+    const o = st([...e], t, this.config.caseSensitive);
     return this.cachedResult = o, this.cacheKey = n, o;
   }
   afterRender() {
@@ -1029,7 +1029,7 @@ class A extends v {
    * Uses sourceRows to include all values regardless of current filter.
    */
   getUniqueValues(e) {
-    return we(this.sourceRows, e);
+    return ve(this.sourceRows, e);
   }
   // #endregion
   // #region Private Methods
@@ -1043,7 +1043,7 @@ class A extends v {
       return;
     }
     const e = document.createElement("style");
-    e.id = "tbw-filter-panel-styles", e.textContent = rt, document.head.appendChild(e), this.globalStylesInjected = !0;
+    e.id = "tbw-filter-panel-styles", e.textContent = dt, document.head.appendChild(e), this.globalStylesInjected = !0;
   }
   /**
    * Toggle the filter panel for a field
@@ -1061,7 +1061,7 @@ class A extends v {
       });
       return;
     }
-    const i = we(this.sourceRows, e);
+    const i = ve(this.sourceRows, e);
     this.renderPanelContent(e, t, o, i), document.body.appendChild(o), this.positionPanel(o, n), this.setupPanelCloseHandler(o, n);
   }
   /**
@@ -1146,12 +1146,12 @@ class A extends v {
         p.set(y, w);
       h(), H();
     }), e.appendChild(a);
-    const g = document.createElement("div");
-    g.className = "tbw-filter-values";
     const f = document.createElement("div");
-    f.className = "tbw-filter-values-spacer", g.appendChild(f);
+    f.className = "tbw-filter-values";
+    const g = document.createElement("div");
+    g.className = "tbw-filter-values-spacer", f.appendChild(g);
     const m = document.createElement("div");
-    m.className = "tbw-filter-values-content", g.appendChild(m);
+    m.className = "tbw-filter-values-content", f.appendChild(m);
     const p = /* @__PURE__ */ new Map();
     n.forEach((w) => {
       const y = w == null ? "__null__" : String(w);
@@ -1165,17 +1165,17 @@ class A extends v {
       S.type = "checkbox", S.className = "tbw-filter-checkbox", S.checked = p.get(x) ?? !0, S.dataset.value = x, S.addEventListener("change", () => {
         p.set(x, S.checked), h();
       });
-      const re = document.createElement("span");
-      return re.textContent = C, b.appendChild(S), b.appendChild(re), b;
+      const le = document.createElement("span");
+      return le.textContent = C, b.appendChild(S), b.appendChild(le), b;
     }, H = () => {
-      const w = R.length, y = g.clientHeight, C = g.scrollTop;
-      if (f.style.height = `${w * A.LIST_ITEM_HEIGHT}px`, et(w, A.LIST_BYPASS_THRESHOLD / 3)) {
+      const w = R.length, y = f.clientHeight, C = f.scrollTop;
+      if (g.style.height = `${w * A.LIST_ITEM_HEIGHT}px`, it(w, A.LIST_BYPASS_THRESHOLD / 3)) {
         m.innerHTML = "", m.style.transform = "translateY(0px)", R.forEach((b, S) => {
           m.appendChild(E(b, S));
         });
         return;
       }
-      const x = Qe({
+      const x = ot({
         totalRows: w,
         viewportHeight: y,
         scrollTop: C,
@@ -1185,36 +1185,36 @@ class A extends v {
       m.style.transform = `translateY(${x.offsetY}px)`, m.innerHTML = "";
       for (let b = x.start; b < x.end; b++)
         m.appendChild(E(R[b], b - x.start));
-    }, oe = (w) => {
+    }, re = (w) => {
       const y = w.toLowerCase();
       if (R = n.filter((C) => {
         const x = C == null ? "(Blank)" : String(C);
         return !w || x.toLowerCase().includes(y);
       }), R.length === 0) {
-        f.style.height = "0px", m.innerHTML = "";
+        g.style.height = "0px", m.innerHTML = "";
         const C = document.createElement("div");
         C.className = "tbw-filter-no-match", C.textContent = "No matching values", m.appendChild(C);
         return;
       }
       H();
     };
-    g.addEventListener(
+    f.addEventListener(
       "scroll",
       () => {
         R.length > 0 && H();
       },
       { passive: !0 }
-    ), oe(l.value), e.appendChild(g);
-    let ie;
+    ), re(l.value), e.appendChild(f);
+    let se;
     l.addEventListener("input", () => {
-      clearTimeout(ie), ie = setTimeout(() => {
-        this.searchText.set(i, l.value), oe(l.value);
+      clearTimeout(se), se = setTimeout(() => {
+        this.searchText.set(i, l.value), re(l.value);
       }, this.config.debounceMs ?? 150);
     });
-    const P = document.createElement("div");
-    P.className = "tbw-filter-buttons";
-    const M = document.createElement("button");
-    M.className = "tbw-filter-apply-btn", M.textContent = "Apply", M.addEventListener("click", () => {
+    const M = document.createElement("div");
+    M.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 [y, C] of p)
         if (!C)
@@ -1225,11 +1225,11 @@ class A extends v {
             w.push(x !== void 0 ? x : y);
           }
       t.applySetFilter(w);
-    }), P.appendChild(M);
+    }), M.appendChild(P);
     const K = document.createElement("button");
     K.className = "tbw-filter-clear-btn", K.textContent = "Clear Filter", K.addEventListener("click", () => {
       t.clearFilter();
-    }), P.appendChild(K), e.appendChild(P);
+    }), M.appendChild(K), e.appendChild(M);
   }
   /**
    * Apply a set filter (exclude values)
@@ -1313,10 +1313,10 @@ class A extends v {
   }
   // #endregion
   // #region Styles
-  styles = it;
+  styles = at;
   // #endregion
 }
-function st(s) {
+function ct(s) {
   if (!s.length) return [];
   const e = /* @__PURE__ */ new Map(), t = [], n = (r, l) => {
     if (!l.length) return;
@@ -1351,7 +1351,7 @@ function st(s) {
     }, 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 lt(s, e, t) {
+function ut(s, e, t) {
   if (!e.length || !s) return;
   const n = /* @__PURE__ */ new Map();
   for (const i of e)
@@ -1367,7 +1367,7 @@ function lt(s, e, t) {
     l && l.classList.add("group-end");
   }
 }
-function at(s, e) {
+function ht(s, e) {
   if (s.length === 0) return null;
   const t = document.createElement("div");
   t.className = "header-group-row", t.setAttribute("role", "row");
@@ -1377,11 +1377,11 @@ function at(s, e) {
   }
   return t;
 }
-function dt(s) {
+function ft(s) {
   return s.some((e) => e.group != null);
 }
-const ct = ".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 v {
+const gt = ".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 En extends v {
   name = "groupingColumns";
   version = "1.0.0";
   get defaultConfig() {
@@ -1401,16 +1401,32 @@ class Cn extends v {
   // #region Static Detection
   /**
    * Auto-detect column groups from column configuration.
+   * Detects both inline `column.group` properties and declarative `columnGroups` config.
    */
   static detect(e, t) {
+    if (t?.columnGroups && Array.isArray(t.columnGroups) && t.columnGroups.length > 0)
+      return !0;
     const n = t?.columns;
-    return Array.isArray(n) ? dt(n) : !1;
+    return Array.isArray(n) ? ft(n) : !1;
   }
   // #endregion
   // #region Hooks
   processColumns(e) {
-    const t = st(e);
-    return t.length === 0 ? (this.isActive = !1, this.groups = [], [...e]) : (this.isActive = !0, this.groups = t, [...e]);
+    const t = this.grid?.gridConfig?.columnGroups;
+    let n;
+    if (t && Array.isArray(t) && t.length > 0) {
+      const i = /* @__PURE__ */ new Map();
+      for (const r of t)
+        for (const l of r.children)
+          i.set(l, { id: r.id, label: r.header });
+      n = e.map((r) => {
+        const l = i.get(r.field);
+        return l && !r.group ? { ...r, group: l } : r;
+      });
+    } else
+      n = [...e];
+    const o = ct(n);
+    return o.length === 0 ? (this.isActive = !1, this.groups = [], n) : (this.isActive = !0, this.groups = o, n);
   }
   afterRender() {
     if (!this.isActive || this.groups.length === 0) {
@@ -1422,14 +1438,14 @@ class Cn extends v {
     if (!e) return;
     const t = e.querySelector(".header-group-row");
     t && t.remove();
-    const n = at(this.groups, this.columns);
+    const n = ht(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 && (o.classList.toggle("no-group-borders", !this.config.showGroupBorders), lt(o, this.groups, this.columns));
+    o && (o.classList.toggle("no-group-borders", !this.config.showGroupBorders), ut(o, this.groups, this.columns));
   }
   // #endregion
   // #region Public API
@@ -1464,10 +1480,10 @@ class Cn extends v {
   }
   // #endregion
   // #region Styles
-  styles = ct;
+  styles = gt;
   // #endregion
 }
-function ut({ rows: s, config: e, expanded: t }) {
+function pt({ rows: s, config: e, expanded: t }) {
   const n = e.groupOn;
   if (typeof n != "function")
     return [];
@@ -1477,9 +1493,9 @@ function ut({ rows: s, config: e, expanded: t }) {
     a == null || a === !1 ? a = ["__ungrouped__"] : Array.isArray(a) || (a = [a]);
     let d = o;
     a.forEach((c, u) => {
-      const h = c == null ? "∅" : String(c), g = d.key === "__root__" ? h : d.key + "||" + h;
-      let f = d.children.get(h);
-      f || (f = { key: g, value: c, depth: u, rows: [], children: /* @__PURE__ */ new Map(), parent: d }, d.children.set(h, f)), d = f;
+      const h = c == null ? "∅" : String(c), f = d.key === "__root__" ? h : d.key + "||" + h;
+      let g = d.children.get(h);
+      g || (g = { key: f, value: c, depth: u, rows: [], children: /* @__PURE__ */ new Map(), parent: d }, d.children.set(h, g)), d = g;
     }), d.rows.push(l);
   }), o.children.size === 1 && o.children.has("__ungrouped__") && o.children.get("__ungrouped__").rows.length === s.length)
     return [];
@@ -1500,24 +1516,24 @@ function ut({ rows: s, config: e, expanded: t }) {
   };
   return r(o), i;
 }
-function ht(s, e) {
+function mt(s, e) {
   const t = new Set(s);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
-function gt(s) {
+function wt(s) {
   const e = /* @__PURE__ */ new Set();
   for (const t of s)
     t.kind === "group" && e.add(t.key);
   return e;
 }
-function ft() {
+function bt() {
   return /* @__PURE__ */ new Set();
 }
-function pt(s) {
+function vt(s) {
   return s.kind !== "group" ? 0 : s.rows.length;
 }
-const mt = '.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}.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}.data-grid-row.tbw-group-slide-in{animation:tbw-group-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-group-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.data-grid-row.tbw-group-fade-in{animation:tbw-group-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-group-fade-in{0%{opacity:0}to{opacity:1}}';
-class Rn extends v {
+const xt = '.group-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-grouping-rows-bg, var(--tbw-color-panel-bg));font-weight:500;border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height)}.group-row .cell{display:flex;align-items:center;padding:var(--tbw-cell-padding, 2px 8px)}.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;background:none;border:0;font:inherit}.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}.data-grid-row.tbw-group-slide-in{animation:tbw-group-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-group-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.data-grid-row.tbw-group-fade-in{animation:tbw-group-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-group-fade-in{0%{opacity:0}to{opacity:1}}';
+class An extends v {
   name = "groupingRows";
   version = "1.0.0";
   get defaultConfig() {
@@ -1565,7 +1581,7 @@ class Rn extends v {
     const t = this.config;
     if (typeof t.groupOn != "function")
       return this.isActive = !1, this.flattenedRows = [], [...e];
-    const n = ut({
+    const n = pt({
       rows: e,
       config: t,
       expanded: this.expandedKeys
@@ -1586,7 +1602,7 @@ class Rn extends v {
       __groupDepth: i.depth,
       __groupRows: i.rows,
       __groupExpanded: i.expanded,
-      __groupRowCount: pt(i)
+      __groupRowCount: vt(i)
     } : i.row);
   }
   onCellClick(e) {
@@ -1655,27 +1671,27 @@ class Rn extends v {
     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${e.__groupExpanded ? " expanded" : ""}`, g.setAttribute("aria-label", e.__groupExpanded ? "Collapse group" : "Expand group"), this.setIcon(g, this.resolveIcon(e.__groupExpanded ? "collapse" : "expand")), g.addEventListener("click", (p) => {
+        const f = document.createElement("button");
+        f.type = "button", f.className = `group-toggle${e.__groupExpanded ? " expanded" : ""}`, f.setAttribute("aria-label", e.__groupExpanded ? "Collapse group" : "Expand group"), this.setIcon(f, this.resolveIcon(e.__groupExpanded ? "collapse" : "expand")), f.addEventListener("click", (p) => {
           p.stopPropagation(), n();
-        }), h.appendChild(g);
-        const f = document.createElement("span"), m = i[c.field];
+        }), h.appendChild(f);
+        const g = document.createElement("span"), m = i[c.field];
         if (m) {
-          const p = se(m, l, c.field, c);
-          f.textContent = p != null ? String(p) : String(e.__groupValue);
+          const p = ae(m, l, c.field, c);
+          g.textContent = p != null ? String(p) : String(e.__groupValue);
         } else {
           const p = o.formatLabel ? o.formatLabel(e.__groupValue, e.__groupDepth || 0, e.__groupKey) : String(e.__groupValue);
-          f.textContent = p;
+          g.textContent = p;
         }
-        if (h.appendChild(f), o.showRowCount !== !1) {
+        if (h.appendChild(g), o.showRowCount !== !1) {
           const p = document.createElement("span");
           p.className = "group-count", p.textContent = ` (${l.length})`, h.appendChild(p);
         }
       } else {
-        const g = i[c.field];
-        if (g) {
-          const f = se(g, l, c.field, c);
-          h.textContent = f != null ? String(f) : "";
+        const f = i[c.field];
+        if (f) {
+          const g = ae(f, l, c.field, c);
+          h.textContent = g != null ? String(g) : "";
         } else
           h.textContent = "";
       }
@@ -1688,20 +1704,20 @@ class Rn extends v {
    * Expand all groups.
    */
   expandAll() {
-    this.expandedKeys = gt(this.flattenedRows), this.requestRender();
+    this.expandedKeys = wt(this.flattenedRows), this.requestRender();
   }
   /**
    * Collapse all groups.
    */
   collapseAll() {
-    this.expandedKeys = ft(), this.requestRender();
+    this.expandedKeys = bt(), this.requestRender();
   }
   /**
    * Toggle expansion of a specific group.
    * @param key - The group key to toggle
    */
   toggle(e) {
-    this.expandedKeys = ht(this.expandedKeys, e);
+    this.expandedKeys = mt(this.expandedKeys, e);
     const t = this.flattenedRows.find((n) => n.kind === "group" && n.key === e);
     this.emit("group-toggle", {
       key: e,
@@ -1792,25 +1808,25 @@ class Rn extends v {
   }
   // #endregion
   // #region Styles
-  styles = mt;
+  styles = xt;
   // #endregion
 }
-function z(s, e) {
+function $(s, e) {
   const t = new Set(s);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
-function wt(s, e) {
+function yt(s, e) {
   const t = new Set(s);
   return t.add(e), t;
 }
-function bt(s, e) {
+function Ct(s, e) {
   const t = new Set(s);
   return t.delete(e), t;
 }
-function vt(s, e) {
+function Rt(s, e) {
   return s.has(e);
 }
-function xt(s, e, t, n) {
+function St(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");
@@ -1818,8 +1834,8 @@ function xt(s, e, t, n) {
   const r = t(s, e);
   return typeof r == "string" ? i.innerHTML = r : r instanceof HTMLElement && i.appendChild(r), o.appendChild(i), o;
 }
-const yt = ".master-detail-cell-wrapper{display:flex;align-items:center;gap:4px}.master-detail-toggle{cursor:pointer;opacity:.7;user-select:none;display:inline-flex;align-items:center;justify-content:center}.master-detail-toggle:hover{opacity:1}.master-detail-row{grid-column:1 / -1;display:grid;background:var(--tbw-master-detail-bg, var(--tbw-color-row-alt));border-bottom:1px solid var(--tbw-master-detail-border, var(--tbw-color-border));overflow:hidden}.master-detail-cell{padding:16px;overflow:auto}.master-detail-row.tbw-expanding{animation:tbw-detail-expand var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}.master-detail-row.tbw-collapsing{animation:tbw-detail-collapse var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-detail-expand{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:500px;padding-top:16px;padding-bottom:16px}}@keyframes tbw-detail-collapse{0%{opacity:1;max-height:500px}to{opacity:0;max-height:0}}";
-class Sn extends v {
+const kt = ".master-detail-cell-wrapper{display:flex;align-items:center;gap:4px}.master-detail-toggle{cursor:pointer;opacity:.7;user-select:none;display:inline-flex;align-items:center;justify-content:center}.master-detail-toggle:hover{opacity:1}.master-detail-row{grid-column:1 / -1;display:grid;background:var(--tbw-master-detail-bg, var(--tbw-color-row-alt));border-bottom:1px solid var(--tbw-master-detail-border, var(--tbw-color-border));overflow:hidden}.master-detail-cell{padding:16px;overflow:auto}.master-detail-row.tbw-expanding{animation:tbw-detail-expand var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}.master-detail-row.tbw-collapsing{animation:tbw-detail-collapse var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-detail-expand{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:500px;padding-top:16px;padding-bottom:16px}}@keyframes tbw-detail-collapse{0%{opacity:1;max-height:500px}to{opacity:0;max-height:0}}";
+class _n extends v {
   name = "masterDetail";
   version = "1.0.0";
   get defaultConfig() {
@@ -1832,6 +1848,58 @@ class Sn extends v {
       // Plugin's own default
     };
   }
+  // #region Light DOM Parsing
+  /**
+   * Called when plugin is attached to the grid.
+   * Parses light DOM for `<tbw-grid-detail>` elements to configure detail templates.
+   */
+  attach(e) {
+    super.attach(e), this.parseLightDomDetail();
+  }
+  /**
+   * Parse `<tbw-grid-detail>` elements from the grid's light DOM.
+   *
+   * Allows declarative configuration:
+   * ```html
+   * <tbw-grid [rows]="data">
+   *   <tbw-grid-detail>
+   *     <div class="detail-content">
+   *       <p>Name: {{ row.name }}</p>
+   *       <p>Email: {{ row.email }}</p>
+   *     </div>
+   *   </tbw-grid-detail>
+   * </tbw-grid>
+   * ```
+   *
+   * Attributes:
+   * - `animation`: 'slide' | 'fade' | 'false' (default: 'slide')
+   * - `show-expand-column`: 'true' | 'false' (default: 'true')
+   * - `expand-on-row-click`: 'true' | 'false' (default: 'false')
+   * - `collapse-on-click-outside`: 'true' | 'false' (default: 'false')
+   * - `height`: number (pixels) or 'auto' (default: 'auto')
+   */
+  parseLightDomDetail() {
+    const e = this.grid;
+    if (!e || typeof e.querySelector != "function") return;
+    const t = e.querySelector("tbw-grid-detail");
+    if (!t) return;
+    const n = e;
+    if (n.__frameworkAdapter?.parseDetailElement) {
+      const u = n.__frameworkAdapter.parseDetailElement(t);
+      if (u) {
+        this.config = { ...this.config, detailRenderer: u };
+        return;
+      }
+    }
+    const o = t.getAttribute("animation"), i = t.getAttribute("show-expand-column"), r = t.getAttribute("expand-on-row-click"), l = t.getAttribute("collapse-on-click-outside"), a = t.getAttribute("height"), d = {};
+    o !== null && (d.animation = o === "false" ? !1 : o), i !== null && (d.showExpandColumn = i !== "false"), r !== null && (d.expandOnRowClick = r === "true"), l !== null && (d.collapseOnClickOutside = l === "true"), a !== null && (d.detailHeight = a === "auto" ? "auto" : parseInt(a, 10));
+    const c = t.innerHTML.trim();
+    c && !this.config.detailRenderer && (d.detailRenderer = (u, h) => {
+      const f = Be(c, { value: u, row: u });
+      return ze(f);
+    }), Object.keys(d).length > 0 && (this.config = { ...this.config, ...d });
+  }
+  // #endregion
   // #region Animation Helpers
   /**
    * Check if animations are enabled at the grid level.
@@ -1910,19 +1978,19 @@ class Sn extends v {
         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${d ? " expanded" : ""}`, 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) => {
-          g.stopPropagation();
-          const f = this.rows.indexOf(a);
-          this.expandedRows = z(this.expandedRows, a), this.emit("detail-expand", {
-            rowIndex: f,
+        u.className = `master-detail-toggle${d ? " expanded" : ""}`, 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", (f) => {
+          f.stopPropagation();
+          const g = this.rows.indexOf(a);
+          this.expandedRows = $(this.expandedRows, a), this.emit("detail-expand", {
+            rowIndex: g,
             row: a,
             expanded: this.expandedRows.has(a)
           }), this.requestRender();
         }), c.appendChild(u);
         const h = document.createElement("span");
         if (o) {
-          const g = o(r);
-          g instanceof Node ? h.appendChild(g) : h.textContent = String(g ?? l ?? "");
+          const f = o(r);
+          f instanceof Node ? h.appendChild(f) : h.textContent = String(f ?? l ?? "");
         } else
           h.textContent = String(l ?? "");
         return c.appendChild(h), c;
@@ -1933,7 +2001,7 @@ class Sn extends v {
   }
   onRowClick(e) {
     if (!(!this.config.expandOnRowClick || !this.config.detailRenderer))
-      return this.expandedRows = z(this.expandedRows, e.row), this.emit("detail-expand", {
+      return this.expandedRows = $(this.expandedRows, e.row), this.emit("detail-expand", {
         rowIndex: e.rowIndex,
         row: e.row,
         expanded: this.expandedRows.has(e.row)
@@ -1978,7 +2046,7 @@ class Sn extends v {
         d.previousElementSibling !== l && l.after(d);
         continue;
       }
-      const c = xt(a, r, this.config.detailRenderer, o);
+      const c = St(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), this.animateExpand(c);
     }
   }
@@ -2046,7 +2114,7 @@ class Sn extends v {
    */
   expand(e) {
     const t = this.rows[e];
-    t && (this.expandedRows = wt(this.expandedRows, t), this.requestRender());
+    t && (this.expandedRows = yt(this.expandedRows, t), this.requestRender());
   }
   /**
    * Collapse the detail row at the given index.
@@ -2054,7 +2122,7 @@ class Sn extends v {
    */
   collapse(e) {
     const t = this.rows[e];
-    t && (this.expandedRows = bt(this.expandedRows, t), this.requestRender());
+    t && (this.expandedRows = Ct(this.expandedRows, t), this.requestRender());
   }
   /**
    * Toggle the detail row at the given index.
@@ -2062,7 +2130,7 @@ class Sn extends v {
    */
   toggle(e) {
     const t = this.rows[e];
-    t && (this.expandedRows = z(this.expandedRows, t), this.requestRender());
+    t && (this.expandedRows = $(this.expandedRows, t), this.requestRender());
   }
   /**
    * Check if the detail row at the given index is expanded.
@@ -2071,7 +2139,7 @@ class Sn extends v {
    */
   isExpanded(e) {
     const t = this.rows[e];
-    return t ? vt(this.expandedRows, t) : !1;
+    return t ? Rt(this.expandedRows, t) : !1;
   }
   /**
    * Expand all detail rows.
@@ -2108,37 +2176,48 @@ class Sn extends v {
     const t = this.rows[e];
     return t ? this.detailElements.get(t) : void 0;
   }
+  /**
+   * Re-parse light DOM to refresh the detail renderer.
+   * Call this after framework templates are registered (e.g., Angular ngAfterContentInit).
+   *
+   * This allows frameworks to register templates asynchronously and then
+   * update the plugin's detailRenderer.
+   */
+  refreshDetailRenderer() {
+    const e = this.config.detailRenderer;
+    this.config = { ...this.config, detailRenderer: void 0 }, this.parseLightDomDetail(), !this.config.detailRenderer && e && (this.config = { ...this.config, detailRenderer: e });
+  }
   // #endregion
   // #region Styles
-  styles = yt;
+  styles = kt;
   // #endregion
 }
-function Ct(s, e, t) {
+function Et(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 ?? Rt, a = n[i.field], d = o[i.field], c = l(a, d, n, o);
+      const l = t.find((u) => u.field === i.field)?.sortComparator ?? At, 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;
   }) : [...s];
 }
-function Rt(s, e) {
+function At(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 St(s, e, t, n) {
+function _t(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 be(s, e) {
+function xe(s, e) {
   const t = s.findIndex((n) => n.field === e);
   return t >= 0 ? t + 1 : void 0;
 }
-function ve(s, e) {
+function ye(s, e) {
   return s.find((t) => t.field === e)?.direction;
 }
-const kt = '.header-cell[data-sort=asc]:after{content:"↑";margin-left:4px;opacity:.8}.header-cell[data-sort=desc]:after{content:"↓";margin-left:4px;opacity:.8}.sort-indicator{margin-left:4px;opacity:.8}.sort-index{font-size:10px;background:var(--tbw-multi-sort-badge-bg, var(--tbw-color-panel-bg));color:var(--tbw-multi-sort-badge-color, var(--tbw-color-fg));border-radius:50%;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;margin-left:2px;font-weight:600}';
-class kn extends v {
+const It = '.header-cell[data-sort=asc]:after{content:"↑";margin-left:4px;opacity:.8}.header-cell[data-sort=desc]:after{content:"↓";margin-left:4px;opacity:.8}.sort-indicator{margin-left:4px;opacity:.8}.sort-index{font-size:10px;background:var(--tbw-multi-sort-badge-bg, var(--tbw-color-panel-bg));color:var(--tbw-multi-sort-badge-color, var(--tbw-color-fg));border-radius:50%;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;margin-left:2px;font-weight:600}';
+class In extends v {
   name = "multiSort";
   version = "1.0.0";
   get defaultConfig() {
@@ -2157,12 +2236,12 @@ class kn extends v {
   // #endregion
   // #region Hooks
   processRows(e) {
-    return this.sortModel.length === 0 ? [...e] : Ct([...e], this.sortModel, [...this.columns]);
+    return this.sortModel.length === 0 ? [...e] : Et([...e], this.sortModel, [...this.columns]);
   }
   onHeaderClick(e) {
     if (!this.columns.find((i) => i.field === e.field)?.sortable) return !1;
     const n = e.originalEvent.shiftKey, o = this.config.maxSortColumns ?? 3;
-    return this.sortModel = St(this.sortModel, e.field, n, o), this.emit("sort-change", { sortModel: [...this.sortModel] }), this.requestRender(), !0;
+    return this.sortModel = _t(this.sortModel, e.field, n, o), this.emit("sort-change", { sortModel: [...this.sortModel] }), this.requestRender(), !0;
   }
   afterRender() {
     const e = this.shadowRoot;
@@ -2171,7 +2250,7 @@ class kn extends v {
     e.querySelectorAll(".header-row .cell[data-field]").forEach((o) => {
       const i = o.getAttribute("data-field");
       if (!i) return;
-      const r = be(this.sortModel, i), l = ve(this.sortModel, i);
+      const r = xe(this.sortModel, i), l = ye(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");
@@ -2211,7 +2290,7 @@ class kn extends v {
    * @returns 1-based index or undefined if not sorted
    */
   getSortIndex(e) {
-    return be(this.sortModel, e);
+    return xe(this.sortModel, e);
   }
   /**
    * Get the sort direction for a specific field.
@@ -2219,7 +2298,7 @@ class kn extends v {
    * @returns Sort direction or undefined if not sorted
    */
   getSortDirection(e) {
-    return ve(this.sortModel, e);
+    return ye(this.sortModel, e);
   }
   // #endregion
   // #region Column State Hooks
@@ -2252,19 +2331,19 @@ class kn extends v {
   }
   // #endregion
   // #region Styles
-  styles = kt;
+  styles = It;
   // #endregion
 }
-function Et(s) {
+function Tt(s) {
   return s.filter((e) => e.sticky === "left");
 }
-function At(s) {
+function Lt(s) {
   return s.filter((e) => e.sticky === "right");
 }
-function W(s) {
+function j(s) {
   return s.some((e) => e.sticky === "left" || e.sticky === "right");
 }
-function xe(s, e) {
+function Ce(s, e) {
   const t = s.shadowRoot;
   if (!t) return;
   const n = Array.from(t.querySelectorAll(".header-row .cell"));
@@ -2290,14 +2369,14 @@ function xe(s, e) {
       }), r += d.offsetWidth);
     }
 }
-function ye(s) {
+function Re(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 v {
+class Tn extends v {
   name = "pinnedColumns";
   version = "1.0.0";
   get defaultConfig() {
@@ -2319,23 +2398,23 @@ class En extends v {
    */
   static detect(e, t) {
     const n = t?.columns;
-    return Array.isArray(n) ? W(n) : !1;
+    return Array.isArray(n) ? j(n) : !1;
   }
   // #endregion
   // #region Hooks
   processColumns(e) {
-    return this.isApplied = W([...e]), [...e];
+    return this.isApplied = j([...e]), [...e];
   }
   afterRender() {
     if (!this.isApplied)
       return;
     const e = this.grid, t = [...this.columns];
-    if (!W(t)) {
-      ye(e), this.isApplied = !1;
+    if (!j(t)) {
+      Re(e), this.isApplied = !1;
       return;
     }
     queueMicrotask(() => {
-      xe(e, t);
+      Ce(e, t);
     });
   }
   /**
@@ -2361,27 +2440,27 @@ class En extends v {
    */
   refreshStickyOffsets() {
     const e = [...this.columns];
-    xe(this.grid, e);
+    Ce(this.grid, e);
   }
   /**
    * Get columns pinned to the left.
    */
   getLeftPinnedColumns() {
     const e = [...this.columns];
-    return Et(e);
+    return Tt(e);
   }
   /**
    * Get columns pinned to the right.
    */
   getRightPinnedColumns() {
     const e = [...this.columns];
-    return At(e);
+    return Lt(e);
   }
   /**
    * Clear all sticky positioning.
    */
   clearStickyPositions() {
-    ye(this.grid);
+    Re(this.grid);
   }
   /**
    * Report horizontal scroll boundary offsets for pinned columns.
@@ -2409,10 +2488,10 @@ class En extends v {
   }
   // #endregion
 }
-function _t(s) {
+function Ft(s) {
   return typeof s == "object" && s !== null && "aggFunc" in s;
 }
-function $(s, e) {
+function U(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");
@@ -2434,7 +2513,7 @@ function $(s, e) {
   }
   if (s.customPanels)
     for (const r of s.customPanels) {
-      const l = It(r, e);
+      const l = Mt(r, e);
       switch (r.position) {
         case "left":
           n.appendChild(l);
@@ -2449,11 +2528,11 @@ function $(s, e) {
     }
   return t.appendChild(n), t.appendChild(o), t.appendChild(i), t;
 }
-function Ce(s) {
+function Se(s) {
   const e = document.createElement("div");
   return e.className = `tbw-aggregation-rows tbw-aggregation-rows-${s}`, e.setAttribute("role", "presentation"), e;
 }
-function Re(s, e, t, n) {
+function ke(s, e, t, n) {
   s.innerHTML = "";
   for (const o of e) {
     const i = document.createElement("div");
@@ -2467,11 +2546,11 @@ function Re(s, e, t, n) {
         let a, d;
         const c = o.aggregators?.[r.field];
         if (c)
-          if (_t(c)) {
-            const u = le(c.aggFunc);
+          if (Ft(c)) {
+            const u = de(c.aggFunc);
             u && (a = u(n, r.field, r)), d = c.formatter;
           } else {
-            const u = le(c);
+            const u = de(c);
             u && (a = u(n, r.field, r));
           }
         else if (o.cells && Object.prototype.hasOwnProperty.call(o.cells, r.field)) {
@@ -2483,13 +2562,13 @@ function Re(s, e, t, n) {
     s.appendChild(i);
   }
 }
-function It(s, e) {
+function Mt(s, e) {
   const t = document.createElement("div");
   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 Se(s, e, t, n, o) {
+function Ee(s, e, t, n, o) {
   return {
     totalRows: s.length,
     filteredRows: o?.cachedResult?.length ?? s.length,
@@ -2499,8 +2578,8 @@ function Se(s, e, t, n, o) {
     grid: t
   };
 }
-const Lt = ".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 v {
+const Pt = ".tbw-footer{flex-shrink:0;z-index:var(--tbw-z-layer-pinned-rows, 20);background:var(--tbw-color-panel-bg)}.tbw-pinned-rows{display:flex;align-items:center;justify-content:space-between;padding: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 Ln extends v {
   name = "pinnedRows";
   version = "1.0.0";
   get defaultConfig() {
@@ -2528,7 +2607,7 @@ class An extends v {
     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 = Se(
+    const n = this.getSelectionState(), o = this.getFilterState(), i = Ee(
       this.rows,
       this.columns,
       this.grid,
@@ -2537,11 +2616,11 @@ class An extends v {
     ), 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 = Ce("top");
+        this.topAggregationContainer = Se("top");
         const h = e.querySelector(".header");
         h && h.nextSibling ? t.insertBefore(this.topAggregationContainer, h.nextSibling) : t.appendChild(this.topAggregationContainer);
       }
-      Re(
+      ke(
         this.topAggregationContainer,
         l,
         this.visibleColumns,
@@ -2551,18 +2630,18 @@ class An extends v {
     const d = this.config.showRowCount !== !1 || this.config.showSelectedCount && i.selectedRows > 0 || this.config.showFilteredCount && i.filteredRows !== i.totalRows || this.config.customPanels && this.config.customPanels.length > 0, c = d && this.config.position !== "top", u = a.length > 0 || c;
     if (d && this.config.position === "top")
       if (!this.infoBarElement)
-        this.infoBarElement = $(this.config, i), t.insertBefore(this.infoBarElement, t.firstChild);
+        this.infoBarElement = U(this.config, i), t.insertBefore(this.infoBarElement, t.firstChild);
       else {
-        const h = $(this.config, i);
+        const h = U(this.config, i);
         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 = Ce("bottom")), this.footerWrapper.appendChild(this.bottomAggregationContainer), Re(
+    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 = Se("bottom")), this.footerWrapper.appendChild(this.bottomAggregationContainer), ke(
       this.bottomAggregationContainer,
       a,
       this.visibleColumns,
       this.rows
-    )), c && (this.infoBarElement = $(this.config, i), this.footerWrapper.appendChild(this.infoBarElement))) : this.cleanupFooter();
+    )), c && (this.infoBarElement = U(this.config, i), this.footerWrapper.appendChild(this.infoBarElement))) : this.cleanupFooter();
   }
   // #endregion
   // #region Private Methods
@@ -2600,7 +2679,7 @@ class An extends v {
    */
   getContext() {
     const e = this.getSelectionState(), t = this.getFilterState();
-    return Se(
+    return Ee(
       this.rows,
       this.columns,
       this.grid,
@@ -2638,19 +2717,19 @@ class An extends v {
   }
   // #endregion
   // #region Styles
-  styles = Lt;
+  styles = Pt;
   // #endregion
 }
-const Tt = Oe;
-function Ft(s) {
+const Kt = We;
+function Nt(s) {
   const e = [];
   return !s.rowGroupFields?.length && !s.columnGroupFields?.length && e.push("At least one row or column group field is required"), s.valueFields?.length || e.push("At least one value field is required"), e;
 }
-function ne(s, e) {
+function ie(s, e) {
   return [...s, e].join("|");
 }
-function Pt(s, e) {
-  const t = e.rowGroupFields ?? [], n = e.columnGroupFields ?? [], o = e.valueFields ?? [], i = Mt(s, n), r = qe(
+function qt(s, e) {
+  const t = e.rowGroupFields ?? [], n = e.columnGroupFields ?? [], o = e.valueFields ?? [], i = Dt(s, n), r = He(
     s,
     t,
     n,
@@ -2660,7 +2739,7 @@ function Pt(s, e) {
     // starting depth
     ""
     // parent key prefix
-  ), l = Nt(r, i, o), a = Object.values(l).reduce((d, c) => d + c, 0);
+  ), l = Vt(r, i, o), a = Object.values(l).reduce((d, c) => d + c, 0);
   return {
     rows: r,
     columnKeys: i,
@@ -2668,7 +2747,7 @@ function Pt(s, e) {
     grandTotal: a
   };
 }
-function Mt(s, e) {
+function Dt(s, e) {
   if (e.length === 0) return ["value"];
   const t = /* @__PURE__ */ new Set();
   for (const n of s) {
@@ -2677,7 +2756,7 @@ function Mt(s, e) {
   }
   return [...t].sort();
 }
-function Kt(s, e) {
+function Ht(s, e) {
   const t = /* @__PURE__ */ new Map();
   for (const n of s) {
     const o = String(n[e] ?? ""), i = t.get(o);
@@ -2685,75 +2764,75 @@ function Kt(s, e) {
   }
   return t;
 }
-function qe(s, e, t, n, o, i, r) {
+function He(s, e, t, n, o, i, r) {
   const l = [];
   if (e.length === 0) {
-    const h = ke(s, t, n, o), g = Ee(h);
+    const h = Ae(s, t, n, o), f = _e(h);
     return l.push({
       rowKey: r || "all",
       rowLabel: r || "All",
       depth: i,
       values: h,
-      total: g,
+      total: f,
       isGroup: !1,
       rowCount: s.length
     }), l;
   }
-  const a = e[0], d = e.slice(1), c = d.length > 0, u = Kt(s, a);
-  for (const [h, g] of u) {
-    const f = r ? `${r}|${h}` : h, m = ke(g, t, n, o), p = Ee(m);
+  const a = e[0], d = e.slice(1), c = d.length > 0, u = Ht(s, a);
+  for (const [h, f] of u) {
+    const g = r ? `${r}|${h}` : h, m = Ae(f, t, n, o), p = _e(m);
     let R;
-    c && (R = qe(
-      g,
+    c && (R = He(
+      f,
       d,
       t,
       n,
       o,
       i + 1,
-      f
+      g
     )), l.push({
-      rowKey: f,
+      rowKey: g,
       rowLabel: h || "(blank)",
       depth: i,
       values: m,
       total: p,
       isGroup: c,
       children: R,
-      rowCount: g.length
+      rowCount: f.length
     });
   }
   return l;
 }
-function ke(s, e, t, n) {
+function Ae(s, e, t, n) {
   const o = {};
   for (const i of t)
     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 = Tt(r.aggFunc), c = a.length > 0 ? d(a) : null, u = ne([i], r.field);
+      const a = (e.length > 0 ? s.filter((h) => e.map((f) => String(h[f] ?? "")).join("|") === i) : s).map((h) => Number(h[r.field]) || 0), d = Kt(r.aggFunc), c = a.length > 0 ? d(a) : null, u = ie([i], r.field);
       o[u] = c;
     }
   return o;
 }
-function Ee(s) {
+function _e(s) {
   let e = 0;
   for (const t of Object.values(s))
     e += t ?? 0;
   return e;
 }
-function Nt(s, e, t) {
+function Vt(s, e, t) {
   const n = {};
   function o(i) {
     for (const r of i)
       if (!r.isGroup || !r.children?.length)
         for (const l of e)
           for (const a of t) {
-            const d = ne([l], a.field);
+            const d = ie([l], a.field);
             n[d] = (n[d] ?? 0) + (r.values[d] ?? 0);
           }
       else r.children && o(r.children);
   }
   return o(s), n;
 }
-function qt(s, e, t = !0) {
+function Ot(s, e, t = !0) {
   const n = [];
   function o(i) {
     n.push(i);
@@ -2766,7 +2845,7 @@ function qt(s, e, t = !0) {
     o(i);
   return n;
 }
-function j(s) {
+function Y(s) {
   const e = [];
   function t(n) {
     if (n.isGroup && e.push(n.rowKey), n.children)
@@ -2777,14 +2856,14 @@ function j(s) {
     t(n);
   return e;
 }
-const Dt = ["sum", "avg", "count", "min", "max", "first", "last"];
-function Ht(s, e, t, n) {
+const Gt = ["sum", "avg", "count", "min", "max", "first", "last"];
+function Bt(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(L("Options", () => zt(t, i))), r.appendChild(L("Row Groups", () => Ae("rowGroups", i))), r.appendChild(L("Column Groups", () => Ae("columnGroups", i))), r.appendChild(L("Values", () => Ot(i))), r.appendChild(L("Available Fields", () => Bt(i))), s.appendChild(r), () => {
+  return r.className = "tbw-pivot-panel", r.appendChild(T("Options", () => Ut(t, i))), r.appendChild(T("Row Groups", () => Ie("rowGroups", i))), r.appendChild(T("Column Groups", () => Ie("columnGroups", i))), r.appendChild(T("Values", () => Wt(i))), r.appendChild(T("Available Fields", () => jt(i))), s.appendChild(r), () => {
     o.abort(), r.remove();
   };
 }
-function L(s, e) {
+function T(s, e) {
   const t = document.createElement("div");
   t.className = "tbw-pivot-section";
   const n = document.createElement("div");
@@ -2792,7 +2871,7 @@ function L(s, e) {
   const o = document.createElement("div");
   return o.className = "tbw-pivot-section-content", o.appendChild(e()), t.appendChild(n), t.appendChild(o), t;
 }
-function Ae(s, e) {
+function Ie(s, e) {
   const { config: t, callbacks: n, signal: o } = e, i = document.createElement("div");
   i.className = "tbw-pivot-drop-zone", i.setAttribute("data-zone", s);
   const r = s === "rowGroups" ? t.rowGroupFields ?? [] : t.columnGroupFields ?? [];
@@ -2801,7 +2880,7 @@ function Ae(s, e) {
     l.className = "tbw-pivot-placeholder", l.textContent = "Drag fields here or click to add", i.appendChild(l);
   } else
     for (const l of r)
-      i.appendChild(Vt(l, s, e));
+      i.appendChild(zt(l, s, e));
   return i.addEventListener(
     "dragover",
     (l) => {
@@ -2824,7 +2903,7 @@ function Ae(s, e) {
     { signal: o }
   ), i;
 }
-function Vt(s, e, t) {
+function zt(s, e, t) {
   const { callbacks: n, signal: o } = t, i = document.createElement("div");
   i.className = "tbw-pivot-field-chip", i.draggable = !0;
   const r = n.getAvailableFields().find((d) => d.field === s), l = document.createElement("span");
@@ -2850,7 +2929,7 @@ function Vt(s, e, t) {
     { signal: o }
   ), i;
 }
-function Ot(s) {
+function Wt(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 ?? [];
@@ -2859,7 +2938,7 @@ function Ot(s) {
     r.className = "tbw-pivot-placeholder", r.textContent = "Drag numeric fields here for aggregation", o.appendChild(r);
   } else
     for (const r of i)
-      o.appendChild(Gt(r, s));
+      o.appendChild($t(r, s));
   return o.addEventListener(
     "dragover",
     (r) => {
@@ -2882,7 +2961,7 @@ function Ot(s) {
     { signal: n }
   ), o;
 }
-function Gt(s, e) {
+function $t(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 === s.field), r = document.createElement("div");
@@ -2891,7 +2970,7 @@ function Gt(s, e) {
   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 Dt) {
+  for (const c of Gt) {
     const u = document.createElement("option");
     u.value = c, u.textContent = c.toUpperCase(), u.selected = c === s.aggFunc, a.appendChild(u);
   }
@@ -2911,7 +2990,7 @@ function Gt(s, e) {
     { signal: n }
   ), r.appendChild(l), r.appendChild(a), o.appendChild(r), o.appendChild(d), o;
 }
-function Bt(s) {
+function jt(s) {
   const { config: e, callbacks: t, signal: n } = s, o = document.createElement("div");
   o.className = "tbw-pivot-available-fields";
   const i = t.getAvailableFields(), r = /* @__PURE__ */ new Set([
@@ -2941,10 +3020,10 @@ function Bt(s) {
     }
   return o;
 }
-function zt(s, e) {
+function Ut(s, e) {
   const { config: t, callbacks: n, signal: o } = e, i = document.createElement("div");
   return i.className = "tbw-pivot-options", i.appendChild(
-    U(
+    Z(
       "Enable Pivot View",
       s,
       (r) => {
@@ -2953,7 +3032,7 @@ function zt(s, e) {
       o
     )
   ), i.appendChild(
-    U(
+    Z(
       "Show Row Totals",
       t.showTotals ?? !0,
       (r) => {
@@ -2962,7 +3041,7 @@ function zt(s, e) {
       o
     )
   ), i.appendChild(
-    U(
+    Z(
       "Show Grand Total",
       t.showGrandTotal ?? !0,
       (r) => {
@@ -2972,7 +3051,7 @@ function zt(s, e) {
     )
   ), i;
 }
-function U(s, e, t, n) {
+function Z(s, e, t, n) {
   const o = document.createElement("label");
   o.className = "tbw-pivot-checkbox";
   const i = document.createElement("input");
@@ -2980,7 +3059,7 @@ function U(s, e, t, n) {
   const r = document.createElement("span");
   return r.textContent = s, o.appendChild(i), o.appendChild(r), o;
 }
-function Wt(s, e, t) {
+function Yt(s, e, t) {
   return e.className = "pivot-group-row", e.setAttribute("data-pivot-depth", String(s.__pivotDepth ?? 0)), e.setAttribute("data-pivot-key", String(s.__pivotRowKey ?? "")), e.setAttribute("role", "row"), e.innerHTML = "", t.columns.forEach((n, o) => {
     const i = document.createElement("div");
     if (i.className = "cell", i.setAttribute("data-col", String(o)), i.setAttribute("role", "gridcell"), o === 0) {
@@ -3001,7 +3080,7 @@ function Wt(s, e, t) {
     e.appendChild(i);
   }), !0;
 }
-function $t(s, e, t) {
+function Zt(s, e, t) {
   return e.className = "pivot-leaf-row", e.setAttribute("data-pivot-depth", String(s.__pivotDepth ?? 0)), e.setAttribute("data-pivot-key", String(s.__pivotRowKey ?? "")), e.innerHTML = "", t.forEach((n, o) => {
     const i = document.createElement("div");
     if (i.className = "cell", i.setAttribute("data-col", String(o)), i.setAttribute("role", "gridcell"), o === 0) {
@@ -3016,7 +3095,7 @@ function $t(s, e, t) {
     e.appendChild(i);
   }), !0;
 }
-function jt(s, e, t) {
+function Xt(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) {
@@ -3029,8 +3108,8 @@ function jt(s, e, t) {
     e.appendChild(i);
   }), !0;
 }
-const Ut = '.pivot-group-row{display:grid;grid-template-columns:var(--tbw-column-template);font-weight:600;background:var(--tbw-pivot-group-bg, var(--tbw-color-row-alt));min-height:var(--tbw-row-height);border-bottom:var(--tbw-row-divider)}.pivot-group-row:hover{background:var(--tbw-pivot-group-hover, var(--tbw-color-row-hover))}.pivot-leaf-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-pivot-leaf-bg, var(--tbw-color-bg));min-height:var(--tbw-row-height);border-bottom:var(--tbw-row-divider)}.pivot-grand-total-row{display:grid;grid-template-columns:var(--tbw-column-template);font-weight:700;background:var(--tbw-pivot-grand-total-bg, var(--tbw-color-header-bg));min-height:var(--tbw-row-height);border-top:2px solid var(--tbw-color-border-strong)}.pivot-grand-total-row>.cell{display:flex;align-items:center;padding:var(--tbw-cell-padding);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}.pivot-grand-total-row>.cell:last-child{border-right:0}.pivot-grand-total-footer{position:sticky;bottom:0;z-index:var(--tbw-z-layer-pinned-rows, 20);background:var(--tbw-pivot-grand-total-bg, var(--tbw-color-header-bg));min-width:fit-content}.pivot-group-row>.cell,.pivot-leaf-row>.cell{display:flex;align-items:center;padding:var(--tbw-cell-padding);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}.pivot-group-row>.cell:last-child,.pivot-leaf-row>.cell:last-child{border-right:0}.pivot-toggle{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:6px;border:none;background:transparent;cursor:pointer;color:var(--tbw-pivot-toggle-color, var(--tbw-color-fg-muted));border-radius:var(--tbw-border-radius);transition:background .15s,color .15s}.pivot-toggle:hover{background:var(--tbw-pivot-toggle-hover-bg, var(--tbw-color-row-hover));color:var(--tbw-pivot-toggle-hover-color, var(--tbw-color-fg))}.pivot-toggle:focus{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}.pivot-label{font-weight:inherit}.pivot-count{color:var(--tbw-pivot-count-color, var(--tbw-color-fg-muted));font-size:.9em;font-weight:400}.pivot-total-row{font-weight:700;border-top:2px solid var(--tbw-pivot-border, var(--tbw-color-border-strong))}[data-pivot-depth="1"]{--tbw-pivot-depth: 1}[data-pivot-depth="2"]{--tbw-pivot-depth: 2}[data-pivot-depth="3"]{--tbw-pivot-depth: 3}[data-pivot-depth="4"]{--tbw-pivot-depth: 4}.tbw-pivot-panel{display:flex;flex-direction:column;gap: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}.pivot-group-row.tbw-pivot-slide-in,.pivot-leaf-row.tbw-pivot-slide-in{animation:tbw-pivot-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-pivot-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.pivot-group-row.tbw-pivot-fade-in,.pivot-leaf-row.tbw-pivot-fade-in{animation:tbw-pivot-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-pivot-fade-in{0%{opacity:0}to{opacity:1}}';
-class T extends v {
+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;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}.pivot-group-row.tbw-pivot-slide-in,.pivot-leaf-row.tbw-pivot-slide-in{animation:tbw-pivot-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-pivot-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.pivot-group-row.tbw-pivot-fade-in,.pivot-leaf-row.tbw-pivot-fade-in{animation:tbw-pivot-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-pivot-fade-in{0%{opacity:0}to{opacity:1}}';
+class L extends v {
   name = "pivot";
   version = "1.0.0";
   /** Tool panel ID for shell integration */
@@ -3085,7 +3164,7 @@ class T extends v {
   getToolPanel() {
     if ((this.config?.showToolPanel ?? this.userConfig?.showToolPanel ?? !0) !== !1)
       return {
-        id: T.PANEL_ID,
+        id: L.PANEL_ID,
         title: "Pivot",
         icon: "⊞",
         tooltip: "Configure pivot table",
@@ -3098,20 +3177,20 @@ class T extends v {
   processRows(e) {
     if (!this.hasInitialized && this.config.active !== !1 && this.hasValidPivotConfig() && (this.hasInitialized = !0, this.isActive = !0), !this.isActive)
       return [...e];
-    const t = Ft(this.config);
+    const t = Nt(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 r = j(this.pivotResult.rows);
+      const r = Y(this.pivotResult.rows);
       for (const l of r)
         this.expandedKeys.add(l);
     }
-    if (this.pivotResult = Pt(e, this.config), this.expandedKeys.size === 0 && this.defaultExpanded) {
-      const r = j(this.pivotResult.rows);
+    if (this.pivotResult = qt(e, this.config), this.expandedKeys.size === 0 && this.defaultExpanded) {
+      const r = Y(this.pivotResult.rows);
       for (const l of r)
         this.expandedKeys.add(l);
     }
-    const n = this.config.indentWidth ?? 20, o = qt(
+    const n = this.config.indentWidth ?? 20, o = Ot(
       this.pivotResult.rows,
       this.expandedKeys,
       this.defaultExpanded
@@ -3146,7 +3225,7 @@ class T extends v {
     });
     for (const o of this.pivotResult.columnKeys)
       for (const i of this.config.valueFields ?? []) {
-        const r = ne([o], i.field), l = i.header || this.fieldHeaderMap.get(i.field) || i.field;
+        const r = ie([o], i.field), l = i.header || this.fieldHeaderMap.get(i.field) || i.field;
         t.push({
           field: r,
           header: `${o} - ${l} (${i.aggFunc})`,
@@ -3163,12 +3242,12 @@ class T extends v {
   }
   renderRow(e, t) {
     const n = e;
-    return n.__pivotRowKey && n.__pivotHasChildren ? Wt(n, t, {
+    return n.__pivotRowKey && n.__pivotHasChildren ? Yt(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 ? $t(n, t, this.gridColumns) : (this.cleanupPivotStyling(t), !1);
+    }) : n.__pivotRowKey !== void 0 && this.isActive ? Zt(n, t, this.gridColumns) : (this.cleanupPivotStyling(t), !1);
   }
   /**
    * Remove pivot-specific classes, attributes, and inline styles from a row element.
@@ -3208,7 +3287,7 @@ class T extends v {
       __pivotTotal: this.pivotResult.grandTotal,
       ...this.pivotResult.totals
     };
-    jt(n, this.grandTotalFooter, this.gridColumns);
+    Xt(n, this.grandTotalFooter, this.gridColumns);
   }
   /**
    * Remove the grand total footer element.
@@ -3229,7 +3308,7 @@ class T extends v {
   }
   expandAll() {
     if (this.pivotResult) {
-      const e = j(this.pivotResult.rows);
+      const e = Y(this.pivotResult.rows);
       for (const t of e)
         this.expandedKeys.add(t);
       this.requestRender();
@@ -3270,16 +3349,16 @@ class T extends v {
   // #endregion
   // #region Tool Panel API
   showPanel() {
-    this.grid.openToolPanel(T.PANEL_ID);
+    this.grid.openToolPanel(L.PANEL_ID);
   }
   hidePanel() {
     this.grid.closeToolPanel();
   }
   togglePanel() {
-    this.grid.toggleToolPanel(T.PANEL_ID);
+    this.grid.toggleToolPanel(L.PANEL_ID);
   }
   isPanelVisible() {
-    return this.grid.activeToolPanel === T.PANEL_ID;
+    return this.grid.activeToolPanel === L.PANEL_ID;
   }
   // #endregion
   // #region Private Helpers
@@ -3323,7 +3402,7 @@ class T extends v {
       },
       getAvailableFields: () => this.getAvailableFields()
     };
-    return Ht(e, this.config, this.isActive, t);
+    return Bt(e, this.config, this.isActive, t);
   }
   refreshPanel() {
     this.panelContainer && (this.panelContainer.innerHTML = "", this.renderPanel(this.panelContainer));
@@ -3357,20 +3436,20 @@ class T extends v {
   }
   // #endregion
   // #region Styles
-  styles = Ut;
+  styles = Jt;
   // #endregion
 }
-function _e(s) {
+function Te(s) {
   const e = s.meta ?? {};
   return e.lockPosition !== !0 && e.suppressMovable !== !0;
 }
-function Ie(s, e, t) {
+function Le(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 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}.cell.flip-animating{transition:transform var(--tbw-animation-duration, .2s) ease-out;will-change:transform;z-index:1}@keyframes reorder-fade-in{0%{opacity:0}to{opacity:1}}.cell.fade-animating{animation:reorder-fade-in var(--tbw-animation-duration, .2s) ease-out backwards}';
-class _n extends v {
+const Qt = '.header-row>.cell[draggable=true]{cursor:grab;position:relative}.header-row>.cell.dragging{opacity:.5;cursor:grabbing}.header-row>.cell.drop-before:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent));z-index:1}.header-row>.cell.drop-after:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent));z-index:1}.cell.flip-animating{transition:transform var(--tbw-animation-duration, .2s) ease-out;will-change:transform;z-index:1}@keyframes reorder-fade-in{0%{opacity:0}to{opacity:1}}.cell.fade-animating{animation:reorder-fade-in var(--tbw-animation-duration, .2s) ease-out backwards}';
+class Fn extends v {
   name = "reorder";
   version = "1.0.0";
   get defaultConfig() {
@@ -3442,7 +3521,7 @@ class _n extends v {
         type: N.CAN_MOVE_COLUMN,
         context: r
       }).includes(!1);
-      if (!r || !_e(r) || !d) {
+      if (!r || !Te(r) || !d) {
         o.draggable = !1;
         return;
       }
@@ -3455,19 +3534,19 @@ class _n extends v {
         });
       }), o.addEventListener("dragover", (c) => {
         if (c.preventDefault(), !this.isDragging || this.draggedField === i) return;
-        const u = o.getBoundingClientRect(), h = u.left + u.width / 2, f = this.getColumnOrder().indexOf(i);
-        this.dropIndex = c.clientX < h ? f : f + 1, o.classList.add("drop-target"), o.classList.toggle("drop-before", c.clientX < h), o.classList.toggle("drop-after", c.clientX >= h);
+        const u = o.getBoundingClientRect(), h = u.left + u.width / 2, g = this.getColumnOrder().indexOf(i);
+        this.dropIndex = c.clientX < h ? g : g + 1, o.classList.add("drop-target"), o.classList.toggle("drop-before", c.clientX < h), o.classList.toggle("drop-after", c.clientX >= h);
       }), o.addEventListener("dragleave", () => {
         o.classList.remove("drop-target", "drop-before", "drop-after");
       }), o.addEventListener("drop", (c) => {
         c.preventDefault();
-        const u = this.draggedField, h = this.draggedIndex, g = this.dropIndex;
-        if (!this.isDragging || u === null || h === null || g === null)
+        const u = this.draggedField, h = this.draggedIndex, f = this.dropIndex;
+        if (!this.isDragging || u === null || h === null || f === null)
           return;
-        const f = g > h ? g - 1 : g, m = this.getColumnOrder(), p = Ie(m, h, f), R = {
+        const g = f > h ? f - 1 : f, m = this.getColumnOrder(), p = Le(m, h, g), R = {
           field: u,
           fromIndex: h,
-          toIndex: f,
+          toIndex: g,
           columnOrder: p
         };
         this.updateColumnOrder(p), this.emit("column-move", R);
@@ -3483,7 +3562,7 @@ class _n extends v {
     const t = this.grid, n = t._focusCol, o = t._visibleColumns;
     if (n < 0 || n >= o.length) return;
     const i = o[n];
-    if (!i || !_e(i)) return;
+    if (!i || !Te(i)) return;
     const r = this.grid;
     if (r.queryPlugins({
       type: N.CAN_MOVE_COLUMN,
@@ -3498,7 +3577,7 @@ class _n extends v {
       type: N.CAN_MOVE_COLUMN,
       context: u
     }).includes(!1)))
-      return this.moveColumn(i.field, c), t._focusCol = c, Ge(this.grid), e.preventDefault(), e.stopPropagation(), !0;
+      return this.moveColumn(i.field, c), t._focusCol = c, $e(this.grid), e.preventDefault(), e.stopPropagation(), !0;
   }
   // #endregion
   // #region Public API
@@ -3517,7 +3596,7 @@ class _n extends v {
   moveColumn(e, t) {
     const n = this.getColumnOrder(), o = n.indexOf(e);
     if (o === -1) return;
-    const i = Ie(n, o, t);
+    const i = Le(n, o, t);
     this.updateColumnOrder(i), this.emit("column-move", {
       field: e,
       fromIndex: o,
@@ -3635,7 +3714,7 @@ class _n extends v {
   }
   // #endregion
   // #region Styles
-  styles = Yt;
+  styles = Qt;
   // #endregion
 }
 function D(s) {
@@ -3646,38 +3725,38 @@ function D(s) {
     endCol: Math.max(s.startCol, s.endCol)
   };
 }
-function Zt(s) {
+function en(s) {
   const e = D(s);
   return {
     from: { row: e.startRow, col: e.startCol },
     to: { row: e.endRow, col: e.endCol }
   };
 }
-function J(s) {
-  return s.map(Zt);
+function ee(s) {
+  return s.map(en);
 }
-function Xt(s, e, t) {
+function tn(s, e, t) {
   const n = D(t);
   return s >= n.startRow && s <= n.endRow && e >= n.startCol && e <= n.endCol;
 }
-function Le(s, e, t) {
-  return t.some((n) => Xt(s, e, n));
+function Fe(s, e, t) {
+  return t.some((n) => tn(s, e, n));
 }
-function Jt(s) {
+function nn(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 Qt(s) {
+function on(s) {
   const e = /* @__PURE__ */ new Map();
   for (const t of s)
-    for (const n of Jt(t))
+    for (const n of nn(t))
       e.set(`${n.row},${n.col}`, n);
   return [...e.values()];
 }
-function Y(s, e) {
+function X(s, e) {
   return {
     startRow: s.row,
     startCol: s.col,
@@ -3685,8 +3764,8 @@ function Y(s, e) {
     endCol: e.col
   };
 }
-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) {
+const rn = ':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)}:host .tbw-selection-summary{font-size:13px;color:var(--tbw-color-fg-muted);white-space:nowrap}';
+function sn(s, e, t) {
   if (s === "cell" && e.selectedCell)
     return {
       mode: s,
@@ -3704,9 +3783,9 @@ function tn(s, e, t) {
     }));
     return { mode: s, ranges: n };
   }
-  return s === "range" && e.ranges.length > 0 ? { mode: s, ranges: J(e.ranges) } : { mode: s, ranges: [] };
+  return s === "range" && e.ranges.length > 0 ? { mode: s, ranges: ee(e.ranges) } : { mode: s, ranges: [] };
 }
-class In extends v {
+class Mn extends v {
   name = "selection";
   version = "1.0.0";
   get defaultConfig() {
@@ -3744,7 +3823,7 @@ class In extends v {
     if (i === "range") {
       const r = o.shiftKey, l = o.ctrlKey || o.metaKey;
       if (r && this.cellAnchor) {
-        const a = Y(this.cellAnchor, { row: t, col: n });
+        const a = X(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) {
         const a = {
@@ -3779,8 +3858,10 @@ class In extends v {
       return queueMicrotask(() => {
         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)
-      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" && o) {
+      const i = e.key === "Tab", r = e.shiftKey && !i;
+      return r && !this.cellAnchor && (this.cellAnchor = { row: this.grid._focusRow, col: this.grid._focusCol }), this.pendingKeyboardUpdate = { shiftKey: r }, queueMicrotask(() => this.requestAfterRender()), !1;
+    }
     if (t === "range" && e.key === "a" && (e.ctrlKey || e.metaKey)) {
       const i = this.rows.length, r = this.columns.length;
       if (i > 0 && r > 0) {
@@ -3811,7 +3892,7 @@ class In extends v {
   }
   onCellMouseMove(e) {
     if (this.config.mode !== "range" || !this.isDragging || !this.cellAnchor || e.rowIndex === void 0 || e.colIndex === void 0 || e.rowIndex < 0) return;
-    const t = Y(this.cellAnchor, { row: e.rowIndex, col: e.colIndex });
+    const t = X(this.cellAnchor, { row: e.rowIndex, col: e.colIndex });
     return this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] = t : this.ranges.push(t), this.activeRange = t, this.emit("selection-change", this.#e()), this.requestAfterRender(), !0;
   }
   onCellMouseUp(e) {
@@ -3832,17 +3913,18 @@ class In extends v {
     const o = e.querySelectorAll(".data-grid-row");
     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 r = i.querySelector(".cell[data-row]"), l = parseInt(r?.getAttribute("data-row") ?? "-1", 10);
+    }), t === "row" && (V(e), o.forEach((i) => {
+      const r = i.querySelector(".cell[data-row]"), l = je(r);
       l >= 0 && this.selected.has(l) && i.classList.add("selected", "row-focus");
     })), t === "range" && this.ranges.length > 0) {
+      V(e);
       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 && Le(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 && Fe(a, d, this.ranges) && (l.classList.add("selected"), 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"));
+    t === "cell" && this.selectedCell && V(e);
   }
   afterRender() {
     const e = this.shadowRoot;
@@ -3853,7 +3935,7 @@ class In extends v {
       this.pendingKeyboardUpdate = null;
       const i = this.grid._focusRow, r = this.grid._focusCol;
       if (o && this.cellAnchor) {
-        const l = Y(this.cellAnchor, { row: i, col: r });
+        const l = X(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());
@@ -3885,19 +3967,19 @@ class In extends v {
    * Get all selected cell ranges in public format.
    */
   getRanges() {
-    return J(this.ranges);
+    return ee(this.ranges);
   }
   /**
    * Get all selected cells across all ranges.
    */
   getSelectedCells() {
-    return Qt(this.ranges);
+    return on(this.ranges);
   }
   /**
    * Check if a specific cell is in range selection.
    */
   isCellSelected(e, t) {
-    return Le(e, t, this.ranges);
+    return Fe(e, t, this.ranges);
   }
   /**
    * Clear all selection.
@@ -3916,13 +3998,13 @@ class In extends v {
       endCol: t.to.col
     })), this.activeRange = this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] : null, this.emit("selection-change", {
       mode: this.config.mode,
-      ranges: J(this.ranges)
+      ranges: ee(this.ranges)
     }), this.requestAfterRender();
   }
   // #endregion
   // #region Private Helpers
   #e() {
-    return tn(
+    return sn(
       this.config.mode,
       {
         selectedCell: this.selectedCell,
@@ -3934,26 +4016,26 @@ class In extends v {
   }
   // #endregion
   // #region Styles
-  styles = en;
+  styles = rn;
   // #endregion
 }
 function q(s, e) {
   return Math.floor(s / e);
 }
-function nn(s, e) {
+function ln(s, e) {
   return {
     start: s * e,
     end: (s + 1) * e
   };
 }
-function on(s, e, t) {
+function an(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 Te(s, e, t, n) {
-  const o = nn(e, t);
+async function Me(s, e, t, n) {
+  const o = ln(e, t);
   return s.getRows({
     startRow: o.start,
     endRow: o.end,
@@ -3961,14 +4043,14 @@ async function Te(s, e, t, n) {
     filterModel: n.filterModel
   });
 }
-function rn(s, e, t) {
+function dn(s, e, t) {
   const n = q(s, e), o = t.get(n);
   if (!o) return;
   const i = s % e;
   return o[i];
 }
-const sn = 100;
-class Ln extends v {
+const cn = 100;
+class Pn extends v {
   name = "serverSide";
   version = "1.0.0";
   get defaultConfig() {
@@ -3997,12 +4079,12 @@ class Ln extends v {
    */
   loadRequiredBlocks() {
     if (!this.dataSource) return;
-    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);
+    const e = this.grid, t = this.config.cacheBlockSize ?? 100, n = { startRow: e._virtualization.start, endRow: e._virtualization.end }, o = an(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), Te(this.dataSource, i, t, {}).then((r) => {
+        this.loadingBlocks.add(i), Me(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);
@@ -4015,7 +4097,7 @@ class Ln extends v {
     if (!this.dataSource) return [...e];
     const t = [];
     for (let n = 0; n < this.totalRowCount; n++) {
-      const o = rn(n, this.config.cacheBlockSize ?? 100, this.loadedBlocks);
+      const o = dn(n, this.config.cacheBlockSize ?? 100, this.loadedBlocks);
       t.push(o ?? { __loading: !0, __index: n });
     }
     return t;
@@ -4023,7 +4105,7 @@ class Ln extends v {
   onScroll(e) {
     this.dataSource && (this.loadRequiredBlocks(), this.scrollDebounceTimer && clearTimeout(this.scrollDebounceTimer), this.scrollDebounceTimer = setTimeout(() => {
       this.loadRequiredBlocks();
-    }, sn));
+    }, cn));
   }
   // #endregion
   // #region Public API
@@ -4034,7 +4116,7 @@ class Ln extends v {
   setDataSource(e) {
     this.dataSource = e, this.loadedBlocks.clear(), this.loadingBlocks.clear();
     const t = this.config.cacheBlockSize ?? 100;
-    Te(e, 0, t, {}).then((n) => {
+    Me(e, 0, t, {}).then((n) => {
       this.loadedBlocks.set(0, n.rows), this.totalRowCount = n.totalRowCount, this.requestRender();
     });
   }
@@ -4072,59 +4154,59 @@ class Ln extends v {
   }
   // #endregion
 }
-function De(s, e, t) {
+function Ve(s, e, t) {
   return s.id !== void 0 ? String(s.id) : t ? `${t}-${e}` : String(e);
 }
-function Fe(s, e) {
+function Pe(s, e) {
   const t = new Set(s);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
-function Q(s, e, t = null, n = 0) {
+function te(s, e, t = null, n = 0) {
   const o = e.childrenField ?? "children", i = /* @__PURE__ */ new Set();
   for (let r = 0; r < s.length; r++) {
-    const l = s[r], a = De(l, r, t), d = l[o];
+    const l = s[r], a = Ve(l, r, t), d = l[o];
     if (Array.isArray(d) && d.length > 0) {
       i.add(a);
-      const c = Q(d, e, a, n + 1);
+      const c = te(d, e, a, n + 1);
       for (const u of c) i.add(u);
     }
   }
   return i;
 }
-function ln() {
+function un() {
   return /* @__PURE__ */ new Set();
 }
-function He(s, e, t, n = null, o = 0) {
+function Oe(s, e, t, n = null, o = 0) {
   const i = t.childrenField ?? "children";
   for (let r = 0; r < s.length; r++) {
-    const l = s[r], a = De(l, r, n);
+    const l = s[r], a = Ve(l, r, n);
     if (a === e)
       return [a];
     const d = l[i];
     if (Array.isArray(d) && d.length > 0) {
-      const c = He(d, e, t, a, o + 1);
+      const c = Oe(d, e, t, a, o + 1);
       if (c)
         return [a, ...c];
     }
   }
   return null;
 }
-function an(s, e, t, n) {
-  const o = He(s, e, t);
+function hn(s, e, t, n) {
+  const o = Oe(s, e, t);
   if (!o) return n;
   const i = new Set(n);
   for (let r = 0; r < o.length - 1; r++)
     i.add(o[r]);
   return i;
 }
-function Pe(s, e = "children") {
+function Ke(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 dn(s) {
+function fn(s) {
   if (!Array.isArray(s) || s.length === 0) return null;
   const e = ["children", "items", "nodes", "subRows", "nested"];
   for (const t of s)
@@ -4135,11 +4217,11 @@ function dn(s) {
     }
   return null;
 }
-const cn = ".tree-cell{display:flex;align-items:center;padding-left:calc(var(--tree-depth, 0) * var(--tbw-tree-indent, 20px))}.tree-toggle{cursor:pointer;user-select:none;display:inline-flex;align-items:center;justify-content:center;margin-right:4px}.tree-toggle:hover{color:var(--tbw-tree-accent, var(--tbw-color-accent))}.tree-spacer{width:14px;display:inline-block}.data-grid-row.tbw-tree-slide-in{animation:tbw-tree-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-tree-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.data-grid-row.tbw-tree-fade-in{animation:tbw-tree-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-tree-fade-in{0%{opacity:0}to{opacity:1}}";
-class Tn extends v {
+const gn = ".tree-cell{display:flex;align-items:center;padding-left:calc(var(--tree-depth, 0) * var(--tbw-tree-indent, 20px))}.tree-toggle{cursor:pointer;user-select:none;display:inline-flex;align-items:center;justify-content:center;margin-right:4px}.tree-toggle:hover{color:var(--tbw-tree-accent, var(--tbw-color-accent))}.tree-spacer{width:14px;display:inline-block}.data-grid-row.tbw-tree-slide-in{animation:tbw-tree-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-tree-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.data-grid-row.tbw-tree-fade-in{animation:tbw-tree-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-tree-fade-in{0%{opacity:0}to{opacity:1}}";
+class Kn extends v {
   name = "tree";
   version = "1.0.0";
-  styles = cn;
+  styles = gn;
   get defaultConfig() {
     return {
       childrenField: "children",
@@ -4177,17 +4259,17 @@ class Tn extends v {
   // #region Auto-Detection
   detect(e) {
     if (!this.config.autoDetect) return !1;
-    const t = this.config.childrenField ?? dn(e) ?? "children";
-    return Pe(e, t);
+    const t = this.config.childrenField ?? fn(e) ?? "children";
+    return Ke(e, t);
   }
   // #endregion
   // #region Data Processing
   processRows(e) {
     const t = this.config.childrenField ?? "children";
-    if (!Pe(e, t))
+    if (!Ke(e, t))
       return this.flattenedRows = [], this.rowKeyMap.clear(), this.previousVisibleKeys.clear(), [...e];
     let n = this.withStableKeys(e);
-    this.sortState && (n = this.sortTree(n, this.sortState.field, this.sortState.direction)), this.config.defaultExpanded && !this.initialExpansionDone && (this.expandedKeys = Q(n, this.config), this.initialExpansionDone = !0), this.flattenedRows = this.flattenTree(n, this.expandedKeys), this.rowKeyMap.clear(), this.keysToAnimate.clear();
+    this.sortState && (n = this.sortTree(n, this.sortState.field, this.sortState.direction)), this.config.defaultExpanded && !this.initialExpansionDone && (this.expandedKeys = te(n, this.config), this.initialExpansionDone = !0), this.flattenedRows = this.flattenTree(n, this.expandedKeys), this.rowKeyMap.clear(), this.keysToAnimate.clear();
     const o = /* @__PURE__ */ new Set();
     for (const i of this.flattenedRows)
       this.rowKeyMap.set(i.key, i), o.add(i.key), !this.previousVisibleKeys.has(i.key) && i.depth > 0 && this.keysToAnimate.add(i.key);
@@ -4245,13 +4327,13 @@ class Tn extends v {
     const n = { ...t[0] }, o = n.viewRenderer;
     if (o?.__treeWrapped) return t;
     const i = () => this.config, r = this.setIcon.bind(this), l = this.resolveIcon.bind(this), a = (d) => {
-      const { value: c, row: u } = d, { indentWidth: h = 20, showExpandIcons: g = !0 } = i(), f = document.createElement("span");
-      if (f.className = "tree-cell", f.style.setProperty("--tree-depth", String(u.__treeDepth ?? 0)), f.style.setProperty("--tbw-tree-indent", `${h}px`), u.__treeHasChildren && g) {
+      const { value: c, row: u } = d, { indentWidth: h = 20, showExpandIcons: f = !0 } = i(), g = document.createElement("span");
+      if (g.className = "tree-cell", g.style.setProperty("--tree-depth", String(u.__treeDepth ?? 0)), g.style.setProperty("--tbw-tree-indent", `${h}px`), u.__treeHasChildren && f) {
         const p = document.createElement("span");
-        p.className = `tree-toggle${u.__treeExpanded ? " expanded" : ""}`, r(p, l(u.__treeExpanded ? "collapse" : "expand")), p.setAttribute("data-tree-key", u.__treeKey), f.appendChild(p);
-      } else if (g) {
+        p.className = `tree-toggle${u.__treeExpanded ? " expanded" : ""}`, r(p, l(u.__treeExpanded ? "collapse" : "expand")), p.setAttribute("data-tree-key", u.__treeKey), g.appendChild(p);
+      } else if (f) {
         const p = document.createElement("span");
-        p.className = "tree-spacer", f.appendChild(p);
+        p.className = "tree-spacer", g.appendChild(p);
       }
       const m = document.createElement("span");
       if (o) {
@@ -4259,7 +4341,7 @@ class Tn extends v {
         p instanceof Node ? m.appendChild(p) : m.textContent = String(p ?? c ?? "");
       } else
         m.textContent = String(c ?? "");
-      return f.appendChild(m), f;
+      return g.appendChild(m), g;
     };
     return a.__treeWrapped = !0, n.viewRenderer = a, t[0] = n, t;
   }
@@ -4269,7 +4351,7 @@ class Tn extends v {
     const t = e.originalEvent?.target;
     if (!t?.classList.contains("tree-toggle")) return !1;
     const n = t.getAttribute("data-tree-key"), o = n ? this.rowKeyMap.get(n) : null;
-    return o ? (this.expandedKeys = Fe(this.expandedKeys, n), this.emit("tree-expand", {
+    return o ? (this.expandedKeys = Pe(this.expandedKeys, n), this.emit("tree-expand", {
       key: n,
       row: o.data,
       expanded: this.expandedKeys.has(n),
@@ -4304,13 +4386,13 @@ class Tn extends v {
     this.expandedKeys.delete(e), this.requestRender();
   }
   toggle(e) {
-    this.expandedKeys = Fe(this.expandedKeys, e), this.requestRender();
+    this.expandedKeys = Pe(this.expandedKeys, e), this.requestRender();
   }
   expandAll() {
-    this.expandedKeys = Q(this.rows, this.config), this.requestRender();
+    this.expandedKeys = te(this.rows, this.config), this.requestRender();
   }
   collapseAll() {
-    this.expandedKeys = ln(), this.requestRender();
+    this.expandedKeys = un(), this.requestRender();
   }
   isExpanded(e) {
     return this.expandedKeys.has(e);
@@ -4325,11 +4407,11 @@ class Tn extends v {
     return this.rowKeyMap.get(e)?.data;
   }
   expandToKey(e) {
-    this.expandedKeys = an(this.rows, e, this.config, this.expandedKeys), this.requestRender();
+    this.expandedKeys = hn(this.rows, e, this.config, this.expandedKeys), this.requestRender();
   }
   // #endregion
 }
-function un(s, e, t) {
+function pn(s, e, t) {
   const n = [...s.undoStack, e];
   for (; n.length > t; )
     n.shift();
@@ -4339,7 +4421,7 @@ function un(s, e, t) {
     // Clear redo on new action
   };
 }
-function Me(s) {
+function Ne(s) {
   if (s.undoStack.length === 0)
     return { newState: s, action: null };
   const e = [...s.undoStack], t = e.pop();
@@ -4351,7 +4433,7 @@ function Me(s) {
     action: t
   } : { newState: s, action: null };
 }
-function Ke(s) {
+function qe(s) {
   if (s.redoStack.length === 0)
     return { newState: s, action: null };
   const e = [...s.redoStack], t = e.pop();
@@ -4363,16 +4445,16 @@ function Ke(s) {
     action: t
   } : { newState: s, action: null };
 }
-function hn(s) {
+function mn(s) {
   return s.undoStack.length > 0;
 }
-function gn(s) {
+function wn(s) {
   return s.redoStack.length > 0;
 }
-function fn() {
+function bn() {
   return { undoStack: [], redoStack: [] };
 }
-function pn(s, e, t, n) {
+function vn(s, e, t, n) {
   return {
     type: "cell-edit",
     rowIndex: s,
@@ -4382,7 +4464,7 @@ function pn(s, e, t, n) {
     timestamp: Date.now()
   };
 }
-class Fn extends v {
+class Nn extends v {
   name = "undoRedo";
   version = "1.0.0";
   get defaultConfig() {
@@ -4407,7 +4489,7 @@ class Fn extends v {
   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 = 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.oldValue), this.undoStack = o.newState.undoStack, this.redoStack = o.newState.redoStack, this.emit("undo", {
@@ -4418,7 +4500,7 @@ class Fn extends v {
       return !0;
     }
     if (n) {
-      const o = Ke({ undoStack: this.undoStack, redoStack: this.redoStack });
+      const o = qe({ 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", {
@@ -4441,7 +4523,7 @@ class Fn extends v {
    * @param newValue - The value after the edit
    */
   recordEdit(e, t, n, o) {
-    const i = pn(e, t, n, o), r = un(
+    const i = vn(e, t, n, o), r = pn(
       { undoStack: this.undoStack, redoStack: this.redoStack },
       i,
       this.config.maxHistorySize ?? 100
@@ -4454,7 +4536,7 @@ class Fn extends v {
    * @returns The undone action, or null if nothing to undo
    */
   undo() {
-    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.oldValue), this.undoStack = e.newState.undoStack, this.redoStack = e.newState.redoStack, this.requestRender();
@@ -4467,7 +4549,7 @@ class Fn extends v {
    * @returns The redone action, or null if nothing to redo
    */
   redo() {
-    const e = Ke({ undoStack: this.undoStack, redoStack: this.redoStack });
+    const e = qe({ 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();
@@ -4478,19 +4560,19 @@ class Fn extends v {
    * Check if there are any actions that can be undone.
    */
   canUndo() {
-    return hn({ undoStack: this.undoStack, redoStack: this.redoStack });
+    return mn({ undoStack: this.undoStack, redoStack: this.redoStack });
   }
   /**
    * Check if there are any actions that can be redone.
    */
   canRedo() {
-    return gn({ undoStack: this.undoStack, redoStack: this.redoStack });
+    return wn({ undoStack: this.undoStack, redoStack: this.redoStack });
   }
   /**
    * Clear all undo/redo history.
    */
   clearHistory() {
-    const e = fn();
+    const e = bn();
     this.undoStack = e.undoStack, this.redoStack = e.redoStack;
   }
   /**
@@ -4507,8 +4589,8 @@ class Fn extends v {
   }
   // #endregion
 }
-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 Ne(s) {
+const xn = '.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 De(s) {
   const e = s.meta ?? {};
   return e.lockPosition !== !0 && e.suppressMovable !== !0;
 }
@@ -4683,7 +4765,7 @@ class F extends v {
     const o = t.getAllColumns();
     for (let i = 0; i < o.length; i++) {
       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 && Ne(r) && (a.draggable = !0, a.classList.add("reorderable"), this.setupDragListeners(a, r.field, i, e));
+      a.className = r.lockVisible ? "tbw-visibility-row locked" : "tbw-visibility-row", a.setAttribute("data-field", r.field), a.setAttribute("data-index", String(i)), n && De(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");
@@ -4691,7 +4773,7 @@ class F extends v {
         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(r)) {
+      if (u.textContent = l, d.appendChild(c), d.appendChild(u), n && De(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);
       }
@@ -4737,51 +4819,43 @@ class F extends v {
   }
   // #endregion
   // #region Styles
-  styles = mn;
+  styles = xn;
   // #endregion
 }
 export {
   v as BaseGridPlugin,
-  bn as ClipboardPlugin,
-  vn as ColumnVirtualizationPlugin,
-  xn as ContextMenuPlugin,
-  Kn as DEFAULT_ANIMATION_CONFIG,
-  Ve as DEFAULT_GRID_ICONS,
-  Nn as DGEvents,
-  qn as DataGridElement,
-  yn as ExportPlugin,
+  Cn as ClipboardPlugin,
+  Rn as ColumnVirtualizationPlugin,
+  Sn as ContextMenuPlugin,
+  Hn as DEFAULT_ANIMATION_CONFIG,
+  Ge as DEFAULT_GRID_ICONS,
+  Vn as DGEvents,
+  On as DataGridElement,
+  kn as ExportPlugin,
   A as FilteringPlugin,
-  Dn as FitModeEnum,
-  Hn as GridCSSVars,
-  Vn as GridClasses,
-  On as GridDataAttrs,
-  Gn as GridElement,
-  Bn as GridSelectors,
-  Cn as GroupingColumnsPlugin,
-  Rn as GroupingRowsPlugin,
-  Sn as MasterDetailPlugin,
-  kn as MultiSortPlugin,
+  Gn as FitModeEnum,
+  Bn as GridCSSVars,
+  zn as GridClasses,
+  Wn as GridDataAttrs,
+  $n as GridElement,
+  jn as GridSelectors,
+  En as GroupingColumnsPlugin,
+  An as GroupingRowsPlugin,
+  _n as MasterDetailPlugin,
+  In as MultiSortPlugin,
   N as PLUGIN_QUERIES,
-  En as PinnedColumnsPlugin,
-  An as PinnedRowsPlugin,
-  T as PivotPlugin,
-  zn as PluginEvents,
-  Wn as PluginManager,
-  _n as ReorderPlugin,
-  In as SelectionPlugin,
-  Ln as ServerSidePlugin,
-  Tn as TreePlugin,
-  Fn as UndoRedoPlugin,
+  Tn as PinnedColumnsPlugin,
+  Ln as PinnedRowsPlugin,
+  L as PivotPlugin,
+  Un as PluginEvents,
+  Yn as PluginManager,
+  Fn as ReorderPlugin,
+  Mn as SelectionPlugin,
+  Pn as ServerSidePlugin,
+  Kn as TreePlugin,
+  Nn as UndoRedoPlugin,
   F as VisibilityPlugin,
-  $n as aggregatorRegistry,
-  jn as builtInSort,
-  Un as defaultComparator,
-  le as getAggregator,
-  Oe as getValueAggregator,
-  Yn as listAggregators,
-  Zn as registerAggregator,
-  se as runAggregator,
-  Xn as runValueAggregator,
-  Jn as unregisterAggregator
+  Zn as builtInSort,
+  Xn as defaultComparator
 };
 //# sourceMappingURL=all.js.map