@toolbox-web/grid 1.14.1 → 1.16.0

package/index.js

@@ -1,4 +1,4 @@
-function lt() {
+function ct() {
   return {
     rowCount: -1,
     colCount: -1,
@@ -6,32 +6,32 @@ function lt() {
     ariaDescribedBy: void 0
   };
 }
-function at(t, e, i, o, n) {
+function dt(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 ct(t, e) {
+function ht(t, e) {
   const i = t?.gridAriaLabel;
   return i || (t?.shell?.header?.title ?? e?.lightDomTitle ?? void 0);
 }
-function dt(t, e, i, o) {
+function ut(t, e, i, o) {
   if (!e) return !1;
   let n = !1;
-  const r = ct(i, o);
+  const r = ht(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 B = {
+const G = {
   STRETCH: "stretch",
   FIXED: "fixed"
-}, ht = {
+}, ft = {
   mode: "reduced-motion",
   duration: 200,
   easing: "ease-out"
-}, _e = '<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentColor" d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>', M = {
+}, Ee = '<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentColor" d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>', M = {
   expand: "▶",
   collapse: "▼",
   sortAsc: "▲",
@@ -40,48 +40,48 @@ const B = {
   submenuArrow: "▶",
   dragHandle: "⋮⋮",
   toolPanel: "☰",
-  filter: _e,
-  filterActive: _e,
+  filter: Ee,
+  filterActive: Ee,
   print: "🖨️"
 };
-function ut(t) {
+function gt(t) {
   return Array.from(t.querySelectorAll("tbw-grid-column")).map((i) => {
     const o = i.getAttribute("field") || "";
     if (!o) return null;
-    const n = i.getAttribute("type") || void 0, s = n && (/* @__PURE__ */ new Set(["number", "string", "date", "boolean", "select"])).has(n) ? n : void 0, l = i.getAttribute("header") || void 0, a = i.hasAttribute("sortable"), c = i.hasAttribute("editable"), d = { field: o, type: s, header: l, sortable: a, editable: c }, f = i.getAttribute("width");
+    const n = i.getAttribute("type") || void 0, s = n && (/* @__PURE__ */ new Set(["number", "string", "date", "boolean", "select"])).has(n) ? n : void 0, l = i.getAttribute("header") || void 0, a = i.hasAttribute("sortable"), c = i.hasAttribute("editable"), h = { field: o, type: s, header: l, sortable: a, editable: c }, f = i.getAttribute("width");
     if (f) {
-      const b = parseFloat(f);
-      !isNaN(b) && /^\d+(\.\d+)?$/.test(f.trim()) ? d.width = b : d.width = f;
+      const m = parseFloat(f);
+      !isNaN(m) && /^\d+(\.\d+)?$/.test(f.trim()) ? h.width = m : h.width = f;
     }
-    const u = i.getAttribute("minWidth") || i.getAttribute("min-width");
-    if (u) {
-      const b = parseFloat(u);
-      isNaN(b) || (d.minWidth = b);
+    const p = i.getAttribute("minWidth") || i.getAttribute("min-width");
+    if (p) {
+      const m = parseFloat(p);
+      isNaN(m) || (h.minWidth = m);
     }
-    i.hasAttribute("resizable") && (d.resizable = !0), i.hasAttribute("sizable") && (d.resizable = !0);
-    const g = i.getAttribute("editor"), p = i.getAttribute("renderer");
-    g && (d.__editorName = g), p && (d.__rendererName = p);
-    const h = i.getAttribute("options");
-    h && (d.options = h.split(",").map((b) => {
-      const [O, R] = b.includes(":") ? b.split(":") : [b.trim(), b.trim()];
-      return { value: O.trim(), label: R?.trim() || O.trim() };
+    i.hasAttribute("resizable") && (h.resizable = !0), i.hasAttribute("sizable") && (h.resizable = !0);
+    const g = i.getAttribute("editor"), u = i.getAttribute("renderer");
+    g && (h.__editorName = g), u && (h.__rendererName = u);
+    const d = i.getAttribute("options");
+    d && (h.options = d.split(",").map((m) => {
+      const [x, N] = m.includes(":") ? m.split(":") : [m.trim(), m.trim()];
+      return { value: x.trim(), label: N?.trim() || x.trim() };
     }));
-    const w = i.querySelector("tbw-grid-column-view"), C = i.querySelector("tbw-grid-column-editor"), m = i.querySelector("tbw-grid-column-header");
-    w && (d.__viewTemplate = w), C && (d.__editorTemplate = C), m && (d.__headerTemplate = m);
-    const S = globalThis.DataGridElement?.getAdapters?.() ?? [], A = w ?? i, v = S.find((b) => b.canHandle(A));
-    if (v) {
-      const b = v.createRenderer(A);
-      b && (d.viewRenderer = b);
+    const w = i.querySelector("tbw-grid-column-view"), v = i.querySelector("tbw-grid-column-editor"), b = i.querySelector("tbw-grid-column-header");
+    w && (h.__viewTemplate = w), v && (h.__editorTemplate = v), b && (h.__headerTemplate = b);
+    const R = globalThis.DataGridElement?.getAdapters?.() ?? [], E = w ?? i, T = R.find((m) => m.canHandle(E));
+    if (T) {
+      const m = T.createRenderer(E);
+      m && (h.viewRenderer = m);
     }
-    const E = C ?? i, _ = S.find((b) => b.canHandle(E));
-    if (_) {
-      const b = _.createEditor(E);
-      b && (d.editor = b);
+    const C = v ?? i, y = R.find((m) => m.canHandle(C));
+    if (y) {
+      const m = y.createEditor(C);
+      m && (h.editor = m);
     }
-    return d;
+    return h;
   }).filter((i) => !!i);
 }
-function Ee(t, e) {
+function Se(t, e) {
   if ((!t || !t.length) && (!e || !e.length)) return [];
   if (!t || !t.length) return e || [];
   if (!e || !e.length) return t;
@@ -105,7 +105,7 @@ function Ee(t, e) {
   });
   return Object.keys(i).forEach((n) => o.push(i[n])), o;
 }
-function Ve(t, e) {
+function Ge(t, e) {
   try {
     t.part?.add?.(e);
   } catch {
@@ -113,9 +113,9 @@ function Ve(t, e) {
   const i = t.getAttribute("part");
   i ? i.split(/\s+/).includes(e) || t.setAttribute("part", i + " " + e) : t.setAttribute("part", e);
 }
-function Se(t) {
-  const e = t.effectiveConfig?.fitMode || t.fitMode || B.STRETCH;
-  if (e !== B.STRETCH && e !== B.FIXED || t.__didInitialAutoSize || !t.isConnected) return;
+function Re(t) {
+  const e = t.effectiveConfig?.fitMode || t.fitMode || G.STRETCH;
+  if (e !== G.STRETCH && e !== G.FIXED || t.__didInitialAutoSize || !t.isConnected) return;
   const i = Array.from(t._headerRowEl?.children || []);
   if (!i.length) return;
   let o = !1;
@@ -126,37 +126,41 @@ function Se(t) {
     for (const a of t._rowPool) {
       const c = a.children[r];
       if (c) {
-        const d = c.scrollWidth;
-        d > l && (l = d);
+        const h = c.scrollWidth;
+        h > l && (l = h);
       }
     }
     l > 0 && (n.width = l + 2, n.__autoSized = !0, o = !0);
-  }), o && U(t), t.__didInitialAutoSize = !0;
+  }), o && V(t), t.__didInitialAutoSize = !0;
+}
+const pt = /^(?:\d+(?:\.\d+)?(?:px|%|fr|em|rem|ch|vw|vh|vmin|vmax)|calc\(.+\)|min-content|max-content|minmax\(.+\)|fit-content\(.+\)|auto)$/i;
+function Ae(t, e) {
+  return typeof t == "number" ? `${t}px` : (pt.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 U(t) {
-  (t.effectiveConfig?.fitMode || t.fitMode || B.STRETCH) === B.STRETCH ? t._gridTemplate = t._visibleColumns.map((i) => {
-    if (i.width) return `${i.width}px`;
+function V(t) {
+  (t.effectiveConfig?.fitMode || t.fitMode || G.STRETCH) === G.STRETCH ? t._gridTemplate = t._visibleColumns.map((i) => {
+    if (i.width != null) return Ae(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 ? `${i.width}px` : "max-content").join(" "), t.style.setProperty("--tbw-column-template", t._gridTemplate);
+  }).join(" ").trim() : t._gridTemplate = t._visibleColumns.map((i) => i.width != null ? Ae(i.width, i.field) : "max-content").join(" "), t.style.setProperty("--tbw-column-template", t._gridTemplate);
 }
-function ft(t) {
+function wt(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 gt(t, e) {
+function bt(t, e) {
   const i = t[0] || {}, o = Object.keys(i).map((r) => {
-    const s = i[r], l = ft(s);
+    const s = i[r], l = wt(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 pt = /{{\s*([^}]+)\s*}}/g, P = "__DG_EMPTY__", wt = /^[\w$. '?+\-*/%:()!<>=,&|]+$/, bt = /__(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 mt(t) {
+const mt = /{{\s*([^}]+)\s*}}/g, z = "__DG_EMPTY__", vt = /^[\w$. '?+\-*/%:()!<>=,&|]+$/, Ct = /__(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 yt(t) {
   return !t || typeof t != "string" ? "" : t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-const vt = /* @__PURE__ */ new Set([
+const _t = /* @__PURE__ */ new Set([
   "script",
   "iframe",
   "object",
@@ -181,23 +185,23 @@ const vt = /* @__PURE__ */ new Set([
   "plaintext",
   "xmp",
   "listing"
-]), Re = /^on\w+$/i, Ct = /* @__PURE__ */ new Set(["href", "src", "action", "formaction", "data", "srcdoc", "xlink:href", "poster", "srcset"]), yt = /^\s*(javascript|vbscript|data|blob):/i;
-function $(t) {
+]), Te = /^on\w+$/i, Et = /* @__PURE__ */ new Set(["href", "src", "action", "formaction", "data", "srcdoc", "xlink:href", "poster", "srcset"]), St = /^\s*(javascript|vbscript|data|blob):/i;
+function W(t) {
   if (!t || typeof t != "string") return "";
   if (t.indexOf("<") === -1) return t;
   const e = document.createElement("template");
-  return e.innerHTML = t, _t(e.content), e.innerHTML;
+  return e.innerHTML = t, Rt(e.content), e.innerHTML;
 }
-function _t(t) {
+function Rt(t) {
   const e = [], i = t.querySelectorAll("*");
   for (const o of i) {
     const n = o.tagName.toLowerCase();
-    if (vt.has(n)) {
+    if (_t.has(n)) {
       e.push(o);
       continue;
     }
     if ((n === "svg" || o.namespaceURI === "http://www.w3.org/2000/svg") && Array.from(o.attributes).some(
-      (l) => Re.test(l.name) || l.name === "href" || l.name === "xlink:href"
+      (l) => Te.test(l.name) || l.name === "href" || l.name === "xlink:href"
     )) {
       e.push(o);
       continue;
@@ -205,11 +209,11 @@ function _t(t) {
     const r = [];
     for (const s of o.attributes) {
       const l = s.name.toLowerCase();
-      if (Re.test(l)) {
+      if (Te.test(l)) {
         r.push(s.name);
         continue;
       }
-      if (Ct.has(l) && yt.test(s.value)) {
+      if (Et.has(l) && St.test(s.value)) {
         r.push(s.name);
         continue;
       }
@@ -222,48 +226,48 @@ function _t(t) {
   }
   e.forEach((o) => o.remove());
 }
-function Be(t, e) {
+function Xe(t, e) {
   if (!t || t.indexOf("{{") === -1) return t;
-  const i = [], o = t.replace(pt, (l, a) => {
-    const c = Et(a, e);
+  const i = [], o = t.replace(mt, (l, a) => {
+    const c = At(a, e);
     return i.push({ expr: a.trim(), result: c }), c;
-  }), n = St(o), r = i.length && i.every((l) => l.result === "" || l.result === P);
-  return I.test(t) || r ? "" : n;
+  }), n = Tt(o), r = i.length && i.every((l) => l.result === "" || l.result === z);
+  return q.test(t) || r ? "" : n;
 }
-function Et(t, e) {
-  if (t = (t || "").trim(), !t || I.test(t)) return P;
-  if (t === "value") return e.value == null ? P : String(e.value);
+function At(t, e) {
+  if (t = (t || "").trim(), !t || q.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 ? P : String(n);
+    return n == null ? z : String(n);
   }
-  if (t.length > 80 || !wt.test(t) || bt.test(t)) return P;
+  if (t.length > 80 || !vt.test(t) || Ct.test(t)) return z;
   const i = t.match(/\./g);
-  if (i && i.length > 1) return P;
+  if (i && i.length > 1) return z;
   try {
     const n = new Function("value", "row", `return (${t});`)(e.value, e.row), r = n == null ? "" : String(n);
-    return I.test(r) ? P : r || P;
+    return q.test(r) ? z : r || z;
   } catch {
-    return P;
+    return z;
   }
 }
-const I = /Reflect|Proxy|ownKeys/;
-function St(t) {
-  return t && t.replace(new RegExp(P, "g"), "").replace(/Reflect\.[^<>{}\s]+|\bProxy\b|ownKeys\([^)]*\)/g, "");
+const q = /Reflect|Proxy|ownKeys/;
+function Tt(t) {
+  return t && t.replace(new RegExp(z, "g"), "").replace(/Reflect\.[^<>{}\s]+|\bProxy\b|ownKeys\([^)]*\)/g, "");
 }
-function Rt(t) {
-  if (I.test(t.textContent || "")) {
+function xt(t) {
+  if (q.test(t.textContent || "")) {
     for (const e of t.childNodes)
-      e.nodeType === Node.TEXT_NODE && I.test(e.textContent || "") && (e.textContent = "");
-    I.test(t.textContent || "") && (t.textContent = "");
+      e.nodeType === Node.TEXT_NODE && q.test(e.textContent || "") && (e.textContent = "");
+    q.test(t.textContent || "") && (t.textContent = "");
   }
 }
-function Ae(t) {
-  const e = I.test(t), i = ((o) => e ? "" : Be(t, o));
+function xe(t) {
+  const e = q.test(t), i = ((o) => e ? "" : Xe(t, o));
   return i.__blocked = e, i;
 }
-const At = 100;
-class Tt {
+const Ht = 100;
+class Lt {
   #l;
   #n;
   #u;
@@ -378,19 +382,19 @@ class Tt {
     const e = this.#l ? { ...this.#l } : {}, i = Array.isArray(e.columns) ? [...e.columns] : [], o = (this.#d ?? []).map((s) => ({
       ...s
     }));
-    let n = Ee(
+    let n = Se(
       i,
       o
     );
-    this.#n && this.#n.length && (n = Ee(
+    this.#n && this.#n.length && (n = Se(
       this.#n,
       o
     ));
     const r = this.#r.getRows();
-    return n.length === 0 && r.length && (n = gt(r).columns), n.length && (n.forEach((s) => {
+    return n.length === 0 && r.length && (n = bt(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 = Ae(s.__viewTemplate.innerHTML)), s.__editorTemplate && !s.__compiledEditor && (s.__compiledEditor = Ae(s.__editorTemplate.innerHTML));
+      s.__viewTemplate && !s.__compiledView && (s.__compiledView = xe(s.__viewTemplate.innerHTML)), s.__editorTemplate && !s.__compiledEditor && (s.__compiledEditor = xe(s.__editorTemplate.innerHTML));
     }), e.columns = n), this.#u && (e.fitMode = this.#u), e.fitMode || (e.fitMode = "stretch"), this.#b(e), e.columnState && !this.#C && (this.#C = e.columnState), e;
   }
   #b(e) {
@@ -402,17 +406,17 @@ class Tt {
     const n = this.#r.getShellToolPanels();
     if (n.size > 0) {
       const f = Array.from(n.values());
-      f.sort((u, g) => (u.order ?? 100) - (g.order ?? 100)), e.shell.toolPanels = f;
+      f.sort((p, g) => (p.order ?? 100) - (g.order ?? 100)), e.shell.toolPanels = f;
     }
     const r = this.#r.getShellHeaderContents();
     if (r.size > 0) {
       const f = Array.from(r.values());
-      f.sort((u, g) => (u.order ?? 100) - (g.order ?? 100)), e.shell.headerContents = f;
+      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)), d = [...a];
+    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];
     for (const f of l)
-      c.has(f.id) || d.push(f);
-    d.sort((f, u) => (f.order ?? 0) - (u.order ?? 0)), e.shell.header.toolbarContents = d;
+      c.has(f.id) || h.push(f);
+    h.sort((f, p) => (f.order ?? 0) - (p.order ?? 0)), e.shell.header.toolbarContents = h;
   }
   collectState(e) {
     const i = this.columns, o = this.#y();
@@ -428,8 +432,8 @@ class Tt {
         a && (s.sort = a);
         for (const c of e)
           if (c.getColumnState) {
-            const d = c.getColumnState(n.field);
-            d && Object.assign(s, d);
+            const h = c.getColumnState(n.field);
+            h && Object.assign(s, h);
           }
         return s;
       })
@@ -444,8 +448,8 @@ class Tt {
       return a.width !== void 0 && (c.width = a.width, c.__renderedWidth = a.width), a.visible !== void 0 && (c.hidden = !a.visible), c;
     });
     r.sort((l, a) => {
-      const c = n.get(l.field)?.order ?? 1 / 0, d = n.get(a.field)?.order ?? 1 / 0;
-      return c - d;
+      const c = n.get(l.field)?.order ?? 1 / 0, h = n.get(a.field)?.order ?? 1 / 0;
+      return c - h;
     }), this.columns = r;
     const s = e.columns.filter((l) => l.sort !== void 0).sort((l, a) => (l.sort?.priority ?? 0) - (a.sort?.priority ?? 0));
     if (s.length > 0) {
@@ -485,7 +489,7 @@ class Tt {
       this.#s = void 0;
       const i = this.collectState(e);
       this.#r.emit("column-state-change", i);
-    }, At);
+    }, Ht);
   }
   setColumnVisible(e, i) {
     const o = this.columns, n = o.find((s) => s.field === e);
@@ -533,7 +537,7 @@ class Tt {
     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 ? ut(e) : []);
+    this.#d || (this.#h = Array.from(e.querySelectorAll("tbw-grid-column")), this.#d = this.#h.length ? gt(e) : []);
   }
   clearLightDomCache() {
     this.#d = void 0;
@@ -586,7 +590,7 @@ class Tt {
     this.#v?.disconnect(), this.#w = [], this.#s && clearTimeout(this.#s);
   }
 }
-function me() {
+function ve() {
   if (typeof window < "u" && window.location) {
     const t = window.location.hostname;
     if (t === "localhost" || t === "127.0.0.1" || t === "::1")
@@ -594,10 +598,10 @@ function me() {
   }
   return typeof process < "u" && process.env?.NODE_ENV !== "production";
 }
-function Ge(t) {
+function Ye(t) {
   return `<span role="checkbox" aria-checked="${t}" aria-label="${t}">${t ? "&#x1F5F9;" : "&#9744;"}</span>`;
 }
-function Xe(t) {
+function je(t) {
   if (t == null || t === "") return "";
   if (t instanceof Date)
     return isNaN(t.getTime()) ? "" : t.toLocaleDateString();
@@ -607,7 +611,7 @@ function Xe(t) {
   }
   return "";
 }
-function Ye(t) {
+function Ke(t) {
   if (!t) return -1;
   const e = t.getAttribute("data-row");
   if (e) return parseInt(e, 10);
@@ -620,15 +624,15 @@ function Ye(t) {
     if (n[r] === i) return r;
   return -1;
 }
-function xt(t) {
+function Pt(t) {
   if (!t) return -1;
   const e = t.getAttribute("data-col");
   return e ? parseInt(e, 10) : -1;
 }
-function ve(t) {
+function Ce(t) {
   t && t.querySelectorAll(".cell-focus").forEach((e) => e.classList.remove("cell-focus"));
 }
-function Ht(t) {
+function zt(t) {
   try {
     if (getComputedStyle(t).direction === "rtl") return "rtl";
   } catch {
@@ -639,13 +643,13 @@ function Ht(t) {
   }
   return "ltr";
 }
-function Te(t) {
-  return Ht(t) === "rtl";
+function He(t) {
+  return zt(t) === "rtl";
 }
-function eo(t, e) {
+function oo(t, e) {
   return t === "left" || t === "right" ? t : e === "rtl" ? t === "start" ? "right" : "left" : t === "start" ? "left" : "right";
 }
-function je(t, e) {
+function Qe(t, e) {
   const i = e.renderer || e.viewRenderer;
   if (i) return i;
   if (!e.type) return;
@@ -656,7 +660,7 @@ function je(t, e) {
       return n.renderer;
   }
 }
-function Ke(t, e) {
+function Ze(t, e) {
   if (e.format) return e.format;
   if (!e.type) return;
   const i = t.__frameworkAdapter;
@@ -666,291 +670,299 @@ function Ke(t, e) {
       return o.format;
   }
 }
-const Qe = 'input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])';
-function re(t) {
+const Je = 'input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])';
+function se(t) {
   return (t.__editingCellCount ?? 0) > 0;
 }
-function se(t) {
+function le(t) {
   t.__editingCellCount = 0, t.removeAttribute("data-has-editing"), t.querySelectorAll(".cell.editing").forEach((i) => i.classList.remove("editing"));
 }
-const Ze = document.createElement("template");
-Ze.innerHTML = '<div class="cell" role="gridcell" part="cell"></div>';
-const Je = document.createElement("template");
-Je.innerHTML = '<div class="data-grid-row" role="row" part="row"></div>';
-function Lt() {
-  return Ze.content.firstElementChild.cloneNode(!0);
+const et = document.createElement("template");
+et.innerHTML = '<div class="cell" role="gridcell" part="cell"></div>';
+const tt = document.createElement("template");
+tt.innerHTML = '<div class="data-grid-row" role="row" part="row"></div>';
+function Dt() {
+  return et.content.firstElementChild.cloneNode(!0);
 }
-function Pt() {
-  return Je.content.firstElementChild.cloneNode(!0);
+function Ot() {
+  return tt.content.firstElementChild.cloneNode(!0);
 }
-function X(t) {
+function Y(t) {
   t.__cellDisplayCache = void 0, t.__cellCacheEpoch = void 0, t.__hasSpecialColumns = void 0;
 }
-function zt(t, e, i, o, n) {
+function Mt(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 u = Pt();
-    t._rowPool.push(u);
+    const p = Ot();
+    t._rowPool.push(p);
   }
   if (t._rowPool.length > r) {
-    for (let u = r; u < t._rowPool.length; u++) {
-      const g = t._rowPool[u];
+    for (let p = r; p < t._rowPool.length; p++) {
+      const g = t._rowPool[p];
       g.parentNode === s && g.remove();
     }
     t._rowPool.length = r;
   }
-  const d = n && t.__hasRenderRowPlugins !== !1, f = t._hasAfterRowRenderHook?.() ?? !1;
-  for (let u = 0; u < r; u++) {
-    const g = e + u, p = t._rows[g], h = t._rowPool[u];
-    if (h.setAttribute("aria-rowindex", String(g + c + 1)), d && n(p, h, g)) {
-      h.__epoch = o, h.__rowDataRef = p, h.parentNode !== s && s.appendChild(h);
+  const h = n && t.__hasRenderRowPlugins !== !1, f = t._hasAfterRowRenderHook?.() ?? !1;
+  for (let p = 0; p < r; p++) {
+    const g = e + p, u = t._rows[g], d = t._rowPool[p];
+    if (d.setAttribute("aria-rowindex", String(g + c + 1)), h && n(u, d, g)) {
+      d.__epoch = o, d.__rowDataRef = u, d.parentNode !== s && s.appendChild(d);
       continue;
     }
-    const w = h.__epoch, C = h.__rowDataRef;
-    let m = h.children.length;
-    m > a && h.lastElementChild?.classList.contains("tbw-row-loading-overlay") && m--;
-    const S = w === o && m === a, A = C !== p;
-    let v = !1;
-    if (S && A) {
-      for (let R = 0; R < a; R++)
-        if (l[R].externalView && !h.querySelector(`.cell[data-col="${R}"] [data-external-view]`)) {
-          v = !0;
+    const w = d.__epoch, v = d.__rowDataRef;
+    let b = d.children.length;
+    b > a && d.lastElementChild?.classList.contains("tbw-row-loading-overlay") && b--;
+    const R = w === o && b === a, E = v !== u, T = !!t._isGridEditMode;
+    let C = !1;
+    if (R && E) {
+      for (let S = 0; S < a; S++)
+        if (l[S].externalView && !d.querySelector(`.cell[data-col="${S}"] [data-external-view]`)) {
+          C = !0;
           break;
         }
     }
-    if (!S || v) {
-      const R = re(h), T = t._activeEditRows === g;
-      R && !T ? (h.__isCustomRow && (h.className = "data-grid-row", h.setAttribute("role", "row"), h.__isCustomRow = !1), se(h), V(t, h, p, g), h.__epoch = o, h.__rowDataRef = p) : R && T ? (le(t, h, p, g), h.__rowDataRef = p) : (h.__isCustomRow && (h.className = "data-grid-row", h.setAttribute("role", "row"), h.__isCustomRow = !1), V(t, h, p, g), h.__epoch = o, h.__rowDataRef = p);
-    } else if (A) {
-      const R = re(h), T = t._activeEditRows === g;
-      R && !T ? (se(h), V(t, h, p, g), h.__epoch = o, h.__rowDataRef = p) : (le(t, h, p, g), h.__rowDataRef = p);
+    if (!R || C) {
+      const S = se(d), L = T || 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);
+    } else if (E) {
+      const S = se(d), L = T || 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);
     } else {
-      const R = re(h), T = t._activeEditRows === g;
-      R && !T ? (se(h), V(t, h, p, g), h.__epoch = o, h.__rowDataRef = p) : le(t, h, p, g);
+      const S = se(d), L = T || t._activeEditRows === g;
+      S && !L ? (le(d), B(t, d, u, g), d.__epoch = o, d.__rowDataRef = u) : ae(t, d, u, g);
     }
-    let E = !1;
-    const _ = t.changedRowIds;
-    if (_ && _.length > 0)
+    let y = !1;
+    const m = t.changedRowIds;
+    if (m && m.length > 0)
       try {
-        const R = t.getRowId?.(p);
-        R && (E = _.includes(R));
+        const S = t.getRowId?.(u);
+        S && (y = m.includes(S));
       } catch {
       }
-    const b = h.classList.contains("changed");
-    E !== b && h.classList.toggle("changed", E);
-    const O = t.effectiveConfig?.rowClass;
-    if (O) {
-      const R = h.getAttribute("data-dynamic-classes");
-      R && R.split(" ").forEach((T) => T && h.classList.remove(T));
+    const x = d.classList.contains("changed");
+    y !== x && d.classList.toggle("changed", y);
+    const N = t.effectiveConfig?.rowClass;
+    if (N) {
+      const S = d.getAttribute("data-dynamic-classes");
+      S && S.split(" ").forEach((L) => L && d.classList.remove(L));
       try {
-        const T = O(p);
-        if (T && T.length > 0) {
-          const ne = T.filter((G) => G && typeof G == "string");
-          ne.forEach((G) => h.classList.add(G)), h.setAttribute("data-dynamic-classes", ne.join(" "));
+        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(" "));
         } else
-          h.removeAttribute("data-dynamic-classes");
-      } catch (T) {
-        console.warn("[tbw-grid] rowClass callback error:", T), h.removeAttribute("data-dynamic-classes");
+          d.removeAttribute("data-dynamic-classes");
+      } catch (L) {
+        console.warn("[tbw-grid] rowClass callback error:", L), d.removeAttribute("data-dynamic-classes");
       }
     }
     f && t._afterRowRender?.({
-      row: p,
+      row: u,
       rowIndex: g,
-      rowElement: h
-    }), h.parentNode !== s && s.appendChild(h);
-  }
-}
-function le(t, e, i, o) {
-  const n = e.children, r = t._visibleColumns, s = r.length, l = n.length, a = s < l ? s : l, c = t._focusRow, d = t._focusCol, f = t._hasAfterCellRenderHook?.() ?? !1;
-  let u = t.__hasSpecialColumns;
-  if (u === void 0) {
-    u = !1;
-    const p = t.__frameworkAdapter;
-    for (let h = 0; h < s; h++) {
-      const w = r[h];
-      if (w.__viewTemplate || w.__compiledView || w.renderer || w.viewRenderer || w.externalView || w.format || w.type === "date" || w.type === "boolean" || w.type && p?.getTypeDefault?.(w.type)?.renderer || w.type && p?.getTypeDefault?.(w.type)?.format) {
-        u = !0;
+      rowElement: d
+    }), d.parentNode !== s && s.appendChild(d);
+  }
+}
+function ae(t, e, i, o) {
+  const n = e.children, r = t._visibleColumns, s = r.length, l = n.length, a = s < l ? s : l, c = t._focusRow, h = t._focusCol, f = t._hasAfterCellRenderHook?.() ?? !1;
+  let p = t.__hasSpecialColumns;
+  if (p === void 0) {
+    p = !1;
+    const u = t.__frameworkAdapter;
+    for (let d = 0; d < s; d++) {
+      const w = r[d];
+      if (w.__viewTemplate || w.__compiledView || w.renderer || w.viewRenderer || w.externalView || w.format || w.type === "date" || w.type === "boolean" || w.type && u?.getTypeDefault?.(w.type)?.renderer || w.type && u?.getTypeDefault?.(w.type)?.format) {
+        p = !0;
         break;
       }
     }
-    t.__hasSpecialColumns = u;
+    t.__hasSpecialColumns = p;
   }
   const g = String(o);
-  if (!u) {
-    for (let p = 0; p < a; p++) {
-      const h = n[p];
-      if (h.classList.contains("editing")) continue;
-      const w = r[p], C = i[w.field];
-      h.textContent = C == null ? "" : String(C), h.getAttribute("data-row") !== g && h.setAttribute("data-row", g);
-      const m = c === o && d === p, y = h.classList.contains("cell-focus");
-      m !== y && (h.classList.toggle("cell-focus", m), h.setAttribute("aria-selected", String(m))), f && t._afterCellRender?.({
+  if (!p) {
+    for (let u = 0; u < a; u++) {
+      const d = n[u];
+      if (d.classList.contains("editing")) continue;
+      d.firstElementChild && t.__frameworkAdapter?.releaseCell?.(d);
+      const w = r[u], v = i[w.field];
+      d.textContent = v == null ? "" : String(v), d.getAttribute("data-row") !== g && d.setAttribute("data-row", g);
+      const b = c === o && h === u, _ = d.classList.contains("cell-focus");
+      b !== _ && (d.classList.toggle("cell-focus", b), d.setAttribute("aria-selected", String(b))), f && t._afterCellRender?.({
         row: i,
         rowIndex: o,
         column: w,
-        colIndex: p,
-        value: C,
-        cellElement: h,
+        colIndex: u,
+        value: v,
+        cellElement: d,
         rowElement: e
       });
     }
     return;
   }
-  for (let p = 0; p < a; p++)
-    if (r[p].externalView && !n[p].querySelector("[data-external-view]")) {
-      V(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);
       return;
     }
-  for (let p = 0; p < a; p++) {
-    const h = r[p], w = n[p];
+  for (let u = 0; u < a; u++) {
+    const d = r[u], w = n[u];
     w.getAttribute("data-row") !== g && w.setAttribute("data-row", g);
-    const C = c === o && d === p, m = w.classList.contains("cell-focus");
-    C !== m && (w.classList.toggle("cell-focus", C), w.setAttribute("aria-selected", String(C)));
-    const y = h.cellClass;
-    if (y) {
-      const _ = w.getAttribute("data-dynamic-classes");
-      _ && _.split(" ").forEach((b) => b && w.classList.remove(b));
+    const v = c === o && h === u, b = w.classList.contains("cell-focus");
+    v !== b && (w.classList.toggle("cell-focus", v), w.setAttribute("aria-selected", String(v)));
+    const _ = d.cellClass;
+    if (_) {
+      const y = w.getAttribute("data-dynamic-classes");
+      y && y.split(" ").forEach((m) => m && w.classList.remove(m));
       try {
-        const b = i[h.field], O = y(b, i, h);
-        if (O && O.length > 0) {
-          const R = O.filter((T) => T && typeof T == "string");
-          R.forEach((T) => w.classList.add(T)), w.setAttribute("data-dynamic-classes", R.join(" "));
+        const m = i[d.field], x = _(m, i, d);
+        if (x && x.length > 0) {
+          const N = x.filter((S) => S && typeof S == "string");
+          N.forEach((S) => w.classList.add(S)), w.setAttribute("data-dynamic-classes", N.join(" "));
         } else
           w.removeAttribute("data-dynamic-classes");
-      } catch (b) {
-        console.warn(`[tbw-grid] cellClass callback error for column '${h.field}':`, b), w.removeAttribute("data-dynamic-classes");
+      } catch (m) {
+        console.warn(`[tbw-grid] cellClass callback error for column '${d.field}':`, m), w.removeAttribute("data-dynamic-classes");
       }
     }
     if (w.classList.contains("editing")) continue;
-    const S = je(t, h);
-    if (S) {
-      const _ = i[h.field], b = S({
+    const R = Qe(t, d);
+    if (R) {
+      const y = i[d.field], m = R({
         row: i,
-        value: _,
-        field: h.field,
-        column: h,
+        value: y,
+        field: d.field,
+        column: d,
         cellEl: w
       });
-      typeof b == "string" ? w.innerHTML = $(b) : b instanceof Node ? b.parentElement !== w && (w.innerHTML = "", w.appendChild(b)) : b == null && (w.textContent = _ == null ? "" : String(_)), f && t._afterCellRender?.({
+      typeof m == "string" ? (t.__frameworkAdapter?.releaseCell?.(w), w.innerHTML = W(m)) : m instanceof Node ? m.parentElement !== w && (t.__frameworkAdapter?.releaseCell?.(w), w.innerHTML = "", w.appendChild(m)) : m == null && (t.__frameworkAdapter?.releaseCell?.(w), w.textContent = y == null ? "" : String(y)), f && t._afterCellRender?.({
         row: i,
         rowIndex: o,
-        column: h,
-        colIndex: p,
-        value: _,
+        column: d,
+        colIndex: u,
+        value: y,
         cellElement: w,
         rowElement: e
       });
       continue;
     }
-    if (h.__viewTemplate || h.__compiledView || h.externalView)
+    if (d.__viewTemplate || d.__compiledView || d.externalView)
       continue;
-    const A = i[h.field];
-    let v;
-    const E = Ke(t, h);
-    if (E) {
+    const E = i[d.field];
+    let T;
+    const C = Ze(t, d);
+    if (C) {
       try {
-        const _ = E(A, i);
-        v = _ == null ? "" : String(_);
-      } catch (_) {
-        console.warn(`[tbw-grid] Format error in column '${h.field}':`, _), v = A == null ? "" : String(A);
+        const y = C(E, i);
+        T = y == null ? "" : String(y);
+      } catch (y) {
+        console.warn(`[tbw-grid] Format error in column '${d.field}':`, y), T = E == null ? "" : String(E);
       }
-      w.textContent = v;
-    } else h.type === "date" ? (v = Xe(A), w.textContent = v) : h.type === "boolean" ? w.innerHTML = Ge(!!A) : (v = A == null ? "" : String(A), w.textContent = v);
+      w.textContent = T;
+    } else d.type === "date" ? (T = je(E), w.textContent = T) : d.type === "boolean" ? w.innerHTML = Ye(!!E) : (T = E == null ? "" : String(E), w.textContent = T);
     f && t._afterCellRender?.({
       row: i,
       rowIndex: o,
-      column: h,
-      colIndex: p,
-      value: A,
+      column: d,
+      colIndex: u,
+      value: E,
       cellElement: w,
       rowElement: e
     });
   }
 }
-function V(t, e, i, o) {
-  e.classList.remove("tbw-row-loading"), e.removeAttribute("aria-busy"), e.innerHTML = "";
-  const n = t._visibleColumns, r = n.length, s = t._focusRow, l = t._focusCol, a = t, c = t._hasAfterCellRenderHook?.() ?? !1, d = document.createDocumentFragment();
-  for (let f = 0; f < r; f++) {
-    const u = n[f], g = Lt();
-    g.setAttribute("aria-colindex", String(f + 1)), g.setAttribute("data-col", String(f)), g.setAttribute("data-row", String(o)), g.setAttribute("data-field", u.field), g.setAttribute("data-header", u.header ?? u.field), u.type && g.setAttribute("data-type", u.type);
-    let p = i[u.field];
-    const h = Ke(t, u);
-    if (h)
+function B(t, e, i, o) {
+  e.classList.remove("tbw-row-loading"), e.removeAttribute("aria-busy");
+  const n = t.__frameworkAdapter;
+  if (n?.releaseCell) {
+    const p = e.children;
+    for (let g = p.length - 1; g >= 0; g--)
+      n.releaseCell(p[g]);
+  }
+  e.innerHTML = "";
+  const r = t._visibleColumns, s = r.length, l = t._focusRow, a = t._focusCol, c = t, h = t._hasAfterCellRenderHook?.() ?? !1, f = document.createDocumentFragment();
+  for (let p = 0; p < s; p++) {
+    const g = r[p], u = Dt();
+    u.setAttribute("aria-colindex", String(p + 1)), u.setAttribute("data-col", String(p)), u.setAttribute("data-row", String(o)), u.setAttribute("data-field", g.field), u.setAttribute("data-header", g.header ?? g.field), g.type && u.setAttribute("data-type", g.type);
+    let d = i[g.field];
+    const w = Ze(t, g);
+    if (w)
       try {
-        p = h(p, i);
-      } catch (v) {
-        console.warn(`[tbw-grid] Format error in column '${u.field}':`, v);
+        d = w(d, i);
+      } catch (C) {
+        console.warn(`[tbw-grid] Format error in column '${g.field}':`, C);
       }
-    const w = u.__compiledView, C = u.__viewTemplate, m = je(t, u), y = u.externalView;
-    let S = !1;
-    if (m) {
-      const v = m({ row: i, value: p, field: u.field, column: u, cellEl: g });
-      typeof v == "string" ? (g.innerHTML = $(v), S = !0) : v instanceof Node ? v.parentElement !== g && (g.textContent = "", g.appendChild(v)) : v == null && (g.textContent = p == null ? "" : String(p));
-    } else if (y) {
-      const v = y, E = document.createElement("div");
-      E.setAttribute("data-external-view", ""), E.setAttribute("data-field", u.field), g.appendChild(E);
-      const _ = { row: i, value: p, field: u.field, column: u };
-      if (v.mount)
+    const v = g.__compiledView, b = g.__viewTemplate, _ = Qe(t, g), R = g.externalView;
+    let E = !1;
+    if (_) {
+      const C = _({ row: i, value: d, field: g.field, column: g, cellEl: u });
+      typeof C == "string" ? (u.innerHTML = W(C), E = !0) : C instanceof Node ? C.parentElement !== u && (u.textContent = "", u.appendChild(C)) : C == null && (u.textContent = d == null ? "" : String(d));
+    } else if (R) {
+      const C = R, y = document.createElement("div");
+      y.setAttribute("data-external-view", ""), y.setAttribute("data-field", g.field), u.appendChild(y);
+      const m = { row: i, value: d, field: g.field, column: g };
+      if (C.mount)
         try {
-          v.mount({ placeholder: E, context: _, spec: v });
-        } catch (b) {
-          console.warn(`[tbw-grid] External view mount error for column '${u.field}':`, b);
+          C.mount({ placeholder: y, context: m, spec: C });
+        } catch (x) {
+          console.warn(`[tbw-grid] External view mount error for column '${g.field}':`, x);
         }
       else
         queueMicrotask(() => {
           try {
-            a.dispatchEvent(
+            c.dispatchEvent(
               new CustomEvent("mount-external-view", {
                 bubbles: !0,
                 composed: !0,
-                detail: { placeholder: E, spec: v, context: _ }
+                detail: { placeholder: y, spec: C, context: m }
               })
             );
-          } catch (b) {
-            console.warn(`[tbw-grid] External view event dispatch error for column '${u.field}':`, b);
+          } catch (x) {
+            console.warn(`[tbw-grid] External view event dispatch error for column '${g.field}':`, x);
           }
         });
-      E.setAttribute("data-mounted", "");
-    } else if (w) {
-      const v = w({ row: i, value: p, field: u.field, column: u }), E = w.__blocked;
-      g.innerHTML = E ? "" : $(v), S = !0, E && (g.textContent = "", g.setAttribute("data-blocked-template", ""));
-    } else if (C) {
-      const v = C.innerHTML;
-      /Reflect\.|\bProxy\b|ownKeys\(/.test(v) ? (g.textContent = "", g.setAttribute("data-blocked-template", "")) : (g.innerHTML = $(Be(v, { row: i, value: p })), S = !0);
+      y.setAttribute("data-mounted", "");
+    } else if (v) {
+      const C = v({ row: i, value: d, field: g.field, column: g }), y = v.__blocked;
+      u.innerHTML = y ? "" : W(C), E = !0, y && (u.textContent = "", u.setAttribute("data-blocked-template", ""));
+    } else if (b) {
+      const C = b.innerHTML;
+      /Reflect\.|\bProxy\b|ownKeys\(/.test(C) ? (u.textContent = "", u.setAttribute("data-blocked-template", "")) : (u.innerHTML = W(Xe(C, { row: i, value: d })), E = !0);
     } else
-      h ? g.textContent = p == null ? "" : String(p) : u.type === "date" ? g.textContent = Xe(p) : u.type === "boolean" ? g.innerHTML = Ge(!!p) : g.textContent = p == null ? "" : String(p);
-    if (S) {
-      Rt(g);
-      const v = g.textContent || "";
-      /Proxy|Reflect\.ownKeys/.test(v) && (g.textContent = v.replace(/Proxy|Reflect\.ownKeys/g, "").trim(), /Proxy|Reflect\.ownKeys/.test(g.textContent || "") && (g.textContent = ""));
+      w ? u.textContent = d == null ? "" : String(d) : g.type === "date" ? u.textContent = je(d) : g.type === "boolean" ? u.innerHTML = Ye(!!d) : u.textContent = d == null ? "" : String(d);
+    if (E) {
+      xt(u);
+      const C = u.textContent || "";
+      /Proxy|Reflect\.ownKeys/.test(C) && (u.textContent = C.replace(/Proxy|Reflect\.ownKeys/g, "").trim(), /Proxy|Reflect\.ownKeys/.test(u.textContent || "") && (u.textContent = ""));
     }
-    g.hasAttribute("data-blocked-template") && (g.textContent || "").trim().length && (g.textContent = ""), u.editable ? g.tabIndex = 0 : u.type === "boolean" && (g.hasAttribute("tabindex") || (g.tabIndex = 0)), s === o && l === f ? (g.classList.add("cell-focus"), g.setAttribute("aria-selected", "true")) : g.setAttribute("aria-selected", "false");
-    const A = u.cellClass;
-    if (A)
+    u.hasAttribute("data-blocked-template") && (u.textContent || "").trim().length && (u.textContent = ""), g.editable ? u.tabIndex = 0 : g.type === "boolean" && (u.hasAttribute("tabindex") || (u.tabIndex = 0)), l === o && a === p ? (u.classList.add("cell-focus"), u.setAttribute("aria-selected", "true")) : u.setAttribute("aria-selected", "false");
+    const T = g.cellClass;
+    if (T)
       try {
-        const v = i[u.field], E = A(v, i, u);
-        if (E && E.length > 0) {
-          const _ = E.filter((b) => b && typeof b == "string");
-          _.forEach((b) => g.classList.add(b)), g.setAttribute("data-dynamic-classes", _.join(" "));
+        const C = i[g.field], y = T(C, i, g);
+        if (y && y.length > 0) {
+          const m = y.filter((x) => x && typeof x == "string");
+          m.forEach((x) => u.classList.add(x)), u.setAttribute("data-dynamic-classes", m.join(" "));
         }
-      } catch (v) {
-        console.warn(`[tbw-grid] cellClass callback error for column '${u.field}':`, v);
+      } catch (C) {
+        console.warn(`[tbw-grid] cellClass callback error for column '${g.field}':`, C);
       }
-    c && t._afterCellRender?.({
+    h && t._afterCellRender?.({
       row: i,
       rowIndex: o,
-      column: u,
-      colIndex: f,
-      value: p,
-      cellElement: g,
+      column: g,
+      colIndex: p,
+      value: d,
+      cellElement: u,
       rowElement: e
-    }), d.appendChild(g);
+    }), f.appendChild(u);
   }
-  e.appendChild(d);
+  e.appendChild(f);
 }
-function xe(t, e, i) {
+function Le(t, e, i) {
   if (e.target?.closest(".resize-handle")) return;
-  const o = i.querySelector(".cell[data-row]"), n = Ye(o);
+  const o = i.querySelector(".cell[data-row]"), n = Ke(o);
   if (n < 0) return;
   const r = t._rows[n];
   if (!r || t._dispatchRowClick?.(e, n, r, i))
@@ -963,30 +975,30 @@ function xe(t, e, i) {
         return;
       const a = t._focusRow !== n || t._focusCol !== l;
       if (t._focusRow = n, t._focusCol = l, s.classList.contains("editing")) {
-        a && (ve(t._bodyEl ?? t), s.classList.add("cell-focus"));
-        const c = s.querySelector(Qe);
+        a && (Ce(t._bodyEl ?? t), s.classList.add("cell-focus"));
+        const c = s.querySelector(Je);
         try {
           c?.focus({ preventScroll: !0 });
         } catch {
         }
         return;
       }
-      q(t);
+      $(t);
     }
   }
 }
-function Dt(t, e) {
+function kt(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 = (d) => {
-    if (!d) return !1;
-    const f = d.tagName;
-    return !!(f === "INPUT" || f === "SELECT" || f === "TEXTAREA" || d.isContentEditable);
+  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) => {
+    if (!h) return !1;
+    const f = h.tagName;
+    return !!(f === "INPUT" || f === "SELECT" || f === "TEXTAREA" || h.isContentEditable);
   };
   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), q(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), $(t);
         return;
       }
       case "ArrowDown":
@@ -996,18 +1008,18 @@ function Dt(t, e) {
         n && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow = Math.max(0, t._focusRow - 1), e.preventDefault();
         break;
       case "ArrowRight": {
-        Te(t) ? t._focusCol = Math.max(0, t._focusCol - 1) : t._focusCol = Math.min(o, t._focusCol + 1), e.preventDefault();
+        He(t) ? t._focusCol = Math.max(0, t._focusCol - 1) : t._focusCol = Math.min(o, t._focusCol + 1), e.preventDefault();
         break;
       }
       case "ArrowLeft": {
-        Te(t) ? t._focusCol = Math.min(o, t._focusCol + 1) : t._focusCol = Math.max(0, t._focusCol - 1), e.preventDefault();
+        He(t) ? t._focusCol = Math.min(o, t._focusCol + 1) : t._focusCol = Math.max(0, t._focusCol - 1), e.preventDefault();
         break;
       }
       case "Home":
-        (e.ctrlKey || e.metaKey) && (n && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow = 0), t._focusCol = 0, e.preventDefault(), q(t, { forceScrollLeft: !0 });
+        (e.ctrlKey || e.metaKey) && (n && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow = 0), t._focusCol = 0, e.preventDefault(), $(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(), q(t, { forceScrollRight: !0 });
+        (e.ctrlKey || e.metaKey) && (n && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow = i), t._focusCol = o, e.preventDefault(), $(t, { forceScrollRight: !0 });
         return;
       case "PageDown":
         t._focusRow = Math.min(i, t._focusRow + 20), e.preventDefault();
@@ -1016,27 +1028,27 @@ function Dt(t, e) {
         t._focusRow = Math.max(0, t._focusRow - 20), e.preventDefault();
         break;
       case "Enter": {
-        const d = t._focusRow, f = t._focusCol, u = t._visibleColumns[f], g = t._rows[d], p = u?.field ?? "", h = p && g ? g[p] : void 0, w = t.querySelector(
-          `[data-row="${d}"][data-col="${f}"]`
-        ), C = {
-          rowIndex: d,
+        const h = t._focusRow, f = t._focusCol, p = t._visibleColumns[f], g = t._rows[h], u = p?.field ?? "", d = u && g ? g[u] : void 0, w = t.querySelector(
+          `[data-row="${h}"][data-col="${f}"]`
+        ), v = {
+          rowIndex: h,
           colIndex: f,
-          field: p,
-          value: h,
+          field: u,
+          value: d,
           row: g,
           cellEl: w,
           trigger: "keyboard",
           originalEvent: e
-        }, m = new CustomEvent("cell-activate", {
+        }, b = new CustomEvent("cell-activate", {
           cancelable: !0,
-          detail: C
+          detail: v
         });
-        t.dispatchEvent(m);
-        const y = new CustomEvent("activate-cell", {
+        t.dispatchEvent(b);
+        const _ = new CustomEvent("activate-cell", {
           cancelable: !0,
-          detail: { row: d, col: f }
+          detail: { row: h, col: f }
         });
-        if (t.dispatchEvent(y), m.defaultPrevented || y.defaultPrevented) {
+        if (t.dispatchEvent(_), b.defaultPrevented || _.defaultPrevented) {
           e.preventDefault();
           return;
         }
@@ -1045,19 +1057,19 @@ function Dt(t, e) {
       default:
         return;
     }
-    q(t);
+    $(t);
   }
 }
-function q(t, e) {
+function $(t, e) {
   if (t._virtualization?.enabled) {
-    const { rowHeight: s, container: l, viewportEl: a } = t._virtualization, c = l, d = a?.clientHeight ?? c?.clientHeight ?? 0;
-    if (c && d > 0) {
+    const { rowHeight: s, container: l, viewportEl: a } = t._virtualization, c = l, h = a?.clientHeight ?? c?.clientHeight ?? 0;
+    if (c && h > 0) {
       const f = t._focusRow * s;
-      f < c.scrollTop ? c.scrollTop = f : f + s > c.scrollTop + d && (c.scrollTop = f - d + s);
+      f < c.scrollTop ? c.scrollTop = f : f + s > c.scrollTop + h && (c.scrollTop = f - h + s);
     }
   }
   const i = t._activeEditRows !== void 0 && t._activeEditRows !== -1;
-  i || t.refreshVirtualWindow(!1), ve(t._bodyEl), Array.from(t._bodyEl.querySelectorAll('[aria-selected="true"]')).forEach((s) => {
+  i || t.refreshVirtualWindow(!1), Ce(t._bodyEl), Array.from(t._bodyEl.querySelectorAll('[aria-selected="true"]')).forEach((s) => {
     s.setAttribute("aria-selected", "false");
   });
   const o = t._focusRow, n = t._virtualization.start ?? 0, r = t._virtualization.end ?? t._rows.length;
@@ -1075,12 +1087,12 @@ function q(t, e) {
         else {
           const c = t._getHorizontalScrollOffsets?.(s ?? void 0, l) ?? { left: 0, right: 0 };
           if (!c.skipScroll) {
-            const d = l.getBoundingClientRect(), f = a.getBoundingClientRect(), u = d.left - f.left + a.scrollLeft, g = u + d.width, p = a.scrollLeft + c.left, h = a.scrollLeft + a.clientWidth - c.right;
-            u < p ? a.scrollLeft = u - c.left : g > h && (a.scrollLeft = g - a.clientWidth + c.right);
+            const h = l.getBoundingClientRect(), f = a.getBoundingClientRect(), p = h.left - f.left + a.scrollLeft, g = p + h.width, u = a.scrollLeft + c.left, d = a.scrollLeft + a.clientWidth - c.right;
+            p < u ? a.scrollLeft = p - c.left : g > d && (a.scrollLeft = g - a.clientWidth + c.right);
           }
         }
       if (t._activeEditRows !== void 0 && t._activeEditRows !== -1 && l.classList.contains("editing")) {
-        const c = l.querySelector(Qe);
+        const c = l.querySelector(Je);
         if (c && document.activeElement !== c)
           try {
             c.focus({ preventScroll: !0 });
@@ -1096,118 +1108,118 @@ function q(t, e) {
     }
   }
 }
-const te = /* @__PURE__ */ new WeakMap();
-function Ot(t, e) {
-  const i = Ye(e), o = xt(e);
-  i < 0 || o < 0 || (t._focusRow = i, t._focusCol = o, ve(t._bodyEl), e.classList.add("cell-focus"), e.setAttribute("aria-selected", "true"));
+const ie = /* @__PURE__ */ new WeakMap();
+function Nt(t, e) {
+  const i = Ke(e), o = Pt(e);
+  i < 0 || o < 0 || (t._focusRow = i, t._focusCol = o, Ce(t._bodyEl), e.classList.add("cell-focus"), e.setAttribute("aria-selected", "true"));
 }
-function Ce(t, e, i, o) {
+function ye(t, e, i, o) {
   let n = null;
   const r = i.composedPath?.();
   if (r && r.length > 0 ? n = r[0] : n = i.target, n && !e.contains(n)) {
-    const h = document.elementFromPoint(i.clientX, i.clientY);
-    h && (n = h);
+    const d = document.elementFromPoint(i.clientX, i.clientY);
+    d && (n = d);
   }
   const s = n?.closest?.("[data-col]"), l = n?.closest?.(".data-grid-row"), a = n?.closest?.(".header-row");
-  let c, d, f, u, g, p;
-  return s && (c = parseInt(s.getAttribute("data-row") ?? "-1", 10), d = parseInt(s.getAttribute("data-col") ?? "-1", 10), c >= 0 && d >= 0 && (f = t._rows[c], p = t._columns[d], u = p?.field, g = f && u ? f[u] : void 0)), {
+  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)), {
     type: o,
     row: f,
     rowIndex: c !== void 0 && c >= 0 ? c : void 0,
-    colIndex: d !== void 0 && d >= 0 ? d : void 0,
-    field: u,
+    colIndex: h !== void 0 && h >= 0 ? h : void 0,
+    field: p,
     value: g,
-    column: p,
+    column: u,
     originalEvent: i,
     cellElement: s ?? void 0,
     rowElement: l ?? void 0,
     isHeader: !!a,
-    cell: c !== void 0 && d !== void 0 && c >= 0 && d >= 0 ? { row: c, col: d } : void 0
+    cell: c !== void 0 && h !== void 0 && c >= 0 && h >= 0 ? { row: c, col: h } : void 0
   };
 }
-function Mt(t, e, i) {
-  const o = Ce(t, e, i, "mousedown");
-  (t._dispatchCellMouseDown?.(o) ?? !1) && te.set(t, !0);
+function It(t, e, i) {
+  const o = ye(t, e, i, "mousedown");
+  (t._dispatchCellMouseDown?.(o) ?? !1) && ie.set(t, !0);
 }
-function kt(t, e, i) {
-  if (!te.get(t)) return;
-  const o = Ce(t, e, i, "mousemove");
+function qt(t, e, i) {
+  if (!ie.get(t)) return;
+  const o = ye(t, e, i, "mousemove");
   t._dispatchCellMouseMove?.(o);
 }
-function Nt(t, e, i) {
-  if (!te.get(t)) return;
-  const o = Ce(t, e, i, "mouseup");
-  t._dispatchCellMouseUp?.(o), te.set(t, !1);
+function $t(t, e, i) {
+  if (!ie.get(t)) return;
+  const o = ye(t, e, i, "mouseup");
+  t._dispatchCellMouseUp?.(o), ie.set(t, !1);
 }
-function It(t, e, i) {
+function Wt(t, e, i) {
   e.addEventListener(
     "mousedown",
     (o) => {
       const n = o.target.closest(".cell[data-col]");
-      n && (n.classList.contains("editing") || Ot(t, n));
+      n && (n.classList.contains("editing") || Nt(t, n));
     },
     { signal: i }
   ), e.addEventListener(
     "click",
     (o) => {
       const n = o.target.closest(".data-grid-row");
-      n && xe(t, o, n);
+      n && Le(t, o, n);
     },
     { signal: i }
   ), e.addEventListener(
     "dblclick",
     (o) => {
       const n = o.target.closest(".data-grid-row");
-      n && xe(t, o, n);
+      n && Le(t, o, n);
     },
     { signal: i }
   );
 }
-function qt(t, e, i, o) {
-  e.addEventListener("keydown", (n) => Dt(t, n), { signal: o }), i.addEventListener("mousedown", (n) => Mt(t, i, n), { signal: o }), document.addEventListener("mousemove", (n) => kt(t, i, n), { signal: o }), document.addEventListener("mouseup", (n) => Nt(t, i, n), { signal: o });
+function Ft(t, e, i, o) {
+  e.addEventListener("keydown", (n) => kt(t, n), { signal: o }), i.addEventListener("mousedown", (n) => It(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 $t(t, e) {
+function Ut(t, e) {
   return t == null && e == null ? 0 : t == null ? -1 : e == null || t > e ? 1 : t < e ? -1 : 0;
 }
-function Wt(t, e, i) {
-  const n = i.find((l) => l.field === e.field)?.sortComparator ?? $t, { field: r, direction: s } = e;
+function Vt(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 He(t, e, i, o) {
-  t._rows = e, t.__rowRenderEpoch++, t._rowPool.forEach((n) => n.__epoch = -1), ie(t), t.refreshVirtualWindow(!0), t.dispatchEvent(
+function Pe(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 Le(t, e) {
-  !t._sortState || t._sortState.field !== e.field ? (t._sortState || (t.__originalOrder = t._rows.slice()), Pe(t, e, 1)) : t._sortState.direction === 1 ? Pe(t, e, -1) : (t._sortState = null, t.__rowRenderEpoch++, t._rowPool.forEach((o) => o.__epoch = -1), t._rows = t.__originalOrder.slice(), ie(t), t._headerRowEl?.querySelectorAll('[role="columnheader"].sortable')?.forEach((o) => {
+function ze(t, e) {
+  !t._sortState || t._sortState.field !== e.field ? (t._sortState || (t.__originalOrder = t._rows.slice()), De(t, e, 1)) : t._sortState.direction === 1 ? De(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 Pe(t, e, i) {
+function De(t, e, i) {
   t._sortState = { field: e.field, direction: i };
-  const o = { field: e.field, direction: i }, n = t._columns, s = (t.effectiveConfig?.sortHandler ?? Wt)(t._rows, o, n);
+  const o = { field: e.field, direction: i }, n = t._columns, s = (t.effectiveConfig?.sortHandler ?? Vt)(t._rows, o, n);
   s && typeof s.then == "function" ? s.then((l) => {
-    He(t, l, e, i);
-  }) : He(t, s, e, i);
+    Pe(t, l, e, i);
+  }) : Pe(t, s, e, i);
 }
-function W(t, e) {
+function F(t, e) {
   return t.effectiveConfig?.sortable !== !1 && e.sortable === !0;
 }
-function Y(t, e) {
+function j(t, e) {
   return t.effectiveConfig?.resizable !== !1 && e.resizable !== !1;
 }
-function Ft(t, e) {
+function Bt(t, e) {
   typeof e == "string" ? t.textContent = e : e instanceof HTMLElement && (t.innerHTML = "", t.appendChild(e.cloneNode(!0)));
 }
-function j(t, e) {
+function K(t, e) {
   const i = document.createElement("span");
-  Ve(i, "sort-indicator");
+  Ge(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 Ft(i, r), i;
+  return Bt(i, r), i;
 }
-function K(t, e, i) {
+function Q(t, e, i) {
   const o = document.createElement("div");
   return o.className = "resize-handle", o.setAttribute("aria-hidden", "true"), o.addEventListener("mousedown", (n) => {
     n.stopPropagation(), n.preventDefault(), t._resizeController.start(n, e, i);
@@ -1215,32 +1227,32 @@ function K(t, e, i) {
     n.stopPropagation(), n.preventDefault(), t._resizeController.resetColumn(e);
   }), o;
 }
-function Q(t, e, i, o) {
+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, i, o) || Le(t, e);
+    t._resizeController?.isResizing || t._dispatchHeaderClick?.(r, i, o) || ze(t, e);
   }), o.addEventListener("keydown", (r) => {
     if (r.key === "Enter" || r.key === " ") {
       if (r.preventDefault(), t._dispatchHeaderClick?.(r, i, o)) return;
-      Le(t, e);
+      ze(t, e);
     }
   });
 }
-function Ut(t, e) {
+function Gt(t, e) {
   if (e != null)
     if (typeof e == "string") {
       const i = document.createElement("span");
-      for (i.innerHTML = $(e); i.firstChild; )
+      for (i.innerHTML = W(e); i.firstChild; )
         t.appendChild(i.firstChild);
     } else e instanceof Node && t.appendChild(e);
 }
-function ie(t) {
+function oe(t) {
   t._headerRowEl = t.findHeaderRow();
   const e = t._headerRowEl;
   e && (e.innerHTML = "", t._visibleColumns.forEach((i, o) => {
     const n = document.createElement("div");
-    n.className = "cell", Ve(n, "header-cell"), n.setAttribute("role", "columnheader"), n.setAttribute("aria-colindex", String(o + 1)), n.setAttribute("data-field", i.field), n.setAttribute("data-col", String(o));
+    n.className = "cell", Ge(n, "header-cell"), n.setAttribute("role", "columnheader"), n.setAttribute("aria-colindex", String(o + 1)), n.setAttribute("data-field", i.field), n.setAttribute("data-col", String(o));
     const r = i.header ?? i.field, s = t._sortState?.field === i.field ? t._sortState.direction : 0, l = s === 1 ? "asc" : s === -1 ? "desc" : null;
     if (i.headerRenderer) {
       const a = {
@@ -1249,30 +1261,30 @@ function ie(t) {
         sortState: l,
         filterActive: !1,
         cellEl: n,
-        renderSortIcon: () => W(t, i) ? j(t, i) : null,
+        renderSortIcon: () => F(t, i) ? K(t, i) : null,
         renderFilterButton: () => null
       }, c = i.headerRenderer(a);
-      Ut(n, c), W(t, i) && Q(t, i, o, n), Y(t, i) && (n.classList.add("resizable"), n.appendChild(K(t, o, n)));
+      Gt(n, c), F(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), d = document.createElement("span");
-      c == null ? d.textContent = r : typeof c == "string" ? d.innerHTML = $(c) : c instanceof Node && d.appendChild(c), n.appendChild(d), W(t, i) && (Q(t, i, o, n), n.appendChild(j(t, i))), Y(t, i) && (n.classList.add("resizable"), n.appendChild(K(t, o, n)));
+      }, c = i.headerLabelRenderer(a), h = document.createElement("span");
+      c == null ? h.textContent = r : typeof c == "string" ? h.innerHTML = W(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)));
     } else if (i.__headerTemplate)
-      Array.from(i.__headerTemplate.childNodes).forEach((a) => n.appendChild(a.cloneNode(!0))), W(t, i) && (Q(t, i, o, n), n.appendChild(j(t, i))), Y(t, i) && (n.classList.add("resizable"), n.appendChild(K(t, o, n)));
+      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)));
     else {
       const a = document.createElement("span");
-      a.textContent = r, n.appendChild(a), W(t, i) && (Q(t, i, o, n), n.appendChild(j(t, i))), Y(t, i) && (n.classList.add("resizable"), n.appendChild(K(t, o, n)));
+      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)));
     }
     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 et = typeof requestIdleCallback == "function";
-function Vt(t, e) {
-  return et ? requestIdleCallback(t, e) : window.setTimeout(() => {
+const it = typeof requestIdleCallback == "function";
+function Xt(t, e) {
+  return it ? requestIdleCallback(t, e) : window.setTimeout(() => {
     const i = Date.now();
     t({
       didTimeout: !1,
@@ -1280,14 +1292,14 @@ function Vt(t, e) {
     });
   }, 1);
 }
-function ze(t) {
-  et ? cancelIdleCallback(t) : clearTimeout(t);
+function Oe(t) {
+  it ? cancelIdleCallback(t) : clearTimeout(t);
 }
-function Bt(t) {
+function Yt(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 Gt(t, e) {
+function jt(t, e) {
   if (e) {
     const o = e({ size: t });
     if (typeof o == "string") {
@@ -1296,19 +1308,19 @@ function Gt(t, e) {
     }
     return o;
   }
-  return Bt(t);
+  return Yt(t);
 }
-function Xt(t) {
+function Kt(t) {
   const e = document.createElement("div");
-  return e.className = "tbw-loading-overlay", e.setAttribute("role", "status"), e.setAttribute("aria-live", "polite"), e.appendChild(Gt("large", t)), e;
+  return e.className = "tbw-loading-overlay", e.setAttribute("role", "status"), e.setAttribute("aria-live", "polite"), e.appendChild(jt("large", t)), e;
 }
-function Yt(t, e) {
+function Qt(t, e) {
   t.appendChild(e);
 }
-function jt(t) {
+function Zt(t) {
   t?.remove();
 }
-function Kt(t, e) {
+function Jt(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");
@@ -1319,11 +1331,11 @@ function Kt(t, e) {
   } else
     t.classList.remove("tbw-row-loading"), t.removeAttribute("aria-busy"), t.querySelector(".tbw-row-loading-overlay")?.remove();
 }
-function Qt(t, e) {
+function ei(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 x = ((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))(x || {});
-class Zt {
+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;
   #n = 0;
   #u = 0;
@@ -1366,15 +1378,15 @@ class Zt {
     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);
   }
 }
-function De(t) {
+function Me(t) {
   let e = null, i = null, o = null, n = null;
   const r = (a) => {
     if (!e) return;
-    const c = a.clientX - e.startX, d = Math.max(40, e.startWidth + c), f = t._visibleColumns[e.colIndex];
-    f.width = d, f.__userResized = !0, f.__renderedWidth = d, i == null && (i = requestAnimationFrame(() => {
+    const c = a.clientX - e.startX, h = Math.max(40, e.startWidth + c), f = t._visibleColumns[e.colIndex];
+    f.width = h, f.__userResized = !0, f.__renderedWidth = h, i == null && (i = requestAnimationFrame(() => {
       i = null, t.updateTemplate?.();
     })), t.dispatchEvent(
-      new CustomEvent("column-resize", { detail: { field: f.field, width: d } })
+      new CustomEvent("column-resize", { detail: { field: f.field, width: h } })
     );
   };
   let s = !1;
@@ -1388,9 +1400,9 @@ function De(t) {
     get isResizing() {
       return e !== null || s;
     },
-    start(a, c, d) {
+    start(a, c, h) {
       a.preventDefault();
-      const f = t._visibleColumns[c], u = typeof f?.width == "number" ? f.width : void 0, g = f?.__renderedWidth ?? u ?? d.getBoundingClientRect().width;
+      const f = t._visibleColumns[c], p = typeof f?.width == "number" ? f.width : void 0, g = f?.__renderedWidth ?? p ?? h.getBoundingClientRect().width;
       e = { startX: a.clientX, colIndex: c, startWidth: g }, window.addEventListener("mousemove", r), window.addEventListener("mouseup", l), o === null && (o = document.documentElement.style.cursor), document.documentElement.style.cursor = "e-resize", n === null && (n = document.body.style.userSelect), document.body.style.userSelect = "none";
     },
     resetColumn(a) {
@@ -1404,48 +1416,48 @@ function De(t) {
     }
   };
 }
-const ae = "data-animating", Jt = {
+const ce = "data-animating", ii = {
   change: "--tbw-row-change-duration",
   insert: "--tbw-row-insert-duration",
   remove: "--tbw-row-remove-duration"
-}, ei = {
+}, oi = {
   change: 500,
   insert: 300,
   remove: 200
 };
-function ti(t) {
+function ni(t) {
   const e = t.trim().toLowerCase();
   return e.endsWith("ms") ? parseFloat(e) : e.endsWith("s") ? parseFloat(e) * 1e3 : parseFloat(e);
 }
-function ii(t, e) {
-  const i = Jt[e], o = getComputedStyle(t).getPropertyValue(i);
+function ri(t, e) {
+  const i = ii[e], o = getComputedStyle(t).getPropertyValue(i);
   if (o) {
-    const n = ti(o);
+    const n = ni(o);
     if (!isNaN(n) && n > 0)
       return n;
   }
-  return ei[e];
+  return oi[e];
 }
-function oi(t, e, i) {
-  t.removeAttribute(ae), t.offsetWidth, t.setAttribute(ae, e);
-  const o = ii(t, e);
+function si(t, e, i) {
+  t.removeAttribute(ce), t.offsetWidth, t.setAttribute(ce, e);
+  const o = ri(t, e);
   setTimeout(() => {
-    e !== "remove" && t.removeAttribute(ae);
+    e !== "remove" && t.removeAttribute(ce);
   }, o);
 }
-function ye(t, e, i) {
+function _e(t, e, i) {
   if (e < 0)
     return !1;
   const o = t.findRenderedRowElement?.(e);
-  return o ? (oi(o, i), !0) : !1;
+  return o ? (si(o, i), !0) : !1;
 }
-function ni(t, e, i) {
+function li(t, e, i) {
   let o = 0;
   for (const n of e)
-    ye(t, n, i) && o++;
+    _e(t, n, i) && o++;
   return o;
 }
-function ri(t, e, i) {
+function ai(t, e, i) {
   const o = t._rows ?? [], n = t.getRowId;
   if (!n)
     return !1;
@@ -1457,9 +1469,9 @@ function ri(t, e, i) {
       return !1;
     }
   });
-  return r < 0 ? !1 : ye(t, r, i);
+  return r < 0 ? !1 : _e(t, r, i);
 }
-function Z(t, e, i) {
+function J(t, e, i) {
   const o = document.createElement(t);
   if (e)
     for (const n in e) {
@@ -1468,7 +1480,7 @@ function Z(t, e, i) {
     }
   return o;
 }
-function L(t, e) {
+function P(t, e) {
   const i = document.createElement("div");
   if (t && (i.className = t), e)
     for (const o in e) {
@@ -1477,7 +1489,7 @@ function L(t, e) {
     }
   return i;
 }
-function tt(t, e, i) {
+function ot(t, e, i) {
   const o = document.createElement("button");
   if (t && (o.className = t), e)
     for (const n in e) {
@@ -1486,8 +1498,8 @@ function tt(t, e, i) {
     }
   return o;
 }
-const it = document.createElement("template");
-it.innerHTML = `
+const nt = document.createElement("template");
+nt.innerHTML = `
   <div class="tbw-scroll-area">
     <div class="rows-body-wrapper">
       <div class="rows-body" role="grid">
@@ -1506,38 +1518,38 @@ it.innerHTML = `
     <div class="faux-vscroll-spacer"></div>
   </div>
 `;
-function ot() {
-  return it.content.cloneNode(!0);
+function rt() {
+  return nt.content.cloneNode(!0);
 }
-function Oe(t) {
-  const e = document.createDocumentFragment(), i = L(t.hasShell ? "tbw-grid-root has-shell" : "tbw-grid-root");
+function ke(t) {
+  const e = document.createDocumentFragment(), i = P(t.hasShell ? "tbw-grid-root has-shell" : "tbw-grid-root");
   if (t.hasShell && t.shellHeader && t.shellBody)
     i.appendChild(t.shellHeader), i.appendChild(t.shellBody);
   else {
-    const o = L("tbw-grid-content");
-    o.appendChild(ot()), i.appendChild(o);
+    const o = P("tbw-grid-content");
+    o.appendChild(rt()), i.appendChild(o);
   }
   return e.appendChild(i), e;
 }
-function si(t) {
-  const e = L("tbw-shell-header", { part: "shell-header", role: "presentation" });
+function ci(t) {
+  const e = P("tbw-shell-header", { part: "shell-header", role: "presentation" });
   if (t.title) {
-    const r = L("tbw-shell-title");
+    const r = P("tbw-shell-title");
     r.textContent = t.title, e.appendChild(r);
   }
-  const i = L("tbw-shell-content", {
+  const i = P("tbw-shell-content", {
     part: "shell-content",
     role: "presentation",
     "data-light-dom-header-content": ""
   });
   e.appendChild(i);
-  const o = L("tbw-shell-toolbar", { part: "shell-toolbar", role: "presentation" });
+  const o = P("tbw-shell-toolbar", { part: "shell-toolbar", role: "presentation" });
   for (const r of t.configButtons)
-    r.hasRender && o.appendChild(L("tbw-toolbar-content-slot", { "data-toolbar-content": r.id }));
+    r.hasRender && o.appendChild(P("tbw-toolbar-content-slot", { "data-toolbar-content": r.id }));
   for (const r of t.apiButtons)
-    r.hasRender && o.appendChild(L("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(L("tbw-toolbar-separator")), t.hasPanels) {
-    const r = tt(t.isPanelOpen ? "tbw-toolbar-btn active" : "tbw-toolbar-btn", {
+    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 = ot(t.isPanelOpen ? "tbw-toolbar-btn active" : "tbw-toolbar-btn", {
       "data-panel-toggle": "",
       title: "Settings",
       "aria-label": "Toggle settings panel",
@@ -1548,12 +1560,12 @@ function si(t) {
   }
   return e.appendChild(o), e;
 }
-function li(t) {
-  const e = L("tbw-shell-body"), i = t.panels.length > 0, o = t.panels.length === 1, n = L("tbw-grid-content");
-  n.appendChild(ot());
+function di(t) {
+  const e = P("tbw-shell-body"), i = t.panels.length > 0, o = t.panels.length === 1, n = P("tbw-grid-content");
+  n.appendChild(rt());
   let r = null;
   if (i) {
-    r = Z("aside", {
+    r = J("aside", {
       class: t.isPanelOpen ? "tbw-tool-panel open" : "tbw-tool-panel",
       part: "tool-panel",
       "data-position": t.position,
@@ -1562,29 +1574,29 @@ function li(t) {
     });
     const s = t.position === "left" ? "right" : "left";
     r.appendChild(
-      L("tbw-tool-panel-resize", {
+      P("tbw-tool-panel-resize", {
         "data-resize-handle": "",
         "data-handle-position": s,
         "aria-hidden": "true"
       })
     );
-    const l = L("tbw-tool-panel-content", { role: "presentation" }), a = L("tbw-accordion");
+    const l = P("tbw-tool-panel-content", { role: "presentation" }), a = P("tbw-accordion");
     for (const c of t.panels) {
-      const d = `tbw-accordion-section${c.isExpanded ? " expanded" : ""}${o ? " single" : ""}`, f = L(d, { "data-section": c.id }), u = tt("tbw-accordion-header", {
+      const h = `tbw-accordion-section${c.isExpanded ? " expanded" : ""}${o ? " single" : ""}`, f = P(h, { "data-section": c.id }), p = ot("tbw-accordion-header", {
         "aria-expanded": String(c.isExpanded),
         "aria-controls": `tbw-section-${c.id}`
       });
-      if (o && u.setAttribute("aria-disabled", "true"), c.icon) {
-        const p = Z("span", { class: "tbw-accordion-icon" });
-        p.innerHTML = c.icon, u.appendChild(p);
+      if (o && p.setAttribute("aria-disabled", "true"), c.icon) {
+        const u = J("span", { class: "tbw-accordion-icon" });
+        u.innerHTML = c.icon, p.appendChild(u);
       }
-      const g = Z("span", { class: "tbw-accordion-title" });
-      if (g.textContent = c.title, u.appendChild(g), !o) {
-        const p = Z("span", { class: "tbw-accordion-chevron" });
-        p.innerHTML = c.isExpanded ? t.collapseIcon : t.expandIcon, u.appendChild(p);
+      const g = J("span", { class: "tbw-accordion-title" });
+      if (g.textContent = c.title, p.appendChild(g), !o) {
+        const u = J("span", { class: "tbw-accordion-chevron" });
+        u.innerHTML = c.isExpanded ? t.collapseIcon : t.expandIcon, p.appendChild(u);
       }
-      f.appendChild(u), f.appendChild(
-        L("tbw-accordion-content", {
+      f.appendChild(p), f.appendChild(
+        P("tbw-accordion-content", {
           id: `tbw-section-${c.id}`,
           role: "presentation"
         })
@@ -1594,10 +1606,10 @@ function li(t) {
   }
   return t.position === "left" && r ? (e.appendChild(r), e.appendChild(n)) : (e.appendChild(n), r && e.appendChild(r)), e;
 }
-function N(t) {
+function I(t) {
   return t ? typeof t == "string" ? t : t.outerHTML : "";
 }
-function ai() {
+function hi() {
   return {
     toolPanels: /* @__PURE__ */ new Map(),
     headerContents: /* @__PURE__ */ new Map(),
@@ -1616,32 +1628,32 @@ function ai() {
     lightDomContentMoved: !1
   };
 }
-function nt(t) {
+function st(t) {
   return !!(t?.header?.title || t?.header?.toolbarContents?.length || t?.toolPanels?.length || t?.headerContents?.length || t?.header?.lightDomContent?.length || t?.header?.hasToolButtonsContainer);
 }
-function ci(t, e, i = "☰") {
-  const o = t?.header?.title ?? e.lightDomTitle ?? "", n = !!o, r = N(i), s = t?.header?.toolbarContents ?? [], l = [...e.toolbarContents.values()], a = new Set(s.map((h) => h.id)), c = [...s];
-  for (const h of l)
-    a.has(h.id) || c.push(h);
-  const d = c.length > 0, f = e.toolPanels.size > 0, u = d && f, g = [...c].sort((h, w) => (h.order ?? 0) - (w.order ?? 0));
-  let p = "";
-  for (const h of g)
-    p += `<div class="tbw-toolbar-content-slot" data-toolbar-content="${h.id}"></div>`;
-  if (u && (p += '<div class="tbw-toolbar-separator"></div>'), f) {
-    const h = e.isPanelOpen;
-    p += `<button class="${h ? "tbw-toolbar-btn active" : "tbw-toolbar-btn"}" data-panel-toggle title="Settings" aria-label="Toggle settings panel" aria-pressed="${h}" aria-controls="tbw-tool-panel">${r}</button>`;
+function ui(t, e, i = "☰") {
+  const o = t?.header?.title ?? e.lightDomTitle ?? "", n = !!o, r = I(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);
+  const h = c.length > 0, f = e.toolPanels.size > 0, p = h && f, g = [...c].sort((d, w) => (d.order ?? 0) - (w.order ?? 0));
+  let u = "";
+  for (const d of g)
+    u += `<div class="tbw-toolbar-content-slot" data-toolbar-content="${d.id}"></div>`;
+  if (p && (u += '<div class="tbw-toolbar-separator"></div>'), f) {
+    const d = e.isPanelOpen;
+    u += `<button class="${d ? "tbw-toolbar-btn active" : "tbw-toolbar-btn"}" data-panel-toggle title="Settings" aria-label="Toggle settings panel" aria-pressed="${d}" aria-controls="tbw-tool-panel">${r}</button>`;
   }
   return `
     <div class="tbw-shell-header" part="shell-header" role="presentation">
-      ${n ? `<div class="tbw-shell-title">${mt(o)}</div>` : ""}
+      ${n ? `<div class="tbw-shell-title">${yt(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">
-        ${p}
+        ${u}
       </div>
     </div>
   `;
 }
-function Me(t, e) {
+function Ne(t, e) {
   const i = t.querySelector("tbw-grid-header");
   if (!i) return;
   if (!e.lightDomTitle) {
@@ -1651,7 +1663,7 @@ function Me(t, e) {
   const o = i.querySelectorAll("tbw-grid-header-content");
   o.length > 0 && e.lightDomHeaderContent.length === 0 && (e.lightDomHeaderContent = Array.from(o)), i.style.display = "none";
 }
-function ke(t, e, i) {
+function Ie(t, e, i) {
   const o = t.querySelector(":scope > tbw-grid-tool-buttons");
   if (!o) return;
   e.hasToolButtonsContainer = !0;
@@ -1671,7 +1683,7 @@ function ke(t, e, i) {
   };
   e.toolbarContents.set(n, r), e.lightDomToolbarContentIds.add(n), o.style.display = "none";
 }
-function Ne(t, e, i) {
+function qe(t, e, i) {
   t.querySelectorAll(":scope > tbw-grid-tool-panel").forEach((n) => {
     const r = n, s = r.getAttribute("id"), l = r.getAttribute("title");
     if (!s || !l) {
@@ -1680,39 +1692,39 @@ function Ne(t, e, i) {
       );
       return;
     }
-    const a = r.getAttribute("icon") ?? void 0, c = r.getAttribute("tooltip") ?? void 0, d = parseInt(r.getAttribute("order") ?? "100", 10);
+    const a = r.getAttribute("icon") ?? void 0, c = r.getAttribute("tooltip") ?? void 0, h = parseInt(r.getAttribute("order") ?? "100", 10);
     let f;
-    const u = i?.(r);
-    if (u)
-      f = u;
+    const p = i?.(r);
+    if (p)
+      f = p;
     else {
-      const h = r.innerHTML.trim();
+      const d = r.innerHTML.trim();
       f = (w) => {
-        const C = document.createElement("div");
-        return C.innerHTML = h, w.appendChild(C), () => C.remove();
+        const v = document.createElement("div");
+        return v.innerHTML = d, w.appendChild(v), () => v.remove();
       };
     }
     const g = e.toolPanels.get(s);
     if (g) {
-      if (u) {
-        g.render = f, g.order = d, g.icon = a, g.tooltip = c;
-        const h = e.panelCleanups.get(s);
-        h && (h(), e.panelCleanups.delete(s));
+      if (p) {
+        g.render = f, g.order = h, g.icon = a, g.tooltip = c;
+        const d = e.panelCleanups.get(s);
+        d && (d(), e.panelCleanups.delete(s));
       }
       return;
     }
-    const p = {
+    const u = {
       id: s,
       title: l,
       icon: a,
       tooltip: c,
-      order: d,
+      order: h,
       render: f
     };
-    e.toolPanels.set(s, p), e.lightDomToolPanelIds.add(s), r.style.display = "none";
+    e.toolPanels.set(s, u), e.lightDomToolPanelIds.add(s), r.style.display = "none";
   });
 }
-function di(t, e, i, o) {
+function fi(t, e, i, o) {
   const n = t.querySelector(".tbw-shell-toolbar");
   n && n.addEventListener("click", (s) => {
     if (s.target.closest("[data-panel-toggle]")) {
@@ -1724,36 +1736,36 @@ function di(t, e, i, o) {
   r && r.addEventListener("click", (s) => {
     const a = s.target.closest(".tbw-accordion-header");
     if (a) {
-      const d = a.closest("[data-section]")?.getAttribute("data-section");
-      d && o.onSectionToggle(d);
+      const h = a.closest("[data-section]")?.getAttribute("data-section");
+      h && o.onSectionToggle(h);
     }
   });
 }
-function hi(t, e, i) {
+function gi(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 () => {
     };
   const s = e?.toolPanel?.position ?? "right", l = 200;
-  let a = 0, c = 0, d = 0, f = !1;
-  const u = (h) => {
+  let a = 0, c = 0, h = 0, f = !1;
+  const p = (d) => {
     if (!f) return;
-    h.preventDefault();
-    const w = s === "left" ? h.clientX - a : a - h.clientX, C = Math.min(d, Math.max(l, c + w));
-    o.style.width = `${C}px`;
+    d.preventDefault();
+    const w = s === "left" ? d.clientX - a : a - d.clientX, v = Math.min(h, Math.max(l, c + w));
+    o.style.width = `${v}px`;
   }, g = () => {
     if (!f) return;
     f = !1, n.classList.remove("resizing"), o.style.transition = "", document.body.style.cursor = "", document.body.style.userSelect = "";
-    const h = o.getBoundingClientRect().width;
-    i(h), document.removeEventListener("mousemove", u), document.removeEventListener("mouseup", g);
-  }, p = (h) => {
-    h.preventDefault(), f = !0, a = h.clientX, c = o.getBoundingClientRect().width, d = r.getBoundingClientRect().width - 20, n.classList.add("resizing"), o.style.transition = "none", document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", u), document.addEventListener("mouseup", g);
+    const d = o.getBoundingClientRect().width;
+    i(d), document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", g);
+  }, u = (d) => {
+    d.preventDefault(), f = !0, a = d.clientX, c = o.getBoundingClientRect().width, h = r.getBoundingClientRect().width - 20, n.classList.add("resizing"), o.style.transition = "none", document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", p), document.addEventListener("mouseup", g);
   };
-  return n.addEventListener("mousedown", p), () => {
-    n.removeEventListener("mousedown", p), document.removeEventListener("mousemove", u), document.removeEventListener("mouseup", g);
+  return n.addEventListener("mousedown", u), () => {
+    n.removeEventListener("mousedown", u), document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", g);
   };
 }
-function ce(t, e, i) {
+function de(t, e, i) {
   const o = e?.header?.toolbarContents ?? [], n = [...i.toolbarContents.values()], r = new Set(o.map((l) => l.id)), s = [...o];
   for (const l of n)
     r.has(l.id) || s.push(l);
@@ -1765,7 +1777,7 @@ function ce(t, e, i) {
     c && i.toolbarContentCleanups.set(l.id, c);
   }
 }
-function fe(t, e) {
+function ge(t, e) {
   const i = e.lightDomHeaderContent.length > 0 && !e.lightDomContentMoved, o = e.headerContents.size > 0;
   if (!i && !o) return;
   const n = t.querySelector(".tbw-shell-content");
@@ -1785,41 +1797,41 @@ function fe(t, e) {
     c && e.headerContentCleanups.set(s.id, c);
   }
 }
-function ui(t, e, i) {
+function pi(t, e, i) {
   if (!e.isPanelOpen) return;
-  const o = N(i?.expand ?? M.expand), n = N(i?.collapse ?? M.collapse);
+  const o = I(i?.expand ?? M.expand), n = I(i?.collapse ?? M.collapse);
   for (const [r, s] of e.toolPanels) {
     const l = e.expandedSections.has(r), a = t.querySelector(`[data-section="${r}"]`), c = a?.querySelector(".tbw-accordion-content");
     if (!a || !c) continue;
     a.classList.toggle("expanded", l);
-    const d = a.querySelector(".tbw-accordion-header");
-    d && d.setAttribute("aria-expanded", String(l));
+    const h = a.querySelector(".tbw-accordion-header");
+    h && h.setAttribute("aria-expanded", String(l));
     const f = a.querySelector(".tbw-accordion-chevron");
     if (f && (f.innerHTML = l ? n : o), l) {
       if (c.children.length === 0) {
-        const u = s.render(c);
-        u && e.panelCleanups.set(r, u);
+        const p = s.render(c);
+        p && e.panelCleanups.set(r, p);
       }
     } else {
-      const u = e.panelCleanups.get(r);
-      u && (u(), e.panelCleanups.delete(r)), c.innerHTML = "";
+      const p = e.panelCleanups.get(r);
+      p && (p(), e.panelCleanups.delete(r)), c.innerHTML = "";
     }
   }
 }
-function Ie(t, e) {
+function $e(t, e) {
   const i = t.querySelector("[data-panel-toggle]");
   i && (i.classList.toggle("active", e.isPanelOpen), i.setAttribute("aria-pressed", String(e.isPanelOpen)));
 }
-function qe(t, e) {
+function We(t, e) {
   const i = t.querySelector(".tbw-tool-panel");
   i && (i.classList.toggle("open", e.isPanelOpen), e.isPanelOpen || (i.style.width = ""));
 }
-function de(t) {
+function he(t) {
   for (const e of t.toolbarContentCleanups.values())
     e();
   t.toolbarContentCleanups.clear();
 }
-function fi(t) {
+function wi(t) {
   for (const e of t.headerContentCleanups.values())
     e();
   t.headerContentCleanups.clear();
@@ -1836,7 +1848,7 @@ function fi(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 gi(t, e) {
+function bi(t, e) {
   let i = !1;
   const o = {
     get isInitialized() {
@@ -1865,7 +1877,7 @@ function gi(t, e) {
         s && t.expandedSections.add(s.id);
       }
       const n = e.getShadow();
-      Ie(n, t), qe(n, t), ui(n, t, e.getAccordionIcons()), e.emit("tool-panel-open", { sections: o.expandedSections });
+      $e(n, t), We(n, t), pi(n, t, e.getAccordionIcons()), e.emit("tool-panel-open", { sections: o.expandedSections });
     },
     closeToolPanel() {
       if (!t.isPanelOpen) return;
@@ -1876,7 +1888,7 @@ function gi(t, e) {
         r.onClose?.();
       t.isPanelOpen = !1;
       const n = e.getShadow();
-      Ie(n, t), qe(n, t), e.emit("tool-panel-close", {});
+      $e(n, t), We(n, t), e.emit("tool-panel-close", {});
     },
     toggleToolPanel() {
       t.isPanelOpen ? o.closeToolPanel() : o.openToolPanel();
@@ -1892,16 +1904,16 @@ function gi(t, e) {
       const s = e.getShadow(), l = t.expandedSections.has(n);
       if (l) {
         const a = t.panelCleanups.get(n);
-        a && (a(), t.panelCleanups.delete(n)), r.onClose?.(), t.expandedSections.delete(n), he(s, n, !1);
+        a && (a(), t.panelCleanups.delete(n)), r.onClose?.(), t.expandedSections.delete(n), ue(s, n, !1);
       } else {
         for (const [a, c] of t.toolPanels)
           if (a !== n && t.expandedSections.has(a)) {
-            const d = t.panelCleanups.get(a);
-            d && (d(), t.panelCleanups.delete(a)), c.onClose?.(), t.expandedSections.delete(a), he(s, a, !1);
+            const h = t.panelCleanups.get(a);
+            h && (h(), t.panelCleanups.delete(a)), c.onClose?.(), t.expandedSections.delete(a), ue(s, a, !1);
             const f = s.querySelector(`[data-section="${a}"] .tbw-accordion-content`);
             f && (f.innerHTML = "");
           }
-        t.expandedSections.add(n), he(s, n, !0), pi(s, t, n);
+        t.expandedSections.add(n), ue(s, n, !0), mi(s, t, n);
       }
       e.emit("tool-panel-section-toggle", { id: n, expanded: !l });
     },
@@ -1930,7 +1942,7 @@ function gi(t, e) {
         console.warn(`[tbw-grid] Header content "${n.id}" already registered`);
         return;
       }
-      t.headerContents.set(n.id, n), i && fe(e.getShadow(), t);
+      t.headerContents.set(n.id, n), i && ge(e.getShadow(), t);
     },
     unregisterHeaderContent(n) {
       const r = t.headerContentCleanups.get(n);
@@ -1955,11 +1967,11 @@ function gi(t, e) {
   };
   return o;
 }
-function he(t, e, i) {
+function ue(t, e, i) {
   const o = t.querySelector(`[data-section="${e}"]`);
   o && o.classList.toggle("expanded", i);
 }
-function pi(t, e, i) {
+function mi(t, e, i) {
   const o = e.toolPanels.get(i);
   if (!o?.render) return;
   const n = t.querySelector(`[data-section="${i}"] .tbw-accordion-content`);
@@ -1967,8 +1979,8 @@ function pi(t, e, i) {
   const r = o.render(n);
   r && e.panelCleanups.set(i, r);
 }
-function wi(t, e, i, o) {
-  const n = nt(e), r = [], s = [
+function vi(t, e, i, o) {
+  const n = st(e), r = [], s = [
     "tbw-grid-header",
     "tbw-grid-tool-buttons",
     "tbw-grid-tool-panel",
@@ -1982,62 +1994,62 @@ function wi(t, e, i, o) {
   for (const l of r)
     t.appendChild(l);
   if (n) {
-    const l = N(o?.toolPanel ?? M.toolPanel), a = N(o?.expand ?? M.expand), c = N(o?.collapse ?? M.collapse), f = [...e?.header?.toolbarContents ?? []].sort((y, S) => (y.order ?? 0) - (S.order ?? 0)), g = [...e?.toolPanels ?? []].sort((y, S) => (y.order ?? 100) - (S.order ?? 100)), p = {
+    const l = I(o?.toolPanel ?? M.toolPanel), a = I(o?.expand ?? M.expand), c = I(o?.collapse ?? M.collapse), f = [...e?.header?.toolbarContents ?? []].sort((_, R) => (_.order ?? 0) - (R.order ?? 0)), g = [...e?.toolPanels ?? []].sort((_, R) => (_.order ?? 100) - (R.order ?? 100)), u = {
       title: e?.header?.title ?? void 0,
       hasPanels: g.length > 0,
       isPanelOpen: i.isPanelOpen,
       toolPanelIcon: l,
-      configButtons: f.map((y) => ({
-        id: y.id,
+      configButtons: f.map((_) => ({
+        id: _.id,
         hasElement: !1,
-        hasRender: !!y.render
+        hasRender: !!_.render
       })),
       apiButtons: []
-    }, h = {
+    }, d = {
       position: e?.toolPanel?.position ?? "right",
       isPanelOpen: i.isPanelOpen,
       expandIcon: a,
       collapseIcon: c,
-      panels: g.map((y) => ({
-        id: y.id,
-        title: y.title,
-        icon: N(y.icon),
-        isExpanded: i.expandedSections.has(y.id)
+      panels: g.map((_) => ({
+        id: _.id,
+        title: _.title,
+        icon: I(_.icon),
+        isExpanded: i.expandedSections.has(_.id)
       }))
-    }, w = si(p), C = li(h), m = Oe({
+    }, w = ci(u), v = di(d), b = ke({
       hasShell: !0,
       shellHeader: w,
-      shellBody: C
+      shellBody: v
     });
-    t.appendChild(m);
+    t.appendChild(b);
   } else {
-    const l = Oe({ hasShell: !1 });
+    const l = ke({ hasShell: !1 });
     t.appendChild(l);
   }
   return n;
 }
-const $e = "tbw-grid-styles";
-let ee = "";
-const ge = /* @__PURE__ */ new Map();
-function bi() {
-  let t = document.getElementById($e);
-  return t || (t = document.createElement("style"), t.id = $e, t.setAttribute("data-tbw-grid", "true"), document.head.appendChild(t)), t;
+const Fe = "tbw-grid-styles";
+let te = "";
+const pe = /* @__PURE__ */ new Map();
+function Ci() {
+  let t = document.getElementById(Fe);
+  return t || (t = document.createElement("style"), t.id = Fe, t.setAttribute("data-tbw-grid", "true"), document.head.appendChild(t)), t;
 }
-function pe() {
-  const t = bi(), e = Array.from(ge.values()).join(`
+function we() {
+  const t = Ci(), e = Array.from(pe.values()).join(`
 `);
-  t.textContent = `${ee}
+  t.textContent = `${te}
 
 /* Plugin Styles */
 ${e}`;
 }
-function mi(t) {
+function yi(t) {
   let e = !1;
   for (const { name: i, styles: o } of t)
-    ge.has(i) || (ge.set(i, o), e = !0);
-  return e && pe(), e;
+    pe.has(i) || (pe.set(i, o), e = !0);
+  return e && we(), e;
 }
-function vi() {
+function _i() {
   try {
     for (const t of Array.from(document.styleSheets))
       try {
@@ -2053,22 +2065,22 @@ function vi() {
   }
   return null;
 }
-async function Ci(t) {
-  if (ee)
+async function Ei(t) {
+  if (te)
     return;
   if (typeof t == "string" && t.length > 0) {
-    ee = t, pe();
+    te = t, we();
     return;
   }
   await new Promise((i) => setTimeout(i, 50));
-  const e = vi();
-  e ? (ee = e, pe()) : (typeof process > "u" || process.env?.NODE_ENV !== "test") && console.warn(
+  const e = _i();
+  e ? (te = e, we()) : (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 yi() {
+function Si() {
   return {
     startY: null,
     startX: null,
@@ -2082,39 +2094,39 @@ function yi() {
     momentumRaf: 0
   };
 }
-function _i(t) {
+function Ri(t) {
   t.startY = null, t.startX = null, t.scrollTop = null, t.scrollLeft = null, t.lastY = null, t.lastX = null, t.lastTime = null;
 }
-function rt(t) {
+function lt(t) {
   t.momentumRaf && (cancelAnimationFrame(t.momentumRaf), t.momentumRaf = 0);
 }
-function Ei(t, e, i) {
+function Ai(t, e, i) {
   if (t.touches.length !== 1) return;
-  rt(e);
+  lt(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 Si(t, e, i) {
+function Ti(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;
   if (e.lastTime !== null && e.lastY !== null && e.lastX !== null) {
-    const h = s - e.lastTime;
-    h > 0 && (e.velocityY = (e.lastY - n) / h, e.velocityX = (e.lastX - r) / h);
+    const d = s - e.lastTime;
+    d > 0 && (e.velocityY = (e.lastY - n) / d, e.velocityX = (e.lastX - r) / d);
   }
   e.lastY = n, e.lastX = r, e.lastTime = s;
-  const { scrollTop: c, scrollHeight: d, clientHeight: f } = i.fauxScrollbar, u = d - f, g = l > 0 && c < u || l < 0 && c > 0;
-  let p = !1;
+  const { scrollTop: c, scrollHeight: h, clientHeight: f } = i.fauxScrollbar, p = h - f, g = l > 0 && c < p || l < 0 && c > 0;
+  let u = !1;
   if (i.scrollArea) {
-    const { scrollLeft: h, scrollWidth: w, clientWidth: C } = i.scrollArea, m = w - C;
-    p = a > 0 && h < m || a < 0 && h > 0;
+    const { scrollLeft: d, scrollWidth: w, clientWidth: v } = i.scrollArea, b = w - v;
+    u = a > 0 && d < b || a < 0 && d > 0;
   }
-  return g && (i.fauxScrollbar.scrollTop = e.scrollTop + l), p && i.scrollArea && (i.scrollArea.scrollLeft = e.scrollLeft + a), g || p;
+  return g && (i.fauxScrollbar.scrollTop = e.scrollTop + l), u && i.scrollArea && (i.scrollArea.scrollLeft = e.scrollLeft + a), g || u;
 }
-function Ri(t, e) {
-  (Math.abs(t.velocityY) > 0.1 || Math.abs(t.velocityX) > 0.1) && Ai(t, e), _i(t);
+function xi(t, e) {
+  (Math.abs(t.velocityY) > 0.1 || Math.abs(t.velocityX) > 0.1) && Hi(t, e), Ri(t);
 }
-function Ai(t, e) {
+function Hi(t, e) {
   const n = () => {
     t.velocityY *= 0.95, t.velocityX *= 0.95;
     const r = t.velocityY * 16, s = t.velocityX * 16;
@@ -2122,19 +2134,19 @@ function Ai(t, e) {
   };
   t.momentumRaf = requestAnimationFrame(n);
 }
-function Ti(t, e, i, o) {
-  t.addEventListener("touchstart", (n) => Ei(n, e, i), {
+function Li(t, e, i, o) {
+  t.addEventListener("touchstart", (n) => Ai(n, e, i), {
     passive: !0,
     signal: o
   }), t.addEventListener(
     "touchmove",
     (n) => {
-      Si(n, e, i) && n.preventDefault();
+      Ti(n, e, i) && n.preventDefault();
     },
     { passive: !1, signal: o }
-  ), t.addEventListener("touchend", () => Ri(e, i), { passive: !0, signal: o });
+  ), t.addEventListener("touchend", () => xi(e, i), { passive: !0, signal: o });
 }
-const xi = [
+const Pi = [
   {
     property: "editable",
     pluginName: "editing",
@@ -2160,14 +2172,21 @@ const xi = [
     level: "column",
     description: 'the "group" column property'
   },
+  {
+    property: "pinned",
+    pluginName: "pinnedColumns",
+    level: "column",
+    description: 'the "pinned" column property',
+    isUsed: (t) => t === "left" || t === "right" || t === "start" || t === "end"
+  },
   {
     property: "sticky",
     pluginName: "pinnedColumns",
     level: "column",
-    description: 'the "sticky" column property',
+    description: 'the "sticky" column property (deprecated, use "pinned")',
     isUsed: (t) => t === "left" || t === "right" || t === "start" || t === "end"
   }
-], Hi = [
+], zi = [
   {
     property: "columnGroups",
     pluginName: "groupingColumns",
@@ -2176,56 +2195,56 @@ const xi = [
     isUsed: (t) => Array.isArray(t) && t.length > 0
   }
 ];
-function Li(t) {
+function Di(t) {
   return t.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
 }
-function we(t) {
-  return `import { ${z(t)}Plugin } from '@toolbox-web/grid/plugins/${Li(t)}';`;
+function be(t) {
+  return `import { ${D(t)}Plugin } from '@toolbox-web/grid/plugins/${Di(t)}';`;
 }
-function z(t) {
+function D(t) {
   return t.charAt(0).toUpperCase() + t.slice(1);
 }
-function We(t, e) {
+function Ue(t, e) {
   return t.some((i) => i.name === e);
 }
-function Pi(t, e) {
-  const i = xi, o = Hi, n = /* @__PURE__ */ new Map();
-  function r(l, a, c, d, f = !1) {
+function Oi(t, e) {
+  const i = Pi, o = zi, 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 u = n.get(l);
-    u.fields.includes(d) || u.fields.push(d);
+    const p = n.get(l);
+    p.fields.includes(h) || p.fields.push(h);
   }
   for (const l of o) {
     const a = t[l.property];
-    (l.isUsed ? l.isUsed(a) : a !== void 0) && !We(e, l.pluginName) && r(l.pluginName, l.description, we(l.pluginName), l.property, !0);
+    (l.isUsed ? l.isUsed(a) : a !== void 0) && !Ue(e, l.pluginName) && r(l.pluginName, l.description, be(l.pluginName), l.property, !0);
   }
   const s = t.columns;
   if (s && s.length > 0)
     for (const l of s)
       for (const a of i) {
         const c = l[a.property];
-        if ((a.isUsed ? a.isUsed(c) : c !== void 0) && !We(e, a.pluginName)) {
+        if ((a.isUsed ? a.isUsed(c) : c !== void 0) && !Ue(e, a.pluginName)) {
           const f = l.field || "<unknown>";
-          r(a.pluginName, a.description, we(a.pluginName), f);
+          r(a.pluginName, a.description, be(a.pluginName), f);
         }
       }
   if (n.size > 0) {
     const l = [];
-    for (const [a, { description: c, importHint: d, fields: f, isConfigProperty: u }] of n)
-      if (u)
+    for (const [a, { description: c, importHint: h, fields: f, isConfigProperty: p }] of n)
+      if (p)
         l.push(
           `Config uses ${c}, but the required plugin is not loaded.
   → Add the plugin to your gridConfig.plugins array:
-    ${d}
-    plugins: [new ${z(a)}Plugin(), ...]`
+    ${h}
+    plugins: [new ${D(a)}Plugin(), ...]`
         );
       else {
         const g = f.slice(0, 3).join(", ") + (f.length > 3 ? `, ... (${f.length} total)` : "");
         l.push(
           `Column(s) [${g}] use ${c}, but the required plugin is not loaded.
   → Add the plugin to your gridConfig.plugins array:
-    ${d}
-    plugins: [new ${z(a)}Plugin(), ...]`
+    ${h}
+    plugins: [new ${D(a)}Plugin(), ...]`
         );
       }
     throw new Error(
@@ -2239,7 +2258,7 @@ This validation helps catch misconfigurations early. The properties listed above
     );
   }
 }
-function zi(t) {
+function Mi(t) {
   const e = [], i = [];
   for (const o of t) {
     const r = o.constructor.manifest;
@@ -2247,12 +2266,12 @@ function zi(t) {
       for (const s of r.configRules) {
         const l = o.config;
         if (s.check(l)) {
-          const c = `${`[tbw-grid:${z(o.name)}Plugin]`} Configuration warning: ${s.message}`;
+          const c = `${`[tbw-grid:${D(o.name)}Plugin]`} Configuration warning: ${s.message}`;
           s.severity === "error" ? e.push(c) : i.push(c);
         }
       }
   }
-  if (i.length > 0 && me())
+  if (i.length > 0 && ve())
     for (const o of i)
       console.warn(o);
   if (e.length > 0)
@@ -2262,30 +2281,30 @@ ${e.join(`
 
 `)}`);
 }
-function Di(t, e) {
+function ki(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((d) => d.name === s)) {
-      const d = a ?? `${z(i)}Plugin requires ${z(s)}Plugin`, f = we(s);
+    if (!e.some((h) => h.name === s)) {
+      const h = a ?? `${D(i)}Plugin requires ${D(s)}Plugin`, f = be(s);
       if (l)
         throw new Error(
           `[tbw-grid] Plugin dependency error:
 
-${d}.
+${h}.
 
-  → Add the plugin to your gridConfig.plugins array BEFORE ${z(i)}Plugin:
+  → Add the plugin to your gridConfig.plugins array BEFORE ${D(i)}Plugin:
     ${f}
-    plugins: [new ${z(s)}Plugin(), new ${z(i)}Plugin()]`
+    plugins: [new ${D(s)}Plugin(), new ${D(i)}Plugin()]`
         );
       console.info(
-        `[tbw-grid] ${z(i)}Plugin: Optional "${s}" plugin not found. Some features may be unavailable.`
+        `[tbw-grid] ${D(i)}Plugin: Optional "${s}" plugin not found. Some features may be unavailable.`
       );
     }
   }
 }
-function Oi(t) {
-  if (!me()) return;
+function Ni(t) {
+  if (!ve()) return;
   const e = new Set(t.map((o) => o.name)), i = /* @__PURE__ */ new Set();
   for (const o of t) {
     const r = o.constructor.manifest;
@@ -2297,7 +2316,7 @@ function Oi(t) {
           i.add(l), console.warn(
             `[tbw-grid] Plugin incompatibility warning:
 
-${z(o.name)}Plugin and ${z(s.name)}Plugin are both loaded, but they are currently incompatible.
+${D(o.name)}Plugin and ${D(s.name)}Plugin are both loaded, but they are currently incompatible.
 
   → ${s.reason}
 
@@ -2307,31 +2326,31 @@ ${z(o.name)}Plugin and ${z(s.name)}Plugin are both loaded, but they are currentl
     }
   }
 }
-function st(t, e) {
+function at(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 Mi(t, e, i) {
-  const o = st(e, i);
+function Ii(t, e, i) {
+  const o = at(e, i);
   if (typeof o == "string")
     return t.byKey.get(o);
   if (o && typeof o == "object")
     return t.byRef.get(o);
 }
-function ki(t, e, i, o) {
-  const n = st(e, o);
+function qi(t, e, i, o) {
+  const n = at(e, o);
   typeof n == "string" ? t.byKey.set(n, i) : n && typeof n == "object" && t.byRef.set(n, i);
 }
-function Ni(t, e, i, o, n) {
+function $i(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), d = c !== void 0;
-    c === void 0 && (c = Mi(e, a, o.rowId), d = c !== void 0), c === void 0 && (c = i, d = !1), r[l] = { offset: s, height: c, measured: d }, s += c;
+    let c = n?.(a, l), h = c !== void 0;
+    c === void 0 && (c = Ii(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;
 }
-function be(t, e, i) {
+function me(t, e, i) {
   if (e < 0 || e >= t.length) return;
   const o = t[e], n = i - o.height;
   if (n !== 0) {
@@ -2340,12 +2359,12 @@ function be(t, e, i) {
       t[r].offset += n;
   }
 }
-function Ii(t) {
+function Wi(t) {
   if (t.length === 0) return 0;
   const e = t[t.length - 1];
   return e.offset + e.height;
 }
-function Fe(t, e) {
+function Ve(t, e) {
   if (t.length === 0) return -1;
   if (e <= 0) return 0;
   let i = 0, o = t.length - 1;
@@ -2360,42 +2379,42 @@ function Fe(t, e) {
   }
   return Math.max(0, Math.min(i, t.length - 1));
 }
-function qi(t, e) {
+function Fi(t, e) {
   let i = 0, o = 0;
   for (const n of t)
     n.measured && (i += n.height, o++);
   return o > 0 ? i / o : e;
 }
-function $i(t) {
+function Ui(t) {
   let e = 0;
   for (const i of t)
     i.measured && e++;
   return e;
 }
-function Wi(t, e) {
+function Vi(t, e) {
   const { positionCache: i, heightCache: o, rows: n, start: r, end: s, getPluginHeight: l, getRowId: a } = t;
   let c = !1;
-  e.forEach((u) => {
-    const g = u.dataset.rowIndex;
+  e.forEach((p) => {
+    const g = p.dataset.rowIndex;
     if (!g) return;
-    const p = parseInt(g, 10);
-    if (p < r || p >= s || p >= n.length) return;
-    const h = n[p], w = l?.(h, p);
+    const u = parseInt(g, 10);
+    if (u < r || u >= s || u >= n.length) return;
+    const d = n[u], w = l?.(d, u);
     if (w !== void 0) {
-      const m = i[p];
-      (!m.measured || Math.abs(m.height - w) > 1) && (be(i, p, w), c = !0);
+      const b = i[u];
+      (!b.measured || Math.abs(b.height - w) > 1) && (me(i, u, w), c = !0);
       return;
     }
-    const C = u.offsetHeight;
-    if (C > 0) {
-      const m = i[p];
-      (!m.measured || Math.abs(m.height - C) > 1) && (be(i, p, C), ki(o, h, C, a), c = !0);
+    const v = p.offsetHeight;
+    if (v > 0) {
+      const b = i[u];
+      (!b.measured || Math.abs(b.height - v) > 1) && (me(i, u, v), qi(o, d, v, a), c = !0);
     }
   });
-  const d = c ? $i(i) : 0, f = c ? qi(i, t.defaultHeight) : 0;
-  return { hasChanges: c, measuredCount: d, averageHeight: f };
+  const h = c ? Ui(i) : 0, f = c ? Fi(i, t.defaultHeight) : 0;
+  return { hasChanges: c, measuredCount: h, averageHeight: f };
 }
-function Fi(t, e, i, o) {
+function Bi(t, e, i, o) {
   let n = 0, r = 0;
   for (let s = 0; s < t.length; s++) {
     const l = t[s];
@@ -2406,7 +2425,7 @@ function Fi(t, e, i, o) {
     averageHeight: n > 0 ? r / n : i
   };
 }
-function to(t) {
+function no(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);
@@ -2418,10 +2437,10 @@ function to(t) {
     totalHeight: e * n
   };
 }
-function io(t, e) {
+function ro(t, e) {
   return t <= e;
 }
-class oe {
+class ne {
   constructor(e) {
     this.grid = e;
   }
@@ -2441,7 +2460,7 @@ class oe {
       this.attach(i);
   }
   attach(e) {
-    if (Di(e, this.plugins), this.pluginMap.set(e.constructor, e), this.plugins.push(e), e.cellRenderers)
+    if (ki(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)
@@ -2464,9 +2483,9 @@ class oe {
   }
   warnDeprecatedHooks(e) {
     const i = e.constructor;
-    if (oe.deprecationWarned.has(i) || !me()) return;
+    if (ne.deprecationWarned.has(i) || !ve()) return;
     const o = typeof e.getExtraHeight == "function" || typeof e.getExtraHeightBefore == "function", n = typeof e.getRowHeight == "function";
-    o && !n && (oe.deprecationWarned.add(i), console.warn(
+    o && !n && (ne.deprecationWarned.add(i), console.warn(
       `[tbw-grid] Deprecation warning: "${e.name}" uses getExtraHeight() / getExtraHeightBefore() which are deprecated and will be removed in v3.0.
   → Migrate to getRowHeight(row, index) for better variable row height support.
   → See: https://toolbox-web.dev/docs/grid/plugins/migration#row-height-hooks`
@@ -2706,7 +2725,7 @@ class oe {
     return e.sort((i, o) => (i.content.order ?? 0) - (o.content.order ?? 0));
   }
 }
-const Ui = "@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}}", Vi = '@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)}}}', Bi = '@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}}}}}', Gi = '@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}}}', Xi = "@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}}}}", Yi = "@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}}}", Ki = "@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}}}", Qi = "@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)}}", Zi = `/**
+const Gi = "@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}}", Xi = '@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)}}}', Yi = '@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}}}}}', ji = '@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}}}', Ki = "@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}}}}", Qi = "@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}}}", Zi = "@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}}}", Ji = "@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}}}", eo = "@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)}}", to = `/**
  * tbw-grid Light DOM Styles
  *
  * This stylesheet uses CSS nesting to scope all styles to the tbw-grid element.
@@ -2725,19 +2744,19 @@ const Ui = "@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;
 
-${Qi}
-${Vi}
-${Bi}
+${eo}
+${Xi}
 ${Yi}
+${Qi}
+${Zi}
+${Ji}
 ${ji}
-${Ki}
 ${Gi}
-${Ui}
-${Xi}
+${Ki}
 `;
 class k extends HTMLElement {
   static tagName = "tbw-grid";
-  static version = "1.14.1";
+  static version = "1.16.0";
   static #l = 0;
   static adapters = [];
   static registerAdapter(e) {
@@ -2777,7 +2796,7 @@ class k extends HTMLElement {
   #x = !1;
   #m = 0;
   #z;
-  #N = yi();
+  #N = Si();
   #b;
   #y;
   #p;
@@ -2797,7 +2816,7 @@ class k extends HTMLElement {
   #V;
   #O;
   #t;
-  #i = ai();
+  #i = hi();
   #c;
   #q;
   #M = !1;
@@ -2934,28 +2953,28 @@ class k extends HTMLElement {
     return this.#b || (this.#b = new AbortController()), this.#b.signal;
   }
   constructor() {
-    super(), this.#be(), this.#d = new Promise((e) => this.#h = e), this.#s = new Zt({
+    super(), this.#be(), this.#d = new Promise((e) => this.#h = e), this.#s = new ti({
       mergeConfig: () => {
-        this.#t.parseLightDomColumns(this), this.#t.merge(), this.#te(), Pi(this.#o, this.#e?.getPlugins() ?? []), zi(this.#e?.getPlugins() ?? []), Oi(this.#e?.getPlugins() ?? []), this.#Pe(), this.#B = [...this._columns];
+        this.#t.parseLightDomColumns(this), this.#t.merge(), this.#te(), Oi(this.#o, this.#e?.getPlugins() ?? []), Mi(this.#e?.getPlugins() ?? []), Ni(this.#e?.getPlugins() ?? []), this.#ze(), this.#B = [...this._columns];
       },
       processColumns: () => this.#xe(),
-      processRows: () => this.#He(),
-      renderHeader: () => ie(this),
-      updateTemplate: () => U(this),
+      processRows: () => this.#Le(),
+      renderHeader: () => oe(this),
+      updateTemplate: () => V(this),
       renderVirtualWindow: () => this.refreshVirtualWindow(!0, !0),
       afterRender: () => {
         this.#e?.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, Se(this)), this._restoreFocusAfterRender && (this._restoreFocusAfterRender = !1, q(this)), this._virtualization.enabled && !this.#F && this.#Ce(), this.#x && (this.#x = !1, requestAnimationFrame(() => {
+        }), this.#o.fitMode === "fixed" && !this.__didInitialAutoSize && (this.__didInitialAutoSize = !0, Re(this)), this._restoreFocusAfterRender && (this._restoreFocusAfterRender = !1, $(this)), this._virtualization.enabled && !this.#F && this.#Ce(), this.#x && (this.#x = !1, requestAnimationFrame(() => {
           requestAnimationFrame(() => {
             this.#ve();
           });
         })), this.#M && this.#he();
       },
       isConnected: () => this.isConnected && this.#f
-    }), this.#s.setInitialReadyResolver(() => this.#h?.()), this.#c = gi(this.#i, {
+    }), this.#s.setInitialReadyResolver(() => this.#h?.()), this.#c = bi(this.#i, {
       getShadow: () => this.#n,
       getShellConfig: () => this.#o?.shell,
       getAccordionIcons: () => ({
@@ -2964,28 +2983,28 @@ class k extends HTMLElement {
       }),
       emit: (e, i) => this.#L(e, i),
       refreshShellHeader: () => this.refreshShellHeader()
-    }), this.#t = new Tt({
+    }), this.#t = new Lt({
       getRows: () => this.#a,
       getSortState: () => this._sortState,
       setSortState: (e) => {
         this._sortState = e;
       },
       onConfigChange: () => {
-        this.#s.requestPhase(x.FULL, "configChange");
+        this.#s.requestPhase(A.FULL, "configChange");
       },
       emit: (e, i) => this.#L(e, i),
       clearRowPool: () => {
         this._rowPool.length = 0, this._bodyEl && (this._bodyEl.innerHTML = ""), this.__rowRenderEpoch++;
       },
       setup: () => this.#P(),
-      renderHeader: () => ie(this),
-      updateTemplate: () => U(this),
-      refreshVirtualWindow: () => this.#s.requestPhase(x.VIRTUALIZATION, "configManager"),
+      renderHeader: () => oe(this),
+      updateTemplate: () => V(this),
+      refreshVirtualWindow: () => this.#s.requestPhase(A.VIRTUALIZATION, "configManager"),
       getVirtualization: () => this._virtualization,
       setRowHeight: (e) => {
         this._virtualization.rowHeight = e;
       },
-      applyAnimationConfig: (e) => this.#Le(e),
+      applyAnimationConfig: (e) => this.#Pe(e),
       getShellLightDomTitle: () => this.#i.lightDomTitle,
       getShellToolPanels: () => this.#i.toolPanels,
       getShellHeaderContents: () => this.#i.headerContents,
@@ -2995,7 +3014,7 @@ class k extends HTMLElement {
     });
   }
   async #be() {
-    await Ci(Zi);
+    await Ei(to);
   }
   getPlugin(e) {
     return this.#e?.getPlugin(e);
@@ -3004,28 +3023,28 @@ class k extends HTMLElement {
     return this.#e?.getPluginByName(e);
   }
   requestRender() {
-    this.#s.requestPhase(x.ROWS, "plugin:requestRender");
+    this.#s.requestPhase(A.ROWS, "plugin:requestRender");
   }
   requestColumnsRender() {
-    this.#s.requestPhase(x.COLUMNS, "plugin:requestColumnsRender");
+    this.#s.requestPhase(A.COLUMNS, "plugin:requestColumnsRender");
   }
   requestRenderWithFocus() {
-    this._restoreFocusAfterRender = !0, this.#s.requestPhase(x.ROWS, "plugin:requestRenderWithFocus");
+    this._restoreFocusAfterRender = !0, this.#s.requestPhase(A.ROWS, "plugin:requestRenderWithFocus");
   }
   updateTemplate() {
-    U(this);
+    V(this);
   }
   requestAfterRender() {
-    this.#s.requestPhase(x.STYLE, "plugin:requestAfterRender");
+    this.#s.requestPhase(A.STYLE, "plugin:requestAfterRender");
   }
   #ee() {
-    this.#e = new oe(this);
+    this.#e = new ne(this);
     const e = this.#o?.plugins, i = Array.isArray(e) ? e : [];
     this.#e.attachAll(i);
   }
   #W() {
     const e = this.#e?.getPluginStyles() ?? [];
-    mi(e);
+    yi(e);
   }
   #te() {
     const e = this.#o?.plugins, i = Array.isArray(e) ? e : [];
@@ -3083,17 +3102,17 @@ class k extends HTMLElement {
     };
   }
   connectedCallback() {
-    this.hasAttribute("tabindex") || (this.tabIndex = 0), this.hasAttribute("version") || this.setAttribute("version", k.version), this.id || (this.id = `tbw-grid-${++k.#l}`), this._rows = Array.isArray(this.#a) ? [...this.#a] : [], this.#b && (this.#b.abort(), this.#I = !1), this.#b = new AbortController(), this.#S && (ze(this.#S), this.#S = void 0), this.#k(), this.#t.parseLightDomColumns(this), this.#t.merge(), this.#ee();
+    this.hasAttribute("tabindex") || (this.tabIndex = 0), this.hasAttribute("version") || this.setAttribute("version", k.version), this.id || (this.id = `tbw-grid-${++k.#l}`), this._rows = Array.isArray(this.#a) ? [...this.#a] : [], this.#b && (this.#b.abort(), this.#I = !1), this.#b = new AbortController(), this.#S && (Oe(this.#S), this.#S = void 0), this.#k(), this.#t.parseLightDomColumns(this), this.#t.merge(), this.#ee();
     const e = this.#o?.plugins;
-    this.#_ = Array.isArray(e) ? e : [], this.#ie(), this.#u || (this.#Z(), this.#W(), this.#u = !0), this.#ne(), this.#S = Vt(
+    this.#_ = Array.isArray(e) ? e : [], this.#ie(), this.#u || (this.#Z(), this.#W(), this.#u = !0), this.#ne(), this.#S = Xt(
       () => {
-        this.#Me();
+        this.#ke();
       },
       { timeout: 100 }
     );
   }
   disconnectedCallback() {
-    this.#S && (ze(this.#S), this.#S = void 0), this.#m && (clearTimeout(this.#m), this.#m = 0), this.#me(), fi(this.#i), this.#c.setInitialized(!1), this.#q?.(), this.#q = void 0, rt(this.#N), this.#b && (this.#b.abort(), this.#b = void 0), this.#D?.abort(), this.#D = void 0, this.#I = !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.#F = !1), X(this), this.#A.clear(), this.#_ = void 0;
+    this.#S && (Oe(this.#S), this.#S = void 0), this.#m && (clearTimeout(this.#m), this.#m = 0), this.#me(), wi(this.#i), this.#c.setInitialized(!1), this.#q?.(), this.#q = void 0, lt(this.#N), this.#b && (this.#b.abort(), this.#b = void 0), this.#D?.abort(), this.#D = void 0, this.#I = !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.#F = !1), Y(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;
@@ -3117,15 +3136,15 @@ class k extends HTMLElement {
   #ne() {
     const i = this.#n.querySelector(".tbw-grid-content") ?? this.#n.querySelector(".tbw-grid-root");
     if (this._headerRowEl = i?.querySelector(".header-row"), this._virtualization.totalHeightEl = i?.querySelector(".faux-vscroll-spacer"), this._virtualization.viewportEl = i?.querySelector(".rows-viewport"), this._bodyEl = i?.querySelector(".rows"), this.__rowsBodyEl = i?.querySelector(".rows-body"), this.#c.isInitialized) {
-      fe(this.#n, this.#i), ce(this.#n, this.#o?.shell, this.#i);
+      ge(this.#n, this.#i), de(this.#n, this.#o?.shell, this.#i);
       const n = this.#o?.shell?.toolPanel?.defaultOpen;
       n && this.#i.toolPanels.has(n) && (this.openToolPanel(), this.#i.expandedSections.add(n));
     }
-    if (this.setAttribute("data-upgraded", ""), this.#f = !0, this._resizeController = De(this), this.#P(), this.#G(i), this.#I)
+    if (this.setAttribute("data-upgraded", ""), this.#f = !0, this._resizeController = Me(this), this.#P(), this.#G(i), this.#I)
       return;
     this.#I = !0;
     const o = this.disconnectSignal;
-    qt(this, this, this.#n, o), this.#re(), queueMicrotask(() => this.#ye()), this.#s.requestPhase(x.FULL, "afterConnect");
+    Ft(this, this, this.#n, o), this.#re(), queueMicrotask(() => this.#ye()), this.#s.requestPhase(A.FULL, "afterConnect");
   }
   #re() {
     const e = this.#o.rowHeight, i = this.#e.hasRowHeightPlugin();
@@ -3143,7 +3162,7 @@ class k extends HTMLElement {
       l > o && (o = l);
     });
     const n = e.getBoundingClientRect(), r = Math.max(n.height, o);
-    r > 0 && Math.abs(r - this._virtualization.rowHeight) > 1 && (this._virtualization.rowHeight = r, this.#s.requestPhase(x.VIRTUALIZATION, "measureRowHeight"));
+    r > 0 && Math.abs(r - this._virtualization.rowHeight) > 1 && (this._virtualization.rowHeight = r, this.#s.requestPhase(A.VIRTUALIZATION, "measureRowHeight"));
   }
   #ve() {
     const e = this._bodyEl?.querySelector(".data-grid-row");
@@ -3172,19 +3191,19 @@ class k extends HTMLElement {
           if (this._rows.length <= this._virtualization.bypassThreshold)
             n.style.transform = `translateY(${-a}px)`;
           else {
-            const d = this._virtualization.positionCache;
-            let f, u;
-            if (this._virtualization.variableHeights && d && d.length > 0) {
-              f = Fe(d, a), f === -1 && (f = 0);
-              const p = f - f % 2;
-              u = d[p]?.offset ?? p * c;
+            const h = this._virtualization.positionCache;
+            let f, p;
+            if (this._virtualization.variableHeights && h && h.length > 0) {
+              f = Ve(h, a), f === -1 && (f = 0);
+              const u = f - f % 2;
+              p = h[u]?.offset ?? u * c;
             } else
-              f = Math.floor(a / c), u = (f - f % 2) * c;
-            const g = -(a - u);
+              f = Math.floor(a / c), p = (f - f % 2) * c;
+            const g = -(a - p);
             n.style.transform = `translateY(${g}px)`;
           }
           this.#r = a, this.#C || (this.#C = requestAnimationFrame(() => {
-            this.#C = 0, this.#r !== null && (this.#ze(this.#r), this.#r = null);
+            this.#C = 0, this.#r !== null && (this.#De(this.#r), this.#r = null);
           }));
         },
         { passive: !0, signal: i }
@@ -3204,23 +3223,23 @@ class k extends HTMLElement {
         (a) => {
           const c = a.shiftKey || Math.abs(a.deltaX) > Math.abs(a.deltaY);
           if (c && l) {
-            const d = a.shiftKey ? a.deltaY : a.deltaX, { scrollLeft: f, scrollWidth: u, clientWidth: g } = l;
-            (d > 0 && f < u - g || d < 0 && f > 0) && (a.preventDefault(), l.scrollLeft += d);
+            const h = a.shiftKey ? a.deltaY : a.deltaX, { scrollLeft: f, scrollWidth: p, clientWidth: g } = l;
+            (h > 0 && f < p - g || h < 0 && f > 0) && (a.preventDefault(), l.scrollLeft += h);
           } else if (!c) {
-            const { scrollTop: d, scrollHeight: f, clientHeight: u } = o;
-            (a.deltaY > 0 && d < f - u || a.deltaY < 0 && d > 0) && (a.preventDefault(), o.scrollTop += a.deltaY);
+            const { scrollTop: h, scrollHeight: f, clientHeight: p } = o;
+            (a.deltaY > 0 && h < f - p || a.deltaY < 0 && h > 0) && (a.preventDefault(), o.scrollTop += a.deltaY);
           }
         },
         { passive: !1, signal: i }
-      ), Ti(
+      ), Li(
         s,
         this.#N,
         { fauxScrollbar: o, scrollArea: l },
         i
       ));
     }
-    this._bodyEl && It(this, this._bodyEl, i), this.#y?.disconnect(), this._virtualization.viewportEl && (this.#y = new ResizeObserver(() => {
-      this.#ke(), this.#s.requestPhase(x.VIRTUALIZATION, "resize-observer");
+    this._bodyEl && Wt(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",
       () => {
@@ -3282,7 +3301,7 @@ class k extends HTMLElement {
     e.columns && this.#Se(), e.rows && this.#le(), e.fitMode && this.#Re();
   }
   #le() {
-    this._rows = Array.isArray(this.#a) ? [...this.#a] : [], this.#X(), this.#s.requestPhase(x.ROWS, "applyRowsUpdate");
+    this._rows = Array.isArray(this.#a) ? [...this.#a] : [], this.#X(), this.#s.requestPhase(A.ROWS, "applyRowsUpdate");
   }
   #X() {
     this.#R.clear();
@@ -3308,23 +3327,23 @@ class k extends HTMLElement {
     return o;
   }
   #Se() {
-    X(this), this.#t.merge(), this.#P();
+    Y(this), this.#t.merge(), this.#P();
   }
   #Re() {
-    this.#t.merge(), this.#o.fitMode === "fixed" ? (this.__didInitialAutoSize = !1, Se(this)) : (this._columns.forEach((i) => {
+    this.#t.merge(), this.#o.fitMode === "fixed" ? (this.__didInitialAutoSize = !1, Re(this)) : (this._columns.forEach((i) => {
       !i.__userResized && i.__autoSized && delete i.width;
-    }), U(this));
+    }), V(this));
   }
   #Ae() {
-    Me(this, this.#i), ke(this, this.#i);
+    Ne(this, this.#i), Ie(this, this.#i);
     const e = !!this.#n.querySelector(".has-shell"), i = !!this.#n.querySelector(".tbw-tool-panel"), o = this.#n.querySelectorAll(".tbw-accordion-section").length;
-    this.#t.parseLightDomColumns(this), this.#t.merge(), this.#te(), Ne(this, this.#i, this.#oe()), this.#t.markSourcesChanged(), this.#t.merge();
-    const n = nt(this.#o?.shell), r = (this.#o?.shell?.toolPanels?.length ?? 0) > 0, s = this.#o?.shell?.toolPanels?.length ?? 0;
+    this.#t.parseLightDomColumns(this), this.#t.merge(), this.#te(), qe(this, this.#i, this.#oe()), this.#t.markSourcesChanged(), this.#t.merge();
+    const n = st(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) {
-      de(this.#i), this.#Z(), this.#W(), this.#ne(), this.#X();
+      he(this.#i), this.#Z(), this.#W(), this.#ne(), this.#X();
       return;
     }
-    e && this.#Te(), this.#X(), this.#s.requestPhase(x.COLUMNS, "applyGridConfigUpdate");
+    e && this.#Te(), this.#X(), this.#s.requestPhase(A.COLUMNS, "applyGridConfigUpdate");
   }
   #Te() {
     const e = this.#n.querySelector(".tbw-shell-header");
@@ -3338,45 +3357,64 @@ class k extends HTMLElement {
       const e = this.#B.length > 0 ? this.#B : this._columns, i = e.filter((r) => !r.hidden), o = e.filter((r) => r.hidden), n = this.#e.processColumns([...i]);
       if (n !== i) {
         const r = new Set(n.map((l) => l.field));
-        !i.some((l) => r.has(l.field)) && n.length > 0 ? this._columns = [...n, ...o] : this._columns = [...n, ...o];
+        !i.some((l) => r.has(l.field)) && n.length > 0 ? this._columns = [...n, ...o] : this._columns = this.#He(
+          e,
+          n,
+          o
+        );
       } else
         this._columns = [...e];
     }
   }
-  #He() {
-    X(this);
+  #He(e, i, o) {
+    if (o.length === 0) return i;
+    const n = /* @__PURE__ */ new Map();
+    for (const a of i)
+      n.set(a.field, a);
+    const r = new Set(e.map((a) => a.field)), s = [];
+    for (const a of i)
+      r.has(a.field) || s.push(a);
+    const l = [];
+    for (const a of e) {
+      const c = n.get(a.field);
+      c ? l.push(c) : a.hidden && l.push(a);
+    }
+    return l.push(...s), l;
+  }
+  #Le() {
+    Y(this);
     const e = Array.isArray(this.#a) ? [...this.#a] : [], i = this.#e?.processRows(e) ?? e;
     this._rows = i, this._virtualization.variableHeights && this.#Q();
   }
-  #Le(e) {
+  #Pe(e) {
     const i = {
-      ...ht,
+      ...ft,
       ...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;
   }
   #Y(e, i, o = this.__rowRenderEpoch) {
-    if (this.#z || (this.#z = (n, r, s) => this.#e?.renderRow(n, r, s) ?? !1), zt(this, e, i, o, this.#z), this.#E.size > 0)
+    if (this.#z || (this.#z = (n, r, s) => this.#e?.renderRow(n, r, s) ?? !1), Mt(this, e, i, o, this.#z), this.#E.size > 0)
       for (const n of this.#E)
         this.#j(n, !0);
   }
-  #ce = lt();
+  #ce = ct();
   #de(e, i) {
-    at(this.#ce, this.__rowsBodyEl, this._bodyEl, e, i);
+    dt(this.#ce, this.__rowsBodyEl, this._bodyEl, e, i);
   }
-  #Pe() {
-    dt(this.#ce, this.__rowsBodyEl, this.#o, this.#i);
+  #ze() {
+    ut(this.#ce, this.__rowsBodyEl, this.#o, this.#i);
   }
   #he() {
     const e = this.querySelector(".tbw-grid-root");
-    e && (this.#M ? (this.#$ || (this.#$ = Xt(this.#o?.loadingRenderer)), Yt(e, this.#$)) : jt(this.#$));
+    e && (this.#M ? (this.#$ || (this.#$ = Kt(this.#o?.loadingRenderer)), Qt(e, this.#$)) : Zt(this.#$));
   }
   #j(e, i) {
     const o = this.#R.get(e);
     if (!o) return;
     const n = this.findRenderedRowElement?.(o.index);
-    n && Kt(n, i);
+    n && Jt(n, i);
   }
   #ue(e, i, o) {
     const n = this.#R.get(e);
@@ -3386,7 +3424,7 @@ class k extends HTMLElement {
     const s = this._visibleColumns.findIndex((a) => a.field === i);
     if (s < 0) return;
     const l = r.children[s];
-    l && Qt(l, o);
+    l && ei(l, o);
   }
   #P() {
     if (this.isConnected && !(!this._headerRowEl || !this._bodyEl)) {
@@ -3396,10 +3434,10 @@ class k extends HTMLElement {
         const i = this.#e?.getAll() ?? [];
         this.#t.applyState(e, i);
       }
-      this._bodyEl && (this._bodyEl.style.display = "", this._bodyEl.style.gridTemplateColumns = ""), this.#s.requestPhase(x.FULL, "setup");
+      this._bodyEl && (this._bodyEl.style.display = "", this._bodyEl.style.gridTemplateColumns = ""), this.#s.requestPhase(A.FULL, "setup");
     }
   }
-  #ze(e) {
+  #De(e) {
     let i = 0, o = 0, n = 0, r = 0, s = 0;
     if (this.#g) {
       const a = this._virtualization.container, c = this.#V;
@@ -3441,7 +3479,7 @@ class k extends HTMLElement {
     });
     if (this.dispatchEvent(c), c.defaultPrevented)
       return !0;
-    const d = {
+    const h = {
       row: r,
       rowIndex: i,
       colIndex: o,
@@ -3449,8 +3487,8 @@ class k extends HTMLElement {
       value: a,
       cellEl: n,
       originalEvent: e
-    }, f = this.#e?.onCellClick(d) ?? !1;
-    return this.#L("cell-click", d), f;
+    }, f = this.#e?.onCellClick(h) ?? !1;
+    return this.#L("cell-click", h), f;
   }
   _dispatchRowClick(e, i, o, n) {
     if (!o) return !1;
@@ -3511,7 +3549,7 @@ class k extends HTMLElement {
     return this.#d;
   }
   async forceLayout() {
-    return this.#s.requestPhase(x.FULL, "forceLayout"), this.#s.whenReady();
+    return this.#s.requestPhase(A.FULL, "forceLayout"), this.#s.whenReady();
   }
   async getConfig() {
     return Object.freeze({ ...this.#o || {} });
@@ -3530,21 +3568,21 @@ class k extends HTMLElement {
       );
     const { row: r, index: s } = n, l = [];
     for (const [a, c] of Object.entries(i)) {
-      const d = r[a];
-      d !== c && (l.push({ field: a, oldValue: d, newValue: c }), r[a] = c);
+      const h = r[a];
+      h !== c && (l.push({ field: a, oldValue: h, newValue: c }), r[a] = c);
     }
-    for (const { field: a, oldValue: c, newValue: d } of l)
+    for (const { field: a, oldValue: c, newValue: h } of l)
       this.#L("cell-change", {
         row: r,
         rowId: e,
         rowIndex: s,
         field: a,
         oldValue: c,
-        newValue: d,
+        newValue: h,
         changes: i,
         source: o
       });
-    l.length > 0 && this.#s.requestPhase(x.ROWS, "updateRow");
+    l.length > 0 && this.#s.requestPhase(A.ROWS, "updateRow");
   }
   updateRows(e, i = "api") {
     let o = !1;
@@ -3555,30 +3593,30 @@ class k extends HTMLElement {
           `[tbw-grid] Row with ID "${n}" not found. Ensure the row exists and getRowId is correctly configured.`
         );
       const { row: l, index: a } = s;
-      for (const [c, d] of Object.entries(r)) {
+      for (const [c, h] of Object.entries(r)) {
         const f = l[c];
-        f !== d && (o = !0, l[c] = d, this.#L("cell-change", {
+        f !== h && (o = !0, l[c] = h, this.#L("cell-change", {
           row: l,
           rowId: n,
           rowIndex: a,
           field: c,
           oldValue: f,
-          newValue: d,
+          newValue: h,
           changes: r,
           source: i
         }));
       }
     }
-    o && this.#s.requestPhase(x.ROWS, "updateRows");
+    o && this.#s.requestPhase(A.ROWS, "updateRows");
   }
   animateRow(e, i) {
-    ye(this, e, i);
+    _e(this, e, i);
   }
   animateRows(e, i) {
-    ni(this, e, i);
+    li(this, e, i);
   }
   animateRowById(e, i) {
-    return ri(this, e, i);
+    return ai(this, e, i);
   }
   setColumnVisible(e, i) {
     const o = this.#t.setColumnVisible(e, i);
@@ -3608,12 +3646,12 @@ class k extends HTMLElement {
     return this.#t.collectState(e);
   }
   set columnState(e) {
-    e && (this.#O = e, this.#t.initialColumnState = e, this.#u && this.#De(e));
+    e && (this.#O = e, this.#t.initialColumnState = e, this.#u && this.#Oe(e));
   }
   get columnState() {
     return this.getColumnState();
   }
-  #De(e) {
+  #Oe(e) {
     const i = this.#e?.getAll() ?? [];
     this.#t.applyState(e, i), this.#P();
   }
@@ -3677,17 +3715,17 @@ class k extends HTMLElement {
   #K = !1;
   refreshShellHeader() {
     this.#K || (this.#K = !0, queueMicrotask(() => {
-      this.#K = !1, this.isConnected && (this.#k(), this.#t.markSourcesChanged(), this.#t.merge(), de(this.#i), this.#Z(), this.#W(), this.#Oe());
+      this.#K = !1, this.isConnected && (this.#k(), this.#t.markSourcesChanged(), this.#t.merge(), he(this.#i), this.#Z(), this.#W(), this.#Me());
     }));
   }
-  #Oe() {
+  #Me() {
     const i = this.#n.querySelector(".tbw-grid-content") ?? this.#n.querySelector(".tbw-grid-root");
     if (this._headerRowEl = i?.querySelector(".header-row"), this._virtualization.totalHeightEl = i?.querySelector(".faux-vscroll-spacer"), this._virtualization.viewportEl = i?.querySelector(".rows-viewport"), this._bodyEl = i?.querySelector(".rows"), this.__rowsBodyEl = i?.querySelector(".rows-body"), this.#c.isInitialized) {
-      fe(this.#n, this.#i), ce(this.#n, this.#o?.shell, this.#i);
+      ge(this.#n, this.#i), de(this.#n, this.#o?.shell, this.#i);
       const o = this.#o?.shell?.toolPanel?.defaultOpen;
       o && this.#i.toolPanels.has(o) && (this.openToolPanel(), this.#i.expandedSections.add(o));
     }
-    this._resizeController = De(this), this.#G(i), this.#s.requestPhase(x.COLUMNS, "shellRefresh");
+    this._resizeController = Me(this), this.#G(i), this.#s.requestPhase(A.COLUMNS, "shellRefresh");
   }
   #A = /* @__PURE__ */ new Map();
   registerStyles(e, i) {
@@ -3707,22 +3745,22 @@ class k extends HTMLElement {
     document.adoptedStyleSheets = [...i, ...e];
   }
   #k() {
-    Me(this, this.#i), ke(this, this.#i), Ne(this, this.#i, this.#oe());
+    Ne(this, this.#i), Ie(this, this.#i), qe(this, this.#i, this.#oe());
   }
   #ge() {
     const e = this.#n.querySelector(".tbw-shell-header");
     if (!e) return;
-    de(this.#i);
-    const i = ci(
+    he(this.#i);
+    const i = ui(
       this.#o.shell,
       this.#i,
       this.#o.icons?.toolPanel
     ), o = document.createElement("div");
     o.innerHTML = i;
     const n = o.firstElementChild;
-    n && (e.replaceWith(n), this.#we(), ce(this.#n, this.#o?.shell, this.#i));
+    n && (e.replaceWith(n), this.#we(), de(this.#n, this.#o?.shell, this.#i));
   }
-  #Me() {
+  #ke() {
     const e = () => {
       const o = this.#i.lightDomTitle, n = this.#i.hasToolButtonsContainer;
       this.#k();
@@ -3734,13 +3772,13 @@ class k extends HTMLElement {
     this.#t.registerLightDomHandler("tbw-grid-header", e), this.#t.registerLightDomHandler("tbw-grid-tool-buttons", e), this.#t.registerLightDomHandler("tbw-grid-tool-panel", e), this.#t.registerLightDomHandler("tbw-grid-column", i), this.#t.registerLightDomHandler("tbw-grid-detail", i), this.#t.observeLightDOM(this);
   }
   refreshColumns() {
-    this.__lightDomColumnsCache = void 0, X(this), this.#t.parseLightDomColumns(this);
+    this.__lightDomColumnsCache = void 0, Y(this), this.#t.parseLightDomColumns(this);
     const e = this.#i.lightDomTitle, i = this.#i.hasToolButtonsContainer;
     this.#k();
     const o = this.#i.lightDomTitle, n = this.#i.hasToolButtonsContainer;
-    (o && !e || n && !i) && (this.#t.markSourcesChanged(), this.#t.merge(), this.#ge()), this.#s.requestPhase(x.COLUMNS, "refreshColumns");
+    (o && !e || n && !i) && (this.#t.markSourcesChanged(), this.#t.merge(), this.#ge()), this.#s.requestPhase(A.COLUMNS, "refreshColumns");
   }
-  #ke() {
+  #Ne() {
     const e = this._virtualization.container, i = this._virtualization.viewportEl ?? e;
     i && (this._virtualization.cachedViewportHeight = i.clientHeight), e && (this._virtualization.cachedFauxHeight = e.clientHeight);
     const o = this._virtualization.scrollAreaEl;
@@ -3750,18 +3788,18 @@ class k extends HTMLElement {
     const o = this._virtualization;
     let n, r, s;
     if (i) {
-      const u = o.container ?? this, g = o.viewportEl ?? u, p = o.scrollAreaEl;
-      n = u.clientHeight, r = g.clientHeight, s = p ? p.clientHeight : n, o.cachedFauxHeight = n, o.cachedViewportHeight = r, o.cachedScrollAreaHeight = s;
+      const p = o.container ?? this, g = o.viewportEl ?? p, u = o.scrollAreaEl;
+      n = p.clientHeight, r = g.clientHeight, s = u ? u.clientHeight : n, o.cachedFauxHeight = n, o.cachedViewportHeight = r, o.cachedScrollAreaHeight = s;
     } else
       n = o.cachedFauxHeight, r = o.cachedViewportHeight, s = o.cachedScrollAreaHeight || n;
     const l = s - r, a = Math.max(0, n - s);
-    let c, d = 0;
-    return o.variableHeights && o.positionCache ? c = Ii(o.positionCache) : (c = e * o.rowHeight, d = this.#e?.getExtraHeight() ?? 0), c + l + d + a;
+    let c, h = 0;
+    return o.variableHeights && o.positionCache ? c = Wi(o.positionCache) : (c = e * o.rowHeight, h = this.#e?.getExtraHeight() ?? 0), c + l + h + a;
   }
   #Q() {
     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 = Ni(
+    this._virtualization.positionCache = $i(
       e,
       this._virtualization.heightCache,
       i,
@@ -3770,12 +3808,12 @@ class k extends HTMLElement {
         const c = this.#e?.getRowHeight?.(l, a);
         if (c !== void 0) return c;
         if (o) {
-          const d = o(l, a);
-          if (d !== void 0 && d > 0) return d;
+          const h = o(l, a);
+          if (h !== void 0 && h > 0) return h;
         }
       }
     );
-    const s = Fi(
+    const s = Bi(
       this._virtualization.positionCache,
       e,
       i,
@@ -3789,14 +3827,14 @@ class k extends HTMLElement {
     let r = i;
     r === void 0 && (r = this.#e?.getRowHeight?.(n, e)), r === void 0 && (r = this._virtualization.rowHeight);
     const s = o[e];
-    if (!(!s || Math.abs(s.height - r) < 1) && (be(o, e, r), this._virtualization.totalHeightEl)) {
+    if (!(!s || Math.abs(s.height - r) < 1) && (me(o, e, r), this._virtualization.totalHeightEl)) {
       const l = this.#T(this._rows.length);
       this._virtualization.totalHeightEl.style.height = `${l}px`;
     }
   }
   #pe(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 = Wi(
+    const o = this._bodyEl.querySelectorAll(".data-grid-row"), n = this.#o.getRowId, r = Vi(
       {
         positionCache: this._virtualization.positionCache,
         heightCache: this._virtualization.heightCache,
@@ -3823,68 +3861,68 @@ class k extends HTMLElement {
       return this._virtualization.start = 0, this._virtualization.end = o, e && (this._bodyEl.style.transform = "translateY(0px)"), this.#Y(0, o, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch), e && this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${this.#T(o, !0)}px`), this.#de(o, this._visibleColumns.length), i || this.#e?.afterRender(), !0;
     const n = this._virtualization.container ?? this, r = this._virtualization.viewportEl ?? n, s = e ? this._virtualization.cachedViewportHeight = r.clientHeight : this._virtualization.cachedViewportHeight || (this._virtualization.cachedViewportHeight = r.clientHeight), l = this._virtualization.rowHeight, a = n.scrollTop;
     let c;
-    const d = this._virtualization.positionCache;
-    if (this._virtualization.variableHeights && d && d.length > 0)
-      c = Fe(d, a), c === -1 && (c = 0);
+    const h = this._virtualization.positionCache;
+    if (this._virtualization.variableHeights && h && h.length > 0)
+      c = Ve(h, a), c === -1 && (c = 0);
     else {
       c = Math.floor(a / l);
-      let m = 0;
-      const y = 10;
-      for (; m < y; ) {
-        const S = this.#e?.getExtraHeightBefore?.(c) ?? 0, A = Math.floor((a - S) / l);
-        if (A >= c || A < 0) break;
-        c = A, m++;
+      let b = 0;
+      const _ = 10;
+      for (; b < _; ) {
+        const R = this.#e?.getExtraHeightBefore?.(c) ?? 0, E = Math.floor((a - R) / l);
+        if (E >= c || E < 0) break;
+        c = E, b++;
       }
     }
     c = c - c % 2, c < 0 && (c = 0);
     const f = this.#e?.adjustVirtualStart(c, a, l);
     f !== void 0 && f < c && (c = f, c = c - c % 2, c < 0 && (c = 0));
-    let u;
-    if (this._virtualization.variableHeights && d && d.length > 0) {
-      const m = s + l * 3;
-      let y = 0;
-      for (u = c; u < o && y < m; )
-        y += d[u].height, u++;
-      const S = Math.ceil(s / l) + 3;
-      u - c < S && (u = Math.min(c + S, o));
+    let p;
+    if (this._virtualization.variableHeights && h && h.length > 0) {
+      const b = s + l * 3;
+      let _ = 0;
+      for (p = c; p < o && _ < b; )
+        _ += h[p].height, p++;
+      const R = Math.ceil(s / l) + 3;
+      p - c < R && (p = Math.min(c + R, o));
     } else {
-      const m = Math.ceil(s / l) + 3;
-      u = c + m;
+      const b = Math.ceil(s / l) + 3;
+      p = c + b;
     }
-    u > o && (u = o);
-    const g = this._virtualization.start, p = this._virtualization.end;
-    if (!e && c === g && u === p)
+    p > o && (p = o);
+    const g = this._virtualization.start, u = this._virtualization.end;
+    if (!e && c === g && p === u)
       return !1;
-    this._virtualization.start = c, this._virtualization.end = u;
-    const h = e ? this._virtualization.cachedFauxHeight = n.clientHeight : this._virtualization.cachedFauxHeight || (this._virtualization.cachedFauxHeight = n.clientHeight);
+    this._virtualization.start = c, this._virtualization.end = p;
+    const d = e ? this._virtualization.cachedFauxHeight = n.clientHeight : this._virtualization.cachedFauxHeight || (this._virtualization.cachedFauxHeight = n.clientHeight);
     if (e) {
-      const m = this._virtualization.scrollAreaEl;
-      m && (this._virtualization.cachedScrollAreaHeight = m.clientHeight);
+      const b = this._virtualization.scrollAreaEl;
+      b && (this._virtualization.cachedScrollAreaHeight = b.clientHeight);
     }
-    if (h === 0 && s > 0)
-      return this.#s.requestPhase(x.VIRTUALIZATION, "stale-refs-retry"), !1;
+    if (d === 0 && s > 0)
+      return this.#s.requestPhase(A.VIRTUALIZATION, "stale-refs-retry"), !1;
     if (e && this._virtualization.totalHeightEl) {
-      const m = this.#T(o);
-      this._virtualization.totalHeightEl.style.height = `${m}px`;
+      const b = this.#T(o);
+      this._virtualization.totalHeightEl.style.height = `${b}px`;
     }
     let w;
-    if (this._virtualization.variableHeights && d && d[c])
-      w = d[c].offset;
+    if (this._virtualization.variableHeights && h && h[c])
+      w = h[c].offset;
     else {
-      const m = this.#e?.getExtraHeightBefore?.(c) ?? 0;
-      w = c * l + m;
+      const b = this.#e?.getExtraHeightBefore?.(c) ?? 0;
+      w = c * l + b;
     }
-    const C = -(a - w);
-    return this._bodyEl.style.transform = `translateY(${C}px)`, this.#Y(c, u, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch), e && this._virtualization.variableHeights && this.#pe(c, u), this.#de(o, this._visibleColumns.length), e && !i && (this.#e?.afterRender(), queueMicrotask(() => {
+    const v = -(a - w);
+    return this._bodyEl.style.transform = `translateY(${v}px)`, this.#Y(c, p, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch), e && this._virtualization.variableHeights && this.#pe(c, p), this.#de(o, this._visibleColumns.length), e && !i && (this.#e?.afterRender(), queueMicrotask(() => {
       if (!this._virtualization.totalHeightEl) return;
-      const m = this.#T(o);
-      this._virtualization.cachedFauxHeight === 0 && this._virtualization.cachedViewportHeight > 0 || (this._virtualization.totalHeightEl.style.height = `${m}px`);
+      const b = this.#T(o);
+      this._virtualization.cachedFauxHeight === 0 && this._virtualization.cachedViewportHeight > 0 || (this._virtualization.totalHeightEl.style.height = `${b}px`);
     })), !0;
   }
   #Z() {
     this.#k(), this.#t.markSourcesChanged(), this.#t.merge();
     const e = this.#o?.shell;
-    wi(
+    vi(
       this.#n,
       e,
       { isPanelOpen: this.#i.isPanelOpen, expandedSections: this.#i.expandedSections },
@@ -3892,24 +3930,24 @@ class k extends HTMLElement {
     ) && (this.#we(), this.#c.setInitialized(!0));
   }
   #we() {
-    di(this.#n, this.#o?.shell, this.#i, {
+    fi(this.#n, this.#o?.shell, this.#i, {
       onPanelToggle: () => this.toggleToolPanel(),
       onSectionToggle: (e) => this.toggleToolPanelSection(e)
-    }), this.#q?.(), this.#q = hi(this.#n, this.#o?.shell, (e) => {
+    }), this.#q?.(), this.#q = gi(this.#n, this.#o?.shell, (e) => {
       this.style.setProperty("--tbw-tool-panel-width", `${e}px`);
     });
   }
 }
 customElements.get(k.tagName) || customElements.define(k.tagName, k);
 globalThis.DataGridElement = k;
-const oo = {
+const so = {
   CAN_MOVE_COLUMN: "canMoveColumn",
   GET_CONTEXT_MENU_ITEMS: "getContextMenuItems"
 };
-class no {
+class lo {
   static dependencies;
   static manifest;
-  version = "1.14.1";
+  version = "1.16.0";
   styles;
   cellRenderers;
   headerRenderers;
@@ -4041,14 +4079,14 @@ const H = {
   GROUP_COUNT: "group-count",
   RANGE_SELECTION: "range-selection",
   SELECTION_OVERLAY: "selection-overlay"
-}, J = {
+}, ee = {
   ROW_INDEX: "data-row-index",
   COL_INDEX: "data-col-index",
   FIELD: "data-field",
   GROUP_KEY: "data-group-key",
   TREE_LEVEL: "data-tree-level",
   STICKY: "data-sticky"
-}, ro = {
+}, ao = {
   ROOT: `.${H.ROOT}`,
   HEADER: `.${H.HEADER}`,
   HEADER_ROW: `.${H.HEADER_ROW}`,
@@ -4058,12 +4096,12 @@ const H = {
   DATA_ROW: `.${H.DATA_ROW}`,
   DATA_CELL: `.${H.DATA_CELL}`,
   GROUP_ROW: `.${H.GROUP_ROW}`,
-  ROW_BY_INDEX: (t) => `.${H.DATA_ROW}[${J.ROW_INDEX}="${t}"]`,
-  CELL_BY_FIELD: (t) => `.${H.DATA_CELL}[${J.FIELD}="${t}"]`,
-  CELL_AT: (t, e) => `.${H.DATA_ROW}[${J.ROW_INDEX}="${t}"] .${H.DATA_CELL}[${J.COL_INDEX}="${e}"]`,
+  ROW_BY_INDEX: (t) => `.${H.DATA_ROW}[${ee.ROW_INDEX}="${t}"]`,
+  CELL_BY_FIELD: (t) => `.${H.DATA_CELL}[${ee.FIELD}="${t}"]`,
+  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}`
-}, so = {
+}, co = {
   COLOR_BG: "--tbw-color-bg",
   COLOR_FG: "--tbw-color-fg",
   COLOR_FG_MUTED: "--tbw-color-fg-muted",
@@ -4082,14 +4120,14 @@ const H = {
   BORDER_RADIUS: "--tbw-border-radius",
   FOCUS_OUTLINE: "--tbw-focus-outline"
 };
-function lo(t) {
+function ho(t) {
   const e = document.createElement("tbw-grid");
   return t && (e.gridConfig = t), e;
 }
-function ao(t, e = document) {
+function uo(t, e = document) {
   return e.querySelector(t);
 }
-const co = {
+const fo = {
   CELL_CHANGE: "cell-change",
   CELL_COMMIT: "cell-commit",
   ROW_COMMIT: "row-commit",
@@ -4104,7 +4142,7 @@ const co = {
   CELL_ACTIVATE: "cell-activate",
   GROUP_TOGGLE: "group-toggle",
   COLUMN_STATE_CHANGE: "column-state-change"
-}, ho = {
+}, go = {
   SELECTION_CHANGE: "selection-change",
   TREE_EXPAND: "tree-expand",
   FILTER_CHANGE: "filter-change",
@@ -4122,7 +4160,7 @@ const co = {
   COLUMN_REORDER: "column-reorder",
   DETAIL_EXPAND: "detail-expand",
   GROUP_EXPAND: "group-expand"
-}, ue = {
+}, fe = {
   sum: (t, e) => t.reduce((i, o) => i + (Number(o[e]) || 0), 0),
   avg: (t, e) => {
     const i = t.reduce((o, n) => o + (Number(n[e]) || 0), 0);
@@ -4133,28 +4171,28 @@ const co = {
   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]
-}, F = /* @__PURE__ */ new Map(), D = {
+}, U = /* @__PURE__ */ new Map(), O = {
   register(t, e) {
-    F.set(t, e);
+    U.set(t, e);
   },
   unregister(t) {
-    F.delete(t);
+    U.delete(t);
   },
   get(t) {
     if (t !== void 0)
-      return typeof t == "function" ? t : F.get(t) ?? ue[t];
+      return typeof t == "function" ? t : U.get(t) ?? fe[t];
   },
   run(t, e, i, o) {
     const n = this.get(t);
     return n ? n(e, i, o) : void 0;
   },
   has(t) {
-    return F.has(t) || t in ue;
+    return U.has(t) || t in fe;
   },
   list() {
-    return [...Object.keys(ue), ...F.keys()];
+    return [...Object.keys(fe), ...U.keys()];
   }
-}, Ue = {
+}, Be = {
   sum: (t) => t.reduce((e, i) => e + i, 0),
   avg: (t) => t.length ? t.reduce((e, i) => e + i, 0) / t.length : 0,
   count: (t) => t.length,
@@ -4163,50 +4201,50 @@ const co = {
   first: (t) => t[0] ?? 0,
   last: (t) => t[t.length - 1] ?? 0
 };
-function Ji(t) {
-  return Ue[t] ?? Ue.sum;
+function io(t) {
+  return Be[t] ?? Be.sum;
 }
-function uo(t, e) {
-  return Ji(t)(e);
+function po(t, e) {
+  return io(t)(e);
 }
-const fo = D.register.bind(D), go = D.unregister.bind(D), po = D.get.bind(D), wo = D.run.bind(D), bo = D.list.bind(D);
+const wo = O.register.bind(O), bo = O.unregister.bind(O), mo = O.get.bind(O), vo = O.run.bind(O), Co = O.list.bind(O);
 export {
-  no as BaseGridPlugin,
-  ht as DEFAULT_ANIMATION_CONFIG,
+  lo as BaseGridPlugin,
+  ft as DEFAULT_ANIMATION_CONFIG,
   M as DEFAULT_GRID_ICONS,
-  co as DGEvents,
+  fo as DGEvents,
   k as DataGridElement,
-  Qe as F,
-  B as FitModeEnum,
-  so as GridCSSVars,
+  Je as F,
+  G as FitModeEnum,
+  co as GridCSSVars,
   H as GridClasses,
-  J as GridDataAttrs,
+  ee as GridDataAttrs,
   k as GridElement,
-  ro as GridSelectors,
-  oo as PLUGIN_QUERIES,
-  ho as PluginEvents,
-  oe as PluginManager,
-  x as RenderPhase,
-  Be as a,
-  D as aggregatorRegistry,
-  $ as b,
-  Wt as builtInSort,
-  to as c,
-  lo as createGrid,
-  Ye as d,
-  $t as defaultComparator,
-  q as e,
-  ve as f,
-  Ht as g,
-  po as getAggregator,
-  Ji as getValueAggregator,
-  bo as listAggregators,
-  ao as queryGrid,
-  eo as r,
-  fo as registerAggregator,
-  wo as runAggregator,
-  uo as runValueAggregator,
-  io as s,
-  go as unregisterAggregator
+  ao as GridSelectors,
+  so as PLUGIN_QUERIES,
+  go as PluginEvents,
+  ne as PluginManager,
+  A as RenderPhase,
+  Xe as a,
+  O as aggregatorRegistry,
+  W as b,
+  Vt as builtInSort,
+  no as c,
+  ho as createGrid,
+  Ke as d,
+  Ut as defaultComparator,
+  $ as e,
+  Ce as f,
+  zt as g,
+  mo as getAggregator,
+  io as getValueAggregator,
+  Co as listAggregators,
+  uo as queryGrid,
+  oo as r,
+  wo as registerAggregator,
+  vo as runAggregator,
+  po as runValueAggregator,
+  ro as s,
+  bo as unregisterAggregator
 };
 //# sourceMappingURL=index.js.map