@toolbox-web/grid 0.0.1

package/lib/plugins/grouping-rows/index.js

@@ -0,0 +1,494 @@
+class m {
+  /** Plugin version - override in subclass if needed */
+  version = "1.0.0";
+  /** CSS styles to inject into the grid's shadow DOM */
+  styles;
+  /** Custom cell renderers keyed by type name */
+  cellRenderers;
+  /** Custom header renderers keyed by type name */
+  headerRenderers;
+  /** Custom cell editors keyed by type name */
+  cellEditors;
+  /** The grid instance this plugin is attached to */
+  grid;
+  /** Plugin configuration - merged with defaults in attach() */
+  config;
+  /** User-provided configuration from constructor */
+  userConfig;
+  /**
+   * Default configuration - subclasses should override this getter.
+   * Note: This must be a getter (not property initializer) for proper inheritance
+   * since property initializers run after parent constructor.
+   */
+  get defaultConfig() {
+    return {};
+  }
+  constructor(e = {}) {
+    this.userConfig = e;
+  }
+  /**
+   * Called when the plugin is attached to a grid.
+   * Override to set up event listeners, initialize state, etc.
+   */
+  attach(e) {
+    this.grid = e, this.config = { ...this.defaultConfig, ...this.userConfig };
+  }
+  /**
+   * Called when the plugin is detached from a grid.
+   * Override to clean up event listeners, timers, etc.
+   */
+  detach() {
+  }
+  /**
+   * Get another plugin instance from the same grid.
+   * Use for inter-plugin communication.
+   */
+  getPlugin(e) {
+    return this.grid?.getPlugin(e);
+  }
+  /**
+   * Emit a custom event from the grid.
+   */
+  emit(e, t) {
+    this.grid?.dispatchEvent?.(new CustomEvent(e, { detail: t, bubbles: !0 }));
+  }
+  /**
+   * Request a re-render of the grid.
+   */
+  requestRender() {
+    this.grid?.requestRender?.();
+  }
+  /**
+   * Request a lightweight style update without rebuilding DOM.
+   * Use this instead of requestRender() when only CSS classes need updating.
+   */
+  requestAfterRender() {
+    this.grid?.requestAfterRender?.();
+  }
+  /**
+   * Get the current rows from the grid.
+   */
+  get rows() {
+    return this.grid?.rows ?? [];
+  }
+  /**
+   * Get the original unfiltered/unprocessed rows from the grid.
+   * Use this when you need all source data regardless of active filters.
+   */
+  get sourceRows() {
+    return this.grid?.sourceRows ?? [];
+  }
+  /**
+   * Get the current columns from the grid.
+   */
+  get columns() {
+    return this.grid?.columns ?? [];
+  }
+  /**
+   * Get only visible columns from the grid (excludes hidden).
+   * Use this for rendering that needs to match the grid template.
+   */
+  get visibleColumns() {
+    return this.grid?.visibleColumns ?? [];
+  }
+  /**
+   * Get the shadow root of the grid.
+   */
+  get shadowRoot() {
+    return this.grid?.shadowRoot ?? null;
+  }
+  /**
+   * Log a warning message.
+   */
+  warn(e) {
+    console.warn(`[tbw-grid:${this.name}] ${e}`);
+  }
+}
+const b = {
+  sum: (n, e) => n.reduce((t, i) => t + (Number(i[e]) || 0), 0),
+  avg: (n, e) => {
+    const t = n.reduce((i, r) => i + (Number(r[e]) || 0), 0);
+    return n.length ? t / n.length : 0;
+  },
+  count: (n) => n.length,
+  min: (n, e) => Math.min(...n.map((t) => Number(t[e]) || 1 / 0)),
+  max: (n, e) => Math.max(...n.map((t) => Number(t[e]) || -1 / 0)),
+  first: (n, e) => n[0]?.[e],
+  last: (n, e) => n[n.length - 1]?.[e]
+}, _ = /* @__PURE__ */ new Map(), f = {
+  /**
+   * Register a custom aggregator function.
+   */
+  register(n, e) {
+    _.set(n, e);
+  },
+  /**
+   * Unregister a custom aggregator function.
+   */
+  unregister(n) {
+    _.delete(n);
+  },
+  /**
+   * Get an aggregator function by reference.
+   */
+  get(n) {
+    if (n !== void 0)
+      return typeof n == "function" ? n : _.get(n) ?? b[n];
+  },
+  /**
+   * Run an aggregator on a set of rows.
+   */
+  run(n, e, t, i) {
+    const r = this.get(n);
+    return r ? r(e, t, i) : void 0;
+  },
+  /**
+   * Check if an aggregator exists.
+   */
+  has(n) {
+    return _.has(n) || n in b;
+  },
+  /**
+   * List all available aggregator names.
+   */
+  list() {
+    return [...Object.keys(b), ..._.keys()];
+  }
+};
+f.register.bind(f);
+f.unregister.bind(f);
+f.get.bind(f);
+const R = f.run.bind(f);
+f.list.bind(f);
+function w({ rows: n, config: e, expanded: t }) {
+  const i = e.groupOn;
+  if (!e.enabled || typeof i != "function")
+    return [];
+  const r = { key: "__root__", value: null, depth: -1, rows: [], children: /* @__PURE__ */ new Map() };
+  if (n.forEach((o) => {
+    let u = i(o);
+    u == null || u === !1 ? u = ["__ungrouped__"] : Array.isArray(u) || (u = [u]);
+    let s = r;
+    u.forEach((p, x) => {
+      const a = p == null ? "∅" : String(p), c = s.key === "__root__" ? a : s.key + "||" + a;
+      let g = s.children.get(a);
+      g || (g = { key: c, value: p, depth: x, rows: [], children: /* @__PURE__ */ new Map(), parent: s }, s.children.set(a, g)), s = g;
+    }), s.rows.push(o);
+  }), r.children.size === 1 && r.children.has("__ungrouped__") && r.children.get("__ungrouped__").rows.length === n.length)
+    return [];
+  const d = [], l = (o) => {
+    if (o === r) {
+      o.children.forEach((s) => l(s));
+      return;
+    }
+    const u = t.has(o.key);
+    d.push({
+      kind: "group",
+      key: o.key,
+      value: o.value,
+      depth: o.depth,
+      rows: o.rows,
+      expanded: u
+    }), u && (o.children.size ? o.children.forEach((s) => l(s)) : o.rows.forEach((s) => d.push({ kind: "data", row: s, rowIndex: n.indexOf(s) })));
+  };
+  return l(r), d;
+}
+function v(n, e) {
+  const t = new Set(n);
+  return t.has(e) ? t.delete(e) : t.add(e), t;
+}
+function C(n) {
+  const e = /* @__PURE__ */ new Set();
+  for (const t of n)
+    t.kind === "group" && e.add(t.key);
+  return e;
+}
+function A() {
+  return /* @__PURE__ */ new Set();
+}
+function K(n) {
+  return n.kind !== "group" ? 0 : n.rows.length;
+}
+class G extends m {
+  name = "groupingRows";
+  version = "1.0.0";
+  get defaultConfig() {
+    return {
+      enabled: !0,
+      defaultExpanded: !1,
+      showRowCount: !0,
+      indentWidth: 20,
+      aggregators: {}
+    };
+  }
+  // ===== Internal State =====
+  expandedKeys = /* @__PURE__ */ new Set();
+  flattenedRows = [];
+  isActive = !1;
+  // ===== Lifecycle =====
+  detach() {
+    this.expandedKeys.clear(), this.flattenedRows = [], this.isActive = !1;
+  }
+  // ===== Hooks =====
+  /**
+   * Auto-detect grouping configuration from grid config.
+   * Called by plugin system to determine if plugin should activate.
+   */
+  static detect(e, t) {
+    return typeof t?.groupOn == "function" || typeof t?.enableRowGrouping == "boolean";
+  }
+  processRows(e) {
+    const t = this.config;
+    if (!t.enabled || typeof t.groupOn != "function")
+      return this.isActive = !1, this.flattenedRows = [], [...e];
+    const i = w({
+      rows: e,
+      config: t,
+      expanded: this.expandedKeys
+    });
+    return i.length === 0 ? (this.isActive = !1, this.flattenedRows = [], [...e]) : (this.isActive = !0, this.flattenedRows = i, i.map((r) => r.kind === "group" ? {
+      __isGroupRow: !0,
+      __groupKey: r.key,
+      __groupValue: r.value,
+      __groupDepth: r.depth,
+      __groupRows: r.rows,
+      __groupExpanded: r.expanded,
+      __groupRowCount: K(r)
+    } : r.row));
+  }
+  onCellClick(e) {
+    const t = e.row;
+    if (t?.__isGroupRow && e.originalEvent.target?.closest(".group-toggle"))
+      return this.toggle(t.__groupKey), !0;
+  }
+  /**
+   * Render a row. Returns true if we handled the row (group row), false otherwise.
+   */
+  renderRow(e, t, i) {
+    if (!e?.__isGroupRow)
+      return !1;
+    const r = this.config;
+    if (r.groupRowRenderer) {
+      const o = () => {
+        this.toggle(e.__groupKey);
+      }, u = r.groupRowRenderer({
+        key: e.__groupKey,
+        value: e.__groupValue,
+        depth: e.__groupDepth,
+        rows: e.__groupRows,
+        expanded: e.__groupExpanded,
+        toggleExpand: o
+      });
+      if (u)
+        return t.className = "group-row", t.__isCustomRow = !0, t.setAttribute("data-group-depth", String(e.__groupDepth)), typeof u == "string" ? t.innerHTML = u : (t.innerHTML = "", t.appendChild(u)), !0;
+    }
+    const d = () => {
+      this.toggle(e.__groupKey);
+    };
+    return t.className = "group-row", t.__isCustomRow = !0, t.setAttribute("data-group-depth", String(e.__groupDepth)), t.setAttribute("role", "row"), t.setAttribute("aria-expanded", String(e.__groupExpanded)), t.style.paddingLeft = `${(e.__groupDepth || 0) * (r.indentWidth ?? 20)}px`, t.innerHTML = "", r.fullWidth !== !1 ? this.renderFullWidthGroupRow(e, t, d) : this.renderPerColumnGroupRow(e, t, d), !0;
+  }
+  afterRender() {
+  }
+  // ===== Private Rendering Helpers =====
+  renderFullWidthGroupRow(e, t, i) {
+    const r = this.config, d = document.createElement("div");
+    d.className = "cell group-full", d.style.gridColumn = "1 / -1", d.setAttribute("role", "gridcell");
+    const l = document.createElement("button");
+    l.type = "button", l.className = "group-toggle", l.setAttribute("aria-label", e.__groupExpanded ? "Collapse group" : "Expand group"), l.textContent = e.__groupExpanded ? "▾" : "▸", l.addEventListener("click", (s) => {
+      s.stopPropagation(), i();
+    }), d.appendChild(l);
+    const o = document.createElement("span");
+    o.className = "group-label";
+    const u = r.formatLabel ? r.formatLabel(e.__groupValue, e.__groupDepth || 0, e.__groupKey) : String(e.__groupValue);
+    if (o.textContent = u, d.appendChild(o), r.showRowCount !== !1) {
+      const s = document.createElement("span");
+      s.className = "group-count", s.textContent = `(${e.__groupRowCount ?? e.__groupRows?.length ?? 0})`, d.appendChild(s);
+    }
+    t.appendChild(d);
+  }
+  renderPerColumnGroupRow(e, t, i) {
+    const r = this.config, d = r.aggregators ?? {}, l = this.columns, o = e.__groupRows ?? [];
+    this.grid;
+    const s = this.shadowRoot?.querySelector(".body")?.style.gridTemplateColumns || "";
+    s && (t.style.display = "grid", t.style.gridTemplateColumns = s), l.forEach((p, x) => {
+      const a = document.createElement("div");
+      if (a.className = "cell group-cell", a.setAttribute("data-col", String(x)), a.setAttribute("role", "gridcell"), x === 0) {
+        const c = document.createElement("button");
+        c.type = "button", c.className = "group-toggle", c.textContent = e.__groupExpanded ? "▾" : "▸", c.addEventListener("click", (h) => {
+          h.stopPropagation(), i();
+        }), a.appendChild(c);
+        const g = document.createElement("span"), y = d[p.field];
+        if (y) {
+          const h = R(y, o, p.field, p);
+          g.textContent = h != null ? String(h) : String(e.__groupValue);
+        } else {
+          const h = r.formatLabel ? r.formatLabel(e.__groupValue, e.__groupDepth || 0, e.__groupKey) : String(e.__groupValue);
+          g.textContent = h;
+        }
+        if (a.appendChild(g), r.showRowCount !== !1) {
+          const h = document.createElement("span");
+          h.className = "group-count", h.textContent = ` (${o.length})`, a.appendChild(h);
+        }
+      } else {
+        const c = d[p.field];
+        if (c) {
+          const g = R(c, o, p.field, p);
+          a.textContent = g != null ? String(g) : "";
+        } else
+          a.textContent = "";
+      }
+      t.appendChild(a);
+    });
+  }
+  // ===== Public API =====
+  /**
+   * Expand all groups.
+   */
+  expandAll() {
+    this.expandedKeys = C(this.flattenedRows), this.requestRender();
+  }
+  /**
+   * Collapse all groups.
+   */
+  collapseAll() {
+    this.expandedKeys = A(), this.requestRender();
+  }
+  /**
+   * Toggle expansion of a specific group.
+   * @param key - The group key to toggle
+   */
+  toggle(e) {
+    this.expandedKeys = v(this.expandedKeys, e);
+    const t = this.flattenedRows.find((i) => i.kind === "group" && i.key === e);
+    this.emit("group-toggle", {
+      key: e,
+      expanded: this.expandedKeys.has(e),
+      value: t?.value,
+      depth: t?.depth ?? 0
+    }), this.requestRender();
+  }
+  /**
+   * Check if a specific group is expanded.
+   * @param key - The group key to check
+   * @returns Whether the group is expanded
+   */
+  isExpanded(e) {
+    return this.expandedKeys.has(e);
+  }
+  /**
+   * Expand a specific group.
+   * @param key - The group key to expand
+   */
+  expand(e) {
+    this.expandedKeys.has(e) || (this.expandedKeys = /* @__PURE__ */ new Set([...this.expandedKeys, e]), this.requestRender());
+  }
+  /**
+   * Collapse a specific group.
+   * @param key - The group key to collapse
+   */
+  collapse(e) {
+    if (this.expandedKeys.has(e)) {
+      const t = new Set(this.expandedKeys);
+      t.delete(e), this.expandedKeys = t, this.requestRender();
+    }
+  }
+  /**
+   * Get the current group state.
+   * @returns Group state information
+   */
+  getGroupState() {
+    const e = this.flattenedRows.filter((t) => t.kind === "group");
+    return {
+      isActive: this.isActive,
+      expandedCount: this.expandedKeys.size,
+      totalGroups: e.length,
+      expandedKeys: [...this.expandedKeys]
+    };
+  }
+  /**
+   * Get the total count of visible rows (including group headers).
+   * @returns Number of visible rows
+   */
+  getRowCount() {
+    return this.flattenedRows.length;
+  }
+  /**
+   * Refresh the grouped row model.
+   * Call this after modifying groupOn or other config options.
+   */
+  refreshGroups() {
+    this.requestRender();
+  }
+  /**
+   * Get current expanded group keys.
+   * @returns Array of expanded group keys
+   */
+  getExpandedGroups() {
+    return [...this.expandedKeys];
+  }
+  /**
+   * Get the flattened row model.
+   * @returns Array of render rows (groups + data rows)
+   */
+  getFlattenedRows() {
+    return this.flattenedRows;
+  }
+  /**
+   * Check if grouping is currently active.
+   * @returns Whether grouping is active
+   */
+  isGroupingActive() {
+    return this.isActive;
+  }
+  /**
+   * Set the groupOn function dynamically.
+   * @param fn - The groupOn function or undefined to disable
+   */
+  setGroupOn(e) {
+    this.config.groupOn = e, this.requestRender();
+  }
+  // ===== Styles =====
+  styles = `
+    .group-row {
+      background: var(--tbw-grouping-rows-bg, var(--tbw-color-panel-bg));
+      font-weight: 500;
+    }
+    .group-row:hover {
+      background: var(--tbw-grouping-rows-bg-hover, var(--tbw-color-row-hover));
+    }
+    .group-toggle {
+      cursor: pointer;
+      user-select: none;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 20px;
+      height: 20px;
+      margin-right: 4px;
+      font-size: 10px;
+    }
+    .group-toggle:hover {
+      background: var(--tbw-grouping-rows-toggle-hover, var(--tbw-color-row-hover));
+      border-radius: 2px;
+    }
+    .group-label {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+    }
+    .group-count {
+      color: var(--tbw-grouping-rows-count-color, var(--tbw-color-fg-muted));
+      font-size: 0.85em;
+      font-weight: normal;
+    }
+    [data-group-depth="0"] .group-label { padding-left: 0; }
+    [data-group-depth="1"] .group-label { padding-left: 20px; }
+    [data-group-depth="2"] .group-label { padding-left: 40px; }
+    [data-group-depth="3"] .group-label { padding-left: 60px; }
+    [data-group-depth="4"] .group-label { padding-left: 80px; }
+  `;
+}
+export {
+  G as GroupingRowsPlugin
+};
+//# sourceMappingURL=index.js.map

