@toolbox-web/grid 1.26.1 → 1.27.0

package/umd/plugins/grouping-rows.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"grouping-rows.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/grouping-rows/grouping-rows.ts","../../../../../libs/grid/src/lib/plugins/grouping-rows/GroupingRowsPlugin.ts"],"sourcesContent":["/**\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 { DefaultExpandedValue, GroupRowModelItem, RenderRow, RowGroupingConfig } from './types';\n\n// Re-export aggregator functions from core for backward compatibility\nexport { getAggregator, listAggregators, registerAggregator, runAggregator } 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  /** Initial expanded state to apply (processed by the plugin) */\n  initialExpanded?: Set<string>;\n}\n\n/**\n * Build a flattened grouping projection (collapsed by default).\n * Returns empty array when groupOn not configured 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, initialExpanded }: BuildGroupingArgs): RenderRow[] {\n  const groupOn = config.groupOn;\n  if (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  // Merge expanded sets - use initialExpanded on first render, then expanded takes over\n  const effectiveExpanded = new Set([...expanded, ...(initialExpanded ?? [])]);\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 = effectiveExpanded.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 * Resolve a defaultExpanded value to a set of keys to expand.\n * This needs to be called AFTER building the group model to get all keys.\n *\n * @param value - The defaultExpanded config value\n * @param allGroupKeys - All group keys from the model\n * @returns Set of keys to expand initially\n */\nexport function resolveDefaultExpanded(value: DefaultExpandedValue, allGroupKeys: string[]): Set<string> {\n  if (value === true) {\n    // Expand all groups\n    return new Set(allGroupKeys);\n  }\n  if (value === false || value == null) {\n    // Collapse all groups\n    return new Set();\n  }\n  if (typeof value === 'number') {\n    // Expand group at this index\n    const key = allGroupKeys[value];\n    return key ? new Set([key]) : new Set();\n  }\n  if (typeof value === 'string') {\n    // Expand group with this key\n    return new Set([value]);\n  }\n  if (Array.isArray(value)) {\n    // Expand groups with these keys\n    return new Set(value);\n  }\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 is GroupRowModelItem => r.kind === 'group').map((r) => r.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\nimport { BaseGridPlugin, CellClickEvent, type PluginManifest, type PluginQuery } from '../../core/plugin/base-plugin';\nimport { isExpanderColumn } from '../../core/plugin/expander-column';\nimport type { RowElementInternal } from '../../core/types';\nimport {\n  buildGroupedRowModel,\n  collapseAllGroups,\n  expandAllGroups,\n  getGroupKeys,\n  getGroupRowCount,\n  resolveDefaultExpanded,\n  runAggregator,\n  toggleGroupExpansion,\n} from './grouping-rows';\nimport styles from './grouping-rows.css?inline';\nimport type {\n  ExpandCollapseAnimation,\n  GroupingRowsConfig,\n  GroupRowModelItem,\n  GroupToggleDetail,\n  RenderRow,\n} 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 * Organizes rows into collapsible hierarchical groups. Perfect for organizing data\n * by category, department, status, or any other dimension—or even multiple dimensions\n * for nested grouping. Includes aggregation support for summarizing group data.\n *\n * ## Installation\n *\n * ```ts\n * import { GroupingRowsPlugin } from '@toolbox-web/grid/plugins/grouping-rows';\n * ```\n *\n * ## Configuration Options\n *\n * | Option | Type | Default | Description |\n * |--------|------|---------|-------------|\n * | `groupOn` | `(row) => string[]` | - | Callback returning group path array |\n * | `defaultExpanded` | `boolean \\\\| number \\\\| string \\\\| string[]` | `false` | Initial expanded state |\n * | `showRowCount` | `boolean` | `true` | Show row count in group header |\n * | `indentWidth` | `number` | `20` | Indentation per level (pixels) |\n * | `fullWidth` | `boolean` | `true` | Group row spans full width |\n * | `animation` | `false \\\\| 'slide' \\\\| 'fade'` | `'slide'` | Expand/collapse animation |\n * | `accordion` | `boolean` | `false` | Only one group open at a time |\n *\n * ## Programmatic API\n *\n * | Method | Signature | Description |\n * |--------|-----------|-------------|\n * | `expandGroup` | `(path: string[]) => void` | Expand a specific group |\n * | `collapseGroup` | `(path: string[]) => void` | Collapse a specific group |\n * | `expandAll` | `() => void` | Expand all groups |\n * | `collapseAll` | `() => void` | Collapse all groups |\n * | `isGroupExpanded` | `(path: string[]) => boolean` | Check if group is expanded |\n * | `getGroupState` | `() => GroupState` | Get current grouping state |\n *\n * ## CSS Custom Properties\n *\n * | Property | Default | Description |\n * |----------|---------|-------------|\n * | `--tbw-group-indent-width` | `1.25em` | Indentation per group level |\n * | `--tbw-grouping-rows-bg` | `var(--tbw-color-panel-bg)` | Group row background |\n * | `--tbw-grouping-rows-count-color` | `var(--tbw-color-fg-muted)` | Count badge color |\n * | `--tbw-animation-duration` | `200ms` | Expand/collapse animation |\n *\n * @example Single-Level Grouping by Department\n * ```ts\n * import { queryGrid } from '@toolbox-web/grid';\n * import { GroupingRowsPlugin } from '@toolbox-web/grid/plugins/grouping-rows';\n *\n * const grid = queryGrid('tbw-grid');\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'name', header: 'Employee' },\n *     { field: 'department', header: 'Department' },\n *     { field: 'salary', header: 'Salary', type: 'currency' },\n *   ],\n *   plugins: [\n *     new GroupingRowsPlugin({\n *       groupOn: (row) => [row.department],\n *       showRowCount: true,\n *       defaultExpanded: false,\n *     }),\n *   ],\n * };\n * ```\n *\n * @example Multi-Level Grouping\n * ```ts\n * new GroupingRowsPlugin({\n *   groupOn: (row) => [row.region, row.department, row.team],\n *   indentWidth: 24,\n *   animation: 'slide',\n * })\n * ```\n *\n * @see {@link GroupingRowsConfig} for all configuration options\n * @see {@link GroupState} for the group state structure\n *\n * @internal Extends BaseGridPlugin\n */\nexport class GroupingRowsPlugin extends BaseGridPlugin<GroupingRowsConfig> {\n  /**\n   * Plugin manifest - declares configuration validation rules and events.\n   * @internal\n   */\n  static override readonly manifest: PluginManifest<GroupingRowsConfig> = {\n    events: [\n      {\n        type: 'grouping-state-change',\n        description: 'Emitted when groups are expanded/collapsed. Subscribers can react to row visibility changes.',\n      },\n    ],\n    queries: [\n      {\n        type: 'canMoveRow',\n        description: 'Returns false for group header rows (cannot be reordered)',\n      },\n    ],\n    configRules: [\n      {\n        id: 'groupingRows/accordion-defaultExpanded',\n        severity: 'warn',\n        message:\n          `\"accordion: true\" and \"defaultExpanded\" (non-false) are used together.\\n` +\n          `  → In accordion mode, only one group can be open at a time.\\n` +\n          `  → Using defaultExpanded with multiple groups will collapse to one on first toggle.\\n` +\n          `  → Consider using \"defaultExpanded: false\" or a single group key/index with accordion mode.`,\n        check: (config) =>\n          config.accordion === true &&\n          config.defaultExpanded !== false &&\n          config.defaultExpanded !== undefined &&\n          // Allow single group expansion with accordion\n          !(typeof config.defaultExpanded === 'number') &&\n          !(typeof config.defaultExpanded === 'string') &&\n          // Warn if true or array with multiple items\n          (config.defaultExpanded === true ||\n            (Array.isArray(config.defaultExpanded) && config.defaultExpanded.length > 1)),\n      },\n    ],\n  };\n\n  /** @internal */\n  readonly name = 'groupingRows';\n  /** @internal */\n  override readonly styles = styles;\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<GroupingRowsConfig> {\n    return {\n      defaultExpanded: false,\n      showRowCount: true,\n      indentWidth: 20,\n      aggregators: {},\n      animation: 'slide',\n      accordion: false,\n    };\n  }\n\n  // #region Internal State\n  private expandedKeys: Set<string> = new Set();\n  private flattenedRows: RenderRow[] = [];\n  private isActive = false;\n  private previousVisibleKeys = new Set<string>();\n  private keysToAnimate = new Set<string>();\n  /** Track if initial defaultExpanded has been applied */\n  private hasAppliedDefaultExpanded = false;\n  // #endregion\n\n  // #region Animation\n\n  /**\n   * Get expand/collapse animation style from plugin config.\n   * Uses base class isAnimationEnabled to respect grid-level settings.\n   */\n  private get animationStyle(): ExpandCollapseAnimation {\n    if (!this.isAnimationEnabled) return false;\n    return this.config.animation ?? 'slide';\n  }\n\n  // #endregion\n\n  // #region Lifecycle\n\n  /** @internal */\n  override detach(): void {\n    this.expandedKeys.clear();\n    this.flattenedRows = [];\n    this.isActive = false;\n    this.previousVisibleKeys.clear();\n    this.keysToAnimate.clear();\n    this.hasAppliedDefaultExpanded = false;\n  }\n\n  /**\n   * Provide row height for group header rows.\n   *\n   * If `groupRowHeight` is configured, returns that value for group rows.\n   * This allows the variable row height system to use known heights for\n   * group headers without needing to measure them from the DOM.\n   *\n   * @param row - The row object (may be a group row)\n   * @param _index - Index in the processed rows array (unused)\n   * @returns Height in pixels for group rows, undefined for data rows\n   *\n   * @internal Plugin hook for variable row height support\n   */\n  override getRowHeight(row: unknown, _index: number): number | undefined {\n    // Only provide height if groupRowHeight is configured\n    if (this.config.groupRowHeight == null) return undefined;\n\n    // Check if this is a group row\n    if ((row as { __isGroupRow?: boolean }).__isGroupRow === true) {\n      return this.config.groupRowHeight;\n    }\n\n    return undefined;\n  }\n\n  /**\n   * Handle plugin queries.\n   * @internal\n   */\n  override handleQuery(query: PluginQuery): unknown {\n    if (query.type === 'canMoveRow') {\n      // Group header rows cannot be reordered\n      const row = query.context as { __isGroupRow?: boolean } | null | undefined;\n      if (row?.__isGroupRow === true) {\n        return false;\n      }\n    }\n    return undefined;\n  }\n  // #endregion\n\n  // #region 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  /** @internal */\n  override processRows(rows: readonly any[]): any[] {\n    const config = this.config;\n\n    // Check if grouping is configured\n    if (typeof config.groupOn !== 'function') {\n      this.isActive = false;\n      this.flattenedRows = [];\n      return [...rows];\n    }\n\n    // First build: get structure to know all group keys\n    // (needed for index-based defaultExpanded)\n    const initialBuild = buildGroupedRowModel({\n      rows: [...rows],\n      config: config,\n      expanded: new Set(), // Empty to get all root groups\n    });\n\n    // If no grouping produced, return original rows\n    if (initialBuild.length === 0) {\n      this.isActive = false;\n      this.flattenedRows = [];\n      return [...rows];\n    }\n\n    // Resolve defaultExpanded on first render only\n    let initialExpanded: Set<string> | undefined;\n    if (!this.hasAppliedDefaultExpanded && this.expandedKeys.size === 0 && config.defaultExpanded !== false) {\n      const allKeys = getGroupKeys(initialBuild);\n      initialExpanded = resolveDefaultExpanded(config.defaultExpanded ?? false, allKeys);\n\n      // Mark as applied and populate expandedKeys for subsequent toggles\n      if (initialExpanded.size > 0) {\n        this.expandedKeys = new Set(initialExpanded);\n        this.hasAppliedDefaultExpanded = true;\n      }\n    }\n\n    // Build with proper expanded state\n    const grouped = buildGroupedRowModel({\n      rows: [...rows],\n      config: config,\n      expanded: this.expandedKeys,\n      initialExpanded,\n    });\n\n    this.isActive = true;\n    this.flattenedRows = grouped;\n\n    // Track which data rows are newly visible (for animation)\n    this.keysToAnimate.clear();\n    const currentVisibleKeys = new Set<string>();\n    grouped.forEach((item, idx) => {\n      if (item.kind === 'data') {\n        const key = `data-${idx}`;\n        currentVisibleKeys.add(key);\n        if (!this.previousVisibleKeys.has(key)) {\n          this.keysToAnimate.add(key);\n        }\n      }\n    });\n    this.previousVisibleKeys = currentVisibleKeys;\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          // Cache key for variable row height support - survives expand/collapse\n          __rowCacheKey: `group:${item.key}`,\n        };\n      }\n      return item.row;\n    });\n  }\n\n  /** @internal */\n  override onCellClick(event: CellClickEvent): boolean | void {\n    const row = event.row as Record<string, unknown> | undefined;\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 as string);\n        return true; // Prevent default\n      }\n    }\n  }\n\n  /** @internal */\n  override onKeyDown(event: KeyboardEvent): boolean | void {\n    // SPACE toggles expansion on group rows\n    if (event.key !== ' ') return;\n\n    const focusRow = this.grid._focusRow;\n    const row = this.rows[focusRow] as Record<string, unknown> | undefined;\n\n    // Only handle SPACE on group rows\n    if (!row?.__isGroupRow) return;\n\n    event.preventDefault();\n    this.toggle(row.__groupKey as string);\n\n    // Restore focus styling after render completes via render pipeline\n    this.requestRenderWithFocus();\n    return true;\n  }\n\n  /**\n   * Render a row. Returns true if we handled the row (group row), false otherwise.\n   * @internal\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 = 'data-grid-row group-row';\n        (rowEl as RowElementInternal).__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 - keep data-grid-row class for focus/keyboard navigation\n    rowEl.className = 'data-grid-row group-row';\n    (rowEl as RowElementInternal).__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    // Use CSS variable for depth-based indentation\n    rowEl.style.setProperty('--tbw-group-depth', String(row.__groupDepth || 0));\n    if (config.indentWidth !== undefined) {\n      rowEl.style.setProperty('--tbw-group-indent-width', `${config.indentWidth}px`);\n    }\n    // Clear any inline height from previous use (e.g., responsive card mode sets height: auto)\n    // This ensures group rows use CSS-defined height, not stale inline styles from recycled elements\n    rowEl.style.height = '';\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  /** @internal */\n  override afterRender(): void {\n    const style = this.animationStyle;\n    if (style === false || this.keysToAnimate.size === 0) return;\n\n    const body = this.gridElement?.querySelector('.rows');\n    if (!body) return;\n\n    const animClass = style === 'fade' ? 'tbw-group-fade-in' : 'tbw-group-slide-in';\n    for (const rowEl of body.querySelectorAll('.data-grid-row:not(.group-row)')) {\n      const cell = rowEl.querySelector('.cell[data-row]');\n      const idx = cell ? parseInt(cell.getAttribute('data-row') ?? '-1', 10) : -1;\n      const item = this.flattenedRows[idx];\n      const key = item?.kind === 'data' ? `data-${idx}` : undefined;\n\n      if (key && this.keysToAnimate.has(key)) {\n        rowEl.classList.add(animClass);\n        rowEl.addEventListener('animationend', () => rowEl.classList.remove(animClass), { once: true });\n      }\n    }\n    this.keysToAnimate.clear();\n  }\n  // #endregion\n\n  // #region Private Rendering Helpers\n\n  /**\n   * Create a toggle button for expanding/collapsing a group.\n   */\n  private createToggleButton(expanded: boolean, handleToggle: () => void): HTMLButtonElement {\n    const btn = document.createElement('button');\n    btn.type = 'button';\n    btn.className = `group-toggle${expanded ? ' expanded' : ''}`;\n    btn.setAttribute('aria-label', expanded ? 'Collapse group' : 'Expand group');\n    this.setIcon(btn, this.resolveIcon(expanded ? 'collapse' : 'expand'));\n    btn.addEventListener('click', (e) => {\n      e.stopPropagation();\n      handleToggle();\n    });\n    return btn;\n  }\n\n  /**\n   * Get the formatted label text for a group.\n   */\n  private getGroupLabelText(value: unknown, depth: number, key: string): string {\n    const config = this.config;\n    return config.formatLabel ? config.formatLabel(value, depth, key) : String(value);\n  }\n\n  private renderFullWidthGroupRow(row: any, rowEl: HTMLElement, handleToggle: () => void): void {\n    const config = this.config;\n    const aggregators = config.aggregators ?? {};\n    const groupRows = row.__groupRows ?? [];\n\n    // Full-width mode: single spanning cell with toggle + label + count + aggregates\n    const cell = document.createElement('div');\n    cell.className = 'cell group-full';\n    cell.style.gridColumn = '1 / -1';\n    cell.setAttribute('role', 'gridcell');\n    cell.setAttribute('data-col', '0'); // Required for focus/click delegation\n\n    // Toggle button\n    cell.appendChild(this.createToggleButton(row.__groupExpanded, handleToggle));\n\n    // Group label\n    const label = document.createElement('span');\n    label.className = 'group-label';\n    label.textContent = this.getGroupLabelText(row.__groupValue, row.__groupDepth || 0, row.__groupKey);\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    // Render aggregates if configured\n    const aggregatorEntries = Object.entries(aggregators);\n    if (aggregatorEntries.length > 0) {\n      const aggregatesContainer = document.createElement('span');\n      aggregatesContainer.className = 'group-aggregates';\n\n      for (const [field, aggRef] of aggregatorEntries) {\n        const col = this.columns.find((c) => c.field === field);\n        const result = runAggregator(aggRef, groupRows, field, col);\n        if (result != null) {\n          const aggSpan = document.createElement('span');\n          aggSpan.className = 'group-aggregate';\n          aggSpan.setAttribute('data-field', field);\n          // Use column header as label if available\n          const colHeader = col?.header ?? field;\n          aggSpan.textContent = `${colHeader}: ${result}`;\n          aggregatesContainer.appendChild(aggSpan);\n        }\n      }\n\n      if (aggregatesContainer.children.length > 0) {\n        cell.appendChild(aggregatesContainer);\n      }\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 bodyEl = this.gridElement?.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    // Track whether we've rendered the toggle button yet (should be in first non-expander column)\n    let toggleRendered = false;\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      // Skip expander columns (they're handled by other plugins like MasterDetail/Tree)\n      // but still render an empty cell to maintain grid structure\n      if (isExpanderColumn(col)) {\n        cell.setAttribute('data-field', col.field);\n        rowEl.appendChild(cell);\n        return;\n      }\n\n      // First non-expander column gets the toggle button + label\n      if (!toggleRendered) {\n        toggleRendered = true;\n        cell.appendChild(this.createToggleButton(row.__groupExpanded, handleToggle));\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          label.textContent = this.getGroupLabelText(row.__groupValue, row.__groupDepth || 0, row.__groupKey);\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  // #endregion\n\n  // #region Public API\n\n  /**\n   * Expand all groups.\n   */\n  expandAll(): void {\n    this.expandedKeys = expandAllGroups(this.flattenedRows);\n    this.emitPluginEvent('grouping-state-change', { expandedKeys: [...this.expandedKeys] });\n    this.requestRender();\n  }\n\n  /**\n   * Collapse all groups.\n   */\n  collapseAll(): void {\n    this.expandedKeys = collapseAllGroups();\n    this.emitPluginEvent('grouping-state-change', { expandedKeys: [...this.expandedKeys] });\n    this.requestRender();\n  }\n\n  /**\n   * Toggle expansion of a specific group.\n   * In accordion mode, expanding a group will collapse all sibling groups.\n   * @param key - The group key to toggle\n   */\n  toggle(key: string): void {\n    const isExpanding = !this.expandedKeys.has(key);\n    const config = this.config;\n\n    // Find the group to get its depth for accordion mode\n    const group = this.flattenedRows.find((r) => r.kind === 'group' && r.key === key) as GroupRowModelItem | undefined;\n\n    // In accordion mode, collapse sibling groups when expanding\n    if (config.accordion && isExpanding && group) {\n      const newKeys = new Set<string>();\n      // Keep only ancestors (keys that are prefixes of the current key) and the current key\n      for (const existingKey of this.expandedKeys) {\n        // Check if existingKey is an ancestor of the toggled key\n        // Ancestors have composite keys that are prefixes of child keys (separated by '||')\n        if (key.startsWith(existingKey + '||') || existingKey.startsWith(key + '||')) {\n          // This is an ancestor or descendant - keep it only if ancestor\n          if (key.startsWith(existingKey + '||')) {\n            newKeys.add(existingKey);\n          }\n        } else {\n          // Check depth - only keep groups at different depths\n          const existingGroup = this.flattenedRows.find((r) => r.kind === 'group' && r.key === existingKey) as\n            | GroupRowModelItem\n            | undefined;\n          if (existingGroup && existingGroup.depth !== group.depth) {\n            newKeys.add(existingKey);\n          }\n        }\n      }\n      newKeys.add(key);\n      this.expandedKeys = newKeys;\n    } else {\n      this.expandedKeys = toggleGroupExpansion(this.expandedKeys, key);\n    }\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    // Notify other plugins that grouping state changed (row visibility changed)\n    this.emitPluginEvent('grouping-state-change', {\n      expandedKeys: [...this.expandedKeys],\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  // #endregion\n}\n"],"names":["buildGroupedRowModel","rows","config","expanded","initialExpanded","groupOn","root","key","value","depth","children","Map","forEach","r","path","Array","isArray","parent","rawVal","depthIdx","seg","String","composite","node","get","set","push","size","has","length","effectiveExpanded","Set","flat","visit","c","isExpanded","kind","row","rowIndex","indexOf","GroupingRowsPlugin","BaseGridPlugin","static","events","type","description","queries","configRules","id","severity","message","check","accordion","defaultExpanded","name","styles","defaultConfig","showRowCount","indentWidth","aggregators","animation","expandedKeys","flattenedRows","isActive","previousVisibleKeys","keysToAnimate","hasAppliedDefaultExpanded","animationStyle","this","isAnimationEnabled","detach","clear","getRowHeight","_index","groupRowHeight","__isGroupRow","handleQuery","query","context","detect","enableRowGrouping","processRows","initialBuild","allKeys","filter","map","getGroupKeys","allGroupKeys","resolveDefaultExpanded","grouped","currentVisibleKeys","item","idx","add","__groupKey","__groupValue","__groupDepth","__groupRows","__groupExpanded","__groupRowCount","groupRow","__rowCacheKey","onCellClick","event","target","originalEvent","closest","toggle","onKeyDown","focusRow","grid","_focusRow","preventDefault","requestRenderWithFocus","renderRow","rowEl","_rowIndex","groupRowRenderer","toggleExpand","result","className","__isCustomRow","setAttribute","innerHTML","appendChild","handleToggle","style","setProperty","height","fullWidth","renderFullWidthGroupRow","renderPerColumnGroupRow","afterRender","body","gridElement","querySelector","animClass","querySelectorAll","cell","parseInt","getAttribute","classList","addEventListener","remove","once","createToggleButton","btn","document","createElement","setIcon","resolveIcon","e","stopPropagation","getGroupLabelText","formatLabel","groupRows","gridColumn","label","textContent","count","aggregatorEntries","Object","entries","aggregatesContainer","field","aggRef","col","columns","find","runAggregator","aggSpan","colHeader","header","bodyEl","gridTemplate","gridTemplateColumns","display","toggleRendered","colIdx","isExpanderColumn","firstColAgg","aggResult","expandAll","keys","expandAllGroups","emitPluginEvent","requestRender","collapseAll","isExpanding","group","newKeys","existingKey","startsWith","existingGroup","newSet","delete","toggleGroupExpansion","emit","expand","collapse","getGroupState","expandedCount","totalGroups","getRowCount","refreshGroups","getExpandedGroups","getFlattenedRows","isGroupingActive","setGroupOn","fn"],"mappings":"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"}
+{"version":3,"file":"grouping-rows.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/grouping-rows/grouping-rows.ts","../../../../../libs/grid/src/lib/plugins/grouping-rows/GroupingRowsPlugin.ts"],"sourcesContent":["/**\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 { DefaultExpandedValue, GroupRowModelItem, RenderRow, RowGroupingConfig } from './types';\n\n// Re-export aggregator functions from core for backward compatibility\nexport { getAggregator, listAggregators, registerAggregator, runAggregator } 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  /** Initial expanded state to apply (processed by the plugin) */\n  initialExpanded?: Set<string>;\n}\n\n/**\n * Build a flattened grouping projection (collapsed by default).\n * Returns empty array when groupOn not configured 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, initialExpanded }: BuildGroupingArgs): RenderRow[] {\n  const groupOn = config.groupOn;\n  if (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  // Merge expanded sets - use initialExpanded on first render, then expanded takes over\n  const effectiveExpanded = new Set([...expanded, ...(initialExpanded ?? [])]);\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 = effectiveExpanded.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 * Resolve a defaultExpanded value to a set of keys to expand.\n * This needs to be called AFTER building the group model to get all keys.\n *\n * @param value - The defaultExpanded config value\n * @param allGroupKeys - All group keys from the model\n * @returns Set of keys to expand initially\n */\nexport function resolveDefaultExpanded(value: DefaultExpandedValue, allGroupKeys: string[]): Set<string> {\n  if (value === true) {\n    // Expand all groups\n    return new Set(allGroupKeys);\n  }\n  if (value === false || value == null) {\n    // Collapse all groups\n    return new Set();\n  }\n  if (typeof value === 'number') {\n    // Expand group at this index\n    const key = allGroupKeys[value];\n    return key ? new Set([key]) : new Set();\n  }\n  if (typeof value === 'string') {\n    // Expand group with this key\n    return new Set([value]);\n  }\n  if (Array.isArray(value)) {\n    // Expand groups with these keys\n    return new Set(value);\n  }\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 is GroupRowModelItem => r.kind === 'group').map((r) => r.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\nimport { BaseGridPlugin, CellClickEvent, type PluginManifest, type PluginQuery } from '../../core/plugin/base-plugin';\nimport { isExpanderColumn } from '../../core/plugin/expander-column';\nimport type { RowElementInternal } from '../../core/types';\nimport {\n  buildGroupedRowModel,\n  collapseAllGroups,\n  expandAllGroups,\n  getGroupKeys,\n  getGroupRowCount,\n  resolveDefaultExpanded,\n  runAggregator,\n  toggleGroupExpansion,\n} from './grouping-rows';\nimport styles from './grouping-rows.css?inline';\nimport type {\n  ExpandCollapseAnimation,\n  GroupingRowsConfig,\n  GroupRowModelItem,\n  GroupToggleDetail,\n  RenderRow,\n} 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 * Organizes rows into collapsible hierarchical groups. Perfect for organizing data\n * by category, department, status, or any other dimension—or even multiple dimensions\n * for nested grouping. Includes aggregation support for summarizing group data.\n *\n * ## Installation\n *\n * ```ts\n * import { GroupingRowsPlugin } from '@toolbox-web/grid/plugins/grouping-rows';\n * ```\n *\n * ## Configuration Options\n *\n * | Option | Type | Default | Description |\n * |--------|------|---------|-------------|\n * | `groupOn` | `(row) => string[]` | - | Callback returning group path array |\n * | `defaultExpanded` | `boolean \\\\| number \\\\| string \\\\| string[]` | `false` | Initial expanded state |\n * | `showRowCount` | `boolean` | `true` | Show row count in group header |\n * | `indentWidth` | `number` | `20` | Indentation per level (pixels) |\n * | `fullWidth` | `boolean` | `true` | Group row spans full width |\n * | `animation` | `false \\\\| 'slide' \\\\| 'fade'` | `'slide'` | Expand/collapse animation |\n * | `accordion` | `boolean` | `false` | Only one group open at a time |\n *\n * ## Programmatic API\n *\n * | Method | Signature | Description |\n * |--------|-----------|-------------|\n * | `expandGroup` | `(path: string[]) => void` | Expand a specific group |\n * | `collapseGroup` | `(path: string[]) => void` | Collapse a specific group |\n * | `expandAll` | `() => void` | Expand all groups |\n * | `collapseAll` | `() => void` | Collapse all groups |\n * | `isGroupExpanded` | `(path: string[]) => boolean` | Check if group is expanded |\n * | `getGroupState` | `() => GroupState` | Get current grouping state |\n *\n * ## CSS Custom Properties\n *\n * | Property | Default | Description |\n * |----------|---------|-------------|\n * | `--tbw-group-indent-width` | `1.25em` | Indentation per group level |\n * | `--tbw-grouping-rows-bg` | `var(--tbw-color-panel-bg)` | Group row background |\n * | `--tbw-grouping-rows-count-color` | `var(--tbw-color-fg-muted)` | Count badge color |\n * | `--tbw-animation-duration` | `200ms` | Expand/collapse animation |\n *\n * @example Single-Level Grouping by Department\n * ```ts\n * import { queryGrid } from '@toolbox-web/grid';\n * import { GroupingRowsPlugin } from '@toolbox-web/grid/plugins/grouping-rows';\n *\n * const grid = queryGrid('tbw-grid');\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'name', header: 'Employee' },\n *     { field: 'department', header: 'Department' },\n *     { field: 'salary', header: 'Salary', type: 'currency' },\n *   ],\n *   plugins: [\n *     new GroupingRowsPlugin({\n *       groupOn: (row) => [row.department],\n *       showRowCount: true,\n *       defaultExpanded: false,\n *     }),\n *   ],\n * };\n * ```\n *\n * @example Multi-Level Grouping\n * ```ts\n * new GroupingRowsPlugin({\n *   groupOn: (row) => [row.region, row.department, row.team],\n *   indentWidth: 24,\n *   animation: 'slide',\n * })\n * ```\n *\n * @see {@link GroupingRowsConfig} for all configuration options\n * @see {@link GroupState} for the group state structure\n *\n * @internal Extends BaseGridPlugin\n */\nexport class GroupingRowsPlugin extends BaseGridPlugin<GroupingRowsConfig> {\n  /**\n   * Plugin manifest - declares configuration validation rules and events.\n   * @internal\n   */\n  static override readonly manifest: PluginManifest<GroupingRowsConfig> = {\n    incompatibleWith: [\n      {\n        name: 'tree',\n        reason:\n          'Both plugins transform the entire row model. TreePlugin flattens nested hierarchies while ' +\n          'GroupingRowsPlugin groups flat rows with synthetic headers. Use one approach per grid.',\n      },\n      {\n        name: 'pivot',\n        reason:\n          'PivotPlugin creates its own aggregated row and column structure. ' +\n          'Row grouping cannot be applied on top of pivot-generated rows.',\n      },\n      {\n        name: 'serverSide',\n        reason:\n          'Row grouping requires the full dataset to compute group boundaries. ' +\n          'ServerSidePlugin lazy-loads rows in blocks, so groups cannot be built client-side.',\n      },\n    ],\n    events: [\n      {\n        type: 'grouping-state-change',\n        description: 'Emitted when groups are expanded/collapsed. Subscribers can react to row visibility changes.',\n      },\n    ],\n    queries: [\n      {\n        type: 'canMoveRow',\n        description: 'Returns false for group header rows (cannot be reordered)',\n      },\n    ],\n    configRules: [\n      {\n        id: 'groupingRows/accordion-defaultExpanded',\n        severity: 'warn',\n        message:\n          `\"accordion: true\" and \"defaultExpanded\" (non-false) are used together.\\n` +\n          `  → In accordion mode, only one group can be open at a time.\\n` +\n          `  → Using defaultExpanded with multiple groups will collapse to one on first toggle.\\n` +\n          `  → Consider using \"defaultExpanded: false\" or a single group key/index with accordion mode.`,\n        check: (config) =>\n          config.accordion === true &&\n          config.defaultExpanded !== false &&\n          config.defaultExpanded !== undefined &&\n          // Allow single group expansion with accordion\n          !(typeof config.defaultExpanded === 'number') &&\n          !(typeof config.defaultExpanded === 'string') &&\n          // Warn if true or array with multiple items\n          (config.defaultExpanded === true ||\n            (Array.isArray(config.defaultExpanded) && config.defaultExpanded.length > 1)),\n      },\n    ],\n  };\n\n  /** @internal */\n  readonly name = 'groupingRows';\n  /** @internal */\n  override readonly styles = styles;\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<GroupingRowsConfig> {\n    return {\n      defaultExpanded: false,\n      showRowCount: true,\n      indentWidth: 20,\n      aggregators: {},\n      animation: 'slide',\n      accordion: false,\n    };\n  }\n\n  // #region Internal State\n  private expandedKeys: Set<string> = new Set();\n  private flattenedRows: RenderRow[] = [];\n  private isActive = false;\n  private previousVisibleKeys = new Set<string>();\n  private keysToAnimate = new Set<string>();\n  /** Track if initial defaultExpanded has been applied */\n  private hasAppliedDefaultExpanded = false;\n  // #endregion\n\n  // #region Animation\n\n  /**\n   * Get expand/collapse animation style from plugin config.\n   * Uses base class isAnimationEnabled to respect grid-level settings.\n   */\n  private get animationStyle(): ExpandCollapseAnimation {\n    if (!this.isAnimationEnabled) return false;\n    return this.config.animation ?? 'slide';\n  }\n\n  // #endregion\n\n  // #region Lifecycle\n\n  /** @internal */\n  override detach(): void {\n    this.expandedKeys.clear();\n    this.flattenedRows = [];\n    this.isActive = false;\n    this.previousVisibleKeys.clear();\n    this.keysToAnimate.clear();\n    this.hasAppliedDefaultExpanded = false;\n  }\n\n  /**\n   * Provide row height for group header rows.\n   *\n   * If `groupRowHeight` is configured, returns that value for group rows.\n   * This allows the variable row height system to use known heights for\n   * group headers without needing to measure them from the DOM.\n   *\n   * @param row - The row object (may be a group row)\n   * @param _index - Index in the processed rows array (unused)\n   * @returns Height in pixels for group rows, undefined for data rows\n   *\n   * @internal Plugin hook for variable row height support\n   */\n  override getRowHeight(row: unknown, _index: number): number | undefined {\n    // Only provide height if groupRowHeight is configured\n    if (this.config.groupRowHeight == null) return undefined;\n\n    // Check if this is a group row\n    if ((row as { __isGroupRow?: boolean }).__isGroupRow === true) {\n      return this.config.groupRowHeight;\n    }\n\n    return undefined;\n  }\n\n  /**\n   * Handle plugin queries.\n   * @internal\n   */\n  override handleQuery(query: PluginQuery): unknown {\n    if (query.type === 'canMoveRow') {\n      // Group header rows cannot be reordered\n      const row = query.context as { __isGroupRow?: boolean } | null | undefined;\n      if (row?.__isGroupRow === true) {\n        return false;\n      }\n    }\n    return undefined;\n  }\n  // #endregion\n\n  // #region 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  /** @internal */\n  override processRows(rows: readonly any[]): any[] {\n    const config = this.config;\n\n    // Check if grouping is configured\n    if (typeof config.groupOn !== 'function') {\n      this.isActive = false;\n      this.flattenedRows = [];\n      return [...rows];\n    }\n\n    // First build: get structure to know all group keys\n    // (needed for index-based defaultExpanded)\n    const initialBuild = buildGroupedRowModel({\n      rows: [...rows],\n      config: config,\n      expanded: new Set(), // Empty to get all root groups\n    });\n\n    // If no grouping produced, return original rows\n    if (initialBuild.length === 0) {\n      this.isActive = false;\n      this.flattenedRows = [];\n      return [...rows];\n    }\n\n    // Resolve defaultExpanded on first render only\n    let initialExpanded: Set<string> | undefined;\n    if (!this.hasAppliedDefaultExpanded && this.expandedKeys.size === 0 && config.defaultExpanded !== false) {\n      const allKeys = getGroupKeys(initialBuild);\n      initialExpanded = resolveDefaultExpanded(config.defaultExpanded ?? false, allKeys);\n\n      // Mark as applied and populate expandedKeys for subsequent toggles\n      if (initialExpanded.size > 0) {\n        this.expandedKeys = new Set(initialExpanded);\n        this.hasAppliedDefaultExpanded = true;\n      }\n    }\n\n    // Build with proper expanded state\n    const grouped = buildGroupedRowModel({\n      rows: [...rows],\n      config: config,\n      expanded: this.expandedKeys,\n      initialExpanded,\n    });\n\n    this.isActive = true;\n    this.flattenedRows = grouped;\n\n    // Track which data rows are newly visible (for animation)\n    this.keysToAnimate.clear();\n    const currentVisibleKeys = new Set<string>();\n    grouped.forEach((item, idx) => {\n      if (item.kind === 'data') {\n        const key = `data-${idx}`;\n        currentVisibleKeys.add(key);\n        if (!this.previousVisibleKeys.has(key)) {\n          this.keysToAnimate.add(key);\n        }\n      }\n    });\n    this.previousVisibleKeys = currentVisibleKeys;\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          // Cache key for variable row height support - survives expand/collapse\n          __rowCacheKey: `group:${item.key}`,\n        };\n      }\n      return item.row;\n    });\n  }\n\n  /** @internal */\n  override onCellClick(event: CellClickEvent): boolean | void {\n    const row = event.row as Record<string, unknown> | undefined;\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 as string);\n        return true; // Prevent default\n      }\n    }\n  }\n\n  /** @internal */\n  override onKeyDown(event: KeyboardEvent): boolean | void {\n    // SPACE toggles expansion on group rows\n    if (event.key !== ' ') return;\n\n    const focusRow = this.grid._focusRow;\n    const row = this.rows[focusRow] as Record<string, unknown> | undefined;\n\n    // Only handle SPACE on group rows\n    if (!row?.__isGroupRow) return;\n\n    event.preventDefault();\n    this.toggle(row.__groupKey as string);\n\n    // Restore focus styling after render completes via render pipeline\n    this.requestRenderWithFocus();\n    return true;\n  }\n\n  /**\n   * Render a row. Returns true if we handled the row (group row), false otherwise.\n   * @internal\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 = 'data-grid-row group-row';\n        (rowEl as RowElementInternal).__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 - keep data-grid-row class for focus/keyboard navigation\n    rowEl.className = 'data-grid-row group-row';\n    (rowEl as RowElementInternal).__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    // Use CSS variable for depth-based indentation\n    rowEl.style.setProperty('--tbw-group-depth', String(row.__groupDepth || 0));\n    if (config.indentWidth !== undefined) {\n      rowEl.style.setProperty('--tbw-group-indent-width', `${config.indentWidth}px`);\n    }\n    // Clear any inline height from previous use (e.g., responsive card mode sets height: auto)\n    // This ensures group rows use CSS-defined height, not stale inline styles from recycled elements\n    rowEl.style.height = '';\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  /** @internal */\n  override afterRender(): void {\n    const style = this.animationStyle;\n    if (style === false || this.keysToAnimate.size === 0) return;\n\n    const body = this.gridElement?.querySelector('.rows');\n    if (!body) return;\n\n    const animClass = style === 'fade' ? 'tbw-group-fade-in' : 'tbw-group-slide-in';\n    for (const rowEl of body.querySelectorAll('.data-grid-row:not(.group-row)')) {\n      const cell = rowEl.querySelector('.cell[data-row]');\n      const idx = cell ? parseInt(cell.getAttribute('data-row') ?? '-1', 10) : -1;\n      const item = this.flattenedRows[idx];\n      const key = item?.kind === 'data' ? `data-${idx}` : undefined;\n\n      if (key && this.keysToAnimate.has(key)) {\n        rowEl.classList.add(animClass);\n        rowEl.addEventListener('animationend', () => rowEl.classList.remove(animClass), { once: true });\n      }\n    }\n    this.keysToAnimate.clear();\n  }\n  // #endregion\n\n  // #region Private Rendering Helpers\n\n  /**\n   * Create a toggle button for expanding/collapsing a group.\n   */\n  private createToggleButton(expanded: boolean, handleToggle: () => void): HTMLButtonElement {\n    const btn = document.createElement('button');\n    btn.type = 'button';\n    btn.className = `group-toggle${expanded ? ' expanded' : ''}`;\n    btn.setAttribute('aria-label', expanded ? 'Collapse group' : 'Expand group');\n    this.setIcon(btn, this.resolveIcon(expanded ? 'collapse' : 'expand'));\n    btn.addEventListener('click', (e) => {\n      e.stopPropagation();\n      handleToggle();\n    });\n    return btn;\n  }\n\n  /**\n   * Get the formatted label text for a group.\n   */\n  private getGroupLabelText(value: unknown, depth: number, key: string): string {\n    const config = this.config;\n    return config.formatLabel ? config.formatLabel(value, depth, key) : String(value);\n  }\n\n  private renderFullWidthGroupRow(row: any, rowEl: HTMLElement, handleToggle: () => void): void {\n    const config = this.config;\n    const aggregators = config.aggregators ?? {};\n    const groupRows = row.__groupRows ?? [];\n\n    // Full-width mode: single spanning cell with toggle + label + count + aggregates\n    const cell = document.createElement('div');\n    cell.className = 'cell group-full';\n    cell.style.gridColumn = '1 / -1';\n    cell.setAttribute('role', 'gridcell');\n    cell.setAttribute('data-col', '0'); // Required for focus/click delegation\n\n    // Toggle button\n    cell.appendChild(this.createToggleButton(row.__groupExpanded, handleToggle));\n\n    // Group label\n    const label = document.createElement('span');\n    label.className = 'group-label';\n    label.textContent = this.getGroupLabelText(row.__groupValue, row.__groupDepth || 0, row.__groupKey);\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    // Render aggregates if configured\n    const aggregatorEntries = Object.entries(aggregators);\n    if (aggregatorEntries.length > 0) {\n      const aggregatesContainer = document.createElement('span');\n      aggregatesContainer.className = 'group-aggregates';\n\n      for (const [field, aggRef] of aggregatorEntries) {\n        const col = this.columns.find((c) => c.field === field);\n        const result = runAggregator(aggRef, groupRows, field, col);\n        if (result != null) {\n          const aggSpan = document.createElement('span');\n          aggSpan.className = 'group-aggregate';\n          aggSpan.setAttribute('data-field', field);\n          // Use column header as label if available\n          const colHeader = col?.header ?? field;\n          aggSpan.textContent = `${colHeader}: ${result}`;\n          aggregatesContainer.appendChild(aggSpan);\n        }\n      }\n\n      if (aggregatesContainer.children.length > 0) {\n        cell.appendChild(aggregatesContainer);\n      }\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 bodyEl = this.gridElement?.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    // Track whether we've rendered the toggle button yet (should be in first non-expander column)\n    let toggleRendered = false;\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      // Skip expander columns (they're handled by other plugins like MasterDetail/Tree)\n      // but still render an empty cell to maintain grid structure\n      if (isExpanderColumn(col)) {\n        cell.setAttribute('data-field', col.field);\n        rowEl.appendChild(cell);\n        return;\n      }\n\n      // First non-expander column gets the toggle button + label\n      if (!toggleRendered) {\n        toggleRendered = true;\n        cell.appendChild(this.createToggleButton(row.__groupExpanded, handleToggle));\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          label.textContent = this.getGroupLabelText(row.__groupValue, row.__groupDepth || 0, row.__groupKey);\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  // #endregion\n\n  // #region Public API\n\n  /**\n   * Expand all groups.\n   */\n  expandAll(): void {\n    this.expandedKeys = expandAllGroups(this.flattenedRows);\n    this.emitPluginEvent('grouping-state-change', { expandedKeys: [...this.expandedKeys] });\n    this.requestRender();\n  }\n\n  /**\n   * Collapse all groups.\n   */\n  collapseAll(): void {\n    this.expandedKeys = collapseAllGroups();\n    this.emitPluginEvent('grouping-state-change', { expandedKeys: [...this.expandedKeys] });\n    this.requestRender();\n  }\n\n  /**\n   * Toggle expansion of a specific group.\n   * In accordion mode, expanding a group will collapse all sibling groups.\n   * @param key - The group key to toggle\n   */\n  toggle(key: string): void {\n    const isExpanding = !this.expandedKeys.has(key);\n    const config = this.config;\n\n    // Find the group to get its depth for accordion mode\n    const group = this.flattenedRows.find((r) => r.kind === 'group' && r.key === key) as GroupRowModelItem | undefined;\n\n    // In accordion mode, collapse sibling groups when expanding\n    if (config.accordion && isExpanding && group) {\n      const newKeys = new Set<string>();\n      // Keep only ancestors (keys that are prefixes of the current key) and the current key\n      for (const existingKey of this.expandedKeys) {\n        // Check if existingKey is an ancestor of the toggled key\n        // Ancestors have composite keys that are prefixes of child keys (separated by '||')\n        if (key.startsWith(existingKey + '||') || existingKey.startsWith(key + '||')) {\n          // This is an ancestor or descendant - keep it only if ancestor\n          if (key.startsWith(existingKey + '||')) {\n            newKeys.add(existingKey);\n          }\n        } else {\n          // Check depth - only keep groups at different depths\n          const existingGroup = this.flattenedRows.find((r) => r.kind === 'group' && r.key === existingKey) as\n            | GroupRowModelItem\n            | undefined;\n          if (existingGroup && existingGroup.depth !== group.depth) {\n            newKeys.add(existingKey);\n          }\n        }\n      }\n      newKeys.add(key);\n      this.expandedKeys = newKeys;\n    } else {\n      this.expandedKeys = toggleGroupExpansion(this.expandedKeys, key);\n    }\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    // Notify other plugins that grouping state changed (row visibility changed)\n    this.emitPluginEvent('grouping-state-change', {\n      expandedKeys: [...this.expandedKeys],\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  // #endregion\n}\n"],"names":["buildGroupedRowModel","rows","config","expanded","initialExpanded","groupOn","root","key","value","depth","children","Map","forEach","r","path","Array","isArray","parent","rawVal","depthIdx","seg","String","composite","node","get","set","push","size","has","length","effectiveExpanded","Set","flat","visit","c","isExpanded","kind","row","rowIndex","indexOf","GroupingRowsPlugin","BaseGridPlugin","static","incompatibleWith","name","reason","events","type","description","queries","configRules","id","severity","message","check","accordion","defaultExpanded","styles","defaultConfig","showRowCount","indentWidth","aggregators","animation","expandedKeys","flattenedRows","isActive","previousVisibleKeys","keysToAnimate","hasAppliedDefaultExpanded","animationStyle","this","isAnimationEnabled","detach","clear","getRowHeight","_index","groupRowHeight","__isGroupRow","handleQuery","query","context","detect","enableRowGrouping","processRows","initialBuild","allKeys","filter","map","getGroupKeys","allGroupKeys","resolveDefaultExpanded","grouped","currentVisibleKeys","item","idx","add","__groupKey","__groupValue","__groupDepth","__groupRows","__groupExpanded","__groupRowCount","groupRow","__rowCacheKey","onCellClick","event","target","originalEvent","closest","toggle","onKeyDown","focusRow","grid","_focusRow","preventDefault","requestRenderWithFocus","renderRow","rowEl","_rowIndex","groupRowRenderer","toggleExpand","result","className","__isCustomRow","setAttribute","innerHTML","appendChild","handleToggle","style","setProperty","height","fullWidth","renderFullWidthGroupRow","renderPerColumnGroupRow","afterRender","body","gridElement","querySelector","animClass","querySelectorAll","cell","parseInt","getAttribute","classList","addEventListener","remove","once","createToggleButton","btn","document","createElement","setIcon","resolveIcon","e","stopPropagation","getGroupLabelText","formatLabel","groupRows","gridColumn","label","textContent","count","aggregatorEntries","Object","entries","aggregatesContainer","field","aggRef","col","columns","find","runAggregator","aggSpan","colHeader","header","bodyEl","gridTemplate","gridTemplateColumns","display","toggleRendered","colIdx","isExpanderColumn","firstColAgg","aggResult","expandAll","keys","expandAllGroups","emitPluginEvent","requestRender","collapseAll","isExpanding","group","newKeys","existingKey","startsWith","existingGroup","newSet","delete","toggleGroupExpansion","emit","expand","collapse","getGroupState","expandedCount","totalGroups","getRowCount","refreshGroups","getExpandedGroups","getFlattenedRows","isGroupingActive","setGroupOn","fn"],"mappings":"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"}

