@toolbox-web/grid 0.0.5 → 0.0.7

package/all.js

@@ -1,6 +1,6 @@
-import { BaseGridPlugin as y, runAggregator as X, getAggregator as xe } from "./index.js";
-import { DGEvents as Pt, DataGridElement as Dt, FitModeEnum as Bt, GridCSSVars as Ot, GridClasses as Ht, GridDataAttrs as Wt, DataGridElement as Kt, GridSelectors as Vt, PluginEvents as Gt, SelectionPlugin as zt, TreePlugin as $t } from "./index.js";
-function ve(i, e, t, n) {
+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 "";
@@ -20,12 +20,12 @@ function F(i) {
     });
     a.push(u.join(r));
   }
-  const d = [...n instanceof Set ? [...n] : n].sort((u, h) => u - h);
-  for (const u of d) {
+  const c = [...n instanceof Set ? [...n] : n].sort((u, h) => u - h);
+  for (const u of c) {
     const h = e[u];
     if (!h) continue;
     const f = l.map(
-      (g) => ve(h[g.field], g.field, h, o)
+      (g) => ye(h[g.field], g.field, h, o)
     );
     a.push(f.join(r));
   }
@@ -47,11 +47,11 @@ function J(i, e) {
 `).replace(/\r/g, `
 `), r = [];
   let s = [], l = "", a = !1;
-  for (let c = 0; c < o.length; c++) {
-    const d = o[c];
-    d === '"' && !a ? a = !0 : d === '"' && a ? o[c + 1] === '"' ? (l += '"', c++) : a = !1 : d === t && !a ? (s.push(l), l = "") : d === n && !a ? (s.push(l), l = "", (s.length > 1 || s.some((u) => u.trim() !== "")) && r.push(s), s = []) : l += d;
+  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;
   }
-  return s.push(l), (s.length > 1 || s.some((c) => c.trim() !== "")) && r.push(s), r;
+  return s.push(l), (s.length > 1 || s.some((d) => d.trim() !== "")) && r.push(s), r;
 }
 async function Q() {
   try {
@@ -60,7 +60,7 @@ async function Q() {
     return "";
   }
 }
-class vt extends y {
+class yt extends y {
   name = "clipboard";
   version = "1.0.0";
   get defaultConfig() {
@@ -84,22 +84,22 @@ class vt extends y {
   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.#t(e.target), !0) : n ? (this.#n(), !0) : !1;
+    return t ? (this.#e(e.target), !0) : n ? (this.#n(), !0) : !1;
   }
   // ===== Private Methods =====
   /**
    * Handle copy operation
    */
-  #t(e) {
-    const t = this.#e(), n = t?.getSelectedRows() ?? [], o = n.length > 0, r = t?.getRanges() ?? [], s = r.length > 0, l = t?.getSelectedCell() != null;
-    let a, c, d;
+  #e(e) {
+    const t = this.#t(), n = t?.getSelectedRows() ?? [], o = n.length > 0, r = t?.getRanges() ?? [], s = r.length > 0, l = t?.getSelectedCell() != null;
+    let a, d, c;
     if (o && t)
       a = F({
         rows: this.rows,
         columns: [...this.columns],
         selectedIndices: n,
         config: this.config
-      }), c = n.length, d = this.columns.filter((u) => !u.hidden && !u.field.startsWith("__")).length;
+      }), 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({
         startRow: u.from.row,
@@ -107,18 +107,18 @@ class vt extends y {
         endRow: u.to.row,
         endCol: u.to.col
       });
-      a = h.text, c = h.rowCount, d = h.columnCount;
+      a = h.text, d = h.rowCount, c = h.columnCount;
     } else if (l && t) {
       const u = t.getSelectedCell(), h = this.#o(u.row, u.col);
       if (!h) return;
-      a = h.text, c = 1, d = 1;
+      a = h.text, d = 1, c = 1;
     } else {
       const u = this.#i(e);
       if (!u) return;
-      a = u.text, c = 1, d = 1;
+      a = u.text, d = 1, c = 1;
     }
     N(a).then(() => {
-      this.lastCopied = { text: a, timestamp: Date.now() }, this.emit("copy", { text: a, rowCount: c, columnCount: d });
+      this.lastCopied = { text: a, timestamp: Date.now() }, this.emit("copy", { text: a, rowCount: d, columnCount: c });
     });
   }
   /**
@@ -134,7 +134,7 @@ class vt extends y {
   /**
    * Get the selection plugin instance if available.
    */
-  #e() {
+  #t() {
     try {
       const e = this.grid;
       if (e?._plugins) {
@@ -166,11 +166,11 @@ class vt extends y {
    * 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), c = Math.max(n, r), d = this.config.delimiter ?? "	", u = this.config.newline ?? `
-`, h = [], f = this.columns.slice(a, c + 1);
+    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);
     if (this.config.includeHeaders) {
       const g = f.map((m) => m.header || m.field);
-      h.push(g.join(d));
+      h.push(g.join(c));
     }
     for (let g = s; g <= l; g++) {
       const m = this.rows[g];
@@ -179,12 +179,12 @@ class vt extends y {
         const R = m[S.field];
         return R == null ? "" : R instanceof Date ? R.toISOString() : String(R);
       });
-      h.push(b.join(d));
+      h.push(b.join(c));
     }
     return {
       text: h.join(u),
       rowCount: l - s + 1,
-      columnCount: c - a + 1
+      columnCount: d - a + 1
     };
   }
   /**
@@ -202,14 +202,14 @@ class vt extends y {
     if (isNaN(r)) return null;
     const s = this.rows[r];
     if (!s) return null;
-    const l = s[n], c = this.columns.find((u) => u.field === n)?.header || n;
-    let d;
+    const l = s[n], d = this.columns.find((u) => u.field === n)?.header || n;
+    let c;
     if (this.config.includeHeaders) {
       const u = l == null ? "" : String(l);
-      d = `${c}: ${u}`;
+      c = `${d}: ${u}`;
     } else
-      d = l == null ? "" : String(l);
-    return { text: d, field: n, value: l };
+      c = l == null ? "" : String(l);
+    return { text: c, field: n, value: l };
   }
   // ===== Public API =====
   /**
@@ -217,7 +217,7 @@ class vt extends y {
    * @returns The copied text
    */
   async copy() {
-    const t = this.#e()?.getSelectedRows() ?? [], n = F({
+    const t = this.#t()?.getSelectedRows() ?? [], n = F({
       rows: this.rows,
       columns: [...this.columns],
       selectedIndices: t,
@@ -277,28 +277,28 @@ function te(i) {
 function ne(i) {
   return i.reduce((e, t) => e + G(t.width), 0);
 }
-function ye(i, e, t, n, o) {
+function Ce(i, e, t, n, o) {
   const r = t.length;
   if (r === 0)
     return { startCol: 0, endCol: 0, visibleColumns: [] };
-  let s = Ce(i, t, n);
+  let s = Se(i, t, n);
   s = Math.max(0, s - o);
   const l = i + e;
   let a = s;
-  for (let d = s; d < r; d++) {
-    if (t[d] >= l) {
-      a = d - 1;
+  for (let c = s; c < r; c++) {
+    if (t[c] >= l) {
+      a = c - 1;
       break;
     }
-    a = d;
+    a = c;
   }
   a = Math.min(r - 1, a + o);
-  const c = [];
-  for (let d = s; d <= a; d++)
-    c.push(d);
-  return { startCol: s, endCol: a, visibleColumns: c };
+  const d = [];
+  for (let c = s; c <= a; c++)
+    d.push(c);
+  return { startCol: s, endCol: a, visibleColumns: d };
 }
-function Ce(i, e, t) {
+function Se(i, e, t) {
   let n = 0, o = e.length - 1;
   for (; n < o; ) {
     const r = Math.floor((n + o) / 2);
@@ -306,10 +306,10 @@ function Ce(i, e, t) {
   }
   return n;
 }
-function Se(i, e, t) {
+function Re(i, e, t) {
   return t ? i > e : !1;
 }
-class yt extends y {
+class Ct extends y {
   name = "columnVirtualization";
   version = "1.0.0";
   get defaultConfig() {
@@ -339,10 +339,10 @@ class yt extends y {
   }
   // ===== Hooks =====
   processColumns(e) {
-    const t = this.config.enabled && Se(e.length, this.config.threshold ?? 30, this.config.autoEnable ?? !0);
+    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)
       return this.startCol = 0, this.endCol = e.length - 1, [...e];
-    const n = this.grid.clientWidth || 800, o = ye(
+    const n = this.grid.clientWidth || 800, o = Ce(
       this.scrollLeft,
       n,
       this.columnOffsets,
@@ -400,49 +400,49 @@ class yt extends y {
     return this.totalWidth;
   }
 }
-function K(i, e) {
+function V(i, e) {
   return (typeof i == "function" ? i(e) : i).filter((n) => !(n.hidden === !0 || typeof n.hidden == "function" && n.hidden(e)));
 }
-function Re(i, e) {
+function ke(i, e) {
   return i.disabled === !0 ? !0 : typeof i.disabled == "function" ? i.disabled(e) : !1;
 }
-function V(i, e, t) {
-  const n = document.createElement("div");
-  n.className = "tbw-context-menu", n.setAttribute("role", "menu");
-  for (const o of i) {
-    if (o.separator) {
-      const a = document.createElement("div");
-      a.className = "tbw-context-menu-separator", a.setAttribute("role", "separator"), n.appendChild(a);
+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) {
+      const d = document.createElement("div");
+      d.className = "tbw-context-menu-separator", d.setAttribute("role", "separator"), o.appendChild(d);
       continue;
     }
-    const r = document.createElement("div");
-    r.className = "tbw-context-menu-item", o.cssClass && r.classList.add(o.cssClass), r.setAttribute("role", "menuitem"), r.setAttribute("data-id", o.id);
-    const s = Re(o, e);
-    if (s && (r.classList.add("disabled"), r.setAttribute("aria-disabled", "true")), o.icon) {
-      const a = document.createElement("span");
-      a.className = "tbw-context-menu-icon", a.innerHTML = o.icon, r.appendChild(a);
-    }
-    const l = document.createElement("span");
-    if (l.className = "tbw-context-menu-label", l.textContent = o.name, r.appendChild(l), o.shortcut) {
-      const a = document.createElement("span");
-      a.className = "tbw-context-menu-shortcut", a.textContent = o.shortcut, r.appendChild(a);
-    }
-    if (o.subMenu?.length) {
-      const a = document.createElement("span");
-      a.className = "tbw-context-menu-arrow", a.textContent = "▶", r.appendChild(a), r.addEventListener("mouseenter", () => {
-        if (r.querySelector(".tbw-context-menu") || !o.subMenu) return;
-        const d = K(o.subMenu, e), u = V(d, e, t);
-        u.classList.add("tbw-context-submenu"), u.style.position = "absolute", u.style.left = "100%", u.style.top = "0", r.style.position = "relative", r.appendChild(u);
-      }), r.addEventListener("mouseleave", () => {
-        const c = r.querySelector(".tbw-context-menu");
+    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 d = document.createElement("span");
+      d.className = "tbw-context-menu-icon", d.innerHTML = r.icon, s.appendChild(d);
+    }
+    const a = document.createElement("span");
+    if (a.className = "tbw-context-menu-label", a.textContent = r.name, s.appendChild(a), r.shortcut) {
+      const d = document.createElement("span");
+      d.className = "tbw-context-menu-shortcut", d.textContent = r.shortcut, s.appendChild(d);
+    }
+    if (r.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");
         c && c.remove();
       });
     }
-    !s && o.action && !o.subMenu && r.addEventListener("click", (a) => {
-      a.stopPropagation(), t(o);
-    }), n.appendChild(r);
+    !l && r.action && !r.subMenu && s.addEventListener("click", (d) => {
+      d.stopPropagation(), t(r);
+    }), o.appendChild(s);
   }
-  return n;
+  return o;
 }
 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";
@@ -450,8 +450,8 @@ function oe(i, e, t) {
   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 P = null, D = null, A = null;
-const ke = `
+let D = null, P = null, A = null;
+const Ee = `
   .tbw-context-menu {
     position: fixed;
     background: light-dark(#f5f5f5, #2a2a2a);
@@ -520,7 +520,7 @@ const ke = `
     }
   }
 ];
