@toolbox-web/grid 1.12.0 → 1.13.0

package/all.js

@@ -1,18 +1,18 @@
-import { BaseGridPlugin as _, DEFAULT_GRID_ICONS as ht, F as M, e as F, s as ft, c as gt, runAggregator as te, a as Je, b as et, g as ue, r as pt, getAggregator as ye, getValueAggregator as mt, d as xe, f as wt } from "./index.js";
-import { DEFAULT_ANIMATION_CONFIG as Dn, DGEvents as Mn, DataGridElement as Nn, FitModeEnum as qn, GridCSSVars as Hn, GridClasses as Kn, GridDataAttrs as zn, DataGridElement as On, GridSelectors as Gn, PLUGIN_QUERIES as Bn, PluginEvents as Vn, PluginManager as Wn, RenderPhase as $n, builtInSort as jn, createGrid as Un, defaultComparator as Yn, queryGrid as Xn } from "./index.js";
-const tt = "__tbw_expander", bt = 32;
-function pe(a) {
-  return a.field === tt;
+import { BaseGridPlugin as _, DEFAULT_GRID_ICONS as ft, F as M, e as F, s as gt, c as pt, runAggregator as ie, a as et, b as tt, g as he, r as mt, getAggregator as ye, getValueAggregator as wt, d as xe, f as Ce } from "./index.js";
+import { DEFAULT_ANIMATION_CONFIG as Mn, DGEvents as Nn, DataGridElement as qn, FitModeEnum as Hn, GridCSSVars as Kn, GridClasses as zn, GridDataAttrs as On, DataGridElement as Gn, GridSelectors as Bn, PLUGIN_QUERIES as Vn, PluginEvents as Wn, PluginManager as $n, RenderPhase as jn, builtInSort as Un, createGrid as Yn, defaultComparator as Xn, queryGrid as Zn } from "./index.js";
+const it = "__tbw_expander", bt = 32;
+function te(a) {
+  return a.field === it;
 }
-function H(a) {
+function K(a) {
   return a.meta?.utility === !0;
 }
 function vt(a) {
-  return a.find(pe);
+  return a.find(te);
 }
 function yt(a) {
   return {
-    field: tt,
+    field: it,
     header: "",
     width: bt,
     resizable: !1,
@@ -27,7 +27,7 @@ function yt(a) {
     }
   };
 }
-async function ie(a) {
+async function ne(a) {
   try {
     return await navigator.clipboard.writeText(a), !0;
   } catch {
@@ -37,7 +37,7 @@ async function ie(a) {
     return document.body.removeChild(e), t;
   }
 }
-function Ce(a, e) {
+function Ee(a, e) {
   const t = e.delimiter ?? "	", i = e.newline ?? `
 `, n = a.replace(/\r\n/g, `
 `).replace(/\r/g, `
@@ -81,7 +81,7 @@ function Ct(a, e) {
     }
   }), e.rows = d;
 }
-class pn extends _ {
+class mn extends _ {
   static dependencies = [
     { name: "selection", required: !1, reason: "Enables copy/paste of selected cells instead of entire grid" }
   ];
@@ -107,10 +107,10 @@ class pn extends _ {
     this.lastCopied = null;
   }
   onKeyDown(e) {
-    return (e.ctrlKey || e.metaKey) && e.key === "c" ? (this.#t(e.target), !0) : !1;
+    return (e.ctrlKey || e.metaKey) && e.key === "c" ? (this.#i(e.target), !0) : !1;
   }
-  #t(e) {
-    const t = this.#o(), i = this.columns.length - 1, n = this.rows.length - 1;
+  #i(e) {
+    const t = this.#r(), i = this.columns.length - 1, n = this.rows.length - 1;
     let r;
     if (t && t.ranges.length > 0) {
       const { mode: s, ranges: l } = t, d = l[l.length - 1];
@@ -132,8 +132,8 @@ class pn extends _ {
       if (!s) return;
       r = { startRow: s.row, startCol: s.col, endRow: s.row, endCol: s.col };
     }
-    const o = this.#i(r);
-    ie(o.text).then(() => {
+    const o = this.#t(r);
+    ne(o.text).then(() => {
       this.lastCopied = { text: o.text, timestamp: Date.now() }, this.emit("copy", {
         text: o.text,
         rowCount: o.rowCount,
@@ -145,7 +145,7 @@ class pn extends _ {
     const t = e.clipboardData?.getData("text/plain");
     if (!t) return;
     e.preventDefault();
-    const i = Ce(t, this.config), n = this.#o(), r = n?.ranges?.[0], o = r?.from.row ?? 0, s = r?.from.col ?? 0, d = r && (n?.mode === "range" || n?.mode === "row") && (r.from.row !== r.to.row || r.from.col !== r.to.col) ? { endRow: r.to.row, endCol: r.to.col } : null, c = d?.endCol ?? this.columns.length - 1, u = this.columns[s], h = u ? { row: o, col: s, field: u.field, bounds: d } : null, f = [], g = i[0]?.length ?? 0;
+    const i = Ee(t, this.config), n = this.#r(), r = n?.ranges?.[0], o = r?.from.row ?? 0, s = r?.from.col ?? 0, d = r && (n?.mode === "range" || n?.mode === "row") && (r.from.row !== r.to.row || r.from.col !== r.to.col) ? { endRow: r.to.row, endCol: r.to.col } : null, c = d?.endCol ?? this.columns.length - 1, u = this.columns[s], h = u ? { row: o, col: s, field: u.field, bounds: d } : null, f = [], g = i[0]?.length ?? 0;
     for (let w = 0; w < g && s + w <= c; w++) {
       const b = this.columns[s + w];
       b && !b.hidden && f.push(b.field);
@@ -159,12 +159,12 @@ class pn extends _ {
     if (t === null) return;
     (t ?? Ct)(e, this.grid);
   }
-  #o() {
+  #r() {
     return this.grid?.query("getSelection", void 0)?.[0];
   }
-  #i(e) {
+  #t(e) {
     const { startRow: t, startCol: i, endRow: n, endCol: r } = e, o = Math.min(t, n), s = Math.max(t, n), l = Math.min(i, r), d = Math.max(i, r), c = this.config.delimiter ?? "	", u = this.config.newline ?? `
-`, h = [], f = this.columns.slice(l, d + 1).filter((g) => !H(g));
+`, h = [], f = this.columns.slice(l, d + 1).filter((g) => !K(g));
     if (this.config.includeHeaders) {
       const g = f.map((p) => p.header || p.field);
       h.push(g.join(c));
@@ -195,7 +195,7 @@ class pn extends _ {
     return o === -1 ? null : { row: r, col: o };
   }
   async copy() {
-    const e = this.#o(), t = this.columns.length - 1;
+    const e = this.#r(), t = this.columns.length - 1;
     let i = { startRow: 0, startCol: 0, endRow: this.rows.length - 1, endCol: t };
     if (e && e.ranges.length > 0) {
       const r = e.ranges[e.ranges.length - 1];
@@ -206,8 +206,8 @@ class pn extends _ {
         endCol: r.to.col
       };
     }
-    const n = this.#i(i);
-    return await ie(n.text), this.lastCopied = { text: n.text, timestamp: Date.now() }, n.text;
+    const n = this.#t(i);
+    return await ne(n.text), this.lastCopied = { text: n.text, timestamp: Date.now() }, n.text;
   }
   async copyRows(e) {
     if (e.length === 0) return "";
@@ -216,37 +216,37 @@ class pn extends _ {
       startCol: 0,
       endRow: t[t.length - 1],
       endCol: i
-    }, r = this.#i(n);
-    return await ie(r.text), this.lastCopied = { text: r.text, timestamp: Date.now() }, r.text;
+    }, r = this.#t(n);
+    return await ne(r.text), this.lastCopied = { text: r.text, timestamp: Date.now() }, r.text;
   }
   async paste() {
     const e = await xt();
-    return e ? Ce(e, this.config) : null;
+    return e ? Ee(e, this.config) : null;
   }
   getLastCopied() {
     return this.lastCopied;
   }
 }
-const Ee = 100;
+const Re = 100;
 function me(a) {
   if (a == null)
-    return Ee;
+    return Re;
   if (typeof a == "number")
     return a;
   const e = parseFloat(a);
-  return isNaN(e) ? Ee : e;
+  return isNaN(e) ? Re : e;
 }
-function Re(a) {
+function Se(a) {
   return a.map((e) => me(e.width));
 }
-function Se(a) {
+function ke(a) {
   const e = [];
   let t = 0;
   for (const i of a)
     e.push(t), t += me(i.width);
   return e;
 }
-function ke(a) {
+function Ae(a) {
   return a.reduce((e, t) => e + me(t.width), 0);
 }
 function Et(a, e, t, i, n) {
@@ -281,7 +281,7 @@ function Rt(a, e, t) {
 function St(a, e, t) {
   return t ? a > e : !1;
 }
-class mn extends _ {
+class wn extends _ {
   name = "columnVirtualization";
   get defaultConfig() {
     return {
@@ -301,12 +301,12 @@ class mn extends _ {
   attach(e) {
     super.attach(e);
     const t = this.columns;
-    this.columnWidths = Re(t), this.columnOffsets = Se(t), this.totalWidth = ke(t), this.endCol = t.length - 1;
+    this.columnWidths = Se(t), this.columnOffsets = ke(t), this.totalWidth = Ae(t), this.endCol = t.length - 1;
   }
   detach() {
-    this.#t(), this.columnWidths = [], this.columnOffsets = [], this.originalColumns = [], this.isVirtualized = !1, this.startCol = 0, this.endCol = 0, this.scrollLeft = 0, this.totalWidth = 0;
+    this.#i(), this.columnWidths = [], this.columnOffsets = [], this.originalColumns = [], this.isVirtualized = !1, this.startCol = 0, this.endCol = 0, this.scrollLeft = 0, this.totalWidth = 0;
   }
-  #t() {
+  #i() {
     const e = this.gridElement;
     if (!e) return;
     const t = e.querySelector(".header-row");
@@ -319,7 +319,7 @@ class mn extends _ {
     r && (r.style.minWidth = "");
   }
   processColumns(e) {
-    (this.originalColumns.length === 0 || e.length > this.originalColumns.length) && (this.originalColumns = e, this.columnWidths = Re(e), this.columnOffsets = Se(e), this.totalWidth = ke(e));
+    (this.originalColumns.length === 0 || e.length > this.originalColumns.length) && (this.originalColumns = e, this.columnWidths = Se(e), this.columnOffsets = ke(e), this.totalWidth = Ae(e));
     const i = this.originalColumns, n = St(
       i.length,
       this.config.threshold ?? 30,
@@ -369,14 +369,14 @@ class mn extends _ {
     return this.totalWidth;
   }
 }
-const ne = "@layer tbw-plugins{.tbw-context-menu{position:fixed;background:var(--tbw-context-menu-bg, var(--tbw-color-panel-bg));color:var(--tbw-context-menu-fg, var(--tbw-color-fg));border:1px solid var(--tbw-context-menu-border, var(--tbw-color-border));border-radius:var(--tbw-context-menu-radius, var(--tbw-border-radius));box-shadow:var(--tbw-context-menu-shadow, 0 2px 10px var(--tbw-color-shadow));min-width:var(--tbw-context-menu-min-width, var(--tbw-menu-min-width));padding:var(--tbw-spacing-xs) 0;z-index:10000;font-size:var(--tbw-context-menu-font-size, var(--tbw-font-size-sm));font-family:var(--tbw-context-menu-font-family, var(--tbw-font-family))}.tbw-context-menu-item{display:flex;align-items:center;padding:var(--tbw-context-menu-item-padding, var(--tbw-menu-item-padding));cursor:pointer;gap:var(--tbw-context-menu-item-gap, var(--tbw-menu-item-gap))}.tbw-context-menu-item:hover:not(.disabled){background:var(--tbw-context-menu-hover, var(--tbw-color-row-hover))}.tbw-context-menu-item.disabled{opacity:.5;cursor:default}.tbw-context-menu-item.danger{color:var(--tbw-context-menu-danger, var(--tbw-color-danger))}.tbw-context-menu-icon{width:var(--tbw-context-menu-icon-size, var(--tbw-icon-size));text-align:center}.tbw-context-menu-label{flex:1}.tbw-context-menu-shortcut{color:var(--tbw-context-menu-muted, var(--tbw-color-fg-muted));font-size:var(--tbw-context-menu-shortcut-size, var(--tbw-font-size-xs))}.tbw-context-menu-arrow{font-size:var(--tbw-context-menu-arrow-size, var(--tbw-font-size-2xs));color:var(--tbw-context-menu-muted, var(--tbw-color-fg-muted))}.tbw-context-menu-separator{height:1px;background:var(--tbw-context-menu-border, var(--tbw-color-border));margin:var(--tbw-spacing-xs) 0}}";
-function he(a, e) {
+const re = "@layer tbw-plugins{.tbw-context-menu{position:fixed;background:var(--tbw-context-menu-bg, var(--tbw-color-panel-bg));color:var(--tbw-context-menu-fg, var(--tbw-color-fg));border:1px solid var(--tbw-context-menu-border, var(--tbw-color-border));border-radius:var(--tbw-context-menu-radius, var(--tbw-border-radius));box-shadow:var(--tbw-context-menu-shadow, 0 2px 10px var(--tbw-color-shadow));min-width:var(--tbw-context-menu-min-width, var(--tbw-menu-min-width));padding:var(--tbw-spacing-xs) 0;z-index:10000;font-size:var(--tbw-context-menu-font-size, var(--tbw-font-size-sm));font-family:var(--tbw-context-menu-font-family, var(--tbw-font-family))}.tbw-context-menu-item{display:flex;align-items:center;padding:var(--tbw-context-menu-item-padding, var(--tbw-menu-item-padding));cursor:pointer;gap:var(--tbw-context-menu-item-gap, var(--tbw-menu-item-gap))}.tbw-context-menu-item:hover:not(.disabled){background:var(--tbw-context-menu-hover, var(--tbw-color-row-hover))}.tbw-context-menu-item.disabled{opacity:.5;cursor:default}.tbw-context-menu-item.danger{color:var(--tbw-context-menu-danger, var(--tbw-color-danger))}.tbw-context-menu-icon{width:var(--tbw-context-menu-icon-size, var(--tbw-icon-size));text-align:center}.tbw-context-menu-label{flex:1}.tbw-context-menu-shortcut{color:var(--tbw-context-menu-muted, var(--tbw-color-fg-muted));font-size:var(--tbw-context-menu-shortcut-size, var(--tbw-font-size-xs))}.tbw-context-menu-arrow{font-size:var(--tbw-context-menu-arrow-size, var(--tbw-font-size-2xs));color:var(--tbw-context-menu-muted, var(--tbw-color-fg-muted))}.tbw-context-menu-separator{height:1px;background:var(--tbw-context-menu-border, var(--tbw-color-border));margin:var(--tbw-spacing-xs) 0}}";
+function fe(a, e) {
   return (typeof a == "function" ? a(e) : a).filter((i) => !(i.hidden === !0 || typeof i.hidden == "function" && i.hidden(e)));
 }
 function kt(a, e) {
   return a.disabled === !0 ? !0 : typeof a.disabled == "function" ? a.disabled(e) : !1;
 }
-function fe(a, e, t, i = ht.submenuArrow) {
+function ge(a, e, t, i = ft.submenuArrow) {
   const n = document.createElement("div");
   n.className = "tbw-context-menu", n.setAttribute("role", "menu");
   for (const r of a) {
@@ -401,7 +401,7 @@ function fe(a, e, t, i = ht.submenuArrow) {
       const d = document.createElement("span");
       d.className = "tbw-context-menu-arrow", typeof i == "string" ? d.innerHTML = i : i instanceof HTMLElement && d.appendChild(i.cloneNode(!0)), o.appendChild(d), o.addEventListener("mouseenter", () => {
         if (o.querySelector(".tbw-context-menu") || !r.subMenu) return;
-        const u = he(r.subMenu, e), h = fe(u, e, t, i);
+        const u = fe(r.subMenu, e), h = ge(u, e, t, i);
         h.classList.add("tbw-context-submenu"), h.style.position = "absolute", h.style.left = "100%", h.style.top = "0", o.style.position = "relative", o.appendChild(h);
       }), o.addEventListener("mouseleave", () => {
         const c = o.querySelector(".tbw-context-menu");
@@ -414,14 +414,14 @@ function fe(a, e, t, i = ht.submenuArrow) {
   }
   return n;
 }
-function Ae(a, e, t) {
+function _e(a, e, t) {
   a.style.position = "fixed", a.style.left = `${e}px`, a.style.top = `${t}px`, a.style.visibility = "hidden", a.style.zIndex = "10000";
   const i = a.getBoundingClientRect(), n = window.innerWidth, r = window.innerHeight;
   let o = e, s = t;
   e + i.width > n && (o = e - i.width), t + i.height > r && (s = t - i.height), o = Math.max(0, o), s = Math.max(0, s), a.style.left = `${o}px`, a.style.top = `${s}px`, a.style.visibility = "visible";
 }
-let O = null, G = null, N = null, re = 0;
-const oe = [
+let O = null, G = null, N = null, oe = 0;
+const se = [
   {
     id: "copy",
     name: "Copy",
@@ -439,11 +439,11 @@ const oe = [
     }
   }
 ];
-class it extends _ {
+class nt extends _ {
   name = "contextMenu";
   get defaultConfig() {
     return {
-      items: oe
+      items: se
     };
   }
   isOpen = !1;
@@ -451,7 +451,7 @@ class it extends _ {
   params = null;
   menuElement = null;
   attach(e) {
-    super.attach(e), this.installGlobalHandlers(), re++;
+    super.attach(e), this.installGlobalHandlers(), oe++;
   }
   detach() {
     this.menuElement && (this.menuElement.remove(), this.menuElement = null), this.isOpen = !1, this.params = null, this.uninstallGlobalHandlers();
@@ -496,7 +496,7 @@ class it extends _ {
     if (!t) return;
     const i = getComputedStyle(t), n = [], r = i.getPropertyValue("color-scheme").trim();
     r && n.push(`color-scheme: ${r}`);
-    for (const o of it.CSS_VARS_TO_COPY) {
+    for (const o of nt.CSS_VARS_TO_COPY) {
       const s = i.getPropertyValue(o).trim();
       s && n.push(`${o}: ${s}`);
     }
@@ -506,19 +506,19 @@ class it extends _ {
     }
   }
   installGlobalHandlers() {
-    !N && typeof document < "u" && typeof ne == "string" && ne && (N = document.createElement("style"), N.id = "tbw-context-menu-styles", N.textContent = ne, document.head.appendChild(N)), O || (O = () => {
+    !N && typeof document < "u" && typeof re == "string" && re && (N = document.createElement("style"), N.id = "tbw-context-menu-styles", N.textContent = re, document.head.appendChild(N)), O || (O = () => {
       document.querySelectorAll(".tbw-context-menu").forEach((t) => t.remove());
     }, document.addEventListener("click", O)), G || (G = (e) => {
       e.key === "Escape" && document.querySelectorAll(".tbw-context-menu").forEach((i) => i.remove());
     }, document.addEventListener("keydown", G));
   }
   uninstallGlobalHandlers() {
-    re--, !(re > 0) && (O && (document.removeEventListener("click", O), O = null), G && (document.removeEventListener("keydown", G), G = null), N && (N.remove(), N = null));
+    oe--, !(oe > 0) && (O && (document.removeEventListener("click", O), O = null), G && (document.removeEventListener("keydown", G), G = null), N && (N.remove(), N = null));
   }
   afterRender() {
     const e = this.gridElement;
     if (!e) return;
-    const t = e.children[0];
+    const t = e.querySelector(".tbw-grid-root");
     t && t.getAttribute("data-context-menu-bound") !== "true" && (t.setAttribute("data-context-menu-bound", "true"), t.addEventListener("contextmenu", (i) => {
       const n = i;
       n.preventDefault();
@@ -551,15 +551,15 @@ class it extends _ {
       } else
         return;
       this.params = l, this.position = { x: n.clientX, y: n.clientY };
-      const d = he(this.config.items ?? oe, l);
-      d.length && (this.menuElement && this.menuElement.remove(), this.menuElement = fe(
+      const d = fe(this.config.items ?? se, l);
+      d.length && (this.menuElement && this.menuElement.remove(), this.menuElement = ge(
         d,
         l,
         (c) => {
           c.action && c.action(l), this.menuElement?.remove(), this.menuElement = null, this.isOpen = !1;
         },
         this.gridIcons.submenuArrow
-      ), document.body.appendChild(this.menuElement), this.copyGridStyles(this.menuElement), Ae(this.menuElement, n.clientX, n.clientY), this.isOpen = !0, this.emit("context-menu-open", { params: l, items: d }));
+      ), document.body.appendChild(this.menuElement), this.copyGridStyles(this.menuElement), _e(this.menuElement, n.clientX, n.clientY), this.isOpen = !0, this.emit("context-menu-open", { params: l, items: d }));
     }));
   }
   showMenu(e, t, i) {
@@ -572,15 +572,15 @@ class it extends _ {
       value: i.value ?? null,
       isHeader: i.isHeader ?? !1,
       event: i.event ?? new MouseEvent("contextmenu")
-    }, r = he(this.config.items ?? oe, n);
-    this.menuElement && this.menuElement.remove(), this.menuElement = fe(
+    }, r = fe(this.config.items ?? se, n);
+    this.menuElement && this.menuElement.remove(), this.menuElement = ge(
       r,
       n,
       (o) => {
         o.action && o.action(n), this.menuElement?.remove(), this.menuElement = null, this.isOpen = !1;
       },
       this.gridIcons.submenuArrow
-    ), document.body.appendChild(this.menuElement), this.copyGridStyles(this.menuElement), Ae(this.menuElement, e, t), this.isOpen = !0;
+    ), document.body.appendChild(this.menuElement), this.copyGridStyles(this.menuElement), _e(this.menuElement, e, t), this.isOpen = !0;
   }
   hideMenu() {
     this.menuElement && (this.menuElement.remove(), this.menuElement = null, this.isOpen = !1);
@@ -594,7 +594,7 @@ function _t(a) {
   const e = a.options;
   return e ? typeof e == "function" ? e() : e : [];
 }
-function Lt(a) {
+function Tt(a) {
   return (e) => {
     const t = a.editorParams, i = document.createElement("input");
     i.type = "number", i.value = e.value != null ? String(e.value) : "", t?.min !== void 0 && (i.min = String(t.min)), t?.max !== void 0 && (i.max = String(t.max)), t?.step !== void 0 && (i.step = String(t.step)), t?.placeholder && (i.placeholder = t.placeholder);
@@ -604,7 +604,7 @@ function Lt(a) {
     }), i;
   };
 }
-function Tt() {
+function Lt() {
   return (a) => {
     const e = document.createElement("input");
     return e.type = "checkbox", e.checked = !!a.value, e.addEventListener("change", () => a.commit(e.checked)), e;
@@ -651,7 +651,7 @@ function Pt(a) {
     i.type = "text", i.value = e.value != null ? String(e.value) : "", t?.maxLength !== void 0 && (i.maxLength = t.maxLength), t?.pattern && (i.pattern = t.pattern), t?.placeholder && (i.placeholder = t.placeholder);
     const n = () => {
       const r = i.value;
-      typeof e.value == "number" && r !== "" ? e.commit(Number(r)) : e.commit(r);
+      (e.value === null || e.value === void 0) && r === "" || typeof e.value == "string" && r === e.value.replace(/[\n\r]/g, "") || (typeof e.value == "number" && r !== "" ? e.commit(Number(r)) : e.commit(r));
     };
     return i.addEventListener("blur", n), i.addEventListener("keydown", (r) => {
       r.key === "Enter" && n(), r.key === "Escape" && e.cancel();
@@ -661,9 +661,9 @@ function Pt(a) {
 function Dt(a) {
   switch (a.type) {
     case "number":
-      return Lt(a);
+      return Tt(a);
     case "boolean":
-      return Tt();
+      return Lt();
     case "date":
       return It(a);
     case "select":
@@ -697,9 +697,9 @@ function qt(a) {
   a.__editingCellCount = 0, a.removeAttribute("data-has-editing");
 }
 function W(a, e, t) {
-  return a instanceof HTMLInputElement ? a.type === "checkbox" ? a.checked : a.type === "number" ? a.value === "" ? null : Number(a.value) : a.type === "date" ? typeof t == "string" ? a.value : a.valueAsDate : typeof t == "number" ? a.value === "" ? null : Number(a.value) : t == null && a.value === "" ? t : a.value : e?.type === "number" && a.value !== "" || typeof t == "number" && a.value !== "" ? Number(a.value) : t == null && a.value === "" ? t : a.value;
+  return a instanceof HTMLInputElement ? a.type === "checkbox" ? a.checked : a.type === "number" ? a.value === "" ? null : Number(a.value) : a.type === "date" ? typeof t == "string" ? a.value : a.valueAsDate : typeof t == "number" ? a.value === "" ? null : Number(a.value) : t == null && a.value === "" || typeof t == "string" && a.value === t.replace(/[\n\r]/g, "") ? t : a.value : e?.type === "number" && a.value !== "" || typeof t == "number" && a.value !== "" ? Number(a.value) : t == null && a.value === "" ? t : a.value;
 }
-function _e(a) {
+function Te(a) {
 }
 function Ht(a, e, t, i) {
   const n = a.querySelector("input,textarea,select");
@@ -707,7 +707,7 @@ function Ht(a, e, t, i) {
     t(W(n, e, i));
   }), n instanceof HTMLInputElement && n.type === "checkbox" ? n.addEventListener("change", () => t(n.checked)) : n instanceof HTMLSelectElement && n.addEventListener("change", () => t(W(n, e, i))));
 }
-class wn extends _ {
+class bn extends _ {
   static manifest = {
     ownedProperties: [
       {
@@ -748,17 +748,17 @@ class wn extends _ {
       editOn: "click"
     };
   }
-  get #t() {
+  get #i() {
     return this.config.mode === "grid";
   }
   #e = -1;
   #s = -1;
-  #o = /* @__PURE__ */ new Map();
-  #i = /* @__PURE__ */ new Set();
+  #r = /* @__PURE__ */ new Map();
+  #t = /* @__PURE__ */ new Set();
   #n = /* @__PURE__ */ new Set();
   #u = !1;
   #l = -1;
-  #r = /* @__PURE__ */ new Map();
+  #o = /* @__PURE__ */ new Map();
   #d = !1;
   #f = !1;
   attach(e) {
@@ -775,7 +775,7 @@ class wn extends _ {
     }, document.addEventListener(
       "keydown",
       (n) => {
-        if (!this.#t && n.key === "Escape" && this.#e !== -1) {
+        if (!this.#i && n.key === "Escape" && this.#e !== -1) {
           if (this.config.onBeforeEditClose && this.config.onBeforeEditClose(n) === !1)
             return;
           this.#a(this.#e, !0);
@@ -785,14 +785,14 @@ class wn extends _ {
     ), document.addEventListener(
       "mousedown",
       (n) => {
-        if (this.#t || this.#e === -1) return;
+        if (this.#i || this.#e === -1) return;
         const r = i.findRenderedRowElement?.(this.#e);
         !r || (n.composedPath && n.composedPath() || []).includes(r) || this.config.onBeforeEditClose && this.config.onBeforeEditClose(n) === !1 || queueMicrotask(() => {
           this.#e !== -1 && this.#a(this.#e, !1);
         });
       },
       { signal: t }
-    ), this.#t && (this.gridElement.classList.add("tbw-grid-mode"), this.requestRender(), this.gridElement.addEventListener(
+    ), this.#i && (this.gridElement.classList.add("tbw-grid-mode"), this.requestRender(), this.gridElement.addEventListener(
       "focusin",
       (n) => {
         const r = n.target;
@@ -830,14 +830,14 @@ class wn extends _ {
     ));
   }
   detach() {
-    this.gridElement.classList.remove("tbw-grid-mode"), this.#e = -1, this.#s = -1, this.#o.clear(), this.#i.clear(), this.#n.clear(), this.#d = !1, this.#f = !1, super.detach();
+    this.gridElement.classList.remove("tbw-grid-mode"), this.#e = -1, this.#s = -1, this.#r.clear(), this.#t.clear(), this.#n.clear(), this.#d = !1, this.#f = !1, super.detach();
   }
   handleQuery(e) {
     if (e.type === "isEditing")
-      return this.#t || this.#e !== -1;
+      return this.#i || this.#e !== -1;
   }
   onCellClick(e) {
-    if (this.#t) return !1;
+    if (this.#i) return !1;
     const t = this.grid, i = this.config.editOn ?? t.effectiveConfig?.editOn;
     if (i === !1 || i === "manual" || i !== "click" && i !== "dblclick") return !1;
     const n = e.originalEvent.type === "dblclick";
@@ -848,22 +848,22 @@ class wn extends _ {
   onKeyDown(e) {
     const t = this.grid;
     if (e.key === "Escape") {
-      if (this.#t && this.#d) {
+      if (this.#i && this.#d) {
         const i = document.activeElement;
         return i && this.gridElement.contains(i) && i.blur(), this.#d = !1, this.requestAfterRender(), !0;
       }
-      if (this.#e !== -1 && !this.#t)
+      if (this.#e !== -1 && !this.#i)
         return this.config.onBeforeEditClose && this.config.onBeforeEditClose(e) === !1 || this.#a(this.#e, !0), !0;
     }
-    if (this.#t && !this.#d && (e.key === "ArrowUp" || e.key === "ArrowDown" || e.key === "ArrowLeft" || e.key === "ArrowRight"))
+    if (this.#i && !this.#d && (e.key === "ArrowUp" || e.key === "ArrowDown" || e.key === "ArrowLeft" || e.key === "ArrowRight"))
       return !1;
-    if ((e.key === "ArrowUp" || e.key === "ArrowDown") && this.#e !== -1 && !this.#t) {
+    if ((e.key === "ArrowUp" || e.key === "ArrowDown") && this.#e !== -1 && !this.#i) {
       if (this.config.onBeforeEditClose && this.config.onBeforeEditClose(e) === !1)
         return !0;
       const i = t._rows.length - 1, n = this.#e;
       return this.#a(n, !1), e.key === "ArrowDown" ? t._focusRow = Math.min(i, t._focusRow + 1) : t._focusRow = Math.max(0, t._focusRow - 1), e.preventDefault(), F(t), this.requestAfterRender(), !0;
     }
-    if (e.key === "Tab" && (this.#e !== -1 || this.#t)) {
+    if (e.key === "Tab" && (this.#e !== -1 || this.#i)) {
       e.preventDefault();
       const i = !e.shiftKey;
       return this.#w(i), !0;
@@ -885,7 +885,7 @@ class wn extends _ {
       return !1;
     }
     if (e.key === "Enter" && !e.shiftKey) {
-      if (this.#t && !this.#d)
+      if (this.#i && !this.#d)
         return this.#h(), !0;
       if (this.#e !== -1)
         return !!(this.config.onBeforeEditClose && this.config.onBeforeEditClose(e) === !1);
@@ -940,7 +940,7 @@ class wn extends _ {
       const t = this.#l;
       this.#l = -1, e.animateRow?.(t, "change");
     }
-    if (!this.#t && this.#n.size !== 0)
+    if (!this.#i && this.#n.size !== 0)
       for (const t of this.#n) {
         const [i, n] = t.split(":"), r = parseInt(i, 10), o = parseInt(n, 10), s = e.findRenderedRowElement?.(r);
         if (!s) continue;
@@ -951,7 +951,7 @@ class wn extends _ {
       }
   }
   afterCellRender(e) {
-    if (!this.#t) return;
+    if (!this.#i) return;
     const { row: t, rowIndex: i, column: n, colIndex: r, cellElement: o } = e;
     n.editable && (o.classList.contains("editing") || this.#m(t, i, n, r, o, !0));
   }
@@ -960,14 +960,14 @@ class wn extends _ {
   }
   get changedRows() {
     const e = [];
-    for (const t of this.#i) {
+    for (const t of this.#t) {
       const i = this.grid.getRow(t);
       i && e.push(i);
     }
     return e;
   }
   get changedRowIds() {
-    return Array.from(this.#i);
+    return Array.from(this.#t);
   }
   get activeEditRow() {
     return this.#e;
@@ -986,47 +986,47 @@ class wn extends _ {
     if (!i) return !1;
     try {
       const n = t.getRowId?.(i);
-      return n ? this.#i.has(n) : !1;
+      return n ? this.#t.has(n) : !1;
     } catch {
       return !1;
     }
   }
   isRowChangedById(e) {
-    return this.#i.has(e);
+    return this.#t.has(e);
   }
   setInvalid(e, t, i = "") {
-    let n = this.#r.get(e);
-    n || (n = /* @__PURE__ */ new Map(), this.#r.set(e, n)), n.set(t, i), this.#p(e, t, !0);
+    let n = this.#o.get(e);
+    n || (n = /* @__PURE__ */ new Map(), this.#o.set(e, n)), n.set(t, i), this.#p(e, t, !0);
   }
   clearInvalid(e, t) {
-    const i = this.#r.get(e);
-    i && (i.delete(t), i.size === 0 && this.#r.delete(e)), this.#p(e, t, !1);
+    const i = this.#o.get(e);
+    i && (i.delete(t), i.size === 0 && this.#o.delete(e)), this.#p(e, t, !1);
   }
   clearRowInvalid(e) {
-    const t = this.#r.get(e);
+    const t = this.#o.get(e);
     if (t) {
       const i = Array.from(t.keys());
-      this.#r.delete(e), i.forEach((n) => this.#p(e, n, !1));
+      this.#o.delete(e), i.forEach((n) => this.#p(e, n, !1));
     }
   }
   clearAllInvalid() {
-    const e = Array.from(this.#r.entries());
-    this.#r.clear(), e.forEach(([t, i]) => {
+    const e = Array.from(this.#o.entries());
+    this.#o.clear(), e.forEach(([t, i]) => {
       i.forEach((n, r) => this.#p(t, r, !1));
     });
   }
   isCellInvalid(e, t) {
-    return this.#r.get(e)?.has(t) ?? !1;
+    return this.#o.get(e)?.has(t) ?? !1;
   }
   getInvalidMessage(e, t) {
-    return this.#r.get(e)?.get(t);
+    return this.#o.get(e)?.get(t);
   }
   hasInvalidCells(e) {
-    const t = this.#r.get(e);
+    const t = this.#o.get(e);
     return t ? t.size > 0 : !1;
   }
   getInvalidFields(e) {
-    return new Map(this.#r.get(e) ?? []);
+    return new Map(this.#o.get(e) ?? []);
   }
   #p(e, t, i) {
     const n = this.grid, r = n._visibleColumns?.findIndex((c) => c.field === t);
@@ -1043,14 +1043,14 @@ class wn extends _ {
     if (d)
       if (i) {
         d.setAttribute("data-invalid", "true");
-        const c = this.#r.get(e)?.get(t);
+        const c = this.#o.get(e)?.get(t);
         c && d.setAttribute("title", c);
       } else
         d.removeAttribute("data-invalid"), d.removeAttribute("title");
   }
   resetChangedRows(e) {
     const t = this.changedRows, i = this.changedRowIds;
-    this.#i.clear(), this.#c(), e || this.emit("changed-rows-reset", { rows: t, ids: i }), this.grid._rowPool?.forEach((r) => r.classList.remove("changed"));
+    this.#t.clear(), this.#c(), e || this.emit("changed-rows-reset", { rows: t, ids: i }), this.grid._rowPool?.forEach((r) => r.classList.remove("changed"));
   }
   beginCellEdit(e, t) {
     const i = this.grid, n = i._visibleColumns.findIndex((l) => l.field === t);
@@ -1101,7 +1101,7 @@ class wn extends _ {
     }
   }
   #w(e) {
-    const t = this.grid, i = t._rows, n = this.#t ? t._focusRow : this.#e, r = t._visibleColumns.map((d, c) => d.editable ? c : -1).filter((d) => d >= 0);
+    const t = this.grid, i = t._rows, n = this.#i ? t._focusRow : this.#e, r = t._visibleColumns.map((d, c) => d.editable ? c : -1).filter((d) => d >= 0);
     if (r.length === 0) return;
     const s = r.indexOf(t._focusCol) + (e ? 1 : -1);
     if (s >= 0 && s < r.length) {
@@ -1111,21 +1111,33 @@ class wn extends _ {
       return;
     }
     const l = n + (e ? 1 : -1);
-    l >= 0 && l < i.length && (this.#t ? (t._focusRow = l, t._focusCol = e ? r[0] : r[r.length - 1], F(t, { forceHorizontalScroll: !0 }), this.requestAfterRender(), setTimeout(() => {
+    l >= 0 && l < i.length && (this.#i ? (t._focusRow = l, t._focusCol = e ? r[0] : r[r.length - 1], F(t, { forceHorizontalScroll: !0 }), this.requestAfterRender(), setTimeout(() => {
       const c = t.findRenderedRowElement?.(l)?.querySelector(`.cell[data-col="${t._focusCol}"]`);
       c?.classList.contains("editing") && c.querySelector(M)?.focus({ preventScroll: !0 });
     }, 0)) : (this.#a(n, !1), t._focusRow = l, t._focusCol = e ? r[0] : r[r.length - 1], this.beginBulkEdit(l), F(t, { forceHorizontalScroll: !0 })));
   }
   #c() {
     const e = this.grid;
-    e._activeEditRows = this.#e, e._rowEditSnapshots = this.#o;
+    e._activeEditRows = this.#e, e._rowEditSnapshots = this.#r;
   }
   #g(e, t) {
-    this.#e !== e && (this.#o.set(e, { ...t }), this.#e = e, this.#c());
+    if (this.#e !== e && (this.#r.set(e, { ...t }), this.#e = e, this.#c(), !this.#i)) {
+      const i = this.grid;
+      let n = "";
+      try {
+        n = i.getRowId?.(t) ?? "";
+      } catch {
+      }
+      this.emit("edit-open", {
+        rowIndex: e,
+        rowId: n,
+        row: t
+      });
+    }
   }
   #a(e, t) {
     if (this.#e !== e) return;
-    const i = this.grid, n = this.#o.get(e), r = i._rows[e], o = i.findRenderedRowElement?.(e);
+    const i = this.grid, n = this.#r.get(e), r = i._rows[e], o = i.findRenderedRowElement?.(e);
     let s;
     if (r)
       try {
@@ -1146,9 +1158,9 @@ class wn extends _ {
     }), t && n && r)
       Object.keys(n).forEach((l) => {
         r[l] = n[l];
-      }), s && (this.#i.delete(s), this.clearRowInvalid(s));
+      }), s && (this.#t.delete(s), this.clearRowInvalid(s));
     else if (!t && r) {
-      const l = this.#C(n, r), d = s ? this.#i.has(s) : l, c = this.emitCancelable("row-commit", {
+      const l = this.#C(n, r), d = s ? this.#t.has(s) : l, c = this.emitCancelable("row-commit", {
         rowIndex: e,
         rowId: s ?? "",
         row: r,
@@ -1160,14 +1172,19 @@ class wn extends _ {
       });
       c && n ? (Object.keys(n).forEach((u) => {
         r[u] = n[u];
-      }), s && (this.#i.delete(s), this.clearRowInvalid(s))) : !c && l && this.isAnimationEnabled && (this.#l = e);
+      }), s && (this.#t.delete(s), this.clearRowInvalid(s))) : !c && l && this.isAnimationEnabled && (this.#l = e);
     }
-    this.#o.delete(e), this.#e = -1, this.#s = -1, this.#c();
+    this.#r.delete(e), this.#e = -1, this.#s = -1, this.#c();
     for (const l of this.#n)
       l.startsWith(`${e}:`) && this.#n.delete(l);
     o && (o.querySelectorAll(".cell.editing").forEach((l) => {
       l.classList.remove("editing"), qt(l.parentElement);
-    }), this.requestRender()), this.#u = !0, o || (this.#x(i), this.#u = !1);
+    }), this.requestRender()), this.#u = !0, o || (this.#x(i), this.#u = !1), !this.#i && r && this.emit("edit-close", {
+      rowIndex: e,
+      rowId: s ?? "",
+      row: r,
+      reverted: t
+    });
   }
   #b(e, t, i, n) {
     const r = t.field;
@@ -1180,7 +1197,7 @@ class wn extends _ {
       l = this.grid.getRowId(n);
     } catch {
     }
-    const d = l ? !this.#i.has(l) : !0, c = l ? (p) => this.grid.updateRow(l, p, "cascade") : _e;
+    const d = l ? !this.#t.has(l) : !0, c = l ? (p) => this.grid.updateRow(l, p, "cascade") : Te;
     let u = !1;
     const h = l ? (p) => {
       u = !0, this.setInvalid(l, r, p ?? "");
@@ -1199,7 +1216,7 @@ class wn extends _ {
       updateRow: c,
       setInvalid: h
     })) return;
-    l && !u && this.isCellInvalid(l, r) && this.clearInvalid(l, r), n[r] = i, l && this.#i.add(l), this.#c(), this.emitPluginEvent("cell-edit-committed", {
+    l && !u && this.isCellInvalid(l, r) && this.clearInvalid(l, r), n[r] = i, l && this.#t.add(l), this.#c(), this.emitPluginEvent("cell-edit-committed", {
       rowIndex: e,
       field: r,
       oldValue: o,
@@ -1215,19 +1232,19 @@ class wn extends _ {
       s = this.grid.getRowId(e);
     } catch {
     }
-    const l = s ? (v) => this.grid.updateRow(s, v, "cascade") : _e, d = U(i.field) ? e[i.field] : void 0;
+    const l = s ? (v) => this.grid.updateRow(s, v, "cascade") : Te, d = U(i.field) ? e[i.field] : void 0;
     r.classList.add("editing"), this.#n.add(`${t}:${n}`);
     const c = r.parentElement;
     c && Nt(c);
     let u = !1;
     const h = (v) => {
-      u || !this.#t && this.#e === -1 || this.#b(t, i, v, e);
+      u || !this.#i && this.#e === -1 || this.#b(t, i, v, e);
     }, f = () => {
       u = !0, U(i.field) && (e[i.field] = d);
     }, g = document.createElement("div");
     g.className = "tbw-editor-host", r.innerHTML = "", r.appendChild(g), g.addEventListener("keydown", (v) => {
       if (v.key === "Enter") {
-        if (this.#t) {
+        if (this.#i) {
           v.stopPropagation(), v.preventDefault();
           const E = g.querySelector("input,textarea,select");
           E && h(W(E, i, d));
@@ -1238,7 +1255,7 @@ class wn extends _ {
         v.stopPropagation(), v.preventDefault(), u = !0, this.#a(t, !1);
       }
       if (v.key === "Escape") {
-        if (this.#t) {
+        if (this.#i) {
           v.stopPropagation(), v.preventDefault();
           return;
         }
@@ -1395,7 +1412,7 @@ function zt(a, e) {
   const t = new Blob([a], { type: "text/csv;charset=utf-8;" });
   we(t, e);
 }
-function Te(a) {
+function Ie(a) {
   return a.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
 }
 function Ot(a, e, t) {
@@ -1410,7 +1427,7 @@ function Ot(a, e, t) {
 <Row>`;
     for (const n of e) {
       const r = n.header || n.field, o = t.processHeader ? t.processHeader(r, n.field) : r;
-      i += `<Cell><Data ss:Type="String">${Te(o)}</Data></Cell>`;
+      i += `<Cell><Data ss:Type="String">${Ie(o)}</Data></Cell>`;
     }
     i += "</Row>";
   }
@@ -1421,7 +1438,7 @@ function Ot(a, e, t) {
       let o = n[r.field];
       t.processCell && (o = t.processCell(o, r.field, n));
       let s = "String", l = "";
-      o == null ? l = "" : typeof o == "number" && !isNaN(o) ? (s = "Number", l = String(o)) : o instanceof Date ? (s = "DateTime", l = o.toISOString()) : l = Te(String(o)), i += `<Cell><Data ss:Type="${s}">${l}</Data></Cell>`;
+      o == null ? l = "" : typeof o == "number" && !isNaN(o) ? (s = "Number", l = String(o)) : o instanceof Date ? (s = "DateTime", l = o.toISOString()) : l = Ie(String(o)), i += `<Cell><Data ss:Type="${s}">${l}</Data></Cell>`;
     }
     i += "</Row>";
   }
@@ -1436,7 +1453,7 @@ function Gt(a, e) {
   });
   we(i, t);
 }
-class bn extends _ {
+class vn extends _ {
   name = "export";
   get defaultConfig() {
     return {
@@ -1582,7 +1599,7 @@ function Wt(a) {
     }))
   );
 }
-function Ie(a, e) {
+function Fe(a, e) {
   const t = /* @__PURE__ */ new Set();
   for (const i of a) {
     const n = i[e];
@@ -1590,7 +1607,7 @@ function Ie(a, e) {
   }
   return [...t].sort((i, n) => typeof i == "number" && typeof n == "number" ? i - n : String(i).localeCompare(String(n)));
 }
-const $t = '@layer tbw-plugins{tbw-grid{.tbw-quick-filter-input{flex:1;max-width:300px;height:var(--tbw-input-height, 1.75rem);padding:var(--tbw-input-padding, 0 .5rem);border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);background:var(--tbw-color-bg);color:var(--tbw-color-fg);font-size:var(--tbw-font-size-sm, .8125rem);&:focus{outline:none;border-color:var(--tbw-color-accent)}}.header-cell.filtered:before{content:"";position:absolute;top:var(--tbw-spacing-xs, .25rem);right:var(--tbw-spacing-xs, .25rem);width:var(--tbw-indicator-size, .375rem);height:var(--tbw-indicator-size, .375rem);background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));border-radius:50%}.tbw-filter-btn{display:var(--tbw-filter-btn-display, inline-flex);visibility:var(--tbw-filter-btn-visibility, visible);align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:2px;margin-left:var(--tbw-spacing-xs, .25rem);opacity:.4;transition:opacity .15s,visibility 0s,display 0s allow-discrete;color:inherit;vertical-align:middle;transition-behavior:allow-discrete;&:hover,&.active{opacity:1;visibility:visible;display:inline-flex}&.active{color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6))}}.header-row .cell:hover .tbw-filter-btn,.header-row .cell.filtered .tbw-filter-btn{display:inline-flex;visibility:visible}}}', jt = "@layer tbw-plugins{.tbw-filter-panel{position:fixed;background:var(--tbw-filter-panel-bg, var(--tbw-color-panel-bg, light-dark(#eeeeee, #222222)));color:var(--tbw-filter-panel-fg, var(--tbw-color-fg, light-dark(#222222, #eeeeee)));border:1px solid var(--tbw-filter-panel-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-filter-panel-radius, var(--tbw-border-radius, .25rem));box-shadow:0 4px 16px var(--tbw-filter-panel-shadow, var(--tbw-color-shadow, light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .3))));padding:var(--tbw-panel-padding, var(--tbw-spacing-lg, .75rem));z-index:10000;min-width:200px;max-width:280px;max-height:350px;display:flex;flex-direction:column;font-family:var(--tbw-font-family, system-ui, sans-serif);font-size:var(--tbw-font-size, .8125rem);transform-origin:top center}.tbw-filter-panel.tbw-filter-panel-above{transform-origin:bottom center}.tbw-filter-panel.tbw-filter-panel-animated{animation:tbw-filter-panel-enter var(--tbw-animation-duration, .15s) var(--tbw-animation-easing, ease-out)}.tbw-filter-panel.tbw-filter-panel-above.tbw-filter-panel-animated{animation:tbw-filter-panel-enter-above var(--tbw-animation-duration, .15s) var(--tbw-animation-easing, ease-out)}@keyframes tbw-filter-panel-enter{0%{opacity:0;transform:scaleY(.3) translateY(-10px)}to{opacity:1;transform:scaleY(1) translateY(0)}}@keyframes tbw-filter-panel-enter-above{0%{opacity:0;transform:scaleY(.3) translateY(10px)}to{opacity:1;transform:scaleY(1) translateY(0)}}@supports (anchor-name: --test){.tbw-filter-panel{position-anchor:--tbw-filter-anchor;top:anchor(bottom);left:anchor(left);margin-top:4px;position-try-fallbacks:flip-inline,flip-block,flip-block flip-inline}}.tbw-filter-search{margin-bottom:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));min-height:var(--tbw-filter-item-height, 28px)}.tbw-filter-search-input{height:var(--tbw-filter-item-height, 28px);width:100%;padding:var(--tbw-filter-search-padding, var(--tbw-spacing-sm, .375rem) var(--tbw-spacing-md, .5rem));background:var(--tbw-filter-input-bg, var(--tbw-color-bg, transparent));color:inherit;border:1px solid var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-filter-input-radius, var(--tbw-border-radius, .25rem));font-size:inherit;box-sizing:border-box}.tbw-filter-search-input:focus{outline:none;border-color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));box-shadow:0 0 0 2px rgba(from var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6)) r g b / 15%)}.tbw-filter-actions{display:flex;padding:var(--tbw-button-padding-sm, .25rem .125rem);margin-bottom:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));border-bottom:1px solid var(--tbw-filter-divider, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));min-height:var(--tbw-filter-item-height, 28px)}.tbw-filter-action-btn{background:transparent;border:none;color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));cursor:pointer;font-size:var(--tbw-font-size-xs, .75rem);padding:2px 0}.tbw-filter-action-btn:hover{text-decoration:underline}.tbw-filter-values{flex:1;overflow-y:auto;margin-bottom:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));max-height:180px;position:relative}.tbw-filter-values-spacer{width:1px}.tbw-filter-values-content{position:absolute;top:0;left:0;right:0}.tbw-filter-value-item{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));padding:var(--tbw-button-padding-sm, .25rem .125rem);cursor:pointer;border-radius:3px;height:var(--tbw-filter-item-height, 28px)}.tbw-filter-value-item:hover{background:var(--tbw-filter-hover, var(--tbw-color-row-hover, light-dark(#f0f6ff, #1c1c1c)))}.tbw-filter-checkbox{margin:0;cursor:pointer;accent-color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6))}.tbw-filter-no-match{color:var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));padding:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem)) 0;text-align:center;font-style:italic}.tbw-filter-buttons{display:flex;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));padding-top:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));border-top:1px solid var(--tbw-filter-divider, var(--tbw-color-border, light-dark(#d0d0d4, #454545)))}.tbw-filter-apply-btn{flex:1;padding:var(--tbw-filter-btn-padding, var(--tbw-button-padding, .375rem .75rem));background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));color:var(--tbw-filter-accent-fg, var(--tbw-color-accent-fg, light-dark(#ffffff, #000000)));border:none;border-radius:var(--tbw-border-radius, .25rem);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem);font-weight:var(--tbw-filter-btn-font-weight, 500);min-height:var(--tbw-filter-btn-min-height, auto)}.tbw-filter-apply-btn:hover{filter:brightness(.9)}.tbw-filter-clear-btn{flex:1;padding:var(--tbw-filter-btn-padding, var(--tbw-button-padding, .375rem .75rem));background:transparent;color:var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));border:1px solid var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-border-radius, .25rem);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem);font-weight:var(--tbw-filter-btn-font-weight, 500);min-height:var(--tbw-filter-btn-min-height, auto)}.tbw-filter-clear-btn:hover{background:var(--tbw-filter-hover, var(--tbw-color-row-hover, light-dark(#f0f6ff, #1c1c1c)))}.tbw-filter-range-inputs,.tbw-filter-date-range{display:flex;align-items:flex-end;gap:var(--tbw-spacing-sm, .375rem);margin-bottom:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.tbw-filter-range-group,.tbw-filter-date-group{display:flex;flex-direction:column;gap:var(--tbw-spacing-xs, .25rem);flex:1}.tbw-filter-range-label{font-size:var(--tbw-font-size-xs, .75rem);color:var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)))}.tbw-filter-range-input,.tbw-filter-date-input{width:100%;height:var(--tbw-filter-item-height, 28px);padding:var(--tbw-spacing-xs, .25rem) var(--tbw-spacing-sm, .375rem);background:var(--tbw-filter-input-bg, var(--tbw-color-bg, transparent));color:inherit;border:1px solid var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-filter-input-radius, var(--tbw-border-radius, .25rem));font-size:inherit;box-sizing:border-box}.tbw-filter-range-input:focus,.tbw-filter-date-input:focus{outline:none;border-color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));box-shadow:0 0 0 2px rgba(from var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6)) r g b / 15%)}.tbw-filter-range-separator{color:var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));padding-bottom:var(--tbw-spacing-xs, .25rem)}.tbw-filter-range-slider{position:relative;height:24px;margin:var(--tbw-spacing-md, .5rem) 0 var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.tbw-filter-range-track{position:absolute;top:50%;left:0;right:0;height:4px;background:var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:2px;transform:translateY(-50%)}.tbw-filter-range-fill{position:absolute;top:50%;height:4px;background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));border-radius:2px;transform:translateY(-50%)}.tbw-filter-range-thumb{position:absolute;top:0;width:100%;height:100%;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}.tbw-filter-range-thumb::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));border:2px solid var(--tbw-filter-panel-bg, var(--tbw-color-panel-bg, light-dark(#eeeeee, #222222)));border-radius:50%;cursor:pointer;pointer-events:all;box-shadow:0 1px 3px #0003}.tbw-filter-range-thumb::-moz-range-thumb{width:16px;height:16px;background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));border:2px solid var(--tbw-filter-panel-bg, var(--tbw-color-panel-bg, light-dark(#eeeeee, #222222)));border-radius:50%;cursor:pointer;pointer-events:all;box-shadow:0 1px 3px #0003}.tbw-filter-range-thumb::-webkit-slider-thumb:hover{transform:scale(1.1)}.tbw-filter-range-thumb::-moz-range-thumb:hover{transform:scale(1.1)}}";
+const $t = '@layer tbw-plugins{tbw-grid{.tbw-quick-filter-input{flex:1;max-width:300px;height:var(--tbw-input-height, 1.75rem);padding:var(--tbw-input-padding, 0 .5rem);border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);background:var(--tbw-color-bg);color:var(--tbw-color-fg);font-size:var(--tbw-font-size-sm, .8125rem);&:focus{outline:none;border-color:var(--tbw-color-accent)}}.header-cell.filtered:before{content:"";position:absolute;top:var(--tbw-spacing-xs, .25rem);right:var(--tbw-spacing-xs, .25rem);width:var(--tbw-indicator-size, .375rem);height:var(--tbw-indicator-size, .375rem);background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));border-radius:50%}.tbw-filter-btn{display:var(--tbw-filter-btn-display, inline-flex);visibility:var(--tbw-filter-btn-visibility, visible);align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:2px;margin-left:var(--tbw-spacing-xs, .25rem);opacity:.4;transition:opacity .15s,visibility 0s,display 0s allow-discrete;color:inherit;vertical-align:middle;transition-behavior:allow-discrete;&:hover,&.active{opacity:1;visibility:visible;display:inline-flex}&.active{color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6))}}.header-row .cell:hover .tbw-filter-btn,.header-row .cell.filtered .tbw-filter-btn{display:inline-flex;visibility:visible}}}', jt = "@layer tbw-plugins{.tbw-filter-panel{position:fixed;background:var(--tbw-filter-panel-bg, var(--tbw-color-panel-bg, light-dark(#eeeeee, #222222)));color:var(--tbw-filter-panel-fg, var(--tbw-color-fg, light-dark(#222222, #eeeeee)));border:1px solid var(--tbw-filter-panel-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-filter-panel-radius, var(--tbw-border-radius, .25rem));box-shadow:0 4px 16px var(--tbw-filter-panel-shadow, var(--tbw-color-shadow, light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .3))));padding:var(--tbw-panel-padding, var(--tbw-spacing-lg, .75rem));z-index:10000;min-width:200px;max-width:280px;max-height:350px;display:flex;flex-direction:column;font-family:var(--tbw-font-family, system-ui, sans-serif);font-size:var(--tbw-font-size, .8125rem);transform-origin:top center}.tbw-filter-panel.tbw-filter-panel-above{transform-origin:bottom center}.tbw-filter-panel.tbw-filter-panel-animated{animation:tbw-filter-panel-enter var(--tbw-animation-duration, .15s) var(--tbw-animation-easing, ease-out)}.tbw-filter-panel.tbw-filter-panel-above.tbw-filter-panel-animated{animation:tbw-filter-panel-enter-above var(--tbw-animation-duration, .15s) var(--tbw-animation-easing, ease-out)}@keyframes tbw-filter-panel-enter{0%{opacity:0;transform:scaleY(.3) translateY(-10px)}to{opacity:1;transform:scaleY(1) translateY(0)}}@keyframes tbw-filter-panel-enter-above{0%{opacity:0;transform:scaleY(.3) translateY(10px)}to{opacity:1;transform:scaleY(1) translateY(0)}}@supports (anchor-name: --test){.tbw-filter-panel{position-anchor:--tbw-filter-anchor;top:anchor(bottom);left:anchor(left);margin-top:4px;position-try-fallbacks:flip-inline,flip-block,flip-block flip-inline}}.tbw-filter-search{margin-bottom:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));min-height:var(--tbw-filter-item-height, 28px)}.tbw-filter-search-input{height:var(--tbw-filter-item-height, 28px);width:100%;padding:var(--tbw-filter-search-padding, var(--tbw-spacing-sm, .375rem) var(--tbw-spacing-md, .5rem));background:var(--tbw-filter-input-bg, var(--tbw-color-bg, transparent));color:inherit;border:1px solid var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-filter-input-radius, var(--tbw-border-radius, .25rem));font-size:inherit;box-sizing:border-box}.tbw-filter-search-input:focus{outline:none;border-color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));box-shadow:0 0 0 2px rgba(from var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6)) r g b / 15%)}.tbw-filter-actions{display:flex;padding:var(--tbw-button-padding-sm, .25rem .125rem);margin-bottom:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));border-bottom:1px solid var(--tbw-filter-divider, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));min-height:var(--tbw-filter-item-height, 28px)}.tbw-filter-actions .tbw-filter-value-item{flex:1}.tbw-filter-values{flex:1;overflow-y:auto;margin-bottom:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));max-height:180px;position:relative}.tbw-filter-values-spacer{width:1px}.tbw-filter-values-content{position:absolute;top:0;left:0;right:0}.tbw-filter-value-item{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));padding:var(--tbw-button-padding-sm, .25rem .125rem);cursor:pointer;border-radius:3px;height:var(--tbw-filter-item-height, 28px)}.tbw-filter-value-item:hover{background:var(--tbw-filter-hover, var(--tbw-color-row-hover, light-dark(#f0f6ff, #1c1c1c)))}.tbw-filter-checkbox{margin:0;cursor:pointer;accent-color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6))}.tbw-filter-no-match{color:var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));padding:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem)) 0;text-align:center;font-style:italic}.tbw-filter-buttons{display:flex;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));padding-top:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));border-top:1px solid var(--tbw-filter-divider, var(--tbw-color-border, light-dark(#d0d0d4, #454545)))}.tbw-filter-apply-btn{flex:1;padding:var(--tbw-filter-btn-padding, var(--tbw-button-padding, .375rem .75rem));background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));color:var(--tbw-filter-accent-fg, var(--tbw-color-accent-fg, light-dark(#ffffff, #000000)));border:none;border-radius:var(--tbw-border-radius, .25rem);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem);font-weight:var(--tbw-filter-btn-font-weight, 500);min-height:var(--tbw-filter-btn-min-height, auto)}.tbw-filter-apply-btn:hover{filter:brightness(.9)}.tbw-filter-clear-btn{flex:1;padding:var(--tbw-filter-btn-padding, var(--tbw-button-padding, .375rem .75rem));background:transparent;color:var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));border:1px solid var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-border-radius, .25rem);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem);font-weight:var(--tbw-filter-btn-font-weight, 500);min-height:var(--tbw-filter-btn-min-height, auto)}.tbw-filter-clear-btn:hover{background:var(--tbw-filter-hover, var(--tbw-color-row-hover, light-dark(#f0f6ff, #1c1c1c)))}.tbw-filter-range-inputs,.tbw-filter-date-range{display:flex;align-items:flex-end;gap:var(--tbw-spacing-sm, .375rem);margin-bottom:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.tbw-filter-range-group,.tbw-filter-date-group{display:flex;flex-direction:column;gap:var(--tbw-spacing-xs, .25rem);flex:1}.tbw-filter-range-label{font-size:var(--tbw-font-size-xs, .75rem);color:var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)))}.tbw-filter-range-input,.tbw-filter-date-input{width:100%;height:var(--tbw-filter-item-height, 28px);padding:var(--tbw-spacing-xs, .25rem) var(--tbw-spacing-sm, .375rem);background:var(--tbw-filter-input-bg, var(--tbw-color-bg, transparent));color:inherit;border:1px solid var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-filter-input-radius, var(--tbw-border-radius, .25rem));font-size:inherit;box-sizing:border-box}.tbw-filter-range-input:focus,.tbw-filter-date-input:focus{outline:none;border-color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));box-shadow:0 0 0 2px rgba(from var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6)) r g b / 15%)}.tbw-filter-range-separator{color:var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));padding-bottom:var(--tbw-spacing-xs, .25rem)}.tbw-filter-range-slider{position:relative;height:24px;margin:var(--tbw-spacing-md, .5rem) 0 var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.tbw-filter-range-track{position:absolute;top:50%;left:0;right:0;height:4px;background:var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:2px;transform:translateY(-50%)}.tbw-filter-range-fill{position:absolute;top:50%;height:4px;background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));border-radius:2px;transform:translateY(-50%)}.tbw-filter-range-thumb{position:absolute;top:0;width:100%;height:100%;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}.tbw-filter-range-thumb::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));border:2px solid var(--tbw-filter-panel-bg, var(--tbw-color-panel-bg, light-dark(#eeeeee, #222222)));border-radius:50%;cursor:pointer;pointer-events:all;box-shadow:0 1px 3px #0003}.tbw-filter-range-thumb::-moz-range-thumb{width:16px;height:16px;background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));border:2px solid var(--tbw-filter-panel-bg, var(--tbw-color-panel-bg, light-dark(#eeeeee, #222222)));border-radius:50%;cursor:pointer;pointer-events:all;box-shadow:0 1px 3px #0003}.tbw-filter-range-thumb::-webkit-slider-thumb:hover{transform:scale(1.1)}.tbw-filter-range-thumb::-moz-range-thumb:hover{transform:scale(1.1)}}";
 class q extends _ {
   static manifest = {
     events: [
@@ -1667,7 +1684,7 @@ class q extends _ {
       const n = i.getAttribute("data-col");
       if (n === null) return;
       const r = this.visibleColumns[parseInt(n, 10)];
-      if (!r || !this.isColumnFilterable(r) || H(r)) return;
+      if (!r || !this.isColumnFilterable(r) || K(r)) return;
       const o = r.field;
       if (!o) return;
       const s = this.filters.has(o);
@@ -1735,7 +1752,7 @@ class q extends _ {
     return this.getFilters();
   }
   getUniqueValues(e) {
-    return Ie(this.sourceRows, e);
+    return Fe(this.sourceRows, e);
   }
   copyGridThemeContext(e) {
     const t = this.gridElement;
@@ -1767,7 +1784,7 @@ class q extends _ {
       });
       return;
     }
-    const r = Ie(this.sourceRows, e);
+    const r = Fe(this.sourceRows, e);
     document.body.appendChild(n), this.positionPanel(n, i), this.renderPanelContent(e, t, n, r), this.setupPanelCloseHandler(n, i);
   }
   renderPanelContent(e, t, i, n) {
@@ -1848,8 +1865,8 @@ class q extends _ {
     const h = document.createElement("span");
     h.textContent = "Select All", c.appendChild(u), c.appendChild(h), d.appendChild(c);
     const f = () => {
-      const C = [...b.values()], k = C.every((m) => m), L = C.every((m) => !m);
-      u.checked = k, u.indeterminate = !k && !L;
+      const C = [...b.values()], k = C.every((m) => m), T = C.every((m) => !m);
+      u.checked = k, u.indeterminate = !k && !T;
     };
     u.addEventListener("change", () => {
       const C = u.checked;
@@ -1870,26 +1887,26 @@ class q extends _ {
     }), f();
     let y = [];
     const v = (C, k) => {
-      const L = C == null ? "(Blank)" : String(C), m = C == null ? "__null__" : String(C), x = document.createElement("label");
+      const T = C == null ? "(Blank)" : String(C), m = C == null ? "__null__" : String(C), x = document.createElement("label");
       x.className = "tbw-filter-value-item", x.style.position = "absolute", x.style.top = `calc(var(--tbw-filter-item-height, 28px) * ${k})`, x.style.left = "0", x.style.right = "0", x.style.boxSizing = "border-box";
-      const T = document.createElement("input");
-      T.type = "checkbox", T.className = "tbw-filter-checkbox", T.checked = b.get(m) ?? !0, T.dataset.value = m, T.addEventListener("change", () => {
-        b.set(m, T.checked), f();
+      const L = document.createElement("input");
+      L.type = "checkbox", L.className = "tbw-filter-checkbox", L.checked = b.get(m) ?? !0, L.dataset.value = m, L.addEventListener("change", () => {
+        b.set(m, L.checked), f();
       });
-      const K = document.createElement("span");
-      return K.textContent = L, x.appendChild(T), x.appendChild(K), x;
+      const H = document.createElement("span");
+      return H.textContent = T, x.appendChild(L), x.appendChild(H), x;
     }, E = () => {
-      const C = y.length, k = g.clientHeight, L = g.scrollTop;
-      if (p.style.height = `${C * o}px`, ft(C, q.LIST_BYPASS_THRESHOLD / 3)) {
-        w.innerHTML = "", w.style.transform = "translateY(0px)", y.forEach((x, T) => {
-          w.appendChild(v(x, T));
+      const C = y.length, k = g.clientHeight, T = g.scrollTop;
+      if (p.style.height = `${C * o}px`, gt(C, q.LIST_BYPASS_THRESHOLD / 3)) {
+        w.innerHTML = "", w.style.transform = "translateY(0px)", y.forEach((x, L) => {
+          w.appendChild(v(x, L));
         });
         return;
       }
-      const m = gt({
+      const m = pt({
         totalRows: C,
         viewportHeight: k,
-        scrollTop: L,
+        scrollTop: T,
         rowHeight: o,
         overscan: q.LIST_OVERSCAN
       });
@@ -1897,10 +1914,10 @@ class q extends _ {
       for (let x = m.start; x < m.end; x++)
         w.appendChild(v(y[x], x - m.start));
     }, R = (C) => {
-      const k = this.config.caseSensitive ?? !1, L = k ? C : C.toLowerCase();
+      const k = this.config.caseSensitive ?? !1, T = k ? C : C.toLowerCase();
       if (y = i.filter((m) => {
-        const x = m == null ? "(Blank)" : String(m), T = k ? x : x.toLowerCase();
-        return !C || T.includes(L);
+        const x = m == null ? "(Blank)" : String(m), L = k ? x : x.toLowerCase();
+        return !C || L.includes(T);
       }), y.length === 0) {
         p.style.height = "0px", w.innerHTML = "";
         const m = document.createElement("div");
@@ -1927,8 +1944,8 @@ class q extends _ {
     const P = document.createElement("button");
     P.className = "tbw-filter-apply-btn", P.textContent = "Apply", P.addEventListener("click", () => {
       const C = [];
-      for (const [k, L] of b)
-        if (!L)
+      for (const [k, T] of b)
+        if (!T)
           if (k === "__null__")
             C.push(null);
           else {
@@ -1973,40 +1990,40 @@ class q extends _ {
     C.className = "tbw-filter-range-slider";
     const k = document.createElement("div");
     k.className = "tbw-filter-range-track";
-    const L = document.createElement("div");
-    L.className = "tbw-filter-range-fill";
+    const T = document.createElement("div");
+    T.className = "tbw-filter-range-fill";
     const m = document.createElement("input");
     m.type = "range", m.className = "tbw-filter-range-thumb tbw-filter-range-thumb-min", m.min = String(h), m.max = String(f), m.step = String(g), m.value = String(w);
     const x = document.createElement("input");
-    x.type = "range", x.className = "tbw-filter-range-thumb tbw-filter-range-thumb-max", x.min = String(h), x.max = String(f), x.step = String(g), x.value = String(b), C.appendChild(k), C.appendChild(L), C.appendChild(m), C.appendChild(x), e.appendChild(C);
-    const T = () => {
-      const A = parseFloat(m.value), z = parseFloat(x.value), j = f - h, ve = (A - h) / j * 100, ut = (z - h) / j * 100;
-      L.style.left = `${ve}%`, L.style.width = `${ut - ve}%`;
+    x.type = "range", x.className = "tbw-filter-range-thumb tbw-filter-range-thumb-max", x.min = String(h), x.max = String(f), x.step = String(g), x.value = String(b), C.appendChild(k), C.appendChild(T), C.appendChild(m), C.appendChild(x), e.appendChild(C);
+    const L = () => {
+      const A = parseFloat(m.value), z = parseFloat(x.value), j = f - h, ve = (A - h) / j * 100, ht = (z - h) / j * 100;
+      T.style.left = `${ve}%`, T.style.width = `${ht - ve}%`;
     };
     m.addEventListener("input", () => {
       const A = Math.min(parseFloat(m.value), parseFloat(x.value));
-      m.value = String(A), R.value = String(A), T();
+      m.value = String(A), R.value = String(A), L();
     }), x.addEventListener("input", () => {
       const A = Math.max(parseFloat(x.value), parseFloat(m.value));
-      x.value = String(A), S.value = String(A), T();
+      x.value = String(A), S.value = String(A), L();
     }), R.addEventListener("input", () => {
       let A = parseFloat(R.value) || h;
-      A = Math.max(h, Math.min(A, parseFloat(S.value))), m.value = String(A), T();
+      A = Math.max(h, Math.min(A, parseFloat(S.value))), m.value = String(A), L();
     }), S.addEventListener("input", () => {
       let A = parseFloat(S.value) || f;
-      A = Math.min(f, Math.max(A, parseFloat(R.value))), x.value = String(A), T();
-    }), T();
-    const K = document.createElement("div");
-    K.className = "tbw-filter-buttons";
+      A = Math.min(f, Math.max(A, parseFloat(R.value))), x.value = String(A), L();
+    }), L();
+    const H = document.createElement("div");
+    H.className = "tbw-filter-buttons";
     const X = document.createElement("button");
     X.className = "tbw-filter-apply-btn", X.textContent = "Apply", X.addEventListener("click", () => {
       const A = parseFloat(R.value), z = parseFloat(S.value);
       t.applyTextFilter("between", A, z);
-    }), K.appendChild(X);
+    }), H.appendChild(X);
     const Z = document.createElement("button");
     Z.className = "tbw-filter-clear-btn", Z.textContent = "Clear Filter", Z.addEventListener("click", () => {
       t.clearFilter();
-    }), K.appendChild(Z), e.appendChild(K);
+    }), H.appendChild(Z), e.appendChild(H);
   }
   renderDateFilterPanel(e, t, i) {
     const { field: n, column: r } = t, o = r.filterParams, s = r.editorParams, l = i.filter((m) => m instanceof Date || typeof m == "string" && !isNaN(Date.parse(m))).map((m) => m instanceof Date ? m : new Date(m)).filter((m) => !isNaN(m.getTime())), d = l.length > 0 ? new Date(Math.min(...l.map((m) => m.getTime()))) : null, c = l.length > 0 ? new Date(Math.max(...l.map((m) => m.getTime()))) : null, u = (m) => m ? m.toISOString().split("T")[0] : "", h = (m) => m ? typeof m == "string" ? m : typeof m == "number" ? u(new Date(m)) : "" : "", f = h(o?.min) || h(s?.min) || u(d), g = h(o?.max) || h(s?.max) || u(c), p = this.filters.get(n);
@@ -2035,10 +2052,10 @@ class q extends _ {
       const m = R.value, x = S.value;
       m && x ? t.applyTextFilter("between", m, x) : m ? t.applyTextFilter("greaterThanOrEqual", m) : x ? t.applyTextFilter("lessThanOrEqual", x) : t.clearFilter();
     }), C.appendChild(k);
-    const L = document.createElement("button");
-    L.className = "tbw-filter-clear-btn", L.textContent = "Clear Filter", L.addEventListener("click", () => {
+    const T = document.createElement("button");
+    T.className = "tbw-filter-clear-btn", T.textContent = "Clear Filter", T.addEventListener("click", () => {
       t.clearFilter();
-    }), C.appendChild(L), e.appendChild(C);
+    }), C.appendChild(T), e.appendChild(C);
   }
   applySetFilter(e, t) {
     this.excludedValues.set(e, new Set(t)), t.length === 0 ? this.filters.delete(e) : this.filters.set(e, {
@@ -2104,7 +2121,7 @@ class q extends _ {
     this.filters.set(e, i), this.cachedResult = null, this.cacheKey = null;
   }
 }
-function Fe(a) {
+function Pe(a) {
   if (!a.length) return [];
   const e = /* @__PURE__ */ new Map(), t = [], i = (o, s) => {
     if (!s.length) return;
@@ -2171,7 +2188,7 @@ function Xt(a) {
   return a.some((e) => e.group != null);
 }
 const Zt = "@layer tbw-plugins{.header-group-row{display:grid;grid-auto-flow:column;background:var(--tbw-grouping-columns-header-bg, var(--tbw-color-header-bg));border-bottom:1px solid var(--tbw-grouping-columns-border, var(--tbw-color-border))}.header-group-cell{display:flex;align-items:center;justify-content:center;padding:var(--tbw-button-padding-sm, .25rem .5rem);font-weight:600;font-size:var(--tbw-font-size-sm, .9em);text-transform:uppercase;letter-spacing:.5px;border-right:2px solid var(--tbw-grouping-columns-separator, var(--tbw-color-border-strong, var(--tbw-color-border)))}.header-group-cell:last-child{border-right:none}.header-row .cell.grouped{border-top:none}.header-row .cell.group-end{border-right:2px solid var(--tbw-grouping-columns-separator, var(--tbw-color-border-strong, var(--tbw-color-border)))}.header-row .cell.group-end:last-child{border-right:none}.rows .cell.group-end{border-right:2px solid var(--tbw-grouping-columns-separator, var(--tbw-color-border-strong, var(--tbw-color-border)))}.rows .cell.group-end:last-child{border-right:none}.header-group-row.no-borders{border-bottom:none}.header-group-row.no-borders .header-group-cell{border-right:none}.header-row.no-group-borders .cell.group-end{border-right:1px solid var(--tbw-color-border)}}";
-class vn extends _ {
+class yn extends _ {
   static manifest = {
     ownedProperties: [
       {
@@ -2196,8 +2213,9 @@ class vn extends _ {
   }
   groups = [];
   isActive = !1;
+  #i = /* @__PURE__ */ new Set();
   detach() {
-    this.groups = [], this.isActive = !1;
+    this.groups = [], this.isActive = !1, this.#i.clear();
   }
   static detect(e, t) {
     if (t?.columnGroups && Array.isArray(t.columnGroups) && t.columnGroups.length > 0)
@@ -2219,8 +2237,15 @@ class vn extends _ {
       });
     } else
       i = [...e];
-    const n = Fe(i);
-    return n.length === 0 ? (this.isActive = !1, this.groups = [], i) : (this.isActive = !0, this.groups = n, i);
+    const n = Pe(i);
+    if (n.length === 0)
+      return this.isActive = !1, this.groups = [], i;
+    this.isActive = !0, this.groups = n, this.#i.clear();
+    for (const r of n) {
+      const o = r.columns[r.columns.length - 1];
+      o?.field && this.#i.add(o.field);
+    }
+    return i;
   }
   afterRender() {
     if (!this.isActive) {
@@ -2232,7 +2257,7 @@ class vn extends _ {
     if (!e) return;
     const t = e.querySelector(".header-group-row");
     t && t.remove();
-    const i = this.columns, n = Fe(i);
+    const i = this.columns, n = Pe(i);
     if (n.length === 0) return;
     const r = Yt(n, i);
     if (r) {
@@ -2241,22 +2266,10 @@ class vn extends _ {
       s ? e.insertBefore(r, s) : e.appendChild(r);
     }
     const o = e.querySelector(".header-row");
-    o && (o.classList.toggle("no-group-borders", !this.config.showGroupBorders), Ut(o, n)), this.#t(n);
+    o && (o.classList.toggle("no-group-borders", !this.config.showGroupBorders), Ut(o, n));
   }
-  #t(e) {
-    if (!this.config.showGroupBorders) return;
-    const t = this.gridElement;
-    if (!t) return;
-    const i = /* @__PURE__ */ new Set();
-    for (const r of e) {
-      const o = r.columns[r.columns.length - 1];
-      o?.field && i.add(o.field);
-    }
-    const n = t.querySelectorAll(".rows .cell[data-field]");
-    for (const r of n) {
-      const o = r.getAttribute("data-field");
-      o && i.has(o) ? r.classList.add("group-end") : r.classList.remove("group-end");
-    }
+  afterCellRender(e) {
+    !this.isActive || !this.config.showGroupBorders || e.cellElement.classList.toggle("group-end", this.#i.has(e.column.field));
   }
   isGroupingActive() {
     return this.isActive;
@@ -2272,7 +2285,7 @@ class vn extends _ {
     this.requestRender();
   }
 }
-function Pe({ rows: a, config: e, expanded: t, initialExpanded: i }) {
+function De({ rows: a, config: e, expanded: t, initialExpanded: i }) {
   const n = e.groupOn;
   if (typeof n != "function")
     return [];
@@ -2336,7 +2349,7 @@ function ni(a) {
   return a.kind !== "group" ? 0 : a.rows.length;
 }
 const ri = "@layer tbw-plugins{.group-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-grouping-rows-bg, var(--tbw-color-panel-bg));font-weight:500;border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height)}.group-row .cell{display:flex;align-items:center;padding:var(--tbw-cell-padding, .125rem .5rem)}.group-row:hover{background:var(--tbw-grouping-rows-bg-hover, var(--tbw-color-row-hover))}.group-toggle{cursor:pointer;user-select:none;display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-toggle-size, 1.25rem);height:var(--tbw-toggle-size, 1.25rem);margin-right:.25rem;background:none;border:0;font:inherit}.group-toggle:hover{background:var(--tbw-grouping-rows-toggle-hover, var(--tbw-color-row-hover));border-radius:var(--tbw-border-radius, .125rem)}.group-label{display:inline-flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.group-count{color:var(--tbw-grouping-rows-count-color, var(--tbw-color-fg-muted));font-size:var(--tbw-font-size-xs, .85em);font-weight:400}.group-aggregates{display:inline-flex;align-items:center;gap:var(--tbw-spacing-lg, 1rem);margin-left:var(--tbw-spacing-lg, 1rem);font-weight:400;font-size:var(--tbw-font-size-sm, .875em);color:var(--tbw-grouping-rows-aggregate-color, var(--tbw-color-fg-muted))}.group-aggregate{white-space:nowrap}.group-row{padding-left:calc(var(--tbw-group-depth, 0) * var(--tbw-group-indent-width, 1.25em))}.data-grid-row.tbw-group-slide-in{animation:tbw-group-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-group-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.data-grid-row.tbw-group-fade-in{animation:tbw-group-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-group-fade-in{0%{opacity:0}to{opacity:1}}}";
-class yn extends _ {
+class xn extends _ {
   static manifest = {
     events: [
       {
@@ -2401,7 +2414,7 @@ class yn extends _ {
     const t = this.config;
     if (typeof t.groupOn != "function")
       return this.isActive = !1, this.flattenedRows = [], [...e];
-    const i = Pe({
+    const i = De({
       rows: [...e],
       config: t,
       expanded: /* @__PURE__ */ new Set()
@@ -2413,7 +2426,7 @@ class yn extends _ {
       const s = ii(i);
       n = ti(t.defaultExpanded ?? !1, s), n.size > 0 && (this.expandedKeys = new Set(n), this.hasAppliedDefaultExpanded = !0);
     }
-    const r = Pe({
+    const r = De({
       rows: [...e],
       config: t,
       expanded: this.expandedKeys,
@@ -2506,7 +2519,7 @@ class yn extends _ {
       const c = document.createElement("span");
       c.className = "group-aggregates";
       for (const [u, h] of d) {
-        const f = this.columns.find((p) => p.field === u), g = te(h, o, u, f);
+        const f = this.columns.find((p) => p.field === u), g = ie(h, o, u, f);
         if (g != null) {
           const p = document.createElement("span");
           p.className = "group-aggregate", p.setAttribute("data-field", u);
@@ -2524,14 +2537,14 @@ class yn extends _ {
     let c = !1;
     o.forEach((u, h) => {
       const f = document.createElement("div");
-      if (f.className = "cell group-cell", f.setAttribute("data-col", String(h)), f.setAttribute("role", "gridcell"), pe(u)) {
+      if (f.className = "cell group-cell", f.setAttribute("data-col", String(h)), f.setAttribute("role", "gridcell"), te(u)) {
         f.setAttribute("data-field", u.field), t.appendChild(f);
         return;
       }
       if (c) {
         const g = r[u.field];
         if (g) {
-          const p = te(g, s, u.field, u);
+          const p = ie(g, s, u.field, u);
           f.textContent = p != null ? String(p) : "";
         } else
           f.textContent = "";
@@ -2539,7 +2552,7 @@ class yn extends _ {
         c = !0, f.appendChild(this.createToggleButton(e.__groupExpanded, i));
         const g = document.createElement("span"), p = r[u.field];
         if (p) {
-          const w = te(p, s, u.field, u);
+          const w = ie(p, s, u.field, u);
           g.textContent = w != null ? String(w) : String(e.__groupValue);
         } else
           g.textContent = this.getGroupLabelText(e.__groupValue, e.__groupDepth || 0, e.__groupKey);
@@ -2620,7 +2633,7 @@ class yn extends _ {
     this.config.groupOn = e, this.requestRender();
   }
 }
-function De(a, e) {
+function Me(a, e) {
   const t = new Set(a);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
@@ -2644,7 +2657,7 @@ function li(a, e, t, i) {
   return typeof o == "string" ? r.innerHTML = o : o instanceof HTMLElement && r.appendChild(o), n.appendChild(r), n;
 }
 const di = "@layer tbw-plugins{tbw-grid{.cell[data-field=__tbw_expander]{border-right:none!important;padding:0;display:flex;align-items:center;justify-content:center}.header-row .cell[data-field=__tbw_expander]{display:none}.header-row .cell[data-field=__tbw_expander]+.cell{grid-column:1 / 3}.master-detail-expander{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.master-detail-toggle{cursor:pointer;opacity:.7;user-select:none;display:inline-flex;align-items:center;justify-content:center}.master-detail-toggle:hover{opacity:1}.master-detail-row{grid-column:1 / -1;display:grid;background:var(--tbw-master-detail-bg, var(--tbw-color-row-alt));border-bottom:1px solid var(--tbw-master-detail-border, var(--tbw-color-border));overflow:hidden}.master-detail-cell{padding:var(--tbw-detail-padding, var(--tbw-spacing-xl, 1rem));overflow:auto}.master-detail-row.tbw-expanding{animation:tbw-detail-expand var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}.master-detail-row.tbw-collapsing{animation:tbw-detail-collapse var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}}@keyframes tbw-detail-expand{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:var(--tbw-detail-max-height, 31.25rem);padding-top:var(--tbw-detail-padding, var(--tbw-spacing-xl, 1rem));padding-bottom:var(--tbw-detail-padding, var(--tbw-spacing-xl, 1rem))}}@keyframes tbw-detail-collapse{0%{opacity:1;max-height:var(--tbw-detail-max-height, 31.25rem)}to{opacity:0;max-height:0}}}";
-class nt extends _ {
+class rt extends _ {
   name = "masterDetail";
   styles = di;
   get defaultConfig() {
@@ -2675,21 +2688,21 @@ class nt extends _ {
     n !== null && (d.animation = n === "false" ? !1 : n), r !== null && (d.showExpandColumn = r !== "false"), o !== null && (d.expandOnRowClick = o === "true"), s !== null && (d.collapseOnClickOutside = s === "true"), l !== null && (d.detailHeight = l === "auto" ? "auto" : parseInt(l, 10));
     const c = t.innerHTML.trim();
     c && !this.config.detailRenderer && (d.detailRenderer = (u, h) => {
-      const f = Je(c, { value: u, row: u });
-      return et(f);
+      const f = et(c, { value: u, row: u });
+      return tt(f);
     }), Object.keys(d).length > 0 && (this.config = { ...this.config, ...d });
   }
   get animationStyle() {
     return this.isAnimationEnabled ? this.config.animation ?? "slide" : !1;
   }
-  animateExpand(e) {
-    !this.isAnimationEnabled || this.animationStyle === !1 || (e.classList.add("tbw-expanding"), e.addEventListener(
-      "animationend",
-      () => {
-        e.classList.remove("tbw-expanding");
-      },
-      { once: !0 }
-    ));
+  animateExpand(e, t, i) {
+    if (!this.isAnimationEnabled || this.animationStyle === !1) return !1;
+    e.classList.add("tbw-expanding");
+    let n = !1;
+    const r = () => {
+      n || (n = !0, e.classList.remove("tbw-expanding"), t !== void 0 && i !== void 0 && this.#i(e, t, i));
+    };
+    return e.addEventListener("animationend", r, { once: !0 }), setTimeout(r, this.animationDuration + 50), !0;
   }
   animateCollapse(e, t) {
     if (!this.isAnimationEnabled || this.animationStyle === !1) {
@@ -2702,29 +2715,40 @@ class nt extends _ {
     };
     e.addEventListener("animationend", i, { once: !0 }), setTimeout(i, this.animationDuration + 50);
   }
+  #i(e, t, i) {
+    if (!e.isConnected) return;
+    const n = e.offsetHeight;
+    if (n > 0) {
+      const r = this.measuredDetailHeights.get(t);
+      this.measuredDetailHeights.set(t, n), r !== n && this.grid.invalidateRowHeight(i);
+    }
+  }
   expandedRows = /* @__PURE__ */ new Set();
   detailElements = /* @__PURE__ */ new Map();
   measuredDetailHeights = /* @__PURE__ */ new Map();
+  rowsToAnimate = /* @__PURE__ */ new Set();
   static DEFAULT_DETAIL_HEIGHT = 150;
   getDetailHeight(e) {
     const t = this.detailElements.get(e);
-    if (t) {
-      const n = t.offsetHeight;
-      if (n > 0)
-        return this.measuredDetailHeights.set(e, n), n;
+    if (t && !(t.classList.contains("tbw-expanding") || t.classList.contains("tbw-collapsing"))) {
+      const r = t.offsetHeight;
+      if (r > 0)
+        return this.measuredDetailHeights.set(e, r), r;
     }
     const i = this.measuredDetailHeights.get(e);
-    return i && i > 0 ? i : typeof this.config?.detailHeight == "number" ? this.config.detailHeight : nt.DEFAULT_DETAIL_HEIGHT;
+    return i && i > 0 ? i : typeof this.config?.detailHeight == "number" ? this.config.detailHeight : rt.DEFAULT_DETAIL_HEIGHT;
   }
   toggleAndEmit(e, t) {
-    this.expandedRows = De(this.expandedRows, e), this.emit("detail-expand", {
+    this.expandedRows = Me(this.expandedRows, e);
+    const i = this.expandedRows.has(e);
+    i && this.rowsToAnimate.add(e), this.emit("detail-expand", {
       rowIndex: t,
       row: e,
-      expanded: this.expandedRows.has(e)
+      expanded: i
     }), this.requestRender();
   }
   detach() {
-    this.expandedRows.clear(), this.detailElements.clear(), this.measuredDetailHeights.clear();
+    this.expandedRows.clear(), this.detailElements.clear(), this.measuredDetailHeights.clear(), this.rowsToAnimate.clear();
   }
   processColumns(e) {
     if (!(this.config.showExpandColumn === !0 || this.config.showExpandColumn !== !1 && !!this.config.detailRenderer))
@@ -2747,54 +2771,58 @@ class nt extends _ {
   onCellClick(e) {
     if (e.originalEvent?.target?.classList.contains("master-detail-toggle"))
       return this.toggleAndEmit(e.row, e.rowIndex), !0;
-    this.expandedRows.size > 0 && queueMicrotask(() => this.#t());
+    this.expandedRows.size > 0 && queueMicrotask(() => this.#e());
   }
   onKeyDown(e) {
     if (e.key !== " ") return;
     const t = this.grid._focusCol, i = this.grid._focusRow, n = this.columns[t];
-    if (!n || !pe(n)) return;
+    if (!n || !te(n)) return;
     const r = this.rows[i];
     if (r)
       return e.preventDefault(), this.toggleAndEmit(r, i), this.requestRenderWithFocus(), !0;
   }
   afterRender() {
-    this.#t();
+    this.#e();
   }
   onScrollRender() {
-    !this.config.detailRenderer || this.expandedRows.size === 0 || this.#t();
+    !this.config.detailRenderer || this.expandedRows.size === 0 || this.#e();
   }
-  #t() {
+  #e() {
     if (!this.config.detailRenderer) return;
     const e = this.gridElement?.querySelector(".rows");
     if (!e) return;
-    const t = /* @__PURE__ */ new Map(), i = e.querySelectorAll(".data-grid-row"), n = this.columns.length;
-    for (const o of i) {
-      const s = o.querySelector(".cell[data-row]"), l = s ? parseInt(s.getAttribute("data-row") ?? "-1", 10) : -1;
-      l >= 0 && t.set(l, o);
-    }
-    const r = e.querySelectorAll(".master-detail-row");
-    for (const o of r) {
-      const s = parseInt(o.getAttribute("data-detail-for") ?? "-1", 10), l = s >= 0 ? this.rows[s] : void 0, d = l && this.expandedRows.has(l), c = t.has(s);
-      (!d || !c) && (o.remove(), l && this.detailElements.delete(l));
-    }
-    for (const [o, s] of t) {
-      const l = this.rows[o];
-      if (!l || !this.expandedRows.has(l)) continue;
-      const d = this.detailElements.get(l);
-      if (d) {
-        d.previousElementSibling !== s && s.after(d);
+    const t = this.grid, i = t._rowPool, n = t._virtualization?.start ?? 0, r = t._virtualization?.end ?? 0, o = this.columns.length, s = n, l = r, d = /* @__PURE__ */ new Map();
+    if (i) {
+      const c = Math.min(i.length, l - s);
+      for (let u = 0; u < c; u++) {
+        const h = i[u];
+        h.parentNode === e && d.set(s + u, h);
+      }
+    } else {
+      const c = e.querySelectorAll(".data-grid-row");
+      for (const u of c) {
+        const h = u.querySelector(".cell[data-row]"), f = h ? parseInt(h.getAttribute("data-row") ?? "-1", 10) : -1;
+        f >= 0 && d.set(f, u);
+      }
+    }
+    for (const [c, u] of this.detailElements) {
+      const h = this.rows.indexOf(c), f = this.expandedRows.has(c), g = h >= 0 && d.has(h);
+      (!f || !g) && (u.parentNode && u.remove(), this.detailElements.delete(c));
+    }
+    for (const [c, u] of d) {
+      const h = this.rows[c];
+      if (!h || !this.expandedRows.has(h)) continue;
+      const f = this.detailElements.get(h);
+      if (f) {
+        f.previousElementSibling !== u && u.after(f);
         continue;
       }
-      const c = li(l, o, this.config.detailRenderer, n);
-      typeof this.config.detailHeight == "number" && (c.style.height = `${this.config.detailHeight}px`), s.after(c), this.detailElements.set(l, c), requestAnimationFrame(() => {
-        if (c.isConnected) {
-          const u = c.offsetHeight;
-          if (u > 0) {
-            const h = this.measuredDetailHeights.get(l);
-            this.measuredDetailHeights.set(l, u), h !== u && this.grid.invalidateRowHeight(o);
-          }
-        }
-      }), this.animateExpand(c);
+      const g = li(h, c, this.config.detailRenderer, o);
+      typeof this.config.detailHeight == "number" && (g.style.height = `${this.config.detailHeight}px`), u.after(g), this.detailElements.set(h, g);
+      const p = this.rowsToAnimate.has(h);
+      p && this.rowsToAnimate.delete(h), p && this.animateExpand(g, h, c) || requestAnimationFrame(() => {
+        this.#i(g, h, c);
+      });
     }
   }
   getExtraHeight() {
@@ -2819,22 +2847,32 @@ class nt extends _ {
   }
   adjustVirtualStart(e, t, i) {
     if (this.expandedRows.size === 0) return e;
-    const n = [];
-    for (const s of this.expandedRows) {
-      const l = this.rows.indexOf(s);
-      l >= 0 && n.push({ index: l, row: s });
-    }
-    n.sort((s, l) => s.index - l.index);
-    let r = e, o = 0;
-    for (const { index: s, row: l } of n) {
-      const d = s * i + o, c = this.getDetailHeight(l), u = d + i + c;
-      o += c, !(s >= e) && u > t && s < r && (r = s);
+    const n = this.grid?._virtualization?.positionCache;
+    let r = e;
+    if (n && n.length > 0)
+      for (const o of this.expandedRows) {
+        const s = this.rows.indexOf(o);
+        if (s < 0 || s >= e) continue;
+        n[s].offset + n[s].height > t && s < r && (r = s);
+      }
+    else {
+      const o = [];
+      for (const l of this.expandedRows) {
+        const d = this.rows.indexOf(l);
+        d >= 0 && o.push({ index: d, row: l });
+      }
+      o.sort((l, d) => l.index - d.index);
+      let s = 0;
+      for (const { index: l, row: d } of o) {
+        const c = l * i + s, u = this.getDetailHeight(d), h = c + i + u;
+        s += u, !(l >= e) && h > t && l < r && (r = l);
+      }
     }
     return r;
   }
   expand(e) {
     const t = this.rows[e];
-    t && (this.expandedRows = oi(this.expandedRows, t), this.requestRender());
+    t && (this.rowsToAnimate.add(t), this.expandedRows = oi(this.expandedRows, t), this.requestRender());
   }
   collapse(e) {
     const t = this.rows[e];
@@ -2842,7 +2880,7 @@ class nt extends _ {
   }
   toggle(e) {
     const t = this.rows[e];
-    t && (this.expandedRows = De(this.expandedRows, t), this.requestRender());
+    t && (this.expandedRows = Me(this.expandedRows, t), this.expandedRows.has(t) && this.rowsToAnimate.add(t), this.requestRender());
   }
   isExpanded(e) {
     const t = this.rows[e];
@@ -2850,7 +2888,7 @@ class nt extends _ {
   }
   expandAll() {
     for (const e of this.rows)
-      this.expandedRows.add(e);
+      this.rowsToAnimate.add(e), this.expandedRows.add(e);
     this.requestRender();
   }
   collapseAll() {
@@ -2893,15 +2931,15 @@ function hi(a, e, t, i) {
   const n = a.find((r) => r.field === e);
   return t ? n ? n.direction === "asc" ? a.map((r) => r.field === e ? { ...r, direction: "desc" } : r) : a.filter((r) => r.field !== e) : a.length < i ? [...a, { field: e, direction: "asc" }] : a : n?.direction === "asc" ? [{ field: e, direction: "desc" }] : n?.direction === "desc" ? [] : [{ field: e, direction: "asc" }];
 }
-function Me(a, e) {
+function Ne(a, e) {
   const t = a.findIndex((i) => i.field === e);
   return t >= 0 ? t + 1 : void 0;
 }
-function Ne(a, e) {
+function qe(a, e) {
   return a.find((t) => t.field === e)?.direction;
 }
 const fi = '@layer tbw-plugins{.header-cell[data-sort=asc]:after{content:"↑";margin-left:var(--tbw-spacing-xs, .25em);opacity:.8}.header-cell[data-sort=desc]:after{content:"↓";margin-left:var(--tbw-spacing-xs, .25em);opacity:.8}.sort-indicator{margin-left:var(--tbw-spacing-xs, .25em);opacity:.8}.sort-index{font-size:var(--tbw-font-size-2xs, .7em);background:var(--tbw-multi-sort-badge-bg, var(--tbw-color-panel-bg));color:var(--tbw-multi-sort-badge-color, var(--tbw-color-fg));border-radius:50%;width:var(--tbw-multi-sort-badge-size, 1em);height:var(--tbw-multi-sort-badge-size, 1em);display:inline-flex;align-items:center;justify-content:center;margin-left:var(--tbw-spacing-xs, .125em);font-weight:600}}';
-class xn extends _ {
+class Cn extends _ {
   name = "multiSort";
   styles = fi;
   get defaultConfig() {
@@ -2929,7 +2967,7 @@ class xn extends _ {
     e.querySelectorAll(".header-row .cell[data-field]").forEach((n) => {
       const r = n.getAttribute("data-field");
       if (!r) return;
-      const o = Me(this.sortModel, r), s = Ne(this.sortModel, r);
+      const o = Ne(this.sortModel, r), s = qe(this.sortModel, r);
       if (n.querySelector(".sort-index")?.remove(), s) {
         n.querySelector('[part~="sort-indicator"], .sort-indicator')?.remove(), n.setAttribute("data-sort", s);
         const c = document.createElement("span");
@@ -2953,10 +2991,10 @@ class xn extends _ {
     this.sortModel = [], this.emit("sort-change", { sortModel: [] }), this.requestRender();
   }
   getSortIndex(e) {
-    return Me(this.sortModel, e);
+    return Ne(this.sortModel, e);
   }
   getSortDirection(e) {
-    return Ne(this.sortModel, e);
+    return qe(this.sortModel, e);
   }
   getColumnState(e) {
     const t = this.sortModel.findIndex((n) => n.field === e);
@@ -2979,38 +3017,38 @@ class xn extends _ {
     i !== -1 ? this.sortModel[i] = n : this.sortModel.splice(t.sort.priority, 0, n);
   }
 }
-function rt(a, e) {
-  return pt(a, e);
-}
 function ot(a, e) {
-  const t = a.sticky;
-  return t ? rt(t, e) === "left" : !1;
+  return mt(a, e);
 }
 function st(a, e) {
   const t = a.sticky;
-  return t ? rt(t, e) === "right" : !1;
+  return t ? ot(t, e) === "left" : !1;
+}
+function at(a, e) {
+  const t = a.sticky;
+  return t ? ot(t, e) === "right" : !1;
 }
 function gi(a, e = "ltr") {
-  return a.filter((t) => ot(t, e));
+  return a.filter((t) => st(t, e));
 }
 function pi(a, e = "ltr") {
-  return a.filter((t) => st(t, e));
+  return a.filter((t) => at(t, e));
 }
-function se(a) {
+function ae(a) {
   return a.some(
     (e) => e.sticky === "left" || e.sticky === "right" || e.sticky === "start" || e.sticky === "end"
   );
 }
-function qe(a, e) {
+function He(a, e) {
   const t = Array.from(a.querySelectorAll(".header-row .cell"));
   if (!t.length) return;
-  const i = ue(a), n = /* @__PURE__ */ new Map();
+  const i = he(a), n = /* @__PURE__ */ new Map();
   e.forEach((s, l) => {
     s.field && n.set(s.field, l);
   });
   let r = 0;
   for (const s of e)
-    if (ot(s, i)) {
+    if (st(s, i)) {
       const l = n.get(s.field), d = t.find((c) => c.getAttribute("data-field") === s.field);
       d && (d.classList.add("sticky-left"), d.style.position = "sticky", d.style.left = r + "px", l !== void 0 && a.querySelectorAll(`.data-grid-row .cell[data-col="${l}"]`).forEach((c) => {
         c.classList.add("sticky-left"), c.style.position = "sticky", c.style.left = r + "px";
@@ -3018,20 +3056,20 @@ function qe(a, e) {
     }
   let o = 0;
   for (const s of [...e].reverse())
-    if (st(s, i)) {
+    if (at(s, i)) {
       const l = n.get(s.field), d = t.find((c) => c.getAttribute("data-field") === s.field);
       d && (d.classList.add("sticky-right"), d.style.position = "sticky", d.style.right = o + "px", l !== void 0 && a.querySelectorAll(`.data-grid-row .cell[data-col="${l}"]`).forEach((c) => {
         c.classList.add("sticky-right"), c.style.position = "sticky", c.style.right = o + "px";
       }), o += d.offsetWidth);
     }
 }
-function He(a) {
+function Ke(a) {
   a.querySelectorAll(".sticky-left, .sticky-right").forEach((t) => {
     t.classList.remove("sticky-left", "sticky-right"), t.style.position = "", t.style.left = "", t.style.right = "";
   });
 }
-const Ke = "canMoveColumn";
-class Cn extends _ {
+const ze = "canMoveColumn";
+class En extends _ {
   static manifest = {
     ownedProperties: [
       {
@@ -3043,7 +3081,7 @@ class Cn extends _ {
     ],
     queries: [
       {
-        type: Ke,
+        type: ze,
         description: "Prevents pinned (sticky) columns from being moved/reordered"
       },
       {
@@ -3064,26 +3102,26 @@ class Cn extends _ {
   }
   static detect(e, t) {
     const i = t?.columns;
-    return Array.isArray(i) ? se(i) : !1;
+    return Array.isArray(i) ? ae(i) : !1;
   }
   processColumns(e) {
-    return this.isApplied = se([...e]), [...e];
+    return this.isApplied = ae([...e]), [...e];
   }
   afterRender() {
     if (!this.isApplied)
       return;
     const e = this.grid, t = [...this.columns];
-    if (!se(t)) {
-      He(e), this.isApplied = !1;
+    if (!ae(t)) {
+      Ke(e), this.isApplied = !1;
       return;
     }
     queueMicrotask(() => {
-      qe(e, t);
+      He(e, t);
     });
   }
   handleQuery(e) {
     switch (e.type) {
-      case Ke: {
+      case ze: {
         const t = e.context, i = t.sticky;
         if (i === "left" || i === "right" || i === "start" || i === "end")
           return !1;
@@ -3101,18 +3139,18 @@ class Cn extends _ {
   }
   refreshStickyOffsets() {
     const e = [...this.columns];
-    qe(this.grid, e);
+    He(this.grid, e);
   }
   getLeftPinnedColumns() {
-    const e = [...this.columns], t = ue(this.grid);
+    const e = [...this.columns], t = he(this.grid);
     return gi(e, t);
   }
   getRightPinnedColumns() {
-    const e = [...this.columns], t = ue(this.grid);
+    const e = [...this.columns], t = he(this.grid);
     return pi(e, t);
   }
   clearStickyPositions() {
-    He(this.grid);
+    Ke(this.grid);
   }
   getHorizontalScrollOffsets(e, t) {
     if (!this.isApplied)
@@ -3136,7 +3174,7 @@ class Cn extends _ {
 function mi(a) {
   return typeof a == "object" && a !== null && "aggFunc" in a;
 }
-function ae(a, e) {
+function le(a, e) {
   const t = document.createElement("div");
   t.className = "tbw-pinned-rows", t.setAttribute("role", "presentation"), t.setAttribute("aria-live", "polite");
   const i = document.createElement("div");
@@ -3173,11 +3211,11 @@ function ae(a, e) {
     }
   return t.appendChild(i), t.appendChild(n), t.appendChild(r), t;
 }
-function ze(a) {
+function Oe(a) {
   const e = document.createElement("div");
   return e.className = `tbw-aggregation-rows tbw-aggregation-rows-${a}`, e.setAttribute("role", "presentation"), e;
 }
-function Oe(a, e, t, i) {
+function Ge(a, e, t, i) {
   a.innerHTML = "";
   for (const n of e) {
     const r = document.createElement("div");
@@ -3213,7 +3251,7 @@ function wi(a, e) {
   const i = a.render(e);
   return typeof i == "string" ? t.innerHTML = i : t.appendChild(i), t;
 }
-function Ge(a, e, t, i, n) {
+function Be(a, e, t, i, n) {
   return {
     totalRows: a.length,
     filteredRows: n?.cachedResult?.length ?? a.length,
@@ -3224,7 +3262,7 @@ function Ge(a, e, t, i, n) {
   };
 }
 const bi = "@layer tbw-plugins{.tbw-footer{flex-shrink:0;z-index:var(--tbw-z-layer-pinned-rows, 20);background:var(--tbw-color-panel-bg)}.tbw-pinned-rows{display:flex;align-items:center;justify-content:space-between;padding:var(--tbw-button-padding, var(--tbw-spacing-md, .5rem) var(--tbw-spacing-lg, .75rem));background:var(--tbw-pinned-rows-bg, var(--tbw-color-panel-bg));border-top:1px solid var(--tbw-pinned-rows-border, var(--tbw-color-border));font-size:var(--tbw-font-size-xs, .75rem);color:var(--tbw-pinned-rows-color, var(--tbw-color-fg-muted));min-height:32px;box-sizing:border-box;min-width:fit-content}.tbw-pinned-rows-left,.tbw-pinned-rows-center,.tbw-pinned-rows-right{display:flex;align-items:center;gap:var(--tbw-spacing-xl, 1rem)}.tbw-pinned-rows-left{justify-content:flex-start}.tbw-pinned-rows-center{justify-content:center;flex:1}.tbw-pinned-rows-right{justify-content:flex-end}.tbw-status-panel{white-space:nowrap}.tbw-aggregation-rows{min-width:fit-content;background:var(--tbw-aggregation-bg, var(--tbw-color-header-bg))}.tbw-aggregation-rows-top{border-bottom:1px solid var(--tbw-aggregation-border, var(--tbw-color-border))}.tbw-aggregation-rows-bottom{border-top:1px solid var(--tbw-aggregation-border, var(--tbw-color-border))}.tbw-aggregation-row{display:grid;grid-template-columns:var(--tbw-column-template);font-size:var(--tbw-aggregation-font-size, .8em);font-weight:var(--tbw-aggregation-font-weight, 600)}.tbw-aggregation-cell{padding:var(--tbw-cell-padding, .125rem .5rem);min-height:var(--tbw-row-height, 1.75rem);display:block;align-items:center;border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;text-overflow:ellipsis;white-space:var(--tbw-cell-white-space, nowrap)}.tbw-aggregation-cell:last-child{border-right:0}.tbw-aggregation-cell-full{grid-column:1 / -1;border-right:0}}";
-class En extends _ {
+class Rn extends _ {
   name = "pinnedRows";
   styles = bi;
   get defaultConfig() {
@@ -3248,7 +3286,7 @@ class En extends _ {
     const t = e.querySelector(".tbw-scroll-area") ?? e.querySelector(".tbw-grid-content") ?? e.children[0];
     if (!t) return;
     this.footerWrapper && !t.contains(this.footerWrapper) && (this.footerWrapper = null, this.bottomAggregationContainer = null, this.infoBarElement = null), this.topAggregationContainer && !t.contains(this.topAggregationContainer) && (this.topAggregationContainer = null), this.infoBarElement && !t.contains(this.infoBarElement) && (this.infoBarElement = null);
-    const i = this.getSelectionState(), n = this.getFilterState(), r = Ge(
+    const i = this.getSelectionState(), n = this.getFilterState(), r = Be(
       this.sourceRows,
       this.columns,
       this.grid,
@@ -3257,11 +3295,11 @@ class En extends _ {
     ), o = this.config.aggregationRows || [], s = o.filter((h) => h.position === "top"), l = o.filter((h) => h.position !== "top");
     if (s.length > 0) {
       if (!this.topAggregationContainer) {
-        this.topAggregationContainer = ze("top");
+        this.topAggregationContainer = Oe("top");
         const h = e.querySelector(".header");
         h && h.nextSibling ? t.insertBefore(this.topAggregationContainer, h.nextSibling) : t.appendChild(this.topAggregationContainer);
       }
-      Oe(
+      Ge(
         this.topAggregationContainer,
         s,
         this.visibleColumns,
@@ -3271,18 +3309,18 @@ class En extends _ {
     const d = this.config.showRowCount !== !1 || this.config.showSelectedCount && r.selectedRows > 0 || this.config.showFilteredCount && r.filteredRows !== r.totalRows || this.config.customPanels && this.config.customPanels.length > 0, c = d && this.config.position !== "top", u = l.length > 0 || c;
     if (d && this.config.position === "top")
       if (!this.infoBarElement)
-        this.infoBarElement = ae(this.config, r), t.insertBefore(this.infoBarElement, t.firstChild);
+        this.infoBarElement = le(this.config, r), t.insertBefore(this.infoBarElement, t.firstChild);
       else {
-        const h = ae(this.config, r);
+        const h = le(this.config, r);
         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 = "", l.length > 0 && (this.bottomAggregationContainer || (this.bottomAggregationContainer = ze("bottom")), this.footerWrapper.appendChild(this.bottomAggregationContainer), Oe(
+    u ? (this.footerWrapper || (this.footerWrapper = document.createElement("div"), this.footerWrapper.className = "tbw-footer", t.appendChild(this.footerWrapper)), this.footerWrapper.innerHTML = "", l.length > 0 && (this.bottomAggregationContainer || (this.bottomAggregationContainer = Oe("bottom")), this.footerWrapper.appendChild(this.bottomAggregationContainer), Ge(
       this.bottomAggregationContainer,
       l,
       this.visibleColumns,
       this.sourceRows
-    )), c && (this.infoBarElement = ae(this.config, r), this.footerWrapper.appendChild(this.infoBarElement))) : this.cleanupFooter();
+    )), c && (this.infoBarElement = le(this.config, r), this.footerWrapper.appendChild(this.infoBarElement))) : this.cleanupFooter();
   }
   cleanup() {
     this.infoBarElement && (this.infoBarElement.remove(), this.infoBarElement = null), this.topAggregationContainer && (this.topAggregationContainer.remove(), this.topAggregationContainer = null), this.bottomAggregationContainer && (this.bottomAggregationContainer.remove(), this.bottomAggregationContainer = null), this.footerWrapper && (this.footerWrapper.remove(), this.footerWrapper = null);
@@ -3309,7 +3347,7 @@ class En extends _ {
   }
   getContext() {
     const e = this.getSelectionState(), t = this.getFilterState();
-    return Ge(
+    return Be(
       this.rows,
       this.columns,
       this.grid,
@@ -3330,7 +3368,7 @@ class En extends _ {
     this.config.aggregationRows && (this.config.aggregationRows = this.config.aggregationRows.filter((t) => t.id !== e), this.requestRender());
   }
 }
-const vi = mt;
+const vi = wt;
 function yi(a) {
   const e = [];
   return !a.rowGroupFields?.length && !a.columnGroupFields?.length && e.push("At least one row or column group field is required"), a.valueFields?.length || e.push("At least one value field is required"), e;
@@ -3339,7 +3377,7 @@ function be(a, e) {
   return [...a, e].join("|");
 }
 function xi(a, e) {
-  const t = e.rowGroupFields ?? [], i = e.columnGroupFields ?? [], n = e.valueFields ?? [], r = Ci(a, i), o = at(
+  const t = e.rowGroupFields ?? [], i = e.columnGroupFields ?? [], n = e.valueFields ?? [], r = Ci(a, i), o = lt(
     a,
     t,
     i,
@@ -3372,10 +3410,10 @@ function Ei(a, e) {
   }
   return t;
 }
-function at(a, e, t, i, n, r, o) {
+function lt(a, e, t, i, n, r, o) {
   const s = [];
   if (e.length === 0) {
-    const h = Be(a, t, i, n), f = Ve(h);
+    const h = Ve(a, t, i, n), f = We(h);
     return s.push({
       rowKey: o || "all",
       rowLabel: o || "All",
@@ -3388,9 +3426,9 @@ function at(a, e, t, i, n, r, o) {
   }
   const l = e[0], d = e.slice(1), c = d.length > 0, u = Ei(a, l);
   for (const [h, f] of u) {
-    const g = o ? `${o}|${h}` : h, p = Be(f, t, i, n), w = Ve(p);
+    const g = o ? `${o}|${h}` : h, p = Ve(f, t, i, n), w = We(p);
     let b;
-    c && (b = at(
+    c && (b = lt(
       f,
       d,
       t,
@@ -3411,7 +3449,7 @@ function at(a, e, t, i, n, r, o) {
   }
   return s;
 }
-function Be(a, e, t, i) {
+function Ve(a, e, t, i) {
   const n = {};
   for (const r of t)
     for (const o of i) {
@@ -3420,7 +3458,7 @@ function Be(a, e, t, i) {
     }
   return n;
 }
-function Ve(a) {
+function We(a) {
   let e = 0;
   for (const t of Object.values(a))
     e += t ?? 0;
@@ -3467,7 +3505,7 @@ function ki(a) {
 const Ai = ["sum", "avg", "count", "min", "max", "first", "last"];
 function _i(a, e, t, i) {
   const n = new AbortController(), r = { config: e, callbacks: i, signal: n.signal }, o = document.createElement("div");
-  return o.className = "tbw-pivot-panel", o.appendChild(Y("Options", () => Pi(t, r))), o.appendChild(Y("Row Groups", () => We("rowGroups", r))), o.appendChild(Y("Column Groups", () => We("columnGroups", r))), o.appendChild(Y("Values", () => Ti(r))), o.appendChild(Y("Available Fields", () => Fi(r))), a.appendChild(o), () => {
+  return o.className = "tbw-pivot-panel", o.appendChild(Y("Options", () => Pi(t, r))), o.appendChild(Y("Row Groups", () => $e("rowGroups", r))), o.appendChild(Y("Column Groups", () => $e("columnGroups", r))), o.appendChild(Y("Values", () => Li(r))), o.appendChild(Y("Available Fields", () => Fi(r))), a.appendChild(o), () => {
     n.abort(), o.remove();
   };
 }
@@ -3479,7 +3517,7 @@ function Y(a, e) {
   const n = document.createElement("div");
   return n.className = "tbw-pivot-section-content", n.appendChild(e()), t.appendChild(i), t.appendChild(n), t;
 }
-function We(a, e) {
+function $e(a, e) {
   const { config: t, callbacks: i, signal: n } = e, r = document.createElement("div");
   r.className = "tbw-pivot-drop-zone", r.setAttribute("data-zone", a);
   const o = a === "rowGroups" ? t.rowGroupFields ?? [] : t.columnGroupFields ?? [];
@@ -3488,7 +3526,7 @@ function We(a, e) {
     s.className = "tbw-pivot-placeholder", s.textContent = "Drag fields here or click to add", r.appendChild(s);
   } else
     for (const s of o)
-      r.appendChild(Li(s, a, e));
+      r.appendChild(Ti(s, a, e));
   return r.addEventListener(
     "dragover",
     (s) => {
@@ -3511,7 +3549,7 @@ function We(a, e) {
     { signal: n }
   ), r;
 }
-function Li(a, e, t) {
+function Ti(a, e, t) {
   const { callbacks: i, signal: n } = t, r = document.createElement("div");
   r.className = "tbw-pivot-field-chip", r.draggable = !0;
   const o = i.getAvailableFields().find((d) => d.field === a), s = document.createElement("span");
@@ -3537,7 +3575,7 @@ function Li(a, e, t) {
     { signal: n }
   ), r;
 }
-function Ti(a) {
+function Li(a) {
   const { config: e, callbacks: t, signal: i } = a, n = document.createElement("div");
   n.className = "tbw-pivot-drop-zone tbw-pivot-values-zone", n.setAttribute("data-zone", "values");
   const r = e.valueFields ?? [];
@@ -3631,7 +3669,7 @@ function Fi(a) {
 function Pi(a, e) {
   const { config: t, callbacks: i, signal: n } = e, r = document.createElement("div");
   return r.className = "tbw-pivot-options", r.appendChild(
-    le(
+    de(
       "Enable Pivot View",
       a,
       (o) => {
@@ -3640,7 +3678,7 @@ function Pi(a, e) {
       n
     )
   ), r.appendChild(
-    le(
+    de(
       "Show Row Totals",
       t.showTotals ?? !0,
       (o) => {
@@ -3649,7 +3687,7 @@ function Pi(a, e) {
       n
     )
   ), r.appendChild(
-    le(
+    de(
       "Show Grand Total",
       t.showGrandTotal ?? !0,
       (o) => {
@@ -3659,7 +3697,7 @@ function Pi(a, e) {
     )
   ), r;
 }
-function le(a, e, t, i) {
+function de(a, e, t, i) {
   const n = document.createElement("label");
   n.className = "tbw-pivot-checkbox";
   const r = document.createElement("input");
@@ -4105,25 +4143,25 @@ const zi = ".tbw-print-header,.tbw-print-footer{display:none}@media print{tbw-gr
   title: "",
   isolate: !1
 };
-class Rn extends _ {
+class Sn extends _ {
   name = "print";
   version = "1.0.0";
   styles = zi;
-  #t = !1;
+  #i = !1;
   #e = null;
   #s = null;
-  #o = null;
-  #i = null;
+  #r = null;
+  #t = null;
   #n = null;
   #u = null;
   get #l() {
     return this.grid;
   }
   isPrinting() {
-    return this.#t;
+    return this.#i;
   }
   async print(e) {
-    if (this.#t) {
+    if (this.#i) {
       console.warn("[PrintPlugin] Print already in progress");
       return;
     }
@@ -4145,7 +4183,7 @@ Click OK to continue, or Cancel to abort.`
       ))
         return;
     }
-    i.maxRows > 0 && r > i.maxRows && (o = i.maxRows, s = !0), this.#t = !0;
+    i.maxRows > 0 && r > i.maxRows && (o = i.maxRows, s = !0), this.#i = !0;
     const l = performance.now();
     this.emit("print-start", {
       rowCount: o,
@@ -4156,7 +4194,7 @@ Click OK to continue, or Cancel to abort.`
       const d = this.#l;
       this.#s = {
         bypassThreshold: d._virtualization?.bypassThreshold ?? 24
-      }, this.#v(), s && (this.#o = this.sourceRows, this.grid.rows = this.sourceRows.slice(0, o), await new Promise((c) => setTimeout(c, 50))), (i.includeTitle || i.includeTimestamp) && this.#r(i), await this.#d(), await new Promise((c) => requestAnimationFrame(c)), await new Promise((c) => requestAnimationFrame(c)), t.classList.add(`print-${i.orientation}`), await new Promise((c) => requestAnimationFrame(c)), await new Promise((c) => requestAnimationFrame(c)), i.isolate ? await this.#p(i) : await this.#f(), this.emit("print-complete", {
+      }, this.#v(), s && (this.#r = this.sourceRows, this.grid.rows = this.sourceRows.slice(0, o), await new Promise((c) => setTimeout(c, 50))), (i.includeTitle || i.includeTimestamp) && this.#o(i), await this.#d(), await new Promise((c) => requestAnimationFrame(c)), await new Promise((c) => requestAnimationFrame(c)), t.classList.add(`print-${i.orientation}`), await new Promise((c) => requestAnimationFrame(c)), await new Promise((c) => requestAnimationFrame(c)), i.isolate ? await this.#p(i) : await this.#f(), this.emit("print-complete", {
         success: !0,
         rowCount: o,
         duration: Math.round(performance.now() - l)
@@ -4168,21 +4206,21 @@ Click OK to continue, or Cancel to abort.`
         duration: Math.round(performance.now() - l)
       });
     } finally {
-      this.#w(), this.#t = !1;
+      this.#w(), this.#i = !1;
     }
   }
-  #r(e) {
+  #o(e) {
     const t = this.gridElement;
     if (t) {
-      if (this.#i = document.createElement("div"), this.#i.className = "tbw-print-header", e.includeTitle) {
+      if (this.#t = document.createElement("div"), this.#t.className = "tbw-print-header", e.includeTitle) {
         const i = e.title || this.grid.effectiveConfig?.shell?.header?.title || "Grid Data", n = document.createElement("div");
-        n.className = "tbw-print-header-title", n.textContent = i, this.#i.appendChild(n);
+        n.className = "tbw-print-header-title", n.textContent = i, this.#t.appendChild(n);
       }
       if (e.includeTimestamp) {
         const i = document.createElement("div");
-        i.className = "tbw-print-header-timestamp", i.textContent = `Printed: ${(/* @__PURE__ */ new Date()).toLocaleString()}`, this.#i.appendChild(i);
+        i.className = "tbw-print-header-timestamp", i.textContent = `Printed: ${(/* @__PURE__ */ new Date()).toLocaleString()}`, this.#t.appendChild(i);
       }
-      t.insertBefore(this.#i, t.firstChild), this.#n = document.createElement("div"), this.#n.className = "tbw-print-footer", this.#n.textContent = `Page generated from ${window.location.hostname}`, t.appendChild(this.#n);
+      t.insertBefore(this.#t, t.firstChild), this.#n = document.createElement("div"), this.#n.className = "tbw-print-footer", this.#n.textContent = `Page generated from ${window.location.hostname}`, t.appendChild(this.#n);
     }
   }
   async #d() {
@@ -4225,9 +4263,9 @@ Click OK to continue, or Cancel to abort.`
   #w() {
     const e = this.gridElement;
     if (!e) return;
-    this.#h(), e.classList.remove("print-portrait", "print-landscape"), this.#u !== null && (e.style.transform = "", e.style.transformOrigin = "", e.style.width = "", this.#u = null), this.#i && (this.#i.remove(), this.#i = null), this.#n && (this.#n.remove(), this.#n = null);
+    this.#h(), e.classList.remove("print-portrait", "print-landscape"), this.#u !== null && (e.style.transform = "", e.style.transformOrigin = "", e.style.width = "", this.#u = null), this.#t && (this.#t.remove(), this.#t = null), this.#n && (this.#n.remove(), this.#n = null);
     const t = this.#l;
-    this.#s && t._virtualization && (t._virtualization.bypassThreshold = this.#s.bypassThreshold, t.refreshVirtualWindow(!0), this.#s = null), this.#o !== null && (this.grid.rows = this.#o, this.#o = null);
+    this.#s && t._virtualization && (t._virtualization.bypassThreshold = this.#s.bypassThreshold, t.refreshVirtualWindow(!0), this.#s = null), this.#r !== null && (this.grid.rows = this.#r, this.#r = null);
   }
   afterRender() {
     this.config?.button && !this.#c && (this.#g(), this.#c = !0);
@@ -4256,13 +4294,13 @@ function Gi(a) {
   const e = a.meta ?? {};
   return e.lockPosition !== !0 && e.suppressMovable !== !0;
 }
-function $e(a, e, t) {
+function je(a, e, t) {
   if (e === t || e < 0 || e >= a.length || t < 0 || t > a.length) return a;
   const i = [...a], [n] = i.splice(e, 1);
   return i.splice(t, 0, n), i;
 }
 const Bi = '@layer tbw-plugins{.header-row>.cell[draggable=true]{cursor:grab;position:relative}.header-row>.cell.dragging{opacity:.5;cursor:grabbing}.header-row>.cell.drop-before:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent));z-index:1}.header-row>.cell.drop-after:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent));z-index:1}.cell.flip-animating{transition:transform var(--tbw-animation-duration, .2s) ease-out;will-change:transform;z-index:1}@keyframes reorder-fade-in{0%{opacity:0}to{opacity:1}}.cell.fade-animating{animation:reorder-fade-in var(--tbw-animation-duration, .2s) ease-out backwards}}';
-class Sn extends _ {
+class kn extends _ {
   name = "reorder";
   styles = Bi;
   get defaultConfig() {
@@ -4328,7 +4366,7 @@ class Sn extends _ {
         const l = this.draggedField, d = this.draggedIndex, c = this.dropIndex;
         if (!this.isDragging || l === null || d === null || c === null)
           return;
-        const u = c > d ? c - 1 : c, h = this.getColumnOrder(), f = $e(h, d, u), g = {
+        const u = c > d ? c - 1 : c, h = this.getColumnOrder(), f = je(h, d, u), g = {
           field: l,
           fromIndex: d,
           toIndex: u,
@@ -4359,7 +4397,7 @@ class Sn extends _ {
   moveColumn(e, t) {
     const i = this.getColumnOrder(), n = i.indexOf(e);
     if (n === -1) return;
-    const r = $e(i, n, t);
+    const r = je(i, n, t);
     this.emitCancelable("column-move", {
       field: e,
       fromIndex: n,
@@ -4455,7 +4493,7 @@ class Sn extends _ {
   }
 }
 const Vi = 'tbw-grid[data-responsive-animate]{.data-grid-row,.data-grid-row>.cell{transition:opacity var(--tbw-responsive-duration, .2s) ease-out,transform var(--tbw-responsive-duration, .2s) ease-out}}tbw-grid[data-responsive][data-responsive-animate]{.data-grid-row{animation:responsive-card-enter var(--tbw-responsive-duration, .2s) ease-out}}@keyframes responsive-card-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}tbw-grid[data-responsive]{.header{display:none!important}.footer-row{display:none}.tbw-scroll-area{overflow-x:hidden;min-width:0!important}.rows-body-wrapper{min-width:0!important}.data-grid-row:not(.group-row){display:block!important;grid-template-columns:none!important;padding:var(--tbw-cell-padding);padding-inline-start:var(--tbw-spacing-xl);border-bottom:1px solid var(--tbw-color-border);min-height:auto!important;height:auto!important;contain:none!important;content-visibility:visible!important;background:var(--tbw-color-bg);position:relative;&:nth-child(2n){background:var(--tbw-color-row-alt)}&:hover{background:var(--tbw-color-row-hover)}&[aria-selected=true]{background:var(--tbw-color-selection);&:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:var(--tbw-color-accent)}}}.data-grid-row:not(.group-row)>.cell{display:flex!important;justify-content:space-between;align-items:center;padding:var(--tbw-spacing-xs) var(--tbw-spacing-md);width:100%!important;min-width:0!important;min-height:auto!important;height:auto!important;line-height:1.5!important;position:static!important;left:auto!important;right:auto!important;border:none!important;border-bottom:none!important;border-inline-end:none!important;background:transparent!important;white-space:normal!important;overflow:visible!important;&:before{content:attr(data-header) ": ";font-weight:600;color:var(--tbw-color-header-fg);flex-shrink:0;margin-inline-end:var(--tbw-spacing-md);min-width:100px}&:after{content:none}}.cell[data-utility]{display:none!important}}tbw-grid[data-responsive] .cell[data-responsive-hidden]{display:none!important}tbw-grid[data-responsive] .cell[data-responsive-value-only]{&:before{display:none!important}justify-content:flex-start!important;font-weight:500}tbw-grid:not([data-responsive]) .cell[data-responsive-hidden]{display:none!important}tbw-grid[data-responsive]{.tbw-footer,.tbw-pinned-rows,.tbw-aggregation-rows{display:none!important}.tbw-pinned-rows,.tbw-aggregation-rows,.tbw-aggregation-row{min-width:0!important}}tbw-grid[data-responsive] .data-grid-row.responsive-card{display:block!important;padding:var(--tbw-cell-padding);border-bottom:1px solid var(--tbw-color-border);>*{width:100%}.cell:before{display:none}}';
-class kn extends _ {
+class An extends _ {
   name = "responsive";
   version = "1.0.0";
   styles = Vi;
@@ -4473,44 +4511,44 @@ class kn extends _ {
       }
     ]
   };
-  #t;
+  #i;
   #e = !1;
   #s;
-  #o = !1;
-  #i = 0;
+  #r = !1;
+  #t = 0;
   #n = /* @__PURE__ */ new Set();
   #u = /* @__PURE__ */ new Set();
   #l = null;
-  #r = [];
+  #o = [];
   isResponsive() {
     return this.#e;
   }
   setResponsive(e) {
     e !== this.#e && (this.#e = e, this.#w(), this.emit("responsive-change", {
       isResponsive: e,
-      width: this.#i,
+      width: this.#t,
       breakpoint: this.config.breakpoint ?? 0
     }));
   }
   setBreakpoint(e) {
-    this.config.breakpoint = e, this.#p(this.#i);
+    this.config.breakpoint = e, this.#p(this.#t);
   }
   setCardRenderer(e) {
     this.config.cardRenderer = e, this.#e && this.requestRender();
   }
   getWidth() {
-    return this.#i;
+    return this.#t;
   }
   getActiveBreakpoint() {
     return this.#l;
   }
   attach(e) {
-    super.attach(e), this.#d(), this.#f(this.config.hiddenColumns), this.config.breakpoints?.length && (this.#r = [...this.config.breakpoints].sort((t, i) => i.maxWidth - t.maxWidth)), this.#t = new ResizeObserver((t) => {
+    super.attach(e), this.#d(), this.#f(this.config.hiddenColumns), this.config.breakpoints?.length && (this.#o = [...this.config.breakpoints].sort((t, i) => i.maxWidth - t.maxWidth)), this.#i = new ResizeObserver((t) => {
       const i = t[0]?.contentRect.width ?? 0;
-      this.#i = i, clearTimeout(this.#s), this.#s = setTimeout(() => {
+      this.#t = i, clearTimeout(this.#s), this.#s = setTimeout(() => {
         this.#p(i);
       }, this.config.debounceMs ?? 100);
-    }), this.#t.observe(this.gridElement);
+    }), this.#i.observe(this.gridElement);
   }
   #d() {
     const e = this.grid;
@@ -4533,7 +4571,7 @@ class kn extends _ {
     }
     const c = t.innerHTML.trim();
     c && !this.config.cardRenderer && !i.__frameworkAdapter?.parseResponsiveCardElement && (d.cardRenderer = (u) => {
-      const h = Je(c, { value: u, row: u }), f = et(h), g = document.createElement("div");
+      const h = et(c, { value: u, row: u }), f = tt(h), g = document.createElement("div");
       return g.className = "tbw-responsive-card-content", g.innerHTML = f, g;
     }), Object.keys(d).length > 0 && (this.config = { ...this.config, ...d });
   }
@@ -4543,14 +4581,14 @@ class kn extends _ {
         typeof t == "string" ? this.#n.add(t) : t.showValue ? this.#u.add(t.field) : this.#n.add(t.field);
   }
   detach() {
-    this.#t?.disconnect(), this.#t = void 0, clearTimeout(this.#s), this.#s = void 0, this.gridElement && this.gridElement.removeAttribute("data-responsive"), super.detach();
+    this.#i?.disconnect(), this.#i = void 0, clearTimeout(this.#s), this.#s = void 0, this.gridElement && this.gridElement.removeAttribute("data-responsive"), super.detach();
   }
   handleQuery(e) {
     if (e.type === "isCardMode")
       return this.#e;
   }
   afterRender() {
-    if (this.#R(), !(this.#r.length > 0 ? this.#l !== null : this.#e))
+    if (this.#R(), !(this.#o.length > 0 ? this.#l !== null : this.#e))
       return;
     const t = this.#n.size > 0, i = this.#u.size > 0;
     if (!t && !i)
@@ -4562,12 +4600,12 @@ class kn extends _ {
     }
   }
   #p(e) {
-    if (this.#r.length > 0) {
+    if (this.#o.length > 0) {
       this.#v(e);
       return;
     }
     const t = this.config.breakpoint ?? 0;
-    t === 0 && !this.#o && (this.#o = !0, console.warn(
+    t === 0 && !this.#r && (this.#r = !0, console.warn(
       "[tbw-grid:ResponsivePlugin] No breakpoint configured. Responsive mode is disabled. Set a breakpoint based on your grid's column count."
     ));
     const i = t > 0 && e < t;
@@ -4579,7 +4617,7 @@ class kn extends _ {
   }
   #v(e) {
     let t = null;
-    for (const n of this.#r)
+    for (const n of this.#o)
       e <= n.maxWidth && (t = n);
     if (t !== this.#l) {
       this.#l = t, t?.hiddenColumns ? this.#f(t.hiddenColumns) : this.#f(this.config.hiddenColumns);
@@ -4719,7 +4757,7 @@ class kn extends _ {
   }
 }
 const Wi = '@layer tbw-plugins{[data-field=__tbw_row_drag]{display:flex;align-items:center;justify-content:center}.dg-row-drag-handle{display:flex;align-items:center;justify-content:center;min-width:1em;min-height:1em;cursor:grab;user-select:none;color:var(--tbw-row-reorder-handle-color, var(--tbw-color-fg-muted));transition:color var(--tbw-transition-duration, .12s) var(--tbw-transition-ease, ease);font-size:var(--tbw-font-size, 1em);letter-spacing:-2px;&:hover{color:var(--tbw-row-reorder-handle-hover, var(--tbw-color-fg))}&:active{cursor:grabbing}}.data-grid-row.dragging{opacity:.6}.data-grid-row.drop-target{position:relative;&.drop-before:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background-color:var(--tbw-row-reorder-indicator, var(--tbw-color-accent));z-index:10}&.drop-after:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--tbw-row-reorder-indicator, var(--tbw-color-accent));z-index:10}}.data-grid-row.keyboard-moving{background-color:var(--tbw-row-reorder-moving-bg, var(--tbw-focus-background));box-shadow:0 0 0 1px var(--tbw-row-reorder-moving-border, var(--tbw-color-accent)) inset}.data-grid-row.flip-animating{transition:transform var(--tbw-animation-duration, .2s) ease-out;will-change:transform;z-index:1}}', $i = "__tbw_row_drag";
-class An extends _ {
+class _n extends _ {
   name = "rowReorder";
   styles = Wi;
   get defaultConfig() {
@@ -4946,31 +4984,31 @@ function ji(a) {
     to: { row: e.endRow, col: e.endCol }
   };
 }
-function lt(a) {
+function dt(a) {
   return a.map(ji);
 }
 function Ui(a, e, t) {
   const i = $(t);
   return a >= i.startRow && a <= i.endRow && e >= i.startCol && e <= i.endCol;
 }
-function je(a, e, t) {
+function Yi(a, e, t) {
   return t.some((i) => Ui(a, e, i));
 }
-function Yi(a) {
+function Xi(a) {
   const e = [], t = $(a);
   for (let i = t.startRow; i <= t.endRow; i++)
     for (let n = t.startCol; n <= t.endCol; n++)
       e.push({ row: i, col: n });
   return e;
 }
-function Xi(a) {
+function Zi(a) {
   const e = /* @__PURE__ */ new Map();
   for (const t of a)
-    for (const i of Yi(t))
+    for (const i of Xi(t))
       e.set(`${i.row},${i.col}`, i);
   return [...e.values()];
 }
-function de(a, e) {
+function ce(a, e) {
   return {
     startRow: a.row,
     startCol: a.col,
@@ -4982,8 +5020,8 @@ function Q(a, e) {
   const t = $(a), i = $(e);
   return t.startRow === i.startRow && t.startCol === i.startCol && t.endRow === i.endRow && t.endCol === i.endCol;
 }
-const Zi = "@layer tbw-plugins{tbw-grid{&.selecting .data-grid-row>.cell{user-select:none}&:has(.selection){user-select:none}&[data-has-focus] .data-grid-row.row-focus{background-color:var(--tbw-focus-background, rgba(from var(--tbw-color-accent) r g b / 12%))}&[data-selection-mode=row] .cell-focus{outline:none}.data-grid-row>.cell.selected{background-color:var(--tbw-range-selection-bg);&.top{border-top:2px solid var(--tbw-range-border-color)}&.bottom{border-bottom:2px solid var(--tbw-range-border-color)}&.first{border-left:2px solid var(--tbw-range-border-color)}&.last{border-right:2px solid var(--tbw-range-border-color)}}.data-grid-row[data-selectable=false]{cursor:not-allowed;opacity:.6;&.row-focus{background-color:var(--tbw-color-row-alt)}}.data-grid-row>.cell[data-selectable=false]{cursor:not-allowed;opacity:.6;&.selected{background-color:var(--tbw-selection-warning-bg, rgba(from var(--tbw-color-error) r g b / 50%))}}.tbw-selection-summary{font-size:var(--tbw-font-size-sm, .8125rem);color:var(--tbw-color-fg-muted);white-space:nowrap}}}";
-function Qi(a, e, t) {
+const Qi = '@layer tbw-plugins{tbw-grid{&.selecting .data-grid-row>.cell{user-select:none}&:has(.selection){user-select:none}&[data-has-focus] .data-grid-row.row-focus{background-color:var(--tbw-focus-background, rgba(from var(--tbw-color-accent) r g b / 12%));outline:none;position:relative;&:after{content:"";position:absolute;inset:0;pointer-events:none;border:0 solid var(--tbw-range-border-color, var(--tbw-color-accent));border-top-width:2px;border-bottom-width:2px;z-index:1}+.data-grid-row.row-focus:after{border-top-width:0}&:has(+.data-grid-row.row-focus):after{border-bottom-width:0}}&[data-selection-mode=row] .cell-focus,&[data-selection-mode=row] .row-focus,&[data-selection-mode=range] .cell-focus{outline:none}.data-grid-row>.cell.selected{background-color:var(--tbw-range-selection-bg);position:relative;&:after{content:"";position:absolute;inset:0;pointer-events:none;border:0 solid var(--tbw-range-border-color);z-index:1}&.top:after{border-top-width:2px}&.bottom:after{border-bottom-width:2px}&.first:after{border-left-width:2px}&.last:after{border-right-width:2px}}.data-grid-row[data-selectable=false]{cursor:not-allowed;opacity:.6;&.row-focus{background-color:var(--tbw-color-row-alt)}}.data-grid-row>.cell[data-selectable=false]{cursor:not-allowed;opacity:.6;&.selected{background-color:var(--tbw-selection-warning-bg, rgba(from var(--tbw-color-error) r g b / 50%))}}.tbw-selection-summary{font-size:var(--tbw-font-size-sm, .8125rem);color:var(--tbw-color-fg-muted);white-space:nowrap}.data-grid-row>.cell[data-field=__tbw_checkbox],.header-row>.cell[data-field=__tbw_checkbox]{text-align:center;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.tbw-select-row-checkbox{pointer-events:none;margin:0;cursor:pointer}.tbw-checkbox-header{display:flex;justify-content:center;align-items:center;height:100%}.tbw-select-all-checkbox{margin:0;cursor:pointer}}}', Ue = "__tbw_checkbox";
+function Ji(a, e, t) {
   if (a === "cell" && e.selectedCell)
     return {
       mode: a,
@@ -4995,15 +5033,15 @@ function Qi(a, e, t) {
       ]
     };
   if (a === "row" && e.selected.size > 0) {
-    const i = [...e.selected].map((n) => ({
-      from: { row: n, col: 0 },
-      to: { row: n, col: t - 1 }
-    }));
-    return { mode: a, ranges: i };
+    const i = [...e.selected].sort((s, l) => s - l), n = [];
+    let r = i[0], o = r;
+    for (let s = 1; s < i.length; s++)
+      i[s] === o + 1 ? o = i[s] : (n.push({ from: { row: r, col: 0 }, to: { row: o, col: t - 1 } }), r = i[s], o = r);
+    return n.push({ from: { row: r, col: 0 }, to: { row: o, col: t - 1 } }), { mode: a, ranges: n };
   }
-  return a === "range" && e.ranges.length > 0 ? { mode: a, ranges: lt(e.ranges) } : { mode: a, ranges: [] };
+  return a === "range" && e.ranges.length > 0 ? { mode: a, ranges: dt(e.ranges) } : { mode: a, ranges: [] };
 }
-class _n extends _ {
+class Tn extends _ {
   static manifest = {
     queries: [{ type: "getSelection", description: "Get the current selection state" }],
     configRules: [
@@ -5018,7 +5056,7 @@ class _n extends _ {
     ]
   };
   name = "selection";
-  styles = Zi;
+  styles = Qi;
   get defaultConfig() {
     return {
       mode: "cell",
@@ -5035,6 +5073,9 @@ class _n extends _ {
   isDragging = !1;
   pendingKeyboardUpdate = null;
   selectedCell = null;
+  lastSyncedFocusRow = -1;
+  lastSyncedFocusCol = -1;
+  explicitSelection = !1;
   isSelectionEnabled() {
     return this.config.enabled === !1 ? !1 : this.grid.effectiveConfig?.selectable !== !1;
   }
@@ -5060,31 +5101,47 @@ class _n extends _ {
       return this.getSelection();
   }
   detach() {
-    this.selected.clear(), this.ranges = [], this.activeRange = null, this.cellAnchor = null, this.isDragging = !1, this.selectedCell = null, this.pendingKeyboardUpdate = null;
+    this.selected.clear(), this.ranges = [], this.activeRange = null, this.cellAnchor = null, this.isDragging = !1, this.selectedCell = null, this.pendingKeyboardUpdate = null, this.lastSyncedFocusRow = -1, this.lastSyncedFocusCol = -1;
   }
   clearSelectionSilent() {
-    this.selected.clear(), this.ranges = [], this.activeRange = null, this.cellAnchor = null, this.selectedCell = null, this.lastSelected = null, this.anchor = null, this.requestAfterRender();
+    this.selected.clear(), this.ranges = [], this.activeRange = null, this.cellAnchor = null, this.selectedCell = null, this.lastSelected = null, this.anchor = null, this.lastSyncedFocusRow = -1, this.lastSyncedFocusCol = -1, this.requestAfterRender();
   }
   onCellClick(e) {
     if (!this.isSelectionEnabled()) return !1;
     const { rowIndex: t, colIndex: i, originalEvent: n } = e, { mode: r, triggerOn: o = "click" } = this.config;
     if (n.type !== o)
       return !1;
-    const s = this.columns[i], l = s && H(s);
+    const s = this.columns[i], l = s && K(s);
     if (r === "cell") {
       if (l || !this.isCellSelectable(t, i))
         return !1;
       const d = this.selectedCell;
-      return d && d.row === t && d.col === i || (this.selectedCell = { row: t, col: i }, this.emit("selection-change", this.#e()), this.requestAfterRender()), !1;
+      return d && d.row === t && d.col === i || (this.selectedCell = { row: t, col: i }, this.emit("selection-change", this.#t()), this.requestAfterRender()), !1;
+    }
+    if (r === "row") {
+      if (!this.isRowSelectable(t))
+        return !1;
+      const d = n.shiftKey, c = n.ctrlKey || n.metaKey, u = s?.meta?.checkboxColumn === !0;
+      if (d && this.anchor !== null) {
+        const h = Math.min(this.anchor, t), f = Math.max(this.anchor, t);
+        c || this.selected.clear();
+        for (let g = h; g <= f; g++)
+          this.isRowSelectable(g) && this.selected.add(g);
+      } else if (c || u)
+        this.selected.has(t) ? this.selected.delete(t) : this.selected.add(t), this.anchor = t;
+      else {
+        if (this.selected.size === 1 && this.selected.has(t))
+          return !1;
+        this.selected.clear(), this.selected.add(t), this.anchor = t;
+      }
+      return this.lastSelected = t, this.explicitSelection = !0, this.emit("selection-change", this.#t()), this.requestAfterRender(), !1;
     }
-    if (r === "row")
-      return !this.isRowSelectable(t) || this.selected.size === 1 && this.selected.has(t) || (this.selected.clear(), this.selected.add(t), this.lastSelected = t, this.emit("selection-change", this.#e()), this.requestAfterRender()), !1;
     if (r === "range") {
       if (l || !this.isCellSelectable(t, i))
         return !1;
       const d = n.shiftKey, c = n.ctrlKey || n.metaKey;
       if (d && this.cellAnchor) {
-        const u = de(this.cellAnchor, { row: t, col: i }), h = this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] : null;
+        const u = ce(this.cellAnchor, { row: t, col: i }), h = this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] : null;
         if (h && Q(h, u))
           return !1;
         c ? this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] = u : this.ranges.push(u) : this.ranges = [u], this.activeRange = u;
@@ -5107,7 +5164,7 @@ class _n extends _ {
           return !1;
         this.ranges = [u], this.activeRange = u, this.cellAnchor = { row: t, col: i };
       }
-      return this.emit("selection-change", this.#e()), this.requestAfterRender(), !1;
+      return this.emit("selection-change", this.#t()), this.requestAfterRender(), !1;
     }
     return !1;
   }
@@ -5115,40 +5172,40 @@ class _n extends _ {
     if (!this.isSelectionEnabled()) return !1;
     const { mode: t } = this.config, n = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Tab", "Home", "End", "PageUp", "PageDown"].includes(e.key);
     if (e.key === "Escape")
-      return t === "cell" ? this.selectedCell = null : t === "row" ? (this.selected.clear(), this.anchor = null) : t === "range" && (this.ranges = [], this.activeRange = null, this.cellAnchor = null), this.emit("selection-change", this.#e()), this.requestAfterRender(), !0;
+      return t === "cell" ? this.selectedCell = null : t === "row" ? (this.selected.clear(), this.anchor = null) : t === "range" && (this.ranges = [], this.activeRange = null, this.cellAnchor = null), this.emit("selection-change", this.#t()), this.requestAfterRender(), !0;
     if (t === "cell" && n)
       return queueMicrotask(() => {
         const r = this.grid._focusRow, o = this.grid._focusCol;
-        this.isCellSelectable(r, o) ? this.selectedCell = { row: r, col: o } : this.selectedCell = null, this.emit("selection-change", this.#e()), this.requestAfterRender();
-      }), !1;
-    if (t === "row" && (e.key === "ArrowUp" || e.key === "ArrowDown"))
-      return queueMicrotask(() => {
-        const r = this.grid._focusRow;
-        this.isRowSelectable(r) ? (this.selected.clear(), this.selected.add(r), this.lastSelected = r) : this.selected.clear(), this.emit("selection-change", this.#e()), this.requestAfterRender();
+        this.isCellSelectable(r, o) ? this.selectedCell = { row: r, col: o } : this.selectedCell = null, this.emit("selection-change", this.#t()), this.requestAfterRender();
       }), !1;
+    if (t === "row") {
+      if (e.key === "ArrowUp" || e.key === "ArrowDown") {
+        const r = e.shiftKey;
+        return r && this.anchor === null && (this.anchor = this.grid._focusRow), queueMicrotask(() => {
+          const o = this.grid._focusRow;
+          if (r && this.anchor !== null) {
+            this.selected.clear();
+            const s = Math.min(this.anchor, o), l = Math.max(this.anchor, o);
+            for (let d = s; d <= l; d++)
+              this.isRowSelectable(d) && this.selected.add(d);
+          } else
+            this.isRowSelectable(o) ? (this.selected.clear(), this.selected.add(o), this.anchor = o) : this.selected.clear();
+          this.lastSelected = o, this.explicitSelection = !0, this.emit("selection-change", this.#t()), this.requestAfterRender();
+        }), !1;
+      }
+      if (e.key === "a" && (e.ctrlKey || e.metaKey))
+        return e.preventDefault(), e.stopPropagation(), this.selectAll(), !0;
+    }
     if (t === "range" && n) {
       const r = e.key === "Tab", o = e.shiftKey && !r;
       return o && !this.cellAnchor && (this.cellAnchor = { row: this.grid._focusRow, col: this.grid._focusCol }), this.pendingKeyboardUpdate = { shiftKey: o }, queueMicrotask(() => this.requestAfterRender()), !1;
     }
-    if (t === "range" && e.key === "a" && (e.ctrlKey || e.metaKey)) {
-      const r = this.rows.length, o = this.columns.length;
-      if (r > 0 && o > 0) {
-        e.preventDefault(), e.stopPropagation();
-        const s = {
-          startRow: 0,
-          startCol: 0,
-          endRow: r - 1,
-          endCol: o - 1
-        };
-        return this.ranges = [s], this.activeRange = s, this.emit("selection-change", this.#e()), this.requestAfterRender(), !0;
-      }
-    }
-    return !1;
+    return t === "range" && e.key === "a" && (e.ctrlKey || e.metaKey) ? (e.preventDefault(), e.stopPropagation(), this.selectAll(), !0) : !1;
   }
   onCellMouseDown(e) {
     if (!this.isSelectionEnabled() || this.config.mode !== "range" || e.rowIndex === void 0 || e.colIndex === void 0 || e.rowIndex < 0) return;
     const t = this.columns[e.colIndex];
-    if (t && H(t) || !this.isCellSelectable(e.rowIndex, e.colIndex) || e.originalEvent.shiftKey && this.cellAnchor)
+    if (t && K(t) || !this.isCellSelectable(e.rowIndex, e.colIndex) || e.originalEvent.shiftKey && this.cellAnchor)
       return;
     this.isDragging = !0;
     const i = e.rowIndex, n = e.colIndex, r = e.originalEvent.ctrlKey || e.originalEvent.metaKey, o = {
@@ -5157,24 +5214,104 @@ class _n extends _ {
       endRow: i,
       endCol: n
     };
-    return !r && this.ranges.length === 1 && Q(this.ranges[0], o) ? (this.cellAnchor = { row: i, col: n }, !0) : (this.cellAnchor = { row: i, col: n }, r || (this.ranges = []), this.ranges.push(o), this.activeRange = o, this.emit("selection-change", this.#e()), this.requestAfterRender(), !0);
+    return !r && this.ranges.length === 1 && Q(this.ranges[0], o) ? (this.cellAnchor = { row: i, col: n }, !0) : (this.cellAnchor = { row: i, col: n }, r || (this.ranges = []), this.ranges.push(o), this.activeRange = o, this.emit("selection-change", this.#t()), this.requestAfterRender(), !0);
   }
   onCellMouseMove(e) {
     if (!this.isSelectionEnabled() || this.config.mode !== "range" || !this.isDragging || !this.cellAnchor || e.rowIndex === void 0 || e.colIndex === void 0 || e.rowIndex < 0) return;
     let t = e.colIndex;
     const i = this.columns[t];
-    if (i && H(i)) {
-      const o = this.columns.findIndex((s) => !H(s));
+    if (i && K(i)) {
+      const o = this.columns.findIndex((s) => !K(s));
       o >= 0 && (t = o);
     }
-    const n = de(this.cellAnchor, { row: e.rowIndex, col: t }), r = this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] : null;
-    return r && Q(r, n) || (this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] = n : this.ranges.push(n), this.activeRange = n, this.emit("selection-change", this.#e()), this.requestAfterRender()), !0;
+    const n = ce(this.cellAnchor, { row: e.rowIndex, col: t }), r = this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] : null;
+    return r && Q(r, n) || (this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] = n : this.ranges.push(n), this.activeRange = n, this.emit("selection-change", this.#t()), this.requestAfterRender()), !0;
   }
   onCellMouseUp(e) {
     if (this.isSelectionEnabled() && this.config.mode === "range" && this.isDragging)
       return this.isDragging = !1, !0;
   }
-  #t() {
+  processColumns(e) {
+    if (this.config.checkbox && this.config.mode === "row") {
+      if (e.some((r) => r.field === Ue))
+        return e;
+      const t = this.#i(), i = e.findIndex(te), n = i >= 0 ? i + 1 : 0;
+      return [...e.slice(0, n), t, ...e.slice(n)];
+    }
+    return e;
+  }
+  #i() {
+    return {
+      field: Ue,
+      header: "",
+      width: 32,
+      resizable: !1,
+      sortable: !1,
+      meta: {
+        lockPosition: !0,
+        suppressMovable: !0,
+        utility: !0,
+        checkboxColumn: !0
+      },
+      headerRenderer: () => {
+        const e = document.createElement("div");
+        e.className = "tbw-checkbox-header";
+        const t = document.createElement("input");
+        return t.type = "checkbox", t.className = "tbw-select-all-checkbox", t.addEventListener("click", (i) => {
+          i.stopPropagation(), i.target.checked ? this.selectAll() : this.clearSelection();
+        }), e.appendChild(t), e;
+      },
+      renderer: (e) => {
+        const t = document.createElement("input");
+        t.type = "checkbox", t.className = "tbw-select-row-checkbox";
+        const i = e.cellEl;
+        if (i) {
+          const n = parseInt(i.getAttribute("data-row") ?? "-1", 10);
+          n >= 0 && (t.checked = this.selected.has(n));
+        }
+        return t;
+      }
+    };
+  }
+  #e(e) {
+    e.querySelectorAll(".tbw-select-row-checkbox").forEach((n) => {
+      const r = n.closest(".cell"), o = r ? xe(r) : -1;
+      o >= 0 && (n.checked = this.selected.has(o));
+    });
+    const i = e.querySelector(".tbw-select-all-checkbox");
+    if (i) {
+      const n = this.rows.length;
+      let r = 0;
+      if (this.config.isSelectable)
+        for (let l = 0; l < n; l++)
+          this.isRowSelectable(l) && r++;
+      else
+        r = n;
+      const o = r > 0 && this.selected.size >= r, s = this.selected.size > 0;
+      i.checked = o, i.indeterminate = s && !o;
+    }
+  }
+  #s(e) {
+    const t = this.grid._focusRow, i = this.grid._focusCol;
+    if (e === "row") {
+      if (this.explicitSelection) {
+        this.explicitSelection = !1, this.lastSyncedFocusRow = t;
+        return;
+      }
+      t !== this.lastSyncedFocusRow && (this.lastSyncedFocusRow = t, this.isRowSelectable(t) && (!this.selected.has(t) || this.selected.size !== 1) && (this.selected.clear(), this.selected.add(t), this.lastSelected = t, this.anchor = t, this.emit("selection-change", this.#t())));
+    }
+    if (e === "cell") {
+      if (this.explicitSelection) {
+        this.explicitSelection = !1, this.lastSyncedFocusRow = t, this.lastSyncedFocusCol = i;
+        return;
+      }
+      if ((t !== this.lastSyncedFocusRow || i !== this.lastSyncedFocusCol) && (this.lastSyncedFocusRow = t, this.lastSyncedFocusCol = i, this.isCellSelectable(t, i))) {
+        const n = this.selectedCell;
+        (!n || n.row !== t || n.col !== i) && (this.selectedCell = { row: t, col: i }, this.emit("selection-change", this.#t()));
+      }
+    }
+  }
+  #r() {
     const e = this.gridElement;
     if (!e) return;
     const { mode: t } = this.config, i = !!this.config.isSelectable;
@@ -5184,26 +5321,27 @@ class _n extends _ {
     const r = e.querySelectorAll(".data-grid-row");
     if (r.forEach((o) => {
       o.classList.remove("selected", "row-focus"), i && o.removeAttribute("data-selectable");
-    }), t === "row" && (xe(e), r.forEach((o) => {
-      const s = o.querySelector(".cell[data-row]"), l = wt(s);
+    }), t === "row" && (Ce(e), r.forEach((o) => {
+      const s = o.querySelector(".cell[data-row]"), l = xe(s);
       l >= 0 && (i && !this.isRowSelectable(l) && o.setAttribute("data-selectable", "false"), this.selected.has(l) && o.classList.add("selected", "row-focus"));
-    })), (t === "cell" || t === "range") && i && e.querySelectorAll(".cell[data-row][data-col]").forEach((s) => {
+    }), this.config.checkbox && this.#e(e)), (t === "cell" || t === "range") && i && e.querySelectorAll(".cell[data-row][data-col]").forEach((s) => {
       const l = parseInt(s.getAttribute("data-row") ?? "-1", 10), d = parseInt(s.getAttribute("data-col") ?? "-1", 10);
       l >= 0 && d >= 0 && (this.isCellSelectable(l, d) || s.setAttribute("data-selectable", "false"));
     }), t === "range" && this.ranges.length > 0) {
-      xe(e);
-      const o = this.activeRange ? $(this.activeRange) : null, s = this.columns.findIndex((d) => !H(d));
-      this.columns.length - 1, e.querySelectorAll(".cell[data-row][data-col]").forEach((d) => {
+      Ce(e);
+      const o = this.ranges.map($), s = (d, c) => {
+        for (const u of o)
+          if (d >= u.startRow && d <= u.endRow && c >= u.startCol && c <= u.endCol)
+            return !0;
+        return !1;
+      };
+      e.querySelectorAll(".cell[data-row][data-col]").forEach((d) => {
         const c = parseInt(d.getAttribute("data-row") ?? "-1", 10), u = parseInt(d.getAttribute("data-col") ?? "-1", 10);
         if (c >= 0 && u >= 0) {
           const h = this.columns[u];
-          if (h && H(h))
+          if (h && K(h))
             return;
-          if (je(c, u, this.ranges) && (d.classList.add("selected"), o)) {
-            c === o.startRow && d.classList.add("top"), c === o.endRow && d.classList.add("bottom");
-            const g = Math.max(o.startCol, s);
-            u === g && d.classList.add("first"), u === o.endCol && d.classList.add("last");
-          }
+          s(c, u) && (d.classList.add("selected"), s(c - 1, u) || d.classList.add("top"), s(c + 1, u) || d.classList.add("bottom"), s(c, u - 1) || d.classList.add("first"), s(c, u + 1) || d.classList.add("last"));
         }
       });
     }
@@ -5218,28 +5356,59 @@ class _n extends _ {
       this.pendingKeyboardUpdate = null;
       const r = this.grid._focusRow, o = this.grid._focusCol;
       if (n && this.cellAnchor) {
-        const s = de(this.cellAnchor, { row: r, col: o });
+        const s = ce(this.cellAnchor, { row: r, col: o });
         this.ranges = [s], this.activeRange = s;
       } else n || (this.ranges = [], this.activeRange = null, this.cellAnchor = { row: r, col: o });
-      this.emit("selection-change", this.#e());
+      this.emit("selection-change", this.#t());
     }
-    this.grid.setAttribute("data-selection-mode", i), t && t.classList.toggle("selecting", this.isDragging), this.#t();
+    this.#s(i), this.grid.setAttribute("data-selection-mode", i), t && t.classList.toggle("selecting", this.isDragging), this.#r();
   }
   onScrollRender() {
-    this.isSelectionEnabled() && this.#t();
+    this.isSelectionEnabled() && this.#r();
   }
   getSelection() {
     return {
       mode: this.config.mode,
-      ranges: this.#e().ranges,
+      ranges: this.#t().ranges,
       anchor: this.cellAnchor
     };
   }
   getSelectedCells() {
-    return Xi(this.ranges);
+    return Zi(this.ranges);
   }
   isCellSelected(e, t) {
-    return je(e, t, this.ranges);
+    return Yi(e, t, this.ranges);
+  }
+  selectAll() {
+    const { mode: e } = this.config;
+    if (e === "row") {
+      this.selected.clear();
+      for (let t = 0; t < this.rows.length; t++)
+        this.isRowSelectable(t) && this.selected.add(t);
+      this.explicitSelection = !0, this.emit("selection-change", this.#t()), this.requestAfterRender();
+    } else if (e === "range") {
+      const t = this.rows.length, i = this.columns.length;
+      if (t > 0 && i > 0) {
+        const n = {
+          startRow: 0,
+          startCol: 0,
+          endRow: t - 1,
+          endCol: i - 1
+        };
+        this.ranges = [n], this.activeRange = n, this.emit("selection-change", this.#t()), this.requestAfterRender();
+      }
+    }
+  }
+  selectRows(e) {
+    if (this.config.mode === "row") {
+      this.selected.clear();
+      for (const t of e)
+        t >= 0 && t < this.rows.length && this.isRowSelectable(t) && this.selected.add(t);
+      this.anchor = e.length > 0 ? e[e.length - 1] : null, this.explicitSelection = !0, this.emit("selection-change", this.#t()), this.requestAfterRender();
+    }
+  }
+  getSelectedRowIndices() {
+    return [...this.selected].sort((e, t) => e - t);
   }
   clearSelection() {
     this.selectedCell = null, this.selected.clear(), this.anchor = null, this.ranges = [], this.activeRange = null, this.cellAnchor = null, this.emit("selection-change", { mode: this.config.mode, ranges: [] }), this.requestAfterRender();
@@ -5252,11 +5421,11 @@ class _n extends _ {
       endCol: t.to.col
     })), this.activeRange = this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] : null, this.emit("selection-change", {
       mode: this.config.mode,
-      ranges: lt(this.ranges)
+      ranges: dt(this.ranges)
     }), this.requestAfterRender();
   }
-  #e() {
-    return Qi(
+  #t() {
+    return Ji(
       this.config.mode,
       {
         selectedCell: this.selectedCell,
@@ -5270,20 +5439,20 @@ class _n extends _ {
 function ee(a, e) {
   return Math.floor(a / e);
 }
-function Ji(a, e) {
+function en(a, e) {
   return {
     start: a * e,
     end: (a + 1) * e
   };
 }
-function en(a, e, t) {
+function tn(a, e, t) {
   const i = ee(a, t), n = ee(e - 1, t), r = [];
   for (let o = i; o <= n; o++)
     r.push(o);
   return r;
 }
-async function Ue(a, e, t, i) {
-  const n = Ji(e, t);
+async function Ye(a, e, t, i) {
+  const n = en(e, t);
   return a.getRows({
     startRow: n.start,
     endRow: n.end,
@@ -5291,13 +5460,13 @@ async function Ue(a, e, t, i) {
     filterModel: i.filterModel
   });
 }
-function tn(a, e, t) {
+function nn(a, e, t) {
   const i = ee(a, e), n = t.get(i);
   if (!n) return;
   const r = a % e;
   return n[r];
 }
-const nn = 100;
+const rn = 100;
 class Ln extends _ {
   name = "serverSide";
   get defaultConfig() {
@@ -5318,12 +5487,12 @@ class Ln extends _ {
   }
   loadRequiredBlocks() {
     if (!this.dataSource) return;
-    const e = this.grid, t = this.config.cacheBlockSize ?? 100, i = { startRow: e._virtualization.start, endRow: e._virtualization.end }, n = en(i.startRow, i.endRow, t);
+    const e = this.grid, t = this.config.cacheBlockSize ?? 100, i = { startRow: e._virtualization.start, endRow: e._virtualization.end }, n = tn(i.startRow, i.endRow, t);
     for (const r of n)
       if (!(this.loadedBlocks.has(r) || this.loadingBlocks.has(r))) {
         if (this.loadingBlocks.size >= (this.config.maxConcurrentRequests ?? 2))
           break;
-        this.loadingBlocks.add(r), Ue(this.dataSource, r, t, {}).then((o) => {
+        this.loadingBlocks.add(r), Ye(this.dataSource, r, t, {}).then((o) => {
           this.loadedBlocks.set(r, o.rows), this.totalRowCount = o.totalRowCount, this.loadingBlocks.delete(r), this.requestRender(), this.loadRequiredBlocks();
         }).catch(() => {
           this.loadingBlocks.delete(r);
@@ -5334,7 +5503,7 @@ class Ln extends _ {
     if (!this.dataSource) return [...e];
     const t = [];
     for (let i = 0; i < this.totalRowCount; i++) {
-      const n = tn(i, this.config.cacheBlockSize ?? 100, this.loadedBlocks);
+      const n = nn(i, this.config.cacheBlockSize ?? 100, this.loadedBlocks);
       t.push(n ?? { __loading: !0, __index: i });
     }
     return t;
@@ -5342,12 +5511,12 @@ class Ln extends _ {
   onScroll(e) {
     this.dataSource && (this.loadRequiredBlocks(), this.scrollDebounceTimer && clearTimeout(this.scrollDebounceTimer), this.scrollDebounceTimer = setTimeout(() => {
       this.loadRequiredBlocks();
-    }, nn));
+    }, rn));
   }
   setDataSource(e) {
     this.dataSource = e, this.loadedBlocks.clear(), this.loadingBlocks.clear();
     const t = this.config.cacheBlockSize ?? 100;
-    Ue(e, 0, t, {}).then((i) => {
+    Ye(e, 0, t, {}).then((i) => {
       this.loadedBlocks.set(0, i.rows), this.totalRowCount = i.totalRowCount, this.requestRender();
     });
   }
@@ -5368,52 +5537,52 @@ class Ln extends _ {
     return this.loadedBlocks.size;
   }
 }
-function dt(a, e, t) {
+function ct(a, e, t) {
   return a.id !== void 0 ? String(a.id) : t ? `${t}-${e}` : String(e);
 }
-function ce(a, e) {
+function ue(a, e) {
   const t = new Set(a);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
-function ge(a, e, t = null, i = 0) {
+function pe(a, e, t = null, i = 0) {
   const n = e.childrenField ?? "children", r = /* @__PURE__ */ new Set();
   for (let o = 0; o < a.length; o++) {
-    const s = a[o], l = dt(s, o, t), d = s[n];
+    const s = a[o], l = ct(s, o, t), d = s[n];
     if (Array.isArray(d) && d.length > 0) {
       r.add(l);
-      const c = ge(d, e, l, i + 1);
+      const c = pe(d, e, l, i + 1);
       for (const u of c) r.add(u);
     }
   }
   return r;
 }
-function rn() {
+function on() {
   return /* @__PURE__ */ new Set();
 }
-function ct(a, e, t, i = null, n = 0) {
+function ut(a, e, t, i = null, n = 0) {
   const r = t.childrenField ?? "children";
   for (let o = 0; o < a.length; o++) {
-    const s = a[o], l = dt(s, o, i);
+    const s = a[o], l = ct(s, o, i);
     if (l === e)
       return [l];
     const d = s[r];
     if (Array.isArray(d) && d.length > 0) {
-      const c = ct(d, e, t, l, n + 1);
+      const c = ut(d, e, t, l, n + 1);
       if (c)
         return [l, ...c];
     }
   }
   return null;
 }
-function on(a, e, t, i) {
-  const n = ct(a, e, t);
+function sn(a, e, t, i) {
+  const n = ut(a, e, t);
   if (!n) return i;
   const r = new Set(i);
   for (let o = 0; o < n.length - 1; o++)
     r.add(n[o]);
   return r;
 }
-function Ye(a, e = "children") {
+function Xe(a, e = "children") {
   if (!Array.isArray(a) || a.length === 0) return !1;
   for (const t of a) {
     if (!t) continue;
@@ -5423,7 +5592,7 @@ function Ye(a, e = "children") {
   }
   return !1;
 }
-function sn(a) {
+function an(a) {
   if (!Array.isArray(a) || a.length === 0) return null;
   const e = ["children", "items", "nodes", "subRows", "nested"];
   for (const t of a)
@@ -5435,8 +5604,8 @@ function sn(a) {
       }
   return null;
 }
-const an = "@layer tbw-plugins{tbw-grid{.cell[data-field=__tbw_expander]{border-inline-end:none!important;padding:0;display:flex;align-items:center;justify-content:flex-start}.header-row .cell[data-field=__tbw_expander]{display:none}.header-row .cell[data-field=__tbw_expander]+.cell{grid-column:1 / 3}.tree-cell-wrapper{display:inline-flex;align-items:center;padding-inline-start:calc(var(--tbw-tree-depth, 0) * var(--tbw-tree-indent-width, var(--tbw-tree-toggle-size, 1.25em)))}.tree-expander{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;box-sizing:border-box}.tree-toggle{cursor:pointer;user-select:none;display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-tree-toggle-size, 1.25em);height:var(--tbw-tree-toggle-size, 1.25em);flex-shrink:0}.tree-toggle:hover{color:var(--tbw-tree-accent, var(--tbw-color-accent))}.tree-spacer{width:var(--tbw-tree-toggle-size, 1.25em);display:inline-block;flex-shrink:0}.data-grid-row.tbw-tree-slide-in{animation:tbw-tree-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}.data-grid-row.tbw-tree-fade-in{animation:tbw-tree-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}}@keyframes tbw-tree-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes tbw-tree-fade-in{0%{opacity:0}to{opacity:1}}}";
-class Tn extends _ {
+const ln = "@layer tbw-plugins{tbw-grid{.cell[data-field=__tbw_expander]{border-inline-end:none!important;padding:0;display:flex;align-items:center;justify-content:flex-start}.header-row .cell[data-field=__tbw_expander]{display:none}.header-row .cell[data-field=__tbw_expander]+.cell{grid-column:1 / 3}.tree-cell-wrapper{display:inline-flex;align-items:center;padding-inline-start:calc(var(--tbw-tree-depth, 0) * var(--tbw-tree-indent-width, var(--tbw-tree-toggle-size, 1.25em)))}.tree-expander{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;box-sizing:border-box}.tree-toggle{cursor:pointer;user-select:none;display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-tree-toggle-size, 1.25em);height:var(--tbw-tree-toggle-size, 1.25em);flex-shrink:0}.tree-toggle:hover{color:var(--tbw-tree-accent, var(--tbw-color-accent))}.tree-spacer{width:var(--tbw-tree-toggle-size, 1.25em);display:inline-block;flex-shrink:0}.data-grid-row.tbw-tree-slide-in{animation:tbw-tree-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}.data-grid-row.tbw-tree-fade-in{animation:tbw-tree-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}}@keyframes tbw-tree-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes tbw-tree-fade-in{0%{opacity:0}to{opacity:1}}}";
+class In extends _ {
   static manifest = {
     events: [
       {
@@ -5452,7 +5621,7 @@ class Tn extends _ {
     ]
   };
   name = "tree";
-  styles = an;
+  styles = ln;
   get defaultConfig() {
     return {
       childrenField: "children",
@@ -5485,15 +5654,15 @@ class Tn extends _ {
   }
   detect(e) {
     if (!this.config.autoDetect) return !1;
-    const t = e, i = this.config.childrenField ?? sn(t) ?? "children";
-    return Ye(t, i);
+    const t = e, i = this.config.childrenField ?? an(t) ?? "children";
+    return Xe(t, i);
   }
   processRows(e) {
     const t = this.config.childrenField ?? "children", i = e;
-    if (!Ye(i, t))
+    if (!Xe(i, t))
       return this.flattenedRows = [], this.rowKeyMap.clear(), this.previousVisibleKeys.clear(), [...e];
     let n = this.withStableKeys(i);
-    this.sortState && (n = this.sortTree(n, this.sortState.field, this.sortState.direction)), this.config.defaultExpanded && !this.initialExpansionDone && (this.expandedKeys = ge(n, this.config), this.initialExpansionDone = !0), this.flattenedRows = this.flattenTree(n, this.expandedKeys), this.rowKeyMap.clear(), this.keysToAnimate.clear();
+    this.sortState && (n = this.sortTree(n, this.sortState.field, this.sortState.direction)), this.config.defaultExpanded && !this.initialExpansionDone && (this.expandedKeys = pe(n, this.config), this.initialExpansionDone = !0), this.flattenedRows = this.flattenTree(n, this.expandedKeys), this.rowKeyMap.clear(), this.keysToAnimate.clear();
     const r = /* @__PURE__ */ new Set();
     for (const o of this.flattenedRows)
       this.rowKeyMap.set(o.key, o), r.add(o.key), !this.previousVisibleKeys.has(o.key) && o.depth > 0 && this.keysToAnimate.add(o.key);
@@ -5571,7 +5740,7 @@ class Tn extends _ {
     const i = t.getAttribute("data-tree-key");
     if (!i) return !1;
     const n = this.rowKeyMap.get(i);
-    return n ? (this.expandedKeys = ce(this.expandedKeys, i), this.emit("tree-expand", {
+    return n ? (this.expandedKeys = ue(this.expandedKeys, i), this.emit("tree-expand", {
       key: i,
       row: n.data,
       expanded: this.expandedKeys.has(i),
@@ -5582,7 +5751,7 @@ class Tn extends _ {
     if (e.key !== " ") return;
     const t = this.grid._focusRow, i = this.flattenedRows[t];
     if (i?.hasChildren)
-      return e.preventDefault(), this.expandedKeys = ce(this.expandedKeys, i.key), this.emit("tree-expand", {
+      return e.preventDefault(), this.expandedKeys = ue(this.expandedKeys, i.key), this.emit("tree-expand", {
         key: i.key,
         row: i.data,
         expanded: this.expandedKeys.has(i.key),
@@ -5615,13 +5784,13 @@ class Tn extends _ {
     this.expandedKeys.delete(e), this.requestRender();
   }
   toggle(e) {
-    this.expandedKeys = ce(this.expandedKeys, e), this.emitPluginEvent("tree-state-change", { expandedKeys: [...this.expandedKeys] }), this.requestRender();
+    this.expandedKeys = ue(this.expandedKeys, e), this.emitPluginEvent("tree-state-change", { expandedKeys: [...this.expandedKeys] }), this.requestRender();
   }
   expandAll() {
-    this.expandedKeys = ge(this.rows, this.config), this.emitPluginEvent("tree-state-change", { expandedKeys: [...this.expandedKeys] }), this.requestRender();
+    this.expandedKeys = pe(this.rows, this.config), this.emitPluginEvent("tree-state-change", { expandedKeys: [...this.expandedKeys] }), this.requestRender();
   }
   collapseAll() {
-    this.expandedKeys = rn(), this.emitPluginEvent("tree-state-change", { expandedKeys: [...this.expandedKeys] }), this.requestRender();
+    this.expandedKeys = on(), this.emitPluginEvent("tree-state-change", { expandedKeys: [...this.expandedKeys] }), this.requestRender();
   }
   isExpanded(e) {
     return this.expandedKeys.has(e);
@@ -5636,10 +5805,10 @@ class Tn extends _ {
     return this.rowKeyMap.get(e)?.data;
   }
   expandToKey(e) {
-    this.expandedKeys = on(this.rows, e, this.config, this.expandedKeys), this.requestRender();
+    this.expandedKeys = sn(this.rows, e, this.config, this.expandedKeys), this.requestRender();
   }
 }
-function ln(a, e, t) {
+function dn(a, e, t) {
   const i = [...a.undoStack, e];
   for (; i.length > t; )
     i.shift();
@@ -5648,7 +5817,7 @@ function ln(a, e, t) {
     redoStack: []
   };
 }
-function Xe(a) {
+function Ze(a) {
   if (a.undoStack.length === 0)
     return { newState: a, action: null };
   const e = [...a.undoStack], t = e.pop();
@@ -5660,7 +5829,7 @@ function Xe(a) {
     action: t
   } : { newState: a, action: null };
 }
-function Ze(a) {
+function Qe(a) {
   if (a.redoStack.length === 0)
     return { newState: a, action: null };
   const e = [...a.redoStack], t = e.pop();
@@ -5672,16 +5841,16 @@ function Ze(a) {
     action: t
   } : { newState: a, action: null };
 }
-function dn(a) {
+function cn(a) {
   return a.undoStack.length > 0;
 }
-function cn(a) {
+function un(a) {
   return a.redoStack.length > 0;
 }
-function un() {
+function hn() {
   return { undoStack: [], redoStack: [] };
 }
-function hn(a, e, t, i) {
+function fn(a, e, t, i) {
   return {
     type: "cell-edit",
     rowIndex: a,
@@ -5691,7 +5860,7 @@ function hn(a, e, t, i) {
     timestamp: Date.now()
   };
 }
-class In extends _ {
+class Fn extends _ {
   static dependencies = [
     { name: "editing", required: !0, reason: "UndoRedoPlugin tracks cell edit history" }
   ];
@@ -5717,7 +5886,7 @@ class In extends _ {
   onKeyDown(e) {
     const t = (e.ctrlKey || e.metaKey) && e.key === "z" && !e.shiftKey, i = (e.ctrlKey || e.metaKey) && (e.key === "y" || e.key === "z" && e.shiftKey);
     if (t) {
-      const n = Xe({ undoStack: this.undoStack, redoStack: this.redoStack });
+      const n = Ze({ undoStack: this.undoStack, redoStack: this.redoStack });
       if (n.action) {
         const r = this.rows;
         r[n.action.rowIndex] && (r[n.action.rowIndex][n.action.field] = n.action.oldValue), this.undoStack = n.newState.undoStack, this.redoStack = n.newState.redoStack, this.emit("undo", {
@@ -5728,7 +5897,7 @@ class In extends _ {
       return !0;
     }
     if (i) {
-      const n = Ze({ undoStack: this.undoStack, redoStack: this.redoStack });
+      const n = Qe({ undoStack: this.undoStack, redoStack: this.redoStack });
       if (n.action) {
         const r = this.rows;
         r[n.action.rowIndex] && (r[n.action.rowIndex][n.action.field] = n.action.newValue), this.undoStack = n.newState.undoStack, this.redoStack = n.newState.redoStack, this.emit("redo", {
@@ -5741,7 +5910,7 @@ class In extends _ {
     return !1;
   }
   recordEdit(e, t, i, n) {
-    const r = hn(e, t, i, n), o = ln(
+    const r = fn(e, t, i, n), o = dn(
       { undoStack: this.undoStack, redoStack: this.redoStack },
       r,
       this.config.maxHistorySize ?? 100
@@ -5749,7 +5918,7 @@ class In extends _ {
     this.undoStack = o.undoStack, this.redoStack = o.redoStack;
   }
   undo() {
-    const e = Xe({ undoStack: this.undoStack, redoStack: this.redoStack });
+    const e = Ze({ 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();
@@ -5757,7 +5926,7 @@ class In extends _ {
     return e.action;
   }
   redo() {
-    const e = Ze({ undoStack: this.undoStack, redoStack: this.redoStack });
+    const e = Qe({ undoStack: this.undoStack, redoStack: this.redoStack });
     if (e.action) {
       const t = this.rows;
       t[e.action.rowIndex] && (t[e.action.rowIndex][e.action.field] = e.action.newValue), this.undoStack = e.newState.undoStack, this.redoStack = e.newState.redoStack, this.requestRender();
@@ -5765,13 +5934,13 @@ class In extends _ {
     return e.action;
   }
   canUndo() {
-    return dn({ undoStack: this.undoStack, redoStack: this.redoStack });
+    return cn({ undoStack: this.undoStack, redoStack: this.redoStack });
   }
   canRedo() {
-    return cn({ undoStack: this.undoStack, redoStack: this.redoStack });
+    return un({ undoStack: this.undoStack, redoStack: this.redoStack });
   }
   clearHistory() {
-    const e = un();
+    const e = hn();
     this.undoStack = e.undoStack, this.redoStack = e.redoStack;
   }
   getUndoStack() {
@@ -5781,8 +5950,8 @@ class In extends _ {
     return [...this.redoStack];
   }
 }
-const fn = '@layer tbw-plugins{.tbw-visibility-content{display:flex;flex-direction:column;height:100%}.tbw-visibility-list{flex:1;overflow-y:auto;padding:var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem))}.tbw-visibility-row{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));padding:var(--tbw-menu-item-padding, .375rem .25rem);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem);border-radius:var(--tbw-border-radius, .25rem);position:relative}.tbw-visibility-row:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover))}.tbw-visibility-row input[type=checkbox]{cursor:pointer}.tbw-visibility-row.locked span{color:var(--tbw-color-fg-muted)}.tbw-visibility-handle{cursor:grab;color:var(--tbw-color-fg-muted);font-size:var(--tbw-font-size-2xs, .625rem);letter-spacing:-2px;user-select:none;flex-shrink:0}.tbw-visibility-row.reorderable:hover .tbw-visibility-handle{color:var(--tbw-color-fg)}.tbw-visibility-label{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));flex:1;cursor:pointer}.tbw-visibility-row.dragging{opacity:.5;cursor:grabbing}.tbw-visibility-row.drop-before:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--tbw-visibility-indicator, var(--tbw-color-accent))}.tbw-visibility-row.drop-after:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--tbw-visibility-indicator, var(--tbw-color-accent))}.tbw-visibility-show-all{margin:var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem));padding:var(--tbw-button-padding, .5rem .75rem);border:1px solid var(--tbw-visibility-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius, .25rem);background:var(--tbw-visibility-btn-bg, var(--tbw-color-header-bg));color:var(--tbw-color-fg);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem)}.tbw-visibility-show-all:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover))}}';
-function Qe(a) {
+const gn = '@layer tbw-plugins{.tbw-visibility-content{display:flex;flex-direction:column;height:100%}.tbw-visibility-list{flex:1;overflow-y:auto;padding:var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem))}.tbw-visibility-row{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));padding:var(--tbw-menu-item-padding, .375rem .25rem);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem);border-radius:var(--tbw-border-radius, .25rem);position:relative}.tbw-visibility-row:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover))}.tbw-visibility-row input[type=checkbox]{cursor:pointer}.tbw-visibility-row.locked span{color:var(--tbw-color-fg-muted)}.tbw-visibility-handle{cursor:grab;color:var(--tbw-color-fg-muted);font-size:var(--tbw-font-size-2xs, .625rem);letter-spacing:-2px;user-select:none;flex-shrink:0}.tbw-visibility-row.reorderable:hover .tbw-visibility-handle{color:var(--tbw-color-fg)}.tbw-visibility-label{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));flex:1;cursor:pointer}.tbw-visibility-row.dragging{opacity:.5;cursor:grabbing}.tbw-visibility-row.drop-before:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--tbw-visibility-indicator, var(--tbw-color-accent))}.tbw-visibility-row.drop-after:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--tbw-visibility-indicator, var(--tbw-color-accent))}.tbw-visibility-show-all{margin:var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem));padding:var(--tbw-button-padding, .5rem .75rem);border:1px solid var(--tbw-visibility-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius, .25rem);background:var(--tbw-visibility-btn-bg, var(--tbw-color-header-bg));color:var(--tbw-color-fg);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem)}.tbw-visibility-show-all:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover))}}';
+function Je(a) {
   const e = a.meta ?? {};
   return e.lockPosition !== !0 && e.suppressMovable !== !0;
 }
@@ -5792,7 +5961,7 @@ class V extends _ {
   ];
   name = "visibility";
   static PANEL_ID = "columns";
-  styles = fn;
+  styles = gn;
   get defaultConfig() {
     return {
       allowHideAll: !1
@@ -5882,7 +6051,7 @@ class V extends _ {
     const i = this.grid.getAllColumns().filter((n) => !n.utility);
     for (let n = 0; n < i.length; n++) {
       const r = i[n], o = r.header || r.field, s = document.createElement("div");
-      s.className = r.lockVisible ? "tbw-visibility-row locked" : "tbw-visibility-row", s.setAttribute("data-field", r.field), s.setAttribute("data-index", String(n)), t && Qe(r) && (s.draggable = !0, s.classList.add("reorderable"), this.setupDragListeners(s, r.field, n, e));
+      s.className = r.lockVisible ? "tbw-visibility-row locked" : "tbw-visibility-row", s.setAttribute("data-field", r.field), s.setAttribute("data-index", String(n)), t && Je(r) && (s.draggable = !0, s.classList.add("reorderable"), this.setupDragListeners(s, r.field, n, e));
       const l = document.createElement("label");
       l.className = "tbw-visibility-label";
       const d = document.createElement("input");
@@ -5890,7 +6059,7 @@ class V extends _ {
         this.grid.toggleColumnVisibility(r.field), setTimeout(() => this.rebuildToggles(e), 0);
       });
       const c = document.createElement("span");
-      if (c.textContent = o, l.appendChild(d), l.appendChild(c), t && Qe(r)) {
+      if (c.textContent = o, l.appendChild(d), l.appendChild(c), t && Je(r)) {
         const u = document.createElement("span");
         u.className = "tbw-visibility-handle", this.setIcon(u, this.resolveIcon("dragHandle")), u.title = "Drag to reorder", s.appendChild(u);
       }
@@ -5931,49 +6100,49 @@ class V extends _ {
 }
 export {
   _ as BaseGridPlugin,
-  pn as ClipboardPlugin,
-  mn as ColumnVirtualizationPlugin,
-  it as ContextMenuPlugin,
-  Dn as DEFAULT_ANIMATION_CONFIG,
-  ht as DEFAULT_GRID_ICONS,
-  Mn as DGEvents,
-  Nn as DataGridElement,
-  wn as EditingPlugin,
-  bn as ExportPlugin,
+  mn as ClipboardPlugin,
+  wn as ColumnVirtualizationPlugin,
+  nt as ContextMenuPlugin,
+  Mn as DEFAULT_ANIMATION_CONFIG,
+  ft as DEFAULT_GRID_ICONS,
+  Nn as DGEvents,
+  qn as DataGridElement,
+  bn as EditingPlugin,
+  vn as ExportPlugin,
   q as FilteringPlugin,
-  qn as FitModeEnum,
-  Hn as GridCSSVars,
-  Kn as GridClasses,
-  zn as GridDataAttrs,
-  On as GridElement,
-  Gn as GridSelectors,
-  vn as GroupingColumnsPlugin,
-  yn as GroupingRowsPlugin,
-  nt as MasterDetailPlugin,
-  xn as MultiSortPlugin,
-  Bn as PLUGIN_QUERIES,
-  Cn as PinnedColumnsPlugin,
-  En as PinnedRowsPlugin,
+  Hn as FitModeEnum,
+  Kn as GridCSSVars,
+  zn as GridClasses,
+  On as GridDataAttrs,
+  Gn as GridElement,
+  Bn as GridSelectors,
+  yn as GroupingColumnsPlugin,
+  xn as GroupingRowsPlugin,
+  rt as MasterDetailPlugin,
+  Cn as MultiSortPlugin,
+  Vn as PLUGIN_QUERIES,
+  En as PinnedColumnsPlugin,
+  Rn as PinnedRowsPlugin,
   B as PivotPlugin,
-  Vn as PluginEvents,
-  Wn as PluginManager,
-  Rn as PrintPlugin,
+  Wn as PluginEvents,
+  $n as PluginManager,
+  Sn as PrintPlugin,
   $i as ROW_DRAG_HANDLE_FIELD,
-  $n as RenderPhase,
-  Sn as ReorderPlugin,
-  kn as ResponsivePlugin,
-  An as RowReorderPlugin,
-  _n as SelectionPlugin,
+  jn as RenderPhase,
+  kn as ReorderPlugin,
+  An as ResponsivePlugin,
+  _n as RowReorderPlugin,
+  Tn as SelectionPlugin,
   Ln as ServerSidePlugin,
-  Tn as TreePlugin,
-  In as UndoRedoPlugin,
+  In as TreePlugin,
+  Fn as UndoRedoPlugin,
   V as VisibilityPlugin,
-  jn as builtInSort,
-  Un as createGrid,
-  Yn as defaultComparator,
+  Un as builtInSort,
+  Yn as createGrid,
+  Xn as defaultComparator,
   Dt as defaultEditorFor,
   Ct as defaultPasteHandler,
   Ki as printGridIsolated,
-  Xn as queryGrid
+  Zn as queryGrid
 };
 //# sourceMappingURL=all.js.map