package/umd/plugins/master-detail.umd.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../../core/internal/sanitize"),require("../../core/plugin/base-plugin"),require("../../core/plugin/expander-column")):"function"==typeof define&&define.amd?define(["exports","../../core/internal/sanitize","../../core/plugin/base-plugin","../../core/plugin/expander-column"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).TbwGridPlugin_masterDetail={},e.TbwGrid,e.TbwGrid,e.TbwGrid)}(this,function(e,t,i,n){"use strict";function s(e,t){const i=new Set(e);return i.has(t)?i.delete(t):i.add(t),i}function a(e,t,i,n){const s=document.createElement("div");s.className="master-detail-row",s.setAttribute("data-detail-for",String(t)),s.setAttribute("role","row");const a=document.createElement("div");a.className="master-detail-cell",a.setAttribute("role","cell"),a.style.gridColumn=`1 / ${n+1}`;const r=i(e,t);return"string"==typeof r?a.innerHTML=r:r instanceof HTMLElement&&a.appendChild(r),s.appendChild(a),s}class r extends i.BaseGridPlugin{name="masterDetail";styles="@layer tbw-plugins{tbw-grid .cell[data-field=__tbw_expander]{border-right:none!important;padding:0;display:flex;align-items:center;justify-content:center}tbw-grid .header-row .cell[data-field=__tbw_expander]{display:none}tbw-grid .header-row .cell[data-field=__tbw_expander]+.cell{grid-column:1 / 3}tbw-grid .master-detail-expander{display:flex;align-items:center;justify-content:center;width:100%;height:100%}tbw-grid .master-detail-toggle{cursor:pointer;opacity:.7;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center}tbw-grid .master-detail-toggle:hover{opacity:1}tbw-grid .master-detail-row{grid-column:1 / -1;display:grid;background:var(--tbw-master-detail-bg, var(--tbw-color-row-alt));border-bottom:1px solid var(--tbw-master-detail-border, var(--tbw-color-border));overflow:hidden}tbw-grid .master-detail-cell{padding:var(--tbw-detail-padding, var(--tbw-spacing-xl, 1rem));overflow:auto}tbw-grid .master-detail-row.tbw-expanding{animation:tbw-detail-expand var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}tbw-grid .master-detail-row.tbw-collapsing{animation:tbw-detail-collapse var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-detail-expand{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:var(--tbw-detail-max-height, 31.25rem);padding-top:var(--tbw-detail-padding, var(--tbw-spacing-xl, 1rem));padding-bottom:var(--tbw-detail-padding, var(--tbw-spacing-xl, 1rem))}}@keyframes tbw-detail-collapse{0%{opacity:1;max-height:var(--tbw-detail-max-height, 31.25rem)}to{opacity:0;max-height:0}}}";get#e(){return this.grid}get defaultConfig(){return{detailHeight:"auto",expandOnRowClick:!1,collapseOnClickOutside:!1,animation:"slide"}}attach(e){super.attach(e),this.parseLightDomDetail()}parseLightDomDetail(){const e=this.gridElement;if(!e)return;const i=e.querySelector("tbw-grid-detail");if(!i)return;const n=this.#e.__frameworkAdapter;if(n?.parseDetailElement){const e=n.parseDetailElement(i);if(e)return void(this.config={...this.config,detailRenderer:e})}const s=i.getAttribute("animation"),a=i.getAttribute("show-expand-column"),r=i.getAttribute("expand-on-row-click"),o=i.getAttribute("collapse-on-click-outside"),d=i.getAttribute("height"),l={};null!==s&&(l.animation="false"!==s&&s),null!==a&&(l.showExpandColumn="false"!==a),null!==r&&(l.expandOnRowClick="true"===r),null!==o&&(l.collapseOnClickOutside="true"===o),null!==d&&(l.detailHeight="auto"===d?"auto":parseInt(d,10));const c=i.innerHTML.trim();c&&!this.config.detailRenderer&&(l.detailRenderer=(e,i)=>{const n=t.evalTemplateString(c,{value:e,row:e});return t.sanitizeHTML(n)}),Object.keys(l).length>0&&(this.config={...this.config,...l})}get animationStyle(){return!!this.isAnimationEnabled&&(this.config.animation??"slide")}animateExpand(e,t,i){if(!this.isAnimationEnabled||!1===this.animationStyle)return!1;e.classList.add("tbw-expanding");let n=!1;const s=()=>{n||(n=!0,e.classList.remove("tbw-expanding"),void 0!==t&&void 0!==i&&this.#t(e,t,i))};return e.addEventListener("animationend",s,{once:!0}),setTimeout(s,this.animationDuration+50),!0}animateCollapse(e,t){if(!this.isAnimationEnabled||!1===this.animationStyle)return void t();e.classList.add("tbw-collapsing");const i=()=>{e.classList.remove("tbw-collapsing"),t()};e.addEventListener("animationend",i,{once:!0}),setTimeout(i,this.animationDuration+50)}#t(e,t,i){if(!e.isConnected)return;const n=e.offsetHeight;if(n>0){const e=this.measuredDetailHeights.get(t);this.measuredDetailHeights.set(t,n),e!==n&&this.grid.invalidateRowHeight(i)}}expandedRows=new Set;detailElements=new Map;measuredDetailHeights=new Map;rowsToAnimate=new Set;static DEFAULT_DETAIL_HEIGHT=150;getDetailHeight(e){const t=this.detailElements.get(e);if(t){if(!(t.classList.contains("tbw-expanding")||t.classList.contains("tbw-collapsing"))){const i=t.offsetHeight;if(i>0)return this.measuredDetailHeights.set(e,i),i}}const i=this.measuredDetailHeights.get(e);return i&&i>0?i:"number"==typeof this.config?.detailHeight?this.config.detailHeight:r.DEFAULT_DETAIL_HEIGHT}toggleAndEmit(e,t){this.expandedRows=s(this.expandedRows,e);const i=this.expandedRows.has(e);i&&this.rowsToAnimate.add(e),this.emit("detail-expand",{rowIndex:t,row:e,expanded:i}),this.requestRender()}detach(){this.expandedRows.clear(),this.detailElements.clear(),this.measuredDetailHeights.clear(),this.rowsToAnimate.clear()}processColumns(e){if(!(!0===this.config.showExpandColumn||!1!==this.config.showExpandColumn&&!!this.config.detailRenderer))return[...e];const t=[...e];if(n.findExpanderColumn(t))return t;const i=n.createExpanderColumnConfig(this.name);return i.viewRenderer=e=>{const{row:t}=e,i=this.expandedRows.has(t),n=document.createElement("span");n.className="master-detail-expander expander-cell";const s=document.createElement("span");return s.className="master-detail-toggle"+(i?" expanded":""),this.setIcon(s,this.resolveIcon(i?"collapse":"expand")),s.setAttribute("role","button"),s.setAttribute("tabindex","0"),s.setAttribute("aria-expanded",String(i)),s.setAttribute("aria-label",i?"Collapse details":"Expand details"),n.appendChild(s),n},[i,...t]}onRowClick(e){if(this.config.expandOnRowClick&&this.config.detailRenderer)return this.toggleAndEmit(e.row,e.rowIndex),!1}onCellClick(e){const t=e.originalEvent?.target;if(t?.classList.contains("master-detail-toggle"))return this.toggleAndEmit(e.row,e.rowIndex),!0;this.expandedRows.size>0&&queueMicrotask(()=>this.#i())}onKeyDown(e){if(" "!==e.key)return;const t=this.grid._focusCol,i=this.grid._focusRow,s=this.visibleColumns[t];if(!s||!n.isExpanderColumn(s))return;const a=this.rows[i];return a?(e.preventDefault(),this.toggleAndEmit(a,i),this.requestRenderWithFocus(),!0):void 0}afterRender(){this.#i()}onScrollRender(){this.config.detailRenderer&&0!==this.expandedRows.size&&this.#i()}#i(){if(!this.config.detailRenderer)return;const e=this.gridElement?.querySelector(".rows");if(!e)return;const t=this.grid,i=t._rowPool,n=t._virtualization?.start??0,s=t._virtualization?.end??0,r=this.columns.length,o=n,d=s,l=new Map;if(i){const t=Math.min(i.length,d-o);for(let n=0;n<t;n++){const t=i[n];t.parentNode===e&&l.set(o+n,t)}}else{const t=e.querySelectorAll(".data-grid-row");for(const e of t){const t=e.querySelector(".cell[data-row]"),i=t?parseInt(t.getAttribute("data-row")??"-1",10):-1;i>=0&&l.set(i,e)}}for(const[a,c]of this.detailElements){const e=this.rows.indexOf(a),t=this.expandedRows.has(a),i=e>=0&&l.has(e);if(!t||!i){const e=this.#e.__frameworkAdapter;if(e?.unmount){const t=c.querySelector(".master-detail-cell"),i=t?.firstElementChild;i&&e.unmount(i)}c.parentNode&&c.remove(),this.detailElements.delete(a)}}for(const[c,h]of l){const e=this.rows[c];if(!e||!this.expandedRows.has(e))continue;const t=this.detailElements.get(e);if(t){t.previousElementSibling!==h&&h.after(t);continue}const i=a(e,c,this.config.detailRenderer,r);"number"==typeof this.config.detailHeight&&(i.style.height=`${this.config.detailHeight}px`),h.after(i),this.detailElements.set(e,i);const n=this.rowsToAnimate.has(e);n&&this.rowsToAnimate.delete(e);n&&this.animateExpand(i,e,c)||requestAnimationFrame(()=>{this.#t(i,e,c)})}}getExtraHeight(){let e=0;for(const t of this.expandedRows)e+=this.getDetailHeight(t);return e}getExtraHeightBefore(e){let t=0;for(const i of this.expandedRows){const n=this.rows.indexOf(i);n>=0&&n<e&&(t+=this.getDetailHeight(i))}return t}getRowHeight(e,t){if(!this.expandedRows.has(e))return;return(this.grid.defaultRowHeight??28)+this.getDetailHeight(e)}adjustVirtualStart(e,t,i){if(0===this.expandedRows.size)return e;const n=this.grid?._virtualization?.positionCache;let s=e;if(n&&n.length>0)for(const a of this.expandedRows){const i=this.rows.indexOf(a);if(i<0||i>=e)continue;n[i].offset+n[i].height>t&&i<s&&(s=i)}else{const n=[];for(const e of this.expandedRows){const t=this.rows.indexOf(e);t>=0&&n.push({index:t,row:e})}n.sort((e,t)=>e.index-t.index);let a=0;for(const{index:r,row:o}of n){const n=r*i+a,d=this.getDetailHeight(o);a+=d,r>=e||n+i+d>t&&r<s&&(s=r)}}return s}expand(e){const t=this.rows[e];t&&(this.rowsToAnimate.add(t),this.expandedRows=function(e,t){const i=new Set(e);return i.add(t),i}(this.expandedRows,t),this.requestRender())}collapse(e){const t=this.rows[e];t&&(this.expandedRows=function(e,t){const i=new Set(e);return i.delete(t),i}(this.expandedRows,t),this.requestRender())}toggle(e){const t=this.rows[e];t&&(this.expandedRows=s(this.expandedRows,t),this.expandedRows.has(t)&&this.rowsToAnimate.add(t),this.requestRender())}isExpanded(e){const t=this.rows[e];return!!t&&function(e,t){return e.has(t)}(this.expandedRows,t)}expandAll(){for(const e of this.rows)this.rowsToAnimate.add(e),this.expandedRows.add(e);this.requestRender()}collapseAll(){this.expandedRows.clear(),this.requestRender()}getExpandedRows(){const e=[];for(const t of this.expandedRows){const i=this.rows.indexOf(t);i>=0&&e.push(i)}return e}getDetailElement(e){const t=this.rows[e];return t?this.detailElements.get(t):void 0}refreshDetailRenderer(){const e=this.config.detailRenderer;if(this.config={...this.config,detailRenderer:void 0},this.parseLightDomDetail(),!this.config.detailRenderer&&e&&(this.config={...this.config,detailRenderer:e}),this.config.detailRenderer){const e=this.#e;"function"==typeof e.refreshColumns?e.refreshColumns():this.requestRender()}}}e.MasterDetailPlugin=r,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../../core/internal/sanitize"),require("../../core/plugin/base-plugin"),require("../../core/plugin/expander-column")):"function"==typeof define&&define.amd?define(["exports","../../core/internal/sanitize","../../core/plugin/base-plugin","../../core/plugin/expander-column"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).TbwGridPlugin_masterDetail={},e.TbwGrid,e.TbwGrid,e.TbwGrid)}(this,function(e,t,i,n){"use strict";function s(e,t){const i=new Set(e);return i.has(t)?i.delete(t):i.add(t),i}function a(e,t,i,n){const s=document.createElement("div");s.className="master-detail-row",s.setAttribute("data-detail-for",String(t)),s.setAttribute("role","row");const a=document.createElement("div");a.className="master-detail-cell",a.setAttribute("role","cell"),a.style.gridColumn=`1 / ${n+1}`;const r=i(e,t);return"string"==typeof r?a.innerHTML=r:r instanceof HTMLElement&&a.appendChild(r),s.appendChild(a),s}class r extends i.BaseGridPlugin{name="masterDetail";styles="@layer tbw-plugins{tbw-grid .cell[data-field=__tbw_expander]{border-right:none!important;padding:0;display:flex;align-items:center;justify-content:center}tbw-grid .header-row .cell[data-field=__tbw_expander]{display:none}tbw-grid .master-detail-expander{display:flex;align-items:center;justify-content:center;width:100%;height:100%}tbw-grid .master-detail-toggle{cursor:pointer;opacity:.7;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center}tbw-grid .master-detail-toggle:hover{opacity:1}tbw-grid .master-detail-row{grid-column:1 / -1;display:grid;background:var(--tbw-master-detail-bg, var(--tbw-color-row-alt));border-bottom:1px solid var(--tbw-master-detail-border, var(--tbw-color-border));overflow:hidden}tbw-grid .master-detail-cell{padding:var(--tbw-detail-padding, var(--tbw-spacing-xl, 1rem));overflow:auto}tbw-grid .master-detail-row.tbw-expanding{animation:tbw-detail-expand var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}tbw-grid .master-detail-row.tbw-collapsing{animation:tbw-detail-collapse var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-detail-expand{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:var(--tbw-detail-max-height, 31.25rem);padding-top:var(--tbw-detail-padding, var(--tbw-spacing-xl, 1rem));padding-bottom:var(--tbw-detail-padding, var(--tbw-spacing-xl, 1rem))}}@keyframes tbw-detail-collapse{0%{opacity:1;max-height:var(--tbw-detail-max-height, 31.25rem)}to{opacity:0;max-height:0}}}";get#e(){return this.grid}get defaultConfig(){return{detailHeight:"auto",expandOnRowClick:!1,collapseOnClickOutside:!1,animation:"slide"}}attach(e){super.attach(e),this.parseLightDomDetail()}parseLightDomDetail(){const e=this.gridElement;if(!e)return;const i=e.querySelector("tbw-grid-detail");if(!i)return;const n=this.#e.__frameworkAdapter;if(n?.parseDetailElement){const e=n.parseDetailElement(i);if(e)return void(this.config={...this.config,detailRenderer:e})}const s=i.getAttribute("animation"),a=i.getAttribute("show-expand-column"),r=i.getAttribute("expand-on-row-click"),o=i.getAttribute("collapse-on-click-outside"),d=i.getAttribute("height"),l={};null!==s&&(l.animation="false"!==s&&s),null!==a&&(l.showExpandColumn="false"!==a),null!==r&&(l.expandOnRowClick="true"===r),null!==o&&(l.collapseOnClickOutside="true"===o),null!==d&&(l.detailHeight="auto"===d?"auto":parseInt(d,10));const c=i.innerHTML.trim();c&&!this.config.detailRenderer&&(l.detailRenderer=(e,i)=>{const n=t.evalTemplateString(c,{value:e,row:e});return t.sanitizeHTML(n)}),Object.keys(l).length>0&&(this.config={...this.config,...l})}get animationStyle(){return!!this.isAnimationEnabled&&(this.config.animation??"slide")}animateExpand(e,t,i){if(!this.isAnimationEnabled||!1===this.animationStyle)return!1;e.classList.add("tbw-expanding");let n=!1;const s=()=>{n||(n=!0,e.classList.remove("tbw-expanding"),void 0!==t&&void 0!==i&&this.#t(e,t,i))};return e.addEventListener("animationend",s,{once:!0}),setTimeout(s,this.animationDuration+50),!0}animateCollapse(e,t){if(!this.isAnimationEnabled||!1===this.animationStyle)return void t();e.classList.add("tbw-collapsing");const i=()=>{e.classList.remove("tbw-collapsing"),t()};e.addEventListener("animationend",i,{once:!0}),setTimeout(i,this.animationDuration+50)}#t(e,t,i){if(!e.isConnected)return;const n=e.offsetHeight;if(n>0){const e=this.measuredDetailHeights.get(t);this.measuredDetailHeights.set(t,n),e!==n&&this.grid.invalidateRowHeight(i)}}expandedRows=new Set;detailElements=new Map;measuredDetailHeights=new Map;rowsToAnimate=new Set;static DEFAULT_DETAIL_HEIGHT=150;getDetailHeight(e){const t=this.detailElements.get(e);if(t){if(!(t.classList.contains("tbw-expanding")||t.classList.contains("tbw-collapsing"))){const i=t.offsetHeight;if(i>0)return this.measuredDetailHeights.set(e,i),i}}const i=this.measuredDetailHeights.get(e);return i&&i>0?i:"number"==typeof this.config?.detailHeight?this.config.detailHeight:r.DEFAULT_DETAIL_HEIGHT}toggleAndEmit(e,t){if(e?.__isGroupRow)return;this.expandedRows=s(this.expandedRows,e);const i=this.expandedRows.has(e);i&&this.rowsToAnimate.add(e),this.emit("detail-expand",{rowIndex:t,row:e,expanded:i}),this.requestRender()}detach(){this.expandedRows.clear(),this.detailElements.clear(),this.measuredDetailHeights.clear(),this.rowsToAnimate.clear()}processColumns(e){if(!(!0===this.config.showExpandColumn||!1!==this.config.showExpandColumn&&!!this.config.detailRenderer))return[...e];const t=[...e];if(n.findExpanderColumn(t))return t;const i=n.createExpanderColumnConfig(this.name);return i.viewRenderer=e=>{const{row:t}=e,i=this.expandedRows.has(t),n=document.createElement("span");n.className="master-detail-expander expander-cell";const s=document.createElement("span");return s.className="master-detail-toggle"+(i?" expanded":""),this.setIcon(s,this.resolveIcon(i?"collapse":"expand")),s.setAttribute("role","button"),s.setAttribute("tabindex","0"),s.setAttribute("aria-expanded",String(i)),s.setAttribute("aria-label",i?"Collapse details":"Expand details"),n.appendChild(s),n},[i,...t]}onRowClick(e){if(this.config.expandOnRowClick&&this.config.detailRenderer)return this.toggleAndEmit(e.row,e.rowIndex),!1}onCellClick(e){const t=e.originalEvent?.target;if(t?.classList.contains("master-detail-toggle"))return this.toggleAndEmit(e.row,e.rowIndex),!0;this.expandedRows.size>0&&queueMicrotask(()=>this.#i())}onKeyDown(e){if(" "!==e.key)return;const t=this.grid._focusCol,i=this.grid._focusRow,s=this.visibleColumns[t];if(!s||!n.isExpanderColumn(s))return;const a=this.rows[i];return a?(e.preventDefault(),this.toggleAndEmit(a,i),this.requestRenderWithFocus(),!0):void 0}afterRender(){this.#n(),this.#i()}#n(){const e=this.gridElement?.querySelector('.header-row .cell[data-field="__tbw_expander"]');if(!e)return;const t=parseInt(e.getAttribute("data-col")||"0",10),i=e.nextElementSibling;i&&(i.style.gridColumn=`${t+1} / ${t+3}`)}onScrollRender(){this.config.detailRenderer&&0!==this.expandedRows.size&&this.#i()}#i(){if(!this.config.detailRenderer)return;const e=this.gridElement?.querySelector(".rows");if(!e)return;const t=this.grid,i=t._rowPool,n=t._virtualization?.start??0,s=t._virtualization?.end??0,r=this.columns.length,o=n,d=s,l=new Map;if(i){const t=Math.min(i.length,d-o);for(let n=0;n<t;n++){const t=i[n];t.parentNode===e&&l.set(o+n,t)}}else{const t=e.querySelectorAll(".data-grid-row");for(const e of t){const t=e.querySelector(".cell[data-row]"),i=t?parseInt(t.getAttribute("data-row")??"-1",10):-1;i>=0&&l.set(i,e)}}for(const[a,c]of this.detailElements){const e=this.rows.indexOf(a),t=this.expandedRows.has(a),i=e>=0&&l.has(e);if(!t||!i){const e=this.#e.__frameworkAdapter;if(e?.unmount){const t=c.querySelector(".master-detail-cell"),i=t?.firstElementChild;i&&e.unmount(i)}c.parentNode&&c.remove(),this.detailElements.delete(a)}}for(const[c,h]of l){const e=this.rows[c];if(!e||!this.expandedRows.has(e))continue;const t=this.detailElements.get(e);if(t){t.previousElementSibling!==h&&h.after(t);continue}const i=a(e,c,this.config.detailRenderer,r);"number"==typeof this.config.detailHeight&&(i.style.height=`${this.config.detailHeight}px`),h.after(i),this.detailElements.set(e,i);const n=this.rowsToAnimate.has(e);n&&this.rowsToAnimate.delete(e);n&&this.animateExpand(i,e,c)||requestAnimationFrame(()=>{this.#t(i,e,c)})}}getExtraHeight(){let e=0;for(const t of this.expandedRows)e+=this.getDetailHeight(t);return e}getExtraHeightBefore(e){let t=0;for(const i of this.expandedRows){const n=this.rows.indexOf(i);n>=0&&n<e&&(t+=this.getDetailHeight(i))}return t}getRowHeight(e,t){if(!this.expandedRows.has(e))return;return(this.grid.defaultRowHeight??28)+this.getDetailHeight(e)}adjustVirtualStart(e,t,i){if(0===this.expandedRows.size)return e;const n=this.grid?._virtualization?.positionCache;let s=e;if(n&&n.length>0)for(const a of this.expandedRows){const i=this.rows.indexOf(a);if(i<0||i>=e)continue;n[i].offset+n[i].height>t&&i<s&&(s=i)}else{const n=[];for(const e of this.expandedRows){const t=this.rows.indexOf(e);t>=0&&n.push({index:t,row:e})}n.sort((e,t)=>e.index-t.index);let a=0;for(const{index:r,row:o}of n){const n=r*i+a,d=this.getDetailHeight(o);a+=d,r>=e||n+i+d>t&&r<s&&(s=r)}}return s}expand(e){const t=this.rows[e];t&&!t.__isGroupRow&&(this.rowsToAnimate.add(t),this.expandedRows=function(e,t){const i=new Set(e);return i.add(t),i}(this.expandedRows,t),this.requestRender())}collapse(e){const t=this.rows[e];t&&(this.expandedRows=function(e,t){const i=new Set(e);return i.delete(t),i}(this.expandedRows,t),this.requestRender())}toggle(e){const t=this.rows[e];t&&!t.__isGroupRow&&(this.expandedRows=s(this.expandedRows,t),this.expandedRows.has(t)&&this.rowsToAnimate.add(t),this.requestRender())}isExpanded(e){const t=this.rows[e];return!!t&&function(e,t){return e.has(t)}(this.expandedRows,t)}expandAll(){for(const e of this.rows)e?.__isGroupRow||(this.rowsToAnimate.add(e),this.expandedRows.add(e));this.requestRender()}collapseAll(){this.expandedRows.clear(),this.requestRender()}getExpandedRows(){const e=[];for(const t of this.expandedRows){const i=this.rows.indexOf(t);i>=0&&e.push(i)}return e}getDetailElement(e){const t=this.rows[e];return t?this.detailElements.get(t):void 0}refreshDetailRenderer(){const e=this.config.detailRenderer;if(this.config={...this.config,detailRenderer:void 0},this.parseLightDomDetail(),!this.config.detailRenderer&&e&&(this.config={...this.config,detailRenderer:e}),this.config.detailRenderer){const e=this.#e;"function"==typeof e.refreshColumns?e.refreshColumns():this.requestRender()}}}e.MasterDetailPlugin=r,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=master-detail.umd.js.map

package/umd/plugins/master-detail.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"master-detail.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/master-detail/master-detail.ts","../../../../../libs/grid/src/lib/plugins/master-detail/MasterDetailPlugin.ts"],"sourcesContent":["/**\n * Master/Detail Core Logic\n *\n * Pure functions for managing detail row expansion state.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n// Uses `any` for maximum flexibility with user-defined row types.\n\n/**\n * Toggle the expansion state of a detail row.\n * Returns a new Set with the updated state.\n */\nexport function toggleDetailRow(expandedRows: Set<object>, row: object): Set<object> {\n  const newExpanded = new Set(expandedRows);\n  if (newExpanded.has(row)) {\n    newExpanded.delete(row);\n  } else {\n    newExpanded.add(row);\n  }\n  return newExpanded;\n}\n\n/**\n * Expand a detail row.\n * Returns a new Set with the row added.\n */\nexport function expandDetailRow(expandedRows: Set<object>, row: object): Set<object> {\n  const newExpanded = new Set(expandedRows);\n  newExpanded.add(row);\n  return newExpanded;\n}\n\n/**\n * Collapse a detail row.\n * Returns a new Set with the row removed.\n */\nexport function collapseDetailRow(expandedRows: Set<object>, row: object): Set<object> {\n  const newExpanded = new Set(expandedRows);\n  newExpanded.delete(row);\n  return newExpanded;\n}\n\n/**\n * Check if a detail row is expanded.\n */\nexport function isDetailExpanded(expandedRows: Set<object>, row: object): boolean {\n  return expandedRows.has(row);\n}\n\n/**\n * Create a detail element for a given row.\n * The element spans all columns and contains the rendered content.\n */\nexport function createDetailElement(\n  row: any,\n  rowIndex: number,\n  renderer: (row: any, rowIndex: number) => HTMLElement | string,\n  columnCount: number\n): HTMLElement {\n  const detailRow = document.createElement('div');\n  detailRow.className = 'master-detail-row';\n  detailRow.setAttribute('data-detail-for', String(rowIndex));\n  detailRow.setAttribute('role', 'row');\n\n  const detailCell = document.createElement('div');\n  detailCell.className = 'master-detail-cell';\n  detailCell.setAttribute('role', 'cell');\n  detailCell.style.gridColumn = `1 / ${columnCount + 1}`;\n\n  const content = renderer(row, rowIndex);\n  if (typeof content === 'string') {\n    detailCell.innerHTML = content;\n  } else if (content instanceof HTMLElement) {\n    detailCell.appendChild(content);\n  }\n\n  detailRow.appendChild(detailCell);\n  return detailRow;\n}\n","/**\n * Master/Detail Plugin (Class-based)\n *\n * Enables expandable detail rows showing additional content for each row.\n * Animation style is plugin-configured; respects grid-level animation.mode.\n */\n\nimport { evalTemplateString, sanitizeHTML } from '../../core/internal/sanitize';\nimport { BaseGridPlugin, CellClickEvent, GridElement, RowClickEvent } from '../../core/plugin/base-plugin';\nimport { createExpanderColumnConfig, findExpanderColumn, isExpanderColumn } from '../../core/plugin/expander-column';\nimport type { ColumnConfig, GridHost } from '../../core/types';\nimport {\n  collapseDetailRow,\n  createDetailElement,\n  expandDetailRow,\n  isDetailExpanded,\n  toggleDetailRow,\n} from './master-detail';\nimport styles from './master-detail.css?inline';\nimport type { DetailExpandDetail, ExpandCollapseAnimation, MasterDetailConfig } from './types';\n\n/**\n * Master-Detail Plugin for tbw-grid\n *\n * Creates expandable detail rows that reveal additional content beneath each master row.\n * Perfect for order/line-item UIs, employee/department views, or any scenario where\n * you need to show related data without navigating away.\n *\n * ## Installation\n *\n * ```ts\n * import { MasterDetailPlugin } from '@toolbox-web/grid/plugins/master-detail';\n * ```\n *\n * ## Configuration Options\n *\n * | Option | Type | Default | Description |\n * |--------|------|---------|-------------|\n * | `detailRenderer` | `(row) => HTMLElement \\| string` | required | Render function for detail content |\n * | `expandOnRowClick` | `boolean` | `false` | Expand when clicking the row |\n * | `detailHeight` | `number \\| 'auto'` | `'auto'` | Fixed height or auto-size |\n * | `collapseOnClickOutside` | `boolean` | `false` | Collapse when clicking outside |\n * | `showExpandColumn` | `boolean` | `true` | Show expand/collapse column |\n * | `animation` | `false \\| 'slide' \\| 'fade'` | `'slide'` | Animation style |\n *\n * ## Programmatic API\n *\n * | Method | Signature | Description |\n * |--------|-----------|-------------|\n * | `expandRow` | `(rowIndex) => void` | Expand a specific row |\n * | `collapseRow` | `(rowIndex) => void` | Collapse a specific row |\n * | `toggleRow` | `(rowIndex) => void` | Toggle row expansion |\n * | `expandAll` | `() => void` | Expand all rows |\n * | `collapseAll` | `() => void` | Collapse all rows |\n * | `isRowExpanded` | `(rowIndex) => boolean` | Check if row is expanded |\n *\n * ## CSS Custom Properties\n *\n * | Property | Default | Description |\n * |----------|---------|-------------|\n * | `--tbw-master-detail-bg` | `var(--tbw-color-row-alt)` | Detail row background |\n * | `--tbw-master-detail-border` | `var(--tbw-color-border)` | Detail row border |\n * | `--tbw-detail-padding` | `1em` | Detail content padding |\n * | `--tbw-animation-duration` | `200ms` | Expand/collapse animation |\n *\n * @example Basic Master-Detail with HTML Template\n * ```ts\n * import '@toolbox-web/grid';\n * import { MasterDetailPlugin } from '@toolbox-web/grid/plugins/master-detail';\n *\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'orderId', header: 'Order ID' },\n *     { field: 'customer', header: 'Customer' },\n *     { field: 'total', header: 'Total', type: 'currency' },\n *   ],\n *   plugins: [\n *     new MasterDetailPlugin({\n *       detailRenderer: (row) => `\n *         <div class=\"order-details\">\n *           <h4>Order Items</h4>\n *           <ul>${row.items.map(i => `<li>${i.name} - $${i.price}</li>`).join('')}</ul>\n *         </div>\n *       `,\n *     }),\n *   ],\n * };\n * ```\n *\n * @example Nested Grid in Detail\n * ```ts\n * new MasterDetailPlugin({\n *   detailRenderer: (row) => {\n *     const childGrid = document.createElement('tbw-grid');\n *     childGrid.style.height = '200px';\n *     childGrid.gridConfig = { columns: [...] };\n *     childGrid.rows = row.items || [];\n *     return childGrid;\n *   },\n * })\n * ```\n *\n * @see {@link MasterDetailConfig} for all configuration options\n * @see {@link DetailExpandDetail} for expand/collapse event details\n *\n * @internal Extends BaseGridPlugin\n */\nexport class MasterDetailPlugin extends BaseGridPlugin<MasterDetailConfig> {\n  /** @internal */\n  readonly name = 'masterDetail';\n  /** @internal */\n  override readonly styles = styles;\n\n  /** Typed internal grid accessor. */\n  get #internalGrid(): GridHost {\n    return this.grid as unknown as GridHost;\n  }\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<MasterDetailConfig> {\n    return {\n      detailHeight: 'auto',\n      expandOnRowClick: false,\n      collapseOnClickOutside: false,\n      // Note: showExpandColumn is intentionally NOT defaulted here.\n      // If undefined, processColumns() adds expander only when detailRenderer is provided.\n      // Set to true for framework adapters that register renderers asynchronously.\n      animation: 'slide', // Plugin's own default\n    };\n  }\n\n  // #region Light DOM Parsing\n\n  /**\n   * Called when plugin is attached to the grid.\n   * Parses light DOM for `<tbw-grid-detail>` elements to configure detail templates.\n   * @internal\n   */\n  override attach(grid: GridElement): void {\n    super.attach(grid);\n    this.parseLightDomDetail();\n  }\n\n  /**\n   * Parse `<tbw-grid-detail>` elements from the grid's light DOM.\n   *\n   * Allows declarative configuration:\n   * ```html\n   * <tbw-grid [rows]=\"data\">\n   *   <tbw-grid-detail>\n   *     <div class=\"detail-content\">\n   *       <p>Name: {{ row.name }}</p>\n   *       <p>Email: {{ row.email }}</p>\n   *     </div>\n   *   </tbw-grid-detail>\n   * </tbw-grid>\n   * ```\n   *\n   * Attributes:\n   * - `animation`: 'slide' | 'fade' | 'false' (default: 'slide')\n   * - `show-expand-column`: 'true' | 'false' (default: 'true')\n   * - `expand-on-row-click`: 'true' | 'false' (default: 'false')\n   * - `collapse-on-click-outside`: 'true' | 'false' (default: 'false')\n   * - `height`: number (pixels) or 'auto' (default: 'auto')\n   */\n  private parseLightDomDetail(): void {\n    const gridEl = this.gridElement;\n    if (!gridEl) return;\n\n    const detailEl = gridEl.querySelector('tbw-grid-detail');\n    if (!detailEl) return;\n\n    // Check if a framework adapter wants to handle this element\n    // (e.g., Angular adapter intercepts for ng-template rendering)\n    const adapter = this.#internalGrid.__frameworkAdapter;\n    if (adapter?.parseDetailElement) {\n      const adapterRenderer = adapter.parseDetailElement(detailEl);\n      if (adapterRenderer) {\n        this.config = { ...this.config, detailRenderer: adapterRenderer };\n        return;\n      }\n    }\n\n    // Parse attributes for configuration\n    const animation = detailEl.getAttribute('animation');\n    const showExpandColumn = detailEl.getAttribute('show-expand-column');\n    const expandOnRowClick = detailEl.getAttribute('expand-on-row-click');\n    const collapseOnClickOutside = detailEl.getAttribute('collapse-on-click-outside');\n    const heightAttr = detailEl.getAttribute('height');\n\n    const configUpdates: Partial<MasterDetailConfig> = {};\n\n    if (animation !== null) {\n      configUpdates.animation = animation === 'false' ? false : (animation as 'slide' | 'fade');\n    }\n    if (showExpandColumn !== null) {\n      configUpdates.showExpandColumn = showExpandColumn !== 'false';\n    }\n    if (expandOnRowClick !== null) {\n      configUpdates.expandOnRowClick = expandOnRowClick === 'true';\n    }\n    if (collapseOnClickOutside !== null) {\n      configUpdates.collapseOnClickOutside = collapseOnClickOutside === 'true';\n    }\n    if (heightAttr !== null) {\n      configUpdates.detailHeight = heightAttr === 'auto' ? 'auto' : parseInt(heightAttr, 10);\n    }\n\n    // Get template content from innerHTML\n    const templateHTML = detailEl.innerHTML.trim();\n    if (templateHTML && !this.config.detailRenderer) {\n      // Create a template-based renderer using the inner HTML\n      configUpdates.detailRenderer = (row: any, _rowIndex: number): string => {\n        // Evaluate template expressions like {{ row.field }}\n        const evaluated = evalTemplateString(templateHTML, { value: row, row });\n        // Sanitize the result to prevent XSS\n        return sanitizeHTML(evaluated);\n      };\n    }\n\n    // Merge updates into config\n    if (Object.keys(configUpdates).length > 0) {\n      this.config = { ...this.config, ...configUpdates };\n    }\n  }\n\n  // #endregion\n\n  // #region Animation Helpers\n\n  /**\n   * Get expand/collapse animation style from plugin config.\n   * Uses base class isAnimationEnabled to respect grid-level settings.\n   */\n  private get animationStyle(): ExpandCollapseAnimation {\n    if (!this.isAnimationEnabled) return false;\n    return this.config.animation ?? 'slide';\n  }\n\n  /**\n   * Apply expand animation to a detail element.\n   * Returns true if animation was applied, false if skipped.\n   * When animated, height measurement is deferred to animationend to avoid\n   * measuring during the max-height: 0 CSS animation constraint.\n   */\n  private animateExpand(detailEl: HTMLElement, row?: any, rowIndex?: number): boolean {\n    if (!this.isAnimationEnabled || this.animationStyle === false) return false;\n\n    detailEl.classList.add('tbw-expanding');\n\n    let measured = false;\n    const measureOnce = () => {\n      if (measured) return;\n      measured = true;\n      detailEl.classList.remove('tbw-expanding');\n\n      // Measure height AFTER animation completes - the element now has its\n      // natural height without the max-height constraint from the animation.\n      if (row !== undefined && rowIndex !== undefined) {\n        this.#measureAndCacheDetailHeight(detailEl, row, rowIndex);\n      }\n    };\n\n    detailEl.addEventListener('animationend', measureOnce, { once: true });\n    // Fallback timeout in case animationend doesn't fire (e.g., element detached,\n    // animation removed, or framework rendering delays). Matches animateCollapse pattern.\n    setTimeout(measureOnce, this.animationDuration + 50);\n    return true;\n  }\n\n  /**\n   * Apply collapse animation to a detail element and remove after animation.\n   */\n  private animateCollapse(detailEl: HTMLElement, onComplete: () => void): void {\n    if (!this.isAnimationEnabled || this.animationStyle === false) {\n      onComplete();\n      return;\n    }\n\n    detailEl.classList.add('tbw-collapsing');\n    const cleanup = () => {\n      detailEl.classList.remove('tbw-collapsing');\n      onComplete();\n    };\n    detailEl.addEventListener('animationend', cleanup, { once: true });\n    // Fallback timeout in case animation doesn't fire\n    setTimeout(cleanup, this.animationDuration + 50);\n  }\n\n  /**\n   * Measure a detail element's height and update the position cache if it changed.\n   * Used after layout settles (RAF) or after animation completes (animationend).\n   */\n  #measureAndCacheDetailHeight(detailEl: HTMLElement, row: any, rowIndex: number): void {\n    if (!detailEl.isConnected) return;\n\n    const height = detailEl.offsetHeight;\n    if (height > 0) {\n      const previousHeight = this.measuredDetailHeights.get(row);\n      this.measuredDetailHeights.set(row, height);\n\n      // Only invalidate if height actually changed\n      // This triggers an incremental position cache update, not a full rebuild\n      if (previousHeight !== height) {\n        this.grid.invalidateRowHeight(rowIndex);\n      }\n    }\n  }\n\n  // #endregion\n\n  // #region Internal State\n  private expandedRows: Set<any> = new Set();\n  private detailElements: Map<any, HTMLElement> = new Map();\n  /** Cached measured heights - persists even when elements are virtualized out */\n  private measuredDetailHeights: Map<any, number> = new Map();\n  /** Rows that were just expanded by user action and should animate.\n   * Prevents re-animation when rows scroll back into the virtual window. */\n  private rowsToAnimate: Set<any> = new Set();\n\n  /** Default height for detail rows when not configured */\n  private static readonly DEFAULT_DETAIL_HEIGHT = 150;\n\n  /**\n   * Get the estimated height for a detail row.\n   * Uses cached measured height when available (survives virtualization).\n   * Avoids reading offsetHeight during CSS animations to prevent poisoning the cache.\n   */\n  private getDetailHeight(row: any): number {\n    // Try DOM element first - works for tests and when element is connected\n    const detailEl = this.detailElements.get(row);\n    if (detailEl) {\n      // Skip DOM measurement if currently animating (max-height constraint gives wrong value)\n      const isAnimating = detailEl.classList.contains('tbw-expanding') || detailEl.classList.contains('tbw-collapsing');\n      if (!isAnimating) {\n        const height = detailEl.offsetHeight;\n        if (height > 0) {\n          // Cache the measurement for when this row is virtualized out\n          this.measuredDetailHeights.set(row, height);\n          return height;\n        }\n      }\n    }\n\n    // DOM element missing, detached, or animating - check cached measurement\n    const cachedHeight = this.measuredDetailHeights.get(row);\n    if (cachedHeight && cachedHeight > 0) {\n      return cachedHeight;\n    }\n\n    // Fallback to config or default\n    return typeof this.config?.detailHeight === 'number'\n      ? this.config.detailHeight\n      : MasterDetailPlugin.DEFAULT_DETAIL_HEIGHT;\n  }\n\n  /**\n   * Toggle a row's detail and emit event.\n   */\n  private toggleAndEmit(row: any, rowIndex: number): void {\n    this.expandedRows = toggleDetailRow(this.expandedRows, row as object);\n    const expanded = this.expandedRows.has(row as object);\n    if (expanded) {\n      this.rowsToAnimate.add(row);\n    }\n    this.emit<DetailExpandDetail>('detail-expand', {\n      rowIndex,\n      row: row as Record<string, unknown>,\n      expanded,\n    });\n    this.requestRender();\n  }\n  // #endregion\n\n  // #region Lifecycle\n\n  /** @internal */\n  override detach(): void {\n    this.expandedRows.clear();\n    this.detailElements.clear();\n    this.measuredDetailHeights.clear();\n    this.rowsToAnimate.clear();\n  }\n  // #endregion\n\n  // #region Hooks\n\n  /** @internal */\n  override processColumns(columns: readonly ColumnConfig[]): ColumnConfig[] {\n    // Determine whether to add the expander column:\n    // 1. If showExpandColumn === false: never add (explicit opt-out)\n    // 2. If showExpandColumn === true: always add (explicit opt-in, for framework adapters)\n    // 3. If showExpandColumn is undefined: add only if detailRenderer is provided\n    //\n    // This supports React/Angular adapters which register renderers asynchronously via light DOM.\n    // They must set showExpandColumn: true to get the column immediately, avoiding layout shift.\n    const shouldAddExpander =\n      this.config.showExpandColumn === true || (this.config.showExpandColumn !== false && !!this.config.detailRenderer);\n\n    if (!shouldAddExpander) {\n      return [...columns];\n    }\n\n    const cols = [...columns];\n\n    // Check if expander column already exists (from this or another plugin)\n    const existingExpander = findExpanderColumn(cols);\n    if (existingExpander) {\n      // Another plugin already added an expander column - don't add duplicate\n      // Our expand logic will be handled via onCellClick on the expander column\n      return cols;\n    }\n\n    // Create dedicated expander column that stays fixed at position 0\n    const expanderCol = createExpanderColumnConfig(this.name);\n    expanderCol.viewRenderer = (renderCtx) => {\n      const { row } = renderCtx;\n      const isExpanded = this.expandedRows.has(row as object);\n\n      const container = document.createElement('span');\n      container.className = 'master-detail-expander expander-cell';\n\n      // Expand/collapse toggle icon\n      const toggle = document.createElement('span');\n      toggle.className = `master-detail-toggle${isExpanded ? ' expanded' : ''}`;\n      // Use grid-level icons (fall back to defaults)\n      this.setIcon(toggle, this.resolveIcon(isExpanded ? 'collapse' : 'expand'));\n      // role=\"button\" is required for aria-expanded to be valid\n      toggle.setAttribute('role', 'button');\n      toggle.setAttribute('tabindex', '0');\n      toggle.setAttribute('aria-expanded', String(isExpanded));\n      toggle.setAttribute('aria-label', isExpanded ? 'Collapse details' : 'Expand details');\n      container.appendChild(toggle);\n\n      return container;\n    };\n\n    // Prepend expander column to ensure it's always first\n    return [expanderCol, ...cols];\n  }\n\n  /** @internal */\n  override onRowClick(event: RowClickEvent): boolean | void {\n    if (!this.config.expandOnRowClick || !this.config.detailRenderer) return;\n    this.toggleAndEmit(event.row, event.rowIndex);\n    return false;\n  }\n\n  /** @internal */\n  override onCellClick(event: CellClickEvent): boolean | void {\n    // Handle click on master-detail toggle icon (same pattern as TreePlugin)\n    const target = event.originalEvent?.target as HTMLElement;\n    if (target?.classList.contains('master-detail-toggle')) {\n      this.toggleAndEmit(event.row, event.rowIndex);\n      return true; // Prevent default handling\n    }\n\n    // Sync detail rows after cell click triggers refreshVirtualWindow\n    // This runs in microtask to ensure DOM updates are complete\n    if (this.expandedRows.size > 0) {\n      queueMicrotask(() => this.#syncDetailRows());\n    }\n    return; // Don't prevent default\n  }\n\n  /** @internal */\n  override onKeyDown(event: KeyboardEvent): boolean | void {\n    // SPACE toggles expansion when focus is on the expander column\n    if (event.key !== ' ') return;\n\n    const focusCol = this.grid._focusCol;\n    const focusRow = this.grid._focusRow;\n    // _focusCol is a visible-column index (set from data-col), so use visibleColumns\n    const column = this.visibleColumns[focusCol];\n\n    // Only handle SPACE on expander column\n    if (!column || !isExpanderColumn(column)) return;\n\n    const row = this.rows[focusRow];\n    if (!row) return;\n\n    event.preventDefault();\n    this.toggleAndEmit(row, focusRow);\n\n    // Restore focus styling after render completes via render pipeline\n    this.requestRenderWithFocus();\n    return true;\n  }\n\n  /** @internal */\n  override afterRender(): void {\n    this.#syncDetailRows();\n  }\n\n  /**\n   * Called on scroll to sync detail elements with visible rows.\n   * Removes details for rows that scrolled out of view and reattaches for visible rows.\n   * @internal\n   */\n  override onScrollRender(): void {\n    if (!this.config.detailRenderer || this.expandedRows.size === 0) return;\n    // Full sync needed on scroll to clean up orphaned details\n    this.#syncDetailRows();\n  }\n\n  /**\n   * Full sync of detail rows - cleans up stale elements and creates new ones.\n   * Detail rows are inserted as siblings AFTER their master row to survive row rebuilds.\n   *\n   * PERF: Uses the grid's row pool (_rowPool) and virtual window (_virtualization.start/end)\n   * to avoid querySelectorAll on every scroll frame. The pool is index-aligned with the\n   * virtual window, so pool[i] corresponds to row index (start + i).\n   */\n  #syncDetailRows(): void {\n    if (!this.config.detailRenderer) return;\n\n    const body = this.gridElement?.querySelector('.rows');\n    if (!body) return;\n\n    // Use grid's virtualization state and row pool for O(1) lookups instead of querySelectorAll.\n    // The row pool is an array of DOM elements aligned to the virtual window:\n    // _rowPool[i] renders row data at index (_virtualization.start + i).\n    const gridInternal = this.grid as any;\n    const rowPool: HTMLElement[] | undefined = gridInternal._rowPool;\n    const vStart: number = gridInternal._virtualization?.start ?? 0;\n    const vEnd: number = gridInternal._virtualization?.end ?? 0;\n    const columnCount = this.columns.length;\n\n    // Build visible row index set from the virtual window range\n    const visibleStart = vStart;\n    const visibleEnd = vEnd;\n\n    // Build a map of row index -> row element using the pool (O(n) where n = visible rows)\n    const visibleRowMap = new Map<number, Element>();\n    if (rowPool) {\n      const poolLen = Math.min(rowPool.length, visibleEnd - visibleStart);\n      for (let i = 0; i < poolLen; i++) {\n        const rowEl = rowPool[i];\n        if (rowEl.parentNode === body) {\n          visibleRowMap.set(visibleStart + i, rowEl);\n        }\n      }\n    } else {\n      // Fallback: use querySelectorAll if pool is not accessible\n      const dataRows = body.querySelectorAll('.data-grid-row');\n      for (const rowEl of dataRows) {\n        const firstCell = rowEl.querySelector('.cell[data-row]');\n        const rowIndex = firstCell ? parseInt(firstCell.getAttribute('data-row') ?? '-1', 10) : -1;\n        if (rowIndex >= 0) {\n          visibleRowMap.set(rowIndex, rowEl);\n        }\n      }\n    }\n\n    // Remove detail rows whose parent row is no longer visible or no longer expanded.\n    // Iterate the detailElements map (which we own) instead of querySelectorAll.\n    for (const [row, detailEl] of this.detailElements) {\n      const rowIndex = this.rows.indexOf(row);\n      const isStillExpanded = this.expandedRows.has(row);\n      const isRowVisible = rowIndex >= 0 && visibleRowMap.has(rowIndex);\n\n      if (!isStillExpanded || !isRowVisible) {\n        // Clean up framework adapter resources (React root, Vue app, Angular view)\n        // before removing to prevent memory leaks.\n        const adapter = this.#internalGrid.__frameworkAdapter;\n        if (adapter?.unmount) {\n          const detailCell = detailEl.querySelector('.master-detail-cell');\n          const container = detailCell?.firstElementChild as HTMLElement | null;\n          if (container) adapter.unmount(container);\n        }\n        if (detailEl.parentNode) detailEl.remove();\n        this.detailElements.delete(row);\n      }\n    }\n\n    // Insert detail rows for expanded rows that are visible\n    for (const [rowIndex, rowEl] of visibleRowMap) {\n      const row = this.rows[rowIndex];\n      if (!row || !this.expandedRows.has(row)) continue;\n\n      // Check if detail already exists for this row\n      const existingDetail = this.detailElements.get(row);\n      if (existingDetail) {\n        // Ensure it's positioned correctly (as next sibling of row element)\n        if (existingDetail.previousElementSibling !== rowEl) {\n          rowEl.after(existingDetail);\n        }\n        continue;\n      }\n\n      // Create new detail element\n      const detailEl = createDetailElement(row, rowIndex, this.config.detailRenderer, columnCount);\n\n      if (typeof this.config.detailHeight === 'number') {\n        detailEl.style.height = `${this.config.detailHeight}px`;\n      }\n\n      // Insert as sibling after the row element (not as child)\n      rowEl.after(detailEl);\n      this.detailElements.set(row, detailEl);\n\n      // Only animate if this row was just expanded by a user action (click, keyboard, API).\n      // Rows re-appearing from scroll (virtualization) should not re-animate.\n      const shouldAnimate = this.rowsToAnimate.has(row);\n      if (shouldAnimate) {\n        this.rowsToAnimate.delete(row);\n      }\n\n      const willAnimate = shouldAnimate && this.animateExpand(detailEl, row, rowIndex);\n\n      if (!willAnimate) {\n        // No animation - measure height after layout settles via RAF\n        requestAnimationFrame(() => {\n          this.#measureAndCacheDetailHeight(detailEl, row, rowIndex);\n        });\n      }\n      // When animating, measurement is deferred to animationend callback\n      // (inside animateExpand) to avoid measuring during max-height: 0 constraint\n    }\n  }\n\n  /**\n   * Return total extra height from all expanded detail rows.\n   * Used by grid virtualization to adjust scrollbar height.\n   *\n   * @deprecated Use getRowHeight() instead. This hook will be removed in v2.0.\n   */\n  override getExtraHeight(): number {\n    let totalHeight = 0;\n    for (const row of this.expandedRows) {\n      totalHeight += this.getDetailHeight(row);\n    }\n    return totalHeight;\n  }\n\n  /**\n   * Return extra height that appears before a given row index.\n   * This is the sum of heights of all expanded details whose parent row is before the given index.\n   *\n   * @deprecated Use getRowHeight() instead. This hook will be removed in v2.0.\n   */\n  override getExtraHeightBefore(beforeRowIndex: number): number {\n    let totalHeight = 0;\n    for (const row of this.expandedRows) {\n      const rowIndex = this.rows.indexOf(row);\n      // Include detail if it's for a row before the given index\n      if (rowIndex >= 0 && rowIndex < beforeRowIndex) {\n        totalHeight += this.getDetailHeight(row);\n      }\n    }\n    return totalHeight;\n  }\n\n  /**\n   * Get the height of a specific row, including any expanded detail content.\n   * Always returns a height to ensure the position cache uses plugin-controlled values\n   * rather than stale DOM measurements.\n   *\n   * @param row - The row data\n   * @param _index - The row index (unused, but part of the interface)\n   * @returns The row height in pixels (base height for collapsed, base + detail for expanded)\n   */\n  override getRowHeight(row: unknown, _index: number): number | undefined {\n    const isExpanded = this.expandedRows.has(row as object);\n\n    if (!isExpanded) {\n      // Collapsed row - return undefined to let the grid use its measured/estimated height.\n      // This ensures the position cache uses the correct row height from CSS/config.\n      return undefined;\n    }\n\n    // Row is expanded - return base height plus detail height\n    // Use grid's defaultRowHeight which reflects the actual measured/configured height\n    const baseHeight = this.grid.defaultRowHeight ?? 28;\n    const detailHeight = this.getDetailHeight(row);\n\n    return baseHeight + detailHeight;\n  }\n\n  /**\n   * Adjust the virtualization start index to keep expanded row visible while its detail is visible.\n   * This ensures the detail scrolls smoothly out of view instead of disappearing abruptly.\n   */\n  override adjustVirtualStart(start: number, scrollTop: number, rowHeight: number): number {\n    if (this.expandedRows.size === 0) return start;\n\n    // Use position cache for accurate row positions when available (variable heights mode)\n    const positionCache = (this.grid as any)?._virtualization?.positionCache as\n      | Array<{ offset: number; height: number }>\n      | undefined;\n\n    let minStart = start;\n\n    if (positionCache && positionCache.length > 0) {\n      // Variable heights: use position cache for accurate offset\n      for (const row of this.expandedRows) {\n        const rowIndex = this.rows.indexOf(row);\n        if (rowIndex < 0 || rowIndex >= start) continue;\n\n        // Position cache already includes cumulative heights from all expanded details\n        const detailBottom = positionCache[rowIndex].offset + positionCache[rowIndex].height;\n\n        if (detailBottom > scrollTop && rowIndex < minStart) {\n          minStart = rowIndex;\n        }\n      }\n    } else {\n      // Fixed heights fallback: accumulate detail heights manually\n      // Build sorted list of expanded row indices for cumulative height calculation\n      const expandedIndices: Array<{ index: number; row: any }> = [];\n      for (const row of this.expandedRows) {\n        const index = this.rows.indexOf(row);\n        if (index >= 0) {\n          expandedIndices.push({ index, row });\n        }\n      }\n      expandedIndices.sort((a, b) => a.index - b.index);\n\n      let cumulativeExtraHeight = 0;\n\n      for (const { index: rowIndex, row } of expandedIndices) {\n        const actualRowTop = rowIndex * rowHeight + cumulativeExtraHeight;\n        const detailHeight = this.getDetailHeight(row);\n        const actualDetailBottom = actualRowTop + rowHeight + detailHeight;\n\n        cumulativeExtraHeight += detailHeight;\n\n        if (rowIndex >= start) continue;\n\n        if (actualDetailBottom > scrollTop && rowIndex < minStart) {\n          minStart = rowIndex;\n        }\n      }\n    }\n\n    return minStart;\n  }\n  // #endregion\n\n  // #region Public API\n\n  /**\n   * Expand the detail row at the given index.\n   * @param rowIndex - Index of the row to expand\n   */\n  expand(rowIndex: number): void {\n    const row = this.rows[rowIndex];\n    if (row) {\n      this.rowsToAnimate.add(row);\n      this.expandedRows = expandDetailRow(this.expandedRows, row);\n      this.requestRender();\n    }\n  }\n\n  /**\n   * Collapse the detail row at the given index.\n   * @param rowIndex - Index of the row to collapse\n   */\n  collapse(rowIndex: number): void {\n    const row = this.rows[rowIndex];\n    if (row) {\n      this.expandedRows = collapseDetailRow(this.expandedRows, row);\n      this.requestRender();\n    }\n  }\n\n  /**\n   * Toggle the detail row at the given index.\n   * @param rowIndex - Index of the row to toggle\n   */\n  toggle(rowIndex: number): void {\n    const row = this.rows[rowIndex];\n    if (row) {\n      this.expandedRows = toggleDetailRow(this.expandedRows, row);\n      if (this.expandedRows.has(row)) {\n        this.rowsToAnimate.add(row);\n      }\n      this.requestRender();\n    }\n  }\n\n  /**\n   * Check if the detail row at the given index is expanded.\n   * @param rowIndex - Index of the row to check\n   * @returns Whether the detail row is expanded\n   */\n  isExpanded(rowIndex: number): boolean {\n    const row = this.rows[rowIndex];\n    return row ? isDetailExpanded(this.expandedRows, row) : false;\n  }\n\n  /**\n   * Expand all detail rows.\n   */\n  expandAll(): void {\n    for (const row of this.rows) {\n      this.rowsToAnimate.add(row);\n      this.expandedRows.add(row);\n    }\n    this.requestRender();\n  }\n\n  /**\n   * Collapse all detail rows.\n   */\n  collapseAll(): void {\n    this.expandedRows.clear();\n    this.requestRender();\n  }\n\n  /**\n   * Get the indices of all expanded rows.\n   * @returns Array of row indices that are expanded\n   */\n  getExpandedRows(): number[] {\n    const indices: number[] = [];\n    for (const row of this.expandedRows) {\n      const idx = this.rows.indexOf(row);\n      if (idx >= 0) indices.push(idx);\n    }\n    return indices;\n  }\n\n  /**\n   * Get the detail element for a specific row.\n   * @param rowIndex - Index of the row\n   * @returns The detail HTMLElement or undefined\n   */\n  getDetailElement(rowIndex: number): HTMLElement | undefined {\n    const row = this.rows[rowIndex];\n    return row ? this.detailElements.get(row) : undefined;\n  }\n\n  /**\n   * Re-parse light DOM to refresh the detail renderer.\n   * Call this after framework templates are registered (e.g., Angular ngAfterContentInit).\n   *\n   * This allows frameworks to register templates asynchronously and then\n   * update the plugin's detailRenderer.\n   */\n  refreshDetailRenderer(): void {\n    // Force re-parse by temporarily clearing the renderer\n    const currentRenderer = this.config.detailRenderer;\n    this.config = { ...this.config, detailRenderer: undefined };\n    this.parseLightDomDetail();\n\n    // If no new renderer was found, restore the original\n    if (!this.config.detailRenderer && currentRenderer) {\n      this.config = { ...this.config, detailRenderer: currentRenderer };\n    }\n\n    // Request a COLUMNS phase re-render so processColumns runs again with the new detailRenderer\n    // This ensures the expand toggle is added to the first column.\n    // Must use refreshColumns() (COLUMNS phase) not requestRender() (ROWS phase)\n    // because processColumns only runs at COLUMNS phase or higher.\n    if (this.config.detailRenderer) {\n      const grid = this.#internalGrid;\n      if (typeof grid.refreshColumns === 'function') {\n        grid.refreshColumns();\n      } else {\n        // Fallback to requestRender if refreshColumns not available\n        this.requestRender();\n      }\n    }\n  }\n  // #endregion\n}\n"],"names":["toggleDetailRow","expandedRows","row","newExpanded","Set","has","delete","add","createDetailElement","rowIndex","renderer","columnCount","detailRow","document","createElement","className","setAttribute","String","detailCell","style","gridColumn","content","innerHTML","HTMLElement","appendChild","MasterDetailPlugin","BaseGridPlugin","name","styles","internalGrid","this","grid","defaultConfig","detailHeight","expandOnRowClick","collapseOnClickOutside","animation","attach","super","parseLightDomDetail","gridEl","gridElement","detailEl","querySelector","adapter","__frameworkAdapter","parseDetailElement","adapterRenderer","config","detailRenderer","getAttribute","showExpandColumn","heightAttr","configUpdates","parseInt","templateHTML","trim","_rowIndex","evaluated","evalTemplateString","value","sanitizeHTML","Object","keys","length","animationStyle","isAnimationEnabled","animateExpand","classList","measured","measureOnce","remove","measureAndCacheDetailHeight","addEventListener","once","setTimeout","animationDuration","animateCollapse","onComplete","cleanup","isConnected","height","offsetHeight","previousHeight","measuredDetailHeights","get","set","invalidateRowHeight","detailElements","Map","rowsToAnimate","static","getDetailHeight","contains","cachedHeight","DEFAULT_DETAIL_HEIGHT","toggleAndEmit","expanded","emit","requestRender","detach","clear","processColumns","columns","cols","findExpanderColumn","expanderCol","createExpanderColumnConfig","viewRenderer","renderCtx","isExpanded","container","toggle","setIcon","resolveIcon","onRowClick","event","onCellClick","target","originalEvent","size","queueMicrotask","syncDetailRows","onKeyDown","key","focusCol","_focusCol","focusRow","_focusRow","column","visibleColumns","isExpanderColumn","rows","preventDefault","requestRenderWithFocus","afterRender","onScrollRender","body","gridInternal","rowPool","_rowPool","vStart","_virtualization","start","vEnd","end","visibleStart","visibleEnd","visibleRowMap","poolLen","Math","min","i","rowEl","parentNode","dataRows","querySelectorAll","firstCell","indexOf","isStillExpanded","isRowVisible","unmount","firstElementChild","existingDetail","previousElementSibling","after","shouldAnimate","requestAnimationFrame","getExtraHeight","totalHeight","getExtraHeightBefore","beforeRowIndex","getRowHeight","_index","defaultRowHeight","adjustVirtualStart","scrollTop","rowHeight","positionCache","minStart","offset","expandedIndices","index","push","sort","a","b","cumulativeExtraHeight","actualRowTop","expand","expandDetailRow","collapse","collapseDetailRow","isDetailExpanded","expandAll","collapseAll","getExpandedRows","indices","idx","getDetailElement","refreshDetailRenderer","currentRenderer","refreshColumns"],"mappings":"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"}
+{"version":3,"file":"master-detail.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/master-detail/master-detail.ts","../../../../../libs/grid/src/lib/plugins/master-detail/MasterDetailPlugin.ts"],"sourcesContent":["/**\n * Master/Detail Core Logic\n *\n * Pure functions for managing detail row expansion state.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n// Uses `any` for maximum flexibility with user-defined row types.\n\n/**\n * Toggle the expansion state of a detail row.\n * Returns a new Set with the updated state.\n */\nexport function toggleDetailRow(expandedRows: Set<object>, row: object): Set<object> {\n  const newExpanded = new Set(expandedRows);\n  if (newExpanded.has(row)) {\n    newExpanded.delete(row);\n  } else {\n    newExpanded.add(row);\n  }\n  return newExpanded;\n}\n\n/**\n * Expand a detail row.\n * Returns a new Set with the row added.\n */\nexport function expandDetailRow(expandedRows: Set<object>, row: object): Set<object> {\n  const newExpanded = new Set(expandedRows);\n  newExpanded.add(row);\n  return newExpanded;\n}\n\n/**\n * Collapse a detail row.\n * Returns a new Set with the row removed.\n */\nexport function collapseDetailRow(expandedRows: Set<object>, row: object): Set<object> {\n  const newExpanded = new Set(expandedRows);\n  newExpanded.delete(row);\n  return newExpanded;\n}\n\n/**\n * Check if a detail row is expanded.\n */\nexport function isDetailExpanded(expandedRows: Set<object>, row: object): boolean {\n  return expandedRows.has(row);\n}\n\n/**\n * Create a detail element for a given row.\n * The element spans all columns and contains the rendered content.\n */\nexport function createDetailElement(\n  row: any,\n  rowIndex: number,\n  renderer: (row: any, rowIndex: number) => HTMLElement | string,\n  columnCount: number\n): HTMLElement {\n  const detailRow = document.createElement('div');\n  detailRow.className = 'master-detail-row';\n  detailRow.setAttribute('data-detail-for', String(rowIndex));\n  detailRow.setAttribute('role', 'row');\n\n  const detailCell = document.createElement('div');\n  detailCell.className = 'master-detail-cell';\n  detailCell.setAttribute('role', 'cell');\n  detailCell.style.gridColumn = `1 / ${columnCount + 1}`;\n\n  const content = renderer(row, rowIndex);\n  if (typeof content === 'string') {\n    detailCell.innerHTML = content;\n  } else if (content instanceof HTMLElement) {\n    detailCell.appendChild(content);\n  }\n\n  detailRow.appendChild(detailCell);\n  return detailRow;\n}\n","/**\n * Master/Detail Plugin (Class-based)\n *\n * Enables expandable detail rows showing additional content for each row.\n * Animation style is plugin-configured; respects grid-level animation.mode.\n */\n\nimport { evalTemplateString, sanitizeHTML } from '../../core/internal/sanitize';\nimport { BaseGridPlugin, CellClickEvent, GridElement, RowClickEvent } from '../../core/plugin/base-plugin';\nimport { createExpanderColumnConfig, findExpanderColumn, isExpanderColumn } from '../../core/plugin/expander-column';\nimport type { ColumnConfig, GridHost } from '../../core/types';\nimport {\n  collapseDetailRow,\n  createDetailElement,\n  expandDetailRow,\n  isDetailExpanded,\n  toggleDetailRow,\n} from './master-detail';\nimport styles from './master-detail.css?inline';\nimport type { DetailExpandDetail, ExpandCollapseAnimation, MasterDetailConfig } from './types';\n\n/**\n * Master-Detail Plugin for tbw-grid\n *\n * Creates expandable detail rows that reveal additional content beneath each master row.\n * Perfect for order/line-item UIs, employee/department views, or any scenario where\n * you need to show related data without navigating away.\n *\n * ## Installation\n *\n * ```ts\n * import { MasterDetailPlugin } from '@toolbox-web/grid/plugins/master-detail';\n * ```\n *\n * ## Configuration Options\n *\n * | Option | Type | Default | Description |\n * |--------|------|---------|-------------|\n * | `detailRenderer` | `(row) => HTMLElement \\| string` | required | Render function for detail content |\n * | `expandOnRowClick` | `boolean` | `false` | Expand when clicking the row |\n * | `detailHeight` | `number \\| 'auto'` | `'auto'` | Fixed height or auto-size |\n * | `collapseOnClickOutside` | `boolean` | `false` | Collapse when clicking outside |\n * | `showExpandColumn` | `boolean` | `true` | Show expand/collapse column |\n * | `animation` | `false \\| 'slide' \\| 'fade'` | `'slide'` | Animation style |\n *\n * ## Programmatic API\n *\n * | Method | Signature | Description |\n * |--------|-----------|-------------|\n * | `expandRow` | `(rowIndex) => void` | Expand a specific row |\n * | `collapseRow` | `(rowIndex) => void` | Collapse a specific row |\n * | `toggleRow` | `(rowIndex) => void` | Toggle row expansion |\n * | `expandAll` | `() => void` | Expand all rows |\n * | `collapseAll` | `() => void` | Collapse all rows |\n * | `isRowExpanded` | `(rowIndex) => boolean` | Check if row is expanded |\n *\n * ## CSS Custom Properties\n *\n * | Property | Default | Description |\n * |----------|---------|-------------|\n * | `--tbw-master-detail-bg` | `var(--tbw-color-row-alt)` | Detail row background |\n * | `--tbw-master-detail-border` | `var(--tbw-color-border)` | Detail row border |\n * | `--tbw-detail-padding` | `1em` | Detail content padding |\n * | `--tbw-animation-duration` | `200ms` | Expand/collapse animation |\n *\n * @example Basic Master-Detail with HTML Template\n * ```ts\n * import '@toolbox-web/grid';\n * import { MasterDetailPlugin } from '@toolbox-web/grid/plugins/master-detail';\n *\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'orderId', header: 'Order ID' },\n *     { field: 'customer', header: 'Customer' },\n *     { field: 'total', header: 'Total', type: 'currency' },\n *   ],\n *   plugins: [\n *     new MasterDetailPlugin({\n *       detailRenderer: (row) => `\n *         <div class=\"order-details\">\n *           <h4>Order Items</h4>\n *           <ul>${row.items.map(i => `<li>${i.name} - $${i.price}</li>`).join('')}</ul>\n *         </div>\n *       `,\n *     }),\n *   ],\n * };\n * ```\n *\n * @example Nested Grid in Detail\n * ```ts\n * new MasterDetailPlugin({\n *   detailRenderer: (row) => {\n *     const childGrid = document.createElement('tbw-grid');\n *     childGrid.style.height = '200px';\n *     childGrid.gridConfig = { columns: [...] };\n *     childGrid.rows = row.items || [];\n *     return childGrid;\n *   },\n * })\n * ```\n *\n * @see {@link MasterDetailConfig} for all configuration options\n * @see {@link DetailExpandDetail} for expand/collapse event details\n *\n * @internal Extends BaseGridPlugin\n */\nexport class MasterDetailPlugin extends BaseGridPlugin<MasterDetailConfig> {\n  /** @internal */\n  readonly name = 'masterDetail';\n  /** @internal */\n  override readonly styles = styles;\n\n  /** Typed internal grid accessor. */\n  get #internalGrid(): GridHost {\n    return this.grid as unknown as GridHost;\n  }\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<MasterDetailConfig> {\n    return {\n      detailHeight: 'auto',\n      expandOnRowClick: false,\n      collapseOnClickOutside: false,\n      // Note: showExpandColumn is intentionally NOT defaulted here.\n      // If undefined, processColumns() adds expander only when detailRenderer is provided.\n      // Set to true for framework adapters that register renderers asynchronously.\n      animation: 'slide', // Plugin's own default\n    };\n  }\n\n  // #region Light DOM Parsing\n\n  /**\n   * Called when plugin is attached to the grid.\n   * Parses light DOM for `<tbw-grid-detail>` elements to configure detail templates.\n   * @internal\n   */\n  override attach(grid: GridElement): void {\n    super.attach(grid);\n    this.parseLightDomDetail();\n  }\n\n  /**\n   * Parse `<tbw-grid-detail>` elements from the grid's light DOM.\n   *\n   * Allows declarative configuration:\n   * ```html\n   * <tbw-grid [rows]=\"data\">\n   *   <tbw-grid-detail>\n   *     <div class=\"detail-content\">\n   *       <p>Name: {{ row.name }}</p>\n   *       <p>Email: {{ row.email }}</p>\n   *     </div>\n   *   </tbw-grid-detail>\n   * </tbw-grid>\n   * ```\n   *\n   * Attributes:\n   * - `animation`: 'slide' | 'fade' | 'false' (default: 'slide')\n   * - `show-expand-column`: 'true' | 'false' (default: 'true')\n   * - `expand-on-row-click`: 'true' | 'false' (default: 'false')\n   * - `collapse-on-click-outside`: 'true' | 'false' (default: 'false')\n   * - `height`: number (pixels) or 'auto' (default: 'auto')\n   */\n  private parseLightDomDetail(): void {\n    const gridEl = this.gridElement;\n    if (!gridEl) return;\n\n    const detailEl = gridEl.querySelector('tbw-grid-detail');\n    if (!detailEl) return;\n\n    // Check if a framework adapter wants to handle this element\n    // (e.g., Angular adapter intercepts for ng-template rendering)\n    const adapter = this.#internalGrid.__frameworkAdapter;\n    if (adapter?.parseDetailElement) {\n      const adapterRenderer = adapter.parseDetailElement(detailEl);\n      if (adapterRenderer) {\n        this.config = { ...this.config, detailRenderer: adapterRenderer };\n        return;\n      }\n    }\n\n    // Parse attributes for configuration\n    const animation = detailEl.getAttribute('animation');\n    const showExpandColumn = detailEl.getAttribute('show-expand-column');\n    const expandOnRowClick = detailEl.getAttribute('expand-on-row-click');\n    const collapseOnClickOutside = detailEl.getAttribute('collapse-on-click-outside');\n    const heightAttr = detailEl.getAttribute('height');\n\n    const configUpdates: Partial<MasterDetailConfig> = {};\n\n    if (animation !== null) {\n      configUpdates.animation = animation === 'false' ? false : (animation as 'slide' | 'fade');\n    }\n    if (showExpandColumn !== null) {\n      configUpdates.showExpandColumn = showExpandColumn !== 'false';\n    }\n    if (expandOnRowClick !== null) {\n      configUpdates.expandOnRowClick = expandOnRowClick === 'true';\n    }\n    if (collapseOnClickOutside !== null) {\n      configUpdates.collapseOnClickOutside = collapseOnClickOutside === 'true';\n    }\n    if (heightAttr !== null) {\n      configUpdates.detailHeight = heightAttr === 'auto' ? 'auto' : parseInt(heightAttr, 10);\n    }\n\n    // Get template content from innerHTML\n    const templateHTML = detailEl.innerHTML.trim();\n    if (templateHTML && !this.config.detailRenderer) {\n      // Create a template-based renderer using the inner HTML\n      configUpdates.detailRenderer = (row: any, _rowIndex: number): string => {\n        // Evaluate template expressions like {{ row.field }}\n        const evaluated = evalTemplateString(templateHTML, { value: row, row });\n        // Sanitize the result to prevent XSS\n        return sanitizeHTML(evaluated);\n      };\n    }\n\n    // Merge updates into config\n    if (Object.keys(configUpdates).length > 0) {\n      this.config = { ...this.config, ...configUpdates };\n    }\n  }\n\n  // #endregion\n\n  // #region Animation Helpers\n\n  /**\n   * Get expand/collapse animation style from plugin config.\n   * Uses base class isAnimationEnabled to respect grid-level settings.\n   */\n  private get animationStyle(): ExpandCollapseAnimation {\n    if (!this.isAnimationEnabled) return false;\n    return this.config.animation ?? 'slide';\n  }\n\n  /**\n   * Apply expand animation to a detail element.\n   * Returns true if animation was applied, false if skipped.\n   * When animated, height measurement is deferred to animationend to avoid\n   * measuring during the max-height: 0 CSS animation constraint.\n   */\n  private animateExpand(detailEl: HTMLElement, row?: any, rowIndex?: number): boolean {\n    if (!this.isAnimationEnabled || this.animationStyle === false) return false;\n\n    detailEl.classList.add('tbw-expanding');\n\n    let measured = false;\n    const measureOnce = () => {\n      if (measured) return;\n      measured = true;\n      detailEl.classList.remove('tbw-expanding');\n\n      // Measure height AFTER animation completes - the element now has its\n      // natural height without the max-height constraint from the animation.\n      if (row !== undefined && rowIndex !== undefined) {\n        this.#measureAndCacheDetailHeight(detailEl, row, rowIndex);\n      }\n    };\n\n    detailEl.addEventListener('animationend', measureOnce, { once: true });\n    // Fallback timeout in case animationend doesn't fire (e.g., element detached,\n    // animation removed, or framework rendering delays). Matches animateCollapse pattern.\n    setTimeout(measureOnce, this.animationDuration + 50);\n    return true;\n  }\n\n  /**\n   * Apply collapse animation to a detail element and remove after animation.\n   */\n  private animateCollapse(detailEl: HTMLElement, onComplete: () => void): void {\n    if (!this.isAnimationEnabled || this.animationStyle === false) {\n      onComplete();\n      return;\n    }\n\n    detailEl.classList.add('tbw-collapsing');\n    const cleanup = () => {\n      detailEl.classList.remove('tbw-collapsing');\n      onComplete();\n    };\n    detailEl.addEventListener('animationend', cleanup, { once: true });\n    // Fallback timeout in case animation doesn't fire\n    setTimeout(cleanup, this.animationDuration + 50);\n  }\n\n  /**\n   * Measure a detail element's height and update the position cache if it changed.\n   * Used after layout settles (RAF) or after animation completes (animationend).\n   */\n  #measureAndCacheDetailHeight(detailEl: HTMLElement, row: any, rowIndex: number): void {\n    if (!detailEl.isConnected) return;\n\n    const height = detailEl.offsetHeight;\n    if (height > 0) {\n      const previousHeight = this.measuredDetailHeights.get(row);\n      this.measuredDetailHeights.set(row, height);\n\n      // Only invalidate if height actually changed\n      // This triggers an incremental position cache update, not a full rebuild\n      if (previousHeight !== height) {\n        this.grid.invalidateRowHeight(rowIndex);\n      }\n    }\n  }\n\n  // #endregion\n\n  // #region Internal State\n  private expandedRows: Set<any> = new Set();\n  private detailElements: Map<any, HTMLElement> = new Map();\n  /** Cached measured heights - persists even when elements are virtualized out */\n  private measuredDetailHeights: Map<any, number> = new Map();\n  /** Rows that were just expanded by user action and should animate.\n   * Prevents re-animation when rows scroll back into the virtual window. */\n  private rowsToAnimate: Set<any> = new Set();\n\n  /** Default height for detail rows when not configured */\n  private static readonly DEFAULT_DETAIL_HEIGHT = 150;\n\n  /**\n   * Get the estimated height for a detail row.\n   * Uses cached measured height when available (survives virtualization).\n   * Avoids reading offsetHeight during CSS animations to prevent poisoning the cache.\n   */\n  private getDetailHeight(row: any): number {\n    // Try DOM element first - works for tests and when element is connected\n    const detailEl = this.detailElements.get(row);\n    if (detailEl) {\n      // Skip DOM measurement if currently animating (max-height constraint gives wrong value)\n      const isAnimating = detailEl.classList.contains('tbw-expanding') || detailEl.classList.contains('tbw-collapsing');\n      if (!isAnimating) {\n        const height = detailEl.offsetHeight;\n        if (height > 0) {\n          // Cache the measurement for when this row is virtualized out\n          this.measuredDetailHeights.set(row, height);\n          return height;\n        }\n      }\n    }\n\n    // DOM element missing, detached, or animating - check cached measurement\n    const cachedHeight = this.measuredDetailHeights.get(row);\n    if (cachedHeight && cachedHeight > 0) {\n      return cachedHeight;\n    }\n\n    // Fallback to config or default\n    return typeof this.config?.detailHeight === 'number'\n      ? this.config.detailHeight\n      : MasterDetailPlugin.DEFAULT_DETAIL_HEIGHT;\n  }\n\n  /**\n   * Toggle a row's detail and emit event.\n   * Skips synthetic rows (e.g., group headers from GroupingRowsPlugin).\n   */\n  private toggleAndEmit(row: any, rowIndex: number): void {\n    // Synthetic rows (e.g., group headers) don't have detail content\n    if (row?.__isGroupRow) return;\n\n    this.expandedRows = toggleDetailRow(this.expandedRows, row as object);\n    const expanded = this.expandedRows.has(row as object);\n    if (expanded) {\n      this.rowsToAnimate.add(row);\n    }\n    this.emit<DetailExpandDetail>('detail-expand', {\n      rowIndex,\n      row: row as Record<string, unknown>,\n      expanded,\n    });\n    this.requestRender();\n  }\n  // #endregion\n\n  // #region Lifecycle\n\n  /** @internal */\n  override detach(): void {\n    this.expandedRows.clear();\n    this.detailElements.clear();\n    this.measuredDetailHeights.clear();\n    this.rowsToAnimate.clear();\n  }\n  // #endregion\n\n  // #region Hooks\n\n  /** @internal */\n  override processColumns(columns: readonly ColumnConfig[]): ColumnConfig[] {\n    // Determine whether to add the expander column:\n    // 1. If showExpandColumn === false: never add (explicit opt-out)\n    // 2. If showExpandColumn === true: always add (explicit opt-in, for framework adapters)\n    // 3. If showExpandColumn is undefined: add only if detailRenderer is provided\n    //\n    // This supports React/Angular adapters which register renderers asynchronously via light DOM.\n    // They must set showExpandColumn: true to get the column immediately, avoiding layout shift.\n    const shouldAddExpander =\n      this.config.showExpandColumn === true || (this.config.showExpandColumn !== false && !!this.config.detailRenderer);\n\n    if (!shouldAddExpander) {\n      return [...columns];\n    }\n\n    const cols = [...columns];\n\n    // Check if expander column already exists (from this or another plugin)\n    const existingExpander = findExpanderColumn(cols);\n    if (existingExpander) {\n      // Another plugin already added an expander column - don't add duplicate\n      // Our expand logic will be handled via onCellClick on the expander column\n      return cols;\n    }\n\n    // Create dedicated expander column that stays fixed at position 0\n    const expanderCol = createExpanderColumnConfig(this.name);\n    expanderCol.viewRenderer = (renderCtx) => {\n      const { row } = renderCtx;\n      const isExpanded = this.expandedRows.has(row as object);\n\n      const container = document.createElement('span');\n      container.className = 'master-detail-expander expander-cell';\n\n      // Expand/collapse toggle icon\n      const toggle = document.createElement('span');\n      toggle.className = `master-detail-toggle${isExpanded ? ' expanded' : ''}`;\n      // Use grid-level icons (fall back to defaults)\n      this.setIcon(toggle, this.resolveIcon(isExpanded ? 'collapse' : 'expand'));\n      // role=\"button\" is required for aria-expanded to be valid\n      toggle.setAttribute('role', 'button');\n      toggle.setAttribute('tabindex', '0');\n      toggle.setAttribute('aria-expanded', String(isExpanded));\n      toggle.setAttribute('aria-label', isExpanded ? 'Collapse details' : 'Expand details');\n      container.appendChild(toggle);\n\n      return container;\n    };\n\n    // Prepend expander column to ensure it's always first\n    return [expanderCol, ...cols];\n  }\n\n  /** @internal */\n  override onRowClick(event: RowClickEvent): boolean | void {\n    if (!this.config.expandOnRowClick || !this.config.detailRenderer) return;\n    this.toggleAndEmit(event.row, event.rowIndex);\n    return false;\n  }\n\n  /** @internal */\n  override onCellClick(event: CellClickEvent): boolean | void {\n    // Handle click on master-detail toggle icon (same pattern as TreePlugin)\n    const target = event.originalEvent?.target as HTMLElement;\n    if (target?.classList.contains('master-detail-toggle')) {\n      this.toggleAndEmit(event.row, event.rowIndex);\n      return true; // Prevent default handling\n    }\n\n    // Sync detail rows after cell click triggers refreshVirtualWindow\n    // This runs in microtask to ensure DOM updates are complete\n    if (this.expandedRows.size > 0) {\n      queueMicrotask(() => this.#syncDetailRows());\n    }\n    return; // Don't prevent default\n  }\n\n  /** @internal */\n  override onKeyDown(event: KeyboardEvent): boolean | void {\n    // SPACE toggles expansion when focus is on the expander column\n    if (event.key !== ' ') return;\n\n    const focusCol = this.grid._focusCol;\n    const focusRow = this.grid._focusRow;\n    // _focusCol is a visible-column index (set from data-col), so use visibleColumns\n    const column = this.visibleColumns[focusCol];\n\n    // Only handle SPACE on expander column\n    if (!column || !isExpanderColumn(column)) return;\n\n    const row = this.rows[focusRow];\n    if (!row) return;\n\n    event.preventDefault();\n    this.toggleAndEmit(row, focusRow);\n\n    // Restore focus styling after render completes via render pipeline\n    this.requestRenderWithFocus();\n    return true;\n  }\n\n  /** @internal */\n  override afterRender(): void {\n    this.#fixExpanderHeaderSpan();\n    this.#syncDetailRows();\n  }\n\n  /**\n   * The expander header cell is hidden (display:none), so the next sibling\n   * header cell must span two CSS grid tracks (the expander's + its own)\n   * to keep the header aligned with data rows.  The column position is\n   * computed dynamically so that pinned columns can appear before the expander.\n   */\n  #fixExpanderHeaderSpan(): void {\n    const expanderHeader = this.gridElement?.querySelector(\n      '.header-row .cell[data-field=\"__tbw_expander\"]',\n    ) as HTMLElement | null;\n    if (!expanderHeader) return;\n\n    const colIdx = parseInt(expanderHeader.getAttribute('data-col') || '0', 10);\n    const nextCell = expanderHeader.nextElementSibling as HTMLElement | null;\n    if (nextCell) {\n      // CSS grid columns are 1-based; span from the expander's track to the next cell's track.\n      nextCell.style.gridColumn = `${colIdx + 1} / ${colIdx + 3}`;\n    }\n  }\n\n  /**\n   * Called on scroll to sync detail elements with visible rows.\n   * Removes details for rows that scrolled out of view and reattaches for visible rows.\n   * @internal\n   */\n  override onScrollRender(): void {\n    if (!this.config.detailRenderer || this.expandedRows.size === 0) return;\n    // Full sync needed on scroll to clean up orphaned details\n    this.#syncDetailRows();\n  }\n\n  /**\n   * Full sync of detail rows - cleans up stale elements and creates new ones.\n   * Detail rows are inserted as siblings AFTER their master row to survive row rebuilds.\n   *\n   * PERF: Uses the grid's row pool (_rowPool) and virtual window (_virtualization.start/end)\n   * to avoid querySelectorAll on every scroll frame. The pool is index-aligned with the\n   * virtual window, so pool[i] corresponds to row index (start + i).\n   */\n  #syncDetailRows(): void {\n    if (!this.config.detailRenderer) return;\n\n    const body = this.gridElement?.querySelector('.rows');\n    if (!body) return;\n\n    // Use grid's virtualization state and row pool for O(1) lookups instead of querySelectorAll.\n    // The row pool is an array of DOM elements aligned to the virtual window:\n    // _rowPool[i] renders row data at index (_virtualization.start + i).\n    const gridInternal = this.grid as any;\n    const rowPool: HTMLElement[] | undefined = gridInternal._rowPool;\n    const vStart: number = gridInternal._virtualization?.start ?? 0;\n    const vEnd: number = gridInternal._virtualization?.end ?? 0;\n    const columnCount = this.columns.length;\n\n    // Build visible row index set from the virtual window range\n    const visibleStart = vStart;\n    const visibleEnd = vEnd;\n\n    // Build a map of row index -> row element using the pool (O(n) where n = visible rows)\n    const visibleRowMap = new Map<number, Element>();\n    if (rowPool) {\n      const poolLen = Math.min(rowPool.length, visibleEnd - visibleStart);\n      for (let i = 0; i < poolLen; i++) {\n        const rowEl = rowPool[i];\n        if (rowEl.parentNode === body) {\n          visibleRowMap.set(visibleStart + i, rowEl);\n        }\n      }\n    } else {\n      // Fallback: use querySelectorAll if pool is not accessible\n      const dataRows = body.querySelectorAll('.data-grid-row');\n      for (const rowEl of dataRows) {\n        const firstCell = rowEl.querySelector('.cell[data-row]');\n        const rowIndex = firstCell ? parseInt(firstCell.getAttribute('data-row') ?? '-1', 10) : -1;\n        if (rowIndex >= 0) {\n          visibleRowMap.set(rowIndex, rowEl);\n        }\n      }\n    }\n\n    // Remove detail rows whose parent row is no longer visible or no longer expanded.\n    // Iterate the detailElements map (which we own) instead of querySelectorAll.\n    for (const [row, detailEl] of this.detailElements) {\n      const rowIndex = this.rows.indexOf(row);\n      const isStillExpanded = this.expandedRows.has(row);\n      const isRowVisible = rowIndex >= 0 && visibleRowMap.has(rowIndex);\n\n      if (!isStillExpanded || !isRowVisible) {\n        // Clean up framework adapter resources (React root, Vue app, Angular view)\n        // before removing to prevent memory leaks.\n        const adapter = this.#internalGrid.__frameworkAdapter;\n        if (adapter?.unmount) {\n          const detailCell = detailEl.querySelector('.master-detail-cell');\n          const container = detailCell?.firstElementChild as HTMLElement | null;\n          if (container) adapter.unmount(container);\n        }\n        if (detailEl.parentNode) detailEl.remove();\n        this.detailElements.delete(row);\n      }\n    }\n\n    // Insert detail rows for expanded rows that are visible\n    for (const [rowIndex, rowEl] of visibleRowMap) {\n      const row = this.rows[rowIndex];\n      if (!row || !this.expandedRows.has(row)) continue;\n\n      // Check if detail already exists for this row\n      const existingDetail = this.detailElements.get(row);\n      if (existingDetail) {\n        // Ensure it's positioned correctly (as next sibling of row element)\n        if (existingDetail.previousElementSibling !== rowEl) {\n          rowEl.after(existingDetail);\n        }\n        continue;\n      }\n\n      // Create new detail element\n      const detailEl = createDetailElement(row, rowIndex, this.config.detailRenderer, columnCount);\n\n      if (typeof this.config.detailHeight === 'number') {\n        detailEl.style.height = `${this.config.detailHeight}px`;\n      }\n\n      // Insert as sibling after the row element (not as child)\n      rowEl.after(detailEl);\n      this.detailElements.set(row, detailEl);\n\n      // Only animate if this row was just expanded by a user action (click, keyboard, API).\n      // Rows re-appearing from scroll (virtualization) should not re-animate.\n      const shouldAnimate = this.rowsToAnimate.has(row);\n      if (shouldAnimate) {\n        this.rowsToAnimate.delete(row);\n      }\n\n      const willAnimate = shouldAnimate && this.animateExpand(detailEl, row, rowIndex);\n\n      if (!willAnimate) {\n        // No animation - measure height after layout settles via RAF\n        requestAnimationFrame(() => {\n          this.#measureAndCacheDetailHeight(detailEl, row, rowIndex);\n        });\n      }\n      // When animating, measurement is deferred to animationend callback\n      // (inside animateExpand) to avoid measuring during max-height: 0 constraint\n    }\n  }\n\n  /**\n   * Return total extra height from all expanded detail rows.\n   * Used by grid virtualization to adjust scrollbar height.\n   *\n   * @deprecated Use getRowHeight() instead. This hook will be removed in v2.0.\n   */\n  override getExtraHeight(): number {\n    let totalHeight = 0;\n    for (const row of this.expandedRows) {\n      totalHeight += this.getDetailHeight(row);\n    }\n    return totalHeight;\n  }\n\n  /**\n   * Return extra height that appears before a given row index.\n   * This is the sum of heights of all expanded details whose parent row is before the given index.\n   *\n   * @deprecated Use getRowHeight() instead. This hook will be removed in v2.0.\n   */\n  override getExtraHeightBefore(beforeRowIndex: number): number {\n    let totalHeight = 0;\n    for (const row of this.expandedRows) {\n      const rowIndex = this.rows.indexOf(row);\n      // Include detail if it's for a row before the given index\n      if (rowIndex >= 0 && rowIndex < beforeRowIndex) {\n        totalHeight += this.getDetailHeight(row);\n      }\n    }\n    return totalHeight;\n  }\n\n  /**\n   * Get the height of a specific row, including any expanded detail content.\n   * Always returns a height to ensure the position cache uses plugin-controlled values\n   * rather than stale DOM measurements.\n   *\n   * @param row - The row data\n   * @param _index - The row index (unused, but part of the interface)\n   * @returns The row height in pixels (base height for collapsed, base + detail for expanded)\n   */\n  override getRowHeight(row: unknown, _index: number): number | undefined {\n    const isExpanded = this.expandedRows.has(row as object);\n\n    if (!isExpanded) {\n      // Collapsed row - return undefined to let the grid use its measured/estimated height.\n      // This ensures the position cache uses the correct row height from CSS/config.\n      return undefined;\n    }\n\n    // Row is expanded - return base height plus detail height\n    // Use grid's defaultRowHeight which reflects the actual measured/configured height\n    const baseHeight = this.grid.defaultRowHeight ?? 28;\n    const detailHeight = this.getDetailHeight(row);\n\n    return baseHeight + detailHeight;\n  }\n\n  /**\n   * Adjust the virtualization start index to keep expanded row visible while its detail is visible.\n   * This ensures the detail scrolls smoothly out of view instead of disappearing abruptly.\n   */\n  override adjustVirtualStart(start: number, scrollTop: number, rowHeight: number): number {\n    if (this.expandedRows.size === 0) return start;\n\n    // Use position cache for accurate row positions when available (variable heights mode)\n    const positionCache = (this.grid as any)?._virtualization?.positionCache as\n      | Array<{ offset: number; height: number }>\n      | undefined;\n\n    let minStart = start;\n\n    if (positionCache && positionCache.length > 0) {\n      // Variable heights: use position cache for accurate offset\n      for (const row of this.expandedRows) {\n        const rowIndex = this.rows.indexOf(row);\n        if (rowIndex < 0 || rowIndex >= start) continue;\n\n        // Position cache already includes cumulative heights from all expanded details\n        const detailBottom = positionCache[rowIndex].offset + positionCache[rowIndex].height;\n\n        if (detailBottom > scrollTop && rowIndex < minStart) {\n          minStart = rowIndex;\n        }\n      }\n    } else {\n      // Fixed heights fallback: accumulate detail heights manually\n      // Build sorted list of expanded row indices for cumulative height calculation\n      const expandedIndices: Array<{ index: number; row: any }> = [];\n      for (const row of this.expandedRows) {\n        const index = this.rows.indexOf(row);\n        if (index >= 0) {\n          expandedIndices.push({ index, row });\n        }\n      }\n      expandedIndices.sort((a, b) => a.index - b.index);\n\n      let cumulativeExtraHeight = 0;\n\n      for (const { index: rowIndex, row } of expandedIndices) {\n        const actualRowTop = rowIndex * rowHeight + cumulativeExtraHeight;\n        const detailHeight = this.getDetailHeight(row);\n        const actualDetailBottom = actualRowTop + rowHeight + detailHeight;\n\n        cumulativeExtraHeight += detailHeight;\n\n        if (rowIndex >= start) continue;\n\n        if (actualDetailBottom > scrollTop && rowIndex < minStart) {\n          minStart = rowIndex;\n        }\n      }\n    }\n\n    return minStart;\n  }\n  // #endregion\n\n  // #region Public API\n\n  /**\n   * Expand the detail row at the given index.\n   * @param rowIndex - Index of the row to expand\n   */\n  expand(rowIndex: number): void {\n    const row = this.rows[rowIndex];\n    if (row && !row.__isGroupRow) {\n      this.rowsToAnimate.add(row);\n      this.expandedRows = expandDetailRow(this.expandedRows, row);\n      this.requestRender();\n    }\n  }\n\n  /**\n   * Collapse the detail row at the given index.\n   * @param rowIndex - Index of the row to collapse\n   */\n  collapse(rowIndex: number): void {\n    const row = this.rows[rowIndex];\n    if (row) {\n      this.expandedRows = collapseDetailRow(this.expandedRows, row);\n      this.requestRender();\n    }\n  }\n\n  /**\n   * Toggle the detail row at the given index.\n   * @param rowIndex - Index of the row to toggle\n   */\n  toggle(rowIndex: number): void {\n    const row = this.rows[rowIndex];\n    if (row && !row.__isGroupRow) {\n      this.expandedRows = toggleDetailRow(this.expandedRows, row);\n      if (this.expandedRows.has(row)) {\n        this.rowsToAnimate.add(row);\n      }\n      this.requestRender();\n    }\n  }\n\n  /**\n   * Check if the detail row at the given index is expanded.\n   * @param rowIndex - Index of the row to check\n   * @returns Whether the detail row is expanded\n   */\n  isExpanded(rowIndex: number): boolean {\n    const row = this.rows[rowIndex];\n    return row ? isDetailExpanded(this.expandedRows, row) : false;\n  }\n\n  /**\n   * Expand all detail rows.\n   * Skips synthetic rows (e.g., group headers from GroupingRowsPlugin).\n   */\n  expandAll(): void {\n    for (const row of this.rows) {\n      if (row?.__isGroupRow) continue;\n      this.rowsToAnimate.add(row);\n      this.expandedRows.add(row);\n    }\n    this.requestRender();\n  }\n\n  /**\n   * Collapse all detail rows.\n   */\n  collapseAll(): void {\n    this.expandedRows.clear();\n    this.requestRender();\n  }\n\n  /**\n   * Get the indices of all expanded rows.\n   * @returns Array of row indices that are expanded\n   */\n  getExpandedRows(): number[] {\n    const indices: number[] = [];\n    for (const row of this.expandedRows) {\n      const idx = this.rows.indexOf(row);\n      if (idx >= 0) indices.push(idx);\n    }\n    return indices;\n  }\n\n  /**\n   * Get the detail element for a specific row.\n   * @param rowIndex - Index of the row\n   * @returns The detail HTMLElement or undefined\n   */\n  getDetailElement(rowIndex: number): HTMLElement | undefined {\n    const row = this.rows[rowIndex];\n    return row ? this.detailElements.get(row) : undefined;\n  }\n\n  /**\n   * Re-parse light DOM to refresh the detail renderer.\n   * Call this after framework templates are registered (e.g., Angular ngAfterContentInit).\n   *\n   * This allows frameworks to register templates asynchronously and then\n   * update the plugin's detailRenderer.\n   */\n  refreshDetailRenderer(): void {\n    // Force re-parse by temporarily clearing the renderer\n    const currentRenderer = this.config.detailRenderer;\n    this.config = { ...this.config, detailRenderer: undefined };\n    this.parseLightDomDetail();\n\n    // If no new renderer was found, restore the original\n    if (!this.config.detailRenderer && currentRenderer) {\n      this.config = { ...this.config, detailRenderer: currentRenderer };\n    }\n\n    // Request a COLUMNS phase re-render so processColumns runs again with the new detailRenderer\n    // This ensures the expand toggle is added to the first column.\n    // Must use refreshColumns() (COLUMNS phase) not requestRender() (ROWS phase)\n    // because processColumns only runs at COLUMNS phase or higher.\n    if (this.config.detailRenderer) {\n      const grid = this.#internalGrid;\n      if (typeof grid.refreshColumns === 'function') {\n        grid.refreshColumns();\n      } else {\n        // Fallback to requestRender if refreshColumns not available\n        this.requestRender();\n      }\n    }\n  }\n  // #endregion\n}\n"],"names":["toggleDetailRow","expandedRows","row","newExpanded","Set","has","delete","add","createDetailElement","rowIndex","renderer","columnCount","detailRow","document","createElement","className","setAttribute","String","detailCell","style","gridColumn","content","innerHTML","HTMLElement","appendChild","MasterDetailPlugin","BaseGridPlugin","name","styles","internalGrid","this","grid","defaultConfig","detailHeight","expandOnRowClick","collapseOnClickOutside","animation","attach","super","parseLightDomDetail","gridEl","gridElement","detailEl","querySelector","adapter","__frameworkAdapter","parseDetailElement","adapterRenderer","config","detailRenderer","getAttribute","showExpandColumn","heightAttr","configUpdates","parseInt","templateHTML","trim","_rowIndex","evaluated","evalTemplateString","value","sanitizeHTML","Object","keys","length","animationStyle","isAnimationEnabled","animateExpand","classList","measured","measureOnce","remove","measureAndCacheDetailHeight","addEventListener","once","setTimeout","animationDuration","animateCollapse","onComplete","cleanup","isConnected","height","offsetHeight","previousHeight","measuredDetailHeights","get","set","invalidateRowHeight","detailElements","Map","rowsToAnimate","static","getDetailHeight","contains","cachedHeight","DEFAULT_DETAIL_HEIGHT","toggleAndEmit","__isGroupRow","expanded","emit","requestRender","detach","clear","processColumns","columns","cols","findExpanderColumn","expanderCol","createExpanderColumnConfig","viewRenderer","renderCtx","isExpanded","container","toggle","setIcon","resolveIcon","onRowClick","event","onCellClick","target","originalEvent","size","queueMicrotask","syncDetailRows","onKeyDown","key","focusCol","_focusCol","focusRow","_focusRow","column","visibleColumns","isExpanderColumn","rows","preventDefault","requestRenderWithFocus","afterRender","fixExpanderHeaderSpan","expanderHeader","colIdx","nextCell","nextElementSibling","onScrollRender","body","gridInternal","rowPool","_rowPool","vStart","_virtualization","start","vEnd","end","visibleStart","visibleEnd","visibleRowMap","poolLen","Math","min","i","rowEl","parentNode","dataRows","querySelectorAll","firstCell","indexOf","isStillExpanded","isRowVisible","unmount","firstElementChild","existingDetail","previousElementSibling","after","shouldAnimate","requestAnimationFrame","getExtraHeight","totalHeight","getExtraHeightBefore","beforeRowIndex","getRowHeight","_index","defaultRowHeight","adjustVirtualStart","scrollTop","rowHeight","positionCache","minStart","offset","expandedIndices","index","push","sort","a","b","cumulativeExtraHeight","actualRowTop","expand","expandDetailRow","collapse","collapseDetailRow","isDetailExpanded","expandAll","collapseAll","getExpandedRows","indices","idx","getDetailElement","refreshDetailRenderer","currentRenderer","refreshColumns"],"mappings":"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"}

