@toolbox-web/grid 0.2.1 → 0.2.3

package/all.js

@@ -1,5 +1,5 @@
-import { BaseGridPlugin as x, DEFAULT_GRID_ICONS as Ke, runAggregator as se, getAggregator as He, getValueAggregator as Ge } from "./index.js";
-import { DGEvents as Mn, DataGridElement as Nn, FitModeEnum as Pn, GridCSSVars as qn, GridClasses as Dn, GridDataAttrs as Kn, DataGridElement as Hn, GridSelectors as Gn, PluginEvents as Bn, PluginManager as On, aggregatorRegistry as zn, listAggregators as Vn, registerAggregator as Wn, runValueAggregator as $n, unregisterAggregator as jn } from "./index.js";
+import { BaseGridPlugin as x, DEFAULT_GRID_ICONS as He, runAggregator as se, PLUGIN_QUERIES as Pe, getAggregator as Ge, getValueAggregator as Oe } from "./index.js";
+import { DGEvents as Nn, DataGridElement as Pn, FitModeEnum as qn, GridCSSVars as Dn, GridClasses as Kn, GridDataAttrs as Hn, DataGridElement as Gn, GridSelectors as On, PluginEvents as Bn, PluginManager as Vn, aggregatorRegistry as zn, listAggregators as Wn, registerAggregator as $n, runValueAggregator as jn, unregisterAggregator as Un } from "./index.js";
 function Be(r, e, t, n) {
   if (n.processCell)
     return n.processCell(r, e, t);
@@ -60,7 +60,7 @@ async function ae() {
     return "";
   }
 }
