@toolbox-web/grid 1.19.3 → 1.21.0

package/index.js

@@ -1,4 +1,4 @@
-function dt() {
+function ht() {
   return {
     rowCount: -1,
     colCount: -1,
@@ -6,28 +6,28 @@ function dt() {
     ariaDescribedBy: void 0
   };
 }
-function ht(t, e, i, o, n) {
+function ut(t, e, i, o, n) {
   if (o === t.rowCount && n === t.colCount)
     return !1;
   const r = t.rowCount;
   return t.rowCount = o, t.colCount = n, e && (e.setAttribute("aria-rowcount", String(o)), e.setAttribute("aria-colcount", String(n))), o !== r && i && (o > 0 ? i.setAttribute("role", "rowgroup") : i.removeAttribute("role")), !0;
 }
-function ut(t, e) {
+function ft(t, e) {
   const i = t?.gridAriaLabel;
   return i || (t?.shell?.header?.title ?? e?.lightDomTitle ?? void 0);
 }
-function ft(t, e, i, o) {
+function gt(t, e, i, o) {
   if (!e) return !1;
   let n = !1;
-  const r = ut(i, o);
+  const r = ft(i, o);
   r !== t.ariaLabel && (t.ariaLabel = r, r ? e.setAttribute("aria-label", r) : e.removeAttribute("aria-label"), n = !0);
   const s = i?.gridAriaDescribedBy;
   return s !== t.ariaDescribedBy && (t.ariaDescribedBy = s, s ? e.setAttribute("aria-describedby", s) : e.removeAttribute("aria-describedby"), n = !0), n;
 }
-const G = {
+const X = {
   STRETCH: "stretch",
   FIXED: "fixed"
-}, gt = {
+}, pt = {
   mode: "reduced-motion",
   duration: 200,
   easing: "ease-out"
@@ -44,7 +44,7 @@ const G = {
   filterActive: Re,
   print: "🖨️"
 };
-function pt(t) {
+function wt(t) {
   return Array.from(t.querySelectorAll("tbw-grid-column")).map((i) => {
     const o = i.getAttribute("field") || "";
     if (!o) return null;
@@ -114,8 +114,8 @@ function Ye(t, e) {
   i ? i.split(/\s+/).includes(e) || t.setAttribute("part", i + " " + e) : t.setAttribute("part", e);
 }
 function Te(t) {
-  const e = t.effectiveConfig?.fitMode || t.fitMode || G.STRETCH;
-  if (e !== G.STRETCH && e !== G.FIXED || t.__didInitialAutoSize || !t.isConnected) return;
+  const e = t.effectiveConfig?.fitMode || t.fitMode || X.STRETCH;
+  if (e !== X.STRETCH && e !== X.FIXED || t.__didInitialAutoSize || !t.isConnected) return;
   const i = Array.from(t._headerRowEl?.children || []);
   if (!i.length) return;
   let o = !1;
@@ -131,36 +131,36 @@ function Te(t) {
       }
     }
     l > 0 && (n.width = l + 2, n.__autoSized = !0, o = !0);
-  }), o && V(t), t.__didInitialAutoSize = !0;
+  }), o && B(t), t.__didInitialAutoSize = !0;
 }
-const wt = /^(?:\d+(?:\.\d+)?(?:px|%|fr|em|rem|ch|vw|vh|vmin|vmax)|calc\(.+\)|min-content|max-content|minmax\(.+\)|fit-content\(.+\)|auto)$/i;
+const bt = /^(?:\d+(?:\.\d+)?(?:px|%|fr|em|rem|ch|vw|vh|vmin|vmax)|calc\(.+\)|min-content|max-content|minmax\(.+\)|fit-content\(.+\)|auto)$/i;
 function xe(t, e) {
-  return typeof t == "number" ? `${t}px` : (wt.test(t) || console.warn(`[tbw-grid] Column '${e ?? "?"}' has an invalid CSS width value: '${t}'. Expected a number (px) or a valid CSS unit string (e.g. '30%', '2fr', 'calc(...)').`), t);
+  return typeof t == "number" ? `${t}px` : (bt.test(t) || console.warn(`[tbw-grid] Column '${e ?? "?"}' has an invalid CSS width value: '${t}'. Expected a number (px) or a valid CSS unit string (e.g. '30%', '2fr', 'calc(...)').`), t);
 }
-function V(t) {
-  (t.effectiveConfig?.fitMode || t.fitMode || G.STRETCH) === G.STRETCH ? t._gridTemplate = t._visibleColumns.map((i) => {
+function B(t) {
+  (t.effectiveConfig?.fitMode || t.fitMode || X.STRETCH) === X.STRETCH ? t._gridTemplate = t._visibleColumns.map((i) => {
     if (i.width != null) return xe(i.width, i.field);
     const o = i.minWidth;
     return o != null ? `minmax(${o}px, 1fr)` : "1fr";
   }).join(" ").trim() : t._gridTemplate = t._visibleColumns.map((i) => i.width != null ? xe(i.width, i.field) : "max-content").join(" "), t.style.setProperty("--tbw-column-template", t._gridTemplate);
 }
-function bt(t) {
+function mt(t) {
   return t == null ? "string" : typeof t == "number" ? "number" : typeof t == "boolean" ? "boolean" : t instanceof Date || typeof t == "string" && /\d{4}-\d{2}-\d{2}/.test(t) && !isNaN(Date.parse(t)) ? "date" : "string";
 }
-function mt(t, e) {
+function vt(t, e) {
   const i = t[0] || {}, o = Object.keys(i).map((r) => {
-    const s = i[r], l = bt(s);
+    const s = i[r], l = mt(s);
     return { field: r, header: r.charAt(0).toUpperCase() + r.slice(1), type: l };
   }), n = {};
   return o.forEach((r) => {
     n[r.field] = r.type || "string";
   }), { columns: o, typeMap: n };
 }
-const vt = /{{\s*([^}]+)\s*}}/g, z = "__DG_EMPTY__", Ct = /^[\w$. '?+\-*/%:()!<>=,&|]+$/, yt = /__(proto|defineGetter|defineSetter)|constructor|window|globalThis|global|process|Function|import|eval|Reflect|Proxy|Error|arguments|document|location|cookie|localStorage|sessionStorage|indexedDB|fetch|XMLHttpRequest|WebSocket|Worker|SharedWorker|ServiceWorker|opener|parent|top|frames|self|this\b/;
-function _t(t) {
+const Ct = /{{\s*([^}]+)\s*}}/g, z = "__DG_EMPTY__", yt = /^[\w$. '?+\-*/%:()!<>=,&|]+$/, _t = /__(proto|defineGetter|defineSetter)|constructor|window|globalThis|global|process|Function|import|eval|Reflect|Proxy|Error|arguments|document|location|cookie|localStorage|sessionStorage|indexedDB|fetch|XMLHttpRequest|WebSocket|Worker|SharedWorker|ServiceWorker|opener|parent|top|frames|self|this\b/;
+function Et(t) {
   return !t || typeof t != "string" ? "" : t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-const Et = /* @__PURE__ */ new Set([
+const St = /* @__PURE__ */ new Set([
   "script",
   "iframe",
   "object",
@@ -185,18 +185,18 @@ const Et = /* @__PURE__ */ new Set([
   "plaintext",
   "xmp",
   "listing"
-]), He = /^on\w+$/i, St = /* @__PURE__ */ new Set(["href", "src", "action", "formaction", "data", "srcdoc", "xlink:href", "poster", "srcset"]), Rt = /^\s*(javascript|vbscript|data|blob):/i;
+]), He = /^on\w+$/i, Rt = /* @__PURE__ */ new Set(["href", "src", "action", "formaction", "data", "srcdoc", "xlink:href", "poster", "srcset"]), At = /^\s*(javascript|vbscript|data|blob):/i;
 function k(t) {
   if (!t || typeof t != "string") return "";
   if (t.indexOf("<") === -1) return t;
   const e = document.createElement("template");
-  return e.innerHTML = t, At(e.content), e.innerHTML;
+  return e.innerHTML = t, Tt(e.content), e.innerHTML;
 }
-function At(t) {
+function Tt(t) {
   const e = [], i = t.querySelectorAll("*");
   for (const o of i) {
     const n = o.tagName.toLowerCase();
-    if (Et.has(n)) {
+    if (St.has(n)) {
       e.push(o);
       continue;
     }
@@ -213,7 +213,7 @@ function At(t) {
         r.push(s.name);
         continue;
       }
-      if (St.has(l) && Rt.test(s.value)) {
+      if (Rt.has(l) && At.test(s.value)) {
         r.push(s.name);
         continue;
       }
@@ -228,20 +228,20 @@ function At(t) {
 }
 function Ce(t, e) {
   if (!t || t.indexOf("{{") === -1) return t;
-  const i = [], o = t.replace(vt, (l, a) => {
-    const c = Tt(a, e);
+  const i = [], o = t.replace(Ct, (l, a) => {
+    const c = xt(a, e);
     return i.push({ expr: a.trim(), result: c }), c;
-  }), n = xt(o), r = i.length && i.every((l) => l.result === "" || l.result === z);
+  }), n = Ht(o), r = i.length && i.every((l) => l.result === "" || l.result === z);
   return $.test(t) || r ? "" : n;
 }
-function Tt(t, e) {
+function xt(t, e) {
   if (t = (t || "").trim(), !t || $.test(t)) return z;
   if (t === "value") return e.value == null ? z : String(e.value);
   if (t.startsWith("row.") && !/[()?]/.test(t) && !t.includes(":")) {
     const o = t.slice(4), n = e.row ? e.row[o] : void 0;
     return n == null ? z : String(n);
   }
-  if (t.length > 80 || !Ct.test(t) || yt.test(t)) return z;
+  if (t.length > 80 || !yt.test(t) || _t.test(t)) return z;
   const i = t.match(/\./g);
   if (i && i.length > 1) return z;
   try {
@@ -252,7 +252,7 @@ function Tt(t, e) {
   }
 }
 const $ = /Reflect|Proxy|ownKeys/;
-function xt(t) {
+function Ht(t) {
   return t && t.replace(new RegExp(z, "g"), "").replace(/Reflect\.[^<>{}\s]+|\bProxy\b|ownKeys\([^)]*\)/g, "");
 }
 function ge(t) {
@@ -266,14 +266,14 @@ function Le(t) {
   const e = $.test(t), i = ((o) => e ? "" : Ce(t, o));
   return i.__blocked = e, i;
 }
-const Ht = 100;
-class Lt {
-  #l;
+const Lt = 100;
+class Pt {
+  #a;
   #n;
   #u;
   #d;
   #h;
-  #a = {};
+  #l = {};
   #o = {};
   #f = !0;
   #w = [];
@@ -286,7 +286,7 @@ class Lt {
     this.#r = e;
   }
   get original() {
-    return this.#a;
+    return this.#l;
   }
   get effective() {
     return this.#o;
@@ -328,10 +328,10 @@ class Lt {
     this.#f = !0;
   }
   setGridConfig(e) {
-    this.#l = e, this.#f = !0, this.#d = void 0;
+    this.#a = e, this.#f = !0, this.#d = void 0;
   }
   getGridConfig() {
-    return this.#l;
+    return this.#a;
   }
   setColumns(e) {
     this.#n = e, this.#f = !0;
@@ -349,8 +349,8 @@ class Lt {
     const e = (this.#o.columns?.length ?? 0) > 0;
     if (!this.#f && e)
       return;
-    const i = this.#I();
-    this.#f = !1, this.#a = i, Object.freeze(this.#a), this.#a.columns && Object.freeze(this.#a.columns), this.#o = this.#x(this.#a), this.#m();
+    const i = this.#N();
+    this.#f = !1, this.#l = i, Object.freeze(this.#l), this.#l.columns && Object.freeze(this.#l.columns), this.#o = this.#x(this.#l), this.#m();
   }
   #x(e) {
     const i = { ...e };
@@ -364,11 +364,11 @@ class Lt {
   }
   #m() {
     const e = this.#o;
-    this.#z(), typeof e.rowHeight == "number" && e.rowHeight > 0 && this.#r.setRowHeight(e.rowHeight), e.fitMode === "fixed" && this.columns.forEach((o) => {
+    this.#O(), typeof e.rowHeight == "number" && e.rowHeight > 0 && this.#r.setRowHeight(e.rowHeight), e.fitMode === "fixed" && this.columns.forEach((o) => {
       o.width == null && (o.width = 80);
     }), this.#r.applyAnimationConfig(e);
   }
-  #z() {
+  #O() {
     const e = this.#o.typeDefaults;
     if (!e) return;
     const i = this.columns;
@@ -378,8 +378,8 @@ class Lt {
       n && (!o.renderer && !o.viewRenderer && n.renderer && (o.renderer = n.renderer), !o.format && n.format && (o.format = n.format), !o.editor && n.editor && (o.editor = n.editor), !o.editorParams && n.editorParams && (o.editorParams = n.editorParams));
     }
   }
-  #I() {
-    const e = this.#l ? { ...this.#l } : {}, i = Array.isArray(e.columns) ? [...e.columns] : [], o = (this.#d ?? []).map((s) => ({
+  #N() {
+    const e = this.#a ? { ...this.#a } : {}, i = Array.isArray(e.columns) ? [...e.columns] : [], o = (this.#d ?? []).map((s) => ({
       ...s
     }));
     let n = Ae(
@@ -391,7 +391,7 @@ class Lt {
       o
     ));
     const r = this.#r.getRows();
-    return n.length === 0 && r.length && (n = mt(r).columns), n.length && (n.forEach((s) => {
+    return n.length === 0 && r.length && (n = vt(r).columns), n.length && (n.forEach((s) => {
       s.sortable === void 0 && (s.sortable = !0), s.resizable === void 0 && (s.resizable = !0), s.__originalWidth === void 0 && typeof s.width == "number" && (s.__originalWidth = s.width);
     }), n.forEach((s) => {
       s.__viewTemplate && !s.__compiledView && (s.__compiledView = Le(s.__viewTemplate.innerHTML)), s.__editorTemplate && !s.__compiledEditor && (s.__compiledEditor = Le(s.__editorTemplate.innerHTML));
@@ -413,7 +413,7 @@ class Lt {
       const f = Array.from(r.values());
       f.sort((p, g) => (p.order ?? 100) - (g.order ?? 100)), e.shell.headerContents = f;
     }
-    const s = this.#r.getShellToolbarContents(), l = Array.from(s.values()), a = this.#l?.shell?.header?.toolbarContents ?? [], c = new Set(a.map((f) => f.id)), h = [...a];
+    const s = this.#r.getShellToolbarContents(), l = Array.from(s.values()), a = this.#a?.shell?.header?.toolbarContents ?? [], c = new Set(a.map((f) => f.id)), h = [...a];
     for (const f of l)
       c.has(f.id) || h.push(f);
     h.sort((f, p) => (f.order ?? 0) - (p.order ?? 0)), e.shell.header.toolbarContents = h;
@@ -466,7 +466,7 @@ class Lt {
           l.applyColumnState(a.field, a);
   }
   resetState(e) {
-    this.#C = void 0, this.#r.setSortState(null), this.#o = this.#x(this.#a), this.#m();
+    this.#C = void 0, this.#r.setSortState(null), this.#o = this.#x(this.#l), this.#m();
     for (const i of e)
       if (i.applyColumnState)
         for (const o of this.columns)
@@ -489,7 +489,7 @@ class Lt {
       this.#s = void 0;
       const i = this.collectState(e);
       this.#r.emit("column-state-change", i);
-    }, Ht);
+    }, Lt);
   }
   setColumnVisible(e, i) {
     const o = this.columns, n = o.find((s) => s.field === e);
@@ -537,7 +537,7 @@ class Lt {
     this.columns = o, this.#r.renderHeader(), this.#r.updateTemplate(), this.#r.refreshVirtualWindow();
   }
   parseLightDomColumns(e) {
-    this.#d || (this.#h = Array.from(e.querySelectorAll("tbw-grid-column")), this.#d = this.#h.length ? pt(e) : []);
+    this.#d || (this.#h = Array.from(e.querySelectorAll("tbw-grid-column")), this.#d = this.#h.length ? wt(e) : []);
   }
   clearLightDomCache() {
     this.#d = void 0;
@@ -624,7 +624,7 @@ function Qe(t) {
     if (n[r] === i) return r;
   return -1;
 }
-function Pt(t) {
+function zt(t) {
   if (!t) return -1;
   const e = t.getAttribute("data-col");
   return e ? parseInt(e, 10) : -1;
@@ -632,7 +632,7 @@ function Pt(t) {
 function _e(t) {
   t && t.querySelectorAll(".cell-focus").forEach((e) => e.classList.remove("cell-focus"));
 }
-function zt(t) {
+function Ot(t) {
   try {
     if (getComputedStyle(t).direction === "rtl") return "rtl";
   } catch {
@@ -644,9 +644,9 @@ function zt(t) {
   return "ltr";
 }
 function Pe(t) {
-  return zt(t) === "rtl";
+  return Ot(t) === "rtl";
 }
-function no(t, e) {
+function ro(t, e) {
   return t === "left" || t === "right" ? t : e === "rtl" ? t === "start" ? "right" : "left" : t === "start" ? "left" : "right";
 }
 function Ze(t, e) {
@@ -684,17 +684,17 @@ it.innerHTML = '<div class="data-grid-row" role="row" part="row"></div>';
 function Dt() {
   return tt.content.firstElementChild.cloneNode(!0);
 }
-function Ot() {
+function Mt() {
   return it.content.firstElementChild.cloneNode(!0);
 }
-function Y(t) {
+function W(t) {
   t.__cellDisplayCache = void 0, t.__cellCacheEpoch = void 0, t.__hasSpecialColumns = void 0;
 }
-function Mt(t, e, i, o, n) {
+function kt(t, e, i, o, n) {
   const r = Math.max(0, i - e), s = t._bodyEl, l = t._visibleColumns, a = l.length;
   let c = t.__cachedHeaderRowCount;
   for (c === void 0 && (c = t.querySelector(".header-group-row") ? 2 : 1, t.__cachedHeaderRowCount = c); t._rowPool.length < r; ) {
-    const p = Ot();
+    const p = Mt();
     t._rowPool.push(p);
   }
   if (t._rowPool.length > r) {
@@ -725,13 +725,13 @@ function Mt(t, e, i, o, n) {
     }
     if (!R || y) {
       const S = se(d), L = x || t._activeEditRows === g;
-      S && !L ? (d.__isCustomRow && (d.className = "data-grid-row", d.setAttribute("role", "row"), d.__isCustomRow = !1), le(d), B(t, d, u, g), d.__epoch = o, d.__rowDataRef = u) : S && L ? (ae(t, d, u, g), d.__rowDataRef = u) : (d.__isCustomRow && (d.className = "data-grid-row", d.setAttribute("role", "row"), d.__isCustomRow = !1), B(t, d, u, g), d.__epoch = o, d.__rowDataRef = u);
+      S && !L ? (d.__isCustomRow && (d.className = "data-grid-row", d.setAttribute("role", "row"), d.__isCustomRow = !1), le(d), G(t, d, u, g), d.__epoch = o, d.__rowDataRef = u) : S && L ? (ae(t, d, u, g), d.__rowDataRef = u) : (d.__isCustomRow && (d.className = "data-grid-row", d.setAttribute("role", "row"), d.__isCustomRow = !1), G(t, d, u, g), d.__epoch = o, d.__rowDataRef = u);
     } else if (E) {
       const S = se(d), L = x || t._activeEditRows === g;
-      S && !L ? (le(d), B(t, d, u, g), d.__epoch = o, d.__rowDataRef = u) : (ae(t, d, u, g), d.__rowDataRef = u);
+      S && !L ? (le(d), G(t, d, u, g), d.__epoch = o, d.__rowDataRef = u) : (ae(t, d, u, g), d.__rowDataRef = u);
     } else {
       const S = se(d), L = x || t._activeEditRows === g;
-      S && !L ? (le(d), B(t, d, u, g), d.__epoch = o, d.__rowDataRef = u) : ae(t, d, u, g);
+      S && !L ? (le(d), G(t, d, u, g), d.__epoch = o, d.__rowDataRef = u) : ae(t, d, u, g);
     }
     let v = !1;
     const b = t.changedRowIds;
@@ -750,8 +750,8 @@ function Mt(t, e, i, o, n) {
       try {
         const L = N(u);
         if (L && L.length > 0) {
-          const re = L.filter((X) => X && typeof X == "string");
-          re.forEach((X) => d.classList.add(X)), d.setAttribute("data-dynamic-classes", re.join(" "));
+          const re = L.filter((Y) => Y && typeof Y == "string");
+          re.forEach((Y) => d.classList.add(Y)), d.setAttribute("data-dynamic-classes", re.join(" "));
         } else
           d.removeAttribute("data-dynamic-classes");
       } catch (L) {
@@ -803,7 +803,7 @@ function ae(t, e, i, o) {
   }
   for (let u = 0; u < a; u++)
     if (r[u].externalView && !n[u].querySelector("[data-external-view]")) {
-      B(t, e, i, o);
+      G(t, e, i, o);
       return;
     }
   for (let u = 0; u < a; u++) {
@@ -898,7 +898,7 @@ function ae(t, e, i, o) {
     });
   }
 }
-function B(t, e, i, o) {
+function G(t, e, i, o) {
   e.classList.remove("tbw-row-loading"), e.removeAttribute("aria-busy");
   const n = t.__frameworkAdapter;
   if (n?.releaseCell) {
@@ -1009,11 +1009,11 @@ function ze(t, e, i) {
         }
         return;
       }
-      W(t);
+      F(t);
     }
   }
 }
-function kt(t, e) {
+function It(t, e) {
   if (t._dispatchKeyDown?.(e))
     return;
   const i = t._rows.length - 1, o = t._visibleColumns.length - 1, n = t._activeEditRows !== void 0 && t._activeEditRows !== -1, s = t._visibleColumns[t._focusCol]?.type, l = e.composedPath?.() ?? [], a = l.length ? l[0] : e.target, c = (h) => {
@@ -1024,7 +1024,7 @@ function kt(t, e) {
   if (!(c(a) && (e.key === "Home" || e.key === "End")) && !(c(a) && (e.key === "ArrowUp" || e.key === "ArrowDown") && a.tagName === "INPUT" && a.type === "number") && !(c(a) && (e.key === "ArrowLeft" || e.key === "ArrowRight")) && !(c(a) && (e.key === "Enter" || e.key === "Escape")) && !(n && s === "select" && (e.key === "ArrowDown" || e.key === "ArrowUp"))) {
     switch (e.key) {
       case "Tab": {
-        e.preventDefault(), !e.shiftKey ? t._focusCol < o ? t._focusCol += 1 : (typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow < i && (t._focusRow += 1, t._focusCol = 0)) : t._focusCol > 0 ? t._focusCol -= 1 : t._focusRow > 0 && (typeof t.commitActiveRowEdit == "function" && t._activeEditRows === t._focusRow && t.commitActiveRowEdit(), t._focusRow -= 1, t._focusCol = o), W(t);
+        e.preventDefault(), !e.shiftKey ? t._focusCol < o ? t._focusCol += 1 : (typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow < i && (t._focusRow += 1, t._focusCol = 0)) : t._focusCol > 0 ? t._focusCol -= 1 : t._focusRow > 0 && (typeof t.commitActiveRowEdit == "function" && t._activeEditRows === t._focusRow && t.commitActiveRowEdit(), t._focusRow -= 1, t._focusCol = o), F(t);
         return;
       }
       case "ArrowDown":
@@ -1042,10 +1042,10 @@ function kt(t, e) {
         break;
       }
       case "Home":
-        (e.ctrlKey || e.metaKey) && (n && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow = 0), t._focusCol = 0, e.preventDefault(), W(t, { forceScrollLeft: !0 });
+        (e.ctrlKey || e.metaKey) && (n && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow = 0), t._focusCol = 0, e.preventDefault(), F(t, { forceScrollLeft: !0 });
         return;
       case "End":
-        (e.ctrlKey || e.metaKey) && (n && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow = i), t._focusCol = o, e.preventDefault(), W(t, { forceScrollRight: !0 });
+        (e.ctrlKey || e.metaKey) && (n && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow = i), t._focusCol = o, e.preventDefault(), F(t, { forceScrollRight: !0 });
         return;
       case "PageDown":
         t._focusRow = Math.min(i, t._focusRow + 20), e.preventDefault();
@@ -1084,10 +1084,10 @@ function kt(t, e) {
       default:
         return;
     }
-    W(t);
+    F(t);
   }
 }
-function W(t, e) {
+function F(t, e) {
   if (t._virtualization?.enabled) {
     const { rowHeight: s, container: l, viewportEl: a } = t._virtualization, c = l, h = a?.clientHeight ?? c?.clientHeight ?? 0;
     if (c && h > 0) {
@@ -1139,8 +1139,8 @@ function W(t, e) {
   }
 }
 const ie = /* @__PURE__ */ new WeakMap();
-function It(t, e) {
-  const i = Qe(e), o = Pt(e);
+function Nt(t, e) {
+  const i = Qe(e), o = zt(e);
   if (i < 0 || o < 0) return;
   t._focusRow = i, t._focusCol = o, _e(t._bodyEl), e.classList.add("cell-focus"), e.setAttribute("aria-selected", "true");
   const n = e.closest("tbw-grid");
@@ -1155,7 +1155,7 @@ function Ee(t, e, i, o) {
   }
   const s = n?.closest?.("[data-col]"), l = n?.closest?.(".data-grid-row"), a = n?.closest?.(".header-row");
   let c, h, f, p, g, u;
-  return s && (c = parseInt(s.getAttribute("data-row") ?? "-1", 10), h = parseInt(s.getAttribute("data-col") ?? "-1", 10), c >= 0 && h >= 0 && (f = t._rows[c], u = t._columns[h], p = u?.field, g = f && p ? f[p] : void 0)), {
+  return s && (c = parseInt(s.getAttribute("data-row") ?? "-1", 10), h = parseInt(s.getAttribute("data-col") ?? "-1", 10), c >= 0 && h >= 0 && (f = t._rows[c], u = t._visibleColumns[h], p = u?.field, g = f && p ? f[p] : void 0)), {
     type: o,
     row: f,
     rowIndex: c !== void 0 && c >= 0 ? c : void 0,
@@ -1170,26 +1170,26 @@ function Ee(t, e, i, o) {
     cell: c !== void 0 && h !== void 0 && c >= 0 && h >= 0 ? { row: c, col: h } : void 0
   };
 }
-function Nt(t, e, i) {
+function qt(t, e, i) {
   const o = Ee(t, e, i, "mousedown");
   (t._dispatchCellMouseDown?.(o) ?? !1) && ie.set(t, !0);
 }
-function qt(t, e, i) {
+function $t(t, e, i) {
   if (!ie.get(t)) return;
   const o = Ee(t, e, i, "mousemove");
   t._dispatchCellMouseMove?.(o);
 }
-function $t(t, e, i) {
+function Wt(t, e, i) {
   if (!ie.get(t)) return;
   const o = Ee(t, e, i, "mouseup");
   t._dispatchCellMouseUp?.(o), ie.set(t, !1);
 }
-function Wt(t, e, i) {
+function Ft(t, e, i) {
   e.addEventListener(
     "mousedown",
     (o) => {
       const n = o.target.closest(".cell[data-col]");
-      n && (n.classList.contains("editing") || (o.preventDefault(), It(t, n)));
+      n && (n.classList.contains("editing") || (o.preventDefault(), Nt(t, n)));
     },
     { signal: i }
   ), e.addEventListener(
@@ -1211,49 +1211,55 @@ function Wt(t, e, i) {
     { signal: i }
   );
 }
-function Ft(t, e, i, o) {
-  e.addEventListener("keydown", (n) => kt(t, n), { signal: o }), i.addEventListener("mousedown", (n) => Nt(t, i, n), { signal: o }), document.addEventListener("mousemove", (n) => qt(t, i, n), { signal: o }), document.addEventListener("mouseup", (n) => $t(t, i, n), { signal: o });
+function Vt(t, e, i, o) {
+  e.addEventListener("keydown", (n) => It(t, n), { signal: o }), i.addEventListener("mousedown", (n) => qt(t, i, n), { signal: o }), document.addEventListener("mousemove", (n) => $t(t, i, n), { signal: o }), document.addEventListener("mouseup", (n) => Wt(t, i, n), { signal: o });
 }
 function Ut(t, e) {
   return t == null && e == null ? 0 : t == null ? -1 : e == null || t > e ? 1 : t < e ? -1 : 0;
 }
-function Vt(t, e, i) {
+function ot(t, e, i) {
   const n = i.find((l) => l.field === e.field)?.sortComparator ?? Ut, { field: r, direction: s } = e;
   return [...t].sort((l, a) => n(l[r], a[r], l, a) * s);
 }
-function De(t, e, i, o) {
+function Oe(t, e, i, o) {
   t._rows = e, t.__rowRenderEpoch++, t._rowPool.forEach((n) => n.__epoch = -1), oe(t), t.refreshVirtualWindow(!0), t.dispatchEvent(
     new CustomEvent("sort-change", { detail: { field: i.field, direction: o } })
   ), t.requestStateChange?.();
 }
-function Oe(t, e) {
+function De(t, e) {
   !t._sortState || t._sortState.field !== e.field ? (t._sortState || (t.__originalOrder = t._rows.slice()), Me(t, e, 1)) : t._sortState.direction === 1 ? Me(t, e, -1) : (t._sortState = null, t.__rowRenderEpoch++, t._rowPool.forEach((o) => o.__epoch = -1), t._rows = t.__originalOrder.slice(), oe(t), t._headerRowEl?.querySelectorAll('[role="columnheader"].sortable')?.forEach((o) => {
     o.getAttribute("aria-sort") ? (o.getAttribute("aria-sort") === "ascending" || o.getAttribute("aria-sort") === "descending") && (t._sortState || o.setAttribute("aria-sort", "none")) : o.setAttribute("aria-sort", "none");
   }), t.refreshVirtualWindow(!0), t.dispatchEvent(
     new CustomEvent("sort-change", { detail: { field: e.field, direction: 0 } })
   ), t.requestStateChange?.());
 }
+function Bt(t, e) {
+  if (!t._sortState) return e;
+  t.__originalOrder = [...e];
+  const o = (t.effectiveConfig?.sortHandler ?? ot)(e, t._sortState, t._columns);
+  return o && typeof o.then == "function" ? e : o;
+}
 function Me(t, e, i) {
   t._sortState = { field: e.field, direction: i };
-  const o = { field: e.field, direction: i }, n = t._columns, s = (t.effectiveConfig?.sortHandler ?? Vt)(t._rows, o, n);
+  const o = { field: e.field, direction: i }, n = t._columns, s = (t.effectiveConfig?.sortHandler ?? ot)(t._rows, o, n);
   s && typeof s.then == "function" ? s.then((l) => {
-    De(t, l, e, i);
-  }) : De(t, s, e, i);
+    Oe(t, l, e, i);
+  }) : Oe(t, s, e, i);
 }
-function F(t, e) {
+function V(t, e) {
   return t.effectiveConfig?.sortable !== !1 && e.sortable === !0;
 }
 function j(t, e) {
   return t.effectiveConfig?.resizable !== !1 && e.resizable !== !1;
 }
-function Bt(t, e) {
+function Gt(t, e) {
   typeof e == "string" ? t.textContent = e : e instanceof HTMLElement && (t.innerHTML = "", t.appendChild(e.cloneNode(!0)));
 }
 function K(t, e) {
   const i = document.createElement("span");
   Ye(i, "sort-indicator");
   const o = t._sortState?.field === e.field ? t._sortState.direction : 0, n = { ...M, ...t.icons }, r = o === 1 ? n.sortAsc : o === -1 ? n.sortDesc : n.sortNone;
-  return Bt(i, r), i;
+  return Gt(i, r), i;
 }
 function Q(t, e, i) {
   const o = document.createElement("div");
@@ -1267,15 +1273,15 @@ function Z(t, e, i, o) {
   o.classList.add("sortable"), o.tabIndex = 0;
   const n = t._sortState?.field === e.field ? t._sortState.direction : 0;
   o.setAttribute("aria-sort", n === 0 ? "none" : n === 1 ? "ascending" : "descending"), o.addEventListener("click", (r) => {
-    t._resizeController?.isResizing || t._dispatchHeaderClick?.(r, e, o) || Oe(t, e);
+    t._resizeController?.isResizing || t._dispatchHeaderClick?.(r, e, o) || De(t, e);
   }), o.addEventListener("keydown", (r) => {
     if (r.key === "Enter" || r.key === " ") {
       if (r.preventDefault(), t._dispatchHeaderClick?.(r, e, o)) return;
-      Oe(t, e);
+      De(t, e);
     }
   });
 }
-function Gt(t, e) {
+function Xt(t, e) {
   if (e != null)
     if (typeof e == "string") {
       const i = document.createElement("span");
@@ -1297,30 +1303,30 @@ function oe(t) {
         sortState: l,
         filterActive: !1,
         cellEl: n,
-        renderSortIcon: () => F(t, i) ? K(t, i) : null,
+        renderSortIcon: () => V(t, i) ? K(t, i) : null,
         renderFilterButton: () => null
       }, c = i.headerRenderer(a);
-      Gt(n, c), F(t, i) && Z(t, i, o, n), j(t, i) && (n.classList.add("resizable"), n.appendChild(Q(t, o, n)));
+      Xt(n, c), V(t, i) && Z(t, i, o, n), j(t, i) && (n.classList.add("resizable"), n.appendChild(Q(t, o, n)));
     } else if (i.headerLabelRenderer) {
       const a = {
         column: i,
         value: r
       }, c = i.headerLabelRenderer(a), h = document.createElement("span");
-      c == null ? h.textContent = r : typeof c == "string" ? h.innerHTML = k(c) : c instanceof Node && h.appendChild(c), n.appendChild(h), F(t, i) && (Z(t, i, o, n), n.appendChild(K(t, i))), j(t, i) && (n.classList.add("resizable"), n.appendChild(Q(t, o, n)));
+      c == null ? h.textContent = r : typeof c == "string" ? h.innerHTML = k(c) : c instanceof Node && h.appendChild(c), n.appendChild(h), V(t, i) && (Z(t, i, o, n), n.appendChild(K(t, i))), j(t, i) && (n.classList.add("resizable"), n.appendChild(Q(t, o, n)));
     } else if (i.__headerTemplate)
-      Array.from(i.__headerTemplate.childNodes).forEach((a) => n.appendChild(a.cloneNode(!0))), F(t, i) && (Z(t, i, o, n), n.appendChild(K(t, i))), j(t, i) && (n.classList.add("resizable"), n.appendChild(Q(t, o, n)));
+      Array.from(i.__headerTemplate.childNodes).forEach((a) => n.appendChild(a.cloneNode(!0))), V(t, i) && (Z(t, i, o, n), n.appendChild(K(t, i))), j(t, i) && (n.classList.add("resizable"), n.appendChild(Q(t, o, n)));
     else {
       const a = document.createElement("span");
-      a.textContent = r, n.appendChild(a), F(t, i) && (Z(t, i, o, n), n.appendChild(K(t, i))), j(t, i) && (n.classList.add("resizable"), n.appendChild(Q(t, o, n)));
+      a.textContent = r, n.appendChild(a), V(t, i) && (Z(t, i, o, n), n.appendChild(K(t, i))), j(t, i) && (n.classList.add("resizable"), n.appendChild(Q(t, o, n)));
     }
     e.appendChild(n);
   }), e.querySelectorAll(".cell.sortable").forEach((i) => {
     i.getAttribute("aria-sort") || i.setAttribute("aria-sort", "none");
   }), e.children.length > 0 ? (e.setAttribute("role", "row"), e.setAttribute("aria-rowindex", "1")) : (e.removeAttribute("role"), e.removeAttribute("aria-rowindex")));
 }
-const ot = typeof requestIdleCallback == "function";
-function Xt(t, e) {
-  return ot ? requestIdleCallback(t, e) : window.setTimeout(() => {
+const nt = typeof requestIdleCallback == "function";
+function Yt(t, e) {
+  return nt ? requestIdleCallback(t, e) : window.setTimeout(() => {
     const i = Date.now();
     t({
       didTimeout: !1,
@@ -1329,13 +1335,13 @@ function Xt(t, e) {
   }, 1);
 }
 function ke(t) {
-  ot ? cancelIdleCallback(t) : clearTimeout(t);
+  nt ? cancelIdleCallback(t) : clearTimeout(t);
 }
-function Yt(t) {
+function jt(t) {
   const e = document.createElement("div");
   return e.className = `tbw-spinner tbw-spinner--${t}`, e.setAttribute("role", "progressbar"), e.setAttribute("aria-label", "Loading"), e;
 }
-function jt(t, e) {
+function Kt(t, e) {
   if (e) {
     const o = e({ size: t });
     if (typeof o == "string") {
@@ -1344,19 +1350,19 @@ function jt(t, e) {
     }
     return o;
   }
-  return Yt(t);
+  return jt(t);
 }
-function Kt(t) {
+function Qt(t) {
   const e = document.createElement("div");
-  return e.className = "tbw-loading-overlay", e.setAttribute("role", "status"), e.setAttribute("aria-live", "polite"), e.appendChild(jt("large", t)), e;
+  return e.className = "tbw-loading-overlay", e.setAttribute("role", "status"), e.setAttribute("aria-live", "polite"), e.appendChild(Kt("large", t)), e;
 }
-function Qt(t, e) {
+function Zt(t, e) {
   t.appendChild(e);
 }
-function Zt(t) {
+function Jt(t) {
   t?.remove();
 }
-function Jt(t, e) {
+function ei(t, e) {
   if (e) {
     if (t.classList.add("tbw-row-loading"), t.setAttribute("aria-busy", "true"), !t.querySelector(".tbw-row-loading-overlay")) {
       const i = document.createElement("div");
@@ -1367,20 +1373,20 @@ function Jt(t, e) {
   } else
     t.classList.remove("tbw-row-loading"), t.removeAttribute("aria-busy"), t.querySelector(".tbw-row-loading-overlay")?.remove();
 }
-function ei(t, e) {
+function ti(t, e) {
   e ? (t.classList.add("tbw-cell-loading"), t.setAttribute("aria-busy", "true")) : (t.classList.remove("tbw-cell-loading"), t.removeAttribute("aria-busy"));
 }
 var A = ((t) => (t[t.STYLE = 1] = "STYLE", t[t.VIRTUALIZATION = 2] = "VIRTUALIZATION", t[t.HEADER = 3] = "HEADER", t[t.ROWS = 4] = "ROWS", t[t.COLUMNS = 5] = "COLUMNS", t[t.FULL = 6] = "FULL", t))(A || {});
-class ti {
-  #l;
+class ii {
+  #a;
   #n = 0;
   #u = 0;
   #d = null;
   #h = null;
-  #a = null;
+  #l = null;
   #o = !1;
   constructor(e) {
-    this.#l = e;
+    this.#a = e;
   }
   requestPhase(e, i) {
     e > this.#n && (this.#n = e), this.#u === 0 && (this.#f(), this.#u = requestAnimationFrame(() => this.#w()));
@@ -1389,7 +1395,7 @@ class ti {
     return this.#d ? this.#d : Promise.resolve();
   }
   setInitialReadyResolver(e) {
-    this.#a = e;
+    this.#l = e;
   }
   cancel() {
     this.#u !== 0 && (cancelAnimationFrame(this.#u), this.#u = 0), this.#n = 0, this.#h && (this.#h(), this.#h = null, this.#d = null);
@@ -1406,12 +1412,12 @@ class ti {
     }));
   }
   #w() {
-    if (this.#u = 0, !this.#l.isConnected()) {
+    if (this.#u = 0, !this.#a.isConnected()) {
       this.#n = 0, this.#h && (this.#h(), this.#h = null, this.#d = null);
       return;
     }
     const e = this.#n;
-    this.#n = 0, e >= 5 && this.#l.mergeConfig(), e >= 4 && this.#l.processRows(), e >= 5 && (this.#l.processColumns(), this.#l.updateTemplate()), e >= 3 && this.#l.renderHeader(), e >= 2 && this.#l.renderVirtualWindow(), e >= 1 && this.#l.afterRender(), !this.#o && this.#a && (this.#o = !0, this.#a()), this.#h && (this.#h(), this.#h = null, this.#d = null);
+    this.#n = 0, e >= 5 && this.#a.mergeConfig(), e >= 4 && this.#a.processRows(), e >= 5 && (this.#a.processColumns(), this.#a.updateTemplate()), e >= 3 && this.#a.renderHeader(), e >= 2 && this.#a.renderVirtualWindow(), e >= 1 && this.#a.afterRender(), !this.#o && this.#l && (this.#o = !0, this.#l()), this.#h && (this.#h(), this.#h = null, this.#d = null);
   }
 }
 function Ie(t) {
@@ -1452,51 +1458,52 @@ function Ie(t) {
     }
   };
 }
-const ce = "data-animating", ii = {
+const ce = "data-animating", oi = {
   change: "--tbw-row-change-duration",
   insert: "--tbw-row-insert-duration",
   remove: "--tbw-row-remove-duration"
-}, oi = {
+}, ni = {
   change: 500,
   insert: 300,
   remove: 200
 };
-function ni(t) {
+function ri(t) {
   const e = t.trim().toLowerCase();
   return e.endsWith("ms") ? parseFloat(e) : e.endsWith("s") ? parseFloat(e) * 1e3 : parseFloat(e);
 }
-function ri(t, e) {
-  const i = ii[e], o = getComputedStyle(t).getPropertyValue(i);
+function si(t, e) {
+  const i = oi[e], o = getComputedStyle(t).getPropertyValue(i);
   if (o) {
-    const n = ni(o);
+    const n = ri(o);
     if (!isNaN(n) && n > 0)
       return n;
   }
-  return oi[e];
+  return ni[e];
 }
-function si(t, e, i) {
+function li(t, e, i) {
   t.removeAttribute(ce), t.offsetWidth, t.setAttribute(ce, e);
-  const o = ri(t, e);
+  const o = si(t, e);
   setTimeout(() => {
-    e !== "remove" && t.removeAttribute(ce);
+    e !== "remove" && t.removeAttribute(ce), i?.();
   }, o);
 }
 function Se(t, e, i) {
   if (e < 0)
-    return !1;
+    return Promise.resolve(!1);
   const o = t.findRenderedRowElement?.(e);
-  return o ? (si(o, i), !0) : !1;
-}
-function li(t, e, i) {
-  let o = 0;
-  for (const n of e)
-    Se(t, n, i) && o++;
-  return o;
+  return o ? new Promise((n) => {
+    li(o, i, () => n(!0));
+  }) : Promise.resolve(!1);
 }
 function ai(t, e, i) {
+  return Promise.all(e.map((o) => Se(t, o, i))).then(
+    (o) => o.filter(Boolean).length
+  );
+}
+function ci(t, e, i) {
   const o = t._rows ?? [], n = t.getRowId;
   if (!n)
-    return !1;
+    return Promise.resolve(!1);
   const r = o.findIndex((s) => {
     if (s == null) return !1;
     try {
@@ -1505,7 +1512,7 @@ function ai(t, e, i) {
       return !1;
     }
   });
-  return r < 0 ? !1 : Se(t, r, i);
+  return r < 0 ? Promise.resolve(!1) : Se(t, r, i);
 }
 function J(t, e, i) {
   const o = document.createElement(t);
@@ -1525,7 +1532,7 @@ function P(t, e) {
     }
   return i;
 }
-function nt(t, e, i) {
+function rt(t, e, i) {
   const o = document.createElement("button");
   if (t && (o.className = t), e)
     for (const n in e) {
@@ -1534,8 +1541,8 @@ function nt(t, e, i) {
     }
   return o;
 }
-const rt = document.createElement("template");
-rt.innerHTML = `
+const st = document.createElement("template");
+st.innerHTML = `
   <div class="tbw-scroll-area">
     <div class="rows-body-wrapper">
       <div class="rows-body" role="grid">
@@ -1554,8 +1561,8 @@ rt.innerHTML = `
     <div class="faux-vscroll-spacer"></div>
   </div>
 `;
-function st() {
-  return rt.content.cloneNode(!0);
+function lt() {
+  return st.content.cloneNode(!0);
 }
 function Ne(t) {
   const e = document.createDocumentFragment(), i = P(t.hasShell ? "tbw-grid-root has-shell" : "tbw-grid-root");
@@ -1563,11 +1570,11 @@ function Ne(t) {
     i.appendChild(t.shellHeader), i.appendChild(t.shellBody);
   else {
     const o = P("tbw-grid-content");
-    o.appendChild(st()), i.appendChild(o);
+    o.appendChild(lt()), i.appendChild(o);
   }
   return e.appendChild(i), e;
 }
-function ci(t) {
+function di(t) {
   const e = P("tbw-shell-header", { part: "shell-header", role: "presentation" });
   if (t.title) {
     const r = P("tbw-shell-title");
@@ -1585,7 +1592,7 @@ function ci(t) {
   for (const r of t.apiButtons)
     r.hasRender && o.appendChild(P("tbw-toolbar-content-slot", { "data-toolbar-content": r.id }));
   if ((t.configButtons.some((r) => r.hasRender) || t.apiButtons.some((r) => r.hasRender)) && t.hasPanels && o.appendChild(P("tbw-toolbar-separator")), t.hasPanels) {
-    const r = nt(t.isPanelOpen ? "tbw-toolbar-btn active" : "tbw-toolbar-btn", {
+    const r = rt(t.isPanelOpen ? "tbw-toolbar-btn active" : "tbw-toolbar-btn", {
       "data-panel-toggle": "",
       title: "Settings",
       "aria-label": "Toggle settings panel",
@@ -1596,9 +1603,9 @@ function ci(t) {
   }
   return e.appendChild(o), e;
 }
-function di(t) {
+function hi(t) {
   const e = P("tbw-shell-body"), i = t.panels.length > 0, o = t.panels.length === 1, n = P("tbw-grid-content");
-  n.appendChild(st());
+  n.appendChild(lt());
   let r = null;
   if (i) {
     r = J("aside", {
@@ -1618,7 +1625,7 @@ function di(t) {
     );
     const l = P("tbw-tool-panel-content", { role: "presentation" }), a = P("tbw-accordion");
     for (const c of t.panels) {
-      const h = `tbw-accordion-section${c.isExpanded ? " expanded" : ""}${o ? " single" : ""}`, f = P(h, { "data-section": c.id }), p = nt("tbw-accordion-header", {
+      const h = `tbw-accordion-section${c.isExpanded ? " expanded" : ""}${o ? " single" : ""}`, f = P(h, { "data-section": c.id }), p = rt("tbw-accordion-header", {
         "aria-expanded": String(c.isExpanded),
         "aria-controls": `tbw-section-${c.id}`
       });
@@ -1645,7 +1652,7 @@ function di(t) {
 function q(t) {
   return t ? typeof t == "string" ? t : t.outerHTML : "";
 }
-function hi() {
+function ui() {
   return {
     toolPanels: /* @__PURE__ */ new Map(),
     headerContents: /* @__PURE__ */ new Map(),
@@ -1664,10 +1671,10 @@ function hi() {
     lightDomContentMoved: !1
   };
 }
-function lt(t) {
+function at(t) {
   return !!(t?.header?.title || t?.header?.toolbarContents?.length || t?.toolPanels?.length || t?.headerContents?.length || t?.header?.lightDomContent?.length || t?.header?.hasToolButtonsContainer);
 }
-function ui(t, e, i = "☰") {
+function fi(t, e, i = "☰") {
   const o = t?.header?.title ?? e.lightDomTitle ?? "", n = !!o, r = q(i), s = t?.header?.toolbarContents ?? [], l = [...e.toolbarContents.values()], a = new Set(s.map((d) => d.id)), c = [...s];
   for (const d of l)
     a.has(d.id) || c.push(d);
@@ -1681,7 +1688,7 @@ function ui(t, e, i = "☰") {
   }
   return `
     <div class="tbw-shell-header" part="shell-header" role="presentation">
-      ${n ? `<div class="tbw-shell-title">${_t(o)}</div>` : ""}
+      ${n ? `<div class="tbw-shell-title">${Et(o)}</div>` : ""}
       <div class="tbw-shell-content" part="shell-content" role="presentation" data-light-dom-header-content></div>
       <div class="tbw-shell-toolbar" part="shell-toolbar" role="presentation">
         ${u}
@@ -1760,7 +1767,7 @@ function We(t, e, i) {
     e.toolPanels.set(s, u), e.lightDomToolPanelIds.add(s), r.style.display = "none";
   });
 }
-function fi(t, e, i, o) {
+function gi(t, e, i, o) {
   const n = t.querySelector(".tbw-shell-toolbar");
   n && n.addEventListener("click", (s) => {
     if (s.target.closest("[data-panel-toggle]")) {
@@ -1777,7 +1784,7 @@ function fi(t, e, i, o) {
     }
   });
 }
-function gi(t, e, i, o) {
+function pi(t, e, i, o) {
   if (!e?.toolPanel?.closeOnClickOutside)
     return () => {
     };
@@ -1788,7 +1795,7 @@ function gi(t, e, i, o) {
   };
   return t.addEventListener("mousedown", n), () => t.removeEventListener("mousedown", n);
 }
-function pi(t, e, i) {
+function wi(t, e, i) {
   const o = t.querySelector(".tbw-tool-panel"), n = t.querySelector("[data-resize-handle]"), r = t.querySelector(".tbw-shell-body");
   if (!o || !n || !r)
     return () => {
@@ -1844,7 +1851,7 @@ function pe(t, e) {
     c && e.headerContentCleanups.set(s.id, c);
   }
 }
-function wi(t, e, i) {
+function bi(t, e, i) {
   if (!e.isPanelOpen) return;
   const o = q(i?.expand ?? M.expand), n = q(i?.collapse ?? M.collapse);
   for (const [r, s] of e.toolPanels) {
@@ -1869,7 +1876,7 @@ function Fe(t, e) {
   const i = t.querySelector("[data-panel-toggle]");
   i && (i.classList.toggle("active", e.isPanelOpen), i.setAttribute("aria-pressed", String(e.isPanelOpen)));
 }
-function Ue(t, e) {
+function Ve(t, e) {
   const i = t.querySelector(".tbw-tool-panel");
   i && (i.classList.toggle("open", e.isPanelOpen), e.isPanelOpen || (i.style.width = ""));
 }
@@ -1878,7 +1885,7 @@ function he(t) {
     e();
   t.toolbarContentCleanups.clear();
 }
-function bi(t) {
+function mi(t) {
   for (const e of t.headerContentCleanups.values())
     e();
   t.headerContentCleanups.clear();
@@ -1895,7 +1902,7 @@ function bi(t) {
       t.toolPanels.get(e)?.onClose?.();
   t.isPanelOpen = !1, t.expandedSections.clear(), t.toolPanels.clear(), t.headerContents.clear(), t.toolbarContents.clear(), t.lightDomHeaderContent = [], t.lightDomToolPanelIds.clear(), t.lightDomToolbarContentIds.clear(), t.lightDomContentMoved = !1;
 }
-function mi(t, e) {
+function vi(t, e) {
   let i = !1;
   const o = {
     get isInitialized() {
@@ -1924,7 +1931,7 @@ function mi(t, e) {
         s && t.expandedSections.add(s.id);
       }
       const n = e.getShadow();
-      Fe(n, t), Ue(n, t), wi(n, t, e.getAccordionIcons()), e.emit("tool-panel-open", { sections: o.expandedSections });
+      Fe(n, t), Ve(n, t), bi(n, t, e.getAccordionIcons()), e.emit("tool-panel-open", { sections: o.expandedSections });
     },
     closeToolPanel() {
       if (!t.isPanelOpen) return;
@@ -1935,7 +1942,7 @@ function mi(t, e) {
         r.onClose?.();
       t.isPanelOpen = !1;
       const n = e.getShadow();
-      Fe(n, t), Ue(n, t), e.emit("tool-panel-close", {});
+      Fe(n, t), Ve(n, t), e.emit("tool-panel-close", {});
     },
     toggleToolPanel() {
       t.isPanelOpen ? o.closeToolPanel() : o.openToolPanel();
@@ -1960,7 +1967,7 @@ function mi(t, e) {
             const f = s.querySelector(`[data-section="${a}"] .tbw-accordion-content`);
             f && (f.innerHTML = "");
           }
-        t.expandedSections.add(n), ue(s, n, !0), vi(s, t, n);
+        t.expandedSections.add(n), ue(s, n, !0), Ci(s, t, n);
       }
       e.emit("tool-panel-section-toggle", { id: n, expanded: !l });
     },
@@ -2018,7 +2025,7 @@ function ue(t, e, i) {
   const o = t.querySelector(`[data-section="${e}"]`);
   o && o.classList.toggle("expanded", i);
 }
-function vi(t, e, i) {
+function Ci(t, e, i) {
   const o = e.toolPanels.get(i);
   if (!o?.render) return;
   const n = t.querySelector(`[data-section="${i}"] .tbw-accordion-content`);
@@ -2026,8 +2033,8 @@ function vi(t, e, i) {
   const r = o.render(n);
   r && e.panelCleanups.set(i, r);
 }
-function Ci(t, e, i, o) {
-  const n = lt(e), r = [], s = [
+function yi(t, e, i, o) {
+  const n = at(e), r = [], s = [
     "tbw-grid-header",
     "tbw-grid-tool-buttons",
     "tbw-grid-tool-panel",
@@ -2063,7 +2070,7 @@ function Ci(t, e, i, o) {
         icon: q(_.icon),
         isExpanded: i.expandedSections.has(_.id)
       }))
-    }, w = ci(u), C = di(d), m = Ne({
+    }, w = di(u), C = hi(d), m = Ne({
       hasShell: !0,
       shellHeader: w,
       shellBody: C
@@ -2075,28 +2082,28 @@ function Ci(t, e, i, o) {
   }
   return n;
 }
-const Ve = "tbw-grid-styles";
+const Ue = "tbw-grid-styles";
 let te = "";
 const we = /* @__PURE__ */ new Map();
-function yi() {
-  let t = document.getElementById(Ve);
-  return t || (t = document.createElement("style"), t.id = Ve, t.setAttribute("data-tbw-grid", "true"), document.head.appendChild(t)), t;
+function _i() {
+  let t = document.getElementById(Ue);
+  return t || (t = document.createElement("style"), t.id = Ue, t.setAttribute("data-tbw-grid", "true"), document.head.appendChild(t)), t;
 }
 function be() {
-  const t = yi(), e = Array.from(we.values()).join(`
+  const t = _i(), e = Array.from(we.values()).join(`
 `);
   t.textContent = `${te}
 
 /* Plugin Styles */
 ${e}`;
 }
-function _i(t) {
+function Ei(t) {
   let e = !1;
   for (const { name: i, styles: o } of t)
     we.has(i) || (we.set(i, o), e = !0);
   return e && be(), e;
 }
-function Ei() {
+function Si() {
   try {
     for (const t of Array.from(document.styleSheets))
       try {
@@ -2112,7 +2119,7 @@ function Ei() {
   }
   return null;
 }
-async function Si(t) {
+async function Ri(t) {
   if (te)
     return;
   if (typeof t == "string" && t.length > 0) {
@@ -2120,14 +2127,14 @@ async function Si(t) {
     return;
   }
   await new Promise((i) => setTimeout(i, 50));
-  const e = Ei();
+  const e = Si();
   e ? (te = e, be()) : (typeof process > "u" || process.env?.NODE_ENV !== "test") && console.warn(
     "[tbw-grid] Could not find grid.css in document.styleSheets. Grid styling will not work.",
     "Available stylesheets:",
     Array.from(document.styleSheets).map((i) => i.href || "(inline)")
   );
 }
-function Ri() {
+function Ai() {
   return {
     startY: null,
     startX: null,
@@ -2141,19 +2148,19 @@ function Ri() {
     momentumRaf: 0
   };
 }
-function Ai(t) {
+function Ti(t) {
   t.startY = null, t.startX = null, t.scrollTop = null, t.scrollLeft = null, t.lastY = null, t.lastX = null, t.lastTime = null;
 }
-function at(t) {
+function ct(t) {
   t.momentumRaf && (cancelAnimationFrame(t.momentumRaf), t.momentumRaf = 0);
 }
-function Ti(t, e, i) {
+function xi(t, e, i) {
   if (t.touches.length !== 1) return;
-  at(e);
+  ct(e);
   const o = t.touches[0];
   e.startY = o.clientY, e.startX = o.clientX, e.lastY = o.clientY, e.lastX = o.clientX, e.lastTime = performance.now(), e.scrollTop = i.fauxScrollbar.scrollTop, e.scrollLeft = i.scrollArea?.scrollLeft ?? 0, e.velocityY = 0, e.velocityX = 0;
 }
-function xi(t, e, i) {
+function Hi(t, e, i) {
   if (t.touches.length !== 1 || e.startY === null || e.startX === null || e.scrollTop === null || e.scrollLeft === null)
     return !1;
   const o = t.touches[0], n = o.clientY, r = o.clientX, s = performance.now(), l = e.startY - n, a = e.startX - r;
@@ -2170,10 +2177,10 @@ function xi(t, e, i) {
   }
   return g && (i.fauxScrollbar.scrollTop = e.scrollTop + l), u && i.scrollArea && (i.scrollArea.scrollLeft = e.scrollLeft + a), g || u;
 }
-function Hi(t, e) {
-  (Math.abs(t.velocityY) > 0.1 || Math.abs(t.velocityX) > 0.1) && Li(t, e), Ai(t);
-}
 function Li(t, e) {
+  (Math.abs(t.velocityY) > 0.1 || Math.abs(t.velocityX) > 0.1) && Pi(t, e), Ti(t);
+}
+function Pi(t, e) {
   const n = () => {
     t.velocityY *= 0.95, t.velocityX *= 0.95;
     const r = t.velocityY * 16, s = t.velocityX * 16;
@@ -2181,19 +2188,19 @@ function Li(t, e) {
   };
   t.momentumRaf = requestAnimationFrame(n);
 }
-function Pi(t, e, i, o) {
-  t.addEventListener("touchstart", (n) => Ti(n, e, i), {
+function zi(t, e, i, o) {
+  t.addEventListener("touchstart", (n) => xi(n, e, i), {
     passive: !0,
     signal: o
   }), t.addEventListener(
     "touchmove",
     (n) => {
-      xi(n, e, i) && n.preventDefault();
+      Hi(n, e, i) && n.preventDefault();
     },
     { passive: !1, signal: o }
-  ), t.addEventListener("touchend", () => Hi(e, i), { passive: !0, signal: o });
+  ), t.addEventListener("touchend", () => Li(e, i), { passive: !0, signal: o });
 }
-const zi = [
+const Oi = [
   {
     property: "editable",
     pluginName: "editing",
@@ -2242,20 +2249,20 @@ const zi = [
     isUsed: (t) => Array.isArray(t) && t.length > 0
   }
 ];
-function Oi(t) {
+function Mi(t) {
   return t.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
 }
 function me(t) {
-  return `import { ${D(t)}Plugin } from '@toolbox-web/grid/plugins/${Oi(t)}';`;
+  return `import { ${O(t)}Plugin } from '@toolbox-web/grid/plugins/${Mi(t)}';`;
 }
-function D(t) {
+function O(t) {
   return t.charAt(0).toUpperCase() + t.slice(1);
 }
 function Be(t, e) {
   return t.some((i) => i.name === e);
 }
-function Mi(t, e) {
-  const i = zi, o = Di, n = /* @__PURE__ */ new Map();
+function ki(t, e) {
+  const i = Oi, o = Di, n = /* @__PURE__ */ new Map();
   function r(l, a, c, h, f = !1) {
     n.has(l) || n.set(l, { description: a, importHint: c, fields: [], isConfigProperty: f });
     const p = n.get(l);
@@ -2283,7 +2290,7 @@ function Mi(t, e) {
           `Config uses ${c}, but the required plugin is not loaded.
   → Add the plugin to your gridConfig.plugins array:
     ${h}
-    plugins: [new ${D(a)}Plugin(), ...]`
+    plugins: [new ${O(a)}Plugin(), ...]`
         );
       else {
         const g = f.slice(0, 3).join(", ") + (f.length > 3 ? `, ... (${f.length} total)` : "");
@@ -2291,7 +2298,7 @@ function Mi(t, e) {
           `Column(s) [${g}] use ${c}, but the required plugin is not loaded.
   → Add the plugin to your gridConfig.plugins array:
     ${h}
-    plugins: [new ${D(a)}Plugin(), ...]`
+    plugins: [new ${O(a)}Plugin(), ...]`
         );
       }
     throw new Error(
@@ -2305,7 +2312,7 @@ This validation helps catch misconfigurations early. The properties listed above
     );
   }
 }
-function ki(t) {
+function Ii(t) {
   const e = [], i = [];
   for (const o of t) {
     const r = o.constructor.manifest;
@@ -2313,7 +2320,7 @@ function ki(t) {
       for (const s of r.configRules) {
         const l = o.config;
         if (s.check(l)) {
-          const c = `${`[tbw-grid:${D(o.name)}Plugin]`} Configuration warning: ${s.message}`;
+          const c = `${`[tbw-grid:${O(o.name)}Plugin]`} Configuration warning: ${s.message}`;
           s.severity === "error" ? e.push(c) : i.push(c);
         }
       }
@@ -2328,29 +2335,29 @@ ${e.join(`
 
 `)}`);
 }
-function Ii(t, e) {
+function Ni(t, e) {
   const i = t.name, n = t.constructor.dependencies ?? [];
   for (const r of n) {
     const s = r.name, l = r.required ?? !0, a = r.reason;
     if (!e.some((h) => h.name === s)) {
-      const h = a ?? `${D(i)}Plugin requires ${D(s)}Plugin`, f = me(s);
+      const h = a ?? `${O(i)}Plugin requires ${O(s)}Plugin`, f = me(s);
       if (l)
         throw new Error(
           `[tbw-grid] Plugin dependency error:
 
 ${h}.
 
-  → Add the plugin to your gridConfig.plugins array BEFORE ${D(i)}Plugin:
+  → Add the plugin to your gridConfig.plugins array BEFORE ${O(i)}Plugin:
     ${f}
-    plugins: [new ${D(s)}Plugin(), new ${D(i)}Plugin()]`
+    plugins: [new ${O(s)}Plugin(), new ${O(i)}Plugin()]`
         );
       console.info(
-        `[tbw-grid] ${D(i)}Plugin: Optional "${s}" plugin not found. Some features may be unavailable.`
+        `[tbw-grid] ${O(i)}Plugin: Optional "${s}" plugin not found. Some features may be unavailable.`
       );
     }
   }
 }
-function Ni(t) {
+function qi(t) {
   if (!ye()) return;
   const e = new Set(t.map((o) => o.name)), i = /* @__PURE__ */ new Set();
   for (const o of t) {
@@ -2363,7 +2370,7 @@ function Ni(t) {
           i.add(l), console.warn(
             `[tbw-grid] Plugin incompatibility warning:
 
-${D(o.name)}Plugin and ${D(s.name)}Plugin are both loaded, but they are currently incompatible.
+${O(o.name)}Plugin and ${O(s.name)}Plugin are both loaded, but they are currently incompatible.
 
   → ${s.reason}
 
@@ -2373,27 +2380,27 @@ ${D(o.name)}Plugin and ${D(s.name)}Plugin are both loaded, but they are currentl
     }
   }
 }
-function ct(t, e) {
+function dt(t, e) {
   return !t || typeof t != "object" ? t : "__rowCacheKey" in t ? t.__rowCacheKey : "rowId" in t && t.rowId != null ? `id:${t.rowId}` : e ? `id:${e(t)}` : t;
 }
-function qi(t, e, i) {
-  const o = ct(e, i);
+function $i(t, e, i) {
+  const o = dt(e, i);
   if (typeof o == "string")
     return t.byKey.get(o);
   if (o && typeof o == "object")
     return t.byRef.get(o);
 }
-function $i(t, e, i, o) {
-  const n = ct(e, o);
+function Wi(t, e, i, o) {
+  const n = dt(e, o);
   typeof n == "string" ? t.byKey.set(n, i) : n && typeof n == "object" && t.byRef.set(n, i);
 }
-function Wi(t, e, i, o, n) {
+function Fi(t, e, i, o, n) {
   const r = new Array(t.length);
   let s = 0;
   for (let l = 0; l < t.length; l++) {
     const a = t[l];
     let c = n?.(a, l), h = c !== void 0;
-    c === void 0 && (c = qi(e, a, o.rowId), h = c !== void 0), c === void 0 && (c = i, h = !1), r[l] = { offset: s, height: c, measured: h }, s += c;
+    c === void 0 && (c = $i(e, a, o.rowId), h = c !== void 0), c === void 0 && (c = i, h = !1), r[l] = { offset: s, height: c, measured: h }, s += c;
   }
   return r;
 }
@@ -2406,7 +2413,7 @@ function ve(t, e, i) {
       t[r].offset += n;
   }
 }
-function Fi(t) {
+function Vi(t) {
   if (t.length === 0) return 0;
   const e = t[t.length - 1];
   return e.offset + e.height;
@@ -2432,13 +2439,13 @@ function Ui(t, e) {
     n.measured && (i += n.height, o++);
   return o > 0 ? i / o : e;
 }
-function Vi(t) {
+function Bi(t) {
   let e = 0;
   for (const i of t)
     i.measured && e++;
   return e;
 }
-function Bi(t, e) {
+function Gi(t, e) {
   const { positionCache: i, heightCache: o, rows: n, start: r, end: s, getPluginHeight: l, getRowId: a } = t;
   let c = !1;
   e.forEach((p) => {
@@ -2455,13 +2462,13 @@ function Bi(t, e) {
     const C = p.offsetHeight;
     if (C > 0) {
       const m = i[u];
-      (!m.measured || Math.abs(m.height - C) > 1) && (ve(i, u, C), $i(o, d, C, a), c = !0);
+      (!m.measured || Math.abs(m.height - C) > 1) && (ve(i, u, C), Wi(o, d, C, a), c = !0);
     }
   });
-  const h = c ? Vi(i) : 0, f = c ? Ui(i, t.defaultHeight) : 0;
+  const h = c ? Bi(i) : 0, f = c ? Ui(i, t.defaultHeight) : 0;
   return { hasChanges: c, measuredCount: h, averageHeight: f };
 }
-function Gi(t, e, i, o) {
+function Xi(t, e, i, o) {
   let n = 0, r = 0;
   for (let s = 0; s < t.length; s++) {
     const l = t[s];
@@ -2472,7 +2479,7 @@ function Gi(t, e, i, o) {
     averageHeight: n > 0 ? r / n : i
   };
 }
-function ro(t) {
+function so(t) {
   const { totalRows: e, viewportHeight: i, scrollTop: o, rowHeight: n, overscan: r } = t, s = Math.ceil(i / n);
   let l = Math.floor(o / n) - r;
   l < 0 && (l = 0);
@@ -2484,7 +2491,7 @@ function ro(t) {
     totalHeight: e * n
   };
 }
-function so(t, e) {
+function lo(t, e) {
   return t <= e;
 }
 class ne {
@@ -2507,7 +2514,7 @@ class ne {
       this.attach(i);
   }
   attach(e) {
-    if (Ii(e, this.plugins), this.pluginMap.set(e.constructor, e), this.plugins.push(e), e.cellRenderers)
+    if (Ni(e, this.plugins), this.pluginMap.set(e.constructor, e), this.plugins.push(e), e.cellRenderers)
       for (const [i, o] of Object.entries(e.cellRenderers))
         this.cellRenderers.set(i, o);
     if (e.headerRenderers)
@@ -2772,7 +2779,7 @@ class ne {
     return e.sort((i, o) => (i.content.order ?? 0) - (o.content.order ?? 0));
   }
 }
-const Xi = "@layer tbw-base{tbw-grid{.tbw-expanding{animation:tbw-expand var(--tbw-animation-duration) var(--tbw-animation-easing) forwards;overflow:hidden}.tbw-collapsing{animation:tbw-collapse var(--tbw-animation-duration) var(--tbw-animation-easing) forwards;overflow:hidden}&[data-animation-mode=off]{--tbw-animation-enabled: 0;--tbw-animation-duration: 0ms;.data-grid-row[data-animating]{animation:none}}}tbw-grid .data-grid-row[data-animating=change]{animation:tbw-row-change var(--tbw-row-change-duration) ease-out}tbw-grid .data-grid-row[data-animating=insert]{animation:tbw-row-insert var(--tbw-row-insert-duration) ease-out;will-change:max-height,opacity}tbw-grid .data-grid-row[data-animating=remove]{animation:tbw-row-remove var(--tbw-row-remove-duration) ease-out forwards;will-change:max-height,opacity,transform;pointer-events:none}}@keyframes tbw-expand{0%{opacity:0;max-height:0;transform:translateY(-8px)}to{opacity:1;max-height:500px;transform:translateY(0)}}@keyframes tbw-collapse{0%{opacity:1;max-height:500px;transform:translateY(0)}to{opacity:0;max-height:0;transform:translateY(-8px)}}@keyframes tbw-row-change{0%{background-color:transparent}20%{background-color:var(--tbw-row-change-color)}to{background-color:transparent}}@keyframes tbw-row-insert{0%{opacity:0;max-height:0;overflow:hidden}to{opacity:1;max-height:var(--tbw-row-height, 28px);overflow:hidden}}@keyframes tbw-row-remove{0%{opacity:1;transform:translateY(0);max-height:var(--tbw-row-height, 28px)}to{opacity:0;max-height:0;transform:translateY(-8px)}}@keyframes tbw-spin{to{transform:rotate(360deg)}}@keyframes tbw-fade-in{0%{opacity:0}to{opacity:1}}", Yi = '@layer tbw-base{tbw-grid{color-scheme:inherit;position:relative;display:block;width:100%;height:100%;min-height:0;contain:content;font-family:var(--tbw-font-family);font-size:var(--tbw-font-size);font-feature-settings:"tnum","lnum";background:var(--tbw-color-bg);color:var(--tbw-color-fg);border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);overflow:clip;outline:none;&,*{box-sizing:border-box}.tbw-grid-root{position:relative;display:flex;flex-direction:column;height:100%;&.has-shell{display:flex;flex-direction:column;height:100%}&:has(.selected){user-select:none}}.rows-body-wrapper{flex:1;min-height:0;display:flex;flex-direction:row;width:100%;min-width:fit-content}.rows-body{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:visible}.rows-container{display:flex;flex-direction:row;flex:1;min-height:0;overflow:visible}.rows-viewport{flex:1;min-width:0;position:relative;display:block;overflow:clip;.rows{position:absolute;top:0;left:0;min-width:100%;will-change:transform;z-index:var(--tbw-z-layer-rows, 1)}}.faux-vscroll{position:sticky;inset-inline-end:0;flex-shrink:0;width:auto;overflow-y:auto;overflow-x:hidden;z-index:var(--tbw-z-layer-header, 30)}.faux-vscroll-spacer{width:1px}&[data-has-focus]{.cell-focus,.row-focus{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}}.sticky-left,.sticky-right{position:sticky;z-index:25}.sticky-left{box-shadow:1px 0 0 var(--tbw-color-border)}.sticky-right{box-shadow:-1px 0 0 var(--tbw-color-border)}}}', ji = '@layer tbw-base{tbw-grid{.header{display:block;flex-shrink:0;z-index:var(--tbw-z-layer-header, 30);background:var(--tbw-color-header-bg);overflow:visible}.header-group-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-color-header-bg);z-index:var(--tbw-z-layer-header, 30)}.header-group-cell{display:flex;align-items:center;justify-content:flex-start;padding:var(--tbw-cell-padding-header, 2px 8px);color:var(--tbw-color-header-group-fg, var(--tbw-color-header-fg));font-weight:var(--tbw-font-weight-header-group, var(--tbw-font-weight-header));justify-content:var(--tbw-align-header-group, var(--tbw-align-header, flex-start));&:not(:last-child){border-right:2px solid var(--tbw-color-border)}}.header-row{display:grid;grid-template-columns:var(--tbw-column-template);color:var(--tbw-color-header-fg);font-size:var(--tbw-font-size-header);min-height:var(--tbw-header-height);border-bottom:var(--tbw-border-header);z-index:var(--tbw-z-layer-header, 30);text-transform:var(--tbw-header-text-transform);letter-spacing:var(--tbw-header-letter-spacing);>.cell{display:flex;align-items:center;gap:4px;padding:var(--tbw-cell-padding-header, 2px 8px);background-color:var(--tbw-color-header-bg);font-weight:var(--tbw-font-weight-header);border-right:1px solid var(--tbw-color-border-cell);overflow:visible;min-width:0;>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:inherit}>span[part~=sort-indicator]{flex-shrink:0;opacity:.6;color:var(--tbw-sort-indicator-color);display:var(--tbw-sort-indicator-display, inline-flex);visibility:var(--tbw-sort-indicator-visibility, visible);transition:opacity .15s,visibility 0s,display 0s allow-discrete;transition-behavior:allow-discrete}&:hover>span[part~=sort-indicator]{display:inline-flex;visibility:visible}&[aria-sort=ascending]>span[part~=sort-indicator],&[aria-sort=descending]>span[part~=sort-indicator]{display:inline-flex;visibility:visible;opacity:1;color:var(--tbw-sort-indicator-active-color)}&:last-child{border-right:0;.resize-handle{right:0;width:calc(var(--tbw-resize-handle-width) / 2)}}&.grouped.group-end:not(:last-child){border-right:2px solid var(--tbw-color-border)}&.resizable{position:relative}&.sticky-left,&.sticky-right{background:var(--tbw-color-header-bg);z-index:35}}}.sortable{cursor:pointer;user-select:none}.resize-handle{position:absolute;top:0;right:calc(var(--tbw-resize-handle-width) / -2);width:var(--tbw-resize-handle-width);height:100%;cursor:e-resize;user-select:none;touch-action:none;z-index:20;background:var(--tbw-resize-handle-color);transition:background .12s ease;border-radius:var(--tbw-resize-handle-border-radius);&:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:var(--tbw-resize-indicator-width, 2px);height:0;background:var(--tbw-resize-indicator-color, var(--tbw-color-accent));opacity:0;pointer-events:none;transition:opacity .12s ease,height 0s .12s;z-index:1000}&:hover{background:var(--tbw-resize-handle-color-hover);&:after{height:100vh;opacity:var(--tbw-resize-indicator-opacity, .6);transition:opacity .12s ease,height 0s}}}}}', Ki = '@layer tbw-base{.tbw-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:light-dark(rgba(255,255,255,.7),rgba(0,0,0,.5));z-index:1000;pointer-events:all;animation:tbw-fade-in .15s ease-out}.tbw-spinner{--tbw-spinner-size: 48px;--tbw-spinner-border-width: 3px;--tbw-spinner-color: var(--tbw-color-accent);--tbw-spinner-track-color: var(--tbw-color-border);width:var(--tbw-spinner-size);height:var(--tbw-spinner-size);border:var(--tbw-spinner-border-width) solid var(--tbw-spinner-track-color);border-top-color:var(--tbw-spinner-color);border-radius:50%;animation:tbw-spin .8s linear infinite}.tbw-spinner--large{--tbw-spinner-size: min(48px, calc(100% - 16px) )}.tbw-spinner--small{--tbw-spinner-size: calc(var(--tbw-row-height, 28px) * .6);--tbw-spinner-border-width: 2px}.data-grid-row.tbw-row-loading{position:relative;pointer-events:none}.tbw-row-loading-overlay{position:absolute;inset:0;background:light-dark(rgba(255,255,255,.7),rgba(0,0,0,.5));z-index:26;animation:tbw-fade-in .15s ease-out;pointer-events:none;display:flex;align-items:center}.tbw-row-loading-spinner{--_spinner-size: calc(var(--tbw-row-height, 28px) * .6);margin-left:var(--tbw-spacing-md);width:var(--_spinner-size);height:var(--_spinner-size);border:2px solid var(--tbw-spinner-track-color, var(--tbw-color-border));border-top-color:var(--tbw-spinner-color, var(--tbw-color-accent));border-radius:50%;animation:tbw-spin .8s linear infinite}.cell.tbw-cell-loading{position:relative;pointer-events:none;&:before{content:"";position:absolute;inset:0;background:light-dark(rgba(255,255,255,.7),rgba(0,0,0,.5));z-index:26;animation:tbw-fade-in .15s ease-out}&:after{--_spinner-size: calc(var(--tbw-row-height, 28px) * .5);content:"";position:absolute;left:var(--tbw-spacing-sm);top:0;bottom:0;margin:auto 0;width:var(--_spinner-size);height:var(--_spinner-size);border:2px solid var(--tbw-spinner-track-color, var(--tbw-color-border));border-top-color:var(--tbw-spinner-color, var(--tbw-color-accent));border-radius:50%;animation:tbw-spin .8s linear infinite;z-index:27}}}', Qi = "@layer tbw-base{@media(forced-colors:active){tbw-grid{--tbw-color-border: CanvasText;--tbw-color-border-strong: CanvasText;--tbw-color-border-cell: CanvasText;--tbw-color-border-header: CanvasText;--tbw-color-fg: CanvasText;--tbw-color-bg: Canvas;--tbw-color-panel-bg: Canvas;--tbw-color-header-bg: Canvas;--tbw-color-header-fg: CanvasText;--tbw-color-accent: Highlight;--tbw-color-accent-fg: HighlightText;--tbw-color-selection: Highlight;--tbw-color-row-hover: Highlight;--tbw-focus-outline: 2px solid Highlight;--tbw-range-border-color: Highlight;.cell:focus,.cell.active-cell{outline:2px solid Highlight!important;outline-offset:-2px}.data-grid-row[aria-selected=true]{background:Highlight!important;color:HighlightText!important}}}@media(prefers-reduced-motion:reduce){tbw-grid[data-animation-mode=reduced-motion]{--tbw-animation-enabled: 0;--tbw-animation-duration: 0ms;.data-grid-row[data-animating]{animation:none}}}}", Zi = "@layer tbw-base{tbw-grid{.data-grid-row{display:grid;grid-template-columns:var(--tbw-column-template);contain:layout style;&:nth-child(2n){background:var(--tbw-color-row-alt)}&:hover{background:var(--tbw-color-row-hover)}>.cell{display:block;padding:var(--tbw-cell-padding, 2px 8px);border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height);align-content:center;border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0;white-space:var(--tbw-cell-white-space, nowrap);text-overflow:ellipsis;>*{overflow:hidden;text-overflow:ellipsis;white-space:inherit;min-width:0}&:last-child{border-right:0}&[data-type=boolean]{text-align:center;input[type=checkbox]{margin:0;width:var(--tbw-checkbox-size);height:var(--tbw-checkbox-size);vertical-align:middle}}&.selected:focus-visible,&:focus-visible:not(.cell-focus){outline:none}&.sticky-left,&.sticky-right{background:var(--tbw-color-panel-bg)}}}.selecting .data-grid-row>.cell{user-select:none}}}", Ji = "@layer tbw-base{tbw-grid{.tbw-shell-header{display:flex;align-items:center;gap:8px;min-height:var(--tbw-shell-header-height);padding:0 8px;background:var(--tbw-shell-header-bg);border-bottom:1px solid var(--tbw-shell-header-border);flex-shrink:0}.tbw-shell-title{font-size:var(--tbw-shell-title-font-size);font-weight:var(--tbw-shell-title-font-weight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tbw-shell-content{flex:1;display:flex;align-items:center;gap:12px;min-width:0;overflow:hidden}.tbw-shell-toolbar{display:flex;align-items:center;gap:var(--tbw-toolbar-button-gap);flex-shrink:0}.tbw-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-toolbar-button-size);height:var(--tbw-toolbar-button-size);padding:0;border:1px solid transparent;border-radius:var(--tbw-border-radius);background:transparent;color:var(--tbw-color-fg);cursor:pointer;font-size:16px;transition:background var(--tbw-transition-duration) var(--tbw-transition-ease),border-color var(--tbw-transition-duration) var(--tbw-transition-ease);&:hover{background:var(--tbw-color-row-hover)}&:focus-visible{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}&.active{background:var(--tbw-focus-background);border-color:var(--tbw-color-accent)}&:disabled{opacity:.5;cursor:not-allowed}}.tbw-toolbar-separator{width:1px;height:20px;background:var(--tbw-color-border);margin:0 4px}.tbw-shell-body{position:relative;display:flex;flex:1;min-height:0;overflow:visible}.tbw-grid-content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:row;overflow:hidden}.tbw-scroll-area{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow-x:auto;overflow-y:hidden;overflow-anchor:none}}}", eo = "@layer tbw-base{tbw-grid{.tbw-tool-panel{position:absolute;top:0;bottom:0;right:0;width:0;overflow:hidden;background:var(--tbw-tool-panel-bg);border-left:1px solid var(--tbw-tool-panel-border);transition:width var(--tbw-tool-panel-transition);display:flex;flex-direction:column;z-index:30;box-shadow:-2px 0 8px var(--tbw-color-shadow);&[data-position=left]{right:auto;left:0;border-left:none;border-right:1px solid var(--tbw-tool-panel-border);box-shadow:2px 0 8px var(--tbw-color-shadow)}&.open{width:var(--tbw-tool-panel-width)}}.tbw-tool-panel-resize{position:absolute;top:0;bottom:0;width:6px;cursor:col-resize;background:transparent;z-index:10;transition:background var(--tbw-transition-duration) var(--tbw-transition-ease);&[data-handle-position=left]{left:0}&[data-handle-position=right]{right:0}&:hover,&.resizing{background:var(--tbw-color-accent)}}.tbw-tool-panel-header{display:flex;align-items:center;justify-content:space-between;min-height:var(--tbw-tool-panel-header-height);padding:0 12px;border-bottom:1px solid var(--tbw-tool-panel-border);flex-shrink:0}.tbw-tool-panel-title{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tbw-tool-panel-close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--tbw-border-radius);background:transparent;color:var(--tbw-color-fg-muted);cursor:pointer;font-size:14px;&:hover{background:var(--tbw-color-row-hover);color:var(--tbw-color-fg)}}.tbw-tool-panel-content{flex:1;overflow:auto}.tbw-accordion{display:flex;flex-direction:column;gap:0}.tbw-accordion-section{border-bottom:1px solid var(--tbw-tool-panel-border);&:last-child{border-bottom:none}&.single .tbw-accordion-header{cursor:default;&:hover{background:transparent}}&.expanded{.tbw-accordion-chevron{transform:rotate(90deg)}.tbw-accordion-content{display:block}}}.tbw-accordion-header{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--tbw-color-fg);font-size:13px;font-weight:600;text-align:start;cursor:pointer;user-select:none;&:hover{background:var(--tbw-color-row-hover)}}.tbw-accordion-chevron{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:10px;color:var(--tbw-color-fg-muted);transition:transform .15s ease;flex-shrink:0}.tbw-accordion-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:14px;flex-shrink:0}.tbw-accordion-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tbw-accordion-content{display:none}}}", to = "@layer tbw-base{tbw-grid{--tbw-base-icon-size: 1em;--tbw-base-radius: .25em;--tbw-font-size: 1em;--tbw-font-size-sm: .9285em;--tbw-font-size-xs: .7857em;--tbw-font-size-2xs: .7142em;--tbw-spacing-xs: .25em;--tbw-spacing-sm: .375em;--tbw-spacing-md: .5em;--tbw-spacing-lg: .75em;--tbw-spacing-xl: 1em;--tbw-icon-size: var(--tbw-base-icon-size);--tbw-icon-size-sm: .875em;--tbw-checkbox-size: var(--tbw-base-icon-size);--tbw-toggle-size: 1.25em;--tbw-border-radius: var(--tbw-base-radius);--tbw-color-bg: transparent;--tbw-color-panel-bg: light-dark(#eeeeee, #222222);--tbw-color-fg: light-dark(#222222, #eeeeee);--tbw-color-fg-muted: light-dark(#555555, #aaaaaa);--tbw-color-accent: light-dark(#3b82f6, #3b82f6);--tbw-color-accent-fg: light-dark(#ffffff, #000000);--tbw-color-success: light-dark(hsl(122, 39%, 40%), hsl(122, 39%, 49%));--tbw-color-warning: light-dark(hsl(38, 92%, 50%), hsl(38, 92%, 50%));--tbw-color-error: light-dark(hsl(0, 65%, 51%), hsl(0, 65%, 55%));--tbw-color-danger: var(--tbw-color-error);--tbw-color-selection: light-dark(#fff7d6, #333333);--tbw-color-row-alt: var(--tbw-color-bg);--tbw-color-row-hover: light-dark(#f0f6ff, #1c1c1c);--tbw-color-header-bg: color-mix(in hsl, var(--tbw-color-panel-bg) 85%, var(--tbw-color-fg));--tbw-color-header-fg: color-mix(in hsl, var(--tbw-color-fg) 75%, var(--tbw-color-panel-bg));--tbw-color-border: light-dark(#d0d0d4, #454545);--tbw-color-border-strong: light-dark(#777777, #666666);--tbw-color-border-cell: var(--tbw-color-border);--tbw-color-border-header: var(--tbw-color-border);--tbw-color-shadow: light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .3));--tbw-font-family: inherit;--tbw-font-size-header: var(--tbw-font-size);--tbw-font-weight-header: bold;--tbw-cell-padding-header: var(--tbw-spacing-xs) var(--tbw-spacing-md);--tbw-cell-padding-v: var(--tbw-spacing-xs);--tbw-cell-padding-h: var(--tbw-spacing-md);--tbw-cell-padding: var(--tbw-cell-padding-v) var(--tbw-cell-padding-h);--tbw-cell-padding-input: var(--tbw-spacing-xs) var(--tbw-spacing-sm);--tbw-row-height: 1.75em;--tbw-header-height: 1.875em;--tbw-cell-white-space: nowrap;--tbw-border-width: 1px;--tbw-border-style: solid;--tbw-border-input: var(--tbw-border-width) var(--tbw-border-style) var(--tbw-color-border-strong);--tbw-border-header: var(--tbw-border-width) var(--tbw-border-style) var(--tbw-color-border-header);--tbw-row-divider: var(--tbw-border-width) var(--tbw-border-style) var(--tbw-color-border-cell);--tbw-row-hover-outline: 0;--tbw-color-active-row-bg: var(--tbw-color-selection);--tbw-active-row-outline: 0;--tbw-focus-outline-width: 2px;--tbw-focus-outline: var(--tbw-focus-outline-width) var(--tbw-border-style) var(--tbw-color-accent);--tbw-focus-outline-offset: -2px;--tbw-focus-background: rgba(from var(--tbw-color-accent) r g b / 12%);--tbw-range-border-color: var(--tbw-color-accent);--tbw-range-selection-bg: rgba(from var(--tbw-range-border-color) r g b / 12%);--tbw-resize-handle-width: var(--tbw-spacing-sm);--tbw-resize-handle-color: transparent;--tbw-resize-handle-color-hover: var(--tbw-color-accent);--tbw-resize-handle-border-radius: 0;--tbw-resize-indicator-width: 2px;--tbw-resize-indicator-color: var(--tbw-color-accent);--tbw-resize-indicator-opacity: .6;--tbw-transition-duration: .12s;--tbw-transition-ease: ease;--tbw-animation-duration: .2s;--tbw-animation-easing: ease-out;--tbw-animation-enabled: 1;--tbw-row-change-duration: .5s;--tbw-row-insert-duration: .3s;--tbw-row-remove-duration: .2s;--tbw-row-change-color: rgba(from var(--tbw-color-accent) r g b / 25%);--tbw-sort-indicator-color: var(--tbw-color-fg-muted);--tbw-sort-indicator-active-color: var(--tbw-color-accent);--tbw-sort-indicator-display: inline-flex;--tbw-sort-indicator-visibility: visible;--tbw-header-text-transform: none;--tbw-header-letter-spacing: normal;--tbw-color-header-separator: var(--tbw-color-border-cell);--tbw-density-scale: 1;--tbw-shell-header-height: 2.75em;--tbw-shell-header-bg: var(--tbw-color-panel-bg);--tbw-shell-header-border: var(--tbw-color-border);--tbw-shell-title-font-size: var(--tbw-font-size);--tbw-shell-title-font-weight: 600;--tbw-tool-panel-width: 17.5em;--tbw-tool-panel-bg: var(--tbw-color-panel-bg);--tbw-tool-panel-border: var(--tbw-color-border);--tbw-tool-panel-header-height: 2.5em;--tbw-tool-panel-transition: var(--tbw-animation-duration) var(--tbw-animation-easing);--tbw-toolbar-button-size: 2em;--tbw-toolbar-button-gap: var(--tbw-spacing-xs);--tbw-panel-padding: var(--tbw-spacing-lg);--tbw-panel-gap: var(--tbw-spacing-md);--tbw-menu-item-padding: var(--tbw-spacing-sm) var(--tbw-spacing-lg);--tbw-menu-item-gap: var(--tbw-spacing-md);--tbw-menu-min-width: 10rem;--tbw-button-padding: var(--tbw-spacing-sm) var(--tbw-spacing-lg);--tbw-button-padding-sm: var(--tbw-spacing-xs) var(--tbw-spacing-md);--tbw-input-height: var(--tbw-row-height);--tbw-input-padding: 0 var(--tbw-spacing-md);--tbw-detail-padding: var(--tbw-spacing-xl);--tbw-detail-max-height: 31.25rem;--tbw-indicator-size: var(--tbw-spacing-sm)}}", io = `/**
+const Yi = "@layer tbw-base{tbw-grid{.tbw-expanding{animation:tbw-expand var(--tbw-animation-duration) var(--tbw-animation-easing) forwards;overflow:hidden}.tbw-collapsing{animation:tbw-collapse var(--tbw-animation-duration) var(--tbw-animation-easing) forwards;overflow:hidden}&[data-animation-mode=off]{--tbw-animation-enabled: 0;--tbw-animation-duration: 0ms;.data-grid-row[data-animating]{animation:none}}}tbw-grid .data-grid-row[data-animating=change]{animation:tbw-row-change var(--tbw-row-change-duration) ease-out}tbw-grid .data-grid-row[data-animating=insert]{animation:tbw-row-insert var(--tbw-row-insert-duration) ease-out;will-change:max-height,opacity}tbw-grid .data-grid-row[data-animating=remove]{animation:tbw-row-remove var(--tbw-row-remove-duration) ease-out forwards;will-change:max-height,opacity,transform;pointer-events:none}}@keyframes tbw-expand{0%{opacity:0;max-height:0;transform:translateY(-8px)}to{opacity:1;max-height:500px;transform:translateY(0)}}@keyframes tbw-collapse{0%{opacity:1;max-height:500px;transform:translateY(0)}to{opacity:0;max-height:0;transform:translateY(-8px)}}@keyframes tbw-row-change{0%{background-color:transparent}20%{background-color:var(--tbw-row-change-color)}to{background-color:transparent}}@keyframes tbw-row-insert{0%{opacity:0;max-height:0;overflow:hidden}to{opacity:1;max-height:var(--tbw-row-height, 28px);overflow:hidden}}@keyframes tbw-row-remove{0%{opacity:1;transform:translateY(0);max-height:var(--tbw-row-height, 28px)}to{opacity:0;max-height:0;transform:translateY(-8px)}}@keyframes tbw-spin{to{transform:rotate(360deg)}}@keyframes tbw-fade-in{0%{opacity:0}to{opacity:1}}", ji = '@layer tbw-base{tbw-grid{color-scheme:inherit;position:relative;display:block;width:100%;height:100%;min-height:0;contain:content;font-family:var(--tbw-font-family);font-size:var(--tbw-font-size);font-feature-settings:"tnum","lnum";background:var(--tbw-color-bg);color:var(--tbw-color-fg);border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);overflow:clip;outline:none;&,*{box-sizing:border-box}.tbw-grid-root{position:relative;display:flex;flex-direction:column;height:100%;&.has-shell{display:flex;flex-direction:column;height:100%}&:has(.selected){user-select:none}}.rows-body-wrapper{flex:1;min-height:0;display:flex;flex-direction:row;width:100%;min-width:fit-content}.rows-body{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:visible}.rows-container{display:flex;flex-direction:row;flex:1;min-height:0;overflow:visible}.rows-viewport{flex:1;min-width:0;position:relative;display:block;overflow:clip;.rows{position:absolute;top:0;left:0;min-width:100%;will-change:transform;z-index:var(--tbw-z-layer-rows, 1)}}.faux-vscroll{position:sticky;inset-inline-end:0;flex-shrink:0;width:auto;overflow-y:auto;overflow-x:hidden;z-index:var(--tbw-z-layer-header, 30)}.faux-vscroll-spacer{width:1px}&[data-has-focus]{.cell-focus,.row-focus{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}}.sticky-left,.sticky-right{position:sticky;z-index:25}.sticky-left{box-shadow:1px 0 0 var(--tbw-color-border)}.sticky-right{box-shadow:-1px 0 0 var(--tbw-color-border)}}}', Ki = '@layer tbw-base{tbw-grid{.header{display:block;flex-shrink:0;z-index:var(--tbw-z-layer-header, 30);background:var(--tbw-color-header-bg);overflow:visible}.header-group-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-color-header-bg);z-index:var(--tbw-z-layer-header, 30)}.header-group-cell{display:flex;align-items:center;justify-content:flex-start;padding:var(--tbw-cell-padding-header, 2px 8px);color:var(--tbw-color-header-group-fg, var(--tbw-color-header-fg));font-weight:var(--tbw-font-weight-header-group, var(--tbw-font-weight-header));justify-content:var(--tbw-align-header-group, var(--tbw-align-header, flex-start));&:not(:last-child){border-right:2px solid var(--tbw-color-border)}}.header-row{display:grid;grid-template-columns:var(--tbw-column-template);color:var(--tbw-color-header-fg);font-size:var(--tbw-font-size-header);min-height:var(--tbw-header-height);border-bottom:var(--tbw-border-header);z-index:var(--tbw-z-layer-header, 30);text-transform:var(--tbw-header-text-transform);letter-spacing:var(--tbw-header-letter-spacing);>.cell{display:flex;align-items:center;gap:4px;padding:var(--tbw-cell-padding-header, 2px 8px);background-color:var(--tbw-color-header-bg);font-weight:var(--tbw-font-weight-header);border-right:1px solid var(--tbw-color-border-cell);overflow:visible;min-width:0;>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:inherit}>span[part~=sort-indicator]{flex-shrink:0;opacity:.6;color:var(--tbw-sort-indicator-color);display:var(--tbw-sort-indicator-display, inline-flex);visibility:var(--tbw-sort-indicator-visibility, visible);transition:opacity .15s,visibility 0s,display 0s allow-discrete;transition-behavior:allow-discrete}&:hover>span[part~=sort-indicator]{display:inline-flex;visibility:visible}&[aria-sort=ascending]>span[part~=sort-indicator],&[aria-sort=descending]>span[part~=sort-indicator]{display:inline-flex;visibility:visible;opacity:1;color:var(--tbw-sort-indicator-active-color)}&:last-child{border-right:0;.resize-handle{right:0;width:calc(var(--tbw-resize-handle-width) / 2)}}&.grouped.group-end:not(:last-child){border-right:2px solid var(--tbw-color-border)}&.resizable{position:relative}&.sticky-left,&.sticky-right{background:var(--tbw-color-header-bg);z-index:35}}}.sortable{cursor:pointer;user-select:none}.resize-handle{position:absolute;top:0;right:calc(var(--tbw-resize-handle-width) / -2);width:var(--tbw-resize-handle-width);height:100%;cursor:e-resize;user-select:none;touch-action:none;z-index:20;background:var(--tbw-resize-handle-color);transition:background .12s ease;border-radius:var(--tbw-resize-handle-border-radius);&:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:var(--tbw-resize-indicator-width, 2px);height:0;background:var(--tbw-resize-indicator-color, var(--tbw-color-accent));opacity:0;pointer-events:none;transition:opacity .12s ease,height 0s .12s;z-index:1000}&:hover{background:var(--tbw-resize-handle-color-hover);&:after{height:100vh;opacity:var(--tbw-resize-indicator-opacity, .6);transition:opacity .12s ease,height 0s}}}}}', Qi = '@layer tbw-base{.tbw-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:light-dark(rgba(255,255,255,.7),rgba(0,0,0,.5));z-index:1000;pointer-events:all;animation:tbw-fade-in .15s ease-out}.tbw-spinner{--tbw-spinner-size: 48px;--tbw-spinner-border-width: 3px;--tbw-spinner-color: var(--tbw-color-accent);--tbw-spinner-track-color: var(--tbw-color-border);width:var(--tbw-spinner-size);height:var(--tbw-spinner-size);border:var(--tbw-spinner-border-width) solid var(--tbw-spinner-track-color);border-top-color:var(--tbw-spinner-color);border-radius:50%;animation:tbw-spin .8s linear infinite}.tbw-spinner--large{--tbw-spinner-size: min(48px, calc(100% - 16px) )}.tbw-spinner--small{--tbw-spinner-size: calc(var(--tbw-row-height, 28px) * .6);--tbw-spinner-border-width: 2px}.data-grid-row.tbw-row-loading{position:relative;pointer-events:none}.tbw-row-loading-overlay{position:absolute;inset:0;background:light-dark(rgba(255,255,255,.7),rgba(0,0,0,.5));z-index:26;animation:tbw-fade-in .15s ease-out;pointer-events:none;display:flex;align-items:center}.tbw-row-loading-spinner{--_spinner-size: calc(var(--tbw-row-height, 28px) * .6);margin-left:var(--tbw-spacing-md);width:var(--_spinner-size);height:var(--_spinner-size);border:2px solid var(--tbw-spinner-track-color, var(--tbw-color-border));border-top-color:var(--tbw-spinner-color, var(--tbw-color-accent));border-radius:50%;animation:tbw-spin .8s linear infinite}.cell.tbw-cell-loading{position:relative;pointer-events:none;&:before{content:"";position:absolute;inset:0;background:light-dark(rgba(255,255,255,.7),rgba(0,0,0,.5));z-index:26;animation:tbw-fade-in .15s ease-out}&:after{--_spinner-size: calc(var(--tbw-row-height, 28px) * .5);content:"";position:absolute;left:var(--tbw-spacing-sm);top:0;bottom:0;margin:auto 0;width:var(--_spinner-size);height:var(--_spinner-size);border:2px solid var(--tbw-spinner-track-color, var(--tbw-color-border));border-top-color:var(--tbw-spinner-color, var(--tbw-color-accent));border-radius:50%;animation:tbw-spin .8s linear infinite;z-index:27}}}', Zi = "@layer tbw-base{@media(forced-colors:active){tbw-grid{--tbw-color-border: CanvasText;--tbw-color-border-strong: CanvasText;--tbw-color-border-cell: CanvasText;--tbw-color-border-header: CanvasText;--tbw-color-fg: CanvasText;--tbw-color-bg: Canvas;--tbw-color-panel-bg: Canvas;--tbw-color-header-bg: Canvas;--tbw-color-header-fg: CanvasText;--tbw-color-accent: Highlight;--tbw-color-accent-fg: HighlightText;--tbw-color-selection: Highlight;--tbw-color-row-hover: Highlight;--tbw-focus-outline: 2px solid Highlight;--tbw-range-border-color: Highlight;.cell:focus,.cell.active-cell{outline:2px solid Highlight!important;outline-offset:-2px}.data-grid-row[aria-selected=true]{background:Highlight!important;color:HighlightText!important}}}@media(prefers-reduced-motion:reduce){tbw-grid[data-animation-mode=reduced-motion]{--tbw-animation-enabled: 0;--tbw-animation-duration: 0ms;.data-grid-row[data-animating]{animation:none}}}}", Ji = "@layer tbw-base{tbw-grid{.data-grid-row{display:grid;grid-template-columns:var(--tbw-column-template);contain:layout style;&:nth-child(2n){background:var(--tbw-color-row-alt)}&:hover{background:var(--tbw-color-row-hover)}>.cell{display:block;padding:var(--tbw-cell-padding, 2px 8px);border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height);align-content:center;border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0;white-space:var(--tbw-cell-white-space, nowrap);text-overflow:ellipsis;>*{overflow:hidden;text-overflow:ellipsis;white-space:inherit;min-width:0}&:last-child{border-right:0}&[data-type=boolean]{text-align:center;input[type=checkbox]{margin:0;width:var(--tbw-checkbox-size);height:var(--tbw-checkbox-size);vertical-align:middle}}&.selected:focus-visible,&:focus-visible:not(.cell-focus){outline:none}&.sticky-left,&.sticky-right{background:var(--tbw-color-panel-bg)}}}.selecting .data-grid-row>.cell{user-select:none}}}", eo = "@layer tbw-base{tbw-grid{.tbw-shell-header{display:flex;align-items:center;gap:8px;min-height:var(--tbw-shell-header-height);padding:0 8px;background:var(--tbw-shell-header-bg);border-bottom:1px solid var(--tbw-shell-header-border);flex-shrink:0}.tbw-shell-title{font-size:var(--tbw-shell-title-font-size);font-weight:var(--tbw-shell-title-font-weight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tbw-shell-content{flex:1;display:flex;align-items:center;gap:12px;min-width:0;overflow:hidden}.tbw-shell-toolbar{display:flex;align-items:center;gap:var(--tbw-toolbar-button-gap);flex-shrink:0}.tbw-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-toolbar-button-size);height:var(--tbw-toolbar-button-size);padding:0;border:1px solid transparent;border-radius:var(--tbw-border-radius);background:transparent;color:var(--tbw-color-fg);cursor:pointer;font-size:16px;transition:background var(--tbw-transition-duration) var(--tbw-transition-ease),border-color var(--tbw-transition-duration) var(--tbw-transition-ease);&:hover{background:var(--tbw-color-row-hover)}&:focus-visible{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}&.active{background:var(--tbw-focus-background);border-color:var(--tbw-color-accent)}&:disabled{opacity:.5;cursor:not-allowed}}.tbw-toolbar-separator{width:1px;height:20px;background:var(--tbw-color-border);margin:0 4px}.tbw-shell-body{position:relative;display:flex;flex:1;min-height:0;overflow:visible}.tbw-grid-content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:row;overflow:hidden}.tbw-scroll-area{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow-x:auto;overflow-y:hidden;overflow-anchor:none}}}", to = "@layer tbw-base{tbw-grid{.tbw-tool-panel{position:absolute;top:0;bottom:0;right:0;width:0;overflow:hidden;background:var(--tbw-tool-panel-bg);border-left:1px solid var(--tbw-tool-panel-border);transition:width var(--tbw-tool-panel-transition);display:flex;flex-direction:column;z-index:30;box-shadow:-2px 0 8px var(--tbw-color-shadow);&[data-position=left]{right:auto;left:0;border-left:none;border-right:1px solid var(--tbw-tool-panel-border);box-shadow:2px 0 8px var(--tbw-color-shadow)}&.open{width:var(--tbw-tool-panel-width)}}.tbw-tool-panel-resize{position:absolute;top:0;bottom:0;width:6px;cursor:col-resize;background:transparent;z-index:10;transition:background var(--tbw-transition-duration) var(--tbw-transition-ease);&[data-handle-position=left]{left:0}&[data-handle-position=right]{right:0}&:hover,&.resizing{background:var(--tbw-color-accent)}}.tbw-tool-panel-header{display:flex;align-items:center;justify-content:space-between;min-height:var(--tbw-tool-panel-header-height);padding:0 12px;border-bottom:1px solid var(--tbw-tool-panel-border);flex-shrink:0}.tbw-tool-panel-title{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tbw-tool-panel-close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--tbw-border-radius);background:transparent;color:var(--tbw-color-fg-muted);cursor:pointer;font-size:14px;&:hover{background:var(--tbw-color-row-hover);color:var(--tbw-color-fg)}}.tbw-tool-panel-content{flex:1;overflow:auto}.tbw-accordion{display:flex;flex-direction:column;gap:0}.tbw-accordion-section{border-bottom:1px solid var(--tbw-tool-panel-border);&:last-child{border-bottom:none}&.single .tbw-accordion-header{cursor:default;&:hover{background:transparent}}&.expanded{.tbw-accordion-chevron{transform:rotate(90deg)}.tbw-accordion-content{display:block}}}.tbw-accordion-header{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--tbw-color-fg);font-size:13px;font-weight:600;text-align:start;cursor:pointer;user-select:none;&:hover{background:var(--tbw-color-row-hover)}}.tbw-accordion-chevron{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:10px;color:var(--tbw-color-fg-muted);transition:transform .15s ease;flex-shrink:0}.tbw-accordion-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:14px;flex-shrink:0}.tbw-accordion-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tbw-accordion-content{display:none}}}", io = "@layer tbw-base{tbw-grid{--tbw-base-icon-size: 1em;--tbw-base-radius: .25em;--tbw-font-size: 1em;--tbw-font-size-sm: .9285em;--tbw-font-size-xs: .7857em;--tbw-font-size-2xs: .7142em;--tbw-spacing-xs: .25em;--tbw-spacing-sm: .375em;--tbw-spacing-md: .5em;--tbw-spacing-lg: .75em;--tbw-spacing-xl: 1em;--tbw-icon-size: var(--tbw-base-icon-size);--tbw-icon-size-sm: .875em;--tbw-checkbox-size: var(--tbw-base-icon-size);--tbw-toggle-size: 1.25em;--tbw-border-radius: var(--tbw-base-radius);--tbw-color-bg: transparent;--tbw-color-panel-bg: light-dark(#eeeeee, #222222);--tbw-color-fg: light-dark(#222222, #eeeeee);--tbw-color-fg-muted: light-dark(#555555, #aaaaaa);--tbw-color-accent: light-dark(#3b82f6, #3b82f6);--tbw-color-accent-fg: light-dark(#ffffff, #000000);--tbw-color-success: light-dark(hsl(122, 39%, 40%), hsl(122, 39%, 49%));--tbw-color-warning: light-dark(hsl(38, 92%, 50%), hsl(38, 92%, 50%));--tbw-color-error: light-dark(hsl(0, 65%, 51%), hsl(0, 65%, 55%));--tbw-color-danger: var(--tbw-color-error);--tbw-color-selection: light-dark(#fff7d6, #333333);--tbw-color-row-alt: var(--tbw-color-bg);--tbw-color-row-hover: light-dark(#f0f6ff, #1c1c1c);--tbw-color-header-bg: color-mix(in hsl, var(--tbw-color-panel-bg) 85%, var(--tbw-color-fg));--tbw-color-header-fg: color-mix(in hsl, var(--tbw-color-fg) 75%, var(--tbw-color-panel-bg));--tbw-color-border: light-dark(#d0d0d4, #454545);--tbw-color-border-strong: light-dark(#777777, #666666);--tbw-color-border-cell: var(--tbw-color-border);--tbw-color-border-header: var(--tbw-color-border);--tbw-color-shadow: light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .3));--tbw-font-family: inherit;--tbw-font-size-header: var(--tbw-font-size);--tbw-font-weight-header: bold;--tbw-cell-padding-header: var(--tbw-spacing-xs) var(--tbw-spacing-md);--tbw-cell-padding-v: var(--tbw-spacing-xs);--tbw-cell-padding-h: var(--tbw-spacing-md);--tbw-cell-padding: var(--tbw-cell-padding-v) var(--tbw-cell-padding-h);--tbw-cell-padding-input: var(--tbw-spacing-xs) var(--tbw-spacing-sm);--tbw-row-height: 1.75em;--tbw-header-height: 1.875em;--tbw-cell-white-space: nowrap;--tbw-border-width: 1px;--tbw-border-style: solid;--tbw-border-input: var(--tbw-border-width) var(--tbw-border-style) var(--tbw-color-border-strong);--tbw-border-header: var(--tbw-border-width) var(--tbw-border-style) var(--tbw-color-border-header);--tbw-row-divider: var(--tbw-border-width) var(--tbw-border-style) var(--tbw-color-border-cell);--tbw-row-hover-outline: 0;--tbw-color-active-row-bg: var(--tbw-color-selection);--tbw-active-row-outline: 0;--tbw-focus-outline-width: 2px;--tbw-focus-outline: var(--tbw-focus-outline-width) var(--tbw-border-style) var(--tbw-color-accent);--tbw-focus-outline-offset: -2px;--tbw-focus-background: rgba(from var(--tbw-color-accent) r g b / 12%);--tbw-range-border-color: var(--tbw-color-accent);--tbw-range-selection-bg: rgba(from var(--tbw-range-border-color) r g b / 12%);--tbw-resize-handle-width: var(--tbw-spacing-sm);--tbw-resize-handle-color: transparent;--tbw-resize-handle-color-hover: var(--tbw-color-accent);--tbw-resize-handle-border-radius: 0;--tbw-resize-indicator-width: 2px;--tbw-resize-indicator-color: var(--tbw-color-accent);--tbw-resize-indicator-opacity: .6;--tbw-transition-duration: .12s;--tbw-transition-ease: ease;--tbw-animation-duration: .2s;--tbw-animation-easing: ease-out;--tbw-animation-enabled: 1;--tbw-row-change-duration: .5s;--tbw-row-insert-duration: .3s;--tbw-row-remove-duration: .2s;--tbw-row-change-color: rgba(from var(--tbw-color-accent) r g b / 25%);--tbw-sort-indicator-color: var(--tbw-color-fg-muted);--tbw-sort-indicator-active-color: var(--tbw-color-accent);--tbw-sort-indicator-display: inline-flex;--tbw-sort-indicator-visibility: visible;--tbw-header-text-transform: none;--tbw-header-letter-spacing: normal;--tbw-color-header-separator: var(--tbw-color-border-cell);--tbw-density-scale: 1;--tbw-shell-header-height: 2.75em;--tbw-shell-header-bg: var(--tbw-color-panel-bg);--tbw-shell-header-border: var(--tbw-color-border);--tbw-shell-title-font-size: var(--tbw-font-size);--tbw-shell-title-font-weight: 600;--tbw-tool-panel-width: 17.5em;--tbw-tool-panel-bg: var(--tbw-color-panel-bg);--tbw-tool-panel-border: var(--tbw-color-border);--tbw-tool-panel-header-height: 2.5em;--tbw-tool-panel-transition: var(--tbw-animation-duration) var(--tbw-animation-easing);--tbw-toolbar-button-size: 2em;--tbw-toolbar-button-gap: var(--tbw-spacing-xs);--tbw-panel-padding: var(--tbw-spacing-lg);--tbw-panel-gap: var(--tbw-spacing-md);--tbw-menu-item-padding: var(--tbw-spacing-sm) var(--tbw-spacing-lg);--tbw-menu-item-gap: var(--tbw-spacing-md);--tbw-menu-min-width: 10rem;--tbw-button-padding: var(--tbw-spacing-sm) var(--tbw-spacing-lg);--tbw-button-padding-sm: var(--tbw-spacing-xs) var(--tbw-spacing-md);--tbw-input-height: var(--tbw-row-height);--tbw-input-padding: 0 var(--tbw-spacing-md);--tbw-detail-padding: var(--tbw-spacing-xl);--tbw-detail-max-height: 31.25rem;--tbw-indicator-size: var(--tbw-spacing-sm)}}", oo = `/**
  * tbw-grid Light DOM Styles
  *
  * This stylesheet uses CSS nesting to scope all styles to the tbw-grid element.
@@ -2791,20 +2798,20 @@ const Xi = "@layer tbw-base{tbw-grid{.tbw-expanding{animation:tbw-expand var(--t
 /* Declare layer order - earlier layers have lower priority */
 @layer tbw-base, tbw-plugins, tbw-theme;
 
-${to}
-${Yi}
+${io}
 ${ji}
-${Zi}
+${Ki}
 ${Ji}
 ${eo}
-${Ki}
-${Xi}
+${to}
 ${Qi}
+${Yi}
+${Zi}
 `;
 class I extends HTMLElement {
   static tagName = "tbw-grid";
-  static version = "1.19.3";
-  static #l = 0;
+  static version = "1.21.0";
+  static #a = 0;
   static adapters = [];
   static registerAdapter(e) {
     this.adapters.push(e);
@@ -2824,7 +2831,7 @@ class I extends HTMLElement {
   #u = !1;
   #d;
   #h;
-  #a = [];
+  #l = [];
   get #o() {
     return this.#i?.effective ?? {};
   }
@@ -2842,8 +2849,8 @@ class I extends HTMLElement {
   #g = !1;
   #x = !1;
   #m = 0;
-  #z;
-  #I = Ri();
+  #O;
+  #N = Ai();
   #b;
   #y;
   #p;
@@ -2858,19 +2865,19 @@ class I extends HTMLElement {
   };
   #t;
   #_;
-  #N = !1;
+  #q = !1;
   #D;
   #G;
-  #O;
+  #M;
   #i;
-  #e = hi();
+  #e = ui();
   #c;
-  #q;
   #$;
-  #M = !1;
+  #W;
+  #k = !1;
   #E = /* @__PURE__ */ new Set();
   #H = /* @__PURE__ */ new Map();
-  #W;
+  #F;
   #S = /* @__PURE__ */ new Map();
   _rows = [];
   #X = [];
@@ -2935,39 +2942,39 @@ class I extends HTMLElement {
     return this._rows;
   }
   set rows(e) {
-    const i = this.#a;
-    this.#a = e, i !== e && this.#V("rows");
+    const i = this.#l;
+    this.#l = e, i !== e && this.#B("rows");
   }
   get sourceRows() {
-    return this.#a;
+    return this.#l;
   }
   get columns() {
     return [...this._columns];
   }
   set columns(e) {
     const i = this.#i?.getColumns();
-    this.#i?.setColumns(e), i !== e && this.#V("columns");
+    this.#i?.setColumns(e), i !== e && this.#B("columns");
   }
   get gridConfig() {
     return this.#o;
   }
   set gridConfig(e) {
     const i = this.#i?.getGridConfig();
-    this.#i?.setGridConfig(e), i !== e && (this.#i.clearLightDomCache(), this.#V("gridConfig"));
+    this.#i?.setGridConfig(e), i !== e && (this.#i.clearLightDomCache(), this.#B("gridConfig"));
   }
   get fitMode() {
     return this.#o.fitMode ?? "stretch";
   }
   set fitMode(e) {
     const i = this.#i?.getFitMode();
-    this.#i?.setFitMode(e), i !== e && this.#V("fitMode");
+    this.#i?.setFitMode(e), i !== e && this.#B("fitMode");
   }
   get loading() {
-    return this.#M;
+    return this.#k;
   }
   set loading(e) {
-    const i = this.#M;
-    this.#M = e, e ? this.setAttribute("loading", "") : this.removeAttribute("loading"), i !== e && this.#ue();
+    const i = this.#k;
+    this.#k = e, e ? this.setAttribute("loading", "") : this.removeAttribute("loading"), i !== e && this.#ue();
   }
   setRowLoading(e, i) {
     const o = this.#E.has(e);
@@ -3001,28 +3008,28 @@ class I extends HTMLElement {
     return this.#b || (this.#b = new AbortController()), this.#b.signal;
   }
   constructor() {
-    super(), this.#me(), this.#d = new Promise((e) => this.#h = e), this.#s = new ti({
+    super(), this.#me(), this.#d = new Promise((e) => this.#h = e), this.#s = new ii({
       mergeConfig: () => {
-        this.#i.parseLightDomColumns(this), this.#i.merge(), this.#ie(), Mi(this.#o, this.#t?.getPlugins() ?? []), ki(this.#t?.getPlugins() ?? []), Ni(this.#t?.getPlugins() ?? []), this.#De(), this.#X = [...this._columns];
+        this.#i.parseLightDomColumns(this), this.#i.merge(), this.#ie(), ki(this.#o, this.#t?.getPlugins() ?? []), Ii(this.#t?.getPlugins() ?? []), qi(this.#t?.getPlugins() ?? []), this.#Oe(), this.#X = [...this._columns];
       },
       processColumns: () => this.#He(),
       processRows: () => this.#Pe(),
       renderHeader: () => oe(this),
-      updateTemplate: () => V(this),
+      updateTemplate: () => B(this),
       renderVirtualWindow: () => this.refreshVirtualWindow(!0, !0),
       afterRender: () => {
         this.#t?.afterRender(), this._virtualization.enabled && this._virtualization.totalHeightEl && queueMicrotask(() => {
           if (!this._virtualization.totalHeightEl) return;
           const i = this.#T(this._rows.length);
           this._virtualization.totalHeightEl.style.height = `${i}px`;
-        }), this.#o.fitMode === "fixed" && !this.__didInitialAutoSize && (this.__didInitialAutoSize = !0, Te(this)), this._restoreFocusAfterRender && (this._restoreFocusAfterRender = !1, W(this)), this._virtualization.enabled && !this.#U && this.#ye(), this.#x && (this.#x = !1, requestAnimationFrame(() => {
+        }), this.#o.fitMode === "fixed" && !this.__didInitialAutoSize && (this.__didInitialAutoSize = !0, Te(this)), this._restoreFocusAfterRender && (this._restoreFocusAfterRender = !1, F(this)), this._virtualization.enabled && !this.#U && this.#ye(), this.#x && (this.#x = !1, requestAnimationFrame(() => {
           requestAnimationFrame(() => {
             this.#Ce();
           });
-        })), this.#M && this.#ue();
+        })), this.#k && this.#ue();
       },
       isConnected: () => this.isConnected && this.#f
-    }), this.#s.setInitialReadyResolver(() => this.#h?.()), this.#c = mi(this.#e, {
+    }), this.#s.setInitialReadyResolver(() => this.#h?.()), this.#c = vi(this.#e, {
       getShadow: () => this.#n,
       getShellConfig: () => this.#o?.shell,
       getAccordionIcons: () => ({
@@ -3031,8 +3038,8 @@ class I extends HTMLElement {
       }),
       emit: (e, i) => this.#L(e, i),
       refreshShellHeader: () => this.refreshShellHeader()
-    }), this.#i = new Lt({
-      getRows: () => this.#a,
+    }), this.#i = new Pt({
+      getRows: () => this.#l,
       getSortState: () => this._sortState,
       setSortState: (e) => {
         this._sortState = e;
@@ -3044,9 +3051,9 @@ class I extends HTMLElement {
       clearRowPool: () => {
         this._rowPool.length = 0, this._bodyEl && (this._bodyEl.innerHTML = ""), this.__rowRenderEpoch++;
       },
-      setup: () => this.#P(),
+      setup: () => this.#z(),
       renderHeader: () => oe(this),
-      updateTemplate: () => V(this),
+      updateTemplate: () => B(this),
       refreshVirtualWindow: () => this.#s.requestPhase(A.VIRTUALIZATION, "configManager"),
       getVirtualization: () => this._virtualization,
       setRowHeight: (e) => {
@@ -3062,7 +3069,7 @@ class I extends HTMLElement {
     });
   }
   async #me() {
-    await Si(io);
+    await Ri(oo);
   }
   getPlugin(e) {
     return this.#t?.getPlugin(e);
@@ -3080,7 +3087,7 @@ class I extends HTMLElement {
     this._restoreFocusAfterRender = !0, this.#s.requestPhase(A.ROWS, "plugin:requestRenderWithFocus");
   }
   updateTemplate() {
-    V(this);
+    B(this);
   }
   requestAfterRender() {
     this.#s.requestPhase(A.STYLE, "plugin:requestAfterRender");
@@ -3090,9 +3097,9 @@ class I extends HTMLElement {
     const e = this.#o?.plugins, i = Array.isArray(e) ? e : [];
     this.#t.attachAll(i);
   }
-  #F() {
+  #V() {
     const e = this.#t?.getPluginStyles() ?? [];
-    _i(e);
+    Ei(e);
   }
   #ie() {
     const e = this.#o?.plugins, i = Array.isArray(e) ? e : [];
@@ -3114,7 +3121,7 @@ class I extends HTMLElement {
       const r = this.#e.headerContentCleanups.get(n);
       r && (r(), this.#e.headerContentCleanups.delete(n)), this.#e.headerContents.delete(n);
     }
-    this.#te(), this.#F(), this.#_ = i, this.#se(), this.#oe();
+    this.#te(), this.#V(), this.#_ = i, this.#se(), this.#oe();
     const o = this.#g;
     if (this.#g = this.#t?.getAll().some((n) => n.onScroll) ?? !1, !o && this.#g) {
       const r = this.#n.querySelector(".tbw-grid-content") ?? this.#n.querySelector(".tbw-grid-root");
@@ -3150,9 +3157,9 @@ class I extends HTMLElement {
     };
   }
   connectedCallback() {
-    this.hasAttribute("tabindex") || (this.tabIndex = 0), this.hasAttribute("version") || this.setAttribute("version", I.version), this.id || (this.id = `tbw-grid-${++I.#l}`), this._rows = Array.isArray(this.#a) ? [...this.#a] : [], this.#b && (this.#b.abort(), this.#N = !1), this.#b = new AbortController(), this.#R && (ke(this.#R), this.#R = void 0), this.#k(), this.#i.parseLightDomColumns(this), this.#i.merge(), this.#te();
+    this.hasAttribute("tabindex") || (this.tabIndex = 0), this.hasAttribute("version") || this.setAttribute("version", I.version), this.id || (this.id = `tbw-grid-${++I.#a}`), this._rows = Array.isArray(this.#l) ? [...this.#l] : [], this.#b && (this.#b.abort(), this.#q = !1), this.#b = new AbortController(), this.#R && (ke(this.#R), this.#R = void 0), this.#I(), this.#i.parseLightDomColumns(this), this.#i.merge(), this.#te();
     const e = this.#o?.plugins;
-    this.#_ = Array.isArray(e) ? e : [], this.#oe(), this.#u || (this.#J(), this.#F(), this.#u = !0), this.#re(), this.#R = Xt(
+    this.#_ = Array.isArray(e) ? e : [], this.#oe(), this.#u || (this.#J(), this.#V(), this.#u = !0), this.#re(), this.#R = Yt(
       () => {
         this.#Ie();
       },
@@ -3160,7 +3167,7 @@ class I extends HTMLElement {
     );
   }
   disconnectedCallback() {
-    this.#R && (ke(this.#R), this.#R = void 0), this.#m && (clearTimeout(this.#m), this.#m = 0), this.#ve(), bi(this.#e), this.#c.setInitialized(!1), this.#q?.(), this.#q = void 0, this.#$?.(), this.#$ = void 0, at(this.#I), this.#b && (this.#b.abort(), this.#b = void 0), this.#D?.abort(), this.#D = void 0, this.#N = !1, this._resizeController && this._resizeController.dispose(), this.#y && (this.#y.disconnect(), this.#y = void 0), this.#p && (this.#p.disconnect(), this.#p = void 0, this.#U = !1), Y(this), this.#A.clear(), this.#_ = void 0;
+    this.#R && (ke(this.#R), this.#R = void 0), this.#m && (clearTimeout(this.#m), this.#m = 0), this.#ve(), mi(this.#e), this.#c.setInitialized(!1), this.#$?.(), this.#$ = void 0, this.#W?.(), this.#W = void 0, ct(this.#N), this.#b && (this.#b.abort(), this.#b = void 0), this.#D?.abort(), this.#D = void 0, this.#q = !1, this._resizeController && this._resizeController.dispose(), this.#y && (this.#y.disconnect(), this.#y = void 0), this.#p && (this.#p.disconnect(), this.#p = void 0, this.#U = !1), W(this), this.#A.clear(), this.#_ = void 0;
     for (const e of this._rowPool)
       e.remove();
     this._rowPool.length = 0, this.__rowsBodyEl = null, this.#f = !1;
@@ -3188,11 +3195,11 @@ class I extends HTMLElement {
       const n = this.#o?.shell?.toolPanel?.defaultOpen;
       n && this.#e.toolPanels.has(n) && (this.openToolPanel(), this.#e.expandedSections.add(n));
     }
-    if (this.setAttribute("data-upgraded", ""), this.#f = !0, this._resizeController = Ie(this), this.#P(), this.#Y(i), this.#N)
+    if (this.setAttribute("data-upgraded", ""), this.#f = !0, this._resizeController = Ie(this), this.#z(), this.#Y(i), this.#q)
       return;
-    this.#N = !0;
+    this.#q = !0;
     const o = this.disconnectSignal;
-    Ft(this, this, this.#n, o), this.#se(), queueMicrotask(() => this.#_e()), this.#s.requestPhase(A.FULL, "afterConnect");
+    Vt(this, this, this.#n, o), this.#se(), queueMicrotask(() => this.#_e()), this.#s.requestPhase(A.FULL, "afterConnect");
   }
   #se() {
     const e = this.#o.rowHeight, i = this.#t.hasRowHeightPlugin();
@@ -3251,7 +3258,7 @@ class I extends HTMLElement {
             n.style.transform = `translateY(${g}px)`;
           }
           this.#r = a, this.#C || (this.#C = requestAnimationFrame(() => {
-            this.#C = 0, this.#r !== null && (this.#Oe(this.#r), this.#r = null);
+            this.#C = 0, this.#r !== null && (this.#De(this.#r), this.#r = null);
           }));
         },
         { passive: !0, signal: i }
@@ -3279,14 +3286,14 @@ class I extends HTMLElement {
           }
         },
         { passive: !1, signal: i }
-      ), Pi(
+      ), zi(
         s,
-        this.#I,
+        this.#N,
         { fauxScrollbar: o, scrollArea: l },
         i
       ));
     }
-    this._bodyEl && Wt(this, this._bodyEl, i), this.#y?.disconnect(), this._virtualization.viewportEl && (this.#y = new ResizeObserver(() => {
+    this._bodyEl && Ft(this, this._bodyEl, i), this.#y?.disconnect(), this._virtualization.viewportEl && (this.#y = new ResizeObserver(() => {
       this.#Ne(), this.#s.requestPhase(A.VIRTUALIZATION, "resize-observer");
     }), this.#y.observe(this._virtualization.viewportEl)), this.#n.addEventListener(
       "focusin",
@@ -3328,7 +3335,7 @@ class I extends HTMLElement {
       });
     });
   }
-  #V(e) {
+  #B(e) {
     this.#v[e] = !0, !this.#w && (this.#w = !0, queueMicrotask(() => this.#Ee()));
   }
   #Ee() {
@@ -3349,9 +3356,9 @@ class I extends HTMLElement {
     e.columns && this.#Re(), e.rows && this.#ae(), e.fitMode && this.#Ae();
   }
   #ae() {
-    this._rows = Array.isArray(this.#a) ? [...this.#a] : [], this.#B(), this.#s.requestPhase(A.ROWS, "applyRowsUpdate");
+    this._rows = Array.isArray(this.#l) ? [...this.#l] : [], this.#P(), this.#s.requestPhase(A.ROWS, "applyRowsUpdate");
   }
-  #B() {
+  #P() {
     this.#S.clear();
     const e = this.#o.getRowId;
     this._rows.forEach((i, o) => {
@@ -3375,23 +3382,23 @@ class I extends HTMLElement {
     return o;
   }
   #Re() {
-    Y(this), this.#i.merge(), this.#P();
+    W(this), this.#i.merge(), this.#z();
   }
   #Ae() {
     this.#i.merge(), this.#o.fitMode === "fixed" ? (this.__didInitialAutoSize = !1, Te(this)) : (this._columns.forEach((i) => {
       !i.__userResized && i.__autoSized && delete i.width;
-    }), V(this));
+    }), B(this));
   }
   #Te() {
     qe(this, this.#e), $e(this, this.#e);
     const e = !!this.#n.querySelector(".has-shell"), i = !!this.#n.querySelector(".tbw-tool-panel"), o = this.#n.querySelectorAll(".tbw-accordion-section").length;
     this.#i.parseLightDomColumns(this), this.#i.merge(), this.#ie(), We(this, this.#e, this.#ne()), this.#i.markSourcesChanged(), this.#i.merge();
-    const n = lt(this.#o?.shell), r = (this.#o?.shell?.toolPanels?.length ?? 0) > 0, s = this.#o?.shell?.toolPanels?.length ?? 0;
+    const n = at(this.#o?.shell), r = (this.#o?.shell?.toolPanels?.length ?? 0) > 0, s = this.#o?.shell?.toolPanels?.length ?? 0;
     if (e !== n || !i && r || i && s !== o) {
-      he(this.#e), this.#J(), this.#F(), this.#re(), this.#B();
+      he(this.#e), this.#J(), this.#V(), this.#re(), this.#P();
       return;
     }
-    e && this.#xe(), this.#B(), this.#s.requestPhase(A.COLUMNS, "applyGridConfigUpdate");
+    e && this.#xe(), this.#P(), this.#s.requestPhase(A.COLUMNS, "applyGridConfigUpdate");
   }
   #xe() {
     const e = this.#n.querySelector(".tbw-shell-header");
@@ -3430,39 +3437,39 @@ class I extends HTMLElement {
     return l.push(...s), l;
   }
   #Pe() {
-    Y(this);
-    const e = Array.isArray(this.#a) ? [...this.#a] : [], i = this.#t?.processRows(e) ?? e;
-    this._rows = i, this.#B(), this._virtualization.variableHeights && this.#Z();
+    W(this);
+    const e = Array.isArray(this.#l) ? [...this.#l] : [], i = Bt(this, e), o = this.#t?.processRows(i) ?? i;
+    this._rows = o, this.#P(), this._virtualization.variableHeights && this.#Z();
   }
   #ze(e) {
     const i = {
-      ...gt,
+      ...pt,
       ...e.animation
     }, o = i.mode ?? "reduced-motion";
     let n = 1;
     o === !1 || o === "off" ? n = 0 : (o === !0 || o === "on") && (n = 1), this.style.setProperty("--tbw-animation-duration", `${i.duration}ms`), this.style.setProperty("--tbw-animation-easing", i.easing ?? "ease-out"), this.style.setProperty("--tbw-animation-enabled", String(n)), this.dataset.animationMode = typeof o == "boolean" ? o ? "on" : "off" : o;
   }
   #j(e, i, o = this.__rowRenderEpoch) {
-    if (this.#z || (this.#z = (n, r, s) => this.#t?.renderRow(n, r, s) ?? !1), Mt(this, e, i, o, this.#z), this.#E.size > 0)
+    if (this.#O || (this.#O = (n, r, s) => this.#t?.renderRow(n, r, s) ?? !1), kt(this, e, i, o, this.#O), this.#E.size > 0)
       for (const n of this.#E)
         this.#K(n, !0);
   }
-  #de = dt();
+  #de = ht();
   #he(e, i) {
-    ht(this.#de, this.__rowsBodyEl, this._bodyEl, e, i);
+    ut(this.#de, this.__rowsBodyEl, this._bodyEl, e, i);
   }
-  #De() {
-    ft(this.#de, this.__rowsBodyEl, this.#o, this.#e);
+  #Oe() {
+    gt(this.#de, this.__rowsBodyEl, this.#o, this.#e);
   }
   #ue() {
     const e = this.querySelector(".tbw-grid-root");
-    e && (this.#M ? (this.#W || (this.#W = Kt(this.#o?.loadingRenderer)), Qt(e, this.#W)) : Zt(this.#W));
+    e && (this.#k ? (this.#F || (this.#F = Qt(this.#o?.loadingRenderer)), Zt(e, this.#F)) : Jt(this.#F));
   }
   #K(e, i) {
     const o = this.#S.get(e);
     if (!o) return;
     const n = this.findRenderedRowElement?.(o.index);
-    n && Jt(n, i);
+    n && ei(n, i);
   }
   #fe(e, i, o) {
     const n = this.#S.get(e);
@@ -3472,20 +3479,20 @@ class I extends HTMLElement {
     const s = this._visibleColumns.findIndex((a) => a.field === i);
     if (s < 0) return;
     const l = r.children[s];
-    l && ei(l, o);
+    l && ti(l, o);
   }
-  #P() {
+  #z() {
     if (this.isConnected && !(!this._headerRowEl || !this._bodyEl)) {
-      if (this.#i.parseLightDomColumns(this), this.#O) {
-        const e = this.#O;
-        this.#O = void 0, this.#i.merge();
+      if (this.#i.parseLightDomColumns(this), this.#M) {
+        const e = this.#M;
+        this.#M = void 0, this.#i.merge();
         const i = this.#t?.getAll() ?? [];
         this.#i.applyState(e, i);
       }
       this._bodyEl && (this._bodyEl.style.display = "", this._bodyEl.style.gridTemplateColumns = ""), this.#s.requestPhase(A.FULL, "setup");
     }
   }
-  #Oe(e) {
+  #De(e) {
     let i = 0, o = 0, n = 0, r = 0, s = 0;
     if (this.#g) {
       const a = this._virtualization.container, c = this.#G;
@@ -3508,7 +3515,7 @@ class I extends HTMLElement {
     }) || null;
   }
   _dispatchCellClick(e, i, o, n) {
-    const r = this._rows[i], s = this._columns[o];
+    const r = this._rows[i], s = this._visibleColumns[o];
     if (!r || !s) return !1;
     const l = s.field, a = r[l], c = new CustomEvent("cell-activate", {
       cancelable: !0,
@@ -3662,13 +3669,51 @@ class I extends HTMLElement {
     o && this.#s.requestPhase(A.ROWS, "updateRows");
   }
   animateRow(e, i) {
-    Se(this, e, i);
+    return Se(this, e, i);
   }
   animateRows(e, i) {
-    li(this, e, i);
+    return ai(this, e, i);
   }
   animateRowById(e, i) {
-    return ai(this, e, i);
+    return ci(this, e, i);
+  }
+  async insertRow(e, i, o = !0) {
+    const n = Math.max(0, Math.min(e, this._rows.length));
+    this.#l = [...this.#l, i];
+    const r = [...this._rows];
+    r.splice(n, 0, i), this._rows = r, this._sortState && (this.__originalOrder = [...this.__originalOrder, i]), W(this), this.#P(), this.__rowRenderEpoch++;
+    for (const s of this._rowPool) s.__epoch = -1;
+    this.refreshVirtualWindow(!0), o && (await new Promise((s) => requestAnimationFrame(() => s())), await this.animateRow(n, "insert"));
+  }
+  async removeRow(e, i = !0) {
+    const o = this._rows[e];
+    if (!o) return;
+    i && await this.animateRow(e, "remove");
+    const n = this._rows.indexOf(o);
+    if (n < 0) return o;
+    const r = [...this._rows];
+    r.splice(n, 1), this._rows = r;
+    const s = this.#l.indexOf(o);
+    if (s >= 0) {
+      const l = [...this.#l];
+      l.splice(s, 1), this.#l = l;
+    }
+    if (this._sortState) {
+      const l = this.__originalOrder.indexOf(o);
+      if (l >= 0) {
+        const a = [...this.__originalOrder];
+        a.splice(l, 1), this.__originalOrder = a;
+      }
+    }
+    W(this), this.#P(), this.__rowRenderEpoch++;
+    for (const l of this._rowPool) l.__epoch = -1;
+    return this.refreshVirtualWindow(!0), i && requestAnimationFrame(() => {
+      this.querySelectorAll('[data-animating="remove"]').forEach((l) => {
+        l.removeAttribute("data-animating");
+      });
+    }), o;
+  }
+  suspendProcessing() {
   }
   setColumnVisible(e, i) {
     const o = this.#i.setColumnVisible(e, i);
@@ -3698,23 +3743,23 @@ class I extends HTMLElement {
     return this.#i.collectState(e);
   }
   set columnState(e) {
-    e && (this.#O = e, this.#i.initialColumnState = e, this.#u && this.#Me(e));
+    e && (this.#M = e, this.#i.initialColumnState = e, this.#u && this.#Me(e));
   }
   get columnState() {
     return this.getColumnState();
   }
   #Me(e) {
     const i = this.#t?.getAll() ?? [];
-    this.#i.applyState(e, i), this.#P();
+    this.#i.applyState(e, i), this.#z();
   }
   requestStateChange() {
     const e = this.#t?.getAll() ?? [];
     this.#i.requestStateChange(e);
   }
   resetColumnState() {
-    this.#O = void 0, this.__originalOrder = [];
+    this.#M = void 0, this.__originalOrder = [];
     const e = this.#t?.getAll() ?? [];
-    this.#i.resetState(e), this.#i.merge(), this.#P();
+    this.#i.resetState(e), this.#i.merge(), this.#z();
   }
   get isToolPanelOpen() {
     return this.#c.isPanelOpen;
@@ -3767,7 +3812,7 @@ class I extends HTMLElement {
   #Q = !1;
   refreshShellHeader() {
     this.#Q || (this.#Q = !0, queueMicrotask(() => {
-      this.#Q = !1, this.isConnected && (this.#k(), this.#i.markSourcesChanged(), this.#i.merge(), he(this.#e), this.#J(), this.#F(), this.#ke());
+      this.#Q = !1, this.isConnected && (this.#I(), this.#i.markSourcesChanged(), this.#i.merge(), he(this.#e), this.#J(), this.#V(), this.#ke());
     }));
   }
   #ke() {
@@ -3796,14 +3841,14 @@ class I extends HTMLElement {
     );
     document.adoptedStyleSheets = [...i, ...e];
   }
-  #k() {
+  #I() {
     qe(this, this.#e), $e(this, this.#e), We(this, this.#e, this.#ne());
   }
   #pe() {
     const e = this.#n.querySelector(".tbw-shell-header");
     if (!e) return;
     he(this.#e);
-    const i = ui(
+    const i = fi(
       this.#o.shell,
       this.#e,
       this.#o.icons?.toolPanel
@@ -3815,18 +3860,18 @@ class I extends HTMLElement {
   #Ie() {
     const e = () => {
       const o = this.#e.lightDomTitle, n = this.#e.hasToolButtonsContainer;
-      this.#k();
+      this.#I();
       const r = this.#e.lightDomTitle, s = this.#e.hasToolButtonsContainer;
       (r && !o || s && !n) && (this.#i.markSourcesChanged(), this.#i.merge(), this.#pe());
     }, i = () => {
-      this.__lightDomColumnsCache = void 0, this.#P();
+      this.__lightDomColumnsCache = void 0, this.#z();
     };
     this.#i.registerLightDomHandler("tbw-grid-header", e), this.#i.registerLightDomHandler("tbw-grid-tool-buttons", e), this.#i.registerLightDomHandler("tbw-grid-tool-panel", e), this.#i.registerLightDomHandler("tbw-grid-column", i), this.#i.registerLightDomHandler("tbw-grid-detail", i), this.#i.observeLightDOM(this);
   }
   refreshColumns() {
-    this.__lightDomColumnsCache = void 0, Y(this), this.#i.parseLightDomColumns(this);
+    this.__lightDomColumnsCache = void 0, W(this), this.#i.parseLightDomColumns(this);
     const e = this.#e.lightDomTitle, i = this.#e.hasToolButtonsContainer;
-    this.#k();
+    this.#I();
     const o = this.#e.lightDomTitle, n = this.#e.hasToolButtonsContainer;
     (o && !e || n && !i) && (this.#i.markSourcesChanged(), this.#i.merge(), this.#pe()), this.#s.requestPhase(A.COLUMNS, "refreshColumns");
   }
@@ -3846,12 +3891,12 @@ class I extends HTMLElement {
       n = o.cachedFauxHeight, r = o.cachedViewportHeight, s = o.cachedScrollAreaHeight || n;
     const l = s - r, a = Math.max(0, n - s);
     let c, h = 0;
-    return o.variableHeights && o.positionCache ? c = Fi(o.positionCache) : (c = e * o.rowHeight, h = this.#t?.getExtraHeight() ?? 0), c + l + h + a;
+    return o.variableHeights && o.positionCache ? c = Vi(o.positionCache) : (c = e * o.rowHeight, h = this.#t?.getExtraHeight() ?? 0), c + l + h + a;
   }
   #Z() {
     if (!this._virtualization.variableHeights) return;
     const e = this._rows, i = this._virtualization.rowHeight || 28, o = this.#o.rowHeight, n = this.#o.getRowId, r = n ? (l) => n(l) : void 0;
-    this._virtualization.positionCache = Wi(
+    this._virtualization.positionCache = Fi(
       e,
       this._virtualization.heightCache,
       i,
@@ -3865,7 +3910,7 @@ class I extends HTMLElement {
         }
       }
     );
-    const s = Gi(
+    const s = Xi(
       this._virtualization.positionCache,
       e,
       i,
@@ -3886,7 +3931,7 @@ class I extends HTMLElement {
   }
   #we(e, i) {
     if (!this._virtualization.variableHeights || !this._virtualization.positionCache || !this._bodyEl) return;
-    const o = this._bodyEl.querySelectorAll(".data-grid-row"), n = this.#o.getRowId, r = Bi(
+    const o = this._bodyEl.querySelectorAll(".data-grid-row"), n = this.#o.getRowId, r = Gi(
       {
         positionCache: this._virtualization.positionCache,
         heightCache: this._virtualization.heightCache,
@@ -3972,9 +4017,9 @@ class I extends HTMLElement {
     })), !0;
   }
   #J() {
-    this.#k(), this.#i.markSourcesChanged(), this.#i.merge();
+    this.#I(), this.#i.markSourcesChanged(), this.#i.merge();
     const e = this.#o?.shell;
-    Ci(
+    yi(
       this.#n,
       e,
       { isPanelOpen: this.#e.isPanelOpen, expandedSections: this.#e.expandedSections },
@@ -3982,12 +4027,12 @@ class I extends HTMLElement {
     ) && (this.#be(), this.#c.setInitialized(!0));
   }
   #be() {
-    fi(this.#n, this.#o?.shell, this.#e, {
+    gi(this.#n, this.#o?.shell, this.#e, {
       onPanelToggle: () => this.toggleToolPanel(),
       onSectionToggle: (e) => this.toggleToolPanelSection(e)
-    }), this.#q?.(), this.#q = pi(this.#n, this.#o?.shell, (e) => {
+    }), this.#$?.(), this.#$ = wi(this.#n, this.#o?.shell, (e) => {
       this.style.setProperty("--tbw-tool-panel-width", `${e}px`);
-    }), this.#$?.(), this.#$ = gi(
+    }), this.#W?.(), this.#W = pi(
       this,
       this.#o?.shell,
       this.#e,
@@ -3997,14 +4042,14 @@ class I extends HTMLElement {
 }
 customElements.get(I.tagName) || customElements.define(I.tagName, I);
 globalThis.DataGridElement = I;
-const lo = {
+const ao = {
   CAN_MOVE_COLUMN: "canMoveColumn",
   GET_CONTEXT_MENU_ITEMS: "getContextMenuItems"
 };
-class ao {
+class co {
   static dependencies;
   static manifest;
-  version = "1.19.3";
+  version = "1.21.0";
   styles;
   cellRenderers;
   headerRenderers;
@@ -4012,7 +4057,7 @@ class ao {
   grid;
   config;
   userConfig;
-  #l;
+  #a;
   get defaultConfig() {
     return {};
   }
@@ -4020,10 +4065,10 @@ class ao {
     this.userConfig = e;
   }
   attach(e) {
-    this.#l?.abort(), this.#l = new AbortController(), this.grid = e, this.config = { ...this.defaultConfig, ...this.userConfig };
+    this.#a?.abort(), this.#a = new AbortController(), this.grid = e, this.config = { ...this.defaultConfig, ...this.userConfig };
   }
   detach() {
-    this.#l?.abort(), this.#l = void 0;
+    this.#a?.abort(), this.#a = void 0;
   }
   getPlugin(e) {
     return this.grid?.getPlugin(e);
@@ -4072,7 +4117,7 @@ class ao {
     return this.grid;
   }
   get disconnectSignal() {
-    return this.#l?.signal ?? this.grid?.disconnectSignal;
+    return this.#a?.signal ?? this.grid?.disconnectSignal;
   }
   get gridIcons() {
     const e = this.grid?.gridConfig?.icons ?? {};
@@ -4143,7 +4188,7 @@ const H = {
   GROUP_KEY: "data-group-key",
   TREE_LEVEL: "data-tree-level",
   STICKY: "data-sticky"
-}, co = {
+}, ho = {
   ROOT: `.${H.ROOT}`,
   HEADER: `.${H.HEADER}`,
   HEADER_ROW: `.${H.HEADER_ROW}`,
@@ -4158,7 +4203,7 @@ const H = {
   CELL_AT: (t, e) => `.${H.DATA_ROW}[${ee.ROW_INDEX}="${t}"] .${H.DATA_CELL}[${ee.COL_INDEX}="${e}"]`,
   SELECTED_ROWS: `.${H.DATA_ROW}.${H.SELECTED}`,
   EDITING_CELL: `.${H.DATA_CELL}.${H.EDITING}`
-}, ho = {
+}, uo = {
   COLOR_BG: "--tbw-color-bg",
   COLOR_FG: "--tbw-color-fg",
   COLOR_FG_MUTED: "--tbw-color-fg-muted",
@@ -4177,14 +4222,14 @@ const H = {
   BORDER_RADIUS: "--tbw-border-radius",
   FOCUS_OUTLINE: "--tbw-focus-outline"
 };
-function uo(t) {
+function fo(t) {
   const e = document.createElement("tbw-grid");
   return t && (e.gridConfig = t), e;
 }
-function fo(t, e = document) {
+function go(t, e = document) {
   return e.querySelector(t);
 }
-const go = {
+const po = {
   CELL_CHANGE: "cell-change",
   CELL_COMMIT: "cell-commit",
   ROW_COMMIT: "row-commit",
@@ -4199,7 +4244,7 @@ const go = {
   CELL_ACTIVATE: "cell-activate",
   GROUP_TOGGLE: "group-toggle",
   COLUMN_STATE_CHANGE: "column-state-change"
-}, po = {
+}, wo = {
   SELECTION_CHANGE: "selection-change",
   TREE_EXPAND: "tree-expand",
   FILTER_CHANGE: "filter-change",
@@ -4228,7 +4273,7 @@ const go = {
   max: (t, e) => t.length ? Math.max(...t.map((i) => Number(i[e]) || -1 / 0)) : 0,
   first: (t, e) => t[0]?.[e],
   last: (t, e) => t[t.length - 1]?.[e]
-}, U = /* @__PURE__ */ new Map(), O = {
+}, U = /* @__PURE__ */ new Map(), D = {
   register(t, e) {
     U.set(t, e);
   },
@@ -4258,50 +4303,50 @@ const go = {
   first: (t) => t[0] ?? 0,
   last: (t) => t[t.length - 1] ?? 0
 };
-function oo(t) {
+function no(t) {
   return Xe[t] ?? Xe.sum;
 }
-function wo(t, e) {
-  return oo(t)(e);
+function bo(t, e) {
+  return no(t)(e);
 }
-const bo = O.register.bind(O), mo = O.unregister.bind(O), vo = O.get.bind(O), Co = O.run.bind(O), yo = O.list.bind(O);
+const mo = D.register.bind(D), vo = D.unregister.bind(D), Co = D.get.bind(D), yo = D.run.bind(D), _o = D.list.bind(D);
 export {
-  ao as BaseGridPlugin,
-  gt as DEFAULT_ANIMATION_CONFIG,
+  co as BaseGridPlugin,
+  pt as DEFAULT_ANIMATION_CONFIG,
   M as DEFAULT_GRID_ICONS,
-  go as DGEvents,
+  po as DGEvents,
   I as DataGridElement,
   et as F,
-  G as FitModeEnum,
-  ho as GridCSSVars,
+  X as FitModeEnum,
+  uo as GridCSSVars,
   H as GridClasses,
   ee as GridDataAttrs,
   I as GridElement,
-  co as GridSelectors,
-  lo as PLUGIN_QUERIES,
-  po as PluginEvents,
+  ho as GridSelectors,
+  ao as PLUGIN_QUERIES,
+  wo as PluginEvents,
   ne as PluginManager,
   A as RenderPhase,
   Ce as a,
-  O as aggregatorRegistry,
+  D as aggregatorRegistry,
   k as b,
-  Vt as builtInSort,
-  ro as c,
-  uo as createGrid,
+  ot as builtInSort,
+  so as c,
+  fo as createGrid,
   Qe as d,
   Ut as defaultComparator,
-  W as e,
+  F as e,
   _e as f,
-  zt as g,
-  vo as getAggregator,
-  oo as getValueAggregator,
-  yo as listAggregators,
-  fo as queryGrid,
-  no as r,
-  bo as registerAggregator,
-  Co as runAggregator,
-  wo as runValueAggregator,
-  so as s,
-  mo as unregisterAggregator
+  Ot as g,
+  Co as getAggregator,
+  no as getValueAggregator,
+  _o as listAggregators,
+  go as queryGrid,
+  ro as r,
+  mo as registerAggregator,
+  yo as runAggregator,
+  bo as runValueAggregator,
+  lo as s,
+  vo as unregisterAggregator
 };
 //# sourceMappingURL=index.js.map