@toolbox-web/grid 0.0.7 → 0.1.1

package/all.js

@@ -1,71 +1,70 @@
-import { BaseGridPlugin as y, DEFAULT_GRID_ICONS as xe, runAggregator as X, getAggregator as ve } from "./index.js";
-import { DGEvents as Pt, DataGridElement as Bt, FitModeEnum as Ht, GridCSSVars as Ot, GridClasses as Wt, GridDataAttrs as Vt, DataGridElement as Kt, GridSelectors as Gt, PluginEvents as zt, PluginManager as $t, SelectionPlugin as jt, TreePlugin as Ut, aggregatorRegistry as Yt, listAggregators as Xt, registerAggregator as Jt, unregisterAggregator as Qt } from "./index.js";
-function ye(i, e, t, n) {
-  if (n.processCell)
-    return n.processCell(i, e, t);
-  if (i == null) return "";
-  if (i instanceof Date) return i.toISOString();
-  if (typeof i == "object") return JSON.stringify(i);
-  const o = String(i), r = n.delimiter ?? "	", s = n.newline ?? `
+import { BaseGridPlugin as C, DEFAULT_GRID_ICONS as _e, runAggregator as te, getAggregator as Ie, getValueAggregator as Te } from "./index.js";
+import { DGEvents as uo, DataGridElement as ho, FitModeEnum as po, GridCSSVars as go, GridClasses as fo, GridDataAttrs as mo, DataGridElement as bo, GridSelectors as wo, PluginEvents as vo, PluginManager as xo, SelectionPlugin as Co, TreePlugin as yo, aggregatorRegistry as Ro, listAggregators as So, registerAggregator as Eo, runValueAggregator as ko, unregisterAggregator as Ao } from "./index.js";
+function Fe(s, e, t, o) {
+  if (o.processCell)
+    return o.processCell(s, e, t);
+  if (s == null) return "";
+  if (s instanceof Date) return s.toISOString();
+  if (typeof s == "object") return JSON.stringify(s);
+  const n = String(s), i = o.delimiter ?? "	", r = o.newline ?? `
 `;
-  return n.quoteStrings || o.includes(r) || o.includes(s) || o.includes('"') ? `"${o.replace(/"/g, '""')}"` : o;
+  return o.quoteStrings || n.includes(i) || n.includes(r) || n.includes('"') ? `"${n.replace(/"/g, '""')}"` : n;
 }
-function F(i) {
-  const { rows: e, columns: t, selectedIndices: n, config: o } = i, r = o.delimiter ?? "	", s = o.newline ?? `
+function H(s) {
+  const { rows: e, columns: t, selectedIndices: o, config: n } = s, i = n.delimiter ?? "	", r = n.newline ?? `
 `, l = t.filter((u) => !u.hidden && !u.field.startsWith("__")), a = [];
-  if (o.includeHeaders) {
+  if (n.includeHeaders) {
     const u = l.map((h) => {
-      const f = h.header || h.field;
-      return f.includes(r) || f.includes(s) || f.includes('"') ? `"${f.replace(/"/g, '""')}"` : f;
+      const p = h.header || h.field;
+      return p.includes(i) || p.includes(r) || p.includes('"') ? `"${p.replace(/"/g, '""')}"` : p;
     });
-    a.push(u.join(r));
+    a.push(u.join(i));
   }
-  const c = [...n instanceof Set ? [...n] : n].sort((u, h) => u - h);
+  const c = [...o instanceof Set ? [...o] : o].sort((u, h) => u - h);
   for (const u of c) {
     const h = e[u];
     if (!h) continue;
-    const f = l.map(
-      (g) => ye(h[g.field], g.field, h, o)
+    const p = l.map(
+      (g) => Fe(h[g.field], g.field, h, n)
     );
-    a.push(f.join(r));
+    a.push(p.join(i));
   }
-  return a.join(s);
+  return a.join(r);
 }
-async function N(i) {
+async function G(s) {
   try {
-    return await navigator.clipboard.writeText(i), !0;
+    return await navigator.clipboard.writeText(s), !0;
   } catch {
     const e = document.createElement("textarea");
-    e.value = i, e.style.position = "fixed", e.style.opacity = "0", e.style.pointerEvents = "none", document.body.appendChild(e), e.select();
+    e.value = s, e.style.position = "fixed", e.style.opacity = "0", e.style.pointerEvents = "none", document.body.appendChild(e), e.select();
     const t = document.execCommand("copy");
     return document.body.removeChild(e), t;
   }
 }
-function J(i, e) {
-  const t = e.delimiter ?? "	", n = e.newline ?? `
-`, o = i.replace(/\r\n/g, `
+function oe(s, e) {
+  const t = e.delimiter ?? "	", o = e.newline ?? `
+`, n = s.replace(/\r\n/g, `
 `).replace(/\r/g, `
-`), r = [];
-  let s = [], l = "", a = !1;
-  for (let d = 0; d < o.length; d++) {
-    const c = o[d];
-    c === '"' && !a ? a = !0 : c === '"' && a ? o[d + 1] === '"' ? (l += '"', d++) : a = !1 : c === t && !a ? (s.push(l), l = "") : c === n && !a ? (s.push(l), l = "", (s.length > 1 || s.some((u) => u.trim() !== "")) && r.push(s), s = []) : l += c;
+`), i = [];
+  let r = [], l = "", a = !1;
+  for (let d = 0; d < n.length; d++) {
+    const c = n[d];
+    c === '"' && !a ? a = !0 : c === '"' && a ? n[d + 1] === '"' ? (l += '"', d++) : a = !1 : c === t && !a ? (r.push(l), l = "") : c === o && !a ? (r.push(l), l = "", (r.length > 1 || r.some((u) => u.trim() !== "")) && i.push(r), r = []) : l += c;
   }
-  return s.push(l), (s.length > 1 || s.some((d) => d.trim() !== "")) && r.push(s), r;
+  return r.push(l), (r.length > 1 || r.some((d) => d.trim() !== "")) && i.push(r), i;
 }
-async function Q() {
+async function ne() {
   try {
     return await navigator.clipboard.readText();
   } catch {
     return "";
   }
 }
-class yt extends y {
+class Yt extends C {
   name = "clipboard";
   version = "1.0.0";
   get defaultConfig() {
     return {
-      enabled: !0,
       includeHeaders: !1,
       delimiter: "	",
       newline: `
@@ -82,26 +81,25 @@ class yt extends y {
   }
   // ===== Event Handlers =====
   onKeyDown(e) {
-    if (this.config.enabled === !1) return !1;
-    const t = (e.ctrlKey || e.metaKey) && e.key === "c", n = (e.ctrlKey || e.metaKey) && e.key === "v";
-    return t ? (this.#e(e.target), !0) : n ? (this.#n(), !0) : !1;
+    const t = (e.ctrlKey || e.metaKey) && e.key === "c", o = (e.ctrlKey || e.metaKey) && e.key === "v";
+    return t ? (this.#e(e.target), !0) : o ? (this.#o(), !0) : !1;
   }
   // ===== Private Methods =====
   /**
    * Handle copy operation
    */
   #e(e) {
-    const t = this.#t(), n = t?.getSelectedRows() ?? [], o = n.length > 0, r = t?.getRanges() ?? [], s = r.length > 0, l = t?.getSelectedCell() != null;
+    const t = this.#t(), o = t?.getSelectedRows() ?? [], n = o.length > 0, i = t?.getRanges() ?? [], r = i.length > 0, l = t?.getSelectedCell() != null;
     let a, d, c;
-    if (o && t)
-      a = F({
+    if (n && t)
+      a = H({
         rows: this.rows,
         columns: [...this.columns],
-        selectedIndices: n,
+        selectedIndices: o,
         config: this.config
-      }), d = n.length, c = this.columns.filter((u) => !u.hidden && !u.field.startsWith("__")).length;
-    else if (s && t) {
-      const u = r[r.length - 1], h = this.#r({
+      }), d = o.length, c = this.columns.filter((u) => !u.hidden && !u.field.startsWith("__")).length;
+    else if (r && t) {
+      const u = i[i.length - 1], h = this.#i({
         startRow: u.from.row,
         startCol: u.from.col,
         endRow: u.to.row,
@@ -109,25 +107,25 @@ class yt extends y {
       });
       a = h.text, d = h.rowCount, c = h.columnCount;
     } else if (l && t) {
-      const u = t.getSelectedCell(), h = this.#o(u.row, u.col);
+      const u = t.getSelectedCell(), h = this.#n(u.row, u.col);
       if (!h) return;
       a = h.text, d = 1, c = 1;
     } else {
-      const u = this.#i(e);
+      const u = this.#r(e);
       if (!u) return;
       a = u.text, d = 1, c = 1;
     }
-    N(a).then(() => {
+    G(a).then(() => {
       this.lastCopied = { text: a, timestamp: Date.now() }, this.emit("copy", { text: a, rowCount: d, columnCount: c });
     });
   }
   /**
    * Handle paste operation
    */
-  #n() {
-    Q().then((e) => {
+  #o() {
+    ne().then((e) => {
       if (!e) return;
-      const t = J(e, this.config);
+      const t = oe(e, this.config);
       this.emit("paste", { rows: t, text: e });
     });
   }
@@ -148,42 +146,42 @@ class yt extends y {
   /**
    * Build text for a single cell by row/col index.
    */
-  #o(e, t) {
-    const n = this.rows[e];
-    if (!n) return null;
-    const o = this.columns[t];
+  #n(e, t) {
+    const o = this.rows[e];
     if (!o) return null;
-    const r = n[o.field], s = o.header || o.field;
+    const n = this.columns[t];
+    if (!n) return null;
+    const i = o[n.field], r = n.header || n.field;
     let l;
     if (this.config.includeHeaders) {
-      const a = r == null ? "" : String(r);
-      l = `${s}: ${a}`;
+      const a = i == null ? "" : String(i);
+      l = `${r}: ${a}`;
     } else
-      l = r == null ? "" : String(r);
+      l = i == null ? "" : String(i);
     return { text: l };
   }
   /**
    * Build text for a rectangular range of cells.
    */
-  #r(e) {
-    const { startRow: t, startCol: n, endRow: o, endCol: r } = e, s = Math.min(t, o), l = Math.max(t, o), a = Math.min(n, r), d = Math.max(n, r), c = this.config.delimiter ?? "	", u = this.config.newline ?? `
-`, h = [], f = this.columns.slice(a, d + 1);
+  #i(e) {
+    const { startRow: t, startCol: o, endRow: n, endCol: i } = e, r = Math.min(t, n), l = Math.max(t, n), a = Math.min(o, i), d = Math.max(o, i), c = this.config.delimiter ?? "	", u = this.config.newline ?? `
+`, h = [], p = this.columns.slice(a, d + 1);
     if (this.config.includeHeaders) {
-      const g = f.map((m) => m.header || m.field);
+      const g = p.map((m) => m.header || m.field);
       h.push(g.join(c));
     }
-    for (let g = s; g <= l; g++) {
+    for (let g = r; g <= l; g++) {
       const m = this.rows[g];
       if (!m) continue;
-      const b = f.map((S) => {
-        const R = m[S.field];
-        return R == null ? "" : R instanceof Date ? R.toISOString() : String(R);
+      const b = p.map((R) => {
+        const k = m[R.field];
+        return k == null ? "" : k instanceof Date ? k.toISOString() : String(k);
       });
       h.push(b.join(c));
     }
     return {
       text: h.join(u),
-      rowCount: l - s + 1,
+      rowCount: l - r + 1,
       columnCount: d - a + 1
     };
   }
@@ -191,25 +189,25 @@ class yt extends y {
    * Build text for a single focused cell from DOM.
    * Used when selection plugin is not available or no rows are selected.
    */
-  #i(e) {
+  #r(e) {
     const t = e.closest("[data-field-cache]");
     if (!t) return null;
-    const n = t.dataset.fieldCache;
-    if (!n) return null;
-    const o = t.dataset.row;
+    const o = t.dataset.fieldCache;
     if (!o) return null;
-    const r = parseInt(o, 10);
-    if (isNaN(r)) return null;
-    const s = this.rows[r];
-    if (!s) return null;
-    const l = s[n], d = this.columns.find((u) => u.field === n)?.header || n;
+    const n = t.dataset.row;
+    if (!n) return null;
+    const i = parseInt(n, 10);
+    if (isNaN(i)) return null;
+    const r = this.rows[i];
+    if (!r) return null;
+    const l = r[o], d = this.columns.find((u) => u.field === o)?.header || o;
     let c;
     if (this.config.includeHeaders) {
       const u = l == null ? "" : String(l);
       c = `${d}: ${u}`;
     } else
       c = l == null ? "" : String(l);
-    return { text: c, field: n, value: l };
+    return { text: c, field: o, value: l };
   }
   // ===== Public API =====
   /**
@@ -217,13 +215,13 @@ class yt extends y {
    * @returns The copied text
    */
   async copy() {
-    const t = this.#t()?.getSelectedRows() ?? [], n = F({
+    const t = this.#t()?.getSelectedRows() ?? [], o = H({
       rows: this.rows,
       columns: [...this.columns],
       selectedIndices: t,
       config: this.config
     });
-    return await N(n), this.lastCopied = { text: n, timestamp: Date.now() }, n;
+    return await G(o), this.lastCopied = { text: o, timestamp: Date.now() }, o;
   }
   /**
    * Copy specific rows by index to clipboard.
@@ -231,21 +229,21 @@ class yt extends y {
    * @returns The copied text
    */
   async copyRows(e) {
-    const t = F({
+    const t = H({
       rows: this.rows,
       columns: [...this.columns],
       selectedIndices: e,
       config: this.config
     });
-    return await N(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 Q();
-    return e ? J(e, this.config) : null;
+    const e = await ne();
+    return e ? oe(e, this.config) : null;
   }
   /**
    * Get the last copied text and timestamp.
@@ -255,66 +253,65 @@ class yt extends y {
     return this.lastCopied;
   }
 }
-const Z = 100;
-function G(i) {
-  if (i == null)
-    return Z;
-  if (typeof i == "number")
-    return i;
-  const e = parseFloat(i);
-  return isNaN(e) ? Z : e;
+const ie = 100;
+function Y(s) {
+  if (s == null)
+    return ie;
+  if (typeof s == "number")
+    return s;
+  const e = parseFloat(s);
+  return isNaN(e) ? ie : e;
 }
-function ee(i) {
-  return i.map((e) => G(e.width));
+function re(s) {
+  return s.map((e) => Y(e.width));
 }
-function te(i) {
+function se(s) {
   const e = [];
   let t = 0;
-  for (const n of i)
-    e.push(t), t += G(n.width);
+  for (const o of s)
+    e.push(t), t += Y(o.width);
   return e;
 }
-function ne(i) {
-  return i.reduce((e, t) => e + G(t.width), 0);
+function le(s) {
+  return s.reduce((e, t) => e + Y(t.width), 0);
 }
-function Ce(i, e, t, n, o) {
-  const r = t.length;
-  if (r === 0)
+function Le(s, e, t, o, n) {
+  const i = t.length;
+  if (i === 0)
     return { startCol: 0, endCol: 0, visibleColumns: [] };
-  let s = Se(i, t, n);
-  s = Math.max(0, s - o);
-  const l = i + e;
-  let a = s;
-  for (let c = s; c < r; c++) {
+  let r = Ne(s, t, o);
+  r = Math.max(0, r - n);
+  const l = s + e;
+  let a = r;
+  for (let c = r; c < i; c++) {
     if (t[c] >= l) {
       a = c - 1;
       break;
     }
     a = c;
   }
-  a = Math.min(r - 1, a + o);
+  a = Math.min(i - 1, a + n);
   const d = [];
-  for (let c = s; c <= a; c++)
+  for (let c = r; c <= a; c++)
     d.push(c);
-  return { startCol: s, endCol: a, visibleColumns: d };
+  return { startCol: r, endCol: a, visibleColumns: d };
 }
-function Se(i, e, t) {
-  let n = 0, o = e.length - 1;
-  for (; n < o; ) {
-    const r = Math.floor((n + o) / 2);
-    e[r] + t[r] <= i ? n = r + 1 : o = r;
+function Ne(s, e, t) {
+  let o = 0, n = e.length - 1;
+  for (; o < n; ) {
+    const i = Math.floor((o + n) / 2);
+    e[i] + t[i] <= s ? o = i + 1 : n = i;
   }
-  return n;
+  return o;
 }
-function Re(i, e, t) {
-  return t ? i > e : !1;
+function Me(s, e, t) {
+  return t ? s > e : !1;
 }
-class Ct extends y {
+class Zt extends C {
   name = "columnVirtualization";
   version = "1.0.0";
   get defaultConfig() {
     return {
-      enabled: !0,
       autoEnable: !0,
       threshold: 30,
       overscan: 3
@@ -332,35 +329,35 @@ class Ct extends y {
   attach(e) {
     super.attach(e);
     const t = this.columns;
-    this.columnWidths = ee(t), this.columnOffsets = te(t), this.totalWidth = ne(t), this.endCol = t.length - 1;
+    this.columnWidths = re(t), this.columnOffsets = se(t), this.totalWidth = le(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;
   }
   // ===== Hooks =====
   processColumns(e) {
-    const t = this.config.enabled && Re(e.length, this.config.threshold ?? 30, this.config.autoEnable ?? !0);
-    if (this.isVirtualized = t ?? !1, this.columnWidths = ee(e), this.columnOffsets = te(e), this.totalWidth = ne(e), !t)
+    const t = Me(e.length, this.config.threshold ?? 30, this.config.autoEnable ?? !0);
+    if (this.isVirtualized = t ?? !1, this.columnWidths = re(e), this.columnOffsets = se(e), this.totalWidth = le(e), !t)
       return this.startCol = 0, this.endCol = e.length - 1, [...e];
-    const n = this.grid.clientWidth || 800, o = Ce(
+    const o = this.grid.clientWidth || 800, n = Le(
       this.scrollLeft,
-      n,
+      o,
       this.columnOffsets,
       this.columnWidths,
       this.config.overscan ?? 3
     );
-    return this.startCol = o.startCol, this.endCol = o.endCol, o.visibleColumns.map((r) => e[r]);
+    return this.startCol = n.startCol, this.endCol = n.endCol, n.visibleColumns.map((i) => e[i]);
   }
   afterRender() {
     if (!this.isVirtualized) return;
     const e = this.shadowRoot;
     if (!e) return;
-    const t = this.columnOffsets[this.startCol] ?? 0, n = e.querySelector(".header-row"), o = e.querySelectorAll(".data-grid-row");
-    n && (n.style.paddingLeft = `${t}px`), o.forEach((s) => {
-      s.style.paddingLeft = `${t}px`;
+    const t = this.columnOffsets[this.startCol] ?? 0, o = e.querySelector(".header-row"), n = e.querySelectorAll(".data-grid-row");
+    o && (o.style.paddingLeft = `${t}px`), n.forEach((r) => {
+      r.style.paddingLeft = `${t}px`;
     });
-    const r = e.querySelector(".rows-viewport .rows");
-    r && (r.style.width = `${this.totalWidth}px`);
+    const i = e.querySelector(".rows-viewport .rows");
+    i && (i.style.width = `${this.totalWidth}px`);
   }
   onScroll(e) {
     !this.isVirtualized || Math.abs(e.scrollLeft - this.scrollLeft) < 1 || (this.scrollLeft = e.scrollLeft, this.requestRender());
@@ -383,8 +380,8 @@ class Ct extends y {
    * @param columnIndex - Index of the column to scroll to
    */
   scrollToColumn(e) {
-    const t = this.columnOffsets[e] ?? 0, n = this.grid;
-    n.scrollLeft = t;
+    const t = this.columnOffsets[e] ?? 0, o = this.grid;
+    o.scrollLeft = t;
   }
   /**
    * Get the left offset for a specific column.
@@ -400,132 +397,81 @@ class Ct extends y {
     return this.totalWidth;
   }
 }
-function V(i, e) {
-  return (typeof i == "function" ? i(e) : i).filter((n) => !(n.hidden === !0 || typeof n.hidden == "function" && n.hidden(e)));
+const Pe = ".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((o) => !(o.hidden === !0 || typeof o.hidden == "function" && o.hidden(e)));
 }
-function ke(i, e) {
-  return i.disabled === !0 ? !0 : typeof i.disabled == "function" ? i.disabled(e) : !1;
+function De(s, e) {
+  return s.disabled === !0 ? !0 : typeof s.disabled == "function" ? s.disabled(e) : !1;
 }
-function K(i, e, t, n = xe.submenuArrow) {
-  const o = document.createElement("div");
-  o.className = "tbw-context-menu", o.setAttribute("role", "menu");
-  for (const r of i) {
-    if (r.separator) {
+function U(s, e, t, o = _e.submenuArrow) {
+  const n = document.createElement("div");
+  n.className = "tbw-context-menu", n.setAttribute("role", "menu");
+  for (const i of s) {
+    if (i.separator) {
       const d = document.createElement("div");
-      d.className = "tbw-context-menu-separator", d.setAttribute("role", "separator"), o.appendChild(d);
+      d.className = "tbw-context-menu-separator", d.setAttribute("role", "separator"), n.appendChild(d);
       continue;
     }
-    const s = document.createElement("div");
-    s.className = "tbw-context-menu-item", r.cssClass && s.classList.add(r.cssClass), s.setAttribute("role", "menuitem"), s.setAttribute("data-id", r.id);
-    const l = ke(r, e);
-    if (l && (s.classList.add("disabled"), s.setAttribute("aria-disabled", "true")), r.icon) {
+    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 = De(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 = r.icon, s.appendChild(d);
+      d.className = "tbw-context-menu-icon", d.innerHTML = i.icon, r.appendChild(d);
     }
     const a = document.createElement("span");
-    if (a.className = "tbw-context-menu-label", a.textContent = r.name, s.appendChild(a), r.shortcut) {
+    if (a.className = "tbw-context-menu-label", a.textContent = i.name, r.appendChild(a), i.shortcut) {
       const d = document.createElement("span");
-      d.className = "tbw-context-menu-shortcut", d.textContent = r.shortcut, s.appendChild(d);
+      d.className = "tbw-context-menu-shortcut", d.textContent = i.shortcut, r.appendChild(d);
     }
-    if (r.subMenu?.length) {
+    if (i.subMenu?.length) {
       const d = document.createElement("span");
-      d.className = "tbw-context-menu-arrow", typeof n == "string" ? d.innerHTML = n : n instanceof HTMLElement && d.appendChild(n.cloneNode(!0)), s.appendChild(d), s.addEventListener("mouseenter", () => {
-        if (s.querySelector(".tbw-context-menu") || !r.subMenu) return;
-        const u = V(r.subMenu, e), h = K(u, e, t, n);
-        h.classList.add("tbw-context-submenu"), h.style.position = "absolute", h.style.left = "100%", h.style.top = "0", s.style.position = "relative", s.appendChild(h);
-      }), s.addEventListener("mouseleave", () => {
-        const c = s.querySelector(".tbw-context-menu");
+      d.className = "tbw-context-menu-arrow", typeof o == "string" ? d.innerHTML = o : o instanceof HTMLElement && d.appendChild(o.cloneNode(!0)), r.appendChild(d), r.addEventListener("mouseenter", () => {
+        if (r.querySelector(".tbw-context-menu") || !i.subMenu) return;
+        const u = j(i.subMenu, e), h = U(u, e, t, o);
+        h.classList.add("tbw-context-submenu"), h.style.position = "absolute", h.style.left = "100%", h.style.top = "0", r.style.position = "relative", r.appendChild(h);
+      }), r.addEventListener("mouseleave", () => {
+        const c = r.querySelector(".tbw-context-menu");
         c && c.remove();
       });
     }
-    !l && r.action && !r.subMenu && s.addEventListener("click", (d) => {
-      d.stopPropagation(), t(r);
-    }), o.appendChild(s);
+    !l && i.action && !i.subMenu && r.addEventListener("click", (d) => {
+      d.stopPropagation(), t(i);
+    }), n.appendChild(r);
   }
-  return o;
+  return n;
+}
+function ae(s, e, t) {
+  s.style.position = "fixed", s.style.left = `${e}px`, s.style.top = `${t}px`, s.style.visibility = "hidden", s.style.zIndex = "10000";
+  const o = s.getBoundingClientRect(), n = window.innerWidth, i = window.innerHeight;
+  let r = e, l = t;
+  e + o.width > n && (r = e - o.width), t + o.height > i && (l = t - o.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";
 }
-function oe(i, e, t) {
-  i.style.position = "fixed", i.style.left = `${e}px`, i.style.top = `${t}px`, i.style.visibility = "hidden", i.style.zIndex = "10000";
-  const n = i.getBoundingClientRect(), o = window.innerWidth, r = window.innerHeight;
-  let s = e, l = t;
-  e + n.width > o && (s = e - n.width), t + n.height > r && (l = t - n.height), s = Math.max(0, s), l = Math.max(0, l), i.style.left = `${s}px`, i.style.top = `${l}px`, i.style.visibility = "visible";
-}
-let D = null, P = null, A = null;
-const Ee = `
-  .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 rgba(0, 0, 0, 0.15);
-    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: 0.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;
-  }
-`, B = [
+let _ = null, I = null, E = null, O = 0;
+const B = [
   {
     id: "copy",
     name: "Copy",
     shortcut: "Ctrl+C",
-    action: (i) => {
-      i.grid?.plugins?.clipboard?.copy?.();
+    action: (s) => {
+      s.grid?.plugins?.clipboard?.copy?.();
     }
   },
   { separator: !0, id: "sep1", name: "" },
   {
     id: "export-csv",
     name: "Export CSV",
-    action: (i) => {
-      i.grid?.plugins?.export?.exportCsv?.();
+    action: (s) => {
+      s.grid?.plugins?.export?.exportCsv?.();
     }
   }
 ];
-class St extends y {
+class Xt extends C {
   name = "contextMenu";
   version = "1.0.0";
   get defaultConfig() {
     return {
-      enabled: !0,
       items: B
     };
   }
@@ -536,42 +482,47 @@ class St extends y {
   menuElement = null;
   // ===== Lifecycle =====
   attach(e) {
-    super.attach(e), this.installGlobalHandlers();
+    super.attach(e), this.installGlobalHandlers(), O++;
   }
   detach() {
-    this.menuElement && (this.menuElement.remove(), this.menuElement = null), this.isOpen = !1, this.params = null;
+    this.menuElement && (this.menuElement.remove(), this.menuElement = null), this.isOpen = !1, this.params = null, this.uninstallGlobalHandlers();
   }
   // ===== Private Methods =====
   installGlobalHandlers() {
-    !A && typeof document < "u" && (A = document.createElement("style"), A.id = "tbw-context-menu-styles", A.textContent = Ee, document.head.appendChild(A)), D || (D = () => {
+    !E && typeof document < "u" && (E = document.createElement("style"), E.id = "tbw-context-menu-styles", E.textContent = Pe, document.head.appendChild(E)), _ || (_ = () => {
       document.querySelectorAll(".tbw-context-menu").forEach((t) => t.remove());
-    }, document.addEventListener("click", D)), P || (P = (e) => {
-      e.key === "Escape" && document.querySelectorAll(".tbw-context-menu").forEach((n) => n.remove());
-    }, document.addEventListener("keydown", P));
+    }, document.addEventListener("click", _)), I || (I = (e) => {
+      e.key === "Escape" && document.querySelectorAll(".tbw-context-menu").forEach((o) => o.remove());
+    }, document.addEventListener("keydown", I));
+  }
+  /**
+   * Clean up global handlers when the last instance detaches.
+   * Uses reference counting to ensure handlers persist while any grid uses the plugin.
+   */
+  uninstallGlobalHandlers() {
+    O--, !(O > 0) && (_ && (document.removeEventListener("click", _), _ = null), I && (document.removeEventListener("keydown", I), I = null), E && (E.remove(), E = null));
   }
   // ===== Hooks =====
   afterRender() {
-    if (!this.config.enabled) return;
     const e = this.shadowRoot;
     if (!e) return;
     const t = e.children[0];
-    t && t.getAttribute("data-context-menu-bound") !== "true" && (t.setAttribute("data-context-menu-bound", "true"), t.addEventListener("contextmenu", (n) => {
-      if (!this.config.enabled) return;
-      const o = n;
-      o.preventDefault();
-      const r = o.target, s = r.closest("[data-row][data-col]"), l = r.closest(".header-cell");
+    t && t.getAttribute("data-context-menu-bound") !== "true" && (t.setAttribute("data-context-menu-bound", "true"), t.addEventListener("contextmenu", (o) => {
+      const n = o;
+      n.preventDefault();
+      const i = n.target, r = i.closest("[data-row][data-col]"), l = i.closest(".header-cell");
       let a;
-      if (s) {
-        const c = parseInt(s.getAttribute("data-row") ?? "-1", 10), u = parseInt(s.getAttribute("data-col") ?? "-1", 10), h = this.columns[u], f = this.rows[c];
+      if (r) {
+        const c = parseInt(r.getAttribute("data-row") ?? "-1", 10), u = parseInt(r.getAttribute("data-col") ?? "-1", 10), h = this.columns[u], p = this.rows[c];
         a = {
-          row: f,
+          row: p,
           rowIndex: c,
           column: h,
           columnIndex: u,
           field: h?.field ?? "",
-          value: f?.[h?.field] ?? null,
+          value: p?.[h?.field] ?? null,
           isHeader: !1,
-          event: o
+          event: n
         };
       } else if (l) {
         const c = parseInt(l.getAttribute("data-col") ?? "-1", 10), u = this.columns[c];
@@ -583,20 +534,20 @@ class St extends y {
           field: u?.field ?? "",
           value: null,
           isHeader: !0,
-          event: o
+          event: n
         };
       } else
         return;
-      this.params = a, this.position = { x: o.clientX, y: o.clientY };
-      const d = V(this.config.items ?? B, a);
-      d.length && (this.menuElement && this.menuElement.remove(), this.menuElement = K(
+      this.params = a, this.position = { x: n.clientX, y: n.clientY };
+      const d = j(this.config.items ?? B, a);
+      d.length && (this.menuElement && this.menuElement.remove(), this.menuElement = U(
         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), oe(this.menuElement, o.clientX, o.clientY), this.isOpen = !0, this.emit("context-menu-open", { params: a, items: d }));
+      ), document.body.appendChild(this.menuElement), ae(this.menuElement, n.clientX, n.clientY), this.isOpen = !0, this.emit("context-menu-open", { params: a, items: d }));
     }));
   }
   // ===== Public API =====
@@ -606,25 +557,25 @@ class St extends y {
    * @param y - Y coordinate
    * @param params - Partial context menu parameters
    */
-  showMenu(e, t, n) {
-    const o = {
-      row: n.row ?? null,
-      rowIndex: n.rowIndex ?? -1,
-      column: n.column ?? null,
-      columnIndex: n.columnIndex ?? -1,
-      field: n.field ?? "",
-      value: n.value ?? null,
-      isHeader: n.isHeader ?? !1,
-      event: n.event ?? new MouseEvent("contextmenu")
-    }, r = V(this.config.items ?? B, o);
-    this.menuElement && this.menuElement.remove(), this.menuElement = K(
-      r,
-      o,
-      (s) => {
-        s.action && s.action(o), this.menuElement?.remove(), this.menuElement = null, this.isOpen = !1;
+  showMenu(e, t, o) {
+    const n = {
+      row: o.row ?? null,
+      rowIndex: o.rowIndex ?? -1,
+      column: o.column ?? null,
+      columnIndex: o.columnIndex ?? -1,
+      field: o.field ?? "",
+      value: o.value ?? null,
+      isHeader: o.isHeader ?? !1,
+      event: o.event ?? new MouseEvent("contextmenu")
+    }, i = j(this.config.items ?? B, n);
+    this.menuElement && this.menuElement.remove(), this.menuElement = U(
+      i,
+      n,
+      (r) => {
+        r.action && r.action(n), this.menuElement?.remove(), this.menuElement = null, this.isOpen = !1;
       },
       this.gridIcons.submenuArrow
-    ), document.body.appendChild(this.menuElement), oe(this.menuElement, e, t), this.isOpen = !0;
+    ), document.body.appendChild(this.menuElement), ae(this.menuElement, e, t), this.isOpen = !0;
   }
   /**
    * Hide the context menu.
@@ -641,88 +592,87 @@ class St extends y {
   }
   // Styles are injected globally via installGlobalHandlers() since menu renders in document.body
 }
-function re(i, e = !0) {
-  if (i == null) return "";
-  if (i instanceof Date) return i.toISOString();
-  if (typeof i == "object") return JSON.stringify(i);
-  const t = String(i);
+function de(s, e = !0) {
+  if (s == null) return "";
+  if (s instanceof Date) return s.toISOString();
+  if (typeof s == "object") return JSON.stringify(s);
+  const t = String(s);
   return e && (t.includes(",") || t.includes('"') || t.includes(`
 `) || t.includes("\r")) ? `"${t.replace(/"/g, '""')}"` : t;
 }
-function Ae(i, e, t, n = {}) {
-  const o = n.delimiter ?? ",", r = n.newline ?? `
-`, s = [], l = n.bom ? "\uFEFF" : "";
+function qe(s, e, t, o = {}) {
+  const n = o.delimiter ?? ",", i = o.newline ?? `
+`, r = [], l = o.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 re(u);
+      return de(u);
     });
-    s.push(a.join(o));
+    r.push(a.join(n));
   }
-  for (const a of i) {
+  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)), re(u);
+      return t.processCell && (u = t.processCell(u, c.field, a)), de(u);
     });
