@toolbox-web/grid 1.21.1 → 1.22.0

package/lib/plugins/pivot/index.js

@@ -1,1192 +1,2 @@
-const A = '<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>', P = {
-  expand: "▶",
-  collapse: "▼",
-  sortAsc: "▲",
-  sortDesc: "▼",
-  sortNone: "⇅",
-  submenuArrow: "▶",
-  dragHandle: "⋮⋮",
-  toolPanel: "☰",
-  filter: A,
-  filterActive: A,
-  print: "🖨️"
-};
-class k {
-  /**
-   * Plugin dependencies - declare other plugins this one requires.
-   *
-   * Dependencies are validated when the plugin is attached.
-   * Required dependencies throw an error if missing.
-   * Optional dependencies log an info message if missing.
-   *
-   * @example
-   * ```typescript
-   * static readonly dependencies: PluginDependency[] = [
-   *   { name: 'editing', required: true, reason: 'Tracks cell edits for undo/redo' },
-   *   { name: 'selection', required: false, reason: 'Enables selection-based undo' },
-   * ];
-   * ```
-   */
-  static dependencies;
-  /**
-   * Plugin manifest - declares owned properties, config rules, and hook priorities.
-   *
-   * This is read by the configuration validator to:
-   * - Validate that required plugins are loaded when their properties are used
-   * - Execute configRules to detect invalid/conflicting settings
-   * - Order hook execution based on priority
-   *
-   * @example
-   * ```typescript
-   * static override readonly manifest: PluginManifest<MyConfig> = {
-   *   ownedProperties: [
-   *     { property: 'myProp', level: 'column', description: 'the "myProp" column property' },
-   *   ],
-   *   configRules: [
-   *     { id: 'myPlugin/conflict', severity: 'warn', message: '...', check: (c) => c.a && c.b },
-   *   ],
-   * };
-   * ```
-   */
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  static manifest;
-  /**
-   * Plugin version - defaults to grid version for built-in plugins.
-   * Third-party plugins can override with their own semver.
-   */
-  version = typeof __GRID_VERSION__ < "u" ? __GRID_VERSION__ : "dev";
-  /** CSS styles to inject into the grid's shadow DOM */
-  styles;
-  /** Custom cell renderers keyed by type name */
-  cellRenderers;
-  /** Custom header renderers keyed by type name */
-  headerRenderers;
-  /** Custom cell editors keyed by type name */
-  cellEditors;
-  /** The grid instance this plugin is attached to */
-  grid;
-  /** Plugin configuration - merged with defaults in attach() */
-  config;
-  /** User-provided configuration from constructor */
-  userConfig;
-  /**
-   * Plugin-level AbortController for event listener cleanup.
-   * Created fresh in attach(), aborted in detach().
-   * This ensures event listeners are properly cleaned up when plugins are re-attached.
-   */
-  #e;
-  /**
-   * Default configuration - subclasses should override this getter.
-   * Note: This must be a getter (not property initializer) for proper inheritance
-   * since property initializers run after parent constructor.
-   */
-  get defaultConfig() {
-    return {};
-  }
-  constructor(e = {}) {
-    this.userConfig = e;
-  }
-  /**
-   * Called when the plugin is attached to a grid.
-   * Override to set up event listeners, initialize state, etc.
-   *
-   * @example
-   * ```ts
-   * attach(grid: GridElement): void {
-   *   super.attach(grid);
-   *   // Set up document-level listeners with auto-cleanup
-   *   document.addEventListener('keydown', this.handleEscape, {
-   *     signal: this.disconnectSignal
-   *   });
-   * }
-   * ```
-   */
-  attach(e) {
-    this.#e?.abort(), this.#e = new AbortController(), this.grid = e, this.config = { ...this.defaultConfig, ...this.userConfig };
-  }
-  /**
-   * Called when the plugin is detached from a grid.
-   * Override to clean up event listeners, timers, etc.
-   *
-   * @example
-   * ```ts
-   * detach(): void {
-   *   // Clean up any state not handled by disconnectSignal
-   *   this.selectedRows.clear();
-   *   this.cache = null;
-   * }
-   * ```
-   */
-  detach() {
-    this.#e?.abort(), this.#e = void 0;
-  }
-  /**
-   * Get another plugin instance from the same grid.
-   * Use for inter-plugin communication.
-   *
-   * @example
-   * ```ts
-   * const selection = this.getPlugin(SelectionPlugin);
-   * if (selection) {
-   *   const selectedRows = selection.getSelectedRows();
-   * }
-   * ```
-   */
-  getPlugin(e) {
-    return this.grid?.getPlugin(e);
-  }
-  /**
-   * Emit a custom event from the grid.
-   */
-  emit(e, t) {
-    this.grid?.dispatchEvent?.(new CustomEvent(e, { detail: t, bubbles: !0 }));
-  }
-  /**
-   * Emit a cancelable custom event from the grid.
-   * @returns `true` if the event was cancelled (preventDefault called), `false` otherwise
-   */
-  emitCancelable(e, t) {
-    const o = new CustomEvent(e, { detail: t, bubbles: !0, cancelable: !0 });
-    return this.grid?.dispatchEvent?.(o), o.defaultPrevented;
-  }
-  // =========================================================================
-  // Event Bus - Plugin-to-Plugin Communication
-  // =========================================================================
-  /**
-   * Subscribe to an event from another plugin.
-   * The subscription is automatically cleaned up when this plugin is detached.
-   *
-   * @category Plugin Development
-   * @param eventType - The event type to listen for (e.g., 'filter-change')
-   * @param callback - The callback to invoke when the event is emitted
-   *
-   * @example
-   * ```typescript
-   * // In attach() or other initialization
-   * this.on('filter-change', (detail) => {
-   *   console.log('Filter changed:', detail);
-   * });
-   * ```
-   */
-  on(e, t) {
-    this.grid?._pluginManager?.subscribe(this, e, t);
-  }
-  /**
-   * Unsubscribe from a plugin event.
-   *
-   * @category Plugin Development
-   * @param eventType - The event type to stop listening for
-   *
-   * @example
-   * ```typescript
-   * this.off('filter-change');
-   * ```
-   */
-  off(e) {
-    this.grid?._pluginManager?.unsubscribe(this, e);
-  }
-  /**
-   * Emit an event to other plugins via the Event Bus.
-   * This is for inter-plugin communication only; it does NOT dispatch DOM events.
-   * Use `emit()` to dispatch DOM events that external consumers can listen to.
-   *
-   * @category Plugin Development
-   * @param eventType - The event type to emit (should be declared in manifest.events)
-   * @param detail - The event payload
-   *
-   * @example
-   * ```typescript
-   * // Emit to other plugins (not DOM)
-   * this.emitPluginEvent('filter-change', { field: 'name', value: 'Alice' });
-   *
-   * // For DOM events that consumers can addEventListener to:
-   * this.emit('filter-change', { field: 'name', value: 'Alice' });
-   * ```
-   */
-  emitPluginEvent(e, t) {
-    this.grid?._pluginManager?.emitPluginEvent(e, t);
-  }
-  /**
-   * Request a re-render of the grid.
-   * Uses ROWS phase - does NOT trigger processColumns hooks.
-   */
-  requestRender() {
-    this.grid?.requestRender?.();
-  }
-  /**
-   * Request a columns re-render of the grid.
-   * Uses COLUMNS phase - triggers processColumns hooks.
-   * Use this when your plugin needs to reprocess column configuration.
-   */
-  requestColumnsRender() {
-    this.grid?.requestColumnsRender?.();
-  }
-  /**
-   * Request a re-render and restore focus styling afterward.
-   * Use this when a plugin action (like expand/collapse) triggers a render
-   * but needs to maintain keyboard navigation focus.
-   */
-  requestRenderWithFocus() {
-    this.grid?.requestRenderWithFocus?.();
-  }
-  /**
-   * Request a lightweight style update without rebuilding DOM.
-   * Use this instead of requestRender() when only CSS classes need updating.
-   */
-  requestAfterRender() {
-    this.grid?.requestAfterRender?.();
-  }
-  /**
-   * Get the current rows from the grid.
-   */
-  get rows() {
-    return this.grid?.rows ?? [];
-  }
-  /**
-   * Get the original unfiltered/unprocessed rows from the grid.
-   * Use this when you need all source data regardless of active filters.
-   */
-  get sourceRows() {
-    return this.grid?.sourceRows ?? [];
-  }
-  /**
-   * Get the current columns from the grid.
-   */
-  get columns() {
-    return this.grid?.columns ?? [];
-  }
-  /**
-   * Get only visible columns from the grid (excludes hidden).
-   * Use this for rendering that needs to match the grid template.
-   */
-  get visibleColumns() {
-    return this.grid?._visibleColumns ?? [];
-  }
-  /**
-   * Get the grid as an HTMLElement for direct DOM operations.
-   * Use sparingly - prefer the typed GridElementRef API when possible.
-   *
-   * @example
-   * ```ts
-   * const width = this.gridElement.clientWidth;
-   * this.gridElement.classList.add('my-plugin-active');
-   * ```
-   */
-  get gridElement() {
-    return this.grid;
-  }
-  /**
-   * Get the disconnect signal for event listener cleanup.
-   * This signal is aborted when the grid disconnects from the DOM.
-   * Use this when adding event listeners that should be cleaned up automatically.
-   *
-   * Best for:
-   * - Document/window-level listeners added in attach()
-   * - Listeners on the grid element itself
-   * - Any listener that should persist across renders
-   *
-   * Not needed for:
-   * - Listeners on elements created in afterRender() (removed with element)
-   *
-   * @example
-   * element.addEventListener('click', handler, { signal: this.disconnectSignal });
-   * document.addEventListener('keydown', handler, { signal: this.disconnectSignal });
-   */
-  get disconnectSignal() {
-    return this.#e?.signal ?? this.grid?.disconnectSignal;
-  }
-  /**
-   * Get the grid-level icons configuration.
-   * Returns merged icons (user config + defaults).
-   */
-  get gridIcons() {
-    const e = this.grid?.gridConfig?.icons ?? {};
-    return { ...P, ...e };
-  }
-  // #region Animation Helpers
-  /**
-   * Check if animations are enabled at the grid level.
-   * Respects gridConfig.animation.mode and the CSS variable set by the grid.
-   *
-   * Plugins should use this to skip animations when:
-   * - Animation mode is 'off' or `false`
-   * - User prefers reduced motion and mode is 'reduced-motion' (default)
-   *
-   * @example
-   * ```ts
-   * private get animationStyle(): 'slide' | 'fade' | false {
-   *   if (!this.isAnimationEnabled) return false;
-   *   return this.config.animation ?? 'slide';
-   * }
-   * ```
-   */
-  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 t = this.gridElement;
-    return t ? getComputedStyle(t).getPropertyValue("--tbw-animation-enabled").trim() !== "0" : !0;
-  }
-  /**
-   * Get the animation duration in milliseconds from CSS variable.
-   * Falls back to 200ms if not set.
-   *
-   * Plugins can use this for their animation timing to stay consistent
-   * with the grid-level animation.duration setting.
-   *
-   * @example
-   * ```ts
-   * element.animate(keyframes, { duration: this.animationDuration });
-   * ```
-   */
-  get animationDuration() {
-    const e = this.gridElement;
-    if (e) {
-      const t = getComputedStyle(e).getPropertyValue("--tbw-animation-duration").trim(), o = parseInt(t, 10);
-      if (!isNaN(o)) return o;
-    }
-    return 200;
-  }
-  // #endregion
-  /**
-   * Resolve an icon value to string or HTMLElement.
-   * Checks plugin config first, then grid-level icons, then defaults.
-   *
-   * @param iconKey - The icon key in GridIcons (e.g., 'expand', 'collapse')
-   * @param pluginOverride - Optional plugin-level override
-   * @returns The resolved icon value
-   */
-  resolveIcon(e, t) {
-    return t !== void 0 ? t : this.gridIcons[e];
-  }
-  /**
-   * Set an icon value on an element.
-   * Handles both string (text/HTML) and HTMLElement values.
-   *
-   * @param element - The element to set the icon on
-   * @param icon - The icon value (string or HTMLElement)
-   */
-  setIcon(e, t) {
-    typeof t == "string" ? e.innerHTML = t : t instanceof HTMLElement && (e.innerHTML = "", e.appendChild(t.cloneNode(!0)));
-  }
-  /**
-   * Log a warning message.
-   */
-  warn(e) {
-    console.warn(`[tbw-grid:${this.name}] ${e}`);
-  }
-  // #endregion
-}
-const m = {
-  sum: (i, e) => i.reduce((t, o) => t + (Number(o[e]) || 0), 0),
-  avg: (i, e) => {
-    const t = i.reduce((o, r) => o + (Number(r[e]) || 0), 0);
-    return i.length ? t / i.length : 0;
-  },
-  count: (i) => i.length,
-  min: (i, e) => i.length ? Math.min(...i.map((t) => Number(t[e]) || 1 / 0)) : 0,
-  max: (i, e) => i.length ? Math.max(...i.map((t) => Number(t[e]) || -1 / 0)) : 0,
-  first: (i, e) => i[0]?.[e],
-  last: (i, e) => i[i.length - 1]?.[e]
-}, f = /* @__PURE__ */ new Map(), g = {
-  /**
-   * Register a custom aggregator function.
-   */
-  register(i, e) {
-    f.set(i, e);
-  },
-  /**
-   * Unregister a custom aggregator function.
-   */
-  unregister(i) {
-    f.delete(i);
-  },
-  /**
-   * Get an aggregator function by reference.
-   */
-  get(i) {
-    if (i !== void 0)
-      return typeof i == "function" ? i : f.get(i) ?? m[i];
-  },
-  /**
-   * Run an aggregator on a set of rows.
-   */
-  run(i, e, t, o) {
-    const r = this.get(i);
-    return r ? r(e, t, o) : void 0;
-  },
-  /**
-   * Check if an aggregator exists.
-   */
-  has(i) {
-    return f.has(i) || i in m;
-  },
-  /**
-   * List all available aggregator names.
-   */
-  list() {
-    return [...Object.keys(m), ...f.keys()];
-  }
-}, _ = {
-  sum: (i) => i.reduce((e, t) => e + t, 0),
-  avg: (i) => i.length ? i.reduce((e, t) => e + t, 0) / i.length : 0,
-  count: (i) => i.length,
-  min: (i) => i.length ? Math.min(...i) : 0,
-  max: (i) => i.length ? Math.max(...i) : 0,
-  first: (i) => i[0] ?? 0,
-  last: (i) => i[i.length - 1] ?? 0
-};
-function N(i) {
-  return _[i] ?? _.sum;
-}
-g.register.bind(g);
-g.unregister.bind(g);
-g.get.bind(g);
-g.run.bind(g);
-g.list.bind(g);
-const S = N;
-function I(i) {
-  const e = [];
-  return !i.rowGroupFields?.length && !i.columnGroupFields?.length && e.push("At least one row or column group field is required"), i.valueFields?.length || e.push("At least one value field is required"), e;
-}
-function C(i, e) {
-  return [...i, e].join("|");
-}
-function K(i, e) {
-  const t = e.rowGroupFields ?? [], o = e.columnGroupFields ?? [], r = e.valueFields ?? [], n = z(i, o), a = G(
-    i,
-    t,
-    o,
-    n,
-    r,
-    0,
-    // starting depth
-    ""
-    // parent key prefix
-  ), s = H(a, n, r), l = Object.values(s).reduce((d, c) => d + c, 0);
-  return {
-    rows: a,
-    columnKeys: n,
-    totals: s,
-    grandTotal: l
-  };
-}
-function z(i, e) {
-  if (e.length === 0) return ["value"];
-  const t = /* @__PURE__ */ new Set();
-  for (const o of i) {
-    const r = e.map((n) => String(o[n] ?? "")).join("|");
-    t.add(r);
-  }
-  return [...t].sort();
-}
-function V(i, e) {
-  const t = /* @__PURE__ */ new Map();
-  for (const o of i) {
-    const r = String(o[e] ?? ""), n = t.get(r);
-    n ? n.push(o) : t.set(r, [o]);
-  }
-  return t;
-}
-function G(i, e, t, o, r, n, a) {
-  const s = [];
-  if (e.length === 0) {
-    const u = R(i, t, o, r), h = T(u);
-    return s.push({
-      rowKey: a || "all",
-      rowLabel: a || "All",
-      depth: n,
-      values: u,
-      total: h,
-      isGroup: !1,
-      rowCount: i.length
-    }), s;
-  }
-  const l = e[0], d = e.slice(1), c = d.length > 0, p = V(i, l);
-  for (const [u, h] of p) {
-    const y = a ? `${a}|${u}` : u, x = R(h, t, o, r), L = T(x);
-    let F;
-    c && (F = G(
-      h,
-      d,
-      t,
-      o,
-      r,
-      n + 1,
-      y
-    )), s.push({
-      rowKey: y,
-      rowLabel: u || "(blank)",
-      depth: n,
-      values: x,
-      total: L,
-      isGroup: c,
-      children: F,
-      rowCount: h.length
-    });
-  }
-  return s;
-}
-function R(i, e, t, o) {
-  const r = {};
-  for (const n of t)
-    for (const a of o) {
-      const l = (e.length > 0 ? i.filter((u) => e.map((h) => String(u[h] ?? "")).join("|") === n) : i).map((u) => Number(u[a.field]) || 0), d = S(a.aggFunc), c = l.length > 0 ? d(l) : null, p = C([n], a.field);
-      r[p] = c;
-    }
-  return r;
-}
-function T(i) {
-  let e = 0;
-  for (const t of Object.values(i))
-    e += t ?? 0;
-  return e;
-}
-function H(i, e, t) {
-  const o = {};
-  function r(n) {
-    for (const a of n)
-      if (!a.isGroup || !a.children?.length)
-        for (const s of e)
-          for (const l of t) {
-            const d = C([s], l.field);
-            o[d] = (o[d] ?? 0) + (a.values[d] ?? 0);
-          }
-      else a.children && r(a.children);
-  }
-  return r(i), o;
-}
-function D(i, e, t = !0) {
-  const o = [];
-  function r(n) {
-    o.push(n);
-    const a = e ? e.has(n.rowKey) : t;
-    if (n.children && a)
-      for (const s of n.children)
-        r(s);
-  }
-  for (const n of i)
-    r(n);
-  return o;
-}
-function M(i) {
-  const e = [];
-  function t(o) {
-    if (o.isGroup && e.push(o.rowKey), o.children)
-      for (const r of o.children)
-        t(r);
-  }
-  for (const o of i)
-    t(o);
-  return e;
-}
-const q = ["sum", "avg", "count", "min", "max", "first", "last"];
-function O(i, e, t, o) {
-  const r = new AbortController(), n = { config: e, callbacks: o, signal: r.signal }, a = document.createElement("div");
-  return a.className = "tbw-pivot-panel", a.appendChild(b("Options", () => W(t, n))), a.appendChild(b("Row Groups", () => E("rowGroups", n))), a.appendChild(b("Column Groups", () => E("columnGroups", n))), a.appendChild(b("Values", () => $(n))), a.appendChild(b("Available Fields", () => U(n))), i.appendChild(a), () => {
-    r.abort(), a.remove();
-  };
-}
-function b(i, e) {
-  const t = document.createElement("div");
-  t.className = "tbw-pivot-section";
-  const o = document.createElement("div");
-  o.className = "tbw-pivot-section-header", o.textContent = i;
-  const r = document.createElement("div");
-  return r.className = "tbw-pivot-section-content", r.appendChild(e()), t.appendChild(o), t.appendChild(r), t;
-}
-function E(i, e) {
-  const { config: t, callbacks: o, signal: r } = e, n = document.createElement("div");
-  n.className = "tbw-pivot-drop-zone", n.setAttribute("data-zone", i);
-  const a = i === "rowGroups" ? t.rowGroupFields ?? [] : t.columnGroupFields ?? [];
-  if (a.length === 0) {
-    const s = document.createElement("div");
-    s.className = "tbw-pivot-placeholder", s.textContent = "Drag fields here or click to add", n.appendChild(s);
-  } else
-    for (const s of a)
-      n.appendChild(Z(s, i, e));
-  return n.addEventListener(
-    "dragover",
-    (s) => {
-      s.preventDefault(), n.classList.add("drag-over");
-    },
-    { signal: r }
-  ), n.addEventListener(
-    "dragleave",
-    () => {
-      n.classList.remove("drag-over");
-    },
-    { signal: r }
-  ), n.addEventListener(
-    "drop",
-    (s) => {
-      s.preventDefault(), n.classList.remove("drag-over");
-      const l = s.dataTransfer?.getData("text/plain");
-      l && o.onAddFieldToZone(l, i);
-    },
-    { signal: r }
-  ), n;
-}
-function Z(i, e, t) {
-  const { callbacks: o, signal: r } = t, n = document.createElement("div");
-  n.className = "tbw-pivot-field-chip", n.draggable = !0;
-  const a = o.getAvailableFields().find((d) => d.field === i), s = document.createElement("span");
-  s.className = "tbw-pivot-chip-label", s.textContent = a?.header ?? i;
-  const l = document.createElement("button");
-  return l.className = "tbw-pivot-chip-remove", l.innerHTML = "×", l.title = "Remove field", l.addEventListener(
-    "click",
-    (d) => {
-      d.stopPropagation(), o.onRemoveFieldFromZone(i, e);
-    },
-    { signal: r }
-  ), n.appendChild(s), n.appendChild(l), n.addEventListener(
-    "dragstart",
-    (d) => {
-      d.dataTransfer?.setData("text/plain", i), d.dataTransfer?.setData("source-zone", e), n.classList.add("dragging");
-    },
-    { signal: r }
-  ), n.addEventListener(
-    "dragend",
-    () => {
-      n.classList.remove("dragging");
-    },
-    { signal: r }
-  ), n;
-}
-function $(i) {
-  const { config: e, callbacks: t, signal: o } = i, r = document.createElement("div");
-  r.className = "tbw-pivot-drop-zone tbw-pivot-values-zone", r.setAttribute("data-zone", "values");
-  const n = e.valueFields ?? [];
-  if (n.length === 0) {
-    const a = document.createElement("div");
-    a.className = "tbw-pivot-placeholder", a.textContent = "Drag numeric fields here for aggregation", r.appendChild(a);
-  } else
-    for (const a of n)
-      r.appendChild(j(a, i));
-  return r.addEventListener(
-    "dragover",
-    (a) => {
-      a.preventDefault(), r.classList.add("drag-over");
-    },
-    { signal: o }
-  ), r.addEventListener(
-    "dragleave",
-    () => {
-      r.classList.remove("drag-over");
-    },
-    { signal: o }
-  ), r.addEventListener(
-    "drop",
-    (a) => {
-      a.preventDefault(), r.classList.remove("drag-over");
-      const s = a.dataTransfer?.getData("text/plain");
-      s && t.onAddValueField(s, "sum");
-    },
-    { signal: o }
-  ), r;
-}
-function j(i, e) {
-  const { callbacks: t, signal: o } = e, r = document.createElement("div");
-  r.className = "tbw-pivot-field-chip tbw-pivot-value-chip";
-  const n = t.getAvailableFields().find((c) => c.field === i.field), a = document.createElement("div");
-  a.className = "tbw-pivot-value-label-wrapper";
-  const s = document.createElement("span");
-  s.className = "tbw-pivot-chip-label", s.textContent = n?.header ?? i.field;
-  const l = document.createElement("select");
-  l.className = "tbw-pivot-agg-select", l.title = "Aggregation function";
-  for (const c of q) {
-    const p = document.createElement("option");
-    p.value = c, p.textContent = c.toUpperCase(), p.selected = c === i.aggFunc, l.appendChild(p);
-  }
-  l.addEventListener(
-    "change",
-    () => {
-      t.onUpdateValueAggFunc(i.field, l.value);
-    },
-    { signal: o }
-  );
-  const d = document.createElement("button");
-  return d.className = "tbw-pivot-chip-remove", d.innerHTML = "×", d.title = "Remove value field", d.addEventListener(
-    "click",
-    (c) => {
-      c.stopPropagation(), t.onRemoveValueField(i.field);
-    },
-    { signal: o }
-  ), a.appendChild(s), a.appendChild(l), r.appendChild(a), r.appendChild(d), r;
-}
-function U(i) {
-  const { config: e, callbacks: t, signal: o } = i, r = document.createElement("div");
-  r.className = "tbw-pivot-available-fields";
-  const n = t.getAvailableFields(), a = /* @__PURE__ */ new Set([
-    ...e.rowGroupFields ?? [],
-    ...e.columnGroupFields ?? [],
-    ...e.valueFields?.map((l) => l.field) ?? []
-  ]), s = n.filter((l) => !a.has(l.field));
-  if (s.length === 0) {
-    const l = document.createElement("div");
-    l.className = "tbw-pivot-placeholder", l.textContent = "All fields are in use", r.appendChild(l);
-  } else
-    for (const l of s) {
-      const d = document.createElement("div");
-      d.className = "tbw-pivot-field-chip available", d.textContent = l.header, d.draggable = !0, d.title = `Drag to add "${l.field}" to a zone`, d.addEventListener(
-        "dragstart",
-        (c) => {
-          c.dataTransfer?.setData("text/plain", l.field), d.classList.add("dragging");
-        },
-        { signal: o }
-      ), d.addEventListener(
-        "dragend",
-        () => {
-          d.classList.remove("dragging");
-        },
-        { signal: o }
-      ), r.appendChild(d);
-    }
-  return r;
-}
-function W(i, e) {
-  const { config: t, callbacks: o, signal: r } = e, n = document.createElement("div");
-  return n.className = "tbw-pivot-options", n.appendChild(
-    w(
-      "Enable Pivot View",
-      i,
-      (a) => {
-        o.onTogglePivot(a);
-      },
-      r
-    )
-  ), n.appendChild(
-    w(
-      "Show Row Totals",
-      t.showTotals ?? !0,
-      (a) => {
-        o.onOptionChange("showTotals", a);
-      },
-      r
-    )
-  ), n.appendChild(
-    w(
-      "Show Grand Total",
-      t.showGrandTotal ?? !0,
-      (a) => {
-        o.onOptionChange("showGrandTotal", a);
-      },
-      r
-    )
-  ), n;
-}
-function w(i, e, t, o) {
-  const r = document.createElement("label");
-  r.className = "tbw-pivot-checkbox";
-  const n = document.createElement("input");
-  n.type = "checkbox", n.checked = e, n.addEventListener("change", () => t(n.checked), { signal: o });
-  const a = document.createElement("span");
-  return a.textContent = i, r.appendChild(n), r.appendChild(a), r;
-}
-function B(i, e, t) {
-  return e.className = "data-grid-row pivot-group-row", e.setAttribute("data-pivot-depth", String(i.__pivotDepth ?? 0)), e.setAttribute("data-pivot-key", String(i.__pivotRowKey ?? "")), e.setAttribute("role", "row"), e.innerHTML = "", t.columns.forEach((o, r) => {
-    const n = document.createElement("div");
-    if (n.className = "cell", n.setAttribute("data-col", String(r)), n.setAttribute("data-row", String(t.rowIndex)), n.setAttribute("role", "gridcell"), r === 0) {
-      const a = Number(i.__pivotIndent) || 0;
-      n.style.paddingLeft = `${a}px`;
-      const s = String(i.__pivotRowKey), l = document.createElement("button");
-      l.type = "button", l.className = "pivot-toggle", l.setAttribute("aria-label", i.__pivotExpanded ? "Collapse group" : "Expand group"), t.setIcon(l, t.resolveIcon(i.__pivotExpanded ? "collapse" : "expand")), l.addEventListener("click", (p) => {
-        p.stopPropagation(), t.onToggle(s);
-      }), n.appendChild(l);
-      const d = document.createElement("span");
-      d.className = "pivot-label", d.textContent = String(i.__pivotLabel ?? ""), n.appendChild(d);
-      const c = document.createElement("span");
-      c.className = "pivot-count", c.textContent = ` (${Number(i.__pivotRowCount) || 0})`, n.appendChild(c);
-    } else {
-      const a = i[o.field];
-      n.textContent = a != null ? String(a) : "";
-    }
-    e.appendChild(n);
-  }), !0;
-}
-function J(i, e, t, o) {
-  return e.className = "data-grid-row pivot-leaf-row", e.setAttribute("data-pivot-depth", String(i.__pivotDepth ?? 0)), e.setAttribute("data-pivot-key", String(i.__pivotRowKey ?? "")), e.innerHTML = "", t.forEach((r, n) => {
-    const a = document.createElement("div");
-    if (a.className = "cell", a.setAttribute("data-col", String(n)), a.setAttribute("data-row", String(o)), a.setAttribute("role", "gridcell"), n === 0) {
-      const s = Number(i.__pivotIndent) || 0;
-      a.style.paddingLeft = `${s + 20}px`;
-      const l = document.createElement("span");
-      l.className = "pivot-label", l.textContent = String(i.__pivotLabel ?? ""), a.appendChild(l);
-    } else {
-      const s = i[r.field];
-      a.textContent = s != null ? String(s) : "";
-    }
-    e.appendChild(a);
-  }), !0;
-}
-function Q(i, e, t) {
-  return e.className = "pivot-grand-total-row", e.setAttribute("role", "presentation"), e.innerHTML = "", t.forEach((o, r) => {
-    const n = document.createElement("div");
-    if (n.className = "cell", n.setAttribute("data-col", String(r)), r === 0) {
-      const a = document.createElement("span");
-      a.className = "pivot-label", a.textContent = "Grand Total", n.appendChild(a);
-    } else {
-      const a = i[o.field];
-      n.textContent = a != null ? String(a) : "";
-    }
-    e.appendChild(n);
-  }), !0;
-}
-const X = '@layer tbw-plugins{.pivot-group-row{display:grid;grid-template-columns:var(--tbw-column-template);font-weight:600;background:var(--tbw-pivot-group-bg, var(--tbw-color-row-alt));min-height:var(--tbw-row-height);border-bottom:var(--tbw-row-divider)}.pivot-group-row:hover{background:var(--tbw-pivot-group-hover, var(--tbw-color-row-hover))}.pivot-leaf-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-pivot-leaf-bg, var(--tbw-color-bg));min-height:var(--tbw-row-height);border-bottom:var(--tbw-row-divider)}.pivot-grand-total-row{display:grid;grid-template-columns:var(--tbw-column-template);font-weight:700;background:var(--tbw-pivot-grand-total-bg, var(--tbw-color-header-bg));min-height:var(--tbw-row-height);border-top:2px solid var(--tbw-color-border-strong)}.pivot-grand-total-row>.cell{display:flex;align-items:center;padding:var(--tbw-cell-padding);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}.pivot-grand-total-row>.cell:last-child{border-right:0}.pivot-grand-total-footer{position:sticky;bottom:0;z-index:var(--tbw-z-layer-pinned-rows, 20);background:var(--tbw-pivot-grand-total-bg, var(--tbw-color-header-bg));min-width:fit-content}.pivot-group-row>.cell,.pivot-leaf-row>.cell{display:flex;align-items:center;padding:var(--tbw-cell-padding);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}.pivot-group-row>.cell:last-child,.pivot-leaf-row>.cell:last-child{border-right:0}.pivot-toggle{display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-pivot-toggle-size, var(--tbw-toggle-size, 1.25em));height:var(--tbw-pivot-toggle-size, var(--tbw-toggle-size, 1.25em));margin-right:var(--tbw-spacing-sm, .375em);border:none;background:transparent;cursor:pointer;color:var(--tbw-pivot-toggle-color, var(--tbw-color-fg-muted));border-radius:var(--tbw-border-radius);transition:background var(--tbw-transition-duration, .12s) var(--tbw-transition-ease, ease),color var(--tbw-transition-duration, .12s) var(--tbw-transition-ease, ease)}.pivot-toggle:hover{background:var(--tbw-pivot-toggle-hover-bg, var(--tbw-color-row-hover));color:var(--tbw-pivot-toggle-hover-color, var(--tbw-color-fg))}.pivot-toggle:focus{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}.pivot-label{font-weight:inherit}.pivot-count{color:var(--tbw-pivot-count-color, var(--tbw-color-fg-muted));font-size:.9em;font-weight:400}.pivot-total-row{font-weight:700;border-top:2px solid var(--tbw-pivot-border, var(--tbw-color-border-strong))}[data-pivot-depth="1"]{--tbw-pivot-depth: 1}[data-pivot-depth="2"]{--tbw-pivot-depth: 2}[data-pivot-depth="3"]{--tbw-pivot-depth: 3}[data-pivot-depth="4"]{--tbw-pivot-depth: 4}.tbw-pivot-panel{display:flex;flex-direction:column;gap:var(--tbw-panel-padding, var(--tbw-spacing-lg, .75rem));padding:var(--tbw-panel-padding, var(--tbw-spacing-lg, .75rem));height:100%;overflow-y:auto;font-size:var(--tbw-font-size-sm, .8125rem)}.tbw-pivot-section{border:1px solid var(--tbw-pivot-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius);background:var(--tbw-pivot-section-bg, var(--tbw-color-bg))}.tbw-pivot-section-header{padding:var(--tbw-button-padding, var(--tbw-spacing-md, .5rem) var(--tbw-spacing-lg, .75rem));font-weight:600;background:var(--tbw-pivot-header-bg, var(--tbw-color-header-bg));border-bottom:1px solid var(--tbw-pivot-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius) var(--tbw-border-radius) 0 0}.tbw-pivot-section-content{padding:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.tbw-pivot-toggle-wrapper{display:flex;align-items:center}.tbw-pivot-toggle-label{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));cursor:pointer}.tbw-pivot-toggle-label input{width:var(--tbw-icon-size, 1rem);height:var(--tbw-icon-size, 1rem);cursor:pointer}.tbw-pivot-drop-zone{min-height:60px;padding:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));border:2px dashed var(--tbw-pivot-drop-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius);background:var(--tbw-pivot-drop-bg, var(--tbw-color-row-alt));display:flex;flex-wrap:wrap;gap:var(--tbw-spacing-sm, .375rem);align-content:flex-start;transition:all .15s ease}.tbw-pivot-drop-zone.drag-over{border-color:var(--tbw-color-accent);background:var(--tbw-pivot-drop-active, var(--tbw-focus-background))}.tbw-pivot-placeholder{color:var(--tbw-color-fg-muted);font-style:italic;padding:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));text-align:center;width:100%}.tbw-pivot-field-chip{display:inline-flex;align-items:center;gap:var(--tbw-spacing-sm, .375rem);padding:var(--tbw-button-padding-sm, var(--tbw-spacing-xs, .25rem) var(--tbw-spacing-md, .5rem));background:var(--tbw-pivot-chip-bg, var(--tbw-color-header-bg));border:1px solid var(--tbw-pivot-chip-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius);cursor:grab;font-size:var(--tbw-font-size-xs, .75rem);transition:all .15s ease}.tbw-pivot-field-chip:hover{background:var(--tbw-pivot-chip-hover, var(--tbw-color-row-hover));border-color:var(--tbw-color-accent)}.tbw-pivot-field-chip.available{background:var(--tbw-color-bg)}.tbw-pivot-field-chip.dragging{opacity:.5;cursor:grabbing}.tbw-pivot-chip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.tbw-pivot-chip-remove{display:flex;align-items:center;justify-content:center;width:var(--tbw-icon-size, 1rem);height:var(--tbw-icon-size, 1rem);padding:0;border:none;background:transparent;color:var(--tbw-color-fg-muted);font-size:var(--tbw-font-size-sm, .875rem);font-weight:700;cursor:pointer;border-radius:50%;transition:all .15s ease}.tbw-pivot-chip-remove:hover{background:var(--tbw-pivot-chip-remove-hover-bg, var(--tbw-color-accent));color:var(--tbw-pivot-chip-remove-hover-fg, var(--tbw-color-accent-fg))}.tbw-pivot-value-chip{padding:var(--tbw-button-padding-sm, var(--tbw-spacing-xs, .25rem) var(--tbw-spacing-md, .5rem))}.tbw-pivot-value-label-wrapper{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));flex:1;min-width:0}.tbw-pivot-agg-select{padding:var(--tbw-spacing-xs, .125rem) var(--tbw-spacing-xs, .25rem);font-size:var(--tbw-font-size-xs, .6875rem);border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);background:var(--tbw-color-bg);cursor:pointer}.tbw-pivot-available-fields{display:flex;flex-wrap:wrap;gap:var(--tbw-spacing-sm, .375rem);min-height:40px}.tbw-pivot-options{display:flex;flex-direction:column;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.tbw-pivot-checkbox{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));cursor:pointer}.tbw-pivot-checkbox input{width:var(--tbw-icon-size-sm, .875rem);height:var(--tbw-icon-size-sm, .875rem);cursor:pointer}.pivot-group-row.tbw-pivot-slide-in,.pivot-leaf-row.tbw-pivot-slide-in{animation:tbw-pivot-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-pivot-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.pivot-group-row.tbw-pivot-fade-in,.pivot-leaf-row.tbw-pivot-fade-in{animation:tbw-pivot-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-pivot-fade-in{0%{opacity:0}to{opacity:1}}}';
-class v extends k {
-  /** @internal */
-  name = "pivot";
-  /** @internal */
-  styles = X;
-  /** Tool panel ID for shell integration */
-  static PANEL_ID = "pivot";
-  /** @internal */
-  get defaultConfig() {
-    return {
-      active: !0,
-      showTotals: !0,
-      showGrandTotal: !0,
-      showToolPanel: !0,
-      animation: "slide"
-    };
-  }
-  // #region Internal State
-  isActive = !1;
-  hasInitialized = !1;
-  pivotResult = null;
-  fieldHeaderMap = /* @__PURE__ */ new Map();
-  expandedKeys = /* @__PURE__ */ new Set();
-  defaultExpanded = !0;
-  /** Tracks whether user has manually interacted with expand/collapse */
-  userHasToggledExpand = !1;
-  originalColumns = [];
-  panelContainer = null;
-  grandTotalFooter = null;
-  previousVisibleKeys = /* @__PURE__ */ new Set();
-  keysToAnimate = /* @__PURE__ */ new Set();
-  /**
-   * Check if the plugin has valid pivot configuration (at least value fields).
-   */
-  hasValidPivotConfig() {
-    return (this.config.valueFields?.length ?? 0) > 0;
-  }
-  /**
-   * Get expand/collapse animation style from plugin config.
-   * Uses base class isAnimationEnabled to respect grid-level settings.
-   */
-  get animationStyle() {
-    return this.isAnimationEnabled ? this.config.animation ?? "slide" : !1;
-  }
-  // #endregion
-  // #region Lifecycle
-  /** @internal */
-  detach() {
-    this.isActive = !1, this.hasInitialized = !1, this.pivotResult = null, this.fieldHeaderMap.clear(), this.originalColumns = [], this.panelContainer = null, this.cleanupGrandTotalFooter(), this.previousVisibleKeys.clear(), this.keysToAnimate.clear(), this.userHasToggledExpand = !1;
-  }
-  // #endregion
-  // #region Shell Integration
-  /** @internal */
-  getToolPanel() {
-    if ((this.config?.showToolPanel ?? this.userConfig?.showToolPanel ?? !0) !== !1)
-      return {
-        id: v.PANEL_ID,
-        title: "Pivot",
-        icon: "⊞",
-        tooltip: "Configure pivot table",
-        order: 90,
-        render: (t) => this.renderPanel(t)
-      };
-  }
-  // #endregion
-  // #region Hooks
-  /** @internal */
-  processRows(e) {
-    if (!this.hasInitialized && this.config.active !== !1 && this.hasValidPivotConfig() && (this.hasInitialized = !0, this.isActive = !0), !this.isActive)
-      return [...e];
-    const t = I(this.config);
-    if (t.length > 0)
-      return this.warn(`Config errors: ${t.join(", ")}`), [...e];
-    this.buildFieldHeaderMap(), this.defaultExpanded = this.config.defaultExpanded ?? !0, this.pivotResult = K(e, this.config), this.expandedKeys.size === 0 && this.defaultExpanded && !this.userHasToggledExpand && this.expandAllKeys();
-    const o = this.config.indentWidth ?? 20, r = D(
-      this.pivotResult.rows,
-      this.expandedKeys,
-      this.defaultExpanded
-    ).map((a) => ({
-      __pivotRowKey: a.rowKey,
-      __pivotLabel: a.rowLabel,
-      __pivotDepth: a.depth,
-      __pivotIsGroup: a.isGroup,
-      __pivotHasChildren: !!a.children?.length,
-      __pivotExpanded: this.expandedKeys.has(a.rowKey),
-      __pivotRowCount: a.rowCount ?? 0,
-      __pivotIndent: a.depth * o,
-      __pivotTotal: a.total,
-      ...a.values
-    }));
-    this.keysToAnimate.clear();
-    const n = /* @__PURE__ */ new Set();
-    for (const a of r) {
-      const s = a.__pivotRowKey;
-      n.add(s), !this.previousVisibleKeys.has(s) && a.__pivotDepth > 0 && this.keysToAnimate.add(s);
-    }
-    return this.previousVisibleKeys = n, r;
-  }
-  /** @internal */
-  processColumns(e) {
-    if (!this.isActive || !this.pivotResult)
-      return [...e];
-    const t = [], o = (this.config.rowGroupFields ?? []).map((r) => this.fieldHeaderMap.get(r) ?? r).join(" / ");
-    t.push({
-      field: "__pivotLabel",
-      header: o || "Group",
-      width: 200
-    });
-    for (const r of this.pivotResult.columnKeys)
-      for (const n of this.config.valueFields ?? []) {
-        const a = C([r], n.field), s = n.header || this.fieldHeaderMap.get(n.field) || n.field;
-        t.push({
-          field: a,
-          header: `${r} - ${s} (${n.aggFunc})`,
-          width: 120,
-          type: "number"
-        });
-      }
-    return this.config.showTotals && t.push({
-      field: "__pivotTotal",
-      header: "Total",
-      width: 100,
-      type: "number"
-    }), t;
-  }
-  /** @internal */
-  renderRow(e, t, o) {
-    const r = e;
-    return r.__pivotRowKey && r.__pivotHasChildren ? B(r, t, {
-      columns: this.gridColumns,
-      rowIndex: o,
-      onToggle: (n) => this.toggle(n),
-      resolveIcon: (n) => this.resolveIcon(n),
-      setIcon: (n, a) => this.setIcon(n, a)
-    }) : r.__pivotRowKey !== void 0 && this.isActive ? J(r, t, this.gridColumns, o) : (this.cleanupPivotStyling(t), !1);
-  }
-  /**
-   * Remove pivot-specific classes, attributes, and inline styles from a row element.
-   * Called when pivot mode is disabled to clean up reused DOM elements.
-   * Clears innerHTML so the grid's default renderer can rebuild the row.
-   */
-  cleanupPivotStyling(e) {
-    (e.classList.contains("pivot-group-row") || e.classList.contains("pivot-leaf-row") || e.classList.contains("pivot-grand-total-row")) && (e.classList.remove("pivot-group-row", "pivot-leaf-row", "pivot-grand-total-row"), e.classList.add("data-grid-row"), e.removeAttribute("data-pivot-depth"), e.innerHTML = "");
-  }
-  /** @internal */
-  onKeyDown(e) {
-    if (e.key !== " " || !this.isActive) return;
-    const t = this.grid._focusRow, o = this.rows[t];
-    if (!(!o?.__pivotIsGroup || !o.__pivotHasChildren))
-      return e.preventDefault(), this.toggle(o.__pivotRowKey), this.requestRenderWithFocus(), !0;
-  }
-  /** @internal */
-  afterRender() {
-    this.isActive && this.config.showGrandTotal && this.pivotResult ? this.renderGrandTotalFooter() : this.cleanupGrandTotalFooter();
-    const e = this.animationStyle;
-    if (e === !1 || this.keysToAnimate.size === 0) return;
-    const t = this.gridElement?.querySelector(".rows");
-    if (!t) return;
-    const o = e === "fade" ? "tbw-pivot-fade-in" : "tbw-pivot-slide-in";
-    for (const r of t.querySelectorAll(".pivot-group-row, .pivot-leaf-row")) {
-      const n = r.dataset.pivotKey;
-      n && this.keysToAnimate.has(n) && (r.classList.add(o), r.addEventListener("animationend", () => r.classList.remove(o), { once: !0 }));
-    }
-    this.keysToAnimate.clear();
-  }
-  /**
-   * Render the grand total row as a sticky footer pinned to the bottom.
-   */
-  renderGrandTotalFooter() {
-    if (!this.pivotResult) return;
-    const e = this.gridElement;
-    if (!e) return;
-    const t = e.querySelector(".tbw-scroll-area") ?? e.querySelector(".tbw-grid-content") ?? e.children[0];
-    if (!t) return;
-    this.grandTotalFooter || (this.grandTotalFooter = document.createElement("div"), this.grandTotalFooter.className = "pivot-grand-total-footer", t.appendChild(this.grandTotalFooter));
-    const o = {
-      __pivotRowKey: "__grandTotal",
-      __pivotLabel: "Grand Total",
-      __pivotIsGrandTotal: !0,
-      __pivotTotal: this.pivotResult.grandTotal,
-      ...this.pivotResult.totals
-    };
-    Q(o, this.grandTotalFooter, this.gridColumns);
-  }
-  /**
-   * Remove the grand total footer element.
-   */
-  cleanupGrandTotalFooter() {
-    this.grandTotalFooter && (this.grandTotalFooter.remove(), this.grandTotalFooter = null);
-  }
-  // #endregion
-  // #region Expand/Collapse API
-  toggle(e) {
-    this.userHasToggledExpand = !0, this.expandedKeys.has(e) ? this.expandedKeys.delete(e) : this.expandedKeys.add(e), this.requestRender();
-  }
-  expand(e) {
-    this.userHasToggledExpand = !0, this.expandedKeys.add(e), this.requestRender();
-  }
-  collapse(e) {
-    this.userHasToggledExpand = !0, this.expandedKeys.delete(e), this.requestRender();
-  }
-  expandAll() {
-    this.userHasToggledExpand = !0, this.expandAllKeys(), this.requestRender();
-  }
-  collapseAll() {
-    this.userHasToggledExpand = !0, this.expandedKeys.clear(), this.requestRender();
-  }
-  /**
-   * Add all group keys from the current pivot result to expandedKeys.
-   */
-  expandAllKeys() {
-    if (!this.pivotResult) return;
-    const e = M(this.pivotResult.rows);
-    for (const t of e)
-      this.expandedKeys.add(t);
-  }
-  isExpanded(e) {
-    return this.expandedKeys.has(e);
-  }
-  // #endregion
-  // #region Public API
-  enablePivot() {
-    this.originalColumns.length === 0 && this.captureOriginalColumns(), this.isActive = !0, this.requestRender();
-  }
-  disablePivot() {
-    this.isActive = !1, this.pivotResult = null, this.requestRender();
-  }
-  isPivotActive() {
-    return this.isActive;
-  }
-  getPivotResult() {
-    return this.pivotResult;
-  }
-  setRowGroupFields(e) {
-    this.config.rowGroupFields = e, this.requestRender();
-  }
-  setColumnGroupFields(e) {
-    this.config.columnGroupFields = e, this.requestRender();
-  }
-  setValueFields(e) {
-    this.config.valueFields = e, this.requestRender();
-  }
-  refresh() {
-    this.pivotResult = null, this.requestRender();
-  }
-  // #endregion
-  // #region Tool Panel API
-  /**
-   * Show the pivot tool panel.
-   * Opens the tool panel and ensures this section is expanded.
-   */
-  showPanel() {
-    this.grid.openToolPanel(), this.grid.expandedToolPanelSections.includes(v.PANEL_ID) || this.grid.toggleToolPanelSection(v.PANEL_ID);
-  }
-  /**
-   * Hide the tool panel.
-   */
-  hidePanel() {
-    this.grid.closeToolPanel();
-  }
-  /**
-   * Toggle the pivot tool panel section.
-   */
-  togglePanel() {
-    this.grid.isToolPanelOpen || this.grid.openToolPanel(), this.grid.toggleToolPanelSection(v.PANEL_ID);
-  }
-  /**
-   * Check if the pivot panel section is currently expanded.
-   */
-  isPanelVisible() {
-    return this.grid.isToolPanelOpen && this.grid.expandedToolPanelSections.includes(v.PANEL_ID);
-  }
-  // #endregion
-  // #region Private Helpers
-  get gridColumns() {
-    return this.grid.columns ?? [];
-  }
-  /**
-   * Refresh pivot and update tool panel if active.
-   */
-  refreshIfActive() {
-    this.isActive && this.refresh(), this.refreshPanel();
-  }
-  buildFieldHeaderMap() {
-    const e = this.getAvailableFields();
-    this.fieldHeaderMap.clear();
-    for (const t of e)
-      this.fieldHeaderMap.set(t.field, t.header);
-  }
-  getAvailableFields() {
-    return this.originalColumns.length > 0 ? this.originalColumns : this.captureOriginalColumns();
-  }
-  captureOriginalColumns() {
-    try {
-      const e = this.grid.getAllColumns?.() ?? this.grid.columns ?? [];
-      return this.originalColumns = e.filter((t) => !t.field.startsWith("__pivot")).map((t) => ({
-        field: t.field,
-        header: t.header ?? t.field
-      })), this.originalColumns;
-    } catch {
-      return [];
-    }
-  }
-  renderPanel(e) {
-    this.panelContainer = e, this.originalColumns.length === 0 && this.captureOriginalColumns();
-    const t = {
-      onTogglePivot: (o) => {
-        o ? this.enablePivot() : this.disablePivot(), this.refreshPanel();
-      },
-      onAddFieldToZone: (o, r) => this.addFieldToZone(o, r),
-      onRemoveFieldFromZone: (o, r) => this.removeFieldFromZone(o, r),
-      onAddValueField: (o, r) => this.addValueField(o, r),
-      onRemoveValueField: (o) => this.removeValueField(o),
-      onUpdateValueAggFunc: (o, r) => this.updateValueAggFunc(o, r),
-      onOptionChange: (o, r) => {
-        this.config[o] = r, this.isActive && this.refresh();
-      },
-      getAvailableFields: () => this.getAvailableFields()
-    };
-    return O(e, this.config, this.isActive, t);
-  }
-  refreshPanel() {
-    this.panelContainer && (this.panelContainer.innerHTML = "", this.renderPanel(this.panelContainer));
-  }
-  addFieldToZone(e, t) {
-    if (t === "rowGroups") {
-      const o = this.config.rowGroupFields ?? [];
-      o.includes(e) || (this.config.rowGroupFields = [...o, e]);
-    } else {
-      const o = this.config.columnGroupFields ?? [];
-      o.includes(e) || (this.config.columnGroupFields = [...o, e]);
-    }
-    this.removeFromOtherZones(e, t), this.refreshIfActive();
-  }
-  removeFieldFromZone(e, t) {
-    t === "rowGroups" ? this.config.rowGroupFields = (this.config.rowGroupFields ?? []).filter((o) => o !== e) : this.config.columnGroupFields = (this.config.columnGroupFields ?? []).filter((o) => o !== e), this.refreshIfActive();
-  }
-  removeFromOtherZones(e, t) {
-    t !== "rowGroups" && (this.config.rowGroupFields = (this.config.rowGroupFields ?? []).filter((o) => o !== e)), t !== "columnGroups" && (this.config.columnGroupFields = (this.config.columnGroupFields ?? []).filter((o) => o !== e)), t !== "values" && (this.config.valueFields = (this.config.valueFields ?? []).filter((o) => o.field !== e));
-  }
-  addValueField(e, t) {
-    const o = this.config.valueFields ?? [];
-    o.some((r) => r.field === e) || (this.config.valueFields = [...o, { field: e, aggFunc: t }]), this.removeFromOtherZones(e, "values"), this.refreshIfActive();
-  }
-  removeValueField(e) {
-    this.config.valueFields = (this.config.valueFields ?? []).filter((t) => t.field !== e), this.refreshIfActive();
-  }
-  updateValueAggFunc(e, t) {
-    const o = this.config.valueFields ?? [], r = o.findIndex((n) => n.field === e);
-    r >= 0 && (o[r] = { ...o[r], aggFunc: t }, this.config.valueFields = [...o]), this.isActive && this.refresh();
-  }
-  // #endregion
-}
-export {
-  v as PivotPlugin
-};
+const e='<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>',t={expand:"▶",collapse:"▼",sortAsc:"▲",sortDesc:"▼",sortNone:"⇅",submenuArrow:"▶",dragHandle:"⋮⋮",toolPanel:"☰",filter:e,filterActive:e,print:"🖨️"};class i{static dependencies;static manifest;version="undefined"!=typeof __GRID_VERSION__?__GRID_VERSION__:"dev";styles;cellRenderers;headerRenderers;cellEditors;grid;config;userConfig;#e;get defaultConfig(){return{}}constructor(e={}){this.userConfig=e}attach(e){this.#e?.abort(),this.#e=new AbortController,this.grid=e,this.config={...this.defaultConfig,...this.userConfig}}detach(){this.#e?.abort(),this.#e=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.#e?.signal??this.grid?.disconnectSignal}get gridIcons(){const e=this.grid?.gridConfig?.icons??{};return{...t,...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 o={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]},r=/* @__PURE__ */new Map,n={register(e,t){r.set(e,t)},unregister(e){r.delete(e)},get(e){if(void 0!==e)return"function"==typeof e?e:r.get(e)??o[e]},run(e,t,i,o){const r=this.get(e);return r?r(t,i,o):void 0},has:e=>r.has(e)||e in o,list:()=>[...Object.keys(o),...r.keys()]},a={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};n.register.bind(n),n.unregister.bind(n),n.get.bind(n),n.run.bind(n),n.list.bind(n);const s=function(e){return a[e]??a.sum};function l(e,t){return[...e,t].join("|")}function d(e,t){const i=t.rowGroupFields??[],o=t.columnGroupFields??[],r=t.valueFields??[],n=function(e,t){if(0===t.length)return["value"];const i=/* @__PURE__ */new Set;for(const o of e){const e=t.map(e=>String(o[e]??"")).join("|");i.add(e)}return[...i].sort()}(e,o),a=c(e,i,o,n,r,0,""),s=function(e,t,i){const o={};function r(e){for(const n of e)if(n.isGroup&&n.children?.length)n.children&&r(n.children);else for(const e of t)for(const t of i){const i=l([e],t.field);o[i]=(o[i]??0)+(n.values[i]??0)}}return r(e),o}(a,n,r);return{rows:a,columnKeys:n,totals:s,grandTotal:Object.values(s).reduce((e,t)=>e+t,0)}}function c(e,t,i,o,r,n,a){const s=[];if(0===t.length){const t=p(e,i,o,r),l=g(t);return s.push({rowKey:a||"all",rowLabel:a||"All",depth:n,values:t,total:l,isGroup:!1,rowCount:e.length}),s}const l=t[0],d=t.slice(1),u=d.length>0,h=function(e,t){const i=/* @__PURE__ */new Map;for(const o of e){const e=String(o[t]??""),r=i.get(e);r?r.push(o):i.set(e,[o])}return i}(e,l);for(const[v,b]of h){const e=a?`${a}|${v}`:v,t=p(b,i,o,r),l=g(t);let h;u&&(h=c(b,d,i,o,r,n+1,e)),s.push({rowKey:e,rowLabel:v||"(blank)",depth:n,values:t,total:l,isGroup:u,children:h,rowCount:b.length})}return s}function p(e,t,i,o){const r={};for(const n of i)for(const i of o){const o=(t.length>0?e.filter(e=>t.map(t=>String(e[t]??"")).join("|")===n):e).map(e=>Number(e[i.field])||0),a=s(i.aggFunc),d=o.length>0?a(o):null;r[l([n],i.field)]=d}return r}function g(e){let t=0;for(const i of Object.values(e))t+=i??0;return t}const u=["sum","avg","count","min","max","first","last"];function h(e,t,i,o){const r=new AbortController,n={config:t,callbacks:o,signal:r.signal},a=document.createElement("div");return a.className="tbw-pivot-panel",a.appendChild(v("Options",()=>function(e,t){const{config:i,callbacks:o,signal:r}=t,n=document.createElement("div");return n.className="tbw-pivot-options",n.appendChild(m("Enable Pivot View",e,e=>{o.onTogglePivot(e)},r)),n.appendChild(m("Show Row Totals",i.showTotals??!0,e=>{o.onOptionChange("showTotals",e)},r)),n.appendChild(m("Show Grand Total",i.showGrandTotal??!0,e=>{o.onOptionChange("showGrandTotal",e)},r)),n}(i,n))),a.appendChild(v("Row Groups",()=>b("rowGroups",n))),a.appendChild(v("Column Groups",()=>b("columnGroups",n))),a.appendChild(v("Values",()=>function(e){const{config:t,callbacks:i,signal:o}=e,r=document.createElement("div");r.className="tbw-pivot-drop-zone tbw-pivot-values-zone",r.setAttribute("data-zone","values");const n=t.valueFields??[];if(0===n.length){const e=document.createElement("div");e.className="tbw-pivot-placeholder",e.textContent="Drag numeric fields here for aggregation",r.appendChild(e)}else for(const a of n)r.appendChild(w(a,e));return r.addEventListener("dragover",e=>{e.preventDefault(),r.classList.add("drag-over")},{signal:o}),r.addEventListener("dragleave",()=>{r.classList.remove("drag-over")},{signal:o}),r.addEventListener("drop",e=>{e.preventDefault(),r.classList.remove("drag-over");const t=e.dataTransfer?.getData("text/plain");t&&i.onAddValueField(t,"sum")},{signal:o}),r}(n))),a.appendChild(v("Available Fields",()=>function(e){const{config:t,callbacks:i,signal:o}=e,r=document.createElement("div");r.className="tbw-pivot-available-fields";const n=i.getAvailableFields(),a=/* @__PURE__ */new Set([...t.rowGroupFields??[],...t.columnGroupFields??[],...t.valueFields?.map(e=>e.field)??[]]),s=n.filter(e=>!a.has(e.field));if(0===s.length){const e=document.createElement("div");e.className="tbw-pivot-placeholder",e.textContent="All fields are in use",r.appendChild(e)}else for(const l of s){const e=document.createElement("div");e.className="tbw-pivot-field-chip available",e.textContent=l.header,e.draggable=!0,e.title=`Drag to add "${l.field}" to a zone`,e.addEventListener("dragstart",t=>{t.dataTransfer?.setData("text/plain",l.field),e.classList.add("dragging")},{signal:o}),e.addEventListener("dragend",()=>{e.classList.remove("dragging")},{signal:o}),r.appendChild(e)}return r}(n))),e.appendChild(a),()=>{r.abort(),a.remove()}}function v(e,t){const i=document.createElement("div");i.className="tbw-pivot-section";const o=document.createElement("div");o.className="tbw-pivot-section-header",o.textContent=e;const r=document.createElement("div");return r.className="tbw-pivot-section-content",r.appendChild(t()),i.appendChild(o),i.appendChild(r),i}function b(e,t){const{config:i,callbacks:o,signal:r}=t,n=document.createElement("div");n.className="tbw-pivot-drop-zone",n.setAttribute("data-zone",e);const a="rowGroups"===e?i.rowGroupFields??[]:i.columnGroupFields??[];if(0===a.length){const e=document.createElement("div");e.className="tbw-pivot-placeholder",e.textContent="Drag fields here or click to add",n.appendChild(e)}else for(const s of a)n.appendChild(f(s,e,t));return n.addEventListener("dragover",e=>{e.preventDefault(),n.classList.add("drag-over")},{signal:r}),n.addEventListener("dragleave",()=>{n.classList.remove("drag-over")},{signal:r}),n.addEventListener("drop",t=>{t.preventDefault(),n.classList.remove("drag-over");const i=t.dataTransfer?.getData("text/plain");i&&o.onAddFieldToZone(i,e)},{signal:r}),n}function f(e,t,i){const{callbacks:o,signal:r}=i,n=document.createElement("div");n.className="tbw-pivot-field-chip",n.draggable=!0;const a=o.getAvailableFields().find(t=>t.field===e),s=document.createElement("span");s.className="tbw-pivot-chip-label",s.textContent=a?.header??e;const l=document.createElement("button");return l.className="tbw-pivot-chip-remove",l.innerHTML="×",l.title="Remove field",l.addEventListener("click",i=>{i.stopPropagation(),o.onRemoveFieldFromZone(e,t)},{signal:r}),n.appendChild(s),n.appendChild(l),n.addEventListener("dragstart",i=>{i.dataTransfer?.setData("text/plain",e),i.dataTransfer?.setData("source-zone",t),n.classList.add("dragging")},{signal:r}),n.addEventListener("dragend",()=>{n.classList.remove("dragging")},{signal:r}),n}function w(e,t){const{callbacks:i,signal:o}=t,r=document.createElement("div");r.className="tbw-pivot-field-chip tbw-pivot-value-chip";const n=i.getAvailableFields().find(t=>t.field===e.field),a=document.createElement("div");a.className="tbw-pivot-value-label-wrapper";const s=document.createElement("span");s.className="tbw-pivot-chip-label",s.textContent=n?.header??e.field;const l=document.createElement("select");l.className="tbw-pivot-agg-select",l.title="Aggregation function";for(const c of u){const t=document.createElement("option");t.value=c,t.textContent=c.toUpperCase(),t.selected=c===e.aggFunc,l.appendChild(t)}l.addEventListener("change",()=>{i.onUpdateValueAggFunc(e.field,l.value)},{signal:o});const d=document.createElement("button");return d.className="tbw-pivot-chip-remove",d.innerHTML="×",d.title="Remove value field",d.addEventListener("click",t=>{t.stopPropagation(),i.onRemoveValueField(e.field)},{signal:o}),a.appendChild(s),a.appendChild(l),r.appendChild(a),r.appendChild(d),r}function m(e,t,i,o){const r=document.createElement("label");r.className="tbw-pivot-checkbox";const n=document.createElement("input");n.type="checkbox",n.checked=t,n.addEventListener("change",()=>i(n.checked),{signal:o});const a=document.createElement("span");return a.textContent=e,r.appendChild(n),r.appendChild(a),r}class C extends i{name="pivot";styles='@layer tbw-plugins{.pivot-group-row{display:grid;grid-template-columns:var(--tbw-column-template);font-weight:600;background:var(--tbw-pivot-group-bg, var(--tbw-color-row-alt));min-height:var(--tbw-row-height);border-bottom:var(--tbw-row-divider)}.pivot-group-row:hover{background:var(--tbw-pivot-group-hover, var(--tbw-color-row-hover))}.pivot-leaf-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-pivot-leaf-bg, var(--tbw-color-bg));min-height:var(--tbw-row-height);border-bottom:var(--tbw-row-divider)}.pivot-grand-total-row{display:grid;grid-template-columns:var(--tbw-column-template);font-weight:700;background:var(--tbw-pivot-grand-total-bg, var(--tbw-color-header-bg));min-height:var(--tbw-row-height);border-top:2px solid var(--tbw-color-border-strong)}.pivot-grand-total-row>.cell{display:flex;align-items:center;padding:var(--tbw-cell-padding);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}.pivot-grand-total-row>.cell:last-child{border-right:0}.pivot-grand-total-footer{position:sticky;bottom:0;z-index:var(--tbw-z-layer-pinned-rows, 20);background:var(--tbw-pivot-grand-total-bg, var(--tbw-color-header-bg));min-width:fit-content}.pivot-group-row>.cell,.pivot-leaf-row>.cell{display:flex;align-items:center;padding:var(--tbw-cell-padding);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}.pivot-group-row>.cell:last-child,.pivot-leaf-row>.cell:last-child{border-right:0}.pivot-toggle{display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-pivot-toggle-size, var(--tbw-toggle-size, 1.25em));height:var(--tbw-pivot-toggle-size, var(--tbw-toggle-size, 1.25em));margin-right:var(--tbw-spacing-sm, .375em);border:none;background:transparent;cursor:pointer;color:var(--tbw-pivot-toggle-color, var(--tbw-color-fg-muted));border-radius:var(--tbw-border-radius);transition:background var(--tbw-transition-duration, .12s) var(--tbw-transition-ease, ease),color var(--tbw-transition-duration, .12s) var(--tbw-transition-ease, ease)}.pivot-toggle:hover{background:var(--tbw-pivot-toggle-hover-bg, var(--tbw-color-row-hover));color:var(--tbw-pivot-toggle-hover-color, var(--tbw-color-fg))}.pivot-toggle:focus{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}.pivot-label{font-weight:inherit}.pivot-count{color:var(--tbw-pivot-count-color, var(--tbw-color-fg-muted));font-size:.9em;font-weight:400}.pivot-total-row{font-weight:700;border-top:2px solid var(--tbw-pivot-border, var(--tbw-color-border-strong))}[data-pivot-depth="1"]{--tbw-pivot-depth: 1}[data-pivot-depth="2"]{--tbw-pivot-depth: 2}[data-pivot-depth="3"]{--tbw-pivot-depth: 3}[data-pivot-depth="4"]{--tbw-pivot-depth: 4}.tbw-pivot-panel{display:flex;flex-direction:column;gap:var(--tbw-panel-padding, var(--tbw-spacing-lg, .75rem));padding:var(--tbw-panel-padding, var(--tbw-spacing-lg, .75rem));height:100%;overflow-y:auto;font-size:var(--tbw-font-size-sm, .8125rem)}.tbw-pivot-section{border:1px solid var(--tbw-pivot-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius);background:var(--tbw-pivot-section-bg, var(--tbw-color-bg))}.tbw-pivot-section-header{padding:var(--tbw-button-padding, var(--tbw-spacing-md, .5rem) var(--tbw-spacing-lg, .75rem));font-weight:600;background:var(--tbw-pivot-header-bg, var(--tbw-color-header-bg));border-bottom:1px solid var(--tbw-pivot-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius) var(--tbw-border-radius) 0 0}.tbw-pivot-section-content{padding:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.tbw-pivot-toggle-wrapper{display:flex;align-items:center}.tbw-pivot-toggle-label{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));cursor:pointer}.tbw-pivot-toggle-label input{width:var(--tbw-icon-size, 1rem);height:var(--tbw-icon-size, 1rem);cursor:pointer}.tbw-pivot-drop-zone{min-height:60px;padding:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));border:2px dashed var(--tbw-pivot-drop-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius);background:var(--tbw-pivot-drop-bg, var(--tbw-color-row-alt));display:flex;flex-wrap:wrap;gap:var(--tbw-spacing-sm, .375rem);align-content:flex-start;transition:all .15s ease}.tbw-pivot-drop-zone.drag-over{border-color:var(--tbw-color-accent);background:var(--tbw-pivot-drop-active, var(--tbw-focus-background))}.tbw-pivot-placeholder{color:var(--tbw-color-fg-muted);font-style:italic;padding:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));text-align:center;width:100%}.tbw-pivot-field-chip{display:inline-flex;align-items:center;gap:var(--tbw-spacing-sm, .375rem);padding:var(--tbw-button-padding-sm, var(--tbw-spacing-xs, .25rem) var(--tbw-spacing-md, .5rem));background:var(--tbw-pivot-chip-bg, var(--tbw-color-header-bg));border:1px solid var(--tbw-pivot-chip-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius);cursor:grab;font-size:var(--tbw-font-size-xs, .75rem);transition:all .15s ease}.tbw-pivot-field-chip:hover{background:var(--tbw-pivot-chip-hover, var(--tbw-color-row-hover));border-color:var(--tbw-color-accent)}.tbw-pivot-field-chip.available{background:var(--tbw-color-bg)}.tbw-pivot-field-chip.dragging{opacity:.5;cursor:grabbing}.tbw-pivot-chip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.tbw-pivot-chip-remove{display:flex;align-items:center;justify-content:center;width:var(--tbw-icon-size, 1rem);height:var(--tbw-icon-size, 1rem);padding:0;border:none;background:transparent;color:var(--tbw-color-fg-muted);font-size:var(--tbw-font-size-sm, .875rem);font-weight:700;cursor:pointer;border-radius:50%;transition:all .15s ease}.tbw-pivot-chip-remove:hover{background:var(--tbw-pivot-chip-remove-hover-bg, var(--tbw-color-accent));color:var(--tbw-pivot-chip-remove-hover-fg, var(--tbw-color-accent-fg))}.tbw-pivot-value-chip{padding:var(--tbw-button-padding-sm, var(--tbw-spacing-xs, .25rem) var(--tbw-spacing-md, .5rem))}.tbw-pivot-value-label-wrapper{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));flex:1;min-width:0}.tbw-pivot-agg-select{padding:var(--tbw-spacing-xs, .125rem) var(--tbw-spacing-xs, .25rem);font-size:var(--tbw-font-size-xs, .6875rem);border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);background:var(--tbw-color-bg);cursor:pointer}.tbw-pivot-available-fields{display:flex;flex-wrap:wrap;gap:var(--tbw-spacing-sm, .375rem);min-height:40px}.tbw-pivot-options{display:flex;flex-direction:column;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.tbw-pivot-checkbox{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));cursor:pointer}.tbw-pivot-checkbox input{width:var(--tbw-icon-size-sm, .875rem);height:var(--tbw-icon-size-sm, .875rem);cursor:pointer}.pivot-group-row.tbw-pivot-slide-in,.pivot-leaf-row.tbw-pivot-slide-in{animation:tbw-pivot-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-pivot-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.pivot-group-row.tbw-pivot-fade-in,.pivot-leaf-row.tbw-pivot-fade-in{animation:tbw-pivot-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-pivot-fade-in{0%{opacity:0}to{opacity:1}}}';static PANEL_ID="pivot";get defaultConfig(){return{active:!0,showTotals:!0,showGrandTotal:!0,showToolPanel:!0,animation:"slide"}}isActive=!1;hasInitialized=!1;pivotResult=null;fieldHeaderMap=/* @__PURE__ */new Map;expandedKeys=/* @__PURE__ */new Set;defaultExpanded=!0;userHasToggledExpand=!1;originalColumns=[];panelContainer=null;grandTotalFooter=null;previousVisibleKeys=/* @__PURE__ */new Set;keysToAnimate=/* @__PURE__ */new Set;hasValidPivotConfig(){return(this.config.valueFields?.length??0)>0}get animationStyle(){return!!this.isAnimationEnabled&&(this.config.animation??"slide")}detach(){this.isActive=!1,this.hasInitialized=!1,this.pivotResult=null,this.fieldHeaderMap.clear(),this.originalColumns=[],this.panelContainer=null,this.cleanupGrandTotalFooter(),this.previousVisibleKeys.clear(),this.keysToAnimate.clear(),this.userHasToggledExpand=!1}getToolPanel(){if(!1!==(this.config?.showToolPanel??this.userConfig?.showToolPanel??!0))return{id:C.PANEL_ID,title:"Pivot",icon:"⊞",tooltip:"Configure pivot table",order:90,render:e=>this.renderPanel(e)}}processRows(e){if(!this.hasInitialized&&!1!==this.config.active&&this.hasValidPivotConfig()&&(this.hasInitialized=!0,this.isActive=!0),!this.isActive)return[...e];const t=function(e){const t=[];return e.rowGroupFields?.length||e.columnGroupFields?.length||t.push("At least one row or column group field is required"),e.valueFields?.length||t.push("At least one value field is required"),t}(this.config);if(t.length>0)return this.warn(`Config errors: ${t.join(", ")}`),[...e];this.buildFieldHeaderMap(),this.defaultExpanded=this.config.defaultExpanded??!0,this.pivotResult=d(e,this.config),0===this.expandedKeys.size&&this.defaultExpanded&&!this.userHasToggledExpand&&this.expandAllKeys();const i=this.config.indentWidth??20,o=function(e,t,i=!0){const o=[];function r(e){o.push(e);const n=t?t.has(e.rowKey):i;if(e.children&&n)for(const t of e.children)r(t)}for(const n of e)r(n);return o}(this.pivotResult.rows,this.expandedKeys,this.defaultExpanded).map(e=>({__pivotRowKey:e.rowKey,__pivotLabel:e.rowLabel,__pivotDepth:e.depth,__pivotIsGroup:e.isGroup,__pivotHasChildren:Boolean(e.children?.length),__pivotExpanded:this.expandedKeys.has(e.rowKey),__pivotRowCount:e.rowCount??0,__pivotIndent:e.depth*i,__pivotTotal:e.total,...e.values}));this.keysToAnimate.clear();const r=/* @__PURE__ */new Set;for(const n of o){const e=n.__pivotRowKey;r.add(e),!this.previousVisibleKeys.has(e)&&n.__pivotDepth>0&&this.keysToAnimate.add(e)}return this.previousVisibleKeys=r,o}processColumns(e){if(!this.isActive||!this.pivotResult)return[...e];const t=[],i=(this.config.rowGroupFields??[]).map(e=>this.fieldHeaderMap.get(e)??e).join(" / ");t.push({field:"__pivotLabel",header:i||"Group",width:200});for(const o of this.pivotResult.columnKeys)for(const e of this.config.valueFields??[]){const i=l([o],e.field),r=e.header||this.fieldHeaderMap.get(e.field)||e.field;t.push({field:i,header:`${o} - ${r} (${e.aggFunc})`,width:120,type:"number"})}return this.config.showTotals&&t.push({field:"__pivotTotal",header:"Total",width:100,type:"number"}),t}renderRow(e,t,i){const o=e;return o.__pivotRowKey&&o.__pivotHasChildren?function(e,t,i){return t.className="data-grid-row pivot-group-row",t.setAttribute("data-pivot-depth",String(e.__pivotDepth??0)),t.setAttribute("data-pivot-key",String(e.__pivotRowKey??"")),t.setAttribute("role","row"),t.innerHTML="",i.columns.forEach((o,r)=>{const n=document.createElement("div");if(n.className="cell",n.setAttribute("data-col",String(r)),n.setAttribute("data-row",String(i.rowIndex)),n.setAttribute("role","gridcell"),0===r){const t=Number(e.__pivotIndent)||0;n.style.paddingLeft=`${t}px`;const o=String(e.__pivotRowKey),r=document.createElement("button");r.type="button",r.className="pivot-toggle",r.setAttribute("aria-label",e.__pivotExpanded?"Collapse group":"Expand group"),i.setIcon(r,i.resolveIcon(e.__pivotExpanded?"collapse":"expand")),r.addEventListener("click",e=>{e.stopPropagation(),i.onToggle(o)}),n.appendChild(r);const a=document.createElement("span");a.className="pivot-label",a.textContent=String(e.__pivotLabel??""),n.appendChild(a);const s=document.createElement("span");s.className="pivot-count",s.textContent=` (${Number(e.__pivotRowCount)||0})`,n.appendChild(s)}else{const t=e[o.field];n.textContent=null!=t?String(t):""}t.appendChild(n)}),!0}(o,t,{columns:this.gridColumns,rowIndex:i,onToggle:e=>this.toggle(e),resolveIcon:e=>this.resolveIcon(e),setIcon:(e,t)=>this.setIcon(e,t)}):void 0!==o.__pivotRowKey&&this.isActive?function(e,t,i,o){return t.className="data-grid-row pivot-leaf-row",t.setAttribute("data-pivot-depth",String(e.__pivotDepth??0)),t.setAttribute("data-pivot-key",String(e.__pivotRowKey??"")),t.innerHTML="",i.forEach((i,r)=>{const n=document.createElement("div");if(n.className="cell",n.setAttribute("data-col",String(r)),n.setAttribute("data-row",String(o)),n.setAttribute("role","gridcell"),0===r){const t=Number(e.__pivotIndent)||0;n.style.paddingLeft=`${t+20}px`;const i=document.createElement("span");i.className="pivot-label",i.textContent=String(e.__pivotLabel??""),n.appendChild(i)}else{const t=e[i.field];n.textContent=null!=t?String(t):""}t.appendChild(n)}),!0}(o,t,this.gridColumns,i):(this.cleanupPivotStyling(t),!1)}cleanupPivotStyling(e){(e.classList.contains("pivot-group-row")||e.classList.contains("pivot-leaf-row")||e.classList.contains("pivot-grand-total-row"))&&(e.classList.remove("pivot-group-row","pivot-leaf-row","pivot-grand-total-row"),e.classList.add("data-grid-row"),e.removeAttribute("data-pivot-depth"),e.innerHTML="")}onKeyDown(e){if(" "!==e.key)return;if(!this.isActive)return;const t=this.grid._focusRow,i=this.rows[t];return i?.__pivotIsGroup&&i.__pivotHasChildren?(e.preventDefault(),this.toggle(i.__pivotRowKey),this.requestRenderWithFocus(),!0):void 0}afterRender(){this.isActive&&this.config.showGrandTotal&&this.pivotResult?this.renderGrandTotalFooter():this.cleanupGrandTotalFooter();const e=this.animationStyle;if(!1===e||0===this.keysToAnimate.size)return;const t=this.gridElement?.querySelector(".rows");if(!t)return;const i="fade"===e?"tbw-pivot-fade-in":"tbw-pivot-slide-in";for(const o of t.querySelectorAll(".pivot-group-row, .pivot-leaf-row")){const e=o.dataset.pivotKey;e&&this.keysToAnimate.has(e)&&(o.classList.add(i),o.addEventListener("animationend",()=>o.classList.remove(i),{once:!0}))}this.keysToAnimate.clear()}renderGrandTotalFooter(){if(!this.pivotResult)return;const e=this.gridElement;if(!e)return;const t=e.querySelector(".tbw-scroll-area")??e.querySelector(".tbw-grid-content")??e.children[0];if(!t)return;this.grandTotalFooter||(this.grandTotalFooter=document.createElement("div"),this.grandTotalFooter.className="pivot-grand-total-footer",t.appendChild(this.grandTotalFooter));const i={__pivotRowKey:"__grandTotal",__pivotLabel:"Grand Total",__pivotIsGrandTotal:!0,__pivotTotal:this.pivotResult.grandTotal,...this.pivotResult.totals};var o,r,n;o=i,r=this.grandTotalFooter,n=this.gridColumns,r.className="pivot-grand-total-row",r.setAttribute("role","presentation"),r.innerHTML="",n.forEach((e,t)=>{const i=document.createElement("div");if(i.className="cell",i.setAttribute("data-col",String(t)),0===t){const e=document.createElement("span");e.className="pivot-label",e.textContent="Grand Total",i.appendChild(e)}else{const t=o[e.field];i.textContent=null!=t?String(t):""}r.appendChild(i)})}cleanupGrandTotalFooter(){this.grandTotalFooter&&(this.grandTotalFooter.remove(),this.grandTotalFooter=null)}toggle(e){this.userHasToggledExpand=!0,this.expandedKeys.has(e)?this.expandedKeys.delete(e):this.expandedKeys.add(e),this.requestRender()}expand(e){this.userHasToggledExpand=!0,this.expandedKeys.add(e),this.requestRender()}collapse(e){this.userHasToggledExpand=!0,this.expandedKeys.delete(e),this.requestRender()}expandAll(){this.userHasToggledExpand=!0,this.expandAllKeys(),this.requestRender()}collapseAll(){this.userHasToggledExpand=!0,this.expandedKeys.clear(),this.requestRender()}expandAllKeys(){if(!this.pivotResult)return;const e=function(e){const t=[];function i(e){if(e.isGroup&&t.push(e.rowKey),e.children)for(const t of e.children)i(t)}for(const o of e)i(o);return t}(this.pivotResult.rows);for(const t of e)this.expandedKeys.add(t)}isExpanded(e){return this.expandedKeys.has(e)}enablePivot(){0===this.originalColumns.length&&this.captureOriginalColumns(),this.isActive=!0,this.requestRender()}disablePivot(){this.isActive=!1,this.pivotResult=null,this.requestRender()}isPivotActive(){return this.isActive}getPivotResult(){return this.pivotResult}setRowGroupFields(e){this.config.rowGroupFields=e,this.requestRender()}setColumnGroupFields(e){this.config.columnGroupFields=e,this.requestRender()}setValueFields(e){this.config.valueFields=e,this.requestRender()}refresh(){this.pivotResult=null,this.requestRender()}showPanel(){this.grid.openToolPanel(),this.grid.expandedToolPanelSections.includes(C.PANEL_ID)||this.grid.toggleToolPanelSection(C.PANEL_ID)}hidePanel(){this.grid.closeToolPanel()}togglePanel(){this.grid.isToolPanelOpen||this.grid.openToolPanel(),this.grid.toggleToolPanelSection(C.PANEL_ID)}isPanelVisible(){return this.grid.isToolPanelOpen&&this.grid.expandedToolPanelSections.includes(C.PANEL_ID)}get gridColumns(){return this.grid.columns??[]}refreshIfActive(){this.isActive&&this.refresh(),this.refreshPanel()}buildFieldHeaderMap(){const e=this.getAvailableFields();this.fieldHeaderMap.clear();for(const t of e)this.fieldHeaderMap.set(t.field,t.header)}getAvailableFields(){return this.originalColumns.length>0?this.originalColumns:this.captureOriginalColumns()}captureOriginalColumns(){try{const e=this.grid.getAllColumns?.()??this.grid.columns??[];return this.originalColumns=e.filter(e=>!e.field.startsWith("__pivot")).map(e=>({field:e.field,header:e.header??e.field})),this.originalColumns}catch{return[]}}renderPanel(e){this.panelContainer=e,0===this.originalColumns.length&&this.captureOriginalColumns();const t={onTogglePivot:e=>{e?this.enablePivot():this.disablePivot(),this.refreshPanel()},onAddFieldToZone:(e,t)=>this.addFieldToZone(e,t),onRemoveFieldFromZone:(e,t)=>this.removeFieldFromZone(e,t),onAddValueField:(e,t)=>this.addValueField(e,t),onRemoveValueField:e=>this.removeValueField(e),onUpdateValueAggFunc:(e,t)=>this.updateValueAggFunc(e,t),onOptionChange:(e,t)=>{this.config[e]=t,this.isActive&&this.refresh()},getAvailableFields:()=>this.getAvailableFields()};return h(e,this.config,this.isActive,t)}refreshPanel(){this.panelContainer&&(this.panelContainer.innerHTML="",this.renderPanel(this.panelContainer))}addFieldToZone(e,t){if("rowGroups"===t){const t=this.config.rowGroupFields??[];t.includes(e)||(this.config.rowGroupFields=[...t,e])}else{const t=this.config.columnGroupFields??[];t.includes(e)||(this.config.columnGroupFields=[...t,e])}this.removeFromOtherZones(e,t),this.refreshIfActive()}removeFieldFromZone(e,t){"rowGroups"===t?this.config.rowGroupFields=(this.config.rowGroupFields??[]).filter(t=>t!==e):this.config.columnGroupFields=(this.config.columnGroupFields??[]).filter(t=>t!==e),this.refreshIfActive()}removeFromOtherZones(e,t){"rowGroups"!==t&&(this.config.rowGroupFields=(this.config.rowGroupFields??[]).filter(t=>t!==e)),"columnGroups"!==t&&(this.config.columnGroupFields=(this.config.columnGroupFields??[]).filter(t=>t!==e)),"values"!==t&&(this.config.valueFields=(this.config.valueFields??[]).filter(t=>t.field!==e))}addValueField(e,t){const i=this.config.valueFields??[];i.some(t=>t.field===e)||(this.config.valueFields=[...i,{field:e,aggFunc:t}]),this.removeFromOtherZones(e,"values"),this.refreshIfActive()}removeValueField(e){this.config.valueFields=(this.config.valueFields??[]).filter(t=>t.field!==e),this.refreshIfActive()}updateValueAggFunc(e,t){const i=this.config.valueFields??[],o=i.findIndex(t=>t.field===e);o>=0&&(i[o]={...i[o],aggFunc:t},this.config.valueFields=[...i]),this.isActive&&this.refresh()}}export{C as PivotPlugin};
 //# sourceMappingURL=index.js.map