@toolbox-web/grid 1.30.2 → 1.31.0

package/umd/plugins/tree.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/tree/tree-data.ts","../../../../../libs/grid/src/lib/plugins/tree/tree-detect.ts","../../../../../libs/grid/src/lib/plugins/tree/TreePlugin.ts"],"sourcesContent":["/**\n * Core Tree Data Logic\n *\n * Pure functions for tree flattening, expansion, and traversal.\n */\n\nimport type { FlattenedTreeRow, TreeConfig, TreeRow } from './types';\n\n/**\n * Generates a unique key for a row.\n * Uses row.id if available, otherwise generates from path.\n */\nexport function generateRowKey(row: TreeRow, index: number, parentKey: string | null): string {\n  if (row.id !== undefined) return String(row.id);\n  return parentKey ? `${parentKey}-${index}` : String(index);\n}\n\n/**\n * Flattens a hierarchical tree into a flat array of rows with metadata.\n * Only includes children of expanded nodes.\n */\nexport function flattenTree(\n  rows: readonly TreeRow[],\n  config: TreeConfig,\n  expandedKeys: Set<string>,\n  parentKey: string | null = null,\n  depth = 0,\n): FlattenedTreeRow[] {\n  const childrenField = config.childrenField ?? 'children';\n  const result: FlattenedTreeRow[] = [];\n\n  for (let i = 0; i < rows.length; i++) {\n    const row = rows[i];\n    const key = generateRowKey(row, i, parentKey);\n    const children = row[childrenField];\n    const hasChildren = Array.isArray(children) && children.length > 0;\n    const isExpanded = expandedKeys.has(key);\n\n    result.push({\n      key,\n      data: row,\n      depth,\n      hasChildren,\n      isExpanded,\n      parentKey,\n    });\n\n    // Recursively add children if expanded\n    if (hasChildren && isExpanded) {\n      const childRows = flattenTree(children as TreeRow[], config, expandedKeys, key, depth + 1);\n      result.push(...childRows);\n    }\n  }\n\n  return result;\n}\n\n/**\n * Toggles the expansion state of a row.\n * Returns a new Set with the toggled state.\n */\nexport function toggleExpand(expandedKeys: Set<string>, key: string): Set<string> {\n  const newExpanded = new Set(expandedKeys);\n  if (newExpanded.has(key)) {\n    newExpanded.delete(key);\n  } else {\n    newExpanded.add(key);\n  }\n  return newExpanded;\n}\n\n/**\n * Expands all nodes in the tree.\n * Returns a Set of all parent row keys.\n */\nexport function expandAll(\n  rows: readonly TreeRow[],\n  config: TreeConfig,\n  parentKey: string | null = null,\n  depth = 0,\n): Set<string> {\n  const childrenField = config.childrenField ?? 'children';\n  const keys = new Set<string>();\n\n  for (let i = 0; i < rows.length; i++) {\n    const row = rows[i];\n    const key = generateRowKey(row, i, parentKey);\n    const children = row[childrenField];\n\n    if (Array.isArray(children) && children.length > 0) {\n      keys.add(key);\n      const childKeys = expandAll(children as TreeRow[], config, key, depth + 1);\n      for (const k of childKeys) keys.add(k);\n    }\n  }\n\n  return keys;\n}\n\n/**\n * Collapses all nodes.\n * Returns an empty Set.\n */\nexport function collapseAll(): Set<string> {\n  return new Set();\n}\n\n/**\n * Gets all descendants of a node from the flattened row list.\n * Useful for operations that need to affect an entire subtree.\n */\nexport function getDescendants(flattenedRows: FlattenedTreeRow[], parentKey: string): FlattenedTreeRow[] {\n  const descendants: FlattenedTreeRow[] = [];\n  let collecting = false;\n  let parentDepth = -1;\n\n  for (const row of flattenedRows) {\n    if (row.key === parentKey) {\n      collecting = true;\n      parentDepth = row.depth;\n      continue;\n    }\n\n    if (collecting) {\n      if (row.depth > parentDepth) {\n        descendants.push(row);\n      } else {\n        break; // No longer a descendant\n      }\n    }\n  }\n\n  return descendants;\n}\n\n/**\n * Finds the path from root to a specific row key.\n * Returns an array of keys from root to the target (inclusive).\n */\nexport function getPathToKey(\n  rows: readonly TreeRow[],\n  targetKey: string,\n  config: TreeConfig,\n  parentKey: string | null = null,\n  depth = 0,\n): string[] | null {\n  const childrenField = config.childrenField ?? 'children';\n\n  for (let i = 0; i < rows.length; i++) {\n    const row = rows[i];\n    const key = generateRowKey(row, i, parentKey);\n\n    if (key === targetKey) {\n      return [key];\n    }\n\n    const children = row[childrenField];\n    if (Array.isArray(children) && children.length > 0) {\n      const childPath = getPathToKey(children as TreeRow[], targetKey, config, key, depth + 1);\n      if (childPath) {\n        return [key, ...childPath];\n      }\n    }\n  }\n\n  return null;\n}\n\n/**\n * Expands all ancestors of a specific row to make it visible.\n * Returns a new Set with the required keys added.\n */\nexport function expandToKey(\n  rows: readonly TreeRow[],\n  targetKey: string,\n  config: TreeConfig,\n  existingExpanded: Set<string>,\n): Set<string> {\n  const path = getPathToKey(rows, targetKey, config);\n  if (!path) return existingExpanded;\n\n  const newExpanded = new Set(existingExpanded);\n  // Add all keys except the last one (the target itself)\n  for (let i = 0; i < path.length - 1; i++) {\n    newExpanded.add(path[i]);\n  }\n  return newExpanded;\n}\n","/**\n * Tree Structure Auto-Detection\n *\n * Utilities for detecting hierarchical tree data structures.\n */\n\nimport type { TreeRow } from './types';\n\n/**\n * Detects if the data has a tree structure by checking for children arrays.\n */\nexport function detectTreeStructure(rows: readonly TreeRow[], childrenField = 'children'): boolean {\n  if (!Array.isArray(rows) || rows.length === 0) return false;\n\n  // Check if any row has a non-empty children array\n  for (const row of rows) {\n    if (!row) continue;\n    const children = row[childrenField];\n    if (Array.isArray(children) && children.length > 0) {\n      return true;\n    }\n  }\n\n  return false;\n}\n\n/**\n * Attempts to infer the children field name from common patterns.\n * Returns the first field that contains an array with items.\n */\nexport function inferChildrenField(rows: readonly TreeRow[]): string | null {\n  if (!Array.isArray(rows) || rows.length === 0) return null;\n\n  const commonArrayFields = ['children', 'items', 'nodes', 'subRows', 'nested'];\n\n  for (const row of rows) {\n    if (!row || typeof row !== 'object') continue;\n\n    for (const field of commonArrayFields) {\n      const value = row[field];\n      if (Array.isArray(value) && value.length > 0) {\n        return field;\n      }\n    }\n  }\n\n  return null;\n}\n\n/**\n * Calculates the maximum depth of the tree.\n * Useful for layout calculations and virtualization.\n */\nexport function getMaxDepth(rows: readonly TreeRow[], childrenField = 'children', currentDepth = 0): number {\n  if (!Array.isArray(rows) || rows.length === 0) return currentDepth;\n\n  let maxDepth = currentDepth;\n\n  for (const row of rows) {\n    if (!row) continue;\n    const children = row[childrenField];\n    if (Array.isArray(children) && children.length > 0) {\n      const childDepth = getMaxDepth(children as TreeRow[], childrenField, currentDepth + 1);\n      if (childDepth > maxDepth) {\n        maxDepth = childDepth;\n      }\n    }\n  }\n\n  return maxDepth;\n}\n\n/**\n * Counts total nodes in the tree (including all descendants).\n */\nexport function countNodes(rows: readonly TreeRow[], childrenField = 'children'): number {\n  if (!Array.isArray(rows)) return 0;\n\n  let count = 0;\n  for (const row of rows) {\n    if (!row) continue;\n    count++;\n    const children = row[childrenField];\n    if (Array.isArray(children)) {\n      count += countNodes(children as TreeRow[], childrenField);\n    }\n  }\n\n  return count;\n}\n","/**\n * Tree Data Plugin\n *\n * Enables hierarchical tree data with expand/collapse, sorting, and auto-detection.\n */\n\nimport { GridClasses } from '../../core/constants';\nimport {\n  BaseGridPlugin,\n  CellClickEvent,\n  HeaderClickEvent,\n  type PluginManifest,\n  type PluginQuery,\n} from '../../core/plugin/base-plugin';\nimport type { ColumnConfig, ColumnViewRenderer, GridHost } from '../../core/types';\nimport { collapseAll, expandAll, expandToKey, toggleExpand } from './tree-data';\nimport { detectTreeStructure, inferChildrenField } from './tree-detect';\nimport styles from './tree.css?inline';\nimport type { ExpandCollapseAnimation, FlattenedTreeRow, TreeConfig, TreeExpandDetail, TreeRow } from './types';\n\n/**\n * Tree Data Plugin for tbw-grid\n *\n * Transforms your flat grid into a hierarchical tree view with expandable parent-child\n * relationships. Ideal for file explorers, organizational charts, nested categories,\n * or any data with a natural hierarchy.\n *\n * ## Installation\n *\n * ```ts\n * import { TreePlugin } from '@toolbox-web/grid/plugins/tree';\n * ```\n *\n * ## CSS Custom Properties\n *\n * | Property | Default | Description |\n * |----------|---------|-------------|\n * | `--tbw-tree-toggle-size` | `1.25em` | Toggle icon width |\n * | `--tbw-tree-indent-width` | `var(--tbw-tree-toggle-size)` | Indentation per level |\n * | `--tbw-tree-accent` | `var(--tbw-color-accent)` | Toggle icon hover color |\n * | `--tbw-animation-duration` | `200ms` | Expand/collapse animation duration |\n * | `--tbw-animation-easing` | `ease-out` | Animation curve |\n *\n * @example Basic Tree with Nested Children\n * ```ts\n * import { queryGrid } from '@toolbox-web/grid';\n * import { TreePlugin } from '@toolbox-web/grid/plugins/tree';\n *\n * const grid = queryGrid('tbw-grid');\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'name', header: 'Name' },\n *     { field: 'type', header: 'Type' },\n *     { field: 'size', header: 'Size' },\n *   ],\n *   plugins: [new TreePlugin({ childrenField: 'children', indentWidth: 24 })],\n * };\n * grid.rows = [\n *   {\n *     id: 1,\n *     name: 'Documents',\n *     type: 'folder',\n *     children: [\n *       { id: 2, name: 'Report.docx', type: 'file', size: '24 KB' },\n *     ],\n *   },\n * ];\n * ```\n *\n * @example Expanded by Default with Custom Animation\n * ```ts\n * new TreePlugin({\n *   defaultExpanded: true,\n *   animation: 'fade', // 'slide' | 'fade' | false\n *   indentWidth: 32,\n * })\n * ```\n *\n * @see {@link TreeConfig} for all configuration options\n * @see {@link FlattenedTreeRow} for the flattened row structure\n *\n * @internal Extends BaseGridPlugin\n */\nexport class TreePlugin extends BaseGridPlugin<TreeConfig> {\n  static override readonly manifest: PluginManifest = {\n    incompatibleWith: [\n      {\n        name: 'groupingRows',\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 replaces the entire row and column structure with aggregated pivot data. ' +\n          'Tree hierarchy cannot coexist with pivot aggregation.',\n      },\n      {\n        name: 'serverSide',\n        reason:\n          'TreePlugin requires the full hierarchy to flatten and manage expansion state. ' +\n          'ServerSidePlugin lazy-loads rows in blocks and cannot provide nested children on demand.',\n      },\n    ],\n    events: [\n      {\n        type: 'tree-state-change',\n        description: 'Emitted when tree expansion state changes (toggle, expand all, collapse all)',\n      },\n    ],\n    queries: [\n      {\n        type: 'canMoveRow',\n        description: 'Returns false for rows with children (parent nodes cannot be reordered)',\n      },\n    ],\n  };\n\n  /** @internal */\n  readonly name = 'tree';\n  /** @internal */\n  override readonly styles = styles;\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<TreeConfig> {\n    return {\n      childrenField: 'children',\n      autoDetect: true,\n      defaultExpanded: false,\n      indentWidth: 20,\n      showExpandIcons: true,\n      animation: 'slide',\n    };\n  }\n\n  // #region State\n\n  private expandedKeys = new Set<string>();\n  private initialExpansionDone = false;\n  private flattenedRows: FlattenedTreeRow[] = [];\n  private rowKeyMap = new Map<string, FlattenedTreeRow>();\n  private previousVisibleKeys = new Set<string>();\n  private keysToAnimate = new Set<string>();\n  private sortState: { field: string; direction: 1 | -1 } | null = null;\n\n  /** @internal */\n  override detach(): void {\n    this.expandedKeys.clear();\n    this.initialExpansionDone = false;\n    this.flattenedRows = [];\n    this.rowKeyMap.clear();\n    this.previousVisibleKeys.clear();\n    this.keysToAnimate.clear();\n    this.sortState = null;\n  }\n\n  /**\n   * Handle plugin queries.\n   * @internal\n   */\n  override handleQuery(query: PluginQuery): unknown {\n    if (query.type === 'canMoveRow') {\n      // Tree rows with children cannot be reordered\n      const row = query.context as { [key: string]: unknown } | null | undefined;\n      const childrenField = this.config.childrenField ?? 'children';\n      const children = row?.[childrenField];\n      if (Array.isArray(children) && children.length > 0) {\n        return false;\n      }\n    }\n    return undefined;\n  }\n\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 Auto-Detection\n\n  detect(rows: readonly unknown[]): boolean {\n    if (!this.config.autoDetect) return false;\n    const treeRows = rows as readonly TreeRow[];\n    const field = this.config.childrenField ?? inferChildrenField(treeRows) ?? 'children';\n    return detectTreeStructure(treeRows, field);\n  }\n\n  // #endregion\n\n  // #region Data Processing\n\n  /** @internal */\n  override processRows(rows: readonly unknown[]): TreeRow[] {\n    const childrenField = this.config.childrenField ?? 'children';\n    const treeRows = rows as readonly TreeRow[];\n\n    if (!detectTreeStructure(treeRows, childrenField)) {\n      this.flattenedRows = [];\n      this.rowKeyMap.clear();\n      this.previousVisibleKeys.clear();\n      return [...rows] as TreeRow[];\n    }\n\n    // Assign stable keys, then optionally sort\n    let data = this.withStableKeys(treeRows);\n    if (this.sortState) {\n      data = this.sortTree(data, this.sortState.field, this.sortState.direction);\n    }\n\n    // Initialize expansion if needed\n    if (this.config.defaultExpanded && !this.initialExpansionDone) {\n      this.expandedKeys = expandAll(data, this.config);\n      this.initialExpansionDone = true;\n    }\n\n    // Flatten and track animations\n    this.flattenedRows = this.flattenTree(data, this.expandedKeys);\n    this.rowKeyMap.clear();\n    this.keysToAnimate.clear();\n    const currentKeys = new Set<string>();\n\n    for (const row of this.flattenedRows) {\n      this.rowKeyMap.set(row.key, row);\n      currentKeys.add(row.key);\n      if (!this.previousVisibleKeys.has(row.key) && row.depth > 0) {\n        this.keysToAnimate.add(row.key);\n      }\n    }\n    this.previousVisibleKeys = currentKeys;\n\n    return this.flattenedRows.map((r) => ({\n      ...r.data,\n      __treeKey: r.key,\n      __treeDepth: r.depth,\n      __treeHasChildren: r.hasChildren,\n      __treeExpanded: r.isExpanded,\n    }));\n  }\n\n  /** Assign stable keys to rows (preserves key across sort operations) */\n  private withStableKeys(rows: readonly TreeRow[], parentKey: string | null = null): TreeRow[] {\n    const childrenField = this.config.childrenField ?? 'children';\n    return rows.map((row, i) => {\n      const stableKey = row.__stableKey as string | undefined;\n      const key = row.id !== undefined ? String(row.id) : (stableKey ?? (parentKey ? `${parentKey}-${i}` : String(i)));\n      const children = row[childrenField];\n      const hasChildren = Array.isArray(children) && children.length > 0;\n      return {\n        ...row,\n        __stableKey: key,\n        ...(hasChildren ? { [childrenField]: this.withStableKeys(children as TreeRow[], key) } : {}),\n      };\n    });\n  }\n\n  /** Flatten tree using stable keys */\n  private flattenTree(rows: readonly TreeRow[], expanded: Set<string>, depth = 0): FlattenedTreeRow[] {\n    const childrenField = this.config.childrenField ?? 'children';\n    const result: FlattenedTreeRow[] = [];\n\n    for (const row of rows) {\n      const stableKey = row.__stableKey as string | undefined;\n      const key = stableKey ?? String(row.id ?? '?');\n      const children = row[childrenField];\n      const hasChildren = Array.isArray(children) && children.length > 0;\n      const isExpanded = expanded.has(key);\n\n      result.push({\n        key,\n        data: row,\n        depth,\n        hasChildren,\n        isExpanded,\n        parentKey: depth > 0 ? key.substring(0, key.lastIndexOf('-')) || null : null,\n      });\n\n      if (hasChildren && isExpanded) {\n        result.push(...this.flattenTree(children as TreeRow[], expanded, depth + 1));\n      }\n    }\n    return result;\n  }\n\n  /** Sort tree recursively, keeping children with parents */\n  private sortTree(rows: readonly TreeRow[], field: string, dir: 1 | -1): TreeRow[] {\n    const childrenField = this.config.childrenField ?? 'children';\n    const sorted = [...rows].sort((a, b) => {\n      const aVal = a[field],\n        bVal = b[field];\n      if (aVal == null && bVal == null) return 0;\n      if (aVal == null) return -1;\n      if (bVal == null) return 1;\n      return aVal > bVal ? dir : aVal < bVal ? -dir : 0;\n    });\n    return sorted.map((row) => {\n      const children = row[childrenField];\n      return Array.isArray(children) && children.length > 0\n        ? { ...row, [childrenField]: this.sortTree(children as TreeRow[], field, dir) }\n        : row;\n    });\n  }\n\n  /** @internal */\n  override processColumns(columns: readonly ColumnConfig[]): ColumnConfig[] {\n    if (this.flattenedRows.length === 0) return [...columns];\n\n    const cols = [...columns] as ColumnConfig[];\n    if (cols.length === 0) return cols;\n\n    // Wrap the first column's renderer to add tree indentation and expand icons\n    // This is the correct approach for trees because:\n    // 1. Indentation can grow naturally with depth\n    // 2. Expand icons appear inline with content\n    // 3. Works with column reordering (icons stay with first visible column)\n    const firstCol = cols[0];\n    const originalRenderer = firstCol.viewRenderer;\n    const getConfig = () => this.config;\n    const setIcon = this.setIcon.bind(this);\n    const resolveIcon = this.resolveIcon.bind(this);\n\n    const wrappedRenderer: ColumnViewRenderer = (ctx) => {\n      const { row, value } = ctx;\n      const { showExpandIcons = true, indentWidth } = getConfig();\n      const treeRow = row as TreeRow;\n      const depth = treeRow.__treeDepth ?? 0;\n\n      const container = document.createElement('span');\n      container.className = 'tree-cell-wrapper';\n      container.style.setProperty('--tbw-tree-depth', String(depth));\n      // Allow config-based indentWidth to override CSS default\n      if (indentWidth !== undefined) {\n        container.style.setProperty('--tbw-tree-indent-width', `${indentWidth}px`);\n      }\n\n      // Add expand/collapse icon or spacer\n      if (showExpandIcons) {\n        if (treeRow.__treeHasChildren) {\n          const icon = document.createElement('span');\n          icon.className = `${GridClasses.TREE_TOGGLE}${treeRow.__treeExpanded ? ` ${GridClasses.EXPANDED}` : ''}`;\n          setIcon(icon, resolveIcon(treeRow.__treeExpanded ? 'collapse' : 'expand'));\n          icon.setAttribute('data-tree-key', String(treeRow.__treeKey ?? ''));\n          container.appendChild(icon);\n        } else {\n          const spacer = document.createElement('span');\n          spacer.className = 'tree-spacer';\n          container.appendChild(spacer);\n        }\n      }\n\n      // Add the original content\n      const content = document.createElement('span');\n      content.className = 'tree-content';\n      if (originalRenderer) {\n        const result = originalRenderer(ctx);\n        if (result instanceof Node) {\n          content.appendChild(result);\n        } else if (typeof result === 'string') {\n          content.innerHTML = result;\n        }\n      } else {\n        content.textContent = value != null ? String(value) : '';\n      }\n      container.appendChild(content);\n\n      return container;\n    };\n\n    cols[0] = { ...firstCol, viewRenderer: wrappedRenderer };\n    return cols;\n  }\n\n  // #endregion\n\n  // #region Event Handlers\n\n  /** @internal */\n  override onCellClick(event: CellClickEvent): boolean {\n    const target = event.originalEvent?.target as HTMLElement;\n    if (!target?.classList.contains(GridClasses.TREE_TOGGLE)) return false;\n\n    const key = target.getAttribute('data-tree-key');\n    if (!key) return false;\n\n    const flatRow = this.rowKeyMap.get(key);\n    if (!flatRow) return false;\n\n    this.expandedKeys = toggleExpand(this.expandedKeys, key);\n    this.emit<TreeExpandDetail>('tree-expand', {\n      key,\n      row: flatRow.data,\n      expanded: this.expandedKeys.has(key),\n      depth: flatRow.depth,\n    });\n    this.requestRender();\n    return true;\n  }\n\n  /** @internal */\n  override onKeyDown(event: KeyboardEvent): boolean | void {\n    // SPACE toggles expansion when on a row with children\n    if (event.key !== ' ') return;\n\n    const focusRow = this.grid._focusRow;\n    const flatRow = this.flattenedRows[focusRow];\n    if (!flatRow?.hasChildren) return;\n\n    event.preventDefault();\n    this.expandedKeys = toggleExpand(this.expandedKeys, flatRow.key);\n    this.emit<TreeExpandDetail>('tree-expand', {\n      key: flatRow.key,\n      row: flatRow.data,\n      expanded: this.expandedKeys.has(flatRow.key),\n      depth: flatRow.depth,\n    });\n    this.requestRenderWithFocus();\n    return true;\n  }\n\n  /** @internal */\n  override onHeaderClick(event: HeaderClickEvent): boolean {\n    if (this.flattenedRows.length === 0 || !event.column.sortable) return false;\n\n    const { field } = event.column;\n    if (!this.sortState || this.sortState.field !== field) {\n      this.sortState = { field, direction: 1 };\n    } else if (this.sortState.direction === 1) {\n      this.sortState = { field, direction: -1 };\n    } else {\n      this.sortState = null;\n    }\n\n    // Sync grid sort indicator\n    const gridEl = this.grid as unknown as GridHost;\n    if (gridEl._sortState !== undefined) {\n      gridEl._sortState = this.sortState ? { ...this.sortState } : null;\n    }\n\n    this.emit('sort-change', { field, direction: this.sortState?.direction ?? 0 });\n    this.requestRender();\n    return true;\n  }\n\n  /** @internal */\n  override afterRender(): void {\n    const body = this.gridElement?.querySelector('.rows');\n    if (!body) return;\n\n    const style = this.animationStyle;\n    const shouldAnimate = style !== false && this.keysToAnimate.size > 0;\n    const animClass = style === 'fade' ? 'tbw-tree-fade-in' : 'tbw-tree-slide-in';\n\n    for (const rowEl of body.querySelectorAll('.data-grid-row')) {\n      const cell = rowEl.querySelector('.cell[data-row]');\n      const idx = cell ? parseInt(cell.getAttribute('data-row') ?? '-1', 10) : -1;\n      const treeRow = this.flattenedRows[idx];\n\n      // Set aria-expanded on parent rows for screen readers\n      if (treeRow?.hasChildren) {\n        rowEl.setAttribute('aria-expanded', String(treeRow.isExpanded));\n      }\n\n      if (shouldAnimate && treeRow?.key && this.keysToAnimate.has(treeRow.key)) {\n        rowEl.classList.add(animClass);\n        rowEl.addEventListener('animationend', () => rowEl.classList.remove(animClass), { once: true });\n      }\n    }\n    this.keysToAnimate.clear();\n  }\n\n  // #endregion\n\n  // #region Public API\n\n  /**\n   * Expand a specific tree node, revealing its children.\n   *\n   * If the node is already expanded, this is a no-op.\n   * Does **not** emit a `tree-expand` event (use {@link toggle} for event emission).\n   *\n   * @param key - The unique key of the node to expand (from {@link FlattenedTreeRow.key})\n   *\n   * @example\n   * ```ts\n   * const tree = grid.getPluginByName('tree');\n   * tree.expand('documents');          // Expand a root node\n   * tree.expand('documents||reports');  // Expand a nested node\n   * ```\n   */\n  expand(key: string): void {\n    this.expandedKeys.add(key);\n    this.requestRender();\n  }\n\n  /**\n   * Collapse a specific tree node, hiding its children.\n   *\n   * If the node is already collapsed, this is a no-op.\n   * Does **not** emit a `tree-expand` event (use {@link toggle} for event emission).\n   *\n   * @param key - The unique key of the node to collapse (from {@link FlattenedTreeRow.key})\n   *\n   * @example\n   * ```ts\n   * const tree = grid.getPluginByName('tree');\n   * tree.collapse('documents');\n   * ```\n   */\n  collapse(key: string): void {\n    this.expandedKeys.delete(key);\n    this.requestRender();\n  }\n\n  /**\n   * Toggle the expanded state of a tree node.\n   *\n   * If the node is expanded it will be collapsed, and vice versa.\n   * Emits a `tree-state-change` plugin event with the updated expanded keys.\n   *\n   * @param key - The unique key of the node to toggle (from {@link FlattenedTreeRow.key})\n   *\n   * @example\n   * ```ts\n   * const tree = grid.getPluginByName('tree');\n   * tree.toggle('documents');  // Expand if collapsed, collapse if expanded\n   * ```\n   */\n  toggle(key: string): void {\n    this.expandedKeys = toggleExpand(this.expandedKeys, key);\n    this.emitPluginEvent('tree-state-change', { expandedKeys: [...this.expandedKeys] });\n    this.requestRender();\n  }\n\n  /**\n   * Expand all tree nodes recursively.\n   *\n   * Every node with children will be expanded, revealing the full tree hierarchy.\n   * Emits a `tree-state-change` plugin event.\n   *\n   * @example\n   * ```ts\n   * const tree = grid.getPluginByName('tree');\n   * tree.expandAll();\n   * ```\n   */\n  expandAll(): void {\n    this.expandedKeys = expandAll(this.rows as TreeRow[], this.config);\n    this.emitPluginEvent('tree-state-change', { expandedKeys: [...this.expandedKeys] });\n    this.requestRender();\n  }\n\n  /**\n   * Collapse all tree nodes.\n   *\n   * Every node will be collapsed, showing only root-level rows.\n   * Emits a `tree-state-change` plugin event.\n   *\n   * @example\n   * ```ts\n   * const tree = grid.getPluginByName('tree');\n   * tree.collapseAll();\n   * ```\n   */\n  collapseAll(): void {\n    this.expandedKeys = collapseAll();\n    this.emitPluginEvent('tree-state-change', { expandedKeys: [...this.expandedKeys] });\n    this.requestRender();\n  }\n\n  /**\n   * Check whether a specific tree node is currently expanded.\n   *\n   * @param key - The unique key of the node to check\n   * @returns `true` if the node is expanded, `false` otherwise\n   */\n  isExpanded(key: string): boolean {\n    return this.expandedKeys.has(key);\n  }\n\n  /**\n   * Get the keys of all currently expanded nodes.\n   *\n   * Returns a snapshot copy — mutating the returned array does not affect the tree state.\n   *\n   * @returns Array of expanded node keys\n   *\n   * @example\n   * ```ts\n   * const tree = grid.getPluginByName('tree');\n   * const keys = tree.getExpandedKeys();\n   * localStorage.setItem('treeState', JSON.stringify(keys));\n   * ```\n   */\n  getExpandedKeys(): string[] {\n    return [...this.expandedKeys];\n  }\n\n  /**\n   * Get the flattened row model used for rendering.\n   *\n   * Returns a snapshot copy of the internal flattened tree rows, including\n   * hierarchy metadata (depth, hasChildren, isExpanded, parentKey).\n   *\n   * @returns Array of {@link FlattenedTreeRow} objects\n   */\n  getFlattenedRows(): FlattenedTreeRow[] {\n    return [...this.flattenedRows];\n  }\n\n  /**\n   * Look up an original row data object by its tree key.\n   *\n   * @param key - The unique key of the node\n   * @returns The original row data, or `undefined` if not found\n   */\n  getRowByKey(key: string): TreeRow | undefined {\n    return this.rowKeyMap.get(key)?.data;\n  }\n\n  /**\n   * Expand all ancestor nodes of the target key, revealing it in the tree.\n   *\n   * Useful for \"scroll to node\" or search-and-reveal scenarios where a deeply\n   * nested node needs to be made visible.\n   *\n   * @param key - The unique key of the node to reveal\n   *\n   * @example\n   * ```ts\n   * const tree = grid.getPluginByName('tree');\n   * // Reveal a deeply nested node by expanding all its parents\n   * tree.expandToKey('root||child||grandchild');\n   * ```\n   */\n  expandToKey(key: string): void {\n    this.expandedKeys = expandToKey(this.rows as TreeRow[], key, this.config, this.expandedKeys);\n    this.requestRender();\n  }\n\n  // #endregion\n}\n"],"names":["generateRowKey","row","index","parentKey","id","String","toggleExpand","expandedKeys","key","newExpanded","Set","has","delete","add","expandAll","rows","config","depth","childrenField","keys","i","length","children","Array","isArray","childKeys","k","getPathToKey","targetKey","childPath","expandToKey","existingExpanded","path","detectTreeStructure","TreePlugin","BaseGridPlugin","static","incompatibleWith","name","reason","events","type","description","queries","styles","defaultConfig","autoDetect","defaultExpanded","indentWidth","showExpandIcons","animation","initialExpansionDone","flattenedRows","rowKeyMap","Map","previousVisibleKeys","keysToAnimate","sortState","detach","this","clear","handleQuery","query","context","animationStyle","isAnimationEnabled","detect","treeRows","field","commonArrayFields","value","inferChildrenField","processRows","data","withStableKeys","sortTree","direction","flattenTree","currentKeys","set","map","r","__treeKey","__treeDepth","__treeHasChildren","hasChildren","__treeExpanded","isExpanded","stableKey","__stableKey","expanded","result","push","substring","lastIndexOf","dir","sort","a","b","aVal","bVal","processColumns","columns","cols","firstCol","originalRenderer","viewRenderer","getConfig","setIcon","bind","resolveIcon","ctx","treeRow","container","document","createElement","className","style","setProperty","icon","GridClasses","TREE_TOGGLE","EXPANDED","setAttribute","appendChild","spacer","content","Node","innerHTML","textContent","onCellClick","event","target","originalEvent","classList","contains","getAttribute","flatRow","get","emit","requestRender","onKeyDown","focusRow","grid","_focusRow","preventDefault","requestRenderWithFocus","onHeaderClick","column","sortable","gridEl","_sortState","afterRender","body","gridElement","querySelector","shouldAnimate","size","animClass","rowEl","querySelectorAll","cell","idx","parseInt","addEventListener","remove","once","expand","collapse","toggle","emitPluginEvent","collapseAll","getExpandedKeys","getFlattenedRows","getRowByKey"],"mappings":"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"}
+{"version":3,"file":"tree.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/tree/tree-data.ts","../../../../../libs/grid/src/lib/plugins/tree/tree-detect.ts","../../../../../libs/grid/src/lib/plugins/tree/TreePlugin.ts"],"sourcesContent":["/**\n * Core Tree Data Logic\n *\n * Pure functions for tree flattening, expansion, and traversal.\n */\n\nimport type { FlattenedTreeRow, TreeConfig, TreeRow } from './types';\n\n/**\n * Generates a unique key for a row.\n * Uses row.id if available, otherwise generates from path.\n */\nexport function generateRowKey(row: TreeRow, index: number, parentKey: string | null): string {\n  if (row.id !== undefined) return String(row.id);\n  return parentKey ? `${parentKey}-${index}` : String(index);\n}\n\n/**\n * Flattens a hierarchical tree into a flat array of rows with metadata.\n * Only includes children of expanded nodes.\n */\nexport function flattenTree(\n  rows: readonly TreeRow[],\n  config: TreeConfig,\n  expandedKeys: Set<string>,\n  parentKey: string | null = null,\n  depth = 0,\n): FlattenedTreeRow[] {\n  const childrenField = config.childrenField ?? 'children';\n  const result: FlattenedTreeRow[] = [];\n\n  for (let i = 0; i < rows.length; i++) {\n    const row = rows[i];\n    const key = generateRowKey(row, i, parentKey);\n    const children = row[childrenField];\n    const hasChildren = Array.isArray(children) && children.length > 0;\n    const isExpanded = expandedKeys.has(key);\n\n    result.push({\n      key,\n      data: row,\n      depth,\n      hasChildren,\n      isExpanded,\n      parentKey,\n    });\n\n    // Recursively add children if expanded\n    if (hasChildren && isExpanded) {\n      const childRows = flattenTree(children as TreeRow[], config, expandedKeys, key, depth + 1);\n      result.push(...childRows);\n    }\n  }\n\n  return result;\n}\n\n/**\n * Toggles the expansion state of a row.\n * Returns a new Set with the toggled state.\n */\nexport function toggleExpand(expandedKeys: Set<string>, key: string): Set<string> {\n  const newExpanded = new Set(expandedKeys);\n  if (newExpanded.has(key)) {\n    newExpanded.delete(key);\n  } else {\n    newExpanded.add(key);\n  }\n  return newExpanded;\n}\n\n/**\n * Expands all nodes in the tree.\n * Returns a Set of all parent row keys.\n */\nexport function expandAll(\n  rows: readonly TreeRow[],\n  config: TreeConfig,\n  parentKey: string | null = null,\n  depth = 0,\n): Set<string> {\n  const childrenField = config.childrenField ?? 'children';\n  const keys = new Set<string>();\n\n  for (let i = 0; i < rows.length; i++) {\n    const row = rows[i];\n    const key = generateRowKey(row, i, parentKey);\n    const children = row[childrenField];\n\n    if (Array.isArray(children) && children.length > 0) {\n      keys.add(key);\n      const childKeys = expandAll(children as TreeRow[], config, key, depth + 1);\n      for (const k of childKeys) keys.add(k);\n    }\n  }\n\n  return keys;\n}\n\n/**\n * Collapses all nodes.\n * Returns an empty Set.\n */\nexport function collapseAll(): Set<string> {\n  return new Set();\n}\n\n/**\n * Gets all descendants of a node from the flattened row list.\n * Useful for operations that need to affect an entire subtree.\n */\nexport function getDescendants(flattenedRows: FlattenedTreeRow[], parentKey: string): FlattenedTreeRow[] {\n  const descendants: FlattenedTreeRow[] = [];\n  let collecting = false;\n  let parentDepth = -1;\n\n  for (const row of flattenedRows) {\n    if (row.key === parentKey) {\n      collecting = true;\n      parentDepth = row.depth;\n      continue;\n    }\n\n    if (collecting) {\n      if (row.depth > parentDepth) {\n        descendants.push(row);\n      } else {\n        break; // No longer a descendant\n      }\n    }\n  }\n\n  return descendants;\n}\n\n/**\n * Finds the path from root to a specific row key.\n * Returns an array of keys from root to the target (inclusive).\n */\nexport function getPathToKey(\n  rows: readonly TreeRow[],\n  targetKey: string,\n  config: TreeConfig,\n  parentKey: string | null = null,\n  depth = 0,\n): string[] | null {\n  const childrenField = config.childrenField ?? 'children';\n\n  for (let i = 0; i < rows.length; i++) {\n    const row = rows[i];\n    const key = generateRowKey(row, i, parentKey);\n\n    if (key === targetKey) {\n      return [key];\n    }\n\n    const children = row[childrenField];\n    if (Array.isArray(children) && children.length > 0) {\n      const childPath = getPathToKey(children as TreeRow[], targetKey, config, key, depth + 1);\n      if (childPath) {\n        return [key, ...childPath];\n      }\n    }\n  }\n\n  return null;\n}\n\n/**\n * Expands all ancestors of a specific row to make it visible.\n * Returns a new Set with the required keys added.\n */\nexport function expandToKey(\n  rows: readonly TreeRow[],\n  targetKey: string,\n  config: TreeConfig,\n  existingExpanded: Set<string>,\n): Set<string> {\n  const path = getPathToKey(rows, targetKey, config);\n  if (!path) return existingExpanded;\n\n  const newExpanded = new Set(existingExpanded);\n  // Add all keys except the last one (the target itself)\n  for (let i = 0; i < path.length - 1; i++) {\n    newExpanded.add(path[i]);\n  }\n  return newExpanded;\n}\n","/**\n * Tree Structure Auto-Detection\n *\n * Utilities for detecting hierarchical tree data structures.\n */\n\nimport type { TreeRow } from './types';\n\n/**\n * Detects if the data has a tree structure by checking for children arrays.\n */\nexport function detectTreeStructure(rows: readonly TreeRow[], childrenField = 'children'): boolean {\n  if (!Array.isArray(rows) || rows.length === 0) return false;\n\n  // Check if any row has a non-empty children array\n  for (const row of rows) {\n    if (!row) continue;\n    const children = row[childrenField];\n    if (Array.isArray(children) && children.length > 0) {\n      return true;\n    }\n  }\n\n  return false;\n}\n\n/**\n * Attempts to infer the children field name from common patterns.\n * Returns the first field that contains an array with items.\n */\nexport function inferChildrenField(rows: readonly TreeRow[]): string | null {\n  if (!Array.isArray(rows) || rows.length === 0) return null;\n\n  const commonArrayFields = ['children', 'items', 'nodes', 'subRows', 'nested'];\n\n  for (const row of rows) {\n    if (!row || typeof row !== 'object') continue;\n\n    for (const field of commonArrayFields) {\n      const value = row[field];\n      if (Array.isArray(value) && value.length > 0) {\n        return field;\n      }\n    }\n  }\n\n  return null;\n}\n\n/**\n * Calculates the maximum depth of the tree.\n * Useful for layout calculations and virtualization.\n */\nexport function getMaxDepth(rows: readonly TreeRow[], childrenField = 'children', currentDepth = 0): number {\n  if (!Array.isArray(rows) || rows.length === 0) return currentDepth;\n\n  let maxDepth = currentDepth;\n\n  for (const row of rows) {\n    if (!row) continue;\n    const children = row[childrenField];\n    if (Array.isArray(children) && children.length > 0) {\n      const childDepth = getMaxDepth(children as TreeRow[], childrenField, currentDepth + 1);\n      if (childDepth > maxDepth) {\n        maxDepth = childDepth;\n      }\n    }\n  }\n\n  return maxDepth;\n}\n\n/**\n * Counts total nodes in the tree (including all descendants).\n */\nexport function countNodes(rows: readonly TreeRow[], childrenField = 'children'): number {\n  if (!Array.isArray(rows)) return 0;\n\n  let count = 0;\n  for (const row of rows) {\n    if (!row) continue;\n    count++;\n    const children = row[childrenField];\n    if (Array.isArray(children)) {\n      count += countNodes(children as TreeRow[], childrenField);\n    }\n  }\n\n  return count;\n}\n","/**\n * Tree Data Plugin\n *\n * Enables hierarchical tree data with expand/collapse, sorting, and auto-detection.\n */\n\nimport { GridClasses } from '../../core/constants';\nimport {\n  BaseGridPlugin,\n  CellClickEvent,\n  HeaderClickEvent,\n  type PluginManifest,\n  type PluginQuery,\n} from '../../core/plugin/base-plugin';\nimport type { ColumnConfig, ColumnViewRenderer, GridHost } from '../../core/types';\nimport { collapseAll, expandAll, expandToKey, toggleExpand } from './tree-data';\nimport { detectTreeStructure, inferChildrenField } from './tree-detect';\nimport styles from './tree.css?inline';\nimport type { ExpandCollapseAnimation, FlattenedTreeRow, TreeConfig, TreeExpandDetail, TreeRow } from './types';\n\n/**\n * Tree Data Plugin for tbw-grid\n *\n * Transforms your flat grid into a hierarchical tree view with expandable parent-child\n * relationships. Ideal for file explorers, organizational charts, nested categories,\n * or any data with a natural hierarchy.\n *\n * ## Installation\n *\n * ```ts\n * import { TreePlugin } from '@toolbox-web/grid/plugins/tree';\n * ```\n *\n * ## CSS Custom Properties\n *\n * | Property | Default | Description |\n * |----------|---------|-------------|\n * | `--tbw-tree-toggle-size` | `1.25em` | Toggle icon width |\n * | `--tbw-tree-indent-width` | `var(--tbw-tree-toggle-size)` | Indentation per level |\n * | `--tbw-tree-accent` | `var(--tbw-color-accent)` | Toggle icon hover color |\n * | `--tbw-animation-duration` | `200ms` | Expand/collapse animation duration |\n * | `--tbw-animation-easing` | `ease-out` | Animation curve |\n *\n * @example Basic Tree with Nested Children\n * ```ts\n * import { queryGrid } from '@toolbox-web/grid';\n * import { TreePlugin } from '@toolbox-web/grid/plugins/tree';\n *\n * const grid = queryGrid('tbw-grid');\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'name', header: 'Name' },\n *     { field: 'type', header: 'Type' },\n *     { field: 'size', header: 'Size' },\n *   ],\n *   plugins: [new TreePlugin({ childrenField: 'children', indentWidth: 24 })],\n * };\n * grid.rows = [\n *   {\n *     id: 1,\n *     name: 'Documents',\n *     type: 'folder',\n *     children: [\n *       { id: 2, name: 'Report.docx', type: 'file', size: '24 KB' },\n *     ],\n *   },\n * ];\n * ```\n *\n * @example Expanded by Default with Custom Animation\n * ```ts\n * new TreePlugin({\n *   defaultExpanded: true,\n *   animation: 'fade', // 'slide' | 'fade' | false\n *   indentWidth: 32,\n * })\n * ```\n *\n * @see {@link TreeConfig} for all configuration options\n * @see {@link FlattenedTreeRow} for the flattened row structure\n *\n * @internal Extends BaseGridPlugin\n */\nexport class TreePlugin extends BaseGridPlugin<TreeConfig> {\n  static override readonly manifest: PluginManifest = {\n    incompatibleWith: [\n      {\n        name: 'groupingRows',\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 replaces the entire row and column structure with aggregated pivot data. ' +\n          'Tree hierarchy cannot coexist with pivot aggregation.',\n      },\n      {\n        name: 'serverSide',\n        reason:\n          'TreePlugin requires the full hierarchy to flatten and manage expansion state. ' +\n          'ServerSidePlugin lazy-loads rows in blocks and cannot provide nested children on demand.',\n      },\n    ],\n    events: [\n      {\n        type: 'tree-state-change',\n        description: 'Emitted when tree expansion state changes (toggle, expand all, collapse all)',\n      },\n    ],\n    queries: [\n      {\n        type: 'canMoveRow',\n        description: 'Returns false for rows with children (parent nodes cannot be reordered)',\n      },\n    ],\n  };\n\n  /** @internal */\n  readonly name = 'tree';\n  /** @internal */\n  override readonly styles = styles;\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<TreeConfig> {\n    return {\n      childrenField: 'children',\n      autoDetect: true,\n      defaultExpanded: false,\n      indentWidth: 20,\n      showExpandIcons: true,\n      animation: 'slide',\n    };\n  }\n\n  // #region State\n\n  private expandedKeys = new Set<string>();\n  private initialExpansionDone = false;\n  private flattenedRows: FlattenedTreeRow[] = [];\n  private rowKeyMap = new Map<string, FlattenedTreeRow>();\n  private previousVisibleKeys = new Set<string>();\n  private keysToAnimate = new Set<string>();\n  private sortState: { field: string; direction: 1 | -1 } | null = null;\n\n  /** @internal */\n  override detach(): void {\n    this.expandedKeys.clear();\n    this.initialExpansionDone = false;\n    this.flattenedRows = [];\n    this.rowKeyMap.clear();\n    this.previousVisibleKeys.clear();\n    this.keysToAnimate.clear();\n    this.sortState = null;\n  }\n\n  /**\n   * Handle plugin queries.\n   * @internal\n   */\n  override handleQuery(query: PluginQuery): unknown {\n    if (query.type === 'canMoveRow') {\n      // Tree rows with children cannot be reordered\n      const row = query.context as { [key: string]: unknown } | null | undefined;\n      const childrenField = this.config.childrenField ?? 'children';\n      const children = row?.[childrenField];\n      if (Array.isArray(children) && children.length > 0) {\n        return false;\n      }\n    }\n    return undefined;\n  }\n\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 Auto-Detection\n\n  detect(rows: readonly unknown[]): boolean {\n    if (!this.config.autoDetect) return false;\n    const treeRows = rows as readonly TreeRow[];\n    const field = this.config.childrenField ?? inferChildrenField(treeRows) ?? 'children';\n    return detectTreeStructure(treeRows, field);\n  }\n\n  // #endregion\n\n  // #region Data Processing\n\n  /** @internal */\n  override processRows(rows: readonly unknown[]): TreeRow[] {\n    const childrenField = this.config.childrenField ?? 'children';\n    const treeRows = rows as readonly TreeRow[];\n\n    if (!detectTreeStructure(treeRows, childrenField)) {\n      this.flattenedRows = [];\n      this.rowKeyMap.clear();\n      this.previousVisibleKeys.clear();\n      return [...rows] as TreeRow[];\n    }\n\n    // Assign stable keys, then optionally sort\n    let data = this.withStableKeys(treeRows);\n    if (this.sortState) {\n      data = this.sortTree(data, this.sortState.field, this.sortState.direction);\n    }\n\n    // Initialize expansion if needed\n    if (this.config.defaultExpanded && !this.initialExpansionDone) {\n      this.expandedKeys = expandAll(data, this.config);\n      this.initialExpansionDone = true;\n    }\n\n    // Flatten and track animations\n    this.flattenedRows = this.flattenTree(data, this.expandedKeys);\n    this.rowKeyMap.clear();\n    this.keysToAnimate.clear();\n    const currentKeys = new Set<string>();\n\n    for (const row of this.flattenedRows) {\n      this.rowKeyMap.set(row.key, row);\n      currentKeys.add(row.key);\n      if (!this.previousVisibleKeys.has(row.key) && row.depth > 0) {\n        this.keysToAnimate.add(row.key);\n      }\n    }\n    this.previousVisibleKeys = currentKeys;\n\n    return this.flattenedRows.map((r) => ({\n      ...r.data,\n      __treeKey: r.key,\n      __treeDepth: r.depth,\n      __treeHasChildren: r.hasChildren,\n      __treeExpanded: r.isExpanded,\n    }));\n  }\n\n  /** Assign stable keys to rows (preserves key across sort operations) */\n  private withStableKeys(rows: readonly TreeRow[], parentKey: string | null = null): TreeRow[] {\n    const childrenField = this.config.childrenField ?? 'children';\n    return rows.map((row, i) => {\n      const stableKey = row.__stableKey as string | undefined;\n      const key = row.id !== undefined ? String(row.id) : (stableKey ?? (parentKey ? `${parentKey}-${i}` : String(i)));\n      const children = row[childrenField];\n      const hasChildren = Array.isArray(children) && children.length > 0;\n      return {\n        ...row,\n        __stableKey: key,\n        ...(hasChildren ? { [childrenField]: this.withStableKeys(children as TreeRow[], key) } : {}),\n      };\n    });\n  }\n\n  /** Flatten tree using stable keys */\n  private flattenTree(rows: readonly TreeRow[], expanded: Set<string>, depth = 0): FlattenedTreeRow[] {\n    const childrenField = this.config.childrenField ?? 'children';\n    const result: FlattenedTreeRow[] = [];\n\n    for (const row of rows) {\n      const stableKey = row.__stableKey as string | undefined;\n      const key = stableKey ?? String(row.id ?? '?');\n      const children = row[childrenField];\n      const hasChildren = Array.isArray(children) && children.length > 0;\n      const isExpanded = expanded.has(key);\n\n      result.push({\n        key,\n        data: row,\n        depth,\n        hasChildren,\n        isExpanded,\n        parentKey: depth > 0 ? key.substring(0, key.lastIndexOf('-')) || null : null,\n      });\n\n      if (hasChildren && isExpanded) {\n        result.push(...this.flattenTree(children as TreeRow[], expanded, depth + 1));\n      }\n    }\n    return result;\n  }\n\n  /** Sort tree recursively, keeping children with parents */\n  private sortTree(rows: readonly TreeRow[], field: string, dir: 1 | -1): TreeRow[] {\n    const childrenField = this.config.childrenField ?? 'children';\n    const sorted = [...rows].sort((a, b) => {\n      const aVal = a[field],\n        bVal = b[field];\n      if (aVal == null && bVal == null) return 0;\n      if (aVal == null) return -1;\n      if (bVal == null) return 1;\n      return aVal > bVal ? dir : aVal < bVal ? -dir : 0;\n    });\n    return sorted.map((row) => {\n      const children = row[childrenField];\n      return Array.isArray(children) && children.length > 0\n        ? { ...row, [childrenField]: this.sortTree(children as TreeRow[], field, dir) }\n        : row;\n    });\n  }\n\n  /** @internal */\n  override processColumns(columns: readonly ColumnConfig[]): ColumnConfig[] {\n    if (this.flattenedRows.length === 0) return [...columns];\n\n    const cols = [...columns] as ColumnConfig[];\n    if (cols.length === 0) return cols;\n\n    // Wrap the first column's renderer to add tree indentation and expand icons\n    // This is the correct approach for trees because:\n    // 1. Indentation can grow naturally with depth\n    // 2. Expand icons appear inline with content\n    // 3. Works with column reordering (icons stay with first visible column)\n    const firstCol = cols[0];\n    const originalRenderer = firstCol.viewRenderer;\n    const getConfig = () => this.config;\n    const setIconFn = this.setIcon.bind(this);\n\n    const wrappedRenderer: ColumnViewRenderer = (ctx) => {\n      const { row, value } = ctx;\n      const { showExpandIcons = true, indentWidth } = getConfig();\n      const treeRow = row as TreeRow;\n      const depth = treeRow.__treeDepth ?? 0;\n\n      const container = document.createElement('span');\n      container.className = 'tree-cell-wrapper';\n      container.style.setProperty('--tbw-tree-depth', String(depth));\n      // Allow config-based indentWidth to override CSS default\n      if (indentWidth !== undefined) {\n        container.style.setProperty('--tbw-tree-indent-width', `${indentWidth}px`);\n      }\n\n      // Add expand/collapse icon or spacer\n      if (showExpandIcons) {\n        if (treeRow.__treeHasChildren) {\n          const icon = document.createElement('span');\n          icon.className = `${GridClasses.TREE_TOGGLE}${treeRow.__treeExpanded ? ` ${GridClasses.EXPANDED}` : ''}`;\n          setIconFn(icon, treeRow.__treeExpanded ? 'collapse' : 'expand');\n          icon.setAttribute('data-tree-key', String(treeRow.__treeKey ?? ''));\n          container.appendChild(icon);\n        } else {\n          const spacer = document.createElement('span');\n          spacer.className = 'tree-spacer';\n          container.appendChild(spacer);\n        }\n      }\n\n      // Add the original content\n      const content = document.createElement('span');\n      content.className = 'tree-content';\n      if (originalRenderer) {\n        const result = originalRenderer(ctx);\n        if (result instanceof Node) {\n          content.appendChild(result);\n        } else if (typeof result === 'string') {\n          content.innerHTML = result;\n        }\n      } else {\n        content.textContent = value != null ? String(value) : '';\n      }\n      container.appendChild(content);\n\n      return container;\n    };\n\n    cols[0] = { ...firstCol, viewRenderer: wrappedRenderer };\n    return cols;\n  }\n\n  // #endregion\n\n  // #region Event Handlers\n\n  /** @internal */\n  override onCellClick(event: CellClickEvent): boolean {\n    const target = event.originalEvent?.target as HTMLElement;\n    if (!target?.classList.contains(GridClasses.TREE_TOGGLE)) return false;\n\n    const key = target.getAttribute('data-tree-key');\n    if (!key) return false;\n\n    const flatRow = this.rowKeyMap.get(key);\n    if (!flatRow) return false;\n\n    this.expandedKeys = toggleExpand(this.expandedKeys, key);\n    this.emit<TreeExpandDetail>('tree-expand', {\n      key,\n      row: flatRow.data,\n      expanded: this.expandedKeys.has(key),\n      depth: flatRow.depth,\n    });\n    this.requestRender();\n    return true;\n  }\n\n  /** @internal */\n  override onKeyDown(event: KeyboardEvent): boolean | void {\n    // SPACE toggles expansion when on a row with children\n    if (event.key !== ' ') return;\n\n    const focusRow = this.grid._focusRow;\n    const flatRow = this.flattenedRows[focusRow];\n    if (!flatRow?.hasChildren) return;\n\n    event.preventDefault();\n    this.expandedKeys = toggleExpand(this.expandedKeys, flatRow.key);\n    this.emit<TreeExpandDetail>('tree-expand', {\n      key: flatRow.key,\n      row: flatRow.data,\n      expanded: this.expandedKeys.has(flatRow.key),\n      depth: flatRow.depth,\n    });\n    this.requestRenderWithFocus();\n    return true;\n  }\n\n  /** @internal */\n  override onHeaderClick(event: HeaderClickEvent): boolean {\n    if (this.flattenedRows.length === 0 || !event.column.sortable) return false;\n\n    const { field } = event.column;\n    if (!this.sortState || this.sortState.field !== field) {\n      this.sortState = { field, direction: 1 };\n    } else if (this.sortState.direction === 1) {\n      this.sortState = { field, direction: -1 };\n    } else {\n      this.sortState = null;\n    }\n\n    // Sync grid sort indicator\n    const gridEl = this.grid as unknown as GridHost;\n    if (gridEl._sortState !== undefined) {\n      gridEl._sortState = this.sortState ? { ...this.sortState } : null;\n    }\n\n    this.emit('sort-change', { field, direction: this.sortState?.direction ?? 0 });\n    this.requestRender();\n    return true;\n  }\n\n  /** @internal */\n  override afterRender(): void {\n    const body = this.gridElement?.querySelector('.rows');\n    if (!body) return;\n\n    const style = this.animationStyle;\n    const shouldAnimate = style !== false && this.keysToAnimate.size > 0;\n    const animClass = style === 'fade' ? 'tbw-tree-fade-in' : 'tbw-tree-slide-in';\n\n    for (const rowEl of body.querySelectorAll('.data-grid-row')) {\n      const cell = rowEl.querySelector('.cell[data-row]');\n      const idx = cell ? parseInt(cell.getAttribute('data-row') ?? '-1', 10) : -1;\n      const treeRow = this.flattenedRows[idx];\n\n      // Set aria-expanded on parent rows for screen readers\n      if (treeRow?.hasChildren) {\n        rowEl.setAttribute('aria-expanded', String(treeRow.isExpanded));\n      }\n\n      if (shouldAnimate && treeRow?.key && this.keysToAnimate.has(treeRow.key)) {\n        rowEl.classList.add(animClass);\n        rowEl.addEventListener('animationend', () => rowEl.classList.remove(animClass), { once: true });\n      }\n    }\n    this.keysToAnimate.clear();\n  }\n\n  // #endregion\n\n  // #region Public API\n\n  /**\n   * Expand a specific tree node, revealing its children.\n   *\n   * If the node is already expanded, this is a no-op.\n   * Does **not** emit a `tree-expand` event (use {@link toggle} for event emission).\n   *\n   * @param key - The unique key of the node to expand (from {@link FlattenedTreeRow.key})\n   *\n   * @example\n   * ```ts\n   * const tree = grid.getPluginByName('tree');\n   * tree.expand('documents');          // Expand a root node\n   * tree.expand('documents||reports');  // Expand a nested node\n   * ```\n   */\n  expand(key: string): void {\n    this.expandedKeys.add(key);\n    this.requestRender();\n  }\n\n  /**\n   * Collapse a specific tree node, hiding its children.\n   *\n   * If the node is already collapsed, this is a no-op.\n   * Does **not** emit a `tree-expand` event (use {@link toggle} for event emission).\n   *\n   * @param key - The unique key of the node to collapse (from {@link FlattenedTreeRow.key})\n   *\n   * @example\n   * ```ts\n   * const tree = grid.getPluginByName('tree');\n   * tree.collapse('documents');\n   * ```\n   */\n  collapse(key: string): void {\n    this.expandedKeys.delete(key);\n    this.requestRender();\n  }\n\n  /**\n   * Toggle the expanded state of a tree node.\n   *\n   * If the node is expanded it will be collapsed, and vice versa.\n   * Emits a `tree-state-change` plugin event with the updated expanded keys.\n   *\n   * @param key - The unique key of the node to toggle (from {@link FlattenedTreeRow.key})\n   *\n   * @example\n   * ```ts\n   * const tree = grid.getPluginByName('tree');\n   * tree.toggle('documents');  // Expand if collapsed, collapse if expanded\n   * ```\n   */\n  toggle(key: string): void {\n    this.expandedKeys = toggleExpand(this.expandedKeys, key);\n    this.emitPluginEvent('tree-state-change', { expandedKeys: [...this.expandedKeys] });\n    this.requestRender();\n  }\n\n  /**\n   * Expand all tree nodes recursively.\n   *\n   * Every node with children will be expanded, revealing the full tree hierarchy.\n   * Emits a `tree-state-change` plugin event.\n   *\n   * @example\n   * ```ts\n   * const tree = grid.getPluginByName('tree');\n   * tree.expandAll();\n   * ```\n   */\n  expandAll(): void {\n    this.expandedKeys = expandAll(this.rows as TreeRow[], this.config);\n    this.emitPluginEvent('tree-state-change', { expandedKeys: [...this.expandedKeys] });\n    this.requestRender();\n  }\n\n  /**\n   * Collapse all tree nodes.\n   *\n   * Every node will be collapsed, showing only root-level rows.\n   * Emits a `tree-state-change` plugin event.\n   *\n   * @example\n   * ```ts\n   * const tree = grid.getPluginByName('tree');\n   * tree.collapseAll();\n   * ```\n   */\n  collapseAll(): void {\n    this.expandedKeys = collapseAll();\n    this.emitPluginEvent('tree-state-change', { expandedKeys: [...this.expandedKeys] });\n    this.requestRender();\n  }\n\n  /**\n   * Check whether a specific tree node is currently expanded.\n   *\n   * @param key - The unique key of the node to check\n   * @returns `true` if the node is expanded, `false` otherwise\n   */\n  isExpanded(key: string): boolean {\n    return this.expandedKeys.has(key);\n  }\n\n  /**\n   * Get the keys of all currently expanded nodes.\n   *\n   * Returns a snapshot copy — mutating the returned array does not affect the tree state.\n   *\n   * @returns Array of expanded node keys\n   *\n   * @example\n   * ```ts\n   * const tree = grid.getPluginByName('tree');\n   * const keys = tree.getExpandedKeys();\n   * localStorage.setItem('treeState', JSON.stringify(keys));\n   * ```\n   */\n  getExpandedKeys(): string[] {\n    return [...this.expandedKeys];\n  }\n\n  /**\n   * Get the flattened row model used for rendering.\n   *\n   * Returns a snapshot copy of the internal flattened tree rows, including\n   * hierarchy metadata (depth, hasChildren, isExpanded, parentKey).\n   *\n   * @returns Array of {@link FlattenedTreeRow} objects\n   */\n  getFlattenedRows(): FlattenedTreeRow[] {\n    return [...this.flattenedRows];\n  }\n\n  /**\n   * Look up an original row data object by its tree key.\n   *\n   * @param key - The unique key of the node\n   * @returns The original row data, or `undefined` if not found\n   */\n  getRowByKey(key: string): TreeRow | undefined {\n    return this.rowKeyMap.get(key)?.data;\n  }\n\n  /**\n   * Expand all ancestor nodes of the target key, revealing it in the tree.\n   *\n   * Useful for \"scroll to node\" or search-and-reveal scenarios where a deeply\n   * nested node needs to be made visible.\n   *\n   * @param key - The unique key of the node to reveal\n   *\n   * @example\n   * ```ts\n   * const tree = grid.getPluginByName('tree');\n   * // Reveal a deeply nested node by expanding all its parents\n   * tree.expandToKey('root||child||grandchild');\n   * ```\n   */\n  expandToKey(key: string): void {\n    this.expandedKeys = expandToKey(this.rows as TreeRow[], key, this.config, this.expandedKeys);\n    this.requestRender();\n  }\n\n  // #endregion\n}\n"],"names":["generateRowKey","row","index","parentKey","id","String","toggleExpand","expandedKeys","key","newExpanded","Set","has","delete","add","expandAll","rows","config","depth","childrenField","keys","i","length","children","Array","isArray","childKeys","k","getPathToKey","targetKey","childPath","expandToKey","existingExpanded","path","detectTreeStructure","TreePlugin","BaseGridPlugin","static","incompatibleWith","name","reason","events","type","description","queries","styles","defaultConfig","autoDetect","defaultExpanded","indentWidth","showExpandIcons","animation","initialExpansionDone","flattenedRows","rowKeyMap","Map","previousVisibleKeys","keysToAnimate","sortState","detach","this","clear","handleQuery","query","context","animationStyle","isAnimationEnabled","detect","treeRows","field","commonArrayFields","value","inferChildrenField","processRows","data","withStableKeys","sortTree","direction","flattenTree","currentKeys","set","map","r","__treeKey","__treeDepth","__treeHasChildren","hasChildren","__treeExpanded","isExpanded","stableKey","__stableKey","expanded","result","push","substring","lastIndexOf","dir","sort","a","b","aVal","bVal","processColumns","columns","cols","firstCol","originalRenderer","viewRenderer","getConfig","setIconFn","setIcon","bind","ctx","treeRow","container","document","createElement","className","style","setProperty","icon","GridClasses","TREE_TOGGLE","EXPANDED","setAttribute","appendChild","spacer","content","Node","innerHTML","textContent","onCellClick","event","target","originalEvent","classList","contains","getAttribute","flatRow","get","emit","requestRender","onKeyDown","focusRow","grid","_focusRow","preventDefault","requestRenderWithFocus","onHeaderClick","column","sortable","gridEl","_sortState","afterRender","body","gridElement","querySelector","shouldAnimate","size","animClass","rowEl","querySelectorAll","cell","idx","parseInt","addEventListener","remove","once","expand","collapse","toggle","emitPluginEvent","collapseAll","getExpandedKeys","getFlattenedRows","getRowByKey"],"mappings":"iZAYO,SAASA,EAAeC,EAAcC,EAAeC,GAC1D,YAAe,IAAXF,EAAIG,GAAyBC,OAAOJ,EAAIG,IACrCD,EAAY,GAAGA,KAAaD,IAAUG,OAAOH,EACtD,CA8CO,SAASI,EAAaC,EAA2BC,GACtD,MAAMC,EAAc,IAAIC,IAAIH,GAM5B,OALIE,EAAYE,IAAIH,GAClBC,EAAYG,OAAOJ,GAEnBC,EAAYI,IAAIL,GAEXC,CACT,CAMO,SAASK,EACdC,EACAC,EACAb,EAA2B,KAC3Bc,EAAQ,GAER,MAAMC,EAAgBF,EAAOE,eAAiB,WACxCC,MAAWT,IAEjB,IAAA,IAASU,EAAI,EAAGA,EAAIL,EAAKM,OAAQD,IAAK,CACpC,MAAMnB,EAAMc,EAAKK,GACXZ,EAAMR,EAAeC,EAAKmB,EAAGjB,GAC7BmB,EAAWrB,EAAIiB,GAErB,GAAIK,MAAMC,QAAQF,IAAaA,EAASD,OAAS,EAAG,CAClDF,EAAKN,IAAIL,GACT,MAAMiB,EAAYX,EAAUQ,EAAuBN,EAAQR,EAAKS,EAAQ,GACxE,IAAA,MAAWS,KAAKD,EAAWN,EAAKN,IAAIa,EACtC,CACF,CAEA,OAAOP,CACT,CA0CO,SAASQ,EACdZ,EACAa,EACAZ,EACAb,EAA2B,KAC3Bc,EAAQ,GAER,MAAMC,EAAgBF,EAAOE,eAAiB,WAE9C,IAAA,IAASE,EAAI,EAAGA,EAAIL,EAAKM,OAAQD,IAAK,CACpC,MAAMnB,EAAMc,EAAKK,GACXZ,EAAMR,EAAeC,EAAKmB,EAAGjB,GAEnC,GAAIK,IAAQoB,EACV,MAAO,CAACpB,GAGV,MAAMc,EAAWrB,EAAIiB,GACrB,GAAIK,MAAMC,QAAQF,IAAaA,EAASD,OAAS,EAAG,CAClD,MAAMQ,EAAYF,EAAaL,EAAuBM,EAAWZ,EAAQR,EAAKS,EAAQ,GACtF,GAAIY,EACF,MAAO,CAACrB,KAAQqB,EAEpB,CACF,CAEA,OAAO,IACT,CAMO,SAASC,EACdf,EACAa,EACAZ,EACAe,GAEA,MAAMC,EAAOL,EAAaZ,EAAMa,EAAWZ,GAC3C,IAAKgB,EAAM,OAAOD,EAElB,MAAMtB,EAAc,IAAIC,IAAIqB,GAE5B,IAAA,IAASX,EAAI,EAAGA,EAAIY,EAAKX,OAAS,EAAGD,IACnCX,EAAYI,IAAImB,EAAKZ,IAEvB,OAAOX,CACT,CChLO,SAASwB,EAAoBlB,EAA0BG,EAAgB,YAC5E,IAAKK,MAAMC,QAAQT,IAAyB,IAAhBA,EAAKM,OAAc,OAAO,EAGtD,IAAA,MAAWpB,KAAOc,EAAM,CACtB,IAAKd,EAAK,SACV,MAAMqB,EAAWrB,EAAIiB,GACrB,GAAIK,MAAMC,QAAQF,IAAaA,EAASD,OAAS,EAC/C,OAAO,CAEX,CAEA,OAAO,CACT,CC2DO,MAAMa,UAAmBC,EAAAA,eAC9BC,gBAAoD,CAClDC,iBAAkB,CAChB,CACEC,KAAM,eACNC,OACE,oLAGJ,CACED,KAAM,QACNC,OACE,8IAGJ,CACED,KAAM,aACNC,OACE,2KAINC,OAAQ,CACN,CACEC,KAAM,oBACNC,YAAa,iFAGjBC,QAAS,CACP,CACEF,KAAM,aACNC,YAAa,6EAMVJ,KAAO,OAEEM,6+CAGlB,iBAAuBC,GACrB,MAAO,CACL3B,cAAe,WACf4B,YAAY,EACZC,iBAAiB,EACjBC,YAAa,GACbC,iBAAiB,EACjBC,UAAW,QAEf,CAIQ3C,iBAAmBG,IACnByC,sBAAuB,EACvBC,cAAoC,GACpCC,cAAgBC,IAChBC,wBAA0B7C,IAC1B8C,kBAAoB9C,IACpB+C,UAAyD,KAGxD,MAAAC,GACPC,KAAKpD,aAAaqD,QAClBD,KAAKR,sBAAuB,EAC5BQ,KAAKP,cAAgB,GACrBO,KAAKN,UAAUO,QACfD,KAAKJ,oBAAoBK,QACzBD,KAAKH,cAAcI,QACnBD,KAAKF,UAAY,IACnB,CAMS,WAAAI,CAAYC,GACnB,GAAmB,eAAfA,EAAMrB,KAAuB,CAE/B,MAAMxC,EAAM6D,EAAMC,QACZ7C,EAAgByC,KAAK3C,OAAOE,eAAiB,WAC7CI,EAAWrB,IAAMiB,GACvB,GAAIK,MAAMC,QAAQF,IAAaA,EAASD,OAAS,EAC/C,OAAO,CAEX,CAEF,CAUA,kBAAY2C,GACV,QAAKL,KAAKM,qBACHN,KAAK3C,OAAOkC,WAAa,QAClC,CAMA,MAAAgB,CAAOnD,GACL,IAAK4C,KAAK3C,OAAO8B,WAAY,OAAO,EACpC,MAAMqB,EAAWpD,EACXqD,EAAQT,KAAK3C,OAAOE,eDpKvB,SAA4BH,GACjC,IAAKQ,MAAMC,QAAQT,IAAyB,IAAhBA,EAAKM,OAAc,OAAO,KAEtD,MAAMgD,EAAoB,CAAC,WAAY,QAAS,QAAS,UAAW,UAEpE,IAAA,MAAWpE,KAAOc,EAChB,GAAKd,GAAsB,iBAARA,EAEnB,IAAA,MAAWmE,KAASC,EAAmB,CACrC,MAAMC,EAAQrE,EAAImE,GAClB,GAAI7C,MAAMC,QAAQ8C,IAAUA,EAAMjD,OAAS,EACzC,OAAO+C,CAEX,CAGF,OAAO,IACT,CCmJ+CG,CAAmBJ,IAAa,WAC3E,OAAOlC,EAAoBkC,EAAUC,EACvC,CAOS,WAAAI,CAAYzD,GACnB,MACMoD,EAAWpD,EAEjB,IAAKkB,EAAoBkC,EAHHR,KAAK3C,OAAOE,eAAiB,YAOjD,OAHAyC,KAAKP,cAAgB,GACrBO,KAAKN,UAAUO,QACfD,KAAKJ,oBAAoBK,QAClB,IAAI7C,GAIb,IAAI0D,EAAOd,KAAKe,eAAeP,GAC3BR,KAAKF,YACPgB,EAAOd,KAAKgB,SAASF,EAAMd,KAAKF,UAAUW,MAAOT,KAAKF,UAAUmB,YAI9DjB,KAAK3C,OAAO+B,kBAAoBY,KAAKR,uBACvCQ,KAAKpD,aAAeO,EAAU2D,EAAMd,KAAK3C,QACzC2C,KAAKR,sBAAuB,GAI9BQ,KAAKP,cAAgBO,KAAKkB,YAAYJ,EAAMd,KAAKpD,cACjDoD,KAAKN,UAAUO,QACfD,KAAKH,cAAcI,QACnB,MAAMkB,MAAkBpE,IAExB,IAAA,MAAWT,KAAO0D,KAAKP,cACrBO,KAAKN,UAAU0B,IAAI9E,EAAIO,IAAKP,GAC5B6E,EAAYjE,IAAIZ,EAAIO,MACfmD,KAAKJ,oBAAoB5C,IAAIV,EAAIO,MAAQP,EAAIgB,MAAQ,GACxD0C,KAAKH,cAAc3C,IAAIZ,EAAIO,KAK/B,OAFAmD,KAAKJ,oBAAsBuB,EAEpBnB,KAAKP,cAAc4B,IAAKC,IAAA,IAC1BA,EAAER,KACLS,UAAWD,EAAEzE,IACb2E,YAAaF,EAAEhE,MACfmE,kBAAmBH,EAAEI,YACrBC,eAAgBL,EAAEM,aAEtB,CAGQ,cAAAb,CAAe3D,EAA0BZ,EAA2B,MAC1E,MAAMe,EAAgByC,KAAK3C,OAAOE,eAAiB,WACnD,OAAOH,EAAKiE,IAAI,CAAC/E,EAAKmB,KACpB,MAAMoE,EAAYvF,EAAIwF,YAChBjF,OAAiB,IAAXP,EAAIG,GAAmBC,OAAOJ,EAAIG,IAAOoF,IAAcrF,EAAY,GAAGA,KAAaiB,IAAMf,OAAOe,IACtGE,EAAWrB,EAAIiB,GACfmE,EAAc9D,MAAMC,QAAQF,IAAaA,EAASD,OAAS,EACjE,MAAO,IACFpB,EACHwF,YAAajF,KACT6E,EAAc,CAAEnE,CAACA,GAAgByC,KAAKe,eAAepD,EAAuBd,IAAS,CAAA,IAG/F,CAGQ,WAAAqE,CAAY9D,EAA0B2E,EAAuBzE,EAAQ,GAC3E,MAAMC,EAAgByC,KAAK3C,OAAOE,eAAiB,WAC7CyE,EAA6B,GAEnC,IAAA,MAAW1F,KAAOc,EAAM,CACtB,MACMP,EADYP,EAAIwF,aACGpF,OAAOJ,EAAIG,IAAM,KACpCkB,EAAWrB,EAAIiB,GACfmE,EAAc9D,MAAMC,QAAQF,IAAaA,EAASD,OAAS,EAC3DkE,EAAaG,EAAS/E,IAAIH,GAEhCmF,EAAOC,KAAK,CACVpF,MACAiE,KAAMxE,EACNgB,QACAoE,cACAE,aACApF,UAAWc,EAAQ,GAAIT,EAAIqF,UAAU,EAAGrF,EAAIsF,YAAY,OAAgB,OAGtET,GAAeE,GACjBI,EAAOC,QAAQjC,KAAKkB,YAAYvD,EAAuBoE,EAAUzE,EAAQ,GAE7E,CACA,OAAO0E,CACT,CAGQ,QAAAhB,CAAS5D,EAA0BqD,EAAe2B,GACxD,MAAM7E,EAAgByC,KAAK3C,OAAOE,eAAiB,WASnD,MARe,IAAIH,GAAMiF,KAAK,CAACC,EAAGC,KAChC,MAAMC,EAAOF,EAAE7B,GACbgC,EAAOF,EAAE9B,GACX,OAAY,MAAR+B,GAAwB,MAARC,EAAqB,EAC7B,MAARD,GAAqB,EACb,MAARC,EAAqB,EAClBD,EAAOC,EAAOL,EAAMI,EAAOC,GAAQL,EAAM,IAEpCf,IAAK/E,IACjB,MAAMqB,EAAWrB,EAAIiB,GACrB,OAAOK,MAAMC,QAAQF,IAAaA,EAASD,OAAS,EAChD,IAAKpB,EAAKiB,CAACA,GAAgByC,KAAKgB,SAASrD,EAAuB8C,EAAO2B,IACvE9F,GAER,CAGS,cAAAoG,CAAeC,GACtB,GAAkC,IAA9B3C,KAAKP,cAAc/B,OAAc,MAAO,IAAIiF,GAEhD,MAAMC,EAAO,IAAID,GACjB,GAAoB,IAAhBC,EAAKlF,OAAc,OAAOkF,EAO9B,MAAMC,EAAWD,EAAK,GAChBE,EAAmBD,EAASE,aAC5BC,EAAY,IAAMhD,KAAK3C,OACvB4F,EAAYjD,KAAKkD,QAAQC,KAAKnD,MAkDpC,OADA4C,EAAK,GAAK,IAAKC,EAAUE,aA/CoBK,IAC3C,MAAM9G,IAAEA,EAAAqE,MAAKA,GAAUyC,GACjB9D,gBAAEA,GAAkB,EAAAD,YAAMA,GAAgB2D,IAC1CK,EAAU/G,EACVgB,EAAQ+F,EAAQ7B,aAAe,EAE/B8B,EAAYC,SAASC,cAAc,QASzC,GARAF,EAAUG,UAAY,oBACtBH,EAAUI,MAAMC,YAAY,mBAAoBjH,OAAOY,SAEnC,IAAhB+B,GACFiE,EAAUI,MAAMC,YAAY,0BAA2B,GAAGtE,OAIxDC,EACF,GAAI+D,EAAQ5B,kBAAmB,CAC7B,MAAMmC,EAAOL,SAASC,cAAc,QACpCI,EAAKH,UAAY,GAAGI,EAAAA,YAAYC,cAAcT,EAAQ1B,eAAiB,IAAIkC,EAAAA,YAAYE,WAAa,KACpGd,EAAUW,EAAMP,EAAQ1B,eAAiB,WAAa,UACtDiC,EAAKI,aAAa,gBAAiBtH,OAAO2G,EAAQ9B,WAAa,KAC/D+B,EAAUW,YAAYL,EACxB,KAAO,CACL,MAAMM,EAASX,SAASC,cAAc,QACtCU,EAAOT,UAAY,cACnBH,EAAUW,YAAYC,EACxB,CAIF,MAAMC,EAAUZ,SAASC,cAAc,QAEvC,GADAW,EAAQV,UAAY,eAChBX,EAAkB,CACpB,MAAMd,EAASc,EAAiBM,GAC5BpB,aAAkBoC,KACpBD,EAAQF,YAAYjC,GACO,iBAAXA,IAChBmC,EAAQE,UAAYrC,EAExB,MACEmC,EAAQG,YAAuB,MAAT3D,EAAgBjE,OAAOiE,GAAS,GAIxD,OAFA2C,EAAUW,YAAYE,GAEfb,IAIFV,CACT,CAOS,WAAA2B,CAAYC,GACnB,MAAMC,EAASD,EAAME,eAAeD,OACpC,IAAKA,GAAQE,UAAUC,SAASf,EAAAA,YAAYC,aAAc,OAAO,EAEjE,MAAMjH,EAAM4H,EAAOI,aAAa,iBAChC,IAAKhI,EAAK,OAAO,EAEjB,MAAMiI,EAAU9E,KAAKN,UAAUqF,IAAIlI,GACnC,QAAKiI,IAEL9E,KAAKpD,aAAeD,EAAaqD,KAAKpD,aAAcC,GACpDmD,KAAKgF,KAAuB,cAAe,CACzCnI,MACAP,IAAKwI,EAAQhE,KACbiB,SAAU/B,KAAKpD,aAAaI,IAAIH,GAChCS,MAAOwH,EAAQxH,QAEjB0C,KAAKiF,iBACE,EACT,CAGS,SAAAC,CAAUV,GAEjB,GAAkB,MAAdA,EAAM3H,IAAa,OAEvB,MAAMsI,EAAWnF,KAAKoF,KAAKC,UACrBP,EAAU9E,KAAKP,cAAc0F,GACnC,OAAKL,GAASpD,aAEd8C,EAAMc,iBACNtF,KAAKpD,aAAeD,EAAaqD,KAAKpD,aAAckI,EAAQjI,KAC5DmD,KAAKgF,KAAuB,cAAe,CACzCnI,IAAKiI,EAAQjI,IACbP,IAAKwI,EAAQhE,KACbiB,SAAU/B,KAAKpD,aAAaI,IAAI8H,EAAQjI,KACxCS,MAAOwH,EAAQxH,QAEjB0C,KAAKuF,0BACE,QAXP,CAYF,CAGS,aAAAC,CAAchB,GACrB,GAAkC,IAA9BxE,KAAKP,cAAc/B,SAAiB8G,EAAMiB,OAAOC,SAAU,OAAO,EAEtE,MAAMjF,MAAEA,GAAU+D,EAAMiB,OACnBzF,KAAKF,WAAaE,KAAKF,UAAUW,QAAUA,EAER,IAA7BT,KAAKF,UAAUmB,UACxBjB,KAAKF,UAAY,CAAEW,QAAOQ,WAAW,GAErCjB,KAAKF,UAAY,KAJjBE,KAAKF,UAAY,CAAEW,QAAOQ,UAAW,GAQvC,MAAM0E,EAAS3F,KAAKoF,KAOpB,YAN0B,IAAtBO,EAAOC,aACTD,EAAOC,WAAa5F,KAAKF,UAAY,IAAKE,KAAKF,WAAc,MAG/DE,KAAKgF,KAAK,cAAe,CAAEvE,QAAOQ,UAAWjB,KAAKF,WAAWmB,WAAa,IAC1EjB,KAAKiF,iBACE,CACT,CAGS,WAAAY,GACP,MAAMC,EAAO9F,KAAK+F,aAAaC,cAAc,SAC7C,IAAKF,EAAM,OAEX,MAAMpC,EAAQ1D,KAAKK,eACb4F,GAA0B,IAAVvC,GAAmB1D,KAAKH,cAAcqG,KAAO,EAC7DC,EAAsB,SAAVzC,EAAmB,mBAAqB,oBAE1D,IAAA,MAAW0C,KAASN,EAAKO,iBAAiB,kBAAmB,CAC3D,MAAMC,EAAOF,EAAMJ,cAAc,mBAC3BO,EAAMD,EAAOE,SAASF,EAAKzB,aAAa,aAAe,KAAM,KAAM,EACnExB,EAAUrD,KAAKP,cAAc8G,GAG/BlD,GAAS3B,aACX0E,EAAMpC,aAAa,gBAAiBtH,OAAO2G,EAAQzB,aAGjDqE,GAAiB5C,GAASxG,KAAOmD,KAAKH,cAAc7C,IAAIqG,EAAQxG,OAClEuJ,EAAMzB,UAAUzH,IAAIiJ,GACpBC,EAAMK,iBAAiB,eAAgB,IAAML,EAAMzB,UAAU+B,OAAOP,GAAY,CAAEQ,MAAM,IAE5F,CACA3G,KAAKH,cAAcI,OACrB,CAqBA,MAAA2G,CAAO/J,GACLmD,KAAKpD,aAAaM,IAAIL,GACtBmD,KAAKiF,eACP,CAgBA,QAAA4B,CAAShK,GACPmD,KAAKpD,aAAaK,OAAOJ,GACzBmD,KAAKiF,eACP,CAgBA,MAAA6B,CAAOjK,GACLmD,KAAKpD,aAAeD,EAAaqD,KAAKpD,aAAcC,GACpDmD,KAAK+G,gBAAgB,oBAAqB,CAAEnK,aAAc,IAAIoD,KAAKpD,gBACnEoD,KAAKiF,eACP,CAcA,SAAA9H,GACE6C,KAAKpD,aAAeO,EAAU6C,KAAK5C,KAAmB4C,KAAK3C,QAC3D2C,KAAK+G,gBAAgB,oBAAqB,CAAEnK,aAAc,IAAIoD,KAAKpD,gBACnEoD,KAAKiF,eACP,CAcA,WAAA+B,GACEhH,KAAKpD,iBFrdIG,IEsdTiD,KAAK+G,gBAAgB,oBAAqB,CAAEnK,aAAc,IAAIoD,KAAKpD,gBACnEoD,KAAKiF,eACP,CAQA,UAAArD,CAAW/E,GACT,OAAOmD,KAAKpD,aAAaI,IAAIH,EAC/B,CAgBA,eAAAoK,GACE,MAAO,IAAIjH,KAAKpD,aAClB,CAUA,gBAAAsK,GACE,MAAO,IAAIlH,KAAKP,cAClB,CAQA,WAAA0H,CAAYtK,GACV,OAAOmD,KAAKN,UAAUqF,IAAIlI,IAAMiE,IAClC,CAiBA,WAAA3C,CAAYtB,GACVmD,KAAKpD,aAAeuB,EAAY6B,KAAK5C,KAAmBP,EAAKmD,KAAK3C,OAAQ2C,KAAKpD,cAC/EoD,KAAKiF,eACP"}

package/umd/plugins/visibility.umd.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../../core/constants"),require("../../core/plugin/base-plugin")):"function"==typeof define&&define.amd?define(["exports","../../core/constants","../../core/plugin/base-plugin"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).TbwGridPlugin_visibility={},e.TbwGrid,e.TbwGrid)}(this,function(e,t,i){"use strict";function r(e){const t=e.meta??{};return!0!==t.lockPosition&&!0!==t.suppressMovable}class s extends i.BaseGridPlugin{static dependencies=[{name:"reorder",required:!1,reason:"Enables drag-to-reorder columns in visibility panel"}];static manifest={queries:[{type:"getContextMenuItems",description:'Contributes "Hide column" item to the header context menu'}]};name="visibility";static PANEL_ID="columns";styles='@layer tbw-plugins{.tbw-visibility-content{display:flex;flex-direction:column;height:100%}.tbw-visibility-list{flex:1;overflow-y:auto;padding:var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem))}.tbw-visibility-row{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));padding:var(--tbw-menu-item-padding, .375rem .25rem);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem);border-radius:var(--tbw-border-radius, .25rem);position:relative}.tbw-visibility-row:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover))}.tbw-visibility-row input[type=checkbox]{cursor:pointer}.tbw-visibility-row.locked span{color:var(--tbw-color-fg-muted)}.tbw-visibility-handle{cursor:grab;color:var(--tbw-color-fg-muted);font-size:var(--tbw-font-size-2xs, .625rem);letter-spacing:-2px;-webkit-user-select:none;user-select:none;flex-shrink:0}.tbw-visibility-row.reorderable:hover .tbw-visibility-handle{color:var(--tbw-color-fg)}.tbw-visibility-label{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));flex:1;cursor:pointer}.tbw-visibility-row.dragging{opacity:.5;cursor:grabbing}.tbw-visibility-row.drop-before:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--tbw-visibility-indicator, var(--tbw-color-accent))}.tbw-visibility-row.drop-after:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--tbw-visibility-indicator, var(--tbw-color-accent))}.tbw-visibility-show-all{margin:var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem));padding:var(--tbw-button-padding, .5rem .75rem);border:1px solid var(--tbw-visibility-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius, .25rem);background:var(--tbw-visibility-btn-bg, var(--tbw-color-header-bg));color:var(--tbw-color-fg);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem)}.tbw-visibility-show-all:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover))}.tbw-visibility-group-header{display:flex;align-items:center;padding:var(--tbw-menu-item-padding, .375rem .25rem);font-size:var(--tbw-font-size-sm, .8125rem);font-weight:600;color:var(--tbw-color-fg);border-bottom:1px solid var(--tbw-color-border);margin-top:var(--tbw-spacing-sm, .25rem);position:relative}.tbw-visibility-group-header:first-child{margin-top:0}.tbw-visibility-group-header .tbw-visibility-label{gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.tbw-visibility-group-header.reorderable{cursor:grab}.tbw-visibility-group-header.reorderable:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover))}.tbw-visibility-group-header .tbw-visibility-handle{cursor:grab;color:var(--tbw-color-fg-muted);font-size:var(--tbw-font-size-2xs, .625rem);letter-spacing:-2px;-webkit-user-select:none;user-select:none;flex-shrink:0}.tbw-visibility-group-header.reorderable:hover .tbw-visibility-handle{color:var(--tbw-color-fg)}.tbw-visibility-group-header.dragging{opacity:.5;cursor:grabbing}.tbw-visibility-group-header.drop-before:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--tbw-visibility-indicator, var(--tbw-color-accent))}.tbw-visibility-group-header.drop-after:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--tbw-visibility-indicator, var(--tbw-color-accent))}.tbw-visibility-row--grouped{padding-left:calc(var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem)) + .75rem)}}';get defaultConfig(){return{allowHideAll:!1}}columnListElement=null;isDragging=!1;draggedField=null;draggedIndex=null;dropIndex=null;draggedGroupId=null;draggedGroupFields=[];clearDragClasses(e){e.querySelectorAll(".tbw-visibility-row, .tbw-visibility-group-header").forEach(e=>{e.classList.remove(t.GridClasses.DRAGGING,"drop-target","drop-before","drop-after")})}attach(e){super.attach(e),this.gridElement.addEventListener("column-move",()=>{this.columnListElement&&requestAnimationFrame(()=>{this.columnListElement&&this.rebuildToggles(this.columnListElement)})},{signal:this.disconnectSignal})}detach(){this.columnListElement=null,this.isDragging=!1,this.draggedField=null,this.draggedIndex=null,this.dropIndex=null}handleQuery(e){if("getContextMenuItems"===e.type){const t=e.context;if(!t.isHeader)return;const i=t.column;if(!i?.field)return;if(i.meta?.lockVisibility)return;return[{id:"visibility/hide-column",label:"Hide Column",icon:"👁",order:30,action:()=>this.hideColumn(i.field)}]}}getToolPanel(){return{id:s.PANEL_ID,title:"Columns",icon:"☰",tooltip:"Column visibility",order:100,render:e=>this.renderPanelContent(e)}}show(){this.grid.openToolPanel(),this.grid.expandedToolPanelSections.includes(s.PANEL_ID)||this.grid.toggleToolPanelSection(s.PANEL_ID)}hide(){this.grid.closeToolPanel()}toggle(){this.grid.isToolPanelOpen||this.grid.openToolPanel(),this.grid.toggleToolPanelSection(s.PANEL_ID)}isColumnVisible(e){return this.grid.isColumnVisible(e)}setColumnVisible(e,t){this.grid.setColumnVisible(e,t)}getVisibleColumns(){return this.grid.getAllColumns().filter(e=>e.visible).map(e=>e.field)}getHiddenColumns(){return this.grid.getAllColumns().filter(e=>!e.visible).map(e=>e.field)}showAll(){this.grid.showAllColumns()}toggleColumn(e){this.grid.toggleColumnVisibility(e)}showColumn(e){this.setColumnVisible(e,!0)}hideColumn(e){this.setColumnVisible(e,!1)}getAllColumns(){return this.grid.getAllColumns()}isPanelVisible(){return this.grid.isToolPanelOpen&&this.grid.expandedToolPanelSections.includes(s.PANEL_ID)}renderPanelContent(e){const t=document.createElement("div");t.className="tbw-visibility-content";const i=document.createElement("div");i.className="tbw-visibility-list",t.appendChild(i);const r=document.createElement("button");return r.className="tbw-visibility-show-all",r.textContent="Show All",r.addEventListener("click",()=>{this.grid.showAllColumns(),this.rebuildToggles(i)}),t.appendChild(r),this.columnListElement=i,this.rebuildToggles(i),e.appendChild(t),()=>{this.columnListElement=null,t.remove()}}hasReorderPlugin(){const e=this.grid?.getPluginByName?.("reorder");return!(!e||"function"!=typeof e.moveColumn)}rebuildToggles(e){const t=this.hasReorderPlugin();e.innerHTML="";const i=this.grid.getAllColumns().filter(e=>!e.utility),r=this.grid.query("getColumnGrouping"),s=r?.flat().filter(e=>e&&e.fields.length>0)??[];if(0===s.length)return void this.renderFlatColumnList(i,t,e);const l=new Map;for(const n of s)for(const e of n.fields)l.set(e,n);const o=this.computeFragments(i,l);for(const n of o)if(n.group)this.renderGroupSection(n.group,n.columns,t,e);else{const r=i.indexOf(n.columns[0]);e.appendChild(this.createColumnRow(n.columns[0],r,t,e))}}computeFragments(e,t){const i=[];let r=null,s=[];for(const l of e){const e=t.get(l.field)??null;e&&r&&e.id===r.id?s.push(l):(s.length>0&&i.push({group:r,columns:s}),r=e,s=[l])}return s.length>0&&i.push({group:r,columns:s}),i}renderGroupSection(e,t,i,r){const s=t.map(e=>e.field),l=document.createElement("div");l.className="tbw-visibility-group-header",l.setAttribute("data-group-id",e.id),i&&(l.draggable=!0,l.classList.add("reorderable"),this.setupGroupDragListeners(l,e,s,r));const o=document.createElement("label");o.className="tbw-visibility-label";const n=document.createElement("input");n.type="checkbox";const d=t.filter(e=>e.visible).length,a=t.every(e=>e.lockVisible);d===t.length?(n.checked=!0,n.indeterminate=!1):0===d?(n.checked=!1,n.indeterminate=!1):(n.checked=!1,n.indeterminate=!0),n.disabled=a,n.addEventListener("change",()=>{const e=n.checked;for(const i of t)i.lockVisible||this.grid.setColumnVisible(i.field,e);setTimeout(()=>this.rebuildToggles(r),0)});const g=document.createElement("span");if(g.textContent=e.label,o.appendChild(n),o.appendChild(g),l.appendChild(o),i){const e=document.createElement("span");e.className="tbw-visibility-handle",this.setIcon(e,this.resolveIcon("dragHandle")),e.title="Drag to reorder group",l.insertBefore(e,o)}r.appendChild(l);const c=this.grid.getAllColumns().filter(e=>!e.utility);for(const u of t){const e=c.findIndex(e=>e.field===u.field),t=this.createColumnRow(u,e,i,r);t.classList.add("tbw-visibility-row--grouped"),r.appendChild(t)}}renderFlatColumnList(e,t,i){const r=this.grid.getAllColumns().filter(e=>!e.utility);for(const s of e){const e=r.findIndex(e=>e.field===s.field);i.appendChild(this.createColumnRow(s,e,t,i))}}createColumnRow(e,t,i,s){const l=e.header||e.field,o=document.createElement("div");o.className=e.lockVisible?"tbw-visibility-row locked":"tbw-visibility-row",o.setAttribute("data-field",e.field),o.setAttribute("data-index",String(t)),i&&r(e)&&(o.draggable=!0,o.classList.add("reorderable"),this.setupDragListeners(o,e.field,t,s));const n=document.createElement("label");n.className="tbw-visibility-label";const d=document.createElement("input");d.type="checkbox",d.checked=e.visible,d.disabled=e.lockVisible??!1,d.addEventListener("change",()=>{this.grid.toggleColumnVisibility(e.field),setTimeout(()=>this.rebuildToggles(s),0)});const a=document.createElement("span");if(a.textContent=l,n.appendChild(d),n.appendChild(a),i&&r(e)){const e=document.createElement("span");e.className="tbw-visibility-handle",this.setIcon(e,this.resolveIcon("dragHandle")),e.title="Drag to reorder",o.appendChild(e)}return o.appendChild(n),o}setupGroupDragListeners(e,i,r,s){e.addEventListener("dragstart",l=>{this.isDragging=!0,this.draggedGroupId=i.id,this.draggedGroupFields=[...r],this.draggedField=null,this.draggedIndex=null,l.dataTransfer&&(l.dataTransfer.effectAllowed="move",l.dataTransfer.setData("text/plain",`group:${i.id}`)),e.classList.add(t.GridClasses.DRAGGING),s.querySelectorAll(".tbw-visibility-row--grouped").forEach(e=>{const i=e.getAttribute("data-field");i&&this.draggedGroupFields.includes(i)&&e.classList.add(t.GridClasses.DRAGGING)})}),e.addEventListener("dragend",()=>{this.isDragging=!1,this.draggedGroupId=null,this.draggedGroupFields=[],this.draggedField=null,this.draggedIndex=null,this.dropIndex=null,this.clearDragClasses(s)}),e.addEventListener("dragover",t=>{if(t.preventDefault(),!this.isDragging)return;if(this.draggedGroupFields.length===r.length&&this.draggedGroupFields.every(e=>r.includes(e)))return;if(!this.draggedGroupId)return;const i=e.getBoundingClientRect(),l=i.top+i.height/2,o=t.clientY<l;this.clearDragClasses(s),e.classList.add("drop-target"),e.classList.toggle("drop-before",o),e.classList.toggle("drop-after",!o)}),e.addEventListener("dragleave",()=>{e.classList.remove("drop-target","drop-before","drop-after")}),e.addEventListener("drop",t=>{if(t.preventDefault(),!this.isDragging||!this.draggedGroupId)return;if(this.draggedGroupFields.length===r.length&&this.draggedGroupFields.every(e=>r.includes(e)))return;const i=e.getBoundingClientRect(),s=t.clientY<i.top+i.height/2;this.executeGroupDrop(this.draggedGroupFields,r,s)})}executeGroupDrop(e,t,i){const r=this.grid.getAllColumns().map(e=>e.field),s=r.filter(t=>!e.includes(t)),l=i?t[0]:t[t.length-1],o=s.indexOf(l);if(-1===o)return;const n=i?o:o+1,d=r.filter(t=>e.includes(t));s.splice(n,0,...d);const a=this.grid.getPluginByName?.("reorder");a?.setColumnOrder&&a.gridElement?a.setColumnOrder(s):this.grid.setColumnOrder(s),requestAnimationFrame(()=>{this.columnListElement&&this.rebuildToggles(this.columnListElement)})}setupDragListeners(e,i,r,s){e.addEventListener("dragstart",s=>{this.isDragging=!0,this.draggedField=i,this.draggedIndex=r,this.draggedGroupId=null,this.draggedGroupFields=[],s.dataTransfer&&(s.dataTransfer.effectAllowed="move",s.dataTransfer.setData("text/plain",i)),e.classList.add(t.GridClasses.DRAGGING)}),e.addEventListener("dragend",()=>{this.isDragging=!1,this.draggedField=null,this.draggedIndex=null,this.dropIndex=null,this.clearDragClasses(s)}),e.addEventListener("dragover",l=>{if(l.preventDefault(),!this.isDragging)return;if(this.draggedGroupId){if(e.classList.contains("tbw-visibility-row--grouped"))return}else if(this.draggedField===i)return;const o=e.getBoundingClientRect(),n=o.top+o.height/2;this.dropIndex=l.clientY<n?r:r+1,this.clearDragClasses(s),this.draggedGroupId?(s.querySelector(`.tbw-visibility-group-header[data-group-id="${this.draggedGroupId}"]`)?.classList.add(t.GridClasses.DRAGGING),s.querySelectorAll(".tbw-visibility-row--grouped").forEach(e=>{const i=e.getAttribute("data-field");i&&this.draggedGroupFields.includes(i)&&e.classList.add(t.GridClasses.DRAGGING)})):this.draggedField&&s.querySelector(`.tbw-visibility-row[data-field="${this.draggedField}"]`)?.classList.add(t.GridClasses.DRAGGING),e.classList.add("drop-target"),e.classList.toggle("drop-before",l.clientY<n),e.classList.toggle("drop-after",l.clientY>=n)}),e.addEventListener("dragleave",()=>{e.classList.remove("drop-target","drop-before","drop-after")}),e.addEventListener("drop",t=>{if(t.preventDefault(),!this.isDragging)return;if(this.draggedGroupId&&this.draggedGroupFields.length>0){if(e.classList.contains("tbw-visibility-row--grouped"))return;const r=e.getBoundingClientRect(),s=t.clientY<r.top+r.height/2;return void this.executeGroupDrop(this.draggedGroupFields,[i],s)}const r=this.draggedField,s=this.draggedIndex,l=this.dropIndex;if(null===r||null===s||null===l)return;const o=l>s?l-1:l;if(o!==s){const e=this.grid.getAllColumns(),t=e.filter(e=>!e.utility),i=t[o]?.field,l={field:r,fromIndex:s,toIndex:i?e.findIndex(e=>e.field===i):e.length};this.emit("column-reorder-request",l)}})}}e.VisibilityPlugin=s,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../../core/constants"),require("../../core/plugin/base-plugin")):"function"==typeof define&&define.amd?define(["exports","../../core/constants","../../core/plugin/base-plugin"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).TbwGridPlugin_visibility={},e.TbwGrid,e.TbwGrid)}(this,function(e,t,i){"use strict";function r(e){const t=e.meta??{};return!0!==t.lockPosition&&!0!==t.suppressMovable}class s extends i.BaseGridPlugin{static dependencies=[{name:"reorder",required:!1,reason:"Enables drag-to-reorder columns in visibility panel"}];static manifest={queries:[{type:"getContextMenuItems",description:'Contributes "Hide column" item to the header context menu'}]};name="visibility";static PANEL_ID="columns";styles='@layer tbw-plugins{.tbw-visibility-content{display:flex;flex-direction:column;height:100%}.tbw-visibility-list{flex:1;overflow-y:auto;padding:var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem))}.tbw-visibility-row{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));padding:var(--tbw-menu-item-padding, .375rem .25rem);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem);border-radius:var(--tbw-border-radius, .25rem);position:relative}.tbw-visibility-row:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover))}.tbw-visibility-row input[type=checkbox]{cursor:pointer}.tbw-visibility-row.locked span{color:var(--tbw-color-fg-muted)}.tbw-visibility-handle{cursor:grab;color:var(--tbw-color-fg-muted);font-size:var(--tbw-font-size-2xs, .625rem);letter-spacing:-2px;-webkit-user-select:none;user-select:none;flex-shrink:0}.tbw-visibility-row.reorderable:hover .tbw-visibility-handle{color:var(--tbw-color-fg)}.tbw-visibility-label{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));flex:1;cursor:pointer}.tbw-visibility-row.dragging{opacity:.5;cursor:grabbing}.tbw-visibility-row.drop-before:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--tbw-visibility-indicator, var(--tbw-color-accent))}.tbw-visibility-row.drop-after:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--tbw-visibility-indicator, var(--tbw-color-accent))}.tbw-visibility-show-all{margin:var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem));padding:var(--tbw-button-padding, .5rem .75rem);border:1px solid var(--tbw-visibility-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius, .25rem);background:var(--tbw-visibility-btn-bg, var(--tbw-color-header-bg));color:var(--tbw-color-fg);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem)}.tbw-visibility-show-all:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover))}.tbw-visibility-group-header{display:flex;align-items:center;padding:var(--tbw-menu-item-padding, .375rem .25rem);font-size:var(--tbw-font-size-sm, .8125rem);font-weight:600;color:var(--tbw-color-fg);border-bottom:1px solid var(--tbw-color-border);margin-top:var(--tbw-spacing-sm, .25rem);position:relative}.tbw-visibility-group-header:first-child{margin-top:0}.tbw-visibility-group-header .tbw-visibility-label{gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.tbw-visibility-group-header.reorderable{cursor:grab}.tbw-visibility-group-header.reorderable:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover))}.tbw-visibility-group-header .tbw-visibility-handle{cursor:grab;color:var(--tbw-color-fg-muted);font-size:var(--tbw-font-size-2xs, .625rem);letter-spacing:-2px;-webkit-user-select:none;user-select:none;flex-shrink:0}.tbw-visibility-group-header.reorderable:hover .tbw-visibility-handle{color:var(--tbw-color-fg)}.tbw-visibility-group-header.dragging{opacity:.5;cursor:grabbing}.tbw-visibility-group-header.drop-before:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--tbw-visibility-indicator, var(--tbw-color-accent))}.tbw-visibility-group-header.drop-after:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--tbw-visibility-indicator, var(--tbw-color-accent))}.tbw-visibility-row--grouped{padding-left:calc(var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem)) + .75rem)}}';get defaultConfig(){return{allowHideAll:!1}}columnListElement=null;isDragging=!1;draggedField=null;draggedIndex=null;dropIndex=null;draggedGroupId=null;draggedGroupFields=[];clearDragClasses(e){e.querySelectorAll(".tbw-visibility-row, .tbw-visibility-group-header").forEach(e=>{e.classList.remove(t.GridClasses.DRAGGING,"drop-target","drop-before","drop-after")})}attach(e){super.attach(e),this.gridElement.addEventListener("column-move",()=>{this.columnListElement&&requestAnimationFrame(()=>{this.columnListElement&&this.rebuildToggles(this.columnListElement)})},{signal:this.disconnectSignal})}detach(){this.columnListElement=null,this.isDragging=!1,this.draggedField=null,this.draggedIndex=null,this.dropIndex=null}handleQuery(e){if("getContextMenuItems"===e.type){const t=e.context;if(!t.isHeader)return;const i=t.column;if(!i?.field)return;if(i.meta?.lockVisibility)return;return[{id:"visibility/hide-column",label:"Hide Column",icon:"👁",order:30,action:()=>this.hideColumn(i.field)}]}}getToolPanel(){return{id:s.PANEL_ID,title:"Columns",icon:"☰",tooltip:"Column visibility",order:100,render:e=>this.renderPanelContent(e)}}show(){this.grid.openToolPanel(),this.grid.expandedToolPanelSections.includes(s.PANEL_ID)||this.grid.toggleToolPanelSection(s.PANEL_ID)}hide(){this.grid.closeToolPanel()}toggle(){this.grid.isToolPanelOpen||this.grid.openToolPanel(),this.grid.toggleToolPanelSection(s.PANEL_ID)}isColumnVisible(e){return this.grid.isColumnVisible(e)}setColumnVisible(e,t){this.grid.setColumnVisible(e,t)}getVisibleColumns(){return this.grid.getAllColumns().filter(e=>e.visible).map(e=>e.field)}getHiddenColumns(){return this.grid.getAllColumns().filter(e=>!e.visible).map(e=>e.field)}showAll(){this.grid.showAllColumns()}toggleColumn(e){this.grid.toggleColumnVisibility(e)}showColumn(e){this.setColumnVisible(e,!0)}hideColumn(e){this.setColumnVisible(e,!1)}getAllColumns(){return this.grid.getAllColumns()}isPanelVisible(){return this.grid.isToolPanelOpen&&this.grid.expandedToolPanelSections.includes(s.PANEL_ID)}renderPanelContent(e){const t=document.createElement("div");t.className="tbw-visibility-content";const i=document.createElement("div");i.className="tbw-visibility-list",t.appendChild(i);const r=document.createElement("button");return r.className="tbw-visibility-show-all",r.textContent="Show All",r.addEventListener("click",()=>{this.grid.showAllColumns(),this.rebuildToggles(i)}),t.appendChild(r),this.columnListElement=i,this.rebuildToggles(i),e.appendChild(t),()=>{this.columnListElement=null,t.remove()}}hasReorderPlugin(){const e=this.grid?.getPluginByName?.("reorder");return!(!e||"function"!=typeof e.moveColumn)}rebuildToggles(e){const t=this.hasReorderPlugin();e.innerHTML="";const i=this.grid.getAllColumns().filter(e=>!e.utility),r=this.grid.query("getColumnGrouping"),s=r?.flat().filter(e=>e&&e.fields.length>0)??[];if(0===s.length)return void this.renderFlatColumnList(i,t,e);const l=new Map;for(const n of s)for(const e of n.fields)l.set(e,n);const o=this.computeFragments(i,l);for(const n of o)if(n.group)this.renderGroupSection(n.group,n.columns,t,e);else{const r=i.indexOf(n.columns[0]);e.appendChild(this.createColumnRow(n.columns[0],r,t,e))}}computeFragments(e,t){const i=[];let r=null,s=[];for(const l of e){const e=t.get(l.field)??null;e&&r&&e.id===r.id?s.push(l):(s.length>0&&i.push({group:r,columns:s}),r=e,s=[l])}return s.length>0&&i.push({group:r,columns:s}),i}renderGroupSection(e,t,i,r){const s=t.map(e=>e.field),l=document.createElement("div");l.className="tbw-visibility-group-header",l.setAttribute("data-group-id",e.id),i&&(l.draggable=!0,l.classList.add("reorderable"),this.setupGroupDragListeners(l,e,s,r));const o=document.createElement("label");o.className="tbw-visibility-label";const n=document.createElement("input");n.type="checkbox";const d=t.filter(e=>e.visible).length,a=t.every(e=>e.lockVisible);d===t.length?(n.checked=!0,n.indeterminate=!1):0===d?(n.checked=!1,n.indeterminate=!1):(n.checked=!1,n.indeterminate=!0),n.disabled=a,n.addEventListener("change",()=>{const e=n.checked;for(const i of t)i.lockVisible||this.grid.setColumnVisible(i.field,e);setTimeout(()=>this.rebuildToggles(r),0)});const g=document.createElement("span");if(g.textContent=e.label,o.appendChild(n),o.appendChild(g),l.appendChild(o),i){const e=document.createElement("span");e.className="tbw-visibility-handle",this.setIcon(e,"dragHandle"),e.title="Drag to reorder group",l.insertBefore(e,o)}r.appendChild(l);const c=this.grid.getAllColumns().filter(e=>!e.utility);for(const u of t){const e=c.findIndex(e=>e.field===u.field),t=this.createColumnRow(u,e,i,r);t.classList.add("tbw-visibility-row--grouped"),r.appendChild(t)}}renderFlatColumnList(e,t,i){const r=this.grid.getAllColumns().filter(e=>!e.utility);for(const s of e){const e=r.findIndex(e=>e.field===s.field);i.appendChild(this.createColumnRow(s,e,t,i))}}createColumnRow(e,t,i,s){const l=e.header||e.field,o=document.createElement("div");o.className=e.lockVisible?"tbw-visibility-row locked":"tbw-visibility-row",o.setAttribute("data-field",e.field),o.setAttribute("data-index",String(t)),i&&r(e)&&(o.draggable=!0,o.classList.add("reorderable"),this.setupDragListeners(o,e.field,t,s));const n=document.createElement("label");n.className="tbw-visibility-label";const d=document.createElement("input");d.type="checkbox",d.checked=e.visible,d.disabled=e.lockVisible??!1,d.addEventListener("change",()=>{this.grid.toggleColumnVisibility(e.field),setTimeout(()=>this.rebuildToggles(s),0)});const a=document.createElement("span");if(a.textContent=l,n.appendChild(d),n.appendChild(a),i&&r(e)){const e=document.createElement("span");e.className="tbw-visibility-handle",this.setIcon(e,"dragHandle"),e.title="Drag to reorder",o.appendChild(e)}return o.appendChild(n),o}setupGroupDragListeners(e,i,r,s){e.addEventListener("dragstart",l=>{this.isDragging=!0,this.draggedGroupId=i.id,this.draggedGroupFields=[...r],this.draggedField=null,this.draggedIndex=null,l.dataTransfer&&(l.dataTransfer.effectAllowed="move",l.dataTransfer.setData("text/plain",`group:${i.id}`)),e.classList.add(t.GridClasses.DRAGGING),s.querySelectorAll(".tbw-visibility-row--grouped").forEach(e=>{const i=e.getAttribute("data-field");i&&this.draggedGroupFields.includes(i)&&e.classList.add(t.GridClasses.DRAGGING)})}),e.addEventListener("dragend",()=>{this.isDragging=!1,this.draggedGroupId=null,this.draggedGroupFields=[],this.draggedField=null,this.draggedIndex=null,this.dropIndex=null,this.clearDragClasses(s)}),e.addEventListener("dragover",t=>{if(t.preventDefault(),!this.isDragging)return;if(this.draggedGroupFields.length===r.length&&this.draggedGroupFields.every(e=>r.includes(e)))return;if(!this.draggedGroupId)return;const i=e.getBoundingClientRect(),l=i.top+i.height/2,o=t.clientY<l;this.clearDragClasses(s),e.classList.add("drop-target"),e.classList.toggle("drop-before",o),e.classList.toggle("drop-after",!o)}),e.addEventListener("dragleave",()=>{e.classList.remove("drop-target","drop-before","drop-after")}),e.addEventListener("drop",t=>{if(t.preventDefault(),!this.isDragging||!this.draggedGroupId)return;if(this.draggedGroupFields.length===r.length&&this.draggedGroupFields.every(e=>r.includes(e)))return;const i=e.getBoundingClientRect(),s=t.clientY<i.top+i.height/2;this.executeGroupDrop(this.draggedGroupFields,r,s)})}executeGroupDrop(e,t,i){const r=this.grid.getAllColumns().map(e=>e.field),s=r.filter(t=>!e.includes(t)),l=i?t[0]:t[t.length-1],o=s.indexOf(l);if(-1===o)return;const n=i?o:o+1,d=r.filter(t=>e.includes(t));s.splice(n,0,...d);const a=this.grid.getPluginByName?.("reorder");a?.setColumnOrder&&a.gridElement?a.setColumnOrder(s):this.grid.setColumnOrder(s),requestAnimationFrame(()=>{this.columnListElement&&this.rebuildToggles(this.columnListElement)})}setupDragListeners(e,i,r,s){e.addEventListener("dragstart",s=>{this.isDragging=!0,this.draggedField=i,this.draggedIndex=r,this.draggedGroupId=null,this.draggedGroupFields=[],s.dataTransfer&&(s.dataTransfer.effectAllowed="move",s.dataTransfer.setData("text/plain",i)),e.classList.add(t.GridClasses.DRAGGING)}),e.addEventListener("dragend",()=>{this.isDragging=!1,this.draggedField=null,this.draggedIndex=null,this.dropIndex=null,this.clearDragClasses(s)}),e.addEventListener("dragover",l=>{if(l.preventDefault(),!this.isDragging)return;if(this.draggedGroupId){if(e.classList.contains("tbw-visibility-row--grouped"))return}else if(this.draggedField===i)return;const o=e.getBoundingClientRect(),n=o.top+o.height/2;this.dropIndex=l.clientY<n?r:r+1,this.clearDragClasses(s),this.draggedGroupId?(s.querySelector(`.tbw-visibility-group-header[data-group-id="${this.draggedGroupId}"]`)?.classList.add(t.GridClasses.DRAGGING),s.querySelectorAll(".tbw-visibility-row--grouped").forEach(e=>{const i=e.getAttribute("data-field");i&&this.draggedGroupFields.includes(i)&&e.classList.add(t.GridClasses.DRAGGING)})):this.draggedField&&s.querySelector(`.tbw-visibility-row[data-field="${this.draggedField}"]`)?.classList.add(t.GridClasses.DRAGGING),e.classList.add("drop-target"),e.classList.toggle("drop-before",l.clientY<n),e.classList.toggle("drop-after",l.clientY>=n)}),e.addEventListener("dragleave",()=>{e.classList.remove("drop-target","drop-before","drop-after")}),e.addEventListener("drop",t=>{if(t.preventDefault(),!this.isDragging)return;if(this.draggedGroupId&&this.draggedGroupFields.length>0){if(e.classList.contains("tbw-visibility-row--grouped"))return;const r=e.getBoundingClientRect(),s=t.clientY<r.top+r.height/2;return void this.executeGroupDrop(this.draggedGroupFields,[i],s)}const r=this.draggedField,s=this.draggedIndex,l=this.dropIndex;if(null===r||null===s||null===l)return;const o=l>s?l-1:l;if(o!==s){const e=this.grid.getAllColumns(),t=e.filter(e=>!e.utility),i=t[o]?.field,l={field:r,fromIndex:s,toIndex:i?e.findIndex(e=>e.field===i):e.length};this.emit("column-reorder-request",l)}})}}e.VisibilityPlugin=s,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=visibility.umd.js.map

package/umd/plugins/visibility.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"visibility.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/visibility/VisibilityPlugin.ts"],"sourcesContent":["/**\n * Column Visibility Plugin (Class-based)\n *\n * Provides a UI for column visibility control via the shell's tool panel system.\n * Column visibility is a core grid feature - this plugin provides:\n * - A tool panel for column visibility management (registered with the shell)\n * - Backward-compatible API methods that delegate to grid.setColumnVisible(), etc.\n *\n * The grid emits 'column-visibility' events when columns are shown/hidden,\n * allowing consumers to save user preferences.\n *\n * When a reorder plugin is present, column rows become draggable for reordering.\n * Drag-drop emits 'column-reorder-request' events that the ReorderPlugin can listen for.\n */\n\nimport { GridClasses } from '../../core/constants';\nimport {\n  BaseGridPlugin,\n  type PluginDependency,\n  type PluginManifest,\n  type PluginQuery,\n} from '../../core/plugin/base-plugin';\nimport type { ColumnConfig, ToolPanelDefinition } from '../../core/types';\nimport type { ContextMenuParams, HeaderContextMenuItem } from '../context-menu/types';\nimport type { ColumnGroupInfo, VisibilityConfig } from './types';\nimport styles from './visibility.css?inline';\n\n/** Column metadata shape returned by `grid.getAllColumns()`. */\ntype ColumnEntry = { field: string; header: string; visible: boolean; lockVisible?: boolean; utility?: boolean };\n\n/**\n * Detail for column-reorder-request events emitted when users drag-drop in the visibility panel.\n */\nexport interface ColumnReorderRequestDetail {\n  /** The field name of the column to move */\n  field: string;\n  /** The source index (before move) */\n  fromIndex: number;\n  /** The target index (after move) */\n  toIndex: number;\n}\n\n/**\n * Check if a column can be moved (respects lockPosition/suppressMovable).\n * Inlined to avoid importing from reorder plugin.\n */\nfunction canMoveColumn(column: ColumnConfig): boolean {\n  const meta = column.meta ?? {};\n  return meta.lockPosition !== true && meta.suppressMovable !== true;\n}\n\n/**\n * Column Visibility Plugin for tbw-grid\n *\n * Gives users control over which columns are displayed. Hide less important columns\n * by default, let users toggle them via a column chooser UI, or programmatically\n * show/hide columns based on user preferences or screen size.\n *\n * > **Optional Enhancement:** When ReorderPlugin is also loaded, columns in the\n * > visibility panel become draggable for reordering.\n *\n * ## Installation\n *\n * ```ts\n * import { VisibilityPlugin } from '@toolbox-web/grid/plugins/visibility';\n * ```\n *\n * ## Column Configuration\n *\n * | Property | Type | Default | Description |\n * |----------|------|---------|-------------|\n * | `visible` | `boolean` | `true` | Initial visibility state |\n * | `meta.lockVisibility` | `boolean` | `false` | Prevent user from toggling |\n *\n * ## CSS Custom Properties\n *\n * | Property | Default | Description |\n * |----------|---------|-------------|\n * | `--tbw-visibility-hover` | `var(--tbw-color-row-hover)` | Row hover background |\n * | `--tbw-panel-padding` | `0.75em` | Panel content padding |\n * | `--tbw-panel-gap` | `0.5em` | Gap between items |\n *\n * @example Columns Hidden by Default\n * ```ts\n * import { queryGrid } from '@toolbox-web/grid';\n * import { VisibilityPlugin } from '@toolbox-web/grid/plugins/visibility';\n *\n * const grid = queryGrid('tbw-grid');\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'id', header: 'ID' },\n *     { field: 'name', header: 'Name' },\n *     { field: 'phone', header: 'Phone', visible: false }, // Hidden by default\n *     { field: 'address', header: 'Address', visible: false },\n *   ],\n *   plugins: [new VisibilityPlugin()],\n * };\n *\n * // Toggle programmatically\n * const plugin = grid.getPluginByName('visibility');\n * plugin.showColumn('phone');\n * ```\n *\n * @example With Drag-to-Reorder\n * ```ts\n * import { VisibilityPlugin } from '@toolbox-web/grid/plugins/visibility';\n * import { ReorderPlugin } from '@toolbox-web/grid/plugins/reorder-columns';\n *\n * grid.gridConfig = {\n *   plugins: [\n *     new ReorderPlugin(),      // Enables drag-drop in visibility panel\n *     new VisibilityPlugin(),\n *   ],\n * };\n * ```\n *\n * @see {@link VisibilityConfig} for configuration options\n * @see ReorderPlugin for drag-to-reorder integration\n *\n * @internal Extends BaseGridPlugin\n */\nexport class VisibilityPlugin extends BaseGridPlugin<VisibilityConfig> {\n  /**\n   * Plugin dependencies - VisibilityPlugin optionally uses ReorderPlugin for drag-drop reordering.\n   *\n   * When ReorderPlugin is present, columns in the visibility panel become draggable.\n   * @internal\n   */\n  static override readonly dependencies: PluginDependency[] = [\n    { name: 'reorder', required: false, reason: 'Enables drag-to-reorder columns in visibility panel' },\n  ];\n\n  /**\n   * Plugin manifest - declares handled queries.\n   * @internal\n   */\n  static override readonly manifest: PluginManifest = {\n    queries: [\n      {\n        type: 'getContextMenuItems',\n        description: 'Contributes \"Hide column\" item to the header context menu',\n      },\n    ],\n  };\n\n  /** @internal */\n  readonly name = 'visibility';\n\n  /** Tool panel ID for shell integration */\n  static readonly PANEL_ID = 'columns';\n  /** @internal */\n  override readonly styles = styles;\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<VisibilityConfig> {\n    return {\n      allowHideAll: false,\n    };\n  }\n\n  // #region Internal State\n  private columnListElement: HTMLElement | null = null;\n\n  // Drag state for reorder integration\n  private isDragging = false;\n  private draggedField: string | null = null;\n  private draggedIndex: number | null = null;\n  private dropIndex: number | null = null;\n  /** When dragging a group, holds the group ID; null for individual column drags. */\n  private draggedGroupId: string | null = null;\n  /** Fields belonging to the group currently being dragged. */\n  private draggedGroupFields: string[] = [];\n\n  /** Clear drag-related classes from all rows and group headers in a list. */\n  private clearDragClasses(container: HTMLElement): void {\n    container.querySelectorAll('.tbw-visibility-row, .tbw-visibility-group-header').forEach((r) => {\n      r.classList.remove(GridClasses.DRAGGING, 'drop-target', 'drop-before', 'drop-after');\n    });\n  }\n  // #endregion\n\n  // #region Lifecycle\n\n  /** @internal */\n  override attach(grid: import('../../core/plugin/base-plugin').GridElement): void {\n    super.attach(grid);\n\n    // Listen for column-move events (emitted by ReorderPlugin after any reorder,\n    // including header drag-drop and visibility panel drag-drop) to keep the\n    // panel list in sync with the grid's column order.\n    this.gridElement.addEventListener(\n      'column-move',\n      () => {\n        if (this.columnListElement) {\n          // column-move fires BEFORE setColumnOrder runs. Defer the rebuild\n          // to allow the full reorder cycle (setColumnOrder + renderHeader +\n          // refreshVirtualWindow) to complete before reading the new order.\n          // Use RAF to run after the current synchronous work and any\n          // animation frames queued by the animation system.\n          requestAnimationFrame(() => {\n            if (this.columnListElement) {\n              this.rebuildToggles(this.columnListElement);\n            }\n          });\n        }\n      },\n      { signal: this.disconnectSignal },\n    );\n  }\n\n  /** @internal */\n  override detach(): void {\n    this.columnListElement = null;\n    this.isDragging = false;\n    this.draggedField = null;\n    this.draggedIndex = null;\n    this.dropIndex = null;\n  }\n  // #endregion\n\n  // #region Query Handlers\n\n  /**\n   * Handle inter-plugin queries.\n   * Contributes a \"Hide column\" item to the header context menu.\n   * @internal\n   */\n  override handleQuery(query: PluginQuery): unknown {\n    if (query.type === 'getContextMenuItems') {\n      const params = query.context as ContextMenuParams;\n      if (!params.isHeader) return undefined;\n\n      const column = params.column as ColumnConfig;\n      if (!column?.field) return undefined;\n\n      // Don't offer \"Hide\" for locked-visibility columns\n      if (column.meta?.lockVisibility) return undefined;\n\n      const items: HeaderContextMenuItem[] = [\n        {\n          id: 'visibility/hide-column',\n          label: 'Hide Column',\n          icon: '👁',\n          order: 30,\n          action: () => this.hideColumn(column.field),\n        },\n      ];\n\n      return items;\n    }\n    return undefined;\n  }\n  // #endregion\n\n  // #region Shell Integration\n\n  /**\n   * Register the column visibility tool panel with the shell.\n   * @internal\n   */\n  override getToolPanel(): ToolPanelDefinition | undefined {\n    return {\n      id: VisibilityPlugin.PANEL_ID,\n      title: 'Columns',\n      icon: '☰',\n      tooltip: 'Column visibility',\n      order: 100, // High order so it appears last\n      render: (container) => this.renderPanelContent(container),\n    };\n  }\n  // #endregion\n\n  // #region Public API\n\n  /**\n   * Show the visibility sidebar panel.\n   * Opens the tool panel and ensures this section is expanded.\n   */\n  show(): void {\n    this.grid.openToolPanel();\n    // Ensure our section is expanded\n    if (!this.grid.expandedToolPanelSections.includes(VisibilityPlugin.PANEL_ID)) {\n      this.grid.toggleToolPanelSection(VisibilityPlugin.PANEL_ID);\n    }\n  }\n\n  /**\n   * Hide the visibility sidebar panel.\n   */\n  hide(): void {\n    this.grid.closeToolPanel();\n  }\n\n  /**\n   * Toggle the visibility sidebar panel section.\n   */\n  toggle(): void {\n    // If tool panel is closed, open it first\n    if (!this.grid.isToolPanelOpen) {\n      this.grid.openToolPanel();\n    }\n    this.grid.toggleToolPanelSection(VisibilityPlugin.PANEL_ID);\n  }\n\n  /**\n   * Check if a specific column is visible.\n   * Delegates to grid.isColumnVisible().\n   * @param field - The field name to check\n   * @returns True if the column is visible\n   */\n  isColumnVisible(field: string): boolean {\n    return this.grid.isColumnVisible(field);\n  }\n\n  /**\n   * Set visibility for a specific column.\n   * Delegates to grid.setColumnVisible().\n   * @param field - The field name of the column\n   * @param visible - Whether the column should be visible\n   */\n  setColumnVisible(field: string, visible: boolean): void {\n    this.grid.setColumnVisible(field, visible);\n  }\n\n  /**\n   * Get list of all visible column fields.\n   * @returns Array of visible field names\n   */\n  getVisibleColumns(): string[] {\n    return this.grid\n      .getAllColumns()\n      .filter((c) => c.visible)\n      .map((c) => c.field);\n  }\n\n  /**\n   * Get list of all hidden column fields.\n   * @returns Array of hidden field names\n   */\n  getHiddenColumns(): string[] {\n    return this.grid\n      .getAllColumns()\n      .filter((c) => !c.visible)\n      .map((c) => c.field);\n  }\n\n  /**\n   * Show all columns.\n   * Delegates to grid.showAllColumns().\n   */\n  showAll(): void {\n    this.grid.showAllColumns();\n  }\n\n  /**\n   * Toggle visibility for a specific column.\n   * Delegates to grid.toggleColumnVisibility().\n   * @param field - The field name of the column\n   */\n  toggleColumn(field: string): void {\n    this.grid.toggleColumnVisibility(field);\n  }\n\n  /**\n   * Show a specific column.\n   * Delegates to grid.setColumnVisible().\n   * @param field - The field name of the column to show\n   */\n  showColumn(field: string): void {\n    this.setColumnVisible(field, true);\n  }\n\n  /**\n   * Hide a specific column.\n   * Delegates to grid.setColumnVisible().\n   * @param field - The field name of the column to hide\n   */\n  hideColumn(field: string): void {\n    this.setColumnVisible(field, false);\n  }\n\n  /**\n   * Get all columns with their visibility status.\n   * Useful for building visibility UI.\n   * @returns Array of column info with visibility status\n   */\n  getAllColumns(): Array<{\n    field: string;\n    header: string;\n    visible: boolean;\n    lockVisible?: boolean;\n    utility?: boolean;\n  }> {\n    return this.grid.getAllColumns();\n  }\n\n  /**\n   * Check if the sidebar panel is currently open.\n   * @returns True if the panel section is expanded\n   */\n  isPanelVisible(): boolean {\n    return this.grid.isToolPanelOpen && this.grid.expandedToolPanelSections.includes(VisibilityPlugin.PANEL_ID);\n  }\n  // #endregion\n\n  // #region Private Methods\n\n  /**\n   * Render the panel content into the shell's tool panel container.\n   * Returns a cleanup function.\n   */\n  private renderPanelContent(container: HTMLElement): (() => void) | void {\n    // Create content wrapper\n    const wrapper = document.createElement('div');\n    wrapper.className = 'tbw-visibility-content';\n\n    // Column list container\n    const columnList = document.createElement('div');\n    columnList.className = 'tbw-visibility-list';\n    wrapper.appendChild(columnList);\n\n    // Show all button\n    const showAllBtn = document.createElement('button');\n    showAllBtn.className = 'tbw-visibility-show-all';\n    showAllBtn.textContent = 'Show All';\n    showAllBtn.addEventListener('click', () => {\n      this.grid.showAllColumns();\n      this.rebuildToggles(columnList);\n    });\n    wrapper.appendChild(showAllBtn);\n\n    // Store reference\n    this.columnListElement = columnList;\n\n    // Build initial toggles\n    this.rebuildToggles(columnList);\n\n    // Append to container\n    container.appendChild(wrapper);\n\n    // Return cleanup function\n    return () => {\n      this.columnListElement = null;\n      wrapper.remove();\n    };\n  }\n\n  /**\n   * Check if a reorder plugin is present (by name to avoid static import).\n   */\n  private hasReorderPlugin(): boolean {\n    const plugin = this.grid?.getPluginByName?.('reorder');\n    // Duck-type check - just verify the plugin exists and has a moveColumn method\n    return !!(plugin && typeof (plugin as { moveColumn?: unknown }).moveColumn === 'function');\n  }\n\n  /**\n   * Build the column toggle checkboxes.\n   * When GroupingColumnsPlugin is present, renders columns under collapsible group headers.\n   * Groups that are fragmented (same group split across non-contiguous positions) are\n   * shown as separate sections to match the grid's visual layout.\n   * When a reorder plugin is present, adds drag handles for reordering.\n   */\n  private rebuildToggles(columnList: HTMLElement): void {\n    const reorderEnabled = this.hasReorderPlugin();\n\n    columnList.innerHTML = '';\n\n    // getAllColumns() returns columns in their effective display order\n    // Filter out utility columns (e.g., expander column) as they're internal\n    const allColumns = this.grid.getAllColumns().filter((c) => !c.utility);\n\n    // Query for column grouping info from GroupingColumnsPlugin (or any responder)\n    const groupResults = this.grid.query<ColumnGroupInfo[]>('getColumnGrouping');\n    const groups: ColumnGroupInfo[] = groupResults?.flat().filter((g) => g && g.fields.length > 0) ?? [];\n\n    if (groups.length === 0) {\n      // No grouping — render flat list (original behavior)\n      this.renderFlatColumnList(allColumns, reorderEnabled, columnList);\n      return;\n    }\n\n    // Build field → group lookup (field name → group membership info)\n    const fieldToGroup = new Map<string, ColumnGroupInfo>();\n    for (const group of groups) {\n      for (const field of group.fields) fieldToGroup.set(field, group);\n    }\n\n    // Walk columns in display order and detect contiguous fragments.\n    // A fragment is a run of consecutive columns belonging to the same group.\n    // Fragmented groups (same group ID at non-contiguous positions) produce\n    // separate sections so the panel matches the grid's visual layout.\n    const fragments = this.computeFragments(allColumns, fieldToGroup);\n\n    for (const fragment of fragments) {\n      if (fragment.group) {\n        this.renderGroupSection(fragment.group, fragment.columns, reorderEnabled, columnList);\n      } else {\n        // Ungrouped column — render as individual row\n        const fullIndex = allColumns.indexOf(fragment.columns[0]);\n        columnList.appendChild(this.createColumnRow(fragment.columns[0], fullIndex, reorderEnabled, columnList));\n      }\n    }\n  }\n\n  /**\n   * Compute contiguous column fragments from display-order columns.\n   * Each fragment is either a group section (contiguous run of same-group columns)\n   * or a single ungrouped column.\n   */\n  private computeFragments(\n    allColumns: ColumnEntry[],\n    fieldToGroup: Map<string, ColumnGroupInfo>,\n  ): Array<{ group: ColumnGroupInfo | null; columns: ColumnEntry[] }> {\n    const fragments: Array<{ group: ColumnGroupInfo | null; columns: ColumnEntry[] }> = [];\n    let currentGroup: ColumnGroupInfo | null = null;\n    let currentCols: ColumnEntry[] = [];\n\n    for (const col of allColumns) {\n      const group = fieldToGroup.get(col.field) ?? null;\n\n      if (group && currentGroup && group.id === currentGroup.id) {\n        // Same group continues — extend fragment\n        currentCols.push(col);\n      } else {\n        // Flush previous fragment\n        if (currentCols.length > 0) {\n          fragments.push({ group: currentGroup, columns: currentCols });\n        }\n        currentGroup = group;\n        currentCols = [col];\n      }\n    }\n    // Flush last fragment\n    if (currentCols.length > 0) {\n      fragments.push({ group: currentGroup, columns: currentCols });\n    }\n\n    return fragments;\n  }\n\n  /**\n   * Render a group fragment section with header checkbox and indented column rows.\n   * A fragment is a contiguous run of columns from the same group. When a group is\n   * fragmented (split across non-contiguous positions), each fragment gets its own section.\n   */\n  private renderGroupSection(\n    group: ColumnGroupInfo,\n    columns: ColumnEntry[],\n    reorderEnabled: boolean,\n    container: HTMLElement,\n  ): void {\n    // The fragment's fields — only the columns in this contiguous section\n    const fragmentFields = columns.map((c) => c.field);\n\n    // Group header row\n    const header = document.createElement('div');\n    header.className = 'tbw-visibility-group-header';\n    header.setAttribute('data-group-id', group.id);\n\n    // Make group header draggable when reorder is enabled.\n    // Pass only this fragment's fields so dragging moves just this\n    // contiguous block, not all columns of the (possibly fragmented) group.\n    if (reorderEnabled) {\n      header.draggable = true;\n      header.classList.add('reorderable');\n      this.setupGroupDragListeners(header, group, fragmentFields, container);\n    }\n\n    const headerLabel = document.createElement('label');\n    headerLabel.className = 'tbw-visibility-label';\n\n    const groupCheckbox = document.createElement('input');\n    groupCheckbox.type = 'checkbox';\n\n    // Calculate tri-state: all visible, all hidden, or mixed\n    const visibleCount = columns.filter((c) => c.visible).length;\n    const allLocked = columns.every((c) => c.lockVisible);\n    if (visibleCount === columns.length) {\n      groupCheckbox.checked = true;\n      groupCheckbox.indeterminate = false;\n    } else if (visibleCount === 0) {\n      groupCheckbox.checked = false;\n      groupCheckbox.indeterminate = false;\n    } else {\n      groupCheckbox.checked = false;\n      groupCheckbox.indeterminate = true;\n    }\n    groupCheckbox.disabled = allLocked;\n\n    // Toggle all columns in group\n    groupCheckbox.addEventListener('change', () => {\n      const newVisible = groupCheckbox.checked;\n      for (const col of columns) {\n        if (col.lockVisible) continue;\n        this.grid.setColumnVisible(col.field, newVisible);\n      }\n      setTimeout(() => this.rebuildToggles(container), 0);\n    });\n\n    const headerText = document.createElement('span');\n    headerText.textContent = group.label;\n\n    headerLabel.appendChild(groupCheckbox);\n    headerLabel.appendChild(headerText);\n    header.appendChild(headerLabel);\n\n    // Add drag handle icon for group if reorderable\n    if (reorderEnabled) {\n      const handle = document.createElement('span');\n      handle.className = 'tbw-visibility-handle';\n      this.setIcon(handle, this.resolveIcon('dragHandle'));\n      handle.title = 'Drag to reorder group';\n      // Insert handle before the label\n      header.insertBefore(handle, headerLabel);\n    }\n\n    container.appendChild(header);\n\n    // Render indented column rows\n    const allColumnsFullList = this.grid.getAllColumns().filter((c) => !c.utility);\n    for (const col of columns) {\n      const fullIndex = allColumnsFullList.findIndex((c) => c.field === col.field);\n      const row = this.createColumnRow(col, fullIndex, reorderEnabled, container);\n      row.classList.add('tbw-visibility-row--grouped');\n      container.appendChild(row);\n    }\n  }\n\n  /**\n   * Render a flat (ungrouped) list of column rows.\n   */\n  private renderFlatColumnList(columns: ColumnEntry[], reorderEnabled: boolean, container: HTMLElement): void {\n    const allColumnsFullList = this.grid.getAllColumns().filter((c) => !c.utility);\n    for (const col of columns) {\n      const fullIndex = allColumnsFullList.findIndex((c) => c.field === col.field);\n      container.appendChild(this.createColumnRow(col, fullIndex, reorderEnabled, container));\n    }\n  }\n\n  /**\n   * Create a single column visibility row element.\n   */\n  private createColumnRow(\n    col: ColumnEntry,\n    index: number,\n    reorderEnabled: boolean,\n    columnList: HTMLElement,\n  ): HTMLElement {\n    const label = col.header || col.field;\n\n    const row = document.createElement('div');\n    row.className = col.lockVisible ? 'tbw-visibility-row locked' : 'tbw-visibility-row';\n    row.setAttribute('data-field', col.field);\n    row.setAttribute('data-index', String(index));\n\n    // Add drag handle if reorder is enabled\n    if (reorderEnabled && canMoveColumn(col)) {\n      row.draggable = true;\n      row.classList.add('reorderable');\n      this.setupDragListeners(row, col.field, index, columnList);\n    }\n\n    const labelWrapper = document.createElement('label');\n    labelWrapper.className = 'tbw-visibility-label';\n\n    const checkbox = document.createElement('input');\n    checkbox.type = 'checkbox';\n    checkbox.checked = col.visible;\n    checkbox.disabled = col.lockVisible ?? false;\n    checkbox.addEventListener('change', () => {\n      this.grid.toggleColumnVisibility(col.field);\n      // Refresh after toggle (grid may re-render)\n      setTimeout(() => this.rebuildToggles(columnList), 0);\n    });\n\n    const text = document.createElement('span');\n    text.textContent = label;\n\n    labelWrapper.appendChild(checkbox);\n    labelWrapper.appendChild(text);\n\n    // Add drag handle icon if reorderable\n    if (reorderEnabled && canMoveColumn(col)) {\n      const handle = document.createElement('span');\n      handle.className = 'tbw-visibility-handle';\n      this.setIcon(handle, this.resolveIcon('dragHandle'));\n      handle.title = 'Drag to reorder';\n      row.appendChild(handle);\n    }\n\n    row.appendChild(labelWrapper);\n    return row;\n  }\n\n  /**\n   * Set up drag-and-drop listeners for a group header row.\n   * Dragging a group fragment moves only the columns in that fragment as a block.\n   * When a group is fragmented, each fragment header drags independently.\n   */\n  private setupGroupDragListeners(\n    header: HTMLElement,\n    group: ColumnGroupInfo,\n    fragmentFields: string[],\n    columnList: HTMLElement,\n  ): void {\n    header.addEventListener('dragstart', (e: DragEvent) => {\n      this.isDragging = true;\n      this.draggedGroupId = group.id;\n      this.draggedGroupFields = [...fragmentFields];\n      // Use first field as representative for dataTransfer\n      this.draggedField = null;\n      this.draggedIndex = null;\n\n      if (e.dataTransfer) {\n        e.dataTransfer.effectAllowed = 'move';\n        e.dataTransfer.setData('text/plain', `group:${group.id}`);\n      }\n\n      // Mark entire group (header + children) as dragging\n      header.classList.add(GridClasses.DRAGGING);\n      columnList.querySelectorAll(`.tbw-visibility-row--grouped`).forEach((row) => {\n        const field = row.getAttribute('data-field');\n        if (field && this.draggedGroupFields.includes(field)) {\n          row.classList.add(GridClasses.DRAGGING);\n        }\n      });\n    });\n\n    header.addEventListener('dragend', () => {\n      this.isDragging = false;\n      this.draggedGroupId = null;\n      this.draggedGroupFields = [];\n      this.draggedField = null;\n      this.draggedIndex = null;\n      this.dropIndex = null;\n      this.clearDragClasses(columnList);\n    });\n\n    // Group headers are also drop targets for other groups (or other fragments of the same group)\n    header.addEventListener('dragover', (e: DragEvent) => {\n      e.preventDefault();\n      if (!this.isDragging) return;\n      // Can't drop onto the same fragment (same exact fields)\n      if (\n        this.draggedGroupFields.length === fragmentFields.length &&\n        this.draggedGroupFields.every((f) => fragmentFields.includes(f))\n      )\n        return;\n      // Can't drop individual columns onto group headers\n      if (!this.draggedGroupId) return;\n\n      const rect = header.getBoundingClientRect();\n      const midY = rect.top + rect.height / 2;\n      const before = e.clientY < midY;\n\n      this.clearDragClasses(columnList);\n      header.classList.add('drop-target');\n      header.classList.toggle('drop-before', before);\n      header.classList.toggle('drop-after', !before);\n    });\n\n    header.addEventListener('dragleave', () => {\n      header.classList.remove('drop-target', 'drop-before', 'drop-after');\n    });\n\n    header.addEventListener('drop', (e: DragEvent) => {\n      e.preventDefault();\n      if (!this.isDragging || !this.draggedGroupId) return;\n      // Can't drop onto the same fragment\n      if (\n        this.draggedGroupFields.length === fragmentFields.length &&\n        this.draggedGroupFields.every((f) => fragmentFields.includes(f))\n      )\n        return;\n\n      const rect = header.getBoundingClientRect();\n      const before = e.clientY < rect.top + rect.height / 2;\n\n      this.executeGroupDrop(this.draggedGroupFields, fragmentFields, before);\n    });\n  }\n\n  /**\n   * Execute a group drop — move the dragged fragment's fields as a block\n   * to the position relative to the target group/column.\n   * Routes through the ReorderPlugin when available for proper animation and\n   * full render cycle, otherwise falls back to direct grid.setColumnOrder().\n   */\n  private executeGroupDrop(draggedFields: string[], targetFields: string[], before: boolean): void {\n    const allColumns = this.grid.getAllColumns();\n    const currentOrder = allColumns.map((c) => c.field);\n\n    // Remove dragged fields from current order\n    const remaining = currentOrder.filter((f) => !draggedFields.includes(f));\n\n    // Find insertion point relative to target\n    // Use the first field of target group if inserting before, last if after\n    const anchorField = before ? targetFields[0] : targetFields[targetFields.length - 1];\n    const insertAt = remaining.indexOf(anchorField);\n    if (insertAt === -1) return;\n\n    // Insert the dragged group block at the correct position\n    const insertIndex = before ? insertAt : insertAt + 1;\n\n    // Preserve the dragged fields' original relative order\n    const draggedInOrder = currentOrder.filter((f) => draggedFields.includes(f));\n    remaining.splice(insertIndex, 0, ...draggedInOrder);\n\n    // Route through ReorderPlugin.setColumnOrder when available and attached —\n    // this calls updateColumnOrder which handles animation and forceLayout for\n    // proper body cell rebuilds. Fall back to direct grid.setColumnOrder otherwise.\n    const reorderPlugin = this.grid.getPluginByName?.('reorder') as\n      | { setColumnOrder?: (o: string[]) => void; gridElement?: unknown }\n      | undefined;\n    if (reorderPlugin?.setColumnOrder && reorderPlugin.gridElement) {\n      reorderPlugin.setColumnOrder(remaining);\n    } else {\n      this.grid.setColumnOrder(remaining);\n    }\n\n    // Panel rebuild is handled by the column-move listener when ReorderPlugin\n    // emits the event. For the direct fallback path, trigger manually.\n    requestAnimationFrame(() => {\n      if (this.columnListElement) {\n        this.rebuildToggles(this.columnListElement);\n      }\n    });\n  }\n\n  /**\n   * Set up drag-and-drop event listeners for a row.\n   * On drop, emits a 'column-reorder-request' event for other plugins to handle.\n   */\n  private setupDragListeners(row: HTMLElement, field: string, index: number, columnList: HTMLElement): void {\n    row.addEventListener('dragstart', (e: DragEvent) => {\n      this.isDragging = true;\n      this.draggedField = field;\n      this.draggedIndex = index;\n      // Clear any stale group drag state\n      this.draggedGroupId = null;\n      this.draggedGroupFields = [];\n\n      if (e.dataTransfer) {\n        e.dataTransfer.effectAllowed = 'move';\n        e.dataTransfer.setData('text/plain', field);\n      }\n\n      row.classList.add(GridClasses.DRAGGING);\n    });\n\n    row.addEventListener('dragend', () => {\n      this.isDragging = false;\n      this.draggedField = null;\n      this.draggedIndex = null;\n      this.dropIndex = null;\n      this.clearDragClasses(columnList);\n    });\n\n    row.addEventListener('dragover', (e: DragEvent) => {\n      e.preventDefault();\n      if (!this.isDragging) return;\n\n      // If dragging a group, only allow drop on ungrouped rows\n      if (this.draggedGroupId) {\n        if (row.classList.contains('tbw-visibility-row--grouped')) return;\n      } else if (this.draggedField === field) {\n        return;\n      }\n\n      const rect = row.getBoundingClientRect();\n      const midY = rect.top + rect.height / 2;\n\n      this.dropIndex = e.clientY < midY ? index : index + 1;\n\n      // Clear other highlights\n      this.clearDragClasses(columnList);\n      // Re-mark dragged elements\n      if (this.draggedGroupId) {\n        columnList\n          .querySelector(`.tbw-visibility-group-header[data-group-id=\"${this.draggedGroupId}\"]`)\n          ?.classList.add(GridClasses.DRAGGING);\n        columnList.querySelectorAll('.tbw-visibility-row--grouped').forEach((r) => {\n          const f = r.getAttribute('data-field');\n          if (f && this.draggedGroupFields.includes(f)) r.classList.add(GridClasses.DRAGGING);\n        });\n      } else if (this.draggedField) {\n        columnList\n          .querySelector(`.tbw-visibility-row[data-field=\"${this.draggedField}\"]`)\n          ?.classList.add(GridClasses.DRAGGING);\n      }\n\n      row.classList.add('drop-target');\n      row.classList.toggle('drop-before', e.clientY < midY);\n      row.classList.toggle('drop-after', e.clientY >= midY);\n    });\n\n    row.addEventListener('dragleave', () => {\n      row.classList.remove('drop-target', 'drop-before', 'drop-after');\n    });\n\n    row.addEventListener('drop', (e: DragEvent) => {\n      e.preventDefault();\n\n      if (!this.isDragging) return;\n\n      // Group drop onto an ungrouped row\n      if (this.draggedGroupId && this.draggedGroupFields.length > 0) {\n        if (row.classList.contains('tbw-visibility-row--grouped')) return;\n        const rect = row.getBoundingClientRect();\n        const before = e.clientY < rect.top + rect.height / 2;\n        this.executeGroupDrop(this.draggedGroupFields, [field], before);\n        return;\n      }\n\n      // Individual column drop\n      const draggedField = this.draggedField;\n      const draggedIndex = this.draggedIndex;\n      const dropIndex = this.dropIndex;\n\n      if (draggedField === null || draggedIndex === null || dropIndex === null) {\n        return;\n      }\n\n      // Calculate the effective target index (in the filtered non-utility list)\n      const effectiveToIndex = dropIndex > draggedIndex ? dropIndex - 1 : dropIndex;\n\n      if (effectiveToIndex !== draggedIndex) {\n        // Convert from non-utility index to full column order index\n        // by counting how many utility columns come before the target position\n        const allColumns = this.grid.getAllColumns();\n        const nonUtilityColumns = allColumns.filter((c) => !c.utility);\n\n        // Find the target field at effectiveToIndex in non-utility list\n        const targetField = nonUtilityColumns[effectiveToIndex]?.field;\n        // Find its actual index in the full column order\n        const fullOrderToIndex = targetField ? allColumns.findIndex((c) => c.field === targetField) : allColumns.length;\n\n        // Emit a request event - other plugins (like ReorderPlugin) can listen and handle\n        const detail: ColumnReorderRequestDetail = {\n          field: draggedField,\n          fromIndex: draggedIndex, // Not used by ReorderPlugin, just for info\n          toIndex: fullOrderToIndex,\n        };\n        this.emit<ColumnReorderRequestDetail>('column-reorder-request', detail);\n        // Panel rebuild is handled by the column-move listener in attach()\n      }\n    });\n  }\n  // #endregion\n}\n"],"names":["canMoveColumn","column","meta","lockPosition","suppressMovable","VisibilityPlugin","BaseGridPlugin","static","name","required","reason","queries","type","description","styles","defaultConfig","allowHideAll","columnListElement","isDragging","draggedField","draggedIndex","dropIndex","draggedGroupId","draggedGroupFields","clearDragClasses","container","querySelectorAll","forEach","r","classList","remove","GridClasses","DRAGGING","attach","grid","super","this","gridElement","addEventListener","requestAnimationFrame","rebuildToggles","signal","disconnectSignal","detach","handleQuery","query","params","context","isHeader","field","lockVisibility","id","label","icon","order","action","hideColumn","getToolPanel","PANEL_ID","title","tooltip","render","renderPanelContent","show","openToolPanel","expandedToolPanelSections","includes","toggleToolPanelSection","hide","closeToolPanel","toggle","isToolPanelOpen","isColumnVisible","setColumnVisible","visible","getVisibleColumns","getAllColumns","filter","c","map","getHiddenColumns","showAll","showAllColumns","toggleColumn","toggleColumnVisibility","showColumn","isPanelVisible","wrapper","document","createElement","className","columnList","appendChild","showAllBtn","textContent","hasReorderPlugin","plugin","getPluginByName","moveColumn","reorderEnabled","innerHTML","allColumns","utility","groupResults","groups","flat","g","fields","length","renderFlatColumnList","fieldToGroup","Map","group","set","fragments","computeFragments","fragment","renderGroupSection","columns","fullIndex","indexOf","createColumnRow","currentGroup","currentCols","col","get","push","fragmentFields","header","setAttribute","draggable","add","setupGroupDragListeners","headerLabel","groupCheckbox","visibleCount","allLocked","every","lockVisible","checked","indeterminate","disabled","newVisible","setTimeout","headerText","handle","setIcon","resolveIcon","insertBefore","allColumnsFullList","findIndex","row","index","String","setupDragListeners","labelWrapper","checkbox","text","e","dataTransfer","effectAllowed","setData","getAttribute","preventDefault","f","rect","getBoundingClientRect","midY","top","height","before","clientY","executeGroupDrop","draggedFields","targetFields","currentOrder","remaining","anchorField","insertAt","insertIndex","draggedInOrder","splice","reorderPlugin","setColumnOrder","contains","querySelector","effectiveToIndex","nonUtilityColumns","targetField","detail","fromIndex","toIndex","emit"],"mappings":"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"}
+{"version":3,"file":"visibility.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/visibility/VisibilityPlugin.ts"],"sourcesContent":["/**\n * Column Visibility Plugin (Class-based)\n *\n * Provides a UI for column visibility control via the shell's tool panel system.\n * Column visibility is a core grid feature - this plugin provides:\n * - A tool panel for column visibility management (registered with the shell)\n * - Backward-compatible API methods that delegate to grid.setColumnVisible(), etc.\n *\n * The grid emits 'column-visibility' events when columns are shown/hidden,\n * allowing consumers to save user preferences.\n *\n * When a reorder plugin is present, column rows become draggable for reordering.\n * Drag-drop emits 'column-reorder-request' events that the ReorderPlugin can listen for.\n */\n\nimport { GridClasses } from '../../core/constants';\nimport {\n  BaseGridPlugin,\n  type PluginDependency,\n  type PluginManifest,\n  type PluginQuery,\n} from '../../core/plugin/base-plugin';\nimport type { ColumnConfig, ToolPanelDefinition } from '../../core/types';\nimport type { ContextMenuParams, HeaderContextMenuItem } from '../context-menu/types';\nimport type { ColumnGroupInfo, VisibilityConfig } from './types';\nimport styles from './visibility.css?inline';\n\n/** Column metadata shape returned by `grid.getAllColumns()`. */\ntype ColumnEntry = { field: string; header: string; visible: boolean; lockVisible?: boolean; utility?: boolean };\n\n/**\n * Detail for column-reorder-request events emitted when users drag-drop in the visibility panel.\n */\nexport interface ColumnReorderRequestDetail {\n  /** The field name of the column to move */\n  field: string;\n  /** The source index (before move) */\n  fromIndex: number;\n  /** The target index (after move) */\n  toIndex: number;\n}\n\n/**\n * Check if a column can be moved (respects lockPosition/suppressMovable).\n * Inlined to avoid importing from reorder plugin.\n */\nfunction canMoveColumn(column: ColumnConfig): boolean {\n  const meta = column.meta ?? {};\n  return meta.lockPosition !== true && meta.suppressMovable !== true;\n}\n\n/**\n * Column Visibility Plugin for tbw-grid\n *\n * Gives users control over which columns are displayed. Hide less important columns\n * by default, let users toggle them via a column chooser UI, or programmatically\n * show/hide columns based on user preferences or screen size.\n *\n * > **Optional Enhancement:** When ReorderPlugin is also loaded, columns in the\n * > visibility panel become draggable for reordering.\n *\n * ## Installation\n *\n * ```ts\n * import { VisibilityPlugin } from '@toolbox-web/grid/plugins/visibility';\n * ```\n *\n * ## Column Configuration\n *\n * | Property | Type | Default | Description |\n * |----------|------|---------|-------------|\n * | `visible` | `boolean` | `true` | Initial visibility state |\n * | `meta.lockVisibility` | `boolean` | `false` | Prevent user from toggling |\n *\n * ## CSS Custom Properties\n *\n * | Property | Default | Description |\n * |----------|---------|-------------|\n * | `--tbw-visibility-hover` | `var(--tbw-color-row-hover)` | Row hover background |\n * | `--tbw-panel-padding` | `0.75em` | Panel content padding |\n * | `--tbw-panel-gap` | `0.5em` | Gap between items |\n *\n * @example Columns Hidden by Default\n * ```ts\n * import { queryGrid } from '@toolbox-web/grid';\n * import { VisibilityPlugin } from '@toolbox-web/grid/plugins/visibility';\n *\n * const grid = queryGrid('tbw-grid');\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'id', header: 'ID' },\n *     { field: 'name', header: 'Name' },\n *     { field: 'phone', header: 'Phone', visible: false }, // Hidden by default\n *     { field: 'address', header: 'Address', visible: false },\n *   ],\n *   plugins: [new VisibilityPlugin()],\n * };\n *\n * // Toggle programmatically\n * const plugin = grid.getPluginByName('visibility');\n * plugin.showColumn('phone');\n * ```\n *\n * @example With Drag-to-Reorder\n * ```ts\n * import { VisibilityPlugin } from '@toolbox-web/grid/plugins/visibility';\n * import { ReorderPlugin } from '@toolbox-web/grid/plugins/reorder-columns';\n *\n * grid.gridConfig = {\n *   plugins: [\n *     new ReorderPlugin(),      // Enables drag-drop in visibility panel\n *     new VisibilityPlugin(),\n *   ],\n * };\n * ```\n *\n * @see {@link VisibilityConfig} for configuration options\n * @see ReorderPlugin for drag-to-reorder integration\n *\n * @internal Extends BaseGridPlugin\n */\nexport class VisibilityPlugin extends BaseGridPlugin<VisibilityConfig> {\n  /**\n   * Plugin dependencies - VisibilityPlugin optionally uses ReorderPlugin for drag-drop reordering.\n   *\n   * When ReorderPlugin is present, columns in the visibility panel become draggable.\n   * @internal\n   */\n  static override readonly dependencies: PluginDependency[] = [\n    { name: 'reorder', required: false, reason: 'Enables drag-to-reorder columns in visibility panel' },\n  ];\n\n  /**\n   * Plugin manifest - declares handled queries.\n   * @internal\n   */\n  static override readonly manifest: PluginManifest = {\n    queries: [\n      {\n        type: 'getContextMenuItems',\n        description: 'Contributes \"Hide column\" item to the header context menu',\n      },\n    ],\n  };\n\n  /** @internal */\n  readonly name = 'visibility';\n\n  /** Tool panel ID for shell integration */\n  static readonly PANEL_ID = 'columns';\n  /** @internal */\n  override readonly styles = styles;\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<VisibilityConfig> {\n    return {\n      allowHideAll: false,\n    };\n  }\n\n  // #region Internal State\n  private columnListElement: HTMLElement | null = null;\n\n  // Drag state for reorder integration\n  private isDragging = false;\n  private draggedField: string | null = null;\n  private draggedIndex: number | null = null;\n  private dropIndex: number | null = null;\n  /** When dragging a group, holds the group ID; null for individual column drags. */\n  private draggedGroupId: string | null = null;\n  /** Fields belonging to the group currently being dragged. */\n  private draggedGroupFields: string[] = [];\n\n  /** Clear drag-related classes from all rows and group headers in a list. */\n  private clearDragClasses(container: HTMLElement): void {\n    container.querySelectorAll('.tbw-visibility-row, .tbw-visibility-group-header').forEach((r) => {\n      r.classList.remove(GridClasses.DRAGGING, 'drop-target', 'drop-before', 'drop-after');\n    });\n  }\n  // #endregion\n\n  // #region Lifecycle\n\n  /** @internal */\n  override attach(grid: import('../../core/plugin/base-plugin').GridElement): void {\n    super.attach(grid);\n\n    // Listen for column-move events (emitted by ReorderPlugin after any reorder,\n    // including header drag-drop and visibility panel drag-drop) to keep the\n    // panel list in sync with the grid's column order.\n    this.gridElement.addEventListener(\n      'column-move',\n      () => {\n        if (this.columnListElement) {\n          // column-move fires BEFORE setColumnOrder runs. Defer the rebuild\n          // to allow the full reorder cycle (setColumnOrder + renderHeader +\n          // refreshVirtualWindow) to complete before reading the new order.\n          // Use RAF to run after the current synchronous work and any\n          // animation frames queued by the animation system.\n          requestAnimationFrame(() => {\n            if (this.columnListElement) {\n              this.rebuildToggles(this.columnListElement);\n            }\n          });\n        }\n      },\n      { signal: this.disconnectSignal },\n    );\n  }\n\n  /** @internal */\n  override detach(): void {\n    this.columnListElement = null;\n    this.isDragging = false;\n    this.draggedField = null;\n    this.draggedIndex = null;\n    this.dropIndex = null;\n  }\n  // #endregion\n\n  // #region Query Handlers\n\n  /**\n   * Handle inter-plugin queries.\n   * Contributes a \"Hide column\" item to the header context menu.\n   * @internal\n   */\n  override handleQuery(query: PluginQuery): unknown {\n    if (query.type === 'getContextMenuItems') {\n      const params = query.context as ContextMenuParams;\n      if (!params.isHeader) return undefined;\n\n      const column = params.column as ColumnConfig;\n      if (!column?.field) return undefined;\n\n      // Don't offer \"Hide\" for locked-visibility columns\n      if (column.meta?.lockVisibility) return undefined;\n\n      const items: HeaderContextMenuItem[] = [\n        {\n          id: 'visibility/hide-column',\n          label: 'Hide Column',\n          icon: '👁',\n          order: 30,\n          action: () => this.hideColumn(column.field),\n        },\n      ];\n\n      return items;\n    }\n    return undefined;\n  }\n  // #endregion\n\n  // #region Shell Integration\n\n  /**\n   * Register the column visibility tool panel with the shell.\n   * @internal\n   */\n  override getToolPanel(): ToolPanelDefinition | undefined {\n    return {\n      id: VisibilityPlugin.PANEL_ID,\n      title: 'Columns',\n      icon: '☰',\n      tooltip: 'Column visibility',\n      order: 100, // High order so it appears last\n      render: (container) => this.renderPanelContent(container),\n    };\n  }\n  // #endregion\n\n  // #region Public API\n\n  /**\n   * Show the visibility sidebar panel.\n   * Opens the tool panel and ensures this section is expanded.\n   */\n  show(): void {\n    this.grid.openToolPanel();\n    // Ensure our section is expanded\n    if (!this.grid.expandedToolPanelSections.includes(VisibilityPlugin.PANEL_ID)) {\n      this.grid.toggleToolPanelSection(VisibilityPlugin.PANEL_ID);\n    }\n  }\n\n  /**\n   * Hide the visibility sidebar panel.\n   */\n  hide(): void {\n    this.grid.closeToolPanel();\n  }\n\n  /**\n   * Toggle the visibility sidebar panel section.\n   */\n  toggle(): void {\n    // If tool panel is closed, open it first\n    if (!this.grid.isToolPanelOpen) {\n      this.grid.openToolPanel();\n    }\n    this.grid.toggleToolPanelSection(VisibilityPlugin.PANEL_ID);\n  }\n\n  /**\n   * Check if a specific column is visible.\n   * Delegates to grid.isColumnVisible().\n   * @param field - The field name to check\n   * @returns True if the column is visible\n   */\n  isColumnVisible(field: string): boolean {\n    return this.grid.isColumnVisible(field);\n  }\n\n  /**\n   * Set visibility for a specific column.\n   * Delegates to grid.setColumnVisible().\n   * @param field - The field name of the column\n   * @param visible - Whether the column should be visible\n   */\n  setColumnVisible(field: string, visible: boolean): void {\n    this.grid.setColumnVisible(field, visible);\n  }\n\n  /**\n   * Get list of all visible column fields.\n   * @returns Array of visible field names\n   */\n  getVisibleColumns(): string[] {\n    return this.grid\n      .getAllColumns()\n      .filter((c) => c.visible)\n      .map((c) => c.field);\n  }\n\n  /**\n   * Get list of all hidden column fields.\n   * @returns Array of hidden field names\n   */\n  getHiddenColumns(): string[] {\n    return this.grid\n      .getAllColumns()\n      .filter((c) => !c.visible)\n      .map((c) => c.field);\n  }\n\n  /**\n   * Show all columns.\n   * Delegates to grid.showAllColumns().\n   */\n  showAll(): void {\n    this.grid.showAllColumns();\n  }\n\n  /**\n   * Toggle visibility for a specific column.\n   * Delegates to grid.toggleColumnVisibility().\n   * @param field - The field name of the column\n   */\n  toggleColumn(field: string): void {\n    this.grid.toggleColumnVisibility(field);\n  }\n\n  /**\n   * Show a specific column.\n   * Delegates to grid.setColumnVisible().\n   * @param field - The field name of the column to show\n   */\n  showColumn(field: string): void {\n    this.setColumnVisible(field, true);\n  }\n\n  /**\n   * Hide a specific column.\n   * Delegates to grid.setColumnVisible().\n   * @param field - The field name of the column to hide\n   */\n  hideColumn(field: string): void {\n    this.setColumnVisible(field, false);\n  }\n\n  /**\n   * Get all columns with their visibility status.\n   * Useful for building visibility UI.\n   * @returns Array of column info with visibility status\n   */\n  getAllColumns(): Array<{\n    field: string;\n    header: string;\n    visible: boolean;\n    lockVisible?: boolean;\n    utility?: boolean;\n  }> {\n    return this.grid.getAllColumns();\n  }\n\n  /**\n   * Check if the sidebar panel is currently open.\n   * @returns True if the panel section is expanded\n   */\n  isPanelVisible(): boolean {\n    return this.grid.isToolPanelOpen && this.grid.expandedToolPanelSections.includes(VisibilityPlugin.PANEL_ID);\n  }\n  // #endregion\n\n  // #region Private Methods\n\n  /**\n   * Render the panel content into the shell's tool panel container.\n   * Returns a cleanup function.\n   */\n  private renderPanelContent(container: HTMLElement): (() => void) | void {\n    // Create content wrapper\n    const wrapper = document.createElement('div');\n    wrapper.className = 'tbw-visibility-content';\n\n    // Column list container\n    const columnList = document.createElement('div');\n    columnList.className = 'tbw-visibility-list';\n    wrapper.appendChild(columnList);\n\n    // Show all button\n    const showAllBtn = document.createElement('button');\n    showAllBtn.className = 'tbw-visibility-show-all';\n    showAllBtn.textContent = 'Show All';\n    showAllBtn.addEventListener('click', () => {\n      this.grid.showAllColumns();\n      this.rebuildToggles(columnList);\n    });\n    wrapper.appendChild(showAllBtn);\n\n    // Store reference\n    this.columnListElement = columnList;\n\n    // Build initial toggles\n    this.rebuildToggles(columnList);\n\n    // Append to container\n    container.appendChild(wrapper);\n\n    // Return cleanup function\n    return () => {\n      this.columnListElement = null;\n      wrapper.remove();\n    };\n  }\n\n  /**\n   * Check if a reorder plugin is present (by name to avoid static import).\n   */\n  private hasReorderPlugin(): boolean {\n    const plugin = this.grid?.getPluginByName?.('reorder');\n    // Duck-type check - just verify the plugin exists and has a moveColumn method\n    return !!(plugin && typeof (plugin as { moveColumn?: unknown }).moveColumn === 'function');\n  }\n\n  /**\n   * Build the column toggle checkboxes.\n   * When GroupingColumnsPlugin is present, renders columns under collapsible group headers.\n   * Groups that are fragmented (same group split across non-contiguous positions) are\n   * shown as separate sections to match the grid's visual layout.\n   * When a reorder plugin is present, adds drag handles for reordering.\n   */\n  private rebuildToggles(columnList: HTMLElement): void {\n    const reorderEnabled = this.hasReorderPlugin();\n\n    columnList.innerHTML = '';\n\n    // getAllColumns() returns columns in their effective display order\n    // Filter out utility columns (e.g., expander column) as they're internal\n    const allColumns = this.grid.getAllColumns().filter((c) => !c.utility);\n\n    // Query for column grouping info from GroupingColumnsPlugin (or any responder)\n    const groupResults = this.grid.query<ColumnGroupInfo[]>('getColumnGrouping');\n    const groups: ColumnGroupInfo[] = groupResults?.flat().filter((g) => g && g.fields.length > 0) ?? [];\n\n    if (groups.length === 0) {\n      // No grouping — render flat list (original behavior)\n      this.renderFlatColumnList(allColumns, reorderEnabled, columnList);\n      return;\n    }\n\n    // Build field → group lookup (field name → group membership info)\n    const fieldToGroup = new Map<string, ColumnGroupInfo>();\n    for (const group of groups) {\n      for (const field of group.fields) fieldToGroup.set(field, group);\n    }\n\n    // Walk columns in display order and detect contiguous fragments.\n    // A fragment is a run of consecutive columns belonging to the same group.\n    // Fragmented groups (same group ID at non-contiguous positions) produce\n    // separate sections so the panel matches the grid's visual layout.\n    const fragments = this.computeFragments(allColumns, fieldToGroup);\n\n    for (const fragment of fragments) {\n      if (fragment.group) {\n        this.renderGroupSection(fragment.group, fragment.columns, reorderEnabled, columnList);\n      } else {\n        // Ungrouped column — render as individual row\n        const fullIndex = allColumns.indexOf(fragment.columns[0]);\n        columnList.appendChild(this.createColumnRow(fragment.columns[0], fullIndex, reorderEnabled, columnList));\n      }\n    }\n  }\n\n  /**\n   * Compute contiguous column fragments from display-order columns.\n   * Each fragment is either a group section (contiguous run of same-group columns)\n   * or a single ungrouped column.\n   */\n  private computeFragments(\n    allColumns: ColumnEntry[],\n    fieldToGroup: Map<string, ColumnGroupInfo>,\n  ): Array<{ group: ColumnGroupInfo | null; columns: ColumnEntry[] }> {\n    const fragments: Array<{ group: ColumnGroupInfo | null; columns: ColumnEntry[] }> = [];\n    let currentGroup: ColumnGroupInfo | null = null;\n    let currentCols: ColumnEntry[] = [];\n\n    for (const col of allColumns) {\n      const group = fieldToGroup.get(col.field) ?? null;\n\n      if (group && currentGroup && group.id === currentGroup.id) {\n        // Same group continues — extend fragment\n        currentCols.push(col);\n      } else {\n        // Flush previous fragment\n        if (currentCols.length > 0) {\n          fragments.push({ group: currentGroup, columns: currentCols });\n        }\n        currentGroup = group;\n        currentCols = [col];\n      }\n    }\n    // Flush last fragment\n    if (currentCols.length > 0) {\n      fragments.push({ group: currentGroup, columns: currentCols });\n    }\n\n    return fragments;\n  }\n\n  /**\n   * Render a group fragment section with header checkbox and indented column rows.\n   * A fragment is a contiguous run of columns from the same group. When a group is\n   * fragmented (split across non-contiguous positions), each fragment gets its own section.\n   */\n  private renderGroupSection(\n    group: ColumnGroupInfo,\n    columns: ColumnEntry[],\n    reorderEnabled: boolean,\n    container: HTMLElement,\n  ): void {\n    // The fragment's fields — only the columns in this contiguous section\n    const fragmentFields = columns.map((c) => c.field);\n\n    // Group header row\n    const header = document.createElement('div');\n    header.className = 'tbw-visibility-group-header';\n    header.setAttribute('data-group-id', group.id);\n\n    // Make group header draggable when reorder is enabled.\n    // Pass only this fragment's fields so dragging moves just this\n    // contiguous block, not all columns of the (possibly fragmented) group.\n    if (reorderEnabled) {\n      header.draggable = true;\n      header.classList.add('reorderable');\n      this.setupGroupDragListeners(header, group, fragmentFields, container);\n    }\n\n    const headerLabel = document.createElement('label');\n    headerLabel.className = 'tbw-visibility-label';\n\n    const groupCheckbox = document.createElement('input');\n    groupCheckbox.type = 'checkbox';\n\n    // Calculate tri-state: all visible, all hidden, or mixed\n    const visibleCount = columns.filter((c) => c.visible).length;\n    const allLocked = columns.every((c) => c.lockVisible);\n    if (visibleCount === columns.length) {\n      groupCheckbox.checked = true;\n      groupCheckbox.indeterminate = false;\n    } else if (visibleCount === 0) {\n      groupCheckbox.checked = false;\n      groupCheckbox.indeterminate = false;\n    } else {\n      groupCheckbox.checked = false;\n      groupCheckbox.indeterminate = true;\n    }\n    groupCheckbox.disabled = allLocked;\n\n    // Toggle all columns in group\n    groupCheckbox.addEventListener('change', () => {\n      const newVisible = groupCheckbox.checked;\n      for (const col of columns) {\n        if (col.lockVisible) continue;\n        this.grid.setColumnVisible(col.field, newVisible);\n      }\n      setTimeout(() => this.rebuildToggles(container), 0);\n    });\n\n    const headerText = document.createElement('span');\n    headerText.textContent = group.label;\n\n    headerLabel.appendChild(groupCheckbox);\n    headerLabel.appendChild(headerText);\n    header.appendChild(headerLabel);\n\n    // Add drag handle icon for group if reorderable\n    if (reorderEnabled) {\n      const handle = document.createElement('span');\n      handle.className = 'tbw-visibility-handle';\n      this.setIcon(handle, 'dragHandle');\n      handle.title = 'Drag to reorder group';\n      // Insert handle before the label\n      header.insertBefore(handle, headerLabel);\n    }\n\n    container.appendChild(header);\n\n    // Render indented column rows\n    const allColumnsFullList = this.grid.getAllColumns().filter((c) => !c.utility);\n    for (const col of columns) {\n      const fullIndex = allColumnsFullList.findIndex((c) => c.field === col.field);\n      const row = this.createColumnRow(col, fullIndex, reorderEnabled, container);\n      row.classList.add('tbw-visibility-row--grouped');\n      container.appendChild(row);\n    }\n  }\n\n  /**\n   * Render a flat (ungrouped) list of column rows.\n   */\n  private renderFlatColumnList(columns: ColumnEntry[], reorderEnabled: boolean, container: HTMLElement): void {\n    const allColumnsFullList = this.grid.getAllColumns().filter((c) => !c.utility);\n    for (const col of columns) {\n      const fullIndex = allColumnsFullList.findIndex((c) => c.field === col.field);\n      container.appendChild(this.createColumnRow(col, fullIndex, reorderEnabled, container));\n    }\n  }\n\n  /**\n   * Create a single column visibility row element.\n   */\n  private createColumnRow(\n    col: ColumnEntry,\n    index: number,\n    reorderEnabled: boolean,\n    columnList: HTMLElement,\n  ): HTMLElement {\n    const label = col.header || col.field;\n\n    const row = document.createElement('div');\n    row.className = col.lockVisible ? 'tbw-visibility-row locked' : 'tbw-visibility-row';\n    row.setAttribute('data-field', col.field);\n    row.setAttribute('data-index', String(index));\n\n    // Add drag handle if reorder is enabled\n    if (reorderEnabled && canMoveColumn(col)) {\n      row.draggable = true;\n      row.classList.add('reorderable');\n      this.setupDragListeners(row, col.field, index, columnList);\n    }\n\n    const labelWrapper = document.createElement('label');\n    labelWrapper.className = 'tbw-visibility-label';\n\n    const checkbox = document.createElement('input');\n    checkbox.type = 'checkbox';\n    checkbox.checked = col.visible;\n    checkbox.disabled = col.lockVisible ?? false;\n    checkbox.addEventListener('change', () => {\n      this.grid.toggleColumnVisibility(col.field);\n      // Refresh after toggle (grid may re-render)\n      setTimeout(() => this.rebuildToggles(columnList), 0);\n    });\n\n    const text = document.createElement('span');\n    text.textContent = label;\n\n    labelWrapper.appendChild(checkbox);\n    labelWrapper.appendChild(text);\n\n    // Add drag handle icon if reorderable\n    if (reorderEnabled && canMoveColumn(col)) {\n      const handle = document.createElement('span');\n      handle.className = 'tbw-visibility-handle';\n      this.setIcon(handle, 'dragHandle');\n      handle.title = 'Drag to reorder';\n      row.appendChild(handle);\n    }\n\n    row.appendChild(labelWrapper);\n    return row;\n  }\n\n  /**\n   * Set up drag-and-drop listeners for a group header row.\n   * Dragging a group fragment moves only the columns in that fragment as a block.\n   * When a group is fragmented, each fragment header drags independently.\n   */\n  private setupGroupDragListeners(\n    header: HTMLElement,\n    group: ColumnGroupInfo,\n    fragmentFields: string[],\n    columnList: HTMLElement,\n  ): void {\n    header.addEventListener('dragstart', (e: DragEvent) => {\n      this.isDragging = true;\n      this.draggedGroupId = group.id;\n      this.draggedGroupFields = [...fragmentFields];\n      // Use first field as representative for dataTransfer\n      this.draggedField = null;\n      this.draggedIndex = null;\n\n      if (e.dataTransfer) {\n        e.dataTransfer.effectAllowed = 'move';\n        e.dataTransfer.setData('text/plain', `group:${group.id}`);\n      }\n\n      // Mark entire group (header + children) as dragging\n      header.classList.add(GridClasses.DRAGGING);\n      columnList.querySelectorAll(`.tbw-visibility-row--grouped`).forEach((row) => {\n        const field = row.getAttribute('data-field');\n        if (field && this.draggedGroupFields.includes(field)) {\n          row.classList.add(GridClasses.DRAGGING);\n        }\n      });\n    });\n\n    header.addEventListener('dragend', () => {\n      this.isDragging = false;\n      this.draggedGroupId = null;\n      this.draggedGroupFields = [];\n      this.draggedField = null;\n      this.draggedIndex = null;\n      this.dropIndex = null;\n      this.clearDragClasses(columnList);\n    });\n\n    // Group headers are also drop targets for other groups (or other fragments of the same group)\n    header.addEventListener('dragover', (e: DragEvent) => {\n      e.preventDefault();\n      if (!this.isDragging) return;\n      // Can't drop onto the same fragment (same exact fields)\n      if (\n        this.draggedGroupFields.length === fragmentFields.length &&\n        this.draggedGroupFields.every((f) => fragmentFields.includes(f))\n      )\n        return;\n      // Can't drop individual columns onto group headers\n      if (!this.draggedGroupId) return;\n\n      const rect = header.getBoundingClientRect();\n      const midY = rect.top + rect.height / 2;\n      const before = e.clientY < midY;\n\n      this.clearDragClasses(columnList);\n      header.classList.add('drop-target');\n      header.classList.toggle('drop-before', before);\n      header.classList.toggle('drop-after', !before);\n    });\n\n    header.addEventListener('dragleave', () => {\n      header.classList.remove('drop-target', 'drop-before', 'drop-after');\n    });\n\n    header.addEventListener('drop', (e: DragEvent) => {\n      e.preventDefault();\n      if (!this.isDragging || !this.draggedGroupId) return;\n      // Can't drop onto the same fragment\n      if (\n        this.draggedGroupFields.length === fragmentFields.length &&\n        this.draggedGroupFields.every((f) => fragmentFields.includes(f))\n      )\n        return;\n\n      const rect = header.getBoundingClientRect();\n      const before = e.clientY < rect.top + rect.height / 2;\n\n      this.executeGroupDrop(this.draggedGroupFields, fragmentFields, before);\n    });\n  }\n\n  /**\n   * Execute a group drop — move the dragged fragment's fields as a block\n   * to the position relative to the target group/column.\n   * Routes through the ReorderPlugin when available for proper animation and\n   * full render cycle, otherwise falls back to direct grid.setColumnOrder().\n   */\n  private executeGroupDrop(draggedFields: string[], targetFields: string[], before: boolean): void {\n    const allColumns = this.grid.getAllColumns();\n    const currentOrder = allColumns.map((c) => c.field);\n\n    // Remove dragged fields from current order\n    const remaining = currentOrder.filter((f) => !draggedFields.includes(f));\n\n    // Find insertion point relative to target\n    // Use the first field of target group if inserting before, last if after\n    const anchorField = before ? targetFields[0] : targetFields[targetFields.length - 1];\n    const insertAt = remaining.indexOf(anchorField);\n    if (insertAt === -1) return;\n\n    // Insert the dragged group block at the correct position\n    const insertIndex = before ? insertAt : insertAt + 1;\n\n    // Preserve the dragged fields' original relative order\n    const draggedInOrder = currentOrder.filter((f) => draggedFields.includes(f));\n    remaining.splice(insertIndex, 0, ...draggedInOrder);\n\n    // Route through ReorderPlugin.setColumnOrder when available and attached —\n    // this calls updateColumnOrder which handles animation and forceLayout for\n    // proper body cell rebuilds. Fall back to direct grid.setColumnOrder otherwise.\n    const reorderPlugin = this.grid.getPluginByName?.('reorder') as\n      | { setColumnOrder?: (o: string[]) => void; gridElement?: unknown }\n      | undefined;\n    if (reorderPlugin?.setColumnOrder && reorderPlugin.gridElement) {\n      reorderPlugin.setColumnOrder(remaining);\n    } else {\n      this.grid.setColumnOrder(remaining);\n    }\n\n    // Panel rebuild is handled by the column-move listener when ReorderPlugin\n    // emits the event. For the direct fallback path, trigger manually.\n    requestAnimationFrame(() => {\n      if (this.columnListElement) {\n        this.rebuildToggles(this.columnListElement);\n      }\n    });\n  }\n\n  /**\n   * Set up drag-and-drop event listeners for a row.\n   * On drop, emits a 'column-reorder-request' event for other plugins to handle.\n   */\n  private setupDragListeners(row: HTMLElement, field: string, index: number, columnList: HTMLElement): void {\n    row.addEventListener('dragstart', (e: DragEvent) => {\n      this.isDragging = true;\n      this.draggedField = field;\n      this.draggedIndex = index;\n      // Clear any stale group drag state\n      this.draggedGroupId = null;\n      this.draggedGroupFields = [];\n\n      if (e.dataTransfer) {\n        e.dataTransfer.effectAllowed = 'move';\n        e.dataTransfer.setData('text/plain', field);\n      }\n\n      row.classList.add(GridClasses.DRAGGING);\n    });\n\n    row.addEventListener('dragend', () => {\n      this.isDragging = false;\n      this.draggedField = null;\n      this.draggedIndex = null;\n      this.dropIndex = null;\n      this.clearDragClasses(columnList);\n    });\n\n    row.addEventListener('dragover', (e: DragEvent) => {\n      e.preventDefault();\n      if (!this.isDragging) return;\n\n      // If dragging a group, only allow drop on ungrouped rows\n      if (this.draggedGroupId) {\n        if (row.classList.contains('tbw-visibility-row--grouped')) return;\n      } else if (this.draggedField === field) {\n        return;\n      }\n\n      const rect = row.getBoundingClientRect();\n      const midY = rect.top + rect.height / 2;\n\n      this.dropIndex = e.clientY < midY ? index : index + 1;\n\n      // Clear other highlights\n      this.clearDragClasses(columnList);\n      // Re-mark dragged elements\n      if (this.draggedGroupId) {\n        columnList\n          .querySelector(`.tbw-visibility-group-header[data-group-id=\"${this.draggedGroupId}\"]`)\n          ?.classList.add(GridClasses.DRAGGING);\n        columnList.querySelectorAll('.tbw-visibility-row--grouped').forEach((r) => {\n          const f = r.getAttribute('data-field');\n          if (f && this.draggedGroupFields.includes(f)) r.classList.add(GridClasses.DRAGGING);\n        });\n      } else if (this.draggedField) {\n        columnList\n          .querySelector(`.tbw-visibility-row[data-field=\"${this.draggedField}\"]`)\n          ?.classList.add(GridClasses.DRAGGING);\n      }\n\n      row.classList.add('drop-target');\n      row.classList.toggle('drop-before', e.clientY < midY);\n      row.classList.toggle('drop-after', e.clientY >= midY);\n    });\n\n    row.addEventListener('dragleave', () => {\n      row.classList.remove('drop-target', 'drop-before', 'drop-after');\n    });\n\n    row.addEventListener('drop', (e: DragEvent) => {\n      e.preventDefault();\n\n      if (!this.isDragging) return;\n\n      // Group drop onto an ungrouped row\n      if (this.draggedGroupId && this.draggedGroupFields.length > 0) {\n        if (row.classList.contains('tbw-visibility-row--grouped')) return;\n        const rect = row.getBoundingClientRect();\n        const before = e.clientY < rect.top + rect.height / 2;\n        this.executeGroupDrop(this.draggedGroupFields, [field], before);\n        return;\n      }\n\n      // Individual column drop\n      const draggedField = this.draggedField;\n      const draggedIndex = this.draggedIndex;\n      const dropIndex = this.dropIndex;\n\n      if (draggedField === null || draggedIndex === null || dropIndex === null) {\n        return;\n      }\n\n      // Calculate the effective target index (in the filtered non-utility list)\n      const effectiveToIndex = dropIndex > draggedIndex ? dropIndex - 1 : dropIndex;\n\n      if (effectiveToIndex !== draggedIndex) {\n        // Convert from non-utility index to full column order index\n        // by counting how many utility columns come before the target position\n        const allColumns = this.grid.getAllColumns();\n        const nonUtilityColumns = allColumns.filter((c) => !c.utility);\n\n        // Find the target field at effectiveToIndex in non-utility list\n        const targetField = nonUtilityColumns[effectiveToIndex]?.field;\n        // Find its actual index in the full column order\n        const fullOrderToIndex = targetField ? allColumns.findIndex((c) => c.field === targetField) : allColumns.length;\n\n        // Emit a request event - other plugins (like ReorderPlugin) can listen and handle\n        const detail: ColumnReorderRequestDetail = {\n          field: draggedField,\n          fromIndex: draggedIndex, // Not used by ReorderPlugin, just for info\n          toIndex: fullOrderToIndex,\n        };\n        this.emit<ColumnReorderRequestDetail>('column-reorder-request', detail);\n        // Panel rebuild is handled by the column-move listener in attach()\n      }\n    });\n  }\n  // #endregion\n}\n"],"names":["canMoveColumn","column","meta","lockPosition","suppressMovable","VisibilityPlugin","BaseGridPlugin","static","name","required","reason","queries","type","description","styles","defaultConfig","allowHideAll","columnListElement","isDragging","draggedField","draggedIndex","dropIndex","draggedGroupId","draggedGroupFields","clearDragClasses","container","querySelectorAll","forEach","r","classList","remove","GridClasses","DRAGGING","attach","grid","super","this","gridElement","addEventListener","requestAnimationFrame","rebuildToggles","signal","disconnectSignal","detach","handleQuery","query","params","context","isHeader","field","lockVisibility","id","label","icon","order","action","hideColumn","getToolPanel","PANEL_ID","title","tooltip","render","renderPanelContent","show","openToolPanel","expandedToolPanelSections","includes","toggleToolPanelSection","hide","closeToolPanel","toggle","isToolPanelOpen","isColumnVisible","setColumnVisible","visible","getVisibleColumns","getAllColumns","filter","c","map","getHiddenColumns","showAll","showAllColumns","toggleColumn","toggleColumnVisibility","showColumn","isPanelVisible","wrapper","document","createElement","className","columnList","appendChild","showAllBtn","textContent","hasReorderPlugin","plugin","getPluginByName","moveColumn","reorderEnabled","innerHTML","allColumns","utility","groupResults","groups","flat","g","fields","length","renderFlatColumnList","fieldToGroup","Map","group","set","fragments","computeFragments","fragment","renderGroupSection","columns","fullIndex","indexOf","createColumnRow","currentGroup","currentCols","col","get","push","fragmentFields","header","setAttribute","draggable","add","setupGroupDragListeners","headerLabel","groupCheckbox","visibleCount","allLocked","every","lockVisible","checked","indeterminate","disabled","newVisible","setTimeout","headerText","handle","setIcon","insertBefore","allColumnsFullList","findIndex","row","index","String","setupDragListeners","labelWrapper","checkbox","text","e","dataTransfer","effectAllowed","setData","getAttribute","preventDefault","f","rect","getBoundingClientRect","midY","top","height","before","clientY","executeGroupDrop","draggedFields","targetFields","currentOrder","remaining","anchorField","insertAt","insertIndex","draggedInOrder","splice","reorderPlugin","setColumnOrder","contains","querySelector","effectiveToIndex","nonUtilityColumns","targetField","detail","fromIndex","toIndex","emit"],"mappings":"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"}