-    s.push(d.join(o));
+    r.push(d.join(n));
   }
-  return l + s.join(r);
+  return l + r.join(i);
 }
-function z(i, e) {
-  const t = URL.createObjectURL(i), 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 Z(s, e) {
+  const t = URL.createObjectURL(s), o = document.createElement("a");
+  o.href = t, o.download = e, o.style.display = "none", document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(t);
 }
-function Ie(i, e) {
-  const t = new Blob([i], { type: "text/csv;charset=utf-8;" });
-  z(t, e);
+function He(s, e) {
+  const t = new Blob([s], { type: "text/csv;charset=utf-8;" });
+  Z(t, e);
 }
-function ie(i) {
-  return i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
+function ce(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
 }
-function _e(i, e, t) {
-  let n = `<?xml version="1.0" encoding="UTF-8"?>
+function Ge(s, e, t) {
+  let o = `<?xml version="1.0" encoding="UTF-8"?>
 <?mso-application progid="Excel.Sheet"?>
 <Workbook xmlns="urn:schemas-microsoft-com:office:spreadsheet"
   xmlns:ss="urn:schemas-microsoft-com:office:spreadsheet">
 <Worksheet ss:Name="Sheet1">
 <Table>`;
   if (t.includeHeaders !== !1) {
-    n += `
+    o += `
 <Row>`;
-    for (const o of e) {
-      const r = o.header || o.field, s = t.processHeader ? t.processHeader(r, o.field) : r;
-      n += `<Cell><Data ss:Type="String">${ie(s)}</Data></Cell>`;
+    for (const n of e) {
+      const i = n.header || n.field, r = t.processHeader ? t.processHeader(i, n.field) : i;
+      o += `<Cell><Data ss:Type="String">${ce(r)}</Data></Cell>`;
     }
-    n += "</Row>";
+    o += "</Row>";
   }
-  for (const o of i) {
-    n += `
+  for (const n of s) {
+    o += `
 <Row>`;
-    for (const r of e) {
-      let s = o[r.field];
-      t.processCell && (s = t.processCell(s, r.field, o));
+    for (const i of e) {
+      let r = n[i.field];
+      t.processCell && (r = t.processCell(r, i.field, n));
       let l = "String", a = "";
-      s == null ? a = "" : typeof s == "number" && !isNaN(s) ? (l = "Number", a = String(s)) : s instanceof Date ? (l = "DateTime", a = s.toISOString()) : a = ie(String(s)), n += `<Cell><Data ss:Type="${l}">${a}</Data></Cell>`;
+      r == null ? a = "" : typeof r == "number" && !isNaN(r) ? (l = "Number", a = String(r)) : r instanceof Date ? (l = "DateTime", a = r.toISOString()) : a = ce(String(r)), o += `<Cell><Data ss:Type="${l}">${a}</Data></Cell>`;
     }
-    n += "</Row>";
+    o += "</Row>";
   }
-  return n += `
+  return o += `
 </Table>
 </Worksheet>
-</Workbook>`, n;
+</Workbook>`, o;
 }
-function Te(i, e) {
-  const t = e.endsWith(".xls") ? e : `${e}.xls`, n = new Blob([i], {
+function Oe(s, e) {
+  const t = e.endsWith(".xls") ? e : `${e}.xls`, o = new Blob([s], {
     type: "application/vnd.ms-excel;charset=utf-8;"
   });
-  z(n, t);
+  Z(o, t);
 }
-class Rt extends y {
+class Jt extends C {
   name = "export";
   version = "1.0.0";
   get defaultConfig() {
     return {
-      enabled: !0,
       fileName: "export",
       includeHeaders: !0,
       onlyVisible: !0,
@@ -734,59 +684,59 @@ class Rt extends y {
   lastExportInfo = null;
   // ===== Private Methods =====
   performExport(e, t) {
-    const n = this.config, o = {
+    const o = this.config, n = {
       format: e,
-      fileName: t?.fileName ?? n.fileName ?? "export",
-      includeHeaders: t?.includeHeaders ?? n.includeHeaders,
+      fileName: t?.fileName ?? o.fileName ?? "export",
+      includeHeaders: t?.includeHeaders ?? o.includeHeaders,
       processCell: t?.processCell,
       processHeader: t?.processHeader,
       columns: t?.columns,
       rowIndices: t?.rowIndices
     };
-    let r = [...this.columns];
-    if (n.onlyVisible && (r = r.filter((a) => !a.hidden && !a.field.startsWith("__"))), t?.columns) {
+    let i = [...this.columns];
+    if (o.onlyVisible && (i = i.filter((a) => !a.hidden && !a.field.startsWith("__"))), t?.columns) {
       const a = new Set(t.columns);
-      r = r.filter((d) => a.has(d.field));
+      i = i.filter((d) => a.has(d.field));
     }
-    let s = [...this.rows];
-    if (n.onlySelected) {
+    let r = [...this.rows];
+    if (o.onlySelected) {
       const a = this.getSelectionState();
-      a?.selected?.size && (s = [...a.selected].sort((c, u) => c - u).map((c) => this.rows[c]).filter(Boolean));
+      a?.selected?.size && (r = [...a.selected].sort((c, u) => c - u).map((c) => this.rows[c]).filter(Boolean));
     }
-    t?.rowIndices && (s = t.rowIndices.map((a) => this.rows[a]).filter(Boolean)), this.isExportingFlag = !0;
-    let l = o.fileName;
+    t?.rowIndices && (r = t.rowIndices.map((a) => this.rows[a]).filter(Boolean)), this.isExportingFlag = !0;
+    let l = n.fileName;
     try {
       switch (e) {
         case "csv": {
-          const a = Ae(s, r, o, { bom: !0 });
-          l = l.endsWith(".csv") ? l : `${l}.csv`, Ie(a, l);
+          const a = qe(r, i, n, { bom: !0 });
+          l = l.endsWith(".csv") ? l : `${l}.csv`, He(a, l);
           break;
         }
         case "excel": {
-          const a = _e(s, r, o);
-          l = l.endsWith(".xls") ? l : `${l}.xls`, Te(a, l);
+          const a = Ge(r, i, n);
+          l = l.endsWith(".xls") ? l : `${l}.xls`, Oe(a, l);
           break;
         }
         case "json": {
-          const a = s.map((u) => {
+          const a = r.map((u) => {
             const h = {};
-            for (const f of r) {
-              let g = u[f.field];
-              o.processCell && (g = o.processCell(g, f.field, u)), h[f.field] = g;
+            for (const p of i) {
+              let g = u[p.field];
+              n.processCell && (g = n.processCell(g, p.field, u)), h[p.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" });
-          z(c, l);
+          Z(c, l);
           break;
         }
       }
       this.lastExportInfo = { format: e, timestamp: /* @__PURE__ */ new Date() }, this.emit("export-complete", {
         format: e,
         fileName: l,
-        rowCount: s.length,
-        columnCount: r.length
+        rowCount: r.length,
+        columnCount: i.length
       });
     } finally {
       this.isExportingFlag = !1;
@@ -836,69 +786,69 @@ class Rt extends y {
     return this.lastExportInfo;
   }
 }
-function Le(i) {
-  const { totalRows: e, viewportHeight: t, scrollTop: n, rowHeight: o, overscan: r } = i, s = Math.ceil(t / o);
-  let l = Math.floor(n / o) - r;
+function Be(s) {
+  const { totalRows: e, viewportHeight: t, scrollTop: o, rowHeight: n, overscan: i } = s, r = Math.ceil(t / n);
+  let l = Math.floor(o / n) - i;
   l < 0 && (l = 0);
-  let a = l + s + r * 2;
-  return a > e && (a = e), a === e && l > 0 && (l = Math.max(0, a - s - r * 2)), {
+  let a = l + r + i * 2;
+  return a > e && (a = e), a === e && l > 0 && (l = Math.max(0, a - r - i * 2)), {
     start: l,
     end: a,
-    offsetY: l * o,
-    totalHeight: e * o
+    offsetY: l * n,
+    totalHeight: e * n
   };
 }
-function Me(i, e) {
-  return i <= e;
+function Ve(s, e) {
+  return s <= e;
 }
-function qe(i, e, t = !1) {
-  const n = i[e.field];
+function Ke(s, e, t = !1) {
+  const o = s[e.field];
   if (e.operator === "blank")
-    return n == null || n === "";
+    return o == null || o === "";
   if (e.operator === "notBlank")
-    return n != null && n !== "";
-  if (n == null) return !1;
-  const o = String(n), r = t ? o : o.toLowerCase(), s = t ? String(e.value) : String(e.value).toLowerCase();
+    return o != null && o !== "";
+  if (o == null) return !1;
+  const n = String(o), i = t ? n : n.toLowerCase(), r = t ? String(e.value) : String(e.value).toLowerCase();
   switch (e.operator) {
     // Text operators
     case "contains":
-      return r.includes(s);
+      return i.includes(r);
     case "notContains":
-      return !r.includes(s);
+      return !i.includes(r);
     case "equals":
-      return r === s;
+      return i === r;
     case "notEquals":
-      return r !== s;
+      return i !== r;
     case "startsWith":
-      return r.startsWith(s);
+      return i.startsWith(r);
     case "endsWith":
-      return r.endsWith(s);
+      return i.endsWith(r);
     // Number/Date operators (use raw numeric values)
     case "lessThan":
-      return Number(n) < Number(e.value);
+      return Number(o) < Number(e.value);
     case "lessThanOrEqual":
-      return Number(n) <= Number(e.value);
+      return Number(o) <= Number(e.value);
     case "greaterThan":
-      return Number(n) > Number(e.value);
+      return Number(o) > Number(e.value);
     case "greaterThanOrEqual":
-      return Number(n) >= Number(e.value);
+      return Number(o) >= Number(e.value);
     case "between":
-      return Number(n) >= Number(e.value) && Number(n) <= Number(e.valueTo);
+      return Number(o) >= Number(e.value) && Number(o) <= Number(e.valueTo);
     // Set operators
     case "in":
-      return Array.isArray(e.value) && e.value.includes(n);
+      return Array.isArray(e.value) && e.value.includes(o);
     case "notIn":
-      return Array.isArray(e.value) && !e.value.includes(n);
+      return Array.isArray(e.value) && !e.value.includes(o);
     default:
       return !0;
   }
 }
-function Fe(i, e, t = !1) {
-  return e.length ? i.filter((n) => e.every((o) => qe(n, o, t))) : i;
+function ze(s, e, t = !1) {
+  return e.length ? s.filter((o) => e.every((n) => Ke(o, n, t))) : s;
 }
-function Ne(i) {
+function We(s) {
   return JSON.stringify(
-    i.map((e) => ({
+    s.map((e) => ({
       field: e.field,
       operator: e.operator,
       value: e.value,
@@ -906,15 +856,15 @@ function Ne(i) {
     }))
   );
 }
-function se(i, e) {
+function ue(s, e) {
   const t = /* @__PURE__ */ new Set();
-  for (const n of i) {
-    const o = n[e];
-    o != null && t.add(o);
+  for (const o of s) {
+    const n = o[e];
+    n != null && t.add(n);
   }
-  return [...t].sort((n, o) => typeof n == "number" && typeof o == "number" ? n - o : String(n).localeCompare(String(o)));
+  return [...t].sort((o, n) => typeof o == "number" && typeof n == "number" ? o - n : String(o).localeCompare(String(n)));
 }
-const De = `
+const $e = '.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))}', je = `
 .tbw-filter-panel {
   position: fixed;
   background: var(--tbw-filter-panel-bg, var(--tbw-color-panel-bg, light-dark(#eeeeee, #222222)));
@@ -1056,12 +1006,11 @@ const De = `
   background: var(--tbw-filter-hover, var(--tbw-color-row-hover, light-dark(#f0f6ff, #1c1c1c)));
 }
 `;
-class E extends y {
+class A extends C {
   name = "filtering";
   version = "1.0.0";
   get defaultConfig() {
     return {
-      enabled: !0,
       debounceMs: 300,
       caseSensitive: !1,
       trimInput: !0,
@@ -1095,27 +1044,26 @@ class E extends y {
   processRows(e) {
     const t = [...this.filters.values()];
     if (!t.length) return [...e];
-    const n = Ne(t);
-    if (this.cacheKey === n && this.cachedResult)
+    const o = We(t);
+    if (this.cacheKey === o && this.cachedResult)
       return this.cachedResult;
-    const o = Fe([...e], t, this.config.caseSensitive);
-    return this.cachedResult = o, this.cacheKey = n, o;
+    const n = ze([...e], t, this.config.caseSensitive);
+    return this.cachedResult = n, this.cacheKey = o, n;
   }
   afterRender() {
-    if (!this.config.enabled) return;
     const e = this.shadowRoot;
     if (!e) return;
-    e.querySelectorAll('[part~="header-cell"]').forEach((n) => {
-      const o = n.getAttribute("data-col");
-      if (o === null) return;
-      const r = this.columns[parseInt(o, 10)];
-      if (!r || r.filterable === !1 || n.querySelector(".tbw-filter-btn")) return;
-      const s = r.field;
-      if (!s) return;
+    e.querySelectorAll('[part~="header-cell"]').forEach((o) => {
+      const n = o.getAttribute("data-col");
+      if (n === null) return;
+      const i = this.columns[parseInt(n, 10)];
+      if (!i || i.filterable === !1 || o.querySelector(".tbw-filter-btn")) return;
+      const r = i.field;
+      if (!r) return;
       const l = document.createElement("button");
-      l.className = "tbw-filter-btn", l.setAttribute("aria-label", `Filter ${r.header ?? s}`), l.innerHTML = '<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentColor" d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>', this.filters.has(s) && (l.classList.add("active"), n.classList.add("filtered")), l.addEventListener("click", (a) => {
-        a.stopPropagation(), this.toggleFilterPanel(s, r, l);
-      }), n.appendChild(l);
+      l.className = "tbw-filter-btn", l.setAttribute("aria-label", `Filter ${i.header ?? r}`), l.innerHTML = '<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentColor" d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>', this.filters.has(r) && (l.classList.add("active"), o.classList.add("filtered")), l.addEventListener("click", (a) => {
+        a.stopPropagation(), this.toggleFilterPanel(r, i, l);
+      }), o.appendChild(l);
     });
   }
   // ===== Public API =====
@@ -1201,7 +1149,7 @@ class E extends y {
    * Uses sourceRows to include all values regardless of current filter.
    */
   getUniqueValues(e) {
-    return se(this.sourceRows, e);
+    return ue(this.sourceRows, e);
   }
   // ===== Private Methods =====
   /**
@@ -1214,27 +1162,27 @@ class E extends y {
       return;
     }
     const e = document.createElement("style");
-    e.id = "tbw-filter-panel-styles", e.textContent = De, document.head.appendChild(e), this.globalStylesInjected = !0;
+    e.id = "tbw-filter-panel-styles", e.textContent = je, document.head.appendChild(e), this.globalStylesInjected = !0;
   }
   /**
    * Toggle the filter panel for a field
    */
-  toggleFilterPanel(e, t, n) {
+  toggleFilterPanel(e, t, o) {
     if (this.openPanelField === e) {
       this.closeFilterPanel();
       return;
     }
     this.closeFilterPanel();
-    const o = document.createElement("div");
-    o.className = "tbw-filter-panel", this.panelElement = o, this.openPanelField = e;
-    const r = se(this.sourceRows, e);
-    let s = this.excludedValues.get(e);
-    s || (s = /* @__PURE__ */ new Set(), this.excludedValues.set(e, s));
+    const n = document.createElement("div");
+    n.className = "tbw-filter-panel", this.panelElement = n, this.openPanelField = e;
+    const i = ue(this.sourceRows, e);
+    let r = this.excludedValues.get(e);
+    r || (r = /* @__PURE__ */ new Set(), this.excludedValues.set(e, r));
     const l = this.searchText.get(e) ?? "", a = {
       field: e,
       column: t,
-      uniqueValues: r,
-      excludedValues: s,
+      uniqueValues: i,
+      excludedValues: r,
       searchText: l,
       applySetFilter: (c) => {
         this.applySetFilter(e, c), this.closeFilterPanel();
@@ -1248,11 +1196,11 @@ class E extends y {
       closePanel: () => this.closeFilterPanel()
     };
     let d = !1;
-    this.config.filterPanelRenderer && (this.config.filterPanelRenderer(o, a), d = o.children.length > 0), d || this.renderDefaultFilterPanel(o, a, r, s), document.body.appendChild(o), this.positionPanel(o, n), this.panelAbortController = new AbortController(), setTimeout(() => {
+    this.config.filterPanelRenderer && (this.config.filterPanelRenderer(n, a), d = n.children.length > 0), d || this.renderDefaultFilterPanel(n, a, i, r), document.body.appendChild(n), this.positionPanel(n, o), this.panelAbortController = new AbortController(), setTimeout(() => {
       document.addEventListener(
         "click",
         (c) => {
-          !o.contains(c.target) && c.target !== n && this.closeFilterPanel();
+          !n.contains(c.target) && c.target !== o && this.closeFilterPanel();
         },
         { signal: this.panelAbortController?.signal }
       );
@@ -1268,20 +1216,20 @@ class E extends y {
    * Position the panel below the button
    */
   positionPanel(e, t) {
-    const n = t.getBoundingClientRect();
-    e.style.position = "fixed", e.style.top = `${n.bottom + 4}px`, e.style.left = `${n.left}px`, requestAnimationFrame(() => {
-      const o = e.getBoundingClientRect();
-      o.right > window.innerWidth - 8 && (e.style.left = `${window.innerWidth - o.width - 8}px`), o.bottom > window.innerHeight - 8 && (e.style.top = `${n.top - o.height - 4}px`);
+    const o = t.getBoundingClientRect();
+    e.style.position = "fixed", e.style.top = `${o.bottom + 4}px`, e.style.left = `${o.left}px`, requestAnimationFrame(() => {
+      const n = e.getBoundingClientRect();
+      n.right > window.innerWidth - 8 && (e.style.left = `${window.innerWidth - n.width - 8}px`), n.bottom > window.innerHeight - 8 && (e.style.top = `${o.top - n.height - 4}px`);
     });
   }
   /**
    * Render the default filter panel content
    */
-  renderDefaultFilterPanel(e, t, n, o) {
-    const { field: r } = t, s = document.createElement("div");
-    s.className = "tbw-filter-search";
+  renderDefaultFilterPanel(e, t, o, n) {
+    const { field: i } = t, r = document.createElement("div");
+    r.className = "tbw-filter-search";
     const l = document.createElement("input");
-    l.type = "text", l.placeholder = "Search...", l.className = "tbw-filter-search-input", l.value = this.searchText.get(r) ?? "", s.appendChild(l), e.appendChild(s);
+    l.type = "text", l.placeholder = "Search...", l.className = "tbw-filter-search-input", l.value = this.searchText.get(i) ?? "", r.appendChild(l), e.appendChild(r);
     const a = document.createElement("div");
     a.className = "tbw-filter-actions";
     const d = document.createElement("label");
@@ -1291,99 +1239,99 @@ class E extends y {
     const u = document.createElement("span");
     u.textContent = "Select All", d.appendChild(c), d.appendChild(u), a.appendChild(d);
     const h = () => {
-      const p = [...b.values()], v = p.every((x) => x), C = p.every((x) => !x);
-      c.checked = v, c.indeterminate = !v && !C;
+      const f = [...b.values()], x = f.every((v) => v), y = f.every((v) => !v);
+      c.checked = x, c.indeterminate = !x && !y;
     };
     c.addEventListener("change", () => {
-      const p = c.checked;
-      for (const v of b.keys())
-        b.set(v, p);
+      const f = c.checked;
+      for (const x of b.keys())
+        b.set(x, f);
       h(), q();
     }), e.appendChild(a);
-    const f = document.createElement("div");
-    f.className = "tbw-filter-values";
+    const p = document.createElement("div");
+    p.className = "tbw-filter-values";
     const g = document.createElement("div");
-    g.className = "tbw-filter-values-spacer", f.appendChild(g);
+    g.className = "tbw-filter-values-spacer", p.appendChild(g);
     const m = document.createElement("div");
-    m.className = "tbw-filter-values-content", f.appendChild(m);
+    m.className = "tbw-filter-values-content", p.appendChild(m);
     const b = /* @__PURE__ */ new Map();
-    n.forEach((p) => {
-      const v = p == null ? "__null__" : String(p);
-      b.set(v, !o.has(p));
+    o.forEach((f) => {
+      const x = f == null ? "__null__" : String(f);
+      b.set(x, !n.has(f));
     }), h();
-    let S = [];
-    const R = (p, v) => {
-      const C = p == null ? "(Blank)" : String(p), x = p == null ? "__null__" : String(p), w = document.createElement("label");
-      w.className = "tbw-filter-value-item", w.style.position = "absolute", w.style.top = `${v * E.LIST_ITEM_HEIGHT}px`, w.style.left = "0", w.style.right = "0", w.style.height = `${E.LIST_ITEM_HEIGHT}px`, w.style.boxSizing = "border-box";
-      const k = document.createElement("input");
-      k.type = "checkbox", k.className = "tbw-filter-checkbox", k.checked = b.get(x) ?? !0, k.dataset.value = x, k.addEventListener("change", () => {
-        b.set(x, k.checked), h();
+    let R = [];
+    const k = (f, x) => {
+      const y = f == null ? "(Blank)" : String(f), v = f == null ? "__null__" : String(f), w = document.createElement("label");
+      w.className = "tbw-filter-value-item", w.style.position = "absolute", w.style.top = `${x * A.LIST_ITEM_HEIGHT}px`, w.style.left = "0", w.style.right = "0", w.style.height = `${A.LIST_ITEM_HEIGHT}px`, w.style.boxSizing = "border-box";
+      const S = document.createElement("input");
+      S.type = "checkbox", S.className = "tbw-filter-checkbox", S.checked = b.get(v) ?? !0, S.dataset.value = v, S.addEventListener("change", () => {
+        b.set(v, S.checked), h();
       });
-      const Y = document.createElement("span");
-      return Y.textContent = C, w.appendChild(k), w.appendChild(Y), w;
+      const ee = document.createElement("span");
+      return ee.textContent = y, w.appendChild(S), w.appendChild(ee), w;
     }, q = () => {
-      const p = S.length, v = f.clientHeight, C = f.scrollTop;
-      if (g.style.height = `${p * E.LIST_ITEM_HEIGHT}px`, Me(p, E.LIST_BYPASS_THRESHOLD / 3)) {
-        m.innerHTML = "", m.style.transform = "translateY(0px)", S.forEach((w, k) => {
-          m.appendChild(R(w, k));
+      const f = R.length, x = p.clientHeight, y = p.scrollTop;
+      if (g.style.height = `${f * A.LIST_ITEM_HEIGHT}px`, Ve(f, A.LIST_BYPASS_THRESHOLD / 3)) {
+        m.innerHTML = "", m.style.transform = "translateY(0px)", R.forEach((w, S) => {
+          m.appendChild(k(w, S));
         });
         return;
       }
-      const x = Le({
-        totalRows: p,
-        viewportHeight: v,
-        scrollTop: C,
-        rowHeight: E.LIST_ITEM_HEIGHT,
-        overscan: E.LIST_OVERSCAN
+      const v = Be({
+        totalRows: f,
+        viewportHeight: x,
+        scrollTop: y,
+        rowHeight: A.LIST_ITEM_HEIGHT,
+        overscan: A.LIST_OVERSCAN
       });
-      m.style.transform = `translateY(${x.offsetY}px)`, m.innerHTML = "";
-      for (let w = x.start; w < x.end; w++)
-        m.appendChild(R(S[w], w - x.start));
-    }, j = (p) => {
-      const v = p.toLowerCase();
-      if (S = n.filter((C) => {
-        const x = C == null ? "(Blank)" : String(C);
-        return !p || x.toLowerCase().includes(v);
-      }), S.length === 0) {
+      m.style.transform = `translateY(${v.offsetY}px)`, m.innerHTML = "";
+      for (let w = v.start; w < v.end; w++)
+        m.appendChild(k(R[w], w - v.start));
+    }, J = (f) => {
+      const x = f.toLowerCase();
+      if (R = o.filter((y) => {
+        const v = y == null ? "(Blank)" : String(y);
+        return !f || v.toLowerCase().includes(x);
+      }), R.length === 0) {
         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);
+        const y = document.createElement("div");
+        y.className = "tbw-filter-no-match", y.textContent = "No matching values", m.appendChild(y);
         return;
       }
       q();
     };
-    f.addEventListener(
+    p.addEventListener(
       "scroll",
       () => {
-        S.length > 0 && q();
+        R.length > 0 && q();
       },
       { passive: !0 }
-    ), j(l.value), e.appendChild(f);
-    let U;
+    ), J(l.value), e.appendChild(p);
+    let Q;
     l.addEventListener("input", () => {
-      clearTimeout(U), U = setTimeout(() => {
-        this.searchText.set(r, l.value), j(l.value);
+      clearTimeout(Q), Q = setTimeout(() => {
+        this.searchText.set(i, l.value), J(l.value);
       }, this.config.debounceMs ?? 150);
     });
-    const _ = document.createElement("div");
-    _.className = "tbw-filter-buttons";
-    const T = document.createElement("button");
-    T.className = "tbw-filter-apply-btn", T.textContent = "Apply", T.addEventListener("click", () => {
-      const p = [];
-      for (const [v, C] of b)
-        if (!C)
-          if (v === "__null__")
-            p.push(null);
+    const N = document.createElement("div");
+    N.className = "tbw-filter-buttons";
+    const M = document.createElement("button");
+    M.className = "tbw-filter-apply-btn", M.textContent = "Apply", M.addEventListener("click", () => {
+      const f = [];
+      for (const [x, y] of b)
+        if (!y)
+          if (x === "__null__")
+            f.push(null);
           else {
-            const x = n.find((w) => String(w) === v);
-            p.push(x !== void 0 ? x : v);
+            const v = o.find((w) => String(w) === x);
+            f.push(v !== void 0 ? v : x);
           }
-      t.applySetFilter(p);
-    }), _.appendChild(T);
-    const L = document.createElement("button");
-    L.className = "tbw-filter-clear-btn", L.textContent = "Clear Filter", L.addEventListener("click", () => {
+      t.applySetFilter(f);
+    }), N.appendChild(M);
+    const P = document.createElement("button");
+    P.className = "tbw-filter-clear-btn", P.textContent = "Clear Filter", P.addEventListener("click", () => {
       t.clearFilter();
-    }), _.appendChild(L), e.appendChild(_);
+    }), N.appendChild(P), e.appendChild(N);
   }
   /**
    * Apply a set filter (exclude values)
@@ -1402,13 +1350,13 @@ class E extends y {
   /**
    * Apply a text filter
    */
-  applyTextFilter(e, t, n, o) {
+  applyTextFilter(e, t, o, n) {
     this.filters.set(e, {
       field: e,
       type: "text",
       operator: t,
-      value: n,
-      valueTo: o
+      value: o,
+      valueTo: n
     }), this.cachedResult = null, this.cacheKey = null, this.emit("filter-change", {
       filters: [...this.filters.values()],
       filteredRowCount: 0
@@ -1438,75 +1386,43 @@ class E extends y {
       this.filters.delete(e);
       return;
     }
-    const n = {
+    const o = {
       field: e,
       type: t.filter.type,
       operator: t.filter.operator,
       value: t.filter.value,
       valueTo: t.filter.valueTo
     };
-    this.filters.set(e, n), this.cachedResult = null, this.cacheKey = null;
+    this.filters.set(e, o), this.cachedResult = null, this.cacheKey = null;
   }
   // ===== Styles =====
-  styles = `
-    .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: 0.4;
-      transition: opacity 0.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));
-    }
-  `;
+  styles = $e;
 }
-function Pe(i) {
-  if (!i.length) return [];
-  const e = /* @__PURE__ */ new Map(), t = [], n = (s, l) => {
+function Ue(s) {
+  if (!s.length) return [];
+  const e = /* @__PURE__ */ new Map(), t = [], o = (r, l) => {
     if (!l.length) return;
     const a = t[t.length - 1];
-    if (a && a.implicit && a.firstIndex + a.columns.length === s) {
+    if (a && a.implicit && a.firstIndex + a.columns.length === r) {
       a.columns.push(...l);
       return;
     }
     t.push({
-      id: "__implicit__" + s,
+      id: "__implicit__" + r,
       label: void 0,
       columns: l,
-      firstIndex: s,
+      firstIndex: r,
       implicit: !0
     });
   };
-  let o = [], r = 0;
-  return i.forEach((s, l) => {
-    const a = s.group;
+  let n = [], i = 0;
+  return s.forEach((r, l) => {
+    const a = r.group;
     if (!a) {
-      o.length === 0 && (r = l), o.push(s);
+      n.length === 0 && (i = l), n.push(r);
       return;
     }
-    o.length && (n(r, o.slice()), o = []);
+    n.length && (o(i, n.slice()), n = []);
     const d = typeof a == "string" ? a : a.id;
     let c = e.get(d);
     c || (c = {
@@ -1514,44 +1430,44 @@ function Pe(i) {
       label: typeof a == "string" ? void 0 : a.label,
       columns: [],
       firstIndex: l
-    }, e.set(d, c), t.push(c)), c.columns.push(s);
-  }), o.length && n(r, o), t.length === 1 && t[0].implicit && t[0].columns.length === i.length ? [] : t;
+    }, e.set(d, c), t.push(c)), c.columns.push(r);
+  }), n.length && o(i, n), t.length === 1 && t[0].implicit && t[0].columns.length === s.length ? [] : t;
 }
-function Be(i, e, t) {
-  if (!e.length || !i) return;
-  const n = /* @__PURE__ */ new Map();
-  for (const r of e)
-    for (const s of r.columns)
-      s?.field && n.set(s.field, r.id);
-  const o = Array.from(i.querySelectorAll(".cell[data-field]"));
-  o.forEach((r) => {
-    const s = r.getAttribute("data-field") || "", l = n.get(s);
-    l && (r.classList.add("grouped"), r.getAttribute("data-group") || r.setAttribute("data-group", l));
+function Ye(s, e, t) {
+  if (!e.length || !s) return;
+  const o = /* @__PURE__ */ new Map();
+  for (const i of e)
+    for (const r of i.columns)
+      r?.field && o.set(r.field, i.id);
+  const n = Array.from(s.querySelectorAll(".cell[data-field]"));
+  n.forEach((i) => {
+    const r = i.getAttribute("data-field") || "", l = o.get(r);
+    l && (i.classList.add("grouped"), i.getAttribute("data-group") || i.setAttribute("data-group", l));
   });
-  for (const r of e) {
-    const s = r.columns[r.columns.length - 1], l = o.find((a) => a.getAttribute("data-field") === s.field);
+  for (const i of e) {
+    const r = i.columns[i.columns.length - 1], l = n.find((a) => a.getAttribute("data-field") === r.field);
     l && l.classList.add("group-end");
   }
 }
-function He(i, e) {
-  if (i.length === 0) return null;
+function Ze(s, e) {
+  if (s.length === 0) return null;
   const t = document.createElement("div");
   t.className = "header-group-row", t.setAttribute("role", "row");
-  for (const n of i) {
-    const o = n.firstIndex != null ? n.firstIndex : e.findIndex((a) => n.columns.includes(a)), r = String(n.id).startsWith("__implicit__"), s = r ? "" : n.label || n.id, l = document.createElement("div");
-    l.className = "cell header-group-cell", r && l.classList.add("implicit-group"), l.setAttribute("data-group", String(n.id)), l.style.gridColumn = `${o + 1} / span ${n.columns.length}`, l.textContent = s, t.appendChild(l);
+  for (const o of s) {
+    const n = o.firstIndex != null ? o.firstIndex : e.findIndex((a) => o.columns.includes(a)), i = String(o.id).startsWith("__implicit__"), r = i ? "" : o.label || o.id, l = document.createElement("div");
+    l.className = "cell header-group-cell", i && l.classList.add("implicit-group"), l.setAttribute("data-group", String(o.id)), l.style.gridColumn = `${n + 1} / span ${o.columns.length}`, l.textContent = r, t.appendChild(l);
   }
   return t;
 }
-function Oe(i) {
-  return i.some((e) => e.group != null);
+function Xe(s) {
+  return s.some((e) => e.group != null);
 }
-class kt extends y {
+const Je = ".header-group-row{display:grid;grid-auto-flow:column;background:var(--tbw-grouping-columns-header-bg, var(--tbw-color-header-bg));border-bottom:1px solid var(--tbw-grouping-columns-border, var(--tbw-color-border))}.header-group-cell{display:flex;align-items:center;justify-content:center;padding:4px 8px;font-weight:600;font-size:.9em;text-transform:uppercase;letter-spacing:.5px;border-right:1px solid var(--tbw-grouping-columns-border, var(--tbw-color-border))}.header-group-cell:last-child{border-right:none}.header-row .cell.grouped{border-top:none}.header-row .cell.group-end{border-right:2px solid var(--tbw-grouping-columns-separator, var(--tbw-color-border-strong))}";
+class Qt extends C {
   name = "groupingColumns";
   version = "1.0.0";
   get defaultConfig() {
     return {
-      enabled: !0,
       showGroupBorders: !0
     };
   }
@@ -1567,33 +1483,31 @@ class kt extends y {
    * Auto-detect column groups from column configuration.
    */
   static detect(e, t) {
-    const n = t?.columns;
-    return Array.isArray(n) ? Oe(n) : !1;
+    const o = t?.columns;
+    return Array.isArray(o) ? Xe(o) : !1;
   }
   // ===== Hooks =====
   processColumns(e) {
-    if (!this.config.enabled)
-      return this.isActive = !1, this.groups = [], [...e];
-    const t = Pe(e);
+    const t = Ue(e);
     return t.length === 0 ? (this.isActive = !1, this.groups = [], [...e]) : (this.isActive = !0, this.groups = t, [...e]);
   }
   afterRender() {
     if (!this.isActive || this.groups.length === 0) {
-      const s = this.shadowRoot?.querySelector(".header")?.querySelector(".header-group-row");
-      s && s.remove();
+      const r = this.shadowRoot?.querySelector(".header")?.querySelector(".header-group-row");
+      r && r.remove();
       return;
     }
     const e = this.shadowRoot?.querySelector(".header");
     if (!e) return;
     const t = e.querySelector(".header-group-row");
     t && t.remove();
-    const n = He(this.groups, this.columns);
-    if (n) {
-      const r = e.querySelector(".header-row");
-      r ? e.insertBefore(n, r) : e.appendChild(n);
+    const o = Ze(this.groups, this.columns);
+    if (o) {
+      const i = e.querySelector(".header-row");
+      i ? e.insertBefore(o, i) : e.appendChild(o);
     }
-    const o = e.querySelector(".header-row");
-    o && Be(o, this.groups, this.columns);
+    const n = e.querySelector(".header-row");
+    n && Ye(n, this.groups, this.columns);
   }
   // ===== Public API =====
   /**
@@ -1616,7 +1530,7 @@ class kt extends y {
    * @returns Array of columns in the group
    */
   getGroupColumns(e) {
-    const t = this.groups.find((n) => n.id === e);
+    const t = this.groups.find((o) => o.id === e);
     return t ? t.columns : [];
   }
   /**
@@ -1626,90 +1540,63 @@ class kt extends y {
     this.requestRender();
   }
   // ===== Styles =====
-  styles = `
-    .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: 0.9em;
-      text-transform: uppercase;
-      letter-spacing: 0.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));
-    }
-  `;
+  styles = Je;
 }
-function We({ rows: i, config: e, expanded: t }) {
-  const n = e.groupOn;
-  if (!e.enabled || typeof n != "function")
+function Qe({ rows: s, config: e, expanded: t }) {
+  const o = e.groupOn;
+  if (typeof o != "function")
     return [];
-  const o = { key: "__root__", value: null, depth: -1, rows: [], children: /* @__PURE__ */ new Map() };
-  if (i.forEach((l) => {
-    let a = n(l);
+  const n = { key: "__root__", value: null, depth: -1, rows: [], children: /* @__PURE__ */ new Map() };
+  if (s.forEach((l) => {
+    let a = o(l);
     a == null || a === !1 ? a = ["__ungrouped__"] : Array.isArray(a) || (a = [a]);
-    let d = o;
+    let d = n;
     a.forEach((c, u) => {
-      const h = c == null ? "∅" : String(c), f = d.key === "__root__" ? h : d.key + "||" + h;
+      const h = c == null ? "∅" : String(c), p = 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;
+      g || (g = { key: p, 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 === i.length)
+  }), n.children.size === 1 && n.children.has("__ungrouped__") && n.children.get("__ungrouped__").rows.length === s.length)
     return [];
-  const r = [], s = (l) => {
-    if (l === o) {
-      l.children.forEach((d) => s(d));
+  const i = [], r = (l) => {
+    if (l === n) {
+      l.children.forEach((d) => r(d));
       return;
     }
     const a = t.has(l.key);
-    r.push({
+    i.push({
       kind: "group",
       key: l.key,
       value: l.value,
       depth: l.depth,
       rows: l.rows,
       expanded: a
-    }), a && (l.children.size ? l.children.forEach((d) => s(d)) : l.rows.forEach((d) => r.push({ kind: "data", row: d, rowIndex: i.indexOf(d) })));
+    }), a && (l.children.size ? l.children.forEach((d) => r(d)) : l.rows.forEach((d) => i.push({ kind: "data", row: d, rowIndex: s.indexOf(d) })));
   };
-  return s(o), r;
+  return r(n), i;
 }
-function Ve(i, e) {
-  const t = new Set(i);
+function et(s, e) {
+  const t = new Set(s);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
-function Ke(i) {
+function tt(s) {
   const e = /* @__PURE__ */ new Set();
-  for (const t of i)
+  for (const t of s)
     t.kind === "group" && e.add(t.key);
   return e;
 }
-function Ge() {
+function ot() {
   return /* @__PURE__ */ new Set();
 }
-function ze(i) {
-  return i.kind !== "group" ? 0 : i.rows.length;
+function nt(s) {
+  return s.kind !== "group" ? 0 : s.rows.length;
 }
-class Et extends y {
+const it = '.group-row{background:var(--tbw-grouping-rows-bg, var(--tbw-color-panel-bg));font-weight:500}.group-row:hover{background:var(--tbw-grouping-rows-bg-hover, var(--tbw-color-row-hover))}.group-toggle{cursor:pointer;user-select:none;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:4px;font-size:10px}.group-toggle:hover{background:var(--tbw-grouping-rows-toggle-hover, var(--tbw-color-row-hover));border-radius:2px}.group-label{display:inline-flex;align-items:center;gap:8px}.group-count{color:var(--tbw-grouping-rows-count-color, var(--tbw-color-fg-muted));font-size:.85em;font-weight:400}[data-group-depth="0"] .group-label{padding-left:0}[data-group-depth="1"] .group-label{padding-left:20px}[data-group-depth="2"] .group-label{padding-left:40px}[data-group-depth="3"] .group-label{padding-left:60px}[data-group-depth="4"] .group-label{padding-left:80px}';
+class eo extends C {
   name = "groupingRows";
   version = "1.0.0";
   get defaultConfig() {
     return {
-      enabled: !0,
       defaultExpanded: !1,
       showRowCount: !0,
       indentWidth: 20,
@@ -1734,22 +1621,22 @@ class Et extends y {
   }
   processRows(e) {
     const t = this.config;
-    if (!t.enabled || typeof t.groupOn != "function")
+    if (typeof t.groupOn != "function")
       return this.isActive = !1, this.flattenedRows = [], [...e];
-    const n = We({
+    const o = Qe({
       rows: e,
       config: t,
       expanded: this.expandedKeys
     });
-    return n.length === 0 ? (this.isActive = !1, this.flattenedRows = [], [...e]) : (this.isActive = !0, this.flattenedRows = n, n.map((o) => o.kind === "group" ? {
+    return o.length === 0 ? (this.isActive = !1, this.flattenedRows = [], [...e]) : (this.isActive = !0, this.flattenedRows = o, o.map((n) => n.kind === "group" ? {
       __isGroupRow: !0,
-      __groupKey: o.key,
-      __groupValue: o.value,
-      __groupDepth: o.depth,
-      __groupRows: o.rows,
-      __groupExpanded: o.expanded,
-      __groupRowCount: ze(o)
-    } : o.row));
+      __groupKey: n.key,
+      __groupValue: n.value,
+      __groupDepth: n.depth,
+      __groupRows: n.rows,
+      __groupExpanded: n.expanded,
+      __groupRowCount: nt(n)
+    } : n.row));
   }
   onCellClick(e) {
     const t = e.row;
@@ -1759,14 +1646,14 @@ class Et extends y {
   /**
    * Render a row. Returns true if we handled the row (group row), false otherwise.
    */
-  renderRow(e, t, n) {
+  renderRow(e, t, o) {
     if (!e?.__isGroupRow)
       return !1;
-    const o = this.config;
-    if (o.groupRowRenderer) {
+    const n = this.config;
+    if (n.groupRowRenderer) {
       const l = () => {
         this.toggle(e.__groupKey);
-      }, a = o.groupRowRenderer({
+      }, a = n.groupRowRenderer({
         key: e.__groupKey,
         value: e.__groupValue,
         depth: e.__groupDepth,
@@ -1777,55 +1664,55 @@ class Et extends y {
       if (a)
         return t.className = "group-row", t.__isCustomRow = !0, t.setAttribute("data-group-depth", String(e.__groupDepth)), typeof a == "string" ? t.innerHTML = a : (t.innerHTML = "", t.appendChild(a)), !0;
     }
-    const r = () => {
+    const i = () => {
       this.toggle(e.__groupKey);
     };
-    return t.className = "group-row", t.__isCustomRow = !0, t.setAttribute("data-group-depth", String(e.__groupDepth)), t.setAttribute("role", "row"), t.setAttribute("aria-expanded", String(e.__groupExpanded)), t.style.paddingLeft = `${(e.__groupDepth || 0) * (o.indentWidth ?? 20)}px`, t.innerHTML = "", o.fullWidth !== !1 ? this.renderFullWidthGroupRow(e, t, r) : this.renderPerColumnGroupRow(e, t, r), !0;
+    return t.className = "group-row", t.__isCustomRow = !0, t.setAttribute("data-group-depth", String(e.__groupDepth)), t.setAttribute("role", "row"), t.setAttribute("aria-expanded", String(e.__groupExpanded)), t.style.paddingLeft = `${(e.__groupDepth || 0) * (n.indentWidth ?? 20)}px`, t.innerHTML = "", n.fullWidth !== !1 ? this.renderFullWidthGroupRow(e, t, i) : this.renderPerColumnGroupRow(e, t, i), !0;
   }
   afterRender() {
   }
   // ===== Private Rendering Helpers =====
-  renderFullWidthGroupRow(e, t, n) {
-    const o = this.config, r = document.createElement("div");
-    r.className = "cell group-full", r.style.gridColumn = "1 / -1", r.setAttribute("role", "gridcell");
-    const s = document.createElement("button");
-    s.type = "button", s.className = "group-toggle", s.setAttribute("aria-label", e.__groupExpanded ? "Collapse group" : "Expand group"), this.setIcon(s, this.resolveIcon(e.__groupExpanded ? "collapse" : "expand")), s.addEventListener("click", (d) => {
-      d.stopPropagation(), n();
-    }), r.appendChild(s);
+  renderFullWidthGroupRow(e, t, o) {
+    const n = this.config, i = document.createElement("div");
+    i.className = "cell group-full", i.style.gridColumn = "1 / -1", i.setAttribute("role", "gridcell");
+    const r = document.createElement("button");
+    r.type = "button", r.className = "group-toggle", r.setAttribute("aria-label", e.__groupExpanded ? "Collapse group" : "Expand group"), this.setIcon(r, this.resolveIcon(e.__groupExpanded ? "collapse" : "expand")), r.addEventListener("click", (d) => {
+      d.stopPropagation(), o();
+    }), i.appendChild(r);
     const l = document.createElement("span");
     l.className = "group-label";
-    const a = o.formatLabel ? o.formatLabel(e.__groupValue, e.__groupDepth || 0, e.__groupKey) : String(e.__groupValue);
-    if (l.textContent = a, r.appendChild(l), o.showRowCount !== !1) {
+    const a = n.formatLabel ? n.formatLabel(e.__groupValue, e.__groupDepth || 0, e.__groupKey) : String(e.__groupValue);
+    if (l.textContent = a, i.appendChild(l), n.showRowCount !== !1) {
       const d = document.createElement("span");
-      d.className = "group-count", d.textContent = `(${e.__groupRowCount ?? e.__groupRows?.length ?? 0})`, r.appendChild(d);
+      d.className = "group-count", d.textContent = `(${e.__groupRowCount ?? e.__groupRows?.length ?? 0})`, i.appendChild(d);
     }
-    t.appendChild(r);
+    t.appendChild(i);
   }
-  renderPerColumnGroupRow(e, t, n) {
-    const o = this.config, r = o.aggregators ?? {}, s = this.columns, l = e.__groupRows ?? [], d = this.shadowRoot?.querySelector(".body")?.style.gridTemplateColumns || "";
-    d && (t.style.display = "grid", t.style.gridTemplateColumns = d), s.forEach((c, u) => {
+  renderPerColumnGroupRow(e, t, o) {
+    const n = this.config, i = n.aggregators ?? {}, r = this.columns, l = e.__groupRows ?? [], d = this.shadowRoot?.querySelector(".body")?.style.gridTemplateColumns || "";
+    d && (t.style.display = "grid", t.style.gridTemplateColumns = d), r.forEach((c, u) => {
       const h = document.createElement("div");
       if (h.className = "cell group-cell", h.setAttribute("data-col", String(u)), h.setAttribute("role", "gridcell"), u === 0) {
-        const f = document.createElement("button");
-        f.type = "button", f.className = "group-toggle", f.setAttribute("aria-label", e.__groupExpanded ? "Collapse group" : "Expand group"), this.setIcon(f, this.resolveIcon(e.__groupExpanded ? "collapse" : "expand")), f.addEventListener("click", (b) => {
-          b.stopPropagation(), n();
-        }), h.appendChild(f);
-        const g = document.createElement("span"), m = r[c.field];
+        const p = document.createElement("button");
+        p.type = "button", p.className = "group-toggle", p.setAttribute("aria-label", e.__groupExpanded ? "Collapse group" : "Expand group"), this.setIcon(p, this.resolveIcon(e.__groupExpanded ? "collapse" : "expand")), p.addEventListener("click", (b) => {
+          b.stopPropagation(), o();
+        }), h.appendChild(p);
+        const g = document.createElement("span"), m = i[c.field];
         if (m) {
-          const b = X(m, l, c.field, c);
+          const b = te(m, l, c.field, c);
           g.textContent = b != null ? String(b) : String(e.__groupValue);
         } else {
-          const b = o.formatLabel ? o.formatLabel(e.__groupValue, e.__groupDepth || 0, e.__groupKey) : String(e.__groupValue);
+          const b = n.formatLabel ? n.formatLabel(e.__groupValue, e.__groupDepth || 0, e.__groupKey) : String(e.__groupValue);
           g.textContent = b;
         }
-        if (h.appendChild(g), o.showRowCount !== !1) {
+        if (h.appendChild(g), n.showRowCount !== !1) {
           const b = document.createElement("span");
           b.className = "group-count", b.textContent = ` (${l.length})`, h.appendChild(b);
         }
       } else {
-        const f = r[c.field];
-        if (f) {
-          const g = X(f, l, c.field, c);
+        const p = i[c.field];
+        if (p) {
+          const g = te(p, l, c.field, c);
           h.textContent = g != null ? String(g) : "";
         } else
           h.textContent = "";
@@ -1838,21 +1725,21 @@ class Et extends y {
    * Expand all groups.
    */
   expandAll() {
-    this.expandedKeys = Ke(this.flattenedRows), this.requestRender();
+    this.expandedKeys = tt(this.flattenedRows), this.requestRender();
   }
   /**
    * Collapse all groups.
    */
   collapseAll() {
-    this.expandedKeys = Ge(), this.requestRender();
+    this.expandedKeys = ot(), this.requestRender();
   }
   /**
    * Toggle expansion of a specific group.
    * @param key - The group key to toggle
    */
   toggle(e) {
-    this.expandedKeys = Ve(this.expandedKeys, e);
-    const t = this.flattenedRows.find((n) => n.kind === "group" && n.key === e);
+    this.expandedKeys = et(this.expandedKeys, e);
+    const t = this.flattenedRows.find((o) => o.kind === "group" && o.key === e);
     this.emit("group-toggle", {
       key: e,
       expanded: this.expandedKeys.has(e),
@@ -1941,75 +1828,37 @@ class Et extends y {
     this.config.groupOn = e, this.requestRender();
   }
   // ===== Styles =====
-  styles = `
-    .group-row {
-      background: var(--tbw-grouping-rows-bg, var(--tbw-color-panel-bg));
-      font-weight: 500;
-    }
-    .group-row:hover {
-      background: var(--tbw-grouping-rows-bg-hover, var(--tbw-color-row-hover));
-    }
-    .group-toggle {
-      cursor: pointer;
-      user-select: none;
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      width: 20px;
-      height: 20px;
-      margin-right: 4px;
-      font-size: 10px;
-    }
-    .group-toggle:hover {
-      background: var(--tbw-grouping-rows-toggle-hover, var(--tbw-color-row-hover));
-      border-radius: 2px;
-    }
-    .group-label {
-      display: inline-flex;
-      align-items: center;
-      gap: 8px;
-    }
-    .group-count {
-      color: var(--tbw-grouping-rows-count-color, var(--tbw-color-fg-muted));
-      font-size: 0.85em;
-      font-weight: normal;
-    }
-    [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; }
-  `;
-}
-function H(i, e) {
-  const t = new Set(i);
+  styles = it;
+}
+function V(s, e) {
+  const t = new Set(s);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
-function $e(i, e) {
-  const t = new Set(i);
+function rt(s, e) {
+  const t = new Set(s);
   return t.add(e), t;
 }
-function je(i, e) {
-  const t = new Set(i);
+function st(s, e) {
+  const t = new Set(s);
   return t.delete(e), t;
 }
-function Ue(i, e) {
-  return i.has(e);
-}
-function Ye(i, 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 r = document.createElement("div");
-  r.className = "master-detail-cell", r.setAttribute("role", "cell"), r.style.gridColumn = `1 / ${n + 1}`;
-  const s = t(i, e);
-  return typeof s == "string" ? r.innerHTML = s : s instanceof HTMLElement && r.appendChild(s), o.appendChild(r), o;
+function lt(s, e) {
+  return s.has(e);
 }
-class At extends y {
+function at(s, e, t, o) {
+  const n = document.createElement("div");
+  n.className = "master-detail-row", n.setAttribute("data-detail-for", String(e)), n.setAttribute("role", "row");
+  const i = document.createElement("div");
+  i.className = "master-detail-cell", i.setAttribute("role", "cell"), i.style.gridColumn = `1 / ${o + 1}`;
+  const r = t(s, e);
+  return typeof r == "string" ? i.innerHTML = r : r instanceof HTMLElement && i.appendChild(r), n.appendChild(i), n;
+}
+const dt = ".master-detail-cell-wrapper{display:flex;align-items:center;gap:4px}.master-detail-toggle{cursor:pointer;font-size:10px;opacity:.7;user-select:none}.master-detail-toggle:hover{opacity:1}.master-detail-row{grid-column:1 / -1;display:grid;background:var(--tbw-master-detail-bg, var(--tbw-color-row-alt));border-bottom:1px solid var(--tbw-master-detail-border, var(--tbw-color-border))}.master-detail-cell{padding:16px;overflow:auto}";
+class to extends C {
   name = "masterDetail";
   version = "1.0.0";
   get defaultConfig() {
     return {
-      enabled: !0,
       detailHeight: "auto",
       expandOnRowClick: !1,
       collapseOnClickOutside: !1,
@@ -2029,37 +1878,37 @@ class At extends y {
       return [...e];
     const t = [...e];
     if (t.length > 0) {
-      const n = { ...t[0] }, o = n.viewRenderer;
-      if (o?.__masterDetailWrapped)
+      const o = { ...t[0] }, n = o.viewRenderer;
+      if (n?.__masterDetailWrapped)
         return t;
-      const r = (s) => {
-        const { value: l, row: a } = s, d = this.expandedRows.has(a), c = document.createElement("span");
+      const i = (r) => {
+        const { value: l, row: a } = r, d = this.expandedRows.has(a), c = document.createElement("span");
         c.className = "master-detail-cell-wrapper";
         const u = document.createElement("span");
-        u.className = "master-detail-toggle", this.setIcon(u, this.resolveIcon(d ? "collapse" : "expand")), u.setAttribute("aria-expanded", String(d)), u.setAttribute("aria-label", d ? "Collapse details" : "Expand details"), u.addEventListener("click", (f) => {
-          f.stopPropagation();
+        u.className = "master-detail-toggle", this.setIcon(u, this.resolveIcon(d ? "collapse" : "expand")), u.setAttribute("role", "button"), u.setAttribute("tabindex", "0"), u.setAttribute("aria-expanded", String(d)), u.setAttribute("aria-label", d ? "Collapse details" : "Expand details"), u.addEventListener("click", (p) => {
+          p.stopPropagation();
           const g = this.rows.indexOf(a);
-          this.expandedRows = H(this.expandedRows, a), this.emit("detail-expand", {
+          this.expandedRows = V(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 f = o(s);
-          f instanceof Node ? h.appendChild(f) : h.textContent = String(f ?? l ?? "");
+        if (n) {
+          const p = n(r);
+          p instanceof Node ? h.appendChild(p) : h.textContent = String(p ?? l ?? "");
         } else
           h.textContent = String(l ?? "");
         return c.appendChild(h), c;
       };
-      r.__masterDetailWrapped = !0, n.viewRenderer = r, t[0] = n;
+      i.__masterDetailWrapped = !0, o.viewRenderer = i, t[0] = o;
     }
     return t;
   }
   onRowClick(e) {
     if (!(!this.config.expandOnRowClick || !this.config.detailRenderer))
-      return this.expandedRows = H(this.expandedRows, e.row), this.emit("detail-expand", {
+      return this.expandedRows = V(this.expandedRows, e.row), this.emit("detail-expand", {
         rowIndex: e.rowIndex,
         row: e.row,
         expanded: this.expandedRows.has(e.row)
@@ -2086,25 +1935,25 @@ class At extends y {
     if (!this.config.detailRenderer) return;
     const e = this.shadowRoot?.querySelector(".rows");
     if (!e) return;
-    const t = /* @__PURE__ */ new Map(), n = e.querySelectorAll(".data-grid-row"), o = this.columns.length;
-    for (const s of n) {
-      const l = s.querySelector(".cell[data-row]"), a = l ? parseInt(l.getAttribute("data-row") ?? "-1", 10) : -1;
-      a >= 0 && t.set(a, s);
-    }
-    const r = e.querySelectorAll(".master-detail-row");
-    for (const s of r) {
-      const l = parseInt(s.getAttribute("data-detail-for") ?? "-1", 10), a = l >= 0 ? this.rows[l] : void 0, d = a && this.expandedRows.has(a), c = t.has(l);
-      (!d || !c) && (s.remove(), a && this.detailElements.delete(a));
-    }
-    for (const [s, l] of t) {
-      const a = this.rows[s];
+    const t = /* @__PURE__ */ new Map(), o = e.querySelectorAll(".data-grid-row"), n = this.columns.length;
+    for (const r of o) {
+      const l = r.querySelector(".cell[data-row]"), a = l ? parseInt(l.getAttribute("data-row") ?? "-1", 10) : -1;
+      a >= 0 && t.set(a, r);
+    }
+    const i = e.querySelectorAll(".master-detail-row");
+    for (const r of i) {
+      const l = parseInt(r.getAttribute("data-detail-for") ?? "-1", 10), a = l >= 0 ? this.rows[l] : void 0, d = a && this.expandedRows.has(a), c = t.has(l);
+      (!d || !c) && (r.remove(), a && this.detailElements.delete(a));
+    }
+    for (const [r, l] of t) {
+      const a = this.rows[r];
       if (!a || !this.expandedRows.has(a)) continue;
       const d = this.detailElements.get(a);
       if (d) {
         d.previousElementSibling !== l && l.after(d);
         continue;
       }
-      const c = Ye(a, s, this.config.detailRenderer, o);
+      const c = at(a, r, this.config.detailRenderer, n);
       typeof this.config.detailHeight == "number" && (c.style.height = `${this.config.detailHeight}px`), l.after(c), this.detailElements.set(a, c);
     }
   }
@@ -2115,12 +1964,12 @@ class At extends y {
   getExtraHeight() {
     let e = 0;
     for (const t of this.expandedRows) {
-      const n = this.detailElements.get(t);
-      if (n)
-        e += n.offsetHeight;
+      const o = this.detailElements.get(t);
+      if (o)
+        e += o.offsetHeight;
       else {
-        const o = this.config?.detailHeight;
-        e += typeof o == "number" ? o : 150;
+        const n = this.config?.detailHeight;
+        e += typeof n == "number" ? n : 150;
       }
     }
     return e;
@@ -2131,15 +1980,15 @@ class At extends y {
    */
   getExtraHeightBefore(e) {
     let t = 0;
-    for (const n of this.expandedRows) {
-      const o = this.rows.indexOf(n);
-      if (o >= 0 && o < e) {
-        const r = this.detailElements.get(n);
-        if (r)
-          t += r.offsetHeight;
+    for (const o of this.expandedRows) {
+      const n = this.rows.indexOf(o);
+      if (n >= 0 && n < e) {
+        const i = this.detailElements.get(o);
+        if (i)
+          t += i.offsetHeight;
         else {
-          const s = this.config?.detailHeight;
-          t += typeof s == "number" ? s : 150;
+          const r = this.config?.detailHeight;
+          t += typeof r == "number" ? r : 150;
         }
       }
     }
@@ -2149,20 +1998,20 @@ class At extends y {
    * Adjust the virtualization start index to keep expanded row visible while its detail is visible.
    * This ensures the detail scrolls smoothly out of view instead of disappearing abruptly.
    */
-  adjustVirtualStart(e, t, n) {
+  adjustVirtualStart(e, t, o) {
     if (this.expandedRows.size === 0) return e;
-    const o = [];
+    const n = [];
     for (const l of this.expandedRows) {
       const a = this.rows.indexOf(l);
-      a >= 0 && o.push({ index: a, row: l });
+      a >= 0 && n.push({ index: a, row: l });
     }
-    o.sort((l, a) => l.index - a.index);
-    let r = e, s = 0;
-    for (const { index: l, row: a } of o) {
-      const d = l * n + s, u = this.detailElements.get(a)?.offsetHeight ?? (typeof this.config?.detailHeight == "number" ? this.config.detailHeight : 150), h = d + n + u;
-      s += u, !(l >= e) && h > t && l < r && (r = l);
+    n.sort((l, a) => l.index - a.index);
+    let i = e, r = 0;
+    for (const { index: l, row: a } of n) {
+      const d = l * o + r, u = this.detailElements.get(a)?.offsetHeight ?? (typeof this.config?.detailHeight == "number" ? this.config.detailHeight : 150), h = d + o + u;
+      r += u, !(l >= e) && h > t && l < i && (i = l);
     }
-    return r;
+    return i;
   }
   // ===== Public API =====
   /**
@@ -2171,7 +2020,7 @@ class At extends y {
    */
   expand(e) {
     const t = this.rows[e];
-    t && (this.expandedRows = $e(this.expandedRows, t), this.requestRender());
+    t && (this.expandedRows = rt(this.expandedRows, t), this.requestRender());
   }
   /**
    * Collapse the detail row at the given index.
@@ -2179,7 +2028,7 @@ class At extends y {
    */
   collapse(e) {
     const t = this.rows[e];
-    t && (this.expandedRows = je(this.expandedRows, t), this.requestRender());
+    t && (this.expandedRows = st(this.expandedRows, t), this.requestRender());
   }
   /**
    * Toggle the detail row at the given index.
@@ -2187,7 +2036,7 @@ class At extends y {
    */
   toggle(e) {
     const t = this.rows[e];
-    t && (this.expandedRows = H(this.expandedRows, t), this.requestRender());
+    t && (this.expandedRows = V(this.expandedRows, t), this.requestRender());
   }
   /**
    * Check if the detail row at the given index is expanded.
@@ -2196,7 +2045,7 @@ class At extends y {
    */
   isExpanded(e) {
     const t = this.rows[e];
-    return t ? Ue(this.expandedRows, t) : !1;
+    return t ? lt(this.expandedRows, t) : !1;
   }
   /**
    * Expand all detail rows.
@@ -2219,8 +2068,8 @@ class At extends y {
   getExpandedRows() {
     const e = [];
     for (const t of this.expandedRows) {
-      const n = this.rows.indexOf(t);
-      n >= 0 && e.push(n);
+      const o = this.rows.indexOf(t);
+      o >= 0 && e.push(o);
     }
     return e;
   }
@@ -2234,63 +2083,38 @@ class At extends y {
     return t ? this.detailElements.get(t) : void 0;
   }
   // ===== Styles =====
-  styles = `
-    .master-detail-cell-wrapper {
-      display: flex;
-      align-items: center;
-      gap: 4px;
-    }
-    .master-detail-toggle {
-      cursor: pointer;
-      font-size: 10px;
-      opacity: 0.7;
-      user-select: none;
-    }
-    .master-detail-toggle:hover {
-      opacity: 1;
-    }
-    .master-detail-row {
-      grid-column: 1 / -1;
-      display: grid;
-      background: var(--tbw-master-detail-bg, var(--tbw-color-row-alt));
-      border-bottom: 1px solid var(--tbw-master-detail-border, var(--tbw-color-border));
-    }
-    .master-detail-cell {
-      padding: 16px;
-      overflow: auto;
-    }
-  `;
+  styles = dt;
 }
-function Xe(i, e, t) {
-  return e.length ? [...i].sort((n, o) => {
-    for (const r of e) {
-      const l = t.find((u) => u.field === r.field)?.sortComparator ?? Je, a = n[r.field], d = o[r.field], c = l(a, d, n, o);
+function ct(s, e, t) {
+  return e.length ? [...s].sort((o, n) => {
+    for (const i of e) {
+      const l = t.find((u) => u.field === i.field)?.sortComparator ?? ut, a = o[i.field], d = n[i.field], c = l(a, d, o, n);
       if (c !== 0)
-        return r.direction === "asc" ? c : -c;
+        return i.direction === "asc" ? c : -c;
     }
     return 0;
-  }) : [...i];
+  }) : [...s];
 }
-function Je(i, e) {
-  return i == null && e == null ? 0 : i == null ? 1 : e == null ? -1 : typeof i == "number" && typeof e == "number" ? i - e : i instanceof Date && e instanceof Date ? i.getTime() - e.getTime() : typeof i == "boolean" && typeof e == "boolean" ? i === e ? 0 : i ? -1 : 1 : String(i).localeCompare(String(e));
+function ut(s, e) {
+  return s == null && e == null ? 0 : s == null ? 1 : e == null ? -1 : typeof s == "number" && typeof e == "number" ? s - e : s instanceof Date && e instanceof Date ? s.getTime() - e.getTime() : typeof s == "boolean" && typeof e == "boolean" ? s === e ? 0 : s ? -1 : 1 : String(s).localeCompare(String(e));
 }
-function Qe(i, e, t, n) {
-  const o = i.find((r) => r.field === e);
-  return t ? o ? o.direction === "asc" ? i.map((r) => r.field === e ? { ...r, direction: "desc" } : r) : i.filter((r) => r.field !== e) : i.length < n ? [...i, { field: e, direction: "asc" }] : i : o?.direction === "asc" ? [{ field: e, direction: "desc" }] : o?.direction === "desc" ? [] : [{ field: e, direction: "asc" }];
+function ht(s, e, t, o) {
+  const n = s.find((i) => i.field === e);
+  return t ? n ? n.direction === "asc" ? s.map((i) => i.field === e ? { ...i, direction: "desc" } : i) : s.filter((i) => i.field !== e) : s.length < o ? [...s, { field: e, direction: "asc" }] : s : n?.direction === "asc" ? [{ field: e, direction: "desc" }] : n?.direction === "desc" ? [] : [{ field: e, direction: "asc" }];
 }
-function le(i, e) {
-  const t = i.findIndex((n) => n.field === e);
+function he(s, e) {
+  const t = s.findIndex((o) => o.field === e);
   return t >= 0 ? t + 1 : void 0;
 }
-function ae(i, e) {
-  return i.find((t) => t.field === e)?.direction;
+function pe(s, e) {
+  return s.find((t) => t.field === e)?.direction;
 }
-class It extends y {
+const pt = '.header-cell[data-sort=asc]:after{content:"↑";margin-left:4px;opacity:.8}.header-cell[data-sort=desc]:after{content:"↓";margin-left:4px;opacity:.8}.sort-index{font-size:10px;background:var(--tbw-multi-sort-badge-bg, var(--tbw-color-panel-bg));color:var(--tbw-multi-sort-badge-color, var(--tbw-color-fg));border-radius:50%;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;margin-left:2px;font-weight:600}';
+class oo extends C {
   name = "multiSort";
   version = "1.0.0";
   get defaultConfig() {
     return {
-      enabled: !0,
       maxSortColumns: 3,
       showSortIndex: !0
     };
@@ -2303,30 +2127,30 @@ class It extends y {
   }
   // ===== Hooks =====
   processRows(e) {
-    return this.sortModel.length === 0 ? [...e] : Xe([...e], this.sortModel, [...this.columns]);
+    return this.sortModel.length === 0 ? [...e] : ct([...e], this.sortModel, [...this.columns]);
   }
   onHeaderClick(e) {
-    if (!this.columns.find((r) => r.field === e.field)?.sortable) return !1;
-    const n = e.originalEvent.shiftKey, o = this.config.maxSortColumns ?? 3;
-    return this.sortModel = Qe(this.sortModel, e.field, n, o), this.emit("sort-change", { sortModel: [...this.sortModel] }), this.requestRender(), !0;
+    if (!this.columns.find((i) => i.field === e.field)?.sortable) return !1;
+    const o = e.originalEvent.shiftKey, n = this.config.maxSortColumns ?? 3;
+    return this.sortModel = ht(this.sortModel, e.field, o, n), this.emit("sort-change", { sortModel: [...this.sortModel] }), this.requestRender(), !0;
   }
   afterRender() {
     const e = this.shadowRoot;
     if (!e) return;
     const t = this.config.showSortIndex !== !1;
-    e.querySelectorAll(".header-row .cell[data-field]").forEach((o) => {
-      const r = o.getAttribute("data-field");
-      if (!r) return;
-      const s = le(this.sortModel, r), l = ae(this.sortModel, r);
-      if (o.querySelector(".sort-index")?.remove(), l) {
-        o.querySelector('[part~="sort-indicator"], .sort-indicator')?.remove(), o.setAttribute("data-sort", l);
+    e.querySelectorAll(".header-row .cell[data-field]").forEach((n) => {
+      const i = n.getAttribute("data-field");
+      if (!i) return;
+      const r = he(this.sortModel, i), l = pe(this.sortModel, i);
+      if (n.querySelector(".sort-index")?.remove(), l) {
+        n.querySelector('[part~="sort-indicator"], .sort-indicator')?.remove(), n.setAttribute("data-sort", l);
         const c = document.createElement("span");
-        if (c.className = "sort-indicator", c.style.marginLeft = "4px", c.style.opacity = "0.8", this.setIcon(c, this.resolveIcon(l === "asc" ? "sortAsc" : "sortDesc")), o.appendChild(c), t && this.sortModel.length > 1 && s !== void 0) {
+        if (c.className = "sort-indicator", c.style.marginLeft = "4px", c.style.opacity = "0.8", this.setIcon(c, this.resolveIcon(l === "asc" ? "sortAsc" : "sortDesc")), n.appendChild(c), t && this.sortModel.length > 1 && r !== void 0) {
           const u = document.createElement("span");
-          u.className = "sort-index", u.textContent = String(s), o.appendChild(u);
+          u.className = "sort-index", u.textContent = String(r), n.appendChild(u);
         }
       } else
-        o.removeAttribute("data-sort");
+        n.removeAttribute("data-sort");
     });
   }
   // ===== Public API =====
@@ -2356,7 +2180,7 @@ class It extends y {
    * @returns 1-based index or undefined if not sorted
    */
   getSortIndex(e) {
-    return le(this.sortModel, e);
+    return he(this.sortModel, e);
   }
   /**
    * Get the sort direction for a specific field.
@@ -2364,14 +2188,14 @@ class It extends y {
    * @returns Sort direction or undefined if not sorted
    */
   getSortDirection(e) {
-    return ae(this.sortModel, e);
+    return pe(this.sortModel, e);
   }
   // ===== Column State Hooks =====
   /**
    * Return sort state for a column if it's in the sort model.
    */
   getColumnState(e) {
-    const t = this.sortModel.findIndex((o) => o.field === e);
+    const t = this.sortModel.findIndex((n) => n.field === e);
     return t === -1 ? void 0 : {
       sort: {
         direction: this.sortModel[t].direction,
@@ -2385,91 +2209,65 @@ class It extends y {
    */
   applyColumnState(e, t) {
     if (!t.sort) {
-      this.sortModel = this.sortModel.filter((r) => r.field !== e);
+      this.sortModel = this.sortModel.filter((i) => i.field !== e);
       return;
     }
-    const n = this.sortModel.findIndex((r) => r.field === e), o = {
+    const o = this.sortModel.findIndex((i) => i.field === e), n = {
       field: e,
       direction: t.sort.direction
     };
-    n !== -1 ? this.sortModel[n] = o : this.sortModel.splice(t.sort.priority, 0, o);
+    o !== -1 ? this.sortModel[o] = n : this.sortModel.splice(t.sort.priority, 0, n);
   }
   // ===== Styles =====
-  styles = `
-    .header-cell[data-sort="asc"]::after {
-      content: '↑';
-      margin-left: 4px;
-      opacity: 0.8;
-    }
-    .header-cell[data-sort="desc"]::after {
-      content: '↓';
-      margin-left: 4px;
-      opacity: 0.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;
-    }
-  `;
+  styles = pt;
 }
-function Ze(i) {
-  return i.filter((e) => e.sticky === "left");
+function gt(s) {
+  return s.filter((e) => e.sticky === "left");
 }
-function et(i) {
-  return i.filter((e) => e.sticky === "right");
+function ft(s) {
+  return s.filter((e) => e.sticky === "right");
 }
-function O(i) {
-  return i.some((e) => e.sticky === "left" || e.sticky === "right");
+function K(s) {
+  return s.some((e) => e.sticky === "left" || e.sticky === "right");
 }
-function de(i, e) {
-  const t = i.shadowRoot;
+function ge(s, e) {
+  const t = s.shadowRoot;
   if (!t) return;
-  const n = Array.from(t.querySelectorAll(".header-row .cell"));
-  if (!n.length) return;
-  const o = /* @__PURE__ */ new Map();
+  const o = Array.from(t.querySelectorAll(".header-row .cell"));
+  if (!o.length) return;
+  const n = /* @__PURE__ */ new Map();
   e.forEach((l, a) => {
-    l.field && o.set(l.field, a);
+    l.field && n.set(l.field, a);
   });
-  let r = 0;
+  let i = 0;
   for (const l of e)
     if (l.sticky === "left") {
-      const a = o.get(l.field), d = n.find((c) => c.getAttribute("data-field") === l.field);
-      d && (d.classList.add("sticky-left"), d.style.left = r + "px", a !== void 0 && t.querySelectorAll(`.data-grid-row .cell[data-col="${a}"]`).forEach((c) => {
-        c.classList.add("sticky-left"), c.style.left = r + "px";
-      }), r += d.offsetWidth);
+      const a = n.get(l.field), d = o.find((c) => c.getAttribute("data-field") === l.field);
+      d && (d.classList.add("sticky-left"), d.style.left = i + "px", a !== void 0 && t.querySelectorAll(`.data-grid-row .cell[data-col="${a}"]`).forEach((c) => {
+        c.classList.add("sticky-left"), c.style.left = i + "px";
+      }), i += d.offsetWidth);
     }
-  let s = 0;
+  let r = 0;
   for (const l of [...e].reverse())
     if (l.sticky === "right") {
-      const a = o.get(l.field), d = n.find((c) => c.getAttribute("data-field") === l.field);
-      d && (d.classList.add("sticky-right"), d.style.right = s + "px", a !== void 0 && t.querySelectorAll(`.data-grid-row .cell[data-col="${a}"]`).forEach((c) => {
-        c.classList.add("sticky-right"), c.style.right = s + "px";
-      }), s += d.offsetWidth);
+      const a = n.get(l.field), d = o.find((c) => c.getAttribute("data-field") === l.field);
+      d && (d.classList.add("sticky-right"), d.style.right = r + "px", a !== void 0 && t.querySelectorAll(`.data-grid-row .cell[data-col="${a}"]`).forEach((c) => {
+        c.classList.add("sticky-right"), c.style.right = r + "px";
+      }), r += d.offsetWidth);
     }
 }
-function ce(i) {
-  const e = i.shadowRoot;
+function fe(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.left = "", n.style.right = "";
+  e.querySelectorAll(".sticky-left, .sticky-right").forEach((o) => {
+    o.classList.remove("sticky-left", "sticky-right"), o.style.left = "", o.style.right = "";
   });
 }
-class _t extends y {
+class no extends C {
   name = "pinnedColumns";
   version = "1.0.0";
   get defaultConfig() {
-    return {
-      enabled: !0
-    };
+    return {};
   }
   // ===== Internal State =====
   isApplied = !1;
@@ -2484,23 +2282,23 @@ class _t extends y {
    * Auto-detect sticky columns from column configuration.
    */
   static detect(e, t) {
-    const n = t?.columns;
-    return Array.isArray(n) ? O(n) : !1;
+    const o = t?.columns;
+    return Array.isArray(o) ? K(o) : !1;
   }
   // ===== Hooks =====
   processColumns(e) {
-    return this.config.enabled ? (this.isApplied = O([...e]), [...e]) : (this.isApplied = !1, [...e]);
+    return this.isApplied = K([...e]), [...e];
   }
   afterRender() {
-    if (!this.config.enabled || !this.isApplied)
+    if (!this.isApplied)
       return;
     const e = this.grid, t = [...this.columns];
-    if (!O(t)) {
-      ce(e), this.isApplied = !1;
+    if (!K(t)) {
+      fe(e), this.isApplied = !1;
       return;
     }
     queueMicrotask(() => {
-      de(e, t);
+      ge(e, t);
     });
   }
   // ===== Public API =====
@@ -2509,117 +2307,117 @@ class _t extends y {
    */
   refreshStickyOffsets() {
     const e = [...this.columns];
-    de(this.grid, e);
+    ge(this.grid, e);
   }
   /**
    * Get columns pinned to the left.
    */
   getLeftPinnedColumns() {
     const e = [...this.columns];
-    return Ze(e);
+    return gt(e);
   }
   /**
    * Get columns pinned to the right.
    */
   getRightPinnedColumns() {
     const e = [...this.columns];
-    return et(e);
+    return ft(e);
   }
   /**
    * Clear all sticky positioning.
    */
   clearStickyPositions() {
-    ce(this.grid);
+    fe(this.grid);
   }
 }
-function W(i, e) {
+function z(s, e) {
   const t = document.createElement("div");
-  t.className = "tbw-pinned-rows", t.setAttribute("role", "status"), t.setAttribute("aria-live", "polite");
-  const n = document.createElement("div");
-  n.className = "tbw-pinned-rows-left";
+  t.className = "tbw-pinned-rows", t.setAttribute("role", "presentation"), t.setAttribute("aria-live", "polite");
   const o = document.createElement("div");
-  o.className = "tbw-pinned-rows-center";
-  const r = document.createElement("div");
-  if (r.className = "tbw-pinned-rows-right", i.showRowCount !== !1) {
-    const s = document.createElement("span");
-    s.className = "tbw-status-panel tbw-status-panel-row-count", s.textContent = `Total: ${e.totalRows} rows`, n.appendChild(s);
-  }
-  if (i.showFilteredCount && e.filteredRows !== e.totalRows) {
-    const s = document.createElement("span");
-    s.className = "tbw-status-panel tbw-status-panel-filtered-count", s.textContent = `Filtered: ${e.filteredRows}`, n.appendChild(s);
-  }
-  if (i.showSelectedCount && e.selectedRows > 0) {
-    const s = document.createElement("span");
-    s.className = "tbw-status-panel tbw-status-panel-selected-count", s.textContent = `Selected: ${e.selectedRows}`, r.appendChild(s);
-  }
-  if (i.customPanels)
-    for (const s of i.customPanels) {
-      const l = tt(s, e);
-      switch (s.position) {
+  o.className = "tbw-pinned-rows-left";
+  const n = document.createElement("div");
+  n.className = "tbw-pinned-rows-center";
+  const i = document.createElement("div");
+  if (i.className = "tbw-pinned-rows-right", s.showRowCount !== !1) {
+    const r = document.createElement("span");
+    r.className = "tbw-status-panel tbw-status-panel-row-count", r.textContent = `Total: ${e.totalRows} rows`, o.appendChild(r);
+  }
+  if (s.showFilteredCount && e.filteredRows !== e.totalRows) {
+    const r = document.createElement("span");
+    r.className = "tbw-status-panel tbw-status-panel-filtered-count", r.textContent = `Filtered: ${e.filteredRows}`, o.appendChild(r);
+  }
+  if (s.showSelectedCount && e.selectedRows > 0) {
+    const r = document.createElement("span");
+    r.className = "tbw-status-panel tbw-status-panel-selected-count", r.textContent = `Selected: ${e.selectedRows}`, i.appendChild(r);
+  }
+  if (s.customPanels)
+    for (const r of s.customPanels) {
+      const l = mt(r, e);
+      switch (r.position) {
         case "left":
-          n.appendChild(l);
+          o.appendChild(l);
           break;
         case "center":
-          o.appendChild(l);
+          n.appendChild(l);
           break;
         case "right":
-          r.appendChild(l);
+          i.appendChild(l);
           break;
       }
     }
-  return t.appendChild(n), t.appendChild(o), t.appendChild(r), t;
+  return t.appendChild(o), t.appendChild(n), t.appendChild(i), t;
 }
-function ue(i) {
+function me(s) {
   const e = document.createElement("div");
-  return e.className = `tbw-aggregation-rows tbw-aggregation-rows-${i}`, e.setAttribute("role", "rowgroup"), e;
-}
-function he(i, e, t, n) {
-  i.innerHTML = "";
-  for (const o of e) {
-    const r = document.createElement("div");
-    if (r.className = "tbw-aggregation-row", r.setAttribute("role", "row"), o.id && r.setAttribute("data-aggregation-id", o.id), o.fullWidth) {
-      const s = document.createElement("div");
-      s.className = "tbw-aggregation-cell tbw-aggregation-cell-full", s.style.gridColumn = "1 / -1", s.textContent = o.label || "", r.appendChild(s);
+  return e.className = `tbw-aggregation-rows tbw-aggregation-rows-${s}`, e.setAttribute("role", "presentation"), e;
+}
+function be(s, e, t, o) {
+  s.innerHTML = "";
+  for (const n of e) {
+    const i = document.createElement("div");
+    if (i.className = "tbw-aggregation-row", i.setAttribute("role", "presentation"), n.id && i.setAttribute("data-aggregation-id", n.id), n.fullWidth) {
+      const r = document.createElement("div");
+      r.className = "tbw-aggregation-cell tbw-aggregation-cell-full", r.style.gridColumn = "1 / -1", r.textContent = n.label || "", i.appendChild(r);
     } else
-      for (const s of t) {
+      for (const r of t) {
         const l = document.createElement("div");
-        l.className = "tbw-aggregation-cell", l.setAttribute("data-field", s.field);
+        l.className = "tbw-aggregation-cell", l.setAttribute("data-field", r.field);
         let a;
-        const d = o.aggregators?.[s.field];
+        const d = n.aggregators?.[r.field];
         if (d) {
-          const c = ve(d);
-          c && (a = c(n, s.field, s));
-        } else if (o.cells && Object.prototype.hasOwnProperty.call(o.cells, s.field)) {
-          const c = o.cells[s.field];
-          typeof c == "function" ? a = c(n, s.field, s) : a = c;
+          const c = Ie(d);
+          c && (a = c(o, r.field, r));
+        } else if (n.cells && Object.prototype.hasOwnProperty.call(n.cells, r.field)) {
+          const c = n.cells[r.field];
+          typeof c == "function" ? a = c(o, r.field, r) : a = c;
         }
-        l.textContent = a != null ? String(a) : "", r.appendChild(l);
+        l.textContent = a != null ? String(a) : "", i.appendChild(l);
       }
-    i.appendChild(r);
+    s.appendChild(i);
   }
 }
-function tt(i, e) {
+function mt(s, e) {
   const t = document.createElement("div");
-  t.className = "tbw-status-panel tbw-status-panel-custom", t.id = `status-panel-${i.id}`;
-  const n = i.render(e);
-  return typeof n == "string" ? t.innerHTML = n : t.appendChild(n), t;
+  t.className = "tbw-status-panel tbw-status-panel-custom", t.id = `status-panel-${s.id}`;
+  const o = s.render(e);
+  return typeof o == "string" ? t.innerHTML = o : t.appendChild(o), t;
 }
-function fe(i, e, t, n, o) {
+function we(s, e, t, o, n) {
   return {
-    totalRows: i.length,
-    filteredRows: o?.cachedResult?.length ?? i.length,
-    selectedRows: n?.selected?.size ?? 0,
+    totalRows: s.length,
+    filteredRows: n?.cachedResult?.length ?? s.length,
+    selectedRows: o?.selected?.size ?? 0,
     columns: e,
-    rows: i,
+    rows: s,
     grid: t
   };
 }
-class Tt extends y {
+const bt = ".tbw-footer{position:sticky;bottom:0;z-index:var(--tbw-z-layer-pinned-rows, 20);background:var(--tbw-color-panel-bg)}.tbw-pinned-rows{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--tbw-pinned-rows-bg, var(--tbw-color-panel-bg));border-top:1px solid var(--tbw-pinned-rows-border, var(--tbw-color-border));font-size:12px;color:var(--tbw-pinned-rows-color, var(--tbw-color-fg-muted));min-height:32px;box-sizing:border-box;min-width:fit-content}.tbw-pinned-rows-left,.tbw-pinned-rows-center,.tbw-pinned-rows-right{display:flex;align-items:center;gap:16px}.tbw-pinned-rows-left{justify-content:flex-start}.tbw-pinned-rows-center{justify-content:center;flex:1}.tbw-pinned-rows-right{justify-content:flex-end}.tbw-status-panel{white-space:nowrap}.tbw-aggregation-rows{min-width:fit-content;background:var(--tbw-aggregation-bg, var(--tbw-color-header-bg))}.tbw-aggregation-rows-top{border-bottom:1px solid var(--tbw-aggregation-border, var(--tbw-color-border))}.tbw-aggregation-rows-bottom{border-top:1px solid var(--tbw-aggregation-border, var(--tbw-color-border))}.tbw-aggregation-row{display:grid;grid-template-columns:var(--tbw-column-template);font-weight:var(--tbw-aggregation-font-weight, 600)}.tbw-aggregation-cell{padding:var(--tbw-cell-padding, 2px 8px);min-height:var(--tbw-row-height, 28px);display:flex;align-items:center;border-right:1px solid var(--tbw-color-border-cell)}.tbw-aggregation-cell:last-child{border-right:0}.tbw-aggregation-cell-full{grid-column:1 / -1;border-right:0}";
+class io extends C {
   name = "pinnedRows";
   version = "1.0.0";
   get defaultConfig() {
     return {
-      enabled: !0,
       position: "bottom",
       showRowCount: !0,
       showSelectedCount: !0,
@@ -2637,49 +2435,45 @@ class Tt extends y {
   }
   // ===== Hooks =====
   afterRender() {
-    if (!this.config.enabled) {
-      this.cleanup();
-      return;
-    }
     const e = this.shadowRoot;
     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(), r = fe(
+    const o = this.getSelectionState(), n = this.getFilterState(), i = we(
       this.rows,
       this.columns,
       this.grid,
-      n,
-      o
-    ), s = this.config.aggregationRows || [], l = s.filter((h) => h.position === "top"), a = s.filter((h) => h.position !== "top");
+      o,
+      n
+    ), 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 = ue("top");
+        this.topAggregationContainer = me("top");
         const h = e.querySelector(".header");
         h && h.nextSibling ? t.insertBefore(this.topAggregationContainer, h.nextSibling) : t.appendChild(this.topAggregationContainer);
       }
-      he(
+      be(
         this.topAggregationContainer,
         l,
         this.visibleColumns,
         this.rows
       );
     } else this.topAggregationContainer && (this.topAggregationContainer.remove(), this.topAggregationContainer = null);
-    const d = this.config.showRowCount !== !1 || this.config.showSelectedCount && r.selectedRows > 0 || this.config.showFilteredCount && r.filteredRows !== r.totalRows || this.config.customPanels && this.config.customPanels.length > 0, c = d && this.config.position !== "top", u = a.length > 0 || c;
+    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 = W(this.config, r), t.insertBefore(this.infoBarElement, t.firstChild);
+        this.infoBarElement = z(this.config, i), t.insertBefore(this.infoBarElement, t.firstChild);
       else {
-        const h = W(this.config, r);
+        const h = z(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 = ue("bottom")), this.footerWrapper.appendChild(this.bottomAggregationContainer), he(
+    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 = me("bottom")), this.footerWrapper.appendChild(this.bottomAggregationContainer), be(
       this.bottomAggregationContainer,
       a,
       this.visibleColumns,
       this.rows
-    )), c && (this.infoBarElement = W(this.config, r), this.footerWrapper.appendChild(this.infoBarElement))) : this.cleanupFooter();
+    )), c && (this.infoBarElement = z(this.config, i), this.footerWrapper.appendChild(this.infoBarElement))) : this.cleanupFooter();
   }
   // ===== Private Methods =====
   cleanup() {
@@ -2715,7 +2509,7 @@ class Tt extends y {
    */
   getContext() {
     const e = this.getSelectionState(), t = this.getFilterState();
-    return fe(
+    return we(
       this.rows,
       this.columns,
       this.grid,
@@ -2752,223 +2546,490 @@ class Tt extends y {
     this.config.aggregationRows && (this.config.aggregationRows = this.config.aggregationRows.filter((t) => t.id !== e), this.requestRender());
   }
   // ===== Styles =====
-  styles = `
-    .tbw-footer {
-      position: sticky;
-      bottom: 0;
-      z-index: var(--tbw-z-layer-pinned-rows, 20);
-      background: var(--tbw-color-panel-bg);
-    }
-
-    .tbw-pinned-rows {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      padding: 8px 12px;
-      background: var(--tbw-pinned-rows-bg, var(--tbw-color-panel-bg));
-      border-top: 1px solid var(--tbw-pinned-rows-border, var(--tbw-color-border));
-      font-size: 12px;
-      color: var(--tbw-pinned-rows-color, var(--tbw-color-fg-muted));
-      min-height: 32px;
-      box-sizing: border-box;
-      min-width: fit-content;
-    }
-    .tbw-pinned-rows-left,
-    .tbw-pinned-rows-center,
-    .tbw-pinned-rows-right {
-      display: flex;
-      align-items: center;
-      gap: 16px;
-    }
-    .tbw-pinned-rows-left {
-      justify-content: flex-start;
-    }
-    .tbw-pinned-rows-center {
-      justify-content: center;
-      flex: 1;
-    }
-    .tbw-pinned-rows-right {
-      justify-content: flex-end;
-    }
-    .tbw-status-panel {
-      white-space: nowrap;
-    }
-
-    .tbw-aggregation-rows {
-      min-width: fit-content;
-      background: var(--tbw-aggregation-bg, var(--tbw-color-header-bg));
-    }
-    .tbw-aggregation-rows-top {
-      border-bottom: 1px solid var(--tbw-aggregation-border, var(--tbw-color-border));
-    }
-    .tbw-aggregation-rows-bottom {
-      border-top: 1px solid var(--tbw-aggregation-border, var(--tbw-color-border));
-    }
-    .tbw-aggregation-row {
-      display: grid;
-      grid-template-columns: var(--tbw-column-template);
-      font-weight: var(--tbw-aggregation-font-weight, 600);
-    }
-    .tbw-aggregation-cell {
-      padding: var(--tbw-cell-padding, 2px 8px);
-      min-height: var(--tbw-row-height, 28px);
-      display: flex;
-      align-items: center;
-      border-right: 1px solid var(--tbw-color-border-cell);
-    }
-    .tbw-aggregation-cell:last-child {
-      border-right: 0;
-    }
-    .tbw-aggregation-cell-full {
-      grid-column: 1 / -1;
-      border-right: 0;
-    }
-  `;
+  styles = bt;
 }
-function nt(i) {
+const wt = Te;
+function vt(s) {
   const e = [];
-  return !i.rowGroupFields?.length && !i.columnGroupFields?.length && e.push("At least one row or column group field is required"), i.valueFields?.length || e.push("At least one value field is required"), e;
-}
-function ot(i) {
-  switch (i) {
-    case "sum":
-      return (e) => e.reduce((t, n) => t + n, 0);
-    case "avg":
-      return (e) => e.length ? e.reduce((t, n) => t + n, 0) / e.length : 0;
-    case "count":
-      return (e) => e.length;
-    case "min":
-      return (e) => e.length ? Math.min(...e) : 0;
-    case "max":
-      return (e) => e.length ? Math.max(...e) : 0;
-    case "first":
-      return (e) => e[0] ?? 0;
-    case "last":
-      return (e) => e[e.length - 1] ?? 0;
-    default:
-      return (e) => e.reduce((t, n) => t + n, 0);
-  }
-}
-function $(i, e) {
-  return [...i, e].join("|");
-}
-function rt(i, e) {
-  const t = e.rowGroupFields ?? [], n = e.columnGroupFields ?? [], o = e.valueFields ?? [], r = it(i, n), s = st(i, t), l = lt(s, n, r, o, 0), a = at(l, r, o), d = Object.values(a).reduce((c, u) => c + u, 0);
+  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 X(s, e) {
+  return [...s, e].join("|");
+}
+function xt(s, e) {
+  const t = e.rowGroupFields ?? [], o = e.columnGroupFields ?? [], n = e.valueFields ?? [], i = Ct(s, o), r = Ae(
+    s,
+    t,
+    o,
+    i,
+    n,
+    0,
+    // starting depth
+    ""
+    // parent key prefix
+  ), l = Rt(r, i, n), a = Object.values(l).reduce((d, c) => d + c, 0);
   return {
-    rows: l,
-    columnKeys: r,
-    totals: a,
-    grandTotal: d
+    rows: r,
+    columnKeys: i,
+    totals: l,
+    grandTotal: a
   };
 }
-function it(i, e) {
+function Ct(s, e) {
   if (e.length === 0) return ["value"];
   const t = /* @__PURE__ */ new Set();
-  for (const n of i) {
-    const o = e.map((r) => String(n[r] ?? "")).join("|");
-    t.add(o);
+  for (const o of s) {
+    const n = e.map((i) => String(o[i] ?? "")).join("|");
+    t.add(n);
   }
   return [...t].sort();
 }
-function st(i, e) {
+function yt(s, e) {
   const t = /* @__PURE__ */ new Map();
-  for (const n of i) {
-    const o = e.map((s) => String(n[s] ?? "")).join("|");
-    t.has(o) || t.set(o, []);
-    const r = t.get(o);
-    r && r.push(n);
+  for (const o of s) {
+    const n = String(o[e] ?? ""), i = t.get(n);
+    i ? i.push(o) : t.set(n, [o]);
   }
   return t;
 }
-function lt(i, e, t, n, o) {
-  const r = [];
-  for (const [s, l] of i) {
-    const a = {};
-    let d = 0;
-    for (const c of t)
-      for (const u of n) {
-        const f = (e.length > 0 ? l.filter((S) => e.map((R) => String(S[R] ?? "")).join("|") === c) : l).map((S) => Number(S[u.field]) || 0), g = ot(u.aggFunc), m = f.length > 0 ? g(f) : null, b = $([c], u.field);
-        a[b] = m, m !== null && (d += m);
-      }
-    r.push({
-      rowKey: s,
-      rowLabel: s || "(blank)",
-      depth: o,
-      values: a,
-      total: d,
-      isGroup: !1
+function Ae(s, e, t, o, n, i, r) {
+  const l = [];
+  if (e.length === 0) {
+    const h = ve(s, t, o, n), p = xe(h);
+    return l.push({
+      rowKey: r || "all",
+      rowLabel: r || "All",
+      depth: i,
+      values: h,
+      total: p,
+      isGroup: !1,
+      rowCount: s.length
+    }), l;
+  }
+  const a = e[0], d = e.slice(1), c = d.length > 0, u = yt(s, a);
+  for (const [h, p] of u) {
+    const g = r ? `${r}|${h}` : h, m = ve(p, t, o, n), b = xe(m);
+    let R;
+    c && (R = Ae(
+      p,
+      d,
+      t,
+      o,
+      n,
+      i + 1,
+      g
+    )), l.push({
+      rowKey: g,
+      rowLabel: h || "(blank)",
+      depth: i,
+      values: m,
+      total: b,
+      isGroup: c,
+      children: R,
+      rowCount: p.length
     });
   }
-  return r;
+  return l;
 }
-function at(i, e, t) {
+function ve(s, e, t, o) {
   const n = {};
-  for (const o of e)
-    for (const r of t) {
-      const s = $([o], r.field);
-      n[s] = i.reduce((l, a) => l + (a.values[s] ?? 0), 0);
+  for (const i of t)
+    for (const r of o) {
+      const a = (e.length > 0 ? s.filter((h) => e.map((p) => String(h[p] ?? "")).join("|") === i) : s).map((h) => Number(h[r.field]) || 0), d = wt(r.aggFunc), c = a.length > 0 ? d(a) : null, u = X([i], r.field);
+      n[u] = c;
     }
   return n;
 }
-function dt(i) {
+function xe(s) {
+  let e = 0;
+  for (const t of Object.values(s))
+    e += t ?? 0;
+  return e;
+}
+function Rt(s, e, t) {
+  const o = {};
+  function n(i) {
+    for (const r of i)
+      if (!r.isGroup || !r.children?.length)
+        for (const l of e)
+          for (const a of t) {
+            const d = X([l], a.field);
+            o[d] = (o[d] ?? 0) + (r.values[d] ?? 0);
+          }
+      else r.children && n(r.children);
+  }
+  return n(s), o;
+}
+function St(s, e, t = !0) {
+  const o = [];
+  function n(i) {
+    o.push(i);
+    const r = e ? e.has(i.rowKey) : t;
+    if (i.children && r)
+      for (const l of i.children)
+        n(l);
+  }
+  for (const i of s)
+    n(i);
+  return o;
+}
+function W(s) {
   const e = [];
-  function t(n) {
-    if (e.push(n), n.children)
-      for (const o of n.children)
-        t(o);
+  function t(o) {
+    if (o.isGroup && e.push(o.rowKey), o.children)
+      for (const n of o.children)
+        t(n);
   }
-  for (const n of i)
-    t(n);
+  for (const o of s)
+    t(o);
   return e;
 }
-class Lt extends y {
+const Et = ["sum", "avg", "count", "min", "max", "first", "last"];
+function kt(s, e, t, o) {
+  const n = new AbortController(), i = { config: e, callbacks: o, signal: n.signal }, r = document.createElement("div");
+  return r.className = "tbw-pivot-panel", r.appendChild(T("Options", () => Ft(t, i))), r.appendChild(T("Row Groups", () => Ce("rowGroups", i))), r.appendChild(T("Column Groups", () => Ce("columnGroups", i))), r.appendChild(T("Values", () => _t(i))), r.appendChild(T("Available Fields", () => Tt(i))), s.appendChild(r), () => {
+    n.abort(), r.remove();
+  };
+}
+function T(s, e) {
+  const t = document.createElement("div");
+  t.className = "tbw-pivot-section";
+  const o = document.createElement("div");
+  o.className = "tbw-pivot-section-header", o.textContent = s;
+  const n = document.createElement("div");
+  return n.className = "tbw-pivot-section-content", n.appendChild(e()), t.appendChild(o), t.appendChild(n), t;
+}
+function Ce(s, e) {
+  const { config: t, callbacks: o, signal: n } = e, i = document.createElement("div");
+  i.className = "tbw-pivot-drop-zone", i.setAttribute("data-zone", s);
+  const r = s === "rowGroups" ? t.rowGroupFields ?? [] : t.columnGroupFields ?? [];
+  if (r.length === 0) {
+    const l = document.createElement("div");
+    l.className = "tbw-pivot-placeholder", l.textContent = "Drag fields here or click to add", i.appendChild(l);
+  } else
+    for (const l of r)
+      i.appendChild(At(l, s, e));
+  return i.addEventListener(
+    "dragover",
+    (l) => {
+      l.preventDefault(), i.classList.add("drag-over");
+    },
+    { signal: n }
+  ), i.addEventListener(
+    "dragleave",
+    () => {
+      i.classList.remove("drag-over");
+    },
+    { signal: n }
+  ), i.addEventListener(
+    "drop",
+    (l) => {
+      l.preventDefault(), i.classList.remove("drag-over");
+      const a = l.dataTransfer?.getData("text/plain");
+      a && o.onAddFieldToZone(a, s);
+    },
+    { signal: n }
+  ), i;
+}
+function At(s, e, t) {
+  const { callbacks: o, signal: n } = t, i = document.createElement("div");
+  i.className = "tbw-pivot-field-chip", i.draggable = !0;
+  const r = o.getAvailableFields().find((d) => d.field === s), l = document.createElement("span");
+  l.className = "tbw-pivot-chip-label", l.textContent = r?.header ?? s;
+  const a = document.createElement("button");
+  return a.className = "tbw-pivot-chip-remove", a.innerHTML = "×", a.title = "Remove field", a.addEventListener(
+    "click",
+    (d) => {
+      d.stopPropagation(), o.onRemoveFieldFromZone(s, e);
+    },
+    { signal: n }
+  ), i.appendChild(l), i.appendChild(a), i.addEventListener(
+    "dragstart",
+    (d) => {
+      d.dataTransfer?.setData("text/plain", s), d.dataTransfer?.setData("source-zone", e), i.classList.add("dragging");
+    },
+    { signal: n }
+  ), i.addEventListener(
+    "dragend",
+    () => {
+      i.classList.remove("dragging");
+    },
+    { signal: n }
+  ), i;
+}
+function _t(s) {
+  const { config: e, callbacks: t, signal: o } = s, n = document.createElement("div");
+  n.className = "tbw-pivot-drop-zone tbw-pivot-values-zone", n.setAttribute("data-zone", "values");
+  const i = e.valueFields ?? [];
+  if (i.length === 0) {
+    const r = document.createElement("div");
+    r.className = "tbw-pivot-placeholder", r.textContent = "Drag numeric fields here for aggregation", n.appendChild(r);
+  } else
+    for (const r of i)
+      n.appendChild(It(r, s));
+  return n.addEventListener(
+    "dragover",
+    (r) => {
+      r.preventDefault(), n.classList.add("drag-over");
+    },
+    { signal: o }
+  ), n.addEventListener(
+    "dragleave",
+    () => {
+      n.classList.remove("drag-over");
+    },
+    { signal: o }
+  ), n.addEventListener(
+    "drop",
+    (r) => {
+      r.preventDefault(), n.classList.remove("drag-over");
+      const l = r.dataTransfer?.getData("text/plain");
+      l && t.onAddValueField(l, "sum");
+    },
+    { signal: o }
+  ), n;
+}
+function It(s, e) {
+  const { callbacks: t, signal: o } = e, n = document.createElement("div");
+  n.className = "tbw-pivot-field-chip tbw-pivot-value-chip";
+  const i = t.getAvailableFields().find((c) => c.field === s.field), r = document.createElement("div");
+  r.className = "tbw-pivot-value-label-wrapper";
+  const l = document.createElement("span");
+  l.className = "tbw-pivot-chip-label", l.textContent = i?.header ?? s.field;
+  const a = document.createElement("select");
+  a.className = "tbw-pivot-agg-select", a.title = "Aggregation function";
+  for (const c of Et) {
+    const u = document.createElement("option");
+    u.value = c, u.textContent = c.toUpperCase(), u.selected = c === s.aggFunc, a.appendChild(u);
+  }
+  a.addEventListener(
+    "change",
+    () => {
+      t.onUpdateValueAggFunc(s.field, a.value);
+    },
+    { signal: o }
+  );
+  const d = document.createElement("button");
+  return d.className = "tbw-pivot-chip-remove", d.innerHTML = "×", d.title = "Remove value field", d.addEventListener(
+    "click",
+    (c) => {
+      c.stopPropagation(), t.onRemoveValueField(s.field);
+    },
+    { signal: o }
+  ), r.appendChild(l), r.appendChild(a), n.appendChild(r), n.appendChild(d), n;
+}
+function Tt(s) {
+  const { config: e, callbacks: t, signal: o } = s, n = document.createElement("div");
+  n.className = "tbw-pivot-available-fields";
+  const i = t.getAvailableFields(), r = /* @__PURE__ */ new Set([
+    ...e.rowGroupFields ?? [],
+    ...e.columnGroupFields ?? [],
+    ...e.valueFields?.map((a) => a.field) ?? []
+  ]), l = i.filter((a) => !r.has(a.field));
+  if (l.length === 0) {
+    const a = document.createElement("div");
+    a.className = "tbw-pivot-placeholder", a.textContent = "All fields are in use", n.appendChild(a);
+  } else
+    for (const a of l) {
+      const d = document.createElement("div");
+      d.className = "tbw-pivot-field-chip available", d.textContent = a.header, d.draggable = !0, d.title = `Drag to add "${a.field}" to a zone`, d.addEventListener(
+        "dragstart",
+        (c) => {
+          c.dataTransfer?.setData("text/plain", a.field), d.classList.add("dragging");
+        },
+        { signal: o }
+      ), d.addEventListener(
+        "dragend",
+        () => {
+          d.classList.remove("dragging");
+        },
+        { signal: o }
+      ), n.appendChild(d);
+    }
+  return n;
+}
+function Ft(s, e) {
+  const { config: t, callbacks: o, signal: n } = e, i = document.createElement("div");
+  return i.className = "tbw-pivot-options", i.appendChild(
+    $(
+      "Enable Pivot View",
+      s,
+      (r) => {
+        o.onTogglePivot(r);
+      },
+      n
+    )
+  ), i.appendChild(
+    $(
+      "Show Row Totals",
+      t.showTotals ?? !0,
+      (r) => {
+        o.onOptionChange("showTotals", r);
+      },
+      n
+    )
+  ), i.appendChild(
+    $(
+      "Show Grand Total",
+      t.showGrandTotal ?? !0,
+      (r) => {
+        o.onOptionChange("showGrandTotal", r);
+      },
+      n
+    )
+  ), i;
+}
+function $(s, e, t, o) {
+  const n = document.createElement("label");
+  n.className = "tbw-pivot-checkbox";
+  const i = document.createElement("input");
+  i.type = "checkbox", i.checked = e, i.addEventListener("change", () => t(i.checked), { signal: o });
+  const r = document.createElement("span");
+  return r.textContent = s, n.appendChild(i), n.appendChild(r), n;
+}
+function Lt(s, e, t) {
+  return e.className = "pivot-group-row", e.setAttribute("data-pivot-depth", String(s.__pivotDepth ?? 0)), e.setAttribute("role", "row"), e.innerHTML = "", t.columns.forEach((o, n) => {
+    const i = document.createElement("div");
+    if (i.className = "cell", i.setAttribute("data-col", String(n)), i.setAttribute("role", "gridcell"), n === 0) {
+      const r = Number(s.__pivotIndent) || 0;
+      i.style.paddingLeft = `${r}px`;
+      const l = String(s.__pivotRowKey), a = document.createElement("button");
+      a.type = "button", a.className = "pivot-toggle", a.setAttribute("aria-label", s.__pivotExpanded ? "Collapse group" : "Expand group"), t.setIcon(a, t.resolveIcon(s.__pivotExpanded ? "collapse" : "expand")), a.addEventListener("click", (u) => {
+        u.stopPropagation(), t.onToggle(l);
+      }), i.appendChild(a);
+      const d = document.createElement("span");
+      d.className = "pivot-label", d.textContent = String(s.__pivotLabel ?? ""), i.appendChild(d);
+      const c = document.createElement("span");
+      c.className = "pivot-count", c.textContent = ` (${Number(s.__pivotRowCount) || 0})`, i.appendChild(c);
+    } else {
+      const r = s[o.field];
+      i.textContent = r != null ? String(r) : "";
+    }
+    e.appendChild(i);
+  }), !0;
+}
+function Nt(s, e, t) {
+  return e.className = "pivot-leaf-row", e.setAttribute("data-pivot-depth", String(s.__pivotDepth ?? 0)), e.innerHTML = "", t.forEach((o, n) => {
+    const i = document.createElement("div");
+    if (i.className = "cell", i.setAttribute("data-col", String(n)), i.setAttribute("role", "gridcell"), n === 0) {
+      const r = Number(s.__pivotIndent) || 0;
+      i.style.paddingLeft = `${r + 20}px`;
+      const l = document.createElement("span");
+      l.className = "pivot-label", l.textContent = String(s.__pivotLabel ?? ""), i.appendChild(l);
+    } else {
+      const r = s[o.field];
+      i.textContent = r != null ? String(r) : "";
+    }
+    e.appendChild(i);
+  }), !0;
+}
+function Mt(s, e, t) {
+  return e.className = "pivot-grand-total-row", e.setAttribute("role", "presentation"), e.innerHTML = "", t.forEach((o, n) => {
+    const i = document.createElement("div");
+    if (i.className = "cell", i.setAttribute("data-col", String(n)), n === 0) {
+      const r = document.createElement("span");
+      r.className = "pivot-label", r.textContent = "Grand Total", i.appendChild(r);
+    } else {
+      const r = s[o.field];
+      i.textContent = r != null ? String(r) : "";
+    }
+    e.appendChild(i);
+  }), !0;
+}
+const Pt = '.pivot-group-row{display:grid;grid-template-columns:var(--tbw-column-template);font-weight:600;background:var(--tbw-pivot-group-bg, var(--tbw-color-row-alt));min-height:var(--tbw-row-height);border-bottom:var(--tbw-row-divider)}.pivot-group-row:hover{background:var(--tbw-pivot-group-hover, var(--tbw-color-row-hover))}.pivot-leaf-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-pivot-leaf-bg, var(--tbw-color-bg));min-height:var(--tbw-row-height);border-bottom:var(--tbw-row-divider)}.pivot-grand-total-row{display:grid;grid-template-columns:var(--tbw-column-template);font-weight:700;background:var(--tbw-pivot-grand-total-bg, var(--tbw-color-header-bg));min-height:var(--tbw-row-height);border-top:2px solid var(--tbw-color-border-strong)}.pivot-grand-total-row>.cell{display:flex;align-items:center;padding:var(--tbw-cell-padding);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}.pivot-grand-total-row>.cell:last-child{border-right:0}.pivot-grand-total-footer{position:sticky;bottom:0;z-index:var(--tbw-z-layer-pinned-rows, 20);background:var(--tbw-pivot-grand-total-bg, var(--tbw-color-header-bg));min-width:fit-content}.pivot-group-row>.cell,.pivot-leaf-row>.cell{display:flex;align-items:center;padding:var(--tbw-cell-padding);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}.pivot-group-row>.cell:last-child,.pivot-leaf-row>.cell:last-child{border-right:0}.pivot-toggle{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:6px;border:none;background:transparent;cursor:pointer;font-size:10px;color:var(--tbw-pivot-toggle-color, var(--tbw-color-fg-muted));border-radius:var(--tbw-border-radius);transition:background .15s,color .15s}.pivot-toggle:hover{background:var(--tbw-pivot-toggle-hover-bg, var(--tbw-color-row-hover));color:var(--tbw-pivot-toggle-hover-color, var(--tbw-color-fg))}.pivot-toggle:focus{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}.pivot-label{font-weight:inherit}.pivot-count{color:var(--tbw-pivot-count-color, var(--tbw-color-fg-muted));font-size:.9em;font-weight:400}.pivot-total-row{font-weight:700;border-top:2px solid var(--tbw-pivot-border, var(--tbw-color-border-strong))}[data-pivot-depth="1"]{--tbw-pivot-depth: 1}[data-pivot-depth="2"]{--tbw-pivot-depth: 2}[data-pivot-depth="3"]{--tbw-pivot-depth: 3}[data-pivot-depth="4"]{--tbw-pivot-depth: 4}.tbw-pivot-panel{display:flex;flex-direction:column;gap:12px;padding:12px;height:100%;overflow-y:auto;font-size:13px}.tbw-pivot-section{border:1px solid var(--tbw-pivot-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius);background:var(--tbw-pivot-section-bg, var(--tbw-color-bg))}.tbw-pivot-section-header{padding:8px 12px;font-weight:600;background:var(--tbw-pivot-header-bg, var(--tbw-color-header-bg));border-bottom:1px solid var(--tbw-pivot-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius) var(--tbw-border-radius) 0 0}.tbw-pivot-section-content{padding:8px}.tbw-pivot-toggle-wrapper{display:flex;align-items:center}.tbw-pivot-toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer}.tbw-pivot-toggle-label input{width:16px;height:16px;cursor:pointer}.tbw-pivot-drop-zone{min-height:60px;padding:8px;border:2px dashed var(--tbw-pivot-drop-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius);background:var(--tbw-pivot-drop-bg, var(--tbw-color-row-alt));display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;transition:all .15s ease}.tbw-pivot-drop-zone.drag-over{border-color:var(--tbw-color-accent);background:var(--tbw-pivot-drop-active, var(--tbw-focus-background))}.tbw-pivot-placeholder{color:var(--tbw-color-fg-muted);font-style:italic;padding:8px;text-align:center;width:100%}.tbw-pivot-field-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:var(--tbw-pivot-chip-bg, var(--tbw-color-header-bg));border:1px solid var(--tbw-pivot-chip-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius);cursor:grab;font-size:12px;transition:all .15s ease}.tbw-pivot-field-chip:hover{background:var(--tbw-pivot-chip-hover, var(--tbw-color-row-hover));border-color:var(--tbw-color-accent)}.tbw-pivot-field-chip.available{background:var(--tbw-color-bg)}.tbw-pivot-field-chip.dragging{opacity:.5;cursor:grabbing}.tbw-pivot-chip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.tbw-pivot-chip-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:transparent;color:var(--tbw-color-fg-muted);font-size:14px;font-weight:700;cursor:pointer;border-radius:50%;transition:all .15s ease}.tbw-pivot-chip-remove:hover{background:var(--tbw-pivot-chip-remove-hover-bg, var(--tbw-color-accent));color:var(--tbw-pivot-chip-remove-hover-fg, var(--tbw-color-accent-fg))}.tbw-pivot-value-chip{padding:4px 8px}.tbw-pivot-value-label-wrapper{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.tbw-pivot-agg-select{padding:2px 4px;font-size:11px;border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);background:var(--tbw-color-bg);cursor:pointer}.tbw-pivot-available-fields{display:flex;flex-wrap:wrap;gap:6px;min-height:40px}.tbw-pivot-options{display:flex;flex-direction:column;gap:8px}.tbw-pivot-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.tbw-pivot-checkbox input{width:14px;height:14px;cursor:pointer}';
+class F extends C {
   name = "pivot";
   version = "1.0.0";
+  /** Tool panel ID for shell integration */
+  static PANEL_ID = "pivot";
   get defaultConfig() {
     return {
-      enabled: !0,
+      active: !0,
       showTotals: !0,
       showGrandTotal: !0
     };
   }
   // ===== Internal State =====
   isActive = !1;
+  hasInitialized = !1;
   pivotResult = null;
-  columnHeaders = [];
-  rowHeaders = [];
+  fieldHeaderMap = /* @__PURE__ */ new Map();
+  expandedKeys = /* @__PURE__ */ new Set();
+  defaultExpanded = !0;
+  originalColumns = [];
+  panelContainer = null;
+  grandTotalFooter = null;
+  /**
+   * Check if the plugin has valid pivot configuration (at least value fields).
+   */
+  hasValidPivotConfig() {
+    return (this.config.valueFields?.length ?? 0) > 0;
+  }
   // ===== Lifecycle =====
   detach() {
-    this.isActive = !1, this.pivotResult = null, this.columnHeaders = [], this.rowHeaders = [];
+    this.isActive = !1, this.hasInitialized = !1, this.pivotResult = null, this.fieldHeaderMap.clear(), this.originalColumns = [], this.panelContainer = null, this.cleanupGrandTotalFooter();
+  }
+  // ===== Shell Integration =====
+  getToolPanel() {
+    return {
+      id: F.PANEL_ID,
+      title: "Pivot",
+      icon: "⊞",
+      tooltip: "Configure pivot table",
+      order: 90,
+      render: (e) => this.renderPanel(e)
+    };
   }
   // ===== Hooks =====
   processRows(e) {
-    if (!this.config.enabled || !this.isActive)
+    if (!this.hasInitialized && this.config.active !== !1 && this.hasValidPivotConfig() && (this.hasInitialized = !0, this.isActive = !0), !this.isActive)
       return [...e];
-    const t = nt(this.config);
-    return t.length > 0 ? (this.warn(`Config errors: ${t.join(", ")}`), [...e]) : (this.pivotResult = rt(e, this.config), dt(this.pivotResult.rows).map((n) => ({
-      __pivotRowKey: n.rowKey,
-      __pivotLabel: n.rowLabel,
-      __pivotDepth: n.depth,
-      __pivotIsGroup: n.isGroup,
-      __pivotTotal: n.total,
-      ...n.values
-    })));
+    const t = vt(this.config);
+    if (t.length > 0)
+      return this.warn(`Config errors: ${t.join(", ")}`), [...e];
+    if (this.buildFieldHeaderMap(), this.defaultExpanded = this.config.defaultExpanded ?? !0, this.expandedKeys.size === 0 && this.defaultExpanded && this.pivotResult) {
+      const i = W(this.pivotResult.rows);
+      for (const r of i)
+        this.expandedKeys.add(r);
+    }
+    if (this.pivotResult = xt(e, this.config), this.expandedKeys.size === 0 && this.defaultExpanded) {
+      const i = W(this.pivotResult.rows);
+      for (const r of i)
+        this.expandedKeys.add(r);
+    }
+    const o = this.config.indentWidth ?? 20;
+    return St(
+      this.pivotResult.rows,
+      this.expandedKeys,
+      this.defaultExpanded
+    ).map((i) => ({
+      __pivotRowKey: i.rowKey,
+      __pivotLabel: i.rowLabel,
+      __pivotDepth: i.depth,
+      __pivotIsGroup: i.isGroup,
+      __pivotHasChildren: !!i.children?.length,
+      __pivotExpanded: this.expandedKeys.has(i.rowKey),
+      __pivotRowCount: i.rowCount ?? 0,
+      __pivotIndent: i.depth * o,
+      __pivotTotal: i.total,
+      ...i.values
+    }));
   }
   processColumns(e) {
-    if (!this.config.enabled || !this.isActive || !this.pivotResult)
+    if (!this.isActive || !this.pivotResult)
       return [...e];
-    const t = [];
+    const t = [], o = (this.config.rowGroupFields ?? []).map((n) => this.fieldHeaderMap.get(n) ?? n).join(" / ");
     t.push({
       field: "__pivotLabel",
-      header: this.config.rowGroupFields?.join(" / ") ?? "Group",
+      header: o || "Group",
       width: 200
     });
     for (const n of this.pivotResult.columnKeys)
-      for (const o of this.config.valueFields ?? []) {
-        const r = $([n], o.field);
+      for (const i of this.config.valueFields ?? []) {
+        const r = X([n], i.field), l = i.header || this.fieldHeaderMap.get(i.field) || i.field;
         t.push({
           field: r,
-          header: `${n} - ${o.header || o.field} (${o.aggFunc})`,
+          header: `${n} - ${l} (${i.aggFunc})`,
           width: 120,
           type: "number"
         });
@@ -2980,85 +3041,207 @@ class Lt extends y {
       type: "number"
     }), t;
   }
-  // ===== Public API =====
+  renderRow(e, t) {
+    const o = e;
+    return o.__pivotRowKey && o.__pivotHasChildren ? Lt(o, t, {
+      columns: this.gridColumns,
+      onToggle: (n) => this.toggle(n),
+      resolveIcon: (n) => this.resolveIcon(n),
+      setIcon: (n, i) => this.setIcon(n, i)
+    }) : o.__pivotRowKey !== void 0 && this.isActive ? Nt(o, t, this.gridColumns) : (this.cleanupPivotStyling(t), !1);
+  }
   /**
-   * Enable pivot mode.
+   * Remove pivot-specific classes, attributes, and inline styles from a row element.
+   * Called when pivot mode is disabled to clean up reused DOM elements.
+   * Clears innerHTML so the grid's default renderer can rebuild the row.
    */
-  enablePivot() {
-    this.isActive = !0, this.requestRender();
+  cleanupPivotStyling(e) {
+    (e.classList.contains("pivot-group-row") || e.classList.contains("pivot-leaf-row") || e.classList.contains("pivot-grand-total-row")) && (e.classList.remove("pivot-group-row", "pivot-leaf-row", "pivot-grand-total-row"), e.classList.add("data-grid-row"), e.removeAttribute("data-pivot-depth"), e.innerHTML = "");
+  }
+  afterRender() {
+    this.isActive && this.config.showGrandTotal && this.pivotResult ? this.renderGrandTotalFooter() : this.cleanupGrandTotalFooter();
   }
   /**
-   * Disable pivot mode and return to normal grid view.
+   * Render the grand total row as a sticky footer pinned to the bottom.
    */
-  disablePivot() {
-    this.isActive = !1, this.pivotResult = null, this.requestRender();
+  renderGrandTotalFooter() {
+    if (!this.pivotResult) return;
+    const e = this.shadowRoot;
+    if (!e) return;
+    const t = e.querySelector(".tbw-scroll-area") ?? e.querySelector(".tbw-grid-content") ?? e.children[0];
+    if (!t) return;
+    this.grandTotalFooter || (this.grandTotalFooter = document.createElement("div"), this.grandTotalFooter.className = "pivot-grand-total-footer", t.appendChild(this.grandTotalFooter));
+    const o = {
+      __pivotRowKey: "__grandTotal",
+      __pivotLabel: "Grand Total",
+      __pivotIsGrandTotal: !0,
+      __pivotTotal: this.pivotResult.grandTotal,
+      ...this.pivotResult.totals
+    };
+    Mt(o, this.grandTotalFooter, this.gridColumns);
   }
   /**
-   * Check if pivot mode is currently active.
+   * Remove the grand total footer element.
    */
+  cleanupGrandTotalFooter() {
+    this.grandTotalFooter && (this.grandTotalFooter.remove(), this.grandTotalFooter = null);
+  }
+  // ===== Expand/Collapse API =====
+  toggle(e) {
+    this.expandedKeys.has(e) ? this.expandedKeys.delete(e) : this.expandedKeys.add(e), this.requestRender();
+  }
+  expand(e) {
+    this.expandedKeys.add(e), this.requestRender();
+  }
+  collapse(e) {
+    this.expandedKeys.delete(e), this.requestRender();
+  }
+  expandAll() {
+    if (this.pivotResult) {
+      const e = W(this.pivotResult.rows);
+      for (const t of e)
+        this.expandedKeys.add(t);
+      this.requestRender();
+    }
+  }
+  collapseAll() {
+    this.expandedKeys.clear(), this.requestRender();
+  }
+  isExpanded(e) {
+    return this.expandedKeys.has(e);
+  }
+  // ===== Public API =====
+  enablePivot() {
+    this.originalColumns.length === 0 && this.captureOriginalColumns(), this.isActive = !0, this.requestRender();
+  }
+  disablePivot() {
+    this.isActive = !1, this.pivotResult = null, this.requestRender();
+  }
   isPivotActive() {
     return this.isActive;
   }
-  /**
-   * Get the current pivot result.
-   */
   getPivotResult() {
     return this.pivotResult;
   }
-  /**
-   * Set the row group fields for pivoting.
-   * @param fields - Array of field names to group rows by
-   */
   setRowGroupFields(e) {
     this.config.rowGroupFields = e, this.requestRender();
   }
-  /**
-   * Set the column group fields for pivoting.
-   * @param fields - Array of field names to create columns from
-   */
   setColumnGroupFields(e) {
     this.config.columnGroupFields = e, this.requestRender();
   }
-  /**
-   * Set the value fields with aggregation functions.
-   * @param fields - Array of value field configurations
-   */
   setValueFields(e) {
     this.config.valueFields = e, this.requestRender();
   }
-  /**
-   * Refresh the pivot by clearing cached results.
-   */
   refresh() {
     this.pivotResult = null, this.requestRender();
   }
+  // ===== Tool Panel API =====
+  showPanel() {
+    this.grid.openToolPanel(F.PANEL_ID);
+  }
+  hidePanel() {
+    this.grid.closeToolPanel();
+  }
+  togglePanel() {
+    this.grid.toggleToolPanel(F.PANEL_ID);
+  }
+  isPanelVisible() {
+    return this.grid.activeToolPanel === F.PANEL_ID;
+  }
+  // ===== Private Helpers =====
+  get gridColumns() {
+    return this.grid.columns ?? [];
+  }
+  buildFieldHeaderMap() {
+    const e = this.getAvailableFields();
+    this.fieldHeaderMap.clear();
+    for (const t of e)
+      this.fieldHeaderMap.set(t.field, t.header);
+  }
+  getAvailableFields() {
+    return this.originalColumns.length > 0 ? this.originalColumns : this.captureOriginalColumns();
+  }
+  captureOriginalColumns() {
+    const e = this.grid;
+    try {
+      const t = e.getAllColumns?.() ?? e.columns ?? [];
+      return this.originalColumns = t.filter((o) => !o.field.startsWith("__pivot")).map((o) => ({
+        field: o.field,
+        header: o.header ?? o.field
+      })), this.originalColumns;
+    } catch {
+      return [];
+    }
+  }
+  renderPanel(e) {
+    this.panelContainer = e, this.originalColumns.length === 0 && this.captureOriginalColumns();
+    const t = {
+      onTogglePivot: (o) => {
+        o ? this.enablePivot() : this.disablePivot(), this.refreshPanel();
+      },
+      onAddFieldToZone: (o, n) => this.addFieldToZone(o, n),
+      onRemoveFieldFromZone: (o, n) => this.removeFieldFromZone(o, n),
+      onAddValueField: (o, n) => this.addValueField(o, n),
+      onRemoveValueField: (o) => this.removeValueField(o),
+      onUpdateValueAggFunc: (o, n) => this.updateValueAggFunc(o, n),
+      onOptionChange: (o, n) => {
+        this.config[o] = n, this.isActive && this.refresh();
+      },
+      getAvailableFields: () => this.getAvailableFields()
+    };
+    return kt(e, this.config, this.isActive, t);
+  }
+  refreshPanel() {
+    this.panelContainer && (this.panelContainer.innerHTML = "", this.renderPanel(this.panelContainer));
+  }
+  addFieldToZone(e, t) {
+    if (t === "rowGroups") {
+      const o = this.config.rowGroupFields ?? [];
+      o.includes(e) || (this.config.rowGroupFields = [...o, e]);
+    } else {
+      const o = this.config.columnGroupFields ?? [];
+      o.includes(e) || (this.config.columnGroupFields = [...o, e]);
+    }
+    this.removeFromOtherZones(e, t), this.isActive && this.refresh(), this.refreshPanel();
+  }
+  removeFieldFromZone(e, t) {
+    t === "rowGroups" ? this.config.rowGroupFields = (this.config.rowGroupFields ?? []).filter((o) => o !== e) : this.config.columnGroupFields = (this.config.columnGroupFields ?? []).filter((o) => o !== e), this.isActive && this.refresh(), this.refreshPanel();
+  }
+  removeFromOtherZones(e, t) {
+    t !== "rowGroups" && (this.config.rowGroupFields = (this.config.rowGroupFields ?? []).filter((o) => o !== e)), t !== "columnGroups" && (this.config.columnGroupFields = (this.config.columnGroupFields ?? []).filter((o) => o !== e)), t !== "values" && (this.config.valueFields = (this.config.valueFields ?? []).filter((o) => o.field !== e));
+  }
+  addValueField(e, t) {
+    const o = this.config.valueFields ?? [];
+    o.some((n) => n.field === e) || (this.config.valueFields = [...o, { field: e, aggFunc: t }]), this.removeFromOtherZones(e, "values"), this.isActive && this.refresh(), this.refreshPanel();
+  }
+  removeValueField(e) {
+    this.config.valueFields = (this.config.valueFields ?? []).filter((t) => t.field !== e), this.isActive && this.refresh(), this.refreshPanel();
+  }
+  updateValueAggFunc(e, t) {
+    const o = this.config.valueFields ?? [], n = o.findIndex((i) => i.field === e);
+    n >= 0 && (o[n] = { ...o[n], aggFunc: t }, this.config.valueFields = [...o]), this.isActive && this.refresh();
+  }
   // ===== Styles =====
-  styles = `
-    [data-pivot-depth="1"] { padding-left: 20px; }
-    [data-pivot-depth="2"] { padding-left: 40px; }
-    [data-pivot-depth="3"] { padding-left: 60px; }
-    .pivot-group-row { font-weight: bold; background: var(--tbw-pivot-group-bg, var(--tbw-color-panel-bg)); }
-    .pivot-total-row { font-weight: bold; border-top: 2px solid var(--tbw-pivot-border, var(--tbw-color-border-strong)); }
-  `;
-}
-function ct(i) {
-  const e = i.sticky;
+  styles = Pt;
+}
+function Dt(s) {
+  const e = s.sticky;
   if (e === "left" || e === "right")
     return !1;
-  const t = i.meta ?? {}, n = t.sticky;
-  return n === "left" || n === "right" ? !1 : t.lockPosition !== !0 && t.suppressMovable !== !0;
+  const t = s.meta ?? {}, o = t.sticky;
+  return o === "left" || o === "right" ? !1 : t.lockPosition !== !0 && t.suppressMovable !== !0;
 }
-function ge(i, e, t) {
-  if (e === t || e < 0 || e >= i.length || t < 0 || t > i.length) return i;
-  const n = [...i], [o] = n.splice(e, 1);
-  return n.splice(t, 0, o), n;
+function ye(s, e, t) {
+  if (e === t || e < 0 || e >= s.length || t < 0 || t > s.length) return s;
+  const o = [...s], [n] = o.splice(e, 1);
+  return o.splice(t, 0, n), o;
 }
-class Mt extends y {
+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}';
+class ro extends C {
   name = "reorder";
   version = "1.0.0";
   get defaultConfig() {
     return {
-      enabled: !0,
       animation: !0,
       animationDuration: 200
     };
@@ -3073,8 +3256,8 @@ class Mt extends y {
     super.attach(e), e.addEventListener(
       "column-reorder-request",
       (t) => {
-        const n = t.detail;
-        n?.field && typeof n.toIndex == "number" && this.moveColumn(n.field, n.toIndex);
+        const o = t.detail;
+        o?.field && typeof o.toIndex == "number" && this.moveColumn(o.field, o.toIndex);
       },
       { signal: this.disconnectSignal }
     );
@@ -3085,42 +3268,41 @@ class Mt extends y {
   // ===== Hooks =====
   // Note: No processColumns hook needed - we directly update the grid's column order
   afterRender() {
-    if (!this.config.enabled) return;
     const e = this.shadowRoot;
     if (!e) return;
-    e.querySelectorAll(".header-row > .cell").forEach((n) => {
-      const o = n, r = o.getAttribute("data-field");
-      if (!r) return;
-      const s = this.columns.find((l) => l.field === r);
-      if (!s || !ct(s)) {
-        o.draggable = !1;
+    e.querySelectorAll(".header-row > .cell").forEach((o) => {
+      const n = o, i = n.getAttribute("data-field");
+      if (!i) return;
+      const r = this.columns.find((l) => l.field === i);
+      if (!r || !Dt(r)) {
+        n.draggable = !1;
         return;
       }
-      o.draggable = !0, !o.getAttribute("data-dragstart-bound") && (o.setAttribute("data-dragstart-bound", "true"), o.addEventListener("dragstart", (l) => {
-        const d = this.getColumnOrder().indexOf(r);
-        this.isDragging = !0, this.draggedField = r, this.draggedIndex = d, l.dataTransfer && (l.dataTransfer.effectAllowed = "move", l.dataTransfer.setData("text/plain", r)), o.classList.add("dragging");
-      }), o.addEventListener("dragend", () => {
+      n.draggable = !0, !n.getAttribute("data-dragstart-bound") && (n.setAttribute("data-dragstart-bound", "true"), n.addEventListener("dragstart", (l) => {
+        const d = this.getColumnOrder().indexOf(i);
+        this.isDragging = !0, this.draggedField = i, this.draggedIndex = d, l.dataTransfer && (l.dataTransfer.effectAllowed = "move", l.dataTransfer.setData("text/plain", i)), n.classList.add("dragging");
+      }), n.addEventListener("dragend", () => {
         this.isDragging = !1, this.draggedField = null, this.draggedIndex = null, this.dropIndex = null, e.querySelectorAll(".header-row > .cell").forEach((l) => {
           l.classList.remove("dragging", "drop-target", "drop-before", "drop-after");
         });
-      }), o.addEventListener("dragover", (l) => {
-        if (l.preventDefault(), !this.isDragging || this.draggedField === r) return;
-        const a = o.getBoundingClientRect(), d = a.left + a.width / 2, u = this.getColumnOrder().indexOf(r);
-        this.dropIndex = l.clientX < d ? u : u + 1, o.classList.add("drop-target"), o.classList.toggle("drop-before", l.clientX < d), o.classList.toggle("drop-after", l.clientX >= d);
-      }), o.addEventListener("dragleave", () => {
-        o.classList.remove("drop-target", "drop-before", "drop-after");
-      }), o.addEventListener("drop", (l) => {
+      }), n.addEventListener("dragover", (l) => {
+        if (l.preventDefault(), !this.isDragging || this.draggedField === i) return;
+        const a = n.getBoundingClientRect(), d = a.left + a.width / 2, u = this.getColumnOrder().indexOf(i);
+        this.dropIndex = l.clientX < d ? u : u + 1, n.classList.add("drop-target"), n.classList.toggle("drop-before", l.clientX < d), n.classList.toggle("drop-after", l.clientX >= d);
+      }), n.addEventListener("dragleave", () => {
+        n.classList.remove("drop-target", "drop-before", "drop-after");
+      }), n.addEventListener("drop", (l) => {
         l.preventDefault();
         const a = this.draggedField, d = this.draggedIndex, c = this.dropIndex;
         if (!this.isDragging || a === null || d === null || c === null)
           return;
-        const u = c > d ? c - 1 : c, h = this.getColumnOrder(), f = ge(h, d, u), g = {
+        const u = c > d ? c - 1 : c, h = this.getColumnOrder(), p = ye(h, d, u), g = {
           field: a,
           fromIndex: d,
           toIndex: u,
-          columnOrder: f
+          columnOrder: p
         };
-        this.grid.setColumnOrder(f), this.emit("column-move", g), this.grid.requestStateChange?.();
+        this.grid.setColumnOrder(p), this.emit("column-move", g), this.grid.requestStateChange?.();
       }));
     });
   }
@@ -3138,14 +3320,14 @@ class Mt extends y {
    * @param toIndex - The target index
    */
   moveColumn(e, t) {
-    const n = this.getColumnOrder(), o = n.indexOf(e);
-    if (o === -1) return;
-    const r = ge(n, o, t);
-    this.grid.setColumnOrder(r), this.emit("column-move", {
+    const o = this.getColumnOrder(), n = o.indexOf(e);
+    if (n === -1) return;
+    const i = ye(o, n, t);
+    this.grid.setColumnOrder(i), this.emit("column-move", {
       field: e,
-      fromIndex: o,
+      fromIndex: n,
       toIndex: t,
-      columnOrder: r
+      columnOrder: i
     }), this.grid.requestStateChange?.();
   }
   /**
@@ -3163,74 +3345,44 @@ class Mt extends y {
     this.grid.setColumnOrder(e), this.grid.requestStateChange?.();
   }
   // ===== Styles =====
-  styles = `
-    .header-row > .cell[draggable="true"] {
-      cursor: grab;
-      position: relative;
-    }
-    .header-row > .cell.dragging {
-      opacity: 0.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;
-    }
-  `;
+  styles = qt;
 }
-function M(i, e) {
-  return Math.floor(i / e);
+function D(s, e) {
+  return Math.floor(s / e);
 }
-function ut(i, e) {
+function Ht(s, e) {
   return {
-    start: i * e,
-    end: (i + 1) * e
+    start: s * e,
+    end: (s + 1) * e
   };
 }
-function ht(i, e, t) {
-  const n = M(i, t), o = M(e - 1, t), r = [];
-  for (let s = n; s <= o; s++)
-    r.push(s);
-  return r;
-}
-async function pe(i, e, t, n) {
-  const o = ut(e, t);
-  return i.getRows({
-    startRow: o.start,
-    endRow: o.end,
-    sortModel: n.sortModel,
-    filterModel: n.filterModel
+function Gt(s, e, t) {
+  const o = D(s, t), n = D(e - 1, t), i = [];
+  for (let r = o; r <= n; r++)
+    i.push(r);
+  return i;
+}
+async function Re(s, e, t, o) {
+  const n = Ht(e, t);
+  return s.getRows({
+    startRow: n.start,
+    endRow: n.end,
+    sortModel: o.sortModel,
+    filterModel: o.filterModel
   });
 }
-function ft(i, e, t) {
-  const n = M(i, e), o = t.get(n);
-  if (!o) return;
-  const r = i % e;
-  return o[r];
+function Ot(s, e, t) {
+  const o = D(s, e), n = t.get(o);
+  if (!n) return;
+  const i = s % e;
+  return n[i];
 }
-const gt = 100;
-class qt extends y {
+const Bt = 100;
+class so extends C {
   name = "serverSide";
   version = "1.0.0";
   get defaultConfig() {
     return {
-      enabled: !0,
       pageSize: 100,
       cacheBlockSize: 100,
       maxConcurrentRequests: 2
@@ -3253,15 +3405,15 @@ class qt extends y {
    */
   loadRequiredBlocks() {
     if (!this.dataSource) return;
-    const e = this.grid, t = this.config.cacheBlockSize ?? 100, n = { startRow: e.virtualization.start, endRow: e.virtualization.end }, o = ht(n.startRow, n.endRow, t);
-    for (const r of o)
-      if (!(this.loadedBlocks.has(r) || this.loadingBlocks.has(r))) {
+    const e = this.grid, t = this.config.cacheBlockSize ?? 100, o = { startRow: e.virtualization.start, endRow: e.virtualization.end }, n = Gt(o.startRow, o.endRow, t);
+    for (const i of n)
+      if (!(this.loadedBlocks.has(i) || this.loadingBlocks.has(i))) {
         if (this.loadingBlocks.size >= (this.config.maxConcurrentRequests ?? 2))
           break;
-        this.loadingBlocks.add(r), pe(this.dataSource, r, t, {}).then((s) => {
-          this.loadedBlocks.set(r, s.rows), this.totalRowCount = s.totalRowCount, this.loadingBlocks.delete(r), this.requestRender(), this.loadRequiredBlocks();
+        this.loadingBlocks.add(i), Re(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(r);
+          this.loadingBlocks.delete(i);
         });
       }
   }
@@ -3269,16 +3421,16 @@ class qt extends y {
   processRows(e) {
     if (!this.dataSource) return [...e];
     const t = [];
-    for (let n = 0; n < this.totalRowCount; n++) {
-      const o = ft(n, this.config.cacheBlockSize ?? 100, this.loadedBlocks);
-      t.push(o ?? { __loading: !0, __index: n });
+    for (let o = 0; o < this.totalRowCount; o++) {
+      const n = Ot(o, this.config.cacheBlockSize ?? 100, this.loadedBlocks);
+      t.push(n ?? { __loading: !0, __index: o });
     }
     return t;
   }
   onScroll(e) {
     this.dataSource && (this.loadRequiredBlocks(), this.scrollDebounceTimer && clearTimeout(this.scrollDebounceTimer), this.scrollDebounceTimer = setTimeout(() => {
       this.loadRequiredBlocks();
-    }, gt));
+    }, Bt));
   }
   // ===== Public API =====
   /**
@@ -3288,8 +3440,8 @@ class qt extends y {
   setDataSource(e) {
     this.dataSource = e, this.loadedBlocks.clear(), this.loadingBlocks.clear();
     const t = this.config.cacheBlockSize ?? 100;
-    pe(e, 0, t, {}).then((n) => {
-      this.loadedBlocks.set(0, n.rows), this.totalRowCount = n.totalRowCount, this.requestRender();
+    Re(e, 0, t, {}).then((o) => {
+      this.loadedBlocks.set(0, o.rows), this.totalRowCount = o.totalRowCount, this.requestRender();
     });
   }
   /**
@@ -3315,8 +3467,8 @@ class qt extends y {
    * @param rowIndex - Row index to check
    */
   isRowLoaded(e) {
-    const t = this.config.cacheBlockSize ?? 100, n = M(e, t);
-    return this.loadedBlocks.has(n);
+    const t = this.config.cacheBlockSize ?? 100, o = D(e, t);
+    return this.loadedBlocks.has(o);
   }
   /**
    * Get the number of loaded cache blocks.
@@ -3325,65 +3477,64 @@ class qt extends y {
     return this.loadedBlocks.size;
   }
 }
-function pt(i, e, t) {
-  const n = [...i.undoStack, e];
-  for (; n.length > t; )
-    n.shift();
+function Vt(s, e, t) {
+  const o = [...s.undoStack, e];
+  for (; o.length > t; )
+    o.shift();
   return {
-    undoStack: n,
+    undoStack: o,
     redoStack: []
     // Clear redo on new action
   };
 }
-function me(i) {
-  if (i.undoStack.length === 0)
-    return { newState: i, action: null };
-  const e = [...i.undoStack], t = e.pop();
+function Se(s) {
+  if (s.undoStack.length === 0)
+    return { newState: s, action: null };
+  const e = [...s.undoStack], t = e.pop();
   return t ? {
     newState: {
       undoStack: e,
-      redoStack: [...i.redoStack, t]
+      redoStack: [...s.redoStack, t]
     },
     action: t
-  } : { newState: i, action: null };
+  } : { newState: s, action: null };
 }
-function be(i) {
-  if (i.redoStack.length === 0)
-    return { newState: i, action: null };
-  const e = [...i.redoStack], t = e.pop();
+function Ee(s) {
+  if (s.redoStack.length === 0)
+    return { newState: s, action: null };
+  const e = [...s.redoStack], t = e.pop();
   return t ? {
     newState: {
-      undoStack: [...i.undoStack, t],
+      undoStack: [...s.undoStack, t],
       redoStack: e
     },
     action: t
-  } : { newState: i, action: null };
+  } : { newState: s, action: null };
 }
-function mt(i) {
-  return i.undoStack.length > 0;
+function Kt(s) {
+  return s.undoStack.length > 0;
 }
-function bt(i) {
-  return i.redoStack.length > 0;
+function zt(s) {
+  return s.redoStack.length > 0;
 }
-function wt() {
+function Wt() {
   return { undoStack: [], redoStack: [] };
 }
-function xt(i, e, t, n) {
+function $t(s, e, t, o) {
   return {
     type: "cell-edit",
-    rowIndex: i,
+    rowIndex: s,
     field: e,
     oldValue: t,
-    newValue: n,
+    newValue: o,
     timestamp: Date.now()
   };
 }
-class Ft extends y {
+class lo extends C {
   name = "undoRedo";
   version = "1.0.0";
   get defaultConfig() {
     return {
-      enabled: !0,
       maxHistorySize: 100
     };
   }
@@ -3402,25 +3553,24 @@ class Ft extends y {
    * - Ctrl+Y / Cmd+Y / Ctrl+Shift+Z / Cmd+Shift+Z: Redo
    */
   onKeyDown(e) {
-    if (!this.config.enabled) return !1;
-    const t = (e.ctrlKey || e.metaKey) && e.key === "z" && !e.shiftKey, n = (e.ctrlKey || e.metaKey) && (e.key === "y" || e.key === "z" && e.shiftKey);
+    const t = (e.ctrlKey || e.metaKey) && e.key === "z" && !e.shiftKey, o = (e.ctrlKey || e.metaKey) && (e.key === "y" || e.key === "z" && e.shiftKey);
     if (t) {
-      const o = me({ undoStack: this.undoStack, redoStack: this.redoStack });
-      if (o.action) {
-        const r = this.rows;
-        r[o.action.rowIndex] && (r[o.action.rowIndex][o.action.field] = o.action.oldValue), this.undoStack = o.newState.undoStack, this.redoStack = o.newState.redoStack, this.emit("undo", {
-          action: o.action,
+      const n = Se({ undoStack: this.undoStack, redoStack: this.redoStack });
+      if (n.action) {
+        const i = this.rows;
+        i[n.action.rowIndex] && (i[n.action.rowIndex][n.action.field] = n.action.oldValue), this.undoStack = n.newState.undoStack, this.redoStack = n.newState.redoStack, this.emit("undo", {
+          action: n.action,
           type: "undo"
         }), this.requestRender();
       }
       return !0;
     }
-    if (n) {
-      const o = be({ undoStack: this.undoStack, redoStack: this.redoStack });
-      if (o.action) {
-        const r = this.rows;
-        r[o.action.rowIndex] && (r[o.action.rowIndex][o.action.field] = o.action.newValue), this.undoStack = o.newState.undoStack, this.redoStack = o.newState.redoStack, this.emit("redo", {
-          action: o.action,
+    if (o) {
+      const n = Ee({ undoStack: this.undoStack, redoStack: this.redoStack });
+      if (n.action) {
+        const i = this.rows;
+        i[n.action.rowIndex] && (i[n.action.rowIndex][n.action.field] = n.action.newValue), this.undoStack = n.newState.undoStack, this.redoStack = n.newState.redoStack, this.emit("redo", {
+          action: n.action,
           type: "redo"
         }), this.requestRender();
       }
@@ -3438,13 +3588,13 @@ class Ft extends y {
    * @param oldValue - The value before the edit
    * @param newValue - The value after the edit
    */
-  recordEdit(e, t, n, o) {
-    const r = xt(e, t, n, o), s = pt(
+  recordEdit(e, t, o, n) {
+    const i = $t(e, t, o, n), r = Vt(
       { undoStack: this.undoStack, redoStack: this.redoStack },
-      r,
+      i,
       this.config.maxHistorySize ?? 100
     );
-    this.undoStack = s.undoStack, this.redoStack = s.redoStack;
+    this.undoStack = r.undoStack, this.redoStack = r.redoStack;
   }
   /**
    * Programmatically undo the last action.
@@ -3452,7 +3602,7 @@ class Ft extends y {
    * @returns The undone action, or null if nothing to undo
    */
   undo() {
-    const e = me({ undoStack: this.undoStack, redoStack: this.redoStack });
+    const e = Se({ 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();
@@ -3465,7 +3615,7 @@ class Ft extends y {
    * @returns The redone action, or null if nothing to redo
    */
   redo() {
-    const e = be({ undoStack: this.undoStack, redoStack: this.redoStack });
+    const e = Ee({ 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();
@@ -3476,19 +3626,19 @@ class Ft extends y {
    * Check if there are any actions that can be undone.
    */
   canUndo() {
-    return mt({ undoStack: this.undoStack, redoStack: this.redoStack });
+    return Kt({ undoStack: this.undoStack, redoStack: this.redoStack });
   }
   /**
    * Check if there are any actions that can be redone.
    */
   canRedo() {
-    return bt({ undoStack: this.undoStack, redoStack: this.redoStack });
+    return zt({ undoStack: this.undoStack, redoStack: this.redoStack });
   }
   /**
    * Clear all undo/redo history.
    */
   clearHistory() {
-    const e = wt();
+    const e = Wt();
     this.undoStack = e.undoStack, this.redoStack = e.redoStack;
   }
   /**
@@ -3504,18 +3654,18 @@ class Ft extends y {
     return [...this.redoStack];
   }
 }
-function we(i) {
-  const e = i.meta ?? {};
+const jt = '.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 ke(s) {
+  const e = s.meta ?? {};
   return e.lockPosition !== !0 && e.suppressMovable !== !0;
 }
-class I extends y {
+class L extends C {
   name = "visibility";
   version = "1.0.0";
   /** Tool panel ID for shell integration */
   static PANEL_ID = "columns";
   get defaultConfig() {
     return {
-      enabled: !0,
       allowHideAll: !1
     };
   }
@@ -3535,23 +3685,22 @@ class I extends y {
    * Register the column visibility tool panel with the shell.
    */
   getToolPanel() {
-    if (this.config.enabled)
-      return {
-        id: I.PANEL_ID,
-        title: "Columns",
-        icon: "☰",
-        tooltip: "Column visibility",
-        order: 100,
-        // High order so it appears last
-        render: (e) => this.renderPanelContent(e)
-      };
+    return {
+      id: L.PANEL_ID,
+      title: "Columns",
+      icon: "☰",
+      tooltip: "Column visibility",
+      order: 100,
+      // High order so it appears last
+      render: (e) => this.renderPanelContent(e)
+    };
   }
   // ===== Public API =====
   /**
    * Show the visibility sidebar panel.
    */
   show() {
-    this.grid.openToolPanel(I.PANEL_ID);
+    this.grid.openToolPanel(L.PANEL_ID);
   }
   /**
    * Hide the visibility sidebar panel.
@@ -3563,7 +3712,7 @@ class I extends y {
    * Toggle the visibility sidebar panel.
    */
   toggle() {
-    this.grid.toggleToolPanel(I.PANEL_ID);
+    this.grid.toggleToolPanel(L.PANEL_ID);
   }
   /**
    * Check if a specific column is visible.
@@ -3641,7 +3790,7 @@ class I extends y {
    * @returns True if the panel is open
    */
   isPanelVisible() {
-    return this.grid.activeToolPanel === I.PANEL_ID;
+    return this.grid.activeToolPanel === L.PANEL_ID;
   }
   // ===== Private Methods =====
   /**
@@ -3649,15 +3798,15 @@ class I extends y {
    * Returns a cleanup function.
    */
   renderPanelContent(e) {
-    const t = this.grid, n = document.createElement("div");
-    n.className = "tbw-visibility-content";
-    const o = document.createElement("div");
-    o.className = "tbw-visibility-list", n.appendChild(o);
-    const r = document.createElement("button");
-    return r.className = "tbw-visibility-show-all", r.textContent = "Show All", r.addEventListener("click", () => {
-      t.showAllColumns(), this.rebuildToggles(o);
-    }), n.appendChild(r), this.columnListElement = o, this.rebuildToggles(o), e.appendChild(n), () => {
-      this.columnListElement = null, n.remove();
+    const t = this.grid, o = document.createElement("div");
+    o.className = "tbw-visibility-content";
+    const n = document.createElement("div");
+    n.className = "tbw-visibility-list", o.appendChild(n);
+    const i = document.createElement("button");
+    return i.className = "tbw-visibility-show-all", i.textContent = "Show All", i.addEventListener("click", () => {
+      t.showAllColumns(), this.rebuildToggles(n);
+    }), o.appendChild(i), this.columnListElement = n, this.rebuildToggles(n), e.appendChild(o), () => {
+      this.columnListElement = null, o.remove();
     };
   }
   /**
@@ -3672,20 +3821,20 @@ class I extends y {
    * When a reorder plugin is present, adds drag handles for reordering.
    */
   rebuildToggles(e) {
-    const t = this.grid, n = this.hasReorderPlugin();
+    const t = this.grid, o = this.hasReorderPlugin();
     e.innerHTML = "";
-    const o = t.getAllColumns();
-    for (let r = 0; r < o.length; r++) {
-      const s = o[r], l = s.header || s.field, a = document.createElement("div");
-      a.className = s.lockVisible ? "tbw-visibility-row locked" : "tbw-visibility-row", a.setAttribute("data-field", s.field), a.setAttribute("data-index", String(r)), n && we(s) && (a.draggable = !0, a.classList.add("reorderable"), this.setupDragListeners(a, s.field, r, e));
+    const n = t.getAllColumns();
+    for (let i = 0; i < n.length; i++) {
+      const r = n[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)), o && ke(r) && (a.draggable = !0, a.classList.add("reorderable"), this.setupDragListeners(a, r.field, i, e));
       const d = document.createElement("label");
       d.className = "tbw-visibility-label";
       const c = document.createElement("input");
-      c.type = "checkbox", c.checked = s.visible, c.disabled = s.lockVisible ?? !1, c.addEventListener("change", () => {
-        t.toggleColumnVisibility(s.field), setTimeout(() => this.rebuildToggles(e), 0);
+      c.type = "checkbox", c.checked = r.visible, c.disabled = r.lockVisible ?? !1, c.addEventListener("change", () => {
+        t.toggleColumnVisibility(r.field), setTimeout(() => this.rebuildToggles(e), 0);
       });
       const u = document.createElement("span");
-      if (u.textContent = l, d.appendChild(c), d.appendChild(u), n && we(s)) {
+      if (u.textContent = l, d.appendChild(c), d.appendChild(u), o && ke(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);
       }
@@ -3696,170 +3845,80 @@ class I extends y {
    * Set up drag-and-drop event listeners for a row.
    * On drop, emits a 'column-reorder-request' event for other plugins to handle.
    */
-  setupDragListeners(e, t, n, o) {
-    e.addEventListener("dragstart", (r) => {
-      this.isDragging = !0, this.draggedField = t, this.draggedIndex = n, r.dataTransfer && (r.dataTransfer.effectAllowed = "move", r.dataTransfer.setData("text/plain", t)), e.classList.add("dragging");
+  setupDragListeners(e, t, o, n) {
+    e.addEventListener("dragstart", (i) => {
+      this.isDragging = !0, this.draggedField = t, this.draggedIndex = o, i.dataTransfer && (i.dataTransfer.effectAllowed = "move", i.dataTransfer.setData("text/plain", t)), e.classList.add("dragging");
     }), e.addEventListener("dragend", () => {
-      this.isDragging = !1, this.draggedField = null, this.draggedIndex = null, this.dropIndex = null, o.querySelectorAll(".tbw-visibility-row").forEach((r) => {
-        r.classList.remove("dragging", "drop-target", "drop-before", "drop-after");
+      this.isDragging = !1, this.draggedField = null, this.draggedIndex = null, this.dropIndex = null, n.querySelectorAll(".tbw-visibility-row").forEach((i) => {
+        i.classList.remove("dragging", "drop-target", "drop-before", "drop-after");
       });
-    }), e.addEventListener("dragover", (r) => {
-      if (r.preventDefault(), !this.isDragging || this.draggedField === t) return;
-      const s = e.getBoundingClientRect(), l = s.top + s.height / 2;
-      this.dropIndex = r.clientY < l ? n : n + 1, o.querySelectorAll(".tbw-visibility-row").forEach((a) => {
+    }), e.addEventListener("dragover", (i) => {
+      if (i.preventDefault(), !this.isDragging || this.draggedField === t) return;
+      const r = e.getBoundingClientRect(), l = r.top + r.height / 2;
+      this.dropIndex = i.clientY < l ? o : o + 1, n.querySelectorAll(".tbw-visibility-row").forEach((a) => {
         a !== e && a.classList.remove("drop-target", "drop-before", "drop-after");
-      }), e.classList.add("drop-target"), e.classList.toggle("drop-before", r.clientY < l), e.classList.toggle("drop-after", r.clientY >= l);
+      }), e.classList.add("drop-target"), e.classList.toggle("drop-before", i.clientY < l), e.classList.toggle("drop-after", i.clientY >= l);
     }), e.addEventListener("dragleave", () => {
       e.classList.remove("drop-target", "drop-before", "drop-after");
-    }), e.addEventListener("drop", (r) => {
-      r.preventDefault();
-      const s = this.draggedField, l = this.draggedIndex, a = this.dropIndex;
-      if (!this.isDragging || s === null || l === null || a === null)
+    }), e.addEventListener("drop", (i) => {
+      i.preventDefault();
+      const r = this.draggedField, l = this.draggedIndex, a = this.dropIndex;
+      if (!this.isDragging || r === null || l === null || a === null)
         return;
       const d = a > l ? a - 1 : a;
       if (d !== l) {
         const c = {
-          field: s,
+          field: r,
           fromIndex: l,
           toIndex: d
         };
         this.emit("column-reorder-request", c), setTimeout(() => {
-          this.rebuildToggles(o);
+          this.rebuildToggles(n);
         }, 0);
       }
     });
   }
   // ===== Styles =====
-  styles = `
-    .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);
-    }
-
-    /* Drag handle */
-    .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);
-    }
-
-    /* Label wrapper for checkbox and text */
-    .tbw-visibility-label {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      flex: 1;
-      cursor: pointer;
-    }
-
-    /* Drag states */
-    .tbw-visibility-row.dragging {
-      opacity: 0.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));
-    }
-  `;
+  styles = jt;
 }
 export {
-  y as BaseGridPlugin,
-  yt as ClipboardPlugin,
-  Ct as ColumnVirtualizationPlugin,
-  St as ContextMenuPlugin,
-  xe as DEFAULT_GRID_ICONS,
-  Pt as DGEvents,
-  Bt as DataGridElement,
-  Rt as ExportPlugin,
-  E as FilteringPlugin,
-  Ht as FitModeEnum,
-  Ot as GridCSSVars,
-  Wt as GridClasses,
-  Vt as GridDataAttrs,
-  Kt as GridElement,
-  Gt as GridSelectors,
-  kt as GroupingColumnsPlugin,
-  Et as GroupingRowsPlugin,
-  At as MasterDetailPlugin,
-  It as MultiSortPlugin,
-  _t as PinnedColumnsPlugin,
-  Tt as PinnedRowsPlugin,
-  Lt as PivotPlugin,
-  zt as PluginEvents,
-  $t as PluginManager,
-  Mt as ReorderPlugin,
-  jt as SelectionPlugin,
-  qt as ServerSidePlugin,
-  Ut as TreePlugin,
-  Ft as UndoRedoPlugin,
-  I as VisibilityPlugin,
-  Yt as aggregatorRegistry,
-  ve as getAggregator,
-  Xt as listAggregators,
-  Jt as registerAggregator,
-  X as runAggregator,
-  Qt as unregisterAggregator
+  C as BaseGridPlugin,
+  Yt as ClipboardPlugin,
+  Zt as ColumnVirtualizationPlugin,
+  Xt as ContextMenuPlugin,
+  _e as DEFAULT_GRID_ICONS,
+  uo as DGEvents,
+  ho as DataGridElement,
+  Jt as ExportPlugin,
+  A as FilteringPlugin,
+  po as FitModeEnum,
+  go as GridCSSVars,
+  fo as GridClasses,
+  mo as GridDataAttrs,
+  bo as GridElement,
+  wo as GridSelectors,
+  Qt as GroupingColumnsPlugin,
+  eo as GroupingRowsPlugin,
+  to as MasterDetailPlugin,
+  oo as MultiSortPlugin,
+  no as PinnedColumnsPlugin,
+  io as PinnedRowsPlugin,
+  F as PivotPlugin,
+  vo as PluginEvents,
+  xo as PluginManager,
+  ro as ReorderPlugin,
+  Co as SelectionPlugin,
+  so as ServerSidePlugin,
+  yo as TreePlugin,
+  lo as UndoRedoPlugin,
+  L as VisibilityPlugin,
+  Ro as aggregatorRegistry,
+  Ie as getAggregator,
+  Te as getValueAggregator,
+  So as listAggregators,
+  Eo as registerAggregator,
+  te as runAggregator,
+  ko as runValueAggregator,
+  Ao as unregisterAggregator
 };
 //# sourceMappingURL=all.js.map