-class mn extends x {
+class wn extends x {
   name = "clipboard";
   version = "1.0.0";
   get defaultConfig() {
@@ -72,19 +72,22 @@ class mn extends x {
       quoteStrings: !1
     };
   }
-  // ===== Internal State =====
+  // #region Internal State
   /** The last copied text (for reference/debugging) */
   lastCopied = null;
-  // ===== Lifecycle =====
+  // #endregion
+  // #region Lifecycle
   detach() {
     this.lastCopied = null;
   }
-  // ===== Event Handlers =====
+  // #endregion
+  // #region Event Handlers
   onKeyDown(e) {
     const t = (e.ctrlKey || e.metaKey) && e.key === "c", n = (e.ctrlKey || e.metaKey) && e.key === "v";
     return t ? (this.#t(e.target), !0) : n ? (this.#e(), !0) : !1;
   }
-  // ===== Private Methods =====
+  // #endregion
+  // #region Private Methods
   /**
    * Handle copy operation
    */
@@ -209,7 +212,8 @@ class mn extends x {
       c = l == null ? "" : String(l);
     return { text: c, field: n, value: l };
   }
-  // ===== Public API =====
+  // #endregion
+  // #region Public API
   /**
    * Copy currently selected rows to clipboard.
    * @returns The copied text
@@ -252,6 +256,7 @@ class mn extends x {
   getLastCopied() {
     return this.lastCopied;
   }
+  // #endregion
 }
 const de = 100;
 function Q(r) {
@@ -275,7 +280,7 @@ function ue(r) {
 function he(r) {
   return r.reduce((e, t) => e + Q(t.width), 0);
 }
-function Oe(r, e, t, n, o) {
+function Ve(r, e, t, n, o) {
   const i = t.length;
   if (i === 0)
     return { startCol: 0, endCol: 0, visibleColumns: [] };
@@ -304,10 +309,10 @@ function ze(r, e, t) {
   }
   return n;
 }
-function Ve(r, e, t) {
+function We(r, e, t) {
   return t ? r > e : !1;
 }
-class wn extends x {
+class bn extends x {
   name = "columnVirtualization";
   version = "1.0.0";
   get defaultConfig() {
@@ -317,7 +322,7 @@ class wn extends x {
       overscan: 3
     };
   }
-  // ===== Internal State =====
+  // #region Internal State
   isVirtualized = !1;
   startCol = 0;
   endCol = 0;
@@ -325,7 +330,8 @@ class wn extends x {
   totalWidth = 0;
   columnWidths = [];
   columnOffsets = [];
-  // ===== Lifecycle =====
+  // #endregion
+  // #region Lifecycle
   attach(e) {
     super.attach(e);
     const t = this.columns;
@@ -334,12 +340,13 @@ class wn extends x {
   detach() {
     this.columnWidths = [], this.columnOffsets = [], this.isVirtualized = !1, this.startCol = 0, this.endCol = 0, this.scrollLeft = 0, this.totalWidth = 0;
   }
-  // ===== Hooks =====
+  // #endregion
+  // #region Hooks
   processColumns(e) {
-    const t = Ve(e.length, this.config.threshold ?? 30, this.config.autoEnable ?? !0);
+    const t = We(e.length, this.config.threshold ?? 30, this.config.autoEnable ?? !0);
     if (this.isVirtualized = t ?? !1, this.columnWidths = ce(e), this.columnOffsets = ue(e), this.totalWidth = he(e), !t)
       return this.startCol = 0, this.endCol = e.length - 1, [...e];
-    const n = this.grid.clientWidth || 800, o = Oe(
+    const n = this.grid.clientWidth || 800, o = Ve(
       this.scrollLeft,
       n,
       this.columnOffsets,
@@ -362,7 +369,8 @@ class wn extends x {
   onScroll(e) {
     !this.isVirtualized || Math.abs(e.scrollLeft - this.scrollLeft) < 1 || (this.scrollLeft = e.scrollLeft, this.requestRender());
   }
-  // ===== Public API =====
+  // #endregion
+  // #region Public API
   /**
    * Check if column virtualization is currently active.
    */
@@ -396,15 +404,16 @@ class wn extends x {
   getTotalWidth() {
     return this.totalWidth;
   }
+  // #endregion
 }
-const We = ".tbw-context-menu{position:fixed;background:light-dark(#f5f5f5,#2a2a2a);color:light-dark(#222,#eee);border:1px solid light-dark(#d0d0d4,#454545);border-radius:4px;box-shadow:0 2px 10px #00000026;min-width:160px;padding:4px 0;z-index:10000;font-size:13px;font-family:system-ui,sans-serif}.tbw-context-menu-item{display:flex;align-items:center;padding:6px 12px;cursor:pointer;gap:8px}.tbw-context-menu-item:hover:not(.disabled){background:light-dark(#e8e8e8,#3a3a3a)}.tbw-context-menu-item.disabled{opacity:.5;cursor:default}.tbw-context-menu-item.danger{color:light-dark(#c00,#f66)}.tbw-context-menu-icon{width:16px;text-align:center}.tbw-context-menu-label{flex:1}.tbw-context-menu-shortcut{color:light-dark(#888,#888);font-size:11px}.tbw-context-menu-arrow{font-size:10px;color:light-dark(#888,#888)}.tbw-context-menu-separator{height:1px;background:light-dark(#d0d0d4,#454545);margin:4px 0}";
+const $e = ".tbw-context-menu{position:fixed;background:light-dark(#f5f5f5,#2a2a2a);color:light-dark(#222,#eee);border:1px solid light-dark(#d0d0d4,#454545);border-radius:4px;box-shadow:0 2px 10px #00000026;min-width:160px;padding:4px 0;z-index:10000;font-size:13px;font-family:system-ui,sans-serif}.tbw-context-menu-item{display:flex;align-items:center;padding:6px 12px;cursor:pointer;gap:8px}.tbw-context-menu-item:hover:not(.disabled){background:light-dark(#e8e8e8,#3a3a3a)}.tbw-context-menu-item.disabled{opacity:.5;cursor:default}.tbw-context-menu-item.danger{color:light-dark(#c00,#f66)}.tbw-context-menu-icon{width:16px;text-align:center}.tbw-context-menu-label{flex:1}.tbw-context-menu-shortcut{color:light-dark(#888,#888);font-size:11px}.tbw-context-menu-arrow{font-size:10px;color:light-dark(#888,#888)}.tbw-context-menu-separator{height:1px;background:light-dark(#d0d0d4,#454545);margin:4px 0}";
 function Y(r, e) {
   return (typeof r == "function" ? r(e) : r).filter((n) => !(n.hidden === !0 || typeof n.hidden == "function" && n.hidden(e)));
 }
-function $e(r, e) {
+function je(r, e) {
   return r.disabled === !0 ? !0 : typeof r.disabled == "function" ? r.disabled(e) : !1;
 }
-function Z(r, e, t, n = Ke.submenuArrow) {
+function Z(r, e, t, n = He.submenuArrow) {
   const o = document.createElement("div");
   o.className = "tbw-context-menu", o.setAttribute("role", "menu");
   for (const i of r) {
@@ -415,7 +424,7 @@ function Z(r, e, t, n = Ke.submenuArrow) {
     }
     const s = document.createElement("div");
     s.className = "tbw-context-menu-item", i.cssClass && s.classList.add(i.cssClass), s.setAttribute("role", "menuitem"), s.setAttribute("data-id", i.id);
-    const l = $e(i, e);
+    const l = je(i, e);
     if (l && (s.classList.add("disabled"), s.setAttribute("aria-disabled", "true")), i.icon) {
       const d = document.createElement("span");
       d.className = "tbw-context-menu-icon", d.innerHTML = i.icon, s.appendChild(d);
@@ -448,8 +457,8 @@ function ge(r, e, t) {
   let s = e, l = t;
   e + n.width > o && (s = e - n.width), t + n.height > i && (l = t - n.height), s = Math.max(0, s), l = Math.max(0, l), r.style.left = `${s}px`, r.style.top = `${l}px`, r.style.visibility = "visible";
 }
-let _ = null, I = null, E = null, B = 0;
-const O = [
+let _ = null, I = null, E = null, O = 0;
+const B = [
   {
     id: "copy",
     name: "Copy",
@@ -467,29 +476,31 @@ const O = [
     }
   }
 ];
-class bn extends x {
+class vn extends x {
   name = "contextMenu";
   version = "1.0.0";
   get defaultConfig() {
     return {
-      items: O
+      items: B
     };
   }
-  // ===== Internal State =====
+  // #region Internal State
   isOpen = !1;
   position = { x: 0, y: 0 };
   params = null;
   menuElement = null;
-  // ===== Lifecycle =====
+  // #endregion
+  // #region Lifecycle
   attach(e) {
-    super.attach(e), this.installGlobalHandlers(), B++;
+    super.attach(e), this.installGlobalHandlers(), O++;
   }
   detach() {
     this.menuElement && (this.menuElement.remove(), this.menuElement = null), this.isOpen = !1, this.params = null, this.uninstallGlobalHandlers();
   }
-  // ===== Private Methods =====
+  // #endregion
+  // #region Private Methods
   installGlobalHandlers() {
-    !E && typeof document < "u" && (E = document.createElement("style"), E.id = "tbw-context-menu-styles", E.textContent = We, document.head.appendChild(E)), _ || (_ = () => {
+    !E && typeof document < "u" && (E = document.createElement("style"), E.id = "tbw-context-menu-styles", E.textContent = $e, document.head.appendChild(E)), _ || (_ = () => {
       document.querySelectorAll(".tbw-context-menu").forEach((t) => t.remove());
     }, document.addEventListener("click", _)), I || (I = (e) => {
       e.key === "Escape" && document.querySelectorAll(".tbw-context-menu").forEach((n) => n.remove());
@@ -500,9 +511,10 @@ class bn extends x {
    * Uses reference counting to ensure handlers persist while any grid uses the plugin.
    */
   uninstallGlobalHandlers() {
-    B--, !(B > 0) && (_ && (document.removeEventListener("click", _), _ = null), I && (document.removeEventListener("keydown", I), I = null), E && (E.remove(), E = null));
+    O--, !(O > 0) && (_ && (document.removeEventListener("click", _), _ = null), I && (document.removeEventListener("keydown", I), I = null), E && (E.remove(), E = null));
   }
-  // ===== Hooks =====
+  // #endregion
+  // #region Hooks
   afterRender() {
     const e = this.shadowRoot;
     if (!e) return;
@@ -539,7 +551,7 @@ class bn extends x {
       } else
         return;
       this.params = a, this.position = { x: o.clientX, y: o.clientY };
-      const d = Y(this.config.items ?? O, a);
+      const d = Y(this.config.items ?? B, a);
       d.length && (this.menuElement && this.menuElement.remove(), this.menuElement = Z(
         d,
         a,
@@ -550,7 +562,8 @@ class bn extends x {
       ), document.body.appendChild(this.menuElement), ge(this.menuElement, o.clientX, o.clientY), this.isOpen = !0, this.emit("context-menu-open", { params: a, items: d }));
     }));
   }
-  // ===== Public API =====
+  // #endregion
+  // #region Public API
   /**
    * Programmatically show the context menu at the specified position.
    * @param x - X coordinate
@@ -567,7 +580,7 @@ class bn extends x {
       value: n.value ?? null,
       isHeader: n.isHeader ?? !1,
       event: n.event ?? new MouseEvent("contextmenu")
-    }, i = Y(this.config.items ?? O, o);
+    }, i = Y(this.config.items ?? B, o);
     this.menuElement && this.menuElement.remove(), this.menuElement = Z(
       i,
       o,
@@ -590,6 +603,7 @@ class bn extends x {
   isMenuOpen() {
     return this.isOpen;
   }
+  // #endregion
   // Styles are injected globally via installGlobalHandlers() since menu renders in document.body
 }
 function pe(r, e = !0) {
@@ -600,7 +614,7 @@ function pe(r, e = !0) {
   return e && (t.includes(",") || t.includes('"') || t.includes(`
 `) || t.includes("\r")) ? `"${t.replace(/"/g, '""')}"` : t;
 }
-function je(r, e, t, n = {}) {
+function Ue(r, e, t, n = {}) {
   const o = n.delimiter ?? ",", i = n.newline ?? `
 `, s = [], l = n.bom ? "\uFEFF" : "";
   if (t.includeHeaders !== !1) {
@@ -623,14 +637,14 @@ function ee(r, e) {
   const t = URL.createObjectURL(r), n = document.createElement("a");
   n.href = t, n.download = e, n.style.display = "none", document.body.appendChild(n), n.click(), document.body.removeChild(n), URL.revokeObjectURL(t);
 }
-function Ue(r, e) {
+function Ye(r, e) {
   const t = new Blob([r], { type: "text/csv;charset=utf-8;" });
   ee(t, e);
 }
 function fe(r) {
   return r.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
 }
-function Ye(r, e, t) {
+function Ze(r, e, t) {
   let n = `<?xml version="1.0" encoding="UTF-8"?>
 <?mso-application progid="Excel.Sheet"?>
 <Workbook xmlns="urn:schemas-microsoft-com:office:spreadsheet"
@@ -662,13 +676,13 @@ function Ye(r, e, t) {
 </Worksheet>
 </Workbook>`, n;
 }
-function Ze(r, e) {
+function Xe(r, e) {
   const t = e.endsWith(".xls") ? e : `${e}.xls`, n = new Blob([r], {
     type: "application/vnd.ms-excel;charset=utf-8;"
   });
   ee(n, t);
 }
-class vn extends x {
+class xn extends x {
   name = "export";
   version = "1.0.0";
   get defaultConfig() {
@@ -679,10 +693,11 @@ class vn extends x {
       onlySelected: !1
     };
   }
-  // ===== Internal State =====
+  // #region Internal State
   isExportingFlag = !1;
   lastExportInfo = null;
-  // ===== Private Methods =====
+  // #endregion
+  // #region Private Methods
   performExport(e, t) {
     const n = this.config, o = {
       format: e,
@@ -708,13 +723,13 @@ class vn extends x {
     try {
       switch (e) {
         case "csv": {
-          const a = je(s, i, o, { bom: !0 });
-          l = l.endsWith(".csv") ? l : `${l}.csv`, Ue(a, l);
+          const a = Ue(s, i, o, { bom: !0 });
+          l = l.endsWith(".csv") ? l : `${l}.csv`, Ye(a, l);
           break;
         }
         case "excel": {
-          const a = Ye(s, i, o);
-          l = l.endsWith(".xls") ? l : `${l}.xls`, Ze(a, l);
+          const a = Ze(s, i, o);
+          l = l.endsWith(".xls") ? l : `${l}.xls`, Xe(a, l);
           break;
         }
         case "json": {
@@ -749,7 +764,8 @@ class vn extends x {
       return null;
     }
   }
-  // ===== Public API =====
+  // #endregion
+  // #region Public API
   /**
    * Export data to CSV format.
    * @param params - Optional export parameters
@@ -785,8 +801,9 @@ class vn extends x {
   getLastExport() {
     return this.lastExportInfo;
   }
+  // #endregion
 }
-function Xe(r) {
+function Je(r) {
   const { totalRows: e, viewportHeight: t, scrollTop: n, rowHeight: o, overscan: i } = r, s = Math.ceil(t / o);
   let l = Math.floor(n / o) - i;
   l < 0 && (l = 0);
@@ -798,10 +815,10 @@ function Xe(r) {
     totalHeight: e * o
   };
 }
-function Je(r, e) {
+function Qe(r, e) {
   return r <= e;
 }
-function Qe(r, e, t = !1) {
+function et(r, e, t = !1) {
   const n = r[e.field];
   if (e.operator === "blank")
     return n == null || n === "";
@@ -843,10 +860,10 @@ function Qe(r, e, t = !1) {
       return !0;
   }
 }
-function et(r, e, t = !1) {
-  return e.length ? r.filter((n) => e.every((o) => Qe(n, o, t))) : r;
+function tt(r, e, t = !1) {
+  return e.length ? r.filter((n) => e.every((o) => et(n, o, t))) : r;
 }
-function tt(r) {
+function nt(r) {
   return JSON.stringify(
     r.map((e) => ({
       field: e.field,
@@ -864,148 +881,7 @@ function me(r, e) {
   }
   return [...t].sort((n, o) => typeof n == "number" && typeof o == "number" ? n - o : String(n).localeCompare(String(o)));
 }
-const nt = '.header-cell.filtered:before{content:"";position:absolute;top:4px;right:4px;width:6px;height:6px;background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));border-radius:50%}.tbw-filter-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:2px;margin-left:4px;opacity:.4;transition:opacity .15s;color:inherit;vertical-align:middle}.tbw-filter-btn:hover,.tbw-filter-btn.active{opacity:1}.tbw-filter-btn.active{color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6))}', ot = `
-.tbw-filter-panel {
-  position: fixed;
-  background: var(--tbw-filter-panel-bg, var(--tbw-color-panel-bg, light-dark(#eeeeee, #222222)));
-  color: var(--tbw-filter-panel-fg, var(--tbw-color-fg, light-dark(#222222, #eeeeee)));
-  border: 1px solid var(--tbw-filter-panel-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));
-  border-radius: var(--tbw-filter-panel-radius, var(--tbw-border-radius, 4px));
-  box-shadow: 0 4px 16px var(--tbw-filter-panel-shadow, var(--tbw-color-shadow, light-dark(rgba(0,0,0,0.1), rgba(0,0,0,0.3))));
-  padding: 12px;
-  z-index: 10000;
-  min-width: 200px;
-  max-width: 280px;
-  max-height: 350px;
-  display: flex;
-  flex-direction: column;
-  font-family: var(--tbw-font-family, system-ui, sans-serif);
-  font-size: var(--tbw-font-size, 13px);
-}
-
-.tbw-filter-search {
-  margin-bottom: 8px;
-}
-
-.tbw-filter-search-input {
-  width: 100%;
-  padding: 6px 10px;
-  background: var(--tbw-filter-input-bg, var(--tbw-color-bg, transparent));
-  color: inherit;
-  border: 1px solid var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));
-  border-radius: var(--tbw-filter-input-radius, 4px);
-  font-size: inherit;
-  box-sizing: border-box;
-}
-
-.tbw-filter-search-input:focus {
-  outline: none;
-  border-color: var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));
-  box-shadow: 0 0 0 2px rgba(from var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6)) r g b / 15%);
-}
-
-.tbw-filter-actions {
-  display: flex;
-  padding: 4px 2px;
-  margin-bottom: 8px;
-  border-bottom: 1px solid var(--tbw-filter-divider, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));
-}
-
-.tbw-filter-action-btn {
-  background: transparent;
-  border: none;
-  color: var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));
-  cursor: pointer;
-  font-size: 12px;
-  padding: 2px 0;
-}
-
-.tbw-filter-action-btn:hover {
-  text-decoration: underline;
-}
-
-.tbw-filter-values {
-  flex: 1;
-  overflow-y: auto;
-  margin-bottom: 8px;
-  max-height: 180px;
-  position: relative;
-}
-
-.tbw-filter-values-spacer {
-  width: 1px;
-}
-
-.tbw-filter-values-content {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-}
-
-.tbw-filter-value-item {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 4px 2px;
-  cursor: pointer;
-  border-radius: 3px;
-}
-
-.tbw-filter-value-item:hover {
-  background: var(--tbw-filter-hover, var(--tbw-color-row-hover, light-dark(#f0f6ff, #1c1c1c)));
-}
-
-.tbw-filter-checkbox {
-  margin: 0;
-  cursor: pointer;
-  accent-color: var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));
-}
-
-.tbw-filter-no-match {
-  color: var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));
-  padding: 8px 0;
-  text-align: center;
-  font-style: italic;
-}
-
-.tbw-filter-buttons {
-  display: flex;
-  gap: 8px;
-  padding-top: 8px;
-  border-top: 1px solid var(--tbw-filter-divider, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));
-}
-
-.tbw-filter-apply-btn {
-  flex: 1;
-  padding: 6px 12px;
-  background: var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));
-  color: var(--tbw-filter-accent-fg, var(--tbw-color-accent-fg, light-dark(#ffffff, #000000)));
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-  font-size: 13px;
-}
-
-.tbw-filter-apply-btn:hover {
-  filter: brightness(0.9);
-}
-
-.tbw-filter-clear-btn {
-  flex: 1;
-  padding: 6px 12px;
-  background: transparent;
-  color: var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));
-  border: 1px solid var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));
-  border-radius: 4px;
-  cursor: pointer;
-  font-size: 13px;
-}
-
-.tbw-filter-clear-btn:hover {
-  background: var(--tbw-filter-hover, var(--tbw-color-row-hover, light-dark(#f0f6ff, #1c1c1c)));
-}
-`;
+const ot = '.header-cell.filtered:before{content:"";position:absolute;top:4px;right:4px;width:6px;height:6px;background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));border-radius:50%}.tbw-filter-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:2px;margin-left:4px;opacity:.4;transition:opacity .15s;color:inherit;vertical-align:middle}.tbw-filter-btn:hover,.tbw-filter-btn.active{opacity:1}.tbw-filter-btn.active{color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6))}', it = ".tbw-filter-panel{position:fixed;background:var(--tbw-filter-panel-bg, var(--tbw-color-panel-bg, light-dark(#eeeeee, #222222)));color:var(--tbw-filter-panel-fg, var(--tbw-color-fg, light-dark(#222222, #eeeeee)));border:1px solid var(--tbw-filter-panel-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-filter-panel-radius, var(--tbw-border-radius, 4px));box-shadow:0 4px 16px var(--tbw-filter-panel-shadow, var(--tbw-color-shadow, light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .3))));padding:12px;z-index:10000;min-width:200px;max-width:280px;max-height:350px;display:flex;flex-direction:column;font-family:var(--tbw-font-family, system-ui, sans-serif);font-size:var(--tbw-font-size, 13px)}.tbw-filter-search{margin-bottom:8px}.tbw-filter-search-input{width:100%;padding:6px 10px;background:var(--tbw-filter-input-bg, var(--tbw-color-bg, transparent));color:inherit;border:1px solid var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-filter-input-radius, 4px);font-size:inherit;box-sizing:border-box}.tbw-filter-search-input:focus{outline:none;border-color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));box-shadow:0 0 0 2px rgba(from var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6)) r g b / 15%)}.tbw-filter-actions{display:flex;padding:4px 2px;margin-bottom:8px;border-bottom:1px solid var(--tbw-filter-divider, var(--tbw-color-border, light-dark(#d0d0d4, #454545)))}.tbw-filter-action-btn{background:transparent;border:none;color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));cursor:pointer;font-size:12px;padding:2px 0}.tbw-filter-action-btn:hover{text-decoration:underline}.tbw-filter-values{flex:1;overflow-y:auto;margin-bottom:8px;max-height:180px;position:relative}.tbw-filter-values-spacer{width:1px}.tbw-filter-values-content{position:absolute;top:0;left:0;right:0}.tbw-filter-value-item{display:flex;align-items:center;gap:8px;padding:4px 2px;cursor:pointer;border-radius:3px}.tbw-filter-value-item:hover{background:var(--tbw-filter-hover, var(--tbw-color-row-hover, light-dark(#f0f6ff, #1c1c1c)))}.tbw-filter-checkbox{margin:0;cursor:pointer;accent-color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6))}.tbw-filter-no-match{color:var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));padding:8px 0;text-align:center;font-style:italic}.tbw-filter-buttons{display:flex;gap:8px;padding-top:8px;border-top:1px solid var(--tbw-filter-divider, var(--tbw-color-border, light-dark(#d0d0d4, #454545)))}.tbw-filter-apply-btn{flex:1;padding:6px 12px;background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));color:var(--tbw-filter-accent-fg, var(--tbw-color-accent-fg, light-dark(#ffffff, #000000)));border:none;border-radius:4px;cursor:pointer;font-size:13px}.tbw-filter-apply-btn:hover{filter:brightness(.9)}.tbw-filter-clear-btn{flex:1;padding:6px 12px;background:transparent;color:var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));border:1px solid var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:4px;cursor:pointer;font-size:13px}.tbw-filter-clear-btn:hover{background:var(--tbw-filter-hover, var(--tbw-color-row-hover, light-dark(#f0f6ff, #1c1c1c)))}";
 class A extends x {
   name = "filtering";
   version = "1.0.0";
@@ -1017,7 +893,7 @@ class A extends x {
       useWorker: !0
     };
   }
-  // ===== Internal State =====
+  // #region Internal State
   filters = /* @__PURE__ */ new Map();
   cachedResult = null;
   cacheKey = null;
@@ -1033,21 +909,23 @@ class A extends x {
   static LIST_OVERSCAN = 3;
   static LIST_BYPASS_THRESHOLD = 50;
   // Don't virtualize if < 50 items
-  // ===== Lifecycle =====
+  // #endregion
+  // #region Lifecycle
   attach(e) {
     super.attach(e), this.injectGlobalStyles();
   }
   detach() {
     this.filters.clear(), this.cachedResult = null, this.cacheKey = null, this.openPanelField = null, this.panelElement && (this.panelElement.remove(), this.panelElement = null), this.searchText.clear(), this.excludedValues.clear(), this.panelAbortController?.abort(), this.panelAbortController = null;
   }
-  // ===== Hooks =====
+  // #endregion
+  // #region Hooks
   processRows(e) {
     const t = [...this.filters.values()];
     if (!t.length) return [...e];
-    const n = tt(t);
+    const n = nt(t);
     if (this.cacheKey === n && this.cachedResult)
       return this.cachedResult;
-    const o = et([...e], t, this.config.caseSensitive);
+    const o = tt([...e], t, this.config.caseSensitive);
     return this.cachedResult = o, this.cacheKey = n, o;
   }
   afterRender() {
@@ -1066,7 +944,8 @@ class A extends x {
       }), n.appendChild(l);
     });
   }
-  // ===== Public API =====
+  // #endregion
+  // #region Public API
   /**
    * Set a filter on a specific field.
    * Pass null to remove the filter.
@@ -1151,7 +1030,8 @@ class A extends x {
   getUniqueValues(e) {
     return me(this.sourceRows, e);
   }
-  // ===== Private Methods =====
+  // #endregion
+  // #region Private Methods
   /**
    * Inject global styles for filter panel (rendered in document.body)
    */
@@ -1162,7 +1042,7 @@ class A extends x {
       return;
     }
     const e = document.createElement("style");
-    e.id = "tbw-filter-panel-styles", e.textContent = ot, document.head.appendChild(e), this.globalStylesInjected = !0;
+    e.id = "tbw-filter-panel-styles", e.textContent = it, document.head.appendChild(e), this.globalStylesInjected = !0;
   }
   /**
    * Toggle the filter panel for a field
@@ -1239,13 +1119,13 @@ class A extends x {
     const u = document.createElement("span");
     u.textContent = "Select All", d.appendChild(c), d.appendChild(u), a.appendChild(d);
     const h = () => {
-      const b = [...m.values()], y = b.every((C) => C), R = b.every((C) => !C);
-      c.checked = y, c.indeterminate = !y && !R;
+      const b = [...m.values()], C = b.every((y) => y), R = b.every((y) => !y);
+      c.checked = C, c.indeterminate = !C && !R;
     };
     c.addEventListener("change", () => {
       const b = c.checked;
-      for (const y of m.keys())
-        m.set(y, b);
+      for (const C of m.keys())
+        m.set(C, b);
       h(), K();
     }), e.appendChild(a);
     const g = document.createElement("div");
@@ -1256,42 +1136,42 @@ class A extends x {
     f.className = "tbw-filter-values-content", g.appendChild(f);
     const m = /* @__PURE__ */ new Map();
     n.forEach((b) => {
-      const y = b == null ? "__null__" : String(b);
-      m.set(y, !o.has(b));
+      const C = b == null ? "__null__" : String(b);
+      m.set(C, !o.has(b));
     }), h();
     let w = [];
-    const k = (b, y) => {
-      const R = b == null ? "(Blank)" : String(b), C = b == null ? "__null__" : String(b), v = document.createElement("label");
-      v.className = "tbw-filter-value-item", v.style.position = "absolute", v.style.top = `${y * A.LIST_ITEM_HEIGHT}px`, v.style.left = "0", v.style.right = "0", v.style.height = `${A.LIST_ITEM_HEIGHT}px`, v.style.boxSizing = "border-box";
+    const k = (b, C) => {
+      const R = b == null ? "(Blank)" : String(b), y = b == null ? "__null__" : String(b), v = document.createElement("label");
+      v.className = "tbw-filter-value-item", v.style.position = "absolute", v.style.top = `${C * A.LIST_ITEM_HEIGHT}px`, v.style.left = "0", v.style.right = "0", v.style.height = `${A.LIST_ITEM_HEIGHT}px`, v.style.boxSizing = "border-box";
       const S = document.createElement("input");
-      S.type = "checkbox", S.className = "tbw-filter-checkbox", S.checked = m.get(C) ?? !0, S.dataset.value = C, S.addEventListener("change", () => {
-        m.set(C, S.checked), h();
+      S.type = "checkbox", S.className = "tbw-filter-checkbox", S.checked = m.get(y) ?? !0, S.dataset.value = y, S.addEventListener("change", () => {
+        m.set(y, S.checked), h();
       });
       const re = document.createElement("span");
       return re.textContent = R, v.appendChild(S), v.appendChild(re), v;
     }, K = () => {
-      const b = w.length, y = g.clientHeight, R = g.scrollTop;
-      if (p.style.height = `${b * A.LIST_ITEM_HEIGHT}px`, Je(b, A.LIST_BYPASS_THRESHOLD / 3)) {
+      const b = w.length, C = g.clientHeight, R = g.scrollTop;
+      if (p.style.height = `${b * A.LIST_ITEM_HEIGHT}px`, Qe(b, A.LIST_BYPASS_THRESHOLD / 3)) {
         f.innerHTML = "", f.style.transform = "translateY(0px)", w.forEach((v, S) => {
           f.appendChild(k(v, S));
         });
         return;
       }
-      const C = Xe({
+      const y = Je({
         totalRows: b,
-        viewportHeight: y,
+        viewportHeight: C,
         scrollTop: R,
         rowHeight: A.LIST_ITEM_HEIGHT,
         overscan: A.LIST_OVERSCAN
       });
-      f.style.transform = `translateY(${C.offsetY}px)`, f.innerHTML = "";
-      for (let v = C.start; v < C.end; v++)
-        f.appendChild(k(w[v], v - C.start));
+      f.style.transform = `translateY(${y.offsetY}px)`, f.innerHTML = "";
+      for (let v = y.start; v < y.end; v++)
+        f.appendChild(k(w[v], v - y.start));
     }, oe = (b) => {
-      const y = b.toLowerCase();
+      const C = b.toLowerCase();
       if (w = n.filter((R) => {
-        const C = R == null ? "(Blank)" : String(R);
-        return !b || C.toLowerCase().includes(y);
+        const y = R == null ? "(Blank)" : String(R);
+        return !b || y.toLowerCase().includes(C);
       }), w.length === 0) {
         p.style.height = "0px", f.innerHTML = "";
         const R = document.createElement("div");
@@ -1318,13 +1198,13 @@ class A extends x {
     const N = document.createElement("button");
     N.className = "tbw-filter-apply-btn", N.textContent = "Apply", N.addEventListener("click", () => {
       const b = [];
-      for (const [y, R] of m)
+      for (const [C, R] of m)
         if (!R)
-          if (y === "__null__")
+          if (C === "__null__")
             b.push(null);
           else {
-            const C = n.find((v) => String(v) === y);
-            b.push(C !== void 0 ? C : y);
+            const y = n.find((v) => String(v) === C);
+            b.push(y !== void 0 ? y : C);
           }
       t.applySetFilter(b);
     }), M.appendChild(N);
@@ -1362,7 +1242,8 @@ class A extends x {
       filteredRowCount: 0
     }), this.requestRender();
   }
-  // ===== Column State Hooks =====
+  // #endregion
+  // #region Column State Hooks
   /**
    * Return filter state for a column if it has an active filter.
    */
@@ -1395,10 +1276,12 @@ class A extends x {
     };
     this.filters.set(e, n), this.cachedResult = null, this.cacheKey = null;
   }
-  // ===== Styles =====
-  styles = nt;
+  // #endregion
+  // #region Styles
+  styles = ot;
+  // #endregion
 }
-function it(r) {
+function rt(r) {
   if (!r.length) return [];
   const e = /* @__PURE__ */ new Map(), t = [], n = (s, l) => {
     if (!l.length) return;
@@ -1433,7 +1316,7 @@ function it(r) {
     }, e.set(d, c), t.push(c)), c.columns.push(s);
   }), o.length && n(i, o), t.length === 1 && t[0].implicit && t[0].columns.length === r.length ? [] : t;
 }
-function rt(r, e, t) {
+function st(r, e, t) {
   if (!e.length || !r) return;
   const n = /* @__PURE__ */ new Map();
   for (const i of e)
@@ -1449,7 +1332,7 @@ function rt(r, e, t) {
     l && l.classList.add("group-end");
   }
 }
-function st(r, e) {
+function lt(r, e) {
   if (r.length === 0) return null;
   const t = document.createElement("div");
   t.className = "header-group-row", t.setAttribute("role", "row");
@@ -1459,11 +1342,11 @@ function st(r, e) {
   }
   return t;
 }
-function lt(r) {
+function at(r) {
   return r.some((e) => e.group != null);
 }
-const at = ".header-group-row{display:grid;grid-auto-flow:column;background:var(--tbw-grouping-columns-header-bg, var(--tbw-color-header-bg));border-bottom:1px solid var(--tbw-grouping-columns-border, var(--tbw-color-border))}.header-group-cell{display:flex;align-items:center;justify-content:center;padding:4px 8px;font-weight:600;font-size:.9em;text-transform:uppercase;letter-spacing:.5px;border-right:1px solid var(--tbw-grouping-columns-border, var(--tbw-color-border))}.header-group-cell:last-child{border-right:none}.header-row .cell.grouped{border-top:none}.header-row .cell.group-end{border-right:2px solid var(--tbw-grouping-columns-separator, var(--tbw-color-border-strong))}";
-class xn extends x {
+const dt = ".header-group-row{display:grid;grid-auto-flow:column;background:var(--tbw-grouping-columns-header-bg, var(--tbw-color-header-bg));border-bottom:1px solid var(--tbw-grouping-columns-border, var(--tbw-color-border))}.header-group-cell{display:flex;align-items:center;justify-content:center;padding:4px 8px;font-weight:600;font-size:.9em;text-transform:uppercase;letter-spacing:.5px;border-right:1px solid var(--tbw-grouping-columns-border, var(--tbw-color-border))}.header-group-cell:last-child{border-right:none}.header-row .cell.grouped{border-top:none}.header-row .cell.group-end{border-right:2px solid var(--tbw-grouping-columns-separator, var(--tbw-color-border-strong))}";
+class yn extends x {
   name = "groupingColumns";
   version = "1.0.0";
   get defaultConfig() {
@@ -1471,24 +1354,27 @@ class xn extends x {
       showGroupBorders: !0
     };
   }
-  // ===== Internal State =====
+  // #region Internal State
   groups = [];
   isActive = !1;
-  // ===== Lifecycle =====
+  // #endregion
+  // #region Lifecycle
   detach() {
     this.groups = [], this.isActive = !1;
   }
-  // ===== Static Detection =====
+  // #endregion
+  // #region Static Detection
   /**
    * Auto-detect column groups from column configuration.
    */
   static detect(e, t) {
     const n = t?.columns;
-    return Array.isArray(n) ? lt(n) : !1;
+    return Array.isArray(n) ? at(n) : !1;
   }
-  // ===== Hooks =====
+  // #endregion
+  // #region Hooks
   processColumns(e) {
-    const t = it(e);
+    const t = rt(e);
     return t.length === 0 ? (this.isActive = !1, this.groups = [], [...e]) : (this.isActive = !0, this.groups = t, [...e]);
   }
   afterRender() {
@@ -1501,15 +1387,16 @@ class xn extends x {
     if (!e) return;
     const t = e.querySelector(".header-group-row");
     t && t.remove();
-    const n = st(this.groups, this.columns);
+    const n = lt(this.groups, this.columns);
     if (n) {
       const i = e.querySelector(".header-row");
       i ? e.insertBefore(n, i) : e.appendChild(n);
     }
     const o = e.querySelector(".header-row");
-    o && rt(o, this.groups, this.columns);
+    o && st(o, this.groups, this.columns);
   }
-  // ===== Public API =====
+  // #endregion
+  // #region Public API
   /**
    * Check if column groups are active.
    * @returns Whether grouping is active
@@ -1539,10 +1426,12 @@ class xn extends x {
   refresh() {
     this.requestRender();
   }
-  // ===== Styles =====
-  styles = at;
+  // #endregion
+  // #region Styles
+  styles = dt;
+  // #endregion
 }
-function dt({ rows: r, config: e, expanded: t }) {
+function ct({ rows: r, config: e, expanded: t }) {
   const n = e.groupOn;
   if (typeof n != "function")
     return [];
@@ -1575,23 +1464,23 @@ function dt({ rows: r, config: e, expanded: t }) {
   };
   return s(o), i;
 }
-function ct(r, e) {
+function ut(r, e) {
   const t = new Set(r);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
-function ut(r) {
+function ht(r) {
   const e = /* @__PURE__ */ new Set();
   for (const t of r)
     t.kind === "group" && e.add(t.key);
   return e;
 }
-function ht() {
+function gt() {
   return /* @__PURE__ */ new Set();
 }
-function gt(r) {
+function pt(r) {
   return r.kind !== "group" ? 0 : r.rows.length;
 }
-const pt = '.group-row{background:var(--tbw-grouping-rows-bg, var(--tbw-color-panel-bg));font-weight:500}.group-row:hover{background:var(--tbw-grouping-rows-bg-hover, var(--tbw-color-row-hover))}.group-toggle{cursor:pointer;user-select:none;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:4px;font-size:10px}.group-toggle:hover{background:var(--tbw-grouping-rows-toggle-hover, var(--tbw-color-row-hover));border-radius:2px}.group-label{display:inline-flex;align-items:center;gap:8px}.group-count{color:var(--tbw-grouping-rows-count-color, var(--tbw-color-fg-muted));font-size:.85em;font-weight:400}[data-group-depth="0"] .group-label{padding-left:0}[data-group-depth="1"] .group-label{padding-left:20px}[data-group-depth="2"] .group-label{padding-left:40px}[data-group-depth="3"] .group-label{padding-left:60px}[data-group-depth="4"] .group-label{padding-left:80px}';
+const ft = '.group-row{background:var(--tbw-grouping-rows-bg, var(--tbw-color-panel-bg));font-weight:500}.group-row:hover{background:var(--tbw-grouping-rows-bg-hover, var(--tbw-color-row-hover))}.group-toggle{cursor:pointer;user-select:none;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:4px;font-size:10px}.group-toggle:hover{background:var(--tbw-grouping-rows-toggle-hover, var(--tbw-color-row-hover));border-radius:2px}.group-label{display:inline-flex;align-items:center;gap:8px}.group-count{color:var(--tbw-grouping-rows-count-color, var(--tbw-color-fg-muted));font-size:.85em;font-weight:400}[data-group-depth="0"] .group-label{padding-left:0}[data-group-depth="1"] .group-label{padding-left:20px}[data-group-depth="2"] .group-label{padding-left:40px}[data-group-depth="3"] .group-label{padding-left:60px}[data-group-depth="4"] .group-label{padding-left:80px}';
 class Cn extends x {
   name = "groupingRows";
   version = "1.0.0";
@@ -1603,15 +1492,17 @@ class Cn extends x {
       aggregators: {}
     };
   }
-  // ===== Internal State =====
+  // #region Internal State
   expandedKeys = /* @__PURE__ */ new Set();
   flattenedRows = [];
   isActive = !1;
-  // ===== Lifecycle =====
+  // #endregion
+  // #region Lifecycle
   detach() {
     this.expandedKeys.clear(), this.flattenedRows = [], this.isActive = !1;
   }
-  // ===== Hooks =====
+  // #endregion
+  // #region Hooks
   /**
    * Auto-detect grouping configuration from grid config.
    * Called by plugin system to determine if plugin should activate.
@@ -1623,7 +1514,7 @@ class Cn extends x {
     const t = this.config;
     if (typeof t.groupOn != "function")
       return this.isActive = !1, this.flattenedRows = [], [...e];
-    const n = dt({
+    const n = ct({
       rows: e,
       config: t,
       expanded: this.expandedKeys
@@ -1635,7 +1526,7 @@ class Cn extends x {
       __groupDepth: o.depth,
       __groupRows: o.rows,
       __groupExpanded: o.expanded,
-      __groupRowCount: gt(o)
+      __groupRowCount: pt(o)
     } : o.row));
   }
   onCellClick(e) {
@@ -1671,7 +1562,8 @@ class Cn extends x {
   }
   afterRender() {
   }
-  // ===== Private Rendering Helpers =====
+  // #endregion
+  // #region Private Rendering Helpers
   renderFullWidthGroupRow(e, t, n) {
     const o = this.config, i = document.createElement("div");
     i.className = "cell group-full", i.style.gridColumn = "1 / -1", i.setAttribute("role", "gridcell");
@@ -1720,25 +1612,26 @@ class Cn extends x {
       t.appendChild(h);
     });
   }
-  // ===== Public API =====
+  // #endregion
+  // #region Public API
   /**
    * Expand all groups.
    */
   expandAll() {
-    this.expandedKeys = ut(this.flattenedRows), this.requestRender();
+    this.expandedKeys = ht(this.flattenedRows), this.requestRender();
   }
   /**
    * Collapse all groups.
    */
   collapseAll() {
-    this.expandedKeys = ht(), this.requestRender();
+    this.expandedKeys = gt(), this.requestRender();
   }
   /**
    * Toggle expansion of a specific group.
    * @param key - The group key to toggle
    */
   toggle(e) {
-    this.expandedKeys = ct(this.expandedKeys, e);
+    this.expandedKeys = ut(this.expandedKeys, e);
     const t = this.flattenedRows.find((n) => n.kind === "group" && n.key === e);
     this.emit("group-toggle", {
       key: e,
@@ -1827,25 +1720,27 @@ class Cn extends x {
   setGroupOn(e) {
     this.config.groupOn = e, this.requestRender();
   }
-  // ===== Styles =====
-  styles = pt;
+  // #endregion
+  // #region Styles
+  styles = ft;
+  // #endregion
 }
-function z(r, e) {
+function V(r, e) {
   const t = new Set(r);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
-function ft(r, e) {
+function mt(r, e) {
   const t = new Set(r);
   return t.add(e), t;
 }
-function mt(r, e) {
+function wt(r, e) {
   const t = new Set(r);
   return t.delete(e), t;
 }
-function wt(r, e) {
+function bt(r, e) {
   return r.has(e);
 }
-function bt(r, e, t, n) {
+function vt(r, e, t, n) {
   const o = document.createElement("div");
   o.className = "master-detail-row", o.setAttribute("data-detail-for", String(e)), o.setAttribute("role", "row");
   const i = document.createElement("div");
@@ -1853,8 +1748,8 @@ function bt(r, e, t, n) {
   const s = t(r, e);
   return typeof s == "string" ? i.innerHTML = s : s instanceof HTMLElement && i.appendChild(s), o.appendChild(i), o;
 }
-const vt = ".master-detail-cell-wrapper{display:flex;align-items:center;gap:4px}.master-detail-toggle{cursor:pointer;font-size:10px;opacity:.7;user-select:none}.master-detail-toggle:hover{opacity:1}.master-detail-row{grid-column:1 / -1;display:grid;background:var(--tbw-master-detail-bg, var(--tbw-color-row-alt));border-bottom:1px solid var(--tbw-master-detail-border, var(--tbw-color-border))}.master-detail-cell{padding:16px;overflow:auto}";
-class yn extends x {
+const xt = ".master-detail-cell-wrapper{display:flex;align-items:center;gap:4px}.master-detail-toggle{cursor:pointer;font-size:10px;opacity:.7;user-select:none}.master-detail-toggle:hover{opacity:1}.master-detail-row{grid-column:1 / -1;display:grid;background:var(--tbw-master-detail-bg, var(--tbw-color-row-alt));border-bottom:1px solid var(--tbw-master-detail-border, var(--tbw-color-border))}.master-detail-cell{padding:16px;overflow:auto}";
+class Rn extends x {
   name = "masterDetail";
   version = "1.0.0";
   get defaultConfig() {
@@ -1865,14 +1760,16 @@ class yn extends x {
       showExpandColumn: !0
     };
   }
-  // ===== Internal State =====
+  // #region Internal State
   expandedRows = /* @__PURE__ */ new Set();
   detailElements = /* @__PURE__ */ new Map();
-  // ===== Lifecycle =====
+  // #endregion
+  // #region Lifecycle
   detach() {
     this.expandedRows.clear(), this.detailElements.clear();
   }
-  // ===== Hooks =====
+  // #endregion
+  // #region Hooks
   processColumns(e) {
     if (!this.config.detailRenderer)
       return [...e];
@@ -1888,7 +1785,7 @@ class yn extends x {
         u.className = "master-detail-toggle", this.setIcon(u, this.resolveIcon(d ? "collapse" : "expand")), u.setAttribute("role", "button"), u.setAttribute("tabindex", "0"), u.setAttribute("aria-expanded", String(d)), u.setAttribute("aria-label", d ? "Collapse details" : "Expand details"), u.addEventListener("click", (g) => {
           g.stopPropagation();
           const p = this.rows.indexOf(a);
-          this.expandedRows = z(this.expandedRows, a), this.emit("detail-expand", {
+          this.expandedRows = V(this.expandedRows, a), this.emit("detail-expand", {
             rowIndex: p,
             row: a,
             expanded: this.expandedRows.has(a)
@@ -1908,7 +1805,7 @@ class yn extends x {
   }
   onRowClick(e) {
     if (!(!this.config.expandOnRowClick || !this.config.detailRenderer))
-      return this.expandedRows = z(this.expandedRows, e.row), this.emit("detail-expand", {
+      return this.expandedRows = V(this.expandedRows, e.row), this.emit("detail-expand", {
         rowIndex: e.rowIndex,
         row: e.row,
         expanded: this.expandedRows.has(e.row)
@@ -1953,7 +1850,7 @@ class yn extends x {
         d.previousElementSibling !== l && l.after(d);
         continue;
       }
-      const c = bt(a, s, this.config.detailRenderer, o);
+      const c = vt(a, s, this.config.detailRenderer, o);
       typeof this.config.detailHeight == "number" && (c.style.height = `${this.config.detailHeight}px`), l.after(c), this.detailElements.set(a, c);
     }
   }
@@ -2013,14 +1910,15 @@ class yn extends x {
     }
     return i;
   }
-  // ===== Public API =====
+  // #endregion
+  // #region Public API
   /**
    * Expand the detail row at the given index.
    * @param rowIndex - Index of the row to expand
    */
   expand(e) {
     const t = this.rows[e];
-    t && (this.expandedRows = ft(this.expandedRows, t), this.requestRender());
+    t && (this.expandedRows = mt(this.expandedRows, t), this.requestRender());
   }
   /**
    * Collapse the detail row at the given index.
@@ -2028,7 +1926,7 @@ class yn extends x {
    */
   collapse(e) {
     const t = this.rows[e];
-    t && (this.expandedRows = mt(this.expandedRows, t), this.requestRender());
+    t && (this.expandedRows = wt(this.expandedRows, t), this.requestRender());
   }
   /**
    * Toggle the detail row at the given index.
@@ -2036,7 +1934,7 @@ class yn extends x {
    */
   toggle(e) {
     const t = this.rows[e];
-    t && (this.expandedRows = z(this.expandedRows, t), this.requestRender());
+    t && (this.expandedRows = V(this.expandedRows, t), this.requestRender());
   }
   /**
    * Check if the detail row at the given index is expanded.
@@ -2045,7 +1943,7 @@ class yn extends x {
    */
   isExpanded(e) {
     const t = this.rows[e];
-    return t ? wt(this.expandedRows, t) : !1;
+    return t ? bt(this.expandedRows, t) : !1;
   }
   /**
    * Expand all detail rows.
@@ -2082,10 +1980,12 @@ class yn extends x {
     const t = this.rows[e];
     return t ? this.detailElements.get(t) : void 0;
   }
-  // ===== Styles =====
-  styles = vt;
+  // #endregion
+  // #region Styles
+  styles = xt;
+  // #endregion
 }
-function xt(r, e, t) {
+function yt(r, e, t) {
   return e.length ? [...r].sort((n, o) => {
     for (const i of e) {
       const l = t.find((u) => u.field === i.field)?.sortComparator ?? Ct, a = n[i.field], d = o[i.field], c = l(a, d, n, o);
@@ -2098,7 +1998,7 @@ function xt(r, e, t) {
 function Ct(r, e) {
   return r == null && e == null ? 0 : r == null ? 1 : e == null ? -1 : typeof r == "number" && typeof e == "number" ? r - e : r instanceof Date && e instanceof Date ? r.getTime() - e.getTime() : typeof r == "boolean" && typeof e == "boolean" ? r === e ? 0 : r ? -1 : 1 : String(r).localeCompare(String(e));
 }
-function yt(r, e, t, n) {
+function Rt(r, e, t, n) {
   const o = r.find((i) => i.field === e);
   return t ? o ? o.direction === "asc" ? r.map((i) => i.field === e ? { ...i, direction: "desc" } : i) : r.filter((i) => i.field !== e) : r.length < n ? [...r, { field: e, direction: "asc" }] : r : o?.direction === "asc" ? [{ field: e, direction: "desc" }] : o?.direction === "desc" ? [] : [{ field: e, direction: "asc" }];
 }
@@ -2109,8 +2009,8 @@ function we(r, e) {
 function be(r, e) {
   return r.find((t) => t.field === e)?.direction;
 }
-const Rt = '.header-cell[data-sort=asc]:after{content:"↑";margin-left:4px;opacity:.8}.header-cell[data-sort=desc]:after{content:"↓";margin-left:4px;opacity:.8}.sort-index{font-size:10px;background:var(--tbw-multi-sort-badge-bg, var(--tbw-color-panel-bg));color:var(--tbw-multi-sort-badge-color, var(--tbw-color-fg));border-radius:50%;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;margin-left:2px;font-weight:600}';
-class Rn extends x {
+const St = '.header-cell[data-sort=asc]:after{content:"↑";margin-left:4px;opacity:.8}.header-cell[data-sort=desc]:after{content:"↓";margin-left:4px;opacity:.8}.sort-index{font-size:10px;background:var(--tbw-multi-sort-badge-bg, var(--tbw-color-panel-bg));color:var(--tbw-multi-sort-badge-color, var(--tbw-color-fg));border-radius:50%;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;margin-left:2px;font-weight:600}';
+class Sn extends x {
   name = "multiSort";
   version = "1.0.0";
   get defaultConfig() {
@@ -2119,20 +2019,22 @@ class Rn extends x {
       showSortIndex: !0
     };
   }
-  // ===== Internal State =====
+  // #region Internal State
   sortModel = [];
-  // ===== Lifecycle =====
+  // #endregion
+  // #region Lifecycle
   detach() {
     this.sortModel = [];
   }
-  // ===== Hooks =====
+  // #endregion
+  // #region Hooks
   processRows(e) {
-    return this.sortModel.length === 0 ? [...e] : xt([...e], this.sortModel, [...this.columns]);
+    return this.sortModel.length === 0 ? [...e] : yt([...e], this.sortModel, [...this.columns]);
   }
   onHeaderClick(e) {
     if (!this.columns.find((i) => i.field === e.field)?.sortable) return !1;
     const n = e.originalEvent.shiftKey, o = this.config.maxSortColumns ?? 3;
-    return this.sortModel = yt(this.sortModel, e.field, n, o), this.emit("sort-change", { sortModel: [...this.sortModel] }), this.requestRender(), !0;
+    return this.sortModel = Rt(this.sortModel, e.field, n, o), this.emit("sort-change", { sortModel: [...this.sortModel] }), this.requestRender(), !0;
   }
   afterRender() {
     const e = this.shadowRoot;
@@ -2153,7 +2055,8 @@ class Rn extends x {
         o.removeAttribute("data-sort");
     });
   }
-  // ===== Public API =====
+  // #endregion
+  // #region Public API
   /**
    * Get the current sort model.
    * @returns Copy of the current sort model
@@ -2190,7 +2093,8 @@ class Rn extends x {
   getSortDirection(e) {
     return be(this.sortModel, e);
   }
-  // ===== Column State Hooks =====
+  // #endregion
+  // #region Column State Hooks
   /**
    * Return sort state for a column if it's in the sort model.
    */
@@ -2218,16 +2122,18 @@ class Rn extends x {
     };
     n !== -1 ? this.sortModel[n] = o : this.sortModel.splice(t.sort.priority, 0, o);
   }
-  // ===== Styles =====
-  styles = Rt;
+  // #endregion
+  // #region Styles
+  styles = St;
+  // #endregion
 }
-function St(r) {
+function Et(r) {
   return r.filter((e) => e.sticky === "left");
 }
-function Et(r) {
+function kt(r) {
   return r.filter((e) => e.sticky === "right");
 }
-function V(r) {
+function z(r) {
   return r.some((e) => e.sticky === "left" || e.sticky === "right");
 }
 function ve(r, e) {
@@ -2243,16 +2149,16 @@ function ve(r, e) {
   for (const l of e)
     if (l.sticky === "left") {
       const a = o.get(l.field), d = n.find((c) => c.getAttribute("data-field") === l.field);
-      d && (d.classList.add("sticky-left"), d.style.left = i + "px", a !== void 0 && t.querySelectorAll(`.data-grid-row .cell[data-col="${a}"]`).forEach((c) => {
-        c.classList.add("sticky-left"), c.style.left = i + "px";
+      d && (d.classList.add("sticky-left"), d.style.position = "sticky", d.style.left = i + "px", a !== void 0 && t.querySelectorAll(`.data-grid-row .cell[data-col="${a}"]`).forEach((c) => {
+        c.classList.add("sticky-left"), c.style.position = "sticky", c.style.left = i + "px";
       }), i += d.offsetWidth);
     }
   let s = 0;
   for (const l of [...e].reverse())
     if (l.sticky === "right") {
       const a = o.get(l.field), d = n.find((c) => c.getAttribute("data-field") === l.field);
-      d && (d.classList.add("sticky-right"), d.style.right = s + "px", a !== void 0 && t.querySelectorAll(`.data-grid-row .cell[data-col="${a}"]`).forEach((c) => {
-        c.classList.add("sticky-right"), c.style.right = s + "px";
+      d && (d.classList.add("sticky-right"), d.style.position = "sticky", d.style.right = s + "px", a !== void 0 && t.querySelectorAll(`.data-grid-row .cell[data-col="${a}"]`).forEach((c) => {
+        c.classList.add("sticky-right"), c.style.position = "sticky", c.style.right = s + "px";
       }), s += d.offsetWidth);
     }
 }
@@ -2260,40 +2166,43 @@ function xe(r) {
   const e = r.shadowRoot;
   if (!e) return;
   e.querySelectorAll(".sticky-left, .sticky-right").forEach((n) => {
-    n.classList.remove("sticky-left", "sticky-right"), n.style.left = "", n.style.right = "";
+    n.classList.remove("sticky-left", "sticky-right"), n.style.position = "", n.style.left = "", n.style.right = "";
   });
 }
-class Sn extends x {
+class En extends x {
   name = "pinnedColumns";
   version = "1.0.0";
   get defaultConfig() {
     return {};
   }
-  // ===== Internal State =====
+  // #region Internal State
   isApplied = !1;
   leftOffsets = /* @__PURE__ */ new Map();
   rightOffsets = /* @__PURE__ */ new Map();
-  // ===== Lifecycle =====
+  // #endregion
+  // #region Lifecycle
   detach() {
     this.leftOffsets.clear(), this.rightOffsets.clear(), this.isApplied = !1;
   }
-  // ===== Detection =====
+  // #endregion
+  // #region Detection
   /**
    * Auto-detect sticky columns from column configuration.
    */
   static detect(e, t) {
     const n = t?.columns;
-    return Array.isArray(n) ? V(n) : !1;
+    return Array.isArray(n) ? z(n) : !1;
   }
-  // ===== Hooks =====
+  // #endregion
+  // #region Hooks
   processColumns(e) {
-    return this.isApplied = V([...e]), [...e];
+    return this.isApplied = z([...e]), [...e];
   }
   afterRender() {
     if (!this.isApplied)
       return;
     const e = this.grid, t = [...this.columns];
-    if (!V(t)) {
+    if (!z(t)) {
       xe(e), this.isApplied = !1;
       return;
     }
@@ -2301,7 +2210,24 @@ class Sn extends x {
       ve(e, t);
     });
   }
-  // ===== Public API =====
+  /**
+   * Handle inter-plugin queries.
+   */
+  onPluginQuery(e) {
+    switch (e.type) {
+      case Pe.CAN_MOVE_COLUMN: {
+        const t = e.context, n = t.sticky;
+        if (n === "left" || n === "right")
+          return !1;
+        const o = t.meta?.sticky;
+        return o === "left" || o === "right" ? !1 : void 0;
+      }
+      default:
+        return;
+    }
+  }
+  // #endregion
+  // #region Public API
   /**
    * Re-apply sticky offsets (e.g., after column resize).
    */
@@ -2314,14 +2240,14 @@ class Sn extends x {
    */
   getLeftPinnedColumns() {
     const e = [...this.columns];
-    return St(e);
+    return Et(e);
   }
   /**
    * Get columns pinned to the right.
    */
   getRightPinnedColumns() {
     const e = [...this.columns];
-    return Et(e);
+    return kt(e);
   }
   /**
    * Clear all sticky positioning.
@@ -2329,6 +2255,31 @@ class Sn extends x {
   clearStickyPositions() {
     xe(this.grid);
   }
+  /**
+   * Report horizontal scroll boundary offsets for pinned columns.
+   * Used by keyboard navigation to ensure focused cells aren't hidden behind sticky columns.
+   */
+  getHorizontalScrollOffsets(e, t) {
+    if (!this.isApplied)
+      return;
+    let n = 0, o = 0;
+    if (e) {
+      const s = e.querySelectorAll(".sticky-left"), l = e.querySelectorAll(".sticky-right");
+      s.forEach((a) => {
+        n += a.offsetWidth;
+      }), l.forEach((a) => {
+        o += a.offsetWidth;
+      });
+    } else {
+      const l = this.grid.shadowRoot;
+      l && l.querySelectorAll(".header-row .cell").forEach((d) => {
+        d.classList.contains("sticky-left") ? n += d.offsetWidth : d.classList.contains("sticky-right") && (o += d.offsetWidth);
+      });
+    }
+    const i = t?.classList.contains("sticky-left") || t?.classList.contains("sticky-right");
+    return { left: n, right: o, skipScroll: i };
+  }
+  // #endregion
 }
 function W(r, e) {
   const t = document.createElement("div");
@@ -2352,7 +2303,7 @@ function W(r, e) {
   }
   if (r.customPanels)
     for (const s of r.customPanels) {
-      const l = kt(s, e);
+      const l = At(s, e);
       switch (s.position) {
         case "left":
           n.appendChild(l);
@@ -2367,11 +2318,11 @@ function W(r, e) {
     }
   return t.appendChild(n), t.appendChild(o), t.appendChild(i), t;
 }
-function Ce(r) {
+function ye(r) {
   const e = document.createElement("div");
   return e.className = `tbw-aggregation-rows tbw-aggregation-rows-${r}`, e.setAttribute("role", "presentation"), e;
 }
-function ye(r, e, t, n) {
+function Ce(r, e, t, n) {
   r.innerHTML = "";
   for (const o of e) {
     const i = document.createElement("div");
@@ -2385,7 +2336,7 @@ function ye(r, e, t, n) {
         let a;
         const d = o.aggregators?.[s.field];
         if (d) {
-          const c = He(d);
+          const c = Ge(d);
           c && (a = c(n, s.field, s));
         } else if (o.cells && Object.prototype.hasOwnProperty.call(o.cells, s.field)) {
           const c = o.cells[s.field];
@@ -2396,7 +2347,7 @@ function ye(r, e, t, n) {
     r.appendChild(i);
   }
 }
-function kt(r, e) {
+function At(r, e) {
   const t = document.createElement("div");
   t.className = "tbw-status-panel tbw-status-panel-custom", t.id = `status-panel-${r.id}`;
   const n = r.render(e);
@@ -2412,8 +2363,8 @@ function Re(r, e, t, n, o) {
     grid: t
   };
 }
-const At = ".tbw-footer{position:sticky;bottom:0;z-index:var(--tbw-z-layer-pinned-rows, 20);background:var(--tbw-color-panel-bg)}.tbw-pinned-rows{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--tbw-pinned-rows-bg, var(--tbw-color-panel-bg));border-top:1px solid var(--tbw-pinned-rows-border, var(--tbw-color-border));font-size:12px;color:var(--tbw-pinned-rows-color, var(--tbw-color-fg-muted));min-height:32px;box-sizing:border-box;min-width:fit-content}.tbw-pinned-rows-left,.tbw-pinned-rows-center,.tbw-pinned-rows-right{display:flex;align-items:center;gap:16px}.tbw-pinned-rows-left{justify-content:flex-start}.tbw-pinned-rows-center{justify-content:center;flex:1}.tbw-pinned-rows-right{justify-content:flex-end}.tbw-status-panel{white-space:nowrap}.tbw-aggregation-rows{min-width:fit-content;background:var(--tbw-aggregation-bg, var(--tbw-color-header-bg))}.tbw-aggregation-rows-top{border-bottom:1px solid var(--tbw-aggregation-border, var(--tbw-color-border))}.tbw-aggregation-rows-bottom{border-top:1px solid var(--tbw-aggregation-border, var(--tbw-color-border))}.tbw-aggregation-row{display:grid;grid-template-columns:var(--tbw-column-template);font-weight:var(--tbw-aggregation-font-weight, 600)}.tbw-aggregation-cell{padding:var(--tbw-cell-padding, 2px 8px);min-height:var(--tbw-row-height, 28px);display:flex;align-items:center;border-right:1px solid var(--tbw-color-border-cell)}.tbw-aggregation-cell:last-child{border-right:0}.tbw-aggregation-cell-full{grid-column:1 / -1;border-right:0}";
-class En extends x {
+const _t = ".tbw-footer{position:sticky;bottom:0;z-index:var(--tbw-z-layer-pinned-rows, 20);background:var(--tbw-color-panel-bg)}.tbw-pinned-rows{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--tbw-pinned-rows-bg, var(--tbw-color-panel-bg));border-top:1px solid var(--tbw-pinned-rows-border, var(--tbw-color-border));font-size:12px;color:var(--tbw-pinned-rows-color, var(--tbw-color-fg-muted));min-height:32px;box-sizing:border-box;min-width:fit-content}.tbw-pinned-rows-left,.tbw-pinned-rows-center,.tbw-pinned-rows-right{display:flex;align-items:center;gap:16px}.tbw-pinned-rows-left{justify-content:flex-start}.tbw-pinned-rows-center{justify-content:center;flex:1}.tbw-pinned-rows-right{justify-content:flex-end}.tbw-status-panel{white-space:nowrap}.tbw-aggregation-rows{min-width:fit-content;background:var(--tbw-aggregation-bg, var(--tbw-color-header-bg))}.tbw-aggregation-rows-top{border-bottom:1px solid var(--tbw-aggregation-border, var(--tbw-color-border))}.tbw-aggregation-rows-bottom{border-top:1px solid var(--tbw-aggregation-border, var(--tbw-color-border))}.tbw-aggregation-row{display:grid;grid-template-columns:var(--tbw-column-template);font-weight:var(--tbw-aggregation-font-weight, 600)}.tbw-aggregation-cell{padding:var(--tbw-cell-padding, 2px 8px);min-height:var(--tbw-row-height, 28px);display:flex;align-items:center;border-right:1px solid var(--tbw-color-border-cell)}.tbw-aggregation-cell:last-child{border-right:0}.tbw-aggregation-cell-full{grid-column:1 / -1;border-right:0}";
+class kn extends x {
   name = "pinnedRows";
   version = "1.0.0";
   get defaultConfig() {
@@ -2424,16 +2375,18 @@ class En extends x {
       showFilteredCount: !0
     };
   }
-  // ===== Internal State =====
+  // #region Internal State
   infoBarElement = null;
   topAggregationContainer = null;
   bottomAggregationContainer = null;
   footerWrapper = null;
-  // ===== Lifecycle =====
+  // #endregion
+  // #region Lifecycle
   detach() {
     this.infoBarElement && (this.infoBarElement.remove(), this.infoBarElement = null), this.topAggregationContainer && (this.topAggregationContainer.remove(), this.topAggregationContainer = null), this.bottomAggregationContainer && (this.bottomAggregationContainer.remove(), this.bottomAggregationContainer = null), this.footerWrapper && (this.footerWrapper.remove(), this.footerWrapper = null);
   }
-  // ===== Hooks =====
+  // #endregion
+  // #region Hooks
   afterRender() {
     const e = this.shadowRoot;
     if (!e) return;
@@ -2448,11 +2401,11 @@ class En extends x {
     ), s = this.config.aggregationRows || [], l = s.filter((h) => h.position === "top"), a = s.filter((h) => h.position !== "top");
     if (l.length > 0) {
       if (!this.topAggregationContainer) {
-        this.topAggregationContainer = Ce("top");
+        this.topAggregationContainer = ye("top");
         const h = e.querySelector(".header");
         h && h.nextSibling ? t.insertBefore(this.topAggregationContainer, h.nextSibling) : t.appendChild(this.topAggregationContainer);
       }
-      ye(
+      Ce(
         this.topAggregationContainer,
         l,
         this.visibleColumns,
@@ -2468,14 +2421,15 @@ class En extends x {
         this.infoBarElement.replaceWith(h), this.infoBarElement = h;
       }
     else this.config.position === "top" && this.infoBarElement && (this.infoBarElement.remove(), this.infoBarElement = null);
-    u ? (this.footerWrapper || (this.footerWrapper = document.createElement("div"), this.footerWrapper.className = "tbw-footer", t.appendChild(this.footerWrapper)), this.footerWrapper.innerHTML = "", a.length > 0 && (this.bottomAggregationContainer || (this.bottomAggregationContainer = Ce("bottom")), this.footerWrapper.appendChild(this.bottomAggregationContainer), ye(
+    u ? (this.footerWrapper || (this.footerWrapper = document.createElement("div"), this.footerWrapper.className = "tbw-footer", t.appendChild(this.footerWrapper)), this.footerWrapper.innerHTML = "", a.length > 0 && (this.bottomAggregationContainer || (this.bottomAggregationContainer = ye("bottom")), this.footerWrapper.appendChild(this.bottomAggregationContainer), Ce(
       this.bottomAggregationContainer,
       a,
       this.visibleColumns,
       this.rows
     )), c && (this.infoBarElement = W(this.config, i), this.footerWrapper.appendChild(this.infoBarElement))) : this.cleanupFooter();
   }
-  // ===== Private Methods =====
+  // #endregion
+  // #region Private Methods
   cleanup() {
     this.infoBarElement && (this.infoBarElement.remove(), this.infoBarElement = null), this.topAggregationContainer && (this.topAggregationContainer.remove(), this.topAggregationContainer = null), this.bottomAggregationContainer && (this.bottomAggregationContainer.remove(), this.bottomAggregationContainer = null), this.footerWrapper && (this.footerWrapper.remove(), this.footerWrapper = null);
   }
@@ -2496,7 +2450,8 @@ class En extends x {
       return null;
     }
   }
-  // ===== Public API =====
+  // #endregion
+  // #region Public API
   /**
    * Refresh the status bar to reflect current grid state.
    */
@@ -2545,11 +2500,13 @@ class En extends x {
   removeAggregationRow(e) {
     this.config.aggregationRows && (this.config.aggregationRows = this.config.aggregationRows.filter((t) => t.id !== e), this.requestRender());
   }
-  // ===== Styles =====
-  styles = At;
+  // #endregion
+  // #region Styles
+  styles = _t;
+  // #endregion
 }
-const _t = Ge;
-function It(r) {
+const It = Oe;
+function Lt(r) {
   const e = [];
   return !r.rowGroupFields?.length && !r.columnGroupFields?.length && e.push("At least one row or column group field is required"), r.valueFields?.length || e.push("At least one value field is required"), e;
 }
@@ -2557,7 +2514,7 @@ function te(r, e) {
   return [...r, e].join("|");
 }
 function Ft(r, e) {
-  const t = e.rowGroupFields ?? [], n = e.columnGroupFields ?? [], o = e.valueFields ?? [], i = Lt(r, n), s = Pe(
+  const t = e.rowGroupFields ?? [], n = e.columnGroupFields ?? [], o = e.valueFields ?? [], i = Tt(r, n), s = qe(
     r,
     t,
     n,
@@ -2567,7 +2524,7 @@ function Ft(r, e) {
     // starting depth
     ""
     // parent key prefix
-  ), l = Mt(s, i, o), a = Object.values(l).reduce((d, c) => d + c, 0);
+  ), l = Nt(s, i, o), a = Object.values(l).reduce((d, c) => d + c, 0);
   return {
     rows: s,
     columnKeys: i,
@@ -2575,7 +2532,7 @@ function Ft(r, e) {
     grandTotal: a
   };
 }
-function Lt(r, e) {
+function Tt(r, e) {
   if (e.length === 0) return ["value"];
   const t = /* @__PURE__ */ new Set();
   for (const n of r) {
@@ -2584,7 +2541,7 @@ function Lt(r, e) {
   }
   return [...t].sort();
 }
-function Tt(r, e) {
+function Mt(r, e) {
   const t = /* @__PURE__ */ new Map();
   for (const n of r) {
     const o = String(n[e] ?? ""), i = t.get(o);
@@ -2592,7 +2549,7 @@ function Tt(r, e) {
   }
   return t;
 }
-function Pe(r, e, t, n, o, i, s) {
+function qe(r, e, t, n, o, i, s) {
   const l = [];
   if (e.length === 0) {
     const h = Se(r, t, n, o), g = Ee(h);
@@ -2606,11 +2563,11 @@ function Pe(r, e, t, n, o, i, s) {
       rowCount: r.length
     }), l;
   }
-  const a = e[0], d = e.slice(1), c = d.length > 0, u = Tt(r, a);
+  const a = e[0], d = e.slice(1), c = d.length > 0, u = Mt(r, a);
   for (const [h, g] of u) {
     const p = s ? `${s}|${h}` : h, f = Se(g, t, n, o), m = Ee(f);
     let w;
-    c && (w = Pe(
+    c && (w = qe(
       g,
       d,
       t,
@@ -2635,7 +2592,7 @@ function Se(r, e, t, n) {
   const o = {};
   for (const i of t)
     for (const s of n) {
-      const a = (e.length > 0 ? r.filter((h) => e.map((g) => String(h[g] ?? "")).join("|") === i) : r).map((h) => Number(h[s.field]) || 0), d = _t(s.aggFunc), c = a.length > 0 ? d(a) : null, u = te([i], s.field);
+      const a = (e.length > 0 ? r.filter((h) => e.map((g) => String(h[g] ?? "")).join("|") === i) : r).map((h) => Number(h[s.field]) || 0), d = It(s.aggFunc), c = a.length > 0 ? d(a) : null, u = te([i], s.field);
       o[u] = c;
     }
   return o;
@@ -2646,7 +2603,7 @@ function Ee(r) {
     e += t ?? 0;
   return e;
 }
-function Mt(r, e, t) {
+function Nt(r, e, t) {
   const n = {};
   function o(i) {
     for (const s of i)
@@ -2660,7 +2617,7 @@ function Mt(r, e, t) {
   }
   return o(r), n;
 }
-function Nt(r, e, t = !0) {
+function Pt(r, e, t = !0) {
   const n = [];
   function o(i) {
     n.push(i);
@@ -2684,14 +2641,14 @@ function $(r) {
     t(n);
   return e;
 }
-const Pt = ["sum", "avg", "count", "min", "max", "first", "last"];
-function qt(r, e, t, n) {
+const qt = ["sum", "avg", "count", "min", "max", "first", "last"];
+function Dt(r, e, t, n) {
   const o = new AbortController(), i = { config: e, callbacks: n, signal: o.signal }, s = document.createElement("div");
-  return s.className = "tbw-pivot-panel", s.appendChild(F("Options", () => Bt(t, i))), s.appendChild(F("Row Groups", () => ke("rowGroups", i))), s.appendChild(F("Column Groups", () => ke("columnGroups", i))), s.appendChild(F("Values", () => Kt(i))), s.appendChild(F("Available Fields", () => Gt(i))), r.appendChild(s), () => {
+  return s.className = "tbw-pivot-panel", s.appendChild(L("Options", () => Bt(t, i))), s.appendChild(L("Row Groups", () => ke("rowGroups", i))), s.appendChild(L("Column Groups", () => ke("columnGroups", i))), s.appendChild(L("Values", () => Ht(i))), s.appendChild(L("Available Fields", () => Ot(i))), r.appendChild(s), () => {
     o.abort(), s.remove();
   };
 }
-function F(r, e) {
+function L(r, e) {
   const t = document.createElement("div");
   t.className = "tbw-pivot-section";
   const n = document.createElement("div");
@@ -2708,7 +2665,7 @@ function ke(r, e) {
     l.className = "tbw-pivot-placeholder", l.textContent = "Drag fields here or click to add", i.appendChild(l);
   } else
     for (const l of s)
-      i.appendChild(Dt(l, r, e));
+      i.appendChild(Kt(l, r, e));
   return i.addEventListener(
     "dragover",
     (l) => {
@@ -2731,7 +2688,7 @@ function ke(r, e) {
     { signal: o }
   ), i;
 }
-function Dt(r, e, t) {
+function Kt(r, e, t) {
   const { callbacks: n, signal: o } = t, i = document.createElement("div");
   i.className = "tbw-pivot-field-chip", i.draggable = !0;
   const s = n.getAvailableFields().find((d) => d.field === r), l = document.createElement("span");
@@ -2757,7 +2714,7 @@ function Dt(r, e, t) {
     { signal: o }
   ), i;
 }
-function Kt(r) {
+function Ht(r) {
   const { config: e, callbacks: t, signal: n } = r, o = document.createElement("div");
   o.className = "tbw-pivot-drop-zone tbw-pivot-values-zone", o.setAttribute("data-zone", "values");
   const i = e.valueFields ?? [];
@@ -2766,7 +2723,7 @@ function Kt(r) {
     s.className = "tbw-pivot-placeholder", s.textContent = "Drag numeric fields here for aggregation", o.appendChild(s);
   } else
     for (const s of i)
-      o.appendChild(Ht(s, r));
+      o.appendChild(Gt(s, r));
   return o.addEventListener(
     "dragover",
     (s) => {
@@ -2789,7 +2746,7 @@ function Kt(r) {
     { signal: n }
   ), o;
 }
-function Ht(r, e) {
+function Gt(r, e) {
   const { callbacks: t, signal: n } = e, o = document.createElement("div");
   o.className = "tbw-pivot-field-chip tbw-pivot-value-chip";
   const i = t.getAvailableFields().find((c) => c.field === r.field), s = document.createElement("div");
@@ -2798,7 +2755,7 @@ function Ht(r, e) {
   l.className = "tbw-pivot-chip-label", l.textContent = i?.header ?? r.field;
   const a = document.createElement("select");
   a.className = "tbw-pivot-agg-select", a.title = "Aggregation function";
-  for (const c of Pt) {
+  for (const c of qt) {
     const u = document.createElement("option");
     u.value = c, u.textContent = c.toUpperCase(), u.selected = c === r.aggFunc, a.appendChild(u);
   }
@@ -2818,7 +2775,7 @@ function Ht(r, e) {
     { signal: n }
   ), s.appendChild(l), s.appendChild(a), o.appendChild(s), o.appendChild(d), o;
 }
-function Gt(r) {
+function Ot(r) {
   const { config: e, callbacks: t, signal: n } = r, o = document.createElement("div");
   o.className = "tbw-pivot-available-fields";
   const i = t.getAvailableFields(), s = /* @__PURE__ */ new Set([
@@ -2887,7 +2844,7 @@ function j(r, e, t, n) {
   const s = document.createElement("span");
   return s.textContent = r, o.appendChild(i), o.appendChild(s), o;
 }
-function Ot(r, e, t) {
+function Vt(r, e, t) {
   return e.className = "pivot-group-row", e.setAttribute("data-pivot-depth", String(r.__pivotDepth ?? 0)), e.setAttribute("role", "row"), e.innerHTML = "", t.columns.forEach((n, o) => {
     const i = document.createElement("div");
     if (i.className = "cell", i.setAttribute("data-col", String(o)), i.setAttribute("role", "gridcell"), o === 0) {
@@ -2923,7 +2880,7 @@ function zt(r, e, t) {
     e.appendChild(i);
   }), !0;
 }
-function Vt(r, e, t) {
+function Wt(r, e, t) {
   return e.className = "pivot-grand-total-row", e.setAttribute("role", "presentation"), e.innerHTML = "", t.forEach((n, o) => {
     const i = document.createElement("div");
     if (i.className = "cell", i.setAttribute("data-col", String(o)), o === 0) {
@@ -2936,8 +2893,8 @@ function Vt(r, e, t) {
     e.appendChild(i);
   }), !0;
 }
-const Wt = '.pivot-group-row{display:grid;grid-template-columns:var(--tbw-column-template);font-weight:600;background:var(--tbw-pivot-group-bg, var(--tbw-color-row-alt));min-height:var(--tbw-row-height);border-bottom:var(--tbw-row-divider)}.pivot-group-row:hover{background:var(--tbw-pivot-group-hover, var(--tbw-color-row-hover))}.pivot-leaf-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-pivot-leaf-bg, var(--tbw-color-bg));min-height:var(--tbw-row-height);border-bottom:var(--tbw-row-divider)}.pivot-grand-total-row{display:grid;grid-template-columns:var(--tbw-column-template);font-weight:700;background:var(--tbw-pivot-grand-total-bg, var(--tbw-color-header-bg));min-height:var(--tbw-row-height);border-top:2px solid var(--tbw-color-border-strong)}.pivot-grand-total-row>.cell{display:flex;align-items:center;padding:var(--tbw-cell-padding);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}.pivot-grand-total-row>.cell:last-child{border-right:0}.pivot-grand-total-footer{position:sticky;bottom:0;z-index:var(--tbw-z-layer-pinned-rows, 20);background:var(--tbw-pivot-grand-total-bg, var(--tbw-color-header-bg));min-width:fit-content}.pivot-group-row>.cell,.pivot-leaf-row>.cell{display:flex;align-items:center;padding:var(--tbw-cell-padding);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}.pivot-group-row>.cell:last-child,.pivot-leaf-row>.cell:last-child{border-right:0}.pivot-toggle{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:6px;border:none;background:transparent;cursor:pointer;font-size:10px;color:var(--tbw-pivot-toggle-color, var(--tbw-color-fg-muted));border-radius:var(--tbw-border-radius);transition:background .15s,color .15s}.pivot-toggle:hover{background:var(--tbw-pivot-toggle-hover-bg, var(--tbw-color-row-hover));color:var(--tbw-pivot-toggle-hover-color, var(--tbw-color-fg))}.pivot-toggle:focus{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}.pivot-label{font-weight:inherit}.pivot-count{color:var(--tbw-pivot-count-color, var(--tbw-color-fg-muted));font-size:.9em;font-weight:400}.pivot-total-row{font-weight:700;border-top:2px solid var(--tbw-pivot-border, var(--tbw-color-border-strong))}[data-pivot-depth="1"]{--tbw-pivot-depth: 1}[data-pivot-depth="2"]{--tbw-pivot-depth: 2}[data-pivot-depth="3"]{--tbw-pivot-depth: 3}[data-pivot-depth="4"]{--tbw-pivot-depth: 4}.tbw-pivot-panel{display:flex;flex-direction:column;gap:12px;padding:12px;height:100%;overflow-y:auto;font-size:13px}.tbw-pivot-section{border:1px solid var(--tbw-pivot-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius);background:var(--tbw-pivot-section-bg, var(--tbw-color-bg))}.tbw-pivot-section-header{padding:8px 12px;font-weight:600;background:var(--tbw-pivot-header-bg, var(--tbw-color-header-bg));border-bottom:1px solid var(--tbw-pivot-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius) var(--tbw-border-radius) 0 0}.tbw-pivot-section-content{padding:8px}.tbw-pivot-toggle-wrapper{display:flex;align-items:center}.tbw-pivot-toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer}.tbw-pivot-toggle-label input{width:16px;height:16px;cursor:pointer}.tbw-pivot-drop-zone{min-height:60px;padding:8px;border:2px dashed var(--tbw-pivot-drop-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius);background:var(--tbw-pivot-drop-bg, var(--tbw-color-row-alt));display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;transition:all .15s ease}.tbw-pivot-drop-zone.drag-over{border-color:var(--tbw-color-accent);background:var(--tbw-pivot-drop-active, var(--tbw-focus-background))}.tbw-pivot-placeholder{color:var(--tbw-color-fg-muted);font-style:italic;padding:8px;text-align:center;width:100%}.tbw-pivot-field-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:var(--tbw-pivot-chip-bg, var(--tbw-color-header-bg));border:1px solid var(--tbw-pivot-chip-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius);cursor:grab;font-size:12px;transition:all .15s ease}.tbw-pivot-field-chip:hover{background:var(--tbw-pivot-chip-hover, var(--tbw-color-row-hover));border-color:var(--tbw-color-accent)}.tbw-pivot-field-chip.available{background:var(--tbw-color-bg)}.tbw-pivot-field-chip.dragging{opacity:.5;cursor:grabbing}.tbw-pivot-chip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.tbw-pivot-chip-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:transparent;color:var(--tbw-color-fg-muted);font-size:14px;font-weight:700;cursor:pointer;border-radius:50%;transition:all .15s ease}.tbw-pivot-chip-remove:hover{background:var(--tbw-pivot-chip-remove-hover-bg, var(--tbw-color-accent));color:var(--tbw-pivot-chip-remove-hover-fg, var(--tbw-color-accent-fg))}.tbw-pivot-value-chip{padding:4px 8px}.tbw-pivot-value-label-wrapper{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.tbw-pivot-agg-select{padding:2px 4px;font-size:11px;border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);background:var(--tbw-color-bg);cursor:pointer}.tbw-pivot-available-fields{display:flex;flex-wrap:wrap;gap:6px;min-height:40px}.tbw-pivot-options{display:flex;flex-direction:column;gap:8px}.tbw-pivot-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.tbw-pivot-checkbox input{width:14px;height:14px;cursor:pointer}';
-class L extends x {
+const $t = '.pivot-group-row{display:grid;grid-template-columns:var(--tbw-column-template);font-weight:600;background:var(--tbw-pivot-group-bg, var(--tbw-color-row-alt));min-height:var(--tbw-row-height);border-bottom:var(--tbw-row-divider)}.pivot-group-row:hover{background:var(--tbw-pivot-group-hover, var(--tbw-color-row-hover))}.pivot-leaf-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-pivot-leaf-bg, var(--tbw-color-bg));min-height:var(--tbw-row-height);border-bottom:var(--tbw-row-divider)}.pivot-grand-total-row{display:grid;grid-template-columns:var(--tbw-column-template);font-weight:700;background:var(--tbw-pivot-grand-total-bg, var(--tbw-color-header-bg));min-height:var(--tbw-row-height);border-top:2px solid var(--tbw-color-border-strong)}.pivot-grand-total-row>.cell{display:flex;align-items:center;padding:var(--tbw-cell-padding);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}.pivot-grand-total-row>.cell:last-child{border-right:0}.pivot-grand-total-footer{position:sticky;bottom:0;z-index:var(--tbw-z-layer-pinned-rows, 20);background:var(--tbw-pivot-grand-total-bg, var(--tbw-color-header-bg));min-width:fit-content}.pivot-group-row>.cell,.pivot-leaf-row>.cell{display:flex;align-items:center;padding:var(--tbw-cell-padding);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}.pivot-group-row>.cell:last-child,.pivot-leaf-row>.cell:last-child{border-right:0}.pivot-toggle{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:6px;border:none;background:transparent;cursor:pointer;font-size:10px;color:var(--tbw-pivot-toggle-color, var(--tbw-color-fg-muted));border-radius:var(--tbw-border-radius);transition:background .15s,color .15s}.pivot-toggle:hover{background:var(--tbw-pivot-toggle-hover-bg, var(--tbw-color-row-hover));color:var(--tbw-pivot-toggle-hover-color, var(--tbw-color-fg))}.pivot-toggle:focus{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}.pivot-label{font-weight:inherit}.pivot-count{color:var(--tbw-pivot-count-color, var(--tbw-color-fg-muted));font-size:.9em;font-weight:400}.pivot-total-row{font-weight:700;border-top:2px solid var(--tbw-pivot-border, var(--tbw-color-border-strong))}[data-pivot-depth="1"]{--tbw-pivot-depth: 1}[data-pivot-depth="2"]{--tbw-pivot-depth: 2}[data-pivot-depth="3"]{--tbw-pivot-depth: 3}[data-pivot-depth="4"]{--tbw-pivot-depth: 4}.tbw-pivot-panel{display:flex;flex-direction:column;gap:12px;padding:12px;height:100%;overflow-y:auto;font-size:13px}.tbw-pivot-section{border:1px solid var(--tbw-pivot-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius);background:var(--tbw-pivot-section-bg, var(--tbw-color-bg))}.tbw-pivot-section-header{padding:8px 12px;font-weight:600;background:var(--tbw-pivot-header-bg, var(--tbw-color-header-bg));border-bottom:1px solid var(--tbw-pivot-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius) var(--tbw-border-radius) 0 0}.tbw-pivot-section-content{padding:8px}.tbw-pivot-toggle-wrapper{display:flex;align-items:center}.tbw-pivot-toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer}.tbw-pivot-toggle-label input{width:16px;height:16px;cursor:pointer}.tbw-pivot-drop-zone{min-height:60px;padding:8px;border:2px dashed var(--tbw-pivot-drop-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius);background:var(--tbw-pivot-drop-bg, var(--tbw-color-row-alt));display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;transition:all .15s ease}.tbw-pivot-drop-zone.drag-over{border-color:var(--tbw-color-accent);background:var(--tbw-pivot-drop-active, var(--tbw-focus-background))}.tbw-pivot-placeholder{color:var(--tbw-color-fg-muted);font-style:italic;padding:8px;text-align:center;width:100%}.tbw-pivot-field-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:var(--tbw-pivot-chip-bg, var(--tbw-color-header-bg));border:1px solid var(--tbw-pivot-chip-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius);cursor:grab;font-size:12px;transition:all .15s ease}.tbw-pivot-field-chip:hover{background:var(--tbw-pivot-chip-hover, var(--tbw-color-row-hover));border-color:var(--tbw-color-accent)}.tbw-pivot-field-chip.available{background:var(--tbw-color-bg)}.tbw-pivot-field-chip.dragging{opacity:.5;cursor:grabbing}.tbw-pivot-chip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.tbw-pivot-chip-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:transparent;color:var(--tbw-color-fg-muted);font-size:14px;font-weight:700;cursor:pointer;border-radius:50%;transition:all .15s ease}.tbw-pivot-chip-remove:hover{background:var(--tbw-pivot-chip-remove-hover-bg, var(--tbw-color-accent));color:var(--tbw-pivot-chip-remove-hover-fg, var(--tbw-color-accent-fg))}.tbw-pivot-value-chip{padding:4px 8px}.tbw-pivot-value-label-wrapper{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.tbw-pivot-agg-select{padding:2px 4px;font-size:11px;border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);background:var(--tbw-color-bg);cursor:pointer}.tbw-pivot-available-fields{display:flex;flex-wrap:wrap;gap:6px;min-height:40px}.tbw-pivot-options{display:flex;flex-direction:column;gap:8px}.tbw-pivot-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.tbw-pivot-checkbox input{width:14px;height:14px;cursor:pointer}';
+class F extends x {
   name = "pivot";
   version = "1.0.0";
   /** Tool panel ID for shell integration */
@@ -2949,7 +2906,7 @@ class L extends x {
       showGrandTotal: !0
     };
   }
-  // ===== Internal State =====
+  // #region Internal State
   isActive = !1;
   hasInitialized = !1;
   pivotResult = null;
@@ -2965,14 +2922,16 @@ class L extends x {
   hasValidPivotConfig() {
     return (this.config.valueFields?.length ?? 0) > 0;
   }
-  // ===== Lifecycle =====
+  // #endregion
+  // #region Lifecycle
   detach() {
     this.isActive = !1, this.hasInitialized = !1, this.pivotResult = null, this.fieldHeaderMap.clear(), this.originalColumns = [], this.panelContainer = null, this.cleanupGrandTotalFooter();
   }
-  // ===== Shell Integration =====
+  // #endregion
+  // #region Shell Integration
   getToolPanel() {
     return {
-      id: L.PANEL_ID,
+      id: F.PANEL_ID,
       title: "Pivot",
       icon: "⊞",
       tooltip: "Configure pivot table",
@@ -2980,11 +2939,12 @@ class L extends x {
       render: (e) => this.renderPanel(e)
     };
   }
-  // ===== Hooks =====
+  // #endregion
+  // #region Hooks
   processRows(e) {
     if (!this.hasInitialized && this.config.active !== !1 && this.hasValidPivotConfig() && (this.hasInitialized = !0, this.isActive = !0), !this.isActive)
       return [...e];
-    const t = It(this.config);
+    const t = Lt(this.config);
     if (t.length > 0)
       return this.warn(`Config errors: ${t.join(", ")}`), [...e];
     if (this.buildFieldHeaderMap(), this.defaultExpanded = this.config.defaultExpanded ?? !0, this.expandedKeys.size === 0 && this.defaultExpanded && this.pivotResult) {
@@ -2998,7 +2958,7 @@ class L extends x {
         this.expandedKeys.add(s);
     }
     const n = this.config.indentWidth ?? 20;
-    return Nt(
+    return Pt(
       this.pivotResult.rows,
       this.expandedKeys,
       this.defaultExpanded
@@ -3043,7 +3003,7 @@ class L extends x {
   }
   renderRow(e, t) {
     const n = e;
-    return n.__pivotRowKey && n.__pivotHasChildren ? Ot(n, t, {
+    return n.__pivotRowKey && n.__pivotHasChildren ? Vt(n, t, {
       columns: this.gridColumns,
       onToggle: (o) => this.toggle(o),
       resolveIcon: (o) => this.resolveIcon(o),
@@ -3078,7 +3038,7 @@ class L extends x {
       __pivotTotal: this.pivotResult.grandTotal,
       ...this.pivotResult.totals
     };
-    Vt(n, this.grandTotalFooter, this.gridColumns);
+    Wt(n, this.grandTotalFooter, this.gridColumns);
   }
   /**
    * Remove the grand total footer element.
@@ -3086,7 +3046,8 @@ class L extends x {
   cleanupGrandTotalFooter() {
     this.grandTotalFooter && (this.grandTotalFooter.remove(), this.grandTotalFooter = null);
   }
-  // ===== Expand/Collapse API =====
+  // #endregion
+  // #region Expand/Collapse API
   toggle(e) {
     this.expandedKeys.has(e) ? this.expandedKeys.delete(e) : this.expandedKeys.add(e), this.requestRender();
   }
@@ -3110,7 +3071,8 @@ class L extends x {
   isExpanded(e) {
     return this.expandedKeys.has(e);
   }
-  // ===== Public API =====
+  // #endregion
+  // #region Public API
   enablePivot() {
     this.originalColumns.length === 0 && this.captureOriginalColumns(), this.isActive = !0, this.requestRender();
   }
@@ -3135,20 +3097,22 @@ class L extends x {
   refresh() {
     this.pivotResult = null, this.requestRender();
   }
-  // ===== Tool Panel API =====
+  // #endregion
+  // #region Tool Panel API
   showPanel() {
-    this.grid.openToolPanel(L.PANEL_ID);
+    this.grid.openToolPanel(F.PANEL_ID);
   }
   hidePanel() {
     this.grid.closeToolPanel();
   }
   togglePanel() {
-    this.grid.toggleToolPanel(L.PANEL_ID);
+    this.grid.toggleToolPanel(F.PANEL_ID);
   }
   isPanelVisible() {
-    return this.grid.activeToolPanel === L.PANEL_ID;
+    return this.grid.activeToolPanel === F.PANEL_ID;
   }
-  // ===== Private Helpers =====
+  // #endregion
+  // #region Private Helpers
   get gridColumns() {
     return this.grid.columns ?? [];
   }
@@ -3189,7 +3153,7 @@ class L extends x {
       },
       getAvailableFields: () => this.getAvailableFields()
     };
-    return qt(e, this.config, this.isActive, t);
+    return Dt(e, this.config, this.isActive, t);
   }
   refreshPanel() {
     this.panelContainer && (this.panelContainer.innerHTML = "", this.renderPanel(this.panelContainer));
@@ -3221,23 +3185,22 @@ class L extends x {
     const n = this.config.valueFields ?? [], o = n.findIndex((i) => i.field === e);
     o >= 0 && (n[o] = { ...n[o], aggFunc: t }, this.config.valueFields = [...n]), this.isActive && this.refresh();
   }
-  // ===== Styles =====
-  styles = Wt;
+  // #endregion
+  // #region Styles
+  styles = $t;
+  // #endregion
 }
-function $t(r) {
-  const e = r.sticky;
-  if (e === "left" || e === "right")
-    return !1;
-  const t = r.meta ?? {}, n = t.sticky;
-  return n === "left" || n === "right" ? !1 : t.lockPosition !== !0 && t.suppressMovable !== !0;
+function jt(r) {
+  const e = r.meta ?? {};
+  return e.lockPosition !== !0 && e.suppressMovable !== !0;
 }
 function Ae(r, e, t) {
   if (e === t || e < 0 || e >= r.length || t < 0 || t > r.length) return r;
   const n = [...r], [o] = n.splice(e, 1);
   return n.splice(t, 0, o), n;
 }
-const jt = '.header-row>.cell[draggable=true]{cursor:grab;position:relative}.header-row>.cell.dragging{opacity:.5;cursor:grabbing}.header-row>.cell.drop-before:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent));z-index:1}.header-row>.cell.drop-after:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent));z-index:1}';
-class kn extends x {
+const Ut = '.header-row>.cell[draggable=true]{cursor:grab;position:relative}.header-row>.cell.dragging{opacity:.5;cursor:grabbing}.header-row>.cell.drop-before:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent));z-index:1}.header-row>.cell.drop-after:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent));z-index:1}';
+class An extends x {
   name = "reorder";
   version = "1.0.0";
   get defaultConfig() {
@@ -3246,12 +3209,13 @@ class kn extends x {
       animationDuration: 200
     };
   }
-  // ===== Internal State =====
+  // #region Internal State
   isDragging = !1;
   draggedField = null;
   draggedIndex = null;
   dropIndex = null;
-  // ===== Lifecycle =====
+  // #endregion
+  // #region Lifecycle
   attach(e) {
     super.attach(e), e.addEventListener(
       "column-reorder-request",
@@ -3265,7 +3229,8 @@ class kn extends x {
   detach() {
     this.isDragging = !1, this.draggedField = null, this.draggedIndex = null, this.dropIndex = null;
   }
-  // ===== Hooks =====
+  // #endregion
+  // #region Hooks
   // Note: No processColumns hook needed - we directly update the grid's column order
   afterRender() {
     const e = this.shadowRoot;
@@ -3273,40 +3238,44 @@ class kn extends x {
     e.querySelectorAll(".header-row > .cell").forEach((n) => {
       const o = n, i = o.getAttribute("data-field");
       if (!i) return;
-      const s = this.columns.find((l) => l.field === i);
-      if (!s || !$t(s)) {
+      const s = this.columns.find((c) => c.field === i), d = !this.grid.queryPlugins({
+        type: Pe.CAN_MOVE_COLUMN,
+        context: s
+      }).includes(!1);
+      if (!s || !jt(s) || !d) {
         o.draggable = !1;
         return;
       }
-      o.draggable = !0, !o.getAttribute("data-dragstart-bound") && (o.setAttribute("data-dragstart-bound", "true"), o.addEventListener("dragstart", (l) => {
-        const d = this.getColumnOrder().indexOf(i);
-        this.isDragging = !0, this.draggedField = i, this.draggedIndex = d, l.dataTransfer && (l.dataTransfer.effectAllowed = "move", l.dataTransfer.setData("text/plain", i)), o.classList.add("dragging");
+      o.draggable = !0, !o.getAttribute("data-dragstart-bound") && (o.setAttribute("data-dragstart-bound", "true"), o.addEventListener("dragstart", (c) => {
+        const h = this.getColumnOrder().indexOf(i);
+        this.isDragging = !0, this.draggedField = i, this.draggedIndex = h, c.dataTransfer && (c.dataTransfer.effectAllowed = "move", c.dataTransfer.setData("text/plain", i)), o.classList.add("dragging");
       }), o.addEventListener("dragend", () => {
-        this.isDragging = !1, this.draggedField = null, this.draggedIndex = null, this.dropIndex = null, e.querySelectorAll(".header-row > .cell").forEach((l) => {
-          l.classList.remove("dragging", "drop-target", "drop-before", "drop-after");
+        this.isDragging = !1, this.draggedField = null, this.draggedIndex = null, this.dropIndex = null, e.querySelectorAll(".header-row > .cell").forEach((c) => {
+          c.classList.remove("dragging", "drop-target", "drop-before", "drop-after");
         });
-      }), o.addEventListener("dragover", (l) => {
-        if (l.preventDefault(), !this.isDragging || this.draggedField === i) return;
-        const a = o.getBoundingClientRect(), d = a.left + a.width / 2, u = this.getColumnOrder().indexOf(i);
-        this.dropIndex = l.clientX < d ? u : u + 1, o.classList.add("drop-target"), o.classList.toggle("drop-before", l.clientX < d), o.classList.toggle("drop-after", l.clientX >= d);
+      }), o.addEventListener("dragover", (c) => {
+        if (c.preventDefault(), !this.isDragging || this.draggedField === i) return;
+        const u = o.getBoundingClientRect(), h = u.left + u.width / 2, p = this.getColumnOrder().indexOf(i);
+        this.dropIndex = c.clientX < h ? p : p + 1, o.classList.add("drop-target"), o.classList.toggle("drop-before", c.clientX < h), o.classList.toggle("drop-after", c.clientX >= h);
       }), o.addEventListener("dragleave", () => {
         o.classList.remove("drop-target", "drop-before", "drop-after");
-      }), o.addEventListener("drop", (l) => {
-        l.preventDefault();
-        const a = this.draggedField, d = this.draggedIndex, c = this.dropIndex;
-        if (!this.isDragging || a === null || d === null || c === null)
+      }), o.addEventListener("drop", (c) => {
+        c.preventDefault();
+        const u = this.draggedField, h = this.draggedIndex, g = this.dropIndex;
+        if (!this.isDragging || u === null || h === null || g === null)
           return;
-        const u = c > d ? c - 1 : c, h = this.getColumnOrder(), g = Ae(h, d, u), p = {
-          field: a,
-          fromIndex: d,
-          toIndex: u,
-          columnOrder: g
+        const p = g > h ? g - 1 : g, f = this.getColumnOrder(), m = Ae(f, h, p), w = {
+          field: u,
+          fromIndex: h,
+          toIndex: p,
+          columnOrder: m
         };
-        this.grid.setColumnOrder(g), this.emit("column-move", p), this.grid.requestStateChange?.();
+        this.grid.setColumnOrder(m), this.emit("column-move", w), this.grid.requestStateChange?.();
       }));
     });
   }
-  // ===== Public API =====
+  // #endregion
+  // #region Public API
   /**
    * Get the current column order from the grid.
    * @returns Array of field names in display order
@@ -3344,8 +3313,10 @@ class kn extends x {
     const e = this.columns.map((t) => t.field);
     this.grid.setColumnOrder(e), this.grid.requestStateChange?.();
   }
-  // ===== Styles =====
-  styles = jt;
+  // #endregion
+  // #region Styles
+  styles = Ut;
+  // #endregion
 }
 function D(r) {
   return {
@@ -3355,7 +3326,7 @@ function D(r) {
     endCol: Math.max(r.startCol, r.endCol)
   };
 }
-function Ut(r) {
+function Yt(r) {
   const e = D(r);
   return {
     from: { row: e.startRow, col: e.startCol },
@@ -3363,26 +3334,26 @@ function Ut(r) {
   };
 }
 function X(r) {
-  return r.map(Ut);
+  return r.map(Yt);
 }
-function Yt(r, e, t) {
+function Zt(r, e, t) {
   const n = D(t);
   return r >= n.startRow && r <= n.endRow && e >= n.startCol && e <= n.endCol;
 }
 function _e(r, e, t) {
-  return t.some((n) => Yt(r, e, n));
+  return t.some((n) => Zt(r, e, n));
 }
-function Zt(r) {
+function Xt(r) {
   const e = [], t = D(r);
   for (let n = t.startRow; n <= t.endRow; n++)
     for (let o = t.startCol; o <= t.endCol; o++)
       e.push({ row: n, col: o });
   return e;
 }
-function Xt(r) {
+function Jt(r) {
   const e = /* @__PURE__ */ new Map();
   for (const t of r)
-    for (const n of Zt(t))
+    for (const n of Xt(t))
       e.set(`${n.row},${n.col}`, n);
   return [...e.values()];
 }
@@ -3394,8 +3365,8 @@ function U(r, e) {
     endCol: e.col
   };
 }
-const Jt = ':host .selecting .data-grid-row>.cell{user-select:none}:host .data-grid-row.row-focus{background-color:var(--tbw-focus-background, rgba(from var(--tbw-color-accent) r g b / 12%))}:host([data-selection-mode="row"]) .cell-focus{outline:none}:host .data-grid-row>.cell.selected{background-color:var(--tbw-range-selection-bg)}:host .data-grid-row>.cell.selected.top{border-top:2px solid var(--tbw-range-border-color)}:host .data-grid-row>.cell.selected.bottom{border-bottom:2px solid var(--tbw-range-border-color)}:host .data-grid-row>.cell.selected.first{border-left:2px solid var(--tbw-range-border-color)}:host .data-grid-row>.cell.selected.last{border-right:2px solid var(--tbw-range-border-color)}';
-function Qt(r, e, t) {
+const Qt = ':host .selecting .data-grid-row>.cell{user-select:none}:host .data-grid-row.row-focus{background-color:var(--tbw-focus-background, rgba(from var(--tbw-color-accent) r g b / 12%))}:host([data-selection-mode="row"]) .cell-focus{outline:none}:host .data-grid-row>.cell.selected{background-color:var(--tbw-range-selection-bg)}:host .data-grid-row>.cell.selected.top{border-top:2px solid var(--tbw-range-border-color)}:host .data-grid-row>.cell.selected.bottom{border-bottom:2px solid var(--tbw-range-border-color)}:host .data-grid-row>.cell.selected.first{border-left:2px solid var(--tbw-range-border-color)}:host .data-grid-row>.cell.selected.last{border-right:2px solid var(--tbw-range-border-color)}';
+function en(r, e, t) {
   if (r === "cell" && e.selectedCell)
     return {
       mode: r,
@@ -3415,7 +3386,7 @@ function Qt(r, e, t) {
   }
   return r === "range" && e.ranges.length > 0 ? { mode: r, ranges: X(e.ranges) } : { mode: r, ranges: [] };
 }
-class An extends x {
+class _n extends x {
   name = "selection";
   version = "1.0.0";
   get defaultConfig() {
@@ -3423,7 +3394,7 @@ class An extends x {
       mode: "cell"
     };
   }
-  // ===== Internal State =====
+  // #region Internal State
   /** Row selection state (row mode) */
   selected = /* @__PURE__ */ new Set();
   lastSelected = null;
@@ -3435,11 +3406,13 @@ class An extends x {
   isDragging = !1;
   /** Cell selection state (cell mode) */
   selectedCell = null;
-  // ===== Lifecycle =====
+  // #endregion
+  // #region Lifecycle
   detach() {
     this.selected.clear(), this.ranges = [], this.activeRange = null, this.cellAnchor = null, this.isDragging = !1, this.selectedCell = null;
   }
-  // ===== Event Handlers =====
+  // #endregion
+  // #region Event Handlers
   onCellClick(e) {
     const { rowIndex: t, colIndex: n, originalEvent: o } = e, { mode: i } = this.config;
     if (i === "cell")
@@ -3573,7 +3546,8 @@ class An extends x {
   onScrollRender() {
     this.#t();
   }
-  // ===== Public API =====
+  // #endregion
+  // #region Public API
   /**
    * Get the selected cell (cell mode only).
    */
@@ -3596,7 +3570,7 @@ class An extends x {
    * Get all selected cells across all ranges.
    */
   getSelectedCells() {
-    return Xt(this.ranges);
+    return Jt(this.ranges);
   }
   /**
    * Check if a specific cell is in range selection.
@@ -3624,9 +3598,10 @@ class An extends x {
       ranges: X(this.ranges)
     }), this.requestAfterRender();
   }
-  // ===== Private Helpers =====
+  // #endregion
+  // #region Private Helpers
   #e() {
-    return Qt(
+    return en(
       this.config.mode,
       {
         selectedCell: this.selectedCell,
@@ -3636,26 +3611,28 @@ class An extends x {
       this.columns.length
     );
   }
-  // ===== Styles =====
-  styles = Jt;
+  // #endregion
+  // #region Styles
+  styles = Qt;
+  // #endregion
 }
 function q(r, e) {
   return Math.floor(r / e);
 }
-function en(r, e) {
+function tn(r, e) {
   return {
     start: r * e,
     end: (r + 1) * e
   };
 }
-function tn(r, e, t) {
+function nn(r, e, t) {
   const n = q(r, t), o = q(e - 1, t), i = [];
   for (let s = n; s <= o; s++)
     i.push(s);
   return i;
 }
 async function Ie(r, e, t, n) {
-  const o = en(e, t);
+  const o = tn(e, t);
   return r.getRows({
     startRow: o.start,
     endRow: o.end,
@@ -3663,14 +3640,14 @@ async function Ie(r, e, t, n) {
     filterModel: n.filterModel
   });
 }
-function nn(r, e, t) {
+function on(r, e, t) {
   const n = q(r, e), o = t.get(n);
   if (!o) return;
   const i = r % e;
   return o[i];
 }
-const on = 100;
-class _n extends x {
+const rn = 100;
+class In extends x {
   name = "serverSide";
   version = "1.0.0";
   get defaultConfig() {
@@ -3680,24 +3657,26 @@ class _n extends x {
       maxConcurrentRequests: 2
     };
   }
-  // ===== Internal State =====
+  // #region Internal State
   dataSource = null;
   totalRowCount = 0;
   loadedBlocks = /* @__PURE__ */ new Map();
   loadingBlocks = /* @__PURE__ */ new Set();
   lastRequestId = 0;
   scrollDebounceTimer;
-  // ===== Lifecycle =====
+  // #endregion
+  // #region Lifecycle
   detach() {
     this.dataSource = null, this.totalRowCount = 0, this.loadedBlocks.clear(), this.loadingBlocks.clear(), this.lastRequestId = 0, this.scrollDebounceTimer && (clearTimeout(this.scrollDebounceTimer), this.scrollDebounceTimer = void 0);
   }
-  // ===== Private Methods =====
+  // #endregion
+  // #region Private Methods
   /**
    * Check current viewport and load any missing blocks.
    */
   loadRequiredBlocks() {
     if (!this.dataSource) return;
-    const e = this.grid, t = this.config.cacheBlockSize ?? 100, n = { startRow: e.virtualization.start, endRow: e.virtualization.end }, o = tn(n.startRow, n.endRow, t);
+    const e = this.grid, t = this.config.cacheBlockSize ?? 100, n = { startRow: e.virtualization.start, endRow: e.virtualization.end }, o = nn(n.startRow, n.endRow, t);
     for (const i of o)
       if (!(this.loadedBlocks.has(i) || this.loadingBlocks.has(i))) {
         if (this.loadingBlocks.size >= (this.config.maxConcurrentRequests ?? 2))
@@ -3709,12 +3688,13 @@ class _n extends x {
         });
       }
   }
-  // ===== Hooks =====
+  // #endregion
+  // #region Hooks
   processRows(e) {
     if (!this.dataSource) return [...e];
     const t = [];
     for (let n = 0; n < this.totalRowCount; n++) {
-      const o = nn(n, this.config.cacheBlockSize ?? 100, this.loadedBlocks);
+      const o = on(n, this.config.cacheBlockSize ?? 100, this.loadedBlocks);
       t.push(o ?? { __loading: !0, __index: n });
     }
     return t;
@@ -3722,9 +3702,10 @@ class _n extends x {
   onScroll(e) {
     this.dataSource && (this.loadRequiredBlocks(), this.scrollDebounceTimer && clearTimeout(this.scrollDebounceTimer), this.scrollDebounceTimer = setTimeout(() => {
       this.loadRequiredBlocks();
-    }, on));
+    }, rn));
   }
-  // ===== Public API =====
+  // #endregion
+  // #region Public API
   /**
    * Set the data source for server-side loading.
    * @param dataSource - Data source implementing the getRows method
@@ -3768,11 +3749,12 @@ class _n extends x {
   getLoadedBlockCount() {
     return this.loadedBlocks.size;
   }
+  // #endregion
 }
 function ne(r, e, t) {
   return r.id !== void 0 ? String(r.id) : t ? `${t}-${e}` : String(e);
 }
-function qe(r, e, t, n = null, o = 0) {
+function De(r, e, t, n = null, o = 0) {
   const i = e.childrenField ?? "children", s = [];
   for (let l = 0; l < r.length; l++) {
     const a = r[l], d = ne(a, l, n), c = a[i], u = Array.isArray(c) && c.length > 0, h = t.has(d);
@@ -3784,13 +3766,13 @@ function qe(r, e, t, n = null, o = 0) {
       isExpanded: h,
       parentKey: n
     }), u && h) {
-      const g = qe(c, e, t, d, o + 1);
+      const g = De(c, e, t, d, o + 1);
       s.push(...g);
     }
   }
   return s;
 }
-function Fe(r, e) {
+function Le(r, e) {
   const t = new Set(r);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
@@ -3806,10 +3788,10 @@ function J(r, e, t = null, n = 0) {
   }
   return i;
 }
-function rn() {
+function sn() {
   return /* @__PURE__ */ new Set();
 }
-function De(r, e, t, n = null, o = 0) {
+function Ke(r, e, t, n = null, o = 0) {
   const i = t.childrenField ?? "children";
   for (let s = 0; s < r.length; s++) {
     const l = r[s], a = ne(l, s, n);
@@ -3817,29 +3799,29 @@ function De(r, e, t, n = null, o = 0) {
       return [a];
     const d = l[i];
     if (Array.isArray(d) && d.length > 0) {
-      const c = De(d, e, t, a, o + 1);
+      const c = Ke(d, e, t, a, o + 1);
       if (c)
         return [a, ...c];
     }
   }
   return null;
 }
-function sn(r, e, t, n) {
-  const o = De(r, e, t);
+function ln(r, e, t, n) {
+  const o = Ke(r, e, t);
   if (!o) return n;
   const i = new Set(n);
   for (let s = 0; s < o.length - 1; s++)
     i.add(o[s]);
   return i;
 }
-function Le(r, e = "children") {
+function Fe(r, e = "children") {
   if (!Array.isArray(r) || r.length === 0) return !1;
   for (const t of r)
     if (t && Array.isArray(t[e]) && t[e].length > 0)
       return !0;
   return !1;
 }
-function ln(r) {
+function an(r) {
   if (!Array.isArray(r) || r.length === 0) return null;
   const e = ["children", "items", "nodes", "subRows", "nested"];
   for (const t of r)
@@ -3850,8 +3832,8 @@ function ln(r) {
     }
   return null;
 }
-const an = ".tree-toggle{cursor:pointer;user-select:none;transition:transform .2s}.tree-toggle:hover{color:var(--tbw-tree-accent, var(--tbw-color-accent))}";
-class In extends x {
+const dn = ".tree-toggle{cursor:pointer;user-select:none;transition:transform .2s}.tree-toggle:hover{color:var(--tbw-tree-accent, var(--tbw-color-accent))}";
+class Ln extends x {
   name = "tree";
   version = "1.0.0";
   get defaultConfig() {
@@ -3863,7 +3845,7 @@ class In extends x {
       showExpandIcons: !0
     };
   }
-  // ===== Internal State =====
+  // #region Internal State
   /** Set of expanded row keys */
   expandedKeys = /* @__PURE__ */ new Set();
   /** Whether initial expansion (based on defaultExpanded config) has been applied */
@@ -3872,26 +3854,29 @@ class In extends x {
   flattenedRows = [];
   /** Map from key to flattened row for quick lookup */
   rowKeyMap = /* @__PURE__ */ new Map();
-  // ===== Lifecycle =====
+  // #endregion
+  // #region Lifecycle
   detach() {
     this.expandedKeys.clear(), this.initialExpansionDone = !1, this.flattenedRows = [], this.rowKeyMap.clear();
   }
-  // ===== Auto-Detection =====
+  // #endregion
+  // #region Auto-Detection
   /**
    * Detects if tree functionality should be enabled based on data structure.
    * Called by the grid during plugin initialization.
    */
   detect(e) {
     if (!this.config.autoDetect) return !1;
-    const t = this.config.childrenField ?? ln(e) ?? "children";
-    return Le(e, t);
+    const t = this.config.childrenField ?? an(e) ?? "children";
+    return Fe(e, t);
   }
-  // ===== Data Processing =====
+  // #endregion
+  // #region Data Processing
   processRows(e) {
     const t = this.config.childrenField ?? "children";
-    if (!Le(e, t))
+    if (!Fe(e, t))
       return this.flattenedRows = [], this.rowKeyMap.clear(), [...e];
-    this.config.defaultExpanded && !this.initialExpansionDone && (this.expandedKeys = J(e, this.config), this.initialExpansionDone = !0), this.flattenedRows = qe(e, this.config, this.expandedKeys), this.rowKeyMap.clear();
+    this.config.defaultExpanded && !this.initialExpansionDone && (this.expandedKeys = J(e, this.config), this.initialExpansionDone = !0), this.flattenedRows = De(e, this.config, this.expandedKeys), this.rowKeyMap.clear();
     for (const n of this.flattenedRows)
       this.rowKeyMap.set(n.key, n);
     return this.flattenedRows.map((n) => ({
@@ -3930,21 +3915,23 @@ class In extends x {
     }
     return o;
   }
-  // ===== Event Handlers =====
+  // #endregion
+  // #region Event Handlers
   onCellClick(e) {
     const t = e.originalEvent?.target;
     if (!t?.classList.contains("tree-toggle")) return !1;
     const n = t.getAttribute("data-tree-key");
     if (!n) return !1;
     const o = this.rowKeyMap.get(n);
-    return o ? (this.expandedKeys = Fe(this.expandedKeys, n), this.emit("tree-expand", {
+    return o ? (this.expandedKeys = Le(this.expandedKeys, n), this.emit("tree-expand", {
       key: n,
       row: o.data,
       expanded: this.expandedKeys.has(n),
       depth: o.depth
     }), this.requestRender(), !0) : !1;
   }
-  // ===== Public API =====
+  // #endregion
+  // #region Public API
   /**
    * Expand a specific node by key.
    */
@@ -3961,7 +3948,7 @@ class In extends x {
    * Toggle the expansion state of a node.
    */
   toggle(e) {
-    this.expandedKeys = Fe(this.expandedKeys, e), this.requestRender();
+    this.expandedKeys = Le(this.expandedKeys, e), this.requestRender();
   }
   /**
    * Expand all nodes in the tree.
@@ -3973,7 +3960,7 @@ class In extends x {
    * Collapse all nodes in the tree.
    */
   collapseAll() {
-    this.expandedKeys = rn(), this.requestRender();
+    this.expandedKeys = sn(), this.requestRender();
   }
   /**
    * Check if a node is currently expanded.
@@ -4003,12 +3990,14 @@ class In extends x {
    * Expand all ancestors of a node to make it visible.
    */
   expandToKey(e) {
-    this.expandedKeys = sn(this.rows, e, this.config, this.expandedKeys), this.requestRender();
+    this.expandedKeys = ln(this.rows, e, this.config, this.expandedKeys), this.requestRender();
   }
-  // ===== Styles =====
-  styles = an;
+  // #endregion
+  // #region Styles
+  styles = dn;
+  // #endregion
 }
-function dn(r, e, t) {
+function cn(r, e, t) {
   const n = [...r.undoStack, e];
   for (; n.length > t; )
     n.shift();
@@ -4042,16 +4031,16 @@ function Me(r) {
     action: t
   } : { newState: r, action: null };
 }
-function cn(r) {
+function un(r) {
   return r.undoStack.length > 0;
 }
-function un(r) {
+function hn(r) {
   return r.redoStack.length > 0;
 }
-function hn() {
+function gn() {
   return { undoStack: [], redoStack: [] };
 }
-function gn(r, e, t, n) {
+function pn(r, e, t, n) {
   return {
     type: "cell-edit",
     rowIndex: r,
@@ -4109,7 +4098,7 @@ class Fn extends x {
     }
     return !1;
   }
-  // ===== Public API Methods =====
+  // #region Public API Methods
   /**
    * Record a cell edit for undo/redo tracking.
    * Call this when a cell value changes.
@@ -4120,7 +4109,7 @@ class Fn extends x {
    * @param newValue - The value after the edit
    */
   recordEdit(e, t, n, o) {
-    const i = gn(e, t, n, o), s = dn(
+    const i = pn(e, t, n, o), s = cn(
       { undoStack: this.undoStack, redoStack: this.redoStack },
       i,
       this.config.maxHistorySize ?? 100
@@ -4157,19 +4146,19 @@ class Fn extends x {
    * Check if there are any actions that can be undone.
    */
   canUndo() {
-    return cn({ undoStack: this.undoStack, redoStack: this.redoStack });
+    return un({ undoStack: this.undoStack, redoStack: this.redoStack });
   }
   /**
    * Check if there are any actions that can be redone.
    */
   canRedo() {
-    return un({ undoStack: this.undoStack, redoStack: this.redoStack });
+    return hn({ undoStack: this.undoStack, redoStack: this.redoStack });
   }
   /**
    * Clear all undo/redo history.
    */
   clearHistory() {
-    const e = hn();
+    const e = gn();
     this.undoStack = e.undoStack, this.redoStack = e.redoStack;
   }
   /**
@@ -4184,8 +4173,9 @@ class Fn extends x {
   getRedoStack() {
     return [...this.redoStack];
   }
+  // #endregion
 }
-const pn = '.tbw-visibility-content{display:flex;flex-direction:column;height:100%}.tbw-visibility-list{flex:1;overflow-y:auto;padding:8px}.tbw-visibility-row{display:flex;align-items:center;gap:8px;padding:6px 4px;cursor:pointer;font-size:13px;border-radius:var(--tbw-border-radius, 4px);position:relative}.tbw-visibility-row:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover, #f3f4f6))}.tbw-visibility-row input[type=checkbox]{cursor:pointer}.tbw-visibility-row.locked span{color:var(--tbw-color-fg-muted, #888)}.tbw-visibility-handle{cursor:grab;color:var(--tbw-color-fg-muted, #888);font-size:10px;letter-spacing:-2px;user-select:none;flex-shrink:0}.tbw-visibility-row.reorderable:hover .tbw-visibility-handle{color:var(--tbw-color-fg, #1f2937)}.tbw-visibility-label{display:flex;align-items:center;gap:8px;flex:1;cursor:pointer}.tbw-visibility-row.dragging{opacity:.5;cursor:grabbing}.tbw-visibility-row.drop-before:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent, #3b82f6))}.tbw-visibility-row.drop-after:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent, #3b82f6))}.tbw-visibility-show-all{margin:8px;padding:8px 12px;border:1px solid var(--tbw-visibility-border, var(--tbw-color-border, #e5e7eb));border-radius:var(--tbw-border-radius, 4px);background:var(--tbw-visibility-btn-bg, var(--tbw-color-header-bg, #f9fafb));color:var(--tbw-color-fg, #1f2937);cursor:pointer;font-size:13px}.tbw-visibility-show-all:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover, #f3f4f6))}';
+const fn = '.tbw-visibility-content{display:flex;flex-direction:column;height:100%}.tbw-visibility-list{flex:1;overflow-y:auto;padding:8px}.tbw-visibility-row{display:flex;align-items:center;gap:8px;padding:6px 4px;cursor:pointer;font-size:13px;border-radius:var(--tbw-border-radius, 4px);position:relative}.tbw-visibility-row:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover, #f3f4f6))}.tbw-visibility-row input[type=checkbox]{cursor:pointer}.tbw-visibility-row.locked span{color:var(--tbw-color-fg-muted, #888)}.tbw-visibility-handle{cursor:grab;color:var(--tbw-color-fg-muted, #888);font-size:10px;letter-spacing:-2px;user-select:none;flex-shrink:0}.tbw-visibility-row.reorderable:hover .tbw-visibility-handle{color:var(--tbw-color-fg, #1f2937)}.tbw-visibility-label{display:flex;align-items:center;gap:8px;flex:1;cursor:pointer}.tbw-visibility-row.dragging{opacity:.5;cursor:grabbing}.tbw-visibility-row.drop-before:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent, #3b82f6))}.tbw-visibility-row.drop-after:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent, #3b82f6))}.tbw-visibility-show-all{margin:8px;padding:8px 12px;border:1px solid var(--tbw-visibility-border, var(--tbw-color-border, #e5e7eb));border-radius:var(--tbw-border-radius, 4px);background:var(--tbw-visibility-btn-bg, var(--tbw-color-header-bg, #f9fafb));color:var(--tbw-color-fg, #1f2937);cursor:pointer;font-size:13px}.tbw-visibility-show-all:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover, #f3f4f6))}';
 function Ne(r) {
   const e = r.meta ?? {};
   return e.lockPosition !== !0 && e.suppressMovable !== !0;
@@ -4200,18 +4190,20 @@ class T extends x {
       allowHideAll: !1
     };
   }
-  // ===== Internal State =====
+  // #region Internal State
   columnListElement = null;
   // Drag state for reorder integration
   isDragging = !1;
   draggedField = null;
   draggedIndex = null;
   dropIndex = null;
-  // ===== Lifecycle =====
+  // #endregion
+  // #region Lifecycle
   detach() {
     this.columnListElement = null, this.isDragging = !1, this.draggedField = null, this.draggedIndex = null, this.dropIndex = null;
   }
-  // ===== Shell Integration =====
+  // #endregion
+  // #region Shell Integration
   /**
    * Register the column visibility tool panel with the shell.
    */
@@ -4226,7 +4218,8 @@ class T extends x {
       render: (e) => this.renderPanelContent(e)
     };
   }
-  // ===== Public API =====
+  // #endregion
+  // #region Public API
   /**
    * Show the visibility sidebar panel.
    */
@@ -4323,7 +4316,8 @@ class T extends x {
   isPanelVisible() {
     return this.grid.activeToolPanel === T.PANEL_ID;
   }
-  // ===== Private Methods =====
+  // #endregion
+  // #region Private Methods
   /**
    * Render the panel content into the shell's tool panel container.
    * Returns a cleanup function.
@@ -4409,47 +4403,50 @@ class T extends x {
       }
     });
   }
-  // ===== Styles =====
-  styles = pn;
+  // #endregion
+  // #region Styles
+  styles = fn;
+  // #endregion
 }
 export {
   x as BaseGridPlugin,
-  mn as ClipboardPlugin,
-  wn as ColumnVirtualizationPlugin,
-  bn as ContextMenuPlugin,
-  Ke as DEFAULT_GRID_ICONS,
-  Mn as DGEvents,
-  Nn as DataGridElement,
-  vn as ExportPlugin,
+  wn as ClipboardPlugin,
+  bn as ColumnVirtualizationPlugin,
+  vn as ContextMenuPlugin,
+  He as DEFAULT_GRID_ICONS,
+  Nn as DGEvents,
+  Pn as DataGridElement,
+  xn as ExportPlugin,
   A as FilteringPlugin,
-  Pn as FitModeEnum,
-  qn as GridCSSVars,
-  Dn as GridClasses,
-  Kn as GridDataAttrs,
-  Hn as GridElement,
-  Gn as GridSelectors,
-  xn as GroupingColumnsPlugin,
+  qn as FitModeEnum,
+  Dn as GridCSSVars,
+  Kn as GridClasses,
+  Hn as GridDataAttrs,
+  Gn as GridElement,
+  On as GridSelectors,
+  yn as GroupingColumnsPlugin,
   Cn as GroupingRowsPlugin,
-  yn as MasterDetailPlugin,
-  Rn as MultiSortPlugin,
-  Sn as PinnedColumnsPlugin,
-  En as PinnedRowsPlugin,
-  L as PivotPlugin,
+  Rn as MasterDetailPlugin,
+  Sn as MultiSortPlugin,
+  Pe as PLUGIN_QUERIES,
+  En as PinnedColumnsPlugin,
+  kn as PinnedRowsPlugin,
+  F as PivotPlugin,
   Bn as PluginEvents,
-  On as PluginManager,
-  kn as ReorderPlugin,
-  An as SelectionPlugin,
-  _n as ServerSidePlugin,
-  In as TreePlugin,
+  Vn as PluginManager,
+  An as ReorderPlugin,
+  _n as SelectionPlugin,
+  In as ServerSidePlugin,
+  Ln as TreePlugin,
   Fn as UndoRedoPlugin,
   T as VisibilityPlugin,
   zn as aggregatorRegistry,
-  He as getAggregator,
-  Ge as getValueAggregator,
-  Vn as listAggregators,
-  Wn as registerAggregator,
+  Ge as getAggregator,
+  Oe as getValueAggregator,
+  Wn as listAggregators,
+  $n as registerAggregator,
   se as runAggregator,
-  $n as runValueAggregator,
-  jn as unregisterAggregator
+  jn as runValueAggregator,
+  Un as unregisterAggregator
 };
 //# sourceMappingURL=all.js.map