@toolbox-web/grid 0.0.1

package/lib/plugins/tree/index.js

@@ -0,0 +1,383 @@
+class C {
+  /** 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}`);
+  }
+}
+function w(r, e, t) {
+  return r.id !== void 0 ? String(r.id) : t ? `${t}-${e}` : String(e);
+}
+function K(r, e, t, n = null, s = 0) {
+  const o = e.childrenField ?? "children", i = [];
+  for (let c = 0; c < r.length; c++) {
+    const a = r[c], d = w(a, c, n), h = a[o], f = Array.isArray(h) && h.length > 0, g = t.has(d);
+    if (i.push({
+      key: d,
+      data: a,
+      depth: s,
+      hasChildren: f,
+      isExpanded: g,
+      parentKey: n
+    }), f && g) {
+      const y = K(h, e, t, d, s + 1);
+      i.push(...y);
+    }
+  }
+  return i;
+}
+function R(r, e) {
+  const t = new Set(r);
+  return t.has(e) ? t.delete(e) : t.add(e), t;
+}
+function x(r, e, t = null, n = 0) {
+  const s = e.childrenField ?? "children", o = /* @__PURE__ */ new Set();
+  for (let i = 0; i < r.length; i++) {
+    const c = r[i], a = w(c, i, t), d = c[s];
+    if (Array.isArray(d) && d.length > 0) {
+      o.add(a);
+      const h = x(d, e, a, n + 1);
+      for (const f of h) o.add(f);
+    }
+  }
+  return o;
+}
+function E() {
+  return /* @__PURE__ */ new Set();
+}
+function m(r, e, t, n = null, s = 0) {
+  const o = t.childrenField ?? "children";
+  for (let i = 0; i < r.length; i++) {
+    const c = r[i], a = w(c, i, n);
+    if (a === e)
+      return [a];
+    const d = c[o];
+    if (Array.isArray(d) && d.length > 0) {
+      const h = m(d, e, t, a, s + 1);
+      if (h)
+        return [a, ...h];
+    }
+  }
+  return null;
+}
+function _(r, e, t, n) {
+  const s = m(r, e, t);
+  if (!s) return n;
+  const o = new Set(n);
+  for (let i = 0; i < s.length - 1; i++)
+    o.add(s[i]);
+  return o;
+}
+function A(r, e = "children") {
+  if (!Array.isArray(r) || r.length === 0) return !1;
+  for (const t of r)
+    if (t && Array.isArray(t[e]) && t[e].length > 0)
+      return !0;
+  return !1;
+}
+function b(r) {
+  if (!Array.isArray(r) || r.length === 0) return null;
+  const e = ["children", "items", "nodes", "subRows", "nested"];
+  for (const t of r)
+    if (!(!t || typeof t != "object")) {
+      for (const n of e)
+        if (Array.isArray(t[n]) && t[n].length > 0)
+          return n;
+    }
+  return null;
+}
+function v(r, e = "children", t = 0) {
+  if (!Array.isArray(r) || r.length === 0) return t;
+  let n = t;
+  for (const s of r) {
+    if (!s) continue;
+    const o = s[e];
+    if (Array.isArray(o) && o.length > 0) {
+      const i = v(o, e, t + 1);
+      i > n && (n = i);
+    }
+  }
+  return n;
+}
+function q(r, e = "children") {
+  if (!Array.isArray(r)) return 0;
+  let t = 0;
+  for (const n of r) {
+    if (!n) continue;
+    t++;
+    const s = n[e];
+    Array.isArray(s) && (t += q(s, e));
+  }
+  return t;
+}
+class F extends C {
+  name = "tree";
+  version = "1.0.0";
+  get defaultConfig() {
+    return {
+      enabled: !0,
+      childrenField: "children",
+      autoDetect: !0,
+      defaultExpanded: !1,
+      indentWidth: 20,
+      showExpandIcons: !0
+    };
+  }
+  // ===== Internal State =====
+  /** Set of expanded row keys */
+  expandedKeys = /* @__PURE__ */ new Set();
+  /** Whether initial expansion (based on defaultExpanded config) has been applied */
+  initialExpansionDone = !1;
+  /** Flattened tree rows for rendering */
+  flattenedRows = [];
+  /** Map from key to flattened row for quick lookup */
+  rowKeyMap = /* @__PURE__ */ new Map();
+  // ===== Lifecycle =====
+  detach() {
+    this.expandedKeys.clear(), this.initialExpansionDone = !1, this.flattenedRows = [], this.rowKeyMap.clear();
+  }
+  // ===== Auto-Detection =====
+  /**
+   * Detects if tree functionality should be enabled based on data structure.
+   * Called by the grid during plugin initialization.
+   */
+  detect(e) {
+    if (!this.config.autoDetect) return !1;
+    const t = this.config.childrenField ?? b(e) ?? "children";
+    return A(e, t);
+  }
+  // ===== Data Processing =====
+  processRows(e) {
+    const t = this.config.childrenField ?? "children";
+    if (!A(e, t))
+      return this.flattenedRows = [], this.rowKeyMap.clear(), [...e];
+    this.config.defaultExpanded && !this.initialExpansionDone && (this.expandedKeys = x(e, this.config), this.initialExpansionDone = !0), this.flattenedRows = K(e, this.config, this.expandedKeys), this.rowKeyMap.clear();
+    for (const n of this.flattenedRows)
+      this.rowKeyMap.set(n.key, n);
+    return this.flattenedRows.map((n) => ({
+      ...n.data,
+      __treeKey: n.key,
+      __treeDepth: n.depth,
+      __treeHasChildren: n.hasChildren,
+      __treeExpanded: n.isExpanded
+    }));
+  }
+  processColumns(e) {
+    if (this.flattenedRows.length === 0) return [...e];
+    const t = this.config.indentWidth ?? 20, n = this.config.showExpandIcons ?? !0, s = [...e];
+    if (s.length > 0) {
+      const o = { ...s[0] }, i = o.viewRenderer;
+      o.viewRenderer = (c) => {
+        const { value: a, row: d, column: h } = c, f = d.__treeDepth ?? 0, g = d.__treeHasChildren ?? !1, y = d.__treeExpanded ?? !1, u = document.createElement("span");
+        if (u.style.display = "flex", u.style.alignItems = "center", u.style.paddingLeft = `${f * t}px`, g && n) {
+          const l = document.createElement("span");
+          l.className = "tree-toggle", l.textContent = y ? "▼" : "▶", l.style.cursor = "pointer", l.style.marginRight = "4px", l.style.fontSize = "10px", l.setAttribute("data-tree-key", d.__treeKey), u.appendChild(l);
+        } else if (n) {
+          const l = document.createElement("span");
+          l.style.width = "14px", l.style.display = "inline-block", u.appendChild(l);
+        }
+        const p = document.createElement("span");
+        if (i) {
+          const l = i(c);
+          l instanceof Node ? p.appendChild(l) : p.textContent = String(l ?? a ?? "");
+        } else
+          p.textContent = String(a ?? "");
+        return u.appendChild(p), u;
+      }, s[0] = o;
+    }
+    return s;
+  }
+  // ===== Event Handlers =====
+  onCellClick(e) {
+    const t = e.originalEvent?.target;
+    if (!t?.classList.contains("tree-toggle")) return !1;
+    const n = t.getAttribute("data-tree-key");
+    if (!n) return !1;
+    const s = this.rowKeyMap.get(n);
+    return s ? (this.expandedKeys = R(this.expandedKeys, n), this.emit("tree-expand", {
+      key: n,
+      row: s.data,
+      expanded: this.expandedKeys.has(n),
+      depth: s.depth
+    }), this.requestRender(), !0) : !1;
+  }
+  // ===== Public API =====
+  /**
+   * Expand a specific node by key.
+   */
+  expand(e) {
+    this.expandedKeys.add(e), this.requestRender();
+  }
+  /**
+   * Collapse a specific node by key.
+   */
+  collapse(e) {
+    this.expandedKeys.delete(e), this.requestRender();
+  }
+  /**
+   * Toggle the expansion state of a node.
+   */
+  toggle(e) {
+    this.expandedKeys = R(this.expandedKeys, e), this.requestRender();
+  }
+  /**
+   * Expand all nodes in the tree.
+   */
+  expandAll() {
+    this.expandedKeys = x(this.rows, this.config), this.requestRender();
+  }
+  /**
+   * Collapse all nodes in the tree.
+   */
+  collapseAll() {
+    this.expandedKeys = E(), this.requestRender();
+  }
+  /**
+   * Check if a node is currently expanded.
+   */
+  isExpanded(e) {
+    return this.expandedKeys.has(e);
+  }
+  /**
+   * Get all currently expanded keys.
+   */
+  getExpandedKeys() {
+    return [...this.expandedKeys];
+  }
+  /**
+   * Get the flattened tree rows with metadata.
+   */
+  getFlattenedRows() {
+    return [...this.flattenedRows];
+  }
+  /**
+   * Get a row's original data by its key.
+   */
+  getRowByKey(e) {
+    return this.rowKeyMap.get(e)?.data;
+  }
+  /**
+   * Expand all ancestors of a node to make it visible.
+   */
+  expandToKey(e) {
+    this.expandedKeys = _(this.rows, e, this.config, this.expandedKeys), this.requestRender();
+  }
+  // ===== Styles =====
+  styles = `
+    .tree-toggle {
+      cursor: pointer;
+      user-select: none;
+      transition: transform 0.2s;
+    }
+    .tree-toggle:hover {
+      color: var(--tbw-tree-accent, var(--tbw-color-accent));
+    }
+  `;
+}
+export {
+  F as TreePlugin,
+  q as countNodes,
+  A as detectTreeStructure,
+  v as getMaxDepth,
+  b as inferChildrenField
+};
+//# sourceMappingURL=index.js.map

