@toolbox-web/grid 0.2.6 → 0.2.7

package/index.js

@@ -1,3197 +1,28 @@
-const fe = ":root{color-scheme:light dark}:host{--tbw-color-bg: transparent;--tbw-color-panel-bg: light-dark(#eeeeee, #222222);--tbw-color-fg: light-dark(#222222, #eeeeee);--tbw-color-fg-muted: light-dark(#555555, #aaaaaa);--tbw-color-accent: light-dark(#3b82f6, #3b82f6);--tbw-color-accent-fg: light-dark(#ffffff, #000000);--tbw-color-success: light-dark(hsl(122, 39%, 40%), hsl(122, 39%, 49%));--tbw-color-selection: light-dark(#fff7d6, #333333);--tbw-color-row-alt: var(--tbw-color-bg);--tbw-color-row-hover: light-dark(#f0f6ff, #1c1c1c);--tbw-color-header-bg: color-mix(in hsl, var(--tbw-color-panel-bg) 85%, var(--tbw-color-fg));--tbw-color-header-fg: color-mix(in hsl, var(--tbw-color-fg) 75%, var(--tbw-color-panel-bg));--tbw-color-border: light-dark(#d0d0d4, #454545);--tbw-color-border-strong: light-dark(#777777, #adacac);--tbw-color-border-cell: var(--tbw-color-border);--tbw-color-border-header: var(--tbw-color-border);--tbw-color-shadow: light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .3));--tbw-font-family: inherit;--tbw-font-size: inherit;--tbw-font-size-header: var(--tbw-font-size);--tbw-font-weight-header: bold;--tbw-cell-padding-header: 2px 8px;--tbw-cell-padding: 2px 8px;--tbw-cell-padding-input: 2px 6px;--tbw-row-height: 28px;--tbw-header-height: 30px;--tbw-cell-white-space: nowrap;--tbw-border-radius: 4px;--tbw-border-input: 1px solid var(--tbw-color-border-strong);--tbw-border-header: 1px solid var(--tbw-color-border-header);--tbw-row-divider: 1px solid var(--tbw-color-border-cell);--tbw-row-hover-outline: 0;--tbw-color-active-row-bg: var(--tbw-color-selection);--tbw-active-row-outline: 0;--tbw-focus-outline: 2px solid var(--tbw-color-accent);--tbw-focus-outline-offset: -2px;--tbw-focus-background: rgba(from var(--tbw-color-accent) r g b / 12%);--tbw-range-border-color: var(--tbw-color-accent);--tbw-range-selection-bg: rgba(from var(--tbw-range-border-color) r g b / 12%);--tbw-resize-handle-width: 6px;--tbw-resize-handle-color: transparent;--tbw-resize-handle-color-hover: var(--tbw-color-accent);--tbw-resize-handle-border-radius: 0;--tbw-scrollbar-thumb: var(--tbw-color-border-strong);--tbw-scrollbar-track: var(--tbw-color-bg);--tbw-transition-duration: .12s;--tbw-transition-ease: ease;--tbw-editing-bg: var(--tbw-color-selection);--tbw-editing-border: var(--tbw-border-input, 1px solid var(--tbw-color-border-strong));--tbw-padding-editing-input: var(--tbw-cell-padding-input, 2px 6px);--tbw-font-size-editor: inherit;--tbw-sort-indicator-color: var(--tbw-color-fg-muted);--tbw-sort-indicator-active-color: var(--tbw-color-accent);--tbw-header-text-transform: none;--tbw-header-letter-spacing: normal;--tbw-color-header-separator: var(--tbw-color-border-cell);--tbw-checkbox-size: 16px;--tbw-density-scale: 1}:host{position:relative;display:block;width:100%;height:100%;min-height:0;contain:content;font-family:var(--tbw-font-family);font-size:var(--tbw-font-size);background:var(--tbw-color-bg);color:var(--tbw-color-fg);border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);overflow:clip;outline:none}:host,:host *{box-sizing:border-box}:host .header{display:block;flex-shrink:0;z-index:var(--tbw-z-layer-header, 30);background:var(--tbw-color-header-bg);overflow:visible}:host .header-group-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-color-header-bg);z-index:var(--tbw-z-layer-header, 30)}:host .header-group-cell{display:flex;align-items:center;justify-content:flex-start;padding:var(--tbw-cell-padding-header, 2px 8px);color:var(--tbw-color-header-group-fg, var(--tbw-color-header-fg));font-weight:var(--tbw-font-weight-header-group, var(--tbw-font-weight-header));justify-content:var(--tbw-align-header-group, var(--tbw-align-header, flex-start))}:host .header-row{display:grid;grid-template-columns:var(--tbw-column-template);color:var(--tbw-color-header-fg);font-size:var(--tbw-font-size-header);min-height:var(--tbw-header-height);border-bottom:var(--tbw-border-header);z-index:var(--tbw-z-layer-header, 30)}:host .header-row>.cell{display:flex;align-items:center;gap:4px;padding:var(--tbw-cell-padding-header, 2px 8px);background-color:var(--tbw-color-header-bg);font-weight:var(--tbw-font-weight-header);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}:host .header-row>.cell>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .header-row>.cell>span[part~=sort-indicator]{flex-shrink:0}:host .header-row>.cell:last-child{border-right:0}:host .header-group-cell:not(:last-child),:host .header-row>.cell.grouped.group-end:not(:last-child){border-right:2px solid var(--tbw-color-border)}:host .tbw-grid-root{display:flex;flex-direction:column;height:100%}:host .rows-body-wrapper{flex:1;min-height:0;display:flex;flex-direction:row;width:100%;min-width:fit-content}:host .rows-body{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:visible}:host .rows-container{display:flex;flex-direction:row;flex:1;min-height:0;overflow:visible}:host .rows-viewport{flex:1;min-width:0;position:relative;display:block;overflow:clip}:host .faux-vscroll{position:sticky;inset-inline-end:0;flex-shrink:0;width:auto;overflow-y:auto;overflow-x:hidden;z-index:var(--tbw-z-layer-header, 30)}:host .faux-vscroll-spacer{width:1px}:host .rows-viewport .rows{position:absolute;top:0;left:0;min-width:100%;will-change:transform;z-index:var(--tbw-z-layer-rows, 1)}:host .data-grid-row{display:grid;grid-template-columns:var(--tbw-column-template);contain:layout style}:host .data-grid-row:has(.editing){background:var(--tbw-editing-bg)}:host .selecting .data-grid-row>.cell{user-select:none}:host .data-grid-row>.cell.selected:focus-visible,:host .data-grid-row>.cell:focus-visible:not(.cell-focus){outline:none}:host .data-grid-row>.cell{display:block;padding:var(--tbw-cell-padding, 2px 8px);border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height);line-height:calc(var(--tbw-row-height) - 5px);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0;white-space:var(--tbw-cell-white-space, nowrap);text-overflow:ellipsis}:host .data-grid-row>.cell>*{overflow:hidden;text-overflow:ellipsis;white-space:inherit;min-width:0}:host .data-grid-row>.cell:last-child{border-right:0}:host .data-grid-row>.cell[data-type=boolean]{text-align:center}:host .data-grid-row>.cell[data-type=boolean] input[type=checkbox]{margin:0;width:var(--tbw-checkbox-size);height:var(--tbw-checkbox-size);vertical-align:middle}:host .data-grid-row>.cell.editing{overflow:hidden;padding:0;display:flex}:host .data-grid-row>.cell.editing input:not([type=checkbox]),:host .data-grid-row>.cell.editing select,:host .data-grid-row>.cell.editing textarea{width:100%;height:100%;max-width:100%;flex:1 1 auto;min-width:0;border:var(--tbw-editing-border);padding:var(--tbw-padding-editing-input);font-size:var(--tbw-font-size-editor)}:host .data-grid-row:nth-child(2n){background:var(--tbw-color-row-alt)}:host .data-grid-row:hover{background:var(--tbw-color-row-hover)}:host .sortable{cursor:pointer;user-select:none}:host .resize-handle{position:absolute;top:0;right:calc(var(--tbw-resize-handle-width) / -2);width:var(--tbw-resize-handle-width);height:100%;cursor:e-resize;user-select:none;touch-action:none;z-index:20;background:var(--tbw-resize-handle-color);transition:background .12s ease;border-radius:var(--tbw-resize-handle-border-radius)}:host .resize-handle:hover{background:var(--tbw-resize-handle-color-hover)}:host .cell-focus,:host .row-focus{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}:host .group-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-color-row-alt);font-weight:500;border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height)}:host .group-row .cell{display:flex;align-items:center;padding:var(--tbw-cell-padding, 2px 8px)}:host .group-row .group-toggle{background:none;border:0;cursor:pointer;padding:0 4px 0 0;font:inherit}:host .group-row .group-count{margin-left:4px;opacity:.7}:host .sticky-left,:host .sticky-right{position:sticky;z-index:25}:host .header-row>.cell.sticky-left,:host .header-row>.cell.sticky-right{background:var(--tbw-color-header-bg);z-index:35}:host .data-grid-row>.cell.sticky-left,:host .data-grid-row>.cell.sticky-right{background:var(--tbw-color-panel-bg)}:host .sticky-left{box-shadow:1px 0 0 var(--tbw-color-border)}:host .sticky-right{box-shadow:-1px 0 0 var(--tbw-color-border)}.grid-container{position:relative;width:100%;height:100%}.grid-placeholder{padding:2rem;text-align:center;color:var(--tbw-color-fg);opacity:.6}:host{--tbw-shell-header-height: 44px;--tbw-shell-header-bg: var(--tbw-color-panel-bg);--tbw-shell-header-border: var(--tbw-color-border);--tbw-shell-title-font-size: 14px;--tbw-shell-title-font-weight: 600;--tbw-tool-panel-width: 280px;--tbw-tool-panel-bg: var(--tbw-color-panel-bg);--tbw-tool-panel-border: var(--tbw-color-border);--tbw-tool-panel-header-height: 40px;--tbw-tool-panel-transition: .2s ease-out;--tbw-toolbar-button-size: 32px;--tbw-toolbar-button-gap: 4px}:host .tbw-grid-root.has-shell{display:flex;flex-direction:column;height:100%}:host .tbw-shell-header{display:flex;align-items:center;gap:8px;min-height:var(--tbw-shell-header-height);padding:0 8px;background:var(--tbw-shell-header-bg);border-bottom:1px solid var(--tbw-shell-header-border);flex-shrink:0}:host .tbw-shell-title{font-size:var(--tbw-shell-title-font-size);font-weight:var(--tbw-shell-title-font-weight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .tbw-shell-content{flex:1;display:flex;align-items:center;gap:12px;min-width:0;overflow:hidden}:host .tbw-shell-toolbar{display:flex;align-items:center;gap:var(--tbw-toolbar-button-gap);flex-shrink:0}:host .tbw-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-toolbar-button-size);height:var(--tbw-toolbar-button-size);padding:0;border:1px solid transparent;border-radius:var(--tbw-border-radius);background:transparent;color:var(--tbw-color-fg);cursor:pointer;font-size:16px;transition:background var(--tbw-transition-duration) var(--tbw-transition-ease),border-color var(--tbw-transition-duration) var(--tbw-transition-ease)}:host .tbw-toolbar-btn:hover{background:var(--tbw-color-row-hover)}:host .tbw-toolbar-btn:focus-visible{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}:host .tbw-toolbar-btn.active{background:var(--tbw-focus-background);border-color:var(--tbw-color-accent)}:host .tbw-toolbar-btn:disabled{opacity:.5;cursor:not-allowed}:host .tbw-toolbar-separator{width:1px;height:20px;background:var(--tbw-color-border);margin:0 4px}:host .tbw-shell-body{position:relative;display:flex;flex:1;min-height:0;overflow:visible}:host .tbw-grid-content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:row;overflow:hidden}:host .tbw-scroll-area{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow-x:auto;overflow-y:hidden}:host .tbw-tool-panel{position:absolute;top:0;bottom:0;right:0;width:0;overflow:hidden;background:var(--tbw-tool-panel-bg);border-left:1px solid var(--tbw-tool-panel-border);transition:width var(--tbw-tool-panel-transition);display:flex;flex-direction:column;z-index:30;box-shadow:-2px 0 8px var(--tbw-color-shadow)}:host .tbw-tool-panel[data-position=left]{right:auto;left:0;border-left:none;border-right:1px solid var(--tbw-tool-panel-border);box-shadow:2px 0 8px var(--tbw-color-shadow)}:host .tbw-tool-panel.open{width:var(--tbw-tool-panel-width)}:host .tbw-tool-panel-resize{position:absolute;top:0;bottom:0;width:6px;cursor:col-resize;background:transparent;z-index:10;transition:background .15s ease}:host .tbw-tool-panel-resize[data-handle-position=left]{left:0}:host .tbw-tool-panel-resize[data-handle-position=right]{right:0}:host .tbw-tool-panel-resize:hover,:host .tbw-tool-panel-resize.resizing{background:var(--tbw-color-accent)}:host .tbw-tool-panel-header{display:flex;align-items:center;justify-content:space-between;min-height:var(--tbw-tool-panel-header-height);padding:0 12px;border-bottom:1px solid var(--tbw-tool-panel-border);flex-shrink:0}:host .tbw-tool-panel-title{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .tbw-tool-panel-close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--tbw-border-radius);background:transparent;color:var(--tbw-color-fg-muted);cursor:pointer;font-size:14px}:host .tbw-tool-panel-close:hover{background:var(--tbw-color-row-hover);color:var(--tbw-color-fg)}:host .tbw-tool-panel-content{flex:1;overflow:auto}:host .tbw-accordion{display:flex;flex-direction:column;gap:0}:host .tbw-accordion-section{border-bottom:1px solid var(--tbw-tool-panel-border)}:host .tbw-accordion-section:last-child{border-bottom:none}:host .tbw-accordion-header{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--tbw-color-fg);font-size:13px;font-weight:600;text-align:left;cursor:pointer;user-select:none}:host .tbw-accordion-header:hover{background:var(--tbw-color-row-hover)}:host .tbw-accordion-section.single .tbw-accordion-header{cursor:default}:host .tbw-accordion-section.single .tbw-accordion-header:hover{background:transparent}:host .tbw-accordion-chevron{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:10px;color:var(--tbw-color-fg-muted);transition:transform .15s ease;flex-shrink:0}:host .tbw-accordion-section.expanded .tbw-accordion-chevron{transform:rotate(90deg)}:host .tbw-accordion-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:14px;flex-shrink:0}:host .tbw-accordion-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .tbw-accordion-content{display:none}:host .tbw-accordion-section.expanded .tbw-accordion-content{display:block}:host .tbw-quick-filter-input{flex:1;max-width:300px;height:28px;padding:0 8px;border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);background:var(--tbw-color-bg);color:var(--tbw-color-fg);font-size:13px}:host .tbw-quick-filter-input:focus{outline:none;border-color:var(--tbw-color-accent)}:host .tbw-selection-summary{font-size:13px;color:var(--tbw-color-fg-muted);white-space:nowrap}";
-function pe(t) {
-  const e = /* @__PURE__ */ new Map();
-  return t._sortState && e.set(t._sortState.field, {
-    direction: t._sortState.direction === 1 ? "asc" : "desc",
-    priority: 0
-  }), e;
-}
-function ce(t, e) {
-  const o = t._columns, i = pe(t);
-  return {
-    columns: o.map((n, s) => {
-      const r = {
-        field: n.field,
-        order: s,
-        visible: !0
-        // If it's in _columns, it's visible (hidden columns are filtered out)
-      }, l = n;
-      l.__renderedWidth !== void 0 ? r.width = l.__renderedWidth : n.width !== void 0 && (r.width = typeof n.width == "string" ? parseFloat(n.width) : n.width);
-      const a = i.get(n.field);
-      a && (r.sort = a);
-      for (const d of e)
-        if (d.getColumnState) {
-          const f = d.getColumnState(n.field);
-          f && Object.assign(r, f);
-        }
-      return r;
-    })
-  };
-}
-function be(t, e, o, i) {
-  if (!e.columns || e.columns.length === 0) return;
-  const n = new Map(e.columns.map((l) => [l.field, l])), s = o.map((l) => {
-    const a = n.get(l.field);
-    if (!a) return l;
-    const d = { ...l };
-    return a.width !== void 0 && (d.width = a.width, d.__renderedWidth = a.width), a.visible !== void 0 && (d.hidden = !a.visible), d;
-  });
-  s.sort((l, a) => {
-    const d = n.get(l.field)?.order ?? 1 / 0, f = n.get(a.field)?.order ?? 1 / 0;
-    return d - f;
-  }), t._columns = s;
-  const r = e.columns.filter((l) => l.sort !== void 0).sort((l, a) => (l.sort?.priority ?? 0) - (a.sort?.priority ?? 0));
-  if (r.length > 0) {
-    const l = r[0];
-    l.sort && (t._sortState = {
-      field: l.field,
-      direction: l.sort.direction === "asc" ? 1 : -1
-    });
-  } else
-    t._sortState = null;
-  for (const l of i)
-    if (l.applyColumnState)
-      for (const a of e.columns)
-        l.applyColumnState(a.field, a);
-}
-function we(t, e, o) {
-  let i = null;
-  return () => {
-    i !== null && clearTimeout(i), i = setTimeout(() => {
-      i = null;
-      const n = ce(t, e());
-      o(n);
-    }, 100);
-  };
-}
-const $ = {
-  STRETCH: "stretch",
-  FIXED: "fixed"
-}, H = {
-  expand: "▶",
-  collapse: "▼",
-  sortAsc: "▲",
-  sortDesc: "▼",
-  sortNone: "⇅",
-  submenuArrow: "▶",
-  dragHandle: "⋮⋮",
-  toolPanel: "☰"
-};
-function ge(t) {
-  return t == null ? "string" : typeof t == "number" ? "number" : typeof t == "boolean" ? "boolean" : t instanceof Date || typeof t == "string" && /\d{4}-\d{2}-\d{2}/.test(t) && !isNaN(Date.parse(t)) ? "date" : "string";
-}
-function de(t, e) {
-  if (e && e.length) {
-    const s = {};
-    return e.forEach((r) => {
-      r.type && (s[r.field] = r.type);
-    }), { columns: e, typeMap: s };
-  }
-  const o = t[0] || {}, i = Object.keys(o).map((s) => {
-    const r = o[s], l = ge(r);
-    return { field: s, header: s.charAt(0).toUpperCase() + s.slice(1), type: l };
-  }), n = {};
-  return i.forEach((s) => {
-    n[s.field] = s.type || "string";
-  }), { columns: i, typeMap: n };
-}
-const me = /{{\s*([^}]+)\s*}}/g, L = "__DG_EMPTY__", ve = /^[\w$. '?+\-*/%:()!<>=,&|]+$/, _e = /__(proto|defineGetter|defineSetter)|constructor|window|globalThis|global|process|Function|import|eval|Reflect|Proxy|Error|arguments|document|location|cookie|localStorage|sessionStorage|indexedDB|fetch|XMLHttpRequest|WebSocket|Worker|SharedWorker|ServiceWorker|opener|parent|top|frames|self|this\b/, Ee = /* @__PURE__ */ new Set([
-  "script",
-  "iframe",
-  "object",
-  "embed",
-  "form",
-  "input",
-  "button",
-  "textarea",
-  "select",
-  "link",
-  "meta",
-  "base",
-  "style",
-  "template",
-  "slot",
-  "portal",
-  "frame",
-  "frameset",
-  "applet",
-  "noscript",
-  "noembed",
-  "plaintext",
-  "xmp",
-  "listing"
-]), Q = /^on\w+$/i, Ce = /* @__PURE__ */ new Set(["href", "src", "action", "formaction", "data", "srcdoc", "xlink:href", "poster", "srcset"]), ye = /^\s*(javascript|vbscript|data|blob):/i;
-function F(t) {
-  if (!t || typeof t != "string") return "";
-  if (t.indexOf("<") === -1) return t;
-  const e = document.createElement("template");
-  return e.innerHTML = t, Se(e.content), e.innerHTML;
-}
-function Se(t) {
-  const e = [], o = t.querySelectorAll("*");
-  for (const i of o) {
-    const n = i.tagName.toLowerCase();
-    if (Ee.has(n)) {
-      e.push(i);
-      continue;
-    }
-    if ((n === "svg" || i.namespaceURI === "http://www.w3.org/2000/svg") && Array.from(i.attributes).some(
-      (l) => Q.test(l.name) || l.name === "href" || l.name === "xlink:href"
-    )) {
-      e.push(i);
-      continue;
-    }
-    const s = [];
-    for (const r of i.attributes) {
-      const l = r.name.toLowerCase();
-      if (Q.test(l)) {
-        s.push(r.name);
-        continue;
-      }
-      if (Ce.has(l) && ye.test(r.value)) {
-        s.push(r.name);
-        continue;
-      }
-      if (l === "style" && /expression\s*\(|javascript:|behavior\s*:/i.test(r.value)) {
-        s.push(r.name);
-        continue;
-      }
-    }
-    s.forEach((r) => i.removeAttribute(r));
-  }
-  e.forEach((i) => i.remove());
-}
-function ue(t, e) {
-  if (!t || t.indexOf("{{") === -1) return t;
-  const o = [], i = t.replace(me, (l, a) => {
-    const d = Re(a, e);
-    return o.push({ expr: a.trim(), result: d }), d;
-  }), n = xe(i), s = o.length && o.every((l) => l.result === "" || l.result === L);
-  return /Reflect\.|\bProxy\b|ownKeys\(/.test(t) || s ? "" : n;
-}
-function Re(t, e) {
-  if (t = (t || "").trim(), !t || /\b(Reflect|Proxy|ownKeys)\b/.test(t)) return L;
-  if (t === "value") return e.value == null ? L : String(e.value);
-  if (t.startsWith("row.") && !/[()?]/.test(t) && !t.includes(":")) {
-    const i = t.slice(4), n = e.row ? e.row[i] : void 0;
-    return n == null ? L : String(n);
-  }
-  if (t.length > 80 || !ve.test(t) || _e.test(t)) return L;
-  const o = t.match(/\./g);
-  if (o && o.length > 1) return L;
-  try {
-    const n = new Function("value", "row", `return (${t});`)(e.value, e.row), s = n == null ? "" : String(n);
-    return /Reflect|Proxy|ownKeys/.test(s) ? L : s || L;
-  } catch {
-    return L;
-  }
-}
-function xe(t) {
-  return t && t.replace(new RegExp(L, "g"), "").replace(/Reflect\.[^<>{}\s]+/g, "").replace(/\bProxy\b/g, "").replace(/ownKeys\([^)]*\)/g, "");
-}
-function Ae(t) {
-  if (/Reflect|Proxy|ownKeys/.test(t.textContent || "")) {
-    if (Array.from(t.childNodes).forEach((e) => {
-      e.nodeType === Node.TEXT_NODE && /Reflect|Proxy|ownKeys/.test(e.textContent || "") && (e.textContent = "");
-    }), /Reflect|Proxy|ownKeys/.test(t.textContent || "")) {
-      if (/Reflect|Proxy|ownKeys/.test(t.textContent || ""))
-        for (; t.firstChild; ) t.removeChild(t.firstChild);
-      t.textContent = (t.textContent || "").replace(/Reflect|Proxy|ownKeys/g, "");
-    }
-    (t.textContent || "").trim().length === 0 && (t.textContent = "");
-  }
-}
-function ee(t) {
-  const e = /Reflect\.|\bProxy\b|ownKeys\(/.test(t), o = (i) => e ? "" : ue(t, i);
-  return o.__blocked = e, o;
-}
-function Te(t) {
-  return Array.from(t.querySelectorAll("tbw-grid-column")).map((o) => {
-    const i = o.getAttribute("field") || "";
-    if (!i) return null;
-    const n = o.getAttribute("type") || void 0, r = n && (/* @__PURE__ */ new Set(["number", "string", "date", "boolean", "select", "typeahead"])).has(n) ? n : void 0, l = o.getAttribute("header") || void 0, a = o.hasAttribute("sortable"), d = o.hasAttribute("editable"), f = { field: i, type: r, header: l, sortable: a, editable: d };
-    o.hasAttribute("resizable") && (f.resizable = !0), o.hasAttribute("sizable") && (f.resizable = !0);
-    const h = o.getAttribute("options");
-    h && (f.options = h.split(",").map((b) => {
-      const [w, v] = b.includes(":") ? b.split(":") : [b.trim(), b.trim()];
-      return { value: w.trim(), label: v?.trim() || w.trim() };
-    }));
-    const p = o.querySelector("tbw-grid-column-view"), c = o.querySelector("tbw-grid-column-editor"), u = o.querySelector("tbw-grid-column-header");
-    return p && (f.__viewTemplate = p), c && (f.__editorTemplate = c), u && (f.__headerTemplate = u), f;
-  }).filter((o) => !!o);
-}
-function Le(t, e) {
-  if ((!t || !t.length) && (!e || !e.length)) return [];
-  if (!t || !t.length) return e || [];
-  if (!e || !e.length) return t;
-  const o = {};
-  e.forEach((n) => o[n.field] = n);
-  const i = t.map((n) => {
-    const s = o[n.field];
-    if (!s) return n;
-    const r = { ...n };
-    return s.header && !r.header && (r.header = s.header), s.type && !r.type && (r.type = s.type), r.sortable = n.sortable || s.sortable, (n.resizable === !0 || s.resizable === !0) && (r.resizable = !0), r.editable = n.editable || s.editable, s.__viewTemplate && (r.__viewTemplate = s.__viewTemplate), s.__editorTemplate && (r.__editorTemplate = s.__editorTemplate), s.__headerTemplate && (r.__headerTemplate = s.__headerTemplate), delete o[n.field], r;
-  });
-  return Object.keys(o).forEach((n) => i.push(o[n])), i;
-}
-function Y(t, e) {
-  try {
-    t.part?.add?.(e);
-  } catch {
-  }
-  const o = t.getAttribute("part");
-  o ? o.split(/\s+/).includes(e) || t.setAttribute("part", o + " " + e) : t.setAttribute("part", e);
-}
-function Pe(t) {
-  t.__lightDomColumnsCache || (t.__originalColumnNodes = Array.from(
-    t.querySelectorAll("tbw-grid-column")
-  ), t.__lightDomColumnsCache = t.__originalColumnNodes.length ? Te(t) : []);
-  const e = t.__lightDomColumnsCache, o = Le(t._columns, e);
-  o.forEach((n) => {
-    n.__viewTemplate && !n.__compiledView && (n.__compiledView = ee(n.__viewTemplate.innerHTML)), n.__editorTemplate && !n.__compiledEditor && (n.__compiledEditor = ee(n.__editorTemplate.innerHTML));
-  });
-  const { columns: i } = de(t._rows, o);
-  t._columns = i;
-}
-function te(t) {
-  const e = t.effectiveConfig?.fitMode || t.fitMode || $.STRETCH;
-  if (e !== $.STRETCH && e !== $.FIXED || t.__didInitialAutoSize || !t.isConnected) return;
-  const o = t._headerRowEl?.children || [];
-  if (!o.length) return;
-  let i = !1;
-  t._visibleColumns.forEach((n, s) => {
-    if (n.width) return;
-    const r = o[s];
-    let l = r ? r.scrollWidth : 0;
-    for (const a of t._rowPool) {
-      const d = a.children[s];
-      if (d) {
-        const f = d.scrollWidth;
-        f > l && (l = f);
-      }
-    }
-    l > 0 && (n.width = l + 2, n.__autoSized = !0, i = !0);
-  }), i && z(t), t.__didInitialAutoSize = !0;
-}
-function z(t) {
-  (t.effectiveConfig?.fitMode || t.fitMode || $.STRETCH) === $.STRETCH ? t._gridTemplate = t._visibleColumns.map((o) => {
-    if (o.width) return `${o.width}px`;
-    const i = o.minWidth;
-    return i != null ? `minmax(${i}px, 1fr)` : "1fr";
-  }).join(" ").trim() : t._gridTemplate = t._visibleColumns.map((o) => o.width ? `${o.width}px` : "max-content").join(" "), t.style.setProperty("--tbw-column-template", t._gridTemplate);
-}
-function He(t) {
-  switch (t.type) {
-    case "number":
-      return (e) => {
-        const o = document.createElement("input");
-        return o.type = "number", o.value = e.value != null ? String(e.value) : "", o.addEventListener("blur", () => e.commit(o.value === "" ? null : Number(o.value))), o.addEventListener("keydown", (i) => {
-          i.key === "Enter" && e.commit(o.value === "" ? null : Number(o.value)), i.key === "Escape" && e.cancel();
-        }), o.focus(), o;
-      };
-    case "boolean":
-      return (e) => {
-        const o = document.createElement("input");
-        return o.type = "checkbox", o.checked = !!e.value, o.addEventListener("change", () => e.commit(o.checked)), o.focus(), o;
-      };
-    case "date":
-      return (e) => {
-        const o = document.createElement("input");
-        return o.type = "date", e.value instanceof Date && (o.valueAsDate = e.value), o.addEventListener("change", () => e.commit(o.valueAsDate)), o.addEventListener("keydown", (i) => {
-          i.key === "Escape" && e.cancel();
-        }), o.focus(), o;
-      };
-    case "select":
-    case "typeahead":
-      return (e) => {
-        const o = document.createElement("select");
-        e.column.multi && (o.multiple = !0), (typeof e.column.options == "function" ? e.column.options() : e.column.options || []).forEach((s) => {
-          const r = document.createElement("option");
-          r.value = String(s.value), r.textContent = s.label, (e.column.multi && Array.isArray(e.value) && e.value.includes(s.value) || !e.column.multi && e.value === s.value) && (r.selected = !0), o.appendChild(r);
-        });
-        const n = () => {
-          if (e.column.multi) {
-            const s = [];
-            Array.from(o.selectedOptions).forEach((r) => {
-              s.push(r.value);
-            }), e.commit(s);
-          } else
-            e.commit(o.value);
-        };
-        return o.addEventListener("change", n), o.addEventListener("blur", n), o.addEventListener("keydown", (s) => {
-          s.key === "Escape" && e.cancel();
-        }), o.focus(), o;
-      };
-    default:
-      return (e) => {
-        const o = document.createElement("input");
-        return o.type = "text", o.value = e.value != null ? String(e.value) : "", o.addEventListener("blur", () => e.commit(o.value)), o.addEventListener("keydown", (i) => {
-          i.key === "Enter" && e.commit(o.value), i.key === "Escape" && e.cancel();
-        }), o.focus(), o;
-      };
-  }
-}
-function ke(t, e) {
-  if (t._dispatchKeyDown?.(e))
-    return;
-  const o = t._rows.length - 1, i = t._visibleColumns.length - 1, n = t._activeEditRows !== void 0 && t._activeEditRows !== -1, r = t._visibleColumns[t._focusCol]?.type, l = e.composedPath ? e.composedPath() : [], a = l && l.length ? l[0] : e.target, d = (f) => {
-    if (!f) return !1;
-    const h = f.tagName;
-    return !!(h === "INPUT" || h === "SELECT" || h === "TEXTAREA" || f.isContentEditable);
-  };
-  if (!(d(a) && (e.key === "Home" || e.key === "End")) && !(d(a) && (e.key === "ArrowUp" || e.key === "ArrowDown") && a.tagName === "INPUT" && a.type === "number") && !(d(a) && (e.key === "ArrowLeft" || e.key === "ArrowRight")) && !(d(a) && (e.key === "Enter" || e.key === "Escape")) && !(n && (r === "select" || r === "typeahead") && (e.key === "ArrowDown" || e.key === "ArrowUp"))) {
-    switch (e.key) {
-      case "Tab": {
-        e.preventDefault(), !e.shiftKey ? t._focusCol < i ? t._focusCol += 1 : (typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow < o && (t._focusRow += 1, t._focusCol = 0)) : t._focusCol > 0 ? t._focusCol -= 1 : t._focusRow > 0 && (typeof t.commitActiveRowEdit == "function" && t._activeEditRows === t._focusRow && t.commitActiveRowEdit(), t._focusRow -= 1, t._focusCol = i), M(t);
-        return;
-      }
-      case "ArrowDown":
-        n && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow = Math.min(o, t._focusRow + 1), e.preventDefault();
-        break;
-      case "ArrowUp":
-        n && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow = Math.max(0, t._focusRow - 1), e.preventDefault();
-        break;
-      case "ArrowRight":
-        t._focusCol = Math.min(i, t._focusCol + 1), e.preventDefault();
-        break;
-      case "ArrowLeft":
-        t._focusCol = Math.max(0, t._focusCol - 1), e.preventDefault();
-        break;
-      case "Home":
-        (e.ctrlKey || e.metaKey) && (n && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow = 0), t._focusCol = 0, e.preventDefault(), M(t, { forceScrollLeft: !0 });
-        return;
-      case "End":
-        (e.ctrlKey || e.metaKey) && (n && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow = o), t._focusCol = i, e.preventDefault(), M(t, { forceScrollRight: !0 });
-        return;
-      case "PageDown":
-        t._focusRow = Math.min(o, t._focusRow + 20), e.preventDefault();
-        break;
-      case "PageUp":
-        t._focusRow = Math.max(0, t._focusRow - 20), e.preventDefault();
-        break;
-      case "Enter":
-        return typeof t.beginBulkEdit == "function" ? t.beginBulkEdit(t._focusRow) : t.dispatchEvent(
-          new CustomEvent("activate-cell", { detail: { row: t._focusRow, col: t._focusCol } })
-        ), M(t);
-      default:
-        return;
-    }
-    M(t);
-  }
-}
-function M(t, e) {
-  if (t._virtualization?.enabled) {
-    const { rowHeight: r, container: l, viewportEl: a } = t._virtualization, d = l, f = a?.clientHeight ?? d?.clientHeight ?? 0;
-    if (d && f > 0) {
-      const h = t._focusRow * r;
-      h < d.scrollTop ? d.scrollTop = h : h + r > d.scrollTop + f && (d.scrollTop = h - f + r);
-    }
-  }
-  t._activeEditRows !== void 0 && t._activeEditRows !== -1 || t.refreshVirtualWindow(!1), Array.from(t._bodyEl.querySelectorAll(".cell-focus")).forEach((r) => r.classList.remove("cell-focus")), Array.from(t._bodyEl.querySelectorAll('[aria-selected="true"]')).forEach((r) => {
-    r.setAttribute("aria-selected", "false");
-  });
-  const i = t._focusRow, n = t._virtualization.start ?? 0, s = t._virtualization.end ?? t._rows.length;
-  if (i >= n && i < s) {
-    const r = t._bodyEl.querySelectorAll(".data-grid-row")[i - n], l = r?.children[t._focusCol];
-    if (l) {
-      l.classList.add("cell-focus"), l.setAttribute("aria-selected", "true");
-      const a = t.shadowRoot?.querySelector(".tbw-scroll-area");
-      if (a && l)
-        if (e?.forceScrollLeft)
-          a.scrollLeft = 0;
-        else if (e?.forceScrollRight)
-          a.scrollLeft = a.scrollWidth - a.clientWidth;
-        else {
-          const d = t._getHorizontalScrollOffsets?.(r ?? void 0, l) ?? { left: 0, right: 0 };
-          if (!d.skipScroll) {
-            const f = l.getBoundingClientRect(), h = a.getBoundingClientRect(), p = f.left - h.left + a.scrollLeft, c = p + f.width, u = a.scrollLeft + d.left, b = a.scrollLeft + a.clientWidth - d.right;
-            p < u ? a.scrollLeft = p - d.left : c > b && (a.scrollLeft = c - a.clientWidth + d.right);
-          }
-        }
-      if (t._activeEditRows !== void 0 && t._activeEditRows !== -1 && l.classList.contains("editing")) {
-        const d = l.querySelector(
-          'input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])'
-        );
-        if (d && document.activeElement !== d)
-          try {
-            d.focus();
-          } catch {
-          }
-      } else if (!l.contains(document.activeElement)) {
-        l.hasAttribute("tabindex") || l.setAttribute("tabindex", "-1");
-        try {
-          l.focus({ preventScroll: !0 });
-        } catch {
-        }
-      }
-    }
-  }
-}
-const Oe = "__cellDisplayCache", Me = "__cellCacheEpoch";
-function j(t) {
-  t[Oe] = void 0, t[Me] = void 0, t.__hasSpecialColumns = void 0;
-}
-function ze(t, e, o, i, n) {
-  const s = Math.max(0, o - e), r = t._bodyEl, l = t._visibleColumns, a = l.length;
-  let d = t.__cachedHeaderRowCount;
-  for (d === void 0 && (d = t.shadowRoot?.querySelector(".header-group-row") ? 2 : 1, t.__cachedHeaderRowCount = d); t._rowPool.length < s; ) {
-    const h = document.createElement("div");
-    h.className = "data-grid-row", h.setAttribute("role", "row"), h.addEventListener("click", (p) => oe(t, p, h, !1)), h.addEventListener("dblclick", (p) => oe(t, p, h, !0)), t._rowPool.push(h);
-  }
-  if (t._rowPool.length > s) {
-    for (let h = s; h < t._rowPool.length; h++) {
-      const p = t._rowPool[h];
-      p.parentNode === r && p.remove();
-    }
-    t._rowPool.length = s;
-  }
-  const f = n && t.__hasRenderRowPlugins !== !1;
-  for (let h = 0; h < s; h++) {
-    const p = e + h, c = t._rows[p], u = t._rowPool[h];
-    if (u.setAttribute("aria-rowindex", String(p + d + 1)), f && n(c, u, p)) {
-      u.__epoch = i, u.__rowDataRef = c, u.parentNode !== r && r.appendChild(u);
-      continue;
-    }
-    const b = u.__epoch, w = u.__rowDataRef, v = u.children.length, R = b === i && v === a, E = w !== c;
-    let g = !1;
-    if (R && E) {
-      for (let _ = 0; _ < a; _++)
-        if (l[_].externalView && !u.querySelector(`.cell[data-col="${_}"] [data-external-view]`)) {
-          g = !0;
-          break;
-        }
-    }
-    if (!R || g) {
-      const _ = u.querySelector(".cell.editing"), y = t._activeEditRows === p;
-      if (_ && !y)
-        u.__isCustomRow && (u.className = "data-grid-row", u.setAttribute("role", "row"), u.__isCustomRow = !1), N(t, u, c, p), u.__epoch = i, u.__rowDataRef = c;
-      else if (_ && y)
-        U(t, u, c, p), u.__rowDataRef = c;
-      else if (u.__isCustomRow && (u.className = "data-grid-row", u.setAttribute("role", "row"), u.__isCustomRow = !1), N(t, u, c, p), u.__epoch = i, u.__rowDataRef = c, y) {
-        const x = u.children;
-        for (let A = 0; A < x.length; A++) {
-          const P = t._visibleColumns[A];
-          P && P.editable && k(t, c, p, P, x[A]);
-        }
-      }
-    } else if (E) {
-      const _ = u.querySelector(".cell.editing"), y = t._activeEditRows === p;
-      if (_ && !y)
-        N(t, u, c, p), u.__epoch = i, u.__rowDataRef = c;
-      else if (U(t, u, c, p), u.__rowDataRef = c, y && !_) {
-        const x = u.children;
-        for (let A = 0; A < x.length; A++) {
-          const P = t._visibleColumns[A];
-          P && P.editable && k(t, c, p, P, x[A]);
-        }
-      }
-    } else {
-      const _ = u.querySelector(".cell.editing"), y = t._activeEditRows === p;
-      if (_ && !y)
-        N(t, u, c, p), u.__epoch = i, u.__rowDataRef = c;
-      else if (U(t, u, c, p), y && !_) {
-        const x = u.children;
-        for (let A = 0; A < x.length; A++) {
-          const P = t._visibleColumns[A];
-          P && P.editable && k(t, c, p, P, x[A]);
-        }
-      }
-    }
-    const m = t._changedRowIndices.has(p), C = u.classList.contains("changed");
-    m !== C && u.classList.toggle("changed", m), u.parentNode !== r && r.appendChild(u);
-  }
-}
-function U(t, e, o, i) {
-  const n = e.children, s = t._visibleColumns, r = s.length, l = n.length, a = r < l ? r : l, d = t._focusRow, f = t._focusCol;
-  let h = t.__hasSpecialColumns;
-  if (h === void 0) {
-    h = !1;
-    for (let c = 0; c < r; c++) {
-      const u = s[c];
-      if (u.__viewTemplate || u.__compiledView || u.viewRenderer || u.externalView || u.format || u.type === "date" || u.type === "boolean") {
-        h = !0;
-        break;
-      }
-    }
-    t.__hasSpecialColumns = h;
-  }
-  const p = String(i);
-  if (!h) {
-    for (let c = 0; c < a; c++) {
-      const u = n[c], b = o[s[c].field];
-      u.textContent = b == null ? "" : String(b), u.getAttribute("data-row") !== p && u.setAttribute("data-row", p);
-      const w = d === i && f === c, v = u.classList.contains("cell-focus");
-      w !== v && (u.classList.toggle("cell-focus", w), u.setAttribute("aria-selected", String(w)));
-    }
-    return;
-  }
-  for (let c = 0; c < a; c++)
-    if (s[c].externalView && !n[c].querySelector("[data-external-view]")) {
-      N(t, e, o, i);
-      return;
-    }
-  for (let c = 0; c < a; c++) {
-    const u = s[c], b = n[c];
-    b.getAttribute("data-row") !== p && b.setAttribute("data-row", p);
-    const w = d === i && f === c, v = b.classList.contains("cell-focus");
-    if (w !== v && (b.classList.toggle("cell-focus", w), b.setAttribute("aria-selected", String(w))), b.classList.contains("editing")) continue;
-    if (u.viewRenderer) {
-      const E = o[u.field], g = u.viewRenderer({ row: o, value: E, field: u.field, column: u });
-      typeof g == "string" ? b.innerHTML = F(g) : g ? (b.innerHTML = "", b.appendChild(g)) : b.textContent = E == null ? "" : String(E);
-      continue;
-    }
-    if (u.__viewTemplate || u.__compiledView || u.externalView)
-      continue;
-    const S = o[u.field];
-    let R;
-    if (u.format)
-      try {
-        const E = u.format(S, o);
-        R = E == null ? "" : String(E);
-      } catch {
-        R = S == null ? "" : String(S);
-      }
-    else if (u.type === "date") {
-      if (S == null || S === "")
-        R = "";
-      else if (S instanceof Date)
-        R = isNaN(S.getTime()) ? "" : S.toLocaleDateString();
-      else {
-        const E = new Date(S);
-        R = isNaN(E.getTime()) ? "" : E.toLocaleDateString();
-      }
-      b.textContent = R;
-    } else if (u.type === "boolean") {
-      const E = !!S;
-      b.innerHTML = `<span role="checkbox" aria-checked="${E}" aria-label="${E}">${E ? "&#x1F5F9;" : "&#9744;"}</span>`;
-    } else
-      R = S == null ? "" : String(S), b.textContent = R;
-  }
-}
-function N(t, e, o, i) {
-  e.innerHTML = "";
-  const n = t._visibleColumns, s = n.length, r = t._focusRow, l = t._focusCol, a = t.effectiveConfig?.editOn || t.editOn, d = t, f = document.createDocumentFragment();
-  for (let h = 0; h < s; h++) {
-    const p = n[h], c = document.createElement("div");
-    c.className = "cell", Y(c, "cell"), c.setAttribute("role", "gridcell"), c.setAttribute("aria-colindex", String(h + 1)), c.setAttribute("data-col", String(h)), c.setAttribute("data-row", String(i)), c.setAttribute("data-field", p.field), p.type, p.type && c.setAttribute("data-type", p.type);
-    let u = o[p.field];
-    const b = p.format;
-    if (b)
-      try {
-        u = b(u, o);
-      } catch {
-      }
-    const w = p.__compiledView, v = p.__viewTemplate, S = p.viewRenderer, R = p.externalView;
-    let E = !1;
-    if (S) {
-      const g = S({ row: o, value: u, field: p.field, column: p });
-      typeof g == "string" ? (c.innerHTML = F(g), E = !0) : g ? c.appendChild(g) : c.textContent = u == null ? "" : String(u);
-    } else if (R) {
-      const g = R, m = document.createElement("div");
-      m.setAttribute("data-external-view", ""), m.setAttribute("data-field", p.field), c.appendChild(m);
-      const C = { row: o, value: u, field: p.field, column: p };
-      if (g.mount)
-        try {
-          g.mount({ placeholder: m, context: C, spec: g });
-        } catch {
-        }
-      else
-        queueMicrotask(() => {
-          try {
-            d.dispatchEvent(
-              new CustomEvent("mount-external-view", {
-                bubbles: !0,
-                composed: !0,
-                detail: { placeholder: m, spec: g, context: C }
-              })
-            );
-          } catch {
-          }
-        });
-      m.setAttribute("data-mounted", "");
-    } else if (w) {
-      const g = w({ row: o, value: u, field: p.field, column: p }), m = w.__blocked;
-      c.innerHTML = m ? "" : F(g), E = !0, m && (c.textContent = "", c.setAttribute("data-blocked-template", ""));
-    } else if (v) {
-      const g = v.innerHTML;
-      /Reflect\.|\bProxy\b|ownKeys\(/.test(g) ? (c.textContent = "", c.setAttribute("data-blocked-template", "")) : (c.innerHTML = F(ue(g, { row: o, value: u })), E = !0);
-    } else if (p.type === "date")
-      if (u == null || u === "")
-        c.textContent = "";
-      else {
-        let g = null;
-        if (u instanceof Date) g = u;
-        else if (typeof u == "number" || typeof u == "string") {
-          const m = new Date(u);
-          isNaN(m.getTime()) || (g = m);
-        }
-        c.textContent = g ? g.toLocaleDateString() : "";
-      }
-    else if (p.type === "boolean") {
-      const g = !!u;
-      c.innerHTML = `<span role="checkbox" aria-checked="${g}" aria-label="${g}">${g ? "&#x1F5F9;" : "&#9744;"}</span>`;
-    } else
-      c.textContent = u == null ? "" : String(u);
-    if (E) {
-      Ae(c);
-      const g = c.textContent || "";
-      /Proxy|Reflect\.ownKeys/.test(g) && (c.textContent = g.replace(/Proxy|Reflect\.ownKeys/g, "").trim(), /Proxy|Reflect\.ownKeys/.test(c.textContent || "") && (c.textContent = ""));
-    }
-    c.hasAttribute("data-blocked-template") && (c.textContent || "").trim().length && (c.textContent = ""), p.editable ? (c.tabIndex = 0, c.addEventListener("mousedown", () => {
-      if (c.classList.contains("editing")) return;
-      const g = Number(c.getAttribute("data-row")), m = Number(c.getAttribute("data-col"));
-      isNaN(g) || isNaN(m) || (t._focusRow = g, t._focusCol = m, M(t));
-    }), a === "click" ? c.addEventListener("click", (g) => {
-      if (c.classList.contains("editing")) return;
-      g.stopPropagation();
-      const m = Number(c.getAttribute("data-row")), C = Number(c.getAttribute("data-col"));
-      if (isNaN(m) || isNaN(C)) return;
-      const _ = t._rows[m], y = t._visibleColumns[C];
-      !_ || !y || (t._focusRow = m, t._focusCol = C, k(t, _, m, y, c));
-    }) : c.addEventListener("dblclick", (g) => {
-      g.stopPropagation();
-      const m = Number(c.getAttribute("data-row"));
-      if (isNaN(m)) return;
-      const C = t._rows[m];
-      if (!C) return;
-      B(t, m, C);
-      const _ = t.findRenderedRowElement?.(m);
-      if (_) {
-        const y = _.children;
-        for (let x = 0; x < y.length; x++) {
-          const A = t._visibleColumns[x];
-          A && A.editable && k(t, C, m, A, y[x]);
-        }
-      }
-    }), c.addEventListener("keydown", (g) => {
-      const m = Number(c.getAttribute("data-row")), C = Number(c.getAttribute("data-col"));
-      if (isNaN(m) || isNaN(C)) return;
-      const _ = t._rows[m], y = t._visibleColumns[C];
-      if (!(!_ || !y)) {
-        if ((y.type === "select" || y.type === "typeahead") && !c.classList.contains("editing") && g.key === "Enter") {
-          g.preventDefault(), t._activeEditRows !== m && B(t, m, _), k(t, _, m, y, c), setTimeout(() => {
-            const x = c.querySelector("select");
-            try {
-              x?.showPicker?.();
-            } catch {
-            }
-            x?.focus();
-          }, 0);
-          return;
-        }
-        if (y.type === "boolean" && g.key === " " && !c.classList.contains("editing")) {
-          g.preventDefault(), t._activeEditRows !== m && B(t, m, _);
-          const x = !_[y.field];
-          J(t, m, y, x, _), c.innerHTML = `<span role="checkbox" aria-checked="${x}" aria-label="${x}">${x ? "&#x1F5F9;" : "&#9744;"}</span>`;
-          return;
-        }
-        if (g.key === "Enter" && !c.classList.contains("editing")) {
-          g.preventDefault(), g.stopPropagation(), t._focusRow = m, t._focusCol = C, typeof t.beginBulkEdit == "function" ? t.beginBulkEdit(m) : k(t, _, m, y, c);
-          return;
-        }
-        if (g.key === "F2" && !c.classList.contains("editing")) {
-          g.preventDefault(), k(t, _, m, y, c);
-          return;
-        }
-      }
-    })) : p.type === "boolean" && (c.hasAttribute("tabindex") || (c.tabIndex = 0)), r === i && l === h ? (c.classList.add("cell-focus"), c.setAttribute("aria-selected", "true")) : c.setAttribute("aria-selected", "false"), f.appendChild(c);
-  }
-  e.appendChild(f);
-}
-function oe(t, e, o, i) {
-  if (e.target?.closest(".resize-handle")) return;
-  const n = o.querySelector(".cell[data-row]");
-  if (!n) return;
-  const s = Number(n.getAttribute("data-row"));
-  if (isNaN(s)) return;
-  const r = t._rows[s];
-  if (!r || t._dispatchRowClick?.(e, s, r, o))
-    return;
-  const l = e.target?.closest(".cell[data-col]");
-  if (l) {
-    if (l.classList.contains("editing")) return;
-    const d = Number(l.getAttribute("data-col"));
-    if (!isNaN(d)) {
-      if (t._dispatchCellClick?.(e, s, d, l))
-        return;
-      t._focusRow = s, t._focusCol = d, M(t);
-    }
-  }
-  if (o.querySelector(".cell.editing")) {
-    const d = o.querySelectorAll(".cell.editing");
-    if (!i) return;
-    d.forEach((f) => f.classList.remove("editing"));
-  }
-  const a = t.effectiveConfig?.editOn || t.editOn || "doubleClick";
-  if (a === "click" || a === "doubleClick" && i) B(t, s, r);
-  else return;
-  Array.from(o.children).forEach((d, f) => {
-    const h = t._visibleColumns[f];
-    h && h.editable && k(t, r, s, h, d);
-  }), l && queueMicrotask(() => {
-    const d = o.querySelector(`.cell[data-col="${t._focusCol}"]`);
-    if (d?.classList.contains("editing")) {
-      const f = d.querySelector(
-        'input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])'
-      );
-      try {
-        f?.focus();
-      } catch {
-      }
-    }
-  });
-}
-function Z(t) {
-  return !(t === "__proto__" || t === "constructor" || t === "prototype");
-}
-function B(t, e, o) {
-  t._activeEditRows !== e && (t._rowEditSnapshots.set(e, { ...o }), t._activeEditRows = e);
-}
-function D(t, e, o) {
-  if (t._activeEditRows !== e) return;
-  const i = t._rowEditSnapshots.get(e), n = t._rows[e], s = t.findRenderedRowElement?.(e);
-  if (!o && s && n && s.querySelectorAll(".cell.editing").forEach((l) => {
-    const a = Number(l.getAttribute("data-col"));
-    if (isNaN(a)) return;
-    const d = t._visibleColumns[a];
-    if (!d) return;
-    const f = l.querySelector("input,textarea,select");
-    if (f) {
-      let h;
-      f instanceof HTMLInputElement && f.type === "checkbox" ? h = f.checked : (h = f.value, d.type === "number" && h !== "" && (h = Number(h))), n[d.field] !== h && J(t, e, d, h, n);
-    }
-  }), o && i && n)
-    Object.keys(i).forEach((r) => n[r] = i[r]), t._changedRowIndices.delete(e), j(t);
-  else if (!o) {
-    const r = t._changedRowIndices.has(e);
-    t.dispatchEvent(
-      new CustomEvent("row-commit", {
-        detail: {
-          rowIndex: e,
-          row: n,
-          changed: r,
-          changedRows: t.changedRows,
-          changedRowIndices: t.changedRowIndices
-        }
-      })
-    );
-  }
-  t._rowEditSnapshots.delete(e), t._activeEditRows = -1, s && (N(t, s, t._rows[e], e), t._changedRowIndices.has(e) ? s.classList.add("changed") : s.classList.remove("changed")), queueMicrotask(() => {
-    try {
-      const r = t._focusRow, l = t._focusCol, a = t.findRenderedRowElement?.(r);
-      if (a) {
-        Array.from(t._bodyEl.querySelectorAll(".cell-focus")).forEach(
-          (f) => f.classList.remove("cell-focus")
-        );
-        const d = a.querySelector(`.cell[data-row="${r}"][data-col="${l}"]`);
-        d && (d.classList.add("cell-focus"), d.setAttribute("aria-selected", "true"), d.hasAttribute("tabindex") || d.setAttribute("tabindex", "-1"), d.focus({ preventScroll: !0 }));
-      }
-    } catch {
-    }
-  });
-}
-function J(t, e, o, i, n) {
-  const s = o.field;
-  if (!Z(s) || n[s] === i) return;
-  n[s] = i;
-  const l = !t._changedRowIndices.has(e);
-  t._changedRowIndices.add(e);
-  const a = t.findRenderedRowElement?.(e);
-  a && a.classList.add("changed"), t.dispatchEvent(
-    new CustomEvent("cell-commit", {
-      detail: {
-        row: n,
-        field: s,
-        value: i,
-        rowIndex: e,
-        changedRows: t.changedRows,
-        changedRowIndices: t.changedRowIndices,
-        firstTimeForRow: l
-      }
-    })
-  );
-}
-function k(t, e, o, i, n) {
-  if (!i.editable || (t._activeEditRows !== o && B(t, o, e), n.classList.contains("editing"))) return;
-  const s = Z(i.field) ? e[i.field] : void 0;
-  n.classList.add("editing");
-  let r = !1;
-  const l = (c) => {
-    r || t._activeEditRows === -1 || J(t, o, i, c, e);
-  }, a = () => {
-    r = !0, e[i.field] = Z(i.field) ? s : void 0;
-    const c = n.querySelector("input,textarea,select");
-    c && (typeof HTMLInputElement < "u" && c instanceof HTMLInputElement && c.type === "checkbox" ? c.checked = !!s : "value" in c && (c.value = s ?? ""));
-  }, d = document.createElement("div");
-  d.style.display = "contents", n.innerHTML = "", n.appendChild(d), d.addEventListener("keydown", (c) => {
-    c.key === "Enter" && (c.stopPropagation(), c.preventDefault(), r = !0, D(t, o, !1)), c.key === "Escape" && (c.stopPropagation(), c.preventDefault(), a(), D(t, o, !0));
-  });
-  const f = i.__editorTemplate, h = i.editor || (f ? "template" : He(i)), p = s;
-  if (h === "template" && f) {
-    const c = f.cloneNode(!0), u = i.__compiledEditor;
-    u ? c.innerHTML = u({ row: e, value: s, field: i.field, column: i }) : c.querySelectorAll("*").forEach((w) => {
-      w.childNodes.length === 1 && w.firstChild?.nodeType === Node.TEXT_NODE && (w.textContent = w.textContent?.replace(/{{\s*value\s*}}/g, s == null ? "" : String(s)).replace(/{{\s*row\.([a-zA-Z0-9_]+)\s*}}/g, (v, S) => {
-        const R = e[S];
-        return R == null ? "" : String(R);
-      }) || "");
-    });
-    const b = c.querySelector("input,textarea,select");
-    if (b) {
-      const w = typeof HTMLInputElement < "u";
-      w && b instanceof HTMLInputElement && b.type === "checkbox" ? b.checked = !!s : "value" in b && (b.value = s ?? ""), b.addEventListener("blur", () => {
-        const v = w && b instanceof HTMLInputElement && b.type === "checkbox" ? b.checked : b.value;
-        l(v);
-      }), b.addEventListener("keydown", (v) => {
-        if (v.key === "Enter") {
-          v.stopPropagation(), v.preventDefault(), r = !0;
-          const S = w && b instanceof HTMLInputElement && b.type === "checkbox" ? b.checked : b.value;
-          l(S), D(t, o, !1);
-        }
-        v.key === "Escape" && (v.stopPropagation(), v.preventDefault(), a(), D(t, o, !0));
-      }), w && b instanceof HTMLInputElement && b.type === "checkbox" && b.addEventListener("change", () => {
-        const v = b.checked;
-        l(v);
-      }), setTimeout(() => b.focus(), 0);
-    }
-    d.appendChild(c);
-  } else if (typeof h == "string") {
-    const c = document.createElement(h);
-    c.value = p, c.addEventListener("change", () => l(c.value)), d.appendChild(c);
-  } else if (typeof h == "function") {
-    const c = h({ row: e, value: p, field: i.field, column: i, commit: l, cancel: a });
-    typeof c == "string" ? d.innerHTML = c : d.appendChild(c);
-  } else if (h && typeof h == "object") {
-    const c = document.createElement("div");
-    c.setAttribute("data-external-editor", ""), c.setAttribute("data-field", i.field), d.appendChild(c);
-    const u = { row: e, value: p, field: i.field, column: i, commit: l, cancel: a };
-    if (h.mount)
-      try {
-        h.mount({ placeholder: c, context: u, spec: h });
-      } catch {
-      }
-    else
-      t.dispatchEvent(
-        new CustomEvent("mount-external-editor", { detail: { placeholder: c, spec: h, context: u } })
-      );
-  }
-}
-function ne(t, e) {
-  !t._sortState || t._sortState.field !== e.field ? (t._sortState || (t.__originalOrder = t._rows.slice()), ie(t, e, 1)) : t._sortState.direction === 1 ? ie(t, e, -1) : (t._sortState = null, t.__rowRenderEpoch++, t._rowPool.forEach((i) => i.__epoch = -1), t._rows = t.__originalOrder.slice(), q(t), t._headerRowEl?.querySelectorAll('[role="columnheader"].sortable')?.forEach((i) => {
-    i.getAttribute("aria-sort") ? (i.getAttribute("aria-sort") === "ascending" || i.getAttribute("aria-sort") === "descending") && (t._sortState || i.setAttribute("aria-sort", "none")) : i.setAttribute("aria-sort", "none");
-  }), t.refreshVirtualWindow(!0), t.dispatchEvent(
-    new CustomEvent("sort-change", { detail: { field: e.field, direction: 0 } })
-  ), t.requestStateChange?.());
-}
-function ie(t, e, o) {
-  t._sortState = { field: e.field, direction: o };
-  const i = e.sortComparator || ((n, s) => n == null && s == null ? 0 : n == null ? -1 : s == null || n > s ? 1 : n < s ? -1 : 0);
-  t._rows.sort((n, s) => i(n[e.field], s[e.field], n, s) * o), t.__rowRenderEpoch++, t._rowPool.forEach((n) => n.__epoch = -1), q(t), t.refreshVirtualWindow(!0), t.dispatchEvent(
-    new CustomEvent("sort-change", { detail: { field: e.field, direction: o } })
-  ), t.requestStateChange?.();
-}
-function De(t, e) {
-  typeof e == "string" ? t.textContent = e : e instanceof HTMLElement && (t.innerHTML = "", t.appendChild(e.cloneNode(!0)));
-}
-function q(t) {
-  t._headerRowEl = t.findHeaderRow();
-  const e = t._headerRowEl;
-  e.innerHTML = "", t._visibleColumns.forEach((o, i) => {
-    const n = document.createElement("div");
-    n.className = "cell", Y(n, "header-cell"), n.setAttribute("role", "columnheader"), n.setAttribute("aria-colindex", String(i + 1)), n.setAttribute("data-field", o.field), n.setAttribute("data-col", String(i));
-    const s = o.__headerTemplate;
-    if (s) Array.from(s.childNodes).forEach((r) => n.appendChild(r.cloneNode(!0)));
-    else {
-      const r = o.header || o.field, l = document.createElement("span");
-      l.textContent = r, n.appendChild(l);
-    }
-    if (o.sortable) {
-      n.classList.add("sortable"), n.tabIndex = 0;
-      const r = document.createElement("span");
-      Y(r, "sort-indicator"), r.style.opacity = "0.6";
-      const l = t._sortState?.field === o.field ? t._sortState.direction : 0, a = { ...H, ...t.icons }, d = l === 1 ? a.sortAsc : l === -1 ? a.sortDesc : a.sortNone;
-      De(r, d), n.appendChild(r), n.setAttribute("aria-sort", l === 0 ? "none" : l === 1 ? "ascending" : "descending"), n.addEventListener("click", (f) => {
-        t._resizeController?.isResizing || t._dispatchHeaderClick?.(f, i, n) || ne(t, o);
-      }), n.addEventListener("keydown", (f) => {
-        if (f.key === "Enter" || f.key === " ") {
-          if (f.preventDefault(), t._dispatchHeaderClick?.(f, i, n)) return;
-          ne(t, o);
-        }
-      });
-    }
-    if (o.resizable) {
-      n.style.position = "relative";
-      const r = document.createElement("div");
-      r.className = "resize-handle", r.setAttribute("aria-hidden", "true"), r.addEventListener("mousedown", (l) => {
-        l.stopPropagation(), l.preventDefault(), t._resizeController.start(l, i, n);
-      }), r.addEventListener("dblclick", (l) => {
-        l.stopPropagation(), l.preventDefault(), t._resizeController.resetColumn(i);
-      }), n.appendChild(r);
-    }
-    e.appendChild(n);
-  }), e.querySelectorAll(".cell.sortable").forEach((o) => {
-    o.getAttribute("aria-sort") || o.setAttribute("aria-sort", "none");
-  }), e.children.length > 0 ? (e.setAttribute("role", "row"), e.setAttribute("aria-rowindex", "1")) : (e.removeAttribute("role"), e.removeAttribute("aria-rowindex"));
-}
-function Ne(t) {
-  let e = null, o = null, i = null, n = null;
-  const s = (a) => {
-    if (!e) return;
-    const d = a.clientX - e.startX, f = Math.max(40, e.startWidth + d), h = t._visibleColumns[e.colIndex];
-    h.width = f, h.__userResized = !0, h.__renderedWidth = f, o == null && (o = requestAnimationFrame(() => {
-      o = null, t.updateTemplate?.();
-    })), t.dispatchEvent(
-      new CustomEvent("column-resize", { detail: { field: h.field, width: f } })
-    );
-  };
-  let r = !1;
-  const l = () => {
-    const a = e !== null;
-    a && (r = !0, requestAnimationFrame(() => {
-      r = !1;
-    })), window.removeEventListener("mousemove", s), window.removeEventListener("mouseup", l), i !== null && (document.documentElement.style.cursor = i, i = null), n !== null && (document.body.style.userSelect = n, n = null), e = null, a && t.requestStateChange && t.requestStateChange();
-  };
-  return {
-    get isResizing() {
-      return e !== null || r;
-    },
-    start(a, d, f) {
-      a.preventDefault();
-      const h = f.getBoundingClientRect();
-      e = { startX: a.clientX, colIndex: d, startWidth: h.width }, window.addEventListener("mousemove", s), window.addEventListener("mouseup", l), i === null && (i = document.documentElement.style.cursor), document.documentElement.style.cursor = "e-resize", n === null && (n = document.body.style.userSelect), document.body.style.userSelect = "none";
-    },
-    resetColumn(a) {
-      const d = t._visibleColumns[a];
-      d && (d.__userResized = !1, d.__renderedWidth = void 0, d.width = d.__originalWidth, t.updateTemplate?.(), t.requestStateChange?.(), t.dispatchEvent(
-        new CustomEvent("column-resize-reset", { detail: { field: d.field, width: d.width } })
-      ));
-    },
-    dispose() {
-      l();
-    }
-  };
-}
-function V(t) {
-  return t ? typeof t == "string" ? t : t.outerHTML : "";
-}
-function qe() {
-  return {
-    toolPanels: /* @__PURE__ */ new Map(),
-    headerContents: /* @__PURE__ */ new Map(),
-    toolbarButtons: /* @__PURE__ */ new Map(),
-    lightDomButtons: [],
-    lightDomHeaderContent: [],
-    isPanelOpen: !1,
-    expandedSections: /* @__PURE__ */ new Set(),
-    headerContentCleanups: /* @__PURE__ */ new Map(),
-    panelCleanups: /* @__PURE__ */ new Map(),
-    toolbarButtonCleanups: /* @__PURE__ */ new Map(),
-    // Deprecated - kept for backward compatibility
-    activePanel: null,
-    activePanelCleanup: null
-  };
-}
-function Be(t, e) {
-  return !!(t?.header?.title || t?.header?.toolbarButtons?.length || e.toolPanels.size > 0 || e.headerContents.size > 0 || e.toolbarButtons.size > 0 || e.lightDomButtons.length > 0 || e.lightDomHeaderContent.length > 0);
-}
-function Ie(t, e, o = "☰") {
-  const i = t?.header?.title ?? "", n = !!i, s = V(o), r = t?.header?.toolbarButtons ?? [], l = r.length > 0, a = e.toolbarButtons.size > 0, d = e.lightDomButtons.length > 0, f = e.toolPanels.size > 0, p = (l || a || d) && f, c = [...r].sort((w, v) => (w.order ?? 100) - (v.order ?? 100)), u = [...e.toolbarButtons.values()].sort((w, v) => (w.order ?? 100) - (v.order ?? 100));
-  let b = "";
-  for (const w of c)
-    w.icon && w.action && (b += `<button class="tbw-toolbar-btn" data-btn="${w.id}" title="${w.label}" aria-label="${w.label}"${w.disabled ? " disabled" : ""}>${w.icon}</button>`);
-  for (const w of u)
-    w.icon && w.action && (b += `<button class="tbw-toolbar-btn" data-btn="${w.id}" title="${w.label}" aria-label="${w.label}"${w.disabled ? " disabled" : ""}>${w.icon}</button>`);
-  for (const w of c)
-    (w.element || w.render) && (b += `<div class="tbw-toolbar-btn-slot" data-btn-slot="${w.id}"></div>`);
-  for (const w of u)
-    (w.element || w.render) && (b += `<div class="tbw-toolbar-btn-slot" data-btn-slot="${w.id}"></div>`);
-  if (d && (b += '<slot name="toolbar"></slot>'), p && (b += '<div class="tbw-toolbar-separator"></div>'), f) {
-    const w = e.isPanelOpen;
-    b += `<button class="tbw-toolbar-btn${w ? " active" : ""}" data-panel-toggle title="Settings" aria-label="Toggle settings panel" aria-pressed="${w}" aria-controls="tbw-tool-panel">${s}</button>`;
-  }
-  return `
-    <div class="tbw-shell-header" part="shell-header" role="presentation">
-      ${n ? `<div class="tbw-shell-title">${i}</div>` : ""}
-      <div class="tbw-shell-content" part="shell-content" role="presentation">
-        <slot name="header-content"></slot>
-      </div>
-      <div class="tbw-shell-toolbar" part="shell-toolbar" role="presentation">
-        ${b}
-      </div>
-    </div>
-  `;
-}
-function $e(t, e, o, i) {
-  const n = t?.toolPanel?.position ?? "right", s = e.toolPanels.size > 0, r = e.isPanelOpen, l = V(i?.expand ?? H.expand), a = V(i?.collapse ?? H.collapse), d = [...e.toolPanels.values()].sort((u, b) => (u.order ?? 100) - (b.order ?? 100)), f = d.length === 1;
-  let h = "";
-  for (const u of d) {
-    const b = e.expandedSections.has(u.id), w = u.icon ? `<span class="tbw-accordion-icon">${u.icon}</span>` : "", v = f ? "" : `<span class="tbw-accordion-chevron">${b ? a : l}</span>`;
-    h += `
-      <div class="${`tbw-accordion-section${b ? " expanded" : ""}${f ? " single" : ""}`}" data-section="${u.id}">
-        <button class="tbw-accordion-header" aria-expanded="${b}" aria-controls="tbw-section-${u.id}"${f ? ' aria-disabled="true"' : ""}>
-          ${w}
-          <span class="tbw-accordion-title">${u.title}</span>
-          ${v}
-        </button>
-        <div class="tbw-accordion-content" id="tbw-section-${u.id}" role="presentation"></div>
-      </div>
-    `;
-  }
-  const c = s ? `
-    <aside class="tbw-tool-panel${r ? " open" : ""}" part="tool-panel" data-position="${n}" role="presentation" id="tbw-tool-panel">
-      <div class="tbw-tool-panel-resize" data-resize-handle data-handle-position="${n === "left" ? "right" : "left"}" aria-hidden="true"></div>
-      <div class="tbw-tool-panel-content" role="presentation">
-        <div class="tbw-accordion">
-          ${h}
-        </div>
-      </div>
-    </aside>
-  ` : "";
-  return n === "left" ? `
-      <div class="tbw-shell-body">
-        ${c}
-        <div class="tbw-grid-content">
-          ${o}
-        </div>
-      </div>
-    ` : `
-    <div class="tbw-shell-body">
-      <div class="tbw-grid-content">
-        ${o}
-      </div>
-      ${c}
-    </div>
-  `;
-}
-function se(t, e) {
-  const o = t.querySelector("tbw-grid-header");
-  if (!o) return;
-  o.style.display = "none";
-  const i = o.querySelectorAll("tbw-grid-header-content");
-  e.lightDomHeaderContent = Array.from(i), e.lightDomHeaderContent.forEach((s) => {
-    s.setAttribute("slot", "header-content");
-  });
-  const n = o.querySelectorAll("tbw-grid-tool-button");
-  e.lightDomButtons = Array.from(n), e.lightDomButtons.sort((s, r) => {
-    const l = parseInt(s.getAttribute("order") ?? "100", 10), a = parseInt(r.getAttribute("order") ?? "100", 10);
-    return l - a;
-  }), e.lightDomButtons.forEach((s) => {
-    s.setAttribute("slot", "toolbar");
-  });
-}
-function We(t, e, o, i) {
-  const n = t.querySelector(".tbw-shell-toolbar");
-  n && n.addEventListener("click", (r) => {
-    const l = r.target;
-    if (l.closest("[data-panel-toggle]")) {
-      i.onPanelToggle();
-      return;
-    }
-    const d = l.closest("[data-btn]");
-    if (d) {
-      const f = d.getAttribute("data-btn");
-      f && i.onToolbarButtonClick(f);
-    }
-  });
-  const s = t.querySelector(".tbw-accordion");
-  s && s.addEventListener("click", (r) => {
-    const a = r.target.closest(".tbw-accordion-header");
-    if (a) {
-      const f = a.closest("[data-section]")?.getAttribute("data-section");
-      f && i.onSectionToggle(f);
-    }
-  });
-}
-function Ve(t, e, o) {
-  const i = t.querySelector(".tbw-tool-panel"), n = t.querySelector("[data-resize-handle]"), s = t.querySelector(".tbw-shell-body");
-  if (!i || !n || !s)
-    return () => {
-    };
-  const r = e?.toolPanel?.position ?? "right", l = 200;
-  let a = 0, d = 0, f = 0, h = !1;
-  const p = (b) => {
-    if (!h) return;
-    b.preventDefault();
-    const w = r === "left" ? b.clientX - a : a - b.clientX, v = Math.min(f, Math.max(l, d + w));
-    i.style.width = `${v}px`;
-  }, c = () => {
-    if (!h) return;
-    h = !1, n.classList.remove("resizing"), i.style.transition = "", document.body.style.cursor = "", document.body.style.userSelect = "";
-    const b = i.getBoundingClientRect().width;
-    o(b), document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", c);
-  }, u = (b) => {
-    b.preventDefault(), h = !0, a = b.clientX, d = i.getBoundingClientRect().width, f = s.getBoundingClientRect().width - 20, n.classList.add("resizing"), i.style.transition = "none", document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", p), document.addEventListener("mouseup", c);
-  };
-  return n.addEventListener("mousedown", u), () => {
-    n.removeEventListener("mousedown", u), document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", c);
-  };
-}
-function Ge(t, e, o) {
-  const i = [...e?.header?.toolbarButtons ?? [], ...o.toolbarButtons.values()];
-  for (const n of i) {
-    const s = t.querySelector(`[data-btn-slot="${n.id}"]`);
-    if (!s) continue;
-    const r = o.toolbarButtonCleanups.get(n.id);
-    if (r && (r(), o.toolbarButtonCleanups.delete(n.id)), n.element)
-      s.appendChild(n.element);
-    else if (n.render) {
-      const l = n.render(s);
-      l && o.toolbarButtonCleanups.set(n.id, l);
-    }
-  }
-}
-function he(t, e) {
-  const o = t.querySelector(".tbw-shell-content");
-  if (!o) return;
-  const i = [...e.headerContents.values()].sort((s, r) => (s.order ?? 100) - (r.order ?? 100)), n = o.querySelector('slot[name="header-content"]');
-  for (const s of i) {
-    const r = e.headerContentCleanups.get(s.id);
-    r && (r(), e.headerContentCleanups.delete(s.id));
-    let l = o.querySelector(`[data-header-content="${s.id}"]`);
-    l || (l = document.createElement("div"), l.setAttribute("data-header-content", s.id), n ? o.insertBefore(l, n) : o.appendChild(l));
-    const a = s.render(l);
-    a && e.headerContentCleanups.set(s.id, a);
-  }
-}
-function Fe(t, e, o) {
-  if (!e.isPanelOpen) return;
-  const i = V(o?.expand ?? H.expand), n = V(o?.collapse ?? H.collapse);
-  for (const [s, r] of e.toolPanels) {
-    const l = e.expandedSections.has(s), a = t.querySelector(`[data-section="${s}"]`), d = a?.querySelector(".tbw-accordion-content");
-    if (!a || !d) continue;
-    a.classList.toggle("expanded", l);
-    const f = a.querySelector(".tbw-accordion-header");
-    f && f.setAttribute("aria-expanded", String(l));
-    const h = a.querySelector(".tbw-accordion-chevron");
-    if (h && (h.innerHTML = l ? n : i), l) {
-      if (d.children.length === 0) {
-        const p = r.render(d);
-        p && e.panelCleanups.set(s, p);
-      }
-    } else {
-      const p = e.panelCleanups.get(s);
-      p && (p(), e.panelCleanups.delete(s)), d.innerHTML = "";
-    }
-  }
-}
-function re(t, e) {
-  const o = t.querySelector("[data-panel-toggle]");
-  o && (o.classList.toggle("active", e.isPanelOpen), o.setAttribute("aria-pressed", String(e.isPanelOpen)));
-}
-function le(t, e) {
-  const o = t.querySelector(".tbw-tool-panel");
-  o && (o.classList.toggle("open", e.isPanelOpen), e.isPanelOpen || (o.style.width = ""));
-}
-function Ue(t, e) {
-  const o = [];
-  for (const i of t?.header?.toolbarButtons ?? [])
-    o.push({
-      id: i.id,
-      label: i.label,
-      disabled: i.disabled ?? !1,
-      source: "config"
-    });
-  for (const i of e.toolbarButtons.values())
-    o.push({
-      id: i.id,
-      label: i.label,
-      disabled: i.disabled ?? !1,
-      source: "config"
-    });
-  for (let i = 0; i < e.lightDomButtons.length; i++) {
-    const s = e.lightDomButtons[i].querySelector("button");
-    o.push({
-      id: `light-dom-${i}`,
-      label: s?.getAttribute("title") ?? s?.getAttribute("aria-label") ?? "",
-      disabled: s?.disabled ?? !1,
-      source: "light-dom"
-    });
-  }
-  for (const i of e.toolPanels.values())
-    o.push({
-      id: `panel-toggle-${i.id}`,
-      label: i.tooltip ?? i.title,
-      disabled: !1,
-      source: "panel-toggle",
-      panelId: i.id
-    });
-  return o;
-}
-function Xe(t) {
-  for (const e of t.headerContentCleanups.values())
-    e();
-  t.headerContentCleanups.clear(), t.activePanelCleanup && (t.activePanelCleanup(), t.activePanelCleanup = null);
-  for (const e of t.toolbarButtonCleanups.values())
-    e();
-  t.toolbarButtonCleanups.clear(), t.activePanel && t.toolPanels.get(t.activePanel)?.onClose?.(), t.toolPanels.clear(), t.headerContents.clear(), t.toolbarButtons.clear(), t.lightDomButtons = [], t.lightDomHeaderContent = [], t.activePanel = null;
-}
-function Ke(t, e) {
-  let o = !1;
-  const i = {
-    get isInitialized() {
-      return o;
-    },
-    setInitialized(n) {
-      o = n;
-    },
-    get isPanelOpen() {
-      return t.isPanelOpen;
-    },
-    get activePanel() {
-      return t.isPanelOpen && t.expandedSections.size > 0 ? [...t.expandedSections][0] : null;
-    },
-    get expandedSections() {
-      return [...t.expandedSections];
-    },
-    openToolPanel() {
-      if (t.isPanelOpen) return;
-      if (t.toolPanels.size === 0) {
-        console.warn("[tbw-grid] No tool panels registered");
-        return;
-      }
-      if (t.isPanelOpen = !0, t.expandedSections.size === 0 && t.toolPanels.size > 0) {
-        const r = [...t.toolPanels.values()].sort((l, a) => (l.order ?? 100) - (a.order ?? 100))[0];
-        r && t.expandedSections.add(r.id);
-      }
-      const n = e.getShadow();
-      re(n, t), le(n, t), Fe(n, t, e.getAccordionIcons()), e.emit("tool-panel-open", { sections: i.expandedSections });
-    },
-    closeToolPanel() {
-      if (!t.isPanelOpen) return;
-      for (const s of t.panelCleanups.values())
-        s();
-      t.panelCleanups.clear(), t.activePanelCleanup && (t.activePanelCleanup(), t.activePanelCleanup = null);
-      for (const s of t.toolPanels.values())
-        s.onClose?.();
-      t.isPanelOpen = !1;
-      const n = e.getShadow();
-      re(n, t), le(n, t), e.emit("tool-panel-close", {});
-    },
-    toggleToolPanel() {
-      t.isPanelOpen ? i.closeToolPanel() : i.openToolPanel();
-    },
-    toggleToolPanelSection(n) {
-      const s = t.toolPanels.get(n);
-      if (!s) {
-        console.warn(`[tbw-grid] Tool panel section "${n}" not found`);
-        return;
-      }
-      if (t.toolPanels.size === 1)
-        return;
-      const r = e.getShadow(), l = t.expandedSections.has(n);
-      if (l) {
-        const a = t.panelCleanups.get(n);
-        a && (a(), t.panelCleanups.delete(n)), s.onClose?.(), t.expandedSections.delete(n), X(r, n, !1);
-      } else {
-        for (const [a, d] of t.toolPanels)
-          if (a !== n && t.expandedSections.has(a)) {
-            const f = t.panelCleanups.get(a);
-            f && (f(), t.panelCleanups.delete(a)), d.onClose?.(), t.expandedSections.delete(a), X(r, a, !1);
-            const h = r.querySelector(`[data-section="${a}"] .tbw-accordion-content`);
-            h && (h.innerHTML = "");
-          }
-        t.expandedSections.add(n), X(r, n, !0), Ye(r, t, n);
-      }
-      e.emit("tool-panel-section-toggle", { id: n, expanded: !l });
-    },
-    getToolPanels() {
-      return [...t.toolPanels.values()];
-    },
-    registerToolPanel(n) {
-      if (t.toolPanels.has(n.id)) {
-        console.warn(`[tbw-grid] Tool panel "${n.id}" already registered`);
-        return;
-      }
-      t.toolPanels.set(n.id, n), o && e.refreshShellHeader();
-    },
-    unregisterToolPanel(n) {
-      if (t.expandedSections.has(n)) {
-        const s = t.panelCleanups.get(n);
-        s && (s(), t.panelCleanups.delete(n)), t.expandedSections.delete(n);
-      }
-      t.toolPanels.delete(n), o && e.refreshShellHeader();
-    },
-    getHeaderContents() {
-      return [...t.headerContents.values()];
-    },
-    registerHeaderContent(n) {
-      if (t.headerContents.has(n.id)) {
-        console.warn(`[tbw-grid] Header content "${n.id}" already registered`);
-        return;
-      }
-      t.headerContents.set(n.id, n), o && he(e.getShadow(), t);
-    },
-    unregisterHeaderContent(n) {
-      const s = t.headerContentCleanups.get(n);
-      s && (s(), t.headerContentCleanups.delete(n)), t.headerContents.get(n)?.onDestroy?.(), t.headerContents.delete(n), e.getShadow().querySelector(`[data-header-content="${n}"]`)?.remove();
-    },
-    getToolbarButtons() {
-      return Ue(e.getShellConfig(), t);
-    },
-    registerToolbarButton(n) {
-      if (t.toolbarButtons.has(n.id)) {
-        console.warn(`[tbw-grid] Toolbar button "${n.id}" already registered`);
-        return;
-      }
-      t.toolbarButtons.set(n.id, n), o && e.refreshShellHeader();
-    },
-    unregisterToolbarButton(n) {
-      const s = t.toolbarButtonCleanups.get(n);
-      s && (s(), t.toolbarButtonCleanups.delete(n)), t.toolbarButtons.delete(n), o && e.refreshShellHeader();
-    },
-    setToolbarButtonDisabled(n, s) {
-      const r = t.toolbarButtons.get(n);
-      r && (r.disabled = s);
-      const l = e.getShadow().querySelector(`[data-btn="${n}"]`);
-      l && (l.disabled = s);
-    }
-  };
-  return i;
-}
-function X(t, e, o) {
-  const i = t.querySelector(`[data-section="${e}"]`);
-  i && i.classList.toggle("expanded", o);
-}
-function Ye(t, e, o) {
-  const i = e.toolPanels.get(o);
-  if (!i?.render) return;
-  const n = t.querySelector(`[data-section="${o}"] .tbw-accordion-content`);
-  if (!n) return;
-  const s = i.render(n);
-  s && e.panelCleanups.set(o, s);
-}
-class je {
-  constructor(e) {
-    this.grid = e;
-  }
-  /** Plugin instances in order of attachment */
-  plugins = [];
-  /** Map from plugin class to instance for fast lookup */
-  pluginMap = /* @__PURE__ */ new Map();
-  /** Cell renderers registered by plugins */
-  cellRenderers = /* @__PURE__ */ new Map();
-  /** Header renderers registered by plugins */
-  headerRenderers = /* @__PURE__ */ new Map();
-  /** Cell editors registered by plugins */
-  cellEditors = /* @__PURE__ */ new Map();
-  /**
-   * Attach all plugins from the config.
-   */
-  attachAll(e) {
-    for (const o of e)
-      this.attach(o);
-  }
-  /**
-   * Attach a plugin to this grid.
-   */
-  attach(e) {
-    if (this.pluginMap.set(e.constructor, e), this.plugins.push(e), e.cellRenderers)
-      for (const [o, i] of Object.entries(e.cellRenderers))
-        this.cellRenderers.set(o, i);
-    if (e.headerRenderers)
-      for (const [o, i] of Object.entries(e.headerRenderers))
-        this.headerRenderers.set(o, i);
-    if (e.cellEditors)
-      for (const [o, i] of Object.entries(e.cellEditors))
-        this.cellEditors.set(o, i);
-    e.attach(this.grid);
-  }
-  /**
-   * Detach all plugins and clean up.
-   */
-  detachAll() {
-    for (let e = this.plugins.length - 1; e >= 0; e--)
-      this.plugins[e].detach();
-    this.plugins = [], this.pluginMap.clear(), this.cellRenderers.clear(), this.headerRenderers.clear(), this.cellEditors.clear();
-  }
-  /**
-   * Get a plugin instance by its class.
-   */
-  getPlugin(e) {
-    return this.pluginMap.get(e);
-  }
-  /**
-   * Get a plugin instance by its name.
-   */
-  getPluginByName(e) {
-    return this.plugins.find((o) => o.name === e);
-  }
-  /**
-   * Check if a plugin is attached.
-   */
-  hasPlugin(e) {
-    return this.pluginMap.has(e);
-  }
-  /**
-   * Get all attached plugins.
-   */
-  getAll() {
-    return this.plugins;
-  }
-  /**
-   * Get a cell renderer by type name.
-   */
-  getCellRenderer(e) {
-    return this.cellRenderers.get(e);
-  }
-  /**
-   * Get a header renderer by type name.
-   */
-  getHeaderRenderer(e) {
-    return this.headerRenderers.get(e);
-  }
-  /**
-   * Get a cell editor by type name.
-   */
-  getCellEditor(e) {
-    return this.cellEditors.get(e);
-  }
-  /**
-   * Get all CSS styles from all plugins.
-   */
-  getAllStyles() {
-    return this.plugins.filter((e) => e.styles).map((e) => e.styles).join(`
-`);
-  }
-  // #region Hook execution methods
-  /**
-   * Execute processRows hook on all plugins.
-   */
-  processRows(e) {
-    let o = [...e];
-    for (const i of this.plugins)
-      i.processRows && (o = i.processRows(o));
-    return o;
-  }
-  /**
-   * Execute processColumns hook on all plugins.
-   */
-  processColumns(e) {
-    let o = [...e];
-    for (const i of this.plugins)
-      i.processColumns && (o = i.processColumns(o));
-    return o;
-  }
-  /**
-   * Execute beforeRender hook on all plugins.
-   */
-  beforeRender() {
-    for (const e of this.plugins)
-      e.beforeRender?.();
-  }
-  /**
-   * Execute afterRender hook on all plugins.
-   */
-  afterRender() {
-    for (const e of this.plugins)
-      e.afterRender?.();
-  }
-  /**
-   * Execute onScrollRender hook on all plugins.
-   * Called after scroll-triggered row rendering for lightweight visual state updates.
-   */
-  onScrollRender() {
-    for (const e of this.plugins)
-      e.onScrollRender?.();
-  }
-  /**
-   * Get total extra height contributed by plugins (e.g., expanded detail rows).
-   * Used to adjust scrollbar height calculations.
-   */
-  getExtraHeight() {
-    let e = 0;
-    for (const o of this.plugins)
-      typeof o.getExtraHeight == "function" && (e += o.getExtraHeight());
-    return e;
-  }
-  /**
-   * Get extra height from plugins that appears before a given row index.
-   * Used by virtualization to correctly position the scroll window.
-   */
-  getExtraHeightBefore(e) {
-    let o = 0;
-    for (const i of this.plugins)
-      typeof i.getExtraHeightBefore == "function" && (o += i.getExtraHeightBefore(e));
-    return o;
-  }
-  /**
-   * Adjust the virtualization start index based on plugin needs.
-   * Returns the minimum start index from all plugins.
-   */
-  adjustVirtualStart(e, o, i) {
-    let n = e;
-    for (const s of this.plugins)
-      if (typeof s.adjustVirtualStart == "function") {
-        const r = s.adjustVirtualStart(e, o, i);
-        r < n && (n = r);
-      }
-    return n;
-  }
-  /**
-   * Execute renderRow hook on all plugins.
-   * Returns true if any plugin handled the row.
-   */
-  renderRow(e, o, i) {
-    for (const n of this.plugins)
-      if (n.renderRow?.(e, o, i))
-        return !0;
-    return !1;
-  }
-  /**
-   * Query all plugins with a generic query and collect responses.
-   * This enables inter-plugin communication without the core knowing plugin-specific concepts.
-   *
-   * Common query types are defined in PLUGIN_QUERIES, but plugins can define their own.
-   *
-   * @param query - The query object containing type and context
-   * @returns Array of non-undefined responses from plugins
-   */
-  queryPlugins(e) {
-    const o = [];
-    for (const i of this.plugins) {
-      const n = i.onPluginQuery?.(e);
-      n !== void 0 && o.push(n);
-    }
-    return o;
-  }
-  /**
-   * Execute onKeyDown hook on all plugins.
-   * Returns true if any plugin handled the event.
-   */
-  onKeyDown(e) {
-    for (const o of this.plugins)
-      if (o.onKeyDown?.(e))
-        return !0;
-    return !1;
-  }
-  /**
-   * Execute onCellClick hook on all plugins.
-   * Returns true if any plugin handled the event.
-   */
-  onCellClick(e) {
-    for (const o of this.plugins)
-      if (o.onCellClick?.(e))
-        return !0;
-    return !1;
-  }
-  /**
-   * Execute onRowClick hook on all plugins.
-   * Returns true if any plugin handled the event.
-   */
-  onRowClick(e) {
-    for (const o of this.plugins)
-      if (o.onRowClick?.(e))
-        return !0;
-    return !1;
-  }
-  /**
-   * Execute onHeaderClick hook on all plugins.
-   * Returns true if any plugin handled the event.
-   */
-  onHeaderClick(e) {
-    for (const o of this.plugins)
-      if (o.onHeaderClick?.(e))
-        return !0;
-    return !1;
-  }
-  /**
-   * Execute onScroll hook on all plugins.
-   */
-  onScroll(e) {
-    for (const o of this.plugins)
-      o.onScroll?.(e);
-  }
-  /**
-   * Execute onCellMouseDown hook on all plugins.
-   * Returns true if any plugin handled the event.
-   */
-  onCellMouseDown(e) {
-    for (const o of this.plugins)
-      if (o.onCellMouseDown?.(e))
-        return !0;
-    return !1;
-  }
-  /**
-   * Execute onCellMouseMove hook on all plugins.
-   * Returns true if any plugin handled the event.
-   */
-  onCellMouseMove(e) {
-    for (const o of this.plugins)
-      if (o.onCellMouseMove?.(e))
-        return !0;
-    return !1;
-  }
-  /**
-   * Execute onCellMouseUp hook on all plugins.
-   * Returns true if any plugin handled the event.
-   */
-  onCellMouseUp(e) {
-    for (const o of this.plugins)
-      if (o.onCellMouseUp?.(e))
-        return !0;
-    return !1;
-  }
-  // #endregion
-  // #region Scroll Boundary Hooks
-  /**
-   * Collect horizontal scroll boundary offsets from all plugins.
-   * Combines offsets from all plugins that report them.
-   *
-   * @param rowEl - The row element (optional, for calculating widths from rendered cells)
-   * @param focusedCell - The currently focused cell element (optional, to determine if scrolling should be skipped)
-   * @returns Combined left and right pixel offsets, plus skipScroll if any plugin requests it
-   */
-  getHorizontalScrollOffsets(e, o) {
-    let i = 0, n = 0, s = !1;
-    for (const r of this.plugins) {
-      const l = r.getHorizontalScrollOffsets?.(e, o);
-      l && (i += l.left, n += l.right, l.skipScroll && (s = !0));
-    }
-    return { left: i, right: n, skipScroll: s };
-  }
-  // #endregion
-  // #region Shell Integration Hooks
-  /**
-   * Collect tool panels from all plugins.
-   * Returns panels sorted by order (ascending).
-   */
-  getToolPanels() {
-    const e = [];
-    for (const o of this.plugins) {
-      const i = o.getToolPanel?.();
-      i && e.push({ plugin: o, panel: i });
-    }
-    return e.sort((o, i) => (o.panel.order ?? 0) - (i.panel.order ?? 0));
-  }
-  /**
-   * Collect header contents from all plugins.
-   * Returns contents sorted by order (ascending).
-   */
-  getHeaderContents() {
-    const e = [];
-    for (const o of this.plugins) {
-      const i = o.getHeaderContent?.();
-      i && e.push({ plugin: o, content: i });
-    }
-    return e.sort((o, i) => (o.content.order ?? 0) - (i.content.order ?? 0));
-  }
-  // #endregion
-}
-class W extends HTMLElement {
-  // TODO: Rename to 'data-grid' when migration is complete
-  static tagName = "tbw-grid";
-  static version = "0.2.6";
-  // ---------------- Observed Attributes ----------------
-  static get observedAttributes() {
-    return ["rows", "columns", "grid-config", "fit-mode", "edit-on"];
-  }
-  #o;
-  #O = !1;
-  // ---------------- Ready Promise ----------------
-  #I;
-  #$;
-  // #region Input Properties
-  // These backing fields store raw user input. They are merged into
-  // #effectiveConfig by #mergeEffectiveConfig(). Never read directly
-  // for rendering logic - always use effectiveConfig or derived state.
-  #r = [];
-  #l;
-  #g;
-  #C;
-  #y;
-  // #endregion
-  // #region Single Source of Truth
-  // All input sources converge here. This is the canonical config
-  // that all rendering and logic should read from.
-  #t = {};
-  #p = !1;
-  #b = 0;
-  #S = null;
-  #R = !1;
-  // Cached flag for plugin scroll handlers
-  #M;
-  // Cached hook to avoid closures
-  #x = !1;
-  #A = null;
-  #T = null;
-  #L = null;
-  #P = null;
-  #m = null;
-  #v = null;
-  #_ = null;
-  #d = 0;
-  #u = 0;
-  #w = 0;
-  #a;
-  #E;
-  // ---------------- Plugin System ----------------
-  #e;
-  // ---------------- Column State ----------------
-  #z;
-  #h;
-  // ---------------- Shell State ----------------
-  #i = qe();
-  #n;
-  #H;
-  // #endregion
-  // #region Derived State
-  // _rows: result of applying plugin processRows hooks
-  _rows = [];
-  // _baseColumns: columns before plugin transformation (analogous to #rows for row processing)
-  // This is the source of truth for processColumns - plugins transform these
-  #D = [];
-  // _columns is a getter/setter that operates on effectiveConfig.columns
-  // This ensures effectiveConfig.columns is the single source of truth for columns
-  // _columns always contains ALL columns (including hidden)
-  get _columns() {
-    return this.#t.columns ?? [];
-  }
-  set _columns(e) {
-    this.#t.columns = e;
-  }
-  // visibleColumns returns only visible columns for rendering
-  // This is what header/row rendering should use
-  get _visibleColumns() {
-    return this._columns.filter((e) => !e.hidden);
-  }
-  // #endregion
-  // #region Runtime State (Plugin-accessible)
-  // DOM references
-  _headerRowEl;
-  _bodyEl;
-  _rowPool = [];
-  _resizeController;
-  // Virtualization & scroll state
-  _virtualization = {
-    enabled: !0,
-    rowHeight: 28,
-    bypassThreshold: 24,
-    start: 0,
-    end: 0,
-    container: null,
-    viewportEl: null,
-    totalHeightEl: null
-  };
-  // Focus & navigation
-  _focusRow = 0;
-  _focusCol = 0;
-  // Sort state
-  _sortState = null;
-  // Edit state
-  _activeEditRows = -1;
-  _rowEditSnapshots = /* @__PURE__ */ new Map();
-  _changedRowIndices = /* @__PURE__ */ new Set();
-  // Layout
-  _gridTemplate = "";
-  // #endregion
-  // #region Implementation Details (Internal only)
-  __rowRenderEpoch = 0;
-  __didInitialAutoSize = !1;
-  __lightDomColumnsCache;
-  __originalColumnNodes;
-  __originalOrder = [];
-  // #endregion
-  // ---------------- Public API Props (getters/setters) ----------------
-  // Getters return the EFFECTIVE value (after merging), not the raw input.
-  // This is what consumers and plugins need - the current resolved state.
-  // Setters update input properties which trigger re-merge into effectiveConfig.
-  get rows() {
-    return this._rows;
-  }
-  set rows(e) {
-    const o = this.#r;
-    this.#r = e, o !== e && this.#ee();
-  }
-  /**
-   * Get the original unfiltered/unprocessed rows.
-   * Use this when you need access to all source data regardless of active filters.
-   */
-  get sourceRows() {
-    return this.#r;
-  }
-  get columns() {
-    return [...this._columns];
-  }
-  set columns(e) {
-    const o = this.#l;
-    this.#l = e, o !== e && this.#te();
-  }
-  get gridConfig() {
-    return this.#t;
-  }
-  set gridConfig(e) {
-    const o = this.#g;
-    this.#g = e, o !== e && this.#oe();
-  }
-  get fitMode() {
-    return this.#t.fitMode ?? "stretch";
-  }
-  set fitMode(e) {
-    const o = this.#C;
-    this.#C = e, o !== e && this.#J();
-  }
-  get editOn() {
-    return this.#t.editOn;
-  }
-  set editOn(e) {
-    const o = this.#y;
-    this.#y = e, o !== e && this.#Q();
-  }
-  /**
-   * Effective config accessor for internal modules and plugins.
-   * Returns the merged config (single source of truth) before plugin processing.
-   * Use this when you need the raw merged config (e.g., for column definitions including hidden).
-   * @internal Plugin API
-   */
-  get effectiveConfig() {
-    return this.#t;
-  }
-  /**
-   * Get the disconnect signal for event listener cleanup.
-   * This signal is aborted when the grid disconnects from the DOM.
-   * Plugins and internal code can use this for automatic listener cleanup.
-   * @internal Plugin API
-   * @example
-   * element.addEventListener('click', handler, { signal: this.grid.disconnectSignal });
-   */
-  get disconnectSignal() {
-    return this.#a || (this.#a = new AbortController()), this.#a.signal;
-  }
-  constructor() {
-    super(), this.#o = this.attachShadow({ mode: "open" }), this.#K(), this.#I = new Promise((e) => this.#$ = e), this.#n = Ke(this.#i, {
-      getShadow: () => this.#o,
-      getShellConfig: () => this.#t?.shell,
-      getAccordionIcons: () => ({
-        expand: this.#t?.icons?.expand ?? H.expand,
-        collapse: this.#t?.icons?.collapse ?? H.collapse
-      }),
-      emit: (e, o) => this.#s(e, o),
-      refreshShellHeader: () => this.refreshShellHeader()
-    });
-  }
-  #K() {
-    const e = new CSSStyleSheet();
-    e.replaceSync(fe), this.#o.adoptedStyleSheets = [e];
-  }
-  // ---------------- Plugin System ----------------
-  /**
-   * Get a plugin instance by its class.
-   * Used by plugins for inter-plugin communication.
-   * @internal Plugin API
-   */
-  getPlugin(e) {
-    return this.#e?.getPlugin(e);
-  }
-  /**
-   * Get a plugin instance by its name.
-   * Used for loose coupling between plugins (avoids static imports).
-   * @internal Plugin API
-   */
-  getPluginByName(e) {
-    return this.#e?.getPluginByName(e);
-  }
-  /**
-   * Request a full re-render of the grid.
-   * Called by plugins when they need the grid to update.
-   * Note: This does NOT reset plugin state - just re-processes rows/columns and renders.
-   * @internal Plugin API
-   */
-  requestRender() {
-    this.#k(), this.#N(), q(this), z(this), this.refreshVirtualWindow(!0);
-  }
-  /**
-   * Update the grid's column template CSS.
-   * Called by resize controller during column resize operations.
-   * @internal
-   */
-  updateTemplate() {
-    z(this);
-  }
-  /**
-   * Request a lightweight style update without rebuilding DOM.
-   * Called by plugins when they only need to update CSS classes/styles.
-   * This runs all plugin afterRender hooks without rebuilding row/column DOM.
-   * @internal Plugin API
-   */
-  requestAfterRender() {
-    this.#e?.afterRender();
-  }
-  /**
-   * Initialize plugin system with instances from config.
-   * Plugins are class instances passed in gridConfig.plugins[].
-   */
-  #W() {
-    this.#e = new je(this);
-    const e = this.#t?.plugins, o = Array.isArray(e) ? e : [];
-    this.#e.attachAll(o);
-  }
-  /**
-   * Inject all plugin styles into the shadow DOM.
-   * Must be called after #render() since innerHTML wipes existing content.
-   */
-  #V() {
-    const e = this.#e?.getAllStyles() ?? "";
-    if (e) {
-      const o = document.createElement("style");
-      o.setAttribute("data-plugin", "all"), o.textContent = e, this.#o.appendChild(o);
-    }
-  }
-  /**
-   * Update plugins when grid config changes.
-   * With class-based plugins, we need to detach old and attach new.
-   */
-  #G() {
-    this.#e && this.#e.detachAll(), this.#W(), this.#V(), this.#R = this.#e?.getAll().some((e) => e.onScroll) ?? !1;
-  }
-  /**
-   * Clean up plugin states when grid disconnects.
-   */
-  #Y() {
-    this.#e?.detachAll();
-  }
-  /**
-   * Collect tool panels and header content from all plugins.
-   * Called after plugins are attached but before render.
-   */
-  #j() {
-    if (!this.#e) return;
-    const e = this.#e.getToolPanels();
-    for (const { panel: i } of e)
-      this.#i.toolPanels.has(i.id) || this.#i.toolPanels.set(i.id, i);
-    const o = this.#e.getHeaderContents();
-    for (const { content: i } of o)
-      this.#i.headerContents.has(i.id) || this.#i.headerContents.set(i.id, i);
-  }
-  // ---------------- Lifecycle ----------------
-  connectedCallback() {
-    this.hasAttribute("tabindex") || (this.tabIndex = 0), this.hasAttribute("version") || this.setAttribute("version", W.version), this._rows = Array.isArray(this.#r) ? [...this.#r] : [], this.#a?.abort(), this.#a = new AbortController(), this.#f(), this.#W(), this.#j(), this.#O || (this.#X(), this.#V(), this.#O = !0), this.#F();
-  }
-  disconnectedCallback() {
-    this.#Y(), Xe(this.#i), this.#n.setInitialized(!1), this.#H?.(), this.#H = void 0, this.#a && (this.#a.abort(), this.#a = void 0), this._resizeController && this._resizeController.dispose(), this.#E && (this.#E.disconnect(), this.#E = void 0), this.#p = !1;
-  }
-  /**
-   * Handle HTML attribute changes.
-   * Only processes attribute values when SET (non-null).
-   * Removing an attribute does NOT clear JS-set properties.
-   */
-  attributeChangedCallback(e, o, i) {
-    if (o === i || !i || i === "null" || i === "undefined") return;
-    const s = {
-      rows: "rows",
-      columns: "columns",
-      "grid-config": "gridConfig",
-      "fit-mode": "fitMode",
-      "edit-on": "editOn"
-    }[e];
-    if (s)
-      if (e === "rows" || e === "columns" || e === "grid-config")
-        try {
-          this[s] = JSON.parse(i);
-        } catch {
-          console.warn(`[tbw-grid] Invalid JSON for '${e}' attribute:`, i);
-        }
-      else
-        this[s] = i;
-  }
-  #F() {
-    const o = this.#o.querySelector(".tbw-grid-content") ?? this.#o.querySelector(".tbw-grid-root");
-    if (this._headerRowEl = o?.querySelector(".header-row"), this._virtualization.totalHeightEl = o?.querySelector(".faux-vscroll-spacer"), this._virtualization.viewportEl = o?.querySelector(".rows-viewport"), this._bodyEl = o?.querySelector(".rows"), this.#n.isInitialized) {
-      he(this.#o, this.#i), Ge(this.#o, this.#t?.shell, this.#i);
-      const l = this.#t?.shell?.toolPanel?.defaultOpen;
-      l && this.#i.toolPanels.has(l) && (this.openToolPanel(), this.#i.expandedSections.add(l));
-    }
-    this.setAttribute("data-upgraded", ""), this.#p = !0;
-    const i = this.disconnectSignal;
-    this._resizeController = Ne(this), this.#c(), this.addEventListener("keydown", (l) => ke(this, l), { signal: i }), document.addEventListener(
-      "keydown",
-      (l) => {
-        l.key === "Escape" && this._activeEditRows !== -1 && D(this, this._activeEditRows, !0);
-      },
-      { capture: !0, signal: i }
-    ), document.addEventListener(
-      "mousedown",
-      (l) => {
-        if (this._activeEditRows === -1) return;
-        const a = this.findRenderedRowElement(this._activeEditRows);
-        !a || (l.composedPath && l.composedPath() || []).includes(a) || D(this, this._activeEditRows, !1);
-      },
-      { signal: i }
-    );
-    const n = o?.querySelector(".faux-vscroll"), s = o?.querySelector(".rows");
-    if (this._virtualization.container = n ?? this, this.#R = this.#e?.getAll().some((l) => l.onScroll) ?? !1, n && s) {
-      n.addEventListener(
-        "scroll",
-        () => {
-          if (!this._virtualization.enabled && !this.#R) return;
-          const d = n.scrollTop, f = this._virtualization.rowHeight, h = Math.floor(d / f), p = h - h % 2, c = -(d - p * f);
-          s.style.transform = `translateY(${c}px)`, this.#S = d, this.#b || (this.#b = requestAnimationFrame(() => {
-            this.#b = 0, this.#S !== null && (this.#ne(this.#S), this.#S = null);
-          }));
-        },
-        { passive: !0, signal: i }
-      );
-      const l = this.#o.querySelector(".tbw-grid-content"), a = this.#o.querySelector(".tbw-scroll-area");
-      l && (l.addEventListener(
-        "wheel",
-        (d) => {
-          const f = d.shiftKey || Math.abs(d.deltaX) > Math.abs(d.deltaY);
-          if (f && a) {
-            const h = d.shiftKey ? d.deltaY : d.deltaX, { scrollLeft: p, scrollWidth: c, clientWidth: u } = a;
-            (h > 0 && p < c - u || h < 0 && p > 0) && (d.preventDefault(), a.scrollLeft += h);
-          } else if (!f) {
-            const { scrollTop: h, scrollHeight: p, clientHeight: c } = n;
-            (d.deltaY > 0 && h < p - c || d.deltaY < 0 && h > 0) && (d.preventDefault(), n.scrollTop += d.deltaY);
-          }
-        },
-        { passive: !1, signal: i }
-      ), l.addEventListener(
-        "touchstart",
-        (d) => {
-          d.touches.length === 1 && (this.#w && (cancelAnimationFrame(this.#w), this.#w = 0), this.#A = d.touches[0].clientY, this.#T = d.touches[0].clientX, this.#m = d.touches[0].clientY, this.#v = d.touches[0].clientX, this.#_ = performance.now(), this.#L = n.scrollTop, this.#P = a?.scrollLeft ?? 0, this.#d = 0, this.#u = 0);
-        },
-        { passive: !0, signal: i }
-      ), l.addEventListener(
-        "touchmove",
-        (d) => {
-          if (d.touches.length === 1 && this.#A !== null && this.#T !== null && this.#L !== null && this.#P !== null) {
-            const f = d.touches[0].clientY, h = d.touches[0].clientX, p = performance.now(), c = this.#A - f, u = this.#T - h;
-            if (this.#_ !== null && this.#m !== null && this.#v !== null) {
-              const g = p - this.#_;
-              g > 0 && (this.#d = (this.#m - f) / g, this.#u = (this.#v - h) / g);
-            }
-            this.#m = f, this.#v = h, this.#_ = p;
-            const { scrollTop: b, scrollHeight: w, clientHeight: v } = n, S = w - v, R = c > 0 && b < S || c < 0 && b > 0;
-            let E = !1;
-            if (a) {
-              const { scrollLeft: g, scrollWidth: m, clientWidth: C } = a, _ = m - C;
-              E = u > 0 && g < _ || u < 0 && g > 0;
-            }
-            R && (n.scrollTop = this.#L + c), E && a && (a.scrollLeft = this.#P + u), (R || E) && d.preventDefault();
-          }
-        },
-        { passive: !1, signal: i }
-      ), l.addEventListener(
-        "touchend",
-        () => {
-          (Math.abs(this.#d) > 0.1 || Math.abs(this.#u) > 0.1) && this.#ie(n, a), this.#A = null, this.#T = null, this.#L = null, this.#P = null, this.#m = null, this.#v = null, this.#_ = null;
-        },
-        { passive: !0, signal: i }
-      ));
-    }
-    this.#o.addEventListener("mousedown", (l) => this.#se(l), { signal: i }), document.addEventListener("mousemove", (l) => this.#re(l), { signal: i }), document.addEventListener("mouseup", (l) => this.#le(l), { signal: i }), this._virtualization.enabled && requestAnimationFrame(() => this.refreshVirtualWindow(!0));
-    const r = this.#t.rowHeight;
-    r && r > 0 ? this._virtualization.rowHeight = r : requestAnimationFrame(() => {
-      const l = this._bodyEl?.querySelector(".data-grid-row");
-      if (l) {
-        const a = l.getBoundingClientRect().height;
-        a > 0 && (this._virtualization.rowHeight = a, this.refreshVirtualWindow(!0));
-      }
-    }), this._virtualization.viewportEl && (this.#E = new ResizeObserver(() => {
-      this.#b || (this.#b = requestAnimationFrame(() => {
-        this.#b = 0, this.refreshVirtualWindow(!0), M(this);
-      }));
-    }), this.#E.observe(this._virtualization.viewportEl)), queueMicrotask(() => this.#Z()), requestAnimationFrame(() => requestAnimationFrame(() => this.#$?.()));
-  }
-  // ---------------- Event Emitters ----------------
-  #s(e, o) {
-    this.dispatchEvent(new CustomEvent(e, { detail: o, bubbles: !0, composed: !0 }));
-  }
-  _emitCellCommit(e) {
-    this.#s("cell-commit", e);
-  }
-  _emitRowCommit(e) {
-    this.#s("row-commit", e);
-  }
-  _emitSortChange(e) {
-    this.#s("sort-change", e);
-  }
-  _emitColumnResize(e) {
-    this.#s("column-resize", e);
-  }
-  _emitActivateCell(e) {
-    this.#s("activate-cell", e);
-  }
-  /** Update ARIA selection attributes on rendered rows/cells */
-  #Z() {
-    this._bodyEl?.querySelectorAll(".data-grid-row")?.forEach((o, i) => {
-      const n = i === this._focusRow;
-      o.setAttribute("aria-selected", String(n)), o.querySelectorAll(".cell").forEach((s, r) => {
-        s.setAttribute("aria-selected", String(n && r === this._focusCol));
-      });
-    });
-  }
-  // ---------------- Watch Handlers ----------------
-  #J() {
-    if (!this.#p) return;
-    this.#f(), this.#t.fitMode === "fixed" ? (this.__didInitialAutoSize = !1, te(this)) : (this._columns.forEach((o) => {
-      !o.__userResized && o.__autoSized && delete o.width;
-    }), z(this));
-  }
-  #Q() {
-    this.#p && (this.#f(), this._rowPool.length = 0, this._bodyEl && (this._bodyEl.innerHTML = ""), this.__rowRenderEpoch++, this.refreshVirtualWindow(!0));
-  }
-  #ee() {
-    this._rows = Array.isArray(this.#r) ? [...this.#r] : [], this.#k(), !this.#l || Array.isArray(this.#l) && this.#l.length === 0 ? this.#c() : this.refreshVirtualWindow(!0);
-  }
-  #te() {
-    j(this), this.#p && (this.#f(), this.#c());
-  }
-  #oe() {
-    this.#p && (this.#f(), this.#G(), this.#k(), this.#N(), q(this), z(this), this.refreshVirtualWindow(!0));
-  }
-  #N() {
-    if (this.#e) {
-      const e = this.#D.length > 0 ? this.#D : this._columns, o = e.filter((s) => !s.hidden), i = e.filter((s) => s.hidden), n = this.#e.processColumns([...o]);
-      if (n !== o) {
-        const s = new Map(n.map((l, a) => [l.field, { col: l, order: a }]));
-        if (!o.some((l) => s.has(l.field)) && n.length > 0)
-          this._columns = [...n, ...i];
-        else {
-          const l = e.map((a) => {
-            if (a.hidden) return a;
-            const d = s.get(a.field);
-            return d ? d.col : a;
-          });
-          this._columns = l;
-        }
-      } else
-        this._columns = [...e];
-    }
-  }
-  /** Recompute row model via plugin hooks (grouping, tree, filtering, etc.). */
-  #k() {
-    j(this);
-    const e = Array.isArray(this.#r) ? [...this.#r] : [], o = this.#e?.processRows(e) ?? e;
-    this._rows = o;
-  }
-  /**
-   * Build the canonical effective configuration by merging all input sources.
-   *
-   * This is the **single source of truth** for the grid's configuration.
-   * All inputs (gridConfig, light DOM, individual props) converge here.
-   *
-   * **Precedence (lowest → highest):**
-   * 1. `gridConfig` property - base config object
-   * 2. Light DOM `<tbw-grid-column>` elements - declarative columns
-   * 3. `columns` property - programmatic columns override
-   * 4. Inferred columns - auto-detected from row data
-   * 5. Individual props (`fitMode`, `editOn`) - convenience overrides
-   *
-   * After this method runs:
-   * - `#effectiveConfig` contains the merged result
-   * - `_columns` is NOT set here (done by #getColumnConfiguration + #processColumns)
-   * - Plugins receive config via their attach() method
-   */
-  #f() {
-    const e = this.#g ? { ...this.#g } : {};
-    let o = Array.isArray(e.columns) ? [...e.columns] : [];
-    const i = (this.__lightDomColumnsCache || []).map((n) => ({
-      ...n
-    }));
-    if (i.length) {
-      const n = {};
-      o.forEach((s) => n[s.field] = s), i.forEach((s) => {
-        const r = n[s.field];
-        r ? (s.header && !r.header && (r.header = s.header), s.type && !r.type && (r.type = s.type), r.sortable = r.sortable || s.sortable, s.resizable && (r.resizable = !0), s.editable && (r.editable = !0)) : (o.push(s), n[s.field] = s);
-      });
-    }
-    if (this.#l && this.#l.length && (o = [...this.#l]), (!o || o.length === 0) && this._rows.length && (o = de(this._rows).columns), o.length) {
-      o.forEach((r) => {
-        r.sortable === void 0 && (r.sortable = !0), r.resizable === void 0 && (r.resizable = !0);
-        const l = r;
-        l.__originalWidth === void 0 && typeof r.width == "number" && (l.__originalWidth = r.width);
-      });
-      const n = this.#t.columns;
-      n?.some((r) => r.__compiledView || r.__compiledEditor) ? e.columns = n : e.columns = o;
-    } else {
-      const n = this.#t.columns;
-      n?.some((s) => s.__compiledView || s.__compiledEditor) && (e.columns = n);
-    }
-    this.#C && (e.fitMode = this.#C), e.fitMode || (e.fitMode = "stretch"), this.#y && (e.editOn = this.#y), e.rowHeight && e.rowHeight > 0 && (this._virtualization.rowHeight = e.rowHeight), e.columnState && !this.#h && (this.#h = e.columnState), this.#t = e, e.fitMode === "fixed" && this._columns.forEach((n) => {
-      n.width == null && (n.width = 80);
-    });
-  }
-  // ---------------- Delegate Wrappers ----------------
-  #q(e, o, i = this.__rowRenderEpoch) {
-    this.#M || (this.#M = (n, s, r) => this.#e?.renderRow(n, s, r) ?? !1), ze(this, e, o, i, this.#M);
-  }
-  // ---------------- Core Helpers ----------------
-  #c() {
-    if (!this.isConnected || !this._headerRowEl || !this._bodyEl)
-      return;
-    const e = this.#g?.columns || this.#l || [];
-    if (e.length) {
-      const i = new Map(this._columns.filter((s) => s.hidden).map((s) => [s.field, !0])), n = e.map((s) => ({
-        ...s,
-        hidden: i.get(s.field) ?? s.hidden
-      }));
-      this._columns = n;
-    }
-    if (Pe(this), this.#f(), this.#G(), this.#D = [...this._columns], this.#k(), this.#N(), this.#h) {
-      const i = this.#h;
-      this.#h = void 0, this.#U(i);
-    }
-    q(this), z(this), this.refreshVirtualWindow(!0), this.#t.fitMode === "fixed" && !this.__didInitialAutoSize && requestAnimationFrame(() => te(this)), this._bodyEl && (this._bodyEl.style.display = "", this._bodyEl.style.gridTemplateColumns = ""), queueMicrotask(() => this.#e?.afterRender());
-  }
-  /** Internal method to apply column state without triggering setup loop */
-  #U(e) {
-    const o = this.#t.columns ?? [], i = this.#e?.getAll() ?? [];
-    be(this, e, o, i);
-    for (const n of e.columns) {
-      const s = o.find((r) => r.field === n.field);
-      s && (s.hidden = !n.visible);
-    }
-  }
-  #ne(e) {
-    if (this.refreshVirtualWindow(!1), this.#e?.onScrollRender(), this.#R) {
-      const o = this._virtualization.container, i = {
-        scrollTop: e,
-        scrollLeft: o?.scrollLeft ?? 0,
-        scrollHeight: o?.scrollHeight ?? 0,
-        scrollWidth: o?.scrollWidth ?? 0,
-        clientHeight: o?.clientHeight ?? 0,
-        clientWidth: o?.clientWidth ?? 0,
-        originalEvent: new Event("scroll")
-      };
-      this.#e?.onScroll(i);
-    }
-  }
-  /**
-   * Find the header row element in the shadow DOM.
-   * Used by plugins that need to access header cells for styling or measurement.
-   * @internal Plugin API
-   */
-  findHeaderRow() {
-    return this.#o.querySelector(".header-row");
-  }
-  /**
-   * Find a rendered row element by its data row index.
-   * Returns null if the row is not currently rendered (virtualized out of view).
-   * Used by plugins that need to access specific row elements for styling or measurement.
-   * @internal Plugin API
-   * @param rowIndex - The data row index (not the DOM position)
-   */
-  findRenderedRowElement(e) {
-    return Array.from(this._bodyEl.querySelectorAll(".data-grid-row")).find((o) => {
-      const i = o.querySelector(".cell[data-row]");
-      return i && Number(i.getAttribute("data-row")) === e;
-    }) || null;
-  }
-  /**
-   * Dispatch a cell click event to the plugin system.
-   * Returns true if any plugin handled the event.
-   */
-  _dispatchCellClick(e, o, i, n) {
-    const s = this._rows[o], r = this._columns[i];
-    if (!s || !r) return !1;
-    const l = {
-      row: s,
-      rowIndex: o,
-      colIndex: i,
-      field: r.field,
-      value: s[r.field],
-      cellEl: n,
-      originalEvent: e
-    };
-    return this.#e?.onCellClick(l) ?? !1;
-  }
-  /**
-   * Dispatch a row click event to the plugin system.
-   * Returns true if any plugin handled the event.
-   */
-  _dispatchRowClick(e, o, i, n) {
-    if (!i) return !1;
-    const s = {
-      rowIndex: o,
-      row: i,
-      rowEl: n,
-      originalEvent: e
-    };
-    return this.#e?.onRowClick(s) ?? !1;
-  }
-  /**
-   * Dispatch a header click event to the plugin system.
-   * Returns true if any plugin handled the event.
-   */
-  _dispatchHeaderClick(e, o, i) {
-    const n = this._columns[o];
-    if (!n) return !1;
-    const s = {
-      colIndex: o,
-      field: n.field,
-      column: n,
-      headerEl: i,
-      originalEvent: e
-    };
-    return this.#e?.onHeaderClick(s) ?? !1;
-  }
-  /**
-   * Dispatch a keyboard event to the plugin system.
-   * Returns true if any plugin handled the event.
-   */
-  _dispatchKeyDown(e) {
-    return this.#e?.onKeyDown(e) ?? !1;
-  }
-  /**
-   * Get horizontal scroll boundary offsets from plugins.
-   * Used by keyboard navigation to ensure focused cells are fully visible
-   * when plugins like pinned columns obscure part of the scroll area.
-   */
-  _getHorizontalScrollOffsets(e, o) {
-    return this.#e?.getHorizontalScrollOffsets(e, o) ?? { left: 0, right: 0 };
-  }
-  /**
-   * Query all plugins with a generic query and collect responses.
-   * This enables inter-plugin communication without the core knowing plugin-specific concepts.
-   * @internal Plugin API
-   *
-   * @example
-   * // Check if any plugin vetoes moving a column
-   * const responses = grid.queryPlugins<boolean>({ type: PLUGIN_QUERIES.CAN_MOVE_COLUMN, context: column });
-   * const canMove = !responses.includes(false);
-   */
-  queryPlugins(e) {
-    return this.#e?.queryPlugins(e) ?? [];
-  }
-  /**
-   * Build a CellMouseEvent from a native MouseEvent.
-   * Extracts cell/row information from the event target.
-   */
-  #B(e, o) {
-    let i = null;
-    const n = e.composedPath?.();
-    if (n && n.length > 0 ? i = n[0] : i = e.target, i && !this.#o.contains(i)) {
-      const u = this.#o.elementFromPoint(e.clientX, e.clientY);
-      u && (i = u);
-    }
-    const s = i?.closest?.("[data-col]"), r = i?.closest?.(".data-grid-row"), l = i?.closest?.(".header-row");
-    let a, d, f, h, p, c;
-    return s && (a = parseInt(s.getAttribute("data-row") ?? "-1", 10), d = parseInt(s.getAttribute("data-col") ?? "-1", 10), a >= 0 && d >= 0 && (f = this._rows[a], c = this._columns[d], h = c?.field, p = f && h ? f[h] : void 0)), {
-      type: o,
-      row: f,
-      rowIndex: a !== void 0 && a >= 0 ? a : void 0,
-      colIndex: d !== void 0 && d >= 0 ? d : void 0,
-      field: h,
-      value: p,
-      column: c,
-      originalEvent: e,
-      cellElement: s ?? void 0,
-      rowElement: r ?? void 0,
-      isHeader: !!l,
-      cell: a !== void 0 && d !== void 0 && a >= 0 && d >= 0 ? { row: a, col: d } : void 0
-    };
-  }
-  /**
-   * Apply momentum scrolling animation after touch release.
-   * Decelerates smoothly until velocity drops below threshold.
-   */
-  #ie(e, o) {
-    const s = () => {
-      this.#d *= 0.95, this.#u *= 0.95;
-      const r = this.#d * 16, l = this.#u * 16;
-      Math.abs(this.#d) > 0.01 && (e.scrollTop += r), Math.abs(this.#u) > 0.01 && o && (o.scrollLeft += l), Math.abs(this.#d) > 0.01 || Math.abs(this.#u) > 0.01 ? this.#w = requestAnimationFrame(s) : this.#w = 0;
-    };
-    this.#w = requestAnimationFrame(s);
-  }
-  /**
-   * Handle mousedown events and dispatch to plugin system.
-   */
-  #se(e) {
-    const o = this.#B(e, "mousedown");
-    (this.#e?.onCellMouseDown(o) ?? !1) && (this.#x = !0);
-  }
-  /**
-   * Handle mousemove events (only when dragging).
-   */
-  #re(e) {
-    if (!this.#x) return;
-    const o = this.#B(e, "mousemove");
-    this.#e?.onCellMouseMove(o);
-  }
-  /**
-   * Handle mouseup events.
-   */
-  #le(e) {
-    if (!this.#x) return;
-    const o = this.#B(e, "mouseup");
-    this.#e?.onCellMouseUp(o), this.#x = !1;
-  }
-  // API consumed by internal utils (rows.ts)
-  get changedRows() {
-    return Array.from(this._changedRowIndices).map((e) => this._rows[e]);
-  }
-  get changedRowIndices() {
-    return Array.from(this._changedRowIndices);
-  }
-  async resetChangedRows(e) {
-    this._changedRowIndices.clear(), e || this.#s("changed-rows-reset", { rows: this.changedRows, indices: this.changedRowIndices }), this._rowPool.forEach((o) => o.classList.remove("changed"));
-  }
-  async beginBulkEdit(e) {
-    if (!this._columns.some((s) => s.editable)) return;
-    const i = this._rows[e];
-    B(this, e, i);
-    const n = this.findRenderedRowElement?.(e);
-    n && (Array.from(n.children).forEach((s, r) => {
-      const l = this._visibleColumns[r];
-      if (l?.editable) {
-        const a = s;
-        a.classList.contains("editing") || k(this, i, e, l, a);
-      }
-    }), queueMicrotask(() => {
-      const s = n.querySelector(`.cell[data-col="${this._focusCol}"]`);
-      if (s?.classList.contains("editing")) {
-        const r = s.querySelector(
-          'input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])'
-        );
-        try {
-          r?.focus();
-        } catch {
-        }
-      }
-    }));
-  }
-  async commitActiveRowEdit() {
-    this._activeEditRows !== -1 && D(this, this._activeEditRows, !1);
-  }
-  async ready() {
-    return this.#I;
-  }
-  async forceLayout() {
-    this.#c(), await new Promise((e) => requestAnimationFrame(() => requestAnimationFrame(e)));
-  }
-  /** Public method: returns a frozen snapshot of the merged effective configuration */
-  async getConfig() {
-    return Object.freeze({ ...this.#t || {} });
-  }
-  // ---------------- Column Visibility API ----------------
-  /**
-   * Set the visibility of a column.
-   * @param field - The field name of the column
-   * @param visible - Whether the column should be visible
-   * @returns True if visibility was changed, false if column not found or locked
-   */
-  setColumnVisible(e, o) {
-    const i = this.#t.columns, n = i?.find((l) => l.field === e);
-    if (!n || !o && n.lockVisible || !o && (i ?? []).filter((a) => !a.hidden && a.field !== e).length === 0)
-      return !1;
-    const s = !!n.hidden, r = !o;
-    return s !== r ? (n.hidden = r, this.#s("column-visibility", {
-      field: e,
-      visible: o,
-      visibleColumns: (i ?? []).filter((l) => !l.hidden).map((l) => l.field)
-    }), this._rowPool.length = 0, this._bodyEl && (this._bodyEl.innerHTML = ""), this.__rowRenderEpoch++, this.#c(), this.requestStateChange(), !0) : !1;
-  }
-  /**
-   * Toggle the visibility of a column.
-   * @param field - The field name of the column
-   * @returns True if visibility was toggled, false if column not found or locked
-   */
-  toggleColumnVisibility(e) {
-    const n = !!this.#t.columns?.find((s) => s.field === e)?.hidden;
-    return this.setColumnVisible(e, n);
-  }
-  /**
-   * Check if a column is currently visible.
-   * @param field - The field name of the column
-   * @returns True if visible, false if hidden or not found
-   */
-  isColumnVisible(e) {
-    const i = this.#t.columns?.find((n) => n.field === e);
-    return i ? !i.hidden : !1;
-  }
-  /**
-   * Show all columns.
-   */
-  showAllColumns() {
-    const e = this.#t.columns;
-    e?.some((i) => i.hidden) && (e?.forEach((i) => {
-      i.hidden = !1;
-    }), this.#s("column-visibility", {
-      visibleColumns: (e ?? []).map((i) => i.field)
-    }), this._rowPool.length = 0, this._bodyEl && (this._bodyEl.innerHTML = ""), this.__rowRenderEpoch++, this.#c(), this.requestStateChange());
-  }
-  /**
-   * Get list of all column fields (including hidden).
-   * Returns columns reflecting current display order (after reordering).
-   * Hidden columns are interleaved at their original relative positions.
-   * @returns Array of all field names with their visibility status
-   */
-  getAllColumns() {
-    return (this.#t.columns ?? []).map((o) => ({
-      field: o.field,
-      header: o.header || o.field,
-      visible: !o.hidden,
-      lockVisible: o.lockVisible
-    }));
-  }
-  /**
-   * Reorder columns according to the specified field order.
-   * This directly updates _columns in place without going through processColumns.
-   * @param order - Array of field names in the desired order
-   */
-  setColumnOrder(e) {
-    if (!e.length) return;
-    const o = new Map(this._columns.map((n) => [n.field, n])), i = [];
-    for (const n of e) {
-      const s = o.get(n);
-      s && (i.push(s), o.delete(n));
-    }
-    for (const n of o.values())
-      i.push(n);
-    this._columns = i, q(this), z(this), this.refreshVirtualWindow(!0);
-  }
-  /**
-   * Get the current column order as an array of field names.
-   * @returns Array of field names in display order
-   */
-  getColumnOrder() {
-    return this._columns.map((e) => e.field);
-  }
-  // ---------------- Column State API ----------------
-  /**
-   * Get the current column state, including order, width, visibility, sort, and plugin state.
-   * Returns a serializable object suitable for localStorage or database storage.
-   */
-  getColumnState() {
-    const e = this.#e?.getAll() ?? [];
-    return ce(this, e);
-  }
-  /**
-   * Set the column state, restoring order, width, visibility, sort, and plugin state.
-   * Use this to restore previously saved column state.
-   */
-  set columnState(e) {
-    e && (this.#h = e, this.#O && this.#ae(e));
-  }
-  /**
-   * Get the current column state.
-   */
-  get columnState() {
-    return this.getColumnState();
-  }
-  /**
-   * Apply column state internally.
-   */
-  #ae(e) {
-    (this.#t.columns ?? []).forEach((i) => {
-      i.hidden = !1;
-    }), this.#U(e), this.#c();
-  }
-  /**
-   * Request a state change event to be emitted.
-   * Called internally after resize, reorder, visibility, or sort changes.
-   * Plugins should call this after changing their state.
-   * The event is debounced to avoid excessive events during drag operations.
-   * @internal Plugin API
-   */
-  requestStateChange() {
-    this.#z || (this.#z = we(
-      this,
-      () => this.#e?.getAll() ?? [],
-      (e) => this.#s("column-state-change", e)
-    )), this.#z();
-  }
-  /**
-   * Reset column state to initial configuration.
-   * Clears all user modifications (order, width, visibility, sort).
-   */
-  resetColumnState() {
-    this.#h = void 0, (this.#t.columns ?? []).forEach((i) => {
-      i.hidden = !1;
-    }), this._sortState = null, this.__originalOrder = [], this.#f(), this.#c();
-    const o = this.#e?.getAll() ?? [];
-    for (const i of o)
-      if (i.applyColumnState)
-        for (const n of this._columns)
-          i.applyColumnState(n.field, {
-            field: n.field,
-            order: 0,
-            visible: !0
-          });
-    this.requestStateChange();
-  }
-  // ---------------- Shell / Tool Panel API ----------------
-  // These methods delegate to ShellController for implementation.
-  // The controller encapsulates all tool panel logic while grid.ts
-  // exposes the public API surface.
-  /** Check if the tool panel is currently open. */
-  get isToolPanelOpen() {
-    return this.#n.isPanelOpen;
-  }
-  /**
-   * Get the currently active tool panel ID, or null if none is open.
-   * @deprecated Use isToolPanelOpen and expandedToolPanelSections instead.
-   */
-  get activeToolPanel() {
-    return this.#n.activePanel;
-  }
-  /** Get the IDs of expanded accordion sections. */
-  get expandedToolPanelSections() {
-    return this.#n.expandedSections;
-  }
-  /** Open the tool panel (accordion view with all registered panels). */
-  openToolPanel() {
-    this.#n.openToolPanel();
-  }
-  /** Close the tool panel. */
-  closeToolPanel() {
-    this.#n.closeToolPanel();
-  }
-  /** Toggle the tool panel open/closed. */
-  toggleToolPanel() {
-    this.#n.toggleToolPanel();
-  }
-  /** Toggle an accordion section expanded/collapsed. */
-  toggleToolPanelSection(e) {
-    this.#n.toggleToolPanelSection(e);
-  }
-  /** Get registered tool panel definitions. */
-  getToolPanels() {
-    return this.#n.getToolPanels();
-  }
-  /** Register a custom tool panel (without creating a plugin). */
-  registerToolPanel(e) {
-    this.#n.registerToolPanel(e);
-  }
-  /** Unregister a custom tool panel. */
-  unregisterToolPanel(e) {
-    this.#n.unregisterToolPanel(e);
-  }
-  /** Get registered header content definitions. */
-  getHeaderContents() {
-    return this.#n.getHeaderContents();
-  }
-  /** Register custom header content (without creating a plugin). */
-  registerHeaderContent(e) {
-    this.#n.registerHeaderContent(e);
-  }
-  /** Unregister custom header content. */
-  unregisterHeaderContent(e) {
-    this.#n.unregisterHeaderContent(e);
-  }
-  /** Get all registered toolbar buttons. */
-  getToolbarButtons() {
-    return this.#n.getToolbarButtons();
-  }
-  /** Register a custom toolbar button programmatically. */
-  registerToolbarButton(e) {
-    this.#n.registerToolbarButton(e);
-  }
-  /** Unregister a custom toolbar button. */
-  unregisterToolbarButton(e) {
-    this.#n.unregisterToolbarButton(e);
-  }
-  /** Enable/disable a toolbar button by ID. */
-  setToolbarButtonDisabled(e, o) {
-    this.#n.setToolbarButtonDisabled(e, o);
-  }
-  /**
-   * Re-parse light DOM shell elements and refresh shell header.
-   * Call this after dynamically modifying <tbw-grid-header> children.
-   */
-  refreshShellHeader() {
-    se(this, this.#i), this.#X(), this.#F();
-  }
-  // ---------------- Virtual Window ----------------
-  /**
-   * Core virtualization routine. Chooses between bypass (small datasets), grouped window rendering,
-   * or standard row window rendering.
-   * @internal Plugin API
-   */
-  refreshVirtualWindow(e = !1) {
-    if (!this._bodyEl) return;
-    const o = this._rows.length;
-    if (!this._virtualization.enabled) {
-      this.#q(0, o), this.#e?.afterRender();
-      return;
-    }
-    if (this._rows.length <= this._virtualization.bypassThreshold) {
-      if (this._virtualization.start = 0, this._virtualization.end = o, this._bodyEl.style.transform = "translateY(0px)", this.#q(0, o, this.__rowRenderEpoch), this._virtualization.totalHeightEl) {
-        const C = this.#o.querySelector(".tbw-scroll-area"), _ = C ? C.offsetHeight - C.clientHeight : 0;
-        this._virtualization.totalHeightEl.style.height = `${o * this._virtualization.rowHeight + _}px`;
-      }
-      const m = this.#o.querySelector(".rows-body");
-      m?.setAttribute("aria-rowcount", String(o)), m?.setAttribute("aria-colcount", String(this._visibleColumns.length)), this.#e?.afterRender();
-      return;
-    }
-    const i = this._virtualization.container ?? this, s = (this._virtualization.viewportEl ?? i).clientHeight, r = this._virtualization.rowHeight, l = i.scrollTop;
-    let a = Math.floor(l / r), d = 0;
-    const f = 10;
-    for (; d < f; ) {
-      const m = this.#e?.getExtraHeightBefore?.(a) ?? 0, C = Math.floor((l - m) / r);
-      if (C >= a || C < 0) break;
-      a = C, d++;
-    }
-    a = a - a % 2, a < 0 && (a = 0);
-    const h = this.#e?.adjustVirtualStart(a, l, r);
-    h !== void 0 && h < a && (a = h, a = a - a % 2, a < 0 && (a = 0));
-    const p = Math.ceil(s / r) + 3;
-    let c = a + p;
-    c > o && (c = o), this._virtualization.start = a, this._virtualization.end = c;
-    const b = this.#o.querySelector(".tbw-footer")?.offsetHeight ?? 0, w = this.#e?.getExtraHeight() ?? 0, v = this.#o.querySelector(".tbw-scroll-area"), S = v ? v.offsetHeight - v.clientHeight : 0;
-    this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${o * r + r + b + w + S}px`);
-    const R = this.#e?.getExtraHeightBefore?.(a) ?? 0, E = -(l - a * r - R);
-    this._bodyEl.style.transform = `translateY(${E}px)`, this.#q(a, c, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch);
-    const g = this.#o.querySelector(".rows-body");
-    g?.setAttribute("aria-rowcount", String(o)), g?.setAttribute("aria-colcount", String(this._visibleColumns.length)), e && this.#e?.afterRender();
-  }
-  // ---------------- Render ----------------
-  #X() {
-    se(this, this.#i);
-    const e = this.#t?.shell, o = Be(e, this.#i), i = `
-      <div class="tbw-scroll-area">
-        <div class="rows-body-wrapper">
-          <div class="rows-body" role="grid">
-            <div class="header">
-              <div class="header-row" part="header-row"></div>
-            </div>
-            <div class="rows-container">
-              <div class="rows-viewport">
-                <div class="rows"></div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="faux-vscroll">
-        <div class="faux-vscroll-spacer"></div>
-      </div>
-    `;
-    if (o) {
-      const n = this.#t?.icons?.toolPanel ?? H.toolPanel, s = {
-        expand: this.#t?.icons?.expand ?? H.expand,
-        collapse: this.#t?.icons?.collapse ?? H.collapse
-      }, r = Ie(e, this.#i, n), l = $e(e, this.#i, i, s);
-      this.#o.innerHTML = `
-        <div class="tbw-grid-root has-shell">
-          ${r}
-          ${l}
-        </div>
-      `, this.#ce(), this.#n.setInitialized(!0);
-    } else
-      this.#o.innerHTML = `
-        <div class="tbw-grid-root">
-          <div class="tbw-grid-content">
-            ${i}
-          </div>
-        </div>
-      `;
-  }
-  /**
-   * Set up shell event listeners after render.
-   */
-  #ce() {
-    We(this.#o, this.#t?.shell, this.#i, {
-      onPanelToggle: () => this.toggleToolPanel(),
-      onSectionToggle: (e) => this.toggleToolPanelSection(e),
-      onToolbarButtonClick: (e) => this.#de(e)
-    }), this.#H?.(), this.#H = Ve(this.#o, this.#t?.shell, (e) => {
-      this.style.setProperty("--tbw-tool-panel-width", `${e}px`);
-    });
-  }
-  /**
-   * Handle toolbar button click (for config buttons with action).
-   */
-  #de(e) {
-    const i = (this.#t?.shell?.header?.toolbarButtons ?? []).find((s) => s.id === e);
-    if (i?.action) {
-      i.action();
-      return;
-    }
-    const n = this.#i.toolbarButtons.get(e);
-    n?.action && n.action();
-  }
-}
-customElements.get(W.tagName) || customElements.define(W.tagName, W);
-const Je = {
-  /** Ask if a column can be moved. Context: ColumnConfig. Response: boolean | undefined */
-  CAN_MOVE_COLUMN: "canMoveColumn",
-  /** Get context menu items. Context: ContextMenuParams. Response: ContextMenuItem[] */
-  GET_CONTEXT_MENU_ITEMS: "getContextMenuItems"
-};
-class Qe {
-  /** Plugin version - override in subclass if needed */
-  version = "1.0.0";
-  /** CSS styles to inject into the grid's shadow DOM */
-  styles;
-  /** Custom cell renderers keyed by type name */
-  cellRenderers;
-  /** Custom header renderers keyed by type name */
-  headerRenderers;
-  /** Custom cell editors keyed by type name */
-  cellEditors;
-  /** The grid instance this plugin is attached to */
-  grid;
-  /** Plugin configuration - merged with defaults in attach() */
-  config;
-  /** User-provided configuration from constructor */
-  userConfig;
-  /**
-   * Default configuration - subclasses should override this getter.
-   * Note: This must be a getter (not property initializer) for proper inheritance
-   * since property initializers run after parent constructor.
-   */
-  get defaultConfig() {
-    return {};
-  }
-  constructor(e = {}) {
-    this.userConfig = e;
-  }
-  /**
-   * Called when the plugin is attached to a grid.
-   * Override to set up event listeners, initialize state, etc.
-   */
-  attach(e) {
-    this.grid = e, this.config = { ...this.defaultConfig, ...this.userConfig };
-  }
-  /**
-   * Called when the plugin is detached from a grid.
-   * Override to clean up event listeners, timers, etc.
-   */
-  detach() {
-  }
-  /**
-   * Get another plugin instance from the same grid.
-   * Use for inter-plugin communication.
-   */
-  getPlugin(e) {
-    return this.grid?.getPlugin(e);
-  }
-  /**
-   * Emit a custom event from the grid.
-   */
-  emit(e, o) {
-    this.grid?.dispatchEvent?.(new CustomEvent(e, { detail: o, bubbles: !0 }));
-  }
-  /**
-   * Request a re-render of the grid.
-   */
-  requestRender() {
-    this.grid?.requestRender?.();
-  }
-  /**
-   * Request a lightweight style update without rebuilding DOM.
-   * Use this instead of requestRender() when only CSS classes need updating.
-   */
-  requestAfterRender() {
-    this.grid?.requestAfterRender?.();
-  }
-  /**
-   * Get the current rows from the grid.
-   */
-  get rows() {
-    return this.grid?.rows ?? [];
-  }
-  /**
-   * Get the original unfiltered/unprocessed rows from the grid.
-   * Use this when you need all source data regardless of active filters.
-   */
-  get sourceRows() {
-    return this.grid?.sourceRows ?? [];
-  }
-  /**
-   * Get the current columns from the grid.
-   */
-  get columns() {
-    return this.grid?.columns ?? [];
-  }
-  /**
-   * Get only visible columns from the grid (excludes hidden).
-   * Use this for rendering that needs to match the grid template.
-   */
-  get visibleColumns() {
-    return this.grid?._visibleColumns ?? [];
-  }
-  /**
-   * Get the shadow root of the grid.
-   */
-  get shadowRoot() {
-    return this.grid?.shadowRoot ?? null;
-  }
-  /**
-   * Get the disconnect signal for event listener cleanup.
-   * This signal is aborted when the grid disconnects from the DOM.
-   * Use this when adding event listeners that should be cleaned up automatically.
-   *
-   * Best for:
-   * - Document/window-level listeners added in attach()
-   * - Listeners on the grid element itself
-   * - Any listener that should persist across renders
-   *
-   * Not needed for:
-   * - Listeners on elements created in afterRender() (removed with element)
-   *
-   * @example
-   * element.addEventListener('click', handler, { signal: this.disconnectSignal });
-   * document.addEventListener('keydown', handler, { signal: this.disconnectSignal });
-   */
-  get disconnectSignal() {
-    return this.grid?.disconnectSignal;
-  }
-  /**
-   * Get the grid-level icons configuration.
-   * Returns merged icons (user config + defaults).
-   */
-  get gridIcons() {
-    const e = this.grid?.gridConfig?.icons ?? {};
-    return { ...H, ...e };
-  }
-  /**
-   * Resolve an icon value to string or HTMLElement.
-   * Checks plugin config first, then grid-level icons, then defaults.
-   *
-   * @param iconKey - The icon key in GridIcons (e.g., 'expand', 'collapse')
-   * @param pluginOverride - Optional plugin-level override
-   * @returns The resolved icon value
-   */
-  resolveIcon(e, o) {
-    return o !== void 0 ? o : this.gridIcons[e];
-  }
-  /**
-   * Set an icon value on an element.
-   * Handles both string (text/HTML) and HTMLElement values.
-   *
-   * @param element - The element to set the icon on
-   * @param icon - The icon value (string or HTMLElement)
-   */
-  setIcon(e, o) {
-    typeof o == "string" ? e.innerHTML = o : o instanceof HTMLElement && (e.innerHTML = "", e.appendChild(o.cloneNode(!0)));
-  }
-  /**
-   * Log a warning message.
-   */
-  warn(e) {
-    console.warn(`[tbw-grid:${this.name}] ${e}`);
-  }
-  // #endregion
-}
-const T = {
-  // ─── Core Structure ───────────────────────────────────────────────
-  ROOT: "tbw-grid-root",
-  HEADER: "header",
-  HEADER_ROW: "header-row",
-  HEADER_CELL: "header-cell",
-  // Body structure
-  ROWS_VIEWPORT: "rows-viewport",
-  ROWS_SPACER: "rows-spacer",
-  ROWS_CONTAINER: "rows",
-  // Row elements
-  DATA_ROW: "data-row",
-  GROUP_ROW: "group-row",
-  // Cell elements
-  DATA_CELL: "data-cell",
-  // ─── Core States ──────────────────────────────────────────────────
-  SELECTED: "selected",
-  FOCUSED: "focused",
-  EDITING: "editing",
-  EXPANDED: "expanded",
-  COLLAPSED: "collapsed",
-  DRAGGING: "dragging",
-  RESIZING: "resizing",
-  // Sorting (core feature)
-  SORTABLE: "sortable",
-  SORTED_ASC: "sorted-asc",
-  SORTED_DESC: "sorted-desc",
-  // Visibility
-  HIDDEN: "hidden",
-  // ─── Shared Classes (used by plugins, styled by core CSS) ────────
-  // These are defined here because core CSS provides the base styling.
-  // Plugins apply these classes; core CSS defines how they look.
-  // Sticky positioning (PinnedColumnsPlugin applies, core CSS styles)
-  STICKY_LEFT: "sticky-left",
-  STICKY_RIGHT: "sticky-right",
-  // Pinned rows (PinnedRowsPlugin applies, core CSS styles)
-  PINNED_TOP: "pinned-top",
-  PINNED_BOTTOM: "pinned-bottom",
-  // Tree structure (TreePlugin applies, core CSS styles)
-  TREE_TOGGLE: "tree-toggle",
-  TREE_INDENT: "tree-indent",
-  // Grouping (GroupingRowsPlugin applies, core CSS styles)
-  GROUP_TOGGLE: "group-toggle",
-  GROUP_LABEL: "group-label",
-  GROUP_COUNT: "group-count",
-  // Selection (SelectionPlugin applies, core CSS styles)
-  RANGE_SELECTION: "range-selection",
-  SELECTION_OVERLAY: "selection-overlay"
-}, G = {
-  // ─── Core Attributes ──────────────────────────────────────────────
-  ROW_INDEX: "data-row-index",
-  COL_INDEX: "data-col-index",
-  FIELD: "data-field",
-  // ─── Shared Attributes (used by plugins) ──────────────────────────
-  GROUP_KEY: "data-group-key",
-  // GroupingRowsPlugin
-  TREE_LEVEL: "data-tree-level",
-  // TreePlugin
-  STICKY: "data-sticky"
-  // PinnedColumnsPlugin
-}, et = {
-  ROOT: `.${T.ROOT}`,
-  HEADER: `.${T.HEADER}`,
-  HEADER_ROW: `.${T.HEADER_ROW}`,
-  HEADER_CELL: `.${T.HEADER_CELL}`,
-  ROWS_VIEWPORT: `.${T.ROWS_VIEWPORT}`,
-  ROWS_CONTAINER: `.${T.ROWS_CONTAINER}`,
-  DATA_ROW: `.${T.DATA_ROW}`,
-  DATA_CELL: `.${T.DATA_CELL}`,
-  GROUP_ROW: `.${T.GROUP_ROW}`,
-  // By data attribute
-  ROW_BY_INDEX: (t) => `.${T.DATA_ROW}[${G.ROW_INDEX}="${t}"]`,
-  CELL_BY_FIELD: (t) => `.${T.DATA_CELL}[${G.FIELD}="${t}"]`,
-  CELL_AT: (t, e) => `.${T.DATA_ROW}[${G.ROW_INDEX}="${t}"] .${T.DATA_CELL}[${G.COL_INDEX}="${e}"]`,
-  // State selectors
-  SELECTED_ROWS: `.${T.DATA_ROW}.${T.SELECTED}`,
-  EDITING_CELL: `.${T.DATA_CELL}.${T.EDITING}`
-}, tt = {
-  // Colors
-  COLOR_BG: "--tbw-color-bg",
-  COLOR_FG: "--tbw-color-fg",
-  COLOR_FG_MUTED: "--tbw-color-fg-muted",
-  COLOR_BORDER: "--tbw-color-border",
-  COLOR_ACCENT: "--tbw-color-accent",
-  COLOR_HEADER_BG: "--tbw-color-header-bg",
-  COLOR_HEADER_FG: "--tbw-color-header-fg",
-  COLOR_SELECTION: "--tbw-color-selection",
-  COLOR_ROW_HOVER: "--tbw-color-row-hover",
-  COLOR_ROW_ALT: "--tbw-color-row-alt",
-  // Sizing
-  ROW_HEIGHT: "--tbw-row-height",
-  HEADER_HEIGHT: "--tbw-header-height",
-  CELL_PADDING: "--tbw-cell-padding",
-  // Typography
-  FONT_FAMILY: "--tbw-font-family",
-  FONT_SIZE: "--tbw-font-size",
-  // Borders
-  BORDER_RADIUS: "--tbw-border-radius",
-  FOCUS_OUTLINE: "--tbw-focus-outline"
-}, ot = {
-  CELL_COMMIT: "cell-commit",
-  ROW_COMMIT: "row-commit",
-  CHANGED_ROWS_RESET: "changed-rows-reset",
-  MOUNT_EXTERNAL_VIEW: "mount-external-view",
-  MOUNT_EXTERNAL_EDITOR: "mount-external-editor",
-  SORT_CHANGE: "sort-change",
-  COLUMN_RESIZE: "column-resize",
-  ACTIVATE_CELL: "activate-cell",
-  GROUP_TOGGLE: "group-toggle",
-  COLUMN_STATE_CHANGE: "column-state-change"
-}, nt = {
-  // Selection plugin
-  SELECTION_CHANGE: "selection-change",
-  // Tree plugin
-  TREE_EXPAND: "tree-expand",
-  // Filtering plugin
-  FILTER_CHANGE: "filter-change",
-  // Sorting plugin
-  SORT_MODEL_CHANGE: "sort-model-change",
-  // Export plugin
-  EXPORT_START: "export-start",
-  EXPORT_COMPLETE: "export-complete",
-  // Clipboard plugin
-  CLIPBOARD_COPY: "clipboard-copy",
-  CLIPBOARD_PASTE: "clipboard-paste",
-  // Context menu plugin
-  CONTEXT_MENU_OPEN: "context-menu-open",
-  CONTEXT_MENU_CLOSE: "context-menu-close",
-  // Undo/Redo plugin
-  HISTORY_CHANGE: "history-change",
-  // Server-side plugin
-  SERVER_LOADING: "server-loading",
-  SERVER_ERROR: "server-error",
-  // Visibility plugin
-  COLUMN_VISIBILITY_CHANGE: "column-visibility-change",
-  // Reorder plugin
-  COLUMN_REORDER: "column-reorder",
-  // Master-detail plugin
-  DETAIL_EXPAND: "detail-expand",
-  // Grouping rows plugin
-  GROUP_EXPAND: "group-expand"
-}, K = {
-  sum: (t, e) => t.reduce((o, i) => o + (Number(i[e]) || 0), 0),
-  avg: (t, e) => {
-    const o = t.reduce((i, n) => i + (Number(n[e]) || 0), 0);
-    return t.length ? o / t.length : 0;
-  },
-  count: (t) => t.length,
-  min: (t, e) => Math.min(...t.map((o) => Number(o[e]) || 1 / 0)),
-  max: (t, e) => Math.max(...t.map((o) => Number(o[e]) || -1 / 0)),
-  first: (t, e) => t[0]?.[e],
-  last: (t, e) => t[t.length - 1]?.[e]
-}, I = /* @__PURE__ */ new Map(), O = {
-  /**
-   * Register a custom aggregator function.
-   */
-  register(t, e) {
-    I.set(t, e);
-  },
-  /**
-   * Unregister a custom aggregator function.
-   */
-  unregister(t) {
-    I.delete(t);
-  },
-  /**
-   * Get an aggregator function by reference.
-   */
-  get(t) {
-    if (t !== void 0)
-      return typeof t == "function" ? t : I.get(t) ?? K[t];
-  },
-  /**
-   * Run an aggregator on a set of rows.
-   */
-  run(t, e, o, i) {
-    const n = this.get(t);
-    return n ? n(e, o, i) : void 0;
-  },
-  /**
-   * Check if an aggregator exists.
-   */
-  has(t) {
-    return I.has(t) || t in K;
-  },
-  /**
-   * List all available aggregator names.
-   */
-  list() {
-    return [...Object.keys(K), ...I.keys()];
-  }
-}, ae = {
-  sum: (t) => t.reduce((e, o) => e + o, 0),
-  avg: (t) => t.length ? t.reduce((e, o) => e + o, 0) / t.length : 0,
-  count: (t) => t.length,
-  min: (t) => t.length ? Math.min(...t) : 0,
-  max: (t) => t.length ? Math.max(...t) : 0,
-  first: (t) => t[0] ?? 0,
-  last: (t) => t[t.length - 1] ?? 0
-};
-function Ze(t) {
-  return ae[t] ?? ae.sum;
-}
-function it(t, e) {
-  return Ze(t)(e);
-}
-const st = O.register.bind(O), rt = O.unregister.bind(O), lt = O.get.bind(O), at = O.run.bind(O), ct = O.list.bind(O);
+import { B as s, k as g, D as e, i as t, b as i, F as o, o as n, G as l, p as u, b as A, q as G, P as d, j as E, c as I, d as D, m, n as S, g as C, a as F, l as N, f as P, r as _, h as U, u as b } from "./index-DG2CZ_Zo.js";
 export {
-  Qe as BaseGridPlugin,
-  H as DEFAULT_GRID_ICONS,
-  ot as DGEvents,
-  W as DataGridElement,
-  $ as FitModeEnum,
-  tt as GridCSSVars,
-  T as GridClasses,
-  G as GridDataAttrs,
-  W as GridElement,
-  et as GridSelectors,
-  Je as PLUGIN_QUERIES,
-  nt as PluginEvents,
-  je as PluginManager,
-  O as aggregatorRegistry,
-  lt as getAggregator,
-  Ze as getValueAggregator,
-  ct as listAggregators,
-  st as registerAggregator,
-  at as runAggregator,
-  it as runValueAggregator,
-  rt as unregisterAggregator
+  s as BaseGridPlugin,
+  g as DEFAULT_ANIMATION_CONFIG,
+  e as DEFAULT_GRID_ICONS,
+  t as DGEvents,
+  i as DataGridElement,
+  o as FitModeEnum,
+  n as GridCSSVars,
+  l as GridClasses,
+  u as GridDataAttrs,
+  A as GridElement,
+  G as GridSelectors,
+  d as PLUGIN_QUERIES,
+  E as PluginEvents,
+  I as PluginManager,
+  D as aggregatorRegistry,
+  m as builtInSort,
+  S as defaultComparator,
+  C as getAggregator,
+  F as getValueAggregator,
+  N as listAggregators,
+  P as registerAggregator,
+  _ as runAggregator,
+  U as runValueAggregator,
+  b as unregisterAggregator
 };
 //# sourceMappingURL=index.js.map