package/lib/plugins/grouping-rows/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../libs/grid/src/lib/core/plugin/base-plugin.ts","../../../../../../libs/grid/src/lib/core/internal/aggregators.ts","../../../../../../libs/grid/src/lib/plugins/grouping-rows/grouping-rows.ts","../../../../../../libs/grid/src/lib/plugins/grouping-rows/GroupingRowsPlugin.ts"],"sourcesContent":["/**\r\n * Base Grid Plugin Class\r\n *\r\n * All plugins extend this abstract class.\r\n * Plugins are instantiated per-grid and manage their own state.\r\n */\r\n\r\nimport type { ColumnConfig, ColumnState, HeaderContentDefinition, ToolPanelDefinition } from '../types';\r\n\r\n// Forward declare to avoid circular imports\r\nexport interface GridElement {\r\n  shadowRoot: ShadowRoot | null;\r\n  rows: any[];\r\n  columns: ColumnConfig[];\r\n  gridConfig: any;\r\n  requestRender(): void;\r\n  requestAfterRender(): void;\r\n  forceLayout(): Promise<void>;\r\n  getPlugin<T extends BaseGridPlugin>(PluginClass: new (...args: any[]) => T): T | undefined;\r\n  getPluginByName(name: string): BaseGridPlugin | undefined;\r\n  dispatchEvent(event: Event): boolean;\r\n}\r\n\r\n/**\r\n * Keyboard modifier flags\r\n */\r\nexport interface KeyboardModifiers {\r\n  ctrl?: boolean;\r\n  shift?: boolean;\r\n  alt?: boolean;\r\n  meta?: boolean;\r\n}\r\n\r\n/**\r\n * Cell coordinates\r\n */\r\nexport interface CellCoords {\r\n  row: number;\r\n  col: number;\r\n}\r\n\r\n/**\r\n * Cell click event\r\n */\r\nexport interface CellClickEvent {\r\n  rowIndex: number;\r\n  colIndex: number;\r\n  field: string;\r\n  value: any;\r\n  row: any;\r\n  cellEl: HTMLElement;\r\n  originalEvent: MouseEvent;\r\n}\r\n\r\n/**\r\n * Row click event\r\n */\r\nexport interface RowClickEvent {\r\n  rowIndex: number;\r\n  row: any;\r\n  rowEl: HTMLElement;\r\n  originalEvent: MouseEvent;\r\n}\r\n\r\n/**\r\n * Header click event\r\n */\r\nexport interface HeaderClickEvent {\r\n  colIndex: number;\r\n  field: string;\r\n  column: ColumnConfig;\r\n  headerEl: HTMLElement;\r\n  originalEvent: MouseEvent;\r\n}\r\n\r\n/**\r\n * Scroll event\r\n */\r\nexport interface ScrollEvent {\r\n  scrollTop: number;\r\n  scrollLeft: number;\r\n  scrollHeight: number;\r\n  scrollWidth: number;\r\n  clientHeight: number;\r\n  clientWidth: number;\r\n  originalEvent?: Event;\r\n}\r\n\r\n/**\r\n * Cell mouse event (for drag operations, selection, etc.)\r\n */\r\nexport interface CellMouseEvent {\r\n  /** Event type: mousedown, mousemove, or mouseup */\r\n  type: 'mousedown' | 'mousemove' | 'mouseup';\r\n  /** Row index, undefined if not over a data cell */\r\n  rowIndex?: number;\r\n  /** Column index, undefined if not over a cell */\r\n  colIndex?: number;\r\n  /** Field name, undefined if not over a cell */\r\n  field?: string;\r\n  /** Cell value, undefined if not over a data cell */\r\n  value?: unknown;\r\n  /** Row data object, undefined if not over a data row */\r\n  row?: unknown;\r\n  /** Column configuration, undefined if not over a column */\r\n  column?: ColumnConfig;\r\n  /** The cell element, undefined if not over a cell */\r\n  cellElement?: HTMLElement;\r\n  /** The row element, undefined if not over a row */\r\n  rowElement?: HTMLElement;\r\n  /** Whether the event is over a header cell */\r\n  isHeader: boolean;\r\n  /** Cell coordinates if over a valid data cell */\r\n  cell?: CellCoords;\r\n  /** The original mouse event */\r\n  originalEvent: MouseEvent;\r\n}\r\n\r\n/**\r\n * Context menu parameters\r\n */\r\nexport interface ContextMenuParams {\r\n  x: number;\r\n  y: number;\r\n  rowIndex?: number;\r\n  colIndex?: number;\r\n  field?: string;\r\n  value?: any;\r\n  row?: any;\r\n  column?: ColumnConfig;\r\n  isHeader?: boolean;\r\n}\r\n\r\n/**\r\n * Context menu item\r\n */\r\nexport interface ContextMenuItem {\r\n  id: string;\r\n  label: string;\r\n  icon?: string;\r\n  disabled?: boolean;\r\n  separator?: boolean;\r\n  children?: ContextMenuItem[];\r\n  action?: (params: ContextMenuParams) => void;\r\n}\r\n\r\n/**\r\n * Cell render context for plugin cell renderers.\r\n * Provides full context including position and editing state.\r\n *\r\n * Note: This differs from the core `CellRenderContext` in types.ts which is\r\n * simpler and used for column view renderers. This version provides additional\r\n * context needed by plugins that register custom cell renderers.\r\n */\r\nexport interface PluginCellRenderContext {\r\n  /** The cell value */\r\n  value: any;\r\n  /** The field/column key */\r\n  field: string;\r\n  /** The row data object */\r\n  row: any;\r\n  /** Row index in the data array */\r\n  rowIndex: number;\r\n  /** Column index */\r\n  colIndex: number;\r\n  /** Column configuration */\r\n  column: ColumnConfig;\r\n  /** Whether the cell is currently in edit mode */\r\n  isEditing: boolean;\r\n}\r\n\r\n/**\r\n * Header render context for plugin header renderers.\r\n */\r\nexport interface PluginHeaderRenderContext {\r\n  /** Column configuration */\r\n  column: ColumnConfig;\r\n  /** Column index */\r\n  colIndex: number;\r\n}\r\n\r\n/**\r\n * Cell renderer function type for plugins.\r\n */\r\nexport type CellRenderer = (ctx: PluginCellRenderContext) => string | HTMLElement;\r\n\r\n/**\r\n * Header renderer function type for plugins.\r\n */\r\nexport type HeaderRenderer = (ctx: PluginHeaderRenderContext) => string | HTMLElement;\r\n\r\n/**\r\n * Cell editor interface for plugins.\r\n */\r\nexport interface CellEditor {\r\n  create(ctx: PluginCellRenderContext, commitFn: (value: any) => void, cancelFn: () => void): HTMLElement;\r\n  getValue?(element: HTMLElement): any;\r\n  focus?(element: HTMLElement): void;\r\n}\r\n\r\n/**\r\n * Abstract base class for all grid plugins.\r\n *\r\n * @template TConfig - Configuration type for the plugin\r\n */\r\nexport abstract class BaseGridPlugin<TConfig = unknown> {\r\n  /** Unique plugin identifier (derived from class name by default) */\r\n  abstract readonly name: string;\r\n\r\n  /** Plugin version - override in subclass if needed */\r\n  readonly version: string = '1.0.0';\r\n\r\n  /** CSS styles to inject into the grid's shadow DOM */\r\n  readonly styles?: string;\r\n\r\n  /** Custom cell renderers keyed by type name */\r\n  readonly cellRenderers?: Record<string, CellRenderer>;\r\n\r\n  /** Custom header renderers keyed by type name */\r\n  readonly headerRenderers?: Record<string, HeaderRenderer>;\r\n\r\n  /** Custom cell editors keyed by type name */\r\n  readonly cellEditors?: Record<string, CellEditor>;\r\n\r\n  /** The grid instance this plugin is attached to */\r\n  protected grid!: GridElement;\r\n\r\n  /** Plugin configuration - merged with defaults in attach() */\r\n  protected config!: TConfig;\r\n\r\n  /** User-provided configuration from constructor */\r\n  private readonly userConfig: Partial<TConfig>;\r\n\r\n  /**\r\n   * Default configuration - subclasses should override this getter.\r\n   * Note: This must be a getter (not property initializer) for proper inheritance\r\n   * since property initializers run after parent constructor.\r\n   */\r\n  protected get defaultConfig(): Partial<TConfig> {\r\n    return {};\r\n  }\r\n\r\n  constructor(config: Partial<TConfig> = {}) {\r\n    this.userConfig = config;\r\n  }\r\n\r\n  /**\r\n   * Called when the plugin is attached to a grid.\r\n   * Override to set up event listeners, initialize state, etc.\r\n   */\r\n  attach(grid: GridElement): void {\r\n    this.grid = grid;\r\n    // Merge config here (after subclass construction is complete)\r\n    this.config = { ...this.defaultConfig, ...this.userConfig } as TConfig;\r\n  }\r\n\r\n  /**\r\n   * Called when the plugin is detached from a grid.\r\n   * Override to clean up event listeners, timers, etc.\r\n   */\r\n  detach(): void {\r\n    // Override in subclass\r\n  }\r\n\r\n  /**\r\n   * Get another plugin instance from the same grid.\r\n   * Use for inter-plugin communication.\r\n   */\r\n  protected getPlugin<T extends BaseGridPlugin>(PluginClass: new (...args: any[]) => T): T | undefined {\r\n    return this.grid?.getPlugin(PluginClass);\r\n  }\r\n\r\n  /**\r\n   * Emit a custom event from the grid.\r\n   */\r\n  protected emit<T>(eventName: string, detail: T): void {\r\n    this.grid?.dispatchEvent?.(new CustomEvent(eventName, { detail, bubbles: true }));\r\n  }\r\n\r\n  /**\r\n   * Request a re-render of the grid.\r\n   */\r\n  protected requestRender(): void {\r\n    this.grid?.requestRender?.();\r\n  }\r\n\r\n  /**\r\n   * Request a lightweight style update without rebuilding DOM.\r\n   * Use this instead of requestRender() when only CSS classes need updating.\r\n   */\r\n  protected requestAfterRender(): void {\r\n    this.grid?.requestAfterRender?.();\r\n  }\r\n\r\n  /**\r\n   * Get the current rows from the grid.\r\n   */\r\n  protected get rows(): any[] {\r\n    return this.grid?.rows ?? [];\r\n  }\r\n\r\n  /**\r\n   * Get the original unfiltered/unprocessed rows from the grid.\r\n   * Use this when you need all source data regardless of active filters.\r\n   */\r\n  protected get sourceRows(): any[] {\r\n    return (this.grid as any)?.sourceRows ?? [];\r\n  }\r\n\r\n  /**\r\n   * Get the current columns from the grid.\r\n   */\r\n  protected get columns(): ColumnConfig[] {\r\n    return this.grid?.columns ?? [];\r\n  }\r\n\r\n  /**\r\n   * Get only visible columns from the grid (excludes hidden).\r\n   * Use this for rendering that needs to match the grid template.\r\n   */\r\n  protected get visibleColumns(): ColumnConfig[] {\r\n    return (this.grid as any)?.visibleColumns ?? [];\r\n  }\r\n\r\n  /**\r\n   * Get the shadow root of the grid.\r\n   */\r\n  protected get shadowRoot(): ShadowRoot | null {\r\n    return this.grid?.shadowRoot ?? null;\r\n  }\r\n\r\n  /**\r\n   * Log a warning message.\r\n   */\r\n  protected warn(message: string): void {\r\n    console.warn(`[tbw-grid:${this.name}] ${message}`);\r\n  }\r\n\r\n  // ===== Lifecycle Hooks (override as needed) =====\r\n\r\n  /**\r\n   * Transform rows before rendering.\r\n   * Called during each render cycle before rows are rendered to the DOM.\r\n   * Use this to filter, sort, or add computed properties to rows.\r\n   *\r\n   * @param rows - The current rows array (readonly to encourage returning a new array)\r\n   * @returns The modified rows array to render\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * processRows(rows: readonly any[]): any[] {\r\n   *   // Filter out hidden rows\r\n   *   return rows.filter(row => !row._hidden);\r\n   * }\r\n   * ```\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * processRows(rows: readonly any[]): any[] {\r\n   *   // Add computed properties\r\n   *   return rows.map(row => ({\r\n   *     ...row,\r\n   *     _fullName: `${row.firstName} ${row.lastName}`\r\n   *   }));\r\n   * }\r\n   * ```\r\n   */\r\n  processRows?(rows: readonly any[]): any[];\r\n\r\n  /**\r\n   * Transform columns before rendering.\r\n   * Called during each render cycle before column headers and cells are rendered.\r\n   * Use this to add, remove, or modify column definitions.\r\n   *\r\n   * @param columns - The current columns array (readonly to encourage returning a new array)\r\n   * @returns The modified columns array to render\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * processColumns(columns: readonly ColumnConfig[]): ColumnConfig[] {\r\n   *   // Add a selection checkbox column\r\n   *   return [\r\n   *     { field: '_select', header: '', width: 40 },\r\n   *     ...columns\r\n   *   ];\r\n   * }\r\n   * ```\r\n   */\r\n  processColumns?(columns: readonly ColumnConfig[]): ColumnConfig[];\r\n\r\n  /**\r\n   * Called before each render cycle begins.\r\n   * Use this to prepare state or cache values needed during rendering.\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * beforeRender(): void {\r\n   *   this.visibleRowCount = this.calculateVisibleRows();\r\n   * }\r\n   * ```\r\n   */\r\n  beforeRender?(): void;\r\n\r\n  /**\r\n   * Called after each render cycle completes.\r\n   * Use this for DOM manipulation, adding event listeners to rendered elements,\r\n   * or applying visual effects like selection highlights.\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * afterRender(): void {\r\n   *   // Apply selection styling to rendered rows\r\n   *   const rows = this.shadowRoot?.querySelectorAll('.data-row');\r\n   *   rows?.forEach((row, i) => {\r\n   *     row.classList.toggle('selected', this.selectedRows.has(i));\r\n   *   });\r\n   * }\r\n   * ```\r\n   */\r\n  afterRender?(): void;\r\n\r\n  /**\r\n   * Render a custom row, bypassing the default row rendering.\r\n   * Use this for special row types like group headers, detail rows, or footers.\r\n   *\r\n   * @param row - The row data object\r\n   * @param rowEl - The row DOM element to render into\r\n   * @param rowIndex - The index of the row in the data array\r\n   * @returns `true` if the plugin handled rendering (prevents default), `false`/`void` for default rendering\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * renderRow(row: any, rowEl: HTMLElement, rowIndex: number): boolean | void {\r\n   *   if (row._isGroupHeader) {\r\n   *     rowEl.innerHTML = `<div class=\"group-header\">${row._groupLabel}</div>`;\r\n   *     return true; // Handled - skip default rendering\r\n   *   }\r\n   *   // Return void to let default rendering proceed\r\n   * }\r\n   * ```\r\n   */\r\n  renderRow?(row: any, rowEl: HTMLElement, rowIndex: number): boolean | void;\r\n\r\n  // ===== Interaction Hooks (override as needed) =====\r\n\r\n  /**\r\n   * Handle keyboard events on the grid.\r\n   * Called when a key is pressed while the grid or a cell has focus.\r\n   *\r\n   * @param event - The native KeyboardEvent\r\n   * @returns `true` to prevent default behavior and stop propagation, `false`/`void` to allow default\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * onKeyDown(event: KeyboardEvent): boolean | void {\r\n   *   // Handle Ctrl+A for select all\r\n   *   if (event.ctrlKey && event.key === 'a') {\r\n   *     this.selectAllRows();\r\n   *     return true; // Prevent default browser select-all\r\n   *   }\r\n   * }\r\n   * ```\r\n   */\r\n  onKeyDown?(event: KeyboardEvent): boolean | void;\r\n\r\n  /**\r\n   * Handle cell click events.\r\n   * Called when a data cell is clicked (not headers).\r\n   *\r\n   * @param event - Cell click event with row/column context\r\n   * @returns `true` to prevent default behavior and stop propagation, `false`/`void` to allow default\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * onCellClick(event: CellClickEvent): boolean | void {\r\n   *   if (event.field === '_select') {\r\n   *     this.toggleRowSelection(event.rowIndex);\r\n   *     return true; // Handled\r\n   *   }\r\n   * }\r\n   * ```\r\n   */\r\n  onCellClick?(event: CellClickEvent): boolean | void;\r\n\r\n  /**\r\n   * Handle row click events.\r\n   * Called when any part of a data row is clicked.\r\n   * Note: This is called in addition to onCellClick, not instead of.\r\n   *\r\n   * @param event - Row click event with row context\r\n   * @returns `true` to prevent default behavior and stop propagation, `false`/`void` to allow default\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * onRowClick(event: RowClickEvent): boolean | void {\r\n   *   if (this.config.mode === 'row') {\r\n   *     this.selectRow(event.rowIndex, event.originalEvent);\r\n   *     return true;\r\n   *   }\r\n   * }\r\n   * ```\r\n   */\r\n  onRowClick?(event: RowClickEvent): boolean | void;\r\n\r\n  /**\r\n   * Handle header click events.\r\n   * Called when a column header is clicked. Commonly used for sorting.\r\n   *\r\n   * @param event - Header click event with column context\r\n   * @returns `true` to prevent default behavior and stop propagation, `false`/`void` to allow default\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * onHeaderClick(event: HeaderClickEvent): boolean | void {\r\n   *   if (event.column.sortable !== false) {\r\n   *     this.toggleSort(event.field);\r\n   *     return true;\r\n   *   }\r\n   * }\r\n   * ```\r\n   */\r\n  onHeaderClick?(event: HeaderClickEvent): boolean | void;\r\n\r\n  /**\r\n   * Handle scroll events on the grid viewport.\r\n   * Called during scrolling. Note: This may be called frequently; debounce if needed.\r\n   *\r\n   * @param event - Scroll event with scroll position and viewport dimensions\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * onScroll(event: ScrollEvent): void {\r\n   *   // Update sticky column positions\r\n   *   this.updateStickyPositions(event.scrollLeft);\r\n   * }\r\n   * ```\r\n   */\r\n  onScroll?(event: ScrollEvent): void;\r\n\r\n  /**\r\n   * Handle cell mousedown events.\r\n   * Used for initiating drag operations like range selection or column resize.\r\n   *\r\n   * @param event - Mouse event with cell context\r\n   * @returns `true` to indicate drag started (prevents text selection), `false`/`void` otherwise\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * onCellMouseDown(event: CellMouseEvent): boolean | void {\r\n   *   if (event.rowIndex !== undefined && this.config.mode === 'range') {\r\n   *     this.startDragSelection(event.rowIndex, event.colIndex);\r\n   *     return true; // Prevent text selection\r\n   *   }\r\n   * }\r\n   * ```\r\n   */\r\n  onCellMouseDown?(event: CellMouseEvent): boolean | void;\r\n\r\n  /**\r\n   * Handle cell mousemove events during drag operations.\r\n   * Only called when a drag is in progress (after mousedown returned true).\r\n   *\r\n   * @param event - Mouse event with current cell context\r\n   * @returns `true` to continue handling the drag, `false`/`void` otherwise\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * onCellMouseMove(event: CellMouseEvent): boolean | void {\r\n   *   if (this.isDragging && event.rowIndex !== undefined) {\r\n   *     this.extendSelection(event.rowIndex, event.colIndex);\r\n   *     return true;\r\n   *   }\r\n   * }\r\n   * ```\r\n   */\r\n  onCellMouseMove?(event: CellMouseEvent): boolean | void;\r\n\r\n  /**\r\n   * Handle cell mouseup events to end drag operations.\r\n   *\r\n   * @param event - Mouse event with final cell context\r\n   * @returns `true` if drag was finalized, `false`/`void` otherwise\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * onCellMouseUp(event: CellMouseEvent): boolean | void {\r\n   *   if (this.isDragging) {\r\n   *     this.finalizeDragSelection();\r\n   *     this.isDragging = false;\r\n   *     return true;\r\n   *   }\r\n   * }\r\n   * ```\r\n   */\r\n  onCellMouseUp?(event: CellMouseEvent): boolean | void;\r\n\r\n  /**\r\n   * Provide context menu items when right-clicking on the grid.\r\n   * Multiple plugins can contribute items; they are merged into a single menu.\r\n   *\r\n   * @param params - Context about where the menu was triggered (row, column, etc.)\r\n   * @returns Array of menu items to display\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * getContextMenuItems(params: ContextMenuParams): ContextMenuItem[] {\r\n   *   if (params.isHeader) {\r\n   *     return [\r\n   *       { id: 'sort-asc', label: 'Sort Ascending', action: () => this.sortAsc(params.field) },\r\n   *       { id: 'sort-desc', label: 'Sort Descending', action: () => this.sortDesc(params.field) },\r\n   *     ];\r\n   *   }\r\n   *   return [\r\n   *     { id: 'copy', label: 'Copy Cell', action: () => this.copyCell(params) },\r\n   *   ];\r\n   * }\r\n   * ```\r\n   */\r\n  getContextMenuItems?(params: ContextMenuParams): ContextMenuItem[];\r\n\r\n  // ===== Column State Hooks (override as needed) =====\r\n\r\n  /**\r\n   * Contribute plugin-specific state for a column.\r\n   * Called by the grid when collecting column state for serialization.\r\n   * Plugins can add their own properties to the column state.\r\n   *\r\n   * @param field - The field name of the column\r\n   * @returns Partial column state with plugin-specific properties, or undefined if no state to contribute\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * getColumnState(field: string): Partial<ColumnState> | undefined {\r\n   *   const filterModel = this.filterModels.get(field);\r\n   *   if (filterModel) {\r\n   *     // Uses module augmentation to add filter property to ColumnState\r\n   *     return { filter: filterModel } as Partial<ColumnState>;\r\n   *   }\r\n   *   return undefined;\r\n   * }\r\n   * ```\r\n   */\r\n  getColumnState?(field: string): Partial<ColumnState> | undefined;\r\n\r\n  /**\r\n   * Apply plugin-specific state to a column.\r\n   * Called by the grid when restoring column state from serialized data.\r\n   * Plugins should restore their internal state based on the provided state.\r\n   *\r\n   * @param field - The field name of the column\r\n   * @param state - The column state to apply (may contain plugin-specific properties)\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * applyColumnState(field: string, state: ColumnState): void {\r\n   *   // Check for filter property added via module augmentation\r\n   *   const filter = (state as any).filter;\r\n   *   if (filter) {\r\n   *     this.filterModels.set(field, filter);\r\n   *     this.applyFilter();\r\n   *   }\r\n   * }\r\n   * ```\r\n   */\r\n  applyColumnState?(field: string, state: ColumnState): void;\r\n\r\n  // ===== Shell Integration Hooks (override as needed) =====\r\n\r\n  /**\r\n   * Register a tool panel for this plugin.\r\n   * Return undefined if plugin has no tool panel.\r\n   * The shell will create a toolbar toggle button and render the panel content\r\n   * when the user opens the panel.\r\n   *\r\n   * @returns Tool panel definition, or undefined if plugin has no panel\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * getToolPanel(): ToolPanelDefinition | undefined {\r\n   *   return {\r\n   *     id: 'columns',\r\n   *     title: 'Columns',\r\n   *     icon: '☰',\r\n   *     tooltip: 'Show/hide columns',\r\n   *     order: 10,\r\n   *     render: (container) => {\r\n   *       this.renderColumnList(container);\r\n   *       return () => this.cleanup();\r\n   *     },\r\n   *   };\r\n   * }\r\n   * ```\r\n   */\r\n  getToolPanel?(): ToolPanelDefinition | undefined;\r\n\r\n  /**\r\n   * Register content for the shell header center section.\r\n   * Return undefined if plugin has no header content.\r\n   * Examples: search input, selection summary, status indicators.\r\n   *\r\n   * @returns Header content definition, or undefined if plugin has no header content\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * getHeaderContent(): HeaderContentDefinition | undefined {\r\n   *   return {\r\n   *     id: 'quick-filter',\r\n   *     order: 10,\r\n   *     render: (container) => {\r\n   *       const input = document.createElement('input');\r\n   *       input.type = 'text';\r\n   *       input.placeholder = 'Search...';\r\n   *       input.addEventListener('input', this.handleInput);\r\n   *       container.appendChild(input);\r\n   *       return () => input.removeEventListener('input', this.handleInput);\r\n   *     },\r\n   *   };\r\n   * }\r\n   * ```\r\n   */\r\n  getHeaderContent?(): HeaderContentDefinition | undefined;\r\n}\r\n","/**\n * Aggregators Core Registry\n *\n * Provides a central registry for aggregator functions.\n * Built-in aggregators are provided by default.\n * Plugins can register additional aggregators.\n *\n * The registry is exposed as a singleton object that can be accessed:\n * - By ES module imports: import { aggregatorRegistry } from '@toolbox-web/grid'\n * - By UMD/CDN: TbwGrid.aggregatorRegistry\n * - By plugins via context: ctx.aggregatorRegistry\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nexport type AggregatorFn = (rows: any[], field: string, column?: any) => any;\nexport type AggregatorRef = string | AggregatorFn;\n\n/** Built-in aggregator functions */\nconst builtInAggregators: Record<string, AggregatorFn> = {\n  sum: (rows, field) => rows.reduce((acc, row) => acc + (Number(row[field]) || 0), 0),\n  avg: (rows, field) => {\n    const sum = rows.reduce((acc, row) => acc + (Number(row[field]) || 0), 0);\n    return rows.length ? sum / rows.length : 0;\n  },\n  count: (rows) => rows.length,\n  min: (rows, field) => Math.min(...rows.map((r) => Number(r[field]) || Infinity)),\n  max: (rows, field) => Math.max(...rows.map((r) => Number(r[field]) || -Infinity)),\n  first: (rows, field) => rows[0]?.[field],\n  last: (rows, field) => rows[rows.length - 1]?.[field],\n};\n\n/** Custom aggregator registry (for plugins to add to) */\nconst customAggregators: Map<string, AggregatorFn> = new Map();\n\n/**\n * The aggregator registry singleton.\n * Plugins should access this through context or the global namespace.\n */\nexport const aggregatorRegistry = {\n  /**\n   * Register a custom aggregator function.\n   */\n  register(name: string, fn: AggregatorFn): void {\n    customAggregators.set(name, fn);\n  },\n\n  /**\n   * Unregister a custom aggregator function.\n   */\n  unregister(name: string): void {\n    customAggregators.delete(name);\n  },\n\n  /**\n   * Get an aggregator function by reference.\n   */\n  get(ref: AggregatorRef | undefined): AggregatorFn | undefined {\n    if (ref === undefined) return undefined;\n    if (typeof ref === 'function') return ref;\n    // Check custom first, then built-in\n    return customAggregators.get(ref) ?? builtInAggregators[ref];\n  },\n\n  /**\n   * Run an aggregator on a set of rows.\n   */\n  run(ref: AggregatorRef | undefined, rows: any[], field: string, column?: any): any {\n    const fn = this.get(ref);\n    return fn ? fn(rows, field, column) : undefined;\n  },\n\n  /**\n   * Check if an aggregator exists.\n   */\n  has(name: string): boolean {\n    return customAggregators.has(name) || name in builtInAggregators;\n  },\n\n  /**\n   * List all available aggregator names.\n   */\n  list(): string[] {\n    return [...Object.keys(builtInAggregators), ...customAggregators.keys()];\n  },\n};\n\n// Legacy function exports for backward compatibility\nexport const registerAggregator = aggregatorRegistry.register.bind(aggregatorRegistry);\nexport const unregisterAggregator = aggregatorRegistry.unregister.bind(aggregatorRegistry);\nexport const getAggregator = aggregatorRegistry.get.bind(aggregatorRegistry);\nexport const runAggregator = aggregatorRegistry.run.bind(aggregatorRegistry);\nexport const listAggregators = aggregatorRegistry.list.bind(aggregatorRegistry);\n","/**\n * Row Grouping Core Logic\n *\n * Pure functions for building grouped row models and aggregations.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport type { RenderRow, RowGroupingConfig } from './types';\n\n// Re-export aggregator functions from core for backward compatibility\nexport {\n  getAggregator,\n  listAggregators,\n  registerAggregator,\n  runAggregator,\n} from '../../core/internal/aggregators';\n\ninterface GroupNode {\n  key: string; // composite key\n  value: any;\n  depth: number;\n  rows: any[];\n  children: Map<string, GroupNode>;\n  parent?: GroupNode;\n}\n\ninterface BuildGroupingArgs {\n  rows: any[];\n  config: RowGroupingConfig;\n  expanded: Set<string>;\n}\n\n/**\n * Build a flattened grouping projection (collapsed by default).\n * Returns empty array when grouping disabled or all rows ungrouped.\n *\n * @param args - The grouping arguments\n * @returns Flattened array of render rows (groups + data rows)\n */\nexport function buildGroupedRowModel({ rows, config, expanded }: BuildGroupingArgs): RenderRow[] {\n  const groupOn = config.groupOn;\n  if (!config.enabled || typeof groupOn !== 'function') {\n    return [];\n  }\n\n  const root: GroupNode = { key: '__root__', value: null, depth: -1, rows: [], children: new Map() };\n\n  // Build tree structure\n  rows.forEach((r) => {\n    let path: any = groupOn(r);\n    if (path == null || path === false) path = ['__ungrouped__'];\n    else if (!Array.isArray(path)) path = [path];\n\n    let parent = root;\n    path.forEach((rawVal: any, depthIdx: number) => {\n      const seg = rawVal == null ? '∅' : String(rawVal);\n      const composite = parent.key === '__root__' ? seg : parent.key + '||' + seg;\n      let node = parent.children.get(seg);\n      if (!node) {\n        node = { key: composite, value: rawVal, depth: depthIdx, rows: [], children: new Map(), parent };\n        parent.children.set(seg, node);\n      }\n      parent = node;\n    });\n    parent.rows.push(r);\n  });\n\n  // All ungrouped? treat as no grouping\n  if (root.children.size === 1 && root.children.has('__ungrouped__')) {\n    const only = root.children.get('__ungrouped__')!;\n    if (only.rows.length === rows.length) return [];\n  }\n\n  // Flatten tree to array\n  const flat: RenderRow[] = [];\n  const visit = (node: GroupNode) => {\n    if (node === root) {\n      node.children.forEach((c) => visit(c));\n      return;\n    }\n\n    const isExpanded = expanded.has(node.key);\n    flat.push({\n      kind: 'group',\n      key: node.key,\n      value: node.value,\n      depth: node.depth,\n      rows: node.rows,\n      expanded: isExpanded,\n    });\n\n    if (isExpanded) {\n      if (node.children.size) {\n        node.children.forEach((c) => visit(c));\n      } else {\n        node.rows.forEach((r) => flat.push({ kind: 'data', row: r, rowIndex: rows.indexOf(r) }));\n      }\n    }\n  };\n  visit(root);\n\n  return flat;\n}\n\n/**\n * Toggle expansion state for a group key.\n *\n * @param expandedKeys - Current set of expanded keys\n * @param key - The group key to toggle\n * @returns New set with toggled state\n */\nexport function toggleGroupExpansion(expandedKeys: Set<string>, key: string): Set<string> {\n  const newSet = new Set(expandedKeys);\n  if (newSet.has(key)) {\n    newSet.delete(key);\n  } else {\n    newSet.add(key);\n  }\n  return newSet;\n}\n\n/**\n * Expand all groups.\n *\n * @param rows - The flattened render rows\n * @returns Set of all group keys\n */\nexport function expandAllGroups(rows: RenderRow[]): Set<string> {\n  const keys = new Set<string>();\n  for (const row of rows) {\n    if (row.kind === 'group') {\n      keys.add(row.key);\n    }\n  }\n  return keys;\n}\n\n/**\n * Collapse all groups.\n *\n * @returns Empty set\n */\nexport function collapseAllGroups(): Set<string> {\n  return new Set();\n}\n\n/**\n * Get all group keys from a flattened model.\n *\n * @param rows - The flattened render rows\n * @returns Array of group keys\n */\nexport function getGroupKeys(rows: RenderRow[]): string[] {\n  return rows.filter((r) => r.kind === 'group').map((r) => (r as any).key);\n}\n\n/**\n * Count total rows in a group (including nested groups).\n *\n * @param groupRow - The group row\n * @returns Total row count\n */\nexport function getGroupRowCount(groupRow: RenderRow): number {\n  if (groupRow.kind !== 'group') return 0;\n  return groupRow.rows.length;\n}\n","/**\n * Row Grouping Plugin (Class-based)\n *\n * Enables hierarchical row grouping with expand/collapse and aggregations.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { BaseGridPlugin, CellClickEvent } from '../../core/plugin/base-plugin';\nimport {\n  buildGroupedRowModel,\n  collapseAllGroups,\n  expandAllGroups,\n  getGroupRowCount,\n  runAggregator,\n  toggleGroupExpansion,\n} from './grouping-rows';\nimport type { GroupingRowsConfig, GroupRowModelItem, GroupToggleDetail, RenderRow } from './types';\n\n/**\n * Group state information returned by getGroupState()\n */\nexport interface GroupState {\n  /** Whether grouping is currently active */\n  isActive: boolean;\n  /** Number of expanded groups */\n  expandedCount: number;\n  /** Total number of groups */\n  totalGroups: number;\n  /** Array of expanded group keys */\n  expandedKeys: string[];\n}\n\n/**\n * Row Grouping Plugin for tbw-grid\n *\n * @example\n * ```ts\n * new GroupingRowsPlugin({\n *   enabled: true,\n *   groupOn: (row) => row.category,\n *   defaultExpanded: false,\n *   showRowCount: true,\n * })\n * ```\n */\nexport class GroupingRowsPlugin extends BaseGridPlugin<GroupingRowsConfig> {\n  readonly name = 'groupingRows';\n  override readonly version = '1.0.0';\n\n  protected override get defaultConfig(): Partial<GroupingRowsConfig> {\n    return {\n      enabled: true,\n      defaultExpanded: false,\n      showRowCount: true,\n      indentWidth: 20,\n      aggregators: {},\n    };\n  }\n\n  // ===== Internal State =====\n  private expandedKeys: Set<string> = new Set();\n  private flattenedRows: RenderRow[] = [];\n  private isActive = false;\n\n  // ===== Lifecycle =====\n\n  override detach(): void {\n    this.expandedKeys.clear();\n    this.flattenedRows = [];\n    this.isActive = false;\n  }\n\n  // ===== Hooks =====\n\n  /**\n   * Auto-detect grouping configuration from grid config.\n   * Called by plugin system to determine if plugin should activate.\n   */\n  static detect(rows: readonly any[], config: any): boolean {\n    return typeof config?.groupOn === 'function' || typeof config?.enableRowGrouping === 'boolean';\n  }\n\n  override processRows(rows: readonly any[]): any[] {\n    const config = this.config;\n\n    // Check if grouping is configured\n    if (!config.enabled || typeof config.groupOn !== 'function') {\n      this.isActive = false;\n      this.flattenedRows = [];\n      return [...rows];\n    }\n\n    // Build grouped model\n    const grouped = buildGroupedRowModel({\n      rows: rows as any[],\n      config: config,\n      expanded: this.expandedKeys,\n    });\n\n    // If no grouping produced, return original rows\n    if (grouped.length === 0) {\n      this.isActive = false;\n      this.flattenedRows = [];\n      return [...rows];\n    }\n\n    this.isActive = true;\n    this.flattenedRows = grouped;\n\n    // Return flattened rows for rendering\n    // The grid will need to handle group rows specially\n    return grouped.map((item) => {\n      if (item.kind === 'group') {\n        return {\n          __isGroupRow: true,\n          __groupKey: item.key,\n          __groupValue: item.value,\n          __groupDepth: item.depth,\n          __groupRows: item.rows,\n          __groupExpanded: item.expanded,\n          __groupRowCount: getGroupRowCount(item),\n        };\n      }\n      return item.row;\n    });\n  }\n\n  override onCellClick(event: CellClickEvent): boolean | void {\n    const row = event.row;\n\n    // Check if this is a group row toggle\n    if (row?.__isGroupRow) {\n      const target = event.originalEvent.target as HTMLElement;\n      if (target?.closest('.group-toggle')) {\n        this.toggle(row.__groupKey);\n        return true; // Prevent default\n      }\n    }\n  }\n\n  /**\n   * Render a row. Returns true if we handled the row (group row), false otherwise.\n   */\n  override renderRow(row: any, rowEl: HTMLElement, _rowIndex: number): boolean {\n    // Only handle group rows\n    if (!row?.__isGroupRow) {\n      return false;\n    }\n\n    const config = this.config;\n\n    // If a custom renderer is provided, use it\n    if (config.groupRowRenderer) {\n      const toggleExpand = () => {\n        this.toggle(row.__groupKey);\n      };\n\n      const result = config.groupRowRenderer({\n        key: row.__groupKey,\n        value: row.__groupValue,\n        depth: row.__groupDepth,\n        rows: row.__groupRows,\n        expanded: row.__groupExpanded,\n        toggleExpand,\n      });\n\n      if (result) {\n        rowEl.className = 'group-row';\n        (rowEl as any).__isCustomRow = true; // Mark for proper class reset on recycle\n        rowEl.setAttribute('data-group-depth', String(row.__groupDepth));\n        if (typeof result === 'string') {\n          rowEl.innerHTML = result;\n        } else {\n          rowEl.innerHTML = '';\n          rowEl.appendChild(result);\n        }\n        return true;\n      }\n    }\n\n    // Helper to toggle expansion\n    const handleToggle = () => {\n      this.toggle(row.__groupKey);\n    };\n\n    // Default group row rendering\n    rowEl.className = 'group-row';\n    (rowEl as any).__isCustomRow = true; // Mark for proper class reset on recycle\n    rowEl.setAttribute('data-group-depth', String(row.__groupDepth));\n    rowEl.setAttribute('role', 'row');\n    rowEl.setAttribute('aria-expanded', String(row.__groupExpanded));\n    rowEl.style.paddingLeft = `${(row.__groupDepth || 0) * (config.indentWidth ?? 20)}px`;\n    rowEl.innerHTML = '';\n\n    const isFullWidth = config.fullWidth !== false; // default true\n\n    if (isFullWidth) {\n      this.renderFullWidthGroupRow(row, rowEl, handleToggle);\n    } else {\n      this.renderPerColumnGroupRow(row, rowEl, handleToggle);\n    }\n\n    return true;\n  }\n\n  override afterRender(): void {\n    // No additional DOM manipulation needed for grouping\n    // The renderRow hook handles all group row rendering\n  }\n\n  // ===== Private Rendering Helpers =====\n\n  private renderFullWidthGroupRow(row: any, rowEl: HTMLElement, handleToggle: () => void): void {\n    const config = this.config;\n\n    // Full-width mode: single spanning cell with toggle + label + count\n    const cell = document.createElement('div');\n    cell.className = 'cell group-full';\n    cell.style.gridColumn = '1 / -1';\n    cell.setAttribute('role', 'gridcell');\n\n    // Toggle button with click handler\n    const btn = document.createElement('button');\n    btn.type = 'button';\n    btn.className = 'group-toggle';\n    btn.setAttribute('aria-label', row.__groupExpanded ? 'Collapse group' : 'Expand group');\n    btn.textContent = row.__groupExpanded ? '▾' : '▸';\n    btn.addEventListener('click', (e) => {\n      e.stopPropagation();\n      handleToggle();\n    });\n    cell.appendChild(btn);\n\n    // Group label - use formatLabel if provided\n    const label = document.createElement('span');\n    label.className = 'group-label';\n    const labelText = config.formatLabel\n      ? config.formatLabel(row.__groupValue, row.__groupDepth || 0, row.__groupKey)\n      : String(row.__groupValue);\n    label.textContent = labelText;\n    cell.appendChild(label);\n\n    // Row count\n    if (config.showRowCount !== false) {\n      const count = document.createElement('span');\n      count.className = 'group-count';\n      count.textContent = `(${row.__groupRowCount ?? row.__groupRows?.length ?? 0})`;\n      cell.appendChild(count);\n    }\n\n    rowEl.appendChild(cell);\n  }\n\n  private renderPerColumnGroupRow(row: any, rowEl: HTMLElement, handleToggle: () => void): void {\n    const config = this.config;\n    const aggregators = config.aggregators ?? {};\n    const columns = this.columns;\n    const groupRows = row.__groupRows ?? [];\n\n    // Get grid template from the grid element\n    const gridEl = this.grid as any;\n    const bodyEl = this.shadowRoot?.querySelector('.body') as HTMLElement | null;\n    const gridTemplate = bodyEl?.style.gridTemplateColumns || '';\n    if (gridTemplate) {\n      rowEl.style.display = 'grid';\n      rowEl.style.gridTemplateColumns = gridTemplate;\n    }\n\n    columns.forEach((col, colIdx) => {\n      const cell = document.createElement('div');\n      cell.className = 'cell group-cell';\n      cell.setAttribute('data-col', String(colIdx));\n      cell.setAttribute('role', 'gridcell');\n\n      if (colIdx === 0) {\n        // First column: toggle button + label\n        const btn = document.createElement('button');\n        btn.type = 'button';\n        btn.className = 'group-toggle';\n        btn.textContent = row.__groupExpanded ? '▾' : '▸';\n        btn.addEventListener('click', (e) => {\n          e.stopPropagation();\n          handleToggle();\n        });\n        cell.appendChild(btn);\n\n        const label = document.createElement('span');\n        const firstColAgg = aggregators[col.field];\n        if (firstColAgg) {\n          const aggResult = runAggregator(firstColAgg, groupRows, col.field, col);\n          label.textContent = aggResult != null ? String(aggResult) : String(row.__groupValue);\n        } else {\n          const labelText = config.formatLabel\n            ? config.formatLabel(row.__groupValue, row.__groupDepth || 0, row.__groupKey)\n            : String(row.__groupValue);\n          label.textContent = labelText;\n        }\n        cell.appendChild(label);\n\n        if (config.showRowCount !== false) {\n          const count = document.createElement('span');\n          count.className = 'group-count';\n          count.textContent = ` (${groupRows.length})`;\n          cell.appendChild(count);\n        }\n      } else {\n        // Other columns: run aggregator if defined\n        const aggRef = aggregators[col.field];\n        if (aggRef) {\n          const result = runAggregator(aggRef, groupRows, col.field, col);\n          cell.textContent = result != null ? String(result) : '';\n        } else {\n          cell.textContent = '';\n        }\n      }\n\n      rowEl.appendChild(cell);\n    });\n  }\n\n  // ===== Public API =====\n\n  /**\n   * Expand all groups.\n   */\n  expandAll(): void {\n    this.expandedKeys = expandAllGroups(this.flattenedRows);\n    this.requestRender();\n  }\n\n  /**\n   * Collapse all groups.\n   */\n  collapseAll(): void {\n    this.expandedKeys = collapseAllGroups();\n    this.requestRender();\n  }\n\n  /**\n   * Toggle expansion of a specific group.\n   * @param key - The group key to toggle\n   */\n  toggle(key: string): void {\n    this.expandedKeys = toggleGroupExpansion(this.expandedKeys, key);\n\n    // Find the group to emit event details\n    const group = this.flattenedRows.find((r) => r.kind === 'group' && r.key === key) as GroupRowModelItem | undefined;\n\n    this.emit<GroupToggleDetail>('group-toggle', {\n      key,\n      expanded: this.expandedKeys.has(key),\n      value: group?.value,\n      depth: group?.depth ?? 0,\n    });\n\n    this.requestRender();\n  }\n\n  /**\n   * Check if a specific group is expanded.\n   * @param key - The group key to check\n   * @returns Whether the group is expanded\n   */\n  isExpanded(key: string): boolean {\n    return this.expandedKeys.has(key);\n  }\n\n  /**\n   * Expand a specific group.\n   * @param key - The group key to expand\n   */\n  expand(key: string): void {\n    if (!this.expandedKeys.has(key)) {\n      this.expandedKeys = new Set([...this.expandedKeys, key]);\n      this.requestRender();\n    }\n  }\n\n  /**\n   * Collapse a specific group.\n   * @param key - The group key to collapse\n   */\n  collapse(key: string): void {\n    if (this.expandedKeys.has(key)) {\n      const newKeys = new Set(this.expandedKeys);\n      newKeys.delete(key);\n      this.expandedKeys = newKeys;\n      this.requestRender();\n    }\n  }\n\n  /**\n   * Get the current group state.\n   * @returns Group state information\n   */\n  getGroupState(): GroupState {\n    const groupRows = this.flattenedRows.filter((r) => r.kind === 'group');\n    return {\n      isActive: this.isActive,\n      expandedCount: this.expandedKeys.size,\n      totalGroups: groupRows.length,\n      expandedKeys: [...this.expandedKeys],\n    };\n  }\n\n  /**\n   * Get the total count of visible rows (including group headers).\n   * @returns Number of visible rows\n   */\n  getRowCount(): number {\n    return this.flattenedRows.length;\n  }\n\n  /**\n   * Refresh the grouped row model.\n   * Call this after modifying groupOn or other config options.\n   */\n  refreshGroups(): void {\n    this.requestRender();\n  }\n\n  /**\n   * Get current expanded group keys.\n   * @returns Array of expanded group keys\n   */\n  getExpandedGroups(): string[] {\n    return [...this.expandedKeys];\n  }\n\n  /**\n   * Get the flattened row model.\n   * @returns Array of render rows (groups + data rows)\n   */\n  getFlattenedRows(): RenderRow[] {\n    return this.flattenedRows;\n  }\n\n  /**\n   * Check if grouping is currently active.\n   * @returns Whether grouping is active\n   */\n  isGroupingActive(): boolean {\n    return this.isActive;\n  }\n\n  /**\n   * Set the groupOn function dynamically.\n   * @param fn - The groupOn function or undefined to disable\n   */\n  setGroupOn(fn: ((row: any) => any[] | any | null | false) | undefined): void {\n    (this.config as GroupingRowsConfig).groupOn = fn;\n    this.requestRender();\n  }\n\n  // ===== Styles =====\n\n  override readonly styles = `\n    .group-row {\n      background: var(--tbw-grouping-rows-bg, var(--tbw-color-panel-bg));\n      font-weight: 500;\n    }\n    .group-row:hover {\n      background: var(--tbw-grouping-rows-bg-hover, var(--tbw-color-row-hover));\n    }\n    .group-toggle {\n      cursor: pointer;\n      user-select: none;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 20px;\n      height: 20px;\n      margin-right: 4px;\n      font-size: 10px;\n    }\n    .group-toggle:hover {\n      background: var(--tbw-grouping-rows-toggle-hover, var(--tbw-color-row-hover));\n      border-radius: 2px;\n    }\n    .group-label {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n    }\n    .group-count {\n      color: var(--tbw-grouping-rows-count-color, var(--tbw-color-fg-muted));\n      font-size: 0.85em;\n      font-weight: normal;\n    }\n    [data-group-depth=\"0\"] .group-label { padding-left: 0; }\n    [data-group-depth=\"1\"] .group-label { padding-left: 20px; }\n    [data-group-depth=\"2\"] .group-label { padding-left: 40px; }\n    [data-group-depth=\"3\"] .group-label { padding-left: 60px; }\n    [data-group-depth=\"4\"] .group-label { padding-left: 80px; }\n  `;\n}\n"],"names":["BaseGridPlugin","config","grid","PluginClass","eventName","detail","message","builtInAggregators","rows","field","acc","row","sum","r","customAggregators","aggregatorRegistry","name","fn","ref","column","runAggregator","buildGroupedRowModel","expanded","groupOn","root","path","parent","rawVal","depthIdx","seg","composite","node","flat","visit","c","isExpanded","toggleGroupExpansion","expandedKeys","key","newSet","expandAllGroups","keys","collapseAllGroups","getGroupRowCount","groupRow","GroupingRowsPlugin","grouped","item","event","rowEl","_rowIndex","toggleExpand","result","handleToggle","cell","btn","e","label","labelText","count","aggregators","columns","groupRows","gridTemplate","col","colIdx","firstColAgg","aggResult","aggRef","group","newKeys"],"mappings":"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"}