@toolbox-web/grid 1.10.0 → 1.10.1

package/index.js

@@ -24,33 +24,33 @@ function et(t) {
     if (!n) return null;
     const i = o.getAttribute("type") || void 0, s = i && (/* @__PURE__ */ new Set(["number", "string", "date", "boolean", "select"])).has(i) ? i : void 0, l = o.getAttribute("header") || void 0, a = o.hasAttribute("sortable"), c = o.hasAttribute("editable"), d = { field: n, type: s, header: l, sortable: a, editable: c }, u = o.getAttribute("width");
     if (u) {
-      const m = parseFloat(u);
-      !isNaN(m) && /^\d+(\.\d+)?$/.test(u.trim()) ? d.width = m : d.width = u;
+      const b = parseFloat(u);
+      !isNaN(b) && /^\d+(\.\d+)?$/.test(u.trim()) ? d.width = b : d.width = u;
     }
     const p = o.getAttribute("minWidth") || o.getAttribute("min-width");
     if (p) {
-      const m = parseFloat(p);
-      isNaN(m) || (d.minWidth = m);
+      const b = parseFloat(p);
+      isNaN(b) || (d.minWidth = b);
     }
     o.hasAttribute("resizable") && (d.resizable = !0), o.hasAttribute("sizable") && (d.resizable = !0);
     const f = o.getAttribute("editor"), g = o.getAttribute("renderer");
     f && (d.__editorName = f), g && (d.__rendererName = g);
     const h = o.getAttribute("options");
-    h && (d.options = h.split(",").map((m) => {
-      const [z, R] = m.includes(":") ? m.split(":") : [m.trim(), m.trim()];
+    h && (d.options = h.split(",").map((b) => {
+      const [z, R] = b.includes(":") ? b.split(":") : [b.trim(), b.trim()];
       return { value: z.trim(), label: R?.trim() || z.trim() };
     }));
-    const w = o.querySelector("tbw-grid-column-view"), b = o.querySelector("tbw-grid-column-editor"), S = o.querySelector("tbw-grid-column-header");
-    w && (d.__viewTemplate = w), b && (d.__editorTemplate = b), S && (d.__headerTemplate = S);
-    const _ = globalThis.DataGridElement?.getAdapters?.() ?? [], A = w ?? o, v = _.find((m) => m.canHandle(A));
-    if (v) {
-      const m = v.createRenderer(A);
-      m && (d.viewRenderer = m);
-    }
-    const E = b ?? o, y = _.find((m) => m.canHandle(E));
+    const w = o.querySelector("tbw-grid-column-view"), v = o.querySelector("tbw-grid-column-editor"), S = o.querySelector("tbw-grid-column-header");
+    w && (d.__viewTemplate = w), v && (d.__editorTemplate = v), S && (d.__headerTemplate = S);
+    const _ = globalThis.DataGridElement?.getAdapters?.() ?? [], A = w ?? o, m = _.find((b) => b.canHandle(A));
+    if (m) {
+      const b = m.createRenderer(A);
+      b && (d.viewRenderer = b);
+    }
+    const E = v ?? o, y = _.find((b) => b.canHandle(E));
     if (y) {
-      const m = y.createEditor(E);
-      m && (d.editor = m);
+      const b = y.createEditor(E);
+      b && (d.editor = b);
     }
     return d;
   }).filter((o) => !!o);
@@ -126,7 +126,7 @@ function ot(t, e) {
     i[r.field] = r.type || "string";
   }), { columns: n, typeMap: i };
 }
-const nt = /{{\s*([^}]+)\s*}}/g, D = "__DG_EMPTY__", it = /^[\w$. '?+\-*/%:()!<>=,&|]+$/, rt = /__(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/;
+const nt = /{{\s*([^}]+)\s*}}/g, O = "__DG_EMPTY__", it = /^[\w$. '?+\-*/%:()!<>=,&|]+$/, rt = /__(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 st(t) {
   return !t || typeof t != "string" ? "" : t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
@@ -201,28 +201,28 @@ function Ne(t, e) {
   const o = [], n = t.replace(nt, (l, a) => {
     const c = ht(a, e);
     return o.push({ expr: a.trim(), result: c }), c;
-  }), i = ut(n), r = o.length && o.every((l) => l.result === "" || l.result === D);
+  }), i = ut(n), r = o.length && o.every((l) => l.result === "" || l.result === O);
   return /Reflect\.|\bProxy\b|ownKeys\(/.test(t) || r ? "" : i;
 }
 function ht(t, e) {
-  if (t = (t || "").trim(), !t || /\b(Reflect|Proxy|ownKeys)\b/.test(t)) return D;
-  if (t === "value") return e.value == null ? D : String(e.value);
+  if (t = (t || "").trim(), !t || /\b(Reflect|Proxy|ownKeys)\b/.test(t)) return O;
+  if (t === "value") return e.value == null ? O : String(e.value);
   if (t.startsWith("row.") && !/[()?]/.test(t) && !t.includes(":")) {
     const n = t.slice(4), i = e.row ? e.row[n] : void 0;
-    return i == null ? D : String(i);
+    return i == null ? O : String(i);
   }
-  if (t.length > 80 || !it.test(t) || rt.test(t)) return D;
+  if (t.length > 80 || !it.test(t) || rt.test(t)) return O;
   const o = t.match(/\./g);
-  if (o && o.length > 1) return D;
+  if (o && o.length > 1) return O;
   try {
     const i = new Function("value", "row", `return (${t});`)(e.value, e.row), r = i == null ? "" : String(i);
-    return /Reflect|Proxy|ownKeys/.test(r) ? D : r || D;
+    return /Reflect|Proxy|ownKeys/.test(r) ? O : r || O;
   } catch {
-    return D;
+    return O;
   }
 }
 function ut(t) {
-  return t && t.replace(new RegExp(D, "g"), "").replace(/Reflect\.[^<>{}\s]+/g, "").replace(/\bProxy\b/g, "").replace(/ownKeys\([^)]*\)/g, "");
+  return t && t.replace(new RegExp(O, "g"), "").replace(/Reflect\.[^<>{}\s]+/g, "").replace(/\bProxy\b/g, "").replace(/ownKeys\([^)]*\)/g, "");
 }
 function ft(t) {
   if (/Reflect|Proxy|ownKeys/.test(t.textContent || "")) {
@@ -250,12 +250,12 @@ class gt {
   #a = {};
   #n = {};
   #f = !0;
-  #g = [];
-  #m;
+  #p = [];
+  #b;
   #s;
-  #v;
+  #m;
   #r;
-  #w;
+  #g;
   constructor(e) {
     this.#r = e;
   }
@@ -284,16 +284,16 @@ class gt {
     this.#h = e;
   }
   get lightDomTitle() {
-    return this.#w;
+    return this.#g;
   }
   set lightDomTitle(e) {
-    this.#w = e;
+    this.#g = e;
   }
   get initialColumnState() {
-    return this.#v;
+    return this.#m;
   }
   set initialColumnState(e) {
-    this.#v = e;
+    this.#m = e;
   }
   get sourcesChanged() {
     return this.#f;
@@ -323,10 +323,10 @@ class gt {
     const e = (this.#n.columns?.length ?? 0) > 0;
     if (!this.#f && e)
       return;
-    const o = this.#b();
-    this.#f = !1, this.#a = o, Object.freeze(this.#a), this.#a.columns && Object.freeze(this.#a.columns), this.#n = this.#R(this.#a), this.#H();
+    const o = this.#C();
+    this.#f = !1, this.#a = o, Object.freeze(this.#a), this.#a.columns && Object.freeze(this.#a.columns), this.#n = this.#x(this.#a), this.#O();
   }
-  #R(e) {
+  #x(e) {
     const o = { ...e };
     return e.columns && (o.columns = e.columns.map((n) => ({ ...n }))), e.shell && (o.shell = {
       ...e.shell,
@@ -336,13 +336,23 @@ class gt {
       headerContents: e.shell.headerContents?.map((n) => ({ ...n }))
     }), o;
   }
-  #H() {
+  #O() {
     const e = this.#n;
-    e.rowHeight && e.rowHeight > 0 && this.#r.setRowHeight(e.rowHeight), e.fitMode === "fixed" && this.columns.forEach((n) => {
+    this.#w(), e.rowHeight && e.rowHeight > 0 && this.#r.setRowHeight(e.rowHeight), e.fitMode === "fixed" && this.columns.forEach((n) => {
       n.width == null && (n.width = 80);
     }), this.#r.applyAnimationConfig(e);
   }
-  #b() {
+  #w() {
+    const e = this.#n.typeDefaults;
+    if (!e) return;
+    const o = this.columns;
+    for (const n of o) {
+      if (!n.type) continue;
+      const i = e[n.type];
+      i && (!n.renderer && !n.viewRenderer && i.renderer && (n.renderer = i.renderer), !n.format && i.format && (n.format = i.format), !n.editor && i.editor && (n.editor = i.editor), !n.editorParams && i.editorParams && (n.editorParams = i.editorParams));
+    }
+  }
+  #C() {
     const e = this.#l ? { ...this.#l } : {}, o = Array.isArray(e.columns) ? [...e.columns] : [], n = (this.#d ?? []).map((s) => ({
       ...s
     }));
@@ -359,12 +369,12 @@ class gt {
       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);
     }), i.forEach((s) => {
       s.__viewTemplate && !s.__compiledView && (s.__compiledView = ye(s.__viewTemplate.innerHTML)), s.__editorTemplate && !s.__compiledEditor && (s.__compiledEditor = ye(s.__editorTemplate.innerHTML));
-    }), e.columns = i), this.#u && (e.fitMode = this.#u), e.fitMode || (e.fitMode = "stretch"), this.#C(e), e.columnState && !this.#v && (this.#v = e.columnState), e;
+    }), e.columns = i), this.#u && (e.fitMode = this.#u), e.fitMode || (e.fitMode = "stretch"), this.#y(e), e.columnState && !this.#m && (this.#m = e.columnState), e;
   }
