@toolbox-web/grid 1.16.1 → 1.18.0

package/index.js

@@ -63,8 +63,8 @@ function gt(t) {
     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 [x, I] = m.includes(":") ? m.split(":") : [m.trim(), m.trim()];
+      return { value: x.trim(), label: I?.trim() || x.trim() };
     }));
     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);
@@ -349,7 +349,7 @@ class Lt {
     const e = (this.#o.columns?.length ?? 0) > 0;
     if (!this.#f && e)
       return;
-    const i = this.#N();
+    const i = this.#I();
     this.#f = !1, this.#a = i, Object.freeze(this.#a), this.#a.columns && Object.freeze(this.#a.columns), this.#o = this.#x(this.#a), this.#m();
   }
   #x(e) {
@@ -378,7 +378,7 @@ class Lt {
       n && (!o.renderer && !o.viewRenderer && n.renderer && (o.renderer = n.renderer), !o.format && n.format && (o.format = n.format), !o.editor && n.editor && (o.editor = n.editor), !o.editorParams && n.editorParams && (o.editorParams = n.editorParams));
     }
   }
-  #N() {
+  #I() {
     const e = this.#l ? { ...this.#l } : {}, i = Array.isArray(e.columns) ? [...e.columns] : [], o = (this.#d ?? []).map((s) => ({
       ...s
     }));