package/lib/plugins/tree/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/plugins/tree/tree-data.ts","../../../../../../libs/grid/src/lib/plugins/tree/tree-detect.ts","../../../../../../libs/grid/src/lib/plugins/tree/TreePlugin.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 * Core Tree Data Logic\n *\n * Pure functions for tree flattening, expansion, and traversal.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n// The tree plugin intentionally uses `any` for maximum flexibility with user-defined row types.\n\nimport type { FlattenedTreeRow, TreeConfig } from './types';\n\n/**\n * Generates a unique key for a row.\n * Uses row.id if available, otherwise generates from path.\n */\nexport function generateRowKey(row: any, index: number, parentKey: string | null): string {\n  if (row.id !== undefined) return String(row.id);\n  return parentKey ? `${parentKey}-${index}` : String(index);\n}\n\n/**\n * Flattens a hierarchical tree into a flat array of rows with metadata.\n * Only includes children of expanded nodes.\n */\nexport function flattenTree(\n  rows: any[],\n  config: TreeConfig,\n  expandedKeys: Set<string>,\n  parentKey: string | null = null,\n  depth = 0\n): FlattenedTreeRow[] {\n  const childrenField = config.childrenField ?? 'children';\n  const result: FlattenedTreeRow[] = [];\n\n  for (let i = 0; i < rows.length; i++) {\n    const row = rows[i];\n    const key = generateRowKey(row, i, parentKey);\n    const children = row[childrenField];\n    const hasChildren = Array.isArray(children) && children.length > 0;\n    const isExpanded = expandedKeys.has(key);\n\n    result.push({\n      key,\n      data: row,\n      depth,\n      hasChildren,\n      isExpanded,\n      parentKey,\n    });\n\n    // Recursively add children if expanded\n    if (hasChildren && isExpanded) {\n      const childRows = flattenTree(children, config, expandedKeys, key, depth + 1);\n      result.push(...childRows);\n    }\n  }\n\n  return result;\n}\n\n/**\n * Toggles the expansion state of a row.\n * Returns a new Set with the toggled state.\n */\nexport function toggleExpand(expandedKeys: Set<string>, key: string): Set<string> {\n  const newExpanded = new Set(expandedKeys);\n  if (newExpanded.has(key)) {\n    newExpanded.delete(key);\n  } else {\n    newExpanded.add(key);\n  }\n  return newExpanded;\n}\n\n/**\n * Expands all nodes in the tree.\n * Returns a Set of all parent row keys.\n */\nexport function expandAll(rows: any[], config: TreeConfig, parentKey: string | null = null, depth = 0): Set<string> {\n  const childrenField = config.childrenField ?? 'children';\n  const keys = new Set<string>();\n\n  for (let i = 0; i < rows.length; i++) {\n    const row = rows[i];\n    const key = generateRowKey(row, i, parentKey);\n    const children = row[childrenField];\n\n    if (Array.isArray(children) && children.length > 0) {\n      keys.add(key);\n      const childKeys = expandAll(children, config, key, depth + 1);\n      for (const k of childKeys) keys.add(k);\n    }\n  }\n\n  return keys;\n}\n\n/**\n * Collapses all nodes.\n * Returns an empty Set.\n */\nexport function collapseAll(): Set<string> {\n  return new Set();\n}\n\n/**\n * Gets all descendants of a node from the flattened row list.\n * Useful for operations that need to affect an entire subtree.\n */\nexport function getDescendants(flattenedRows: FlattenedTreeRow[], parentKey: string): FlattenedTreeRow[] {\n  const descendants: FlattenedTreeRow[] = [];\n  let collecting = false;\n  let parentDepth = -1;\n\n  for (const row of flattenedRows) {\n    if (row.key === parentKey) {\n      collecting = true;\n      parentDepth = row.depth;\n      continue;\n    }\n\n    if (collecting) {\n      if (row.depth > parentDepth) {\n        descendants.push(row);\n      } else {\n        break; // No longer a descendant\n      }\n    }\n  }\n\n  return descendants;\n}\n\n/**\n * Finds the path from root to a specific row key.\n * Returns an array of keys from root to the target (inclusive).\n */\nexport function getPathToKey(\n  rows: any[],\n  targetKey: string,\n  config: TreeConfig,\n  parentKey: string | null = null,\n  depth = 0\n): string[] | null {\n  const childrenField = config.childrenField ?? 'children';\n\n  for (let i = 0; i < rows.length; i++) {\n    const row = rows[i];\n    const key = generateRowKey(row, i, parentKey);\n\n    if (key === targetKey) {\n      return [key];\n    }\n\n    const children = row[childrenField];\n    if (Array.isArray(children) && children.length > 0) {\n      const childPath = getPathToKey(children, targetKey, config, key, depth + 1);\n      if (childPath) {\n        return [key, ...childPath];\n      }\n    }\n  }\n\n  return null;\n}\n\n/**\n * Expands all ancestors of a specific row to make it visible.\n * Returns a new Set with the required keys added.\n */\nexport function expandToKey(\n  rows: any[],\n  targetKey: string,\n  config: TreeConfig,\n  existingExpanded: Set<string>\n): Set<string> {\n  const path = getPathToKey(rows, targetKey, config);\n  if (!path) return existingExpanded;\n\n  const newExpanded = new Set(existingExpanded);\n  // Add all keys except the last one (the target itself)\n  for (let i = 0; i < path.length - 1; i++) {\n    newExpanded.add(path[i]);\n  }\n  return newExpanded;\n}\n","/**\n * Tree Structure Auto-Detection\n *\n * Utilities for detecting hierarchical tree data structures.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n// The tree plugin intentionally uses `any` for maximum flexibility with user-defined row types.\n\n/**\n * Detects if the data has a tree structure by checking for children arrays.\n */\nexport function detectTreeStructure(rows: any[], childrenField = 'children'): boolean {\n  if (!Array.isArray(rows) || rows.length === 0) return false;\n\n  // Check if any row has a non-empty children array\n  for (const row of rows) {\n    if (row && Array.isArray(row[childrenField]) && row[childrenField].length > 0) {\n      return true;\n    }\n  }\n\n  return false;\n}\n\n/**\n * Attempts to infer the children field name from common patterns.\n * Returns the first field that contains an array with items.\n */\nexport function inferChildrenField(rows: any[]): string | null {\n  if (!Array.isArray(rows) || rows.length === 0) return null;\n\n  const commonArrayFields = ['children', 'items', 'nodes', 'subRows', 'nested'];\n\n  for (const row of rows) {\n    if (!row || typeof row !== 'object') continue;\n\n    for (const field of commonArrayFields) {\n      if (Array.isArray(row[field]) && row[field].length > 0) {\n        return field;\n      }\n    }\n  }\n\n  return null;\n}\n\n/**\n * Calculates the maximum depth of the tree.\n * Useful for layout calculations and virtualization.\n */\nexport function getMaxDepth(rows: any[], childrenField = 'children', currentDepth = 0): number {\n  if (!Array.isArray(rows) || rows.length === 0) return currentDepth;\n\n  let maxDepth = currentDepth;\n\n  for (const row of rows) {\n    if (!row) continue;\n    const children = row[childrenField];\n    if (Array.isArray(children) && children.length > 0) {\n      const childDepth = getMaxDepth(children, childrenField, currentDepth + 1);\n      if (childDepth > maxDepth) {\n        maxDepth = childDepth;\n      }\n    }\n  }\n\n  return maxDepth;\n}\n\n/**\n * Counts total nodes in the tree (including all descendants).\n */\nexport function countNodes(rows: any[], childrenField = 'children'): number {\n  if (!Array.isArray(rows)) return 0;\n\n  let count = 0;\n  for (const row of rows) {\n    if (!row) continue;\n    count++;\n    const children = row[childrenField];\n    if (Array.isArray(children)) {\n      count += countNodes(children, childrenField);\n    }\n  }\n\n  return count;\n}\n","/**\n * Tree Data Plugin (Class-based)\n *\n * Enables hierarchical tree data with expand/collapse and auto-detection.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n// The tree plugin intentionally uses `any` for maximum flexibility with user-defined row types.\n\nimport { BaseGridPlugin, CellClickEvent } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig } from '../../core/types';\nimport { collapseAll, expandAll, expandToKey, flattenTree, toggleExpand } from './tree-data';\nimport { detectTreeStructure, inferChildrenField } from './tree-detect';\nimport type { FlattenedTreeRow, TreeConfig, TreeExpandDetail } from './types';\n\n/**\n * Tree Data Plugin for tbw-grid\n *\n * Provides hierarchical tree data display with expand/collapse functionality.\n *\n * @example\n * ```ts\n * new TreePlugin({ defaultExpanded: true, indentWidth: 24 })\n * ```\n */\nexport class TreePlugin extends BaseGridPlugin<TreeConfig> {\n  readonly name = 'tree';\n  override readonly version = '1.0.0';\n\n  protected override get defaultConfig(): Partial<TreeConfig> {\n    return {\n      enabled: true,\n      childrenField: 'children',\n      autoDetect: true,\n      defaultExpanded: false,\n      indentWidth: 20,\n      showExpandIcons: true,\n    };\n  }\n\n  // ===== Internal State =====\n\n  /** Set of expanded row keys */\n  private expandedKeys = new Set<string>();\n\n  /** Whether initial expansion (based on defaultExpanded config) has been applied */\n  private initialExpansionDone = false;\n\n  /** Flattened tree rows for rendering */\n  private flattenedRows: FlattenedTreeRow[] = [];\n\n  /** Map from key to flattened row for quick lookup */\n  private rowKeyMap = new Map<string, FlattenedTreeRow>();\n\n  // ===== Lifecycle =====\n\n  override detach(): void {\n    this.expandedKeys.clear();\n    this.initialExpansionDone = false;\n    this.flattenedRows = [];\n    this.rowKeyMap.clear();\n  }\n\n  // ===== Auto-Detection =====\n\n  /**\n   * Detects if tree functionality should be enabled based on data structure.\n   * Called by the grid during plugin initialization.\n   */\n  detect(rows: readonly unknown[]): boolean {\n    if (!this.config.autoDetect) return false;\n    const childrenField = this.config.childrenField ?? inferChildrenField(rows as any[]) ?? 'children';\n    return detectTreeStructure(rows as any[], childrenField);\n  }\n\n  // ===== Data Processing =====\n\n  override processRows(rows: readonly unknown[]): any[] {\n    const childrenField = this.config.childrenField ?? 'children';\n\n    // Check if data is actually a tree\n    if (!detectTreeStructure(rows as any[], childrenField)) {\n      this.flattenedRows = [];\n      this.rowKeyMap.clear();\n      return [...rows];\n    }\n\n    // Initialize expansion state if needed (only once per grid lifecycle)\n    if (this.config.defaultExpanded && !this.initialExpansionDone) {\n      this.expandedKeys = expandAll(rows as any[], this.config);\n      this.initialExpansionDone = true;\n    }\n\n    // Flatten tree\n    this.flattenedRows = flattenTree(rows as any[], this.config, this.expandedKeys);\n\n    // Build key map\n    this.rowKeyMap.clear();\n    for (const flatRow of this.flattenedRows) {\n      this.rowKeyMap.set(flatRow.key, flatRow);\n    }\n\n    // Return flattened data for rendering with tree metadata\n    return this.flattenedRows.map((fr) => ({\n      ...fr.data,\n      __treeKey: fr.key,\n      __treeDepth: fr.depth,\n      __treeHasChildren: fr.hasChildren,\n      __treeExpanded: fr.isExpanded,\n    }));\n  }\n\n  override processColumns(columns: readonly ColumnConfig[]): ColumnConfig[] {\n    if (this.flattenedRows.length === 0) return [...columns];\n\n    const indentWidth = this.config.indentWidth ?? 20;\n    const showExpandIcons = this.config.showExpandIcons ?? true;\n\n    // Wrap first column's renderer to add tree indentation\n    const cols = [...columns] as ColumnConfig[];\n    if (cols.length > 0) {\n      const firstCol = { ...cols[0] };\n      const originalRenderer = firstCol.viewRenderer;\n\n      firstCol.viewRenderer = (renderCtx) => {\n        const { value, row, column: colConfig } = renderCtx;\n        const depth = row.__treeDepth ?? 0;\n        const hasChildren = row.__treeHasChildren ?? false;\n        const isExpanded = row.__treeExpanded ?? false;\n\n        const container = document.createElement('span');\n        container.style.display = 'flex';\n        container.style.alignItems = 'center';\n        container.style.paddingLeft = `${depth * indentWidth}px`;\n\n        // Expand/collapse icon\n        if (hasChildren && showExpandIcons) {\n          const icon = document.createElement('span');\n          icon.className = 'tree-toggle';\n          icon.textContent = isExpanded ? '▼' : '▶';\n          icon.style.cursor = 'pointer';\n          icon.style.marginRight = '4px';\n          icon.style.fontSize = '10px';\n          icon.setAttribute('data-tree-key', row.__treeKey);\n          container.appendChild(icon);\n        } else if (showExpandIcons) {\n          // Spacer for alignment\n          const spacer = document.createElement('span');\n          spacer.style.width = '14px';\n          spacer.style.display = 'inline-block';\n          container.appendChild(spacer);\n        }\n\n        // Cell content\n        const content = document.createElement('span');\n        if (originalRenderer) {\n          const rendered = originalRenderer(renderCtx);\n          if (rendered instanceof Node) {\n            content.appendChild(rendered);\n          } else {\n            content.textContent = String(rendered ?? value ?? '');\n          }\n        } else {\n          content.textContent = String(value ?? '');\n        }\n        container.appendChild(content);\n\n        return container;\n      };\n\n      cols[0] = firstCol;\n    }\n\n    return cols;\n  }\n\n  // ===== Event Handlers =====\n\n  override onCellClick(event: CellClickEvent): boolean {\n    const target = event.originalEvent?.target as HTMLElement;\n    if (!target?.classList.contains('tree-toggle')) return false;\n\n    const key = target.getAttribute('data-tree-key');\n    if (!key) return false;\n\n    const flatRow = this.rowKeyMap.get(key);\n    if (!flatRow) return false;\n\n    this.expandedKeys = toggleExpand(this.expandedKeys, key);\n\n    this.emit<TreeExpandDetail>('tree-expand', {\n      key,\n      row: flatRow.data,\n      expanded: this.expandedKeys.has(key),\n      depth: flatRow.depth,\n    });\n\n    this.requestRender();\n    return true;\n  }\n\n  // ===== Public API =====\n\n  /**\n   * Expand a specific node by key.\n   */\n  expand(key: string): void {\n    this.expandedKeys.add(key);\n    this.requestRender();\n  }\n\n  /**\n   * Collapse a specific node by key.\n   */\n  collapse(key: string): void {\n    this.expandedKeys.delete(key);\n    this.requestRender();\n  }\n\n  /**\n   * Toggle the expansion state of a node.\n   */\n  toggle(key: string): void {\n    this.expandedKeys = toggleExpand(this.expandedKeys, key);\n    this.requestRender();\n  }\n\n  /**\n   * Expand all nodes in the tree.\n   */\n  expandAll(): void {\n    this.expandedKeys = expandAll(this.rows as any[], this.config);\n    this.requestRender();\n  }\n\n  /**\n   * Collapse all nodes in the tree.\n   */\n  collapseAll(): void {\n    this.expandedKeys = collapseAll();\n    this.requestRender();\n  }\n\n  /**\n   * Check if a node is currently expanded.\n   */\n  isExpanded(key: string): boolean {\n    return this.expandedKeys.has(key);\n  }\n\n  /**\n   * Get all currently expanded keys.\n   */\n  getExpandedKeys(): string[] {\n    return [...this.expandedKeys];\n  }\n\n  /**\n   * Get the flattened tree rows with metadata.\n   */\n  getFlattenedRows(): FlattenedTreeRow[] {\n    return [...this.flattenedRows];\n  }\n\n  /**\n   * Get a row's original data by its key.\n   */\n  getRowByKey(key: string): any | undefined {\n    return this.rowKeyMap.get(key)?.data;\n  }\n\n  /**\n   * Expand all ancestors of a node to make it visible.\n   */\n  expandToKey(key: string): void {\n    this.expandedKeys = expandToKey(this.rows as any[], key, this.config, this.expandedKeys);\n    this.requestRender();\n  }\n\n  // ===== Styles =====\n\n  override readonly styles = `\n    .tree-toggle {\n      cursor: pointer;\n      user-select: none;\n      transition: transform 0.2s;\n    }\n    .tree-toggle:hover {\n      color: var(--tbw-tree-accent, var(--tbw-color-accent));\n    }\n  `;\n}\n"],"names":["BaseGridPlugin","config","grid","PluginClass","eventName","detail","message","generateRowKey","row","index","parentKey","flattenTree","rows","expandedKeys","depth","childrenField","result","i","key","children","hasChildren","isExpanded","childRows","toggleExpand","newExpanded","expandAll","keys","childKeys","k","collapseAll","getPathToKey","targetKey","childPath","expandToKey","existingExpanded","path","detectTreeStructure","inferChildrenField","commonArrayFields","field","getMaxDepth","currentDepth","maxDepth","childDepth","countNodes","count","TreePlugin","flatRow","fr","columns","indentWidth","showExpandIcons","cols","firstCol","originalRenderer","renderCtx","value","colConfig","container","icon","spacer","content","rendered","event","target"],"mappings":"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"}