@toolbox-web/grid 1.21.1 → 1.22.0

package/index.js

@@ -1,4352 +1 @@
-function ht() {
-  return {
-    rowCount: -1,
-    colCount: -1,
-    ariaLabel: void 0,
-    ariaDescribedBy: void 0
-  };
-}
-function ut(t, e, i, o, n) {
-  if (o === t.rowCount && n === t.colCount)
-    return !1;
-  const r = t.rowCount;
-  return t.rowCount = o, t.colCount = n, e && (e.setAttribute("aria-rowcount", String(o)), e.setAttribute("aria-colcount", String(n))), o !== r && i && (o > 0 ? i.setAttribute("role", "rowgroup") : i.removeAttribute("role")), !0;
-}
-function ft(t, e) {
-  const i = t?.gridAriaLabel;
-  return i || (t?.shell?.header?.title ?? e?.lightDomTitle ?? void 0);
-}
-function gt(t, e, i, o) {
-  if (!e) return !1;
-  let n = !1;
-  const r = ft(i, o);
-  r !== t.ariaLabel && (t.ariaLabel = r, r ? e.setAttribute("aria-label", r) : e.removeAttribute("aria-label"), n = !0);
-  const s = i?.gridAriaDescribedBy;
-  return s !== t.ariaDescribedBy && (t.ariaDescribedBy = s, s ? e.setAttribute("aria-describedby", s) : e.removeAttribute("aria-describedby"), n = !0), n;
-}
-const X = {
-  STRETCH: "stretch",
-  FIXED: "fixed"
-}, pt = {
-  mode: "reduced-motion",
-  duration: 200,
-  easing: "ease-out"
-}, Re = '<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentColor" d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>', M = {
-  expand: "▶",
-  collapse: "▼",
-  sortAsc: "▲",
-  sortDesc: "▼",
-  sortNone: "⇅",
-  submenuArrow: "▶",
-  dragHandle: "⋮⋮",
-  toolPanel: "☰",
-  filter: Re,
-  filterActive: Re,
-  print: "🖨️"
-};
-function wt(t) {
-  return Array.from(t.querySelectorAll("tbw-grid-column")).map((i) => {
-    const o = i.getAttribute("field") || "";
-    if (!o) return null;
-    const n = i.getAttribute("type") || void 0, s = n && (/* @__PURE__ */ new Set(["number", "string", "date", "boolean", "select"])).has(n) ? n : void 0, l = i.getAttribute("header") || void 0, a = i.hasAttribute("sortable"), c = i.hasAttribute("editable"), h = { field: o, type: s, header: l, sortable: a, editable: c }, f = i.getAttribute("width");
-    if (f) {
-      const b = parseFloat(f);
-      !isNaN(b) && /^\d+(\.\d+)?$/.test(f.trim()) ? h.width = b : h.width = f;
-    }
-    const p = i.getAttribute("minWidth") || i.getAttribute("min-width");
-    if (p) {
-      const b = parseFloat(p);
-      isNaN(b) || (h.minWidth = b);
-    }
-    i.hasAttribute("resizable") && (h.resizable = !0), i.hasAttribute("sizable") && (h.resizable = !0);
-    const g = i.getAttribute("editor"), u = i.getAttribute("renderer");
-    g && (h.__editorName = g), u && (h.__rendererName = u);
-    const d = i.getAttribute("options");
-    d && (h.options = d.split(",").map((b) => {
-      const [T, N] = b.includes(":") ? b.split(":") : [b.trim(), b.trim()];
-      return { value: T.trim(), label: N?.trim() || T.trim() };
-    }));
-    const w = i.querySelector("tbw-grid-column-view"), C = i.querySelector("tbw-grid-column-editor"), m = i.querySelector("tbw-grid-column-header");
-    w && (h.__viewTemplate = w), C && (h.__editorTemplate = C), m && (h.__headerTemplate = m);
-    const R = globalThis.DataGridElement?.getAdapters?.() ?? [], E = w ?? i, x = R.find((b) => b.canHandle(E));
-    if (x) {
-      const b = x.createRenderer(E);
-      b && (h.viewRenderer = b);
-    }
-    const y = C ?? i, v = R.find((b) => b.canHandle(y));
-    if (v) {
-      const b = v.createEditor(y);
-      b && (h.editor = b);
-    }
-    return h;
-  }).filter((i) => !!i);
-}
-function Ae(t, e) {
-  if ((!t || !t.length) && (!e || !e.length)) return [];
-  if (!t || !t.length) return e || [];
-  if (!e || !e.length) return t;
-  const i = {};
-  e.forEach((n) => {
-    const r = i[n.field];
-    if (r) {
-      n.header && !r.header && (r.header = n.header), n.type && !r.type && (r.type = n.type), n.sortable && (r.sortable = !0), n.editable && (r.editable = !0), n.resizable && (r.resizable = !0), n.width != null && r.width == null && (r.width = n.width), n.minWidth != null && r.minWidth == null && (r.minWidth = n.minWidth), n.__viewTemplate && (r.__viewTemplate = n.__viewTemplate), n.__editorTemplate && (r.__editorTemplate = n.__editorTemplate), n.__headerTemplate && (r.__headerTemplate = n.__headerTemplate);
-      const s = n.renderer || n.viewRenderer, l = r.renderer || r.viewRenderer;
-      s && !l && (r.viewRenderer = s, n.renderer && (r.renderer = s)), n.editor && !r.editor && (r.editor = n.editor);
-    } else
-      i[n.field] = { ...n };
-  });
-  const o = t.map((n) => {
-    const r = i[n.field];
-    if (!r) return n;
-    const s = { ...n };
-    r.header && !s.header && (s.header = r.header), r.type && !s.type && (s.type = r.type), s.sortable = n.sortable || r.sortable, (n.resizable === !0 || r.resizable === !0) && (s.resizable = !0), s.editable = n.editable || r.editable, r.width != null && s.width == null && (s.width = r.width), r.minWidth != null && s.minWidth == null && (s.minWidth = r.minWidth), r.__viewTemplate && (s.__viewTemplate = r.__viewTemplate), r.__editorTemplate && (s.__editorTemplate = r.__editorTemplate), r.__headerTemplate && (s.__headerTemplate = r.__headerTemplate);
-    const l = r.renderer || r.viewRenderer, a = s.renderer || s.viewRenderer;
-    return l && !a && (s.viewRenderer = l, r.renderer && (s.renderer = l)), r.editor && !s.editor && (s.editor = r.editor), delete i[n.field], s;
-  });
-  return Object.keys(i).forEach((n) => o.push(i[n])), o;
-}
-function Ye(t, e) {
-  try {
-    t.part?.add?.(e);
-  } catch {
-  }
-  const i = t.getAttribute("part");
-  i ? i.split(/\s+/).includes(e) || t.setAttribute("part", i + " " + e) : t.setAttribute("part", e);
-}
-function Te(t) {
-  const e = t.effectiveConfig?.fitMode || t.fitMode || X.STRETCH;
-  if (e !== X.STRETCH && e !== X.FIXED || t.__didInitialAutoSize || !t.isConnected) return;
-  const i = Array.from(t._headerRowEl?.children || []);
-  if (!i.length) return;
-  let o = !1;
-  t._visibleColumns.forEach((n, r) => {
-    if (n.width) return;
-    const s = i[r];
-    let l = s ? s.scrollWidth : 0;
-    for (const a of t._rowPool) {
-      const c = a.children[r];
-      if (c) {
-        const h = c.scrollWidth;
-        h > l && (l = h);
-      }
-    }
-    l > 0 && (n.width = l + 2, n.__autoSized = !0, o = !0);
-  }), o && B(t), t.__didInitialAutoSize = !0;
-}
-const bt = /^(?:\d+(?:\.\d+)?(?:px|%|fr|em|rem|ch|vw|vh|vmin|vmax)|calc\(.+\)|min-content|max-content|minmax\(.+\)|fit-content\(.+\)|auto)$/i;
-function xe(t, e) {
-  return typeof t == "number" ? `${t}px` : (bt.test(t) || console.warn(`[tbw-grid] Column '${e ?? "?"}' has an invalid CSS width value: '${t}'. Expected a number (px) or a valid CSS unit string (e.g. '30%', '2fr', 'calc(...)').`), t);
-}
-function B(t) {
-  (t.effectiveConfig?.fitMode || t.fitMode || X.STRETCH) === X.STRETCH ? t._gridTemplate = t._visibleColumns.map((i) => {
-    if (i.width != null) return xe(i.width, i.field);
-    const o = i.minWidth;
-    return o != null ? `minmax(${o}px, 1fr)` : "1fr";
-  }).join(" ").trim() : t._gridTemplate = t._visibleColumns.map((i) => i.width != null ? xe(i.width, i.field) : "max-content").join(" "), t.style.setProperty("--tbw-column-template", t._gridTemplate);
-}
-function mt(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 vt(t, e) {
-  const i = t[0] || {}, o = Object.keys(i).map((r) => {
-    const s = i[r], l = mt(s);
-    return { field: r, header: r.charAt(0).toUpperCase() + r.slice(1), type: l };
-  }), n = {};
-  return o.forEach((r) => {
-    n[r.field] = r.type || "string";
-  }), { columns: o, typeMap: n };
-}
-const Ct = /{{\s*([^}]+)\s*}}/g, z = "__DG_EMPTY__", yt = /^[\w$. '?+\-*/%:()!<>=,&|]+$/, _t = /__(proto|defineGetter|defineSetter)|constructor|window|globalThis|global|process|Function|import|eval|Reflect|Proxy|Error|arguments|document|location|cookie|localStorage|sessionStorage|indexedDB|fetch|XMLHttpRequest|WebSocket|Worker|SharedWorker|ServiceWorker|opener|parent|top|frames|self|this\b/;
-function Et(t) {
-  return !t || typeof t != "string" ? "" : t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
-}
-const St = /* @__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"
-]), He = /^on\w+$/i, Rt = /* @__PURE__ */ new Set(["href", "src", "action", "formaction", "data", "srcdoc", "xlink:href", "poster", "srcset"]), At = /^\s*(javascript|vbscript|data|blob):/i;
-function k(t) {
-  if (!t || typeof t != "string") return "";
-  if (t.indexOf("<") === -1) return t;
-  const e = document.createElement("template");
-  return e.innerHTML = t, Tt(e.content), e.innerHTML;
-}
-function Tt(t) {
-  const e = [], i = t.querySelectorAll("*");
-  for (const o of i) {
-    const n = o.tagName.toLowerCase();
-    if (St.has(n)) {
-      e.push(o);
-      continue;
-    }
-    if ((n === "svg" || o.namespaceURI === "http://www.w3.org/2000/svg") && Array.from(o.attributes).some(
-      (l) => He.test(l.name) || l.name === "href" || l.name === "xlink:href"
-    )) {
-      e.push(o);
-      continue;
-    }
-    const r = [];
-    for (const s of o.attributes) {
-      const l = s.name.toLowerCase();
-      if (He.test(l)) {
-        r.push(s.name);
-        continue;
-      }
-      if (Rt.has(l) && At.test(s.value)) {
-        r.push(s.name);
-        continue;
-      }
-      if (l === "style" && /expression\s*\(|javascript:|behavior\s*:/i.test(s.value)) {
-        r.push(s.name);
-        continue;
-      }
-    }
-    r.forEach((s) => o.removeAttribute(s));
-  }
-  e.forEach((o) => o.remove());
-}
-function Ce(t, e) {
-  if (!t || t.indexOf("{{") === -1) return t;
-  const i = [], o = t.replace(Ct, (l, a) => {
-    const c = xt(a, e);
-    return i.push({ expr: a.trim(), result: c }), c;
-  }), n = Ht(o), r = i.length && i.every((l) => l.result === "" || l.result === z);
-  return $.test(t) || r ? "" : n;
-}
-function xt(t, e) {
-  if (t = (t || "").trim(), !t || $.test(t)) return z;
-  if (t === "value") return e.value == null ? z : String(e.value);
-  if (t.startsWith("row.") && !/[()?]/.test(t) && !t.includes(":")) {
-    const o = t.slice(4), n = e.row ? e.row[o] : void 0;
-    return n == null ? z : String(n);
-  }
-  if (t.length > 80 || !yt.test(t) || _t.test(t)) return z;
-  const i = t.match(/\./g);
-  if (i && i.length > 1) return z;
-  try {
-    const n = new Function("value", "row", `return (${t});`)(e.value, e.row), r = n == null ? "" : String(n);
-    return $.test(r) ? z : r || z;
-  } catch {
-    return z;
-  }
-}
-const $ = /Reflect|Proxy|ownKeys/;
-function Ht(t) {
-  return t && t.replace(new RegExp(z, "g"), "").replace(/Reflect\.[^<>{}\s]+|\bProxy\b|ownKeys\([^)]*\)/g, "");
-}
-function ge(t) {
-  if ($.test(t.textContent || "")) {
-    for (const e of t.childNodes)
-      e.nodeType === Node.TEXT_NODE && $.test(e.textContent || "") && (e.textContent = "");
-    $.test(t.textContent || "") && (t.textContent = "");
-  }
-}
-function Le(t) {
-  const e = $.test(t), i = ((o) => e ? "" : Ce(t, o));
-  return i.__blocked = e, i;
-}
-const Lt = 100;
-class Pt {
-  #a;
-  #n;
-  #u;
-  #d;
-  #h;
-  #l = {};
-  #o = {};
-  #f = !0;
-  #w = [];
-  #v;
-  #s;
-  #C;
-  #r;
-  #g;
-  constructor(e) {
-    this.#r = e;
-  }
-  get original() {
-    return this.#l;
-  }
-  get effective() {
-    return this.#o;
-  }
-  get columns() {
-    return this.#o.columns ?? [];
-  }
-  set columns(e) {
-    this.#o.columns = e;
-  }
-  get lightDomColumnsCache() {
-    return this.#d;
-  }
-  set lightDomColumnsCache(e) {
-    this.#d = e;
-  }
-  get originalColumnNodes() {
-    return this.#h;
-  }
-  set originalColumnNodes(e) {
-    this.#h = e;
-  }
-  get lightDomTitle() {
-    return this.#g;
-  }
-  set lightDomTitle(e) {
-    this.#g = e;
-  }
-  get initialColumnState() {
-    return this.#C;
-  }
-  set initialColumnState(e) {
-    this.#C = e;
-  }
-  get sourcesChanged() {
-    return this.#f;
-  }
-  markSourcesChanged() {
-    this.#f = !0;
-  }
-  setGridConfig(e) {
-    this.#a = e, this.#f = !0, this.#d = void 0;
-  }
-  getGridConfig() {
-    return this.#a;
-  }
-  setColumns(e) {
-    this.#n = e, this.#f = !0;
-  }
-  getColumns() {
-    return this.#n;
-  }
-  setFitMode(e) {
-    this.#u = e, this.#f = !0;
-  }
-  getFitMode() {
-    return this.#u;
-  }
-  merge() {
-    const e = (this.#o.columns?.length ?? 0) > 0;
-    if (!this.#f && e)
-      return;
-    const i = this.#N();
-    this.#f = !1, this.#l = i, Object.freeze(this.#l), this.#l.columns && Object.freeze(this.#l.columns), this.#o = this.#x(this.#l), this.#m();
-  }
-  #x(e) {
-    const i = { ...e };
-    return e.columns && (i.columns = e.columns.map((o) => ({ ...o }))), e.shell && (i.shell = {
-      ...e.shell,
-      header: e.shell.header ? { ...e.shell.header } : void 0,
-      toolPanel: e.shell.toolPanel ? { ...e.shell.toolPanel } : void 0,
-      toolPanels: e.shell.toolPanels?.map((o) => ({ ...o })),
-      headerContents: e.shell.headerContents?.map((o) => ({ ...o }))
-    }), i;
-  }
-  #m() {
-    const e = this.#o;
-    this.#O(), typeof e.rowHeight == "number" && e.rowHeight > 0 && this.#r.setRowHeight(e.rowHeight), e.fitMode === "fixed" && this.columns.forEach((o) => {
-      o.width == null && (o.width = 80);
-    }), this.#r.applyAnimationConfig(e);
-  }
-  #O() {
-    const e = this.#o.typeDefaults;
-    if (!e) return;
-    const i = this.columns;
-    for (const o of i) {
-      if (!o.type) continue;
-      const n = e[o.type];
-      n && (!o.renderer && !o.viewRenderer && n.renderer && (o.renderer = n.renderer), !o.format && n.format && (o.format = n.format), !o.editor && n.editor && (o.editor = n.editor), !o.editorParams && n.editorParams && (o.editorParams = n.editorParams));
-    }
-  }
-  #N() {
-    const e = this.#a ? { ...this.#a } : {}, i = Array.isArray(e.columns) ? [...e.columns] : [], o = (this.#d ?? []).map((s) => ({
-      ...s
-    }));
-    let n = Ae(
-      i,
-      o
-    );
-    this.#n && this.#n.length && (n = Ae(
-      this.#n,
-      o
-    ));
-    const r = this.#r.getRows();
-    return n.length === 0 && r.length && (n = vt(r).columns), n.length && (n.forEach((s) => {
-      s.sortable === void 0 && (s.sortable = !0), s.resizable === void 0 && (s.resizable = !0), s.__originalWidth === void 0 && typeof s.width == "number" && (s.__originalWidth = s.width);
-    }), n.forEach((s) => {
-      s.__viewTemplate && !s.__compiledView && (s.__compiledView = Le(s.__viewTemplate.innerHTML)), s.__editorTemplate && !s.__compiledEditor && (s.__compiledEditor = Le(s.__editorTemplate.innerHTML));
-    }), e.columns = n), this.#u && (e.fitMode = this.#u), e.fitMode || (e.fitMode = "stretch"), this.#b(e), e.columnState && !this.#C && (this.#C = e.columnState), e;
-  }
-  #b(e) {
-    e.shell = e.shell ? { ...e.shell } : {}, e.shell.header = e.shell.header ? { ...e.shell.header } : {};
-    const i = this.#r.getShellLightDomTitle();
-    i && (this.#g = i), this.#g && !e.shell.header.title && (e.shell.header.title = this.#g);
-    const o = this.#r.getShellLightDomHeaderContent();
-    o?.length > 0 && (e.shell.header.lightDomContent = o), this.#r.getShellHasToolButtonsContainer() && (e.shell.header.hasToolButtonsContainer = !0);
-    const n = this.#r.getShellToolPanels();
-    if (n.size > 0) {
-      const f = Array.from(n.values());
-      f.sort((p, g) => (p.order ?? 100) - (g.order ?? 100)), e.shell.toolPanels = f;
-    }
-    const r = this.#r.getShellHeaderContents();
-    if (r.size > 0) {
-      const f = Array.from(r.values());
-      f.sort((p, g) => (p.order ?? 100) - (g.order ?? 100)), e.shell.headerContents = f;
-    }
-    const s = this.#r.getShellToolbarContents(), l = Array.from(s.values()), a = this.#a?.shell?.header?.toolbarContents ?? [], c = new Set(a.map((f) => f.id)), h = [...a];
-    for (const f of l)
-      c.has(f.id) || h.push(f);
-    h.sort((f, p) => (f.order ?? 0) - (p.order ?? 0)), e.shell.header.toolbarContents = h;
-  }
-  collectState(e) {
-    const i = this.columns, o = this.#y();
-    return {
-      columns: i.map((n, r) => {
-        const s = {
-          field: n.field,
-          order: r,
-          visible: !n.hidden
-        }, l = n;
-        l.__renderedWidth !== void 0 ? s.width = l.__renderedWidth : n.width !== void 0 && (s.width = typeof n.width == "string" ? parseFloat(n.width) : n.width);
-        const a = o.get(n.field);
-        a && (s.sort = a);
-        for (const c of e)
-          if (c.getColumnState) {
-            const h = c.getColumnState(n.field);
-            h && Object.assign(s, h);
-          }
-        return s;
-      })
-    };
-  }
-  applyState(e, i) {
-    if (!e.columns || e.columns.length === 0) return;
-    const o = this.columns, n = new Map(e.columns.map((l) => [l.field, l])), r = o.map((l) => {
-      const a = n.get(l.field);
-      if (!a) return l;
-      const c = { ...l };
-      return a.width !== void 0 && (c.width = a.width, c.__renderedWidth = a.width), a.visible !== void 0 && (c.hidden = !a.visible), c;
-    });
-    r.sort((l, a) => {
-      const c = n.get(l.field)?.order ?? 1 / 0, h = n.get(a.field)?.order ?? 1 / 0;
-      return c - h;
-    }), this.columns = r;
-    const s = e.columns.filter((l) => l.sort !== void 0).sort((l, a) => (l.sort?.priority ?? 0) - (a.sort?.priority ?? 0));
-    if (s.length > 0) {
-      const l = s[0];
-      l.sort && this.#r.setSortState({
-        field: l.field,
-        direction: l.sort.direction === "asc" ? 1 : -1
-      });
-    } else
-      this.#r.setSortState(null);
-    for (const l of i)
-      if (l.applyColumnState)
-        for (const a of e.columns)
-          l.applyColumnState(a.field, a);
-  }
-  resetState(e) {
-    this.#C = void 0, this.#r.setSortState(null), this.#o = this.#x(this.#l), this.#m();
-    for (const i of e)
-      if (i.applyColumnState)
-        for (const o of this.columns)
-          i.applyColumnState(o.field, {
-            field: o.field,
-            order: 0,
-            visible: !0
-          });
-    this.requestStateChange(e);
-  }
-  #y() {
-    const e = /* @__PURE__ */ new Map(), i = this.#r.getSortState();
-    return i && e.set(i.field, {
-      direction: i.direction === 1 ? "asc" : "desc",
-      priority: 0
-    }), e;
-  }
-  requestStateChange(e) {
-    this.#s && clearTimeout(this.#s), this.#s = setTimeout(() => {
-      this.#s = void 0;
-      const i = this.collectState(e);
-      this.#r.emit("column-state-change", i);
-    }, Lt);
-  }
-  setColumnVisible(e, i) {
-    const o = this.columns, n = o.find((s) => s.field === e);
-    return !n || !i && n.lockVisible || !i && o.filter((l) => !l.hidden && l.field !== e).length === 0 || !!n.hidden === !i ? !1 : (n.hidden = !i, this.#r.emit("column-visibility", {
-      field: e,
-      visible: i,
-      visibleColumns: o.filter((s) => !s.hidden).map((s) => s.field)
-    }), this.#r.clearRowPool(), this.#r.setup(), !0);
-  }
-  toggleColumnVisibility(e) {
-    const i = this.columns.find((o) => o.field === e);
-    return i ? this.setColumnVisible(e, !!i.hidden) : !1;
-  }
-  isColumnVisible(e) {
-    const i = this.columns.find((o) => o.field === e);
-    return i ? !i.hidden : !1;
-  }
-  showAllColumns() {
-    const e = this.columns;
-    e.some((i) => i.hidden) && (e.forEach((i) => i.hidden = !1), this.#r.emit("column-visibility", {
-      visibleColumns: e.map((i) => i.field)
-    }), this.#r.clearRowPool(), this.#r.setup());
-  }
-  getAllColumns() {
-    return this.columns.map((e) => ({
-      field: e.field,
-      header: e.header || e.field,
-      visible: !e.hidden,
-      lockVisible: e.lockVisible,
-      utility: e.meta?.utility === !0
-    }));
-  }
-  getColumnOrder() {
-    return this.columns.map((e) => e.field);
-  }
-  setColumnOrder(e) {
-    if (!e.length) return;
-    const i = new Map(this.columns.map((n) => [n.field, n])), o = [];
-    for (const n of e) {
-      const r = i.get(n);
-      r && (o.push(r), i.delete(n));
-    }
-    for (const n of i.values())
-      o.push(n);
-    this.columns = o, this.#r.renderHeader(), this.#r.updateTemplate(), this.#r.refreshVirtualWindow();
-  }
-  parseLightDomColumns(e) {
-    this.#d || (this.#h = Array.from(e.querySelectorAll("tbw-grid-column")), this.#d = this.#h.length ? wt(e) : []);
-  }
-  clearLightDomCache() {
-    this.#d = void 0;
-  }
-  #p = /* @__PURE__ */ new Map();
-  registerLightDomHandler(e, i) {
-    this.#p.set(e.toLowerCase(), i);
-  }
-  unregisterLightDomHandler(e) {
-    this.#p.delete(e.toLowerCase());
-  }
-  observeLightDOM(e) {
-    this.#v && this.#v.disconnect();
-    const i = /* @__PURE__ */ new Set();
-    let o = null;
-    const n = () => {
-      o = null;
-      for (const r of i)
-        this.#p.get(r)?.();
-      i.clear();
-    };
-    this.#v = new MutationObserver((r) => {
-      for (const s of r) {
-        for (const l of s.addedNodes) {
-          if (l.nodeType !== Node.ELEMENT_NODE) continue;
-          const c = l.tagName.toLowerCase();
-          this.#p.has(c) && i.add(c);
-        }
-        if (s.type === "attributes" && s.target.nodeType === Node.ELEMENT_NODE) {
-          const a = s.target.tagName.toLowerCase();
-          this.#p.has(a) && i.add(a);
-        }
-      }
-      i.size > 0 && !o && (o = setTimeout(n, 0));
-    }), this.#v.observe(e, {
-      childList: !0,
-      subtree: !0,
-      attributes: !0,
-      attributeFilter: ["title", "field", "header", "width", "hidden", "id", "icon", "tooltip", "order"]
-    });
-  }
-  onChange(e) {
-    this.#w.push(e);
-  }
-  notifyChange() {
-    for (const e of this.#w)
-      e();
-  }
-  dispose() {
-    this.#v?.disconnect(), this.#w = [], this.#s && clearTimeout(this.#s);
-  }
-}
-function ye() {
-  if (typeof window < "u" && window.location) {
-    const t = window.location.hostname;
-    if (t === "localhost" || t === "127.0.0.1" || t === "::1")
-      return !0;
-  }
-  return typeof process < "u" && process.env?.NODE_ENV !== "production";
-}
-function je(t) {
-  return `<span role="checkbox" aria-checked="${t}" aria-label="${t}">${t ? "&#x1F5F9;" : "&#9744;"}</span>`;
-}
-function Ke(t) {
-  if (t == null || t === "") return "";
-  if (t instanceof Date)
-    return isNaN(t.getTime()) ? "" : t.toLocaleDateString();
-  if (typeof t == "number" || typeof t == "string") {
-    const e = new Date(t);
-    return isNaN(e.getTime()) ? "" : e.toLocaleDateString();
-  }
-  return "";
-}
-function Qe(t) {
-  if (!t) return -1;
-  const e = t.getAttribute("data-row");
-  if (e) return parseInt(e, 10);
-  const i = t.closest(".data-grid-row");
-  if (!i) return -1;
-  const o = i.parentElement;
-  if (!o) return -1;
-  const n = o.querySelectorAll(":scope > .data-grid-row");
-  for (let r = 0; r < n.length; r++)
-    if (n[r] === i) return r;
-  return -1;
-}
-function zt(t) {
-  if (!t) return -1;
-  const e = t.getAttribute("data-col");
-  return e ? parseInt(e, 10) : -1;
-}
-function _e(t) {
-  t && t.querySelectorAll(".cell-focus").forEach((e) => e.classList.remove("cell-focus"));
-}
-function Ot(t) {
-  try {
-    if (getComputedStyle(t).direction === "rtl") return "rtl";
-  } catch {
-  }
-  try {
-    if (t.closest?.("[dir]")?.getAttribute("dir") === "rtl") return "rtl";
-  } catch {
-  }
-  return "ltr";
-}
-function Pe(t) {
-  return Ot(t) === "rtl";
-}
-function ro(t, e) {
-  return t === "left" || t === "right" ? t : e === "rtl" ? t === "start" ? "right" : "left" : t === "start" ? "left" : "right";
-}
-function Ze(t, e) {
-  const i = e.renderer || e.viewRenderer;
-  if (i) return i;
-  if (!e.type) return;
-  const o = t.__frameworkAdapter;
-  if (o?.getTypeDefault) {
-    const n = o.getTypeDefault(e.type);
-    if (n?.renderer)
-      return n.renderer;
-  }
-}
-function Je(t, e) {
-  if (e.format) return e.format;
-  if (!e.type) return;
-  const i = t.__frameworkAdapter;
-  if (i?.getTypeDefault) {
-    const o = i.getTypeDefault(e.type);
-    if (o?.format)
-      return o.format;
-  }
-}
-const et = 'input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])';
-function se(t) {
-  return (t.__editingCellCount ?? 0) > 0;
-}
-function le(t) {
-  t.__editingCellCount = 0, t.removeAttribute("data-has-editing"), t.querySelectorAll(".cell.editing").forEach((i) => i.classList.remove("editing"));
-}
-const tt = document.createElement("template");
-tt.innerHTML = '<div class="cell" role="gridcell" part="cell"></div>';
-const it = document.createElement("template");
-it.innerHTML = '<div class="data-grid-row" role="row" part="row"></div>';
-function Dt() {
-  return tt.content.firstElementChild.cloneNode(!0);
-}
-function Mt() {
-  return it.content.firstElementChild.cloneNode(!0);
-}
-function W(t) {
-  t.__cellDisplayCache = void 0, t.__cellCacheEpoch = void 0, t.__hasSpecialColumns = void 0;
-}
-function kt(t, e, i, o, n) {
-  const r = Math.max(0, i - e), s = t._bodyEl, l = t._visibleColumns, a = l.length;
-  let c = t.__cachedHeaderRowCount;
-  for (c === void 0 && (c = t.querySelector(".header-group-row") ? 2 : 1, t.__cachedHeaderRowCount = c); t._rowPool.length < r; ) {
-    const p = Mt();
-    t._rowPool.push(p);
-  }
-  if (t._rowPool.length > r) {
-    for (let p = r; p < t._rowPool.length; p++) {
-      const g = t._rowPool[p];
-      g.parentNode === s && g.remove();
-    }
-    t._rowPool.length = r;
-  }
-  const h = n && t.__hasRenderRowPlugins !== !1, f = t._hasAfterRowRenderHook?.() ?? !1;
-  for (let p = 0; p < r; p++) {
-    const g = e + p, u = t._rows[g], d = t._rowPool[p];
-    if (d.setAttribute("aria-rowindex", String(g + c + 1)), h && n(u, d, g)) {
-      d.__epoch = o, d.__rowDataRef = u, d.parentNode !== s && s.appendChild(d);
-      continue;
-    }
-    const w = d.__epoch, C = d.__rowDataRef;
-    let m = d.children.length;
-    m > a && d.lastElementChild?.classList.contains("tbw-row-loading-overlay") && m--;
-    const R = w === o && m === a, E = C !== u, x = !!t._isGridEditMode;
-    let y = !1;
-    if (R && E) {
-      for (let S = 0; S < a; S++)
-        if (l[S].externalView && !d.querySelector(`.cell[data-col="${S}"] [data-external-view]`)) {
-          y = !0;
-          break;
-        }
-    }
-    if (!R || y) {
-      const S = se(d), L = x || t._activeEditRows === g;
-      S && !L ? (d.__isCustomRow && (d.className = "data-grid-row", d.setAttribute("role", "row"), d.__isCustomRow = !1), le(d), G(t, d, u, g), d.__epoch = o, d.__rowDataRef = u) : S && L ? (ae(t, d, u, g), d.__rowDataRef = u) : (d.__isCustomRow && (d.className = "data-grid-row", d.setAttribute("role", "row"), d.__isCustomRow = !1), G(t, d, u, g), d.__epoch = o, d.__rowDataRef = u);
-    } else if (E) {
-      const S = se(d), L = x || t._activeEditRows === g;
-      S && !L ? (le(d), G(t, d, u, g), d.__epoch = o, d.__rowDataRef = u) : (ae(t, d, u, g), d.__rowDataRef = u);
-    } else {
-      const S = se(d), L = x || t._activeEditRows === g;
-      S && !L ? (le(d), G(t, d, u, g), d.__epoch = o, d.__rowDataRef = u) : ae(t, d, u, g);
-    }
-    let v = !1;
-    const b = t.changedRowIds;
-    if (b && b.length > 0)
-      try {
-        const S = t.getRowId?.(u);
-        S && (v = b.includes(S));
-      } catch {
-      }
-    const T = d.classList.contains("changed");
-    v !== T && d.classList.toggle("changed", v);
-    const N = t.effectiveConfig?.rowClass;
-    if (N) {
-      const S = d.getAttribute("data-dynamic-classes");
-      S && S.split(" ").forEach((L) => L && d.classList.remove(L));
-      try {
-        const L = N(u);
-        if (L && L.length > 0) {
-          const re = L.filter((Y) => Y && typeof Y == "string");
-          re.forEach((Y) => d.classList.add(Y)), d.setAttribute("data-dynamic-classes", re.join(" "));
-        } else
-          d.removeAttribute("data-dynamic-classes");
-      } catch (L) {
-        console.warn("[tbw-grid] rowClass callback error:", L), d.removeAttribute("data-dynamic-classes");
-      }
-    }
-    f && t._afterRowRender?.({
-      row: u,
-      rowIndex: g,
-      rowElement: d
-    }), d.parentNode !== s && s.appendChild(d);
-  }
-}
-function ae(t, e, i, o) {
-  const n = e.children, r = t._visibleColumns, s = r.length, l = n.length, a = s < l ? s : l, c = t._focusRow, h = t._focusCol, f = t._hasAfterCellRenderHook?.() ?? !1;
-  let p = t.__hasSpecialColumns;
-  if (p === void 0) {
-    p = !1;
-    const u = t.__frameworkAdapter;
-    for (let d = 0; d < s; d++) {
-      const w = r[d];
-      if (w.__viewTemplate || w.__compiledView || w.renderer || w.viewRenderer || w.externalView || w.format || w.type === "date" || w.type === "boolean" || w.type && u?.getTypeDefault?.(w.type)?.renderer || w.type && u?.getTypeDefault?.(w.type)?.format) {
-        p = !0;
-        break;
-      }
-    }
-    t.__hasSpecialColumns = p;
-  }
-  const g = String(o);
-  if (!p) {
-    for (let u = 0; u < a; u++) {
-      const d = n[u];
-      if (d.classList.contains("editing")) continue;
-      d.firstElementChild && t.__frameworkAdapter?.releaseCell?.(d);
-      const w = r[u], C = i[w.field];
-      d.textContent = C == null ? "" : String(C), d.getAttribute("data-row") !== g && d.setAttribute("data-row", g);
-      const m = c === o && h === u, _ = d.classList.contains("cell-focus");
-      m !== _ && (d.classList.toggle("cell-focus", m), d.setAttribute("aria-selected", String(m))), f && t._afterCellRender?.({
-        row: i,
-        rowIndex: o,
-        column: w,
-        colIndex: u,
-        value: C,
-        cellElement: d,
-        rowElement: e
-      });
-    }
-    return;
-  }
-  for (let u = 0; u < a; u++)
-    if (r[u].externalView && !n[u].querySelector("[data-external-view]")) {
-      G(t, e, i, o);
-      return;
-    }
-  for (let u = 0; u < a; u++) {
-    const d = r[u], w = n[u];
-    w.getAttribute("data-row") !== g && w.setAttribute("data-row", g);
-    const C = c === o && h === u, m = w.classList.contains("cell-focus");
-    C !== m && (w.classList.toggle("cell-focus", C), w.setAttribute("aria-selected", String(C)));
-    const _ = d.cellClass;
-    if (_) {
-      const v = w.getAttribute("data-dynamic-classes");
-      v && v.split(" ").forEach((b) => b && w.classList.remove(b));
-      try {
-        const b = i[d.field], T = _(b, i, d);
-        if (T && T.length > 0) {
-          const N = T.filter((S) => S && typeof S == "string");
-          N.forEach((S) => w.classList.add(S)), w.setAttribute("data-dynamic-classes", N.join(" "));
-        } else
-          w.removeAttribute("data-dynamic-classes");
-      } catch (b) {
-        console.warn(`[tbw-grid] cellClass callback error for column '${d.field}':`, b), w.removeAttribute("data-dynamic-classes");
-      }
-    }
-    if (w.classList.contains("editing")) continue;
-    const R = Ze(t, d);
-    if (R) {
-      const v = i[d.field], b = R({
-        row: i,
-        value: v,
-        field: d.field,
-        column: d,
-        cellEl: w
-      });
-      typeof b == "string" ? (t.__frameworkAdapter?.releaseCell?.(w), w.innerHTML = k(b)) : b instanceof Node ? b.parentElement !== w && (t.__frameworkAdapter?.releaseCell?.(w), w.innerHTML = "", w.appendChild(b)) : b == null && (t.__frameworkAdapter?.releaseCell?.(w), w.textContent = v == null ? "" : String(v)), f && t._afterCellRender?.({
-        row: i,
-        rowIndex: o,
-        column: d,
-        colIndex: u,
-        value: v,
-        cellElement: w,
-        rowElement: e
-      });
-      continue;
-    }
-    if (d.__compiledView) {
-      const v = i[d.field], b = d.__compiledView({ row: i, value: v, field: d.field, column: d });
-      d.__compiledView.__blocked ? w.textContent = "" : (w.firstElementChild && t.__frameworkAdapter?.releaseCell?.(w), w.innerHTML = k(b), ge(w)), f && t._afterCellRender?.({
-        row: i,
-        rowIndex: o,
-        column: d,
-        colIndex: u,
-        value: v,
-        cellElement: w,
-        rowElement: e
-      });
-      continue;
-    }
-    if (d.__viewTemplate) {
-      const v = i[d.field], b = d.__viewTemplate.innerHTML;
-      /Reflect\.|\bProxy\b|ownKeys\(/.test(b) ? w.textContent = "" : (w.firstElementChild && t.__frameworkAdapter?.releaseCell?.(w), w.innerHTML = k(Ce(b, { row: i, value: v })), ge(w)), f && t._afterCellRender?.({
-        row: i,
-        rowIndex: o,
-        column: d,
-        colIndex: u,
-        value: v,
-        cellElement: w,
-        rowElement: e
-      });
-      continue;
-    }
-    if (d.externalView)
-      continue;
-    const E = i[d.field];
-    let x;
-    const y = Je(t, d);
-    if (y) {
-      try {
-        const v = y(E, i);
-        x = v == null ? "" : String(v);
-      } catch (v) {
-        console.warn(`[tbw-grid] Format error in column '${d.field}':`, v), x = E == null ? "" : String(E);
-      }
-      w.textContent = x;
-    } else d.type === "date" ? (x = Ke(E), w.textContent = x) : d.type === "boolean" ? w.innerHTML = je(!!E) : (x = E == null ? "" : String(E), w.textContent = x);
-    f && t._afterCellRender?.({
-      row: i,
-      rowIndex: o,
-      column: d,
-      colIndex: u,
-      value: E,
-      cellElement: w,
-      rowElement: e
-    });
-  }
-}
-function G(t, e, i, o) {
-  e.classList.remove("tbw-row-loading"), e.removeAttribute("aria-busy");
-  const n = t.__frameworkAdapter;
-  if (n?.releaseCell) {
-    const p = e.children;
-    for (let g = p.length - 1; g >= 0; g--)
-      n.releaseCell(p[g]);
-  }
-  e.innerHTML = "";
-  const r = t._visibleColumns, s = r.length, l = t._focusRow, a = t._focusCol, c = t, h = t._hasAfterCellRenderHook?.() ?? !1, f = document.createDocumentFragment();
-  for (let p = 0; p < s; p++) {
-    const g = r[p], u = Dt();
-    u.setAttribute("aria-colindex", String(p + 1)), u.setAttribute("data-col", String(p)), u.setAttribute("data-row", String(o)), u.setAttribute("data-field", g.field), u.setAttribute("data-header", g.header ?? g.field), g.type && u.setAttribute("data-type", g.type);
-    let d = i[g.field];
-    const w = Je(t, g);
-    if (w)
-      try {
-        d = w(d, i);
-      } catch (y) {
-        console.warn(`[tbw-grid] Format error in column '${g.field}':`, y);
-      }
-    const C = g.__compiledView, m = g.__viewTemplate, _ = Ze(t, g), R = g.externalView;
-    let E = !1;
-    if (_) {
-      const y = _({ row: i, value: d, field: g.field, column: g, cellEl: u });
-      typeof y == "string" ? (u.innerHTML = k(y), E = !0) : y instanceof Node ? y.parentElement !== u && (u.textContent = "", u.appendChild(y)) : y == null && (u.textContent = d == null ? "" : String(d));
-    } else if (R) {
-      const y = R, v = document.createElement("div");
-      v.setAttribute("data-external-view", ""), v.setAttribute("data-field", g.field), u.appendChild(v);
-      const b = { row: i, value: d, field: g.field, column: g };
-      if (y.mount)
-        try {
-          y.mount({ placeholder: v, context: b, spec: y });
-        } catch (T) {
-          console.warn(`[tbw-grid] External view mount error for column '${g.field}':`, T);
-        }
-      else
-        queueMicrotask(() => {
-          try {
-            c.dispatchEvent(
-              new CustomEvent("mount-external-view", {
-                bubbles: !0,
-                composed: !0,
-                detail: { placeholder: v, spec: y, context: b }
-              })
-            );
-          } catch (T) {
-            console.warn(`[tbw-grid] External view event dispatch error for column '${g.field}':`, T);
-          }
-        });
-      v.setAttribute("data-mounted", "");
-    } else if (C) {
-      const y = C({ row: i, value: d, field: g.field, column: g }), v = C.__blocked;
-      u.innerHTML = v ? "" : k(y), E = !0, v && (u.textContent = "", u.setAttribute("data-blocked-template", ""));
-    } else if (m) {
-      const y = m.innerHTML;
-      /Reflect\.|\bProxy\b|ownKeys\(/.test(y) ? (u.textContent = "", u.setAttribute("data-blocked-template", "")) : (u.innerHTML = k(Ce(y, { row: i, value: d })), E = !0);
-    } else
-      w ? u.textContent = d == null ? "" : String(d) : g.type === "date" ? u.textContent = Ke(d) : g.type === "boolean" ? u.innerHTML = je(!!d) : u.textContent = d == null ? "" : String(d);
-    if (E) {
-      ge(u);
-      const y = u.textContent || "";
-      /Proxy|Reflect\.ownKeys/.test(y) && (u.textContent = y.replace(/Proxy|Reflect\.ownKeys/g, "").trim(), /Proxy|Reflect\.ownKeys/.test(u.textContent || "") && (u.textContent = ""));
-    }
-    u.hasAttribute("data-blocked-template") && (u.textContent || "").trim().length && (u.textContent = ""), g.editable ? u.tabIndex = 0 : g.type === "boolean" && (u.hasAttribute("tabindex") || (u.tabIndex = 0)), l === o && a === p ? (u.classList.add("cell-focus"), u.setAttribute("aria-selected", "true")) : u.setAttribute("aria-selected", "false");
-    const x = g.cellClass;
-    if (x)
-      try {
-        const y = i[g.field], v = x(y, i, g);
-        if (v && v.length > 0) {
-          const b = v.filter((T) => T && typeof T == "string");
-          b.forEach((T) => u.classList.add(T)), u.setAttribute("data-dynamic-classes", b.join(" "));
-        }
-      } catch (y) {
-        console.warn(`[tbw-grid] cellClass callback error for column '${g.field}':`, y);
-      }
-    h && t._afterCellRender?.({
-      row: i,
-      rowIndex: o,
-      column: g,
-      colIndex: p,
-      value: d,
-      cellElement: u,
-      rowElement: e
-    }), f.appendChild(u);
-  }
-  e.appendChild(f);
-}
-function ze(t, e, i) {
-  if (e.target?.closest(".resize-handle")) return;
-  const o = i.querySelector(".cell[data-row]"), n = Qe(o);
-  if (n < 0) return;
-  const r = t._rows[n];
-  if (!r || t._dispatchRowClick?.(e, n, r, i))
-    return;
-  const s = e.target?.closest(".cell[data-col]");
-  if (s) {
-    const l = Number(s.getAttribute("data-col"));
-    if (!isNaN(l)) {
-      if (t._dispatchCellClick?.(e, n, l, s))
-        return;
-      const a = t._focusRow !== n || t._focusCol !== l;
-      if (t._focusRow = n, t._focusCol = l, s.classList.contains("editing")) {
-        a && (_e(t._bodyEl ?? t), s.classList.add("cell-focus"));
-        const c = s.querySelector(et);
-        try {
-          c?.focus({ preventScroll: !0 });
-        } catch {
-        }
-        return;
-      }
-      F(t);
-    }
-  }
-}
-function It(t, e) {
-  if (t._dispatchKeyDown?.(e))
-    return;
-  const i = t._rows.length - 1, o = t._visibleColumns.length - 1, n = t._activeEditRows !== void 0 && t._activeEditRows !== -1, s = t._visibleColumns[t._focusCol]?.type, l = e.composedPath?.() ?? [], a = l.length ? l[0] : e.target, c = (h) => {
-    if (!h) return !1;
-    const f = h.tagName;
-    return !!(f === "INPUT" || f === "SELECT" || f === "TEXTAREA" || h.isContentEditable);
-  };
-  if (!(c(a) && (e.key === "Home" || e.key === "End")) && !(c(a) && (e.key === "ArrowUp" || e.key === "ArrowDown") && a.tagName === "INPUT" && a.type === "number") && !(c(a) && (e.key === "ArrowLeft" || e.key === "ArrowRight")) && !(c(a) && (e.key === "Enter" || e.key === "Escape")) && !(n && s === "select" && (e.key === "ArrowDown" || e.key === "ArrowUp"))) {
-    switch (e.key) {
-      case "Tab": {
-        e.preventDefault(), !e.shiftKey ? t._focusCol < o ? t._focusCol += 1 : (typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow < i && (t._focusRow += 1, t._focusCol = 0)) : t._focusCol > 0 ? t._focusCol -= 1 : t._focusRow > 0 && (typeof t.commitActiveRowEdit == "function" && t._activeEditRows === t._focusRow && t.commitActiveRowEdit(), t._focusRow -= 1, t._focusCol = o), F(t);
-        return;
-      }
-      case "ArrowDown":
-        n && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow = Math.min(i, 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": {
-        Pe(t) ? t._focusCol = Math.max(0, t._focusCol - 1) : t._focusCol = Math.min(o, t._focusCol + 1), e.preventDefault();
-        break;
-      }
-      case "ArrowLeft": {
-        Pe(t) ? t._focusCol = Math.min(o, t._focusCol + 1) : t._focusCol = Math.max(0, t._focusCol - 1), e.preventDefault();
-        break;
-      }
-      case "Home":
-        (e.ctrlKey || e.metaKey) && (n && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow = 0), t._focusCol = 0, e.preventDefault(), F(t, { forceScrollLeft: !0 });
-        return;
-      case "End":
-        (e.ctrlKey || e.metaKey) && (n && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow = i), t._focusCol = o, e.preventDefault(), F(t, { forceScrollRight: !0 });
-        return;
-      case "PageDown":
-        t._focusRow = Math.min(i, t._focusRow + 20), e.preventDefault();
-        break;
-      case "PageUp":
-        t._focusRow = Math.max(0, t._focusRow - 20), e.preventDefault();
-        break;
-      case "Enter": {
-        const h = t._focusRow, f = t._focusCol, p = t._visibleColumns[f], g = t._rows[h], u = p?.field ?? "", d = u && g ? g[u] : void 0, w = t.querySelector(
-          `[data-row="${h}"][data-col="${f}"]`
-        ), C = {
-          rowIndex: h,
-          colIndex: f,
-          column: p,
-          field: u,
-          value: d,
-          row: g,
-          cellEl: w,
-          trigger: "keyboard",
-          originalEvent: e
-        }, m = new CustomEvent("cell-activate", {
-          cancelable: !0,
-          detail: C
-        });
-        t.dispatchEvent(m);
-        const _ = new CustomEvent("activate-cell", {
-          cancelable: !0,
-          detail: { row: h, col: f }
-        });
-        if (t.dispatchEvent(_), m.defaultPrevented || _.defaultPrevented) {
-          e.preventDefault();
-          return;
-        }
-        break;
-      }
-      default:
-        return;
-    }
-    F(t);
-  }
-}
-function F(t, e) {
-  if (t._virtualization?.enabled) {
-    const { rowHeight: s, container: l, viewportEl: a } = t._virtualization, c = l, h = a?.clientHeight ?? c?.clientHeight ?? 0;
-    if (c && h > 0) {
-      const f = t._focusRow * s;
-      f < c.scrollTop ? c.scrollTop = f : f + s > c.scrollTop + h && (c.scrollTop = f - h + s);
-    }
-  }
-  const i = t._activeEditRows !== void 0 && t._activeEditRows !== -1;
-  i || t.refreshVirtualWindow(!1), _e(t._bodyEl), Array.from(t._bodyEl.querySelectorAll('[aria-selected="true"]')).forEach((s) => {
-    s.setAttribute("aria-selected", "false");
-  });
-  const o = t._focusRow, n = t._virtualization.start ?? 0, r = t._virtualization.end ?? t._rows.length;
-  if (o >= n && o < r) {
-    const s = t._bodyEl.querySelectorAll(".data-grid-row")[o - n];
-    let l = s?.children[t._focusCol];
-    if ((!l || !l.classList?.contains("cell")) && (l = s?.querySelector(`.cell[data-col="${t._focusCol}"]`) ?? s?.querySelector(".cell[data-col]")), l) {
-      l.classList.add("cell-focus"), l.setAttribute("aria-selected", "true");
-      const a = t.querySelector(".tbw-scroll-area");
-      if (a && l && (!i || e?.forceHorizontalScroll))
-        if (e?.forceScrollLeft)
-          a.scrollLeft = 0;
-        else if (e?.forceScrollRight)
-          a.scrollLeft = a.scrollWidth - a.clientWidth;
-        else {
-          const c = t._getHorizontalScrollOffsets?.(s ?? void 0, l) ?? { left: 0, right: 0 };
-          if (!c.skipScroll) {
-            const h = l.getBoundingClientRect(), f = a.getBoundingClientRect(), p = h.left - f.left + a.scrollLeft, g = p + h.width, u = a.scrollLeft + c.left, d = a.scrollLeft + a.clientWidth - c.right;
-            p < u ? a.scrollLeft = p - c.left : g > d && (a.scrollLeft = g - a.clientWidth + c.right);
-          }
-        }
-      if (i && l.classList.contains("editing")) {
-        const c = l.querySelector(et);
-        if (c && document.activeElement !== c)
-          try {
-            c.focus({ preventScroll: !0 });
-          } catch {
-          }
-      } else if (i && !l.contains(document.activeElement)) {
-        l.hasAttribute("tabindex") || l.setAttribute("tabindex", "-1");
-        try {
-          l.focus({ preventScroll: !0 });
-        } catch {
-        }
-      } else if (!i) {
-        const c = t;
-        document.activeElement !== c && c.focus({ preventScroll: !0 });
-      }
-    }
-  }
-}
-const ie = /* @__PURE__ */ new WeakMap();
-function Nt(t, e) {
-  const i = Qe(e), o = zt(e);
-  if (i < 0 || o < 0) return;
-  t._focusRow = i, t._focusCol = o, _e(t._bodyEl), e.classList.add("cell-focus"), e.setAttribute("aria-selected", "true");
-  const n = e.closest("tbw-grid");
-  n && document.activeElement !== n && n.focus({ preventScroll: !0 });
-}
-function Ee(t, e, i, o) {
-  let n = null;
-  const r = i.composedPath?.();
-  if (r && r.length > 0 ? n = r[0] : n = i.target, n && !e.contains(n)) {
-    const d = document.elementFromPoint(i.clientX, i.clientY);
-    d && (n = d);
-  }
-  const s = n?.closest?.("[data-col]"), l = n?.closest?.(".data-grid-row"), a = n?.closest?.(".header-row");
-  let c, h, f, p, g, u;
-  return s && (c = parseInt(s.getAttribute("data-row") ?? "-1", 10), h = parseInt(s.getAttribute("data-col") ?? "-1", 10), c >= 0 && h >= 0 && (f = t._rows[c], u = t._visibleColumns[h], p = u?.field, g = f && p ? f[p] : void 0)), {
-    type: o,
-    row: f,
-    rowIndex: c !== void 0 && c >= 0 ? c : void 0,
-    colIndex: h !== void 0 && h >= 0 ? h : void 0,
-    field: p,
-    value: g,
-    column: u,
-    originalEvent: i,
-    cellElement: s ?? void 0,
-    rowElement: l ?? void 0,
-    isHeader: !!a,
-    cell: c !== void 0 && h !== void 0 && c >= 0 && h >= 0 ? { row: c, col: h } : void 0
-  };
-}
-function qt(t, e, i) {
-  const o = Ee(t, e, i, "mousedown");
-  (t._dispatchCellMouseDown?.(o) ?? !1) && ie.set(t, !0);
-}
-function $t(t, e, i) {
-  if (!ie.get(t)) return;
-  const o = Ee(t, e, i, "mousemove");
-  t._dispatchCellMouseMove?.(o);
-}
-function Wt(t, e, i) {
-  if (!ie.get(t)) return;
-  const o = Ee(t, e, i, "mouseup");
-  t._dispatchCellMouseUp?.(o), ie.set(t, !1);
-}
-function Ft(t, e, i) {
-  e.addEventListener(
-    "mousedown",
-    (o) => {
-      const n = o.target.closest(".cell[data-col]");
-      n && (n.classList.contains("editing") || (o.preventDefault(), Nt(t, n)));
-    },
-    { signal: i }
-  ), e.addEventListener(
-    "click",
-    (o) => {
-      const n = o.target.closest(".data-grid-row");
-      if (n && ze(t, o, n), !document.activeElement?.closest(".cell.editing")) {
-        const r = o.target.closest("tbw-grid");
-        r && r.focus({ preventScroll: !0 });
-      }
-    },
-    { signal: i }
-  ), e.addEventListener(
-    "dblclick",
-    (o) => {
-      const n = o.target.closest(".data-grid-row");
-      n && ze(t, o, n);
-    },
-    { signal: i }
-  );
-}
-function Vt(t, e, i, o) {
-  e.addEventListener("keydown", (n) => It(t, n), { signal: o }), i.addEventListener("mousedown", (n) => qt(t, i, n), { signal: o }), document.addEventListener("mousemove", (n) => $t(t, i, n), { signal: o }), document.addEventListener("mouseup", (n) => Wt(t, i, n), { signal: o });
-}
-function Ut(t, e) {
-  return t == null && e == null ? 0 : t == null ? -1 : e == null || t > e ? 1 : t < e ? -1 : 0;
-}
-function ot(t, e, i) {
-  const n = i.find((l) => l.field === e.field)?.sortComparator ?? Ut, { field: r, direction: s } = e;
-  return [...t].sort((l, a) => n(l[r], a[r], l, a) * s);
-}
-function Oe(t, e, i, o) {
-  t._rows = e, t.__rowRenderEpoch++, t._rowPool.forEach((n) => n.__epoch = -1), oe(t), t.refreshVirtualWindow(!0), t.dispatchEvent(
-    new CustomEvent("sort-change", { detail: { field: i.field, direction: o } })
-  ), t.requestStateChange?.();
-}
-function De(t, e) {
-  !t._sortState || t._sortState.field !== e.field ? (t._sortState || (t.__originalOrder = t._rows.slice()), Me(t, e, 1)) : t._sortState.direction === 1 ? Me(t, e, -1) : (t._sortState = null, t.__rowRenderEpoch++, t._rowPool.forEach((o) => o.__epoch = -1), t._rows = t.__originalOrder.slice(), oe(t), t._headerRowEl?.querySelectorAll('[role="columnheader"].sortable')?.forEach((o) => {
-    o.getAttribute("aria-sort") ? (o.getAttribute("aria-sort") === "ascending" || o.getAttribute("aria-sort") === "descending") && (t._sortState || o.setAttribute("aria-sort", "none")) : o.setAttribute("aria-sort", "none");
-  }), t.refreshVirtualWindow(!0), t.dispatchEvent(
-    new CustomEvent("sort-change", { detail: { field: e.field, direction: 0 } })
-  ), t.requestStateChange?.());
-}
-function Bt(t, e) {
-  if (!t._sortState) return e;
-  t.__originalOrder = [...e];
-  const o = (t.effectiveConfig?.sortHandler ?? ot)(e, t._sortState, t._columns);
-  return o && typeof o.then == "function" ? e : o;
-}
-function Me(t, e, i) {
-  t._sortState = { field: e.field, direction: i };
-  const o = { field: e.field, direction: i }, n = t._columns, s = (t.effectiveConfig?.sortHandler ?? ot)(t._rows, o, n);
-  s && typeof s.then == "function" ? s.then((l) => {
-    Oe(t, l, e, i);
-  }) : Oe(t, s, e, i);
-}
-function V(t, e) {
-  return t.effectiveConfig?.sortable !== !1 && e.sortable === !0;
-}
-function j(t, e) {
-  return t.effectiveConfig?.resizable !== !1 && e.resizable !== !1;
-}
-function Gt(t, e) {
-  typeof e == "string" ? t.textContent = e : e instanceof HTMLElement && (t.innerHTML = "", t.appendChild(e.cloneNode(!0)));
-}
-function K(t, e) {
-  const i = document.createElement("span");
-  Ye(i, "sort-indicator");
-  const o = t._sortState?.field === e.field ? t._sortState.direction : 0, n = { ...M, ...t.icons }, r = o === 1 ? n.sortAsc : o === -1 ? n.sortDesc : n.sortNone;
-  return Gt(i, r), i;
-}
-function Q(t, e, i) {
-  const o = document.createElement("div");
-  return o.className = "resize-handle", o.setAttribute("aria-hidden", "true"), o.addEventListener("mousedown", (n) => {
-    n.stopPropagation(), n.preventDefault(), t._resizeController.start(n, e, i);
-  }), o.addEventListener("dblclick", (n) => {
-    n.stopPropagation(), n.preventDefault(), t._resizeController.resetColumn(e);
-  }), o;
-}
-function Z(t, e, i, o) {
-  o.classList.add("sortable"), o.tabIndex = 0;
-  const n = t._sortState?.field === e.field ? t._sortState.direction : 0;
-  o.setAttribute("aria-sort", n === 0 ? "none" : n === 1 ? "ascending" : "descending"), o.addEventListener("click", (r) => {
-    t._resizeController?.isResizing || t._dispatchHeaderClick?.(r, e, o) || De(t, e);
-  }), o.addEventListener("keydown", (r) => {
-    if (r.key === "Enter" || r.key === " ") {
-      if (r.preventDefault(), t._dispatchHeaderClick?.(r, e, o)) return;
-      De(t, e);
-    }
-  });
-}
-function Xt(t, e) {
-  if (e != null)
-    if (typeof e == "string") {
-      const i = document.createElement("span");
-      for (i.innerHTML = k(e); i.firstChild; )
-        t.appendChild(i.firstChild);
-    } else e instanceof Node && t.appendChild(e);
-}
-function oe(t) {
-  t._headerRowEl = t.findHeaderRow();
-  const e = t._headerRowEl;
-  e && (e.innerHTML = "", t._visibleColumns.forEach((i, o) => {
-    const n = document.createElement("div");
-    n.className = "cell", Ye(n, "header-cell"), n.setAttribute("role", "columnheader"), n.setAttribute("aria-colindex", String(o + 1)), n.setAttribute("data-field", i.field), n.setAttribute("data-col", String(o)), i.type && n.setAttribute("data-type", i.type);
-    const r = i.header ?? i.field, s = t._sortState?.field === i.field ? t._sortState.direction : 0, l = s === 1 ? "asc" : s === -1 ? "desc" : null;
-    if (i.headerRenderer) {
-      const a = {
-        column: i,
-        value: r,
-        sortState: l,
-        filterActive: !1,
-        cellEl: n,
-        renderSortIcon: () => V(t, i) ? K(t, i) : null,
-        renderFilterButton: () => null
-      }, c = i.headerRenderer(a);
-      Xt(n, c), V(t, i) && Z(t, i, o, n), j(t, i) && (n.classList.add("resizable"), n.appendChild(Q(t, o, n)));
-    } else if (i.headerLabelRenderer) {
-      const a = {
-        column: i,
-        value: r
-      }, c = i.headerLabelRenderer(a), h = document.createElement("span");
-      c == null ? h.textContent = r : typeof c == "string" ? h.innerHTML = k(c) : c instanceof Node && h.appendChild(c), n.appendChild(h), V(t, i) && (Z(t, i, o, n), n.appendChild(K(t, i))), j(t, i) && (n.classList.add("resizable"), n.appendChild(Q(t, o, n)));
-    } else if (i.__headerTemplate)
-      Array.from(i.__headerTemplate.childNodes).forEach((a) => n.appendChild(a.cloneNode(!0))), V(t, i) && (Z(t, i, o, n), n.appendChild(K(t, i))), j(t, i) && (n.classList.add("resizable"), n.appendChild(Q(t, o, n)));
-    else {
-      const a = document.createElement("span");
-      a.textContent = r, n.appendChild(a), V(t, i) && (Z(t, i, o, n), n.appendChild(K(t, i))), j(t, i) && (n.classList.add("resizable"), n.appendChild(Q(t, o, n)));
-    }
-    e.appendChild(n);
-  }), e.querySelectorAll(".cell.sortable").forEach((i) => {
-    i.getAttribute("aria-sort") || i.setAttribute("aria-sort", "none");
-  }), e.children.length > 0 ? (e.setAttribute("role", "row"), e.setAttribute("aria-rowindex", "1")) : (e.removeAttribute("role"), e.removeAttribute("aria-rowindex")));
-}
-const nt = typeof requestIdleCallback == "function";
-function Yt(t, e) {
-  return nt ? requestIdleCallback(t, e) : window.setTimeout(() => {
-    const i = Date.now();
-    t({
-      didTimeout: !1,
-      timeRemaining: () => Math.max(0, 50 - (Date.now() - i))
-    });
-  }, 1);
-}
-function ke(t) {
-  nt ? cancelIdleCallback(t) : clearTimeout(t);
-}
-function jt(t) {
-  const e = document.createElement("div");
-  return e.className = `tbw-spinner tbw-spinner--${t}`, e.setAttribute("role", "progressbar"), e.setAttribute("aria-label", "Loading"), e;
-}
-function Kt(t, e) {
-  if (e) {
-    const o = e({ size: t });
-    if (typeof o == "string") {
-      const n = document.createElement("div");
-      return n.innerHTML = o, n;
-    }
-    return o;
-  }
-  return jt(t);
-}
-function Qt(t) {
-  const e = document.createElement("div");
-  return e.className = "tbw-loading-overlay", e.setAttribute("role", "status"), e.setAttribute("aria-live", "polite"), e.appendChild(Kt("large", t)), e;
-}
-function Zt(t, e) {
-  t.appendChild(e);
-}
-function Jt(t) {
-  t?.remove();
-}
-function ei(t, e) {
-  if (e) {
-    if (t.classList.add("tbw-row-loading"), t.setAttribute("aria-busy", "true"), !t.querySelector(".tbw-row-loading-overlay")) {
-      const i = document.createElement("div");
-      i.className = "tbw-row-loading-overlay", i.setAttribute("aria-hidden", "true");
-      const o = document.createElement("div");
-      o.className = "tbw-row-loading-spinner", i.appendChild(o), t.appendChild(i);
-    }
-  } else
-    t.classList.remove("tbw-row-loading"), t.removeAttribute("aria-busy"), t.querySelector(".tbw-row-loading-overlay")?.remove();
-}
-function ti(t, e) {
-  e ? (t.classList.add("tbw-cell-loading"), t.setAttribute("aria-busy", "true")) : (t.classList.remove("tbw-cell-loading"), t.removeAttribute("aria-busy"));
-}
-var A = ((t) => (t[t.STYLE = 1] = "STYLE", t[t.VIRTUALIZATION = 2] = "VIRTUALIZATION", t[t.HEADER = 3] = "HEADER", t[t.ROWS = 4] = "ROWS", t[t.COLUMNS = 5] = "COLUMNS", t[t.FULL = 6] = "FULL", t))(A || {});
-class ii {
-  #a;
-  #n = 0;
-  #u = 0;
-  #d = null;
-  #h = null;
-  #l = null;
-  #o = !1;
-  constructor(e) {
-    this.#a = e;
-  }
-  requestPhase(e, i) {
-    e > this.#n && (this.#n = e), this.#u === 0 && (this.#f(), this.#u = requestAnimationFrame(() => this.#w()));
-  }
-  whenReady() {
-    return this.#d ? this.#d : Promise.resolve();
-  }
-  setInitialReadyResolver(e) {
-    this.#l = e;
-  }
-  cancel() {
-    this.#u !== 0 && (cancelAnimationFrame(this.#u), this.#u = 0), this.#n = 0, this.#h && (this.#h(), this.#h = null, this.#d = null);
-  }
-  get isPending() {
-    return this.#n !== 0;
-  }
-  get pendingPhase() {
-    return this.#n;
-  }
-  #f() {
-    this.#d || (this.#d = new Promise((e) => {
-      this.#h = e;
-    }));
-  }
-  #w() {
-    if (this.#u = 0, !this.#a.isConnected()) {
-      this.#n = 0, this.#h && (this.#h(), this.#h = null, this.#d = null);
-      return;
-    }
-    const e = this.#n;
-    this.#n = 0, e >= 5 && this.#a.mergeConfig(), e >= 4 && this.#a.processRows(), e >= 5 && (this.#a.processColumns(), this.#a.updateTemplate()), e >= 3 && this.#a.renderHeader(), e >= 2 && this.#a.renderVirtualWindow(), e >= 1 && this.#a.afterRender(), !this.#o && this.#l && (this.#o = !0, this.#l()), this.#h && (this.#h(), this.#h = null, this.#d = null);
-  }
-}
-function Ie(t) {
-  let e = null, i = null, o = null, n = null;
-  const r = (a) => {
-    if (!e) return;
-    const c = a.clientX - e.startX, h = Math.max(40, e.startWidth + c), f = t._visibleColumns[e.colIndex];
-    f.width = h, f.__userResized = !0, f.__renderedWidth = h, i == null && (i = requestAnimationFrame(() => {
-      i = null, t.updateTemplate?.();
-    })), t.dispatchEvent(
-      new CustomEvent("column-resize", { detail: { field: f.field, width: h } })
-    );
-  };
-  let s = !1;
-  const l = () => {
-    const a = e !== null;
-    a && (s = !0, requestAnimationFrame(() => {
-      s = !1;
-    })), window.removeEventListener("mousemove", r), window.removeEventListener("mouseup", l), o !== null && (document.documentElement.style.cursor = o, o = null), n !== null && (document.body.style.userSelect = n, n = null), e = null, a && t.requestStateChange && t.requestStateChange();
-  };
-  return {
-    get isResizing() {
-      return e !== null || s;
-    },
-    start(a, c, h) {
-      a.preventDefault();
-      const f = t._visibleColumns[c], p = typeof f?.width == "number" ? f.width : void 0, g = f?.__renderedWidth ?? p ?? h.getBoundingClientRect().width;
-      e = { startX: a.clientX, colIndex: c, startWidth: g }, window.addEventListener("mousemove", r), window.addEventListener("mouseup", l), o === null && (o = document.documentElement.style.cursor), document.documentElement.style.cursor = "e-resize", n === null && (n = document.body.style.userSelect), document.body.style.userSelect = "none";
-    },
-    resetColumn(a) {
-      const c = t._visibleColumns[a];
-      c && (c.__userResized = !1, c.__renderedWidth = void 0, c.width = c.__originalWidth, t.updateTemplate?.(), t.requestStateChange?.(), t.dispatchEvent(
-        new CustomEvent("column-resize-reset", { detail: { field: c.field, width: c.width } })
-      ));
-    },
-    dispose() {
-      l();
-    }
-  };
-}
-const ce = "data-animating", oi = {
-  change: "--tbw-row-change-duration",
-  insert: "--tbw-row-insert-duration",
-  remove: "--tbw-row-remove-duration"
-}, ni = {
-  change: 500,
-  insert: 300,
-  remove: 200
-};
-function ri(t) {
-  const e = t.trim().toLowerCase();
-  return e.endsWith("ms") ? parseFloat(e) : e.endsWith("s") ? parseFloat(e) * 1e3 : parseFloat(e);
-}
-function si(t, e) {
-  const i = oi[e], o = getComputedStyle(t).getPropertyValue(i);
-  if (o) {
-    const n = ri(o);
-    if (!isNaN(n) && n > 0)
-      return n;
-  }
-  return ni[e];
-}
-function li(t, e, i) {
-  t.removeAttribute(ce), t.offsetWidth, t.setAttribute(ce, e);
-  const o = si(t, e);
-  setTimeout(() => {
-    e !== "remove" && t.removeAttribute(ce), i?.();
-  }, o);
-}
-function Se(t, e, i) {
-  if (e < 0)
-    return Promise.resolve(!1);
-  const o = t.findRenderedRowElement?.(e);
-  return o ? new Promise((n) => {
-    li(o, i, () => n(!0));
-  }) : Promise.resolve(!1);
-}
-function ai(t, e, i) {
-  return Promise.all(e.map((o) => Se(t, o, i))).then(
-    (o) => o.filter(Boolean).length
-  );
-}
-function ci(t, e, i) {
-  const o = t._rows ?? [], n = t.getRowId;
-  if (!n)
-    return Promise.resolve(!1);
-  const r = o.findIndex((s) => {
-    if (s == null) return !1;
-    try {
-      return n(s) === e;
-    } catch {
-      return !1;
-    }
-  });
-  return r < 0 ? Promise.resolve(!1) : Se(t, r, i);
-}
-function J(t, e, i) {
-  const o = document.createElement(t);
-  if (e)
-    for (const n in e) {
-      const r = e[n];
-      r != null && o.setAttribute(n, r);
-    }
-  return o;
-}
-function P(t, e) {
-  const i = document.createElement("div");
-  if (t && (i.className = t), e)
-    for (const o in e) {
-      const n = e[o];
-      n != null && i.setAttribute(o, n);
-    }
-  return i;
-}
-function rt(t, e, i) {
-  const o = document.createElement("button");
-  if (t && (o.className = t), e)
-    for (const n in e) {
-      const r = e[n];
-      r != null && o.setAttribute(n, r);
-    }
-  return o;
-}
-const st = document.createElement("template");
-st.innerHTML = `
-  <div class="tbw-scroll-area">
-    <div class="rows-body-wrapper">
-      <div class="rows-body" role="grid">
-        <div class="header" role="rowgroup">
-          <div class="header-row" role="row" part="header-row"></div>
-        </div>
-        <div class="rows-container" role="presentation">
-          <div class="rows-viewport" role="presentation">
-            <div class="rows"></div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div class="faux-vscroll">
-    <div class="faux-vscroll-spacer"></div>
-  </div>
-`;
-function lt() {
-  return st.content.cloneNode(!0);
-}
-function Ne(t) {
-  const e = document.createDocumentFragment(), i = P(t.hasShell ? "tbw-grid-root has-shell" : "tbw-grid-root");
-  if (t.hasShell && t.shellHeader && t.shellBody)
-    i.appendChild(t.shellHeader), i.appendChild(t.shellBody);
-  else {
-    const o = P("tbw-grid-content");
-    o.appendChild(lt()), i.appendChild(o);
-  }
-  return e.appendChild(i), e;
-}
-function di(t) {
-  const e = P("tbw-shell-header", { part: "shell-header", role: "presentation" });
-  if (t.title) {
-    const r = P("tbw-shell-title");
-    r.textContent = t.title, e.appendChild(r);
-  }
-  const i = P("tbw-shell-content", {
-    part: "shell-content",
-    role: "presentation",
-    "data-light-dom-header-content": ""
-  });
-  e.appendChild(i);
-  const o = P("tbw-shell-toolbar", { part: "shell-toolbar", role: "presentation" });
-  for (const r of t.configButtons)
-    r.hasRender && o.appendChild(P("tbw-toolbar-content-slot", { "data-toolbar-content": r.id }));
-  for (const r of t.apiButtons)
-    r.hasRender && o.appendChild(P("tbw-toolbar-content-slot", { "data-toolbar-content": r.id }));
-  if ((t.configButtons.some((r) => r.hasRender) || t.apiButtons.some((r) => r.hasRender)) && t.hasPanels && o.appendChild(P("tbw-toolbar-separator")), t.hasPanels) {
-    const r = rt(t.isPanelOpen ? "tbw-toolbar-btn active" : "tbw-toolbar-btn", {
-      "data-panel-toggle": "",
-      title: "Settings",
-      "aria-label": "Toggle settings panel",
-      "aria-pressed": String(t.isPanelOpen),
-      "aria-controls": "tbw-tool-panel"
-    });
-    r.innerHTML = t.toolPanelIcon, o.appendChild(r);
-  }
-  return e.appendChild(o), e;
-}
-function hi(t) {
-  const e = P("tbw-shell-body"), i = t.panels.length > 0, o = t.panels.length === 1, n = P("tbw-grid-content");
-  n.appendChild(lt());
-  let r = null;
-  if (i) {
-    r = J("aside", {
-      class: t.isPanelOpen ? "tbw-tool-panel open" : "tbw-tool-panel",
-      part: "tool-panel",
-      "data-position": t.position,
-      role: "presentation",
-      id: "tbw-tool-panel"
-    });
-    const s = t.position === "left" ? "right" : "left";
-    r.appendChild(
-      P("tbw-tool-panel-resize", {
-        "data-resize-handle": "",
-        "data-handle-position": s,
-        "aria-hidden": "true"
-      })
-    );
-    const l = P("tbw-tool-panel-content", { role: "presentation" }), a = P("tbw-accordion");
-    for (const c of t.panels) {
-      const h = `tbw-accordion-section${c.isExpanded ? " expanded" : ""}${o ? " single" : ""}`, f = P(h, { "data-section": c.id }), p = rt("tbw-accordion-header", {
-        "aria-expanded": String(c.isExpanded),
-        "aria-controls": `tbw-section-${c.id}`
-      });
-      if (o && p.setAttribute("aria-disabled", "true"), c.icon) {
-        const u = J("span", { class: "tbw-accordion-icon" });
-        u.innerHTML = c.icon, p.appendChild(u);
-      }
-      const g = J("span", { class: "tbw-accordion-title" });
-      if (g.textContent = c.title, p.appendChild(g), !o) {
-        const u = J("span", { class: "tbw-accordion-chevron" });
-        u.innerHTML = c.isExpanded ? t.collapseIcon : t.expandIcon, p.appendChild(u);
-      }
-      f.appendChild(p), f.appendChild(
-        P("tbw-accordion-content", {
-          id: `tbw-section-${c.id}`,
-          role: "presentation"
-        })
-      ), a.appendChild(f);
-    }
-    l.appendChild(a), r.appendChild(l);
-  }
-  return t.position === "left" && r ? (e.appendChild(r), e.appendChild(n)) : (e.appendChild(n), r && e.appendChild(r)), e;
-}
-function q(t) {
-  return t ? typeof t == "string" ? t : t.outerHTML : "";
-}
-function ui() {
-  return {
-    toolPanels: /* @__PURE__ */ new Map(),
-    headerContents: /* @__PURE__ */ new Map(),
-    toolbarContents: /* @__PURE__ */ new Map(),
-    hasToolButtonsContainer: !1,
-    lightDomHeaderContent: [],
-    lightDomTitle: null,
-    lightDomToolPanelIds: /* @__PURE__ */ new Set(),
-    lightDomToolbarContentIds: /* @__PURE__ */ new Set(),
-    apiToolPanelIds: /* @__PURE__ */ new Set(),
-    isPanelOpen: !1,
-    expandedSections: /* @__PURE__ */ new Set(),
-    headerContentCleanups: /* @__PURE__ */ new Map(),
-    panelCleanups: /* @__PURE__ */ new Map(),
-    toolbarContentCleanups: /* @__PURE__ */ new Map(),
-    lightDomContentMoved: !1
-  };
-}
-function at(t) {
-  return !!(t?.header?.title || t?.header?.toolbarContents?.length || t?.toolPanels?.length || t?.headerContents?.length || t?.header?.lightDomContent?.length || t?.header?.hasToolButtonsContainer);
-}
-function fi(t, e, i = "☰") {
-  const o = t?.header?.title ?? e.lightDomTitle ?? "", n = !!o, r = q(i), s = t?.header?.toolbarContents ?? [], l = [...e.toolbarContents.values()], a = new Set(s.map((d) => d.id)), c = [...s];
-  for (const d of l)
-    a.has(d.id) || c.push(d);
-  const h = c.length > 0, f = e.toolPanels.size > 0, p = h && f, g = [...c].sort((d, w) => (d.order ?? 0) - (w.order ?? 0));
-  let u = "";
-  for (const d of g)
-    u += `<div class="tbw-toolbar-content-slot" data-toolbar-content="${d.id}"></div>`;
-  if (p && (u += '<div class="tbw-toolbar-separator"></div>'), f) {
-    const d = e.isPanelOpen;
-    u += `<button class="${d ? "tbw-toolbar-btn active" : "tbw-toolbar-btn"}" data-panel-toggle title="Settings" aria-label="Toggle settings panel" aria-pressed="${d}" aria-controls="tbw-tool-panel">${r}</button>`;
-  }
-  return `
-    <div class="tbw-shell-header" part="shell-header" role="presentation">
-      ${n ? `<div class="tbw-shell-title">${Et(o)}</div>` : ""}
-      <div class="tbw-shell-content" part="shell-content" role="presentation" data-light-dom-header-content></div>
-      <div class="tbw-shell-toolbar" part="shell-toolbar" role="presentation">
-        ${u}
-      </div>
-    </div>
-  `;
-}
-function qe(t, e) {
-  const i = t.querySelector("tbw-grid-header");
-  if (!i) return;
-  if (!e.lightDomTitle) {
-    const n = i.getAttribute("title");
-    n && (e.lightDomTitle = n);
-  }
-  const o = i.querySelectorAll("tbw-grid-header-content");
-  o.length > 0 && e.lightDomHeaderContent.length === 0 && (e.lightDomHeaderContent = Array.from(o)), i.style.display = "none";
-}
-function $e(t, e, i) {
-  const o = t.querySelector(":scope > tbw-grid-tool-buttons");
-  if (!o) return;
-  e.hasToolButtonsContainer = !0;
-  const n = "light-dom-toolbar-content";
-  if (e.lightDomToolbarContentIds.has(n)) return;
-  const r = {
-    id: n,
-    order: 0,
-    render: ((s) => {
-      for (; o.firstChild; )
-        s.appendChild(o.firstChild);
-      return () => {
-        for (; s.firstChild; )
-          o.appendChild(s.firstChild);
-      };
-    })
-  };
-  e.toolbarContents.set(n, r), e.lightDomToolbarContentIds.add(n), o.style.display = "none";
-}
-function We(t, e, i) {
-  t.querySelectorAll(":scope > tbw-grid-tool-panel").forEach((n) => {
-    const r = n, s = r.getAttribute("id"), l = r.getAttribute("title");
-    if (!s || !l) {
-      console.warn(
-        `[parseLightDomToolPanels] Tool panel missing required id or title attribute: id="${s ?? ""}", title="${l ?? ""}"`
-      );
-      return;
-    }
-    const a = r.getAttribute("icon") ?? void 0, c = r.getAttribute("tooltip") ?? void 0, h = parseInt(r.getAttribute("order") ?? "100", 10);
-    let f;
-    const p = i?.(r);
-    if (p)
-      f = p;
-    else {
-      const d = r.innerHTML.trim();
-      f = (w) => {
-        const C = document.createElement("div");
-        return C.innerHTML = d, w.appendChild(C), () => C.remove();
-      };
-    }
-    const g = e.toolPanels.get(s);
-    if (g) {
-      if (p) {
-        g.render = f, g.order = h, g.icon = a, g.tooltip = c;
-        const d = e.panelCleanups.get(s);
-        d && (d(), e.panelCleanups.delete(s));
-      }
-      return;
-    }
-    const u = {
-      id: s,
-      title: l,
-      icon: a,
-      tooltip: c,
-      order: h,
-      render: f
-    };
-    e.toolPanels.set(s, u), e.lightDomToolPanelIds.add(s), r.style.display = "none";
-  });
-}
-function gi(t, e, i, o) {
-  const n = t.querySelector(".tbw-shell-toolbar");
-  n && n.addEventListener("click", (s) => {
-    if (s.target.closest("[data-panel-toggle]")) {
-      o.onPanelToggle();
-      return;
-    }
-  });
-  const r = t.querySelector(".tbw-accordion");
-  r && r.addEventListener("click", (s) => {
-    const a = s.target.closest(".tbw-accordion-header");
-    if (a) {
-      const h = a.closest("[data-section]")?.getAttribute("data-section");
-      h && o.onSectionToggle(h);
-    }
-  });
-}
-function pi(t, e, i, o) {
-  if (!e?.toolPanel?.closeOnClickOutside)
-    return () => {
-    };
-  const n = (r) => {
-    if (!i.isPanelOpen) return;
-    const s = r.target;
-    s && (s.closest(".tbw-tool-panel") || s.closest("[data-panel-toggle]") || o());
-  };
-  return t.addEventListener("mousedown", n), () => t.removeEventListener("mousedown", n);
-}
-function wi(t, e, i) {
-  const o = t.querySelector(".tbw-tool-panel"), n = t.querySelector("[data-resize-handle]"), r = t.querySelector(".tbw-shell-body");
-  if (!o || !n || !r)
-    return () => {
-    };
-  const s = e?.toolPanel?.position ?? "right", l = 200;
-  let a = 0, c = 0, h = 0, f = !1;
-  const p = (d) => {
-    if (!f) return;
-    d.preventDefault();
-    const w = s === "left" ? d.clientX - a : a - d.clientX, C = Math.min(h, Math.max(l, c + w));
-    o.style.width = `${C}px`;
-  }, g = () => {
-    if (!f) return;
-    f = !1, n.classList.remove("resizing"), o.style.transition = "", document.body.style.cursor = "", document.body.style.userSelect = "";
-    const d = o.getBoundingClientRect().width;
-    i(d), document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", g);
-  }, u = (d) => {
-    d.preventDefault(), f = !0, a = d.clientX, c = o.getBoundingClientRect().width, h = r.getBoundingClientRect().width - 20, n.classList.add("resizing"), o.style.transition = "none", document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", p), document.addEventListener("mouseup", g);
-  };
-  return n.addEventListener("mousedown", u), () => {
-    n.removeEventListener("mousedown", u), document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", g);
-  };
-}
-function de(t, e, i) {
-  const o = e?.header?.toolbarContents ?? [], n = [...i.toolbarContents.values()], r = new Set(o.map((l) => l.id)), s = [...o];
-  for (const l of n)
-    r.has(l.id) || s.push(l);
-  for (const l of s) {
-    if (i.toolbarContentCleanups.has(l.id) || !l.render) continue;
-    const a = t.querySelector(`[data-toolbar-content="${l.id}"]`);
-    if (!a) continue;
-    const c = l.render(a);
-    c && i.toolbarContentCleanups.set(l.id, c);
-  }
-}
-function pe(t, e) {
-  const i = e.lightDomHeaderContent.length > 0 && !e.lightDomContentMoved, o = e.headerContents.size > 0;
-  if (!i && !o) return;
-  const n = t.querySelector(".tbw-shell-content");
-  if (!n) return;
-  if (i) {
-    for (const s of e.lightDomHeaderContent)
-      s.style.display = "", n.appendChild(s);
-    e.lightDomContentMoved = !0;
-  }
-  const r = [...e.headerContents.values()].sort((s, l) => (s.order ?? 100) - (l.order ?? 100));
-  for (const s of r) {
-    const l = e.headerContentCleanups.get(s.id);
-    l && (l(), e.headerContentCleanups.delete(s.id));
-    let a = n.querySelector(`[data-header-content="${s.id}"]`);
-    a || (a = document.createElement("div"), a.setAttribute("data-header-content", s.id), n.appendChild(a));
-    const c = s.render(a);
-    c && e.headerContentCleanups.set(s.id, c);
-  }
-}
-function bi(t, e, i) {
-  if (!e.isPanelOpen) return;
-  const o = q(i?.expand ?? M.expand), n = q(i?.collapse ?? M.collapse);
-  for (const [r, s] of e.toolPanels) {
-    const l = e.expandedSections.has(r), a = t.querySelector(`[data-section="${r}"]`), c = a?.querySelector(".tbw-accordion-content");
-    if (!a || !c) continue;
-    a.classList.toggle("expanded", l);
-    const h = a.querySelector(".tbw-accordion-header");
-    h && h.setAttribute("aria-expanded", String(l));
-    const f = a.querySelector(".tbw-accordion-chevron");
-    if (f && (f.innerHTML = l ? n : o), l) {
-      if (c.children.length === 0) {
-        const p = s.render(c);
-        p && e.panelCleanups.set(r, p);
-      }
-    } else {
-      const p = e.panelCleanups.get(r);
-      p && (p(), e.panelCleanups.delete(r)), c.innerHTML = "";
-    }
-  }
-}
-function Fe(t, e) {
-  const i = t.querySelector("[data-panel-toggle]");
-  i && (i.classList.toggle("active", e.isPanelOpen), i.setAttribute("aria-pressed", String(e.isPanelOpen)));
-}
-function Ve(t, e) {
-  const i = t.querySelector(".tbw-tool-panel");
-  i && (i.classList.toggle("open", e.isPanelOpen), e.isPanelOpen || (i.style.width = ""));
-}
-function he(t) {
-  for (const e of t.toolbarContentCleanups.values())
-    e();
-  t.toolbarContentCleanups.clear();
-}
-function mi(t) {
-  for (const e of t.headerContentCleanups.values())
-    e();
-  t.headerContentCleanups.clear();
-  for (const e of t.panelCleanups.values())
-    e();
-  t.panelCleanups.clear();
-  for (const e of t.toolbarContentCleanups.values())
-    e();
-  t.toolbarContentCleanups.clear();
-  for (const e of t.toolbarContents.values())
-    e.onDestroy?.();
-  if (t.isPanelOpen)
-    for (const e of t.expandedSections)
-      t.toolPanels.get(e)?.onClose?.();
-  t.isPanelOpen = !1, t.expandedSections.clear(), t.toolPanels.clear(), t.headerContents.clear(), t.toolbarContents.clear(), t.lightDomHeaderContent = [], t.lightDomToolPanelIds.clear(), t.lightDomToolbarContentIds.clear(), t.lightDomContentMoved = !1;
-}
-function vi(t, e) {
-  let i = !1;
-  const o = {
-    get isInitialized() {
-      return i;
-    },
-    setInitialized(n) {
-      i = 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 s = [...t.toolPanels.values()].sort((l, a) => (l.order ?? 100) - (a.order ?? 100))[0];
-        s && t.expandedSections.add(s.id);
-      }
-      const n = e.getShadow();
-      Fe(n, t), Ve(n, t), bi(n, t, e.getAccordionIcons()), e.emit("tool-panel-open", { sections: o.expandedSections });
-    },
-    closeToolPanel() {
-      if (!t.isPanelOpen) return;
-      for (const r of t.panelCleanups.values())
-        r();
-      t.panelCleanups.clear();
-      for (const r of t.toolPanels.values())
-        r.onClose?.();
-      t.isPanelOpen = !1;
-      const n = e.getShadow();
-      Fe(n, t), Ve(n, t), e.emit("tool-panel-close", {});
-    },
-    toggleToolPanel() {
-      t.isPanelOpen ? o.closeToolPanel() : o.openToolPanel();
-    },
-    toggleToolPanelSection(n) {
-      const r = t.toolPanels.get(n);
-      if (!r) {
-        console.warn(`[tbw-grid] Tool panel section "${n}" not found`);
-        return;
-      }
-      if (t.toolPanels.size === 1)
-        return;
-      const s = e.getShadow(), l = t.expandedSections.has(n);
-      if (l) {
-        const a = t.panelCleanups.get(n);
-        a && (a(), t.panelCleanups.delete(n)), r.onClose?.(), t.expandedSections.delete(n), ue(s, n, !1);
-      } else {
-        for (const [a, c] of t.toolPanels)
-          if (a !== n && t.expandedSections.has(a)) {
-            const h = t.panelCleanups.get(a);
-            h && (h(), t.panelCleanups.delete(a)), c.onClose?.(), t.expandedSections.delete(a), ue(s, a, !1);
-            const f = s.querySelector(`[data-section="${a}"] .tbw-accordion-content`);
-            f && (f.innerHTML = "");
-          }
-        t.expandedSections.add(n), ue(s, n, !0), Ci(s, 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), i && e.refreshShellHeader();
-    },
-    unregisterToolPanel(n) {
-      if (t.expandedSections.has(n)) {
-        const r = t.panelCleanups.get(n);
-        r && (r(), t.panelCleanups.delete(n)), t.expandedSections.delete(n);
-      }
-      t.toolPanels.delete(n), i && 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), i && pe(e.getShadow(), t);
-    },
-    unregisterHeaderContent(n) {
-      const r = t.headerContentCleanups.get(n);
-      r && (r(), t.headerContentCleanups.delete(n)), t.headerContents.get(n)?.onDestroy?.(), t.headerContents.delete(n), e.getShadow().querySelector(`[data-header-content="${n}"]`)?.remove();
-    },
-    getToolbarContents() {
-      return [...t.toolbarContents.values()].sort((n, r) => (n.order ?? 0) - (r.order ?? 0));
-    },
-    registerToolbarContent(n) {
-      if (t.toolbarContents.has(n.id)) {
-        console.warn(`[tbw-grid] Toolbar content "${n.id}" already registered`);
-        return;
-      }
-      t.toolbarContents.set(n.id, n), i && e.refreshShellHeader();
-    },
-    unregisterToolbarContent(n) {
-      const r = t.toolbarContentCleanups.get(n);
-      r && (r(), t.toolbarContentCleanups.delete(n));
-      const s = t.toolbarContents.get(n);
-      s?.onDestroy && s.onDestroy(), t.toolbarContents.delete(n), i && e.refreshShellHeader();
-    }
-  };
-  return o;
-}
-function ue(t, e, i) {
-  const o = t.querySelector(`[data-section="${e}"]`);
-  o && o.classList.toggle("expanded", i);
-}
-function Ci(t, e, i) {
-  const o = e.toolPanels.get(i);
-  if (!o?.render) return;
-  const n = t.querySelector(`[data-section="${i}"] .tbw-accordion-content`);
-  if (!n) return;
-  const r = o.render(n);
-  r && e.panelCleanups.set(i, r);
-}
-function yi(t, e, i, o) {
-  const n = at(e), r = [], s = [
-    "tbw-grid-header",
-    "tbw-grid-tool-buttons",
-    "tbw-grid-tool-panel",
-    "tbw-grid-column",
-    "tbw-grid-detail",
-    "tbw-grid-responsive-card"
-  ];
-  for (const l of s)
-    t.querySelectorAll(`:scope > ${l}`).forEach((c) => r.push(c));
-  t.replaceChildren();
-  for (const l of r)
-    t.appendChild(l);
-  if (n) {
-    const l = q(o?.toolPanel ?? M.toolPanel), a = q(o?.expand ?? M.expand), c = q(o?.collapse ?? M.collapse), f = [...e?.header?.toolbarContents ?? []].sort((_, R) => (_.order ?? 0) - (R.order ?? 0)), g = [...e?.toolPanels ?? []].sort((_, R) => (_.order ?? 100) - (R.order ?? 100)), u = {
-      title: e?.header?.title ?? void 0,
-      hasPanels: g.length > 0,
-      isPanelOpen: i.isPanelOpen,
-      toolPanelIcon: l,
-      configButtons: f.map((_) => ({
-        id: _.id,
-        hasElement: !1,
-        hasRender: !!_.render
-      })),
-      apiButtons: []
-    }, d = {
-      position: e?.toolPanel?.position ?? "right",
-      isPanelOpen: i.isPanelOpen,
-      expandIcon: a,
-      collapseIcon: c,
-      panels: g.map((_) => ({
-        id: _.id,
-        title: _.title,
-        icon: q(_.icon),
-        isExpanded: i.expandedSections.has(_.id)
-      }))
-    }, w = di(u), C = hi(d), m = Ne({
-      hasShell: !0,
-      shellHeader: w,
-      shellBody: C
-    });
-    t.appendChild(m);
-  } else {
-    const l = Ne({ hasShell: !1 });
-    t.appendChild(l);
-  }
-  return n;
-}
-const Ue = "tbw-grid-styles";
-let te = "";
-const we = /* @__PURE__ */ new Map();
-function _i() {
-  let t = document.getElementById(Ue);
-  return t || (t = document.createElement("style"), t.id = Ue, t.setAttribute("data-tbw-grid", "true"), document.head.appendChild(t)), t;
-}
-function be() {
-  const t = _i(), e = Array.from(we.values()).join(`
-`);
-  t.textContent = `${te}
-
-/* Plugin Styles */
-${e}`;
-}
-function Ei(t) {
-  let e = !1;
-  for (const { name: i, styles: o } of t)
-    we.has(i) || (we.set(i, o), e = !0);
-  return e && be(), e;
-}
-function Si() {
-  try {
-    for (const t of Array.from(document.styleSheets))
-      try {
-        const i = Array.from(t.cssRules || []).map((o) => o.cssText).join(`
-`);
-        if (i.includes(".tbw-grid-root") && i.includes("tbw-grid"))
-          return i;
-      } catch {
-        continue;
-      }
-  } catch (t) {
-    console.warn("[tbw-grid] Failed to extract grid.css from document stylesheets:", t);
-  }
-  return null;
-}
-async function Ri(t) {
-  if (te)
-    return;
-  if (typeof t == "string" && t.length > 0) {
-    te = t, be();
-    return;
-  }
-  await new Promise((i) => setTimeout(i, 50));
-  const e = Si();
-  e ? (te = e, be()) : (typeof process > "u" || process.env?.NODE_ENV !== "test") && console.warn(
-    "[tbw-grid] Could not find grid.css in document.styleSheets. Grid styling will not work.",
-    "Available stylesheets:",
-    Array.from(document.styleSheets).map((i) => i.href || "(inline)")
-  );
-}
-function Ai() {
-  return {
-    startY: null,
-    startX: null,
-    scrollTop: null,
-    scrollLeft: null,
-    lastY: null,
-    lastX: null,
-    lastTime: null,
-    velocityY: 0,
-    velocityX: 0,
-    momentumRaf: 0
-  };
-}
-function Ti(t) {
-  t.startY = null, t.startX = null, t.scrollTop = null, t.scrollLeft = null, t.lastY = null, t.lastX = null, t.lastTime = null;
-}
-function ct(t) {
-  t.momentumRaf && (cancelAnimationFrame(t.momentumRaf), t.momentumRaf = 0);
-}
-function xi(t, e, i) {
-  if (t.touches.length !== 1) return;
-  ct(e);
-  const o = t.touches[0];
-  e.startY = o.clientY, e.startX = o.clientX, e.lastY = o.clientY, e.lastX = o.clientX, e.lastTime = performance.now(), e.scrollTop = i.fauxScrollbar.scrollTop, e.scrollLeft = i.scrollArea?.scrollLeft ?? 0, e.velocityY = 0, e.velocityX = 0;
-}
-function Hi(t, e, i) {
-  if (t.touches.length !== 1 || e.startY === null || e.startX === null || e.scrollTop === null || e.scrollLeft === null)
-    return !1;
-  const o = t.touches[0], n = o.clientY, r = o.clientX, s = performance.now(), l = e.startY - n, a = e.startX - r;
-  if (e.lastTime !== null && e.lastY !== null && e.lastX !== null) {
-    const d = s - e.lastTime;
-    d > 0 && (e.velocityY = (e.lastY - n) / d, e.velocityX = (e.lastX - r) / d);
-  }
-  e.lastY = n, e.lastX = r, e.lastTime = s;
-  const { scrollTop: c, scrollHeight: h, clientHeight: f } = i.fauxScrollbar, p = h - f, g = l > 0 && c < p || l < 0 && c > 0;
-  let u = !1;
-  if (i.scrollArea) {
-    const { scrollLeft: d, scrollWidth: w, clientWidth: C } = i.scrollArea, m = w - C;
-    u = a > 0 && d < m || a < 0 && d > 0;
-  }
-  return g && (i.fauxScrollbar.scrollTop = e.scrollTop + l), u && i.scrollArea && (i.scrollArea.scrollLeft = e.scrollLeft + a), g || u;
-}
-function Li(t, e) {
-  (Math.abs(t.velocityY) > 0.1 || Math.abs(t.velocityX) > 0.1) && Pi(t, e), Ti(t);
-}
-function Pi(t, e) {
-  const n = () => {
-    t.velocityY *= 0.95, t.velocityX *= 0.95;
-    const r = t.velocityY * 16, s = t.velocityX * 16;
-    Math.abs(t.velocityY) > 0.01 && (e.fauxScrollbar.scrollTop += r), Math.abs(t.velocityX) > 0.01 && e.scrollArea && (e.scrollArea.scrollLeft += s), Math.abs(t.velocityY) > 0.01 || Math.abs(t.velocityX) > 0.01 ? t.momentumRaf = requestAnimationFrame(n) : t.momentumRaf = 0;
-  };
-  t.momentumRaf = requestAnimationFrame(n);
-}
-function zi(t, e, i, o) {
-  t.addEventListener("touchstart", (n) => xi(n, e, i), {
-    passive: !0,
-    signal: o
-  }), t.addEventListener(
-    "touchmove",
-    (n) => {
-      Hi(n, e, i) && n.preventDefault();
-    },
-    { passive: !1, signal: o }
-  ), t.addEventListener("touchend", () => Li(e, i), { passive: !0, signal: o });
-}
-const Oi = [
-  {
-    property: "editable",
-    pluginName: "editing",
-    level: "column",
-    description: 'the "editable" column property',
-    isUsed: (t) => t === !0
-  },
-  {
-    property: "editor",
-    pluginName: "editing",
-    level: "column",
-    description: 'the "editor" column property'
-  },
-  {
-    property: "editorParams",
-    pluginName: "editing",
-    level: "column",
-    description: 'the "editorParams" column property'
-  },
-  {
-    property: "group",
-    pluginName: "groupingColumns",
-    level: "column",
-    description: 'the "group" column property'
-  },
-  {
-    property: "pinned",
-    pluginName: "pinnedColumns",
-    level: "column",
-    description: 'the "pinned" column property',
-    isUsed: (t) => t === "left" || t === "right" || t === "start" || t === "end"
-  },
-  {
-    property: "sticky",
-    pluginName: "pinnedColumns",
-    level: "column",
-    description: 'the "sticky" column property (deprecated, use "pinned")',
-    isUsed: (t) => t === "left" || t === "right" || t === "start" || t === "end"
-  }
-], Di = [
-  {
-    property: "columnGroups",
-    pluginName: "groupingColumns",
-    level: "config",
-    description: 'the "columnGroups" config property',
-    isUsed: (t) => Array.isArray(t) && t.length > 0
-  }
-];
-function Mi(t) {
-  return t.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
-}
-function me(t) {
-  return `import { ${O(t)}Plugin } from '@toolbox-web/grid/plugins/${Mi(t)}';`;
-}
-function O(t) {
-  return t.charAt(0).toUpperCase() + t.slice(1);
-}
-function Be(t, e) {
-  return t.some((i) => i.name === e);
-}
-function ki(t, e) {
-  const i = Oi, o = Di, n = /* @__PURE__ */ new Map();
-  function r(l, a, c, h, f = !1) {
-    n.has(l) || n.set(l, { description: a, importHint: c, fields: [], isConfigProperty: f });
-    const p = n.get(l);
-    p.fields.includes(h) || p.fields.push(h);
-  }
-  for (const l of o) {
-    const a = t[l.property];
-    (l.isUsed ? l.isUsed(a) : a !== void 0) && !Be(e, l.pluginName) && r(l.pluginName, l.description, me(l.pluginName), l.property, !0);
-  }
-  const s = t.columns;
-  if (s && s.length > 0)
-    for (const l of s)
-      for (const a of i) {
-        const c = l[a.property];
-        if ((a.isUsed ? a.isUsed(c) : c !== void 0) && !Be(e, a.pluginName)) {
-          const f = l.field || "<unknown>";
-          r(a.pluginName, a.description, me(a.pluginName), f);
-        }
-      }
-  if (n.size > 0) {
-    const l = [];
-    for (const [a, { description: c, importHint: h, fields: f, isConfigProperty: p }] of n)
-      if (p)
-        l.push(
-          `Config uses ${c}, but the required plugin is not loaded.
-  → Add the plugin to your gridConfig.plugins array:
-    ${h}
-    plugins: [new ${O(a)}Plugin(), ...]`
-        );
-      else {
-        const g = f.slice(0, 3).join(", ") + (f.length > 3 ? `, ... (${f.length} total)` : "");
-        l.push(
-          `Column(s) [${g}] use ${c}, but the required plugin is not loaded.
-  → Add the plugin to your gridConfig.plugins array:
-    ${h}
-    plugins: [new ${O(a)}Plugin(), ...]`
-        );
-      }
-    throw new Error(
-      `[tbw-grid] Configuration error:
-
-${l.join(`
-
-`)}
-
-This validation helps catch misconfigurations early. The properties listed above require their respective plugins to function.`
-    );
-  }
-}
-function Ii(t) {
-  const e = [], i = [];
-  for (const o of t) {
-    const r = o.constructor.manifest;
-    if (r?.configRules)
-      for (const s of r.configRules) {
-        const l = o.config;
-        if (s.check(l)) {
-          const c = `${`[tbw-grid:${O(o.name)}Plugin]`} Configuration warning: ${s.message}`;
-          s.severity === "error" ? e.push(c) : i.push(c);
-        }
-      }
-  }
-  if (i.length > 0 && ye())
-    for (const o of i)
-      console.warn(o);
-  if (e.length > 0)
-    throw new Error(`[tbw-grid] Configuration error:
-
-${e.join(`
-
-`)}`);
-}
-function Ni(t, e) {
-  const i = t.name, n = t.constructor.dependencies ?? [];
-  for (const r of n) {
-    const s = r.name, l = r.required ?? !0, a = r.reason;
-    if (!e.some((h) => h.name === s)) {
-      const h = a ?? `${O(i)}Plugin requires ${O(s)}Plugin`, f = me(s);
-      if (l)
-        throw new Error(
-          `[tbw-grid] Plugin dependency error:
-
-${h}.
-
-  → Add the plugin to your gridConfig.plugins array BEFORE ${O(i)}Plugin:
-    ${f}
-    plugins: [new ${O(s)}Plugin(), new ${O(i)}Plugin()]`
-        );
-      console.info(
-        `[tbw-grid] ${O(i)}Plugin: Optional "${s}" plugin not found. Some features may be unavailable.`
-      );
-    }
-  }
-}
-function qi(t) {
-  if (!ye()) return;
-  const e = new Set(t.map((o) => o.name)), i = /* @__PURE__ */ new Set();
-  for (const o of t) {
-    const r = o.constructor.manifest;
-    if (r?.incompatibleWith) {
-      for (const s of r.incompatibleWith)
-        if (e.has(s.name)) {
-          const l = [o.name, s.name].sort().join("↔");
-          if (i.has(l)) continue;
-          i.add(l), console.warn(
-            `[tbw-grid] Plugin incompatibility warning:
-
-${O(o.name)}Plugin and ${O(s.name)}Plugin are both loaded, but they are currently incompatible.
-
-  → ${s.reason}
-
-  Consider removing one of these plugins to avoid unexpected behavior.`
-          );
-        }
-    }
-  }
-}
-function dt(t, e) {
-  return !t || typeof t != "object" ? t : "__rowCacheKey" in t ? t.__rowCacheKey : "rowId" in t && t.rowId != null ? `id:${t.rowId}` : e ? `id:${e(t)}` : t;
-}
-function $i(t, e, i) {
-  const o = dt(e, i);
-  if (typeof o == "string")
-    return t.byKey.get(o);
-  if (o && typeof o == "object")
-    return t.byRef.get(o);
-}
-function Wi(t, e, i, o) {
-  const n = dt(e, o);
-  typeof n == "string" ? t.byKey.set(n, i) : n && typeof n == "object" && t.byRef.set(n, i);
-}
-function Fi(t, e, i, o, n) {
-  const r = new Array(t.length);
-  let s = 0;
-  for (let l = 0; l < t.length; l++) {
-    const a = t[l];
-    let c = n?.(a, l), h = c !== void 0;
-    c === void 0 && (c = $i(e, a, o.rowId), h = c !== void 0), c === void 0 && (c = i, h = !1), r[l] = { offset: s, height: c, measured: h }, s += c;
-  }
-  return r;
-}
-function ve(t, e, i) {
-  if (e < 0 || e >= t.length) return;
-  const o = t[e], n = i - o.height;
-  if (n !== 0) {
-    o.height = i, o.measured = !0;
-    for (let r = e + 1; r < t.length; r++)
-      t[r].offset += n;
-  }
-}
-function Vi(t) {
-  if (t.length === 0) return 0;
-  const e = t[t.length - 1];
-  return e.offset + e.height;
-}
-function Ge(t, e) {
-  if (t.length === 0) return -1;
-  if (e <= 0) return 0;
-  let i = 0, o = t.length - 1;
-  for (; i <= o; ) {
-    const n = Math.floor((i + o) / 2), r = t[n], s = r.offset + r.height;
-    if (e < r.offset)
-      o = n - 1;
-    else if (e >= s)
-      i = n + 1;
-    else
-      return n;
-  }
-  return Math.max(0, Math.min(i, t.length - 1));
-}
-function Ui(t, e) {
-  let i = 0, o = 0;
-  for (const n of t)
-    n.measured && (i += n.height, o++);
-  return o > 0 ? i / o : e;
-}
-function Bi(t) {
-  let e = 0;
-  for (const i of t)
-    i.measured && e++;
-  return e;
-}
-function Gi(t, e) {
-  const { positionCache: i, heightCache: o, rows: n, start: r, end: s, getPluginHeight: l, getRowId: a } = t;
-  let c = !1;
-  e.forEach((p) => {
-    const g = p.dataset.rowIndex;
-    if (!g) return;
-    const u = parseInt(g, 10);
-    if (u < r || u >= s || u >= n.length) return;
-    const d = n[u], w = l?.(d, u);
-    if (w !== void 0) {
-      const m = i[u];
-      (!m.measured || Math.abs(m.height - w) > 1) && (ve(i, u, w), c = !0);
-      return;
-    }
-    const C = p.offsetHeight;
-    if (C > 0) {
-      const m = i[u];
-      (!m.measured || Math.abs(m.height - C) > 1) && (ve(i, u, C), Wi(o, d, C, a), c = !0);
-    }
-  });
-  const h = c ? Bi(i) : 0, f = c ? Ui(i, t.defaultHeight) : 0;
-  return { hasChanges: c, measuredCount: h, averageHeight: f };
-}
-function Xi(t, e, i, o) {
-  let n = 0, r = 0;
-  for (let s = 0; s < t.length; s++) {
-    const l = t[s];
-    l.measured && o?.(e[s], s) === void 0 && (r += l.height, n++);
-  }
-  return {
-    measuredCount: n,
-    averageHeight: n > 0 ? r / n : i
-  };
-}
-function so(t) {
-  const { totalRows: e, viewportHeight: i, scrollTop: o, rowHeight: n, overscan: r } = t, s = Math.ceil(i / n);
-  let l = Math.floor(o / n) - r;
-  l < 0 && (l = 0);
-  let a = l + s + r * 2;
-  return a > e && (a = e), a === e && l > 0 && (l = Math.max(0, a - s - r * 2)), {
-    start: l,
-    end: a,
-    offsetY: l * n,
-    totalHeight: e * n
-  };
-}
-function lo(t, e) {
-  return t <= e;
-}
-class ne {
-  constructor(e) {
-    this.grid = e;
-  }
-  plugins = [];
-  getPlugins() {
-    return this.plugins;
-  }
-  pluginMap = /* @__PURE__ */ new Map();
-  cellRenderers = /* @__PURE__ */ new Map();
-  headerRenderers = /* @__PURE__ */ new Map();
-  cellEditors = /* @__PURE__ */ new Map();
-  eventListeners = /* @__PURE__ */ new Map();
-  queryHandlers = /* @__PURE__ */ new Map();
-  static deprecationWarned = /* @__PURE__ */ new WeakSet();
-  attachAll(e) {
-    for (const i of e)
-      this.attach(i);
-  }
-  attach(e) {
-    if (Ni(e, this.plugins), this.pluginMap.set(e.constructor, e), this.plugins.push(e), e.cellRenderers)
-      for (const [i, o] of Object.entries(e.cellRenderers))
-        this.cellRenderers.set(i, o);
-    if (e.headerRenderers)
-      for (const [i, o] of Object.entries(e.headerRenderers))
-        this.headerRenderers.set(i, o);
-    if (e.cellEditors)
-      for (const [i, o] of Object.entries(e.cellEditors))
-        this.cellEditors.set(i, o);
-    this.registerQueryHandlers(e), this.warnDeprecatedHooks(e), e.attach(this.grid);
-    for (const i of this.plugins)
-      i !== e && i.onPluginAttached && i.onPluginAttached(e.name, e);
-  }
-  registerQueryHandlers(e) {
-    const o = e.constructor.manifest;
-    if (o?.queries)
-      for (const n of o.queries) {
-        let r = this.queryHandlers.get(n.type);
-        r || (r = /* @__PURE__ */ new Set(), this.queryHandlers.set(n.type, r)), r.add(e);
-      }
-  }
-  warnDeprecatedHooks(e) {
-    const i = e.constructor;
-    if (ne.deprecationWarned.has(i) || !ye()) return;
-    const o = typeof e.getExtraHeight == "function" || typeof e.getExtraHeightBefore == "function", n = typeof e.getRowHeight == "function";
-    o && !n && (ne.deprecationWarned.add(i), console.warn(
-      `[tbw-grid] Deprecation warning: "${e.name}" uses getExtraHeight() / getExtraHeightBefore() which are deprecated and will be removed in v3.0.
-  → Migrate to getRowHeight(row, index) for better variable row height support.
-  → See: https://toolbox-web.dev/docs/grid/plugins/migration#row-height-hooks`
-    ));
-  }
-  unregisterQueryHandlers(e) {
-    for (const [i, o] of this.queryHandlers)
-      o.delete(e), o.size === 0 && this.queryHandlers.delete(i);
-  }
-  detachAll() {
-    for (const e of this.plugins)
-      for (const i of this.plugins)
-        i !== e && i.onPluginDetached && i.onPluginDetached(e.name);
-    for (let e = this.plugins.length - 1; e >= 0; e--) {
-      const i = this.plugins[e];
-      this.unsubscribeAll(i), this.unregisterQueryHandlers(i), i.detach();
-    }
-    this.plugins = [], this.pluginMap.clear(), this.cellRenderers.clear(), this.headerRenderers.clear(), this.cellEditors.clear(), this.eventListeners.clear(), this.queryHandlers.clear();
-  }
-  getPlugin(e) {
-    return this.pluginMap.get(e);
-  }
-  getPluginByName(e) {
-    return this.plugins.find((i) => i.name === e);
-  }
-  hasPlugin(e) {
-    return this.pluginMap.has(e);
-  }
-  getAll() {
-    return this.plugins;
-  }
-  getRegisteredPluginNames() {
-    return this.plugins.map((e) => e.name);
-  }
-  getCellRenderer(e) {
-    return this.cellRenderers.get(e);
-  }
-  getHeaderRenderer(e) {
-    return this.headerRenderers.get(e);
-  }
-  getCellEditor(e) {
-    return this.cellEditors.get(e);
-  }
-  getPluginStyles() {
-    return this.plugins.filter((e) => e.styles).map((e) => ({ name: e.name, styles: e.styles }));
-  }
-  processRows(e) {
-    let i = [...e];
-    for (const o of this.plugins)
-      o.processRows && (i = o.processRows(i));
-    return i;
-  }
-  processColumns(e) {
-    let i = [...e];
-    for (const o of this.plugins)
-      o.processColumns && (i = o.processColumns(i));
-    return i;
-  }
-  beforeRender() {
-    for (const e of this.plugins)
-      e.beforeRender?.();
-  }
-  afterRender() {
-    for (const e of this.plugins)
-      e.afterRender?.();
-  }
-  afterCellRender(e) {
-    for (const i of this.plugins)
-      i.afterCellRender?.(e);
-  }
-  hasAfterCellRenderHook() {
-    return this.plugins.some((e) => typeof e.afterCellRender == "function");
-  }
-  afterRowRender(e) {
-    for (const i of this.plugins)
-      i.afterRowRender?.(e);
-  }
-  hasAfterRowRenderHook() {
-    return this.plugins.some((e) => typeof e.afterRowRender == "function");
-  }
-  onScrollRender() {
-    for (const e of this.plugins)
-      e.onScrollRender?.();
-  }
-  getExtraHeight() {
-    let e = 0;
-    for (const i of this.plugins)
-      typeof i.getExtraHeight == "function" && (e += i.getExtraHeight());
-    return e;
-  }
-  hasExtraHeight() {
-    for (const e of this.plugins)
-      if (typeof e.getExtraHeight == "function" && e.getExtraHeight() > 0)
-        return !0;
-    return !1;
-  }
-  getExtraHeightBefore(e) {
-    let i = 0;
-    for (const o of this.plugins)
-      typeof o.getExtraHeightBefore == "function" && (i += o.getExtraHeightBefore(e));
-    return i;
-  }
-  getRowHeight(e, i) {
-    for (const o of this.plugins)
-      if (typeof o.getRowHeight == "function") {
-        const n = o.getRowHeight(e, i);
-        if (n !== void 0)
-          return n;
-      }
-  }
-  hasRowHeightPlugin() {
-    for (const e of this.plugins)
-      if (typeof e.getRowHeight == "function")
-        return !0;
-    return !1;
-  }
-  adjustVirtualStart(e, i, o) {
-    let n = e;
-    for (const r of this.plugins)
-      if (typeof r.adjustVirtualStart == "function") {
-        const s = r.adjustVirtualStart(e, i, o);
-        s < n && (n = s);
-      }
-    return n;
-  }
-  renderRow(e, i, o) {
-    for (const n of this.plugins)
-      if (n.renderRow?.(e, i, o))
-        return !0;
-    return !1;
-  }
-  queryPlugins(e) {
-    const i = [], o = this.queryHandlers.get(e.type);
-    if (o && o.size > 0) {
-      for (const n of o) {
-        const r = n.handleQuery?.(e) ?? n.onPluginQuery?.(e);
-        r !== void 0 && i.push(r);
-      }
-      return i;
-    }
-    for (const n of this.plugins) {
-      const r = n.handleQuery?.(e) ?? n.onPluginQuery?.(e);
-      r !== void 0 && i.push(r);
-    }
-    return i;
-  }
-  subscribe(e, i, o) {
-    let n = this.eventListeners.get(i);
-    n || (n = /* @__PURE__ */ new Map(), this.eventListeners.set(i, n)), n.set(e, o);
-  }
-  unsubscribe(e, i) {
-    const o = this.eventListeners.get(i);
-    o && (o.delete(e), o.size === 0 && this.eventListeners.delete(i));
-  }
-  unsubscribeAll(e) {
-    for (const [i, o] of this.eventListeners)
-      o.delete(e), o.size === 0 && this.eventListeners.delete(i);
-  }
-  emitPluginEvent(e, i) {
-    const o = this.eventListeners.get(e);
-    if (o)
-      for (const n of o.values())
-        try {
-          n(i);
-        } catch (r) {
-          console.error(`[tbw-grid] Error in plugin event handler for "${e}":`, r);
-        }
-  }
-  onKeyDown(e) {
-    for (const i of this.plugins)
-      if (i.onKeyDown?.(e))
-        return !0;
-    return !1;
-  }
-  onCellClick(e) {
-    for (const i of this.plugins)
-      if (i.onCellClick?.(e))
-        return !0;
-    return !1;
-  }
-  onRowClick(e) {
-    for (const i of this.plugins)
-      if (i.onRowClick?.(e))
-        return !0;
-    return !1;
-  }
-  onHeaderClick(e) {
-    for (const i of this.plugins)
-      if (i.onHeaderClick?.(e))
-        return !0;
-    return !1;
-  }
-  onScroll(e) {
-    for (const i of this.plugins)
-      i.onScroll?.(e);
-  }
-  onCellMouseDown(e) {
-    for (const i of this.plugins)
-      if (i.onCellMouseDown?.(e))
-        return !0;
-    return !1;
-  }
-  onCellMouseMove(e) {
-    for (const i of this.plugins)
-      if (i.onCellMouseMove?.(e))
-        return !0;
-    return !1;
-  }
-  onCellMouseUp(e) {
-    for (const i of this.plugins)
-      if (i.onCellMouseUp?.(e))
-        return !0;
-    return !1;
-  }
-  getHorizontalScrollOffsets(e, i) {
-    let o = 0, n = 0, r = !1;
-    for (const s of this.plugins) {
-      const l = s.getHorizontalScrollOffsets?.(e, i);
-      l && (o += l.left, n += l.right, l.skipScroll && (r = !0));
-    }
-    return { left: o, right: n, skipScroll: r };
-  }
-  getToolPanels() {
-    const e = [];
-    for (const i of this.plugins) {
-      const o = i.getToolPanel?.();
-      o && e.push({ plugin: i, panel: o });
-    }
-    return e.sort((i, o) => (i.panel.order ?? 0) - (o.panel.order ?? 0));
-  }
-  getHeaderContents() {
-    const e = [];
-    for (const i of this.plugins) {
-      const o = i.getHeaderContent?.();
-      o && e.push({ plugin: i, content: o });
-    }
-    return e.sort((i, o) => (i.content.order ?? 0) - (o.content.order ?? 0));
-  }
-}
-const Yi = "@layer tbw-base{tbw-grid{.tbw-expanding{animation:tbw-expand var(--tbw-animation-duration) var(--tbw-animation-easing) forwards;overflow:hidden}.tbw-collapsing{animation:tbw-collapse var(--tbw-animation-duration) var(--tbw-animation-easing) forwards;overflow:hidden}&[data-animation-mode=off]{--tbw-animation-enabled: 0;--tbw-animation-duration: 0ms;.data-grid-row[data-animating]{animation:none}}}tbw-grid .data-grid-row[data-animating=change]{animation:tbw-row-change var(--tbw-row-change-duration) ease-out}tbw-grid .data-grid-row[data-animating=insert]{animation:tbw-row-insert var(--tbw-row-insert-duration) ease-out;will-change:max-height,opacity}tbw-grid .data-grid-row[data-animating=remove]{animation:tbw-row-remove var(--tbw-row-remove-duration) ease-out forwards;will-change:max-height,opacity,transform;pointer-events:none}}@keyframes tbw-expand{0%{opacity:0;max-height:0;transform:translateY(-8px)}to{opacity:1;max-height:500px;transform:translateY(0)}}@keyframes tbw-collapse{0%{opacity:1;max-height:500px;transform:translateY(0)}to{opacity:0;max-height:0;transform:translateY(-8px)}}@keyframes tbw-row-change{0%{background-color:transparent}20%{background-color:var(--tbw-row-change-color)}to{background-color:transparent}}@keyframes tbw-row-insert{0%{opacity:0;max-height:0;overflow:hidden}to{opacity:1;max-height:var(--tbw-row-height, 28px);overflow:hidden}}@keyframes tbw-row-remove{0%{opacity:1;transform:translateY(0);max-height:var(--tbw-row-height, 28px)}to{opacity:0;max-height:0;transform:translateY(-8px)}}@keyframes tbw-spin{to{transform:rotate(360deg)}}@keyframes tbw-fade-in{0%{opacity:0}to{opacity:1}}", ji = '@layer tbw-base{tbw-grid{color-scheme:inherit;position:relative;display:block;width:100%;height:100%;min-height:0;contain:content;font-family:var(--tbw-font-family);font-size:var(--tbw-font-size);font-feature-settings:"tnum","lnum";background:var(--tbw-color-bg);color:var(--tbw-color-fg);border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);overflow:clip;outline:none;&,*{box-sizing:border-box}.tbw-grid-root{position:relative;display:flex;flex-direction:column;height:100%;&.has-shell{display:flex;flex-direction:column;height:100%}&:has(.selected){user-select:none}}.rows-body-wrapper{flex:1;min-height:0;display:flex;flex-direction:row;width:100%;min-width:fit-content}.rows-body{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:visible}.rows-container{display:flex;flex-direction:row;flex:1;min-height:0;overflow:visible}.rows-viewport{flex:1;min-width:0;position:relative;display:block;overflow:clip;.rows{position:absolute;top:0;left:0;min-width:100%;will-change:transform;z-index:var(--tbw-z-layer-rows, 1)}}.faux-vscroll{position:sticky;inset-inline-end:0;flex-shrink:0;width:auto;overflow-y:auto;overflow-x:hidden;z-index:var(--tbw-z-layer-header, 30)}.faux-vscroll-spacer{width:1px}&[data-has-focus]{.cell-focus,.row-focus{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}}.sticky-left,.sticky-right{position:sticky;z-index:25}.sticky-left{box-shadow:1px 0 0 var(--tbw-color-border)}.sticky-right{box-shadow:-1px 0 0 var(--tbw-color-border)}}}', Ki = '@layer tbw-base{tbw-grid{.header{display:block;flex-shrink:0;z-index:var(--tbw-z-layer-header, 30);background:var(--tbw-color-header-bg);overflow:visible}.header-group-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-color-header-bg);z-index:var(--tbw-z-layer-header, 30)}.header-group-cell{display:flex;align-items:center;justify-content:flex-start;padding:var(--tbw-cell-padding-header, 2px 8px);color:var(--tbw-color-header-group-fg, var(--tbw-color-header-fg));font-weight:var(--tbw-font-weight-header-group, var(--tbw-font-weight-header));justify-content:var(--tbw-align-header-group, var(--tbw-align-header, flex-start));&:not(:last-child){border-right:2px solid var(--tbw-color-border)}}.header-row{display:grid;grid-template-columns:var(--tbw-column-template);color:var(--tbw-color-header-fg);font-size:var(--tbw-font-size-header);min-height:var(--tbw-header-height);border-bottom:var(--tbw-border-header);z-index:var(--tbw-z-layer-header, 30);text-transform:var(--tbw-header-text-transform);letter-spacing:var(--tbw-header-letter-spacing);>.cell{display:flex;align-items:center;gap:4px;padding:var(--tbw-cell-padding-header, 2px 8px);background-color:var(--tbw-color-header-bg);font-weight:var(--tbw-font-weight-header);border-right:1px solid var(--tbw-color-border-cell);overflow:visible;min-width:0;>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:inherit}>span[part~=sort-indicator]{flex-shrink:0;opacity:.6;color:var(--tbw-sort-indicator-color);display:var(--tbw-sort-indicator-display, inline-flex);visibility:var(--tbw-sort-indicator-visibility, visible);transition:opacity .15s,visibility 0s,display 0s allow-discrete;transition-behavior:allow-discrete}&:hover>span[part~=sort-indicator]{display:inline-flex;visibility:visible}&[aria-sort=ascending]>span[part~=sort-indicator],&[aria-sort=descending]>span[part~=sort-indicator]{display:inline-flex;visibility:visible;opacity:1;color:var(--tbw-sort-indicator-active-color)}&:last-child{border-right:0;.resize-handle{right:0;width:calc(var(--tbw-resize-handle-width) / 2)}}&.grouped.group-end:not(:last-child){border-right:2px solid var(--tbw-color-border)}&.resizable{position:relative}&.sticky-left,&.sticky-right{background:var(--tbw-color-header-bg);z-index:35}}}.sortable{cursor:pointer;user-select:none}.resize-handle{position:absolute;top:0;right:calc(var(--tbw-resize-handle-width) / -2);width:var(--tbw-resize-handle-width);height:100%;cursor:e-resize;user-select:none;touch-action:none;z-index:20;background:var(--tbw-resize-handle-color);transition:background .12s ease;border-radius:var(--tbw-resize-handle-border-radius);&:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:var(--tbw-resize-indicator-width, 2px);height:0;background:var(--tbw-resize-indicator-color, var(--tbw-color-accent));opacity:0;pointer-events:none;transition:opacity .12s ease,height 0s .12s;z-index:1000}&:hover{background:var(--tbw-resize-handle-color-hover);&:after{height:100vh;opacity:var(--tbw-resize-indicator-opacity, .6);transition:opacity .12s ease,height 0s}}}}}', Qi = '@layer tbw-base{.tbw-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:light-dark(rgba(255,255,255,.7),rgba(0,0,0,.5));z-index:1000;pointer-events:all;animation:tbw-fade-in .15s ease-out}.tbw-spinner{--tbw-spinner-size: 48px;--tbw-spinner-border-width: 3px;--tbw-spinner-color: var(--tbw-color-accent);--tbw-spinner-track-color: var(--tbw-color-border);width:var(--tbw-spinner-size);height:var(--tbw-spinner-size);border:var(--tbw-spinner-border-width) solid var(--tbw-spinner-track-color);border-top-color:var(--tbw-spinner-color);border-radius:50%;animation:tbw-spin .8s linear infinite}.tbw-spinner--large{--tbw-spinner-size: min(48px, calc(100% - 16px) )}.tbw-spinner--small{--tbw-spinner-size: calc(var(--tbw-row-height, 28px) * .6);--tbw-spinner-border-width: 2px}.data-grid-row.tbw-row-loading{position:relative;pointer-events:none}.tbw-row-loading-overlay{position:absolute;inset:0;background:light-dark(rgba(255,255,255,.7),rgba(0,0,0,.5));z-index:26;animation:tbw-fade-in .15s ease-out;pointer-events:none;display:flex;align-items:center}.tbw-row-loading-spinner{--_spinner-size: calc(var(--tbw-row-height, 28px) * .6);margin-left:var(--tbw-spacing-md);width:var(--_spinner-size);height:var(--_spinner-size);border:2px solid var(--tbw-spinner-track-color, var(--tbw-color-border));border-top-color:var(--tbw-spinner-color, var(--tbw-color-accent));border-radius:50%;animation:tbw-spin .8s linear infinite}.cell.tbw-cell-loading{position:relative;pointer-events:none;&:before{content:"";position:absolute;inset:0;background:light-dark(rgba(255,255,255,.7),rgba(0,0,0,.5));z-index:26;animation:tbw-fade-in .15s ease-out}&:after{--_spinner-size: calc(var(--tbw-row-height, 28px) * .5);content:"";position:absolute;left:var(--tbw-spacing-sm);top:0;bottom:0;margin:auto 0;width:var(--_spinner-size);height:var(--_spinner-size);border:2px solid var(--tbw-spinner-track-color, var(--tbw-color-border));border-top-color:var(--tbw-spinner-color, var(--tbw-color-accent));border-radius:50%;animation:tbw-spin .8s linear infinite;z-index:27}}}', Zi = "@layer tbw-base{@media(forced-colors:active){tbw-grid{--tbw-color-border: CanvasText;--tbw-color-border-strong: CanvasText;--tbw-color-border-cell: CanvasText;--tbw-color-border-header: CanvasText;--tbw-color-fg: CanvasText;--tbw-color-bg: Canvas;--tbw-color-panel-bg: Canvas;--tbw-color-header-bg: Canvas;--tbw-color-header-fg: CanvasText;--tbw-color-accent: Highlight;--tbw-color-accent-fg: HighlightText;--tbw-color-selection: Highlight;--tbw-color-row-hover: Highlight;--tbw-focus-outline: 2px solid Highlight;--tbw-range-border-color: Highlight;.cell:focus,.cell.active-cell{outline:2px solid Highlight!important;outline-offset:-2px}.data-grid-row[aria-selected=true]{background:Highlight!important;color:HighlightText!important}}}@media(prefers-reduced-motion:reduce){tbw-grid[data-animation-mode=reduced-motion]{--tbw-animation-enabled: 0;--tbw-animation-duration: 0ms;.data-grid-row[data-animating]{animation:none}}}}", Ji = "@layer tbw-base{tbw-grid{.data-grid-row{display:grid;grid-template-columns:var(--tbw-column-template);contain:layout style;&:nth-child(2n){background:var(--tbw-color-row-alt)}&:hover{background:var(--tbw-color-row-hover)}>.cell{display:block;padding:var(--tbw-cell-padding, 2px 8px);border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height);align-content:center;border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0;white-space:var(--tbw-cell-white-space, nowrap);text-overflow:ellipsis;>*{overflow:hidden;text-overflow:ellipsis;white-space:inherit;min-width:0}&:last-child{border-right:0}&[data-type=boolean]{text-align:center;input[type=checkbox]{margin:0;width:var(--tbw-checkbox-size);height:var(--tbw-checkbox-size);vertical-align:middle}}&.selected:focus-visible,&:focus-visible:not(.cell-focus){outline:none}&.sticky-left,&.sticky-right{background:var(--tbw-color-panel-bg)}}}.selecting .data-grid-row>.cell{user-select:none}}}", eo = "@layer tbw-base{tbw-grid{.tbw-shell-header{display:flex;align-items:center;gap:8px;min-height:var(--tbw-shell-header-height);padding:0 8px;background:var(--tbw-shell-header-bg);border-bottom:1px solid var(--tbw-shell-header-border);flex-shrink:0}.tbw-shell-title{font-size:var(--tbw-shell-title-font-size);font-weight:var(--tbw-shell-title-font-weight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tbw-shell-content{flex:1;display:flex;align-items:center;gap:12px;min-width:0;overflow:hidden}.tbw-shell-toolbar{display:flex;align-items:center;gap:var(--tbw-toolbar-button-gap);flex-shrink:0}.tbw-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-toolbar-button-size);height:var(--tbw-toolbar-button-size);padding:0;border:1px solid transparent;border-radius:var(--tbw-border-radius);background:transparent;color:var(--tbw-color-fg);cursor:pointer;font-size:16px;transition:background var(--tbw-transition-duration) var(--tbw-transition-ease),border-color var(--tbw-transition-duration) var(--tbw-transition-ease);&:hover{background:var(--tbw-color-row-hover)}&:focus-visible{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}&.active{background:var(--tbw-focus-background);border-color:var(--tbw-color-accent)}&:disabled{opacity:.5;cursor:not-allowed}}.tbw-toolbar-separator{width:1px;height:20px;background:var(--tbw-color-border);margin:0 4px}.tbw-shell-body{position:relative;display:flex;flex:1;min-height:0;overflow:visible}.tbw-grid-content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:row;overflow:hidden}.tbw-scroll-area{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow-x:auto;overflow-y:hidden;overflow-anchor:none}}}", to = "@layer tbw-base{tbw-grid{.tbw-tool-panel{position:absolute;top:0;bottom:0;right:0;width:0;overflow:hidden;background:var(--tbw-tool-panel-bg);border-left:1px solid var(--tbw-tool-panel-border);transition:width var(--tbw-tool-panel-transition);display:flex;flex-direction:column;z-index:30;box-shadow:-2px 0 8px var(--tbw-color-shadow);&[data-position=left]{right:auto;left:0;border-left:none;border-right:1px solid var(--tbw-tool-panel-border);box-shadow:2px 0 8px var(--tbw-color-shadow)}&.open{width:var(--tbw-tool-panel-width)}}.tbw-tool-panel-resize{position:absolute;top:0;bottom:0;width:6px;cursor:col-resize;background:transparent;z-index:10;transition:background var(--tbw-transition-duration) var(--tbw-transition-ease);&[data-handle-position=left]{left:0}&[data-handle-position=right]{right:0}&:hover,&.resizing{background:var(--tbw-color-accent)}}.tbw-tool-panel-header{display:flex;align-items:center;justify-content:space-between;min-height:var(--tbw-tool-panel-header-height);padding:0 12px;border-bottom:1px solid var(--tbw-tool-panel-border);flex-shrink:0}.tbw-tool-panel-title{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tbw-tool-panel-close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--tbw-border-radius);background:transparent;color:var(--tbw-color-fg-muted);cursor:pointer;font-size:14px;&:hover{background:var(--tbw-color-row-hover);color:var(--tbw-color-fg)}}.tbw-tool-panel-content{flex:1;overflow:auto}.tbw-accordion{display:flex;flex-direction:column;gap:0}.tbw-accordion-section{border-bottom:1px solid var(--tbw-tool-panel-border);&:last-child{border-bottom:none}&.single .tbw-accordion-header{cursor:default;&:hover{background:transparent}}&.expanded{.tbw-accordion-chevron{transform:rotate(90deg)}.tbw-accordion-content{display:block}}}.tbw-accordion-header{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--tbw-color-fg);font-size:13px;font-weight:600;text-align:start;cursor:pointer;user-select:none;&:hover{background:var(--tbw-color-row-hover)}}.tbw-accordion-chevron{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:10px;color:var(--tbw-color-fg-muted);transition:transform .15s ease;flex-shrink:0}.tbw-accordion-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:14px;flex-shrink:0}.tbw-accordion-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tbw-accordion-content{display:none}}}", io = "@layer tbw-base{tbw-grid{--tbw-base-icon-size: 1em;--tbw-base-radius: .25em;--tbw-font-size: 1em;--tbw-font-size-sm: .9285em;--tbw-font-size-xs: .7857em;--tbw-font-size-2xs: .7142em;--tbw-spacing-xs: .25em;--tbw-spacing-sm: .375em;--tbw-spacing-md: .5em;--tbw-spacing-lg: .75em;--tbw-spacing-xl: 1em;--tbw-icon-size: var(--tbw-base-icon-size);--tbw-icon-size-sm: .875em;--tbw-checkbox-size: var(--tbw-base-icon-size);--tbw-toggle-size: 1.25em;--tbw-border-radius: var(--tbw-base-radius);--tbw-color-bg: transparent;--tbw-color-panel-bg: light-dark(#eeeeee, #222222);--tbw-color-fg: light-dark(#222222, #eeeeee);--tbw-color-fg-muted: light-dark(#555555, #aaaaaa);--tbw-color-accent: light-dark(#3b82f6, #3b82f6);--tbw-color-accent-fg: light-dark(#ffffff, #000000);--tbw-color-success: light-dark(hsl(122, 39%, 40%), hsl(122, 39%, 49%));--tbw-color-warning: light-dark(hsl(38, 92%, 50%), hsl(38, 92%, 50%));--tbw-color-error: light-dark(hsl(0, 65%, 51%), hsl(0, 65%, 55%));--tbw-color-danger: var(--tbw-color-error);--tbw-color-selection: light-dark(#fff7d6, #333333);--tbw-color-row-alt: var(--tbw-color-bg);--tbw-color-row-hover: light-dark(#f0f6ff, #1c1c1c);--tbw-color-header-bg: color-mix(in hsl, var(--tbw-color-panel-bg) 85%, var(--tbw-color-fg));--tbw-color-header-fg: color-mix(in hsl, var(--tbw-color-fg) 75%, var(--tbw-color-panel-bg));--tbw-color-border: light-dark(#d0d0d4, #454545);--tbw-color-border-strong: light-dark(#777777, #666666);--tbw-color-border-cell: var(--tbw-color-border);--tbw-color-border-header: var(--tbw-color-border);--tbw-color-shadow: light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .3));--tbw-font-family: inherit;--tbw-font-size-header: var(--tbw-font-size);--tbw-font-weight-header: bold;--tbw-cell-padding-header: var(--tbw-spacing-xs) var(--tbw-spacing-md);--tbw-cell-padding-v: var(--tbw-spacing-xs);--tbw-cell-padding-h: var(--tbw-spacing-md);--tbw-cell-padding: var(--tbw-cell-padding-v) var(--tbw-cell-padding-h);--tbw-cell-padding-input: var(--tbw-spacing-xs) var(--tbw-spacing-sm);--tbw-row-height: 1.75em;--tbw-header-height: 1.875em;--tbw-cell-white-space: nowrap;--tbw-border-width: 1px;--tbw-border-style: solid;--tbw-border-input: var(--tbw-border-width) var(--tbw-border-style) var(--tbw-color-border-strong);--tbw-border-header: var(--tbw-border-width) var(--tbw-border-style) var(--tbw-color-border-header);--tbw-row-divider: var(--tbw-border-width) var(--tbw-border-style) var(--tbw-color-border-cell);--tbw-row-hover-outline: 0;--tbw-color-active-row-bg: var(--tbw-color-selection);--tbw-active-row-outline: 0;--tbw-focus-outline-width: 2px;--tbw-focus-outline: var(--tbw-focus-outline-width) var(--tbw-border-style) var(--tbw-color-accent);--tbw-focus-outline-offset: -2px;--tbw-focus-background: rgba(from var(--tbw-color-accent) r g b / 12%);--tbw-range-border-color: var(--tbw-color-accent);--tbw-range-selection-bg: rgba(from var(--tbw-range-border-color) r g b / 12%);--tbw-resize-handle-width: var(--tbw-spacing-sm);--tbw-resize-handle-color: transparent;--tbw-resize-handle-color-hover: var(--tbw-color-accent);--tbw-resize-handle-border-radius: 0;--tbw-resize-indicator-width: 2px;--tbw-resize-indicator-color: var(--tbw-color-accent);--tbw-resize-indicator-opacity: .6;--tbw-transition-duration: .12s;--tbw-transition-ease: ease;--tbw-animation-duration: .2s;--tbw-animation-easing: ease-out;--tbw-animation-enabled: 1;--tbw-row-change-duration: .5s;--tbw-row-insert-duration: .3s;--tbw-row-remove-duration: .2s;--tbw-row-change-color: rgba(from var(--tbw-color-accent) r g b / 25%);--tbw-sort-indicator-color: var(--tbw-color-fg-muted);--tbw-sort-indicator-active-color: var(--tbw-color-accent);--tbw-sort-indicator-display: inline-flex;--tbw-sort-indicator-visibility: visible;--tbw-header-text-transform: none;--tbw-header-letter-spacing: normal;--tbw-color-header-separator: var(--tbw-color-border-cell);--tbw-density-scale: 1;--tbw-shell-header-height: 2.75em;--tbw-shell-header-bg: var(--tbw-color-panel-bg);--tbw-shell-header-border: var(--tbw-color-border);--tbw-shell-title-font-size: var(--tbw-font-size);--tbw-shell-title-font-weight: 600;--tbw-tool-panel-width: 17.5em;--tbw-tool-panel-bg: var(--tbw-color-panel-bg);--tbw-tool-panel-border: var(--tbw-color-border);--tbw-tool-panel-header-height: 2.5em;--tbw-tool-panel-transition: var(--tbw-animation-duration) var(--tbw-animation-easing);--tbw-toolbar-button-size: 2em;--tbw-toolbar-button-gap: var(--tbw-spacing-xs);--tbw-panel-padding: var(--tbw-spacing-lg);--tbw-panel-gap: var(--tbw-spacing-md);--tbw-menu-item-padding: var(--tbw-spacing-sm) var(--tbw-spacing-lg);--tbw-menu-item-gap: var(--tbw-spacing-md);--tbw-menu-min-width: 10rem;--tbw-button-padding: var(--tbw-spacing-sm) var(--tbw-spacing-lg);--tbw-button-padding-sm: var(--tbw-spacing-xs) var(--tbw-spacing-md);--tbw-input-height: var(--tbw-row-height);--tbw-input-padding: 0 var(--tbw-spacing-md);--tbw-detail-padding: var(--tbw-spacing-xl);--tbw-detail-max-height: 31.25rem;--tbw-indicator-size: var(--tbw-spacing-sm)}}", oo = `/**
- * tbw-grid Light DOM Styles
- *
- * This stylesheet uses CSS nesting to scope all styles to the tbw-grid element.
- * All selectors are automatically prefixed with \`tbw-grid\` for encapsulation.
- *
- * CSS Cascade Layers are used to control style priority:
- * - tbw-base: Core grid styles (lowest priority)
- * - tbw-plugins: Plugin styles (override base)
- * - tbw-theme: Theme overrides (override plugins)
- * - Unlayered CSS: User customizations (highest priority - always wins)
- *
- * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_nesting
- * @see https://developer.mozilla.org/en-US/docs/Web/CSS/@layer
- */
-
-/* Declare layer order - earlier layers have lower priority */
-@layer tbw-base, tbw-plugins, tbw-theme;
-
-${io}
-${ji}
-${Ki}
-${Ji}
-${eo}
-${to}
-${Qi}
-${Yi}
-${Zi}
-`;
-class I extends HTMLElement {
-  static tagName = "tbw-grid";
-  static version = "1.21.1";
-  static #a = 0;
-  static adapters = [];
-  static registerAdapter(e) {
-    this.adapters.push(e);
-  }
-  static getAdapters() {
-    return this.adapters;
-  }
-  static clearAdapters() {
-    this.adapters = [];
-  }
-  static get observedAttributes() {
-    return ["rows", "columns", "grid-config", "fit-mode", "loading"];
-  }
-  get #n() {
-    return this;
-  }
-  #u = !1;
-  #d;
-  #h;
-  #l = [];
-  get #o() {
-    return this.#i?.effective ?? {};
-  }
-  #f = !1;
-  #w = !1;
-  #v = {
-    rows: !1,
-    columns: !1,
-    gridConfig: !1,
-    fitMode: !1
-  };
-  #s;
-  #C = 0;
-  #r = null;
-  #g = !1;
-  #x = !1;
-  #m = 0;
-  #O;
-  #N = Ai();
-  #b;
-  #y;
-  #p;
-  #R;
-  #ee = {
-    scrollTop: 0,
-    scrollLeft: 0,
-    scrollHeight: 0,
-    scrollWidth: 0,
-    clientHeight: 0,
-    clientWidth: 0
-  };
-  #t;
-  #_;
-  #q = !1;
-  #D;
-  #G;
-  #M;
-  #i;
-  #e = ui();
-  #c;
-  #$;
-  #W;
-  #k = !1;
-  #E = /* @__PURE__ */ new Set();
-  #H = /* @__PURE__ */ new Map();
-  #F;
-  #S = /* @__PURE__ */ new Map();
-  _rows = [];
-  #X = [];
-  get _columns() {
-    return this.#o.columns ?? [];
-  }
-  set _columns(e) {
-    this.#o.columns = e;
-  }
-  get _visibleColumns() {
-    return this._columns.filter((e) => !e.hidden);
-  }
-  _headerRowEl;
-  _bodyEl;
-  _rowPool = [];
-  _resizeController;
-  _virtualization = {
-    enabled: !0,
-    rowHeight: 28,
-    bypassThreshold: 24,
-    start: 0,
-    end: 0,
-    container: null,
-    viewportEl: null,
-    totalHeightEl: null,
-    positionCache: null,
-    heightCache: {
-      byKey: /* @__PURE__ */ new Map(),
-      byRef: /* @__PURE__ */ new WeakMap()
-    },
-    averageHeight: 28,
-    measuredCount: 0,
-    variableHeights: !1,
-    cachedViewportHeight: 0,
-    cachedFauxHeight: 0,
-    cachedScrollAreaHeight: 0,
-    scrollAreaEl: null
-  };
-  _focusRow = 0;
-  _focusCol = 0;
-  _restoreFocusAfterRender = !1;
-  _sortState = null;
-  _gridTemplate = "";
-  __rowRenderEpoch = 0;
-  __didInitialAutoSize = !1;
-  get __lightDomColumnsCache() {
-    return this.#i?.lightDomColumnsCache;
-  }
-  set __lightDomColumnsCache(e) {
-    this.#i && (this.#i.lightDomColumnsCache = e);
-  }
-  get __originalColumnNodes() {
-    return this.#i?.originalColumnNodes;
-  }
-  set __originalColumnNodes(e) {
-    this.#i && (this.#i.originalColumnNodes = e);
-  }
-  __originalOrder = [];
-  __frameworkAdapter;
-  __rowsBodyEl = null;
-  get rows() {
-    return this._rows;
-  }
-  set rows(e) {
-    const i = this.#l;
-    this.#l = e, i !== e && this.#B("rows");
-  }
-  get sourceRows() {
-    return this.#l;
-  }
-  get columns() {
-    return [...this._columns];
-  }
-  set columns(e) {
-    const i = this.#i?.getColumns();
-    this.#i?.setColumns(e), i !== e && this.#B("columns");
-  }
-  get gridConfig() {
-    return this.#o;
-  }
-  set gridConfig(e) {
-    const i = this.#i?.getGridConfig();
-    this.#i?.setGridConfig(e), i !== e && (this.#i.clearLightDomCache(), this.#B("gridConfig"));
-  }
-  get fitMode() {
-    return this.#o.fitMode ?? "stretch";
-  }
-  set fitMode(e) {
-    const i = this.#i?.getFitMode();
-    this.#i?.setFitMode(e), i !== e && this.#B("fitMode");
-  }
-  get loading() {
-    return this.#k;
-  }
-  set loading(e) {
-    const i = this.#k;
-    this.#k = e, e ? this.setAttribute("loading", "") : this.removeAttribute("loading"), i !== e && this.#ue();
-  }
-  setRowLoading(e, i) {
-    const o = this.#E.has(e);
-    i ? this.#E.add(e) : this.#E.delete(e), o !== i && this.#K(e, i);
-  }
-  setCellLoading(e, i, o) {
-    let n = this.#H.get(e);
-    const r = n?.has(i) ?? !1;
-    o ? (n || (n = /* @__PURE__ */ new Set(), this.#H.set(e, n)), n.add(i)) : (n?.delete(i), n?.size === 0 && this.#H.delete(e)), r !== o && this.#fe(e, i, o);
-  }
-  isRowLoading(e) {
-    return this.#E.has(e);
-  }
-  isCellLoading(e, i) {
-    return this.#H.get(e)?.has(i) ?? !1;
-  }
-  clearAllLoading() {
-    this.loading = !1;
-    for (const e of this.#E)
-      this.#K(e, !1);
-    this.#E.clear();
-    for (const [e, i] of this.#H)
-      for (const o of i)
-        this.#fe(e, o, !1);
-    this.#H.clear();
-  }
-  get effectiveConfig() {
-    return this.#o;
-  }
-  get disconnectSignal() {
-    return this.#b || (this.#b = new AbortController()), this.#b.signal;
-  }
-  constructor() {
-    super(), this.#me(), this.#d = new Promise((e) => this.#h = e), this.#s = new ii({
-      mergeConfig: () => {
-        this.#i.parseLightDomColumns(this), this.#i.merge(), this.#ie(), ki(this.#o, this.#t?.getPlugins() ?? []), Ii(this.#t?.getPlugins() ?? []), qi(this.#t?.getPlugins() ?? []), this.#Oe(), this.#X = [...this._columns];
-      },
-      processColumns: () => this.#He(),
-      processRows: () => this.#Pe(),
-      renderHeader: () => oe(this),
-      updateTemplate: () => B(this),
-      renderVirtualWindow: () => this.refreshVirtualWindow(!0, !0),
-      afterRender: () => {
-        this.#t?.afterRender(), this._virtualization.enabled && this._virtualization.totalHeightEl && queueMicrotask(() => {
-          if (!this._virtualization.totalHeightEl) return;
-          const i = this.#T(this._rows.length);
-          this._virtualization.totalHeightEl.style.height = `${i}px`;
-        }), this.#o.fitMode === "fixed" && !this.__didInitialAutoSize && (this.__didInitialAutoSize = !0, Te(this)), this._restoreFocusAfterRender && (this._restoreFocusAfterRender = !1, F(this)), this._virtualization.enabled && !this.#U && this.#ye(), this.#x && (this.#x = !1, requestAnimationFrame(() => {
-          requestAnimationFrame(() => {
-            this.#Ce();
-          });
-        })), this.#k && this.#ue();
-      },
-      isConnected: () => this.isConnected && this.#f
-    }), this.#s.setInitialReadyResolver(() => this.#h?.()), this.#c = vi(this.#e, {
-      getShadow: () => this.#n,
-      getShellConfig: () => this.#o?.shell,
-      getAccordionIcons: () => ({
-        expand: this.#o?.icons?.expand ?? M.expand,
-        collapse: this.#o?.icons?.collapse ?? M.collapse
-      }),
-      emit: (e, i) => this.#L(e, i),
-      refreshShellHeader: () => this.refreshShellHeader()
-    }), this.#i = new Pt({
-      getRows: () => this.#l,
-      getSortState: () => this._sortState,
-      setSortState: (e) => {
-        this._sortState = e;
-      },
-      onConfigChange: () => {
-        this.#s.requestPhase(A.FULL, "configChange");
-      },
-      emit: (e, i) => this.#L(e, i),
-      clearRowPool: () => {
-        this._rowPool.length = 0, this._bodyEl && (this._bodyEl.innerHTML = ""), this.__rowRenderEpoch++;
-      },
-      setup: () => this.#z(),
-      renderHeader: () => oe(this),
-      updateTemplate: () => B(this),
-      refreshVirtualWindow: () => this.#s.requestPhase(A.VIRTUALIZATION, "configManager"),
-      getVirtualization: () => this._virtualization,
-      setRowHeight: (e) => {
-        this._virtualization.rowHeight = e;
-      },
-      applyAnimationConfig: (e) => this.#ze(e),
-      getShellLightDomTitle: () => this.#e.lightDomTitle,
-      getShellToolPanels: () => this.#e.toolPanels,
-      getShellHeaderContents: () => this.#e.headerContents,
-      getShellToolbarContents: () => this.#e.toolbarContents,
-      getShellLightDomHeaderContent: () => this.#e.lightDomHeaderContent,
-      getShellHasToolButtonsContainer: () => this.#e.hasToolButtonsContainer
-    });
-  }
-  async #me() {
-    await Ri(oo);
-  }
-  getPlugin(e) {
-    return this.#t?.getPlugin(e);
-  }
-  getPluginByName(e) {
-    return this.#t?.getPluginByName(e);
-  }
-  requestRender() {
-    this.#s.requestPhase(A.ROWS, "plugin:requestRender");
-  }
-  requestColumnsRender() {
-    this.#s.requestPhase(A.COLUMNS, "plugin:requestColumnsRender");
-  }
-  requestRenderWithFocus() {
-    this._restoreFocusAfterRender = !0, this.#s.requestPhase(A.ROWS, "plugin:requestRenderWithFocus");
-  }
-  updateTemplate() {
-    B(this);
-  }
-  requestAfterRender() {
-    this.#s.requestPhase(A.STYLE, "plugin:requestAfterRender");
-  }
-  #te() {
-    this.#t = new ne(this);
-    const e = this.#o?.plugins, i = Array.isArray(e) ? e : [];
-    this.#t.attachAll(i);
-  }
-  #V() {
-    const e = this.#t?.getPluginStyles() ?? [];
-    Ei(e);
-  }
-  #ie() {
-    const e = this.#o?.plugins, i = Array.isArray(e) ? e : [];
-    if (this.#_ === i)
-      return;
-    if (this.#_ && this.#_.length === i.length && this.#_.every((n, r) => n === i[r])) {
-      this.#_ = i;
-      return;
-    }
-    this.#t && this.#t.detachAll();
-    for (const n of this.#e.toolPanels.keys()) {
-      const r = this.#e.lightDomToolPanelIds.has(n), s = this.#e.apiToolPanelIds.has(n);
-      if (!r && !s) {
-        const l = this.#e.panelCleanups.get(n);
-        l && (l(), this.#e.panelCleanups.delete(n)), this.#e.toolPanels.delete(n);
-      }
-    }
-    for (const n of this.#e.headerContents.keys()) {
-      const r = this.#e.headerContentCleanups.get(n);
-      r && (r(), this.#e.headerContentCleanups.delete(n)), this.#e.headerContents.delete(n);
-    }
-    this.#te(), this.#V(), this.#_ = i, this.#se(), this.#oe();
-    const o = this.#g;
-    if (this.#g = this.#t?.getAll().some((n) => n.onScroll) ?? !1, !o && this.#g) {
-      const r = this.#n.querySelector(".tbw-grid-content") ?? this.#n.querySelector(".tbw-grid-root");
-      this.#Y(r);
-    }
-  }
-  #ve() {
-    this.#t?.detachAll();
-  }
-  #oe() {
-    if (!this.#t) return;
-    const e = this.#t.getToolPanels();
-    for (const { panel: o } of e)
-      this.#e.toolPanels.has(o.id) || this.#e.toolPanels.set(o.id, o);
-    const i = this.#t.getHeaderContents();
-    for (const { content: o } of i)
-      this.#e.headerContents.has(o.id) || this.#e.headerContents.set(o.id, o);
-  }
-  #ne() {
-    const e = I.getAdapters();
-    if (e.length === 0 && !this.__frameworkAdapter) return;
-    const i = this.__frameworkAdapter;
-    return (o) => {
-      if (i?.createToolPanelRenderer) {
-        const n = i.createToolPanelRenderer(o);
-        if (n) return n;
-      }
-      for (const n of e)
-        if (n.createToolPanelRenderer) {
-          const r = n.createToolPanelRenderer(o);
-          if (r) return r;
-        }
-    };
-  }
-  connectedCallback() {
-    this.hasAttribute("tabindex") || (this.tabIndex = 0), this.hasAttribute("version") || this.setAttribute("version", I.version), this.id || (this.id = `tbw-grid-${++I.#a}`), this._rows = Array.isArray(this.#l) ? [...this.#l] : [], this.#b && (this.#b.abort(), this.#q = !1), this.#b = new AbortController(), this.#R && (ke(this.#R), this.#R = void 0), this.#I(), this.#i.parseLightDomColumns(this), this.#i.merge(), this.#te();
-    const e = this.#o?.plugins;
-    this.#_ = Array.isArray(e) ? e : [], this.#oe(), this.#u || (this.#J(), this.#V(), this.#u = !0), this.#re(), this.#R = Yt(
-      () => {
-        this.#Ie();
-      },
-      { timeout: 100 }
-    );
-  }
-  disconnectedCallback() {
-    this.#R && (ke(this.#R), this.#R = void 0), this.#m && (clearTimeout(this.#m), this.#m = 0), this.#ve(), mi(this.#e), this.#c.setInitialized(!1), this.#$?.(), this.#$ = void 0, this.#W?.(), this.#W = void 0, ct(this.#N), this.#b && (this.#b.abort(), this.#b = void 0), this.#D?.abort(), this.#D = void 0, this.#q = !1, this._resizeController && this._resizeController.dispose(), this.#y && (this.#y.disconnect(), this.#y = void 0), this.#p && (this.#p.disconnect(), this.#p = void 0, this.#U = !1), W(this), this.#A.clear(), this.#_ = void 0;
-    for (const e of this._rowPool)
-      e.remove();
-    this._rowPool.length = 0, this.__rowsBodyEl = null, this.#f = !1;
-  }
-  attributeChangedCallback(e, i, o) {
-    if (e === "loading") {
-      const n = o !== null && o !== "false";
-      this.loading !== n && (this.loading = n);
-      return;
-    }
-    if (!(i === o || !o || o === "null" || o === "undefined"))
-      if (e === "rows" || e === "columns" || e === "grid-config")
-        try {
-          const n = JSON.parse(o);
-          e === "rows" ? this.rows = n : e === "columns" ? this.columns = n : e === "grid-config" && (this.gridConfig = n);
-        } catch {
-          console.warn(`[tbw-grid] Invalid JSON for '${e}' attribute:`, o);
-        }
-      else e === "fit-mode" && (this.fitMode = o);
-  }
-  #re() {
-    const i = this.#n.querySelector(".tbw-grid-content") ?? this.#n.querySelector(".tbw-grid-root");
-    if (this._headerRowEl = i?.querySelector(".header-row"), this._virtualization.totalHeightEl = i?.querySelector(".faux-vscroll-spacer"), this._virtualization.viewportEl = i?.querySelector(".rows-viewport"), this._bodyEl = i?.querySelector(".rows"), this.__rowsBodyEl = i?.querySelector(".rows-body"), this.#c.isInitialized) {
-      pe(this.#n, this.#e), de(this.#n, this.#o?.shell, this.#e);
-      const n = this.#o?.shell?.toolPanel?.defaultOpen;
-      n && this.#e.toolPanels.has(n) && (this.openToolPanel(), this.#e.expandedSections.add(n));
-    }
-    if (this.setAttribute("data-upgraded", ""), this.#f = !0, this._resizeController = Ie(this), this.#z(), this.#Y(i), this.#q)
-      return;
-    this.#q = !0;
-    const o = this.disconnectSignal;
-    Vt(this, this, this.#n, o), this.#se(), queueMicrotask(() => this.#_e()), this.#s.requestPhase(A.FULL, "afterConnect");
-  }
-  #se() {
-    const e = this.#o.rowHeight, i = this.#t.hasRowHeightPlugin();
-    typeof e == "function" || i ? this._virtualization.variableHeights || (this._virtualization.variableHeights = !0, this._virtualization.rowHeight = typeof e == "number" && e > 0 ? e : this._virtualization.rowHeight || 28, this.#Z(), typeof e != "function" && (this.#x = !0)) : !i && typeof e != "function" && this._virtualization.variableHeights ? (this._virtualization.variableHeights = !1, this._virtualization.positionCache = null) : typeof e == "number" && e > 0 ? (this._virtualization.rowHeight = e, this._virtualization.variableHeights = !1) : requestAnimationFrame(() => this.#le());
-  }
-  #le() {
-    if (this.#t.hasExtraHeight())
-      return;
-    const e = this._bodyEl?.querySelector(".data-grid-row");
-    if (!e) return;
-    const i = e.querySelectorAll(".cell");
-    let o = 0;
-    i.forEach((s) => {
-      const l = s.offsetHeight;
-      l > o && (o = l);
-    });
-    const n = e.getBoundingClientRect(), r = Math.max(n.height, o);
-    r > 0 && Math.abs(r - this._virtualization.rowHeight) > 1 && (this._virtualization.rowHeight = r, this.#s.requestPhase(A.VIRTUALIZATION, "measureRowHeight"));
-  }
-  #Ce() {
-    const e = this._bodyEl?.querySelector(".data-grid-row");
-    if (!e) return;
-    const i = e.querySelectorAll(".cell");
-    let o = 0;
-    i.forEach((s) => {
-      const l = s.offsetHeight;
-      l > o && (o = l);
-    });
-    const n = e.getBoundingClientRect(), r = Math.max(n.height, o);
-    if (r > 0 && (Math.abs(r - this._virtualization.rowHeight) > 1 && (this._virtualization.rowHeight = r), this.#Z(), this._virtualization.totalHeightEl)) {
-      const l = this.#T(this._rows.length);
-      this._virtualization.totalHeightEl.style.height = `${l}px`;
-    }
-  }
-  #Y(e) {
-    this.#D?.abort(), this.#D = new AbortController();
-    const i = this.#D.signal, o = e?.querySelector(".faux-vscroll"), n = e?.querySelector(".rows");
-    if (this._virtualization.container = o ?? this, this.#g = this.#t?.getAll().some((r) => r.onScroll) ?? !1, o && n) {
-      o.addEventListener(
-        "scroll",
-        () => {
-          if (!this._virtualization.enabled && !this.#g) return;
-          const a = o.scrollTop, c = this._virtualization.rowHeight;
-          if (this._rows.length <= this._virtualization.bypassThreshold)
-            n.style.transform = `translateY(${-a}px)`;
-          else {
-            const h = this._virtualization.positionCache;
-            let f, p;
-            if (this._virtualization.variableHeights && h && h.length > 0) {
-              f = Ge(h, a), f === -1 && (f = 0);
-              const u = f - f % 2;
-              p = h[u]?.offset ?? u * c;
-            } else
-              f = Math.floor(a / c), p = (f - f % 2) * c;
-            const g = -(a - p);
-            n.style.transform = `translateY(${g}px)`;
-          }
-          this.#r = a, this.#C || (this.#C = requestAnimationFrame(() => {
-            this.#C = 0, this.#r !== null && (this.#De(this.#r), this.#r = null);
-          }));
-        },
-        { passive: !0, signal: i }
-      );
-      const r = this.#n.querySelector(".tbw-scroll-area");
-      this.#G = r, this._virtualization.scrollAreaEl = r, r && this.#g && r.addEventListener(
-        "scroll",
-        () => {
-          const a = this.#ee;
-          a.scrollTop = o.scrollTop, a.scrollLeft = r.scrollLeft, a.scrollHeight = o.scrollHeight, a.scrollWidth = r.scrollWidth, a.clientHeight = o.clientHeight, a.clientWidth = r.clientWidth, this.#t?.onScroll(a);
-        },
-        { passive: !0, signal: i }
-      );
-      const s = this.#n.querySelector(".tbw-grid-content"), l = this.#G;
-      s && (s.addEventListener(
-        "wheel",
-        (a) => {
-          const c = a.shiftKey || Math.abs(a.deltaX) > Math.abs(a.deltaY);
-          if (c && l) {
-            const h = a.shiftKey ? a.deltaY : a.deltaX, { scrollLeft: f, scrollWidth: p, clientWidth: g } = l;
-            (h > 0 && f < p - g || h < 0 && f > 0) && (a.preventDefault(), l.scrollLeft += h);
-          } else if (!c) {
-            const { scrollTop: h, scrollHeight: f, clientHeight: p } = o;
-            (a.deltaY > 0 && h < f - p || a.deltaY < 0 && h > 0) && (a.preventDefault(), o.scrollTop += a.deltaY);
-          }
-        },
-        { passive: !1, signal: i }
-      ), zi(
-        s,
-        this.#N,
-        { fauxScrollbar: o, scrollArea: l },
-        i
-      ));
-    }
-    this._bodyEl && Ft(this, this._bodyEl, i), this.#y?.disconnect(), this._virtualization.viewportEl && (this.#y = new ResizeObserver(() => {
-      this.#Ne(), this.#s.requestPhase(A.VIRTUALIZATION, "resize-observer");
-    }), this.#y.observe(this._virtualization.viewportEl)), this.#n.addEventListener(
-      "focusin",
-      () => {
-        this.dataset.hasFocus = "";
-      },
-      { signal: i }
-    ), this.#n.addEventListener(
-      "focusout",
-      (r) => {
-        const s = r.relatedTarget;
-        (!s || !this.#n.contains(s)) && delete this.dataset.hasFocus;
-      },
-      { signal: i }
-    );
-  }
-  #U = !1;
-  #ye() {
-    if (this.#U) return;
-    const e = this._bodyEl?.querySelector(".data-grid-row");
-    e && (this.#U = !0, this.#p?.disconnect(), this.#p = new ResizeObserver(() => {
-      this.#le();
-    }), this.#p.observe(e));
-  }
-  addEventListener(e, i, o) {
-    super.addEventListener(e, i, o);
-  }
-  removeEventListener(e, i, o) {
-    super.removeEventListener(e, i, o);
-  }
-  #L(e, i) {
-    this.dispatchEvent(new CustomEvent(e, { detail: i, bubbles: !0, composed: !0 }));
-  }
-  #_e() {
-    this._bodyEl?.querySelectorAll(".data-grid-row")?.forEach((i, o) => {
-      const n = o === this._focusRow;
-      i.setAttribute("aria-selected", String(n)), i.querySelectorAll(".cell").forEach((r, s) => {
-        r.setAttribute("aria-selected", String(n && s === this._focusCol));
-      });
-    });
-  }
-  #B(e) {
-    this.#v[e] = !0, !this.#w && (this.#w = !0, queueMicrotask(() => this.#Ee()));
-  }
-  #Ee() {
-    if (!this.#w || !this.#f) {
-      this.#w = !1;
-      return;
-    }
-    const e = this.#v;
-    if (this.#w = !1, this.#v = {
-      rows: !1,
-      columns: !1,
-      gridConfig: !1,
-      fitMode: !1
-    }, e.gridConfig) {
-      this.#Te(), e.rows && this.#ae();
-      return;
-    }
-    e.columns && this.#Re(), e.rows && this.#ae(), e.fitMode && this.#Ae();
-  }
-  #ae() {
-    this._rows = Array.isArray(this.#l) ? [...this.#l] : [], this.#P(), this.#s.requestPhase(A.ROWS, "applyRowsUpdate");
-  }
-  #P() {
-    this.#S.clear();
-    const e = this.#o.getRowId;
-    this._rows.forEach((i, o) => {
-      const n = this.#ce(i, e);
-      n !== void 0 && this.#S.set(n, { row: i, index: o });
-    });
-  }
-  #ce(e, i) {
-    if (i)
-      return i(e);
-    const o = e;
-    if ("id" in o && o.id != null) return String(o.id);
-    if ("_id" in o && o._id != null) return String(o._id);
-  }
-  #Se(e, i) {
-    const o = this.#ce(e, i);
-    if (o === void 0)
-      throw new Error(
-        '[tbw-grid] Cannot determine row ID. Configure getRowId in gridConfig or ensure rows have an "id" property.'
-      );
-    return o;
-  }
-  #Re() {
-    W(this), this.#i.merge(), this.#z();
-  }
-  #Ae() {
-    this.#i.merge(), this.#o.fitMode === "fixed" ? (this.__didInitialAutoSize = !1, Te(this)) : (this._columns.forEach((i) => {
-      !i.__userResized && i.__autoSized && delete i.width;
-    }), B(this));
-  }
-  #Te() {
-    qe(this, this.#e), $e(this, this.#e);
-    const e = !!this.#n.querySelector(".has-shell"), i = !!this.#n.querySelector(".tbw-tool-panel"), o = this.#n.querySelectorAll(".tbw-accordion-section").length;
-    this.#i.parseLightDomColumns(this), this.#i.merge(), this.#ie(), We(this, this.#e, this.#ne()), this.#i.markSourcesChanged(), this.#i.merge();
-    const n = at(this.#o?.shell), r = (this.#o?.shell?.toolPanels?.length ?? 0) > 0, s = this.#o?.shell?.toolPanels?.length ?? 0;
-    if (e !== n || !i && r || i && s !== o) {
-      he(this.#e), this.#J(), this.#V(), this.#re(), this.#P();
-      return;
-    }
-    e && this.#xe(), this.#P(), this.#s.requestPhase(A.COLUMNS, "applyGridConfigUpdate");
-  }
-  #xe() {
-    const e = this.#n.querySelector(".tbw-shell-header");
-    if (!e) return;
-    const i = this.#o.shell?.header?.title ?? this.#e.lightDomTitle;
-    let o = e.querySelector(".tbw-shell-title");
-    i ? (o || (o = document.createElement("h2"), o.className = "tbw-shell-title", o.setAttribute("part", "shell-title"), e.insertBefore(o, e.firstChild)), o.textContent = i) : o && o.remove();
-  }
-  #He() {
-    if (this.__rowRenderEpoch++, this.#t) {
-      const e = this.#X.length > 0 ? this.#X : this._columns, i = e.filter((r) => !r.hidden), o = e.filter((r) => r.hidden), n = this.#t.processColumns([...i]);
-      if (n !== i) {
-        const r = new Set(n.map((l) => l.field));
-        !i.some((l) => r.has(l.field)) && n.length > 0 ? this._columns = [...n, ...o] : this._columns = this.#Le(
-          e,
-          n,
-          o
-        );
-      } else
-        this._columns = [...e];
-    }
-  }
-  #Le(e, i, o) {
-    if (o.length === 0) return i;
-    const n = /* @__PURE__ */ new Map();
-    for (const a of i)
-      n.set(a.field, a);
-    const r = new Set(e.map((a) => a.field)), s = [];
-    for (const a of i)
-      r.has(a.field) || s.push(a);
-    const l = [];
-    for (const a of e) {
-      const c = n.get(a.field);
-      c ? l.push(c) : a.hidden && l.push(a);
-    }
-    return l.push(...s), l;
-  }
-  #Pe() {
-    W(this);
-    const e = Array.isArray(this.#l) ? [...this.#l] : [], i = Bt(this, e), o = this.#t?.processRows(i) ?? i;
-    this._rows = o, this.#P(), this._virtualization.variableHeights && this.#Z();
-  }
-  #ze(e) {
-    const i = {
-      ...pt,
-      ...e.animation
-    }, o = i.mode ?? "reduced-motion";
-    let n = 1;
-    o === !1 || o === "off" ? n = 0 : (o === !0 || o === "on") && (n = 1), this.style.setProperty("--tbw-animation-duration", `${i.duration}ms`), this.style.setProperty("--tbw-animation-easing", i.easing ?? "ease-out"), this.style.setProperty("--tbw-animation-enabled", String(n)), this.dataset.animationMode = typeof o == "boolean" ? o ? "on" : "off" : o;
-  }
-  #j(e, i, o = this.__rowRenderEpoch) {
-    if (this.#O || (this.#O = (n, r, s) => this.#t?.renderRow(n, r, s) ?? !1), kt(this, e, i, o, this.#O), this.#E.size > 0)
-      for (const n of this.#E)
-        this.#K(n, !0);
-  }
-  #de = ht();
-  #he(e, i) {
-    ut(this.#de, this.__rowsBodyEl, this._bodyEl, e, i);
-  }
-  #Oe() {
-    gt(this.#de, this.__rowsBodyEl, this.#o, this.#e);
-  }
-  #ue() {
-    const e = this.querySelector(".tbw-grid-root");
-    e && (this.#k ? (this.#F || (this.#F = Qt(this.#o?.loadingRenderer)), Zt(e, this.#F)) : Jt(this.#F));
-  }
-  #K(e, i) {
-    const o = this.#S.get(e);
-    if (!o) return;
-    const n = this.findRenderedRowElement?.(o.index);
-    n && ei(n, i);
-  }
-  #fe(e, i, o) {
-    const n = this.#S.get(e);
-    if (!n) return;
-    const r = this.findRenderedRowElement?.(n.index);
-    if (!r) return;
-    const s = this._visibleColumns.findIndex((a) => a.field === i);
-    if (s < 0) return;
-    const l = r.children[s];
-    l && ti(l, o);
-  }
-  #z() {
-    if (this.isConnected && !(!this._headerRowEl || !this._bodyEl)) {
-      if (this.#i.parseLightDomColumns(this), this.#M) {
-        const e = this.#M;
-        this.#M = void 0, this.#i.merge();
-        const i = this.#t?.getAll() ?? [];
-        this.#i.applyState(e, i);
-      }
-      this._bodyEl && (this._bodyEl.style.display = "", this._bodyEl.style.gridTemplateColumns = ""), this.#s.requestPhase(A.FULL, "setup");
-    }
-  }
-  #De(e) {
-    let i = 0, o = 0, n = 0, r = 0, s = 0;
-    if (this.#g) {
-      const a = this._virtualization.container, c = this.#G;
-      i = c?.scrollLeft ?? 0, o = a?.scrollHeight ?? 0, n = c?.scrollWidth ?? 0, r = a?.clientHeight ?? 0, s = c?.clientWidth ?? 0;
-    }
-    if (this.refreshVirtualWindow(!1) && this.#t?.onScrollRender(), this._virtualization.variableHeights && (this.#m && clearTimeout(this.#m), this.#m = window.setTimeout(() => {
-      this.#m = 0, this.#we(this._virtualization.start, this._virtualization.end);
-    }, 100)), this.#g) {
-      const a = this.#ee;
-      a.scrollTop = e, a.scrollLeft = i, a.scrollHeight = o, a.scrollWidth = n, a.clientHeight = r, a.clientWidth = s, this.#t?.onScroll(a);
-    }
-  }
-  findHeaderRow() {
-    return this.#n.querySelector(".header-row");
-  }
-  findRenderedRowElement(e) {
-    return Array.from(this._bodyEl.querySelectorAll(".data-grid-row")).find((i) => {
-      const o = i.querySelector(".cell[data-row]");
-      return o && Number(o.getAttribute("data-row")) === e;
-    }) || null;
-  }
-  _dispatchCellClick(e, i, o, n) {
-    const r = this._rows[i], s = this._visibleColumns[o];
-    if (!r || !s) return !1;
-    const l = s.field, a = r[l], c = new CustomEvent("cell-activate", {
-      cancelable: !0,
-      bubbles: !0,
-      composed: !0,
-      detail: {
-        rowIndex: i,
-        colIndex: o,
-        column: s,
-        field: l,
-        value: a,
-        row: r,
-        cellEl: n,
-        trigger: "pointer",
-        originalEvent: e
-      }
-    });
-    if (this.dispatchEvent(c), c.defaultPrevented)
-      return !0;
-    const h = {
-      row: r,
-      rowIndex: i,
-      colIndex: o,
-      column: s,
-      field: l,
-      value: a,
-      cellEl: n,
-      originalEvent: e
-    }, f = this.#t?.onCellClick(h) ?? !1;
-    return this.#L("cell-click", h), f;
-  }
-  _dispatchRowClick(e, i, o, n) {
-    if (!o) return !1;
-    const r = {
-      rowIndex: i,
-      row: o,
-      rowEl: n,
-      originalEvent: e
-    }, s = this.#t?.onRowClick(r) ?? !1;
-    return this.#L("row-click", r), s;
-  }
-  _dispatchHeaderClick(e, i, o) {
-    if (!i) return !1;
-    const n = {
-      colIndex: this._columns.indexOf(i),
-      field: i.field,
-      column: i,
-      headerEl: o,
-      originalEvent: e
-    };
-    return this.#t?.onHeaderClick(n) ?? !1;
-  }
-  _dispatchKeyDown(e) {
-    return this.#t?.onKeyDown(e) ?? !1;
-  }
-  _getHorizontalScrollOffsets(e, i) {
-    return this.#t?.getHorizontalScrollOffsets(e, i) ?? { left: 0, right: 0 };
-  }
-  queryPlugins(e) {
-    return this.#t?.queryPlugins(e) ?? [];
-  }
-  query(e, i) {
-    return this.#t?.queryPlugins({ type: e, context: i }) ?? [];
-  }
-  _dispatchCellMouseDown(e) {
-    return this.#t?.onCellMouseDown(e) ?? !1;
-  }
-  _dispatchCellMouseMove(e) {
-    this.#t?.onCellMouseMove(e);
-  }
-  _dispatchCellMouseUp(e) {
-    this.#t?.onCellMouseUp(e);
-  }
-  _afterCellRender(e) {
-    this.#t?.afterCellRender(e);
-  }
-  _hasAfterCellRenderHook() {
-    return this.#t?.hasAfterCellRenderHook() ?? !1;
-  }
-  _afterRowRender(e) {
-    this.#t?.afterRowRender(e);
-  }
-  _hasAfterRowRenderHook() {
-    return this.#t?.hasAfterRowRenderHook() ?? !1;
-  }
-  async ready() {
-    return this.#d;
-  }
-  async forceLayout() {
-    return this.#s.requestPhase(A.FULL, "forceLayout"), this.#s.whenReady();
-  }
-  async getConfig() {
-    return Object.freeze({ ...this.#o || {} });
-  }
-  getRowId(e) {
-    return this.#Se(e, this.#o.getRowId);
-  }
-  getRow(e) {
-    return this.#S.get(e)?.row;
-  }
-  _getRowEntry(e) {
-    return this.#S.get(e);
-  }
-  updateRow(e, i, o = "api") {
-    const n = this.#S.get(e);
-    if (!n)
-      throw new Error(
-        `[tbw-grid] Row with ID "${e}" not found. Ensure the row exists and getRowId is correctly configured.`
-      );
-    const { row: r, index: s } = n, l = [];
-    for (const [a, c] of Object.entries(i)) {
-      const h = r[a];
-      h !== c && (l.push({ field: a, oldValue: h, newValue: c }), r[a] = c);
-    }
-    for (const { field: a, oldValue: c, newValue: h } of l)
-      this.#L("cell-change", {
-        row: r,
-        rowId: e,
-        rowIndex: s,
-        field: a,
-        oldValue: c,
-        newValue: h,
-        changes: i,
-        source: o
-      });
-    l.length > 0 && this.#s.requestPhase(A.ROWS, "updateRow");
-  }
-  updateRows(e, i = "api") {
-    let o = !1;
-    for (const { id: n, changes: r } of e) {
-      const s = this.#S.get(n);
-      if (!s)
-        throw new Error(
-          `[tbw-grid] Row with ID "${n}" not found. Ensure the row exists and getRowId is correctly configured.`
-        );
-      const { row: l, index: a } = s;
-      for (const [c, h] of Object.entries(r)) {
-        const f = l[c];
-        f !== h && (o = !0, l[c] = h, this.#L("cell-change", {
-          row: l,
-          rowId: n,
-          rowIndex: a,
-          field: c,
-          oldValue: f,
-          newValue: h,
-          changes: r,
-          source: i
-        }));
-      }
-    }
-    o && this.#s.requestPhase(A.ROWS, "updateRows");
-  }
-  animateRow(e, i) {
-    return Se(this, e, i);
-  }
-  animateRows(e, i) {
-    return ai(this, e, i);
-  }
-  animateRowById(e, i) {
-    return ci(this, e, i);
-  }
-  async insertRow(e, i, o = !0) {
-    const n = Math.max(0, Math.min(e, this._rows.length));
-    this.#l = [...this.#l, i];
-    const r = [...this._rows];
-    r.splice(n, 0, i), this._rows = r, this._sortState && (this.__originalOrder = [...this.__originalOrder, i]), W(this), this.#P(), this.__rowRenderEpoch++;
-    for (const s of this._rowPool) s.__epoch = -1;
-    this.refreshVirtualWindow(!0), o && (await new Promise((s) => requestAnimationFrame(() => s())), await this.animateRow(n, "insert"));
-  }
-  async removeRow(e, i = !0) {
-    const o = this._rows[e];
-    if (!o) return;
-    i && await this.animateRow(e, "remove");
-    const n = this._rows.indexOf(o);
-    if (n < 0) return o;
-    const r = [...this._rows];
-    r.splice(n, 1), this._rows = r;
-    const s = this.#l.indexOf(o);
-    if (s >= 0) {
-      const l = [...this.#l];
-      l.splice(s, 1), this.#l = l;
-    }
-    if (this._sortState) {
-      const l = this.__originalOrder.indexOf(o);
-      if (l >= 0) {
-        const a = [...this.__originalOrder];
-        a.splice(l, 1), this.__originalOrder = a;
-      }
-    }
-    W(this), this.#P(), this.__rowRenderEpoch++;
-    for (const l of this._rowPool) l.__epoch = -1;
-    return this.refreshVirtualWindow(!0), i && requestAnimationFrame(() => {
-      this.querySelectorAll('[data-animating="remove"]').forEach((l) => {
-        l.removeAttribute("data-animating");
-      });
-    }), o;
-  }
-  suspendProcessing() {
-  }
-  setColumnVisible(e, i) {
-    const o = this.#i.setColumnVisible(e, i);
-    return o && this.requestStateChange(), o;
-  }
-  toggleColumnVisibility(e) {
-    const i = this.#i.toggleColumnVisibility(e);
-    return i && this.requestStateChange(), i;
-  }
-  isColumnVisible(e) {
-    return this.#i.isColumnVisible(e);
-  }
-  showAllColumns() {
-    this.#i.showAllColumns(), this.requestStateChange();
-  }
-  getAllColumns() {
-    return this.#i.getAllColumns();
-  }
-  setColumnOrder(e) {
-    this.#i.setColumnOrder(e), this.requestStateChange();
-  }
-  getColumnOrder() {
-    return this.#i.getColumnOrder();
-  }
-  getColumnState() {
-    const e = this.#t?.getAll() ?? [];
-    return this.#i.collectState(e);
-  }
-  set columnState(e) {
-    e && (this.#M = e, this.#i.initialColumnState = e, this.#u && this.#Me(e));
-  }
-  get columnState() {
-    return this.getColumnState();
-  }
-  #Me(e) {
-    const i = this.#t?.getAll() ?? [];
-    this.#i.applyState(e, i), this.#z();
-  }
-  requestStateChange() {
-    const e = this.#t?.getAll() ?? [];
-    this.#i.requestStateChange(e);
-  }
-  resetColumnState() {
-    this.#M = void 0, this.__originalOrder = [];
-    const e = this.#t?.getAll() ?? [];
-    this.#i.resetState(e), this.#i.merge(), this.#z();
-  }
-  get isToolPanelOpen() {
-    return this.#c.isPanelOpen;
-  }
-  get defaultRowHeight() {
-    return this._virtualization.rowHeight;
-  }
-  get expandedToolPanelSections() {
-    return this.#c.expandedSections;
-  }
-  openToolPanel() {
-    this.#c.openToolPanel();
-  }
-  closeToolPanel() {
-    this.#c.closeToolPanel();
-  }
-  toggleToolPanel() {
-    this.#c.toggleToolPanel();
-  }
-  toggleToolPanelSection(e) {
-    this.#c.toggleToolPanelSection(e);
-  }
-  getToolPanels() {
-    return this.#c.getToolPanels();
-  }
-  registerToolPanel(e) {
-    this.#e.apiToolPanelIds.add(e.id), this.#c.registerToolPanel(e);
-  }
-  unregisterToolPanel(e) {
-    this.#e.apiToolPanelIds.delete(e), this.#c.unregisterToolPanel(e);
-  }
-  getHeaderContents() {
-    return this.#c.getHeaderContents();
-  }
-  registerHeaderContent(e) {
-    this.#c.registerHeaderContent(e);
-  }
-  unregisterHeaderContent(e) {
-    this.#c.unregisterHeaderContent(e);
-  }
-  getToolbarContents() {
-    return this.#c.getToolbarContents();
-  }
-  registerToolbarContent(e) {
-    this.#c.registerToolbarContent(e);
-  }
-  unregisterToolbarContent(e) {
-    this.#c.unregisterToolbarContent(e);
-  }
-  #Q = !1;
-  refreshShellHeader() {
-    this.#Q || (this.#Q = !0, queueMicrotask(() => {
-      this.#Q = !1, this.isConnected && (this.#I(), this.#i.markSourcesChanged(), this.#i.merge(), he(this.#e), this.#J(), this.#V(), this.#ke());
-    }));
-  }
-  #ke() {
-    const i = this.#n.querySelector(".tbw-grid-content") ?? this.#n.querySelector(".tbw-grid-root");
-    if (this._headerRowEl = i?.querySelector(".header-row"), this._virtualization.totalHeightEl = i?.querySelector(".faux-vscroll-spacer"), this._virtualization.viewportEl = i?.querySelector(".rows-viewport"), this._bodyEl = i?.querySelector(".rows"), this.__rowsBodyEl = i?.querySelector(".rows-body"), this.#c.isInitialized) {
-      pe(this.#n, this.#e), de(this.#n, this.#o?.shell, this.#e);
-      const o = this.#o?.shell?.toolPanel?.defaultOpen;
-      o && this.#e.toolPanels.has(o) && (this.openToolPanel(), this.#e.expandedSections.add(o));
-    }
-    this._resizeController = Ie(this), this.#Y(i), this.#s.requestPhase(A.COLUMNS, "shellRefresh");
-  }
-  #A = /* @__PURE__ */ new Map();
-  registerStyles(e, i) {
-    let o = this.#A.get(e);
-    o || (o = new CSSStyleSheet(), this.#A.set(e, o)), o.replaceSync(i), this.#ge();
-  }
-  unregisterStyles(e) {
-    this.#A.delete(e) && this.#ge();
-  }
-  getRegisteredStyles() {
-    return Array.from(this.#A.keys());
-  }
-  #ge() {
-    const e = Array.from(this.#A.values()), i = document.adoptedStyleSheets.filter(
-      (o) => !Array.from(this.#A.values()).includes(o)
-    );
-    document.adoptedStyleSheets = [...i, ...e];
-  }
-  #I() {
-    qe(this, this.#e), $e(this, this.#e), We(this, this.#e, this.#ne());
-  }
-  #pe() {
-    const e = this.#n.querySelector(".tbw-shell-header");
-    if (!e) return;
-    he(this.#e);
-    const i = fi(
-      this.#o.shell,
-      this.#e,
-      this.#o.icons?.toolPanel
-    ), o = document.createElement("div");
-    o.innerHTML = i;
-    const n = o.firstElementChild;
-    n && (e.replaceWith(n), this.#be(), de(this.#n, this.#o?.shell, this.#e));
-  }
-  #Ie() {
-    const e = () => {
-      const o = this.#e.lightDomTitle, n = this.#e.hasToolButtonsContainer;
-      this.#I();
-      const r = this.#e.lightDomTitle, s = this.#e.hasToolButtonsContainer;
-      (r && !o || s && !n) && (this.#i.markSourcesChanged(), this.#i.merge(), this.#pe());
-    }, i = () => {
-      this.__lightDomColumnsCache = void 0, this.#z();
-    };
-    this.#i.registerLightDomHandler("tbw-grid-header", e), this.#i.registerLightDomHandler("tbw-grid-tool-buttons", e), this.#i.registerLightDomHandler("tbw-grid-tool-panel", e), this.#i.registerLightDomHandler("tbw-grid-column", i), this.#i.registerLightDomHandler("tbw-grid-detail", i), this.#i.observeLightDOM(this);
-  }
-  refreshColumns() {
-    this.__lightDomColumnsCache = void 0, W(this), this.#i.parseLightDomColumns(this);
-    const e = this.#e.lightDomTitle, i = this.#e.hasToolButtonsContainer;
-    this.#I();
-    const o = this.#e.lightDomTitle, n = this.#e.hasToolButtonsContainer;
-    (o && !e || n && !i) && (this.#i.markSourcesChanged(), this.#i.merge(), this.#pe()), this.#s.requestPhase(A.COLUMNS, "refreshColumns");
-  }
-  #Ne() {
-    const e = this._virtualization.container, i = this._virtualization.viewportEl ?? e;
-    i && (this._virtualization.cachedViewportHeight = i.clientHeight), e && (this._virtualization.cachedFauxHeight = e.clientHeight);
-    const o = this._virtualization.scrollAreaEl;
-    o && (this._virtualization.cachedScrollAreaHeight = o.clientHeight);
-  }
-  #T(e, i = !1) {
-    const o = this._virtualization;
-    let n, r, s;
-    if (i) {
-      const p = o.container ?? this, g = o.viewportEl ?? p, u = o.scrollAreaEl;
-      n = p.clientHeight, r = g.clientHeight, s = u ? u.clientHeight : n, o.cachedFauxHeight = n, o.cachedViewportHeight = r, o.cachedScrollAreaHeight = s;
-    } else
-      n = o.cachedFauxHeight, r = o.cachedViewportHeight, s = o.cachedScrollAreaHeight || n;
-    const l = s - r, a = Math.max(0, n - s);
-    let c, h = 0;
-    return o.variableHeights && o.positionCache ? c = Vi(o.positionCache) : (c = e * o.rowHeight, h = this.#t?.getExtraHeight() ?? 0), c + l + h + a;
-  }
-  #Z() {
-    if (!this._virtualization.variableHeights) return;
-    const e = this._rows, i = this._virtualization.rowHeight || 28, o = this.#o.rowHeight, n = this.#o.getRowId, r = n ? (l) => n(l) : void 0;
-    this._virtualization.positionCache = Fi(
-      e,
-      this._virtualization.heightCache,
-      i,
-      { rowId: r },
-      (l, a) => {
-        const c = this.#t?.getRowHeight?.(l, a);
-        if (c !== void 0) return c;
-        if (o) {
-          const h = o(l, a);
-          if (h !== void 0 && h > 0) return h;
-        }
-      }
-    );
-    const s = Xi(
-      this._virtualization.positionCache,
-      e,
-      i,
-      (l, a) => this.#t?.getRowHeight?.(l, a)
-    );
-    this._virtualization.measuredCount = s.measuredCount, s.measuredCount > 0 && (this._virtualization.averageHeight = s.averageHeight);
-  }
-  invalidateRowHeight(e, i) {
-    if (!this._virtualization.variableHeights || !this._virtualization.positionCache || e < 0 || e >= this._rows.length) return;
-    const o = this._virtualization.positionCache, n = this._rows[e];
-    let r = i;
-    r === void 0 && (r = this.#t?.getRowHeight?.(n, e)), r === void 0 && (r = this._virtualization.rowHeight);
-    const s = o[e];
-    if (!(!s || Math.abs(s.height - r) < 1) && (ve(o, e, r), this._virtualization.totalHeightEl)) {
-      const l = this.#T(this._rows.length);
-      this._virtualization.totalHeightEl.style.height = `${l}px`;
-    }
-  }
-  #we(e, i) {
-    if (!this._virtualization.variableHeights || !this._virtualization.positionCache || !this._bodyEl) return;
-    const o = this._bodyEl.querySelectorAll(".data-grid-row"), n = this.#o.getRowId, r = Gi(
-      {
-        positionCache: this._virtualization.positionCache,
-        heightCache: this._virtualization.heightCache,
-        rows: this._rows,
-        defaultHeight: this._virtualization.rowHeight,
-        start: e,
-        end: i,
-        getPluginHeight: (s, l) => this.#t?.getRowHeight?.(s, l),
-        getRowId: n ? (s) => n(s) : void 0
-      },
-      o
-    );
-    if (r.hasChanges && (this._virtualization.measuredCount = r.measuredCount, this._virtualization.averageHeight = r.averageHeight, this._virtualization.totalHeightEl)) {
-      const s = this.#T(this._rows.length);
-      this._virtualization.totalHeightEl.style.height = `${s}px`;
-    }
-  }
-  refreshVirtualWindow(e = !1, i = !1) {
-    if (!this._bodyEl) return !1;
-    const o = this._rows.length;
-    if (!this._virtualization.enabled)
-      return this.#j(0, o), i || this.#t?.afterRender(), !0;
-    if (this._rows.length <= this._virtualization.bypassThreshold)
-      return this._virtualization.start = 0, this._virtualization.end = o, e && (this._bodyEl.style.transform = "translateY(0px)"), this.#j(0, o, this.__rowRenderEpoch), e && this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${this.#T(o, !0)}px`), this.#he(o, this._visibleColumns.length), i || this.#t?.afterRender(), !0;
-    const n = this._virtualization.container ?? this, r = this._virtualization.viewportEl ?? n, s = e ? this._virtualization.cachedViewportHeight = r.clientHeight : this._virtualization.cachedViewportHeight || (this._virtualization.cachedViewportHeight = r.clientHeight), l = this._virtualization.rowHeight, a = n.scrollTop;
-    let c;
-    const h = this._virtualization.positionCache;
-    if (this._virtualization.variableHeights && h && h.length > 0)
-      c = Ge(h, a), c === -1 && (c = 0);
-    else {
-      c = Math.floor(a / l);
-      let m = 0;
-      const _ = 10;
-      for (; m < _; ) {
-        const R = this.#t?.getExtraHeightBefore?.(c) ?? 0, E = Math.floor((a - R) / l);
-        if (E >= c || E < 0) break;
-        c = E, m++;
-      }
-    }
-    c = c - c % 2, c < 0 && (c = 0);
-    const f = this.#t?.adjustVirtualStart(c, a, l);
-    f !== void 0 && f < c && (c = f, c = c - c % 2, c < 0 && (c = 0));
-    let p;
-    if (this._virtualization.variableHeights && h && h.length > 0) {
-      const m = s + l * 3;
-      let _ = 0;
-      for (p = c; p < o && _ < m; )
-        _ += h[p].height, p++;
-      const R = Math.ceil(s / l) + 3;
-      p - c < R && (p = Math.min(c + R, o));
-    } else {
-      const m = Math.ceil(s / l) + 3;
-      p = c + m;
-    }
-    p > o && (p = o);
-    const g = this._virtualization.start, u = this._virtualization.end;
-    if (!e && c === g && p === u)
-      return !1;
-    this._virtualization.start = c, this._virtualization.end = p;
-    const d = e ? this._virtualization.cachedFauxHeight = n.clientHeight : this._virtualization.cachedFauxHeight || (this._virtualization.cachedFauxHeight = n.clientHeight);
-    if (e) {
-      const m = this._virtualization.scrollAreaEl;
-      m && (this._virtualization.cachedScrollAreaHeight = m.clientHeight);
-    }
-    if (d === 0 && s > 0)
-      return this.#s.requestPhase(A.VIRTUALIZATION, "stale-refs-retry"), !1;
-    if (e && this._virtualization.totalHeightEl) {
-      const m = this.#T(o);
-      this._virtualization.totalHeightEl.style.height = `${m}px`;
-    }
-    let w;
-    if (this._virtualization.variableHeights && h && h[c])
-      w = h[c].offset;
-    else {
-      const m = this.#t?.getExtraHeightBefore?.(c) ?? 0;
-      w = c * l + m;
-    }
-    const C = -(a - w);
-    return this._bodyEl.style.transform = `translateY(${C}px)`, this.#j(c, p, this.__rowRenderEpoch), e && this._virtualization.variableHeights && this.#we(c, p), this.#he(o, this._visibleColumns.length), e && !i && (this.#t?.afterRender(), queueMicrotask(() => {
-      if (!this._virtualization.totalHeightEl) return;
-      const m = this.#T(o);
-      this._virtualization.cachedFauxHeight === 0 && this._virtualization.cachedViewportHeight > 0 || (this._virtualization.totalHeightEl.style.height = `${m}px`);
-    })), !0;
-  }
-  #J() {
-    this.#I(), this.#i.markSourcesChanged(), this.#i.merge();
-    const e = this.#o?.shell;
-    yi(
-      this.#n,
-      e,
-      { isPanelOpen: this.#e.isPanelOpen, expandedSections: this.#e.expandedSections },
-      this.#o?.icons
-    ) && (this.#be(), this.#c.setInitialized(!0));
-  }
-  #be() {
-    gi(this.#n, this.#o?.shell, this.#e, {
-      onPanelToggle: () => this.toggleToolPanel(),
-      onSectionToggle: (e) => this.toggleToolPanelSection(e)
-    }), this.#$?.(), this.#$ = wi(this.#n, this.#o?.shell, (e) => {
-      this.style.setProperty("--tbw-tool-panel-width", `${e}px`);
-    }), this.#W?.(), this.#W = pi(
-      this,
-      this.#o?.shell,
-      this.#e,
-      () => this.closeToolPanel()
-    );
-  }
-}
-customElements.get(I.tagName) || customElements.define(I.tagName, I);
-globalThis.DataGridElement = I;
-const ao = {
-  CAN_MOVE_COLUMN: "canMoveColumn",
-  GET_CONTEXT_MENU_ITEMS: "getContextMenuItems"
-};
-class co {
-  static dependencies;
-  static manifest;
-  version = "1.21.1";
-  styles;
-  cellRenderers;
-  headerRenderers;
-  cellEditors;
-  grid;
-  config;
-  userConfig;
-  #a;
-  get defaultConfig() {
-    return {};
-  }
-  constructor(e = {}) {
-    this.userConfig = e;
-  }
-  attach(e) {
-    this.#a?.abort(), this.#a = new AbortController(), this.grid = e, this.config = { ...this.defaultConfig, ...this.userConfig };
-  }
-  detach() {
-    this.#a?.abort(), this.#a = void 0;
-  }
-  getPlugin(e) {
-    return this.grid?.getPlugin(e);
-  }
-  emit(e, i) {
-    this.grid?.dispatchEvent?.(new CustomEvent(e, { detail: i, bubbles: !0 }));
-  }
-  emitCancelable(e, i) {
-    const o = new CustomEvent(e, { detail: i, bubbles: !0, cancelable: !0 });
-    return this.grid?.dispatchEvent?.(o), o.defaultPrevented;
-  }
-  on(e, i) {
-    this.grid?._pluginManager?.subscribe(this, e, i);
-  }
-  off(e) {
-    this.grid?._pluginManager?.unsubscribe(this, e);
-  }
-  emitPluginEvent(e, i) {
-    this.grid?._pluginManager?.emitPluginEvent(e, i);
-  }
-  requestRender() {
-    this.grid?.requestRender?.();
-  }
-  requestColumnsRender() {
-    this.grid?.requestColumnsRender?.();
-  }
-  requestRenderWithFocus() {
-    this.grid?.requestRenderWithFocus?.();
-  }
-  requestAfterRender() {
-    this.grid?.requestAfterRender?.();
-  }
-  get rows() {
-    return this.grid?.rows ?? [];
-  }
-  get sourceRows() {
-    return this.grid?.sourceRows ?? [];
-  }
-  get columns() {
-    return this.grid?.columns ?? [];
-  }
-  get visibleColumns() {
-    return this.grid?._visibleColumns ?? [];
-  }
-  get gridElement() {
-    return this.grid;
-  }
-  get disconnectSignal() {
-    return this.#a?.signal ?? this.grid?.disconnectSignal;
-  }
-  get gridIcons() {
-    const e = this.grid?.gridConfig?.icons ?? {};
-    return { ...M, ...e };
-  }
-  get isAnimationEnabled() {
-    const e = this.grid?.effectiveConfig?.animation?.mode ?? "reduced-motion";
-    if (e === !1 || e === "off") return !1;
-    if (e === !0 || e === "on") return !0;
-    const i = this.gridElement;
-    return i ? getComputedStyle(i).getPropertyValue("--tbw-animation-enabled").trim() !== "0" : !0;
-  }
-  get animationDuration() {
-    const e = this.gridElement;
-    if (e) {
-      const i = getComputedStyle(e).getPropertyValue("--tbw-animation-duration").trim(), o = parseInt(i, 10);
-      if (!isNaN(o)) return o;
-    }
-    return 200;
-  }
-  resolveIcon(e, i) {
-    return i !== void 0 ? i : this.gridIcons[e];
-  }
-  setIcon(e, i) {
-    typeof i == "string" ? e.innerHTML = i : i instanceof HTMLElement && (e.innerHTML = "", e.appendChild(i.cloneNode(!0)));
-  }
-  warn(e) {
-    console.warn(`[tbw-grid:${this.name}] ${e}`);
-  }
-}
-const H = {
-  ROOT: "tbw-grid-root",
-  HEADER: "header",
-  HEADER_ROW: "header-row",
-  HEADER_CELL: "header-cell",
-  ROWS_VIEWPORT: "rows-viewport",
-  ROWS_SPACER: "rows-spacer",
-  ROWS_CONTAINER: "rows",
-  DATA_ROW: "data-row",
-  GROUP_ROW: "group-row",
-  DATA_CELL: "data-cell",
-  SELECTED: "selected",
-  FOCUSED: "focused",
-  EDITING: "editing",
-  EXPANDED: "expanded",
-  COLLAPSED: "collapsed",
-  DRAGGING: "dragging",
-  RESIZING: "resizing",
-  SORTABLE: "sortable",
-  SORTED_ASC: "sorted-asc",
-  SORTED_DESC: "sorted-desc",
-  HIDDEN: "hidden",
-  STICKY_LEFT: "sticky-left",
-  STICKY_RIGHT: "sticky-right",
-  PINNED_TOP: "pinned-top",
-  PINNED_BOTTOM: "pinned-bottom",
-  TREE_TOGGLE: "tree-toggle",
-  TREE_INDENT: "tree-indent",
-  GROUP_TOGGLE: "group-toggle",
-  GROUP_LABEL: "group-label",
-  GROUP_COUNT: "group-count",
-  RANGE_SELECTION: "range-selection",
-  SELECTION_OVERLAY: "selection-overlay"
-}, ee = {
-  ROW_INDEX: "data-row-index",
-  COL_INDEX: "data-col-index",
-  FIELD: "data-field",
-  GROUP_KEY: "data-group-key",
-  TREE_LEVEL: "data-tree-level",
-  STICKY: "data-sticky"
-}, ho = {
-  ROOT: `.${H.ROOT}`,
-  HEADER: `.${H.HEADER}`,
-  HEADER_ROW: `.${H.HEADER_ROW}`,
-  HEADER_CELL: `.${H.HEADER_CELL}`,
-  ROWS_VIEWPORT: `.${H.ROWS_VIEWPORT}`,
-  ROWS_CONTAINER: `.${H.ROWS_CONTAINER}`,
-  DATA_ROW: `.${H.DATA_ROW}`,
-  DATA_CELL: `.${H.DATA_CELL}`,
-  GROUP_ROW: `.${H.GROUP_ROW}`,
-  ROW_BY_INDEX: (t) => `.${H.DATA_ROW}[${ee.ROW_INDEX}="${t}"]`,
-  CELL_BY_FIELD: (t) => `.${H.DATA_CELL}[${ee.FIELD}="${t}"]`,
-  CELL_AT: (t, e) => `.${H.DATA_ROW}[${ee.ROW_INDEX}="${t}"] .${H.DATA_CELL}[${ee.COL_INDEX}="${e}"]`,
-  SELECTED_ROWS: `.${H.DATA_ROW}.${H.SELECTED}`,
-  EDITING_CELL: `.${H.DATA_CELL}.${H.EDITING}`
-}, uo = {
-  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",
-  ROW_HEIGHT: "--tbw-row-height",
-  HEADER_HEIGHT: "--tbw-header-height",
-  CELL_PADDING: "--tbw-cell-padding",
-  FONT_FAMILY: "--tbw-font-family",
-  FONT_SIZE: "--tbw-font-size",
-  BORDER_RADIUS: "--tbw-border-radius",
-  FOCUS_OUTLINE: "--tbw-focus-outline"
-};
-function fo(t) {
-  const e = document.createElement("tbw-grid");
-  return t && (e.gridConfig = t), e;
-}
-function go(t, e = document) {
-  return e.querySelector(t);
-}
-const po = {
-  CELL_CHANGE: "cell-change",
-  CELL_COMMIT: "cell-commit",
-  ROW_COMMIT: "row-commit",
-  EDIT_OPEN: "edit-open",
-  EDIT_CLOSE: "edit-close",
-  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",
-  CELL_ACTIVATE: "cell-activate",
-  GROUP_TOGGLE: "group-toggle",
-  COLUMN_STATE_CHANGE: "column-state-change"
-}, wo = {
-  SELECTION_CHANGE: "selection-change",
-  TREE_EXPAND: "tree-expand",
-  FILTER_CHANGE: "filter-change",
-  SORT_MODEL_CHANGE: "sort-model-change",
-  EXPORT_START: "export-start",
-  EXPORT_COMPLETE: "export-complete",
-  CLIPBOARD_COPY: "clipboard-copy",
-  CLIPBOARD_PASTE: "clipboard-paste",
-  CONTEXT_MENU_OPEN: "context-menu-open",
-  CONTEXT_MENU_CLOSE: "context-menu-close",
-  HISTORY_CHANGE: "history-change",
-  SERVER_LOADING: "server-loading",
-  SERVER_ERROR: "server-error",
-  COLUMN_VISIBILITY_CHANGE: "column-visibility-change",
-  COLUMN_REORDER: "column-reorder",
-  DETAIL_EXPAND: "detail-expand",
-  GROUP_EXPAND: "group-expand"
-}, fe = {
-  sum: (t, e) => t.reduce((i, o) => i + (Number(o[e]) || 0), 0),
-  avg: (t, e) => {
-    const i = t.reduce((o, n) => o + (Number(n[e]) || 0), 0);
-    return t.length ? i / t.length : 0;
-  },
-  count: (t) => t.length,
-  min: (t, e) => t.length ? Math.min(...t.map((i) => Number(i[e]) || 1 / 0)) : 0,
-  max: (t, e) => t.length ? Math.max(...t.map((i) => Number(i[e]) || -1 / 0)) : 0,
-  first: (t, e) => t[0]?.[e],
-  last: (t, e) => t[t.length - 1]?.[e]
-}, U = /* @__PURE__ */ new Map(), D = {
-  register(t, e) {
-    U.set(t, e);
-  },
-  unregister(t) {
-    U.delete(t);
-  },
-  get(t) {
-    if (t !== void 0)
-      return typeof t == "function" ? t : U.get(t) ?? fe[t];
-  },
-  run(t, e, i, o) {
-    const n = this.get(t);
-    return n ? n(e, i, o) : void 0;
-  },
-  has(t) {
-    return U.has(t) || t in fe;
-  },
-  list() {
-    return [...Object.keys(fe), ...U.keys()];
-  }
-}, Xe = {
-  sum: (t) => t.reduce((e, i) => e + i, 0),
-  avg: (t) => t.length ? t.reduce((e, i) => e + i, 0) / t.length : 0,
-  count: (t) => t.length,
-  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 no(t) {
-  return Xe[t] ?? Xe.sum;
-}
-function bo(t, e) {
-  return no(t)(e);
-}
-const mo = D.register.bind(D), vo = D.unregister.bind(D), Co = D.get.bind(D), yo = D.run.bind(D), _o = D.list.bind(D);
-export {
-  co as BaseGridPlugin,
-  pt as DEFAULT_ANIMATION_CONFIG,
-  M as DEFAULT_GRID_ICONS,
-  po as DGEvents,
-  I as DataGridElement,
-  et as F,
-  X as FitModeEnum,
-  uo as GridCSSVars,
-  H as GridClasses,
-  ee as GridDataAttrs,
-  I as GridElement,
-  ho as GridSelectors,
-  ao as PLUGIN_QUERIES,
-  wo as PluginEvents,
-  ne as PluginManager,
-  A as RenderPhase,
-  Ce as a,
-  D as aggregatorRegistry,
-  k as b,
-  ot as builtInSort,
-  so as c,
-  fo as createGrid,
-  Qe as d,
-  Ut as defaultComparator,
-  F as e,
-  _e as f,
-  Ot as g,
-  Co as getAggregator,
-  no as getValueAggregator,
-  _o as listAggregators,
-  go as queryGrid,
-  ro as r,
-  mo as registerAggregator,
-  yo as runAggregator,
-  bo as runValueAggregator,
-  lo as s,
-  vo as unregisterAggregator
-};
-//# sourceMappingURL=index.js.map
+const e={STRETCH:"stretch",FIXED:"fixed"},t={mode:"reduced-motion",duration:200,easing:"ease-out"},i='<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentColor" d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>',o={expand:"▶",collapse:"▼",sortAsc:"▲",sortDesc:"▼",sortNone:"⇅",submenuArrow:"▶",dragHandle:"⋮⋮",toolPanel:"☰",filter:i,filterActive:i,print:"🖨️"};function n(e,t){if(!(e&&e.length||t&&t.length))return[];if(!e||!e.length)return t||[];if(!t||!t.length)return e;const i={};t.forEach(e=>{const t=i[e.field];if(t){e.header&&!t.header&&(t.header=e.header),e.type&&!t.type&&(t.type=e.type),e.sortable&&(t.sortable=!0),e.editable&&(t.editable=!0),e.resizable&&(t.resizable=!0),null!=e.width&&null==t.width&&(t.width=e.width),null!=e.minWidth&&null==t.minWidth&&(t.minWidth=e.minWidth),e.__viewTemplate&&(t.__viewTemplate=e.__viewTemplate),e.__editorTemplate&&(t.__editorTemplate=e.__editorTemplate),e.__headerTemplate&&(t.__headerTemplate=e.__headerTemplate);const i=e.renderer||e.viewRenderer,o=t.renderer||t.viewRenderer;i&&!o&&(t.viewRenderer=i,e.renderer&&(t.renderer=i)),e.editor&&!t.editor&&(t.editor=e.editor)}else i[e.field]={...e}});const o=e.map(e=>{const t=i[e.field];if(!t)return e;const o={...e};t.header&&!o.header&&(o.header=t.header),t.type&&!o.type&&(o.type=t.type),o.sortable=e.sortable||t.sortable,!0!==e.resizable&&!0!==t.resizable||(o.resizable=!0),o.editable=e.editable||t.editable,null!=t.width&&null==o.width&&(o.width=t.width),null!=t.minWidth&&null==o.minWidth&&(o.minWidth=t.minWidth),t.__viewTemplate&&(o.__viewTemplate=t.__viewTemplate),t.__editorTemplate&&(o.__editorTemplate=t.__editorTemplate),t.__headerTemplate&&(o.__headerTemplate=t.__headerTemplate);const n=t.renderer||t.viewRenderer,r=o.renderer||o.viewRenderer;return n&&!r&&(o.viewRenderer=n,t.renderer&&(o.renderer=n)),t.editor&&!o.editor&&(o.editor=t.editor),delete i[e.field],o});return Object.keys(i).forEach(e=>o.push(i[e])),o}function r(e,t){try{e.part?.add?.(t)}catch{}const i=e.getAttribute("part");i?i.split(/\s+/).includes(t)||e.setAttribute("part",i+" "+t):e.setAttribute("part",t)}function s(t){const i=t.effectiveConfig?.fitMode||t.fitMode||e.STRETCH;if(i!==e.STRETCH&&i!==e.FIXED)return;if(t.__didInitialAutoSize)return;if(!t.isConnected)return;const o=Array.from(t._headerRowEl?.children||[]);if(!o.length)return;let n=!1;t._visibleColumns.forEach((e,i)=>{if(e.width)return;const r=o[i];let s=r?r.scrollWidth:0;for(const o of t._rowPool){const e=o.children[i];if(e){const t=e.scrollWidth;t>s&&(s=t)}}s>0&&(e.width=s+2,e.__autoSized=!0,n=!0)}),n&&c(t),t.__didInitialAutoSize=!0}const l=/^(?:\d+(?:\.\d+)?(?:px|%|fr|em|rem|ch|vw|vh|vmin|vmax)|calc\(.+\)|min-content|max-content|minmax\(.+\)|fit-content\(.+\)|auto)$/i;function a(e,t){return"number"==typeof e?`${e}px`:(l.test(e)||console.warn(`[tbw-grid] Column '${t??"?"}' has an invalid CSS width value: '${e}'. Expected a number (px) or a valid CSS unit string (e.g. '30%', '2fr', 'calc(...)').`),e)}function c(t){const i=t.effectiveConfig?.fitMode||t.fitMode||e.STRETCH;t._gridTemplate=i===e.STRETCH?t._visibleColumns.map(e=>{if(null!=e.width)return a(e.width,e.field);const t=e.minWidth;return null!=t?`minmax(${t}px, 1fr)`:"1fr"}).join(" ").trim():t._visibleColumns.map(e=>null!=e.width?a(e.width,e.field):"max-content").join(" "),t.style.setProperty("--tbw-column-template",t._gridTemplate)}function d(e,t){const i=e[0]||{},o=Object.keys(i).map(e=>{const t=i[e],o=null==(n=t)?"string":"number"==typeof n?"number":"boolean"==typeof n?"boolean":n instanceof Date||"string"==typeof n&&/\d{4}-\d{2}-\d{2}/.test(n)&&!isNaN(Date.parse(n))?"date":"string";var n;return{field:e,header:e.charAt(0).toUpperCase()+e.slice(1),type:o}}),n={};return o.forEach(e=>{n[e.field]=e.type||"string"}),{columns:o,typeMap:n}}const h=/{{\s*([^}]+)\s*}}/g,u="__DG_EMPTY__",g=/^[\w$. '?+\-*/%:()!<>=,&|]+$/,f=/__(proto|defineGetter|defineSetter)|constructor|window|globalThis|global|process|Function|import|eval|Reflect|Proxy|Error|arguments|document|location|cookie|localStorage|sessionStorage|indexedDB|fetch|XMLHttpRequest|WebSocket|Worker|SharedWorker|ServiceWorker|opener|parent|top|frames|self|this\b/;const p=/* @__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"]),w=/^on\w+$/i,b=/* @__PURE__ */new Set(["href","src","action","formaction","data","srcdoc","xlink:href","poster","srcset"]),m=/^\s*(javascript|vbscript|data|blob):/i;function v(e){if(!e||"string"!=typeof e)return"";if(-1===e.indexOf("<"))return e;const t=document.createElement("template");return t.innerHTML=e,function(e){const t=[],i=e.querySelectorAll("*");for(const o of i){const e=o.tagName.toLowerCase();if(p.has(e)){t.push(o);continue}if("svg"===e||"http://www.w3.org/2000/svg"===o.namespaceURI){if(Array.from(o.attributes).some(e=>w.test(e.name)||"href"===e.name||"xlink:href"===e.name)){t.push(o);continue}}const i=[];for(const t of o.attributes){const e=t.name.toLowerCase();w.test(e)?i.push(t.name):(b.has(e)&&m.test(t.value)||"style"===e&&/expression\s*\(|javascript:|behavior\s*:/i.test(t.value))&&i.push(t.name)}i.forEach(e=>o.removeAttribute(e))}t.forEach(e=>e.remove())}(t.content),t.innerHTML}function C(e,t){if(!e||-1===e.indexOf("{{"))return e;const i=[],o=e.replace(h,(e,o)=>{const n=function(e,t){if(e=(e||"").trim(),!e)return u;if(y.test(e))return u;if("value"===e)return null==t.value?u:String(t.value);if(e.startsWith("row.")&&!/[()?]/.test(e)&&!e.includes(":")){const i=e.slice(4),o=t.row?t.row[i]:void 0;return null==o?u:String(o)}if(e.length>80)return u;if(!g.test(e)||f.test(e))return u;const i=e.match(/\./g);if(i&&i.length>1)return u;try{const i=new Function("value","row",`return (${e});`)(t.value,t.row),o=null==i?"":String(i);return y.test(o)?u:o||u}catch{return u}}(o,t);return i.push({expr:o.trim(),result:n}),n}),n=(r=o)?r.replace(new RegExp(u,"g"),"").replace(/Reflect\.[^<>{}\s]+|\bProxy\b|ownKeys\([^)]*\)/g,""):r;var r;const s=i.length&&i.every(e=>""===e.result||e.result===u);return y.test(e)||s?"":n}const y=/Reflect|Proxy|ownKeys/;function _(e){if(y.test(e.textContent||"")){for(const t of e.childNodes)t.nodeType===Node.TEXT_NODE&&y.test(t.textContent||"")&&(t.textContent="");y.test(e.textContent||"")&&(e.textContent="")}}function S(e){const t=y.test(e),i=i=>{if(t)return"";return C(e,i)};return i.__blocked=t,i}class R{#e;#t;#i;#o;#n;#r={};#s={};#l=!0;#a=[];#c;#d;#h;#u;#g;constructor(e){this.#u=e}get original(){return this.#r}get effective(){return this.#s}get columns(){return this.#s.columns??[]}set columns(e){this.#s.columns=e}get lightDomColumnsCache(){return this.#o}set lightDomColumnsCache(e){this.#o=e}get originalColumnNodes(){return this.#n}set originalColumnNodes(e){this.#n=e}get lightDomTitle(){return this.#g}set lightDomTitle(e){this.#g=e}get initialColumnState(){return this.#h}set initialColumnState(e){this.#h=e}get sourcesChanged(){return this.#l}markSourcesChanged(){this.#l=!0}setGridConfig(e){this.#e=e,this.#l=!0,this.#o=void 0}getGridConfig(){return this.#e}setColumns(e){this.#t=e,this.#l=!0}getColumns(){return this.#t}setFitMode(e){this.#i=e,this.#l=!0}getFitMode(){return this.#i}merge(){const e=(this.#s.columns?.length??0)>0;if(!this.#l&&e)return;const t=this.#f();this.#l=!1,this.#r=t,Object.freeze(this.#r),this.#r.columns&&Object.freeze(this.#r.columns),this.#s=this.#p(this.#r),this.#w()}#p(e){const t={...e};return e.columns&&(t.columns=e.columns.map(e=>({...e}))),e.shell&&(t.shell={...e.shell,header:e.shell.header?{...e.shell.header}:void 0,toolPanel:e.shell.toolPanel?{...e.shell.toolPanel}:void 0,toolPanels:e.shell.toolPanels?.map(e=>({...e})),headerContents:e.shell.headerContents?.map(e=>({...e}))}),t}#w(){const e=this.#s;if(this.#b(),"number"==typeof e.rowHeight&&e.rowHeight>0&&this.#u.setRowHeight(e.rowHeight),"fixed"===e.fitMode){this.columns.forEach(e=>{null==e.width&&(e.width=80)})}this.#u.applyAnimationConfig(e)}#b(){const e=this.#s.typeDefaults;if(!e)return;const t=this.columns;for(const i of t){if(!i.type)continue;const t=e[i.type];t&&(i.renderer||i.viewRenderer||!t.renderer||(i.renderer=t.renderer),!i.format&&t.format&&(i.format=t.format),!i.editor&&t.editor&&(i.editor=t.editor),!i.editorParams&&t.editorParams&&(i.editorParams=t.editorParams))}}#f(){const e=this.#e?{...this.#e}:{},t=Array.isArray(e.columns)?[...e.columns]:[],i=(this.#o??[]).map(e=>({...e}));let o=n(t,i);this.#t&&this.#t.length&&(o=n(this.#t,i));const r=this.#u.getRows();if(0===o.length&&r.length){o=d(r).columns}return o.length&&(o.forEach(e=>{void 0===e.sortable&&(e.sortable=!0),void 0===e.resizable&&(e.resizable=!0),void 0===e.__originalWidth&&"number"==typeof e.width&&(e.__originalWidth=e.width)}),o.forEach(e=>{e.__viewTemplate&&!e.__compiledView&&(e.__compiledView=S(e.__viewTemplate.innerHTML)),e.__editorTemplate&&!e.__compiledEditor&&(e.__compiledEditor=S(e.__editorTemplate.innerHTML))}),e.columns=o),this.#i&&(e.fitMode=this.#i),e.fitMode||(e.fitMode="stretch"),this.#m(e),e.columnState&&!this.#h&&(this.#h=e.columnState),e}#m(e){e.shell=e.shell?{...e.shell}:{},e.shell.header=e.shell.header?{...e.shell.header}:{};const t=this.#u.getShellLightDomTitle();t&&(this.#g=t),this.#g&&!e.shell.header.title&&(e.shell.header.title=this.#g);const i=this.#u.getShellLightDomHeaderContent();i?.length>0&&(e.shell.header.lightDomContent=i),this.#u.getShellHasToolButtonsContainer()&&(e.shell.header.hasToolButtonsContainer=!0);const o=this.#u.getShellToolPanels();if(o.size>0){const t=Array.from(o.values());t.sort((e,t)=>(e.order??100)-(t.order??100)),e.shell.toolPanels=t}const n=this.#u.getShellHeaderContents();if(n.size>0){const t=Array.from(n.values());t.sort((e,t)=>(e.order??100)-(t.order??100)),e.shell.headerContents=t}const r=this.#u.getShellToolbarContents(),s=Array.from(r.values()),l=this.#e?.shell?.header?.toolbarContents??[],a=new Set(l.map(e=>e.id)),c=[...l];for(const d of s)a.has(d.id)||c.push(d);c.sort((e,t)=>(e.order??0)-(t.order??0)),e.shell.header.toolbarContents=c}collectState(e){const t=this.columns,i=this.#v();return{columns:t.map((t,o)=>{const n={field:t.field,order:o,visible:!t.hidden},r=t;void 0!==r.__renderedWidth?n.width=r.__renderedWidth:void 0!==t.width&&(n.width="string"==typeof t.width?parseFloat(t.width):t.width);const s=i.get(t.field);s&&(n.sort=s);for(const i of e)if(i.getColumnState){const e=i.getColumnState(t.field);e&&Object.assign(n,e)}return n})}}applyState(e,t){if(!e.columns||0===e.columns.length)return;const i=this.columns,o=new Map(e.columns.map(e=>[e.field,e])),n=i.map(e=>{const t=o.get(e.field);if(!t)return e;const i={...e};return void 0!==t.width&&(i.width=t.width,i.__renderedWidth=t.width),void 0!==t.visible&&(i.hidden=!t.visible),i});n.sort((e,t)=>(o.get(e.field)?.order??1/0)-(o.get(t.field)?.order??1/0)),this.columns=n;const r=e.columns.filter(e=>void 0!==e.sort).sort((e,t)=>(e.sort?.priority??0)-(t.sort?.priority??0));if(r.length>0){const e=r[0];e.sort&&this.#u.setSortState({field:e.field,direction:"asc"===e.sort.direction?1:-1})}else this.#u.setSortState(null);for(const s of t)if(s.applyColumnState)for(const t of e.columns)s.applyColumnState(t.field,t)}resetState(e){this.#h=void 0,this.#u.setSortState(null),this.#s=this.#p(this.#r),this.#w();for(const t of e)if(t.applyColumnState)for(const e of this.columns)t.applyColumnState(e.field,{field:e.field,order:0,visible:!0});this.requestStateChange(e)}#v(){const e=/* @__PURE__ */new Map,t=this.#u.getSortState();return t&&e.set(t.field,{direction:1===t.direction?"asc":"desc",priority:0}),e}requestStateChange(e){this.#d&&clearTimeout(this.#d),this.#d=setTimeout(()=>{this.#d=void 0;const t=this.collectState(e);this.#u.emit("column-state-change",t)},100)}setColumnVisible(e,t){const i=this.columns,o=i.find(t=>t.field===e);if(!o)return!1;if(!t&&o.lockVisible)return!1;if(!t){if(0===i.filter(t=>!t.hidden&&t.field!==e).length)return!1}return!!o.hidden!=!t&&(o.hidden=!t,this.#u.emit("column-visibility",{field:e,visible:t,visibleColumns:i.filter(e=>!e.hidden).map(e=>e.field)}),this.#u.clearRowPool(),this.#u.setup(),!0)}toggleColumnVisibility(e){const t=this.columns.find(t=>t.field===e);return!!t&&this.setColumnVisible(e,!!t.hidden)}isColumnVisible(e){const t=this.columns.find(t=>t.field===e);return!!t&&!t.hidden}showAllColumns(){const e=this.columns;e.some(e=>e.hidden)&&(e.forEach(e=>e.hidden=!1),this.#u.emit("column-visibility",{visibleColumns:e.map(e=>e.field)}),this.#u.clearRowPool(),this.#u.setup())}getAllColumns(){return this.columns.map(e=>({field:e.field,header:e.header||e.field,visible:!e.hidden,lockVisible:e.lockVisible,utility:!0===e.meta?.utility}))}getColumnOrder(){return this.columns.map(e=>e.field)}setColumnOrder(e){if(!e.length)return;const t=new Map(this.columns.map(e=>[e.field,e])),i=[];for(const o of e){const e=t.get(o);e&&(i.push(e),t.delete(o))}for(const o of t.values())i.push(o);this.columns=i,this.#u.renderHeader(),this.#u.updateTemplate(),this.#u.refreshVirtualWindow()}parseLightDomColumns(e){this.#o||(this.#n=Array.from(e.querySelectorAll("tbw-grid-column")),this.#o=this.#n.length?function(e){return Array.from(e.querySelectorAll("tbw-grid-column")).map(e=>{const t=e.getAttribute("field")||"";if(!t)return null;const i=e.getAttribute("type")||void 0,o={field:t,type:i&&/* @__PURE__ */new Set(["number","string","date","boolean","select"]).has(i)?i:void 0,header:e.getAttribute("header")||void 0,sortable:e.hasAttribute("sortable"),editable:e.hasAttribute("editable")},n=e.getAttribute("width");if(n){const e=parseFloat(n);!isNaN(e)&&/^\d+(\.\d+)?$/.test(n.trim())?o.width=e:o.width=n}const r=e.getAttribute("minWidth")||e.getAttribute("min-width");if(r){const e=parseFloat(r);isNaN(e)||(o.minWidth=e)}e.hasAttribute("resizable")&&(o.resizable=!0),e.hasAttribute("sizable")&&(o.resizable=!0);const s=e.getAttribute("editor"),l=e.getAttribute("renderer");s&&(o.__editorName=s),l&&(o.__rendererName=l);const a=e.getAttribute("options");a&&(o.options=a.split(",").map(e=>{const[t,i]=e.includes(":")?e.split(":"):[e.trim(),e.trim()];return{value:t.trim(),label:i?.trim()||t.trim()}}));const c=e.querySelector("tbw-grid-column-view"),d=e.querySelector("tbw-grid-column-editor"),h=e.querySelector("tbw-grid-column-header");c&&(o.__viewTemplate=c),d&&(o.__editorTemplate=d),h&&(o.__headerTemplate=h);const u=globalThis.DataGridElement,g=u?.getAdapters?.()??[],f=c??e,p=g.find(e=>e.canHandle(f));if(p){const e=p.createRenderer(f);e&&(o.viewRenderer=e)}const w=d??e,b=g.find(e=>e.canHandle(w));if(b){const e=b.createEditor(w);e&&(o.editor=e)}return o}).filter(e=>!!e)}(e):[])}clearLightDomCache(){this.#o=void 0}#C=/* @__PURE__ */new Map;registerLightDomHandler(e,t){this.#C.set(e.toLowerCase(),t)}unregisterLightDomHandler(e){this.#C.delete(e.toLowerCase())}observeLightDOM(e){this.#c&&this.#c.disconnect();const t=/* @__PURE__ */new Set;let i=null;const o=()=>{i=null;for(const e of t){const t=this.#C.get(e);t?.()}t.clear()};this.#c=new MutationObserver(e=>{for(const i of e){for(const e of i.addedNodes){if(e.nodeType!==Node.ELEMENT_NODE)continue;const i=e.tagName.toLowerCase();this.#C.has(i)&&t.add(i)}if("attributes"===i.type&&i.target.nodeType===Node.ELEMENT_NODE){const e=i.target.tagName.toLowerCase();this.#C.has(e)&&t.add(e)}}t.size>0&&!i&&(i=setTimeout(o,0))}),this.#c.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["title","field","header","width","hidden","id","icon","tooltip","order"]})}onChange(e){this.#a.push(e)}notifyChange(){for(const e of this.#a)e()}dispose(){this.#c?.disconnect(),this.#a=[],this.#d&&clearTimeout(this.#d)}}function E(){if("undefined"!=typeof window&&window.location){const e=window.location.hostname;if("localhost"===e||"127.0.0.1"===e||"::1"===e)return!0}return"undefined"!=typeof process&&"production"!==process.env?.NODE_ENV}function x(e){return`<span role="checkbox" aria-checked="${e}" aria-label="${e}">${e?"&#x1F5F9;":"&#9744;"}</span>`}function A(e){if(null==e||""===e)return"";if(e instanceof Date)return isNaN(e.getTime())?"":e.toLocaleDateString();if("number"==typeof e||"string"==typeof e){const t=new Date(e);return isNaN(t.getTime())?"":t.toLocaleDateString()}return""}function T(e){if(!e)return-1;const t=e.getAttribute("data-row");if(t)return parseInt(t,10);const i=e.closest(".data-grid-row");if(!i)return-1;const o=i.parentElement;if(!o)return-1;const n=o.querySelectorAll(":scope > .data-grid-row");for(let r=0;r<n.length;r++)if(n[r]===i)return r;return-1}function H(e){e&&e.querySelectorAll(".cell-focus").forEach(e=>e.classList.remove("cell-focus"))}function P(e){try{if("rtl"===getComputedStyle(e).direction)return"rtl"}catch{}try{const t=e.closest?.("[dir]")?.getAttribute("dir");if("rtl"===t)return"rtl"}catch{}return"ltr"}function M(e){return"rtl"===P(e)}function L(e,t){return"left"===e||"right"===e?e:"rtl"===t?"start"===e?"right":"left":"start"===e?"left":"right"}function z(e,t){const i=t.renderer||t.viewRenderer;if(i)return i;if(!t.type)return;const o=e.__frameworkAdapter;if(o?.getTypeDefault){const e=o.getTypeDefault(t.type);if(e?.renderer)return e.renderer}}function k(e,t){if(t.format)return t.format;if(!t.type)return;const i=e.__frameworkAdapter;if(i?.getTypeDefault){const e=i.getTypeDefault(t.type);if(e?.format)return e.format}}const O='input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])';function D(e){return(e.__editingCellCount??0)>0}function I(e){e.__editingCellCount=0,e.removeAttribute("data-has-editing");e.querySelectorAll(".cell.editing").forEach(e=>e.classList.remove("editing"))}const N=document.createElement("template");N.innerHTML='<div class="cell" role="gridcell" part="cell"></div>';const q=document.createElement("template");function $(){return N.content.firstElementChild.cloneNode(!0)}function W(){return q.content.firstElementChild.cloneNode(!0)}function F(e){e.__cellDisplayCache=void 0,e.__cellCacheEpoch=void 0,e.__hasSpecialColumns=void 0}function U(e,t,i,o){const n=t.children,r=e._visibleColumns,s=r.length,l=n.length,a=s<l?s:l,c=e._focusRow,d=e._focusCol,h=e._hasAfterCellRenderHook?.()??!1;let u=e.__hasSpecialColumns;if(void 0===u){u=!1;const t=e.__frameworkAdapter;for(let e=0;e<s;e++){const i=r[e];if(i.__viewTemplate||i.__compiledView||i.renderer||i.viewRenderer||i.externalView||i.format||"date"===i.type||"boolean"===i.type||i.type&&t?.getTypeDefault?.(i.type)?.renderer||i.type&&t?.getTypeDefault?.(i.type)?.format){u=!0;break}}e.__hasSpecialColumns=u}const g=String(o);if(u){for(let s=0;s<a;s++){if(r[s].externalView){if(!n[s].querySelector("[data-external-view]"))return void V(e,t,i,o)}}for(let s=0;s<a;s++){const l=r[s],a=n[s];a.getAttribute("data-row")!==g&&a.setAttribute("data-row",g);const u=a.classList.contains("editing");if(!u){const e=c===o&&d===s;e!==a.classList.contains("cell-focus")&&(a.classList.toggle("cell-focus",e),a.setAttribute("aria-selected",String(e)))}const p=l.cellClass;if(p){const e=a.getAttribute("data-dynamic-classes");e&&e.split(" ").forEach(e=>e&&a.classList.remove(e));try{const e=p(i[l.field],i,l);if(e&&e.length>0){const t=e.filter(e=>e&&"string"==typeof e);t.forEach(e=>a.classList.add(e)),a.setAttribute("data-dynamic-classes",t.join(" "))}else a.removeAttribute("data-dynamic-classes")}catch(f){console.warn(`[tbw-grid] cellClass callback error for column '${l.field}':`,f),a.removeAttribute("data-dynamic-classes")}}if(u)continue;const w=z(e,l);if(w){const n=i[l.field],r=w({row:i,value:n,field:l.field,column:l,cellEl:a});"string"==typeof r?(e.__frameworkAdapter?.releaseCell?.(a),a.innerHTML=v(r)):r instanceof Node?r.parentElement!==a&&(e.__frameworkAdapter?.releaseCell?.(a),a.innerHTML="",a.appendChild(r)):null==r&&(e.__frameworkAdapter?.releaseCell?.(a),a.textContent=null==n?"":String(n)),h&&e._afterCellRender?.({row:i,rowIndex:o,column:l,colIndex:s,value:n,cellElement:a,rowElement:t});continue}if(l.__compiledView){const n=i[l.field],r=l.__compiledView({row:i,value:n,field:l.field,column:l});l.__compiledView.__blocked?a.textContent="":(a.firstElementChild&&e.__frameworkAdapter?.releaseCell?.(a),a.innerHTML=v(r),_(a)),h&&e._afterCellRender?.({row:i,rowIndex:o,column:l,colIndex:s,value:n,cellElement:a,rowElement:t});continue}if(l.__viewTemplate){const n=i[l.field],r=l.__viewTemplate.innerHTML;/Reflect\.|\bProxy\b|ownKeys\(/.test(r)?a.textContent="":(a.firstElementChild&&e.__frameworkAdapter?.releaseCell?.(a),a.innerHTML=v(C(r,{row:i,value:n})),_(a)),h&&e._afterCellRender?.({row:i,rowIndex:o,column:l,colIndex:s,value:n,cellElement:a,rowElement:t});continue}if(l.externalView)continue;const b=i[l.field];let m;const y=k(e,l);if(y){try{const e=y(b,i);m=null==e?"":String(e)}catch(f){console.warn(`[tbw-grid] Format error in column '${l.field}':`,f),m=null==b?"":String(b)}a.textContent=m}else"date"===l.type?(m=A(b),a.textContent=m):"boolean"===l.type?a.innerHTML=x(!!b):(m=null==b?"":String(b),a.textContent=m);h&&e._afterCellRender?.({row:i,rowIndex:o,column:l,colIndex:s,value:b,cellElement:a,rowElement:t})}}else for(let p=0;p<a;p++){const s=n[p];if(s.classList.contains("editing"))continue;s.firstElementChild&&e.__frameworkAdapter?.releaseCell?.(s);const l=r[p],a=i[l.field];s.textContent=null==a?"":String(a),s.getAttribute("data-row")!==g&&s.setAttribute("data-row",g);const u=c===o&&d===p;u!==s.classList.contains("cell-focus")&&(s.classList.toggle("cell-focus",u),s.setAttribute("aria-selected",String(u))),h&&e._afterCellRender?.({row:i,rowIndex:o,column:l,colIndex:p,value:a,cellElement:s,rowElement:t})}}function V(e,t,i,o){t.classList.remove("tbw-row-loading"),t.removeAttribute("aria-busy");const n=e.__frameworkAdapter;if(n?.releaseCell){const e=t.children;for(let t=e.length-1;t>=0;t--)n.releaseCell(e[t])}t.innerHTML="";const r=e._visibleColumns,s=r.length,l=e._focusRow,a=e._focusCol,c=e,d=e._hasAfterCellRenderHook?.()??!1,h=document.createDocumentFragment();for(let g=0;g<s;g++){const n=r[g],s=$();s.setAttribute("aria-colindex",String(g+1)),s.setAttribute("data-col",String(g)),s.setAttribute("data-row",String(o)),s.setAttribute("data-field",n.field),s.setAttribute("data-header",n.header??n.field),n.type&&s.setAttribute("data-type",n.type);let f=i[n.field];const p=k(e,n);if(p)try{f=p(f,i)}catch(u){console.warn(`[tbw-grid] Format error in column '${n.field}':`,u)}const w=n.__compiledView,b=n.__viewTemplate,m=z(e,n),y=n.externalView;let S=!1;if(m){const e=m({row:i,value:f,field:n.field,column:n,cellEl:s});"string"==typeof e?(s.innerHTML=v(e),S=!0):e instanceof Node?e.parentElement!==s&&(s.textContent="",s.appendChild(e)):null==e&&(s.textContent=null==f?"":String(f))}else if(y){const e=y,t=document.createElement("div");t.setAttribute("data-external-view",""),t.setAttribute("data-field",n.field),s.appendChild(t);const o={row:i,value:f,field:n.field,column:n};if(e.mount)try{e.mount({placeholder:t,context:o,spec:e})}catch(u){console.warn(`[tbw-grid] External view mount error for column '${n.field}':`,u)}else queueMicrotask(()=>{try{c.dispatchEvent(new CustomEvent("mount-external-view",{bubbles:!0,composed:!0,detail:{placeholder:t,spec:e,context:o}}))}catch(u){console.warn(`[tbw-grid] External view event dispatch error for column '${n.field}':`,u)}});t.setAttribute("data-mounted","")}else if(w){const e=w({row:i,value:f,field:n.field,column:n}),t=w.__blocked;s.innerHTML=t?"":v(e),S=!0,t&&(s.textContent="",s.setAttribute("data-blocked-template",""))}else if(b){const e=b.innerHTML;/Reflect\.|\bProxy\b|ownKeys\(/.test(e)?(s.textContent="",s.setAttribute("data-blocked-template","")):(s.innerHTML=v(C(e,{row:i,value:f})),S=!0)}else p?s.textContent=null==f?"":String(f):"date"===n.type?s.textContent=A(f):"boolean"===n.type?s.innerHTML=x(!!f):s.textContent=null==f?"":String(f);if(S){_(s);const e=s.textContent||"";/Proxy|Reflect\.ownKeys/.test(e)&&(s.textContent=e.replace(/Proxy|Reflect\.ownKeys/g,"").trim(),/Proxy|Reflect\.ownKeys/.test(s.textContent||"")&&(s.textContent=""))}s.hasAttribute("data-blocked-template")&&(s.textContent||"").trim().length&&(s.textContent=""),n.editable?s.tabIndex=0:"boolean"===n.type&&(s.hasAttribute("tabindex")||(s.tabIndex=0)),l===o&&a===g?(s.classList.add("cell-focus"),s.setAttribute("aria-selected","true")):s.setAttribute("aria-selected","false");const R=n.cellClass;if(R)try{const e=R(i[n.field],i,n);if(e&&e.length>0){const t=e.filter(e=>e&&"string"==typeof e);t.forEach(e=>s.classList.add(e)),s.setAttribute("data-dynamic-classes",t.join(" "))}}catch(u){console.warn(`[tbw-grid] cellClass callback error for column '${n.field}':`,u)}d&&e._afterCellRender?.({row:i,rowIndex:o,column:n,colIndex:g,value:f,cellElement:s,rowElement:t}),h.appendChild(s)}t.appendChild(h)}function B(e,t,i){if(t.target?.closest(".resize-handle"))return;const o=T(i.querySelector(".cell[data-row]"));if(o<0)return;const n=e._rows[o];if(!n)return;if(e._dispatchRowClick?.(t,o,n,i))return;const r=t.target?.closest(".cell[data-col]");if(r){const i=Number(r.getAttribute("data-col"));if(!isNaN(i)){if(e._dispatchCellClick?.(t,o,i,r))return;const n=e._focusRow!==o||e._focusCol!==i;if(e._focusRow=o,e._focusCol=i,r.classList.contains("editing")){n&&(H(e._bodyEl??e),r.classList.add("cell-focus"));const t=r.querySelector(O);try{t?.focus({preventScroll:!0})}catch{}return}G(e)}}}function G(e,t){if(e._virtualization?.enabled){const{rowHeight:t,container:i,viewportEl:o}=e._virtualization,n=i,r=o?.clientHeight??n?.clientHeight??0;if(n&&r>0){const i=e._focusRow*t;i<n.scrollTop?n.scrollTop=i:i+t>n.scrollTop+r&&(n.scrollTop=i-r+t)}}const i=void 0!==e._activeEditRows&&-1!==e._activeEditRows;i||e.refreshVirtualWindow(!1),H(e._bodyEl),Array.from(e._bodyEl.querySelectorAll('[aria-selected="true"]')).forEach(e=>{e.setAttribute("aria-selected","false")});const o=e._focusRow,n=e._virtualization.start??0,r=e._virtualization.end??e._rows.length;if(o>=n&&o<r){const r=e._bodyEl.querySelectorAll(".data-grid-row")[o-n];let s=r?.children[e._focusCol];if(s&&s.classList?.contains("cell")||(s=r?.querySelector(`.cell[data-col="${e._focusCol}"]`)??r?.querySelector(".cell[data-col]")),s){s.classList.add("cell-focus"),s.setAttribute("aria-selected","true");const o=e.querySelector(".tbw-scroll-area");if(o&&s&&(!i||t?.forceHorizontalScroll))if(t?.forceScrollLeft)o.scrollLeft=0;else if(t?.forceScrollRight)o.scrollLeft=o.scrollWidth-o.clientWidth;else{const t=e._getHorizontalScrollOffsets?.(r??void 0,s)??{left:0,right:0};if(!t.skipScroll){const e=s.getBoundingClientRect(),i=o.getBoundingClientRect(),n=e.left-i.left+o.scrollLeft,r=n+e.width,l=o.scrollLeft+t.left,a=o.scrollLeft+o.clientWidth-t.right;n<l?o.scrollLeft=n-t.left:r>a&&(o.scrollLeft=r-o.clientWidth+t.right)}}if(i&&s.classList.contains("editing")){const e=s.querySelector(O);if(e&&document.activeElement!==e)try{e.focus({preventScroll:!0})}catch{}}else if(i&&!s.contains(document.activeElement)){s.hasAttribute("tabindex")||s.setAttribute("tabindex","-1");try{s.focus({preventScroll:!0})}catch{}}else if(!i){const t=e;document.activeElement!==t&&t.focus({preventScroll:!0})}}}}q.innerHTML='<div class="data-grid-row" role="row" part="row"></div>';const X=/* @__PURE__ */new WeakMap;function Y(e,t){const i=T(t),o=function(e){if(!e)return-1;const t=e.getAttribute("data-col");return t?parseInt(t,10):-1}(t);if(i<0||o<0)return;e._focusRow=i,e._focusCol=o,H(e._bodyEl),t.classList.add("cell-focus"),t.setAttribute("aria-selected","true");const n=t.closest("tbw-grid");n&&document.activeElement!==n&&n.focus({preventScroll:!0})}function j(e,t,i,o){let n=null;const r=i.composedPath?.();if(n=r&&r.length>0?r[0]:i.target,n&&!t.contains(n)){const e=document.elementFromPoint(i.clientX,i.clientY);e&&(n=e)}const s=n?.closest?.("[data-col]"),l=n?.closest?.(".data-grid-row"),a=n?.closest?.(".header-row");let c,d,h,u,g,f;return s&&(c=parseInt(s.getAttribute("data-row")??"-1",10),d=parseInt(s.getAttribute("data-col")??"-1",10),c>=0&&d>=0&&(h=e._rows[c],f=e._visibleColumns[d],u=f?.field,g=h&&u?h[u]:void 0)),{type:o,row:h,rowIndex:void 0!==c&&c>=0?c:void 0,colIndex:void 0!==d&&d>=0?d:void 0,field:u,value:g,column:f,originalEvent:i,cellElement:s??void 0,rowElement:l??void 0,isHeader:!!a,cell:void 0!==c&&void 0!==d&&c>=0&&d>=0?{row:c,col:d}:void 0}}function K(e,t,i,o){t.addEventListener("keydown",t=>function(e,t){if(e._dispatchKeyDown?.(t))return;const i=e._rows.length-1,o=e._visibleColumns.length-1,n=void 0!==e._activeEditRows&&-1!==e._activeEditRows,r=e._visibleColumns[e._focusCol],s=r?.type,l=t.composedPath?.()??[],a=l.length?l[0]:t.target,c=e=>{if(!e)return!1;const t=e.tagName;return"INPUT"===t||"SELECT"===t||"TEXTAREA"===t||!!e.isContentEditable};if((!c(a)||"Home"!==t.key&&"End"!==t.key)&&!(c(a)&&("ArrowUp"===t.key||"ArrowDown"===t.key)&&"INPUT"===a.tagName&&"number"===a.type||c(a)&&("ArrowLeft"===t.key||"ArrowRight"===t.key)||c(a)&&("Enter"===t.key||"Escape"===t.key)||n&&"select"===s&&("ArrowDown"===t.key||"ArrowUp"===t.key))){switch(t.key){case"Tab":return t.preventDefault(),t.shiftKey?e._focusCol>0?e._focusCol-=1:e._focusRow>0&&("function"==typeof e.commitActiveRowEdit&&e._activeEditRows===e._focusRow&&e.commitActiveRowEdit(),e._focusRow-=1,e._focusCol=o):e._focusCol<o?e._focusCol+=1:("function"==typeof e.commitActiveRowEdit&&e.commitActiveRowEdit(),e._focusRow<i&&(e._focusRow+=1,e._focusCol=0)),void G(e);case"ArrowDown":n&&"function"==typeof e.commitActiveRowEdit&&e.commitActiveRowEdit(),e._focusRow=Math.min(i,e._focusRow+1),t.preventDefault();break;case"ArrowUp":n&&"function"==typeof e.commitActiveRowEdit&&e.commitActiveRowEdit(),e._focusRow=Math.max(0,e._focusRow-1),t.preventDefault();break;case"ArrowRight":{const i=M(e);e._focusCol=i?Math.max(0,e._focusCol-1):Math.min(o,e._focusCol+1),t.preventDefault();break}case"ArrowLeft":{const i=M(e);e._focusCol=i?Math.min(o,e._focusCol+1):Math.max(0,e._focusCol-1),t.preventDefault();break}case"Home":return t.ctrlKey||t.metaKey?(n&&"function"==typeof e.commitActiveRowEdit&&e.commitActiveRowEdit(),e._focusRow=0,e._focusCol=0):e._focusCol=0,t.preventDefault(),void G(e,{forceScrollLeft:!0});case"End":return t.ctrlKey||t.metaKey?(n&&"function"==typeof e.commitActiveRowEdit&&e.commitActiveRowEdit(),e._focusRow=i,e._focusCol=o):e._focusCol=o,t.preventDefault(),void G(e,{forceScrollRight:!0});case"PageDown":e._focusRow=Math.min(i,e._focusRow+20),t.preventDefault();break;case"PageUp":e._focusRow=Math.max(0,e._focusRow-20),t.preventDefault();break;case"Enter":{const i=e._focusRow,o=e._focusCol,n=e._visibleColumns[o],r=e._rows[i],s=n?.field??"",l=s&&r?r[s]:void 0,a=e.querySelector(`[data-row="${i}"][data-col="${o}"]`),c=new CustomEvent("cell-activate",{cancelable:!0,detail:{rowIndex:i,colIndex:o,column:n,field:s,value:l,row:r,cellEl:a,trigger:"keyboard",originalEvent:t}});e.dispatchEvent(c);const d=new CustomEvent("activate-cell",{cancelable:!0,detail:{row:i,col:o}});if(e.dispatchEvent(d),c.defaultPrevented||d.defaultPrevented)return void t.preventDefault();break}default:return}G(e)}}(e,t),{signal:o}),i.addEventListener("mousedown",t=>function(e,t,i){const o=j(e,t,i,"mousedown");e._dispatchCellMouseDown?.(o)&&X.set(e,!0)}(e,i,t),{signal:o}),document.addEventListener("mousemove",t=>function(e,t,i){if(!X.get(e))return;const o=j(e,t,i,"mousemove");e._dispatchCellMouseMove?.(o)}(e,i,t),{signal:o}),document.addEventListener("mouseup",t=>function(e,t,i){if(!X.get(e))return;const o=j(e,t,i,"mouseup");e._dispatchCellMouseUp?.(o),X.set(e,!1)}(e,i,t),{signal:o})}function Z(e,t){return null==e&&null==t?0:null==e?-1:null==t||e>t?1:e<t?-1:0}function Q(e,t,i){const o=i.find(e=>e.field===t.field),n=o?.sortComparator??Z,{field:r,direction:s}=t;return[...e].sort((e,t)=>n(e[r],t[r],e,t)*s)}function J(e,t,i,o){e._rows=t,e.__rowRenderEpoch++,e._rowPool.forEach(e=>e.__epoch=-1),le(e),e.refreshVirtualWindow(!0),e.dispatchEvent(new CustomEvent("sort-change",{detail:{field:i.field,direction:o}})),e.requestStateChange?.()}function ee(e,t){if(e._sortState&&e._sortState.field===t.field)if(1===e._sortState.direction)te(e,t,-1);else{e._sortState=null,e.__rowRenderEpoch++,e._rowPool.forEach(e=>e.__epoch=-1),e._rows=e.__originalOrder.slice(),le(e);const i=e._headerRowEl?.querySelectorAll('[role="columnheader"].sortable');i?.forEach(t=>{t.getAttribute("aria-sort")&&("ascending"!==t.getAttribute("aria-sort")&&"descending"!==t.getAttribute("aria-sort")||e._sortState)||t.setAttribute("aria-sort","none")}),e.refreshVirtualWindow(!0),e.dispatchEvent(new CustomEvent("sort-change",{detail:{field:t.field,direction:0}})),e.requestStateChange?.()}else e._sortState||(e.__originalOrder=e._rows.slice()),te(e,t,1)}function te(e,t,i){e._sortState={field:t.field,direction:i};const o={field:t.field,direction:i},n=e._columns,r=(e.effectiveConfig?.sortHandler??Q)(e._rows,o,n);r&&"function"==typeof r.then?r.then(o=>{J(e,o,t,i)}):J(e,r,t,i)}function ie(e,t){return!1!==e.effectiveConfig?.sortable&&!0===t.sortable}function oe(e,t){return!1!==e.effectiveConfig?.resizable&&!1!==t.resizable}function ne(e,t){const i=document.createElement("span");r(i,"sort-indicator");const n=e._sortState?.field===t.field?e._sortState.direction:0,s={...o,...e.icons};return function(e,t){"string"==typeof t?e.textContent=t:t instanceof HTMLElement&&(e.innerHTML="",e.appendChild(t.cloneNode(!0)))}(i,1===n?s.sortAsc:-1===n?s.sortDesc:s.sortNone),i}function re(e,t,i){const o=document.createElement("div");return o.className="resize-handle",o.setAttribute("aria-hidden","true"),o.addEventListener("mousedown",o=>{o.stopPropagation(),o.preventDefault(),e._resizeController.start(o,t,i)}),o.addEventListener("dblclick",i=>{i.stopPropagation(),i.preventDefault(),e._resizeController.resetColumn(t)}),o}function se(e,t,i,o){o.classList.add("sortable"),o.tabIndex=0;const n=e._sortState?.field===t.field?e._sortState.direction:0;o.setAttribute("aria-sort",0===n?"none":1===n?"ascending":"descending"),o.addEventListener("click",i=>{e._resizeController?.isResizing||e._dispatchHeaderClick?.(i,t,o)||ee(e,t)}),o.addEventListener("keydown",i=>{if("Enter"===i.key||" "===i.key){if(i.preventDefault(),e._dispatchHeaderClick?.(i,t,o))return;ee(e,t)}})}function le(e){e._headerRowEl=e.findHeaderRow();const t=e._headerRowEl;t&&(t.innerHTML="",e._visibleColumns.forEach((i,o)=>{const n=document.createElement("div");n.className="cell",r(n,"header-cell"),n.setAttribute("role","columnheader"),n.setAttribute("aria-colindex",String(o+1)),n.setAttribute("data-field",i.field),n.setAttribute("data-col",String(o)),i.type&&n.setAttribute("data-type",i.type);const s=i.header??i.field,l=e._sortState?.field===i.field?e._sortState.direction:0,a=1===l?"asc":-1===l?"desc":null;if(i.headerRenderer){const t={column:i,value:s,sortState:a,filterActive:!1,cellEl:n,renderSortIcon:()=>ie(e,i)?ne(e,i):null,renderFilterButton:()=>null},r=i.headerRenderer(t);!function(e,t){if(null!=t)if("string"==typeof t){const i=document.createElement("span");for(i.innerHTML=v(t);i.firstChild;)e.appendChild(i.firstChild)}else t instanceof Node&&e.appendChild(t)}(n,r),ie(e,i)&&se(e,i,0,n),oe(e,i)&&(n.classList.add("resizable"),n.appendChild(re(e,o,n)))}else if(i.headerLabelRenderer){const t={column:i,value:s},r=i.headerLabelRenderer(t),l=document.createElement("span");null==r?l.textContent=s:"string"==typeof r?l.innerHTML=v(r):r instanceof Node&&l.appendChild(r),n.appendChild(l),ie(e,i)&&(se(e,i,0,n),n.appendChild(ne(e,i))),oe(e,i)&&(n.classList.add("resizable"),n.appendChild(re(e,o,n)))}else if(i.__headerTemplate)Array.from(i.__headerTemplate.childNodes).forEach(e=>n.appendChild(e.cloneNode(!0))),ie(e,i)&&(se(e,i,0,n),n.appendChild(ne(e,i))),oe(e,i)&&(n.classList.add("resizable"),n.appendChild(re(e,o,n)));else{const t=document.createElement("span");t.textContent=s,n.appendChild(t),ie(e,i)&&(se(e,i,0,n),n.appendChild(ne(e,i))),oe(e,i)&&(n.classList.add("resizable"),n.appendChild(re(e,o,n)))}t.appendChild(n)}),t.querySelectorAll(".cell.sortable").forEach(e=>{e.getAttribute("aria-sort")||e.setAttribute("aria-sort","none")}),t.children.length>0?(t.setAttribute("role","row"),t.setAttribute("aria-rowindex","1")):(t.removeAttribute("role"),t.removeAttribute("aria-rowindex")))}const ae="function"==typeof requestIdleCallback;function ce(e){ae?cancelIdleCallback(e):clearTimeout(e)}function de(e,t){if(t){const i=t({size:e});if("string"==typeof i){const e=document.createElement("div");return e.innerHTML=i,e}return i}return function(e){const t=document.createElement("div");return t.className=`tbw-spinner tbw-spinner--${e}`,t.setAttribute("role","progressbar"),t.setAttribute("aria-label","Loading"),t}(e)}var he,ue=((he=ue||{})[he.STYLE=1]="STYLE",he[he.VIRTUALIZATION=2]="VIRTUALIZATION",he[he.HEADER=3]="HEADER",he[he.ROWS=4]="ROWS",he[he.COLUMNS=5]="COLUMNS",he[he.FULL=6]="FULL",he);class ge{#u;#y=0;#_=0;#S=null;#R=null;#E=null;#x=!1;constructor(e){this.#u=e}requestPhase(e,t){e>this.#y&&(this.#y=e),0===this.#_&&(this.#A(),this.#_=requestAnimationFrame(()=>this.#T()))}whenReady(){return this.#S?this.#S:Promise.resolve()}setInitialReadyResolver(e){this.#E=e}cancel(){0!==this.#_&&(cancelAnimationFrame(this.#_),this.#_=0),this.#y=0,this.#R&&(this.#R(),this.#R=null,this.#S=null)}get isPending(){return 0!==this.#y}get pendingPhase(){return this.#y}#A(){this.#S||(this.#S=new Promise(e=>{this.#R=e}))}#T(){if(this.#_=0,!this.#u.isConnected())return this.#y=0,void(this.#R&&(this.#R(),this.#R=null,this.#S=null));const e=this.#y;this.#y=0,e>=5&&this.#u.mergeConfig(),e>=4&&this.#u.processRows(),e>=5&&(this.#u.processColumns(),this.#u.updateTemplate()),e>=3&&this.#u.renderHeader(),e>=2&&this.#u.renderVirtualWindow(),e>=1&&this.#u.afterRender(),!this.#x&&this.#E&&(this.#x=!0,this.#E()),this.#R&&(this.#R(),this.#R=null,this.#S=null)}}function fe(e){let t=null,i=null,o=null,n=null;const r=o=>{if(!t)return;const n=o.clientX-t.startX,r=Math.max(40,t.startWidth+n),s=e._visibleColumns[t.colIndex];s.width=r,s.__userResized=!0,s.__renderedWidth=r,null==i&&(i=requestAnimationFrame(()=>{i=null,e.updateTemplate?.()})),e.dispatchEvent(new CustomEvent("column-resize",{detail:{field:s.field,width:r}}))};let s=!1;const l=()=>{const i=null!==t;i&&(s=!0,requestAnimationFrame(()=>{s=!1})),window.removeEventListener("mousemove",r),window.removeEventListener("mouseup",l),null!==o&&(document.documentElement.style.cursor=o,o=null),null!==n&&(document.body.style.userSelect=n,n=null),t=null,i&&e.requestStateChange&&e.requestStateChange()};return{get isResizing(){return null!==t||s},start(i,s,a){i.preventDefault();const c=e._visibleColumns[s],d="number"==typeof c?.width?c.width:void 0,h=c?.__renderedWidth??d??a.getBoundingClientRect().width;t={startX:i.clientX,colIndex:s,startWidth:h},window.addEventListener("mousemove",r),window.addEventListener("mouseup",l),null===o&&(o=document.documentElement.style.cursor),document.documentElement.style.cursor="e-resize",null===n&&(n=document.body.style.userSelect),document.body.style.userSelect="none"},resetColumn(t){const i=e._visibleColumns[t];i&&(i.__userResized=!1,i.__renderedWidth=void 0,i.width=i.__originalWidth,e.updateTemplate?.(),e.requestStateChange?.(),e.dispatchEvent(new CustomEvent("column-resize-reset",{detail:{field:i.field,width:i.width}})))},dispose(){l()}}}const pe="data-animating",we={change:"--tbw-row-change-duration",insert:"--tbw-row-insert-duration",remove:"--tbw-row-remove-duration"},be={change:500,insert:300,remove:200};function me(e,t){const i=we[t],o=getComputedStyle(e).getPropertyValue(i);if(o){const e=function(e){const t=e.trim().toLowerCase();return t.endsWith("ms")?parseFloat(t):t.endsWith("s")?1e3*parseFloat(t):parseFloat(t)}(o);if(!isNaN(e)&&e>0)return e}return be[t]}function ve(e,t,i){if(t<0)return Promise.resolve(!1);const o=e.findRenderedRowElement?.(t);return o?new Promise(e=>{!function(e,t,i){e.removeAttribute(pe),e.offsetWidth,e.setAttribute(pe,t);const o=me(e,t);setTimeout(()=>{"remove"!==t&&e.removeAttribute(pe),i?.()},o)}(o,i,()=>e(!0))}):Promise.resolve(!1)}function Ce(e,t,i){const o=document.createElement(e);if(t)for(const n in t){const e=t[n];null!=e&&o.setAttribute(n,e)}return o}function ye(e,t){const i=document.createElement("div");if(e&&(i.className=e),t)for(const o in t){const e=t[o];null!=e&&i.setAttribute(o,e)}return i}function _e(e,t,i){const o=document.createElement("button");if(e&&(o.className=e),t)for(const n in t){const e=t[n];null!=e&&o.setAttribute(n,e)}return o}const Se=document.createElement("template");function Re(){return Se.content.cloneNode(!0)}function Ee(e){const t=document.createDocumentFragment(),i=ye(e.hasShell?"tbw-grid-root has-shell":"tbw-grid-root");if(e.hasShell&&e.shellHeader&&e.shellBody)i.appendChild(e.shellHeader),i.appendChild(e.shellBody);else{const e=ye("tbw-grid-content");e.appendChild(Re()),i.appendChild(e)}return t.appendChild(i),t}function xe(e){return e?"string"==typeof e?e:e.outerHTML:""}function Ae(e){return!!e?.header?.title||(!!e?.header?.toolbarContents?.length||(!!e?.toolPanels?.length||(!!e?.headerContents?.length||(!!e?.header?.lightDomContent?.length||!!e?.header?.hasToolButtonsContainer))))}function Te(e,t){const i=e.querySelector("tbw-grid-header");if(!i)return;if(!t.lightDomTitle){const e=i.getAttribute("title");e&&(t.lightDomTitle=e)}const o=i.querySelectorAll("tbw-grid-header-content");o.length>0&&0===t.lightDomHeaderContent.length&&(t.lightDomHeaderContent=Array.from(o)),i.style.display="none"}function He(e,t,i){const o=e.querySelector(":scope > tbw-grid-tool-buttons");if(!o)return;t.hasToolButtonsContainer=!0;const n="light-dom-toolbar-content";if(t.lightDomToolbarContentIds.has(n))return;const r={id:n,order:0,render:e=>{for(;o.firstChild;)e.appendChild(o.firstChild);return()=>{for(;e.firstChild;)o.appendChild(e.firstChild)}}};t.toolbarContents.set(n,r),t.lightDomToolbarContentIds.add(n),o.style.display="none"}function Pe(e,t,i){e.querySelectorAll(":scope > tbw-grid-tool-panel").forEach(e=>{const o=e,n=o.getAttribute("id"),r=o.getAttribute("title");if(!n||!r)return void console.warn(`[parseLightDomToolPanels] Tool panel missing required id or title attribute: id="${n??""}", title="${r??""}"`);const s=o.getAttribute("icon")??void 0,l=o.getAttribute("tooltip")??void 0,a=parseInt(o.getAttribute("order")??"100",10);let c;const d=i?.(o);if(d)c=d;else{const e=o.innerHTML.trim();c=t=>{const i=document.createElement("div");return i.innerHTML=e,t.appendChild(i),()=>i.remove()}}const h=t.toolPanels.get(n);if(h){if(d){h.render=c,h.order=a,h.icon=s,h.tooltip=l;const e=t.panelCleanups.get(n);e&&(e(),t.panelCleanups.delete(n))}return}const u={id:n,title:r,icon:s,tooltip:l,order:a,render:c};t.toolPanels.set(n,u),t.lightDomToolPanelIds.add(n),o.style.display="none"})}function Me(e,t,i){const o=t?.header?.toolbarContents??[],n=[...i.toolbarContents.values()],r=new Set(o.map(e=>e.id)),s=[...o];for(const l of n)r.has(l.id)||s.push(l);for(const l of s){if(i.toolbarContentCleanups.has(l.id))continue;if(!l.render)continue;const t=e.querySelector(`[data-toolbar-content="${l.id}"]`);if(!t)continue;const o=l.render(t);o&&i.toolbarContentCleanups.set(l.id,o)}}function Le(e,t){const i=t.lightDomHeaderContent.length>0&&!t.lightDomContentMoved,o=t.headerContents.size>0;if(!i&&!o)return;const n=e.querySelector(".tbw-shell-content");if(!n)return;if(i){for(const e of t.lightDomHeaderContent)e.style.display="",n.appendChild(e);t.lightDomContentMoved=!0}const r=[...t.headerContents.values()].sort((e,t)=>(e.order??100)-(t.order??100));for(const s of r){const e=t.headerContentCleanups.get(s.id);e&&(e(),t.headerContentCleanups.delete(s.id));let i=n.querySelector(`[data-header-content="${s.id}"]`);i||(i=document.createElement("div"),i.setAttribute("data-header-content",s.id),n.appendChild(i));const o=s.render(i);o&&t.headerContentCleanups.set(s.id,o)}}function ze(e,t){const i=e.querySelector("[data-panel-toggle]");i&&(i.classList.toggle("active",t.isPanelOpen),i.setAttribute("aria-pressed",String(t.isPanelOpen)))}function ke(e,t){const i=e.querySelector(".tbw-tool-panel");i&&(i.classList.toggle("open",t.isPanelOpen),t.isPanelOpen||(i.style.width=""))}function Oe(e){for(const t of e.toolbarContentCleanups.values())t();e.toolbarContentCleanups.clear()}function De(e,t){let i=!1;const n={get isInitialized(){return i},setInitialized(e){i=e},get isPanelOpen(){return e.isPanelOpen},get activePanel(){return e.isPanelOpen&&e.expandedSections.size>0?[...e.expandedSections][0]:null},get expandedSections(){return[...e.expandedSections]},openToolPanel(){if(e.isPanelOpen)return;if(0===e.toolPanels.size)return void console.warn("[tbw-grid] No tool panels registered");if(e.isPanelOpen=!0,0===e.expandedSections.size&&e.toolPanels.size>0){const t=[...e.toolPanels.values()].sort((e,t)=>(e.order??100)-(t.order??100))[0];t&&e.expandedSections.add(t.id)}const i=t.getShadow();ze(i,e),ke(i,e),function(e,t,i){if(!t.isPanelOpen)return;const n=xe(i?.expand??o.expand),r=xe(i?.collapse??o.collapse);for(const[o,s]of t.toolPanels){const i=t.expandedSections.has(o),l=e.querySelector(`[data-section="${o}"]`),a=l?.querySelector(".tbw-accordion-content");if(!l||!a)continue;l.classList.toggle("expanded",i);const c=l.querySelector(".tbw-accordion-header");c&&c.setAttribute("aria-expanded",String(i));const d=l.querySelector(".tbw-accordion-chevron");if(d&&(d.innerHTML=i?r:n),i){if(0===a.children.length){const e=s.render(a);e&&t.panelCleanups.set(o,e)}}else{const e=t.panelCleanups.get(o);e&&(e(),t.panelCleanups.delete(o)),a.innerHTML=""}}}(i,e,t.getAccordionIcons()),t.emit("tool-panel-open",{sections:n.expandedSections})},closeToolPanel(){if(!e.isPanelOpen)return;for(const t of e.panelCleanups.values())t();e.panelCleanups.clear();for(const t of e.toolPanels.values())t.onClose?.();e.isPanelOpen=!1;const i=t.getShadow();ze(i,e),ke(i,e),t.emit("tool-panel-close",{})},toggleToolPanel(){e.isPanelOpen?n.closeToolPanel():n.openToolPanel()},toggleToolPanelSection(i){const o=e.toolPanels.get(i);if(!o)return void console.warn(`[tbw-grid] Tool panel section "${i}" not found`);if(1===e.toolPanels.size)return;const n=t.getShadow(),r=e.expandedSections.has(i);if(r){const t=e.panelCleanups.get(i);t&&(t(),e.panelCleanups.delete(i)),o.onClose?.(),e.expandedSections.delete(i),Ie(n,i,!1)}else{for(const[t,o]of e.toolPanels)if(t!==i&&e.expandedSections.has(t)){const i=e.panelCleanups.get(t);i&&(i(),e.panelCleanups.delete(t)),o.onClose?.(),e.expandedSections.delete(t),Ie(n,t,!1);const r=n.querySelector(`[data-section="${t}"] .tbw-accordion-content`);r&&(r.innerHTML="")}e.expandedSections.add(i),Ie(n,i,!0),function(e,t,i){const o=t.toolPanels.get(i);if(!o?.render)return;const n=e.querySelector(`[data-section="${i}"] .tbw-accordion-content`);if(!n)return;const r=o.render(n);r&&t.panelCleanups.set(i,r)}(n,e,i)}t.emit("tool-panel-section-toggle",{id:i,expanded:!r})},getToolPanels:()=>[...e.toolPanels.values()],registerToolPanel(o){e.toolPanels.has(o.id)?console.warn(`[tbw-grid] Tool panel "${o.id}" already registered`):(e.toolPanels.set(o.id,o),i&&t.refreshShellHeader())},unregisterToolPanel(o){if(e.expandedSections.has(o)){const t=e.panelCleanups.get(o);t&&(t(),e.panelCleanups.delete(o)),e.expandedSections.delete(o)}e.toolPanels.delete(o),i&&t.refreshShellHeader()},getHeaderContents:()=>[...e.headerContents.values()],registerHeaderContent(o){e.headerContents.has(o.id)?console.warn(`[tbw-grid] Header content "${o.id}" already registered`):(e.headerContents.set(o.id,o),i&&Le(t.getShadow(),e))},unregisterHeaderContent(i){const o=e.headerContentCleanups.get(i);o&&(o(),e.headerContentCleanups.delete(i));const n=e.headerContents.get(i);n?.onDestroy?.(),e.headerContents.delete(i);const r=t.getShadow().querySelector(`[data-header-content="${i}"]`);r?.remove()},getToolbarContents:()=>[...e.toolbarContents.values()].sort((e,t)=>(e.order??0)-(t.order??0)),registerToolbarContent(o){e.toolbarContents.has(o.id)?console.warn(`[tbw-grid] Toolbar content "${o.id}" already registered`):(e.toolbarContents.set(o.id,o),i&&t.refreshShellHeader())},unregisterToolbarContent(o){const n=e.toolbarContentCleanups.get(o);n&&(n(),e.toolbarContentCleanups.delete(o));const r=e.toolbarContents.get(o);r?.onDestroy&&r.onDestroy(),e.toolbarContents.delete(o),i&&t.refreshShellHeader()}};return n}function Ie(e,t,i){const o=e.querySelector(`[data-section="${t}"]`);o&&o.classList.toggle("expanded",i)}function Ne(e,t,i,n){const r=Ae(t),s=[],l=["tbw-grid-header","tbw-grid-tool-buttons","tbw-grid-tool-panel","tbw-grid-column","tbw-grid-detail","tbw-grid-responsive-card"];for(const o of l){e.querySelectorAll(`:scope > ${o}`).forEach(e=>s.push(e))}e.replaceChildren();for(const o of s)e.appendChild(o);if(r){const r=xe(n?.toolPanel??o.toolPanel),s=xe(n?.expand??o.expand),l=xe(n?.collapse??o.collapse),a=[...t?.header?.toolbarContents??[]].sort((e,t)=>(e.order??0)-(t.order??0)),c=[...t?.toolPanels??[]].sort((e,t)=>(e.order??100)-(t.order??100)),d={title:t?.header?.title??void 0,hasPanels:c.length>0,isPanelOpen:i.isPanelOpen,toolPanelIcon:r,configButtons:a.map(e=>({id:e.id,hasElement:!1,hasRender:!!e.render})),apiButtons:[]},h={position:t?.toolPanel?.position??"right",isPanelOpen:i.isPanelOpen,expandIcon:s,collapseIcon:l,panels:c.map(e=>({id:e.id,title:e.title,icon:xe(e.icon),isExpanded:i.expandedSections.has(e.id)}))},u=Ee({hasShell:!0,shellHeader:function(e){const t=ye("tbw-shell-header",{part:"shell-header",role:"presentation"});if(e.title){const i=ye("tbw-shell-title");i.textContent=e.title,t.appendChild(i)}const i=ye("tbw-shell-content",{part:"shell-content",role:"presentation","data-light-dom-header-content":""});t.appendChild(i);const o=ye("tbw-shell-toolbar",{part:"shell-toolbar",role:"presentation"});for(const n of e.configButtons)n.hasRender&&o.appendChild(ye("tbw-toolbar-content-slot",{"data-toolbar-content":n.id}));for(const n of e.apiButtons)n.hasRender&&o.appendChild(ye("tbw-toolbar-content-slot",{"data-toolbar-content":n.id}));if((e.configButtons.some(e=>e.hasRender)||e.apiButtons.some(e=>e.hasRender))&&e.hasPanels&&o.appendChild(ye("tbw-toolbar-separator")),e.hasPanels){const t=_e(e.isPanelOpen?"tbw-toolbar-btn active":"tbw-toolbar-btn",{"data-panel-toggle":"",title:"Settings","aria-label":"Toggle settings panel","aria-pressed":String(e.isPanelOpen),"aria-controls":"tbw-tool-panel"});t.innerHTML=e.toolPanelIcon,o.appendChild(t)}return t.appendChild(o),t}(d),shellBody:function(e){const t=ye("tbw-shell-body"),i=e.panels.length>0,o=1===e.panels.length,n=ye("tbw-grid-content");n.appendChild(Re());let r=null;if(i){r=Ce("aside",{class:e.isPanelOpen?"tbw-tool-panel open":"tbw-tool-panel",part:"tool-panel","data-position":e.position,role:"presentation",id:"tbw-tool-panel"});const t="left"===e.position?"right":"left";r.appendChild(ye("tbw-tool-panel-resize",{"data-resize-handle":"","data-handle-position":t,"aria-hidden":"true"}));const i=ye("tbw-tool-panel-content",{role:"presentation"}),n=ye("tbw-accordion");for(const r of e.panels){const t=ye(`tbw-accordion-section${r.isExpanded?" expanded":""}${o?" single":""}`,{"data-section":r.id}),i=_e("tbw-accordion-header",{"aria-expanded":String(r.isExpanded),"aria-controls":`tbw-section-${r.id}`});if(o&&i.setAttribute("aria-disabled","true"),r.icon){const e=Ce("span",{class:"tbw-accordion-icon"});e.innerHTML=r.icon,i.appendChild(e)}const s=Ce("span",{class:"tbw-accordion-title"});if(s.textContent=r.title,i.appendChild(s),!o){const t=Ce("span",{class:"tbw-accordion-chevron"});t.innerHTML=r.isExpanded?e.collapseIcon:e.expandIcon,i.appendChild(t)}t.appendChild(i),t.appendChild(ye("tbw-accordion-content",{id:`tbw-section-${r.id}`,role:"presentation"})),n.appendChild(t)}i.appendChild(n),r.appendChild(i)}return"left"===e.position&&r?(t.appendChild(r),t.appendChild(n)):(t.appendChild(n),r&&t.appendChild(r)),t}(h)});e.appendChild(u)}else{const t=Ee({hasShell:!1});e.appendChild(t)}return r}Se.innerHTML='\n  <div class="tbw-scroll-area">\n    <div class="rows-body-wrapper">\n      <div class="rows-body" role="grid">\n        <div class="header" role="rowgroup">\n          <div class="header-row" role="row" part="header-row"></div>\n        </div>\n        <div class="rows-container" role="presentation">\n          <div class="rows-viewport" role="presentation">\n            <div class="rows"></div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class="faux-vscroll">\n    <div class="faux-vscroll-spacer"></div>\n  </div>\n';const qe="tbw-grid-styles";let $e="";const We=/* @__PURE__ */new Map;function Fe(){const e=function(){let e=document.getElementById(qe);return e||(e=document.createElement("style"),e.id=qe,e.setAttribute("data-tbw-grid","true"),document.head.appendChild(e)),e}(),t=Array.from(We.values()).join("\n");e.textContent=`${$e}\n\n/* Plugin Styles */\n${t}`}async function Ue(e){if($e)return;if("string"==typeof e&&e.length>0)return $e=e,void Fe();await new Promise(e=>setTimeout(e,50));const t=function(){try{for(const e of Array.from(document.styleSheets))try{const t=Array.from(e.cssRules||[]).map(e=>e.cssText).join("\n");if(t.includes(".tbw-grid-root")&&t.includes("tbw-grid"))return t}catch{continue}}catch(e){console.warn("[tbw-grid] Failed to extract grid.css from document stylesheets:",e)}return null}();t?($e=t,Fe()):"undefined"!=typeof process&&"test"===process.env?.NODE_ENV||console.warn("[tbw-grid] Could not find grid.css in document.styleSheets. Grid styling will not work.","Available stylesheets:",Array.from(document.styleSheets).map(e=>e.href||"(inline)"))}function Ve(e){e.momentumRaf&&(cancelAnimationFrame(e.momentumRaf),e.momentumRaf=0)}function Be(e,t){(Math.abs(e.velocityY)>.1||Math.abs(e.velocityX)>.1)&&function(e,t){const i=.95,o=.01,n=()=>{e.velocityY*=i,e.velocityX*=i;const r=16*e.velocityY,s=16*e.velocityX;Math.abs(e.velocityY)>o&&(t.fauxScrollbar.scrollTop+=r),Math.abs(e.velocityX)>o&&t.scrollArea&&(t.scrollArea.scrollLeft+=s),Math.abs(e.velocityY)>o||Math.abs(e.velocityX)>o?e.momentumRaf=requestAnimationFrame(n):e.momentumRaf=0};e.momentumRaf=requestAnimationFrame(n)}(e,t),function(e){e.startY=null,e.startX=null,e.scrollTop=null,e.scrollLeft=null,e.lastY=null,e.lastX=null,e.lastTime=null}(e)}function Ge(e,t,i,o){e.addEventListener("touchstart",e=>function(e,t,i){if(1!==e.touches.length)return;Ve(t);const o=e.touches[0];t.startY=o.clientY,t.startX=o.clientX,t.lastY=o.clientY,t.lastX=o.clientX,t.lastTime=performance.now(),t.scrollTop=i.fauxScrollbar.scrollTop,t.scrollLeft=i.scrollArea?.scrollLeft??0,t.velocityY=0,t.velocityX=0}(e,t,i),{passive:!0,signal:o}),e.addEventListener("touchmove",e=>{const o=function(e,t,i){if(1!==e.touches.length||null===t.startY||null===t.startX||null===t.scrollTop||null===t.scrollLeft)return!1;const o=e.touches[0],n=o.clientY,r=o.clientX,s=performance.now(),l=t.startY-n,a=t.startX-r;if(null!==t.lastTime&&null!==t.lastY&&null!==t.lastX){const e=s-t.lastTime;e>0&&(t.velocityY=(t.lastY-n)/e,t.velocityX=(t.lastX-r)/e)}t.lastY=n,t.lastX=r,t.lastTime=s;const{scrollTop:c,scrollHeight:d,clientHeight:h}=i.fauxScrollbar,u=l>0&&c<d-h||l<0&&c>0;let g=!1;if(i.scrollArea){const{scrollLeft:e,scrollWidth:t,clientWidth:o}=i.scrollArea;g=a>0&&e<t-o||a<0&&e>0}return u&&(i.fauxScrollbar.scrollTop=t.scrollTop+l),g&&i.scrollArea&&(i.scrollArea.scrollLeft=t.scrollLeft+a),u||g}(e,t,i);o&&e.preventDefault()},{passive:!1,signal:o}),e.addEventListener("touchend",()=>Be(t,i),{passive:!0,signal:o})}const Xe=[{property:"editable",pluginName:"editing",level:"column",description:'the "editable" column property',isUsed:e=>!0===e},{property:"editor",pluginName:"editing",level:"column",description:'the "editor" column property'},{property:"editorParams",pluginName:"editing",level:"column",description:'the "editorParams" column property'},{property:"group",pluginName:"groupingColumns",level:"column",description:'the "group" column property'},{property:"pinned",pluginName:"pinnedColumns",level:"column",description:'the "pinned" column property',isUsed:e=>"left"===e||"right"===e||"start"===e||"end"===e},{property:"sticky",pluginName:"pinnedColumns",level:"column",description:'the "sticky" column property (deprecated, use "pinned")',isUsed:e=>"left"===e||"right"===e||"start"===e||"end"===e}],Ye=[{property:"columnGroups",pluginName:"groupingColumns",level:"config",description:'the "columnGroups" config property',isUsed:e=>Array.isArray(e)&&e.length>0}];function je(e){return`import { ${Ke(e)}Plugin } from '@toolbox-web/grid/plugins/${t=e,t.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`)}';`;var t}function Ke(e){return e.charAt(0).toUpperCase()+e.slice(1)}function Ze(e,t){return e.some(e=>e.name===t)}function Qe(e,t){return e&&"object"==typeof e?"__rowCacheKey"in e?e.__rowCacheKey:"rowId"in e&&null!=e.rowId?`id:${e.rowId}`:t?`id:${t(e)}`:e:e}function Je(e,t,i){const o=Qe(t,i);return"string"==typeof o?e.byKey.get(o):o&&"object"==typeof o?e.byRef.get(o):void 0}function et(e,t,i){if(t<0||t>=e.length)return;const o=e[t],n=i-o.height;if(0!==n){o.height=i,o.measured=!0;for(let i=t+1;i<e.length;i++)e[i].offset+=n}}function tt(e,t){if(0===e.length)return-1;if(t<=0)return 0;let i=0,o=e.length-1;for(;i<=o;){const n=Math.floor((i+o)/2),r=e[n],s=r.offset+r.height;if(t<r.offset)o=n-1;else{if(!(t>=s))return n;i=n+1}}return Math.max(0,Math.min(i,e.length-1))}function it(e,t){const{positionCache:i,heightCache:o,rows:n,start:r,end:s,getPluginHeight:l,getRowId:a}=e;let c=!1;t.forEach(e=>{const t=e.dataset.rowIndex;if(!t)return;const d=parseInt(t,10);if(d<r||d>=s||d>=n.length)return;const h=n[d],u=l?.(h,d);if(void 0!==u){const e=i[d];return void((!e.measured||Math.abs(e.height-u)>1)&&(et(i,d,u),c=!0))}const g=e.offsetHeight;if(g>0){const e=i[d];(!e.measured||Math.abs(e.height-g)>1)&&(et(i,d,g),function(e,t,i,o){const n=Qe(t,o);"string"==typeof n?e.byKey.set(n,i):n&&"object"==typeof n&&e.byRef.set(n,i)}(o,h,g,a),c=!0)}});const d=c?function(e){let t=0;for(const i of e)i.measured&&t++;return t}(i):0,h=c?function(e,t){let i=0,o=0;for(const n of e)n.measured&&(i+=n.height,o++);return o>0?i/o:t}(i,e.defaultHeight):0;return{hasChanges:c,measuredCount:d,averageHeight:h}}function ot(e){const{totalRows:t,viewportHeight:i,scrollTop:o,rowHeight:n,overscan:r}=e,s=Math.ceil(i/n);let l=Math.floor(o/n)-r;l<0&&(l=0);let a=l+s+2*r;return a>t&&(a=t),a===t&&l>0&&(l=Math.max(0,a-s-2*r)),{start:l,end:a,offsetY:l*n,totalHeight:t*n}}function nt(e,t){return e<=t}class rt{constructor(e){this.grid=e}plugins=[];getPlugins(){return this.plugins}pluginMap=/* @__PURE__ */new Map;cellRenderers=/* @__PURE__ */new Map;headerRenderers=/* @__PURE__ */new Map;cellEditors=/* @__PURE__ */new Map;eventListeners=/* @__PURE__ */new Map;queryHandlers=/* @__PURE__ */new Map;static deprecationWarned=/* @__PURE__ */new WeakSet;attachAll(e){for(const t of e)this.attach(t)}attach(e){if(function(e,t){const i=e.name,o=e.constructor.dependencies??[];for(const n of o){const e=n.name,o=n.required??!0,r=n.reason;if(!t.some(t=>t.name===e)){const t=r??`${Ke(i)}Plugin requires ${Ke(e)}Plugin`,n=je(e);if(o)throw new Error(`[tbw-grid] Plugin dependency error:\n\n${t}.\n\n  → Add the plugin to your gridConfig.plugins array BEFORE ${Ke(i)}Plugin:\n    ${n}\n    plugins: [new ${Ke(e)}Plugin(), new ${Ke(i)}Plugin()]`);console.info(`[tbw-grid] ${Ke(i)}Plugin: Optional "${e}" plugin not found. Some features may be unavailable.`)}}}(e,this.plugins),this.pluginMap.set(e.constructor,e),this.plugins.push(e),e.cellRenderers)for(const[t,i]of Object.entries(e.cellRenderers))this.cellRenderers.set(t,i);if(e.headerRenderers)for(const[t,i]of Object.entries(e.headerRenderers))this.headerRenderers.set(t,i);if(e.cellEditors)for(const[t,i]of Object.entries(e.cellEditors))this.cellEditors.set(t,i);this.registerQueryHandlers(e),this.warnDeprecatedHooks(e),e.attach(this.grid);for(const t of this.plugins)t!==e&&t.onPluginAttached&&t.onPluginAttached(e.name,e)}registerQueryHandlers(e){const t=e.constructor.manifest;if(t?.queries)for(const i of t.queries){let t=this.queryHandlers.get(i.type);t||(t=/* @__PURE__ */new Set,this.queryHandlers.set(i.type,t)),t.add(e)}}warnDeprecatedHooks(e){const t=e.constructor;if(rt.deprecationWarned.has(t))return;if(!E())return;const i="function"==typeof e.getExtraHeight||"function"==typeof e.getExtraHeightBefore,o="function"==typeof e.getRowHeight;i&&!o&&(rt.deprecationWarned.add(t),console.warn(`[tbw-grid] Deprecation warning: "${e.name}" uses getExtraHeight() / getExtraHeightBefore() which are deprecated and will be removed in v3.0.\n  → Migrate to getRowHeight(row, index) for better variable row height support.\n  → See: https://toolbox-web.dev/docs/grid/plugins/migration#row-height-hooks`))}unregisterQueryHandlers(e){for(const[t,i]of this.queryHandlers)i.delete(e),0===i.size&&this.queryHandlers.delete(t)}detachAll(){for(const e of this.plugins)for(const t of this.plugins)t!==e&&t.onPluginDetached&&t.onPluginDetached(e.name);for(let e=this.plugins.length-1;e>=0;e--){const t=this.plugins[e];this.unsubscribeAll(t),this.unregisterQueryHandlers(t),t.detach()}this.plugins=[],this.pluginMap.clear(),this.cellRenderers.clear(),this.headerRenderers.clear(),this.cellEditors.clear(),this.eventListeners.clear(),this.queryHandlers.clear()}getPlugin(e){return this.pluginMap.get(e)}getPluginByName(e){return this.plugins.find(t=>t.name===e)}hasPlugin(e){return this.pluginMap.has(e)}getAll(){return this.plugins}getRegisteredPluginNames(){return this.plugins.map(e=>e.name)}getCellRenderer(e){return this.cellRenderers.get(e)}getHeaderRenderer(e){return this.headerRenderers.get(e)}getCellEditor(e){return this.cellEditors.get(e)}getPluginStyles(){return this.plugins.filter(e=>e.styles).map(e=>({name:e.name,styles:e.styles}))}processRows(e){let t=[...e];for(const i of this.plugins)i.processRows&&(t=i.processRows(t));return t}processColumns(e){let t=[...e];for(const i of this.plugins)i.processColumns&&(t=i.processColumns(t));return t}beforeRender(){for(const e of this.plugins)e.beforeRender?.()}afterRender(){for(const e of this.plugins)e.afterRender?.()}afterCellRender(e){for(const t of this.plugins)t.afterCellRender?.(e)}hasAfterCellRenderHook(){return this.plugins.some(e=>"function"==typeof e.afterCellRender)}afterRowRender(e){for(const t of this.plugins)t.afterRowRender?.(e)}hasAfterRowRenderHook(){return this.plugins.some(e=>"function"==typeof e.afterRowRender)}onScrollRender(){for(const e of this.plugins)e.onScrollRender?.()}getExtraHeight(){let e=0;for(const t of this.plugins)"function"==typeof t.getExtraHeight&&(e+=t.getExtraHeight());return e}hasExtraHeight(){for(const e of this.plugins)if("function"==typeof e.getExtraHeight&&e.getExtraHeight()>0)return!0;return!1}getExtraHeightBefore(e){let t=0;for(const i of this.plugins)"function"==typeof i.getExtraHeightBefore&&(t+=i.getExtraHeightBefore(e));return t}getRowHeight(e,t){for(const i of this.plugins)if("function"==typeof i.getRowHeight){const o=i.getRowHeight(e,t);if(void 0!==o)return o}}hasRowHeightPlugin(){for(const e of this.plugins)if("function"==typeof e.getRowHeight)return!0;return!1}adjustVirtualStart(e,t,i){let o=e;for(const n of this.plugins)if("function"==typeof n.adjustVirtualStart){const r=n.adjustVirtualStart(e,t,i);r<o&&(o=r)}return o}renderRow(e,t,i){for(const o of this.plugins)if(o.renderRow?.(e,t,i))return!0;return!1}queryPlugins(e){const t=[],i=this.queryHandlers.get(e.type);if(i&&i.size>0){for(const o of i){const i=o.handleQuery?.(e)??o.onPluginQuery?.(e);void 0!==i&&t.push(i)}return t}for(const o of this.plugins){const i=o.handleQuery?.(e)??o.onPluginQuery?.(e);void 0!==i&&t.push(i)}return t}subscribe(e,t,i){let o=this.eventListeners.get(t);o||(o=/* @__PURE__ */new Map,this.eventListeners.set(t,o)),o.set(e,i)}unsubscribe(e,t){const i=this.eventListeners.get(t);i&&(i.delete(e),0===i.size&&this.eventListeners.delete(t))}unsubscribeAll(e){for(const[t,i]of this.eventListeners)i.delete(e),0===i.size&&this.eventListeners.delete(t)}emitPluginEvent(e,t){const i=this.eventListeners.get(e);if(i)for(const n of i.values())try{n(t)}catch(o){console.error(`[tbw-grid] Error in plugin event handler for "${e}":`,o)}}onKeyDown(e){for(const t of this.plugins)if(t.onKeyDown?.(e))return!0;return!1}onCellClick(e){for(const t of this.plugins)if(t.onCellClick?.(e))return!0;return!1}onRowClick(e){for(const t of this.plugins)if(t.onRowClick?.(e))return!0;return!1}onHeaderClick(e){for(const t of this.plugins)if(t.onHeaderClick?.(e))return!0;return!1}onScroll(e){for(const t of this.plugins)t.onScroll?.(e)}onCellMouseDown(e){for(const t of this.plugins)if(t.onCellMouseDown?.(e))return!0;return!1}onCellMouseMove(e){for(const t of this.plugins)if(t.onCellMouseMove?.(e))return!0;return!1}onCellMouseUp(e){for(const t of this.plugins)if(t.onCellMouseUp?.(e))return!0;return!1}getHorizontalScrollOffsets(e,t){let i=0,o=0,n=!1;for(const r of this.plugins){const s=r.getHorizontalScrollOffsets?.(e,t);s&&(i+=s.left,o+=s.right,s.skipScroll&&(n=!0))}return{left:i,right:o,skipScroll:n}}getToolPanels(){const e=[];for(const t of this.plugins){const i=t.getToolPanel?.();i&&e.push({plugin:t,panel:i})}return e.sort((e,t)=>(e.panel.order??0)-(t.panel.order??0))}getHeaderContents(){const e=[];for(const t of this.plugins){const i=t.getHeaderContent?.();i&&e.push({plugin:t,content:i})}return e.sort((e,t)=>(e.content.order??0)-(t.content.order??0))}}class st extends HTMLElement{static tagName="tbw-grid";static version="1.22.0";static#H=0;static adapters=[];static registerAdapter(e){this.adapters.push(e)}static getAdapters(){return this.adapters}static clearAdapters(){this.adapters=[]}static get observedAttributes(){return["rows","columns","grid-config","fit-mode","loading"]}get#P(){return this}#M=!1;#S;#R;#L=[];get#s(){return this.#z?.effective??{}}#k=!1;#O=!1;#D={rows:!1,columns:!1,gridConfig:!1,fitMode:!1};#I;#N=0;#q=null;#$=!1;#W=!1;#F=0;#U;#V={startY:null,startX:null,scrollTop:null,scrollLeft:null,lastY:null,lastX:null,lastTime:null,velocityY:0,velocityX:0,momentumRaf:0};#B;#G;#X;#Y;#j={scrollTop:0,scrollLeft:0,scrollHeight:0,scrollWidth:0,clientHeight:0,clientWidth:0};#K;#Z;#Q=!1;#J;#ee;#h;#z;#te=function(){return{toolPanels:/* @__PURE__ */new Map,headerContents:/* @__PURE__ */new Map,toolbarContents:/* @__PURE__ */new Map,hasToolButtonsContainer:!1,lightDomHeaderContent:[],lightDomTitle:null,lightDomToolPanelIds:/* @__PURE__ */new Set,lightDomToolbarContentIds:/* @__PURE__ */new Set,apiToolPanelIds:/* @__PURE__ */new Set,isPanelOpen:!1,expandedSections:/* @__PURE__ */new Set,headerContentCleanups:/* @__PURE__ */new Map,panelCleanups:/* @__PURE__ */new Map,toolbarContentCleanups:/* @__PURE__ */new Map,lightDomContentMoved:!1}}();#ie;#oe;#ne;#re=!1;#se=/* @__PURE__ */new Set;#le=/* @__PURE__ */new Map;#ae;#ce=/* @__PURE__ */new Map;_rows=[];#de=[];get _columns(){return this.#s.columns??[]}set _columns(e){this.#s.columns=e}get _visibleColumns(){return this._columns.filter(e=>!e.hidden)}_headerRowEl;_bodyEl;_rowPool=[];_resizeController;_virtualization={enabled:!0,rowHeight:28,bypassThreshold:24,start:0,end:0,container:null,viewportEl:null,totalHeightEl:null,positionCache:null,heightCache:{byKey:/* @__PURE__ */new Map,byRef:/* @__PURE__ */new WeakMap},averageHeight:28,measuredCount:0,variableHeights:!1,cachedViewportHeight:0,cachedFauxHeight:0,cachedScrollAreaHeight:0,scrollAreaEl:null};_focusRow=0;_focusCol=0;_restoreFocusAfterRender=!1;_sortState=null;_gridTemplate="";__rowRenderEpoch=0;__didInitialAutoSize=!1;get __lightDomColumnsCache(){return this.#z?.lightDomColumnsCache}set __lightDomColumnsCache(e){this.#z&&(this.#z.lightDomColumnsCache=e)}get __originalColumnNodes(){return this.#z?.originalColumnNodes}set __originalColumnNodes(e){this.#z&&(this.#z.originalColumnNodes=e)}__originalOrder=[];__frameworkAdapter;__rowsBodyEl=null;get rows(){return this._rows}set rows(e){const t=this.#L;this.#L=e,t!==e&&this.#he("rows")}get sourceRows(){return this.#L}get columns(){return[...this._columns]}set columns(e){const t=this.#z?.getColumns();this.#z?.setColumns(e),t!==e&&this.#he("columns")}get gridConfig(){return this.#s}set gridConfig(e){const t=this.#z?.getGridConfig();this.#z?.setGridConfig(e),t!==e&&(this.#z.clearLightDomCache(),this.#he("gridConfig"))}get fitMode(){return this.#s.fitMode??"stretch"}set fitMode(e){const t=this.#z?.getFitMode();this.#z?.setFitMode(e),t!==e&&this.#he("fitMode")}get loading(){return this.#re}set loading(e){const t=this.#re;this.#re=e,e?this.setAttribute("loading",""):this.removeAttribute("loading"),t!==e&&this.#ue()}setRowLoading(e,t){const i=this.#se.has(e);t?this.#se.add(e):this.#se.delete(e),i!==t&&this.#ge(e,t)}setCellLoading(e,t,i){let o=this.#le.get(e);const n=o?.has(t)??!1;i?(o||(o=/* @__PURE__ */new Set,this.#le.set(e,o)),o.add(t)):(o?.delete(t),0===o?.size&&this.#le.delete(e)),n!==i&&this.#fe(e,t,i)}isRowLoading(e){return this.#se.has(e)}isCellLoading(e,t){return this.#le.get(e)?.has(t)??!1}clearAllLoading(){this.loading=!1;for(const e of this.#se)this.#ge(e,!1);this.#se.clear();for(const[e,t]of this.#le)for(const i of t)this.#fe(e,i,!1);this.#le.clear()}get effectiveConfig(){return this.#s}get disconnectSignal(){return this.#B||(this.#B=new AbortController),this.#B.signal}constructor(){super(),this.#pe(),this.#S=new Promise(e=>this.#R=e),this.#I=new ge({mergeConfig:()=>{this.#z.parseLightDomColumns(this),this.#z.merge(),this.#we(),function(e,t){const i=Xe,o=Ye,n=/* @__PURE__ */new Map;function r(e,t,i,o,r=!1){n.has(e)||n.set(e,{description:t,importHint:i,fields:[],isConfigProperty:r});const s=n.get(e);s.fields.includes(o)||s.fields.push(o)}for(const l of o){const i=e[l.property];(l.isUsed?l.isUsed(i):void 0!==i)&&!Ze(t,l.pluginName)&&r(l.pluginName,l.description,je(l.pluginName),l.property,!0)}const s=e.columns;if(s&&s.length>0)for(const l of s)for(const e of i){const i=l[e.property];if((e.isUsed?e.isUsed(i):void 0!==i)&&!Ze(t,e.pluginName)){const t=l.field||"<unknown>";r(e.pluginName,e.description,je(e.pluginName),t)}}if(n.size>0){const e=[];for(const[t,{description:i,importHint:o,fields:r,isConfigProperty:s}]of n)if(s)e.push(`Config uses ${i}, but the required plugin is not loaded.\n  → Add the plugin to your gridConfig.plugins array:\n    ${o}\n    plugins: [new ${Ke(t)}Plugin(), ...]`);else{const n=r.slice(0,3).join(", ")+(r.length>3?`, ... (${r.length} total)`:"");e.push(`Column(s) [${n}] use ${i}, but the required plugin is not loaded.\n  → Add the plugin to your gridConfig.plugins array:\n    ${o}\n    plugins: [new ${Ke(t)}Plugin(), ...]`)}throw new Error(`[tbw-grid] Configuration error:\n\n${e.join("\n\n")}\n\nThis validation helps catch misconfigurations early. The properties listed above require their respective plugins to function.`)}}(this.#s,this.#K?.getPlugins()??[]),function(e){const t=[],i=[];for(const o of e){const e=o.constructor.manifest;if(e?.configRules)for(const n of e.configRules){const e=o.config;if(n.check(e)){const e=`[tbw-grid:${Ke(o.name)}Plugin] Configuration warning: ${n.message}`;"error"===n.severity?t.push(e):i.push(e)}}}if(i.length>0&&E())for(const o of i)console.warn(o);if(t.length>0)throw new Error(`[tbw-grid] Configuration error:\n\n${t.join("\n\n")}`)}(this.#K?.getPlugins()??[]),function(e){if(!E())return;const t=new Set(e.map(e=>e.name)),i=/* @__PURE__ */new Set;for(const o of e){const e=o.constructor.manifest;if(e?.incompatibleWith)for(const n of e.incompatibleWith)if(t.has(n.name)){const e=[o.name,n.name].sort().join("↔");if(i.has(e))continue;i.add(e),console.warn(`[tbw-grid] Plugin incompatibility warning:\n\n${Ke(o.name)}Plugin and ${Ke(n.name)}Plugin are both loaded, but they are currently incompatible.\n\n  → ${n.reason}\n\n  Consider removing one of these plugins to avoid unexpected behavior.`)}}}(this.#K?.getPlugins()??[]),this.#be(),this.#de=[...this._columns]},processColumns:()=>this.#me(),processRows:()=>this.#ve(),renderHeader:()=>le(this),updateTemplate:()=>c(this),renderVirtualWindow:()=>this.refreshVirtualWindow(!0,!0),afterRender:()=>{this.#K?.afterRender(),this._virtualization.enabled&&this._virtualization.totalHeightEl&&queueMicrotask(()=>{if(!this._virtualization.totalHeightEl)return;const e=this.#Ce(this._rows.length);this._virtualization.totalHeightEl.style.height=`${e}px`});"fixed"!==this.#s.fitMode||this.__didInitialAutoSize||(this.__didInitialAutoSize=!0,s(this)),this._restoreFocusAfterRender&&(this._restoreFocusAfterRender=!1,G(this)),this._virtualization.enabled&&!this.#ye&&this.#_e(),this.#W&&(this.#W=!1,requestAnimationFrame(()=>{requestAnimationFrame(()=>{this.#Se()})})),this.#re&&this.#ue()},isConnected:()=>this.isConnected&&this.#k}),this.#I.setInitialReadyResolver(()=>this.#R?.()),this.#ie=De(this.#te,{getShadow:()=>this.#P,getShellConfig:()=>this.#s?.shell,getAccordionIcons:()=>({expand:this.#s?.icons?.expand??o.expand,collapse:this.#s?.icons?.collapse??o.collapse}),emit:(e,t)=>this.#Re(e,t),refreshShellHeader:()=>this.refreshShellHeader()}),this.#z=new R({getRows:()=>this.#L,getSortState:()=>this._sortState,setSortState:e=>{this._sortState=e},onConfigChange:()=>{this.#I.requestPhase(ue.FULL,"configChange")},emit:(e,t)=>this.#Re(e,t),clearRowPool:()=>{this._rowPool.length=0,this._bodyEl&&(this._bodyEl.innerHTML=""),this.__rowRenderEpoch++},setup:()=>this.#Ee(),renderHeader:()=>le(this),updateTemplate:()=>c(this),refreshVirtualWindow:()=>this.#I.requestPhase(ue.VIRTUALIZATION,"configManager"),getVirtualization:()=>this._virtualization,setRowHeight:e=>{this._virtualization.rowHeight=e},applyAnimationConfig:e=>this.#xe(e),getShellLightDomTitle:()=>this.#te.lightDomTitle,getShellToolPanels:()=>this.#te.toolPanels,getShellHeaderContents:()=>this.#te.headerContents,getShellToolbarContents:()=>this.#te.toolbarContents,getShellLightDomHeaderContent:()=>this.#te.lightDomHeaderContent,getShellHasToolButtonsContainer:()=>this.#te.hasToolButtonsContainer})}async#pe(){await Ue('@layer tbw-base, tbw-plugins, tbw-theme;\n\n@layer tbw-base{tbw-grid{--tbw-base-icon-size: 1em;--tbw-base-radius: .25em;--tbw-font-size: 1em;--tbw-font-size-sm: .9285em;--tbw-font-size-xs: .7857em;--tbw-font-size-2xs: .7142em;--tbw-spacing-xs: .25em;--tbw-spacing-sm: .375em;--tbw-spacing-md: .5em;--tbw-spacing-lg: .75em;--tbw-spacing-xl: 1em;--tbw-icon-size: var(--tbw-base-icon-size);--tbw-icon-size-sm: .875em;--tbw-checkbox-size: var(--tbw-base-icon-size);--tbw-toggle-size: 1.25em;--tbw-border-radius: var(--tbw-base-radius);--tbw-color-bg: transparent;--tbw-color-panel-bg: light-dark(#eeeeee, #222222);--tbw-color-fg: light-dark(#222222, #eeeeee);--tbw-color-fg-muted: light-dark(#555555, #aaaaaa);--tbw-color-accent: light-dark(#3b82f6, #3b82f6);--tbw-color-accent-fg: light-dark(#ffffff, #000000);--tbw-color-success: light-dark(hsl(122, 39%, 40%), hsl(122, 39%, 49%));--tbw-color-warning: light-dark(hsl(38, 92%, 50%), hsl(38, 92%, 50%));--tbw-color-error: light-dark(hsl(0, 65%, 51%), hsl(0, 65%, 55%));--tbw-color-danger: var(--tbw-color-error);--tbw-color-selection: light-dark(#fff7d6, #333333);--tbw-color-row-alt: var(--tbw-color-bg);--tbw-color-row-hover: light-dark(#f0f6ff, #1c1c1c);--tbw-color-header-bg: color-mix(in hsl, var(--tbw-color-panel-bg) 85%, var(--tbw-color-fg));--tbw-color-header-fg: color-mix(in hsl, var(--tbw-color-fg) 75%, var(--tbw-color-panel-bg));--tbw-color-border: light-dark(#d0d0d4, #454545);--tbw-color-border-strong: light-dark(#777777, #666666);--tbw-color-border-cell: var(--tbw-color-border);--tbw-color-border-header: var(--tbw-color-border);--tbw-color-shadow: light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .3));--tbw-font-family: inherit;--tbw-font-size-header: var(--tbw-font-size);--tbw-font-weight-header: bold;--tbw-cell-padding-header: var(--tbw-spacing-xs) var(--tbw-spacing-md);--tbw-cell-padding-v: var(--tbw-spacing-xs);--tbw-cell-padding-h: var(--tbw-spacing-md);--tbw-cell-padding: var(--tbw-cell-padding-v) var(--tbw-cell-padding-h);--tbw-cell-padding-input: var(--tbw-spacing-xs) var(--tbw-spacing-sm);--tbw-row-height: 1.75em;--tbw-header-height: 1.875em;--tbw-cell-white-space: nowrap;--tbw-border-width: 1px;--tbw-border-style: solid;--tbw-border-input: var(--tbw-border-width) var(--tbw-border-style) var(--tbw-color-border-strong);--tbw-border-header: var(--tbw-border-width) var(--tbw-border-style) var(--tbw-color-border-header);--tbw-row-divider: var(--tbw-border-width) var(--tbw-border-style) var(--tbw-color-border-cell);--tbw-row-hover-outline: 0;--tbw-color-active-row-bg: var(--tbw-color-selection);--tbw-active-row-outline: 0;--tbw-focus-outline-width: 2px;--tbw-focus-outline: var(--tbw-focus-outline-width) var(--tbw-border-style) var(--tbw-color-accent);--tbw-focus-outline-offset: -2px;--tbw-focus-background: rgba(from var(--tbw-color-accent) r g b / 12%);--tbw-range-border-color: var(--tbw-color-accent);--tbw-range-selection-bg: rgba(from var(--tbw-range-border-color) r g b / 12%);--tbw-resize-handle-width: var(--tbw-spacing-sm);--tbw-resize-handle-color: transparent;--tbw-resize-handle-color-hover: var(--tbw-color-accent);--tbw-resize-handle-border-radius: 0;--tbw-resize-indicator-width: 2px;--tbw-resize-indicator-color: var(--tbw-color-accent);--tbw-resize-indicator-opacity: .6;--tbw-transition-duration: .12s;--tbw-transition-ease: ease;--tbw-animation-duration: .2s;--tbw-animation-easing: ease-out;--tbw-animation-enabled: 1;--tbw-row-change-duration: .5s;--tbw-row-insert-duration: .3s;--tbw-row-remove-duration: .2s;--tbw-row-change-color: rgba(from var(--tbw-color-accent) r g b / 25%);--tbw-sort-indicator-color: var(--tbw-color-fg-muted);--tbw-sort-indicator-active-color: var(--tbw-color-accent);--tbw-sort-indicator-display: inline-flex;--tbw-sort-indicator-visibility: visible;--tbw-header-text-transform: none;--tbw-header-letter-spacing: normal;--tbw-color-header-separator: var(--tbw-color-border-cell);--tbw-density-scale: 1;--tbw-shell-header-height: 2.75em;--tbw-shell-header-bg: var(--tbw-color-panel-bg);--tbw-shell-header-border: var(--tbw-color-border);--tbw-shell-title-font-size: var(--tbw-font-size);--tbw-shell-title-font-weight: 600;--tbw-tool-panel-width: 17.5em;--tbw-tool-panel-bg: var(--tbw-color-panel-bg);--tbw-tool-panel-border: var(--tbw-color-border);--tbw-tool-panel-header-height: 2.5em;--tbw-tool-panel-transition: var(--tbw-animation-duration) var(--tbw-animation-easing);--tbw-toolbar-button-size: 2em;--tbw-toolbar-button-gap: var(--tbw-spacing-xs);--tbw-panel-padding: var(--tbw-spacing-lg);--tbw-panel-gap: var(--tbw-spacing-md);--tbw-menu-item-padding: var(--tbw-spacing-sm) var(--tbw-spacing-lg);--tbw-menu-item-gap: var(--tbw-spacing-md);--tbw-menu-min-width: 10rem;--tbw-button-padding: var(--tbw-spacing-sm) var(--tbw-spacing-lg);--tbw-button-padding-sm: var(--tbw-spacing-xs) var(--tbw-spacing-md);--tbw-input-height: var(--tbw-row-height);--tbw-input-padding: 0 var(--tbw-spacing-md);--tbw-detail-padding: var(--tbw-spacing-xl);--tbw-detail-max-height: 31.25rem;--tbw-indicator-size: var(--tbw-spacing-sm)}}\n@layer tbw-base{tbw-grid{color-scheme:inherit;position:relative;display:block;width:100%;height:100%;min-height:0;contain:content;font-family:var(--tbw-font-family);font-size:var(--tbw-font-size);font-feature-settings:"tnum","lnum";background:var(--tbw-color-bg);color:var(--tbw-color-fg);border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);overflow:clip;outline:none;&,*{box-sizing:border-box}.tbw-grid-root{position:relative;display:flex;flex-direction:column;height:100%;&.has-shell{display:flex;flex-direction:column;height:100%}&:has(.selected){user-select:none}}.rows-body-wrapper{flex:1;min-height:0;display:flex;flex-direction:row;width:100%;min-width:fit-content}.rows-body{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:visible}.rows-container{display:flex;flex-direction:row;flex:1;min-height:0;overflow:visible}.rows-viewport{flex:1;min-width:0;position:relative;display:block;overflow:clip;.rows{position:absolute;top:0;left:0;min-width:100%;will-change:transform;z-index:var(--tbw-z-layer-rows, 1)}}.faux-vscroll{position:sticky;inset-inline-end:0;flex-shrink:0;width:auto;overflow-y:auto;overflow-x:hidden;z-index:var(--tbw-z-layer-header, 30)}.faux-vscroll-spacer{width:1px}&[data-has-focus]{.cell-focus,.row-focus{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}}.sticky-left,.sticky-right{position:sticky;z-index:25}.sticky-left{box-shadow:1px 0 0 var(--tbw-color-border)}.sticky-right{box-shadow:-1px 0 0 var(--tbw-color-border)}}}\n@layer tbw-base{tbw-grid{.header{display:block;flex-shrink:0;z-index:var(--tbw-z-layer-header, 30);background:var(--tbw-color-header-bg);overflow:visible}.header-group-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-color-header-bg);z-index:var(--tbw-z-layer-header, 30)}.header-group-cell{display:flex;align-items:center;justify-content:flex-start;padding:var(--tbw-cell-padding-header, 2px 8px);color:var(--tbw-color-header-group-fg, var(--tbw-color-header-fg));font-weight:var(--tbw-font-weight-header-group, var(--tbw-font-weight-header));justify-content:var(--tbw-align-header-group, var(--tbw-align-header, flex-start));&:not(:last-child){border-right:2px solid var(--tbw-color-border)}}.header-row{display:grid;grid-template-columns:var(--tbw-column-template);color:var(--tbw-color-header-fg);font-size:var(--tbw-font-size-header);min-height:var(--tbw-header-height);border-bottom:var(--tbw-border-header);z-index:var(--tbw-z-layer-header, 30);text-transform:var(--tbw-header-text-transform);letter-spacing:var(--tbw-header-letter-spacing);>.cell{display:flex;align-items:center;gap:4px;padding:var(--tbw-cell-padding-header, 2px 8px);background-color:var(--tbw-color-header-bg);font-weight:var(--tbw-font-weight-header);border-right:1px solid var(--tbw-color-border-cell);overflow:visible;min-width:0;>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:inherit}>span[part~=sort-indicator]{flex-shrink:0;opacity:.6;color:var(--tbw-sort-indicator-color);display:var(--tbw-sort-indicator-display, inline-flex);visibility:var(--tbw-sort-indicator-visibility, visible);transition:opacity .15s,visibility 0s,display 0s allow-discrete;transition-behavior:allow-discrete}&:hover>span[part~=sort-indicator]{display:inline-flex;visibility:visible}&[aria-sort=ascending]>span[part~=sort-indicator],&[aria-sort=descending]>span[part~=sort-indicator]{display:inline-flex;visibility:visible;opacity:1;color:var(--tbw-sort-indicator-active-color)}&:last-child{border-right:0;.resize-handle{right:0;width:calc(var(--tbw-resize-handle-width) / 2)}}&.grouped.group-end:not(:last-child){border-right:2px solid var(--tbw-color-border)}&.resizable{position:relative}&.sticky-left,&.sticky-right{background:var(--tbw-color-header-bg);z-index:35}}}.sortable{cursor:pointer;user-select:none}.resize-handle{position:absolute;top:0;right:calc(var(--tbw-resize-handle-width) / -2);width:var(--tbw-resize-handle-width);height:100%;cursor:e-resize;user-select:none;touch-action:none;z-index:20;background:var(--tbw-resize-handle-color);transition:background .12s ease;border-radius:var(--tbw-resize-handle-border-radius);&:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:var(--tbw-resize-indicator-width, 2px);height:0;background:var(--tbw-resize-indicator-color, var(--tbw-color-accent));opacity:0;pointer-events:none;transition:opacity .12s ease,height 0s .12s;z-index:1000}&:hover{background:var(--tbw-resize-handle-color-hover);&:after{height:100vh;opacity:var(--tbw-resize-indicator-opacity, .6);transition:opacity .12s ease,height 0s}}}}}\n@layer tbw-base{tbw-grid{.data-grid-row{display:grid;grid-template-columns:var(--tbw-column-template);contain:layout style;&:nth-child(2n){background:var(--tbw-color-row-alt)}&:hover{background:var(--tbw-color-row-hover)}>.cell{display:block;padding:var(--tbw-cell-padding, 2px 8px);border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height);align-content:center;border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0;white-space:var(--tbw-cell-white-space, nowrap);text-overflow:ellipsis;>*{overflow:hidden;text-overflow:ellipsis;white-space:inherit;min-width:0}&:last-child{border-right:0}&[data-type=boolean]{text-align:center;input[type=checkbox]{margin:0;width:var(--tbw-checkbox-size);height:var(--tbw-checkbox-size);vertical-align:middle}}&.selected:focus-visible,&:focus-visible:not(.cell-focus){outline:none}&.sticky-left,&.sticky-right{background:var(--tbw-color-panel-bg)}}}.selecting .data-grid-row>.cell{user-select:none}}}\n@layer tbw-base{tbw-grid{.tbw-shell-header{display:flex;align-items:center;gap:8px;min-height:var(--tbw-shell-header-height);padding:0 8px;background:var(--tbw-shell-header-bg);border-bottom:1px solid var(--tbw-shell-header-border);flex-shrink:0}.tbw-shell-title{font-size:var(--tbw-shell-title-font-size);font-weight:var(--tbw-shell-title-font-weight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tbw-shell-content{flex:1;display:flex;align-items:center;gap:12px;min-width:0;overflow:hidden}.tbw-shell-toolbar{display:flex;align-items:center;gap:var(--tbw-toolbar-button-gap);flex-shrink:0}.tbw-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-toolbar-button-size);height:var(--tbw-toolbar-button-size);padding:0;border:1px solid transparent;border-radius:var(--tbw-border-radius);background:transparent;color:var(--tbw-color-fg);cursor:pointer;font-size:16px;transition:background var(--tbw-transition-duration) var(--tbw-transition-ease),border-color var(--tbw-transition-duration) var(--tbw-transition-ease);&:hover{background:var(--tbw-color-row-hover)}&:focus-visible{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}&.active{background:var(--tbw-focus-background);border-color:var(--tbw-color-accent)}&:disabled{opacity:.5;cursor:not-allowed}}.tbw-toolbar-separator{width:1px;height:20px;background:var(--tbw-color-border);margin:0 4px}.tbw-shell-body{position:relative;display:flex;flex:1;min-height:0;overflow:visible}.tbw-grid-content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:row;overflow:hidden}.tbw-scroll-area{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow-x:auto;overflow-y:hidden;overflow-anchor:none}}}\n@layer tbw-base{tbw-grid{.tbw-tool-panel{position:absolute;top:0;bottom:0;right:0;width:0;overflow:hidden;background:var(--tbw-tool-panel-bg);border-left:1px solid var(--tbw-tool-panel-border);transition:width var(--tbw-tool-panel-transition);display:flex;flex-direction:column;z-index:30;box-shadow:-2px 0 8px var(--tbw-color-shadow);&[data-position=left]{right:auto;left:0;border-left:none;border-right:1px solid var(--tbw-tool-panel-border);box-shadow:2px 0 8px var(--tbw-color-shadow)}&.open{width:var(--tbw-tool-panel-width)}}.tbw-tool-panel-resize{position:absolute;top:0;bottom:0;width:6px;cursor:col-resize;background:transparent;z-index:10;transition:background var(--tbw-transition-duration) var(--tbw-transition-ease);&[data-handle-position=left]{left:0}&[data-handle-position=right]{right:0}&:hover,&.resizing{background:var(--tbw-color-accent)}}.tbw-tool-panel-header{display:flex;align-items:center;justify-content:space-between;min-height:var(--tbw-tool-panel-header-height);padding:0 12px;border-bottom:1px solid var(--tbw-tool-panel-border);flex-shrink:0}.tbw-tool-panel-title{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tbw-tool-panel-close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--tbw-border-radius);background:transparent;color:var(--tbw-color-fg-muted);cursor:pointer;font-size:14px;&:hover{background:var(--tbw-color-row-hover);color:var(--tbw-color-fg)}}.tbw-tool-panel-content{flex:1;overflow:auto}.tbw-accordion{display:flex;flex-direction:column;gap:0}.tbw-accordion-section{border-bottom:1px solid var(--tbw-tool-panel-border);&:last-child{border-bottom:none}&.single .tbw-accordion-header{cursor:default;&:hover{background:transparent}}&.expanded{.tbw-accordion-chevron{transform:rotate(90deg)}.tbw-accordion-content{display:block}}}.tbw-accordion-header{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--tbw-color-fg);font-size:13px;font-weight:600;text-align:start;cursor:pointer;user-select:none;&:hover{background:var(--tbw-color-row-hover)}}.tbw-accordion-chevron{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:10px;color:var(--tbw-color-fg-muted);transition:transform .15s ease;flex-shrink:0}.tbw-accordion-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:14px;flex-shrink:0}.tbw-accordion-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tbw-accordion-content{display:none}}}\n@layer tbw-base{.tbw-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:light-dark(rgba(255,255,255,.7),rgba(0,0,0,.5));z-index:1000;pointer-events:all;animation:tbw-fade-in .15s ease-out}.tbw-spinner{--tbw-spinner-size: 48px;--tbw-spinner-border-width: 3px;--tbw-spinner-color: var(--tbw-color-accent);--tbw-spinner-track-color: var(--tbw-color-border);width:var(--tbw-spinner-size);height:var(--tbw-spinner-size);border:var(--tbw-spinner-border-width) solid var(--tbw-spinner-track-color);border-top-color:var(--tbw-spinner-color);border-radius:50%;animation:tbw-spin .8s linear infinite}.tbw-spinner--large{--tbw-spinner-size: min(48px, calc(100% - 16px) )}.tbw-spinner--small{--tbw-spinner-size: calc(var(--tbw-row-height, 28px) * .6);--tbw-spinner-border-width: 2px}.data-grid-row.tbw-row-loading{position:relative;pointer-events:none}.tbw-row-loading-overlay{position:absolute;inset:0;background:light-dark(rgba(255,255,255,.7),rgba(0,0,0,.5));z-index:26;animation:tbw-fade-in .15s ease-out;pointer-events:none;display:flex;align-items:center}.tbw-row-loading-spinner{--_spinner-size: calc(var(--tbw-row-height, 28px) * .6);margin-left:var(--tbw-spacing-md);width:var(--_spinner-size);height:var(--_spinner-size);border:2px solid var(--tbw-spinner-track-color, var(--tbw-color-border));border-top-color:var(--tbw-spinner-color, var(--tbw-color-accent));border-radius:50%;animation:tbw-spin .8s linear infinite}.cell.tbw-cell-loading{position:relative;pointer-events:none;&:before{content:"";position:absolute;inset:0;background:light-dark(rgba(255,255,255,.7),rgba(0,0,0,.5));z-index:26;animation:tbw-fade-in .15s ease-out}&:after{--_spinner-size: calc(var(--tbw-row-height, 28px) * .5);content:"";position:absolute;left:var(--tbw-spacing-sm);top:0;bottom:0;margin:auto 0;width:var(--_spinner-size);height:var(--_spinner-size);border:2px solid var(--tbw-spinner-track-color, var(--tbw-color-border));border-top-color:var(--tbw-spinner-color, var(--tbw-color-accent));border-radius:50%;animation:tbw-spin .8s linear infinite;z-index:27}}}\n@layer tbw-base{tbw-grid{.tbw-expanding{animation:tbw-expand var(--tbw-animation-duration) var(--tbw-animation-easing) forwards;overflow:hidden}.tbw-collapsing{animation:tbw-collapse var(--tbw-animation-duration) var(--tbw-animation-easing) forwards;overflow:hidden}&[data-animation-mode=off]{--tbw-animation-enabled: 0;--tbw-animation-duration: 0ms;.data-grid-row[data-animating]{animation:none}}}tbw-grid .data-grid-row[data-animating=change]{animation:tbw-row-change var(--tbw-row-change-duration) ease-out}tbw-grid .data-grid-row[data-animating=insert]{animation:tbw-row-insert var(--tbw-row-insert-duration) ease-out;will-change:max-height,opacity}tbw-grid .data-grid-row[data-animating=remove]{animation:tbw-row-remove var(--tbw-row-remove-duration) ease-out forwards;will-change:max-height,opacity,transform;pointer-events:none}}@keyframes tbw-expand{0%{opacity:0;max-height:0;transform:translateY(-8px)}to{opacity:1;max-height:500px;transform:translateY(0)}}@keyframes tbw-collapse{0%{opacity:1;max-height:500px;transform:translateY(0)}to{opacity:0;max-height:0;transform:translateY(-8px)}}@keyframes tbw-row-change{0%{background-color:transparent}20%{background-color:var(--tbw-row-change-color)}to{background-color:transparent}}@keyframes tbw-row-insert{0%{opacity:0;max-height:0;overflow:hidden}to{opacity:1;max-height:var(--tbw-row-height, 28px);overflow:hidden}}@keyframes tbw-row-remove{0%{opacity:1;transform:translateY(0);max-height:var(--tbw-row-height, 28px)}to{opacity:0;max-height:0;transform:translateY(-8px)}}@keyframes tbw-spin{to{transform:rotate(360deg)}}@keyframes tbw-fade-in{0%{opacity:0}to{opacity:1}}\n@layer tbw-base{@media(forced-colors:active){tbw-grid{--tbw-color-border: CanvasText;--tbw-color-border-strong: CanvasText;--tbw-color-border-cell: CanvasText;--tbw-color-border-header: CanvasText;--tbw-color-fg: CanvasText;--tbw-color-bg: Canvas;--tbw-color-panel-bg: Canvas;--tbw-color-header-bg: Canvas;--tbw-color-header-fg: CanvasText;--tbw-color-accent: Highlight;--tbw-color-accent-fg: HighlightText;--tbw-color-selection: Highlight;--tbw-color-row-hover: Highlight;--tbw-focus-outline: 2px solid Highlight;--tbw-range-border-color: Highlight;.cell:focus,.cell.active-cell{outline:2px solid Highlight!important;outline-offset:-2px}.data-grid-row[aria-selected=true]{background:Highlight!important;color:HighlightText!important}}}@media(prefers-reduced-motion:reduce){tbw-grid[data-animation-mode=reduced-motion]{--tbw-animation-enabled: 0;--tbw-animation-duration: 0ms;.data-grid-row[data-animating]{animation:none}}}}\n')}getPlugin(e){return this.#K?.getPlugin(e)}getPluginByName(e){return this.#K?.getPluginByName(e)}requestRender(){this.#I.requestPhase(ue.ROWS,"plugin:requestRender")}requestColumnsRender(){this.#I.requestPhase(ue.COLUMNS,"plugin:requestColumnsRender")}requestRenderWithFocus(){this._restoreFocusAfterRender=!0,this.#I.requestPhase(ue.ROWS,"plugin:requestRenderWithFocus")}updateTemplate(){c(this)}requestAfterRender(){this.#I.requestPhase(ue.STYLE,"plugin:requestAfterRender")}#Ae(){this.#K=new rt(this);const e=this.#s?.plugins,t=Array.isArray(e)?e:[];this.#K.attachAll(t)}#Te(){!function(e){let t=!1;for(const{name:i,styles:o}of e)We.has(i)||(We.set(i,o),t=!0);t&&Fe()}(this.#K?.getPluginStyles()??[])}#we(){const e=this.#s?.plugins,t=Array.isArray(e)?e:[];if(this.#Z===t)return;if(this.#Z&&this.#Z.length===t.length&&this.#Z.every((e,i)=>e===t[i]))return void(this.#Z=t);this.#K&&this.#K.detachAll();for(const o of this.#te.toolPanels.keys()){const e=this.#te.lightDomToolPanelIds.has(o),t=this.#te.apiToolPanelIds.has(o);if(!e&&!t){const e=this.#te.panelCleanups.get(o);e&&(e(),this.#te.panelCleanups.delete(o)),this.#te.toolPanels.delete(o)}}for(const o of this.#te.headerContents.keys()){const e=this.#te.headerContentCleanups.get(o);e&&(e(),this.#te.headerContentCleanups.delete(o)),this.#te.headerContents.delete(o)}this.#Ae(),this.#Te(),this.#Z=t,this.#He(),this.#Pe();const i=this.#$;if(this.#$=this.#K?.getAll().some(e=>e.onScroll)??!1,!i&&this.#$){const e=this.#P.querySelector(".tbw-grid-content")??this.#P.querySelector(".tbw-grid-root");this.#Me(e)}}#Le(){this.#K?.detachAll()}#Pe(){if(!this.#K)return;const e=this.#K.getToolPanels();for(const{panel:i}of e)this.#te.toolPanels.has(i.id)||this.#te.toolPanels.set(i.id,i);const t=this.#K.getHeaderContents();for(const{content:i}of t)this.#te.headerContents.has(i.id)||this.#te.headerContents.set(i.id,i)}#ze(){const e=st.getAdapters();if(0===e.length&&!this.__frameworkAdapter)return;const t=this.__frameworkAdapter;return i=>{if(t?.createToolPanelRenderer){const e=t.createToolPanelRenderer(i);if(e)return e}for(const t of e)if(t.createToolPanelRenderer){const e=t.createToolPanelRenderer(i);if(e)return e}}}connectedCallback(){this.hasAttribute("tabindex")||(this.tabIndex=0),this.hasAttribute("version")||this.setAttribute("version",st.version),this.id||(this.id="tbw-grid-"+ ++st.#H),this._rows=Array.isArray(this.#L)?[...this.#L]:[],this.#B&&(this.#B.abort(),this.#Q=!1),this.#B=new AbortController,this.#Y&&(ce(this.#Y),this.#Y=void 0),this.#ke(),this.#z.parseLightDomColumns(this),this.#z.merge(),this.#Ae();const e=this.#s?.plugins;var t,i;this.#Z=Array.isArray(e)?e:[],this.#Pe(),this.#M||(this.#Oe(),this.#Te(),this.#M=!0),this.#De(),this.#Y=(t=()=>{this.#Ie()},i={timeout:100},ae?requestIdleCallback(t,i):window.setTimeout(()=>{const e=Date.now();t({didTimeout:!1,timeRemaining:()=>Math.max(0,50-(Date.now()-e))})},1))}disconnectedCallback(){this.#Y&&(ce(this.#Y),this.#Y=void 0),this.#F&&(clearTimeout(this.#F),this.#F=0),this.#Le(),function(e){for(const t of e.headerContentCleanups.values())t();e.headerContentCleanups.clear();for(const t of e.panelCleanups.values())t();e.panelCleanups.clear();for(const t of e.toolbarContentCleanups.values())t();e.toolbarContentCleanups.clear();for(const t of e.toolbarContents.values())t.onDestroy?.();if(e.isPanelOpen)for(const t of e.expandedSections){const i=e.toolPanels.get(t);i?.onClose?.()}e.isPanelOpen=!1,e.expandedSections.clear(),e.toolPanels.clear(),e.headerContents.clear(),e.toolbarContents.clear(),e.lightDomHeaderContent=[],e.lightDomToolPanelIds.clear(),e.lightDomToolbarContentIds.clear(),e.lightDomContentMoved=!1}(this.#te),this.#ie.setInitialized(!1),this.#oe?.(),this.#oe=void 0,this.#ne?.(),this.#ne=void 0,Ve(this.#V),this.#B&&(this.#B.abort(),this.#B=void 0),this.#J?.abort(),this.#J=void 0,this.#Q=!1,this._resizeController&&this._resizeController.dispose(),this.#G&&(this.#G.disconnect(),this.#G=void 0),this.#X&&(this.#X.disconnect(),this.#X=void 0,this.#ye=!1),F(this),this.#Ne.clear(),this.#Z=void 0;for(const e of this._rowPool)e.remove();this._rowPool.length=0,this.__rowsBodyEl=null,this.#k=!1}attributeChangedCallback(e,t,i){if("loading"===e){const e=null!==i&&"false"!==i;return void(this.loading!==e&&(this.loading=e))}if(t!==i&&i&&"null"!==i&&"undefined"!==i)if("rows"===e||"columns"===e||"grid-config"===e)try{const t=JSON.parse(i);"rows"===e?this.rows=t:"columns"===e?this.columns=t:"grid-config"===e&&(this.gridConfig=t)}catch{console.warn(`[tbw-grid] Invalid JSON for '${e}' attribute:`,i)}else"fit-mode"===e&&(this.fitMode=i)}#De(){const e=this.#P.querySelector(".tbw-grid-content")??this.#P.querySelector(".tbw-grid-root");if(this._headerRowEl=e?.querySelector(".header-row"),this._virtualization.totalHeightEl=e?.querySelector(".faux-vscroll-spacer"),this._virtualization.viewportEl=e?.querySelector(".rows-viewport"),this._bodyEl=e?.querySelector(".rows"),this.__rowsBodyEl=e?.querySelector(".rows-body"),this.#ie.isInitialized){Le(this.#P,this.#te),Me(this.#P,this.#s?.shell,this.#te);const e=this.#s?.shell?.toolPanel?.defaultOpen;e&&this.#te.toolPanels.has(e)&&(this.openToolPanel(),this.#te.expandedSections.add(e))}if(this.setAttribute("data-upgraded",""),this.#k=!0,this._resizeController=fe(this),this.#Ee(),this.#Me(e),this.#Q)return;this.#Q=!0;const t=this.disconnectSignal;K(this,this,this.#P,t),this.#He(),queueMicrotask(()=>this.#qe()),this.#I.requestPhase(ue.FULL,"afterConnect")}#He(){const e=this.#s.rowHeight,t=this.#K.hasRowHeightPlugin();"function"==typeof e||t?this._virtualization.variableHeights||(this._virtualization.variableHeights=!0,this._virtualization.rowHeight="number"==typeof e&&e>0?e:this._virtualization.rowHeight||28,this.#$e(),"function"!=typeof e&&(this.#W=!0)):!t&&"function"!=typeof e&&this._virtualization.variableHeights?(this._virtualization.variableHeights=!1,this._virtualization.positionCache=null):"number"==typeof e&&e>0?(this._virtualization.rowHeight=e,this._virtualization.variableHeights=!1):requestAnimationFrame(()=>this.#We())}#We(){if(this.#K.hasExtraHeight())return;const e=this._bodyEl?.querySelector(".data-grid-row");if(!e)return;const t=e.querySelectorAll(".cell");let i=0;t.forEach(e=>{const t=e.offsetHeight;t>i&&(i=t)});const o=e.getBoundingClientRect(),n=Math.max(o.height,i);n>0&&Math.abs(n-this._virtualization.rowHeight)>1&&(this._virtualization.rowHeight=n,this.#I.requestPhase(ue.VIRTUALIZATION,"measureRowHeight"))}#Se(){const e=this._bodyEl?.querySelector(".data-grid-row");if(!e)return;const t=e.querySelectorAll(".cell");let i=0;t.forEach(e=>{const t=e.offsetHeight;t>i&&(i=t)});const o=e.getBoundingClientRect(),n=Math.max(o.height,i);if(n>0){if(Math.abs(n-this._virtualization.rowHeight)>1&&(this._virtualization.rowHeight=n),this.#$e(),this._virtualization.totalHeightEl){const e=this.#Ce(this._rows.length);this._virtualization.totalHeightEl.style.height=`${e}px`}}}#Me(e){this.#J?.abort(),this.#J=new AbortController;const t=this.#J.signal,i=e?.querySelector(".faux-vscroll"),o=e?.querySelector(".rows");if(this._virtualization.container=i??this,this.#$=this.#K?.getAll().some(e=>e.onScroll)??!1,i&&o){i.addEventListener("scroll",()=>{if(!this._virtualization.enabled&&!this.#$)return;const e=i.scrollTop,t=this._virtualization.rowHeight;if(this._rows.length<=this._virtualization.bypassThreshold)o.style.transform=`translateY(${-e}px)`;else{const i=this._virtualization.positionCache;let n,r;if(this._virtualization.variableHeights&&i&&i.length>0){n=tt(i,e),-1===n&&(n=0);const o=n-n%2;r=i[o]?.offset??o*t}else{n=Math.floor(e/t);r=(n-n%2)*t}const s=-(e-r);o.style.transform=`translateY(${s}px)`}this.#q=e,this.#N||(this.#N=requestAnimationFrame(()=>{this.#N=0,null!==this.#q&&(this.#Fe(this.#q),this.#q=null)}))},{passive:!0,signal:t});const e=this.#P.querySelector(".tbw-scroll-area");this.#ee=e,this._virtualization.scrollAreaEl=e,e&&this.#$&&e.addEventListener("scroll",()=>{const t=this.#j;t.scrollTop=i.scrollTop,t.scrollLeft=e.scrollLeft,t.scrollHeight=i.scrollHeight,t.scrollWidth=e.scrollWidth,t.clientHeight=i.clientHeight,t.clientWidth=e.clientWidth,this.#K?.onScroll(t)},{passive:!0,signal:t});const n=this.#P.querySelector(".tbw-grid-content"),r=this.#ee;n&&(n.addEventListener("wheel",e=>{const t=e.shiftKey||Math.abs(e.deltaX)>Math.abs(e.deltaY);if(t&&r){const t=e.shiftKey?e.deltaY:e.deltaX,{scrollLeft:i,scrollWidth:o,clientWidth:n}=r;(t>0&&i<o-n||t<0&&i>0)&&(e.preventDefault(),r.scrollLeft+=t)}else if(!t){const{scrollTop:t,scrollHeight:o,clientHeight:n}=i;(e.deltaY>0&&t<o-n||e.deltaY<0&&t>0)&&(e.preventDefault(),i.scrollTop+=e.deltaY)}},{passive:!1,signal:t}),Ge(n,this.#V,{fauxScrollbar:i,scrollArea:r},t))}var n,r,s;this._bodyEl&&(n=this,r=this._bodyEl,s=t,r.addEventListener("mousedown",e=>{const t=e.target.closest(".cell[data-col]");t&&(t.classList.contains("editing")||(e.preventDefault(),Y(n,t)))},{signal:s}),r.addEventListener("click",e=>{const t=e.target.closest(".data-grid-row");if(t&&B(n,e,t),!document.activeElement?.closest(".cell.editing")){const t=e.target.closest("tbw-grid");t&&t.focus({preventScroll:!0})}},{signal:s}),r.addEventListener("dblclick",e=>{const t=e.target.closest(".data-grid-row");t&&B(n,e,t)},{signal:s})),this.#G?.disconnect(),this._virtualization.viewportEl&&(this.#G=new ResizeObserver(()=>{this.#Ue(),this.#I.requestPhase(ue.VIRTUALIZATION,"resize-observer")}),this.#G.observe(this._virtualization.viewportEl)),this.#P.addEventListener("focusin",()=>{this.dataset.hasFocus=""},{signal:t}),this.#P.addEventListener("focusout",e=>{const t=e.relatedTarget;t&&(this.#P.contains(t)||this.#Ve(t))||delete this.dataset.hasFocus},{signal:t})}#ye=!1;#_e(){if(this.#ye)return;const e=this._bodyEl?.querySelector(".data-grid-row");e&&(this.#ye=!0,this.#X?.disconnect(),this.#X=new ResizeObserver(()=>{this.#We()}),this.#X.observe(e))}addEventListener(e,t,i){super.addEventListener(e,t,i)}removeEventListener(e,t,i){super.removeEventListener(e,t,i)}#Re(e,t){this.dispatchEvent(new CustomEvent(e,{detail:t,bubbles:!0,composed:!0}))}#qe(){const e=this._bodyEl?.querySelectorAll(".data-grid-row");e?.forEach((e,t)=>{const i=t===this._focusRow;e.setAttribute("aria-selected",String(i)),e.querySelectorAll(".cell").forEach((e,t)=>{e.setAttribute("aria-selected",String(i&&t===this._focusCol))})})}#he(e){this.#D[e]=!0,this.#O||(this.#O=!0,queueMicrotask(()=>this.#Be()))}#Be(){if(!this.#O||!this.#k)return void(this.#O=!1);const e=this.#D;if(this.#O=!1,this.#D={rows:!1,columns:!1,gridConfig:!1,fitMode:!1},e.gridConfig)return this.#Ge(),void(e.rows&&this.#Xe());e.columns&&this.#Ye(),e.rows&&this.#Xe(),e.fitMode&&this.#je()}#Xe(){this._rows=Array.isArray(this.#L)?[...this.#L]:[],this.#Ke(),this.#I.requestPhase(ue.ROWS,"applyRowsUpdate")}#Ke(){this.#ce.clear();const e=this.#s.getRowId;this._rows.forEach((t,i)=>{const o=this.#Ze(t,e);void 0!==o&&this.#ce.set(o,{row:t,index:i})})}#Ze(e,t){if(t)return t(e);const i=e;return"id"in i&&null!=i.id?String(i.id):"_id"in i&&null!=i._id?String(i._id):void 0}#Qe(e,t){const i=this.#Ze(e,t);if(void 0===i)throw new Error('[tbw-grid] Cannot determine row ID. Configure getRowId in gridConfig or ensure rows have an "id" property.');return i}#Ye(){F(this),this.#z.merge(),this.#Ee()}#je(){this.#z.merge();"fixed"===this.#s.fitMode?(this.__didInitialAutoSize=!1,s(this)):(this._columns.forEach(e=>{!e.__userResized&&e.__autoSized&&delete e.width}),c(this))}#Ge(){Te(this,this.#te),He(this,this.#te);const e=!!this.#P.querySelector(".has-shell"),t=!!this.#P.querySelector(".tbw-tool-panel"),i=this.#P.querySelectorAll(".tbw-accordion-section").length;this.#z.parseLightDomColumns(this),this.#z.merge(),this.#we(),Pe(this,this.#te,this.#ze()),this.#z.markSourcesChanged(),this.#z.merge();const o=Ae(this.#s?.shell),n=(this.#s?.shell?.toolPanels?.length??0)>0,r=this.#s?.shell?.toolPanels?.length??0;if(e!==o||!t&&n||t&&r!==i)return Oe(this.#te),this.#Oe(),this.#Te(),this.#De(),void this.#Ke();e&&this.#Je(),this.#Ke(),this.#I.requestPhase(ue.COLUMNS,"applyGridConfigUpdate")}#Je(){const e=this.#P.querySelector(".tbw-shell-header");if(!e)return;const t=this.#s.shell?.header?.title??this.#te.lightDomTitle;let i=e.querySelector(".tbw-shell-title");t?(i||(i=document.createElement("h2"),i.className="tbw-shell-title",i.setAttribute("part","shell-title"),e.insertBefore(i,e.firstChild)),i.textContent=t):i&&i.remove()}#me(){if(this.__rowRenderEpoch++,this.#K){const e=this.#de.length>0?this.#de:this._columns,t=e.filter(e=>!e.hidden),i=e.filter(e=>e.hidden),o=this.#K.processColumns([...t]);if(o!==t){const n=new Set(o.map(e=>e.field));!t.some(e=>n.has(e.field))&&o.length>0?this._columns=[...o,...i]:this._columns=this.#et(e,o,i)}else this._columns=[...e]}}#et(e,t,i){if(0===i.length)return t;const o=/* @__PURE__ */new Map;for(const l of t)o.set(l.field,l);const n=new Set(e.map(e=>e.field)),r=[];for(const l of t)n.has(l.field)||r.push(l);const s=[];for(const l of e){const e=o.get(l.field);e?s.push(e):l.hidden&&s.push(l)}return s.push(...r),s}#ve(){F(this);const e=function(e,t){if(!e._sortState)return t;e.__originalOrder=[...t];const i=(e.effectiveConfig?.sortHandler??Q)(t,e._sortState,e._columns);return i&&"function"==typeof i.then?t:i}(this,Array.isArray(this.#L)?[...this.#L]:[]),t=this.#K?.processRows(e)??e;this._rows=t,this.#Ke(),this._virtualization.variableHeights&&this.#$e()}#xe(e){const i={...t,...e.animation},o=i.mode??"reduced-motion";let n=1;!1===o||"off"===o?n=0:!0!==o&&"on"!==o||(n=1),this.style.setProperty("--tbw-animation-duration",`${i.duration}ms`),this.style.setProperty("--tbw-animation-easing",i.easing??"ease-out"),this.style.setProperty("--tbw-animation-enabled",String(n)),this.dataset.animationMode="boolean"==typeof o?o?"on":"off":o}#tt(e,t,i=this.__rowRenderEpoch){if(this.#U||(this.#U=(e,t,i)=>this.#K?.renderRow(e,t,i)??!1),function(e,t,i,o,n){const r=Math.max(0,i-t),s=e._bodyEl,l=e._visibleColumns,a=l.length;let c=e.__cachedHeaderRowCount;for(void 0===c&&(c=e.querySelector(".header-group-row")?2:1,e.__cachedHeaderRowCount=c);e._rowPool.length<r;){const t=W();e._rowPool.push(t)}if(e._rowPool.length>r){for(let t=r;t<e._rowPool.length;t++){const i=e._rowPool[t];i.parentNode===s&&i.remove()}e._rowPool.length=r}const d=n&&!1!==e.__hasRenderRowPlugins,h=e._hasAfterRowRenderHook?.()??!1;for(let g=0;g<r;g++){const i=t+g,r=e._rows[i],f=e._rowPool[g];if(f.setAttribute("aria-rowindex",String(i+c+1)),d&&n(r,f,i)){f.__epoch=o,f.__rowDataRef=r,f.parentNode!==s&&s.appendChild(f);continue}const p=f.__epoch,w=f.__rowDataRef;let b=f.children.length;b>a&&f.lastElementChild?.classList.contains("tbw-row-loading-overlay")&&b--;const m=p===o&&b===a,v=w!==r,C=!!e._isGridEditMode;let y=!1;if(m&&v)for(let e=0;e<a;e++)if(l[e].externalView&&!f.querySelector(`.cell[data-col="${e}"] [data-external-view]`)){y=!0;break}if(!m||y){const t=D(f),n=C||e._activeEditRows===i;t&&!n?(f.__isCustomRow&&(f.className="data-grid-row",f.setAttribute("role","row"),f.__isCustomRow=!1),I(f),V(e,f,r,i),f.__epoch=o,f.__rowDataRef=r):t&&n?(U(e,f,r,i),f.__rowDataRef=r):(f.__isCustomRow&&(f.className="data-grid-row",f.setAttribute("role","row"),f.__isCustomRow=!1),V(e,f,r,i),f.__epoch=o,f.__rowDataRef=r)}else if(v){const t=D(f),n=C||e._activeEditRows===i;t&&!n?(I(f),V(e,f,r,i),f.__epoch=o,f.__rowDataRef=r):(U(e,f,r,i),f.__rowDataRef=r)}else{const t=D(f),n=C||e._activeEditRows===i;t&&!n?(I(f),V(e,f,r,i),f.__epoch=o,f.__rowDataRef=r):U(e,f,r,i)}let _=!1;const S=e.changedRowIds;if(S&&S.length>0)try{const t=e.getRowId?.(r);t&&(_=S.includes(t))}catch{}_!==f.classList.contains("changed")&&f.classList.toggle("changed",_);const R=e.effectiveConfig?.rowClass;if(R){const e=f.getAttribute("data-dynamic-classes");e&&e.split(" ").forEach(e=>e&&f.classList.remove(e));try{const e=R(r);if(e&&e.length>0){const t=e.filter(e=>e&&"string"==typeof e);t.forEach(e=>f.classList.add(e)),f.setAttribute("data-dynamic-classes",t.join(" "))}else f.removeAttribute("data-dynamic-classes")}catch(u){console.warn("[tbw-grid] rowClass callback error:",u),f.removeAttribute("data-dynamic-classes")}}h&&e._afterRowRender?.({row:r,rowIndex:i,rowElement:f}),f.parentNode!==s&&s.appendChild(f)}}(this,e,t,i,this.#U),this.#se.size>0)for(const o of this.#se)this.#ge(o,!0)}#it={rowCount:-1,colCount:-1,ariaLabel:void 0,ariaDescribedBy:void 0};#ot(e,t){!function(e,t,i,o,n){if(o===e.rowCount&&n===e.colCount)return!1;const r=e.rowCount;e.rowCount=o,e.colCount=n,t&&(t.setAttribute("aria-rowcount",String(o)),t.setAttribute("aria-colcount",String(n))),o!==r&&i&&(o>0?i.setAttribute("role","rowgroup"):i.removeAttribute("role"))}(this.#it,this.__rowsBodyEl,this._bodyEl,e,t)}#be(){!function(e,t,i,o){if(!t)return!1;let n=!1;const r=function(e,t){const i=e?.gridAriaLabel;return i||(e?.shell?.header?.title??t?.lightDomTitle??void 0)}(i,o);r!==e.ariaLabel&&(e.ariaLabel=r,r?t.setAttribute("aria-label",r):t.removeAttribute("aria-label"),n=!0);const s=i?.gridAriaDescribedBy;s!==e.ariaDescribedBy&&(e.ariaDescribedBy=s,s?t.setAttribute("aria-describedby",s):t.removeAttribute("aria-describedby"),n=!0)}(this.#it,this.__rowsBodyEl,this.#s,this.#te)}#ue(){const e=this.querySelector(".tbw-grid-root");var t;e&&(this.#re?(this.#ae||(this.#ae=function(e){const t=document.createElement("div");return t.className="tbw-loading-overlay",t.setAttribute("role","status"),t.setAttribute("aria-live","polite"),t.appendChild(de("large",e)),t}(this.#s?.loadingRenderer)),function(e,t){e.appendChild(t)}(e,this.#ae)):(t=this.#ae,t?.remove()))}#ge(e,t){const i=this.#ce.get(e);if(!i)return;const o=this.findRenderedRowElement?.(i.index);o&&function(e,t){if(t){if(e.classList.add("tbw-row-loading"),e.setAttribute("aria-busy","true"),!e.querySelector(".tbw-row-loading-overlay")){const t=document.createElement("div");t.className="tbw-row-loading-overlay",t.setAttribute("aria-hidden","true");const i=document.createElement("div");i.className="tbw-row-loading-spinner",t.appendChild(i),e.appendChild(t)}}else e.classList.remove("tbw-row-loading"),e.removeAttribute("aria-busy"),e.querySelector(".tbw-row-loading-overlay")?.remove()}(o,t)}#fe(e,t,i){const o=this.#ce.get(e);if(!o)return;const n=this.findRenderedRowElement?.(o.index);if(!n)return;const r=this._visibleColumns.findIndex(e=>e.field===t);if(r<0)return;const s=n.children[r];s&&function(e,t){t?(e.classList.add("tbw-cell-loading"),e.setAttribute("aria-busy","true")):(e.classList.remove("tbw-cell-loading"),e.removeAttribute("aria-busy"))}(s,i)}#Ee(){if(this.isConnected&&this._headerRowEl&&this._bodyEl){if(this.#z.parseLightDomColumns(this),this.#h){const e=this.#h;this.#h=void 0,this.#z.merge();const t=this.#K?.getAll()??[];this.#z.applyState(e,t)}this._bodyEl&&(this._bodyEl.style.display="",this._bodyEl.style.gridTemplateColumns=""),this.#I.requestPhase(ue.FULL,"setup")}}#Fe(e){let t=0,i=0,o=0,n=0,r=0;if(this.#$){const e=this._virtualization.container,s=this.#ee;t=s?.scrollLeft??0,i=e?.scrollHeight??0,o=s?.scrollWidth??0,n=e?.clientHeight??0,r=s?.clientWidth??0}if(this.refreshVirtualWindow(!1)&&this.#K?.onScrollRender(),this._virtualization.variableHeights&&(this.#F&&clearTimeout(this.#F),this.#F=window.setTimeout(()=>{this.#F=0,this.#nt(this._virtualization.start,this._virtualization.end)},100)),this.#$){const s=this.#j;s.scrollTop=e,s.scrollLeft=t,s.scrollHeight=i,s.scrollWidth=o,s.clientHeight=n,s.clientWidth=r,this.#K?.onScroll(s)}}findHeaderRow(){return this.#P.querySelector(".header-row")}findRenderedRowElement(e){return Array.from(this._bodyEl.querySelectorAll(".data-grid-row")).find(t=>{const i=t.querySelector(".cell[data-row]");return i&&Number(i.getAttribute("data-row"))===e})||null}_dispatchCellClick(e,t,i,o){const n=this._rows[t],r=this._visibleColumns[i];if(!n||!r)return!1;const s=r.field,l=n[s],a=new CustomEvent("cell-activate",{cancelable:!0,bubbles:!0,composed:!0,detail:{rowIndex:t,colIndex:i,column:r,field:s,value:l,row:n,cellEl:o,trigger:"pointer",originalEvent:e}});if(this.dispatchEvent(a),a.defaultPrevented)return!0;const c={row:n,rowIndex:t,colIndex:i,column:r,field:s,value:l,cellEl:o,originalEvent:e},d=this.#K?.onCellClick(c)??!1;return this.#Re("cell-click",c),d}_dispatchRowClick(e,t,i,o){if(!i)return!1;const n={rowIndex:t,row:i,rowEl:o,originalEvent:e},r=this.#K?.onRowClick(n)??!1;return this.#Re("row-click",n),r}_dispatchHeaderClick(e,t,i){if(!t)return!1;const o={colIndex:this._columns.indexOf(t),field:t.field,column:t,headerEl:i,originalEvent:e};return this.#K?.onHeaderClick(o)??!1}_dispatchKeyDown(e){return this.#K?.onKeyDown(e)??!1}_getHorizontalScrollOffsets(e,t){return this.#K?.getHorizontalScrollOffsets(e,t)??{left:0,right:0}}queryPlugins(e){return this.#K?.queryPlugins(e)??[]}query(e,t){return this.#K?.queryPlugins({type:e,context:t})??[]}_dispatchCellMouseDown(e){return this.#K?.onCellMouseDown(e)??!1}_dispatchCellMouseMove(e){this.#K?.onCellMouseMove(e)}_dispatchCellMouseUp(e){this.#K?.onCellMouseUp(e)}_afterCellRender(e){this.#K?.afterCellRender(e)}_hasAfterCellRenderHook(){return this.#K?.hasAfterCellRenderHook()??!1}_afterRowRender(e){this.#K?.afterRowRender(e)}_hasAfterRowRenderHook(){return this.#K?.hasAfterRowRenderHook()??!1}async ready(){return this.#S}async forceLayout(){return this.#I.requestPhase(ue.FULL,"forceLayout"),this.#I.whenReady()}async getConfig(){return Object.freeze({...this.#s||{}})}getRowId(e){return this.#Qe(e,this.#s.getRowId)}getRow(e){return this.#ce.get(e)?.row}_getRowEntry(e){return this.#ce.get(e)}updateRow(e,t,i="api"){const o=this.#ce.get(e);if(!o)throw new Error(`[tbw-grid] Row with ID "${e}" not found. Ensure the row exists and getRowId is correctly configured.`);const{row:n,index:r}=o,s=[];for(const[l,a]of Object.entries(t)){const e=n[l];e!==a&&(s.push({field:l,oldValue:e,newValue:a}),n[l]=a)}for(const{field:l,oldValue:a,newValue:c}of s)this.#Re("cell-change",{row:n,rowId:e,rowIndex:r,field:l,oldValue:a,newValue:c,changes:t,source:i});s.length>0&&this.#I.requestPhase(ue.ROWS,"updateRow")}updateRows(e,t="api"){let i=!1;for(const{id:o,changes:n}of e){const e=this.#ce.get(o);if(!e)throw new Error(`[tbw-grid] Row with ID "${o}" not found. Ensure the row exists and getRowId is correctly configured.`);const{row:r,index:s}=e;for(const[l,a]of Object.entries(n)){const e=r[l];e!==a&&(i=!0,r[l]=a,this.#Re("cell-change",{row:r,rowId:o,rowIndex:s,field:l,oldValue:e,newValue:a,changes:n,source:t}))}}i&&this.#I.requestPhase(ue.ROWS,"updateRows")}animateRow(e,t){return ve(this,e,t)}animateRows(e,t){return function(e,t,i){return Promise.all(t.map(t=>ve(e,t,i))).then(e=>e.filter(Boolean).length)}(this,e,t)}animateRowById(e,t){return function(e,t,i){const o=e._rows??[],n=e.getRowId;if(!n)return Promise.resolve(!1);const r=o.findIndex(e=>{if(null==e)return!1;try{return n(e)===t}catch{return!1}});return r<0?Promise.resolve(!1):ve(e,r,i)}(this,e,t)}async insertRow(e,t,i=!0){const o=Math.max(0,Math.min(e,this._rows.length));this.#L=[...this.#L,t];const n=[...this._rows];n.splice(o,0,t),this._rows=n,this._sortState&&(this.__originalOrder=[...this.__originalOrder,t]),F(this),this.#Ke(),this.__rowRenderEpoch++;for(const r of this._rowPool)r.__epoch=-1;this.refreshVirtualWindow(!0),i&&(await new Promise(e=>requestAnimationFrame(()=>e())),await this.animateRow(o,"insert"))}async removeRow(e,t=!0){const i=this._rows[e];if(!i)return;t&&await this.animateRow(e,"remove");const o=this._rows.indexOf(i);if(o<0)return i;const n=[...this._rows];n.splice(o,1),this._rows=n;const r=this.#L.indexOf(i);if(r>=0){const e=[...this.#L];e.splice(r,1),this.#L=e}if(this._sortState){const e=this.__originalOrder.indexOf(i);if(e>=0){const t=[...this.__originalOrder];t.splice(e,1),this.__originalOrder=t}}F(this),this.#Ke(),this.__rowRenderEpoch++;for(const s of this._rowPool)s.__epoch=-1;return this.refreshVirtualWindow(!0),t&&requestAnimationFrame(()=>{this.querySelectorAll('[data-animating="remove"]').forEach(e=>{e.removeAttribute("data-animating")})}),i}suspendProcessing(){}setColumnVisible(e,t){const i=this.#z.setColumnVisible(e,t);return i&&this.requestStateChange(),i}toggleColumnVisibility(e){const t=this.#z.toggleColumnVisibility(e);return t&&this.requestStateChange(),t}isColumnVisible(e){return this.#z.isColumnVisible(e)}showAllColumns(){this.#z.showAllColumns(),this.requestStateChange()}getAllColumns(){return this.#z.getAllColumns()}setColumnOrder(e){this.#z.setColumnOrder(e),this.requestStateChange()}getColumnOrder(){return this.#z.getColumnOrder()}getColumnState(){const e=this.#K?.getAll()??[];return this.#z.collectState(e)}set columnState(e){e&&(this.#h=e,this.#z.initialColumnState=e,this.#M&&this.#rt(e))}get columnState(){return this.getColumnState()}#rt(e){const t=this.#K?.getAll()??[];this.#z.applyState(e,t),this.#Ee()}requestStateChange(){const e=this.#K?.getAll()??[];this.#z.requestStateChange(e)}resetColumnState(){this.#h=void 0,this.__originalOrder=[];const e=this.#K?.getAll()??[];this.#z.resetState(e),this.#z.merge(),this.#Ee()}get isToolPanelOpen(){return this.#ie.isPanelOpen}get defaultRowHeight(){return this._virtualization.rowHeight}get expandedToolPanelSections(){return this.#ie.expandedSections}openToolPanel(){this.#ie.openToolPanel()}closeToolPanel(){this.#ie.closeToolPanel()}toggleToolPanel(){this.#ie.toggleToolPanel()}toggleToolPanelSection(e){this.#ie.toggleToolPanelSection(e)}getToolPanels(){return this.#ie.getToolPanels()}registerToolPanel(e){this.#te.apiToolPanelIds.add(e.id),this.#ie.registerToolPanel(e)}unregisterToolPanel(e){this.#te.apiToolPanelIds.delete(e),this.#ie.unregisterToolPanel(e)}getHeaderContents(){return this.#ie.getHeaderContents()}registerHeaderContent(e){this.#ie.registerHeaderContent(e)}unregisterHeaderContent(e){this.#ie.unregisterHeaderContent(e)}getToolbarContents(){return this.#ie.getToolbarContents()}registerToolbarContent(e){this.#ie.registerToolbarContent(e)}unregisterToolbarContent(e){this.#ie.unregisterToolbarContent(e)}#st=!1;refreshShellHeader(){this.#st||(this.#st=!0,queueMicrotask(()=>{this.#st=!1,this.isConnected&&(this.#ke(),this.#z.markSourcesChanged(),this.#z.merge(),Oe(this.#te),this.#Oe(),this.#Te(),this.#lt())}))}#lt(){const e=this.#P.querySelector(".tbw-grid-content")??this.#P.querySelector(".tbw-grid-root");if(this._headerRowEl=e?.querySelector(".header-row"),this._virtualization.totalHeightEl=e?.querySelector(".faux-vscroll-spacer"),this._virtualization.viewportEl=e?.querySelector(".rows-viewport"),this._bodyEl=e?.querySelector(".rows"),this.__rowsBodyEl=e?.querySelector(".rows-body"),this.#ie.isInitialized){Le(this.#P,this.#te),Me(this.#P,this.#s?.shell,this.#te);const e=this.#s?.shell?.toolPanel?.defaultOpen;e&&this.#te.toolPanels.has(e)&&(this.openToolPanel(),this.#te.expandedSections.add(e))}this._resizeController=fe(this),this.#Me(e),this.#I.requestPhase(ue.COLUMNS,"shellRefresh")}#Ne=/* @__PURE__ */new Map;registerStyles(e,t){let i=this.#Ne.get(e);i||(i=new CSSStyleSheet,this.#Ne.set(e,i)),i.replaceSync(t),this.#at()}unregisterStyles(e){this.#Ne.delete(e)&&this.#at()}getRegisteredStyles(){return Array.from(this.#Ne.keys())}#at(){const e=Array.from(this.#Ne.values()),t=document.adoptedStyleSheets.filter(e=>!Array.from(this.#Ne.values()).includes(e));document.adoptedStyleSheets=[...t,...e]}#ct=/* @__PURE__ */new Set;#dt=/* @__PURE__ */new Map;registerExternalFocusContainer(e){if(this.#ct.has(e))return;this.#ct.add(e);const t=new AbortController,i=t.signal;e.addEventListener("focusin",()=>{this.dataset.hasFocus=""},{signal:i}),e.addEventListener("focusout",e=>{const t=e.relatedTarget;t&&this.containsFocus(t)||delete this.dataset.hasFocus},{signal:i}),this.#dt.set(e,()=>t.abort())}unregisterExternalFocusContainer(e){this.#ct.delete(e);const t=this.#dt.get(e);t&&(t(),this.#dt.delete(e))}containsFocus(e){const t=e??document.activeElement;return!!t&&(!!this.contains(t)||this.#Ve(t))}#Ve(e){for(const t of this.#ct)if(t.contains(e))return!0;return!1}#ke(){Te(this,this.#te),He(this,this.#te),Pe(this,this.#te,this.#ze())}#ht(){const e=this.#P.querySelector(".tbw-shell-header");if(!e)return;Oe(this.#te);const t=function(e,t,i="☰"){const o=e?.header?.title??t.lightDomTitle??"",n=!!o,r=xe(i),s=e?.header?.toolbarContents??[],l=[...t.toolbarContents.values()],a=new Set(s.map(e=>e.id)),c=[...s];for(const w of l)a.has(w.id)||c.push(w);const d=c.length>0,h=t.toolPanels.size>0,u=d&&h,g=[...c].sort((e,t)=>(e.order??0)-(t.order??0));let f="";for(const w of g)f+=`<div class="tbw-toolbar-content-slot" data-toolbar-content="${w.id}"></div>`;if(u&&(f+='<div class="tbw-toolbar-separator"></div>'),h){const e=t.isPanelOpen;f+=`<button class="${e?"tbw-toolbar-btn active":"tbw-toolbar-btn"}" data-panel-toggle title="Settings" aria-label="Toggle settings panel" aria-pressed="${e}" aria-controls="tbw-tool-panel">${r}</button>`}return`\n    <div class="tbw-shell-header" part="shell-header" role="presentation">\n      ${n?`<div class="tbw-shell-title">${p=o,p&&"string"==typeof p?p.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;"):""}</div>`:""}\n      <div class="tbw-shell-content" part="shell-content" role="presentation" data-light-dom-header-content></div>\n      <div class="tbw-shell-toolbar" part="shell-toolbar" role="presentation">\n        ${f}\n      </div>\n    </div>\n  `;var p}(this.#s.shell,this.#te,this.#s.icons?.toolPanel),i=document.createElement("div");i.innerHTML=t;const o=i.firstElementChild;o&&(e.replaceWith(o),this.#ut(),Me(this.#P,this.#s?.shell,this.#te))}#Ie(){const e=()=>{const e=this.#te.lightDomTitle,t=this.#te.hasToolButtonsContainer;this.#ke();const i=this.#te.lightDomTitle,o=this.#te.hasToolButtonsContainer;(i&&!e||o&&!t)&&(this.#z.markSourcesChanged(),this.#z.merge(),this.#ht())},t=()=>{this.__lightDomColumnsCache=void 0,this.#Ee()};this.#z.registerLightDomHandler("tbw-grid-header",e),this.#z.registerLightDomHandler("tbw-grid-tool-buttons",e),this.#z.registerLightDomHandler("tbw-grid-tool-panel",e),this.#z.registerLightDomHandler("tbw-grid-column",t),this.#z.registerLightDomHandler("tbw-grid-detail",t),this.#z.observeLightDOM(this)}refreshColumns(){this.__lightDomColumnsCache=void 0,F(this),this.#z.parseLightDomColumns(this);const e=this.#te.lightDomTitle,t=this.#te.hasToolButtonsContainer;this.#ke();const i=this.#te.lightDomTitle,o=this.#te.hasToolButtonsContainer;(i&&!e||o&&!t)&&(this.#z.markSourcesChanged(),this.#z.merge(),this.#ht()),this.#I.requestPhase(ue.COLUMNS,"refreshColumns")}#Ue(){const e=this._virtualization.container,t=this._virtualization.viewportEl??e;t&&(this._virtualization.cachedViewportHeight=t.clientHeight),e&&(this._virtualization.cachedFauxHeight=e.clientHeight);const i=this._virtualization.scrollAreaEl;i&&(this._virtualization.cachedScrollAreaHeight=i.clientHeight)}#Ce(e,t=!1){const i=this._virtualization;let o,n,r;if(t){const e=i.container??this,t=i.viewportEl??e,s=i.scrollAreaEl;o=e.clientHeight,n=t.clientHeight,r=s?s.clientHeight:o,i.cachedFauxHeight=o,i.cachedViewportHeight=n,i.cachedScrollAreaHeight=r}else o=i.cachedFauxHeight,n=i.cachedViewportHeight,r=i.cachedScrollAreaHeight||o;const s=r-n,l=Math.max(0,o-r);let a,c=0;i.variableHeights&&i.positionCache?a=function(e){if(0===e.length)return 0;const t=e[e.length-1];return t.offset+t.height}(i.positionCache):(a=e*i.rowHeight,c=this.#K?.getExtraHeight()??0);return a+s+c+l}#$e(){if(!this._virtualization.variableHeights)return;const e=this._rows,t=this._virtualization.rowHeight||28,i=this.#s.rowHeight,o=this.#s.getRowId,n=o?e=>o(e):void 0;this._virtualization.positionCache=function(e,t,i,o,n){const r=new Array(e.length);let s=0;for(let l=0;l<e.length;l++){const a=e[l];let c=n?.(a,l),d=void 0!==c;void 0===c&&(c=Je(t,a,o.rowId),d=void 0!==c),void 0===c&&(c=i,d=!1),r[l]={offset:s,height:c,measured:d},s+=c}return r}(e,this._virtualization.heightCache,t,{rowId:n},(e,t)=>{const o=this.#K?.getRowHeight?.(e,t);if(void 0!==o)return o;if(i){const o=i(e,t);if(void 0!==o&&o>0)return o}});const r=function(e,t,i,o){let n=0,r=0;for(let s=0;s<e.length;s++){const i=e[s];if(i.measured){const e=o?.(t[s],s);void 0===e&&(r+=i.height,n++)}}return{measuredCount:n,averageHeight:n>0?r/n:i}}(this._virtualization.positionCache,e,t,(e,t)=>this.#K?.getRowHeight?.(e,t));this._virtualization.measuredCount=r.measuredCount,r.measuredCount>0&&(this._virtualization.averageHeight=r.averageHeight)}invalidateRowHeight(e,t){if(!this._virtualization.variableHeights)return;if(!this._virtualization.positionCache)return;if(e<0||e>=this._rows.length)return;const i=this._virtualization.positionCache,o=this._rows[e];let n=t;void 0===n&&(n=this.#K?.getRowHeight?.(o,e)),void 0===n&&(n=this._virtualization.rowHeight);const r=i[e];if(r&&!(Math.abs(r.height-n)<1)&&(et(i,e,n),this._virtualization.totalHeightEl)){const e=this.#Ce(this._rows.length);this._virtualization.totalHeightEl.style.height=`${e}px`}}#nt(e,t){if(!this._virtualization.variableHeights)return;if(!this._virtualization.positionCache)return;if(!this._bodyEl)return;const i=this._bodyEl.querySelectorAll(".data-grid-row"),o=this.#s.getRowId,n=it({positionCache:this._virtualization.positionCache,heightCache:this._virtualization.heightCache,rows:this._rows,defaultHeight:this._virtualization.rowHeight,start:e,end:t,getPluginHeight:(e,t)=>this.#K?.getRowHeight?.(e,t),getRowId:o?e=>o(e):void 0},i);if(n.hasChanges&&(this._virtualization.measuredCount=n.measuredCount,this._virtualization.averageHeight=n.averageHeight,this._virtualization.totalHeightEl)){const e=this.#Ce(this._rows.length);this._virtualization.totalHeightEl.style.height=`${e}px`}}refreshVirtualWindow(e=!1,t=!1){if(!this._bodyEl)return!1;const i=this._rows.length;if(!this._virtualization.enabled)return this.#tt(0,i),t||this.#K?.afterRender(),!0;if(this._rows.length<=this._virtualization.bypassThreshold)return this._virtualization.start=0,this._virtualization.end=i,e&&(this._bodyEl.style.transform="translateY(0px)"),this.#tt(0,i,this.__rowRenderEpoch),e&&this._virtualization.totalHeightEl&&(this._virtualization.totalHeightEl.style.height=`${this.#Ce(i,!0)}px`),this.#ot(i,this._visibleColumns.length),t||this.#K?.afterRender(),!0;const o=this._virtualization.container??this,n=this._virtualization.viewportEl??o,r=e?this._virtualization.cachedViewportHeight=n.clientHeight:this._virtualization.cachedViewportHeight||(this._virtualization.cachedViewportHeight=n.clientHeight),s=this._virtualization.rowHeight,l=o.scrollTop;let a;const c=this._virtualization.positionCache;if(this._virtualization.variableHeights&&c&&c.length>0)a=tt(c,l),-1===a&&(a=0);else{a=Math.floor(l/s);let e=0;const t=10;for(;e<t;){const t=this.#K?.getExtraHeightBefore?.(a)??0,i=Math.floor((l-t)/s);if(i>=a||i<0)break;a=i,e++}}a-=a%2,a<0&&(a=0);const d=this.#K?.adjustVirtualStart(a,l,s);let h;if(void 0!==d&&d<a&&(a=d,a-=a%2,a<0&&(a=0)),this._virtualization.variableHeights&&c&&c.length>0){const e=r+3*s;let t=0;for(h=a;h<i&&t<e;)t+=c[h].height,h++;const o=Math.ceil(r/s)+3;h-a<o&&(h=Math.min(a+o,i))}else{h=a+(Math.ceil(r/s)+3)}h>i&&(h=i);const u=this._virtualization.start,g=this._virtualization.end;if(!e&&a===u&&h===g)return!1;this._virtualization.start=a,this._virtualization.end=h;const f=e?this._virtualization.cachedFauxHeight=o.clientHeight:this._virtualization.cachedFauxHeight||(this._virtualization.cachedFauxHeight=o.clientHeight);if(e){const e=this._virtualization.scrollAreaEl;e&&(this._virtualization.cachedScrollAreaHeight=e.clientHeight)}if(0===f&&r>0)return this.#I.requestPhase(ue.VIRTUALIZATION,"stale-refs-retry"),!1;if(e&&this._virtualization.totalHeightEl){const e=this.#Ce(i);this._virtualization.totalHeightEl.style.height=`${e}px`}let p;if(this._virtualization.variableHeights&&c&&c[a])p=c[a].offset;else{p=a*s+(this.#K?.getExtraHeightBefore?.(a)??0)}const w=-(l-p);return this._bodyEl.style.transform=`translateY(${w}px)`,this.#tt(a,h,this.__rowRenderEpoch),e&&this._virtualization.variableHeights&&this.#nt(a,h),this.#ot(i,this._visibleColumns.length),e&&!t&&(this.#K?.afterRender(),queueMicrotask(()=>{if(!this._virtualization.totalHeightEl)return;const e=this.#Ce(i);0===this._virtualization.cachedFauxHeight&&this._virtualization.cachedViewportHeight>0||(this._virtualization.totalHeightEl.style.height=`${e}px`)})),!0}#Oe(){this.#ke(),this.#z.markSourcesChanged(),this.#z.merge();const e=this.#s?.shell;Ne(this.#P,e,{isPanelOpen:this.#te.isPanelOpen,expandedSections:this.#te.expandedSections},this.#s?.icons)&&(this.#ut(),this.#ie.setInitialized(!0))}#ut(){!function(e,t,i,o){const n=e.querySelector(".tbw-shell-toolbar");n&&n.addEventListener("click",e=>{e.target.closest("[data-panel-toggle]")&&o.onPanelToggle()});const r=e.querySelector(".tbw-accordion");r&&r.addEventListener("click",e=>{const t=e.target.closest(".tbw-accordion-header");if(t){const e=t.closest("[data-section]"),i=e?.getAttribute("data-section");i&&o.onSectionToggle(i)}})}(this.#P,this.#s,this.#te,{onPanelToggle:()=>this.toggleToolPanel(),onSectionToggle:e=>this.toggleToolPanelSection(e)}),this.#oe?.(),this.#oe=function(e,t,i){const o=e.querySelector(".tbw-tool-panel"),n=e.querySelector("[data-resize-handle]"),r=e.querySelector(".tbw-shell-body");if(!o||!n||!r)return()=>{};const s=t?.toolPanel?.position??"right";let l=0,a=0,c=0,d=!1;const h=e=>{if(!d)return;e.preventDefault();const t="left"===s?e.clientX-l:l-e.clientX,i=Math.min(c,Math.max(200,a+t));o.style.width=`${i}px`},u=()=>{if(!d)return;d=!1,n.classList.remove("resizing"),o.style.transition="",document.body.style.cursor="",document.body.style.userSelect="";const e=o.getBoundingClientRect().width;i(e),document.removeEventListener("mousemove",h),document.removeEventListener("mouseup",u)},g=e=>{e.preventDefault(),d=!0,l=e.clientX,a=o.getBoundingClientRect().width,c=r.getBoundingClientRect().width-20,n.classList.add("resizing"),o.style.transition="none",document.body.style.cursor="col-resize",document.body.style.userSelect="none",document.addEventListener("mousemove",h),document.addEventListener("mouseup",u)};return n.addEventListener("mousedown",g),()=>{n.removeEventListener("mousedown",g),document.removeEventListener("mousemove",h),document.removeEventListener("mouseup",u)}}(this.#P,this.#s?.shell,e=>{this.style.setProperty("--tbw-tool-panel-width",`${e}px`)}),this.#ne?.(),this.#ne=function(e,t,i,o){if(!t?.toolPanel?.closeOnClickOutside)return()=>{};const n=e=>{if(!i.isPanelOpen)return;const t=e.target;t&&(t.closest(".tbw-tool-panel")||t.closest("[data-panel-toggle]")||o())};return e.addEventListener("mousedown",n),()=>e.removeEventListener("mousedown",n)}(this,this.#s?.shell,this.#te,()=>this.closeToolPanel())}}customElements.get(st.tagName)||customElements.define(st.tagName,st),globalThis.DataGridElement=st;const lt={CAN_MOVE_COLUMN:"canMoveColumn",GET_CONTEXT_MENU_ITEMS:"getContextMenuItems"};class at{static dependencies;static manifest;version="1.22.0";styles;cellRenderers;headerRenderers;cellEditors;grid;config;userConfig;#gt;get defaultConfig(){return{}}constructor(e={}){this.userConfig=e}attach(e){this.#gt?.abort(),this.#gt=new AbortController,this.grid=e,this.config={...this.defaultConfig,...this.userConfig}}detach(){this.#gt?.abort(),this.#gt=void 0}getPlugin(e){return this.grid?.getPlugin(e)}emit(e,t){this.grid?.dispatchEvent?.(new CustomEvent(e,{detail:t,bubbles:!0}))}emitCancelable(e,t){const i=new CustomEvent(e,{detail:t,bubbles:!0,cancelable:!0});return this.grid?.dispatchEvent?.(i),i.defaultPrevented}on(e,t){this.grid?._pluginManager?.subscribe(this,e,t)}off(e){this.grid?._pluginManager?.unsubscribe(this,e)}emitPluginEvent(e,t){this.grid?._pluginManager?.emitPluginEvent(e,t)}requestRender(){this.grid?.requestRender?.()}requestColumnsRender(){this.grid?.requestColumnsRender?.()}requestRenderWithFocus(){this.grid?.requestRenderWithFocus?.()}requestAfterRender(){this.grid?.requestAfterRender?.()}get rows(){return this.grid?.rows??[]}get sourceRows(){return this.grid?.sourceRows??[]}get columns(){return this.grid?.columns??[]}get visibleColumns(){return this.grid?._visibleColumns??[]}get gridElement(){return this.grid}get disconnectSignal(){return this.#gt?.signal??this.grid?.disconnectSignal}get gridIcons(){const e=this.grid?.gridConfig?.icons??{};return{...o,...e}}get isAnimationEnabled(){const e=this.grid?.effectiveConfig?.animation?.mode??"reduced-motion";if(!1===e||"off"===e)return!1;if(!0===e||"on"===e)return!0;const t=this.gridElement;if(t){return"0"!==getComputedStyle(t).getPropertyValue("--tbw-animation-enabled").trim()}return!0}get animationDuration(){const e=this.gridElement;if(e){const t=getComputedStyle(e).getPropertyValue("--tbw-animation-duration").trim(),i=parseInt(t,10);if(!isNaN(i))return i}return 200}resolveIcon(e,t){return void 0!==t?t:this.gridIcons[e]}setIcon(e,t){"string"==typeof t?e.innerHTML=t:t instanceof HTMLElement&&(e.innerHTML="",e.appendChild(t.cloneNode(!0)))}warn(e){console.warn(`[tbw-grid:${this.name}] ${e}`)}}const ct={ROOT:"tbw-grid-root",HEADER:"header",HEADER_ROW:"header-row",HEADER_CELL:"header-cell",ROWS_VIEWPORT:"rows-viewport",ROWS_SPACER:"rows-spacer",ROWS_CONTAINER:"rows",DATA_ROW:"data-row",GROUP_ROW:"group-row",DATA_CELL:"data-cell",SELECTED:"selected",FOCUSED:"focused",EDITING:"editing",EXPANDED:"expanded",COLLAPSED:"collapsed",DRAGGING:"dragging",RESIZING:"resizing",SORTABLE:"sortable",SORTED_ASC:"sorted-asc",SORTED_DESC:"sorted-desc",HIDDEN:"hidden",STICKY_LEFT:"sticky-left",STICKY_RIGHT:"sticky-right",PINNED_TOP:"pinned-top",PINNED_BOTTOM:"pinned-bottom",TREE_TOGGLE:"tree-toggle",TREE_INDENT:"tree-indent",GROUP_TOGGLE:"group-toggle",GROUP_LABEL:"group-label",GROUP_COUNT:"group-count",RANGE_SELECTION:"range-selection",SELECTION_OVERLAY:"selection-overlay"},dt={ROW_INDEX:"data-row-index",COL_INDEX:"data-col-index",FIELD:"data-field",GROUP_KEY:"data-group-key",TREE_LEVEL:"data-tree-level",STICKY:"data-sticky"},ht={ROOT:`.${ct.ROOT}`,HEADER:`.${ct.HEADER}`,HEADER_ROW:`.${ct.HEADER_ROW}`,HEADER_CELL:`.${ct.HEADER_CELL}`,ROWS_VIEWPORT:`.${ct.ROWS_VIEWPORT}`,ROWS_CONTAINER:`.${ct.ROWS_CONTAINER}`,DATA_ROW:`.${ct.DATA_ROW}`,DATA_CELL:`.${ct.DATA_CELL}`,GROUP_ROW:`.${ct.GROUP_ROW}`,ROW_BY_INDEX:e=>`.${ct.DATA_ROW}[${dt.ROW_INDEX}="${e}"]`,CELL_BY_FIELD:e=>`.${ct.DATA_CELL}[${dt.FIELD}="${e}"]`,CELL_AT:(e,t)=>`.${ct.DATA_ROW}[${dt.ROW_INDEX}="${e}"] .${ct.DATA_CELL}[${dt.COL_INDEX}="${t}"]`,SELECTED_ROWS:`.${ct.DATA_ROW}.${ct.SELECTED}`,EDITING_CELL:`.${ct.DATA_CELL}.${ct.EDITING}`},ut={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",ROW_HEIGHT:"--tbw-row-height",HEADER_HEIGHT:"--tbw-header-height",CELL_PADDING:"--tbw-cell-padding",FONT_FAMILY:"--tbw-font-family",FONT_SIZE:"--tbw-font-size",BORDER_RADIUS:"--tbw-border-radius",FOCUS_OUTLINE:"--tbw-focus-outline"};function gt(e){const t=document.createElement("tbw-grid");return e&&(t.gridConfig=e),t}function ft(e,t=document){return t.querySelector(e)}const pt={CELL_CHANGE:"cell-change",CELL_COMMIT:"cell-commit",ROW_COMMIT:"row-commit",EDIT_OPEN:"edit-open",EDIT_CLOSE:"edit-close",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",CELL_ACTIVATE:"cell-activate",GROUP_TOGGLE:"group-toggle",COLUMN_STATE_CHANGE:"column-state-change"},wt={SELECTION_CHANGE:"selection-change",TREE_EXPAND:"tree-expand",FILTER_CHANGE:"filter-change",SORT_MODEL_CHANGE:"sort-model-change",EXPORT_START:"export-start",EXPORT_COMPLETE:"export-complete",CLIPBOARD_COPY:"clipboard-copy",CLIPBOARD_PASTE:"clipboard-paste",CONTEXT_MENU_OPEN:"context-menu-open",CONTEXT_MENU_CLOSE:"context-menu-close",HISTORY_CHANGE:"history-change",SERVER_LOADING:"server-loading",SERVER_ERROR:"server-error",COLUMN_VISIBILITY_CHANGE:"column-visibility-change",COLUMN_REORDER:"column-reorder",DETAIL_EXPAND:"detail-expand",GROUP_EXPAND:"group-expand"},bt={sum:(e,t)=>e.reduce((e,i)=>e+(Number(i[t])||0),0),avg:(e,t)=>{const i=e.reduce((e,i)=>e+(Number(i[t])||0),0);return e.length?i/e.length:0},count:e=>e.length,min:(e,t)=>e.length?Math.min(...e.map(e=>Number(e[t])||1/0)):0,max:(e,t)=>e.length?Math.max(...e.map(e=>Number(e[t])||-1/0)):0,first:(e,t)=>e[0]?.[t],last:(e,t)=>e[e.length-1]?.[t]},mt=/* @__PURE__ */new Map,vt={register(e,t){mt.set(e,t)},unregister(e){mt.delete(e)},get(e){if(void 0!==e)return"function"==typeof e?e:mt.get(e)??bt[e]},run(e,t,i,o){const n=this.get(e);return n?n(t,i,o):void 0},has:e=>mt.has(e)||e in bt,list:()=>[...Object.keys(bt),...mt.keys()]},Ct={sum:e=>e.reduce((e,t)=>e+t,0),avg:e=>e.length?e.reduce((e,t)=>e+t,0)/e.length:0,count:e=>e.length,min:e=>e.length?Math.min(...e):0,max:e=>e.length?Math.max(...e):0,first:e=>e[0]??0,last:e=>e[e.length-1]??0};function yt(e){return Ct[e]??Ct.sum}function _t(e,t){return yt(e)(t)}const St=vt.register.bind(vt),Rt=vt.unregister.bind(vt),Et=vt.get.bind(vt),xt=vt.run.bind(vt),At=vt.list.bind(vt);export{at as BaseGridPlugin,t as DEFAULT_ANIMATION_CONFIG,o as DEFAULT_GRID_ICONS,pt as DGEvents,st as DataGridElement,O as F,e as FitModeEnum,ut as GridCSSVars,ct as GridClasses,dt as GridDataAttrs,st as GridElement,ht as GridSelectors,lt as PLUGIN_QUERIES,wt as PluginEvents,rt as PluginManager,ue as RenderPhase,C as a,vt as aggregatorRegistry,v as b,Q as builtInSort,ot as c,gt as createGrid,T as d,Z as defaultComparator,G as e,H as f,P as g,Et as getAggregator,yt as getValueAggregator,At as listAggregators,ft as queryGrid,L as r,St as registerAggregator,xt as runAggregator,_t as runValueAggregator,nt as s,Rt as unregisterAggregator};//# sourceMappingURL=index.js.map