-class Ct extends y {
+class St extends y {
   name = "contextMenu";
   version = "1.0.0";
   get defaultConfig() {
@@ -543,11 +543,11 @@ class Ct extends y {
   }
   // ===== Private Methods =====
   installGlobalHandlers() {
-    !A && typeof document < "u" && (A = document.createElement("style"), A.id = "tbw-context-menu-styles", A.textContent = ke, document.head.appendChild(A)), P || (P = () => {
+    !A && typeof document < "u" && (A = document.createElement("style"), A.id = "tbw-context-menu-styles", A.textContent = Ee, document.head.appendChild(A)), D || (D = () => {
       document.querySelectorAll(".tbw-context-menu").forEach((t) => t.remove());
-    }, document.addEventListener("click", P)), D || (D = (e) => {
+    }, document.addEventListener("click", D)), P || (P = (e) => {
       e.key === "Escape" && document.querySelectorAll(".tbw-context-menu").forEach((n) => n.remove());
-    }, document.addEventListener("keydown", D));
+    }, document.addEventListener("keydown", P));
   }
   // ===== Hooks =====
   afterRender() {
@@ -562,10 +562,10 @@ class Ct extends y {
       const r = o.target, s = r.closest("[data-row][data-col]"), l = r.closest(".header-cell");
       let a;
       if (s) {
-        const d = parseInt(s.getAttribute("data-row") ?? "-1", 10), u = parseInt(s.getAttribute("data-col") ?? "-1", 10), h = this.columns[u], f = this.rows[d];
+        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];
         a = {
           row: f,
-          rowIndex: d,
+          rowIndex: c,
           column: h,
           columnIndex: u,
           field: h?.field ?? "",
@@ -574,12 +574,12 @@ class Ct extends y {
           event: o
         };
       } else if (l) {
-        const d = parseInt(l.getAttribute("data-col") ?? "-1", 10), u = this.columns[d];
+        const c = parseInt(l.getAttribute("data-col") ?? "-1", 10), u = this.columns[c];
         a = {
           row: null,
           rowIndex: -1,
           column: u,
-          columnIndex: d,
+          columnIndex: c,
           field: u?.field ?? "",
           value: null,
           isHeader: !0,
@@ -588,10 +588,15 @@ class Ct extends y {
       } else
         return;
       this.params = a, this.position = { x: o.clientX, y: o.clientY };
-      const c = K(this.config.items ?? B, a);
-      c.length && (this.menuElement && this.menuElement.remove(), this.menuElement = V(c, a, (d) => {
-        d.action && d.action(a), this.menuElement?.remove(), this.menuElement = null, this.isOpen = !1;
-      }), document.body.appendChild(this.menuElement), oe(this.menuElement, o.clientX, o.clientY), this.isOpen = !0, this.emit("context-menu-open", { params: a, items: c }));
+      const d = V(this.config.items ?? B, a);
+      d.length && (this.menuElement && this.menuElement.remove(), this.menuElement = K(
+        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 }));
     }));
   }
   // ===== Public API =====
@@ -611,10 +616,15 @@ class Ct extends y {
       value: n.value ?? null,
       isHeader: n.isHeader ?? !1,
       event: n.event ?? new MouseEvent("contextmenu")
-    }, r = K(this.config.items ?? B, o);
-    this.menuElement && this.menuElement.remove(), this.menuElement = V(r, o, (s) => {
-      s.action && s.action(o), this.menuElement?.remove(), this.menuElement = null, this.isOpen = !1;
-    }), document.body.appendChild(this.menuElement), oe(this.menuElement, e, t), this.isOpen = !0;
+    }, 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;
+      },
+      this.gridIcons.submenuArrow
+    ), document.body.appendChild(this.menuElement), oe(this.menuElement, e, t), this.isOpen = !0;
   }
   /**
    * Hide the context menu.
@@ -639,22 +649,22 @@ function re(i, e = !0) {
   return e && (t.includes(",") || t.includes('"') || t.includes(`
 `) || t.includes("\r")) ? `"${t.replace(/"/g, '""')}"` : t;
 }
-function Ee(i, e, t, n = {}) {
+function Ae(i, e, t, n = {}) {
   const o = n.delimiter ?? ",", r = n.newline ?? `
 `, s = [], l = n.bom ? "\uFEFF" : "";
   if (t.includeHeaders !== !1) {
-    const a = e.map((c) => {
-      const d = c.header || c.field, u = t.processHeader ? t.processHeader(d, c.field) : d;
+    const a = e.map((d) => {
+      const c = d.header || d.field, u = t.processHeader ? t.processHeader(c, d.field) : c;
       return re(u);
     });
     s.push(a.join(o));
   }
   for (const a of i) {
-    const c = e.map((d) => {
-      let u = a[d.field];
-      return t.processCell && (u = t.processCell(u, d.field, a)), re(u);
+    const d = e.map((c) => {
+      let u = a[c.field];
+      return t.processCell && (u = t.processCell(u, c.field, a)), re(u);
     });
-    s.push(c.join(o));
+    s.push(d.join(o));
   }
   return l + s.join(r);
 }
@@ -662,7 +672,7 @@ 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 Ae(i, e) {
+function Ie(i, e) {
   const t = new Blob([i], { type: "text/csv;charset=utf-8;" });
   z(t, e);
 }
@@ -701,13 +711,13 @@ function _e(i, e, t) {
 </Worksheet>
 </Workbook>`, n;
 }
-function Ie(i, e) {
+function Te(i, e) {
   const t = e.endsWith(".xls") ? e : `${e}.xls`, n = new Blob([i], {
     type: "application/vnd.ms-excel;charset=utf-8;"
   });
   z(n, t);
 }
-class St extends y {
+class Rt extends y {
   name = "export";
   version = "1.0.0";
   get defaultConfig() {
@@ -736,25 +746,25 @@ class St extends y {
     let r = [...this.columns];
     if (n.onlyVisible && (r = r.filter((a) => !a.hidden && !a.field.startsWith("__"))), t?.columns) {
       const a = new Set(t.columns);
-      r = r.filter((c) => a.has(c.field));
+      r = r.filter((d) => a.has(d.field));
     }
     let s = [...this.rows];
     if (n.onlySelected) {
       const a = this.getSelectionState();
-      a?.selected?.size && (s = [...a.selected].sort((d, u) => d - u).map((d) => this.rows[d]).filter(Boolean));
+      a?.selected?.size && (s = [...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;
     try {
       switch (e) {
         case "csv": {
-          const a = Ee(s, r, o, { bom: !0 });
-          l = l.endsWith(".csv") ? l : `${l}.csv`, Ae(a, l);
+          const a = Ae(s, r, o, { bom: !0 });
+          l = l.endsWith(".csv") ? l : `${l}.csv`, Ie(a, l);
           break;
         }
         case "excel": {
           const a = _e(s, r, o);
-          l = l.endsWith(".xls") ? l : `${l}.xls`, Ie(a, l);
+          l = l.endsWith(".xls") ? l : `${l}.xls`, Te(a, l);
           break;
         }
         case "json": {
@@ -765,10 +775,10 @@ class St extends y {
               o.processCell && (g = o.processCell(g, f.field, u)), h[f.field] = g;
             }
             return h;
-          }), c = JSON.stringify(a, null, 2);
+          }), d = JSON.stringify(a, null, 2);
           l = l.endsWith(".json") ? l : `${l}.json`;
-          const d = new Blob([c], { type: "application/json" });
-          z(d, l);
+          const c = new Blob([d], { type: "application/json" });
+          z(c, l);
           break;
         }
       }
@@ -826,7 +836,7 @@ class St extends y {
     return this.lastExportInfo;
   }
 }
-function Te(i) {
+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;
   l < 0 && (l = 0);
@@ -838,10 +848,10 @@ function Te(i) {
     totalHeight: e * o
   };
 }
-function Le(i, e) {
+function Me(i, e) {
   return i <= e;
 }
-function Me(i, e, t = !1) {
+function qe(i, e, t = !1) {
   const n = i[e.field];
   if (e.operator === "blank")
     return n == null || n === "";
@@ -883,10 +893,10 @@ function Me(i, e, t = !1) {
       return !0;
   }
 }
-function qe(i, e, t = !1) {
-  return e.length ? i.filter((n) => e.every((o) => Me(n, o, t))) : i;
+function Fe(i, e, t = !1) {
+  return e.length ? i.filter((n) => e.every((o) => qe(n, o, t))) : i;
 }
-function Fe(i) {
+function Ne(i) {
   return JSON.stringify(
     i.map((e) => ({
       field: e.field,
@@ -904,7 +914,7 @@ function se(i, e) {
   }
   return [...t].sort((n, o) => typeof n == "number" && typeof o == "number" ? n - o : String(n).localeCompare(String(o)));
 }
-const Ne = `
+const De = `
 .tbw-filter-panel {
   position: fixed;
   background: var(--tbw-filter-panel-bg, var(--tbw-color-panel-bg, light-dark(#eeeeee, #222222)));
@@ -1085,10 +1095,10 @@ class E extends y {
   processRows(e) {
     const t = [...this.filters.values()];
     if (!t.length) return [...e];
-    const n = Fe(t);
+    const n = Ne(t);
     if (this.cacheKey === n && this.cachedResult)
       return this.cachedResult;
-    const o = qe([...e], t, this.config.caseSensitive);
+    const o = Fe([...e], t, this.config.caseSensitive);
     return this.cachedResult = o, this.cacheKey = n, o;
   }
   afterRender() {
@@ -1204,7 +1214,7 @@ class E extends y {
       return;
     }
     const e = document.createElement("style");
-    e.id = "tbw-filter-panel-styles", e.textContent = Ne, document.head.appendChild(e), this.globalStylesInjected = !0;
+    e.id = "tbw-filter-panel-styles", e.textContent = De, document.head.appendChild(e), this.globalStylesInjected = !0;
   }
   /**
    * Toggle the filter panel for a field
@@ -1226,23 +1236,23 @@ class E extends y {
       uniqueValues: r,
       excludedValues: s,
       searchText: l,
-      applySetFilter: (d) => {
-        this.applySetFilter(e, d), this.closeFilterPanel();
+      applySetFilter: (c) => {
+        this.applySetFilter(e, c), this.closeFilterPanel();
       },
-      applyTextFilter: (d, u, h) => {
-        this.applyTextFilter(e, d, u, h), this.closeFilterPanel();
+      applyTextFilter: (c, u, h) => {
+        this.applyTextFilter(e, c, u, h), this.closeFilterPanel();
       },
       clearFilter: () => {
         this.clearFieldFilter(e), this.closeFilterPanel();
       },
       closePanel: () => this.closeFilterPanel()
     };
-    let c = !1;
-    this.config.filterPanelRenderer && (this.config.filterPanelRenderer(o, a), c = o.children.length > 0), c || this.renderDefaultFilterPanel(o, a, r, s), document.body.appendChild(o), this.positionPanel(o, n), this.panelAbortController = new AbortController(), setTimeout(() => {
+    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(() => {
       document.addEventListener(
         "click",
-        (d) => {
-          !o.contains(d.target) && d.target !== n && this.closeFilterPanel();
+        (c) => {
+          !o.contains(c.target) && c.target !== n && this.closeFilterPanel();
         },
         { signal: this.panelAbortController?.signal }
       );
@@ -1274,18 +1284,18 @@ class E extends y {
     l.type = "text", l.placeholder = "Search...", l.className = "tbw-filter-search-input", l.value = this.searchText.get(r) ?? "", s.appendChild(l), e.appendChild(s);
     const a = document.createElement("div");
     a.className = "tbw-filter-actions";
-    const c = document.createElement("label");
-    c.className = "tbw-filter-value-item", c.style.padding = "0", c.style.margin = "0";
-    const d = document.createElement("input");
-    d.type = "checkbox", d.className = "tbw-filter-checkbox";
+    const d = document.createElement("label");
+    d.className = "tbw-filter-value-item", d.style.padding = "0", d.style.margin = "0";
+    const c = document.createElement("input");
+    c.type = "checkbox", c.className = "tbw-filter-checkbox";
     const u = document.createElement("span");
-    u.textContent = "Select All", c.appendChild(d), c.appendChild(u), a.appendChild(c);
+    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);
-      d.checked = v, d.indeterminate = !v && !C;
+      c.checked = v, c.indeterminate = !v && !C;
     };
-    d.addEventListener("change", () => {
-      const p = d.checked;
+    c.addEventListener("change", () => {
+      const p = c.checked;
       for (const v of b.keys())
         b.set(v, p);
       h(), q();
@@ -1313,13 +1323,13 @@ class E extends y {
       return Y.textContent = C, w.appendChild(k), w.appendChild(Y), w;
     }, q = () => {
       const p = S.length, v = f.clientHeight, C = f.scrollTop;
-      if (g.style.height = `${p * E.LIST_ITEM_HEIGHT}px`, Le(p, E.LIST_BYPASS_THRESHOLD / 3)) {
+      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));
         });
         return;
       }
-      const x = Te({
+      const x = Le({
         totalRows: p,
         viewportHeight: v,
         scrollTop: C,
@@ -1355,8 +1365,8 @@ class E extends y {
         this.searchText.set(r, l.value), j(l.value);
       }, this.config.debounceMs ?? 150);
     });
-    const I = document.createElement("div");
-    I.className = "tbw-filter-buttons";
+    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 = [];
@@ -1369,11 +1379,11 @@ class E extends y {
             p.push(x !== void 0 ? x : v);
           }
       t.applySetFilter(p);
-    }), I.appendChild(T);
+    }), _.appendChild(T);
     const L = document.createElement("button");
     L.className = "tbw-filter-clear-btn", L.textContent = "Clear Filter", L.addEventListener("click", () => {
       t.clearFilter();
-    }), I.appendChild(L), e.appendChild(I);
+    }), _.appendChild(L), e.appendChild(_);
   }
   /**
    * Apply a set filter (exclude values)
@@ -1497,17 +1507,17 @@ function Pe(i) {
       return;
     }
     o.length && (n(r, o.slice()), o = []);
-    const c = typeof a == "string" ? a : a.id;
-    let d = e.get(c);
-    d || (d = {
-      id: c,
+    const d = typeof a == "string" ? a : a.id;
+    let c = e.get(d);
+    c || (c = {
+      id: d,
       label: typeof a == "string" ? void 0 : a.label,
       columns: [],
       firstIndex: l
-    }, e.set(c, d), t.push(d)), d.columns.push(s);
+    }, 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;
 }
-function De(i, e, t) {
+function Be(i, e, t) {
   if (!e.length || !i) return;
   const n = /* @__PURE__ */ new Map();
   for (const r of e)