-  #C(e) {
+  #y(e) {
     e.shell = e.shell ? { ...e.shell } : {}, e.shell.header = e.shell.header ? { ...e.shell.header } : {};
     const o = this.#r.getShellLightDomTitle();
-    o && (this.#w = o), this.#w && !e.shell.header.title && (e.shell.header.title = this.#w);
+    o && (this.#g = o), this.#g && !e.shell.header.title && (e.shell.header.title = this.#g);
     const n = this.#r.getShellLightDomHeaderContent();
     n?.length > 0 && (e.shell.header.lightDomContent = n), this.#r.getShellHasToolButtonsContainer() && (e.shell.header.hasToolButtonsContainer = !0);
     const i = this.#r.getShellToolPanels();
@@ -383,7 +393,7 @@ class gt {
     d.sort((u, p) => (u.order ?? 0) - (p.order ?? 0)), e.shell.header.toolbarContents = d;
   }
   collectState(e) {
-    const o = this.columns, n = this.#y();
+    const o = this.columns, n = this.#v();
     return {
       columns: o.map((i, r) => {
         const s = {
@@ -430,7 +440,7 @@ class gt {
           l.applyColumnState(a.field, a);
   }
   resetState(e) {
-    this.#v = void 0, this.#r.setSortState(null), this.#n = this.#R(this.#a), this.#H();
+    this.#m = void 0, this.#r.setSortState(null), this.#n = this.#x(this.#a), this.#O();
     for (const o of e)
       if (o.applyColumnState)
         for (const n of this.columns)
@@ -441,7 +451,7 @@ class gt {
           });
     this.requestStateChange(e);
   }
-  #y() {
+  #v() {
     const e = /* @__PURE__ */ new Map(), o = this.#r.getSortState();
     return o && e.set(o.field, {
       direction: o.direction === 1 ? "asc" : "desc",
@@ -506,37 +516,37 @@ class gt {
   clearLightDomCache() {
     this.#d = void 0;
   }
-  #p = /* @__PURE__ */ new Map();
+  #_ = /* @__PURE__ */ new Map();
   registerLightDomHandler(e, o) {
-    this.#p.set(e.toLowerCase(), o);
+    this.#_.set(e.toLowerCase(), o);
   }
   unregisterLightDomHandler(e) {
-    this.#p.delete(e.toLowerCase());
+    this.#_.delete(e.toLowerCase());
   }
   observeLightDOM(e) {
-    this.#m && this.#m.disconnect();
+    this.#b && this.#b.disconnect();
     const o = /* @__PURE__ */ new Set();
     let n = null;
     const i = () => {
       n = null;
       for (const r of o)
-        this.#p.get(r)?.();
+        this.#_.get(r)?.();
       o.clear();
     };
-    this.#m = new MutationObserver((r) => {
+    this.#b = new MutationObserver((r) => {
       for (const s of r) {
         for (const l of s.addedNodes) {
           if (l.nodeType !== Node.ELEMENT_NODE) continue;
           const c = l.tagName.toLowerCase();
-          this.#p.has(c) && o.add(c);
+          this.#_.has(c) && o.add(c);
         }
         if (s.type === "attributes" && s.target.nodeType === Node.ELEMENT_NODE) {
           const a = s.target.tagName.toLowerCase();
-          this.#p.has(a) && o.add(a);
+          this.#_.has(a) && o.add(a);
         }
       }
       o.size > 0 && !n && (n = setTimeout(i, 0));
-    }), this.#m.observe(e, {
+    }), this.#b.observe(e, {
       childList: !0,
       subtree: !0,
       attributes: !0,
@@ -544,14 +554,14 @@ class gt {
     });
   }
   onChange(e) {
-    this.#g.push(e);
+    this.#p.push(e);
   }
   notifyChange() {
-    for (const e of this.#g)
+    for (const e of this.#p)
       e();
   }
   dispose() {
-    this.#m?.disconnect(), this.#g = [], this.#s && clearTimeout(this.#s);
+    this.#b?.disconnect(), this.#p = [], this.#s && clearTimeout(this.#s);
   }
 }
 function Ie(t) {
@@ -609,27 +619,21 @@ function $e(t, e) {
   const o = e.renderer || e.viewRenderer;
   if (o) return o;
   if (!e.type) return;
-  const n = t.effectiveConfig?.typeDefaults;
-  if (n?.[e.type]?.renderer)
-    return n[e.type].renderer;
-  const i = t.__frameworkAdapter;
-  if (i?.getTypeDefault) {
-    const r = i.getTypeDefault(e.type);
-    if (r?.renderer)
-      return r.renderer;
+  const n = t.__frameworkAdapter;
+  if (n?.getTypeDefault) {
+    const i = n.getTypeDefault(e.type);
+    if (i?.renderer)
+      return i.renderer;
   }
 }
 function Fe(t, e) {
   if (e.format) return e.format;
   if (!e.type) return;
-  const o = t.effectiveConfig?.typeDefaults;
-  if (o?.[e.type]?.format)
-    return o[e.type].format;
-  const n = t.__frameworkAdapter;
-  if (n?.getTypeDefault) {
-    const i = n.getTypeDefault(e.type);
-    if (i?.format)
-      return i.format;
+  const o = t.__frameworkAdapter;
+  if (o?.getTypeDefault) {
+    const n = o.getTypeDefault(e.type);
+    if (n?.format)
+      return n.format;
   }
 }
 const Ue = 'input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])';
@@ -673,16 +677,16 @@ function Ct(t, e, o, n, i) {
       h.__epoch = n, h.__rowDataRef = g, h.parentNode !== s && s.appendChild(h);
       continue;
     }
-    const w = h.__epoch, b = h.__rowDataRef, S = h.children.length, _ = w === n && S === a, A = b !== g;
-    let v = !1;
+    const w = h.__epoch, v = h.__rowDataRef, S = h.children.length, _ = w === n && S === a, A = v !== g;
+    let m = !1;
     if (_ && A) {
       for (let R = 0; R < a; R++)
         if (l[R].externalView && !h.querySelector(`.cell[data-col="${R}"] [data-external-view]`)) {
-          v = !0;
+          m = !0;
           break;
         }
     }
-    if (!_ || v) {
+    if (!_ || m) {
       const R = re(h), x = t._activeEditRows === f;
       R && !x ? (h.__isCustomRow && (h.className = "data-grid-row", h.setAttribute("role", "row"), h.__isCustomRow = !1), se(h), G(t, h, g, f), h.__epoch = n, h.__rowDataRef = g) : R && x ? (le(t, h, g, f), h.__rowDataRef = g) : (h.__isCustomRow && (h.className = "data-grid-row", h.setAttribute("role", "row"), h.__isCustomRow = !1), G(t, h, g, f), h.__epoch = n, h.__rowDataRef = g);
     } else if (A) {
@@ -700,8 +704,8 @@ function Ct(t, e, o, n, i) {
         R && (E = y.includes(R));
       } catch {
       }
-    const m = h.classList.contains("changed");
-    E !== m && h.classList.toggle("changed", E);
+    const b = h.classList.contains("changed");
+    E !== b && h.classList.toggle("changed", E);
     const z = t.effectiveConfig?.rowClass;
     if (z) {
       const R = h.getAttribute("data-dynamic-classes");
@@ -729,10 +733,10 @@ function le(t, e, o, n) {
   let p = t.__hasSpecialColumns;
   if (p === void 0) {
     p = !1;
-    const g = t.effectiveConfig?.typeDefaults, h = t.__frameworkAdapter;
-    for (let w = 0; w < s; w++) {
-      const b = r[w];
-      if (b.__viewTemplate || b.__compiledView || b.renderer || b.viewRenderer || b.externalView || b.format || b.type === "date" || b.type === "boolean" || b.type && g?.[b.type]?.renderer || b.type && g?.[b.type]?.format || b.type && h?.getTypeDefault?.(b.type)?.renderer || b.type && h?.getTypeDefault?.(b.type)?.format) {
+    const g = 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 && g?.getTypeDefault?.(w.type)?.renderer || w.type && g?.getTypeDefault?.(w.type)?.format) {
         p = !0;
         break;
       }
@@ -744,15 +748,15 @@ function le(t, e, o, n) {
     for (let g = 0; g < a; g++) {
       const h = i[g];
       if (h.classList.contains("editing")) continue;
-      const w = r[g], b = o[w.field];
-      h.textContent = b == null ? "" : String(b), h.getAttribute("data-row") !== f && h.setAttribute("data-row", f);
+      const w = r[g], v = o[w.field];
+      h.textContent = v == null ? "" : String(v), h.getAttribute("data-row") !== f && h.setAttribute("data-row", f);
       const S = c === n && d === g, C = h.classList.contains("cell-focus");
       S !== C && (h.classList.toggle("cell-focus", S), h.setAttribute("aria-selected", String(S))), u && t._afterCellRender?.({
         row: o,
         rowIndex: n,
         column: w,
         colIndex: g,
-        value: b,
+        value: v,
         cellElement: h,
         rowElement: e
       });
@@ -767,34 +771,34 @@ function le(t, e, o, n) {
   for (let g = 0; g < a; g++) {
     const h = r[g], w = i[g];
     w.getAttribute("data-row") !== f && w.setAttribute("data-row", f);
-    const b = c === n && d === g, S = w.classList.contains("cell-focus");
-    b !== S && (w.classList.toggle("cell-focus", b), w.setAttribute("aria-selected", String(b)));
+    const v = c === n && d === g, S = w.classList.contains("cell-focus");
+    v !== S && (w.classList.toggle("cell-focus", v), w.setAttribute("aria-selected", String(v)));
     const C = h.cellClass;
     if (C) {
       const y = w.getAttribute("data-dynamic-classes");
-      y && y.split(" ").forEach((m) => m && w.classList.remove(m));
+      y && y.split(" ").forEach((b) => b && w.classList.remove(b));
       try {
-        const m = o[h.field], z = C(m, o, h);
+        const b = o[h.field], z = C(b, o, h);
         if (z && z.length > 0) {
           const R = z.filter((x) => x && typeof x == "string");
           R.forEach((x) => w.classList.add(x)), w.setAttribute("data-dynamic-classes", R.join(" "));
         } else
           w.removeAttribute("data-dynamic-classes");
-      } catch (m) {
-        console.warn(`[tbw-grid] cellClass callback error for column '${h.field}':`, m), w.removeAttribute("data-dynamic-classes");
+      } catch (b) {
+        console.warn(`[tbw-grid] cellClass callback error for column '${h.field}':`, b), w.removeAttribute("data-dynamic-classes");
       }
     }
     if (w.classList.contains("editing")) continue;
     const _ = $e(t, h);
     if (_) {
-      const y = o[h.field], m = _({
+      const y = o[h.field], b = _({
         row: o,
         value: y,
         field: h.field,
         column: h,
         cellEl: w
       });
-      typeof m == "string" ? w.innerHTML = F(m) : m instanceof Node ? m.parentElement !== w && (w.innerHTML = "", w.appendChild(m)) : m == null && (w.textContent = y == null ? "" : String(y)), u && t._afterCellRender?.({
+      typeof b == "string" ? w.innerHTML = F(b) : b instanceof Node ? b.parentElement !== w && (w.innerHTML = "", w.appendChild(b)) : b == null && (w.textContent = y == null ? "" : String(y)), u && t._afterCellRender?.({
         row: o,
         rowIndex: n,
         column: h,
@@ -808,17 +812,17 @@ function le(t, e, o, n) {
     if (h.__viewTemplate || h.__compiledView || h.externalView)
       continue;
     const A = o[h.field];
-    let v;
+    let m;
     const E = Fe(t, h);
     if (E) {
       try {
         const y = E(A, o);
-        v = y == null ? "" : String(y);
+        m = y == null ? "" : String(y);
       } catch (y) {
-        console.warn(`[tbw-grid] Format error in column '${h.field}':`, y), v = A == null ? "" : String(A);
+        console.warn(`[tbw-grid] Format error in column '${h.field}':`, y), m = A == null ? "" : String(A);
       }
-      w.textContent = v;
-    } else h.type === "date" ? (v = qe(A), w.textContent = v) : h.type === "boolean" ? w.innerHTML = Ie(!!A) : (v = A == null ? "" : String(A), w.textContent = v);
+      w.textContent = m;
+    } else h.type === "date" ? (m = qe(A), w.textContent = m) : h.type === "boolean" ? w.innerHTML = Ie(!!A) : (m = A == null ? "" : String(A), w.textContent = m);
     u && t._afterCellRender?.({
       row: o,
       rowIndex: n,
@@ -841,23 +845,23 @@ function G(t, e, o, n) {
     if (h)
       try {
         g = h(g, o);
-      } catch (v) {
-        console.warn(`[tbw-grid] Format error in column '${p.field}':`, v);
+      } catch (m) {
+        console.warn(`[tbw-grid] Format error in column '${p.field}':`, m);
       }
-    const w = p.__compiledView, b = p.__viewTemplate, S = $e(t, p), C = p.externalView;
+    const w = p.__compiledView, v = p.__viewTemplate, S = $e(t, p), C = p.externalView;
     let _ = !1;
     if (S) {
-      const v = S({ row: o, value: g, field: p.field, column: p, cellEl: f });
-      typeof v == "string" ? (f.innerHTML = F(v), _ = !0) : v instanceof Node ? v.parentElement !== f && (f.textContent = "", f.appendChild(v)) : v == null && (f.textContent = g == null ? "" : String(g));
+      const m = S({ row: o, value: g, field: p.field, column: p, cellEl: f });
+      typeof m == "string" ? (f.innerHTML = F(m), _ = !0) : m instanceof Node ? m.parentElement !== f && (f.textContent = "", f.appendChild(m)) : m == null && (f.textContent = g == null ? "" : String(g));
     } else if (C) {
-      const v = C, E = document.createElement("div");
+      const m = C, E = document.createElement("div");
       E.setAttribute("data-external-view", ""), E.setAttribute("data-field", p.field), f.appendChild(E);
       const y = { row: o, value: g, field: p.field, column: p };
-      if (v.mount)
+      if (m.mount)
         try {
-          v.mount({ placeholder: E, context: y, spec: v });
-        } catch (m) {
-          console.warn(`[tbw-grid] External view mount error for column '${p.field}':`, m);
+          m.mount({ placeholder: E, context: y, spec: m });
+        } catch (b) {
+          console.warn(`[tbw-grid] External view mount error for column '${p.field}':`, b);
         }
       else
         queueMicrotask(() => {
@@ -866,38 +870,38 @@ function G(t, e, o, n) {
               new CustomEvent("mount-external-view", {
                 bubbles: !0,
                 composed: !0,
-                detail: { placeholder: E, spec: v, context: y }
+                detail: { placeholder: E, spec: m, context: y }
               })
             );
-          } catch (m) {
-            console.warn(`[tbw-grid] External view event dispatch error for column '${p.field}':`, m);
+          } catch (b) {
+            console.warn(`[tbw-grid] External view event dispatch error for column '${p.field}':`, b);
           }
         });
       E.setAttribute("data-mounted", "");
     } else if (w) {
-      const v = w({ row: o, value: g, field: p.field, column: p }), E = w.__blocked;
-      f.innerHTML = E ? "" : F(v), _ = !0, E && (f.textContent = "", f.setAttribute("data-blocked-template", ""));
-    } else if (b) {
-      const v = b.innerHTML;
-      /Reflect\.|\bProxy\b|ownKeys\(/.test(v) ? (f.textContent = "", f.setAttribute("data-blocked-template", "")) : (f.innerHTML = F(Ne(v, { row: o, value: g })), _ = !0);
+      const m = w({ row: o, value: g, field: p.field, column: p }), E = w.__blocked;
+      f.innerHTML = E ? "" : F(m), _ = !0, E && (f.textContent = "", f.setAttribute("data-blocked-template", ""));
+    } else if (v) {
+      const m = v.innerHTML;
+      /Reflect\.|\bProxy\b|ownKeys\(/.test(m) ? (f.textContent = "", f.setAttribute("data-blocked-template", "")) : (f.innerHTML = F(Ne(m, { row: o, value: g })), _ = !0);
     } else
       h ? f.textContent = g == null ? "" : String(g) : p.type === "date" ? f.textContent = qe(g) : p.type === "boolean" ? f.innerHTML = Ie(!!g) : f.textContent = g == null ? "" : String(g);
     if (_) {
       ft(f);
-      const v = f.textContent || "";
-      /Proxy|Reflect\.ownKeys/.test(v) && (f.textContent = v.replace(/Proxy|Reflect\.ownKeys/g, "").trim(), /Proxy|Reflect\.ownKeys/.test(f.textContent || "") && (f.textContent = ""));
+      const m = f.textContent || "";
+      /Proxy|Reflect\.ownKeys/.test(m) && (f.textContent = m.replace(/Proxy|Reflect\.ownKeys/g, "").trim(), /Proxy|Reflect\.ownKeys/.test(f.textContent || "") && (f.textContent = ""));
     }
     f.hasAttribute("data-blocked-template") && (f.textContent || "").trim().length && (f.textContent = ""), p.editable ? f.tabIndex = 0 : p.type === "boolean" && (f.hasAttribute("tabindex") || (f.tabIndex = 0)), s === n && l === u ? (f.classList.add("cell-focus"), f.setAttribute("aria-selected", "true")) : f.setAttribute("aria-selected", "false");
     const A = p.cellClass;
     if (A)
       try {
-        const v = o[p.field], E = A(v, o, p);
+        const m = o[p.field], E = A(m, o, p);
         if (E && E.length > 0) {
-          const y = E.filter((m) => m && typeof m == "string");
-          y.forEach((m) => f.classList.add(m)), f.setAttribute("data-dynamic-classes", y.join(" "));
+          const y = E.filter((b) => b && typeof b == "string");
+          y.forEach((b) => f.classList.add(b)), f.setAttribute("data-dynamic-classes", y.join(" "));
         }
-      } catch (v) {
-        console.warn(`[tbw-grid] cellClass callback error for column '${p.field}':`, v);
+      } catch (m) {
+        console.warn(`[tbw-grid] cellClass callback error for column '${p.field}':`, m);
       }
     c && t._afterCellRender?.({
       row: o,
@@ -981,7 +985,7 @@ function yt(t, e) {
       case "Enter": {
         const d = t._focusRow, u = t._focusCol, p = t._visibleColumns[u], f = t._rows[d], g = p?.field ?? "", h = g && f ? f[g] : void 0, w = t.querySelector(
           `[data-row="${d}"][data-col="${u}"]`
-        ), b = {
+        ), v = {
           rowIndex: d,
           colIndex: u,
           field: g,
@@ -992,7 +996,7 @@ function yt(t, e) {
           originalEvent: e
         }, S = new CustomEvent("cell-activate", {
           cancelable: !0,
-          detail: b
+          detail: v
         });
         t.dispatchEvent(S);
         const C = new CustomEvent("activate-cell", {
@@ -1234,7 +1238,7 @@ function ne(t) {
   }), e.children.length > 0 ? (e.setAttribute("role", "row"), e.setAttribute("aria-rowindex", "1")) : (e.removeAttribute("role"), e.removeAttribute("aria-rowindex")));
 }
 const Ge = typeof requestIdleCallback == "function";
-function Dt(t, e) {
+function Ot(t, e) {
   return Ge ? requestIdleCallback(t, e) : window.setTimeout(() => {
     const o = Date.now();
     t({
@@ -1247,7 +1251,7 @@ function Ae(t) {
   Ge ? cancelIdleCallback(t) : clearTimeout(t);
 }
 var T = ((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))(T || {});
-class Ot {
+class Dt {
   #l;
   #i = 0;
   #u = 0;
@@ -1259,7 +1263,7 @@ class Ot {
     this.#l = e;
   }
   requestPhase(e, o) {
-    e > this.#i && (this.#i = e), this.#u === 0 && (this.#f(), this.#u = requestAnimationFrame(() => this.#g()));
+    e > this.#i && (this.#i = e), this.#u === 0 && (this.#f(), this.#u = requestAnimationFrame(() => this.#p()));
   }
   whenReady() {
     return this.#d ? this.#d : Promise.resolve();
@@ -1281,7 +1285,7 @@ class Ot {
       this.#h = e;
     }));
   }
-  #g() {
+  #p() {
     if (this.#u = 0, !this.#l.isConnected()) {
       this.#i = 0, this.#h && (this.#h(), this.#h = null, this.#d = null);
       return;
@@ -1601,8 +1605,8 @@ function W(t, e, o) {
     else {
       const h = r.innerHTML.trim();
       u = (w) => {
-        const b = document.createElement("div");
-        return b.innerHTML = h, w.appendChild(b), () => b.remove();
+        const v = document.createElement("div");
+        return v.innerHTML = h, w.appendChild(v), () => v.remove();
       };
     }
     const f = e.toolPanels.get(s);
@@ -1652,8 +1656,8 @@ function Bt(t, e, o) {
   const p = (h) => {
     if (!u) return;
     h.preventDefault();
-    const w = s === "left" ? h.clientX - a : a - h.clientX, b = Math.min(d, Math.max(l, c + w));
-    n.style.width = `${b}px`;
+    const w = s === "left" ? h.clientX - a : a - h.clientX, v = Math.min(d, Math.max(l, c + w));
+    n.style.width = `${v}px`;
   }, f = () => {
     if (!u) return;
     u = !1, i.classList.remove("resizing"), n.style.transition = "", document.body.style.cursor = "", document.body.style.userSelect = "";
@@ -1719,11 +1723,11 @@ function Gt(t, e, o) {
     }
   }
 }
-function De(t, e) {
+function Oe(t, e) {
   const o = t.querySelector("[data-panel-toggle]");
   o && (o.classList.toggle("active", e.isPanelOpen), o.setAttribute("aria-pressed", String(e.isPanelOpen)));
 }
-function Oe(t, e) {
+function De(t, e) {
   const o = t.querySelector(".tbw-tool-panel");
   o && (o.classList.toggle("open", e.isPanelOpen), e.isPanelOpen || (o.style.width = ""));
 }
@@ -1773,7 +1777,7 @@ function Yt(t, e) {
         s && t.expandedSections.add(s.id);
       }
       const i = e.getShadow();
-      De(i, t), Oe(i, t), Gt(i, t, e.getAccordionIcons()), e.emit("tool-panel-open", { sections: n.expandedSections });
+      Oe(i, t), De(i, t), Gt(i, t, e.getAccordionIcons()), e.emit("tool-panel-open", { sections: n.expandedSections });
     },
     closeToolPanel() {
       if (!t.isPanelOpen) return;
@@ -1784,7 +1788,7 @@ function Yt(t, e) {
         r.onClose?.();
       t.isPanelOpen = !1;
       const i = e.getShadow();
-      De(i, t), Oe(i, t), e.emit("tool-panel-close", {});
+      Oe(i, t), De(i, t), e.emit("tool-panel-close", {});
     },
     toggleToolPanel() {
       t.isPanelOpen ? n.closeToolPanel() : n.openToolPanel();
@@ -1912,10 +1916,10 @@ function Kt(t, e, o, n) {
         icon: N(C.icon),
         isExpanded: o.expandedSections.has(C.id)
       }))
-    }, w = $t(g), b = Ft(h), S = Pe({
+    }, w = $t(g), v = Ft(h), S = Pe({
       hasShell: !0,
       shellHeader: w,
-      shellBody: b
+      shellBody: v
     });
     t.appendChild(S);
   } else {
@@ -1962,7 +1966,7 @@ function eo(t, e, o) {
   const { scrollTop: c, scrollHeight: d, clientHeight: u } = o.fauxScrollbar, p = d - u, f = l > 0 && c < p || l < 0 && c > 0;
   let g = !1;
   if (o.scrollArea) {
-    const { scrollLeft: h, scrollWidth: w, clientWidth: b } = o.scrollArea, S = w - b;
+    const { scrollLeft: h, scrollWidth: w, clientWidth: v } = o.scrollArea, S = w - v;
     g = a > 0 && h < S || a < 0 && h > 0;
   }
   return f && (o.fauxScrollbar.scrollTop = e.scrollTop + l), g && o.scrollArea && (o.scrollArea.scrollLeft = e.scrollLeft + a), f || g;
@@ -2059,7 +2063,7 @@ const io = [
   columnVirtualization: "import { ColumnVirtualizationPlugin } from '@toolbox-web/grid/plugins/column-virtualization';"
 };
 function ue(t) {
-  return so[t] ?? `import { ${O(t)}Plugin } from '@toolbox-web/grid/plugins/${t}';`;
+  return so[t] ?? `import { ${D(t)}Plugin } from '@toolbox-web/grid/plugins/${t}';`;
 }
 function Ze() {
   if (typeof window < "u" && window.location) {
@@ -2069,7 +2073,7 @@ function Ze() {
   }
   return typeof process < "u" && process.env?.NODE_ENV !== "production";
 }
-function O(t) {
+function D(t) {
   return t.charAt(0).toUpperCase() + t.slice(1);
 }
 function Me(t, e) {
@@ -2134,7 +2138,7 @@ function ao(t) {
       for (const s of r.configRules) {
         const l = n.config;
         if (s.check(l)) {
-          const c = `${`[tbw-grid:${O(n.name)}Plugin]`} Configuration warning: ${s.message}`;
+          const c = `${`[tbw-grid:${D(n.name)}Plugin]`} Configuration warning: ${s.message}`;
           s.severity === "error" ? e.push(c) : o.push(c);
         }
       }
@@ -2154,19 +2158,19 @@ function co(t, e) {
   for (const r of i) {
     const s = r.name, l = r.required ?? !0, a = r.reason;
     if (!e.some((d) => d.name === s)) {
-      const d = a ?? `${O(o)}Plugin requires ${O(s)}Plugin`, u = ue(s);
+      const d = a ?? `${D(o)}Plugin requires ${D(s)}Plugin`, u = ue(s);
       if (l)
         throw new Error(
           `[tbw-grid] Plugin dependency error:
 
 ${d}.
 
-  → Add the plugin to your gridConfig.plugins array BEFORE ${O(o)}Plugin:
+  → Add the plugin to your gridConfig.plugins array BEFORE ${D(o)}Plugin:
     ${u}
-    plugins: [new ${O(s)}Plugin(), new ${O(o)}Plugin()]`
+    plugins: [new ${D(s)}Plugin(), new ${D(o)}Plugin()]`
         );
       console.info(
-        `[tbw-grid] ${O(o)}Plugin: Optional "${s}" plugin not found. Some features may be unavailable.`
+        `[tbw-grid] ${D(o)}Plugin: Optional "${s}" plugin not found. Some features may be unavailable.`
       );
     }
   }
@@ -2184,7 +2188,7 @@ function ho(t) {
           o.add(l), console.warn(
             `[tbw-grid] Plugin incompatibility warning:
 
-${O(n.name)}Plugin and ${O(s.name)}Plugin are both loaded, but they are currently incompatible.
+${D(n.name)}Plugin and ${D(s.name)}Plugin are both loaded, but they are currently incompatible.
 
   → ${s.reason}
 
@@ -2456,7 +2460,7 @@ class uo {
 }
 class L extends HTMLElement {
   static tagName = "tbw-grid";
-  static version = "1.10.0";
+  static version = "1.10.1";
   static #l = 0;
   static adapters = [];
   static registerAdapter(e) {
@@ -2482,24 +2486,24 @@ class L extends HTMLElement {
     return this.#t?.effective ?? {};
   }
   #f = !1;
-  #g = !1;
-  #m = {
+  #p = !1;
+  #b = {
     rows: !1,
     columns: !1,
     gridConfig: !1,
     fitMode: !1
   };
   #s;
-  #v = 0;
+  #m = 0;
   #r = null;
-  #w = !1;
-  #R;
-  #H = Qt();
-  #b;
+  #g = !1;
+  #x;
+  #O = Qt();
+  #w;
   #C;
   #y;
-  #p;
-  #J = {
+  #v;
+  #_ = {
     scrollTop: 0,
     scrollLeft: 0,
     scrollHeight: 0,
@@ -2508,22 +2512,22 @@ class L extends HTMLElement {
     clientWidth: 0
   };
   #o;
-  #_;
-  #M = !1;
+  #E;
+  #z = !1;
   #D;
-  #F;
-  #O;
+  #U;
+  #M;
   #t;
   #e = Ut();
   #c;
-  #z;
-  #k = !1;
-  #x = /* @__PURE__ */ new Set();
-  #A = /* @__PURE__ */ new Map();
-  #N;
-  #E = /* @__PURE__ */ new Map();
+  #k;
+  #N = !1;
+  #A = /* @__PURE__ */ new Set();
+  #T = /* @__PURE__ */ new Map();
+  #I;
+  #S = /* @__PURE__ */ new Map();
   _rows = [];
-  #U = [];
+  #V = [];
   get _columns() {
     return this.#n.columns ?? [];
   }
@@ -2574,7 +2578,7 @@ class L extends HTMLElement {
   }
   set rows(e) {
     const o = this.#a;
-    this.#a = e, o !== e && this.#$("rows");
+    this.#a = e, o !== e && this.#F("rows");
   }
   get sourceRows() {
     return this.#a;
@@ -2584,64 +2588,64 @@ class L extends HTMLElement {
   }
   set columns(e) {
     const o = this.#t?.getColumns();
-    this.#t?.setColumns(e), o !== e && this.#$("columns");
+    this.#t?.setColumns(e), o !== e && this.#F("columns");
   }
   get gridConfig() {
     return this.#n;
   }
   set gridConfig(e) {
     const o = this.#t?.getGridConfig();
-    this.#t?.setGridConfig(e), o !== e && (this.#t.clearLightDomCache(), this.#$("gridConfig"));
+    this.#t?.setGridConfig(e), o !== e && (this.#t.clearLightDomCache(), this.#F("gridConfig"));
   }
   get fitMode() {
     return this.#n.fitMode ?? "stretch";
   }
   set fitMode(e) {
     const o = this.#t?.getFitMode();
-    this.#t?.setFitMode(e), o !== e && this.#$("fitMode");
+    this.#t?.setFitMode(e), o !== e && this.#F("fitMode");
   }
   get loading() {
-    return this.#k;
+    return this.#N;
   }
   set loading(e) {
-    const o = this.#k;
-    this.#k = e, e ? this.setAttribute("loading", "") : this.removeAttribute("loading"), o !== e && this.#Oe();
+    const o = this.#N;
+    this.#N = e, e ? this.setAttribute("loading", "") : this.removeAttribute("loading"), o !== e && this.#De();
   }
   setRowLoading(e, o) {
-    const n = this.#x.has(e);
-    o ? this.#x.add(e) : this.#x.delete(e), n !== o && this.#fe(e, o);
+    const n = this.#A.has(e);
+    o ? this.#A.add(e) : this.#A.delete(e), n !== o && this.#fe(e, o);
   }
   setCellLoading(e, o, n) {
-    let i = this.#A.get(e);
+    let i = this.#T.get(e);
     const r = i?.has(o) ?? !1;
-    n ? (i || (i = /* @__PURE__ */ new Set(), this.#A.set(e, i)), i.add(o)) : (i?.delete(o), i?.size === 0 && this.#A.delete(e)), r !== n && this.#pe(e, o, n);
+    n ? (i || (i = /* @__PURE__ */ new Set(), this.#T.set(e, i)), i.add(o)) : (i?.delete(o), i?.size === 0 && this.#T.delete(e)), r !== n && this.#pe(e, o, n);
   }
   isRowLoading(e) {
-    return this.#x.has(e);
+    return this.#A.has(e);
   }
   isCellLoading(e, o) {
-    return this.#A.get(e)?.has(o) ?? !1;
+    return this.#T.get(e)?.has(o) ?? !1;
   }
   clearAllLoading() {
     this.loading = !1;
-    for (const e of this.#x)
+    for (const e of this.#A)
       this.#fe(e, !1);
-    this.#x.clear();
-    for (const [e, o] of this.#A)
+    this.#A.clear();
+    for (const [e, o] of this.#T)
       for (const n of o)
         this.#pe(e, n, !1);
-    this.#A.clear();
+    this.#T.clear();
   }
   get effectiveConfig() {
     return this.#n;
   }
   get disconnectSignal() {
-    return this.#b || (this.#b = new AbortController()), this.#b.signal;
+    return this.#w || (this.#w = new AbortController()), this.#w.signal;
   }
   constructor() {
-    super(), this.#be(), this.#d = new Promise((e) => this.#h = e), this.#s = new Ot({
+    super(), this.#be(), this.#d = new Promise((e) => this.#h = e), this.#s = new Dt({
       mergeConfig: () => {
-        this.#t.parseLightDomColumns(this), this.#t.merge(), this.#oe(), lo(this.#n, this.#o?.getPlugins() ?? []), ao(this.#o?.getPlugins() ?? []), ho(this.#o?.getPlugins() ?? []), this.#Le(), this.#U = [...this._columns];
+        this.#t.parseLightDomColumns(this), this.#t.merge(), this.#oe(), lo(this.#n, this.#o?.getPlugins() ?? []), ao(this.#o?.getPlugins() ?? []), ho(this.#o?.getPlugins() ?? []), this.#Le(), this.#V = [...this._columns];
       },
       processColumns: () => this.#Ae(),
       processRows: () => this.#Te(),
@@ -2649,7 +2653,7 @@ class L extends HTMLElement {
       updateTemplate: () => B(this),
       renderVirtualWindow: () => this.refreshVirtualWindow(!0, !0),
       afterRender: () => {
-        this.#o?.afterRender(), this.#n.fitMode === "fixed" && !this.__didInitialAutoSize && (this.__didInitialAutoSize = !0, ve(this)), this._restoreFocusAfterRender && (this._restoreFocusAfterRender = !1, $(this)), this._virtualization.enabled && !this.#W && this.#ve();
+        this.#o?.afterRender(), this.#n.fitMode === "fixed" && !this.__didInitialAutoSize && (this.__didInitialAutoSize = !0, ve(this)), this._restoreFocusAfterRender && (this._restoreFocusAfterRender = !1, $(this)), this._virtualization.enabled && !this.#$ && this.#ve();
       },
       isConnected: () => this.isConnected && this.#f
     }), this.#s.setInitialReadyResolver(() => this.#h?.()), this.#c = Yt(this.#e, {
@@ -2659,7 +2663,7 @@ class L extends HTMLElement {
         expand: this.#n?.icons?.expand ?? k.expand,
         collapse: this.#n?.icons?.collapse ?? k.collapse
       }),
-      emit: (e, o) => this.#P(e, o),
+      emit: (e, o) => this.#L(e, o),
       refreshShellHeader: () => this.refreshShellHeader()
     }), this.#t = new gt({
       getRows: () => this.#a,
@@ -2670,11 +2674,11 @@ class L extends HTMLElement {
       onConfigChange: () => {
         this.#s.requestPhase(T.FULL, "configChange");
       },
-      emit: (e, o) => this.#P(e, o),
+      emit: (e, o) => this.#L(e, o),
       clearRowPool: () => {
         this._rowPool.length = 0, this._bodyEl && (this._bodyEl.innerHTML = ""), this.__rowRenderEpoch++;
       },
-      setup: () => this.#L(),
+      setup: () => this.#H(),
       renderHeader: () => ne(this),
       updateTemplate: () => B(this),
       refreshVirtualWindow: () => this.#s.requestPhase(T.VIRTUALIZATION, "configManager"),
@@ -2692,24 +2696,24 @@ class L extends HTMLElement {
     });
   }
   static #ee = "tbw-grid-styles";
-  static #I = "";
-  static #V = /* @__PURE__ */ new Map();
+  static #q = "";
+  static #B = /* @__PURE__ */ new Map();
   static #we() {
     let e = document.getElementById(this.#ee);
     return e || (e = document.createElement("style"), e.id = this.#ee, e.setAttribute("data-tbw-grid", "true"), document.head.appendChild(e)), e;
   }
-  static #B() {
-    const e = this.#we(), o = Array.from(this.#V.values()).join(`
+  static #G() {
+    const e = this.#we(), o = Array.from(this.#B.values()).join(`
 `);
-    e.textContent = `${this.#I}
+    e.textContent = `${this.#q}
 
 /* Plugin Styles */
 ${o}`;
   }
   async #be() {
-    if (!L.#I) {
+    if (!L.#q) {
       if (we.length > 0) {
-        L.#I = we, L.#B();
+        L.#q = we, L.#G();
         return;
       }
       await new Promise((e) => setTimeout(e, 50));
@@ -2726,7 +2730,7 @@ ${o}`;
           } catch {
             continue;
           }
-        e ? (L.#I = e, L.#B()) : (typeof process > "u" || process.env?.NODE_ENV !== "test") && console.warn(
+        e ? (L.#q = e, L.#G()) : (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((o) => o.href || "(inline)")
@@ -2762,18 +2766,18 @@ ${o}`;
     const e = this.#n?.plugins, o = Array.isArray(e) ? e : [];
     this.#o.attachAll(o);
   }
-  #q() {
+  #W() {
     const e = this.#o?.getPluginStyles() ?? [];
     let o = !1;
     for (const { name: n, styles: i } of e)
-      L.#V.has(n) || (L.#V.set(n, i), o = !0);
-    o && L.#B();
+      L.#B.has(n) || (L.#B.set(n, i), o = !0);
+    o && L.#G();
   }
   #oe() {
     const e = this.#n?.plugins, o = Array.isArray(e) ? e : [];
-    if (this.#_ !== o) {
-      if (this.#_ && this.#_.length === o.length && this.#_.every((n, i) => n === o[i])) {
-        this.#_ = o;
+    if (this.#E !== o) {
+      if (this.#E && this.#E.length === o.length && this.#E.every((n, i) => n === o[i])) {
+        this.#E = o;
         return;
       }
       this.#o && this.#o.detachAll();
@@ -2788,7 +2792,7 @@ ${o}`;
         const i = this.#e.headerContentCleanups.get(n);
         i && (i(), this.#e.headerContentCleanups.delete(n)), this.#e.headerContents.delete(n);
       }
-      this.#te(), this.#q(), this.#_ = o, this.#ne(), this.#w = this.#o?.getAll().some((n) => n.onScroll) ?? !1;
+      this.#te(), this.#W(), this.#E = o, this.#ne(), this.#g = this.#o?.getAll().some((n) => n.onScroll) ?? !1;
     }
   }
   #me() {
@@ -2803,7 +2807,7 @@ ${o}`;
     for (const { content: n } of o)
       this.#e.headerContents.has(n.id) || this.#e.headerContents.set(n.id, n);
   }
-  #T() {
+  #P() {
     const e = L.getAdapters();
     if (e.length === 0 && !this.__frameworkAdapter) return;
     const o = this.__frameworkAdapter;
@@ -2820,9 +2824,9 @@ ${o}`;
     };
   }
   connectedCallback() {
-    this.hasAttribute("tabindex") || (this.tabIndex = 0), this.hasAttribute("version") || this.setAttribute("version", L.version), this.id || (this.id = `tbw-grid-${++L.#l}`), this._rows = Array.isArray(this.#a) ? [...this.#a] : [], this.#b && (this.#b.abort(), this.#M = !1), this.#b = new AbortController(), this.#p && (Ae(this.#p), this.#p = void 0), I(this, this.#e), q(this, this.#e), W(this, this.#e, this.#T()), this.#t.parseLightDomColumns(this), this.#t.merge(), this.#te();
+    this.hasAttribute("tabindex") || (this.tabIndex = 0), this.hasAttribute("version") || this.setAttribute("version", L.version), this.id || (this.id = `tbw-grid-${++L.#l}`), this._rows = Array.isArray(this.#a) ? [...this.#a] : [], this.#w && (this.#w.abort(), this.#z = !1), this.#w = new AbortController(), this.#v && (Ae(this.#v), this.#v = void 0), I(this, this.#e), q(this, this.#e), W(this, this.#e, this.#P()), this.#t.parseLightDomColumns(this), this.#t.merge(), this.#te();
     const e = this.#n?.plugins;
-    this.#_ = Array.isArray(e) ? e : [], this.#ne(), this.#u || (this.#Q(), this.#q(), this.#u = !0), this.#ie(), this.#p = Dt(
+    this.#E = Array.isArray(e) ? e : [], this.#ne(), this.#u || (this.#Z(), this.#W(), this.#u = !0), this.#ie(), this.#v = Ot(
       () => {
         this.#Ne();
       },
@@ -2830,7 +2834,7 @@ ${o}`;
     );
   }
   disconnectedCallback() {
-    this.#p && (Ae(this.#p), this.#p = void 0), this.#me(), Xt(this.#e), this.#c.setInitialized(!1), this.#z?.(), this.#z = void 0, Qe(this.#H), this.#b && (this.#b.abort(), this.#b = void 0), this.#D?.abort(), this.#D = void 0, this.#M = !1, this._resizeController && this._resizeController.dispose(), this.#C && (this.#C.disconnect(), this.#C = void 0), this.#y && (this.#y.disconnect(), this.#y = void 0, this.#W = !1), j(this), this.#S.clear(), this.#_ = void 0;
+    this.#v && (Ae(this.#v), this.#v = void 0), this.#me(), Xt(this.#e), this.#c.setInitialized(!1), this.#k?.(), this.#k = void 0, Qe(this.#O), this.#w && (this.#w.abort(), this.#w = void 0), this.#D?.abort(), this.#D = void 0, this.#z = !1, this._resizeController && this._resizeController.dispose(), this.#C && (this.#C.disconnect(), this.#C = void 0), this.#y && (this.#y.disconnect(), this.#y = void 0, this.#$ = !1), j(this), this.#R.clear(), this.#E = void 0;
     for (const e of this._rowPool)
       e.remove();
     this._rowPool.length = 0, this.__rowsBodyEl = null, this.#f = !1;
@@ -2858,9 +2862,9 @@ ${o}`;
       const r = this.#n?.shell?.toolPanel?.defaultOpen;
       r && this.#e.toolPanels.has(r) && (this.openToolPanel(), this.#e.expandedSections.add(r));
     }
-    if (this.setAttribute("data-upgraded", ""), this.#f = !0, this._resizeController = Te(this), this.#L(), this.#se(o), this.#M)
+    if (this.setAttribute("data-upgraded", ""), this.#f = !0, this._resizeController = Te(this), this.#H(), this.#se(o), this.#z)
       return;
-    this.#M = !0;
+    this.#z = !0;
     const n = this.disconnectSignal;
     At(this, this, this.#i, n);
     const i = this.#n.rowHeight;
@@ -2883,11 +2887,11 @@ ${o}`;
   #se(e) {
     this.#D?.abort(), this.#D = new AbortController();
     const o = this.#D.signal, n = e?.querySelector(".faux-vscroll"), i = e?.querySelector(".rows");
-    if (this._virtualization.container = n ?? this, this.#w = this.#o?.getAll().some((r) => r.onScroll) ?? !1, n && i) {
+    if (this._virtualization.container = n ?? this, this.#g = this.#o?.getAll().some((r) => r.onScroll) ?? !1, n && i) {
       n.addEventListener(
         "scroll",
         () => {
-          if (!this._virtualization.enabled && !this.#w) return;
+          if (!this._virtualization.enabled && !this.#g) return;
           const a = n.scrollTop, c = this._virtualization.rowHeight;
           if (this._rows.length <= this._virtualization.bypassThreshold)
             i.style.transform = `translateY(${-a}px)`;
@@ -2895,22 +2899,22 @@ ${o}`;
             const d = Math.floor(a / c), u = d - d % 2, p = -(a - u * c);
             i.style.transform = `translateY(${p}px)`;
           }
-          this.#r = a, this.#v || (this.#v = requestAnimationFrame(() => {
-            this.#v = 0, this.#r !== null && (this.#Me(this.#r), this.#r = null);
+          this.#r = a, this.#m || (this.#m = requestAnimationFrame(() => {
+            this.#m = 0, this.#r !== null && (this.#Me(this.#r), this.#r = null);
           }));
         },
         { passive: !0, signal: o }
       );
       const r = this.#i.querySelector(".tbw-scroll-area");
-      this.#F = r, r && this.#w && r.addEventListener(
+      this.#U = r, r && this.#g && r.addEventListener(
         "scroll",
         () => {
-          const a = this.#J;
+          const a = this.#_;
           a.scrollTop = n.scrollTop, a.scrollLeft = r.scrollLeft, a.scrollHeight = n.scrollHeight, a.scrollWidth = r.scrollWidth, a.clientHeight = n.clientHeight, a.clientWidth = r.clientWidth, this.#o?.onScroll(a);
         },
         { passive: !0, signal: o }
       );
-      const s = this.#i.querySelector(".tbw-grid-content"), l = this.#F;
+      const s = this.#i.querySelector(".tbw-grid-content"), l = this.#U;
       s && (s.addEventListener(
         "wheel",
         (a) => {
@@ -2926,7 +2930,7 @@ ${o}`;
         { passive: !1, signal: o }
       ), no(
         s,
-        this.#H,
+        this.#O,
         { fauxScrollbar: n, scrollArea: l },
         o
       ));
@@ -2948,11 +2952,11 @@ ${o}`;
       { signal: o }
     );
   }
-  #W = !1;
+  #$ = !1;
   #ve() {
-    if (this.#W) return;
+    if (this.#$) return;
     const e = this._bodyEl?.querySelector(".data-grid-row");
-    e && (this.#W = !0, this.#y?.disconnect(), this.#y = new ResizeObserver(() => {
+    e && (this.#$ = !0, this.#y?.disconnect(), this.#y = new ResizeObserver(() => {
       this.#re();
     }), this.#y.observe(e));
   }
@@ -2962,7 +2966,7 @@ ${o}`;
   removeEventListener(e, o, n) {
     super.removeEventListener(e, o, n);
   }
-  #P(e, o) {
+  #L(e, o) {
     this.dispatchEvent(new CustomEvent(e, { detail: o, bubbles: !0, composed: !0 }));
   }
   #Ce() {
@@ -2973,16 +2977,16 @@ ${o}`;
       });
     });
   }
-  #$(e) {
-    this.#m[e] = !0, !this.#g && (this.#g = !0, queueMicrotask(() => this.#ye()));
+  #F(e) {
+    this.#b[e] = !0, !this.#p && (this.#p = !0, queueMicrotask(() => this.#ye()));
   }
   #ye() {
-    if (!this.#g || !this.#f) {
-      this.#g = !1;
+    if (!this.#p || !this.#f) {
+      this.#p = !1;
       return;
     }
-    const e = this.#m;
-    if (this.#g = !1, this.#m = {
+    const e = this.#b;
+    if (this.#p = !1, this.#b = {
       rows: !1,
       columns: !1,
       gridConfig: !1,
@@ -2994,14 +2998,14 @@ ${o}`;
     e.columns && this.#Ee(), e.rows && this.#le(), e.fitMode && this.#Se();
   }
   #le() {
-    this._rows = Array.isArray(this.#a) ? [...this.#a] : [], this.#G(), this.#s.requestPhase(T.ROWS, "applyRowsUpdate");
+    this._rows = Array.isArray(this.#a) ? [...this.#a] : [], this.#X(), this.#s.requestPhase(T.ROWS, "applyRowsUpdate");
   }
-  #G() {
-    this.#E.clear();
+  #X() {
+    this.#S.clear();
     const e = this.#n.getRowId;
     this._rows.forEach((o, n) => {
       const i = this.#ae(o, e);
-      i !== void 0 && this.#E.set(i, { row: o, index: n });
+      i !== void 0 && this.#S.set(i, { row: o, index: n });
     });
   }
   #ae(e, o) {
@@ -3020,7 +3024,7 @@ ${o}`;
     return n;
   }
   #Ee() {
-    j(this), this.#t.merge(), this.#L();
+    j(this), this.#t.merge(), this.#H();
   }
   #Se() {
     this.#t.merge(), this.#n.fitMode === "fixed" ? (this.__didInitialAutoSize = !1, ve(this)) : (this._columns.forEach((o) => {
@@ -3030,13 +3034,13 @@ ${o}`;
   #Re() {
     I(this, this.#e), q(this, this.#e);
     const e = !!this.#i.querySelector(".has-shell"), o = !!this.#i.querySelector(".tbw-tool-panel"), n = this.#i.querySelectorAll(".tbw-accordion-section").length;
-    this.#t.parseLightDomColumns(this), this.#t.merge(), this.#oe(), W(this, this.#e, this.#T()), this.#t.markSourcesChanged(), this.#t.merge();
+    this.#t.parseLightDomColumns(this), this.#t.merge(), this.#oe(), W(this, this.#e, this.#P()), this.#t.markSourcesChanged(), this.#t.merge();
     const i = Ke(this.#n?.shell), r = (this.#n?.shell?.toolPanels?.length ?? 0) > 0, s = (this.#n?.shell?.toolPanels?.length ?? 0) !== n;
     if (e !== i || !e && i || !o && r || o && s) {
-      this.#Q(), this.#q(), this.#ie(), this.#G();
+      this.#Z(), this.#W(), this.#ie(), this.#X();
       return;
     }
-    e && this.#xe(), this.#G(), this.#s.requestPhase(T.COLUMNS, "applyGridConfigUpdate");
+    e && this.#xe(), this.#X(), this.#s.requestPhase(T.COLUMNS, "applyGridConfigUpdate");
   }
   #xe() {
     const e = this.#i.querySelector(".tbw-shell-header");
@@ -3047,7 +3051,7 @@ ${o}`;
   }
   #Ae() {
     if (this.#o) {
-      const e = this.#U.length > 0 ? this.#U : this._columns, o = e.filter((r) => !r.hidden), n = e.filter((r) => r.hidden), i = this.#o.processColumns([...o]);
+      const e = this.#V.length > 0 ? this.#V : this._columns, o = e.filter((r) => !r.hidden), n = e.filter((r) => r.hidden), i = this.#o.processColumns([...o]);
       if (i !== o) {
         new Set(o.map((l) => l.field));
         const r = new Set(i.map((l) => l.field));
@@ -3069,16 +3073,16 @@ ${o}`;
     let i = 1;
     n === !1 || n === "off" ? i = 0 : (n === !0 || n === "on") && (i = 1), this.style.setProperty("--tbw-animation-duration", `${o.duration}ms`), this.style.setProperty("--tbw-animation-easing", o.easing ?? "ease-out"), this.style.setProperty("--tbw-animation-enabled", String(i)), this.dataset.animationMode = typeof n == "boolean" ? n ? "on" : "off" : n;
   }
-  #X(e, o, n = this.__rowRenderEpoch) {
-    this.#R || (this.#R = (i, r, s) => this.#o?.renderRow(i, r, s) ?? !1), Ct(this, e, o, n, this.#R);
+  #Y(e, o, n = this.__rowRenderEpoch) {
+    this.#x || (this.#x = (i, r, s) => this.#o?.renderRow(i, r, s) ?? !1), Ct(this, e, o, n, this.#x);
   }
-  #Y = -1;
+  #j = -1;
   #ce = -1;
   #de(e, o) {
-    if (e === this.#Y && o === this.#ce)
+    if (e === this.#j && o === this.#ce)
       return;
-    const n = this.#Y;
-    this.#Y = e, this.#ce = o, this.__rowsBodyEl && (this.__rowsBodyEl.setAttribute("aria-rowcount", String(e)), this.__rowsBodyEl.setAttribute("aria-colcount", String(o))), e !== n && this._bodyEl && (e > 0 ? this._bodyEl.setAttribute("role", "rowgroup") : this._bodyEl.removeAttribute("role"));
+    const n = this.#j;
+    this.#j = e, this.#ce = o, this.__rowsBodyEl && (this.__rowsBodyEl.setAttribute("aria-rowcount", String(e)), this.__rowsBodyEl.setAttribute("aria-colcount", String(o))), e !== n && this._bodyEl && (e > 0 ? this._bodyEl.setAttribute("role", "rowgroup") : this._bodyEl.removeAttribute("role"));
   }
   #he;
   #ue;
@@ -3093,7 +3097,7 @@ ${o}`;
     const o = document.createElement("div");
     return o.className = `tbw-spinner tbw-spinner--${e}`, o.setAttribute("role", "progressbar"), o.setAttribute("aria-label", "Loading"), o;
   }
-  #De(e) {
+  #Oe(e) {
     const o = this.#n?.loadingRenderer;
     if (o) {
       const n = o({ size: e });
@@ -3105,26 +3109,26 @@ ${o}`;
     }
     return this.#He(e);
   }
-  #Oe() {
+  #De() {
     const e = this.querySelector(".tbw-grid-root");
     if (e)
-      if (this.#k) {
-        if (!this.#N) {
+      if (this.#N) {
+        if (!this.#I) {
           const o = document.createElement("div");
-          o.className = "tbw-loading-overlay", o.setAttribute("role", "status"), o.setAttribute("aria-live", "polite"), o.appendChild(this.#De("large")), this.#N = o;
+          o.className = "tbw-loading-overlay", o.setAttribute("role", "status"), o.setAttribute("aria-live", "polite"), o.appendChild(this.#Oe("large")), this.#I = o;
         }
-        e.appendChild(this.#N);
+        e.appendChild(this.#I);
       } else
-        this.#N?.remove();
+        this.#I?.remove();
   }
   #fe(e, o) {
-    const n = this.#E.get(e);
+    const n = this.#S.get(e);
     if (!n) return;
     const i = this.findRenderedRowElement?.(n.index);
     i && (o ? (i.classList.add("tbw-row-loading"), i.setAttribute("aria-busy", "true")) : (i.classList.remove("tbw-row-loading"), i.removeAttribute("aria-busy")));
   }
   #pe(e, o, n) {
-    const i = this.#E.get(e);
+    const i = this.#S.get(e);
     if (!i) return;
     const r = this.findRenderedRowElement?.(i.index);
     if (!r) return;
@@ -3133,11 +3137,11 @@ ${o}`;
     const l = r.children[s];
     l && (n ? (l.classList.add("tbw-cell-loading"), l.setAttribute("aria-busy", "true")) : (l.classList.remove("tbw-cell-loading"), l.removeAttribute("aria-busy")));
   }
-  #L() {
+  #H() {
     if (this.isConnected && !(!this._headerRowEl || !this._bodyEl)) {
-      if (this.#t.parseLightDomColumns(this), this.#O) {
-        const e = this.#O;
-        this.#O = void 0, this.#t.merge();
+      if (this.#t.parseLightDomColumns(this), this.#M) {
+        const e = this.#M;
+        this.#M = void 0, this.#t.merge();
         const o = this.#o?.getAll() ?? [];
         this.#t.applyState(e, o);
       }
@@ -3145,8 +3149,8 @@ ${o}`;
     }
   }
   #Me(e) {
-    if (this.refreshVirtualWindow(!1), this.#o?.onScrollRender(), this.#w) {
-      const o = this._virtualization.container, n = this.#F, i = this.#J;
+    if (this.refreshVirtualWindow(!1), this.#o?.onScrollRender(), this.#g) {
+      const o = this._virtualization.container, n = this.#U, i = this.#_;
       i.scrollTop = e, i.scrollLeft = n?.scrollLeft ?? 0, i.scrollHeight = o?.scrollHeight ?? 0, i.scrollWidth = n?.scrollWidth ?? 0, i.clientHeight = o?.clientHeight ?? 0, i.clientWidth = n?.clientWidth ?? 0, this.#o?.onScroll(i);
     }
   }
@@ -3188,7 +3192,7 @@ ${o}`;
       cellEl: i,
       originalEvent: e
     }, u = this.#o?.onCellClick(d) ?? !1;
-    return this.#P("cell-click", d), u;
+    return this.#L("cell-click", d), u;
   }
   _dispatchRowClick(e, o, n, i) {
     if (!n) return !1;
@@ -3198,7 +3202,7 @@ ${o}`;
       rowEl: i,
       originalEvent: e
     }, s = this.#o?.onRowClick(r) ?? !1;
-    return this.#P("row-click", r), s;
+    return this.#L("row-click", r), s;
   }
   _dispatchHeaderClick(e, o, n) {
     const i = this._columns[o];
@@ -3258,10 +3262,10 @@ ${o}`;
     return this.#_e(e, this.#n.getRowId);
   }
   getRow(e) {
-    return this.#E.get(e)?.row;
+    return this.#S.get(e)?.row;
   }
   updateRow(e, o, n = "api") {
-    const i = this.#E.get(e);
+    const i = this.#S.get(e);
     if (!i)
       throw new Error(
         `[tbw-grid] Row with ID "${e}" not found. Ensure the row exists and getRowId is correctly configured.`
@@ -3272,7 +3276,7 @@ ${o}`;
       d !== c && (l.push({ field: a, oldValue: d, newValue: c }), r[a] = c);
     }
     for (const { field: a, oldValue: c, newValue: d } of l)
-      this.#P("cell-change", {
+      this.#L("cell-change", {
         row: r,
         rowId: e,
         rowIndex: s,
@@ -3287,7 +3291,7 @@ ${o}`;
   updateRows(e, o = "api") {
     let n = !1;
     for (const { id: i, changes: r } of e) {
-      const s = this.#E.get(i);
+      const s = this.#S.get(i);
       if (!s)
         throw new Error(
           `[tbw-grid] Row with ID "${i}" not found. Ensure the row exists and getRowId is correctly configured.`
@@ -3295,7 +3299,7 @@ ${o}`;
       const { row: l, index: a } = s;
       for (const [c, d] of Object.entries(r)) {
         const u = l[c];
-        u !== d && (n = !0, l[c] = d, this.#P("cell-change", {
+        u !== d && (n = !0, l[c] = d, this.#L("cell-change", {
           row: l,
           rowId: i,
           rowIndex: a,
@@ -3346,23 +3350,23 @@ ${o}`;
     return this.#t.collectState(e);
   }
   set columnState(e) {
-    e && (this.#O = e, this.#t.initialColumnState = e, this.#u && this.#ze(e));
+    e && (this.#M = e, this.#t.initialColumnState = e, this.#u && this.#ze(e));
   }
   get columnState() {
     return this.getColumnState();
   }
   #ze(e) {
     const o = this.#o?.getAll() ?? [];
-    this.#t.applyState(e, o), this.#L();
+    this.#t.applyState(e, o), this.#H();
   }
   requestStateChange() {
     const e = this.#o?.getAll() ?? [];
     this.#t.requestStateChange(e);
   }
   resetColumnState() {
-    this.#O = void 0, this.__originalOrder = [];
+    this.#M = void 0, this.__originalOrder = [];
     const e = this.#o?.getAll() ?? [];
-    this.#t.resetState(e), this.#t.merge(), this.#L();
+    this.#t.resetState(e), this.#t.merge(), this.#H();
   }
   get isToolPanelOpen() {
     return this.#c.isPanelOpen;
@@ -3409,10 +3413,10 @@ ${o}`;
   unregisterToolbarContent(e) {
     this.#c.unregisterToolbarContent(e);
   }
-  #j = !1;
+  #K = !1;
   refreshShellHeader() {
-    this.#j || (this.#j = !0, queueMicrotask(() => {
-      this.#j = !1, this.isConnected && (I(this, this.#e), q(this, this.#e), W(this, this.#e, this.#T()), this.#t.markSourcesChanged(), this.#t.merge(), this.#Q(), this.#q(), this.#ke());
+    this.#K || (this.#K = !0, queueMicrotask(() => {
+      this.#K = !1, this.isConnected && (I(this, this.#e), q(this, this.#e), W(this, this.#e, this.#P()), this.#t.markSourcesChanged(), this.#t.merge(), this.#Z(), this.#W(), this.#ke());
     }));
   }
   #ke() {
@@ -3424,27 +3428,27 @@ ${o}`;
     }
     this._resizeController = Te(this), this.#se(o), this.#s.requestPhase(T.COLUMNS, "shellRefresh");
   }
-  #S = /* @__PURE__ */ new Map();
+  #R = /* @__PURE__ */ new Map();
   registerStyles(e, o) {
-    let n = this.#S.get(e);
-    n || (n = new CSSStyleSheet(), this.#S.set(e, n)), n.replaceSync(o), this.#ge();
+    let n = this.#R.get(e);
+    n || (n = new CSSStyleSheet(), this.#R.set(e, n)), n.replaceSync(o), this.#ge();
   }
   unregisterStyles(e) {
-    this.#S.delete(e) && this.#ge();
+    this.#R.delete(e) && this.#ge();
   }
   getRegisteredStyles() {
-    return Array.from(this.#S.keys());
+    return Array.from(this.#R.keys());
   }
   #ge() {
-    const e = Array.from(this.#S.values()), o = document.adoptedStyleSheets.filter(
-      (n) => !Array.from(this.#S.values()).includes(n)
+    const e = Array.from(this.#R.values()), o = document.adoptedStyleSheets.filter(
+      (n) => !Array.from(this.#R.values()).includes(n)
     );
     document.adoptedStyleSheets = [...o, ...e];
   }
   #Ne() {
     const e = () => {
       const n = this.#e.lightDomTitle, i = this.#e.hasToolButtonsContainer;
-      I(this, this.#e), q(this, this.#e), W(this, this.#e, this.#T());
+      I(this, this.#e), q(this, this.#e), W(this, this.#e, this.#P());
       const r = this.#e.lightDomTitle, s = this.#e.hasToolButtonsContainer;
       if (r && !n || s && !i) {
         this.#t.markSourcesChanged(), this.#t.merge();
@@ -3457,18 +3461,18 @@ ${o}`;
           ), c = document.createElement("div");
           c.innerHTML = a;
           const d = c.firstElementChild;
-          d && (l.replaceWith(d), this.#Z());
+          d && (l.replaceWith(d), this.#J());
         }
       }
     }, o = () => {
-      this.__lightDomColumnsCache = void 0, this.#L();
+      this.__lightDomColumnsCache = void 0, this.#H();
     };
     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", o), this.#t.registerLightDomHandler("tbw-grid-detail", o), this.#t.observeLightDOM(this);
   }
   refreshColumns() {
     this.__lightDomColumnsCache = void 0, j(this), this.#t.parseLightDomColumns(this);
     const e = this.#e.lightDomTitle, o = this.#e.hasToolButtonsContainer;
-    I(this, this.#e), q(this, this.#e), W(this, this.#e, this.#T());
+    I(this, this.#e), q(this, this.#e), W(this, this.#e, this.#P());
     const n = this.#e.lightDomTitle, i = this.#e.hasToolButtonsContainer;
     if (n && !e || i && !o) {
       this.#t.markSourcesChanged(), this.#t.merge();
@@ -3481,12 +3485,12 @@ ${o}`;
         ), a = document.createElement("div");
         a.innerHTML = l;
         const c = a.firstElementChild;
-        c && (s.replaceWith(c), this.#Z());
+        c && (s.replaceWith(c), this.#J());
       }
     }
     this.#s.requestPhase(T.COLUMNS, "refreshColumns");
   }
-  #K(e) {
+  #Q(e) {
     const o = this._virtualization.rowHeight, n = this._virtualization.container ?? this, i = this._virtualization.viewportEl ?? n, r = n.clientHeight, s = i.clientHeight, a = this.shadowRoot?.querySelector(".tbw-scroll-area"), c = a ? a.clientHeight : r, u = c - s, p = this.#o?.getExtraHeight() ?? 0, f = Math.max(0, r - c);
     return e * o + u + p + f;
   }
@@ -3494,11 +3498,11 @@ ${o}`;
     if (!this._bodyEl) return;
     const n = this._rows.length;
     if (!this._virtualization.enabled) {
-      this.#X(0, n), o || this.#o?.afterRender();
+      this.#Y(0, n), o || this.#o?.afterRender();
       return;
     }
     if (this._rows.length <= this._virtualization.bypassThreshold) {
-      this._virtualization.start = 0, this._virtualization.end = n, e && (this._bodyEl.style.transform = "translateY(0px)"), this.#X(0, n, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch), this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${this.#K(n)}px`), this.#de(n, this._visibleColumns.length), o || this.#o?.afterRender();
+      this._virtualization.start = 0, this._virtualization.end = n, e && (this._bodyEl.style.transform = "translateY(0px)"), this.#Y(0, n, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch), this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${this.#Q(n)}px`), this.#de(n, this._visibleColumns.length), o || this.#o?.afterRender();
       return;
     }
     const i = this._virtualization.container ?? this, r = this._virtualization.viewportEl ?? i, s = r.clientHeight, l = this._virtualization.rowHeight, a = i.scrollTop;
@@ -3518,31 +3522,31 @@ ${o}`;
       this.#s.requestPhase(T.VIRTUALIZATION, "stale-refs-retry");
       return;
     }
-    const w = this.#K(n);
+    const w = this.#Q(n);
     this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${w}px`);
-    const b = this.#o?.getExtraHeightBefore?.(c) ?? 0, S = -(a - c * l - b);
-    this._bodyEl.style.transform = `translateY(${S}px)`, this.#X(c, g, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch), this.#de(n, this._visibleColumns.length), e && !o && (this.#o?.afterRender(), queueMicrotask(() => {
+    const v = this.#o?.getExtraHeightBefore?.(c) ?? 0, S = -(a - c * l - v);
+    this._bodyEl.style.transform = `translateY(${S}px)`, this.#Y(c, g, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch), this.#de(n, this._visibleColumns.length), e && !o && (this.#o?.afterRender(), queueMicrotask(() => {
       const C = i.clientHeight, _ = r.clientHeight;
       if (C === 0 && _ > 0) return;
-      const A = this.#K(n);
+      const A = this.#Q(n);
       this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${A}px`);
     }));
   }
-  #Q() {
-    I(this, this.#e), q(this, this.#e), W(this, this.#e, this.#T()), this.#t.markSourcesChanged(), this.#t.merge();
+  #Z() {
+    I(this, this.#e), q(this, this.#e), W(this, this.#e, this.#P()), this.#t.markSourcesChanged(), this.#t.merge();
     const e = this.#n?.shell;
     Kt(
       this.#i,
       e,
       { isPanelOpen: this.#e.isPanelOpen, expandedSections: this.#e.expandedSections },
       this.#n?.icons
-    ) && (this.#Z(), this.#c.setInitialized(!0));
+    ) && (this.#J(), this.#c.setInitialized(!0));
   }
-  #Z() {
+  #J() {
     Vt(this.#i, this.#n?.shell, this.#e, {
       onPanelToggle: () => this.toggleToolPanel(),
       onSectionToggle: (e) => this.toggleToolPanelSection(e)
-    }), this.#z?.(), this.#z = Bt(this.#i, this.#n?.shell, (e) => {
+    }), this.#k?.(), this.#k = Bt(this.#i, this.#n?.shell, (e) => {
       this.style.setProperty("--tbw-tool-panel-width", `${e}px`);
     });
   }
@@ -3556,7 +3560,7 @@ const go = {
 class wo {
   static dependencies;
   static manifest;
-  version = "1.10.0";
+  version = "1.10.1";
   styles;
   cellRenderers;
   headerRenderers;