package/umd/plugins/pinned-columns.umd.js

@@ -1,2 +1,2 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("../../core/internal/utils"),require("../../core/plugin/base-plugin")):"function"==typeof define&&define.amd?define(["exports","../../core/internal/utils","../../core/plugin/base-plugin"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).TbwGridPlugin_pinnedColumns={},t.TbwGrid,t.TbwGrid)}(this,function(t,e,i){"use strict";function n(t){return t.pinned??t.sticky??t.meta?.pinned??t.meta?.sticky}function s(t,i){return e.resolveInlinePosition(t,i)}function r(t,e){const i=n(t);return!!i&&"left"===s(i,e)}function o(t,e){const i=n(t);return!!i&&"right"===s(i,e)}function l(t){return t.some(t=>null!=n(t))}function c(t,i){const n=Array.from(t.querySelectorAll(".header-row .cell"));if(!n.length)return;const s=e.getDirection(t);let l=0;for(const e of i)if(r(e,s)){const i=n.find(t=>t.getAttribute("data-field")===e.field);i&&(i.classList.add("sticky-left"),i.style.position="sticky",i.style.left=l+"px",t.querySelectorAll(`.data-grid-row .cell[data-field="${e.field}"]`).forEach(t=>{t.classList.add("sticky-left"),t.style.position="sticky",t.style.left=l+"px"}),l+=i.offsetWidth)}let c=0;for(const e of[...i].reverse())if(o(e,s)){const i=n.find(t=>t.getAttribute("data-field")===e.field);i&&(i.classList.add("sticky-right"),i.style.position="sticky",i.style.right=c+"px",t.querySelectorAll(`.data-grid-row .cell[data-field="${e.field}"]`).forEach(t=>{t.classList.add("sticky-right"),t.style.position="sticky",t.style.right=c+"px"}),c+=i.offsetWidth)}}function f(t){t.querySelectorAll(".sticky-left, .sticky-right").forEach(t=>{t.classList.remove("sticky-left","sticky-right"),t.style.position="",t.style.left="",t.style.right=""})}const d="canMoveColumn";class u extends i.BaseGridPlugin{static manifest={ownedProperties:[{property:"pinned",level:"column",description:'the "pinned" column property',isUsed:t=>"left"===t||"right"===t||"start"===t||"end"===t},{property:"sticky",level:"column",description:'the "sticky" column property (deprecated, use "pinned")',isUsed:t=>"left"===t||"right"===t||"start"===t||"end"===t}],incompatibleWith:[{name:"groupingColumns",reason:"Pinning reorders columns to the grid edges, but moving a column out of its column group is not supported. The group header layout cannot accommodate members at different positions."}],queries:[{type:d,description:"Prevents pinned (sticky) columns from being moved/reordered"},{type:"getStickyOffsets",description:"Returns the sticky offsets for left/right pinned columns"},{type:"getContextMenuItems",description:"Contributes pin/unpin items to the header context menu"}]};name="pinnedColumns";get defaultConfig(){return{}}isApplied=!1;leftOffsets=new Map;rightOffsets=new Map;#t=[];detach(){this.leftOffsets.clear(),this.rightOffsets.clear(),this.isApplied=!1,this.#t=[]}static detect(t,e){const i=e?.columns;return!!Array.isArray(i)&&l(i)}processColumns(t){const i=[...t];if(this.isApplied=l(i),!this.isApplied)return i;const r=this.gridElement;return function(t,e="ltr"){const i=[],r=[],o=[];for(const l of t){const t=n(l);t?"left"===s(t,e)?i.push(l):o.push(l):r.push(l)}return[...i,...r,...o]}(i,r?e.getDirection(r):"ltr")}afterRender(){if(!this.isApplied)return;const t=this.gridElement,e=[...this.columns];if(!l(e))return f(t),void(this.isApplied=!1);queueMicrotask(()=>{c(t,e)})}handleQuery(t){switch(t.type){case d:return null==n(t.context)&&void 0;case"getStickyOffsets":return{left:Object.fromEntries(this.leftOffsets),right:Object.fromEntries(this.rightOffsets)};case"getContextMenuItems":{const e=t.context;if(!e.isHeader)return;const i=e.column;if(!i?.field)return;if(i.meta?.lockPinning)return;const s=this.grid?.getPluginByName("groupingColumns");if(s?.isGroupingActive())return;const r=[];return null!=n(i)?r.push({id:"pinned/unpin",label:"Unpin Column",icon:"📌",order:40,action:()=>this.setPinPosition(i.field,void 0)}):(r.push({id:"pinned/pin-left",label:"Pin Left",icon:"⬅",order:40,action:()=>this.setPinPosition(i.field,"left")}),r.push({id:"pinned/pin-right",label:"Pin Right",icon:"➡",order:41,action:()=>this.setPinPosition(i.field,"right")})),r}default:return}}setPinPosition(t,e){const i=this.columns;if(!i?.length)return;const s=i.findIndex(e=>e.field===t);if(-1===s)return;const r=this.gridElement;if(e){0===this.#t.length&&(this.#t=i.map(t=>t.field));const n=i.map(i=>{if(i.field!==t)return i;const n={...i};return n.pinned=e,delete n.sticky,n});r.columns=n}else{const e={...i[s]};delete e.pinned,delete e.sticky;const o=[...i];o.splice(s,1);const l=this.#t.indexOf(t);if(l>=0){let t=o.length;for(let e=0;e<o.length;e++){if(n(o[e]))continue;if(this.#t.indexOf(o[e].field)>l){t=e;break}}o.splice(t,0,e)}else o.splice(Math.min(s,o.length),0,e);o.some(t=>null!=n(t))||(this.#t=[]),r.columns=o}}refreshStickyOffsets(){const t=[...this.columns];c(this.gridElement,t)}getLeftPinnedColumns(){return function(t,e="ltr"){return t.filter(t=>r(t,e))}([...this.columns],e.getDirection(this.gridElement))}getRightPinnedColumns(){return function(t,e="ltr"){return t.filter(t=>o(t,e))}([...this.columns],e.getDirection(this.gridElement))}clearStickyPositions(){f(this.gridElement)}getHorizontalScrollOffsets(t,e){if(!this.isApplied)return;let i=0,n=0;if(t){const e=t.querySelectorAll(".sticky-left"),s=t.querySelectorAll(".sticky-right");e.forEach(t=>{i+=t.offsetWidth}),s.forEach(t=>{n+=t.offsetWidth})}else{this.gridElement.querySelectorAll(".header-row .cell").forEach(t=>{t.classList.contains("sticky-left")?i+=t.offsetWidth:t.classList.contains("sticky-right")&&(n+=t.offsetWidth)})}const s=e?.classList.contains("sticky-left")||e?.classList.contains("sticky-right");return{left:i,right:n,skipScroll:s}}}t.PinnedColumnsPlugin=u,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("../../core/internal/utils"),require("../../core/plugin/base-plugin")):"function"==typeof define&&define.amd?define(["exports","../../core/internal/utils","../../core/plugin/base-plugin"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).TbwGridPlugin_pinnedColumns={},t.TbwGrid,t.TbwGrid)}(this,function(t,e,i){"use strict";function n(t){return t.pinned??t.sticky??t.meta?.pinned??t.meta?.sticky}function s(t,i){return e.resolveInlinePosition(t,i)}function r(t,e){const i=n(t);return!!i&&"left"===s(i,e)}function o(t,e){const i=n(t);return!!i&&"right"===s(i,e)}function l(t){return t.some(t=>null!=n(t))}function d(t,i){const n={addGroupEnd:new Set,removeGroupEnd:new Set},s=Array.from(t.querySelectorAll(".header-row .cell"));if(!s.length)return n;const l=e.getDirection(t);let d=0;for(const e of i)if(r(e,l)){const i=s.find(t=>t.getAttribute("data-field")===e.field);i&&(i.classList.add("sticky-left"),i.style.position="sticky",i.style.left=d+"px",t.querySelectorAll(`.data-grid-row .cell[data-field="${e.field}"]`).forEach(t=>{t.classList.add("sticky-left"),t.style.position="sticky",t.style.left=d+"px"}),d+=i.offsetWidth)}let c=0;for(const e of[...i].reverse())if(o(e,l)){const i=s.find(t=>t.getAttribute("data-field")===e.field);i&&(i.classList.add("sticky-right"),i.style.position="sticky",i.style.right=c+"px",t.querySelectorAll(`.data-grid-row .cell[data-field="${e.field}"]`).forEach(t=>{t.classList.add("sticky-right"),t.style.position="sticky",t.style.right=c+"px"}),c+=i.offsetWidth)}const u=function(t,e,i,n){const s={addGroupEnd:new Set,removeGroupEnd:new Set},l=Array.from(t.querySelectorAll(".header-group-row .header-group-cell"));if(!l.length)return s;for(const d of l){const t=d.style.gridColumn;if(!t)continue;const l=t.match(/^(\d+)\s*\/\s*span\s+(\d+)$/);if(!l)continue;const c=parseInt(l[1],10)-1,u=c+parseInt(l[2],10)-1,a=e.slice(c,u+1);if(!a.length)continue;const p=a.every(t=>r(t,n)),h=a.every(t=>o(t,n));if(p){const t=a[0].field,e=i.find(e=>e.getAttribute("data-field")===t);e&&(d.classList.add("sticky-left"),d.style.position="sticky",d.style.left=e.style.left)}else if(h){const t=a[a.length-1].field,e=i.find(e=>e.getAttribute("data-field")===t);e&&(d.classList.add("sticky-right"),d.style.position="sticky",d.style.right=e.style.right)}else d.classList.contains("implicit-group")&&f(d,a,c,i,n,s)}return s}(t,i,s,l);if(u.addGroupEnd.size>0||u.removeGroupEnd.size>0){for(const e of u.addGroupEnd){const i=s.find(t=>t.getAttribute("data-field")===e);i&&i.classList.add("group-end"),t.querySelectorAll(`.data-grid-row .cell[data-field="${e}"]`).forEach(t=>{t.classList.add("group-end")})}for(const e of u.removeGroupEnd){const i=s.find(t=>t.getAttribute("data-field")===e);i&&i.classList.remove("group-end"),t.querySelectorAll(`.data-grid-row .cell[data-field="${e}"]`).forEach(t=>{t.classList.remove("group-end")})}}return u}function c(t,e){return r(t,e)?"left":o(t,e)?"right":"none"}function f(t,e,i,n,s,r){const o=[];for(let f=0;f<e.length;f++){const t=c(e[f],s),n=o[o.length-1];n&&n.state===t?n.cols.push(e[f]):o.push({state:t,cols:[e[f]],colStart:i+f})}if(o.length<=1)return;const l=t.parentElement;if(!l)return;const d=t.nextSibling;l.removeChild(t);for(const c of o){const e=document.createElement("div");if(e.className=t.className,e.setAttribute("data-group",t.getAttribute("data-group")||""),e.style.gridColumn=`${c.colStart+1} / span ${c.cols.length}`,"left"===c.state){const t=c.cols[0].field,i=n.find(e=>e.getAttribute("data-field")===t);i&&(e.classList.add("sticky-left"),e.style.position="sticky",e.style.left=i.style.left)}else if("right"===c.state){const t=c.cols[c.cols.length-1].field,i=n.find(e=>e.getAttribute("data-field")===t);i&&(e.classList.add("sticky-right"),e.style.position="sticky",e.style.right=i.style.right)}else if("none"===c.state){c.cols.every(t=>String(t.field||"").startsWith("__tbw_"))&&(e.style.borderRightStyle="none")}d?l.insertBefore(e,d):l.appendChild(e)}for(let c=0;c<o.length;c++){const t=o[c],e=o[c+1];if("none"!==t.state&&e&&"none"===e.state){const e=t.cols[t.cols.length-1].field;e&&r.addGroupEnd.add(e)}if("none"===t.state){if(t.cols.every(t=>String(t.field||"").startsWith("__tbw_"))){const e=t.cols[t.cols.length-1].field;e&&r.removeGroupEnd.add(e)}}}}function u(t){t.querySelectorAll(".sticky-left, .sticky-right").forEach(t=>{t.classList.remove("sticky-left","sticky-right"),t.style.position="",t.style.left="",t.style.right=""})}const a="canMoveColumn";class p extends i.BaseGridPlugin{static manifest={ownedProperties:[{property:"pinned",level:"column",description:'the "pinned" column property',isUsed:t=>"left"===t||"right"===t||"start"===t||"end"===t},{property:"sticky",level:"column",description:'the "sticky" column property (deprecated, use "pinned")',isUsed:t=>"left"===t||"right"===t||"start"===t||"end"===t}],queries:[{type:a,description:"Prevents pinned (sticky) columns from being moved/reordered"},{type:"getStickyOffsets",description:"Returns the sticky offsets for left/right pinned columns"},{type:"getContextMenuItems",description:"Contributes pin/unpin items to the header context menu"}]};name="pinnedColumns";get defaultConfig(){return{}}isApplied=!1;leftOffsets=new Map;rightOffsets=new Map;#t={addGroupEnd:new Set,removeGroupEnd:new Set};#e=[];detach(){this.leftOffsets.clear(),this.rightOffsets.clear(),this.isApplied=!1,this.#t={addGroupEnd:new Set,removeGroupEnd:new Set},this.#e=[]}static detect(t,e){const i=e?.columns;return!!Array.isArray(i)&&l(i)}processColumns(t){const i=[...t];if(this.isApplied=l(i),!this.isApplied)return i;const r=this.gridElement;return function(t,e="ltr"){const i=[],r=[],o=[];for(const l of t){const t=n(l);t?"left"===s(t,e)?i.push(l):o.push(l):r.push(l)}return[...i,...r,...o]}(i,r?e.getDirection(r):"ltr")}afterRender(){if(!this.isApplied)return;const t=this.gridElement,e=[...this.columns];if(!l(e))return u(t),void(this.isApplied=!1);queueMicrotask(()=>{this.#t=d(t,e)})}afterCellRender(t){if(!this.isApplied)return;const e=t.column.field;this.#t.addGroupEnd.has(e)?t.cellElement.classList.add("group-end"):this.#t.removeGroupEnd.has(e)&&t.cellElement.classList.remove("group-end")}handleQuery(t){switch(t.type){case a:return null==n(t.context)&&void 0;case"getStickyOffsets":return{left:Object.fromEntries(this.leftOffsets),right:Object.fromEntries(this.rightOffsets)};case"getContextMenuItems":{const e=t.context;if(!e.isHeader)return;const i=e.column;if(!i?.field)return;if(i.meta?.lockPinning)return;const s=[];return null!=n(i)?s.push({id:"pinned/unpin",label:"Unpin Column",icon:"📌",order:40,action:()=>this.setPinPosition(i.field,void 0)}):(s.push({id:"pinned/pin-left",label:"Pin Left",icon:"⬅",order:40,action:()=>this.setPinPosition(i.field,"left")}),s.push({id:"pinned/pin-right",label:"Pin Right",icon:"➡",order:41,action:()=>this.setPinPosition(i.field,"right")})),s}default:return}}setPinPosition(t,e){const i=this.columns;if(!i?.length)return;const s=i.findIndex(e=>e.field===t);if(-1===s)return;const r=this.gridElement;if(e){0===this.#e.length&&(this.#e=i.map(t=>t.field));const n=i.map(i=>{if(i.field!==t)return i;const n={...i};return n.pinned=e,delete n.sticky,n});r.columns=n}else{const e={...i[s]};delete e.pinned,delete e.sticky;const o=[...i];o.splice(s,1);const l=this.#e.indexOf(t);if(l>=0){let t=o.length;for(let e=0;e<o.length;e++){if(n(o[e]))continue;if(this.#e.indexOf(o[e].field)>l){t=e;break}}o.splice(t,0,e)}else o.splice(Math.min(s,o.length),0,e);o.some(t=>null!=n(t))||(this.#e=[]),r.columns=o}}refreshStickyOffsets(){const t=[...this.columns];d(this.gridElement,t)}getLeftPinnedColumns(){return function(t,e="ltr"){return t.filter(t=>r(t,e))}([...this.columns],e.getDirection(this.gridElement))}getRightPinnedColumns(){return function(t,e="ltr"){return t.filter(t=>o(t,e))}([...this.columns],e.getDirection(this.gridElement))}clearStickyPositions(){u(this.gridElement)}getHorizontalScrollOffsets(t,e){if(!this.isApplied)return;let i=0,n=0;if(t){const e=t.querySelectorAll(".sticky-left"),s=t.querySelectorAll(".sticky-right");e.forEach(t=>{i+=t.offsetWidth}),s.forEach(t=>{n+=t.offsetWidth})}else{this.gridElement.querySelectorAll(".header-row .cell").forEach(t=>{t.classList.contains("sticky-left")?i+=t.offsetWidth:t.classList.contains("sticky-right")&&(n+=t.offsetWidth)})}const s=e?.classList.contains("sticky-left")||e?.classList.contains("sticky-right");return{left:i,right:n,skipScroll:s}}}t.PinnedColumnsPlugin=p,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=pinned-columns.umd.js.map