@@ -1523,7 +1533,7 @@ function De(i, e, t) {
     l && l.classList.add("group-end");
   }
 }
-function Be(i, e) {
+function He(i, e) {
   if (i.length === 0) return null;
   const t = document.createElement("div");
   t.className = "header-group-row", t.setAttribute("role", "row");
@@ -1536,7 +1546,7 @@ function Be(i, e) {
 function Oe(i) {
   return i.some((e) => e.group != null);
 }
-class Rt extends y {
+class kt extends y {
   name = "groupingColumns";
   version = "1.0.0";
   get defaultConfig() {
@@ -1577,13 +1587,13 @@ class Rt extends y {
     if (!e) return;
     const t = e.querySelector(".header-group-row");
     t && t.remove();
-    const n = Be(this.groups, this.columns);
+    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 = e.querySelector(".header-row");
-    o && De(o, this.groups, this.columns);
+    o && Be(o, this.groups, this.columns);
   }
   // ===== Public API =====
   /**
@@ -1645,7 +1655,7 @@ class Rt extends y {
     }
   `;
 }
-function He({ rows: i, config: e, expanded: t }) {
+function We({ rows: i, config: e, expanded: t }) {
   const n = e.groupOn;
   if (!e.enabled || typeof n != "function")
     return [];
@@ -1653,17 +1663,17 @@ function He({ rows: i, config: e, expanded: t }) {
   if (i.forEach((l) => {
     let a = n(l);
     a == null || a === !1 ? a = ["__ungrouped__"] : Array.isArray(a) || (a = [a]);
-    let c = o;
-    a.forEach((d, u) => {
-      const h = d == null ? "∅" : String(d), f = c.key === "__root__" ? h : c.key + "||" + h;
-      let g = c.children.get(h);
-      g || (g = { key: f, value: d, depth: u, rows: [], children: /* @__PURE__ */ new Map(), parent: c }, c.children.set(h, g)), c = g;
-    }), c.rows.push(l);
+    let d = o;
+    a.forEach((c, u) => {
+      const h = c == null ? "∅" : String(c), f = d.key === "__root__" ? h : d.key + "||" + h;
+      let g = d.children.get(h);
+      g || (g = { key: f, value: c, depth: u, rows: [], children: /* @__PURE__ */ new Map(), parent: d }, d.children.set(h, g)), d = g;
+    }), d.rows.push(l);
   }), o.children.size === 1 && o.children.has("__ungrouped__") && o.children.get("__ungrouped__").rows.length === i.length)
     return [];
   const r = [], s = (l) => {
     if (l === o) {
-      l.children.forEach((c) => s(c));
+      l.children.forEach((d) => s(d));
       return;
     }
     const a = t.has(l.key);
@@ -1674,11 +1684,11 @@ function He({ rows: i, config: e, expanded: t }) {
       depth: l.depth,
       rows: l.rows,
       expanded: a
-    }), a && (l.children.size ? l.children.forEach((c) => s(c)) : l.rows.forEach((c) => r.push({ kind: "data", row: c, rowIndex: i.indexOf(c) })));
+    }), a && (l.children.size ? l.children.forEach((d) => s(d)) : l.rows.forEach((d) => r.push({ kind: "data", row: d, rowIndex: i.indexOf(d) })));
   };
   return s(o), r;
 }