@@ -646,7 +646,7 @@ function zt(t) {
 function He(t) {
   return zt(t) === "rtl";
 }
-function oo(t, e) {
+function no(t, e) {
   return t === "left" || t === "right" ? t : e === "rtl" ? t === "start" ? "right" : "left" : t === "start" ? "left" : "right";
 }
 function Qe(t, e) {
@@ -743,12 +743,12 @@ function Mt(t, e, i, o, n) {
       }
     const x = d.classList.contains("changed");
     y !== x && d.classList.toggle("changed", y);
-    const N = t.effectiveConfig?.rowClass;
-    if (N) {
+    const I = t.effectiveConfig?.rowClass;
+    if (I) {
       const S = d.getAttribute("data-dynamic-classes");
       S && S.split(" ").forEach((L) => L && d.classList.remove(L));
       try {
-        const L = N(u);
+        const L = I(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(" "));
@@ -818,8 +818,8 @@ function ae(t, e, i, o) {
       try {
         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(" "));
+          const I = x.filter((S) => S && typeof S == "string");
+          I.forEach((S) => w.classList.add(S)), w.setAttribute("data-dynamic-classes", I.join(" "));
         } else
           w.removeAttribute("data-dynamic-classes");
       } catch (m) {
@@ -1033,6 +1033,7 @@ function kt(t, e) {
         ), v = {
           rowIndex: h,
           colIndex: f,
+          column: p,
           field: u,
           value: d,
           row: g,
@@ -1091,25 +1092,28 @@ function $(t, e) {
             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")) {
+      if (i && l.classList.contains("editing")) {
         const c = l.querySelector(Je);
         if (c && document.activeElement !== c)
           try {
             c.focus({ preventScroll: !0 });
           } catch {
           }
-      } else if (!l.contains(document.activeElement)) {
+      } else if (i && !l.contains(document.activeElement)) {
         l.hasAttribute("tabindex") || l.setAttribute("tabindex", "-1");
         try {
           l.focus({ preventScroll: !0 });
         } catch {
         }
+      } else if (!i) {
+        const c = t;
+        document.activeElement !== c && c.focus({ preventScroll: !0 });
       }
     }
   }
 }
 const ie = /* @__PURE__ */ new WeakMap();
-function Nt(t, e) {
+function It(t, e) {
   const i = Ke(e), o = Pt(e);
   if (i < 0 || o < 0) return;
   t._focusRow = i, t._focusCol = o, Ce(t._bodyEl), e.classList.add("cell-focus"), e.setAttribute("aria-selected", "true");
@@ -1140,7 +1144,7 @@ function ye(t, e, i, o) {
     cell: c !== void 0 && h !== void 0 && c >= 0 && h >= 0 ? { row: c, col: h } : void 0
   };
 }
-function It(t, e, i) {
+function Nt(t, e, i) {
   const o = ye(t, e, i, "mousedown");
   (t._dispatchCellMouseDown?.(o) ?? !1) && ie.set(t, !0);
 }
@@ -1159,7 +1163,7 @@ function Wt(t, e, i) {
     "mousedown",
     (o) => {
       const n = o.target.closest(".cell[data-col]");
-      n && (n.classList.contains("editing") || (o.preventDefault(), Nt(t, n)));
+      n && (n.classList.contains("editing") || (o.preventDefault(), It(t, n)));
     },
     { signal: i }
   ), e.addEventListener(
@@ -1182,7 +1186,7 @@ function Wt(t, e, i) {
   );
 }
 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 });
+  e.addEventListener("keydown", (n) => kt(t, n), { signal: o }), i.addEventListener("mousedown", (n) => Nt(t, i, n), { signal: o }), document.addEventListener("mousemove", (n) => qt(t, i, n), { signal: o }), document.addEventListener("mouseup", (n) => $t(t, i, n), { signal: o });
 }
 function Ut(t, e) {
   return t == null && e == null ? 0 : t == null ? -1 : e == null || t > e ? 1 : t < e ? -1 : 0;
@@ -1237,10 +1241,10 @@ 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) || ze(t, e);
+    t._resizeController?.isResizing || t._dispatchHeaderClick?.(r, e, o) || ze(t, e);
   }), o.addEventListener("keydown", (r) => {
     if (r.key === "Enter" || r.key === " ") {
-      if (r.preventDefault(), t._dispatchHeaderClick?.(r, i, o)) return;
+      if (r.preventDefault(), t._dispatchHeaderClick?.(r, e, o)) return;
       ze(t, e);
     }
   });
@@ -1258,7 +1262,7 @@ function oe(t) {
   const e = t._headerRowEl;
   e && (e.innerHTML = "", t._visibleColumns.forEach((i, o) => {
     const n = document.createElement("div");
-    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));
+    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)), i.type && n.setAttribute("data-type", i.type);
     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 = {
@@ -1612,7 +1616,7 @@ function di(t) {
   }
   return t.position === "left" && r ? (e.appendChild(r), e.appendChild(n)) : (e.appendChild(n), r && e.appendChild(r)), e;
 }
-function I(t) {
+function N(t) {
   return t ? typeof t == "string" ? t : t.outerHTML : "";
 }
 function hi() {
@@ -1638,7 +1642,7 @@ 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 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];
+  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((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));
@@ -1659,7 +1663,7 @@ function ui(t, e, i = "☰") {
     </div>
   `;
 }
-function Ne(t, e) {
+function Ie(t, e) {
   const i = t.querySelector("tbw-grid-header");
   if (!i) return;
   if (!e.lightDomTitle) {
@@ -1669,7 +1673,7 @@ function Ne(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 Ie(t, e, i) {
+function Ne(t, e, i) {
   const o = t.querySelector(":scope > tbw-grid-tool-buttons");
   if (!o) return;
   e.hasToolButtonsContainer = !0;
@@ -1747,7 +1751,18 @@ function fi(t, e, i, o) {
     }
   });
 }
-function gi(t, e, i) {
+function gi(t, e, i, o) {
+  if (!e?.toolPanel?.closeOnClickOutside)
+    return () => {
+    };
+  const n = (r) => {
+    if (!i.isPanelOpen) return;
+    const s = r.target;
+    s && (s.closest(".tbw-tool-panel") || s.closest("[data-panel-toggle]") || o());
+  };
+  return t.addEventListener("mousedown", n), () => t.removeEventListener("mousedown", n);
+}
+function pi(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 () => {
@@ -1803,9 +1818,9 @@ function ge(t, e) {
     c && e.headerContentCleanups.set(s.id, c);
   }
 }
-function pi(t, e, i) {
+function wi(t, e, i) {
   if (!e.isPanelOpen) return;
-  const o = I(i?.expand ?? M.expand), n = I(i?.collapse ?? M.collapse);
+  const o = N(i?.expand ?? M.expand), n = N(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;
@@ -1837,7 +1852,7 @@ function he(t) {
     e();
   t.toolbarContentCleanups.clear();
 }
-function wi(t) {
+function bi(t) {
   for (const e of t.headerContentCleanups.values())
     e();
   t.headerContentCleanups.clear();
@@ -1854,7 +1869,7 @@ function wi(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 bi(t, e) {
+function mi(t, e) {
   let i = !1;
   const o = {
     get isInitialized() {
@@ -1883,7 +1898,7 @@ function bi(t, e) {
         s && t.expandedSections.add(s.id);
       }
       const n = e.getShadow();
-      $e(n, t), We(n, t), pi(n, t, e.getAccordionIcons()), e.emit("tool-panel-open", { sections: o.expandedSections });
+      $e(n, t), We(n, t), wi(n, t, e.getAccordionIcons()), e.emit("tool-panel-open", { sections: o.expandedSections });
     },
     closeToolPanel() {
       if (!t.isPanelOpen) return;
@@ -1919,7 +1934,7 @@ function bi(t, e) {
             const f = s.querySelector(`[data-section="${a}"] .tbw-accordion-content`);
             f && (f.innerHTML = "");
           }
-        t.expandedSections.add(n), ue(s, n, !0), mi(s, t, n);
+        t.expandedSections.add(n), ue(s, n, !0), vi(s, t, n);
       }
       e.emit("tool-panel-section-toggle", { id: n, expanded: !l });
     },
@@ -1977,7 +1992,7 @@ function ue(t, e, i) {
   const o = t.querySelector(`[data-section="${e}"]`);
   o && o.classList.toggle("expanded", i);
 }
-function mi(t, e, i) {
+function vi(t, e, i) {
   const o = e.toolPanels.get(i);
   if (!o?.render) return;
   const n = t.querySelector(`[data-section="${i}"] .tbw-accordion-content`);
@@ -1985,7 +2000,7 @@ function mi(t, e, i) {
   const r = o.render(n);
   r && e.panelCleanups.set(i, r);
 }
-function vi(t, e, i, o) {
+function Ci(t, e, i, o) {
   const n = st(e), r = [], s = [
     "tbw-grid-header",
     "tbw-grid-tool-buttons",
@@ -2000,7 +2015,7 @@ function vi(t, e, i, o) {
   for (const l of r)
     t.appendChild(l);
   if (n) {
-    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 = {
+    const l = N(o?.toolPanel ?? M.toolPanel), a = N(o?.expand ?? M.expand), c = N(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,
@@ -2019,7 +2034,7 @@ function vi(t, e, i, o) {
       panels: g.map((_) => ({
         id: _.id,
         title: _.title,
-        icon: I(_.icon),
+        icon: N(_.icon),
         isExpanded: i.expandedSections.has(_.id)
       }))
     }, w = ci(u), v = di(d), b = ke({
@@ -2037,25 +2052,25 @@ function vi(t, e, i, o) {
 const Fe = "tbw-grid-styles";
 let te = "";
 const pe = /* @__PURE__ */ new Map();
-function Ci() {
+function yi() {
   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 we() {
-  const t = Ci(), e = Array.from(pe.values()).join(`
+  const t = yi(), e = Array.from(pe.values()).join(`
 `);
   t.textContent = `${te}
 
 /* Plugin Styles */
 ${e}`;
 }
-function yi(t) {
+function _i(t) {
   let e = !1;
   for (const { name: i, styles: o } of t)
     pe.has(i) || (pe.set(i, o), e = !0);
   return e && we(), e;
 }
-function _i() {
+function Ei() {
   try {
     for (const t of Array.from(document.styleSheets))
       try {
@@ -2071,7 +2086,7 @@ function _i() {
   }
   return null;
 }
-async function Ei(t) {
+async function Si(t) {
   if (te)
     return;
   if (typeof t == "string" && t.length > 0) {
@@ -2079,14 +2094,14 @@ async function Ei(t) {
     return;
   }
   await new Promise((i) => setTimeout(i, 50));
-  const e = _i();
+  const e = Ei();
   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 Si() {
+function Ri() {
   return {
     startY: null,
     startX: null,
@@ -2100,19 +2115,19 @@ function Si() {
     momentumRaf: 0
   };
 }
-function Ri(t) {
+function Ai(t) {
   t.startY = null, t.startX = null, t.scrollTop = null, t.scrollLeft = null, t.lastY = null, t.lastX = null, t.lastTime = null;
 }
 function lt(t) {
   t.momentumRaf && (cancelAnimationFrame(t.momentumRaf), t.momentumRaf = 0);
 }
-function Ai(t, e, i) {
+function Ti(t, e, i) {
   if (t.touches.length !== 1) return;
   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 Ti(t, e, i) {
+function xi(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;
@@ -2129,10 +2144,10 @@ function Ti(t, e, i) {
   }
   return g && (i.fauxScrollbar.scrollTop = e.scrollTop + l), u && i.scrollArea && (i.scrollArea.scrollLeft = e.scrollLeft + a), g || u;
 }
-function xi(t, e) {
-  (Math.abs(t.velocityY) > 0.1 || Math.abs(t.velocityX) > 0.1) && Hi(t, e), Ri(t);
-}
 function Hi(t, e) {
+  (Math.abs(t.velocityY) > 0.1 || Math.abs(t.velocityX) > 0.1) && Li(t, e), Ai(t);
+}
+function Li(t, e) {
   const n = () => {
     t.velocityY *= 0.95, t.velocityX *= 0.95;
     const r = t.velocityY * 16, s = t.velocityX * 16;
@@ -2140,19 +2155,19 @@ function Hi(t, e) {
   };
   t.momentumRaf = requestAnimationFrame(n);
 }
-function Li(t, e, i, o) {
-  t.addEventListener("touchstart", (n) => Ai(n, e, i), {
+function Pi(t, e, i, o) {
+  t.addEventListener("touchstart", (n) => Ti(n, e, i), {
     passive: !0,
     signal: o
   }), t.addEventListener(
     "touchmove",
     (n) => {
-      Ti(n, e, i) && n.preventDefault();
+      xi(n, e, i) && n.preventDefault();
     },
     { passive: !1, signal: o }
-  ), t.addEventListener("touchend", () => xi(e, i), { passive: !0, signal: o });
+  ), t.addEventListener("touchend", () => Hi(e, i), { passive: !0, signal: o });
 }
-const Pi = [
+const zi = [
   {
     property: "editable",
     pluginName: "editing",
@@ -2192,7 +2207,7 @@ const Pi = [
     description: 'the "sticky" column property (deprecated, use "pinned")',
     isUsed: (t) => t === "left" || t === "right" || t === "start" || t === "end"
   }
-], zi = [
+], Di = [
   {
     property: "columnGroups",
     pluginName: "groupingColumns",
@@ -2201,11 +2216,11 @@ const Pi = [
     isUsed: (t) => Array.isArray(t) && t.length > 0
   }
 ];
-function Di(t) {
+function Oi(t) {
   return t.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
 }
 function be(t) {
-  return `import { ${D(t)}Plugin } from '@toolbox-web/grid/plugins/${Di(t)}';`;
+  return `import { ${D(t)}Plugin } from '@toolbox-web/grid/plugins/${Oi(t)}';`;
 }
 function D(t) {
   return t.charAt(0).toUpperCase() + t.slice(1);
@@ -2213,8 +2228,8 @@ function D(t) {
 function Ue(t, e) {
   return t.some((i) => i.name === e);
 }
-function Oi(t, e) {
-  const i = Pi, o = zi, n = /* @__PURE__ */ new Map();
+function Mi(t, e) {
+  const i = zi, o = Di, n = /* @__PURE__ */ new Map();
   function r(l, a, c, h, f = !1) {
     n.has(l) || n.set(l, { description: a, importHint: c, fields: [], isConfigProperty: f });
     const p = n.get(l);
@@ -2264,7 +2279,7 @@ This validation helps catch misconfigurations early. The properties listed above
     );
   }
 }
-function Mi(t) {
+function ki(t) {
   const e = [], i = [];
   for (const o of t) {
     const r = o.constructor.manifest;
@@ -2287,7 +2302,7 @@ ${e.join(`
 
 `)}`);
 }
-function ki(t, e) {
+function Ii(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;
@@ -2335,24 +2350,24 @@ ${D(o.name)}Plugin and ${D(s.name)}Plugin are both loaded, but they are currentl
 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 Ii(t, e, i) {
+function qi(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 qi(t, e, i, o) {
+function $i(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 $i(t, e, i, o, n) {
+function Wi(t, e, i, o, n) {
   const r = new Array(t.length);
   let s = 0;
   for (let l = 0; l < t.length; l++) {
     const a = t[l];
     let c = n?.(a, l), h = c !== void 0;
-    c === void 0 && (c = 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;
+    c === void 0 && (c = qi(e, a, o.rowId), h = c !== void 0), c === void 0 && (c = i, h = !1), r[l] = { offset: s, height: c, measured: h }, s += c;
   }
   return r;
 }
@@ -2365,7 +2380,7 @@ function me(t, e, i) {
       t[r].offset += n;
   }
 }
-function Wi(t) {
+function Fi(t) {
   if (t.length === 0) return 0;
   const e = t[t.length - 1];
   return e.offset + e.height;
@@ -2385,19 +2400,19 @@ function Ve(t, e) {
   }
   return Math.max(0, Math.min(i, t.length - 1));
 }
-function Fi(t, e) {
+function Ui(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 Ui(t) {
+function Vi(t) {
   let e = 0;
   for (const i of t)
     i.measured && e++;
   return e;
 }
-function Vi(t, e) {
+function Bi(t, e) {
   const { positionCache: i, heightCache: o, rows: n, start: r, end: s, getPluginHeight: l, getRowId: a } = t;
   let c = !1;
   e.forEach((p) => {
@@ -2414,13 +2429,13 @@ function Vi(t, e) {
     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);
+      (!b.measured || Math.abs(b.height - v) > 1) && (me(i, u, v), $i(o, d, v, a), c = !0);
     }
   });
-  const h = c ? Ui(i) : 0, f = c ? Fi(i, t.defaultHeight) : 0;
+  const h = c ? Vi(i) : 0, f = c ? Ui(i, t.defaultHeight) : 0;
   return { hasChanges: c, measuredCount: h, averageHeight: f };
 }
-function Bi(t, e, i, o) {
+function Gi(t, e, i, o) {
   let n = 0, r = 0;
   for (let s = 0; s < t.length; s++) {
     const l = t[s];
@@ -2431,7 +2446,7 @@ function Bi(t, e, i, o) {
     averageHeight: n > 0 ? r / n : i
   };
 }
-function no(t) {
+function ro(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);
@@ -2443,7 +2458,7 @@ function no(t) {
     totalHeight: e * n
   };
 }
-function ro(t, e) {
+function so(t, e) {
   return t <= e;
 }
 class ne {
@@ -2466,7 +2481,7 @@ class ne {
       this.attach(i);
   }
   attach(e) {
-    if (ki(e, this.plugins), this.pluginMap.set(e.constructor, e), this.plugins.push(e), e.cellRenderers)
+    if (Ii(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)
@@ -2731,7 +2746,7 @@ class ne {
     return e.sort((i, o) => (i.content.order ?? 0) - (o.content.order ?? 0));
   }
 }
-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 = `/**
+const Xi = "@layer tbw-base{tbw-grid{.tbw-expanding{animation:tbw-expand var(--tbw-animation-duration) var(--tbw-animation-easing) forwards;overflow:hidden}.tbw-collapsing{animation:tbw-collapse var(--tbw-animation-duration) var(--tbw-animation-easing) forwards;overflow:hidden}&[data-animation-mode=off]{--tbw-animation-enabled: 0;--tbw-animation-duration: 0ms;.data-grid-row[data-animating]{animation:none}}}tbw-grid .data-grid-row[data-animating=change]{animation:tbw-row-change var(--tbw-row-change-duration) ease-out}tbw-grid .data-grid-row[data-animating=insert]{animation:tbw-row-insert var(--tbw-row-insert-duration) ease-out;will-change:max-height,opacity}tbw-grid .data-grid-row[data-animating=remove]{animation:tbw-row-remove var(--tbw-row-remove-duration) ease-out forwards;will-change:max-height,opacity,transform;pointer-events:none}}@keyframes tbw-expand{0%{opacity:0;max-height:0;transform:translateY(-8px)}to{opacity:1;max-height:500px;transform:translateY(0)}}@keyframes tbw-collapse{0%{opacity:1;max-height:500px;transform:translateY(0)}to{opacity:0;max-height:0;transform:translateY(-8px)}}@keyframes tbw-row-change{0%{background-color:transparent}20%{background-color:var(--tbw-row-change-color)}to{background-color:transparent}}@keyframes tbw-row-insert{0%{opacity:0;max-height:0;overflow:hidden}to{opacity:1;max-height:var(--tbw-row-height, 28px);overflow:hidden}}@keyframes tbw-row-remove{0%{opacity:1;transform:translateY(0);max-height:var(--tbw-row-height, 28px)}to{opacity:0;max-height:0;transform:translateY(-8px)}}@keyframes tbw-spin{to{transform:rotate(360deg)}}@keyframes tbw-fade-in{0%{opacity:0}to{opacity:1}}", Yi = '@layer tbw-base{tbw-grid{color-scheme:inherit;position:relative;display:block;width:100%;height:100%;min-height:0;contain:content;font-family:var(--tbw-font-family);font-size:var(--tbw-font-size);font-feature-settings:"tnum","lnum";background:var(--tbw-color-bg);color:var(--tbw-color-fg);border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);overflow:clip;outline:none;&,*{box-sizing:border-box}.tbw-grid-root{position:relative;display:flex;flex-direction:column;height:100%;&.has-shell{display:flex;flex-direction:column;height:100%}&:has(.selected){user-select:none}}.rows-body-wrapper{flex:1;min-height:0;display:flex;flex-direction:row;width:100%;min-width:fit-content}.rows-body{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:visible}.rows-container{display:flex;flex-direction:row;flex:1;min-height:0;overflow:visible}.rows-viewport{flex:1;min-width:0;position:relative;display:block;overflow:clip;.rows{position:absolute;top:0;left:0;min-width:100%;will-change:transform;z-index:var(--tbw-z-layer-rows, 1)}}.faux-vscroll{position:sticky;inset-inline-end:0;flex-shrink:0;width:auto;overflow-y:auto;overflow-x:hidden;z-index:var(--tbw-z-layer-header, 30)}.faux-vscroll-spacer{width:1px}&[data-has-focus]{.cell-focus,.row-focus{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}}.sticky-left,.sticky-right{position:sticky;z-index:25}.sticky-left{box-shadow:1px 0 0 var(--tbw-color-border)}.sticky-right{box-shadow:-1px 0 0 var(--tbw-color-border)}}}', ji = '@layer tbw-base{tbw-grid{.header{display:block;flex-shrink:0;z-index:var(--tbw-z-layer-header, 30);background:var(--tbw-color-header-bg);overflow:visible}.header-group-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-color-header-bg);z-index:var(--tbw-z-layer-header, 30)}.header-group-cell{display:flex;align-items:center;justify-content:flex-start;padding:var(--tbw-cell-padding-header, 2px 8px);color:var(--tbw-color-header-group-fg, var(--tbw-color-header-fg));font-weight:var(--tbw-font-weight-header-group, var(--tbw-font-weight-header));justify-content:var(--tbw-align-header-group, var(--tbw-align-header, flex-start));&:not(:last-child){border-right:2px solid var(--tbw-color-border)}}.header-row{display:grid;grid-template-columns:var(--tbw-column-template);color:var(--tbw-color-header-fg);font-size:var(--tbw-font-size-header);min-height:var(--tbw-header-height);border-bottom:var(--tbw-border-header);z-index:var(--tbw-z-layer-header, 30);text-transform:var(--tbw-header-text-transform);letter-spacing:var(--tbw-header-letter-spacing);>.cell{display:flex;align-items:center;gap:4px;padding:var(--tbw-cell-padding-header, 2px 8px);background-color:var(--tbw-color-header-bg);font-weight:var(--tbw-font-weight-header);border-right:1px solid var(--tbw-color-border-cell);overflow:visible;min-width:0;>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:inherit}>span[part~=sort-indicator]{flex-shrink:0;opacity:.6;color:var(--tbw-sort-indicator-color);display:var(--tbw-sort-indicator-display, inline-flex);visibility:var(--tbw-sort-indicator-visibility, visible);transition:opacity .15s,visibility 0s,display 0s allow-discrete;transition-behavior:allow-discrete}&:hover>span[part~=sort-indicator]{display:inline-flex;visibility:visible}&[aria-sort=ascending]>span[part~=sort-indicator],&[aria-sort=descending]>span[part~=sort-indicator]{display:inline-flex;visibility:visible;opacity:1;color:var(--tbw-sort-indicator-active-color)}&:last-child{border-right:0;.resize-handle{right:0;width:calc(var(--tbw-resize-handle-width) / 2)}}&.grouped.group-end:not(:last-child){border-right:2px solid var(--tbw-color-border)}&.resizable{position:relative}&.sticky-left,&.sticky-right{background:var(--tbw-color-header-bg);z-index:35}}}.sortable{cursor:pointer;user-select:none}.resize-handle{position:absolute;top:0;right:calc(var(--tbw-resize-handle-width) / -2);width:var(--tbw-resize-handle-width);height:100%;cursor:e-resize;user-select:none;touch-action:none;z-index:20;background:var(--tbw-resize-handle-color);transition:background .12s ease;border-radius:var(--tbw-resize-handle-border-radius);&:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:var(--tbw-resize-indicator-width, 2px);height:0;background:var(--tbw-resize-indicator-color, var(--tbw-color-accent));opacity:0;pointer-events:none;transition:opacity .12s ease,height 0s .12s;z-index:1000}&:hover{background:var(--tbw-resize-handle-color-hover);&:after{height:100vh;opacity:var(--tbw-resize-indicator-opacity, .6);transition:opacity .12s ease,height 0s}}}}}', Ki = '@layer tbw-base{.tbw-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:light-dark(rgba(255,255,255,.7),rgba(0,0,0,.5));z-index:1000;pointer-events:all;animation:tbw-fade-in .15s ease-out}.tbw-spinner{--tbw-spinner-size: 48px;--tbw-spinner-border-width: 3px;--tbw-spinner-color: var(--tbw-color-accent);--tbw-spinner-track-color: var(--tbw-color-border);width:var(--tbw-spinner-size);height:var(--tbw-spinner-size);border:var(--tbw-spinner-border-width) solid var(--tbw-spinner-track-color);border-top-color:var(--tbw-spinner-color);border-radius:50%;animation:tbw-spin .8s linear infinite}.tbw-spinner--large{--tbw-spinner-size: min(48px, calc(100% - 16px) )}.tbw-spinner--small{--tbw-spinner-size: calc(var(--tbw-row-height, 28px) * .6);--tbw-spinner-border-width: 2px}.data-grid-row.tbw-row-loading{position:relative;pointer-events:none}.tbw-row-loading-overlay{position:absolute;inset:0;background:light-dark(rgba(255,255,255,.7),rgba(0,0,0,.5));z-index:26;animation:tbw-fade-in .15s ease-out;pointer-events:none;display:flex;align-items:center}.tbw-row-loading-spinner{--_spinner-size: calc(var(--tbw-row-height, 28px) * .6);margin-left:var(--tbw-spacing-md);width:var(--_spinner-size);height:var(--_spinner-size);border:2px solid var(--tbw-spinner-track-color, var(--tbw-color-border));border-top-color:var(--tbw-spinner-color, var(--tbw-color-accent));border-radius:50%;animation:tbw-spin .8s linear infinite}.cell.tbw-cell-loading{position:relative;pointer-events:none;&:before{content:"";position:absolute;inset:0;background:light-dark(rgba(255,255,255,.7),rgba(0,0,0,.5));z-index:26;animation:tbw-fade-in .15s ease-out}&:after{--_spinner-size: calc(var(--tbw-row-height, 28px) * .5);content:"";position:absolute;left:var(--tbw-spacing-sm);top:0;bottom:0;margin:auto 0;width:var(--_spinner-size);height:var(--_spinner-size);border:2px solid var(--tbw-spinner-track-color, var(--tbw-color-border));border-top-color:var(--tbw-spinner-color, var(--tbw-color-accent));border-radius:50%;animation:tbw-spin .8s linear infinite;z-index:27}}}', Qi = "@layer tbw-base{@media(forced-colors:active){tbw-grid{--tbw-color-border: CanvasText;--tbw-color-border-strong: CanvasText;--tbw-color-border-cell: CanvasText;--tbw-color-border-header: CanvasText;--tbw-color-fg: CanvasText;--tbw-color-bg: Canvas;--tbw-color-panel-bg: Canvas;--tbw-color-header-bg: Canvas;--tbw-color-header-fg: CanvasText;--tbw-color-accent: Highlight;--tbw-color-accent-fg: HighlightText;--tbw-color-selection: Highlight;--tbw-color-row-hover: Highlight;--tbw-focus-outline: 2px solid Highlight;--tbw-range-border-color: Highlight;.cell:focus,.cell.active-cell{outline:2px solid Highlight!important;outline-offset:-2px}.data-grid-row[aria-selected=true]{background:Highlight!important;color:HighlightText!important}}}@media(prefers-reduced-motion:reduce){tbw-grid[data-animation-mode=reduced-motion]{--tbw-animation-enabled: 0;--tbw-animation-duration: 0ms;.data-grid-row[data-animating]{animation:none}}}}", Zi = "@layer tbw-base{tbw-grid{.data-grid-row{display:grid;grid-template-columns:var(--tbw-column-template);contain:layout style;&:nth-child(2n){background:var(--tbw-color-row-alt)}&:hover{background:var(--tbw-color-row-hover)}>.cell{display:block;padding:var(--tbw-cell-padding, 2px 8px);border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height);align-content:center;border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0;white-space:var(--tbw-cell-white-space, nowrap);text-overflow:ellipsis;>*{overflow:hidden;text-overflow:ellipsis;white-space:inherit;min-width:0}&:last-child{border-right:0}&[data-type=boolean]{text-align:center;input[type=checkbox]{margin:0;width:var(--tbw-checkbox-size);height:var(--tbw-checkbox-size);vertical-align:middle}}&.selected:focus-visible,&:focus-visible:not(.cell-focus){outline:none}&.sticky-left,&.sticky-right{background:var(--tbw-color-panel-bg)}}}.selecting .data-grid-row>.cell{user-select:none}}}", Ji = "@layer tbw-base{tbw-grid{.tbw-shell-header{display:flex;align-items:center;gap:8px;min-height:var(--tbw-shell-header-height);padding:0 8px;background:var(--tbw-shell-header-bg);border-bottom:1px solid var(--tbw-shell-header-border);flex-shrink:0}.tbw-shell-title{font-size:var(--tbw-shell-title-font-size);font-weight:var(--tbw-shell-title-font-weight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tbw-shell-content{flex:1;display:flex;align-items:center;gap:12px;min-width:0;overflow:hidden}.tbw-shell-toolbar{display:flex;align-items:center;gap:var(--tbw-toolbar-button-gap);flex-shrink:0}.tbw-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-toolbar-button-size);height:var(--tbw-toolbar-button-size);padding:0;border:1px solid transparent;border-radius:var(--tbw-border-radius);background:transparent;color:var(--tbw-color-fg);cursor:pointer;font-size:16px;transition:background var(--tbw-transition-duration) var(--tbw-transition-ease),border-color var(--tbw-transition-duration) var(--tbw-transition-ease);&:hover{background:var(--tbw-color-row-hover)}&:focus-visible{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}&.active{background:var(--tbw-focus-background);border-color:var(--tbw-color-accent)}&:disabled{opacity:.5;cursor:not-allowed}}.tbw-toolbar-separator{width:1px;height:20px;background:var(--tbw-color-border);margin:0 4px}.tbw-shell-body{position:relative;display:flex;flex:1;min-height:0;overflow:visible}.tbw-grid-content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:row;overflow:hidden}.tbw-scroll-area{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow-x:auto;overflow-y:hidden;overflow-anchor:none}}}", eo = "@layer tbw-base{tbw-grid{.tbw-tool-panel{position:absolute;top:0;bottom:0;right:0;width:0;overflow:hidden;background:var(--tbw-tool-panel-bg);border-left:1px solid var(--tbw-tool-panel-border);transition:width var(--tbw-tool-panel-transition);display:flex;flex-direction:column;z-index:30;box-shadow:-2px 0 8px var(--tbw-color-shadow);&[data-position=left]{right:auto;left:0;border-left:none;border-right:1px solid var(--tbw-tool-panel-border);box-shadow:2px 0 8px var(--tbw-color-shadow)}&.open{width:var(--tbw-tool-panel-width)}}.tbw-tool-panel-resize{position:absolute;top:0;bottom:0;width:6px;cursor:col-resize;background:transparent;z-index:10;transition:background var(--tbw-transition-duration) var(--tbw-transition-ease);&[data-handle-position=left]{left:0}&[data-handle-position=right]{right:0}&:hover,&.resizing{background:var(--tbw-color-accent)}}.tbw-tool-panel-header{display:flex;align-items:center;justify-content:space-between;min-height:var(--tbw-tool-panel-header-height);padding:0 12px;border-bottom:1px solid var(--tbw-tool-panel-border);flex-shrink:0}.tbw-tool-panel-title{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tbw-tool-panel-close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--tbw-border-radius);background:transparent;color:var(--tbw-color-fg-muted);cursor:pointer;font-size:14px;&:hover{background:var(--tbw-color-row-hover);color:var(--tbw-color-fg)}}.tbw-tool-panel-content{flex:1;overflow:auto}.tbw-accordion{display:flex;flex-direction:column;gap:0}.tbw-accordion-section{border-bottom:1px solid var(--tbw-tool-panel-border);&:last-child{border-bottom:none}&.single .tbw-accordion-header{cursor:default;&:hover{background:transparent}}&.expanded{.tbw-accordion-chevron{transform:rotate(90deg)}.tbw-accordion-content{display:block}}}.tbw-accordion-header{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--tbw-color-fg);font-size:13px;font-weight:600;text-align:start;cursor:pointer;user-select:none;&:hover{background:var(--tbw-color-row-hover)}}.tbw-accordion-chevron{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:10px;color:var(--tbw-color-fg-muted);transition:transform .15s ease;flex-shrink:0}.tbw-accordion-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:14px;flex-shrink:0}.tbw-accordion-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tbw-accordion-content{display:none}}}", to = "@layer tbw-base{tbw-grid{--tbw-base-icon-size: 1em;--tbw-base-radius: .25em;--tbw-font-size: 1em;--tbw-font-size-sm: .9285em;--tbw-font-size-xs: .7857em;--tbw-font-size-2xs: .7142em;--tbw-spacing-xs: .25em;--tbw-spacing-sm: .375em;--tbw-spacing-md: .5em;--tbw-spacing-lg: .75em;--tbw-spacing-xl: 1em;--tbw-icon-size: var(--tbw-base-icon-size);--tbw-icon-size-sm: .875em;--tbw-checkbox-size: var(--tbw-base-icon-size);--tbw-toggle-size: 1.25em;--tbw-border-radius: var(--tbw-base-radius);--tbw-color-bg: transparent;--tbw-color-panel-bg: light-dark(#eeeeee, #222222);--tbw-color-fg: light-dark(#222222, #eeeeee);--tbw-color-fg-muted: light-dark(#555555, #aaaaaa);--tbw-color-accent: light-dark(#3b82f6, #3b82f6);--tbw-color-accent-fg: light-dark(#ffffff, #000000);--tbw-color-success: light-dark(hsl(122, 39%, 40%), hsl(122, 39%, 49%));--tbw-color-warning: light-dark(hsl(38, 92%, 50%), hsl(38, 92%, 50%));--tbw-color-error: light-dark(hsl(0, 65%, 51%), hsl(0, 65%, 55%));--tbw-color-danger: var(--tbw-color-error);--tbw-color-selection: light-dark(#fff7d6, #333333);--tbw-color-row-alt: var(--tbw-color-bg);--tbw-color-row-hover: light-dark(#f0f6ff, #1c1c1c);--tbw-color-header-bg: color-mix(in hsl, var(--tbw-color-panel-bg) 85%, var(--tbw-color-fg));--tbw-color-header-fg: color-mix(in hsl, var(--tbw-color-fg) 75%, var(--tbw-color-panel-bg));--tbw-color-border: light-dark(#d0d0d4, #454545);--tbw-color-border-strong: light-dark(#777777, #666666);--tbw-color-border-cell: var(--tbw-color-border);--tbw-color-border-header: var(--tbw-color-border);--tbw-color-shadow: light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .3));--tbw-font-family: inherit;--tbw-font-size-header: var(--tbw-font-size);--tbw-font-weight-header: bold;--tbw-cell-padding-header: var(--tbw-spacing-xs) var(--tbw-spacing-md);--tbw-cell-padding-v: var(--tbw-spacing-xs);--tbw-cell-padding-h: var(--tbw-spacing-md);--tbw-cell-padding: var(--tbw-cell-padding-v) var(--tbw-cell-padding-h);--tbw-cell-padding-input: var(--tbw-spacing-xs) var(--tbw-spacing-sm);--tbw-row-height: 1.75em;--tbw-header-height: 1.875em;--tbw-cell-white-space: nowrap;--tbw-border-width: 1px;--tbw-border-style: solid;--tbw-border-input: var(--tbw-border-width) var(--tbw-border-style) var(--tbw-color-border-strong);--tbw-border-header: var(--tbw-border-width) var(--tbw-border-style) var(--tbw-color-border-header);--tbw-row-divider: var(--tbw-border-width) var(--tbw-border-style) var(--tbw-color-border-cell);--tbw-row-hover-outline: 0;--tbw-color-active-row-bg: var(--tbw-color-selection);--tbw-active-row-outline: 0;--tbw-focus-outline-width: 2px;--tbw-focus-outline: var(--tbw-focus-outline-width) var(--tbw-border-style) var(--tbw-color-accent);--tbw-focus-outline-offset: -2px;--tbw-focus-background: rgba(from var(--tbw-color-accent) r g b / 12%);--tbw-range-border-color: var(--tbw-color-accent);--tbw-range-selection-bg: rgba(from var(--tbw-range-border-color) r g b / 12%);--tbw-resize-handle-width: var(--tbw-spacing-sm);--tbw-resize-handle-color: transparent;--tbw-resize-handle-color-hover: var(--tbw-color-accent);--tbw-resize-handle-border-radius: 0;--tbw-resize-indicator-width: 2px;--tbw-resize-indicator-color: var(--tbw-color-accent);--tbw-resize-indicator-opacity: .6;--tbw-transition-duration: .12s;--tbw-transition-ease: ease;--tbw-animation-duration: .2s;--tbw-animation-easing: ease-out;--tbw-animation-enabled: 1;--tbw-row-change-duration: .5s;--tbw-row-insert-duration: .3s;--tbw-row-remove-duration: .2s;--tbw-row-change-color: rgba(from var(--tbw-color-accent) r g b / 25%);--tbw-sort-indicator-color: var(--tbw-color-fg-muted);--tbw-sort-indicator-active-color: var(--tbw-color-accent);--tbw-sort-indicator-display: inline-flex;--tbw-sort-indicator-visibility: visible;--tbw-header-text-transform: none;--tbw-header-letter-spacing: normal;--tbw-color-header-separator: var(--tbw-color-border-cell);--tbw-density-scale: 1;--tbw-shell-header-height: 2.75em;--tbw-shell-header-bg: var(--tbw-color-panel-bg);--tbw-shell-header-border: var(--tbw-color-border);--tbw-shell-title-font-size: var(--tbw-font-size);--tbw-shell-title-font-weight: 600;--tbw-tool-panel-width: 17.5em;--tbw-tool-panel-bg: var(--tbw-color-panel-bg);--tbw-tool-panel-border: var(--tbw-color-border);--tbw-tool-panel-header-height: 2.5em;--tbw-tool-panel-transition: var(--tbw-animation-duration) var(--tbw-animation-easing);--tbw-toolbar-button-size: 2em;--tbw-toolbar-button-gap: var(--tbw-spacing-xs);--tbw-panel-padding: var(--tbw-spacing-lg);--tbw-panel-gap: var(--tbw-spacing-md);--tbw-menu-item-padding: var(--tbw-spacing-sm) var(--tbw-spacing-lg);--tbw-menu-item-gap: var(--tbw-spacing-md);--tbw-menu-min-width: 10rem;--tbw-button-padding: var(--tbw-spacing-sm) var(--tbw-spacing-lg);--tbw-button-padding-sm: var(--tbw-spacing-xs) var(--tbw-spacing-md);--tbw-input-height: var(--tbw-row-height);--tbw-input-padding: 0 var(--tbw-spacing-md);--tbw-detail-padding: var(--tbw-spacing-xl);--tbw-detail-max-height: 31.25rem;--tbw-indicator-size: var(--tbw-spacing-sm)}}", io = `/**
  * tbw-grid Light DOM Styles
  *
  * This stylesheet uses CSS nesting to scope all styles to the tbw-grid element.
@@ -2750,19 +2765,19 @@ const Gi = "@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;
 
-${eo}
-${Xi}
+${to}
 ${Yi}
-${Qi}
+${ji}
 ${Zi}
 ${Ji}
-${ji}
-${Gi}
+${eo}
 ${Ki}
+${Xi}
+${Qi}
 `;
 class k extends HTMLElement {
   static tagName = "tbw-grid";
-  static version = "1.16.1";
+  static version = "1.18.0";
   static #l = 0;
   static adapters = [];
   static registerAdapter(e) {
@@ -2785,7 +2800,7 @@ class k extends HTMLElement {
   #h;
   #a = [];
   get #o() {
-    return this.#t?.effective ?? {};
+    return this.#i?.effective ?? {};
   }
   #f = !1;
   #w = !1;
@@ -2802,12 +2817,12 @@ class k extends HTMLElement {
   #x = !1;
   #m = 0;
   #z;
-  #N = Si();
+  #I = Ri();
   #b;
   #y;
   #p;
-  #S;
-  #J = {
+  #R;
+  #ee = {
     scrollTop: 0,
     scrollLeft: 0,
     scrollHeight: 0,
@@ -2815,23 +2830,24 @@ class k extends HTMLElement {
     clientHeight: 0,
     clientWidth: 0
   };
-  #e;
+  #t;
   #_;
-  #I = !1;
+  #N = !1;
   #D;
-  #V;
+  #G;
   #O;
-  #t;
-  #i = hi();
+  #i;
+  #e = hi();
   #c;
   #q;
+  #$;
   #M = !1;
   #E = /* @__PURE__ */ new Set();
   #H = /* @__PURE__ */ new Map();
-  #$;
-  #R = /* @__PURE__ */ new Map();
+  #W;
+  #S = /* @__PURE__ */ new Map();
   _rows = [];
-  #B = [];
+  #X = [];
   get _columns() {
     return this.#o.columns ?? [];
   }
@@ -2875,16 +2891,16 @@ class k extends HTMLElement {
   __rowRenderEpoch = 0;
   __didInitialAutoSize = !1;
   get __lightDomColumnsCache() {
-    return this.#t?.lightDomColumnsCache;
+    return this.#i?.lightDomColumnsCache;
   }
   set __lightDomColumnsCache(e) {
-    this.#t && (this.#t.lightDomColumnsCache = e);
+    this.#i && (this.#i.lightDomColumnsCache = e);
   }
   get __originalColumnNodes() {
-    return this.#t?.originalColumnNodes;
+    return this.#i?.originalColumnNodes;
   }
   set __originalColumnNodes(e) {
-    this.#t && (this.#t.originalColumnNodes = e);
+    this.#i && (this.#i.originalColumnNodes = e);
   }
   __originalOrder = [];
   __frameworkAdapter;
@@ -2894,7 +2910,7 @@ class k extends HTMLElement {
   }
   set rows(e) {
     const i = this.#a;
-    this.#a = e, i !== e && this.#U("rows");
+    this.#a = e, i !== e && this.#V("rows");
   }
   get sourceRows() {
     return this.#a;
@@ -2903,38 +2919,38 @@ class k extends HTMLElement {
     return [...this._columns];
   }
   set columns(e) {
-    const i = this.#t?.getColumns();
-    this.#t?.setColumns(e), i !== e && this.#U("columns");
+    const i = this.#i?.getColumns();
+    this.#i?.setColumns(e), i !== e && this.#V("columns");
   }
   get gridConfig() {
     return this.#o;
   }
   set gridConfig(e) {
-    const i = this.#t?.getGridConfig();
-    this.#t?.setGridConfig(e), i !== e && (this.#t.clearLightDomCache(), this.#U("gridConfig"));
+    const i = this.#i?.getGridConfig();
+    this.#i?.setGridConfig(e), i !== e && (this.#i.clearLightDomCache(), this.#V("gridConfig"));
   }
   get fitMode() {
     return this.#o.fitMode ?? "stretch";
   }
   set fitMode(e) {
-    const i = this.#t?.getFitMode();
-    this.#t?.setFitMode(e), i !== e && this.#U("fitMode");
+    const i = this.#i?.getFitMode();
+    this.#i?.setFitMode(e), i !== e && this.#V("fitMode");
   }
   get loading() {
     return this.#M;
   }
   set loading(e) {
     const i = this.#M;
-    this.#M = e, e ? this.setAttribute("loading", "") : this.removeAttribute("loading"), i !== e && this.#he();
+    this.#M = e, e ? this.setAttribute("loading", "") : this.removeAttribute("loading"), i !== e && this.#ue();
   }
   setRowLoading(e, i) {
     const o = this.#E.has(e);
-    i ? this.#E.add(e) : this.#E.delete(e), o !== i && this.#j(e, i);
+    i ? this.#E.add(e) : this.#E.delete(e), o !== i && this.#K(e, i);
   }
   setCellLoading(e, i, o) {
     let n = this.#H.get(e);
     const r = n?.has(i) ?? !1;
-    o ? (n || (n = /* @__PURE__ */ new Set(), this.#H.set(e, n)), n.add(i)) : (n?.delete(i), n?.size === 0 && this.#H.delete(e)), r !== o && this.#ue(e, i, o);
+    o ? (n || (n = /* @__PURE__ */ new Set(), this.#H.set(e, n)), n.add(i)) : (n?.delete(i), n?.size === 0 && this.#H.delete(e)), r !== o && this.#fe(e, i, o);
   }
   isRowLoading(e) {
     return this.#E.has(e);
@@ -2945,11 +2961,11 @@ class k extends HTMLElement {
   clearAllLoading() {
     this.loading = !1;
     for (const e of this.#E)
-      this.#j(e, !1);
+      this.#K(e, !1);
     this.#E.clear();
     for (const [e, i] of this.#H)
       for (const o of i)
-        this.#ue(e, o, !1);
+        this.#fe(e, o, !1);
     this.#H.clear();
   }
   get effectiveConfig() {
@@ -2959,28 +2975,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 ti({
+    super(), this.#me(), this.#d = new Promise((e) => this.#h = e), this.#s = new ti({
       mergeConfig: () => {
-        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];
+        this.#i.parseLightDomColumns(this), this.#i.merge(), this.#ie(), Mi(this.#o, this.#t?.getPlugins() ?? []), ki(this.#t?.getPlugins() ?? []), Ni(this.#t?.getPlugins() ?? []), this.#De(), this.#X = [...this._columns];
       },
-      processColumns: () => this.#xe(),
-      processRows: () => this.#Le(),
+      processColumns: () => this.#He(),
+      processRows: () => this.#Pe(),
       renderHeader: () => oe(this),
       updateTemplate: () => V(this),
       renderVirtualWindow: () => this.refreshVirtualWindow(!0, !0),
       afterRender: () => {
-        this.#e?.afterRender(), this._virtualization.enabled && this._virtualization.totalHeightEl && queueMicrotask(() => {
+        this.#t?.afterRender(), this._virtualization.enabled && this._virtualization.totalHeightEl && queueMicrotask(() => {
           if (!this._virtualization.totalHeightEl) return;
           const i = this.#T(this._rows.length);
           this._virtualization.totalHeightEl.style.height = `${i}px`;
-        }), this.#o.fitMode === "fixed" && !this.__didInitialAutoSize && (this.__didInitialAutoSize = !0, Re(this)), this._restoreFocusAfterRender && (this._restoreFocusAfterRender = !1, $(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.#U && this.#ye(), this.#x && (this.#x = !1, requestAnimationFrame(() => {
           requestAnimationFrame(() => {
-            this.#ve();
+            this.#Ce();
           });
-        })), this.#M && this.#he();
+        })), this.#M && this.#ue();
       },
       isConnected: () => this.isConnected && this.#f
-    }), this.#s.setInitialReadyResolver(() => this.#h?.()), this.#c = bi(this.#i, {
+    }), this.#s.setInitialReadyResolver(() => this.#h?.()), this.#c = mi(this.#e, {
       getShadow: () => this.#n,
       getShellConfig: () => this.#o?.shell,
       getAccordionIcons: () => ({
@@ -2989,7 +3005,7 @@ class k extends HTMLElement {
       }),
       emit: (e, i) => this.#L(e, i),
       refreshShellHeader: () => this.refreshShellHeader()
-    }), this.#t = new Lt({
+    }), this.#i = new Lt({
       getRows: () => this.#a,
       getSortState: () => this._sortState,
       setSortState: (e) => {
@@ -3010,23 +3026,23 @@ class k extends HTMLElement {
       setRowHeight: (e) => {
         this._virtualization.rowHeight = e;
       },
-      applyAnimationConfig: (e) => this.#Pe(e),
-      getShellLightDomTitle: () => this.#i.lightDomTitle,
-      getShellToolPanels: () => this.#i.toolPanels,
-      getShellHeaderContents: () => this.#i.headerContents,
-      getShellToolbarContents: () => this.#i.toolbarContents,
-      getShellLightDomHeaderContent: () => this.#i.lightDomHeaderContent,
-      getShellHasToolButtonsContainer: () => this.#i.hasToolButtonsContainer
+      applyAnimationConfig: (e) => this.#ze(e),
+      getShellLightDomTitle: () => this.#e.lightDomTitle,
+      getShellToolPanels: () => this.#e.toolPanels,
+      getShellHeaderContents: () => this.#e.headerContents,
+      getShellToolbarContents: () => this.#e.toolbarContents,
+      getShellLightDomHeaderContent: () => this.#e.lightDomHeaderContent,
+      getShellHasToolButtonsContainer: () => this.#e.hasToolButtonsContainer
     });
   }
-  async #be() {
-    await Ei(to);
+  async #me() {
+    await Si(io);
   }
   getPlugin(e) {
-    return this.#e?.getPlugin(e);
+    return this.#t?.getPlugin(e);
   }
   getPluginByName(e) {
-    return this.#e?.getPluginByName(e);
+    return this.#t?.getPluginByName(e);
   }
   requestRender() {
     this.#s.requestPhase(A.ROWS, "plugin:requestRender");
@@ -3043,16 +3059,16 @@ class k extends HTMLElement {
   requestAfterRender() {
     this.#s.requestPhase(A.STYLE, "plugin:requestAfterRender");
   }
-  #ee() {
-    this.#e = new ne(this);
+  #te() {
+    this.#t = new ne(this);
     const e = this.#o?.plugins, i = Array.isArray(e) ? e : [];
-    this.#e.attachAll(i);
+    this.#t.attachAll(i);
   }
-  #W() {
-    const e = this.#e?.getPluginStyles() ?? [];
-    yi(e);
+  #F() {
+    const e = this.#t?.getPluginStyles() ?? [];
+    _i(e);
   }
-  #te() {
+  #ie() {
     const e = this.#o?.plugins, i = Array.isArray(e) ? e : [];
     if (this.#_ === i)
       return;
@@ -3060,38 +3076,38 @@ class k extends HTMLElement {
       this.#_ = i;
       return;
     }
-    this.#e && this.#e.detachAll();
-    for (const n of this.#i.toolPanels.keys()) {
-      const r = this.#i.lightDomToolPanelIds.has(n), s = this.#i.apiToolPanelIds.has(n);
+    this.#t && this.#t.detachAll();
+    for (const n of this.#e.toolPanels.keys()) {
+      const r = this.#e.lightDomToolPanelIds.has(n), s = this.#e.apiToolPanelIds.has(n);
       if (!r && !s) {
-        const l = this.#i.panelCleanups.get(n);
-        l && (l(), this.#i.panelCleanups.delete(n)), this.#i.toolPanels.delete(n);
+        const l = this.#e.panelCleanups.get(n);
+        l && (l(), this.#e.panelCleanups.delete(n)), this.#e.toolPanels.delete(n);
       }
     }
-    for (const n of this.#i.headerContents.keys()) {
-      const r = this.#i.headerContentCleanups.get(n);
-      r && (r(), this.#i.headerContentCleanups.delete(n)), this.#i.headerContents.delete(n);
+    for (const n of this.#e.headerContents.keys()) {
+      const r = this.#e.headerContentCleanups.get(n);
+      r && (r(), this.#e.headerContentCleanups.delete(n)), this.#e.headerContents.delete(n);
     }
-    this.#ee(), this.#W(), this.#_ = i, this.#re(), this.#ie();
+    this.#te(), this.#F(), this.#_ = i, this.#se(), this.#oe();
     const o = this.#g;
-    if (this.#g = this.#e?.getAll().some((n) => n.onScroll) ?? !1, !o && this.#g) {
+    if (this.#g = this.#t?.getAll().some((n) => n.onScroll) ?? !1, !o && this.#g) {
       const r = this.#n.querySelector(".tbw-grid-content") ?? this.#n.querySelector(".tbw-grid-root");
-      this.#G(r);
+      this.#Y(r);
     }
   }
-  #me() {
-    this.#e?.detachAll();
+  #ve() {
+    this.#t?.detachAll();
   }
-  #ie() {
-    if (!this.#e) return;
-    const e = this.#e.getToolPanels();
+  #oe() {
+    if (!this.#t) return;
+    const e = this.#t.getToolPanels();
     for (const { panel: o } of e)
-      this.#i.toolPanels.has(o.id) || this.#i.toolPanels.set(o.id, o);
-    const i = this.#e.getHeaderContents();
+      this.#e.toolPanels.has(o.id) || this.#e.toolPanels.set(o.id, o);
+    const i = this.#t.getHeaderContents();
     for (const { content: o } of i)
-      this.#i.headerContents.has(o.id) || this.#i.headerContents.set(o.id, o);
+      this.#e.headerContents.has(o.id) || this.#e.headerContents.set(o.id, o);
   }
-  #oe() {
+  #ne() {
     const e = k.getAdapters();
     if (e.length === 0 && !this.__frameworkAdapter) return;
     const i = this.__frameworkAdapter;
@@ -3108,17 +3124,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 && (Oe(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.#N = !1), this.#b = new AbortController(), this.#R && (Oe(this.#R), this.#R = void 0), this.#k(), this.#i.parseLightDomColumns(this), this.#i.merge(), this.#te();
     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 = Xt(
+    this.#_ = Array.isArray(e) ? e : [], this.#oe(), this.#u || (this.#J(), this.#F(), this.#u = !0), this.#re(), this.#R = Xt(
       () => {
-        this.#ke();
+        this.#Ie();
       },
       { timeout: 100 }
     );
   }
   disconnectedCallback() {
-    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;
+    this.#R && (Oe(this.#R), this.#R = void 0), this.#m && (clearTimeout(this.#m), this.#m = 0), this.#ve(), bi(this.#e), this.#c.setInitialized(!1), this.#q?.(), this.#q = void 0, this.#$?.(), this.#$ = void 0, lt(this.#I), this.#b && (this.#b.abort(), this.#b = void 0), this.#D?.abort(), this.#D = void 0, this.#N = !1, this._resizeController && this._resizeController.dispose(), this.#y && (this.#y.disconnect(), this.#y = void 0), this.#p && (this.#p.disconnect(), this.#p = void 0, this.#U = !1), Y(this), this.#A.clear(), this.#_ = void 0;
     for (const e of this._rowPool)
       e.remove();
     this._rowPool.length = 0, this.__rowsBodyEl = null, this.#f = !1;
@@ -3139,25 +3155,25 @@ class k extends HTMLElement {
         }
       else e === "fit-mode" && (this.fitMode = o);
   }
-  #ne() {
+  #re() {
     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) {
-      ge(this.#n, this.#i), de(this.#n, this.#o?.shell, this.#i);
+      ge(this.#n, this.#e), de(this.#n, this.#o?.shell, this.#e);
       const n = this.#o?.shell?.toolPanel?.defaultOpen;
-      n && this.#i.toolPanels.has(n) && (this.openToolPanel(), this.#i.expandedSections.add(n));
+      n && this.#e.toolPanels.has(n) && (this.openToolPanel(), this.#e.expandedSections.add(n));
     }
-    if (this.setAttribute("data-upgraded", ""), this.#f = !0, this._resizeController = Me(this), this.#P(), this.#G(i), this.#I)
+    if (this.setAttribute("data-upgraded", ""), this.#f = !0, this._resizeController = Me(this), this.#P(), this.#Y(i), this.#N)
       return;
-    this.#I = !0;
+    this.#N = !0;
     const o = this.disconnectSignal;
-    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();
-    typeof e == "function" || i ? this._virtualization.variableHeights || (this._virtualization.variableHeights = !0, this._virtualization.rowHeight = typeof e == "number" && e > 0 ? e : this._virtualization.rowHeight || 28, this.#Q(), typeof e != "function" && (this.#x = !0)) : !i && typeof e != "function" && this._virtualization.variableHeights ? (this._virtualization.variableHeights = !1, this._virtualization.positionCache = null) : typeof e == "number" && e > 0 ? (this._virtualization.rowHeight = e, this._virtualization.variableHeights = !1) : requestAnimationFrame(() => this.#se());
+    Ft(this, this, this.#n, o), this.#se(), queueMicrotask(() => this.#_e()), this.#s.requestPhase(A.FULL, "afterConnect");
   }
   #se() {
-    if (this.#e.hasExtraHeight())
+    const e = this.#o.rowHeight, i = this.#t.hasRowHeightPlugin();
+    typeof e == "function" || i ? this._virtualization.variableHeights || (this._virtualization.variableHeights = !0, this._virtualization.rowHeight = typeof e == "number" && e > 0 ? e : this._virtualization.rowHeight || 28, this.#Z(), typeof e != "function" && (this.#x = !0)) : !i && typeof e != "function" && this._virtualization.variableHeights ? (this._virtualization.variableHeights = !1, this._virtualization.positionCache = null) : typeof e == "number" && e > 0 ? (this._virtualization.rowHeight = e, this._virtualization.variableHeights = !1) : requestAnimationFrame(() => this.#le());
+  }
+  #le() {
+    if (this.#t.hasExtraHeight())
       return;
     const e = this._bodyEl?.querySelector(".data-grid-row");
     if (!e) return;
@@ -3170,7 +3186,7 @@ class k extends HTMLElement {
     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(A.VIRTUALIZATION, "measureRowHeight"));
   }
-  #ve() {
+  #Ce() {
     const e = this._bodyEl?.querySelector(".data-grid-row");
     if (!e) return;
     const i = e.querySelectorAll(".cell");
@@ -3180,15 +3196,15 @@ class k extends HTMLElement {
       l > o && (o = l);
     });
     const n = e.getBoundingClientRect(), r = Math.max(n.height, o);
-    if (r > 0 && (Math.abs(r - this._virtualization.rowHeight) > 1 && (this._virtualization.rowHeight = r), this.#Q(), this._virtualization.totalHeightEl)) {
+    if (r > 0 && (Math.abs(r - this._virtualization.rowHeight) > 1 && (this._virtualization.rowHeight = r), this.#Z(), this._virtualization.totalHeightEl)) {
       const l = this.#T(this._rows.length);
       this._virtualization.totalHeightEl.style.height = `${l}px`;
     }
   }
-  #G(e) {
+  #Y(e) {
     this.#D?.abort(), this.#D = new AbortController();
     const i = this.#D.signal, o = e?.querySelector(".faux-vscroll"), n = e?.querySelector(".rows");
-    if (this._virtualization.container = o ?? this, this.#g = this.#e?.getAll().some((r) => r.onScroll) ?? !1, o && n) {
+    if (this._virtualization.container = o ?? this, this.#g = this.#t?.getAll().some((r) => r.onScroll) ?? !1, o && n) {
       o.addEventListener(
         "scroll",
         () => {
@@ -3209,21 +3225,21 @@ class k extends HTMLElement {
             n.style.transform = `translateY(${g}px)`;
           }
           this.#r = a, this.#C || (this.#C = requestAnimationFrame(() => {
-            this.#C = 0, this.#r !== null && (this.#De(this.#r), this.#r = null);
+            this.#C = 0, this.#r !== null && (this.#Oe(this.#r), this.#r = null);
           }));
         },
         { passive: !0, signal: i }
       );
       const r = this.#n.querySelector(".tbw-scroll-area");
-      this.#V = r, this._virtualization.scrollAreaEl = r, r && this.#g && r.addEventListener(
+      this.#G = r, this._virtualization.scrollAreaEl = r, r && this.#g && r.addEventListener(
         "scroll",
         () => {
-          const a = this.#J;
-          a.scrollTop = o.scrollTop, a.scrollLeft = r.scrollLeft, a.scrollHeight = o.scrollHeight, a.scrollWidth = r.scrollWidth, a.clientHeight = o.clientHeight, a.clientWidth = r.clientWidth, this.#e?.onScroll(a);
+          const a = this.#ee;
+          a.scrollTop = o.scrollTop, a.scrollLeft = r.scrollLeft, a.scrollHeight = o.scrollHeight, a.scrollWidth = r.scrollWidth, a.clientHeight = o.clientHeight, a.clientWidth = r.clientWidth, this.#t?.onScroll(a);
         },
         { passive: !0, signal: i }
       );
-      const s = this.#n.querySelector(".tbw-grid-content"), l = this.#V;
+      const s = this.#n.querySelector(".tbw-grid-content"), l = this.#G;
       s && (s.addEventListener(
         "wheel",
         (a) => {
@@ -3237,9 +3253,9 @@ class k extends HTMLElement {
           }
         },
         { passive: !1, signal: i }
-      ), Li(
+      ), Pi(
         s,
-        this.#N,
+        this.#I,
         { fauxScrollbar: o, scrollArea: l },
         i
       ));
@@ -3261,12 +3277,12 @@ class k extends HTMLElement {
       { signal: i }
     );
   }
-  #F = !1;
-  #Ce() {
-    if (this.#F) return;
+  #U = !1;
+  #ye() {
+    if (this.#U) return;
     const e = this._bodyEl?.querySelector(".data-grid-row");
-    e && (this.#F = !0, this.#p?.disconnect(), this.#p = new ResizeObserver(() => {
-      this.#se();
+    e && (this.#U = !0, this.#p?.disconnect(), this.#p = new ResizeObserver(() => {
+      this.#le();
     }), this.#p.observe(e));
   }
   addEventListener(e, i, o) {
@@ -3278,7 +3294,7 @@ class k extends HTMLElement {
   #L(e, i) {
     this.dispatchEvent(new CustomEvent(e, { detail: i, bubbles: !0, composed: !0 }));
   }
-  #ye() {
+  #_e() {
     this._bodyEl?.querySelectorAll(".data-grid-row")?.forEach((i, o) => {
       const n = o === this._focusRow;
       i.setAttribute("aria-selected", String(n)), i.querySelectorAll(".cell").forEach((r, s) => {
@@ -3286,10 +3302,10 @@ class k extends HTMLElement {
       });
     });
   }
-  #U(e) {
-    this.#v[e] = !0, !this.#w && (this.#w = !0, queueMicrotask(() => this.#_e()));
+  #V(e) {
+    this.#v[e] = !0, !this.#w && (this.#w = !0, queueMicrotask(() => this.#Ee()));
   }
-  #_e() {
+  #Ee() {
     if (!this.#w || !this.#f) {
       this.#w = !1;
       return;
@@ -3301,69 +3317,69 @@ class k extends HTMLElement {
       gridConfig: !1,
       fitMode: !1
     }, e.gridConfig) {
-      this.#Ae(), e.rows && this.#le();
+      this.#Te(), e.rows && this.#ae();
       return;
     }
-    e.columns && this.#Se(), e.rows && this.#le(), e.fitMode && this.#Re();
+    e.columns && this.#Re(), e.rows && this.#ae(), e.fitMode && this.#Ae();
   }
-  #le() {
-    this._rows = Array.isArray(this.#a) ? [...this.#a] : [], this.#X(), this.#s.requestPhase(A.ROWS, "applyRowsUpdate");
+  #ae() {
+    this._rows = Array.isArray(this.#a) ? [...this.#a] : [], this.#B(), this.#s.requestPhase(A.ROWS, "applyRowsUpdate");
   }
-  #X() {
-    this.#R.clear();
+  #B() {
+    this.#S.clear();
     const e = this.#o.getRowId;
     this._rows.forEach((i, o) => {
-      const n = this.#ae(i, e);
-      n !== void 0 && this.#R.set(n, { row: i, index: o });
+      const n = this.#ce(i, e);
+      n !== void 0 && this.#S.set(n, { row: i, index: o });
     });
   }
-  #ae(e, i) {
+  #ce(e, i) {
     if (i)
       return i(e);
     const o = e;
     if ("id" in o && o.id != null) return String(o.id);
     if ("_id" in o && o._id != null) return String(o._id);
   }
-  #Ee(e, i) {
-    const o = this.#ae(e, i);
+  #Se(e, i) {
+    const o = this.#ce(e, i);
     if (o === void 0)
       throw new Error(
         '[tbw-grid] Cannot determine row ID. Configure getRowId in gridConfig or ensure rows have an "id" property.'
       );
     return o;
   }
-  #Se() {
-    Y(this), this.#t.merge(), this.#P();
-  }
   #Re() {
-    this.#t.merge(), this.#o.fitMode === "fixed" ? (this.__didInitialAutoSize = !1, Re(this)) : (this._columns.forEach((i) => {
+    Y(this), this.#i.merge(), this.#P();
+  }
+  #Ae() {
+    this.#i.merge(), this.#o.fitMode === "fixed" ? (this.__didInitialAutoSize = !1, Re(this)) : (this._columns.forEach((i) => {
       !i.__userResized && i.__autoSized && delete i.width;
     }), V(this));
   }
-  #Ae() {
-    Ne(this, this.#i), Ie(this, this.#i);
+  #Te() {
+    Ie(this, this.#e), Ne(this, this.#e);
     const e = !!this.#n.querySelector(".has-shell"), i = !!this.#n.querySelector(".tbw-tool-panel"), o = this.#n.querySelectorAll(".tbw-accordion-section").length;
-    this.#t.parseLightDomColumns(this), this.#t.merge(), this.#te(), qe(this, this.#i, this.#oe()), this.#t.markSourcesChanged(), this.#t.merge();
+    this.#i.parseLightDomColumns(this), this.#i.merge(), this.#ie(), qe(this, this.#e, this.#ne()), this.#i.markSourcesChanged(), this.#i.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) {
-      he(this.#i), this.#Z(), this.#W(), this.#ne(), this.#X();
+      he(this.#e), this.#J(), this.#F(), this.#re(), this.#B();
       return;
     }
-    e && this.#Te(), this.#X(), this.#s.requestPhase(A.COLUMNS, "applyGridConfigUpdate");
+    e && this.#xe(), this.#B(), this.#s.requestPhase(A.COLUMNS, "applyGridConfigUpdate");
   }
-  #Te() {
+  #xe() {
     const e = this.#n.querySelector(".tbw-shell-header");
     if (!e) return;
-    const i = this.#o.shell?.header?.title ?? this.#i.lightDomTitle;
+    const i = this.#o.shell?.header?.title ?? this.#e.lightDomTitle;
     let o = e.querySelector(".tbw-shell-title");
     i ? (o || (o = document.createElement("h2"), o.className = "tbw-shell-title", o.setAttribute("part", "shell-title"), e.insertBefore(o, e.firstChild)), o.textContent = i) : o && o.remove();
   }
-  #xe() {
-    if (this.#e) {
-      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]);
+  #He() {
+    if (this.#t) {
+      const e = this.#X.length > 0 ? this.#X : this._columns, i = e.filter((r) => !r.hidden), o = e.filter((r) => r.hidden), n = this.#t.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 = this.#He(
+        !i.some((l) => r.has(l.field)) && n.length > 0 ? this._columns = [...n, ...o] : this._columns = this.#Le(
           e,
           n,
           o
@@ -3372,7 +3388,7 @@ class k extends HTMLElement {
         this._columns = [...e];
     }
   }
-  #He(e, i, o) {
+  #Le(e, i, o) {
     if (o.length === 0) return i;
     const n = /* @__PURE__ */ new Map();
     for (const a of i)
@@ -3387,12 +3403,12 @@ class k extends HTMLElement {
     }
     return l.push(...s), l;
   }
-  #Le() {
+  #Pe() {
     Y(this);
-    const e = Array.isArray(this.#a) ? [...this.#a] : [], i = this.#e?.processRows(e) ?? e;
-    this._rows = i, this._virtualization.variableHeights && this.#Q();
+    const e = Array.isArray(this.#a) ? [...this.#a] : [], i = this.#t?.processRows(e) ?? e;
+    this._rows = i, this.#B(), this._virtualization.variableHeights && this.#Z();
   }
-  #Pe(e) {
+  #ze(e) {
     const i = {
       ...ft,
       ...e.animation
@@ -3400,30 +3416,30 @@ class k extends HTMLElement {
     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), Mt(this, e, i, o, this.#z), this.#E.size > 0)
+  #j(e, i, o = this.__rowRenderEpoch) {
+    if (this.#z || (this.#z = (n, r, s) => this.#t?.renderRow(n, r, s) ?? !1), Mt(this, e, i, o, this.#z), this.#E.size > 0)
       for (const n of this.#E)
-        this.#j(n, !0);
+        this.#K(n, !0);
   }
-  #ce = ct();
-  #de(e, i) {
-    dt(this.#ce, this.__rowsBodyEl, this._bodyEl, e, i);
+  #de = ct();
+  #he(e, i) {
+    dt(this.#de, this.__rowsBodyEl, this._bodyEl, e, i);
   }
-  #ze() {
-    ut(this.#ce, this.__rowsBodyEl, this.#o, this.#i);
+  #De() {
+    ut(this.#de, this.__rowsBodyEl, this.#o, this.#e);
   }
-  #he() {
+  #ue() {
     const e = this.querySelector(".tbw-grid-root");
-    e && (this.#M ? (this.#$ || (this.#$ = Kt(this.#o?.loadingRenderer)), Qt(e, this.#$)) : Zt(this.#$));
+    e && (this.#M ? (this.#W || (this.#W = Kt(this.#o?.loadingRenderer)), Qt(e, this.#W)) : Zt(this.#W));
   }
-  #j(e, i) {
-    const o = this.#R.get(e);
+  #K(e, i) {
+    const o = this.#S.get(e);
     if (!o) return;
     const n = this.findRenderedRowElement?.(o.index);
     n && Jt(n, i);
   }
-  #ue(e, i, o) {
-    const n = this.#R.get(e);
+  #fe(e, i, o) {
+    const n = this.#S.get(e);
     if (!n) return;
     const r = this.findRenderedRowElement?.(n.index);
     if (!r) return;
@@ -3434,26 +3450,26 @@ class k extends HTMLElement {
   }
   #P() {
     if (this.isConnected && !(!this._headerRowEl || !this._bodyEl)) {
-      if (this.#t.parseLightDomColumns(this), this.#O) {
+      if (this.#i.parseLightDomColumns(this), this.#O) {
         const e = this.#O;
-        this.#O = void 0, this.#t.merge();
-        const i = this.#e?.getAll() ?? [];
-        this.#t.applyState(e, i);
+        this.#O = void 0, this.#i.merge();
+        const i = this.#t?.getAll() ?? [];
+        this.#i.applyState(e, i);
       }
       this._bodyEl && (this._bodyEl.style.display = "", this._bodyEl.style.gridTemplateColumns = ""), this.#s.requestPhase(A.FULL, "setup");
     }
   }
-  #De(e) {
+  #Oe(e) {
     let i = 0, o = 0, n = 0, r = 0, s = 0;
     if (this.#g) {
-      const a = this._virtualization.container, c = this.#V;
+      const a = this._virtualization.container, c = this.#G;
       i = c?.scrollLeft ?? 0, o = a?.scrollHeight ?? 0, n = c?.scrollWidth ?? 0, r = a?.clientHeight ?? 0, s = c?.clientWidth ?? 0;
     }
-    if (this.refreshVirtualWindow(!1) && this.#e?.onScrollRender(), this._virtualization.variableHeights && (this.#m && clearTimeout(this.#m), this.#m = window.setTimeout(() => {
-      this.#m = 0, this.#pe(this._virtualization.start, this._virtualization.end);
+    if (this.refreshVirtualWindow(!1) && this.#t?.onScrollRender(), this._virtualization.variableHeights && (this.#m && clearTimeout(this.#m), this.#m = window.setTimeout(() => {
+      this.#m = 0, this.#we(this._virtualization.start, this._virtualization.end);
     }, 100)), this.#g) {
-      const a = this.#J;
-      a.scrollTop = e, a.scrollLeft = i, a.scrollHeight = o, a.scrollWidth = n, a.clientHeight = r, a.clientWidth = s, this.#e?.onScroll(a);
+      const a = this.#ee;
+      a.scrollTop = e, a.scrollLeft = i, a.scrollHeight = o, a.scrollWidth = n, a.clientHeight = r, a.clientWidth = s, this.#t?.onScroll(a);
     }
   }
   findHeaderRow() {
@@ -3475,6 +3491,7 @@ class k extends HTMLElement {
       detail: {
         rowIndex: i,
         colIndex: o,
+        column: s,
         field: l,
         value: a,
         row: r,
@@ -3489,11 +3506,12 @@ class k extends HTMLElement {
       row: r,
       rowIndex: i,
       colIndex: o,
+      column: s,
       field: l,
       value: a,
       cellEl: n,
       originalEvent: e
-    }, f = this.#e?.onCellClick(h) ?? !1;
+    }, f = this.#t?.onCellClick(h) ?? !1;
     return this.#L("cell-click", h), f;
   }
   _dispatchRowClick(e, i, o, n) {
@@ -3503,53 +3521,52 @@ class k extends HTMLElement {
       row: o,
       rowEl: n,
       originalEvent: e
-    }, s = this.#e?.onRowClick(r) ?? !1;
+    }, s = this.#t?.onRowClick(r) ?? !1;
     return this.#L("row-click", r), s;
   }
   _dispatchHeaderClick(e, i, o) {
-    const n = this._columns[i];
-    if (!n) return !1;
-    const r = {
-      colIndex: i,
-      field: n.field,
-      column: n,
+    if (!i) return !1;
+    const n = {
+      colIndex: this._columns.indexOf(i),
+      field: i.field,
+      column: i,
       headerEl: o,
       originalEvent: e
     };
-    return this.#e?.onHeaderClick(r) ?? !1;
+    return this.#t?.onHeaderClick(n) ?? !1;
   }
   _dispatchKeyDown(e) {
-    return this.#e?.onKeyDown(e) ?? !1;
+    return this.#t?.onKeyDown(e) ?? !1;
   }
   _getHorizontalScrollOffsets(e, i) {
-    return this.#e?.getHorizontalScrollOffsets(e, i) ?? { left: 0, right: 0 };
+    return this.#t?.getHorizontalScrollOffsets(e, i) ?? { left: 0, right: 0 };
   }
   queryPlugins(e) {
-    return this.#e?.queryPlugins(e) ?? [];
+    return this.#t?.queryPlugins(e) ?? [];
   }
   query(e, i) {
-    return this.#e?.queryPlugins({ type: e, context: i }) ?? [];
+    return this.#t?.queryPlugins({ type: e, context: i }) ?? [];
   }
   _dispatchCellMouseDown(e) {
-    return this.#e?.onCellMouseDown(e) ?? !1;
+    return this.#t?.onCellMouseDown(e) ?? !1;
   }
   _dispatchCellMouseMove(e) {
-    this.#e?.onCellMouseMove(e);
+    this.#t?.onCellMouseMove(e);
   }
   _dispatchCellMouseUp(e) {
-    this.#e?.onCellMouseUp(e);
+    this.#t?.onCellMouseUp(e);
   }
   _afterCellRender(e) {
-    this.#e?.afterCellRender(e);
+    this.#t?.afterCellRender(e);
   }
   _hasAfterCellRenderHook() {
-    return this.#e?.hasAfterCellRenderHook() ?? !1;
+    return this.#t?.hasAfterCellRenderHook() ?? !1;
   }
   _afterRowRender(e) {
-    this.#e?.afterRowRender(e);
+    this.#t?.afterRowRender(e);
   }
   _hasAfterRowRenderHook() {
-    return this.#e?.hasAfterRowRenderHook() ?? !1;
+    return this.#t?.hasAfterRowRenderHook() ?? !1;
   }
   async ready() {
     return this.#d;
@@ -3561,13 +3578,16 @@ class k extends HTMLElement {
     return Object.freeze({ ...this.#o || {} });
   }
   getRowId(e) {
-    return this.#Ee(e, this.#o.getRowId);
+    return this.#Se(e, this.#o.getRowId);
   }
   getRow(e) {
-    return this.#R.get(e)?.row;
+    return this.#S.get(e)?.row;
+  }
+  _getRowEntry(e) {
+    return this.#S.get(e);
   }
   updateRow(e, i, o = "api") {
-    const n = this.#R.get(e);
+    const n = this.#S.get(e);
     if (!n)
       throw new Error(
         `[tbw-grid] Row with ID "${e}" not found. Ensure the row exists and getRowId is correctly configured.`
@@ -3593,7 +3613,7 @@ class k extends HTMLElement {
   updateRows(e, i = "api") {
     let o = !1;
     for (const { id: n, changes: r } of e) {
-      const s = this.#R.get(n);
+      const s = this.#S.get(n);
       if (!s)
         throw new Error(
           `[tbw-grid] Row with ID "${n}" not found. Ensure the row exists and getRowId is correctly configured.`
@@ -3625,50 +3645,50 @@ class k extends HTMLElement {
     return ai(this, e, i);
   }
   setColumnVisible(e, i) {
-    const o = this.#t.setColumnVisible(e, i);
+    const o = this.#i.setColumnVisible(e, i);
     return o && this.requestStateChange(), o;
   }
   toggleColumnVisibility(e) {
-    const i = this.#t.toggleColumnVisibility(e);
+    const i = this.#i.toggleColumnVisibility(e);
     return i && this.requestStateChange(), i;
   }
   isColumnVisible(e) {
-    return this.#t.isColumnVisible(e);
+    return this.#i.isColumnVisible(e);
   }
   showAllColumns() {
-    this.#t.showAllColumns(), this.requestStateChange();
+    this.#i.showAllColumns(), this.requestStateChange();
   }
   getAllColumns() {
-    return this.#t.getAllColumns();
+    return this.#i.getAllColumns();
   }
   setColumnOrder(e) {
-    this.#t.setColumnOrder(e), this.requestStateChange();
+    this.#i.setColumnOrder(e), this.requestStateChange();
   }
   getColumnOrder() {
-    return this.#t.getColumnOrder();
+    return this.#i.getColumnOrder();
   }
   getColumnState() {
-    const e = this.#e?.getAll() ?? [];
-    return this.#t.collectState(e);
+    const e = this.#t?.getAll() ?? [];
+    return this.#i.collectState(e);
   }
   set columnState(e) {
-    e && (this.#O = e, this.#t.initialColumnState = e, this.#u && this.#Oe(e));
+    e && (this.#O = e, this.#i.initialColumnState = e, this.#u && this.#Me(e));
   }
   get columnState() {
     return this.getColumnState();
   }
-  #Oe(e) {
-    const i = this.#e?.getAll() ?? [];
-    this.#t.applyState(e, i), this.#P();
+  #Me(e) {
+    const i = this.#t?.getAll() ?? [];
+    this.#i.applyState(e, i), this.#P();
   }
   requestStateChange() {
-    const e = this.#e?.getAll() ?? [];
-    this.#t.requestStateChange(e);
+    const e = this.#t?.getAll() ?? [];
+    this.#i.requestStateChange(e);
   }
   resetColumnState() {
     this.#O = void 0, this.__originalOrder = [];
-    const e = this.#e?.getAll() ?? [];
-    this.#t.resetState(e), this.#t.merge(), this.#P();
+    const e = this.#t?.getAll() ?? [];
+    this.#i.resetState(e), this.#i.merge(), this.#P();
   }
   get isToolPanelOpen() {
     return this.#c.isPanelOpen;
@@ -3695,10 +3715,10 @@ class k extends HTMLElement {
     return this.#c.getToolPanels();
   }
   registerToolPanel(e) {
-    this.#i.apiToolPanelIds.add(e.id), this.#c.registerToolPanel(e);
+    this.#e.apiToolPanelIds.add(e.id), this.#c.registerToolPanel(e);
   }
   unregisterToolPanel(e) {
-    this.#i.apiToolPanelIds.delete(e), this.#c.unregisterToolPanel(e);
+    this.#e.apiToolPanelIds.delete(e), this.#c.unregisterToolPanel(e);
   }
   getHeaderContents() {
     return this.#c.getHeaderContents();
@@ -3718,71 +3738,71 @@ class k extends HTMLElement {
   unregisterToolbarContent(e) {
     this.#c.unregisterToolbarContent(e);
   }
-  #K = !1;
+  #Q = !1;
   refreshShellHeader() {
-    this.#K || (this.#K = !0, queueMicrotask(() => {
-      this.#K = !1, this.isConnected && (this.#k(), this.#t.markSourcesChanged(), this.#t.merge(), he(this.#i), this.#Z(), this.#W(), this.#Me());
+    this.#Q || (this.#Q = !0, queueMicrotask(() => {
+      this.#Q = !1, this.isConnected && (this.#k(), this.#i.markSourcesChanged(), this.#i.merge(), he(this.#e), this.#J(), this.#F(), this.#ke());
     }));
   }
-  #Me() {
+  #ke() {
     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) {
-      ge(this.#n, this.#i), de(this.#n, this.#o?.shell, this.#i);
+      ge(this.#n, this.#e), de(this.#n, this.#o?.shell, this.#e);
       const o = this.#o?.shell?.toolPanel?.defaultOpen;
-      o && this.#i.toolPanels.has(o) && (this.openToolPanel(), this.#i.expandedSections.add(o));
+      o && this.#e.toolPanels.has(o) && (this.openToolPanel(), this.#e.expandedSections.add(o));
     }
-    this._resizeController = Me(this), this.#G(i), this.#s.requestPhase(A.COLUMNS, "shellRefresh");
+    this._resizeController = Me(this), this.#Y(i), this.#s.requestPhase(A.COLUMNS, "shellRefresh");
   }
   #A = /* @__PURE__ */ new Map();
   registerStyles(e, i) {
     let o = this.#A.get(e);
-    o || (o = new CSSStyleSheet(), this.#A.set(e, o)), o.replaceSync(i), this.#fe();
+    o || (o = new CSSStyleSheet(), this.#A.set(e, o)), o.replaceSync(i), this.#ge();
   }
   unregisterStyles(e) {
-    this.#A.delete(e) && this.#fe();
+    this.#A.delete(e) && this.#ge();
   }
   getRegisteredStyles() {
     return Array.from(this.#A.keys());
   }
-  #fe() {
+  #ge() {
     const e = Array.from(this.#A.values()), i = document.adoptedStyleSheets.filter(
       (o) => !Array.from(this.#A.values()).includes(o)
     );
     document.adoptedStyleSheets = [...i, ...e];
   }
   #k() {
-    Ne(this, this.#i), Ie(this, this.#i), qe(this, this.#i, this.#oe());
+    Ie(this, this.#e), Ne(this, this.#e), qe(this, this.#e, this.#ne());
   }
-  #ge() {
+  #pe() {
     const e = this.#n.querySelector(".tbw-shell-header");
     if (!e) return;
-    he(this.#i);
+    he(this.#e);
     const i = ui(
       this.#o.shell,
-      this.#i,
+      this.#e,
       this.#o.icons?.toolPanel
     ), o = document.createElement("div");
     o.innerHTML = i;
     const n = o.firstElementChild;
-    n && (e.replaceWith(n), this.#we(), de(this.#n, this.#o?.shell, this.#i));
+    n && (e.replaceWith(n), this.#be(), de(this.#n, this.#o?.shell, this.#e));
   }
-  #ke() {
+  #Ie() {
     const e = () => {
-      const o = this.#i.lightDomTitle, n = this.#i.hasToolButtonsContainer;
+      const o = this.#e.lightDomTitle, n = this.#e.hasToolButtonsContainer;
       this.#k();
-      const r = this.#i.lightDomTitle, s = this.#i.hasToolButtonsContainer;
-      (r && !o || s && !n) && (this.#t.markSourcesChanged(), this.#t.merge(), this.#ge());
+      const r = this.#e.lightDomTitle, s = this.#e.hasToolButtonsContainer;
+      (r && !o || s && !n) && (this.#i.markSourcesChanged(), this.#i.merge(), this.#pe());
     }, i = () => {
       this.__lightDomColumnsCache = void 0, this.#P();
     };
-    this.#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);
+    this.#i.registerLightDomHandler("tbw-grid-header", e), this.#i.registerLightDomHandler("tbw-grid-tool-buttons", e), this.#i.registerLightDomHandler("tbw-grid-tool-panel", e), this.#i.registerLightDomHandler("tbw-grid-column", i), this.#i.registerLightDomHandler("tbw-grid-detail", i), this.#i.observeLightDOM(this);
   }
   refreshColumns() {
-    this.__lightDomColumnsCache = void 0, Y(this), this.#t.parseLightDomColumns(this);
-    const e = this.#i.lightDomTitle, i = this.#i.hasToolButtonsContainer;
+    this.__lightDomColumnsCache = void 0, Y(this), this.#i.parseLightDomColumns(this);
+    const e = this.#e.lightDomTitle, i = this.#e.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(A.COLUMNS, "refreshColumns");
+    const o = this.#e.lightDomTitle, n = this.#e.hasToolButtonsContainer;
+    (o && !e || n && !i) && (this.#i.markSourcesChanged(), this.#i.merge(), this.#pe()), this.#s.requestPhase(A.COLUMNS, "refreshColumns");
   }
   #Ne() {
     const e = this._virtualization.container, i = this._virtualization.viewportEl ?? e;
@@ -3800,18 +3820,18 @@ class k extends HTMLElement {
       n = o.cachedFauxHeight, r = o.cachedViewportHeight, s = o.cachedScrollAreaHeight || n;
     const l = s - r, a = Math.max(0, n - s);
     let c, h = 0;
-    return o.variableHeights && o.positionCache ? c = Wi(o.positionCache) : (c = e * o.rowHeight, h = this.#e?.getExtraHeight() ?? 0), c + l + h + a;
+    return o.variableHeights && o.positionCache ? c = Fi(o.positionCache) : (c = e * o.rowHeight, h = this.#t?.getExtraHeight() ?? 0), c + l + h + a;
   }
-  #Q() {
+  #Z() {
     if (!this._virtualization.variableHeights) return;
     const e = this._rows, i = this._virtualization.rowHeight || 28, o = this.#o.rowHeight, n = this.#o.getRowId, r = n ? (l) => n(l) : void 0;
-    this._virtualization.positionCache = $i(
+    this._virtualization.positionCache = Wi(
       e,
       this._virtualization.heightCache,
       i,
       { rowId: r },
       (l, a) => {
-        const c = this.#e?.getRowHeight?.(l, a);
+        const c = this.#t?.getRowHeight?.(l, a);
         if (c !== void 0) return c;
         if (o) {
           const h = o(l, a);
@@ -3819,11 +3839,11 @@ class k extends HTMLElement {
         }
       }
     );
-    const s = Bi(
+    const s = Gi(
       this._virtualization.positionCache,
       e,
       i,
-      (l, a) => this.#e?.getRowHeight?.(l, a)
+      (l, a) => this.#t?.getRowHeight?.(l, a)
     );
     this._virtualization.measuredCount = s.measuredCount, s.measuredCount > 0 && (this._virtualization.averageHeight = s.averageHeight);
   }
@@ -3831,16 +3851,16 @@ class k extends HTMLElement {
     if (!this._virtualization.variableHeights || !this._virtualization.positionCache || e < 0 || e >= this._rows.length) return;
     const o = this._virtualization.positionCache, n = this._rows[e];
     let r = i;
-    r === void 0 && (r = this.#e?.getRowHeight?.(n, e)), r === void 0 && (r = this._virtualization.rowHeight);
+    r === void 0 && (r = this.#t?.getRowHeight?.(n, e)), r === void 0 && (r = this._virtualization.rowHeight);
     const s = o[e];
     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) {
+  #we(e, i) {
     if (!this._virtualization.variableHeights || !this._virtualization.positionCache || !this._bodyEl) return;
-    const o = this._bodyEl.querySelectorAll(".data-grid-row"), n = this.#o.getRowId, r = Vi(
+    const o = this._bodyEl.querySelectorAll(".data-grid-row"), n = this.#o.getRowId, r = Bi(
       {
         positionCache: this._virtualization.positionCache,
         heightCache: this._virtualization.heightCache,
@@ -3848,7 +3868,7 @@ class k extends HTMLElement {
         defaultHeight: this._virtualization.rowHeight,
         start: e,
         end: i,
-        getPluginHeight: (s, l) => this.#e?.getRowHeight?.(s, l),
+        getPluginHeight: (s, l) => this.#t?.getRowHeight?.(s, l),
         getRowId: n ? (s) => n(s) : void 0
       },
       o
@@ -3862,9 +3882,9 @@ class k extends HTMLElement {
     if (!this._bodyEl) return !1;
     const o = this._rows.length;
     if (!this._virtualization.enabled)
-      return this.#Y(0, o), i || this.#e?.afterRender(), !0;
+      return this.#j(0, o), i || this.#t?.afterRender(), !0;
     if (this._rows.length <= this._virtualization.bypassThreshold)
-      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;
+      return this._virtualization.start = 0, this._virtualization.end = o, e && (this._bodyEl.style.transform = "translateY(0px)"), this.#j(0, o, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch), e && this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${this.#T(o, !0)}px`), this.#he(o, this._visibleColumns.length), i || this.#t?.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 h = this._virtualization.positionCache;
@@ -3875,13 +3895,13 @@ class k extends HTMLElement {
       let b = 0;
       const _ = 10;
       for (; b < _; ) {
-        const R = this.#e?.getExtraHeightBefore?.(c) ?? 0, E = Math.floor((a - R) / l);
+        const R = this.#t?.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);
+    const f = this.#t?.adjustVirtualStart(c, a, l);
     f !== void 0 && f < c && (c = f, c = c - c % 2, c < 0 && (c = 0));
     let p;
     if (this._virtualization.variableHeights && h && h.length > 0) {
@@ -3915,45 +3935,50 @@ class k extends HTMLElement {
     if (this._virtualization.variableHeights && h && h[c])
       w = h[c].offset;
     else {
-      const b = this.#e?.getExtraHeightBefore?.(c) ?? 0;
+      const b = this.#t?.getExtraHeightBefore?.(c) ?? 0;
       w = c * l + b;
     }
     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(() => {
+    return this._bodyEl.style.transform = `translateY(${v}px)`, this.#j(c, p, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch), e && this._virtualization.variableHeights && this.#we(c, p), this.#he(o, this._visibleColumns.length), e && !i && (this.#t?.afterRender(), queueMicrotask(() => {
       if (!this._virtualization.totalHeightEl) return;
       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();
+  #J() {
+    this.#k(), this.#i.markSourcesChanged(), this.#i.merge();
     const e = this.#o?.shell;
-    vi(
+    Ci(
       this.#n,
       e,
-      { isPanelOpen: this.#i.isPanelOpen, expandedSections: this.#i.expandedSections },
+      { isPanelOpen: this.#e.isPanelOpen, expandedSections: this.#e.expandedSections },
       this.#o?.icons
-    ) && (this.#we(), this.#c.setInitialized(!0));
+    ) && (this.#be(), this.#c.setInitialized(!0));
   }
-  #we() {
-    fi(this.#n, this.#o?.shell, this.#i, {
+  #be() {
+    fi(this.#n, this.#o?.shell, this.#e, {
       onPanelToggle: () => this.toggleToolPanel(),
       onSectionToggle: (e) => this.toggleToolPanelSection(e)
-    }), this.#q?.(), this.#q = gi(this.#n, this.#o?.shell, (e) => {
+    }), this.#q?.(), this.#q = pi(this.#n, this.#o?.shell, (e) => {
       this.style.setProperty("--tbw-tool-panel-width", `${e}px`);
-    });
+    }), this.#$?.(), this.#$ = gi(
+      this,
+      this.#o?.shell,
+      this.#e,
+      () => this.closeToolPanel()
+    );
   }
 }
 customElements.get(k.tagName) || customElements.define(k.tagName, k);
 globalThis.DataGridElement = k;
-const so = {
+const lo = {
   CAN_MOVE_COLUMN: "canMoveColumn",
   GET_CONTEXT_MENU_ITEMS: "getContextMenuItems"
 };
-class lo {
+class ao {
   static dependencies;
   static manifest;
-  version = "1.16.1";
+  version = "1.18.0";
   styles;
   cellRenderers;
   headerRenderers;
@@ -4092,7 +4117,7 @@ const H = {
   GROUP_KEY: "data-group-key",
   TREE_LEVEL: "data-tree-level",
   STICKY: "data-sticky"
-}, ao = {
+}, co = {
   ROOT: `.${H.ROOT}`,
   HEADER: `.${H.HEADER}`,
   HEADER_ROW: `.${H.HEADER_ROW}`,
@@ -4107,7 +4132,7 @@ const H = {
   CELL_AT: (t, e) => `.${H.DATA_ROW}[${ee.ROW_INDEX}="${t}"] .${H.DATA_CELL}[${ee.COL_INDEX}="${e}"]`,
   SELECTED_ROWS: `.${H.DATA_ROW}.${H.SELECTED}`,
   EDITING_CELL: `.${H.DATA_CELL}.${H.EDITING}`
-}, co = {
+}, ho = {
   COLOR_BG: "--tbw-color-bg",
   COLOR_FG: "--tbw-color-fg",
   COLOR_FG_MUTED: "--tbw-color-fg-muted",
@@ -4126,14 +4151,14 @@ const H = {
   BORDER_RADIUS: "--tbw-border-radius",
   FOCUS_OUTLINE: "--tbw-focus-outline"
 };
-function ho(t) {
+function uo(t) {
   const e = document.createElement("tbw-grid");
   return t && (e.gridConfig = t), e;
 }
-function uo(t, e = document) {
+function fo(t, e = document) {
   return e.querySelector(t);
 }
-const fo = {
+const go = {
   CELL_CHANGE: "cell-change",
   CELL_COMMIT: "cell-commit",
   ROW_COMMIT: "row-commit",
@@ -4148,7 +4173,7 @@ const fo = {
   CELL_ACTIVATE: "cell-activate",
   GROUP_TOGGLE: "group-toggle",
   COLUMN_STATE_CHANGE: "column-state-change"
-}, go = {
+}, po = {
   SELECTION_CHANGE: "selection-change",
   TREE_EXPAND: "tree-expand",
   FILTER_CHANGE: "filter-change",
@@ -4207,50 +4232,50 @@ const fo = {
   first: (t) => t[0] ?? 0,
   last: (t) => t[t.length - 1] ?? 0
 };
-function io(t) {
+function oo(t) {
   return Be[t] ?? Be.sum;
 }
-function po(t, e) {
-  return io(t)(e);
+function wo(t, e) {
+  return oo(t)(e);
 }
-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);
+const bo = O.register.bind(O), mo = O.unregister.bind(O), vo = O.get.bind(O), Co = O.run.bind(O), yo = O.list.bind(O);
 export {
-  lo as BaseGridPlugin,
+  ao as BaseGridPlugin,
   ft as DEFAULT_ANIMATION_CONFIG,
   M as DEFAULT_GRID_ICONS,
-  fo as DGEvents,
+  go as DGEvents,
   k as DataGridElement,
   Je as F,
   G as FitModeEnum,
-  co as GridCSSVars,
+  ho as GridCSSVars,
   H as GridClasses,
   ee as GridDataAttrs,
   k as GridElement,
-  ao as GridSelectors,
-  so as PLUGIN_QUERIES,
-  go as PluginEvents,
+  co as GridSelectors,
+  lo as PLUGIN_QUERIES,
+  po 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,
+  ro as c,
+  uo 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
+  vo as getAggregator,
+  oo as getValueAggregator,
+  yo as listAggregators,
+  fo as queryGrid,
+  no as r,
+  bo as registerAggregator,
+  Co as runAggregator,
+  wo as runValueAggregator,
+  so as s,
+  mo as unregisterAggregator
 };
 //# sourceMappingURL=index.js.map