-function We(i, e) {
+function Ve(i, e) {
   const t = new Set(i);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
@@ -1688,13 +1698,13 @@ function Ke(i) {
     t.kind === "group" && e.add(t.key);
   return e;
 }
-function Ve() {
+function Ge() {
   return /* @__PURE__ */ new Set();
 }
-function Ge(i) {
+function ze(i) {
   return i.kind !== "group" ? 0 : i.rows.length;
 }
-class kt extends y {
+class Et extends y {
   name = "groupingRows";
   version = "1.0.0";
   get defaultConfig() {
@@ -1726,7 +1736,7 @@ class kt extends y {
     const t = this.config;
     if (!t.enabled || typeof t.groupOn != "function")
       return this.isActive = !1, this.flattenedRows = [], [...e];
-    const n = He({
+    const n = We({
       rows: e,
       config: t,
       expanded: this.expandedKeys
@@ -1738,7 +1748,7 @@ class kt extends y {
       __groupDepth: o.depth,
       __groupRows: o.rows,
       __groupExpanded: o.expanded,
-      __groupRowCount: Ge(o)
+      __groupRowCount: ze(o)
     } : o.row));
   }
   onCellClick(e) {
@@ -1779,32 +1789,30 @@ class kt extends y {
     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"), s.textContent = e.__groupExpanded ? "▾" : "▸", s.addEventListener("click", (c) => {
-      c.stopPropagation(), n();
+    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);
     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 c = document.createElement("span");
-      c.className = "group-count", c.textContent = `(${e.__groupRowCount ?? e.__groupRows?.length ?? 0})`, r.appendChild(c);
+      const d = document.createElement("span");
+      d.className = "group-count", d.textContent = `(${e.__groupRowCount ?? e.__groupRows?.length ?? 0})`, r.appendChild(d);
     }
     t.appendChild(r);
   }
   renderPerColumnGroupRow(e, t, n) {
-    const o = this.config, r = o.aggregators ?? {}, s = this.columns, l = e.__groupRows ?? [];
-    this.grid;
-    const c = this.shadowRoot?.querySelector(".body")?.style.gridTemplateColumns || "";
-    c && (t.style.display = "grid", t.style.gridTemplateColumns = c), s.forEach((d, u) => {
+    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) => {
       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.textContent = e.__groupExpanded ? "▾" : "▸", f.addEventListener("click", (b) => {
+        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[d.field];
+        const g = document.createElement("span"), m = r[c.field];
         if (m) {
-          const b = X(m, l, d.field, d);
+          const b = X(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);
@@ -1815,9 +1823,9 @@ class kt extends y {
           b.className = "group-count", b.textContent = ` (${l.length})`, h.appendChild(b);
         }
       } else {
-        const f = r[d.field];
+        const f = r[c.field];
         if (f) {
-          const g = X(f, l, d.field, d);
+          const g = X(f, l, c.field, c);
           h.textContent = g != null ? String(g) : "";
         } else
           h.textContent = "";
@@ -1836,14 +1844,14 @@ class kt extends y {
    * Collapse all groups.
    */
   collapseAll() {
-    this.expandedKeys = Ve(), this.requestRender();
+    this.expandedKeys = Ge(), this.requestRender();
   }
   /**
    * Toggle expansion of a specific group.
    * @param key - The group key to toggle
    */
   toggle(e) {
-    this.expandedKeys = We(this.expandedKeys, e);
+    this.expandedKeys = Ve(this.expandedKeys, e);
     const t = this.flattenedRows.find((n) => n.kind === "group" && n.key === e);
     this.emit("group-toggle", {
       key: e,
@@ -1973,22 +1981,22 @@ class kt extends y {
     [data-group-depth="4"] .group-label { padding-left: 80px; }
   `;
 }
-function O(i, e) {
+function H(i, e) {
   const t = new Set(i);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
-function ze(i, e) {
+function $e(i, e) {
   const t = new Set(i);
   return t.add(e), t;
 }
-function $e(i, e) {
+function je(i, e) {
   const t = new Set(i);
   return t.delete(e), t;
 }
-function je(i, e) {
+function Ue(i, e) {
   return i.has(e);
 }
-function Ue(i, e, t, n) {
+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");
@@ -1996,7 +2004,7 @@ function Ue(i, e, t, n) {
   const s = t(i, e);
   return typeof s == "string" ? r.innerHTML = s : s instanceof HTMLElement && r.appendChild(s), o.appendChild(r), o;
 }
-class Et extends y {
+class At extends y {
   name = "masterDetail";
   version = "1.0.0";
   get defaultConfig() {
@@ -2025,25 +2033,25 @@ class Et extends y {
       if (o?.__masterDetailWrapped)
         return t;
       const r = (s) => {
-        const { value: l, row: a } = s, c = this.expandedRows.has(a), d = document.createElement("span");
-        d.className = "master-detail-cell-wrapper";
+        const { value: l, row: a } = s, 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", u.textContent = c ? "▼" : "▶", u.setAttribute("aria-expanded", String(c)), u.setAttribute("aria-label", c ? "Collapse details" : "Expand details"), u.addEventListener("click", (f) => {
+        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();
           const g = this.rows.indexOf(a);
-          this.expandedRows = O(this.expandedRows, a), this.emit("detail-expand", {
+          this.expandedRows = H(this.expandedRows, a), this.emit("detail-expand", {
             rowIndex: g,
             row: a,
             expanded: this.expandedRows.has(a)
           }), this.requestRender();
-        }), d.appendChild(u);
+        }), 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 ?? "");
         } else
           h.textContent = String(l ?? "");
-        return d.appendChild(h), d;
+        return c.appendChild(h), c;
       };
       r.__masterDetailWrapped = !0, n.viewRenderer = r, t[0] = n;
     }
@@ -2051,27 +2059,111 @@ class Et extends y {
   }
   onRowClick(e) {
     if (!(!this.config.expandOnRowClick || !this.config.detailRenderer))
-      return this.expandedRows = O(this.expandedRows, e.row), this.emit("detail-expand", {
+      return this.expandedRows = H(this.expandedRows, e.row), this.emit("detail-expand", {
         rowIndex: e.rowIndex,
         row: e.row,
         expanded: this.expandedRows.has(e.row)
       }), this.requestRender(), !1;
   }
+  onCellClick() {
+    this.expandedRows.size > 0 && queueMicrotask(() => this.#e());
+  }
   afterRender() {
+    this.#e();
+  }
+  /**
+   * Called on scroll to sync detail elements with visible rows.
+   * Removes details for rows that scrolled out of view and reattaches for visible rows.
+   */
+  onScrollRender() {
+    !this.config.detailRenderer || this.expandedRows.size === 0 || this.#e();
+  }
+  /**
+   * Full sync of detail rows - cleans up stale elements and creates new ones.
+   * Detail rows are inserted as siblings AFTER their master row to survive row rebuilds.
+   */
+  #e() {
     if (!this.config.detailRenderer) return;
     const e = this.shadowRoot?.querySelector(".rows");
     if (!e) return;
-    e.querySelectorAll(".master-detail-row").forEach((o) => o.remove()), this.detailElements.clear();
-    const t = e.querySelectorAll(".data-grid-row"), n = this.columns.length;
-    for (const o of t) {
-      const r = o.querySelector(".cell[data-row]"), s = r ? parseInt(r.getAttribute("data-row") ?? "-1", 10) : -1;
-      if (s < 0) continue;
-      const l = this.rows[s];
-      if (!l || !this.expandedRows.has(l)) continue;
-      const a = Ue(l, s, this.config.detailRenderer, n);
-      typeof this.config.detailHeight == "number" && (a.style.height = `${this.config.detailHeight}px`), o.appendChild(a), this.detailElements.set(l, a);
+    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];
+      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);
+      typeof this.config.detailHeight == "number" && (c.style.height = `${this.config.detailHeight}px`), l.after(c), this.detailElements.set(a, c);
     }
   }
+  /**
+   * Return total extra height from all expanded detail rows.
+   * Used by grid virtualization to adjust scrollbar height.
+   */
+  getExtraHeight() {
+    let e = 0;
+    for (const t of this.expandedRows) {
+      const n = this.detailElements.get(t);
+      if (n)
+        e += n.offsetHeight;
+      else {
+        const o = this.config?.detailHeight;
+        e += typeof o == "number" ? o : 150;
+      }
+    }
+    return e;
+  }
+  /**
+   * Return extra height that appears before a given row index.
+   * This is the sum of heights of all expanded details whose parent row is before the given index.
+   */
+  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;
+        else {
+          const s = this.config?.detailHeight;
+          t += typeof s == "number" ? s : 150;
+        }
+      }
+    }
+    return t;
+  }
+  /**
+   * 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) {
+    if (this.expandedRows.size === 0) return e;
+    const o = [];
+    for (const l of this.expandedRows) {
+      const a = this.rows.indexOf(l);
+      a >= 0 && o.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);
+    }
+    return r;
+  }
   // ===== Public API =====
   /**
    * Expand the detail row at the given index.
@@ -2079,7 +2171,7 @@ class Et extends y {
    */
   expand(e) {
     const t = this.rows[e];
-    t && (this.expandedRows = ze(this.expandedRows, t), this.requestRender());
+    t && (this.expandedRows = $e(this.expandedRows, t), this.requestRender());
   }
   /**
    * Collapse the detail row at the given index.
@@ -2087,7 +2179,7 @@ class Et extends y {
    */
   collapse(e) {
     const t = this.rows[e];
-    t && (this.expandedRows = $e(this.expandedRows, t), this.requestRender());
+    t && (this.expandedRows = je(this.expandedRows, t), this.requestRender());
   }
   /**
    * Toggle the detail row at the given index.
@@ -2095,7 +2187,7 @@ class Et extends y {
    */
   toggle(e) {
     const t = this.rows[e];
-    t && (this.expandedRows = O(this.expandedRows, t), this.requestRender());
+    t && (this.expandedRows = H(this.expandedRows, t), this.requestRender());
   }
   /**
    * Check if the detail row at the given index is expanded.
@@ -2104,7 +2196,7 @@ class Et extends y {
    */
   isExpanded(e) {
     const t = this.rows[e];
-    return t ? je(this.expandedRows, t) : !1;
+    return t ? Ue(this.expandedRows, t) : !1;
   }
   /**
    * Expand all detail rows.
@@ -2169,20 +2261,20 @@ class Et extends y {
     }
   `;
 }
-function Ye(i, e, t) {
+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 ?? Xe, a = n[r.field], c = o[r.field], d = l(a, c, n, o);
-      if (d !== 0)
-        return r.direction === "asc" ? d : -d;
+      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);
+      if (c !== 0)
+        return r.direction === "asc" ? c : -c;
     }
     return 0;
   }) : [...i];
 }
-function Xe(i, e) {
+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 Je(i, e, t, n) {
+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" }];
 }
@@ -2193,7 +2285,7 @@ function le(i, e) {
 function ae(i, e) {
   return i.find((t) => t.field === e)?.direction;
 }
-class At extends y {
+class It extends y {
   name = "multiSort";
   version = "1.0.0";
   get defaultConfig() {
@@ -2211,12 +2303,12 @@ class At extends y {
   }
   // ===== Hooks =====
   processRows(e) {
-    return this.sortModel.length === 0 ? [...e] : Ye([...e], this.sortModel, [...this.columns]);
+    return this.sortModel.length === 0 ? [...e] : Xe([...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 = Je(this.sortModel, e.field, n, o), this.emit("sort-change", { sortModel: [...this.sortModel] }), this.requestRender(), !0;
+    return this.sortModel = Qe(this.sortModel, e.field, n, o), this.emit("sort-change", { sortModel: [...this.sortModel] }), this.requestRender(), !0;
   }
   afterRender() {
     const e = this.shadowRoot;
@@ -2228,8 +2320,8 @@ class At extends y {
       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);
-        const d = document.createElement("span");
-        if (d.className = "sort-indicator", d.style.marginLeft = "4px", d.style.opacity = "0.8", d.textContent = l === "asc" ? "▲" : "▼", o.appendChild(d), t && this.sortModel.length > 1 && s !== void 0) {
+        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) {
           const u = document.createElement("span");
           u.className = "sort-index", u.textContent = String(s), o.appendChild(u);
         }
@@ -2329,13 +2421,13 @@ class At extends y {
     }
   `;
 }
-function Qe(i) {
+function Ze(i) {
   return i.filter((e) => e.sticky === "left");
 }
-function Ze(i) {
+function et(i) {
   return i.filter((e) => e.sticky === "right");
 }
-function H(i) {
+function O(i) {
   return i.some((e) => e.sticky === "left" || e.sticky === "right");
 }
 function de(i, e) {
@@ -2350,18 +2442,18 @@ function de(i, e) {
   let r = 0;
   for (const l of e)
     if (l.sticky === "left") {
-      const a = o.get(l.field), c = n.find((d) => d.getAttribute("data-field") === l.field);
-      c && (c.classList.add("sticky-left"), c.style.left = r + "px", a !== void 0 && t.querySelectorAll(`.data-grid-row .cell[data-col="${a}"]`).forEach((d) => {
-        d.classList.add("sticky-left"), d.style.left = r + "px";
-      }), r += c.offsetWidth);
+      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);
     }
   let s = 0;
   for (const l of [...e].reverse())
     if (l.sticky === "right") {
-      const a = o.get(l.field), c = n.find((d) => d.getAttribute("data-field") === l.field);
-      c && (c.classList.add("sticky-right"), c.style.right = s + "px", a !== void 0 && t.querySelectorAll(`.data-grid-row .cell[data-col="${a}"]`).forEach((d) => {
-        d.classList.add("sticky-right"), d.style.right = s + "px";
-      }), s += c.offsetWidth);
+      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);
     }
 }
 function ce(i) {
@@ -2393,17 +2485,17 @@ class _t extends y {
    */
   static detect(e, t) {
     const n = t?.columns;
-    return Array.isArray(n) ? H(n) : !1;
+    return Array.isArray(n) ? O(n) : !1;
   }
   // ===== Hooks =====
   processColumns(e) {
-    return this.config.enabled ? (this.isApplied = H([...e]), [...e]) : (this.isApplied = !1, [...e]);
+    return this.config.enabled ? (this.isApplied = O([...e]), [...e]) : (this.isApplied = !1, [...e]);
   }
   afterRender() {
     if (!this.config.enabled || !this.isApplied)
       return;
     const e = this.grid, t = [...this.columns];
-    if (!H(t)) {
+    if (!O(t)) {
       ce(e), this.isApplied = !1;
       return;
     }
@@ -2424,14 +2516,14 @@ class _t extends y {
    */
   getLeftPinnedColumns() {
     const e = [...this.columns];
-    return Qe(e);
+    return Ze(e);
   }
   /**
    * Get columns pinned to the right.
    */
   getRightPinnedColumns() {
     const e = [...this.columns];
-    return Ze(e);
+    return et(e);
   }
   /**
    * Clear all sticky positioning.
@@ -2462,7 +2554,7 @@ function W(i, e) {
   }
   if (i.customPanels)
     for (const s of i.customPanels) {
-      const l = et(s, e);
+      const l = tt(s, e);
       switch (s.position) {
         case "left":
           n.appendChild(l);
@@ -2493,20 +2585,20 @@ function he(i, e, t, n) {
         const l = document.createElement("div");
         l.className = "tbw-aggregation-cell", l.setAttribute("data-field", s.field);
         let a;
-        const c = o.aggregators?.[s.field];
-        if (c) {
-          const d = xe(c);
-          d && (a = d(n, s.field, s));
+        const d = o.aggregators?.[s.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 d = o.cells[s.field];
-          typeof d == "function" ? a = d(n, s.field, s) : a = d;
+          const c = o.cells[s.field];
+          typeof c == "function" ? a = c(n, s.field, s) : a = c;
         }
         l.textContent = a != null ? String(a) : "", r.appendChild(l);
       }
     i.appendChild(r);
   }
 }
-function et(i, e) {
+function tt(i, 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);
@@ -2522,7 +2614,7 @@ function fe(i, e, t, n, o) {
     grid: t
   };
 }
-class It extends y {
+class Tt extends y {
   name = "pinnedRows";
   version = "1.0.0";
   get defaultConfig() {
@@ -2573,8 +2665,8 @@ class It extends y {
         this.rows
       );
     } else this.topAggregationContainer && (this.topAggregationContainer.remove(), this.topAggregationContainer = null);
-    const c = 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, d = c && this.config.position !== "top", u = a.length > 0 || d;
-    if (c && this.config.position === "top")
+    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;
+    if (d && this.config.position === "top")
       if (!this.infoBarElement)
         this.infoBarElement = W(this.config, r), t.insertBefore(this.infoBarElement, t.firstChild);
       else {
@@ -2587,7 +2679,7 @@ class It extends y {
       a,
       this.visibleColumns,
       this.rows
-    )), d && (this.infoBarElement = W(this.config, r), this.footerWrapper.appendChild(this.infoBarElement))) : this.cleanupFooter();
+    )), c && (this.infoBarElement = W(this.config, r), this.footerWrapper.appendChild(this.infoBarElement))) : this.cleanupFooter();
   }
   // ===== Private Methods =====
   cleanup() {
@@ -2733,11 +2825,11 @@ class It extends y {
     }
   `;
 }
-function tt(i) {
+function nt(i) {
   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 nt(i) {
+function ot(i) {
   switch (i) {
     case "sum":
       return (e) => e.reduce((t, n) => t + n, 0);
@@ -2760,16 +2852,16 @@ function nt(i) {
 function $(i, e) {
   return [...i, e].join("|");
 }
-function ot(i, e) {
-  const t = e.rowGroupFields ?? [], n = e.columnGroupFields ?? [], o = e.valueFields ?? [], r = rt(i, n), s = it(i, t), l = st(s, n, r, o, 0), a = lt(l, r, o), c = Object.values(a).reduce((d, u) => d + u, 0);
+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 {
     rows: l,
     columnKeys: r,
     totals: a,
-    grandTotal: c
+    grandTotal: d
   };
 }
-function rt(i, e) {
+function it(i, e) {
   if (e.length === 0) return ["value"];
   const t = /* @__PURE__ */ new Set();
   for (const n of i) {
@@ -2778,7 +2870,7 @@ function rt(i, e) {
   }
   return [...t].sort();
 }
-function it(i, e) {
+function st(i, e) {
   const t = /* @__PURE__ */ new Map();
   for (const n of i) {
     const o = e.map((s) => String(n[s] ?? "")).join("|");
@@ -2788,28 +2880,28 @@ function it(i, e) {
   }
   return t;
 }
-function st(i, e, t, n, o) {
+function lt(i, e, t, n, o) {
   const r = [];
   for (const [s, l] of i) {
     const a = {};
-    let c = 0;
-    for (const d of t)
+    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("|") === d) : l).map((S) => Number(S[u.field]) || 0), g = nt(u.aggFunc), m = f.length > 0 ? g(f) : null, b = $([d], u.field);
-        a[b] = m, m !== null && (c += m);
+        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: c,
+      total: d,
       isGroup: !1
     });
   }
   return r;
 }
-function lt(i, e, t) {
+function at(i, e, t) {
   const n = {};
   for (const o of e)
     for (const r of t) {
@@ -2818,7 +2910,7 @@ function lt(i, e, t) {
     }
   return n;
 }
-function at(i) {
+function dt(i) {
   const e = [];
   function t(n) {
     if (e.push(n), n.children)
@@ -2829,7 +2921,7 @@ function at(i) {
     t(n);
   return e;
 }
-class Tt extends y {
+class Lt extends y {
   name = "pivot";
   version = "1.0.0";
   get defaultConfig() {
@@ -2852,8 +2944,8 @@ class Tt extends y {
   processRows(e) {
     if (!this.config.enabled || !this.isActive)
       return [...e];
-    const t = tt(this.config);
-    return t.length > 0 ? (this.warn(`Config errors: ${t.join(", ")}`), [...e]) : (this.pivotResult = ot(e, this.config), at(this.pivotResult.rows).map((n) => ({
+    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,
@@ -2949,7 +3041,7 @@ class Tt extends y {
     .pivot-total-row { font-weight: bold; border-top: 2px solid var(--tbw-pivot-border, var(--tbw-color-border-strong)); }
   `;
 }
-function dt(i) {
+function ct(i) {
   const e = i.sticky;
   if (e === "left" || e === "right")
     return !1;
@@ -2961,7 +3053,7 @@ function ge(i, e, t) {
   const n = [...i], [o] = n.splice(e, 1);
   return n.splice(t, 0, o), n;
 }
-class Lt extends y {
+class Mt extends y {
   name = "reorder";
   version = "1.0.0";
   get defaultConfig() {
@@ -3000,31 +3092,31 @@ class Lt extends y {
       const o = n, r = o.getAttribute("data-field");
       if (!r) return;
       const s = this.columns.find((l) => l.field === r);
-      if (!s || !dt(s)) {
+      if (!s || !ct(s)) {
         o.draggable = !1;
         return;
       }
       o.draggable = !0, !o.getAttribute("data-dragstart-bound") && (o.setAttribute("data-dragstart-bound", "true"), o.addEventListener("dragstart", (l) => {
-        const c = this.getColumnOrder().indexOf(r);
-        this.isDragging = !0, this.draggedField = r, this.draggedIndex = c, l.dataTransfer && (l.dataTransfer.effectAllowed = "move", l.dataTransfer.setData("text/plain", r)), o.classList.add("dragging");
+        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", () => {
         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(), c = a.left + a.width / 2, u = this.getColumnOrder().indexOf(r);
-        this.dropIndex = l.clientX < c ? u : u + 1, o.classList.add("drop-target"), o.classList.toggle("drop-before", l.clientX < c), o.classList.toggle("drop-after", l.clientX >= c);
+        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) => {
         l.preventDefault();
-        const a = this.draggedField, c = this.draggedIndex, d = this.dropIndex;
-        if (!this.isDragging || a === null || c === null || d === null)
+        const a = this.draggedField, d = this.draggedIndex, c = this.dropIndex;
+        if (!this.isDragging || a === null || d === null || c === null)
           return;
-        const u = d > c ? d - 1 : d, h = this.getColumnOrder(), f = ge(h, c, u), g = {
+        const u = c > d ? c - 1 : c, h = this.getColumnOrder(), f = ge(h, d, u), g = {
           field: a,
-          fromIndex: c,
+          fromIndex: d,
           toIndex: u,
           columnOrder: f
         };
@@ -3105,20 +3197,20 @@ class Lt extends y {
 function M(i, e) {
   return Math.floor(i / e);
 }
-function ct(i, e) {
+function ut(i, e) {
   return {
     start: i * e,
     end: (i + 1) * e
   };
 }
-function ut(i, e, t) {
+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 = ct(e, t);
+  const o = ut(e, t);
   return i.getRows({
     startRow: o.start,
     endRow: o.end,
@@ -3126,14 +3218,14 @@ async function pe(i, e, t, n) {
     filterModel: n.filterModel
   });
 }
-function ht(i, e, t) {
+function ft(i, e, t) {
   const n = M(i, e), o = t.get(n);
   if (!o) return;
   const r = i % e;
   return o[r];
 }
-const ft = 100;
-class Mt extends y {
+const gt = 100;
+class qt extends y {
   name = "serverSide";
   version = "1.0.0";
   get defaultConfig() {
@@ -3161,7 +3253,7 @@ class Mt 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 = ut(n.startRow, n.endRow, t);
+    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))) {
         if (this.loadingBlocks.size >= (this.config.maxConcurrentRequests ?? 2))
@@ -3178,7 +3270,7 @@ class Mt extends y {
     if (!this.dataSource) return [...e];
     const t = [];
     for (let n = 0; n < this.totalRowCount; n++) {
-      const o = ht(n, this.config.cacheBlockSize ?? 100, this.loadedBlocks);
+      const o = ft(n, this.config.cacheBlockSize ?? 100, this.loadedBlocks);
       t.push(o ?? { __loading: !0, __index: n });
     }
     return t;
@@ -3186,7 +3278,7 @@ class Mt extends y {
   onScroll(e) {
     this.dataSource && (this.loadRequiredBlocks(), this.scrollDebounceTimer && clearTimeout(this.scrollDebounceTimer), this.scrollDebounceTimer = setTimeout(() => {
       this.loadRequiredBlocks();
-    }, ft));
+    }, gt));
   }
   // ===== Public API =====
   /**
@@ -3233,7 +3325,7 @@ class Mt extends y {
     return this.loadedBlocks.size;
   }
 }
-function gt(i, e, t) {
+function pt(i, e, t) {
   const n = [...i.undoStack, e];
   for (; n.length > t; )
     n.shift();
@@ -3267,16 +3359,16 @@ function be(i) {
     action: t
   } : { newState: i, action: null };
 }
-function pt(i) {
+function mt(i) {
   return i.undoStack.length > 0;
 }
-function mt(i) {
+function bt(i) {
   return i.redoStack.length > 0;
 }
-function bt() {
+function wt() {
   return { undoStack: [], redoStack: [] };
 }
-function wt(i, e, t, n) {
+function xt(i, e, t, n) {
   return {
     type: "cell-edit",
     rowIndex: i,
@@ -3286,7 +3378,7 @@ function wt(i, e, t, n) {
     timestamp: Date.now()
   };
 }
-class qt extends y {
+class Ft extends y {
   name = "undoRedo";
   version = "1.0.0";
   get defaultConfig() {
@@ -3347,7 +3439,7 @@ class qt extends y {
    * @param newValue - The value after the edit
    */
   recordEdit(e, t, n, o) {
-    const r = wt(e, t, n, o), s = gt(
+    const r = xt(e, t, n, o), s = pt(
       { undoStack: this.undoStack, redoStack: this.redoStack },
       r,
       this.config.maxHistorySize ?? 100
@@ -3384,19 +3476,19 @@ class qt extends y {
    * Check if there are any actions that can be undone.
    */
   canUndo() {
-    return pt({ undoStack: this.undoStack, redoStack: this.redoStack });
+    return mt({ undoStack: this.undoStack, redoStack: this.redoStack });
   }
   /**
    * Check if there are any actions that can be redone.
    */
   canRedo() {
-    return mt({ undoStack: this.undoStack, redoStack: this.redoStack });
+    return bt({ undoStack: this.undoStack, redoStack: this.redoStack });
   }
   /**
    * Clear all undo/redo history.
    */
   clearHistory() {
-    const e = bt();
+    const e = wt();
     this.undoStack = e.undoStack, this.redoStack = e.redoStack;
   }
   /**
@@ -3416,7 +3508,7 @@ function we(i) {
   const e = i.meta ?? {};
   return e.lockPosition !== !0 && e.suppressMovable !== !0;
 }
-class _ extends y {
+class I extends y {
   name = "visibility";
   version = "1.0.0";
   /** Tool panel ID for shell integration */
@@ -3445,7 +3537,7 @@ class _ extends y {
   getToolPanel() {
     if (this.config.enabled)
       return {
-        id: _.PANEL_ID,
+        id: I.PANEL_ID,
         title: "Columns",
         icon: "☰",
         tooltip: "Column visibility",
@@ -3459,7 +3551,7 @@ class _ extends y {
    * Show the visibility sidebar panel.
    */
   show() {
-    this.grid.openToolPanel(_.PANEL_ID);
+    this.grid.openToolPanel(I.PANEL_ID);
   }
   /**
    * Hide the visibility sidebar panel.
@@ -3471,7 +3563,7 @@ class _ extends y {
    * Toggle the visibility sidebar panel.
    */
   toggle() {
-    this.grid.toggleToolPanel(_.PANEL_ID);
+    this.grid.toggleToolPanel(I.PANEL_ID);
   }
   /**
    * Check if a specific column is visible.
@@ -3549,7 +3641,7 @@ class _ extends y {
    * @returns True if the panel is open
    */
   isPanelVisible() {
-    return this.grid.activeToolPanel === _.PANEL_ID;
+    return this.grid.activeToolPanel === I.PANEL_ID;
   }
   // ===== Private Methods =====
   /**
@@ -3586,18 +3678,18 @@ class _ extends y {
     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 c = document.createElement("label");
-      c.className = "tbw-visibility-label";
-      const d = document.createElement("input");
-      d.type = "checkbox", d.checked = s.visible, d.disabled = s.lockVisible ?? !1, d.addEventListener("change", () => {
+      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);
       });
       const u = document.createElement("span");
-      if (u.textContent = l, c.appendChild(d), c.appendChild(u), n && we(s)) {
+      if (u.textContent = l, d.appendChild(c), d.appendChild(u), n && we(s)) {
         const h = document.createElement("span");
-        h.className = "tbw-visibility-handle", h.textContent = "⋮⋮", h.title = "Drag to reorder", a.appendChild(h);
+        h.className = "tbw-visibility-handle", this.setIcon(h, this.resolveIcon("dragHandle")), h.title = "Drag to reorder", a.appendChild(h);
       }
-      a.appendChild(c), e.appendChild(a);
+      a.appendChild(d), e.appendChild(a);
     }
   }
   /**
@@ -3624,14 +3716,14 @@ class _ extends y {
       const s = this.draggedField, l = this.draggedIndex, a = this.dropIndex;
       if (!this.isDragging || s === null || l === null || a === null)
         return;
-      const c = a > l ? a - 1 : a;
-      if (c !== l) {
-        const d = {
+      const d = a > l ? a - 1 : a;
+      if (d !== l) {
+        const c = {
           field: s,
           fromIndex: l,
-          toIndex: c
+          toIndex: d
         };
-        this.emit("column-reorder-request", d), setTimeout(() => {
+        this.emit("column-reorder-request", c), setTimeout(() => {
           this.rebuildToggles(o);
         }, 0);
       }
@@ -3734,32 +3826,40 @@ class _ extends y {
 }
 export {
   y as BaseGridPlugin,
-  vt as ClipboardPlugin,
-  yt as ColumnVirtualizationPlugin,
-  Ct as ContextMenuPlugin,
+  yt as ClipboardPlugin,
+  Ct as ColumnVirtualizationPlugin,
+  St as ContextMenuPlugin,
+  xe as DEFAULT_GRID_ICONS,
   Pt as DGEvents,
-  Dt as DataGridElement,
-  St as ExportPlugin,
+  Bt as DataGridElement,
+  Rt as ExportPlugin,
   E as FilteringPlugin,
-  Bt as FitModeEnum,
+  Ht as FitModeEnum,
   Ot as GridCSSVars,
-  Ht as GridClasses,
-  Wt as GridDataAttrs,
+  Wt as GridClasses,
+  Vt as GridDataAttrs,
   Kt as GridElement,
-  Vt as GridSelectors,
-  Rt as GroupingColumnsPlugin,
-  kt as GroupingRowsPlugin,
-  Et as MasterDetailPlugin,
-  At as MultiSortPlugin,
+  Gt as GridSelectors,
+  kt as GroupingColumnsPlugin,
+  Et as GroupingRowsPlugin,
+  At as MasterDetailPlugin,
+  It as MultiSortPlugin,
   _t as PinnedColumnsPlugin,
-  It as PinnedRowsPlugin,
-  Tt as PivotPlugin,
-  Gt as PluginEvents,
-  Lt as ReorderPlugin,
-  zt as SelectionPlugin,
-  Mt as ServerSidePlugin,
-  $t as TreePlugin,
-  qt as UndoRedoPlugin,
-  _ as VisibilityPlugin
+  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
 };
 //# sourceMappingURL=all.js.map