@toolbox-web/grid 0.0.3 → 0.0.5

package/umd/plugins/reorder.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"reorder.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/reorder/column-drag.ts","../../../../../libs/grid/src/lib/plugins/reorder/ReorderPlugin.ts"],"sourcesContent":["/**\n * Column Reordering Core Logic\n *\n * Pure functions for column drag and reordering operations.\n */\n\nimport type { ColumnConfig } from '../../core/types';\n\n/**\n * Check if a column can be moved.\n * Respects lockPosition, suppressMovable, and sticky properties.\n * Sticky (pinned) columns cannot be reordered as they have fixed positions.\n *\n * @param column - The column configuration to check\n * @returns True if the column can be moved\n */\nexport function canMoveColumn<TRow = unknown>(column: ColumnConfig<TRow>): boolean {\n  // Sticky columns cannot be reordered - they have fixed left/right positions\n  // Check via meta since sticky is added by PinnedColumnsPlugin\n  const meta = column.meta ?? {};\n  const sticky = (meta as { sticky?: 'left' | 'right' }).sticky;\n  if (sticky === 'left' || sticky === 'right') {\n    return false;\n  }\n  // Check for lockPosition or suppressMovable properties in the column config\n  return meta.lockPosition !== true && meta.suppressMovable !== true;\n}\n\n/**\n * Move a column from one position to another in the order array.\n *\n * @param columns - Array of field names in current order\n * @param fromIndex - The current index of the column to move\n * @param toIndex - The target index to move the column to\n * @returns New array with updated order\n */\nexport function moveColumn(columns: string[], fromIndex: number, toIndex: number): string[] {\n  if (fromIndex === toIndex) return columns;\n  if (fromIndex < 0 || fromIndex >= columns.length) return columns;\n  if (toIndex < 0 || toIndex > columns.length) return columns;\n\n  const result = [...columns];\n  const [removed] = result.splice(fromIndex, 1);\n  result.splice(toIndex, 0, removed);\n  return result;\n}\n\n/**\n * Calculate the drop index based on the current drag position.\n *\n * @param dragX - The current X position of the drag\n * @param headerRect - The bounding rect of the header container\n * @param columnWidths - Array of column widths in order\n * @returns The index where the column should be dropped\n */\nexport function getDropIndex(dragX: number, headerRect: DOMRect, columnWidths: number[]): number {\n  let x = headerRect.left;\n\n  for (let i = 0; i < columnWidths.length; i++) {\n    const mid = x + columnWidths[i] / 2;\n    if (dragX < mid) return i;\n    x += columnWidths[i];\n  }\n\n  return columnWidths.length;\n}\n\n/**\n * Reorder columns according to a specified order.\n * Columns not in the order array are appended at the end.\n *\n * @param columns - Array of column configurations\n * @param order - Array of field names specifying the desired order\n * @returns New array of columns in the specified order\n */\nexport function reorderColumns<TRow = unknown>(columns: ColumnConfig<TRow>[], order: string[]): ColumnConfig<TRow>[] {\n  const columnMap = new Map<string, ColumnConfig<TRow>>(columns.map((c) => [c.field as string, c]));\n  const reordered: ColumnConfig<TRow>[] = [];\n\n  // Add columns in specified order\n  for (const field of order) {\n    const col = columnMap.get(field);\n    if (col) {\n      reordered.push(col);\n      columnMap.delete(field);\n    }\n  }\n\n  // Add any remaining columns not in order\n  for (const col of columnMap.values()) {\n    reordered.push(col);\n  }\n\n  return reordered;\n}\n","/**\r\n * Column Reordering Plugin (Class-based)\r\n *\r\n * Provides drag-and-drop column reordering functionality for tbw-grid.\r\n * Supports keyboard and mouse interactions with visual feedback.\r\n */\r\n\r\nimport { BaseGridPlugin } from '../../core/plugin/base-plugin';\r\nimport { canMoveColumn, moveColumn } from './column-drag';\r\nimport type { ColumnMoveDetail, ReorderConfig } from './types';\r\n\r\n/** Extended grid interface with column order methods */\r\ninterface GridWithColumnOrder {\r\n  setColumnOrder(order: string[]): void;\r\n  getColumnOrder(): string[];\r\n  requestStateChange?: () => void;\r\n}\r\n\r\n/**\r\n * Column Reordering Plugin for tbw-grid\r\n *\r\n * @example\r\n * ```ts\r\n * new ReorderPlugin({\r\n *   enabled: true,\r\n *   animation: true,\r\n *   animationDuration: 200,\r\n * })\r\n * ```\r\n */\r\nexport class ReorderPlugin extends BaseGridPlugin<ReorderConfig> {\r\n  readonly name = 'reorder';\r\n  override readonly version = '1.0.0';\r\n\r\n  protected override get defaultConfig(): Partial<ReorderConfig> {\r\n    return {\r\n      enabled: true,\r\n      animation: true,\r\n      animationDuration: 200,\r\n    };\r\n  }\r\n\r\n  // ===== Internal State =====\r\n  private isDragging = false;\r\n  private draggedField: string | null = null;\r\n  private draggedIndex: number | null = null;\r\n  private dropIndex: number | null = null;\r\n  private boundReorderRequestHandler: ((e: Event) => void) | null = null;\r\n\r\n  // ===== Lifecycle =====\r\n\r\n  override attach(grid: import('../../core/plugin/base-plugin').GridElement): void {\r\n    super.attach(grid);\r\n\r\n    // Listen for reorder requests from other plugins (e.g., VisibilityPlugin)\r\n    this.boundReorderRequestHandler = (e: Event) => {\r\n      const detail = (e as CustomEvent).detail;\r\n      if (detail?.field && typeof detail.toIndex === 'number') {\r\n        this.moveColumn(detail.field, detail.toIndex);\r\n      }\r\n    };\r\n    (grid as unknown as HTMLElement).addEventListener('column-reorder-request', this.boundReorderRequestHandler);\r\n  }\r\n\r\n  override detach(): void {\r\n    // Remove event listener\r\n    if (this.boundReorderRequestHandler && this.grid) {\r\n      (this.grid as unknown as HTMLElement).removeEventListener(\r\n        'column-reorder-request',\r\n        this.boundReorderRequestHandler\r\n      );\r\n      this.boundReorderRequestHandler = null;\r\n    }\r\n\r\n    this.isDragging = false;\r\n    this.draggedField = null;\r\n    this.draggedIndex = null;\r\n    this.dropIndex = null;\r\n  }\r\n\r\n  // ===== Hooks =====\r\n  // Note: No processColumns hook needed - we directly update the grid's column order\r\n\r\n  override afterRender(): void {\r\n    if (!this.config.enabled) return;\r\n\r\n    const shadowRoot = this.shadowRoot;\r\n    if (!shadowRoot) return;\r\n\r\n    const headers = shadowRoot.querySelectorAll('.header-row > .cell');\r\n\r\n    headers.forEach((header) => {\r\n      const headerEl = header as HTMLElement;\r\n      const field = headerEl.getAttribute('data-field');\r\n      if (!field) return;\r\n\r\n      const column = this.columns.find((c) => c.field === field);\r\n      if (!column || !canMoveColumn(column)) {\r\n        headerEl.draggable = false;\r\n        return;\r\n      }\r\n\r\n      headerEl.draggable = true;\r\n\r\n      // Remove existing listeners to prevent duplicates\r\n      if (headerEl.getAttribute('data-dragstart-bound')) return;\r\n      headerEl.setAttribute('data-dragstart-bound', 'true');\r\n\r\n      headerEl.addEventListener('dragstart', (e: DragEvent) => {\r\n        const currentOrder = this.getColumnOrder();\r\n        const orderIndex = currentOrder.indexOf(field);\r\n        this.isDragging = true;\r\n        this.draggedField = field;\r\n        this.draggedIndex = orderIndex;\r\n\r\n        if (e.dataTransfer) {\r\n          e.dataTransfer.effectAllowed = 'move';\r\n          e.dataTransfer.setData('text/plain', field);\r\n        }\r\n\r\n        headerEl.classList.add('dragging');\r\n      });\r\n\r\n      headerEl.addEventListener('dragend', () => {\r\n        this.isDragging = false;\r\n        this.draggedField = null;\r\n        this.draggedIndex = null;\r\n        this.dropIndex = null;\r\n\r\n        shadowRoot.querySelectorAll('.header-row > .cell').forEach((h) => {\r\n          h.classList.remove('dragging', 'drop-target', 'drop-before', 'drop-after');\r\n        });\r\n      });\r\n\r\n      headerEl.addEventListener('dragover', (e: DragEvent) => {\r\n        e.preventDefault();\r\n        if (!this.isDragging || this.draggedField === field) return;\r\n\r\n        const rect = headerEl.getBoundingClientRect();\r\n        const midX = rect.left + rect.width / 2;\r\n\r\n        const currentOrder = this.getColumnOrder();\r\n        const orderIndex = currentOrder.indexOf(field);\r\n        this.dropIndex = e.clientX < midX ? orderIndex : orderIndex + 1;\r\n\r\n        headerEl.classList.add('drop-target');\r\n        headerEl.classList.toggle('drop-before', e.clientX < midX);\r\n        headerEl.classList.toggle('drop-after', e.clientX >= midX);\r\n      });\r\n\r\n      headerEl.addEventListener('dragleave', () => {\r\n        headerEl.classList.remove('drop-target', 'drop-before', 'drop-after');\r\n      });\r\n\r\n      headerEl.addEventListener('drop', (e: DragEvent) => {\r\n        e.preventDefault();\r\n        const draggedField = this.draggedField;\r\n        const draggedIndex = this.draggedIndex;\r\n        const dropIndex = this.dropIndex;\r\n\r\n        if (!this.isDragging || draggedField === null || draggedIndex === null || dropIndex === null) {\r\n          return;\r\n        }\r\n\r\n        const effectiveToIndex = dropIndex > draggedIndex ? dropIndex - 1 : dropIndex;\r\n        const currentOrder = this.getColumnOrder();\r\n        const newOrder = moveColumn(currentOrder, draggedIndex, effectiveToIndex);\r\n\r\n        const detail: ColumnMoveDetail = {\r\n          field: draggedField,\r\n          fromIndex: draggedIndex,\r\n          toIndex: effectiveToIndex,\r\n          columnOrder: newOrder,\r\n        };\r\n\r\n        // Directly update the grid's column order\r\n        (this.grid as unknown as GridWithColumnOrder).setColumnOrder(newOrder);\r\n\r\n        this.emit('column-move', detail);\r\n        // Trigger state change after reorder\r\n        (this.grid as unknown as GridWithColumnOrder).requestStateChange?.();\r\n      });\r\n    });\r\n  }\r\n\r\n  // ===== Public API =====\r\n\r\n  /**\r\n   * Get the current column order from the grid.\r\n   * @returns Array of field names in display order\r\n   */\r\n  getColumnOrder(): string[] {\r\n    return (this.grid as unknown as GridWithColumnOrder).getColumnOrder();\r\n  }\r\n\r\n  /**\r\n   * Move a column to a new position.\r\n   * @param field - The field name of the column to move\r\n   * @param toIndex - The target index\r\n   */\r\n  moveColumn(field: string, toIndex: number): void {\r\n    const currentOrder = this.getColumnOrder();\r\n    const fromIndex = currentOrder.indexOf(field);\r\n    if (fromIndex === -1) return;\r\n\r\n    const newOrder = moveColumn(currentOrder, fromIndex, toIndex);\r\n\r\n    // Directly update the grid's column order\r\n    (this.grid as unknown as GridWithColumnOrder).setColumnOrder(newOrder);\r\n\r\n    this.emit<ColumnMoveDetail>('column-move', {\r\n      field,\r\n      fromIndex,\r\n      toIndex,\r\n      columnOrder: newOrder,\r\n    });\r\n\r\n    // Trigger state change after reorder\r\n    (this.grid as unknown as GridWithColumnOrder).requestStateChange?.();\r\n  }\r\n\r\n  /**\r\n   * Set a specific column order.\r\n   * @param order - Array of field names in desired order\r\n   */\r\n  setColumnOrder(order: string[]): void {\r\n    (this.grid as unknown as GridWithColumnOrder).setColumnOrder(order);\r\n    // Trigger state change after reorder\r\n    (this.grid as unknown as GridWithColumnOrder).requestStateChange?.();\r\n  }\r\n\r\n  /**\r\n   * Reset column order to the original configuration order.\r\n   */\r\n  resetColumnOrder(): void {\r\n    const originalOrder = this.columns.map((c) => c.field);\r\n    (this.grid as unknown as GridWithColumnOrder).setColumnOrder(originalOrder);\r\n    // Trigger state change after reset\r\n    (this.grid as unknown as GridWithColumnOrder).requestStateChange?.();\r\n  }\r\n\r\n  // ===== Styles =====\r\n\r\n  override readonly styles = `\r\n    .header-row > .cell[draggable=\"true\"] {\r\n      cursor: grab;\r\n      position: relative;\r\n    }\r\n    .header-row > .cell.dragging {\r\n      opacity: 0.5;\r\n      cursor: grabbing;\r\n    }\r\n    .header-row > .cell.drop-before::before {\r\n      content: '';\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      bottom: 0;\r\n      width: 2px;\r\n      background: var(--tbw-reorder-indicator, var(--tbw-color-accent));\r\n      z-index: 1;\r\n    }\r\n    .header-row > .cell.drop-after::after {\r\n      content: '';\r\n      position: absolute;\r\n      right: 0;\r\n      top: 0;\r\n      bottom: 0;\r\n      width: 2px;\r\n      background: var(--tbw-reorder-indicator, var(--tbw-color-accent));\r\n      z-index: 1;\r\n    }\r\n  `;\r\n}\r\n"],"names":["canMoveColumn","column","meta","sticky","moveColumn","columns","fromIndex","toIndex","result","removed","ReorderPlugin","BaseGridPlugin","grid","e","detail","shadowRoot","header","headerEl","field","c","orderIndex","h","rect","midX","draggedField","draggedIndex","dropIndex","effectiveToIndex","currentOrder","newOrder","order","originalOrder"],"mappings":"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"}
+{"version":3,"file":"reorder.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/reorder/column-drag.ts","../../../../../libs/grid/src/lib/plugins/reorder/ReorderPlugin.ts"],"sourcesContent":["/**\n * Column Reordering Core Logic\n *\n * Pure functions for column drag and reordering operations.\n */\n\nimport type { ColumnConfig } from '../../core/types';\n\n/**\n * Check if a column can be moved.\n * Respects lockPosition, suppressMovable, and sticky properties.\n * Sticky (pinned) columns cannot be reordered as they have fixed positions.\n *\n * @param column - The column configuration to check\n * @returns True if the column can be moved\n */\nexport function canMoveColumn<TRow = unknown>(column: ColumnConfig<TRow>): boolean {\n  // Check sticky directly on column config (primary location)\n  const sticky = (column as ColumnConfig<TRow> & { sticky?: 'left' | 'right' }).sticky;\n  if (sticky === 'left' || sticky === 'right') {\n    return false;\n  }\n\n  // Also check meta.sticky for backwards compatibility\n  const meta = column.meta ?? {};\n  const metaSticky = (meta as { sticky?: 'left' | 'right' }).sticky;\n  if (metaSticky === 'left' || metaSticky === 'right') {\n    return false;\n  }\n\n  // Check for lockPosition or suppressMovable properties in the column config\n  return meta.lockPosition !== true && meta.suppressMovable !== true;\n}\n\n/**\n * Move a column from one position to another in the order array.\n *\n * @param columns - Array of field names in current order\n * @param fromIndex - The current index of the column to move\n * @param toIndex - The target index to move the column to\n * @returns New array with updated order\n */\nexport function moveColumn(columns: string[], fromIndex: number, toIndex: number): string[] {\n  if (fromIndex === toIndex) return columns;\n  if (fromIndex < 0 || fromIndex >= columns.length) return columns;\n  if (toIndex < 0 || toIndex > columns.length) return columns;\n\n  const result = [...columns];\n  const [removed] = result.splice(fromIndex, 1);\n  result.splice(toIndex, 0, removed);\n  return result;\n}\n\n/**\n * Calculate the drop index based on the current drag position.\n *\n * @param dragX - The current X position of the drag\n * @param headerRect - The bounding rect of the header container\n * @param columnWidths - Array of column widths in order\n * @returns The index where the column should be dropped\n */\nexport function getDropIndex(dragX: number, headerRect: DOMRect, columnWidths: number[]): number {\n  let x = headerRect.left;\n\n  for (let i = 0; i < columnWidths.length; i++) {\n    const mid = x + columnWidths[i] / 2;\n    if (dragX < mid) return i;\n    x += columnWidths[i];\n  }\n\n  return columnWidths.length;\n}\n\n/**\n * Reorder columns according to a specified order.\n * Columns not in the order array are appended at the end.\n *\n * @param columns - Array of column configurations\n * @param order - Array of field names specifying the desired order\n * @returns New array of columns in the specified order\n */\nexport function reorderColumns<TRow = unknown>(columns: ColumnConfig<TRow>[], order: string[]): ColumnConfig<TRow>[] {\n  const columnMap = new Map<string, ColumnConfig<TRow>>(columns.map((c) => [c.field as string, c]));\n  const reordered: ColumnConfig<TRow>[] = [];\n\n  // Add columns in specified order\n  for (const field of order) {\n    const col = columnMap.get(field);\n    if (col) {\n      reordered.push(col);\n      columnMap.delete(field);\n    }\n  }\n\n  // Add any remaining columns not in order\n  for (const col of columnMap.values()) {\n    reordered.push(col);\n  }\n\n  return reordered;\n}\n","/**\n * Column Reordering Plugin (Class-based)\n *\n * Provides drag-and-drop column reordering functionality for tbw-grid.\n * Supports keyboard and mouse interactions with visual feedback.\n */\n\nimport { BaseGridPlugin } from '../../core/plugin/base-plugin';\nimport { canMoveColumn, moveColumn } from './column-drag';\nimport type { ColumnMoveDetail, ReorderConfig } from './types';\n\n/** Extended grid interface with column order methods */\ninterface GridWithColumnOrder {\n  setColumnOrder(order: string[]): void;\n  getColumnOrder(): string[];\n  requestStateChange?: () => void;\n}\n\n/**\n * Column Reordering Plugin for tbw-grid\n *\n * @example\n * ```ts\n * new ReorderPlugin({\n *   enabled: true,\n *   animation: true,\n *   animationDuration: 200,\n * })\n * ```\n */\nexport class ReorderPlugin extends BaseGridPlugin<ReorderConfig> {\n  readonly name = 'reorder';\n  override readonly version = '1.0.0';\n\n  protected override get defaultConfig(): Partial<ReorderConfig> {\n    return {\n      enabled: true,\n      animation: true,\n      animationDuration: 200,\n    };\n  }\n\n  // ===== Internal State =====\n  private isDragging = false;\n  private draggedField: string | null = null;\n  private draggedIndex: number | null = null;\n  private dropIndex: number | null = null;\n\n  // ===== Lifecycle =====\n\n  override attach(grid: import('../../core/plugin/base-plugin').GridElement): void {\n    super.attach(grid);\n\n    // Listen for reorder requests from other plugins (e.g., VisibilityPlugin)\n    // Uses disconnectSignal for automatic cleanup - no need for manual removeEventListener\n    (grid as unknown as HTMLElement).addEventListener(\n      'column-reorder-request',\n      (e: Event) => {\n        const detail = (e as CustomEvent).detail;\n        if (detail?.field && typeof detail.toIndex === 'number') {\n          this.moveColumn(detail.field, detail.toIndex);\n        }\n      },\n      { signal: this.disconnectSignal }\n    );\n  }\n\n  override detach(): void {\n    // Event listeners using eventSignal are automatically cleaned up\n    // Just reset internal state\n    this.isDragging = false;\n    this.draggedField = null;\n    this.draggedIndex = null;\n    this.dropIndex = null;\n  }\n\n  // ===== Hooks =====\n  // Note: No processColumns hook needed - we directly update the grid's column order\n\n  override afterRender(): void {\n    if (!this.config.enabled) return;\n\n    const shadowRoot = this.shadowRoot;\n    if (!shadowRoot) return;\n\n    const headers = shadowRoot.querySelectorAll('.header-row > .cell');\n\n    headers.forEach((header) => {\n      const headerEl = header as HTMLElement;\n      const field = headerEl.getAttribute('data-field');\n      if (!field) return;\n\n      const column = this.columns.find((c) => c.field === field);\n      if (!column || !canMoveColumn(column)) {\n        headerEl.draggable = false;\n        return;\n      }\n\n      headerEl.draggable = true;\n\n      // Remove existing listeners to prevent duplicates\n      if (headerEl.getAttribute('data-dragstart-bound')) return;\n      headerEl.setAttribute('data-dragstart-bound', 'true');\n\n      headerEl.addEventListener('dragstart', (e: DragEvent) => {\n        const currentOrder = this.getColumnOrder();\n        const orderIndex = currentOrder.indexOf(field);\n        this.isDragging = true;\n        this.draggedField = field;\n        this.draggedIndex = orderIndex;\n\n        if (e.dataTransfer) {\n          e.dataTransfer.effectAllowed = 'move';\n          e.dataTransfer.setData('text/plain', field);\n        }\n\n        headerEl.classList.add('dragging');\n      });\n\n      headerEl.addEventListener('dragend', () => {\n        this.isDragging = false;\n        this.draggedField = null;\n        this.draggedIndex = null;\n        this.dropIndex = null;\n\n        shadowRoot.querySelectorAll('.header-row > .cell').forEach((h) => {\n          h.classList.remove('dragging', 'drop-target', 'drop-before', 'drop-after');\n        });\n      });\n\n      headerEl.addEventListener('dragover', (e: DragEvent) => {\n        e.preventDefault();\n        if (!this.isDragging || this.draggedField === field) return;\n\n        const rect = headerEl.getBoundingClientRect();\n        const midX = rect.left + rect.width / 2;\n\n        const currentOrder = this.getColumnOrder();\n        const orderIndex = currentOrder.indexOf(field);\n        this.dropIndex = e.clientX < midX ? orderIndex : orderIndex + 1;\n\n        headerEl.classList.add('drop-target');\n        headerEl.classList.toggle('drop-before', e.clientX < midX);\n        headerEl.classList.toggle('drop-after', e.clientX >= midX);\n      });\n\n      headerEl.addEventListener('dragleave', () => {\n        headerEl.classList.remove('drop-target', 'drop-before', 'drop-after');\n      });\n\n      headerEl.addEventListener('drop', (e: DragEvent) => {\n        e.preventDefault();\n        const draggedField = this.draggedField;\n        const draggedIndex = this.draggedIndex;\n        const dropIndex = this.dropIndex;\n\n        if (!this.isDragging || draggedField === null || draggedIndex === null || dropIndex === null) {\n          return;\n        }\n\n        const effectiveToIndex = dropIndex > draggedIndex ? dropIndex - 1 : dropIndex;\n        const currentOrder = this.getColumnOrder();\n        const newOrder = moveColumn(currentOrder, draggedIndex, effectiveToIndex);\n\n        const detail: ColumnMoveDetail = {\n          field: draggedField,\n          fromIndex: draggedIndex,\n          toIndex: effectiveToIndex,\n          columnOrder: newOrder,\n        };\n\n        // Directly update the grid's column order\n        (this.grid as unknown as GridWithColumnOrder).setColumnOrder(newOrder);\n\n        this.emit('column-move', detail);\n        // Trigger state change after reorder\n        (this.grid as unknown as GridWithColumnOrder).requestStateChange?.();\n      });\n    });\n  }\n\n  // ===== Public API =====\n\n  /**\n   * Get the current column order from the grid.\n   * @returns Array of field names in display order\n   */\n  getColumnOrder(): string[] {\n    return (this.grid as unknown as GridWithColumnOrder).getColumnOrder();\n  }\n\n  /**\n   * Move a column to a new position.\n   * @param field - The field name of the column to move\n   * @param toIndex - The target index\n   */\n  moveColumn(field: string, toIndex: number): void {\n    const currentOrder = this.getColumnOrder();\n    const fromIndex = currentOrder.indexOf(field);\n    if (fromIndex === -1) return;\n\n    const newOrder = moveColumn(currentOrder, fromIndex, toIndex);\n\n    // Directly update the grid's column order\n    (this.grid as unknown as GridWithColumnOrder).setColumnOrder(newOrder);\n\n    this.emit<ColumnMoveDetail>('column-move', {\n      field,\n      fromIndex,\n      toIndex,\n      columnOrder: newOrder,\n    });\n\n    // Trigger state change after reorder\n    (this.grid as unknown as GridWithColumnOrder).requestStateChange?.();\n  }\n\n  /**\n   * Set a specific column order.\n   * @param order - Array of field names in desired order\n   */\n  setColumnOrder(order: string[]): void {\n    (this.grid as unknown as GridWithColumnOrder).setColumnOrder(order);\n    // Trigger state change after reorder\n    (this.grid as unknown as GridWithColumnOrder).requestStateChange?.();\n  }\n\n  /**\n   * Reset column order to the original configuration order.\n   */\n  resetColumnOrder(): void {\n    const originalOrder = this.columns.map((c) => c.field);\n    (this.grid as unknown as GridWithColumnOrder).setColumnOrder(originalOrder);\n    // Trigger state change after reset\n    (this.grid as unknown as GridWithColumnOrder).requestStateChange?.();\n  }\n\n  // ===== Styles =====\n\n  override readonly styles = `\n    .header-row > .cell[draggable=\"true\"] {\n      cursor: grab;\n      position: relative;\n    }\n    .header-row > .cell.dragging {\n      opacity: 0.5;\n      cursor: grabbing;\n    }\n    .header-row > .cell.drop-before::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 0;\n      bottom: 0;\n      width: 2px;\n      background: var(--tbw-reorder-indicator, var(--tbw-color-accent));\n      z-index: 1;\n    }\n    .header-row > .cell.drop-after::after {\n      content: '';\n      position: absolute;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      width: 2px;\n      background: var(--tbw-reorder-indicator, var(--tbw-color-accent));\n      z-index: 1;\n    }\n  `;\n}\n"],"names":["canMoveColumn","column","sticky","meta","metaSticky","moveColumn","columns","fromIndex","toIndex","result","removed","ReorderPlugin","BaseGridPlugin","grid","e","detail","shadowRoot","header","headerEl","field","c","orderIndex","h","rect","midX","draggedField","draggedIndex","dropIndex","effectiveToIndex","currentOrder","newOrder","order","originalOrder"],"mappings":"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"}

package/umd/plugins/selection.umd.js

@@ -1,4 +1,4 @@
-(function(c,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("../../core/plugin/base-plugin")):typeof define=="function"&&define.amd?define(["exports","../../core/plugin/base-plugin"],d):(c=typeof globalThis<"u"?globalThis:c||self,d(c.TbwGridPlugin_selection={},c.TbwGrid))})(this,(function(c,d){"use strict";function g(s){return{startRow:Math.min(s.startRow,s.endRow),startCol:Math.min(s.startCol,s.endCol),endRow:Math.max(s.startRow,s.endRow),endCol:Math.max(s.startCol,s.endCol)}}function m(s){const e=g(s);return{from:{row:e.startRow,col:e.startCol},to:{row:e.endRow,col:e.endCol}}}function f(s){return s.map(m)}function C(s,e,t){const l=g(t);return s>=l.startRow&&s<=l.endRow&&e>=l.startCol&&e<=l.endCol}function w(s,e,t){return t.some(l=>C(s,e,l))}function b(s){const e=[],t=g(s);for(let l=t.startRow;l<=t.endRow;l++)for(let n=t.startCol;n<=t.endCol;n++)e.push({row:l,col:n});return e}function p(s){const e=new Map;for(const t of s)for(const l of b(t))e.set(`${l.row},${l.col}`,l);return[...e.values()]}function R(s,e){return{startRow:s.row,startCol:s.col,endRow:e.row,endCol:e.col}}function A(s,e,t){if(s==="cell"&&e.selectedCell)return{mode:s,ranges:[{from:{row:e.selectedCell.row,col:e.selectedCell.col},to:{row:e.selectedCell.row,col:e.selectedCell.col}}]};if(s==="row"&&e.selected.size>0){const l=[...e.selected].map(n=>({from:{row:n,col:0},to:{row:n,col:t-1}}));return{mode:s,ranges:l}}return s==="range"&&e.ranges.length>0?{mode:s,ranges:f(e.ranges)}:{mode:s,ranges:[]}}class y extends d.BaseGridPlugin{name="selection";version="1.0.0";get defaultConfig(){return{mode:"cell"}}selected=new Set;lastSelected=null;anchor=null;ranges=[];activeRange=null;cellAnchor=null;isDragging=!1;selectedCell=null;detach(){this.selected.clear(),this.ranges=[],this.activeRange=null,this.cellAnchor=null,this.isDragging=!1,this.selectedCell=null}onCellClick(e){const{rowIndex:t,colIndex:l,originalEvent:n}=e,{mode:r}=this.config;if(r==="cell")return this.selectedCell={row:t,col:l},this.emit("selection-change",this.#e()),this.requestAfterRender(),!1;if(r==="row")return this.selected.clear(),this.selected.add(t),this.lastSelected=t,this.emit("selection-change",this.#e()),this.requestAfterRender(),!1;if(r==="range"){const i=n.shiftKey,h=n.ctrlKey||n.metaKey;if(i&&this.cellAnchor){const o=R(this.cellAnchor,{row:t,col:l});h?this.ranges.length>0?this.ranges[this.ranges.length-1]=o:this.ranges.push(o):this.ranges=[o],this.activeRange=o}else if(h){const o={startRow:t,startCol:l,endRow:t,endCol:l};this.ranges.push(o),this.activeRange=o,this.cellAnchor={row:t,col:l}}else{const o={startRow:t,startCol:l,endRow:t,endCol:l};this.ranges=[o],this.activeRange=o,this.cellAnchor={row:t,col:l}}return this.emit("selection-change",this.#e()),this.requestAfterRender(),!1}return!1}onKeyDown(e){const{mode:t}=this.config;if(e.key==="Escape")return t==="cell"?this.selectedCell=null:t==="row"?(this.selected.clear(),this.anchor=null):t==="range"&&(this.ranges=[],this.activeRange=null,this.cellAnchor=null),this.emit("selection-change",this.#e()),this.requestAfterRender(),!0;if(t==="range"&&e.key==="a"&&(e.ctrlKey||e.metaKey)){const l=this.rows.length,n=this.columns.length;if(l>0&&n>0){const r={startRow:0,startCol:0,endRow:l-1,endCol:n-1};return this.ranges=[r],this.activeRange=r,this.emit("selection-change",this.#e()),this.requestAfterRender(),!0}}return!1}onCellMouseDown(e){if(this.config.mode!=="range"||e.rowIndex===void 0||e.colIndex===void 0||e.rowIndex<0||e.originalEvent.shiftKey&&this.cellAnchor)return;this.isDragging=!0;const t=e.rowIndex,l=e.colIndex;this.cellAnchor={row:t,col:l},e.originalEvent.ctrlKey||e.originalEvent.metaKey||(this.ranges=[]);const r={startRow:t,startCol:l,endRow:t,endCol:l};return this.ranges.push(r),this.activeRange=r,this.emit("selection-change",this.#e()),this.requestAfterRender(),!0}onCellMouseMove(e){if(this.config.mode!=="range"||!this.isDragging||!this.cellAnchor||e.rowIndex===void 0||e.colIndex===void 0||e.rowIndex<0)return;const t=R(this.cellAnchor,{row:e.rowIndex,col:e.colIndex});return this.ranges.length>0?this.ranges[this.ranges.length-1]=t:this.ranges.push(t),this.activeRange=t,this.emit("selection-change",this.#e()),this.requestAfterRender(),!0}onCellMouseUp(e){if(this.config.mode==="range"&&this.isDragging)return this.isDragging=!1,!0}afterRender(){const e=this.shadowRoot;if(!e)return;const t=e.children[0],{mode:l}=this.config;this.grid.setAttribute("data-selection-mode",l),t&&t.classList.toggle("selecting",this.isDragging),e.querySelectorAll(".cell").forEach(i=>{i.classList.remove("selected","top","bottom","first","last")});const r=e.querySelectorAll(".data-grid-row");if(r.forEach(i=>{i.classList.remove("selected")}),l==="row"&&(r.forEach(i=>i.classList.remove("row-focus")),r.forEach(i=>{const h=i.querySelector(".cell[data-row]"),o=parseInt(h?.getAttribute("data-row")??"-1",10);o>=0&&this.selected.has(o)&&i.classList.add("selected","row-focus")})),l==="range"&&this.ranges.length>0){const i=this.activeRange?g(this.activeRange):null;e.querySelectorAll(".cell[data-row][data-col]").forEach(o=>{const a=parseInt(o.getAttribute("data-row")??"-1",10),u=parseInt(o.getAttribute("data-col")??"-1",10);a>=0&&u>=0&&w(a,u,this.ranges)&&(o.classList.add("selected"),i&&(a===i.startRow&&o.classList.add("top"),a===i.endRow&&o.classList.add("bottom"),u===i.startCol&&o.classList.add("first"),u===i.endCol&&o.classList.add("last")))})}}getSelectedCell(){return this.selectedCell}getSelectedRows(){return[...this.selected]}getRanges(){return f(this.ranges)}getSelectedCells(){return p(this.ranges)}isCellSelected(e,t){return w(e,t,this.ranges)}clearSelection(){this.selectedCell=null,this.selected.clear(),this.anchor=null,this.ranges=[],this.activeRange=null,this.cellAnchor=null,this.emit("selection-change",{mode:this.config.mode,ranges:[]}),this.requestAfterRender()}setRanges(e){this.ranges=e.map(t=>({startRow:t.from.row,startCol:t.from.col,endRow:t.to.row,endCol:t.to.col})),this.activeRange=this.ranges.length>0?this.ranges[this.ranges.length-1]:null,this.emit("selection-change",{mode:this.config.mode,ranges:f(this.ranges)}),this.requestAfterRender()}#e(){return A(this.config.mode,{selectedCell:this.selectedCell,selected:this.selected,ranges:this.ranges},this.columns.length)}styles=`
+(function(c,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("../../core/plugin/base-plugin")):typeof define=="function"&&define.amd?define(["exports","../../core/plugin/base-plugin"],d):(c=typeof globalThis<"u"?globalThis:c||self,d(c.TbwGridPlugin_selection={},c.TbwGrid))})(this,(function(c,d){"use strict";function g(s){return{startRow:Math.min(s.startRow,s.endRow),startCol:Math.min(s.startCol,s.endCol),endRow:Math.max(s.startRow,s.endRow),endCol:Math.max(s.startCol,s.endCol)}}function R(s){const e=g(s);return{from:{row:e.startRow,col:e.startCol},to:{row:e.endRow,col:e.endCol}}}function u(s){return s.map(R)}function m(s,e,t){const l=g(t);return s>=l.startRow&&s<=l.endRow&&e>=l.startCol&&e<=l.endCol}function f(s,e,t){return t.some(l=>m(s,e,l))}function C(s){const e=[],t=g(s);for(let l=t.startRow;l<=t.endRow;l++)for(let n=t.startCol;n<=t.endCol;n++)e.push({row:l,col:n});return e}function b(s){const e=new Map;for(const t of s)for(const l of C(t))e.set(`${l.row},${l.col}`,l);return[...e.values()]}function w(s,e){return{startRow:s.row,startCol:s.col,endRow:e.row,endCol:e.col}}function p(s,e,t){if(s==="cell"&&e.selectedCell)return{mode:s,ranges:[{from:{row:e.selectedCell.row,col:e.selectedCell.col},to:{row:e.selectedCell.row,col:e.selectedCell.col}}]};if(s==="row"&&e.selected.size>0){const l=[...e.selected].map(n=>({from:{row:n,col:0},to:{row:n,col:t-1}}));return{mode:s,ranges:l}}return s==="range"&&e.ranges.length>0?{mode:s,ranges:u(e.ranges)}:{mode:s,ranges:[]}}class A extends d.BaseGridPlugin{name="selection";version="1.0.0";get defaultConfig(){return{mode:"cell"}}selected=new Set;lastSelected=null;anchor=null;ranges=[];activeRange=null;cellAnchor=null;isDragging=!1;selectedCell=null;detach(){this.selected.clear(),this.ranges=[],this.activeRange=null,this.cellAnchor=null,this.isDragging=!1,this.selectedCell=null}onCellClick(e){const{rowIndex:t,colIndex:l,originalEvent:n}=e,{mode:o}=this.config;if(o==="cell")return this.selectedCell={row:t,col:l},this.emit("selection-change",this.#e()),this.requestAfterRender(),!1;if(o==="row")return this.selected.clear(),this.selected.add(t),this.lastSelected=t,this.emit("selection-change",this.#e()),this.requestAfterRender(),!1;if(o==="range"){const h=n.shiftKey,i=n.ctrlKey||n.metaKey;if(h&&this.cellAnchor){const r=w(this.cellAnchor,{row:t,col:l});i?this.ranges.length>0?this.ranges[this.ranges.length-1]=r:this.ranges.push(r):this.ranges=[r],this.activeRange=r}else if(i){const r={startRow:t,startCol:l,endRow:t,endCol:l};this.ranges.push(r),this.activeRange=r,this.cellAnchor={row:t,col:l}}else{const r={startRow:t,startCol:l,endRow:t,endCol:l};this.ranges=[r],this.activeRange=r,this.cellAnchor={row:t,col:l}}return this.emit("selection-change",this.#e()),this.requestAfterRender(),!1}return!1}onKeyDown(e){const{mode:t}=this.config;if(e.key==="Escape")return t==="cell"?this.selectedCell=null:t==="row"?(this.selected.clear(),this.anchor=null):t==="range"&&(this.ranges=[],this.activeRange=null,this.cellAnchor=null),this.emit("selection-change",this.#e()),this.requestAfterRender(),!0;if(t==="range"&&e.key==="a"&&(e.ctrlKey||e.metaKey)){const l=this.rows.length,n=this.columns.length;if(l>0&&n>0){const o={startRow:0,startCol:0,endRow:l-1,endCol:n-1};return this.ranges=[o],this.activeRange=o,this.emit("selection-change",this.#e()),this.requestAfterRender(),!0}}return!1}onCellMouseDown(e){if(this.config.mode!=="range"||e.rowIndex===void 0||e.colIndex===void 0||e.rowIndex<0||e.originalEvent.shiftKey&&this.cellAnchor)return;this.isDragging=!0;const t=e.rowIndex,l=e.colIndex;this.cellAnchor={row:t,col:l},e.originalEvent.ctrlKey||e.originalEvent.metaKey||(this.ranges=[]);const o={startRow:t,startCol:l,endRow:t,endCol:l};return this.ranges.push(o),this.activeRange=o,this.emit("selection-change",this.#e()),this.requestAfterRender(),!0}onCellMouseMove(e){if(this.config.mode!=="range"||!this.isDragging||!this.cellAnchor||e.rowIndex===void 0||e.colIndex===void 0||e.rowIndex<0)return;const t=w(this.cellAnchor,{row:e.rowIndex,col:e.colIndex});return this.ranges.length>0?this.ranges[this.ranges.length-1]=t:this.ranges.push(t),this.activeRange=t,this.emit("selection-change",this.#e()),this.requestAfterRender(),!0}onCellMouseUp(e){if(this.config.mode==="range"&&this.isDragging)return this.isDragging=!1,!0}#t(){const e=this.shadowRoot;if(!e)return;const{mode:t}=this.config;e.querySelectorAll(".cell").forEach(o=>{o.classList.remove("selected","top","bottom","first","last")});const n=e.querySelectorAll(".data-grid-row");if(n.forEach(o=>{o.classList.remove("selected","row-focus")}),t==="row"&&n.forEach(o=>{const h=o.querySelector(".cell[data-row]"),i=parseInt(h?.getAttribute("data-row")??"-1",10);i>=0&&this.selected.has(i)&&(o.classList.add("selected","row-focus"),o.querySelectorAll(".cell-focus").forEach(r=>r.classList.remove("cell-focus")))}),t==="range"&&this.ranges.length>0){const o=this.activeRange?g(this.activeRange):null;e.querySelectorAll(".cell[data-row][data-col]").forEach(i=>{const r=parseInt(i.getAttribute("data-row")??"-1",10),a=parseInt(i.getAttribute("data-col")??"-1",10);r>=0&&a>=0&&f(r,a,this.ranges)&&(i.classList.add("selected"),i.classList.remove("cell-focus"),o&&(r===o.startRow&&i.classList.add("top"),r===o.endRow&&i.classList.add("bottom"),a===o.startCol&&i.classList.add("first"),a===o.endCol&&i.classList.add("last")))})}t==="cell"&&this.selectedCell&&e.querySelectorAll(".cell-focus").forEach(o=>o.classList.remove("cell-focus"))}afterRender(){const e=this.shadowRoot;if(!e)return;const t=e.children[0],{mode:l}=this.config;this.grid.setAttribute("data-selection-mode",l),t&&t.classList.toggle("selecting",this.isDragging),this.#t()}onScrollRender(){this.#t()}getSelectedCell(){return this.selectedCell}getSelectedRows(){return[...this.selected]}getRanges(){return u(this.ranges)}getSelectedCells(){return b(this.ranges)}isCellSelected(e,t){return f(e,t,this.ranges)}clearSelection(){this.selectedCell=null,this.selected.clear(),this.anchor=null,this.ranges=[],this.activeRange=null,this.cellAnchor=null,this.emit("selection-change",{mode:this.config.mode,ranges:[]}),this.requestAfterRender()}setRanges(e){this.ranges=e.map(t=>({startRow:t.from.row,startCol:t.from.col,endRow:t.to.row,endCol:t.to.col})),this.activeRange=this.ranges.length>0?this.ranges[this.ranges.length-1]:null,this.emit("selection-change",{mode:this.config.mode,ranges:u(this.ranges)}),this.requestAfterRender()}#e(){return p(this.config.mode,{selectedCell:this.selectedCell,selected:this.selected,ranges:this.ranges},this.columns.length)}styles=`
     /* Prevent text selection during range drag */
     :host .selecting .data-grid-row > .cell {
       user-select: none;
@@ -30,5 +30,5 @@
     :host .data-grid-row > .cell.selected.last {
       border-right: 2px solid var(--tbw-range-border-color);
     }
-  `}function v(s,e,t,l){const n=new Set(s.selected);let r=s.anchor;if(t==="single")n.clear(),n.add(e),r=e;else if(t==="multiple"){const i=l.ctrlKey||l.metaKey;if(l.shiftKey&&s.anchor!==null){const h=Math.min(s.anchor,e),o=Math.max(s.anchor,e);for(let a=h;a<=o;a++)n.add(a)}else i?(n.has(e)?n.delete(e):n.add(e),r=e):(n.clear(),n.add(e),r=e)}return{selected:n,lastSelected:e,anchor:r}}function S(s){const e=new Set;for(let t=0;t<s;t++)e.add(t);return e}function x(s,e){const t=[],l=[];for(const n of e)s.has(n)||t.push(n);for(const n of s)e.has(n)||l.push(n);return{added:t,removed:l}}c.SelectionPlugin=y,c.computeSelectionDiff=x,c.handleRowClick=v,c.selectAll=S,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})}));
+  `}function y(s,e,t,l){const n=new Set(s.selected);let o=s.anchor;if(t==="single")n.clear(),n.add(e),o=e;else if(t==="multiple"){const h=l.ctrlKey||l.metaKey;if(l.shiftKey&&s.anchor!==null){const i=Math.min(s.anchor,e),r=Math.max(s.anchor,e);for(let a=i;a<=r;a++)n.add(a)}else h?(n.has(e)?n.delete(e):n.add(e),o=e):(n.clear(),n.add(e),o=e)}return{selected:n,lastSelected:e,anchor:o}}function v(s){const e=new Set;for(let t=0;t<s;t++)e.add(t);return e}function S(s,e){const t=[],l=[];for(const n of e)s.has(n)||t.push(n);for(const n of s)e.has(n)||l.push(n);return{added:t,removed:l}}c.SelectionPlugin=A,c.computeSelectionDiff=S,c.handleRowClick=y,c.selectAll=v,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})}));
 //# sourceMappingURL=selection.umd.js.map

package/umd/plugins/selection.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"selection.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/selection/range-selection.ts","../../../../../libs/grid/src/lib/plugins/selection/SelectionPlugin.ts","../../../../../libs/grid/src/lib/plugins/selection/row-selection.ts"],"sourcesContent":["/**\n * Cell Range Selection Core Logic\n *\n * Pure functions for cell range selection operations.\n */\n\nimport type { InternalCellRange, CellRange } from './types';\n\n/**\n * Normalize a range so startRow/startCol are always <= endRow/endCol.\n * This handles cases where user drags from bottom-right to top-left.\n *\n * @param range - The range to normalize\n * @returns Normalized range with start <= end for both dimensions\n */\nexport function normalizeRange(range: InternalCellRange): InternalCellRange {\n  return {\n    startRow: Math.min(range.startRow, range.endRow),\n    startCol: Math.min(range.startCol, range.endCol),\n    endRow: Math.max(range.startRow, range.endRow),\n    endCol: Math.max(range.startCol, range.endCol),\n  };\n}\n\n/**\n * Convert an internal range to the public event format.\n *\n * @param range - The internal range to convert\n * @returns Public CellRange format with from/to coordinates\n */\nexport function toPublicRange(range: InternalCellRange): CellRange {\n  const normalized = normalizeRange(range);\n  return {\n    from: { row: normalized.startRow, col: normalized.startCol },\n    to: { row: normalized.endRow, col: normalized.endCol },\n  };\n}\n\n/**\n * Convert multiple internal ranges to public format.\n *\n * @param ranges - Array of internal ranges\n * @returns Array of public CellRange format\n */\nexport function toPublicRanges(ranges: InternalCellRange[]): CellRange[] {\n  return ranges.map(toPublicRange);\n}\n\n/**\n * Check if a cell is within a specific range.\n *\n * @param row - The row index to check\n * @param col - The column index to check\n * @param range - The range to check against\n * @returns True if the cell is within the range\n */\nexport function isCellInRange(row: number, col: number, range: InternalCellRange): boolean {\n  const normalized = normalizeRange(range);\n  return (\n    row >= normalized.startRow && row <= normalized.endRow && col >= normalized.startCol && col <= normalized.endCol\n  );\n}\n\n/**\n * Check if a cell is within any of the provided ranges.\n *\n * @param row - The row index to check\n * @param col - The column index to check\n * @param ranges - Array of ranges to check against\n * @returns True if the cell is within any range\n */\nexport function isCellInAnyRange(row: number, col: number, ranges: InternalCellRange[]): boolean {\n  return ranges.some((range) => isCellInRange(row, col, range));\n}\n\n/**\n * Get all cells within a range as an array of {row, col} objects.\n *\n * @param range - The range to enumerate\n * @returns Array of all cell coordinates in the range\n */\nexport function getCellsInRange(range: InternalCellRange): Array<{ row: number; col: number }> {\n  const cells: Array<{ row: number; col: number }> = [];\n  const normalized = normalizeRange(range);\n\n  for (let row = normalized.startRow; row <= normalized.endRow; row++) {\n    for (let col = normalized.startCol; col <= normalized.endCol; col++) {\n      cells.push({ row, col });\n    }\n  }\n\n  return cells;\n}\n\n/**\n * Get all unique cells across multiple ranges.\n * Deduplicates cells that appear in overlapping ranges.\n *\n * @param ranges - Array of ranges to enumerate\n * @returns Array of unique cell coordinates\n */\nexport function getAllCellsInRanges(ranges: InternalCellRange[]): Array<{ row: number; col: number }> {\n  const cellMap = new Map<string, { row: number; col: number }>();\n\n  for (const range of ranges) {\n    for (const cell of getCellsInRange(range)) {\n      cellMap.set(`${cell.row},${cell.col}`, cell);\n    }\n  }\n\n  return [...cellMap.values()];\n}\n\n/**\n * Merge overlapping or adjacent ranges into fewer ranges.\n * Simple implementation - returns ranges as-is for now.\n * More complex merging logic can be added later for optimization.\n *\n * @param ranges - Array of ranges to merge\n * @returns Merged array of ranges\n */\nexport function mergeRanges(ranges: InternalCellRange[]): InternalCellRange[] {\n  // Simple implementation - more complex merging can be added later\n  return ranges;\n}\n\n/**\n * Create a range from an anchor cell to a current cell position.\n * The range is not normalized - it preserves the direction of selection.\n *\n * @param anchor - The anchor cell (where selection started)\n * @param current - The current cell (where selection ends)\n * @returns An InternalCellRange from anchor to current\n */\nexport function createRangeFromAnchor(\n  anchor: { row: number; col: number },\n  current: { row: number; col: number }\n): InternalCellRange {\n  return {\n    startRow: anchor.row,\n    startCol: anchor.col,\n    endRow: current.row,\n    endCol: current.col,\n  };\n}\n\n/**\n * Calculate the number of cells in a range.\n *\n * @param range - The range to measure\n * @returns Total number of cells in the range\n */\nexport function getRangeCellCount(range: InternalCellRange): number {\n  const normalized = normalizeRange(range);\n  const rowCount = normalized.endRow - normalized.startRow + 1;\n  const colCount = normalized.endCol - normalized.startCol + 1;\n  return rowCount * colCount;\n}\n\n/**\n * Check if two ranges are equal (same boundaries).\n *\n * @param a - First range\n * @param b - Second range\n * @returns True if ranges have same boundaries after normalization\n */\nexport function rangesEqual(a: InternalCellRange, b: InternalCellRange): boolean {\n  const normA = normalizeRange(a);\n  const normB = normalizeRange(b);\n  return (\n    normA.startRow === normB.startRow &&\n    normA.startCol === normB.startCol &&\n    normA.endRow === normB.endRow &&\n    normA.endCol === normB.endCol\n  );\n}\n\n/**\n * Check if a range is a single cell (1x1).\n *\n * @param range - The range to check\n * @returns True if the range is exactly one cell\n */\nexport function isSingleCell(range: InternalCellRange): boolean {\n  const normalized = normalizeRange(range);\n  return normalized.startRow === normalized.endRow && normalized.startCol === normalized.endCol;\n}\n","/**\n * Selection Plugin (Class-based)\n *\n * Provides selection functionality for tbw-grid.\n * Supports three modes:\n * - 'cell': Single cell selection (default). No border, just focus highlight.\n * - 'row': Row selection. Clicking a cell selects the entire row.\n * - 'range': Range selection. Shift+click or drag to select rectangular cell ranges.\n */\n\nimport { BaseGridPlugin, CellClickEvent, CellMouseEvent } from '../../core/plugin/base-plugin';\nimport {\n  createRangeFromAnchor,\n  getAllCellsInRanges,\n  isCellInAnyRange,\n  normalizeRange,\n  toPublicRanges,\n} from './range-selection';\nimport type { CellRange, InternalCellRange, SelectionChangeDetail, SelectionConfig, SelectionMode } from './types';\n\n/**\n * Build the selection change event detail for the current state.\n */\nfunction buildSelectionEvent(\n  mode: SelectionMode,\n  state: {\n    selectedCell: { row: number; col: number } | null;\n    selected: Set<number>;\n    ranges: InternalCellRange[];\n  },\n  colCount: number\n): SelectionChangeDetail {\n  if (mode === 'cell' && state.selectedCell) {\n    return {\n      mode,\n      ranges: [\n        {\n          from: { row: state.selectedCell.row, col: state.selectedCell.col },\n          to: { row: state.selectedCell.row, col: state.selectedCell.col },\n        },\n      ],\n    };\n  }\n\n  if (mode === 'row' && state.selected.size > 0) {\n    const ranges = [...state.selected].map((rowIndex) => ({\n      from: { row: rowIndex, col: 0 },\n      to: { row: rowIndex, col: colCount - 1 },\n    }));\n    return { mode, ranges };\n  }\n\n  if (mode === 'range' && state.ranges.length > 0) {\n    return { mode, ranges: toPublicRanges(state.ranges) };\n  }\n\n  return { mode, ranges: [] };\n}\n\n/**\n * Selection Plugin for tbw-grid\n *\n * @example\n * ```ts\n * new SelectionPlugin({ mode: 'range' })\n * ```\n */\nexport class SelectionPlugin extends BaseGridPlugin<SelectionConfig> {\n  readonly name = 'selection';\n  override readonly version = '1.0.0';\n\n  protected override get defaultConfig(): Partial<SelectionConfig> {\n    return {\n      mode: 'cell',\n    };\n  }\n\n  // ===== Internal State =====\n  /** Row selection state (row mode) */\n  private selected = new Set<number>();\n  private lastSelected: number | null = null;\n  private anchor: number | null = null;\n\n  /** Range selection state (range mode) */\n  private ranges: InternalCellRange[] = [];\n  private activeRange: InternalCellRange | null = null;\n  private cellAnchor: { row: number; col: number } | null = null;\n  private isDragging = false;\n\n  /** Cell selection state (cell mode) */\n  private selectedCell: { row: number; col: number } | null = null;\n\n  // ===== Lifecycle =====\n\n  override detach(): void {\n    this.selected.clear();\n    this.ranges = [];\n    this.activeRange = null;\n    this.cellAnchor = null;\n    this.isDragging = false;\n    this.selectedCell = null;\n  }\n\n  // ===== Event Handlers =====\n\n  override onCellClick(event: CellClickEvent): boolean {\n    const { rowIndex, colIndex, originalEvent } = event;\n    const { mode } = this.config;\n\n    // ===== CELL MODE: Single cell selection =====\n    if (mode === 'cell') {\n      this.selectedCell = { row: rowIndex, col: colIndex };\n      this.emit<SelectionChangeDetail>('selection-change', this.#buildEvent());\n      this.requestAfterRender();\n      return false;\n    }\n\n    // ===== ROW MODE: Select entire row =====\n    if (mode === 'row') {\n      this.selected.clear();\n      this.selected.add(rowIndex);\n      this.lastSelected = rowIndex;\n\n      this.emit<SelectionChangeDetail>('selection-change', this.#buildEvent());\n      this.requestAfterRender();\n      return false;\n    }\n\n    // ===== RANGE MODE: Shift+click extends selection, click starts new =====\n    if (mode === 'range') {\n      const shiftKey = originalEvent.shiftKey;\n      const ctrlKey = originalEvent.ctrlKey || originalEvent.metaKey;\n\n      if (shiftKey && this.cellAnchor) {\n        // Extend selection from anchor\n        const newRange = createRangeFromAnchor(this.cellAnchor, { row: rowIndex, col: colIndex });\n\n        if (ctrlKey) {\n          if (this.ranges.length > 0) {\n            this.ranges[this.ranges.length - 1] = newRange;\n          } else {\n            this.ranges.push(newRange);\n          }\n        } else {\n          this.ranges = [newRange];\n        }\n        this.activeRange = newRange;\n      } else if (ctrlKey) {\n        const newRange: InternalCellRange = {\n          startRow: rowIndex,\n          startCol: colIndex,\n          endRow: rowIndex,\n          endCol: colIndex,\n        };\n        this.ranges.push(newRange);\n        this.activeRange = newRange;\n        this.cellAnchor = { row: rowIndex, col: colIndex };\n      } else {\n        const newRange: InternalCellRange = {\n          startRow: rowIndex,\n          startCol: colIndex,\n          endRow: rowIndex,\n          endCol: colIndex,\n        };\n        this.ranges = [newRange];\n        this.activeRange = newRange;\n        this.cellAnchor = { row: rowIndex, col: colIndex };\n      }\n\n      this.emit<SelectionChangeDetail>('selection-change', this.#buildEvent());\n\n      this.requestAfterRender();\n      return false;\n    }\n\n    return false;\n  }\n\n  override onKeyDown(event: KeyboardEvent): boolean {\n    const { mode } = this.config;\n\n    // Escape clears selection in all modes\n    if (event.key === 'Escape') {\n      if (mode === 'cell') {\n        this.selectedCell = null;\n      } else if (mode === 'row') {\n        this.selected.clear();\n        this.anchor = null;\n      } else if (mode === 'range') {\n        this.ranges = [];\n        this.activeRange = null;\n        this.cellAnchor = null;\n      }\n      this.emit<SelectionChangeDetail>('selection-change', this.#buildEvent());\n      this.requestAfterRender();\n      return true;\n    }\n\n    // Ctrl+A selects all in range mode\n    if (mode === 'range' && event.key === 'a' && (event.ctrlKey || event.metaKey)) {\n      const rowCount = this.rows.length;\n      const colCount = this.columns.length;\n      if (rowCount > 0 && colCount > 0) {\n        const allRange: InternalCellRange = {\n          startRow: 0,\n          startCol: 0,\n          endRow: rowCount - 1,\n          endCol: colCount - 1,\n        };\n        this.ranges = [allRange];\n        this.activeRange = allRange;\n        this.emit<SelectionChangeDetail>('selection-change', this.#buildEvent());\n        this.requestAfterRender();\n        return true;\n      }\n    }\n\n    return false;\n  }\n\n  override onCellMouseDown(event: CellMouseEvent): boolean | void {\n    if (this.config.mode !== 'range') return;\n    if (event.rowIndex === undefined || event.colIndex === undefined) return;\n    if (event.rowIndex < 0) return; // Header\n\n    // Let onCellClick handle shift+click for range extension\n    if (event.originalEvent.shiftKey && this.cellAnchor) {\n      return;\n    }\n\n    // Start drag selection\n    this.isDragging = true;\n    const rowIndex = event.rowIndex;\n    const colIndex = event.colIndex;\n    this.cellAnchor = { row: rowIndex, col: colIndex };\n\n    const ctrlKey = event.originalEvent.ctrlKey || event.originalEvent.metaKey;\n    if (!ctrlKey) {\n      this.ranges = [];\n    }\n\n    const newRange: InternalCellRange = {\n      startRow: rowIndex,\n      startCol: colIndex,\n      endRow: rowIndex,\n      endCol: colIndex,\n    };\n    this.ranges.push(newRange);\n    this.activeRange = newRange;\n\n    this.emit<SelectionChangeDetail>('selection-change', this.#buildEvent());\n    this.requestAfterRender();\n    return true;\n  }\n\n  override onCellMouseMove(event: CellMouseEvent): boolean | void {\n    if (this.config.mode !== 'range') return;\n    if (!this.isDragging || !this.cellAnchor) return;\n    if (event.rowIndex === undefined || event.colIndex === undefined) return;\n    if (event.rowIndex < 0) return;\n\n    const newRange = createRangeFromAnchor(this.cellAnchor, { row: event.rowIndex, col: event.colIndex });\n\n    if (this.ranges.length > 0) {\n      this.ranges[this.ranges.length - 1] = newRange;\n    } else {\n      this.ranges.push(newRange);\n    }\n    this.activeRange = newRange;\n\n    this.emit<SelectionChangeDetail>('selection-change', this.#buildEvent());\n    this.requestAfterRender();\n    return true;\n  }\n\n  override onCellMouseUp(_event: CellMouseEvent): boolean | void {\n    if (this.config.mode !== 'range') return;\n    if (this.isDragging) {\n      this.isDragging = false;\n      return true;\n    }\n  }\n\n  override afterRender(): void {\n    const shadowRoot = this.shadowRoot;\n    if (!shadowRoot) return;\n\n    const container = shadowRoot.children[0];\n    const { mode } = this.config;\n\n    // Set data attribute on host for CSS variable scoping\n    (this.grid as unknown as Element).setAttribute('data-selection-mode', mode);\n\n    // Toggle .selecting class during drag to prevent text selection\n    if (container) {\n      container.classList.toggle('selecting', this.isDragging);\n    }\n\n    // Clear all selection classes first\n    const allCells = shadowRoot.querySelectorAll('.cell');\n    allCells.forEach((cell) => {\n      cell.classList.remove('selected', 'top', 'bottom', 'first', 'last');\n    });\n\n    const allRows = shadowRoot.querySelectorAll('.data-grid-row');\n    allRows.forEach((row) => {\n      row.classList.remove('selected');\n    });\n\n    // ===== ROW MODE: Add row-focus class to selected rows =====\n    if (mode === 'row') {\n      allRows.forEach((row) => row.classList.remove('row-focus'));\n\n      allRows.forEach((row) => {\n        const firstCell = row.querySelector('.cell[data-row]');\n        const rowIndex = parseInt(firstCell?.getAttribute('data-row') ?? '-1', 10);\n        if (rowIndex >= 0 && this.selected.has(rowIndex)) {\n          row.classList.add('selected', 'row-focus');\n        }\n      });\n    }\n\n    // ===== RANGE MODE: Add selected and edge classes to cells =====\n    if (mode === 'range' && this.ranges.length > 0) {\n      const normalized = this.activeRange ? normalizeRange(this.activeRange) : null;\n\n      const cells = shadowRoot.querySelectorAll('.cell[data-row][data-col]');\n      cells.forEach((cell) => {\n        const rowIndex = parseInt(cell.getAttribute('data-row') ?? '-1', 10);\n        const colIndex = parseInt(cell.getAttribute('data-col') ?? '-1', 10);\n        if (rowIndex >= 0 && colIndex >= 0) {\n          const inRange = isCellInAnyRange(rowIndex, colIndex, this.ranges);\n\n          if (inRange) {\n            cell.classList.add('selected');\n\n            if (normalized) {\n              if (rowIndex === normalized.startRow) cell.classList.add('top');\n              if (rowIndex === normalized.endRow) cell.classList.add('bottom');\n              if (colIndex === normalized.startCol) cell.classList.add('first');\n              if (colIndex === normalized.endCol) cell.classList.add('last');\n            }\n          }\n        }\n      });\n    }\n  }\n\n  // ===== Public API =====\n\n  /**\n   * Get the selected cell (cell mode only).\n   */\n  getSelectedCell(): { row: number; col: number } | null {\n    return this.selectedCell;\n  }\n\n  /**\n   * Get all selected row indices (row mode).\n   */\n  getSelectedRows(): number[] {\n    return [...this.selected];\n  }\n\n  /**\n   * Get all selected cell ranges in public format.\n   */\n  getRanges(): CellRange[] {\n    return toPublicRanges(this.ranges);\n  }\n\n  /**\n   * Get all selected cells across all ranges.\n   */\n  getSelectedCells(): Array<{ row: number; col: number }> {\n    return getAllCellsInRanges(this.ranges);\n  }\n\n  /**\n   * Check if a specific cell is in range selection.\n   */\n  isCellSelected(row: number, col: number): boolean {\n    return isCellInAnyRange(row, col, this.ranges);\n  }\n\n  /**\n   * Clear all selection.\n   */\n  clearSelection(): void {\n    this.selectedCell = null;\n    this.selected.clear();\n    this.anchor = null;\n    this.ranges = [];\n    this.activeRange = null;\n    this.cellAnchor = null;\n    this.emit<SelectionChangeDetail>('selection-change', { mode: this.config.mode, ranges: [] });\n    this.requestAfterRender();\n  }\n\n  /**\n   * Set selected ranges programmatically.\n   */\n  setRanges(ranges: CellRange[]): void {\n    this.ranges = ranges.map((r) => ({\n      startRow: r.from.row,\n      startCol: r.from.col,\n      endRow: r.to.row,\n      endCol: r.to.col,\n    }));\n    this.activeRange = this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] : null;\n    this.emit<SelectionChangeDetail>('selection-change', {\n      mode: this.config.mode,\n      ranges: toPublicRanges(this.ranges),\n    });\n    this.requestAfterRender();\n  }\n\n  // ===== Private Helpers =====\n\n  #buildEvent(): SelectionChangeDetail {\n    return buildSelectionEvent(\n      this.config.mode,\n      {\n        selectedCell: this.selectedCell,\n        selected: this.selected,\n        ranges: this.ranges,\n      },\n      this.columns.length\n    );\n  }\n\n  // ===== Styles =====\n\n  override readonly styles = `\n    /* Prevent text selection during range drag */\n    :host .selecting .data-grid-row > .cell {\n      user-select: none;\n    }\n\n    /* Row selection - use accent color for row focus */\n    :host .data-grid-row.row-focus {\n      background-color: var(--tbw-focus-background, rgba(from var(--tbw-color-accent) r g b / 12%));\n    }\n\n    /* Disable cell-focus outline in row mode - row is the focus unit */\n    :host([data-selection-mode=\"row\"]) .cell-focus {\n      outline: none;\n    }\n\n    /* Selection cell styles - for range mode */\n    :host .data-grid-row > .cell.selected {\n      background-color: var(--tbw-range-selection-bg);\n    }\n    :host .data-grid-row > .cell.selected.top {\n      border-top: 2px solid var(--tbw-range-border-color);\n    }\n    :host .data-grid-row > .cell.selected.bottom {\n      border-bottom: 2px solid var(--tbw-range-border-color);\n    }\n    :host .data-grid-row > .cell.selected.first {\n      border-left: 2px solid var(--tbw-range-border-color);\n    }\n    :host .data-grid-row > .cell.selected.last {\n      border-right: 2px solid var(--tbw-range-border-color);\n    }\n  `;\n}\n","/**\n * Row Selection Core Logic\n *\n * Pure functions for row selection operations.\n */\n\nimport type { SelectionMode, SelectionState } from './types';\n\n/** Click modifier keys state */\nexport interface ClickModifiers {\n  shiftKey: boolean;\n  ctrlKey: boolean;\n  metaKey: boolean;\n}\n\n/** Result from handling a row click for selection */\nexport interface RowClickResult {\n  selected: Set<number>;\n  lastSelected: number;\n  anchor: number | null;\n}\n\n/**\n * Handle a row click event for selection purposes.\n *\n * In single mode: always selects the clicked row, clearing others.\n * In multiple mode:\n *   - Plain click: clears selection and selects clicked row\n *   - Ctrl/Cmd+click: toggles the clicked row\n *   - Shift+click: range select from anchor to clicked row\n *\n * @param state - Current selection state\n * @param rowIndex - The clicked row index\n * @param mode - Selection mode ('single' or 'multiple')\n * @param modifiers - Keyboard modifiers held during click\n * @returns Updated selection state values\n */\nexport function handleRowClick(\n  state: SelectionState,\n  rowIndex: number,\n  mode: SelectionMode,\n  modifiers: ClickModifiers\n): RowClickResult {\n  const newSelected = new Set(state.selected);\n  let anchor = state.anchor;\n\n  if ((mode as string) === 'single') {\n    newSelected.clear();\n    newSelected.add(rowIndex);\n    anchor = rowIndex;\n  } else if ((mode as string) === 'multiple') {\n    const ctrlOrMeta = modifiers.ctrlKey || modifiers.metaKey;\n\n    if (modifiers.shiftKey && state.anchor !== null) {\n      // Range selection from anchor\n      const start = Math.min(state.anchor, rowIndex);\n      const end = Math.max(state.anchor, rowIndex);\n      for (let i = start; i <= end; i++) {\n        newSelected.add(i);\n      }\n    } else if (ctrlOrMeta) {\n      // Toggle selection\n      if (newSelected.has(rowIndex)) {\n        newSelected.delete(rowIndex);\n      } else {\n        newSelected.add(rowIndex);\n      }\n      anchor = rowIndex;\n    } else {\n      // Clear and select single\n      newSelected.clear();\n      newSelected.add(rowIndex);\n      anchor = rowIndex;\n    }\n  }\n\n  return { selected: newSelected, lastSelected: rowIndex, anchor };\n}\n\n/**\n * Create a set containing all row indices (for select all).\n *\n * @param rowCount - Total number of rows\n * @returns Set containing indices 0 to rowCount-1\n */\nexport function selectAll(rowCount: number): Set<number> {\n  const selected = new Set<number>();\n  for (let i = 0; i < rowCount; i++) {\n    selected.add(i);\n  }\n  return selected;\n}\n\n/**\n * Compute the difference between two selection states.\n *\n * @param oldSelected - Previous selection set\n * @param newSelected - New selection set\n * @returns Object with added and removed row indices\n */\nexport function computeSelectionDiff(\n  oldSelected: Set<number>,\n  newSelected: Set<number>\n): { added: number[]; removed: number[] } {\n  const added: number[] = [];\n  const removed: number[] = [];\n\n  for (const idx of newSelected) {\n    if (!oldSelected.has(idx)) added.push(idx);\n  }\n  for (const idx of oldSelected) {\n    if (!newSelected.has(idx)) removed.push(idx);\n  }\n\n  return { added, removed };\n}\n"],"names":["normalizeRange","range","toPublicRange","normalized","toPublicRanges","ranges","isCellInRange","row","col","isCellInAnyRange","getCellsInRange","cells","getAllCellsInRanges","cellMap","cell","createRangeFromAnchor","anchor","current","buildSelectionEvent","mode","state","colCount","rowIndex","SelectionPlugin","BaseGridPlugin","event","colIndex","originalEvent","#buildEvent","shiftKey","ctrlKey","newRange","rowCount","allRange","_event","shadowRoot","container","allRows","firstCell","r","handleRowClick","modifiers","newSelected","ctrlOrMeta","start","end","i","selectAll","selected","computeSelectionDiff","oldSelected","added","removed","idx"],"mappings":"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"}
+{"version":3,"file":"selection.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/selection/range-selection.ts","../../../../../libs/grid/src/lib/plugins/selection/SelectionPlugin.ts","../../../../../libs/grid/src/lib/plugins/selection/row-selection.ts"],"sourcesContent":["/**\n * Cell Range Selection Core Logic\n *\n * Pure functions for cell range selection operations.\n */\n\nimport type { InternalCellRange, CellRange } from './types';\n\n/**\n * Normalize a range so startRow/startCol are always <= endRow/endCol.\n * This handles cases where user drags from bottom-right to top-left.\n *\n * @param range - The range to normalize\n * @returns Normalized range with start <= end for both dimensions\n */\nexport function normalizeRange(range: InternalCellRange): InternalCellRange {\n  return {\n    startRow: Math.min(range.startRow, range.endRow),\n    startCol: Math.min(range.startCol, range.endCol),\n    endRow: Math.max(range.startRow, range.endRow),\n    endCol: Math.max(range.startCol, range.endCol),\n  };\n}\n\n/**\n * Convert an internal range to the public event format.\n *\n * @param range - The internal range to convert\n * @returns Public CellRange format with from/to coordinates\n */\nexport function toPublicRange(range: InternalCellRange): CellRange {\n  const normalized = normalizeRange(range);\n  return {\n    from: { row: normalized.startRow, col: normalized.startCol },\n    to: { row: normalized.endRow, col: normalized.endCol },\n  };\n}\n\n/**\n * Convert multiple internal ranges to public format.\n *\n * @param ranges - Array of internal ranges\n * @returns Array of public CellRange format\n */\nexport function toPublicRanges(ranges: InternalCellRange[]): CellRange[] {\n  return ranges.map(toPublicRange);\n}\n\n/**\n * Check if a cell is within a specific range.\n *\n * @param row - The row index to check\n * @param col - The column index to check\n * @param range - The range to check against\n * @returns True if the cell is within the range\n */\nexport function isCellInRange(row: number, col: number, range: InternalCellRange): boolean {\n  const normalized = normalizeRange(range);\n  return (\n    row >= normalized.startRow && row <= normalized.endRow && col >= normalized.startCol && col <= normalized.endCol\n  );\n}\n\n/**\n * Check if a cell is within any of the provided ranges.\n *\n * @param row - The row index to check\n * @param col - The column index to check\n * @param ranges - Array of ranges to check against\n * @returns True if the cell is within any range\n */\nexport function isCellInAnyRange(row: number, col: number, ranges: InternalCellRange[]): boolean {\n  return ranges.some((range) => isCellInRange(row, col, range));\n}\n\n/**\n * Get all cells within a range as an array of {row, col} objects.\n *\n * @param range - The range to enumerate\n * @returns Array of all cell coordinates in the range\n */\nexport function getCellsInRange(range: InternalCellRange): Array<{ row: number; col: number }> {\n  const cells: Array<{ row: number; col: number }> = [];\n  const normalized = normalizeRange(range);\n\n  for (let row = normalized.startRow; row <= normalized.endRow; row++) {\n    for (let col = normalized.startCol; col <= normalized.endCol; col++) {\n      cells.push({ row, col });\n    }\n  }\n\n  return cells;\n}\n\n/**\n * Get all unique cells across multiple ranges.\n * Deduplicates cells that appear in overlapping ranges.\n *\n * @param ranges - Array of ranges to enumerate\n * @returns Array of unique cell coordinates\n */\nexport function getAllCellsInRanges(ranges: InternalCellRange[]): Array<{ row: number; col: number }> {\n  const cellMap = new Map<string, { row: number; col: number }>();\n\n  for (const range of ranges) {\n    for (const cell of getCellsInRange(range)) {\n      cellMap.set(`${cell.row},${cell.col}`, cell);\n    }\n  }\n\n  return [...cellMap.values()];\n}\n\n/**\n * Merge overlapping or adjacent ranges into fewer ranges.\n * Simple implementation - returns ranges as-is for now.\n * More complex merging logic can be added later for optimization.\n *\n * @param ranges - Array of ranges to merge\n * @returns Merged array of ranges\n */\nexport function mergeRanges(ranges: InternalCellRange[]): InternalCellRange[] {\n  // Simple implementation - more complex merging can be added later\n  return ranges;\n}\n\n/**\n * Create a range from an anchor cell to a current cell position.\n * The range is not normalized - it preserves the direction of selection.\n *\n * @param anchor - The anchor cell (where selection started)\n * @param current - The current cell (where selection ends)\n * @returns An InternalCellRange from anchor to current\n */\nexport function createRangeFromAnchor(\n  anchor: { row: number; col: number },\n  current: { row: number; col: number }\n): InternalCellRange {\n  return {\n    startRow: anchor.row,\n    startCol: anchor.col,\n    endRow: current.row,\n    endCol: current.col,\n  };\n}\n\n/**\n * Calculate the number of cells in a range.\n *\n * @param range - The range to measure\n * @returns Total number of cells in the range\n */\nexport function getRangeCellCount(range: InternalCellRange): number {\n  const normalized = normalizeRange(range);\n  const rowCount = normalized.endRow - normalized.startRow + 1;\n  const colCount = normalized.endCol - normalized.startCol + 1;\n  return rowCount * colCount;\n}\n\n/**\n * Check if two ranges are equal (same boundaries).\n *\n * @param a - First range\n * @param b - Second range\n * @returns True if ranges have same boundaries after normalization\n */\nexport function rangesEqual(a: InternalCellRange, b: InternalCellRange): boolean {\n  const normA = normalizeRange(a);\n  const normB = normalizeRange(b);\n  return (\n    normA.startRow === normB.startRow &&\n    normA.startCol === normB.startCol &&\n    normA.endRow === normB.endRow &&\n    normA.endCol === normB.endCol\n  );\n}\n\n/**\n * Check if a range is a single cell (1x1).\n *\n * @param range - The range to check\n * @returns True if the range is exactly one cell\n */\nexport function isSingleCell(range: InternalCellRange): boolean {\n  const normalized = normalizeRange(range);\n  return normalized.startRow === normalized.endRow && normalized.startCol === normalized.endCol;\n}\n","/**\n * Selection Plugin (Class-based)\n *\n * Provides selection functionality for tbw-grid.\n * Supports three modes:\n * - 'cell': Single cell selection (default). No border, just focus highlight.\n * - 'row': Row selection. Clicking a cell selects the entire row.\n * - 'range': Range selection. Shift+click or drag to select rectangular cell ranges.\n */\n\nimport { BaseGridPlugin, CellClickEvent, CellMouseEvent, ScrollEvent } from '../../core/plugin/base-plugin';\nimport {\n  createRangeFromAnchor,\n  getAllCellsInRanges,\n  isCellInAnyRange,\n  normalizeRange,\n  toPublicRanges,\n} from './range-selection';\nimport type { CellRange, InternalCellRange, SelectionChangeDetail, SelectionConfig, SelectionMode } from './types';\n\n/**\n * Build the selection change event detail for the current state.\n */\nfunction buildSelectionEvent(\n  mode: SelectionMode,\n  state: {\n    selectedCell: { row: number; col: number } | null;\n    selected: Set<number>;\n    ranges: InternalCellRange[];\n  },\n  colCount: number\n): SelectionChangeDetail {\n  if (mode === 'cell' && state.selectedCell) {\n    return {\n      mode,\n      ranges: [\n        {\n          from: { row: state.selectedCell.row, col: state.selectedCell.col },\n          to: { row: state.selectedCell.row, col: state.selectedCell.col },\n        },\n      ],\n    };\n  }\n\n  if (mode === 'row' && state.selected.size > 0) {\n    const ranges = [...state.selected].map((rowIndex) => ({\n      from: { row: rowIndex, col: 0 },\n      to: { row: rowIndex, col: colCount - 1 },\n    }));\n    return { mode, ranges };\n  }\n\n  if (mode === 'range' && state.ranges.length > 0) {\n    return { mode, ranges: toPublicRanges(state.ranges) };\n  }\n\n  return { mode, ranges: [] };\n}\n\n/**\n * Selection Plugin for tbw-grid\n *\n * @example\n * ```ts\n * new SelectionPlugin({ mode: 'range' })\n * ```\n */\nexport class SelectionPlugin extends BaseGridPlugin<SelectionConfig> {\n  readonly name = 'selection';\n  override readonly version = '1.0.0';\n\n  protected override get defaultConfig(): Partial<SelectionConfig> {\n    return {\n      mode: 'cell',\n    };\n  }\n\n  // ===== Internal State =====\n  /** Row selection state (row mode) */\n  private selected = new Set<number>();\n  private lastSelected: number | null = null;\n  private anchor: number | null = null;\n\n  /** Range selection state (range mode) */\n  private ranges: InternalCellRange[] = [];\n  private activeRange: InternalCellRange | null = null;\n  private cellAnchor: { row: number; col: number } | null = null;\n  private isDragging = false;\n\n  /** Cell selection state (cell mode) */\n  private selectedCell: { row: number; col: number } | null = null;\n\n  // ===== Lifecycle =====\n\n  override detach(): void {\n    this.selected.clear();\n    this.ranges = [];\n    this.activeRange = null;\n    this.cellAnchor = null;\n    this.isDragging = false;\n    this.selectedCell = null;\n  }\n\n  // ===== Event Handlers =====\n\n  override onCellClick(event: CellClickEvent): boolean {\n    const { rowIndex, colIndex, originalEvent } = event;\n    const { mode } = this.config;\n\n    // ===== CELL MODE: Single cell selection =====\n    if (mode === 'cell') {\n      this.selectedCell = { row: rowIndex, col: colIndex };\n      this.emit<SelectionChangeDetail>('selection-change', this.#buildEvent());\n      this.requestAfterRender();\n      return false;\n    }\n\n    // ===== ROW MODE: Select entire row =====\n    if (mode === 'row') {\n      this.selected.clear();\n      this.selected.add(rowIndex);\n      this.lastSelected = rowIndex;\n\n      this.emit<SelectionChangeDetail>('selection-change', this.#buildEvent());\n      this.requestAfterRender();\n      return false;\n    }\n\n    // ===== RANGE MODE: Shift+click extends selection, click starts new =====\n    if (mode === 'range') {\n      const shiftKey = originalEvent.shiftKey;\n      const ctrlKey = originalEvent.ctrlKey || originalEvent.metaKey;\n\n      if (shiftKey && this.cellAnchor) {\n        // Extend selection from anchor\n        const newRange = createRangeFromAnchor(this.cellAnchor, { row: rowIndex, col: colIndex });\n\n        if (ctrlKey) {\n          if (this.ranges.length > 0) {\n            this.ranges[this.ranges.length - 1] = newRange;\n          } else {\n            this.ranges.push(newRange);\n          }\n        } else {\n          this.ranges = [newRange];\n        }\n        this.activeRange = newRange;\n      } else if (ctrlKey) {\n        const newRange: InternalCellRange = {\n          startRow: rowIndex,\n          startCol: colIndex,\n          endRow: rowIndex,\n          endCol: colIndex,\n        };\n        this.ranges.push(newRange);\n        this.activeRange = newRange;\n        this.cellAnchor = { row: rowIndex, col: colIndex };\n      } else {\n        const newRange: InternalCellRange = {\n          startRow: rowIndex,\n          startCol: colIndex,\n          endRow: rowIndex,\n          endCol: colIndex,\n        };\n        this.ranges = [newRange];\n        this.activeRange = newRange;\n        this.cellAnchor = { row: rowIndex, col: colIndex };\n      }\n\n      this.emit<SelectionChangeDetail>('selection-change', this.#buildEvent());\n\n      this.requestAfterRender();\n      return false;\n    }\n\n    return false;\n  }\n\n  override onKeyDown(event: KeyboardEvent): boolean {\n    const { mode } = this.config;\n\n    // Escape clears selection in all modes\n    if (event.key === 'Escape') {\n      if (mode === 'cell') {\n        this.selectedCell = null;\n      } else if (mode === 'row') {\n        this.selected.clear();\n        this.anchor = null;\n      } else if (mode === 'range') {\n        this.ranges = [];\n        this.activeRange = null;\n        this.cellAnchor = null;\n      }\n      this.emit<SelectionChangeDetail>('selection-change', this.#buildEvent());\n      this.requestAfterRender();\n      return true;\n    }\n\n    // Ctrl+A selects all in range mode\n    if (mode === 'range' && event.key === 'a' && (event.ctrlKey || event.metaKey)) {\n      const rowCount = this.rows.length;\n      const colCount = this.columns.length;\n      if (rowCount > 0 && colCount > 0) {\n        const allRange: InternalCellRange = {\n          startRow: 0,\n          startCol: 0,\n          endRow: rowCount - 1,\n          endCol: colCount - 1,\n        };\n        this.ranges = [allRange];\n        this.activeRange = allRange;\n        this.emit<SelectionChangeDetail>('selection-change', this.#buildEvent());\n        this.requestAfterRender();\n        return true;\n      }\n    }\n\n    return false;\n  }\n\n  override onCellMouseDown(event: CellMouseEvent): boolean | void {\n    if (this.config.mode !== 'range') return;\n    if (event.rowIndex === undefined || event.colIndex === undefined) return;\n    if (event.rowIndex < 0) return; // Header\n\n    // Let onCellClick handle shift+click for range extension\n    if (event.originalEvent.shiftKey && this.cellAnchor) {\n      return;\n    }\n\n    // Start drag selection\n    this.isDragging = true;\n    const rowIndex = event.rowIndex;\n    const colIndex = event.colIndex;\n    this.cellAnchor = { row: rowIndex, col: colIndex };\n\n    const ctrlKey = event.originalEvent.ctrlKey || event.originalEvent.metaKey;\n    if (!ctrlKey) {\n      this.ranges = [];\n    }\n\n    const newRange: InternalCellRange = {\n      startRow: rowIndex,\n      startCol: colIndex,\n      endRow: rowIndex,\n      endCol: colIndex,\n    };\n    this.ranges.push(newRange);\n    this.activeRange = newRange;\n\n    this.emit<SelectionChangeDetail>('selection-change', this.#buildEvent());\n    this.requestAfterRender();\n    return true;\n  }\n\n  override onCellMouseMove(event: CellMouseEvent): boolean | void {\n    if (this.config.mode !== 'range') return;\n    if (!this.isDragging || !this.cellAnchor) return;\n    if (event.rowIndex === undefined || event.colIndex === undefined) return;\n    if (event.rowIndex < 0) return;\n\n    const newRange = createRangeFromAnchor(this.cellAnchor, { row: event.rowIndex, col: event.colIndex });\n\n    if (this.ranges.length > 0) {\n      this.ranges[this.ranges.length - 1] = newRange;\n    } else {\n      this.ranges.push(newRange);\n    }\n    this.activeRange = newRange;\n\n    this.emit<SelectionChangeDetail>('selection-change', this.#buildEvent());\n    this.requestAfterRender();\n    return true;\n  }\n\n  override onCellMouseUp(_event: CellMouseEvent): boolean | void {\n    if (this.config.mode !== 'range') return;\n    if (this.isDragging) {\n      this.isDragging = false;\n      return true;\n    }\n  }\n\n  /**\n   * Apply selection classes to visible cells/rows.\n   * Shared by afterRender and onScrollRender.\n   */\n  #applySelectionClasses(): void {\n    const shadowRoot = this.shadowRoot;\n    if (!shadowRoot) return;\n\n    const { mode } = this.config;\n\n    // Clear all selection classes first\n    const allCells = shadowRoot.querySelectorAll('.cell');\n    allCells.forEach((cell) => {\n      cell.classList.remove('selected', 'top', 'bottom', 'first', 'last');\n    });\n\n    const allRows = shadowRoot.querySelectorAll('.data-grid-row');\n    allRows.forEach((row) => {\n      row.classList.remove('selected', 'row-focus');\n    });\n\n    // ===== ROW MODE: Add row-focus class to selected rows =====\n    if (mode === 'row') {\n      allRows.forEach((row) => {\n        const firstCell = row.querySelector('.cell[data-row]');\n        const rowIndex = parseInt(firstCell?.getAttribute('data-row') ?? '-1', 10);\n        if (rowIndex >= 0 && this.selected.has(rowIndex)) {\n          row.classList.add('selected', 'row-focus');\n          // Remove cell-focus from all cells in selected rows\n          row.querySelectorAll('.cell-focus').forEach((cell) => cell.classList.remove('cell-focus'));\n        }\n      });\n    }\n\n    // ===== RANGE MODE: Add selected and edge classes to cells =====\n    if (mode === 'range' && this.ranges.length > 0) {\n      const normalized = this.activeRange ? normalizeRange(this.activeRange) : null;\n\n      const cells = shadowRoot.querySelectorAll('.cell[data-row][data-col]');\n      cells.forEach((cell) => {\n        const rowIndex = parseInt(cell.getAttribute('data-row') ?? '-1', 10);\n        const colIndex = parseInt(cell.getAttribute('data-col') ?? '-1', 10);\n        if (rowIndex >= 0 && colIndex >= 0) {\n          const inRange = isCellInAnyRange(rowIndex, colIndex, this.ranges);\n\n          if (inRange) {\n            cell.classList.add('selected');\n            // Remove cell-focus from selected cells - selection highlight takes precedence\n            cell.classList.remove('cell-focus');\n\n            if (normalized) {\n              if (rowIndex === normalized.startRow) cell.classList.add('top');\n              if (rowIndex === normalized.endRow) cell.classList.add('bottom');\n              if (colIndex === normalized.startCol) cell.classList.add('first');\n              if (colIndex === normalized.endCol) cell.classList.add('last');\n            }\n          }\n        }\n      });\n    }\n\n    // ===== CELL MODE: Remove cell-focus when selection plugin handles focus =====\n    if (mode === 'cell' && this.selectedCell) {\n      // Remove all cell-focus - the selection plugin manages focus styling\n      shadowRoot.querySelectorAll('.cell-focus').forEach((cell) => cell.classList.remove('cell-focus'));\n    }\n  }\n\n  override afterRender(): void {\n    const shadowRoot = this.shadowRoot;\n    if (!shadowRoot) return;\n\n    const container = shadowRoot.children[0];\n    const { mode } = this.config;\n\n    // Set data attribute on host for CSS variable scoping\n    (this.grid as unknown as Element).setAttribute('data-selection-mode', mode);\n\n    // Toggle .selecting class during drag to prevent text selection\n    if (container) {\n      container.classList.toggle('selecting', this.isDragging);\n    }\n\n    this.#applySelectionClasses();\n  }\n\n  /**\n   * Called after scroll-triggered row rendering.\n   * Reapplies selection classes to recycled DOM elements.\n   */\n  override onScrollRender(): void {\n    this.#applySelectionClasses();\n  }\n\n  // ===== Public API =====\n\n  /**\n   * Get the selected cell (cell mode only).\n   */\n  getSelectedCell(): { row: number; col: number } | null {\n    return this.selectedCell;\n  }\n\n  /**\n   * Get all selected row indices (row mode).\n   */\n  getSelectedRows(): number[] {\n    return [...this.selected];\n  }\n\n  /**\n   * Get all selected cell ranges in public format.\n   */\n  getRanges(): CellRange[] {\n    return toPublicRanges(this.ranges);\n  }\n\n  /**\n   * Get all selected cells across all ranges.\n   */\n  getSelectedCells(): Array<{ row: number; col: number }> {\n    return getAllCellsInRanges(this.ranges);\n  }\n\n  /**\n   * Check if a specific cell is in range selection.\n   */\n  isCellSelected(row: number, col: number): boolean {\n    return isCellInAnyRange(row, col, this.ranges);\n  }\n\n  /**\n   * Clear all selection.\n   */\n  clearSelection(): void {\n    this.selectedCell = null;\n    this.selected.clear();\n    this.anchor = null;\n    this.ranges = [];\n    this.activeRange = null;\n    this.cellAnchor = null;\n    this.emit<SelectionChangeDetail>('selection-change', { mode: this.config.mode, ranges: [] });\n    this.requestAfterRender();\n  }\n\n  /**\n   * Set selected ranges programmatically.\n   */\n  setRanges(ranges: CellRange[]): void {\n    this.ranges = ranges.map((r) => ({\n      startRow: r.from.row,\n      startCol: r.from.col,\n      endRow: r.to.row,\n      endCol: r.to.col,\n    }));\n    this.activeRange = this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] : null;\n    this.emit<SelectionChangeDetail>('selection-change', {\n      mode: this.config.mode,\n      ranges: toPublicRanges(this.ranges),\n    });\n    this.requestAfterRender();\n  }\n\n  // ===== Private Helpers =====\n\n  #buildEvent(): SelectionChangeDetail {\n    return buildSelectionEvent(\n      this.config.mode,\n      {\n        selectedCell: this.selectedCell,\n        selected: this.selected,\n        ranges: this.ranges,\n      },\n      this.columns.length\n    );\n  }\n\n  // ===== Styles =====\n\n  override readonly styles = `\n    /* Prevent text selection during range drag */\n    :host .selecting .data-grid-row > .cell {\n      user-select: none;\n    }\n\n    /* Row selection - use accent color for row focus */\n    :host .data-grid-row.row-focus {\n      background-color: var(--tbw-focus-background, rgba(from var(--tbw-color-accent) r g b / 12%));\n    }\n\n    /* Disable cell-focus outline in row mode - row is the focus unit */\n    :host([data-selection-mode=\"row\"]) .cell-focus {\n      outline: none;\n    }\n\n    /* Selection cell styles - for range mode */\n    :host .data-grid-row > .cell.selected {\n      background-color: var(--tbw-range-selection-bg);\n    }\n    :host .data-grid-row > .cell.selected.top {\n      border-top: 2px solid var(--tbw-range-border-color);\n    }\n    :host .data-grid-row > .cell.selected.bottom {\n      border-bottom: 2px solid var(--tbw-range-border-color);\n    }\n    :host .data-grid-row > .cell.selected.first {\n      border-left: 2px solid var(--tbw-range-border-color);\n    }\n    :host .data-grid-row > .cell.selected.last {\n      border-right: 2px solid var(--tbw-range-border-color);\n    }\n  `;\n}\n","/**\n * Row Selection Core Logic\n *\n * Pure functions for row selection operations.\n */\n\nimport type { SelectionMode, SelectionState } from './types';\n\n/** Click modifier keys state */\nexport interface ClickModifiers {\n  shiftKey: boolean;\n  ctrlKey: boolean;\n  metaKey: boolean;\n}\n\n/** Result from handling a row click for selection */\nexport interface RowClickResult {\n  selected: Set<number>;\n  lastSelected: number;\n  anchor: number | null;\n}\n\n/**\n * Handle a row click event for selection purposes.\n *\n * In single mode: always selects the clicked row, clearing others.\n * In multiple mode:\n *   - Plain click: clears selection and selects clicked row\n *   - Ctrl/Cmd+click: toggles the clicked row\n *   - Shift+click: range select from anchor to clicked row\n *\n * @param state - Current selection state\n * @param rowIndex - The clicked row index\n * @param mode - Selection mode ('single' or 'multiple')\n * @param modifiers - Keyboard modifiers held during click\n * @returns Updated selection state values\n */\nexport function handleRowClick(\n  state: SelectionState,\n  rowIndex: number,\n  mode: SelectionMode,\n  modifiers: ClickModifiers\n): RowClickResult {\n  const newSelected = new Set(state.selected);\n  let anchor = state.anchor;\n\n  if ((mode as string) === 'single') {\n    newSelected.clear();\n    newSelected.add(rowIndex);\n    anchor = rowIndex;\n  } else if ((mode as string) === 'multiple') {\n    const ctrlOrMeta = modifiers.ctrlKey || modifiers.metaKey;\n\n    if (modifiers.shiftKey && state.anchor !== null) {\n      // Range selection from anchor\n      const start = Math.min(state.anchor, rowIndex);\n      const end = Math.max(state.anchor, rowIndex);\n      for (let i = start; i <= end; i++) {\n        newSelected.add(i);\n      }\n    } else if (ctrlOrMeta) {\n      // Toggle selection\n      if (newSelected.has(rowIndex)) {\n        newSelected.delete(rowIndex);\n      } else {\n        newSelected.add(rowIndex);\n      }\n      anchor = rowIndex;\n    } else {\n      // Clear and select single\n      newSelected.clear();\n      newSelected.add(rowIndex);\n      anchor = rowIndex;\n    }\n  }\n\n  return { selected: newSelected, lastSelected: rowIndex, anchor };\n}\n\n/**\n * Create a set containing all row indices (for select all).\n *\n * @param rowCount - Total number of rows\n * @returns Set containing indices 0 to rowCount-1\n */\nexport function selectAll(rowCount: number): Set<number> {\n  const selected = new Set<number>();\n  for (let i = 0; i < rowCount; i++) {\n    selected.add(i);\n  }\n  return selected;\n}\n\n/**\n * Compute the difference between two selection states.\n *\n * @param oldSelected - Previous selection set\n * @param newSelected - New selection set\n * @returns Object with added and removed row indices\n */\nexport function computeSelectionDiff(\n  oldSelected: Set<number>,\n  newSelected: Set<number>\n): { added: number[]; removed: number[] } {\n  const added: number[] = [];\n  const removed: number[] = [];\n\n  for (const idx of newSelected) {\n    if (!oldSelected.has(idx)) added.push(idx);\n  }\n  for (const idx of oldSelected) {\n    if (!newSelected.has(idx)) removed.push(idx);\n  }\n\n  return { added, removed };\n}\n"],"names":["normalizeRange","range","toPublicRange","normalized","toPublicRanges","ranges","isCellInRange","row","col","isCellInAnyRange","getCellsInRange","cells","getAllCellsInRanges","cellMap","cell","createRangeFromAnchor","anchor","current","buildSelectionEvent","mode","state","colCount","rowIndex","SelectionPlugin","BaseGridPlugin","event","colIndex","originalEvent","#buildEvent","shiftKey","ctrlKey","newRange","rowCount","allRange","_event","#applySelectionClasses","shadowRoot","allRows","firstCell","container","r","handleRowClick","modifiers","newSelected","ctrlOrMeta","start","end","i","selectAll","selected","computeSelectionDiff","oldSelected","added","removed","idx"],"mappings":"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"}

package/umd/plugins/tree.umd.js

@@ -1,4 +1,4 @@
-(function(h,y){typeof exports=="object"&&typeof module<"u"?y(exports,require("../../core/plugin/base-plugin")):typeof define=="function"&&define.amd?define(["exports","../../core/plugin/base-plugin"],y):(h=typeof globalThis<"u"?globalThis:h||self,y(h.TbwGridPlugin_tree={},h.TbwGrid))})(this,(function(h,y){"use strict";function w(i,e,t){return i.id!==void 0?String(i.id):t?`${t}-${e}`:String(e)}function m(i,e,t,n=null,r=0){const d=e.childrenField??"children",s=[];for(let c=0;c<i.length;c++){const a=i[c],o=w(a,c,n),u=a[d],p=Array.isArray(u)&&u.length>0,g=t.has(o);if(s.push({key:o,data:a,depth:r,hasChildren:p,isExpanded:g,parentKey:n}),p&&g){const R=m(u,e,t,o,r+1);s.push(...R)}}return s}function E(i,e){const t=new Set(i);return t.has(e)?t.delete(e):t.add(e),t}function A(i,e,t=null,n=0){const r=e.childrenField??"children",d=new Set;for(let s=0;s<i.length;s++){const c=i[s],a=w(c,s,t),o=c[r];if(Array.isArray(o)&&o.length>0){d.add(a);const u=A(o,e,a,n+1);for(const p of u)d.add(p)}}return d}function T(){return new Set}function C(i,e,t,n=null,r=0){const d=t.childrenField??"children";for(let s=0;s<i.length;s++){const c=i[s],a=w(c,s,n);if(a===e)return[a];const o=c[d];if(Array.isArray(o)&&o.length>0){const u=C(o,e,t,a,r+1);if(u)return[a,...u]}}return null}function F(i,e,t,n){const r=C(i,e,t);if(!r)return n;const d=new Set(n);for(let s=0;s<r.length-1;s++)d.add(r[s]);return d}function K(i,e="children"){if(!Array.isArray(i)||i.length===0)return!1;for(const t of i)if(t&&Array.isArray(t[e])&&t[e].length>0)return!0;return!1}function _(i){if(!Array.isArray(i)||i.length===0)return null;const e=["children","items","nodes","subRows","nested"];for(const t of i)if(!(!t||typeof t!="object")){for(const n of e)if(Array.isArray(t[n])&&t[n].length>0)return n}return null}function b(i,e="children",t=0){if(!Array.isArray(i)||i.length===0)return t;let n=t;for(const r of i){if(!r)continue;const d=r[e];if(Array.isArray(d)&&d.length>0){const s=b(d,e,t+1);s>n&&(n=s)}}return n}function S(i,e="children"){if(!Array.isArray(i))return 0;let t=0;for(const n of i){if(!n)continue;t++;const r=n[e];Array.isArray(r)&&(t+=S(r,e))}return t}class M extends y.BaseGridPlugin{name="tree";version="1.0.0";get defaultConfig(){return{enabled:!0,childrenField:"children",autoDetect:!0,defaultExpanded:!1,indentWidth:20,showExpandIcons:!0}}expandedKeys=new Set;initialExpansionDone=!1;flattenedRows=[];rowKeyMap=new Map;detach(){this.expandedKeys.clear(),this.initialExpansionDone=!1,this.flattenedRows=[],this.rowKeyMap.clear()}detect(e){if(!this.config.autoDetect)return!1;const t=this.config.childrenField??_(e)??"children";return K(e,t)}processRows(e){const t=this.config.childrenField??"children";if(!K(e,t))return this.flattenedRows=[],this.rowKeyMap.clear(),[...e];this.config.defaultExpanded&&!this.initialExpansionDone&&(this.expandedKeys=A(e,this.config),this.initialExpansionDone=!0),this.flattenedRows=m(e,this.config,this.expandedKeys),this.rowKeyMap.clear();for(const n of this.flattenedRows)this.rowKeyMap.set(n.key,n);return this.flattenedRows.map(n=>({...n.data,__treeKey:n.key,__treeDepth:n.depth,__treeHasChildren:n.hasChildren,__treeExpanded:n.isExpanded}))}processColumns(e){if(this.flattenedRows.length===0)return[...e];const t=this.config.indentWidth??20,n=this.config.showExpandIcons??!0,r=[...e];if(r.length>0){const d={...r[0]},s=d.viewRenderer;d.viewRenderer=c=>{const{value:a,row:o,column:u}=c,p=o.__treeDepth??0,g=o.__treeHasChildren??!1,R=o.__treeExpanded??!1,f=document.createElement("span");if(f.style.display="flex",f.style.alignItems="center",f.style.paddingLeft=`${p*t}px`,g&&n){const l=document.createElement("span");l.className="tree-toggle",l.textContent=R?"▼":"▶",l.style.cursor="pointer",l.style.marginRight="4px",l.style.fontSize="10px",l.setAttribute("data-tree-key",o.__treeKey),f.appendChild(l)}else if(n){const l=document.createElement("span");l.style.width="14px",l.style.display="inline-block",f.appendChild(l)}const x=document.createElement("span");if(s){const l=s(c);l instanceof Node?x.appendChild(l):x.textContent=String(l??a??"")}else x.textContent=String(a??"");return f.appendChild(x),f},r[0]=d}return r}onCellClick(e){const t=e.originalEvent?.target;if(!t?.classList.contains("tree-toggle"))return!1;const n=t.getAttribute("data-tree-key");if(!n)return!1;const r=this.rowKeyMap.get(n);return r?(this.expandedKeys=E(this.expandedKeys,n),this.emit("tree-expand",{key:n,row:r.data,expanded:this.expandedKeys.has(n),depth:r.depth}),this.requestRender(),!0):!1}expand(e){this.expandedKeys.add(e),this.requestRender()}collapse(e){this.expandedKeys.delete(e),this.requestRender()}toggle(e){this.expandedKeys=E(this.expandedKeys,e),this.requestRender()}expandAll(){this.expandedKeys=A(this.rows,this.config),this.requestRender()}collapseAll(){this.expandedKeys=T(),this.requestRender()}isExpanded(e){return this.expandedKeys.has(e)}getExpandedKeys(){return[...this.expandedKeys]}getFlattenedRows(){return[...this.flattenedRows]}getRowByKey(e){return this.rowKeyMap.get(e)?.data}expandToKey(e){this.expandedKeys=F(this.rows,e,this.config,this.expandedKeys),this.requestRender()}styles=`
+(function(u,p){typeof exports=="object"&&typeof module<"u"?p(exports,require("../../core/plugin/base-plugin")):typeof define=="function"&&define.amd?define(["exports","../../core/plugin/base-plugin"],p):(u=typeof globalThis<"u"?globalThis:u||self,p(u.TbwGridPlugin_tree={},u.TbwGrid))})(this,(function(u,p){"use strict";function w(r,e,t){return r.id!==void 0?String(r.id):t?`${t}-${e}`:String(e)}function m(r,e,t,n=null,i=0){const d=e.childrenField??"children",s=[];for(let c=0;c<r.length;c++){const l=r[c],a=w(l,c,n),h=l[d],y=Array.isArray(h)&&h.length>0,g=t.has(a);if(s.push({key:a,data:l,depth:i,hasChildren:y,isExpanded:g,parentKey:n}),y&&g){const R=m(h,e,t,a,i+1);s.push(...R)}}return s}function E(r,e){const t=new Set(r);return t.has(e)?t.delete(e):t.add(e),t}function A(r,e,t=null,n=0){const i=e.childrenField??"children",d=new Set;for(let s=0;s<r.length;s++){const c=r[s],l=w(c,s,t),a=c[i];if(Array.isArray(a)&&a.length>0){d.add(l);const h=A(a,e,l,n+1);for(const y of h)d.add(y)}}return d}function T(){return new Set}function _(r,e,t,n=null,i=0){const d=t.childrenField??"children";for(let s=0;s<r.length;s++){const c=r[s],l=w(c,s,n);if(l===e)return[l];const a=c[d];if(Array.isArray(a)&&a.length>0){const h=_(a,e,t,l,i+1);if(h)return[l,...h]}}return null}function F(r,e,t,n){const i=_(r,e,t);if(!i)return n;const d=new Set(n);for(let s=0;s<i.length-1;s++)d.add(i[s]);return d}function K(r,e="children"){if(!Array.isArray(r)||r.length===0)return!1;for(const t of r)if(t&&Array.isArray(t[e])&&t[e].length>0)return!0;return!1}function C(r){if(!Array.isArray(r)||r.length===0)return null;const e=["children","items","nodes","subRows","nested"];for(const t of r)if(!(!t||typeof t!="object")){for(const n of e)if(Array.isArray(t[n])&&t[n].length>0)return n}return null}function b(r,e="children",t=0){if(!Array.isArray(r)||r.length===0)return t;let n=t;for(const i of r){if(!i)continue;const d=i[e];if(Array.isArray(d)&&d.length>0){const s=b(d,e,t+1);s>n&&(n=s)}}return n}function S(r,e="children"){if(!Array.isArray(r))return 0;let t=0;for(const n of r){if(!n)continue;t++;const i=n[e];Array.isArray(i)&&(t+=S(i,e))}return t}class M extends p.BaseGridPlugin{name="tree";version="1.0.0";get defaultConfig(){return{enabled:!0,childrenField:"children",autoDetect:!0,defaultExpanded:!1,indentWidth:20,showExpandIcons:!0}}expandedKeys=new Set;initialExpansionDone=!1;flattenedRows=[];rowKeyMap=new Map;detach(){this.expandedKeys.clear(),this.initialExpansionDone=!1,this.flattenedRows=[],this.rowKeyMap.clear()}detect(e){if(!this.config.autoDetect)return!1;const t=this.config.childrenField??C(e)??"children";return K(e,t)}processRows(e){const t=this.config.childrenField??"children";if(!K(e,t))return this.flattenedRows=[],this.rowKeyMap.clear(),[...e];this.config.defaultExpanded&&!this.initialExpansionDone&&(this.expandedKeys=A(e,this.config),this.initialExpansionDone=!0),this.flattenedRows=m(e,this.config,this.expandedKeys),this.rowKeyMap.clear();for(const n of this.flattenedRows)this.rowKeyMap.set(n.key,n);return this.flattenedRows.map(n=>({...n.data,__treeKey:n.key,__treeDepth:n.depth,__treeHasChildren:n.hasChildren,__treeExpanded:n.isExpanded}))}processColumns(e){if(this.flattenedRows.length===0)return[...e];const t=this.config.indentWidth??20,n=this.config.showExpandIcons??!0,i=[...e];if(i.length>0){const d={...i[0]},s=d.viewRenderer;if(s?.__treeWrapped)return i;const c=l=>{const{value:a,row:h,column:y}=l,g=h.__treeDepth??0,R=h.__treeHasChildren??!1,k=h.__treeExpanded??!1,f=document.createElement("span");if(f.style.display="flex",f.style.alignItems="center",f.style.paddingLeft=`${g*t}px`,R&&n){const o=document.createElement("span");o.className="tree-toggle",o.textContent=k?"▼":"▶",o.style.cursor="pointer",o.style.marginRight="4px",o.style.fontSize="10px",o.setAttribute("data-tree-key",h.__treeKey),f.appendChild(o)}else if(n){const o=document.createElement("span");o.style.width="14px",o.style.display="inline-block",f.appendChild(o)}const x=document.createElement("span");if(s){const o=s(l);o instanceof Node?x.appendChild(o):x.textContent=String(o??a??"")}else x.textContent=String(a??"");return f.appendChild(x),f};c.__treeWrapped=!0,d.viewRenderer=c,i[0]=d}return i}onCellClick(e){const t=e.originalEvent?.target;if(!t?.classList.contains("tree-toggle"))return!1;const n=t.getAttribute("data-tree-key");if(!n)return!1;const i=this.rowKeyMap.get(n);return i?(this.expandedKeys=E(this.expandedKeys,n),this.emit("tree-expand",{key:n,row:i.data,expanded:this.expandedKeys.has(n),depth:i.depth}),this.requestRender(),!0):!1}expand(e){this.expandedKeys.add(e),this.requestRender()}collapse(e){this.expandedKeys.delete(e),this.requestRender()}toggle(e){this.expandedKeys=E(this.expandedKeys,e),this.requestRender()}expandAll(){this.expandedKeys=A(this.rows,this.config),this.requestRender()}collapseAll(){this.expandedKeys=T(),this.requestRender()}isExpanded(e){return this.expandedKeys.has(e)}getExpandedKeys(){return[...this.expandedKeys]}getFlattenedRows(){return[...this.flattenedRows]}getRowByKey(e){return this.rowKeyMap.get(e)?.data}expandToKey(e){this.expandedKeys=F(this.rows,e,this.config,this.expandedKeys),this.requestRender()}styles=`
     .tree-toggle {
       cursor: pointer;
       user-select: none;
@@ -7,5 +7,5 @@
     .tree-toggle:hover {
       color: var(--tbw-tree-accent, var(--tbw-color-accent));
     }
-  `}h.TreePlugin=M,h.countNodes=S,h.detectTreeStructure=K,h.getMaxDepth=b,h.inferChildrenField=_,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})}));
+  `}u.TreePlugin=M,u.countNodes=S,u.detectTreeStructure=K,u.getMaxDepth=b,u.inferChildrenField=C,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})}));
 //# sourceMappingURL=tree.umd.js.map

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\n/* eslint-disable @typescript-eslint/no-explicit-any */\n// The tree plugin intentionally uses `any` for maximum flexibility with user-defined row types.\n\nimport type { FlattenedTreeRow, TreeConfig } from './types';\n\n/**\n * Generates a unique key for a row.\n * Uses row.id if available, otherwise generates from path.\n */\nexport function generateRowKey(row: any, index: number, parentKey: string | null): string {\n  if (row.id !== undefined) return String(row.id);\n  return parentKey ? `${parentKey}-${index}` : String(index);\n}\n\n/**\n * Flattens a hierarchical tree into a flat array of rows with metadata.\n * Only includes children of expanded nodes.\n */\nexport function flattenTree(\n  rows: any[],\n  config: TreeConfig,\n  expandedKeys: Set<string>,\n  parentKey: string | null = null,\n  depth = 0\n): FlattenedTreeRow[] {\n  const childrenField = config.childrenField ?? 'children';\n  const result: FlattenedTreeRow[] = [];\n\n  for (let i = 0; i < rows.length; i++) {\n    const row = rows[i];\n    const key = generateRowKey(row, i, parentKey);\n    const children = row[childrenField];\n    const hasChildren = Array.isArray(children) && children.length > 0;\n    const isExpanded = expandedKeys.has(key);\n\n    result.push({\n      key,\n      data: row,\n      depth,\n      hasChildren,\n      isExpanded,\n      parentKey,\n    });\n\n    // Recursively add children if expanded\n    if (hasChildren && isExpanded) {\n      const childRows = flattenTree(children, config, expandedKeys, key, depth + 1);\n      result.push(...childRows);\n    }\n  }\n\n  return result;\n}\n\n/**\n * Toggles the expansion state of a row.\n * Returns a new Set with the toggled state.\n */\nexport function toggleExpand(expandedKeys: Set<string>, key: string): Set<string> {\n  const newExpanded = new Set(expandedKeys);\n  if (newExpanded.has(key)) {\n    newExpanded.delete(key);\n  } else {\n    newExpanded.add(key);\n  }\n  return newExpanded;\n}\n\n/**\n * Expands all nodes in the tree.\n * Returns a Set of all parent row keys.\n */\nexport function expandAll(rows: any[], config: TreeConfig, parentKey: string | null = null, depth = 0): Set<string> {\n  const childrenField = config.childrenField ?? 'children';\n  const keys = new Set<string>();\n\n  for (let i = 0; i < rows.length; i++) {\n    const row = rows[i];\n    const key = generateRowKey(row, i, parentKey);\n    const children = row[childrenField];\n\n    if (Array.isArray(children) && children.length > 0) {\n      keys.add(key);\n      const childKeys = expandAll(children, config, key, depth + 1);\n      for (const k of childKeys) keys.add(k);\n    }\n  }\n\n  return keys;\n}\n\n/**\n * Collapses all nodes.\n * Returns an empty Set.\n */\nexport function collapseAll(): Set<string> {\n  return new Set();\n}\n\n/**\n * Gets all descendants of a node from the flattened row list.\n * Useful for operations that need to affect an entire subtree.\n */\nexport function getDescendants(flattenedRows: FlattenedTreeRow[], parentKey: string): FlattenedTreeRow[] {\n  const descendants: FlattenedTreeRow[] = [];\n  let collecting = false;\n  let parentDepth = -1;\n\n  for (const row of flattenedRows) {\n    if (row.key === parentKey) {\n      collecting = true;\n      parentDepth = row.depth;\n      continue;\n    }\n\n    if (collecting) {\n      if (row.depth > parentDepth) {\n        descendants.push(row);\n      } else {\n        break; // No longer a descendant\n      }\n    }\n  }\n\n  return descendants;\n}\n\n/**\n * Finds the path from root to a specific row key.\n * Returns an array of keys from root to the target (inclusive).\n */\nexport function getPathToKey(\n  rows: any[],\n  targetKey: string,\n  config: TreeConfig,\n  parentKey: string | null = null,\n  depth = 0\n): string[] | null {\n  const childrenField = config.childrenField ?? 'children';\n\n  for (let i = 0; i < rows.length; i++) {\n    const row = rows[i];\n    const key = generateRowKey(row, i, parentKey);\n\n    if (key === targetKey) {\n      return [key];\n    }\n\n    const children = row[childrenField];\n    if (Array.isArray(children) && children.length > 0) {\n      const childPath = getPathToKey(children, targetKey, config, key, depth + 1);\n      if (childPath) {\n        return [key, ...childPath];\n      }\n    }\n  }\n\n  return null;\n}\n\n/**\n * Expands all ancestors of a specific row to make it visible.\n * Returns a new Set with the required keys added.\n */\nexport function expandToKey(\n  rows: any[],\n  targetKey: string,\n  config: TreeConfig,\n  existingExpanded: Set<string>\n): Set<string> {\n  const path = getPathToKey(rows, targetKey, config);\n  if (!path) return existingExpanded;\n\n  const newExpanded = new Set(existingExpanded);\n  // Add all keys except the last one (the target itself)\n  for (let i = 0; i < path.length - 1; i++) {\n    newExpanded.add(path[i]);\n  }\n  return newExpanded;\n}\n","/**\n * Tree Structure Auto-Detection\n *\n * Utilities for detecting hierarchical tree data structures.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n// The tree plugin intentionally uses `any` for maximum flexibility with user-defined row types.\n\n/**\n * Detects if the data has a tree structure by checking for children arrays.\n */\nexport function detectTreeStructure(rows: any[], childrenField = 'children'): boolean {\n  if (!Array.isArray(rows) || rows.length === 0) return false;\n\n  // Check if any row has a non-empty children array\n  for (const row of rows) {\n    if (row && Array.isArray(row[childrenField]) && row[childrenField].length > 0) {\n      return true;\n    }\n  }\n\n  return false;\n}\n\n/**\n * Attempts to infer the children field name from common patterns.\n * Returns the first field that contains an array with items.\n */\nexport function inferChildrenField(rows: any[]): string | null {\n  if (!Array.isArray(rows) || rows.length === 0) return null;\n\n  const commonArrayFields = ['children', 'items', 'nodes', 'subRows', 'nested'];\n\n  for (const row of rows) {\n    if (!row || typeof row !== 'object') continue;\n\n    for (const field of commonArrayFields) {\n      if (Array.isArray(row[field]) && row[field].length > 0) {\n        return field;\n      }\n    }\n  }\n\n  return null;\n}\n\n/**\n * Calculates the maximum depth of the tree.\n * Useful for layout calculations and virtualization.\n */\nexport function getMaxDepth(rows: any[], childrenField = 'children', currentDepth = 0): number {\n  if (!Array.isArray(rows) || rows.length === 0) return currentDepth;\n\n  let maxDepth = currentDepth;\n\n  for (const row of rows) {\n    if (!row) continue;\n    const children = row[childrenField];\n    if (Array.isArray(children) && children.length > 0) {\n      const childDepth = getMaxDepth(children, childrenField, currentDepth + 1);\n      if (childDepth > maxDepth) {\n        maxDepth = childDepth;\n      }\n    }\n  }\n\n  return maxDepth;\n}\n\n/**\n * Counts total nodes in the tree (including all descendants).\n */\nexport function countNodes(rows: any[], childrenField = 'children'): number {\n  if (!Array.isArray(rows)) return 0;\n\n  let count = 0;\n  for (const row of rows) {\n    if (!row) continue;\n    count++;\n    const children = row[childrenField];\n    if (Array.isArray(children)) {\n      count += countNodes(children, childrenField);\n    }\n  }\n\n  return count;\n}\n","/**\n * Tree Data Plugin (Class-based)\n *\n * Enables hierarchical tree data with expand/collapse and auto-detection.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n// The tree plugin intentionally uses `any` for maximum flexibility with user-defined row types.\n\nimport { BaseGridPlugin, CellClickEvent } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig } from '../../core/types';\nimport { collapseAll, expandAll, expandToKey, flattenTree, toggleExpand } from './tree-data';\nimport { detectTreeStructure, inferChildrenField } from './tree-detect';\nimport type { FlattenedTreeRow, TreeConfig, TreeExpandDetail } from './types';\n\n/**\n * Tree Data Plugin for tbw-grid\n *\n * Provides hierarchical tree data display with expand/collapse functionality.\n *\n * @example\n * ```ts\n * new TreePlugin({ defaultExpanded: true, indentWidth: 24 })\n * ```\n */\nexport class TreePlugin extends BaseGridPlugin<TreeConfig> {\n  readonly name = 'tree';\n  override readonly version = '1.0.0';\n\n  protected override get defaultConfig(): Partial<TreeConfig> {\n    return {\n      enabled: true,\n      childrenField: 'children',\n      autoDetect: true,\n      defaultExpanded: false,\n      indentWidth: 20,\n      showExpandIcons: true,\n    };\n  }\n\n  // ===== Internal State =====\n\n  /** Set of expanded row keys */\n  private expandedKeys = new Set<string>();\n\n  /** Whether initial expansion (based on defaultExpanded config) has been applied */\n  private initialExpansionDone = false;\n\n  /** Flattened tree rows for rendering */\n  private flattenedRows: FlattenedTreeRow[] = [];\n\n  /** Map from key to flattened row for quick lookup */\n  private rowKeyMap = new Map<string, FlattenedTreeRow>();\n\n  // ===== Lifecycle =====\n\n  override detach(): void {\n    this.expandedKeys.clear();\n    this.initialExpansionDone = false;\n    this.flattenedRows = [];\n    this.rowKeyMap.clear();\n  }\n\n  // ===== Auto-Detection =====\n\n  /**\n   * Detects if tree functionality should be enabled based on data structure.\n   * Called by the grid during plugin initialization.\n   */\n  detect(rows: readonly unknown[]): boolean {\n    if (!this.config.autoDetect) return false;\n    const childrenField = this.config.childrenField ?? inferChildrenField(rows as any[]) ?? 'children';\n    return detectTreeStructure(rows as any[], childrenField);\n  }\n\n  // ===== Data Processing =====\n\n  override processRows(rows: readonly unknown[]): any[] {\n    const childrenField = this.config.childrenField ?? 'children';\n\n    // Check if data is actually a tree\n    if (!detectTreeStructure(rows as any[], childrenField)) {\n      this.flattenedRows = [];\n      this.rowKeyMap.clear();\n      return [...rows];\n    }\n\n    // Initialize expansion state if needed (only once per grid lifecycle)\n    if (this.config.defaultExpanded && !this.initialExpansionDone) {\n      this.expandedKeys = expandAll(rows as any[], this.config);\n      this.initialExpansionDone = true;\n    }\n\n    // Flatten tree\n    this.flattenedRows = flattenTree(rows as any[], this.config, this.expandedKeys);\n\n    // Build key map\n    this.rowKeyMap.clear();\n    for (const flatRow of this.flattenedRows) {\n      this.rowKeyMap.set(flatRow.key, flatRow);\n    }\n\n    // Return flattened data for rendering with tree metadata\n    return this.flattenedRows.map((fr) => ({\n      ...fr.data,\n      __treeKey: fr.key,\n      __treeDepth: fr.depth,\n      __treeHasChildren: fr.hasChildren,\n      __treeExpanded: fr.isExpanded,\n    }));\n  }\n\n  override processColumns(columns: readonly ColumnConfig[]): ColumnConfig[] {\n    if (this.flattenedRows.length === 0) return [...columns];\n\n    const indentWidth = this.config.indentWidth ?? 20;\n    const showExpandIcons = this.config.showExpandIcons ?? true;\n\n    // Wrap first column's renderer to add tree indentation\n    const cols = [...columns] as ColumnConfig[];\n    if (cols.length > 0) {\n      const firstCol = { ...cols[0] };\n      const originalRenderer = firstCol.viewRenderer;\n\n      firstCol.viewRenderer = (renderCtx) => {\n        const { value, row, column: colConfig } = renderCtx;\n        const depth = row.__treeDepth ?? 0;\n        const hasChildren = row.__treeHasChildren ?? false;\n        const isExpanded = row.__treeExpanded ?? false;\n\n        const container = document.createElement('span');\n        container.style.display = 'flex';\n        container.style.alignItems = 'center';\n        container.style.paddingLeft = `${depth * indentWidth}px`;\n\n        // Expand/collapse icon\n        if (hasChildren && showExpandIcons) {\n          const icon = document.createElement('span');\n          icon.className = 'tree-toggle';\n          icon.textContent = isExpanded ? '▼' : '▶';\n          icon.style.cursor = 'pointer';\n          icon.style.marginRight = '4px';\n          icon.style.fontSize = '10px';\n          icon.setAttribute('data-tree-key', row.__treeKey);\n          container.appendChild(icon);\n        } else if (showExpandIcons) {\n          // Spacer for alignment\n          const spacer = document.createElement('span');\n          spacer.style.width = '14px';\n          spacer.style.display = 'inline-block';\n          container.appendChild(spacer);\n        }\n\n        // Cell content\n        const content = document.createElement('span');\n        if (originalRenderer) {\n          const rendered = originalRenderer(renderCtx);\n          if (rendered instanceof Node) {\n            content.appendChild(rendered);\n          } else {\n            content.textContent = String(rendered ?? value ?? '');\n          }\n        } else {\n          content.textContent = String(value ?? '');\n        }\n        container.appendChild(content);\n\n        return container;\n      };\n\n      cols[0] = firstCol;\n    }\n\n    return cols;\n  }\n\n  // ===== Event Handlers =====\n\n  override onCellClick(event: CellClickEvent): boolean {\n    const target = event.originalEvent?.target as HTMLElement;\n    if (!target?.classList.contains('tree-toggle')) return false;\n\n    const key = target.getAttribute('data-tree-key');\n    if (!key) return false;\n\n    const flatRow = this.rowKeyMap.get(key);\n    if (!flatRow) return false;\n\n    this.expandedKeys = toggleExpand(this.expandedKeys, key);\n\n    this.emit<TreeExpandDetail>('tree-expand', {\n      key,\n      row: flatRow.data,\n      expanded: this.expandedKeys.has(key),\n      depth: flatRow.depth,\n    });\n\n    this.requestRender();\n    return true;\n  }\n\n  // ===== Public API =====\n\n  /**\n   * Expand a specific node by key.\n   */\n  expand(key: string): void {\n    this.expandedKeys.add(key);\n    this.requestRender();\n  }\n\n  /**\n   * Collapse a specific node by key.\n   */\n  collapse(key: string): void {\n    this.expandedKeys.delete(key);\n    this.requestRender();\n  }\n\n  /**\n   * Toggle the expansion state of a node.\n   */\n  toggle(key: string): void {\n    this.expandedKeys = toggleExpand(this.expandedKeys, key);\n    this.requestRender();\n  }\n\n  /**\n   * Expand all nodes in the tree.\n   */\n  expandAll(): void {\n    this.expandedKeys = expandAll(this.rows as any[], this.config);\n    this.requestRender();\n  }\n\n  /**\n   * Collapse all nodes in the tree.\n   */\n  collapseAll(): void {\n    this.expandedKeys = collapseAll();\n    this.requestRender();\n  }\n\n  /**\n   * Check if a node is currently expanded.\n   */\n  isExpanded(key: string): boolean {\n    return this.expandedKeys.has(key);\n  }\n\n  /**\n   * Get all currently expanded keys.\n   */\n  getExpandedKeys(): string[] {\n    return [...this.expandedKeys];\n  }\n\n  /**\n   * Get the flattened tree rows with metadata.\n   */\n  getFlattenedRows(): FlattenedTreeRow[] {\n    return [...this.flattenedRows];\n  }\n\n  /**\n   * Get a row's original data by its key.\n   */\n  getRowByKey(key: string): any | undefined {\n    return this.rowKeyMap.get(key)?.data;\n  }\n\n  /**\n   * Expand all ancestors of a node to make it visible.\n   */\n  expandToKey(key: string): void {\n    this.expandedKeys = expandToKey(this.rows as any[], key, this.config, this.expandedKeys);\n    this.requestRender();\n  }\n\n  // ===== Styles =====\n\n  override readonly styles = `\n    .tree-toggle {\n      cursor: pointer;\n      user-select: none;\n      transition: transform 0.2s;\n    }\n    .tree-toggle:hover {\n      color: var(--tbw-tree-accent, var(--tbw-color-accent));\n    }\n  `;\n}\n"],"names":["generateRowKey","row","index","parentKey","flattenTree","rows","config","expandedKeys","depth","childrenField","result","i","key","children","hasChildren","isExpanded","childRows","toggleExpand","newExpanded","expandAll","keys","childKeys","k","collapseAll","getPathToKey","targetKey","childPath","expandToKey","existingExpanded","path","detectTreeStructure","inferChildrenField","commonArrayFields","field","getMaxDepth","currentDepth","maxDepth","childDepth","countNodes","count","TreePlugin","BaseGridPlugin","flatRow","fr","columns","indentWidth","showExpandIcons","cols","firstCol","originalRenderer","renderCtx","value","colConfig","container","icon","spacer","content","rendered","event","target"],"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\n/* eslint-disable @typescript-eslint/no-explicit-any */\n// The tree plugin intentionally uses `any` for maximum flexibility with user-defined row types.\n\nimport type { FlattenedTreeRow, TreeConfig } from './types';\n\n/**\n * Generates a unique key for a row.\n * Uses row.id if available, otherwise generates from path.\n */\nexport function generateRowKey(row: any, index: number, parentKey: string | null): string {\n  if (row.id !== undefined) return String(row.id);\n  return parentKey ? `${parentKey}-${index}` : String(index);\n}\n\n/**\n * Flattens a hierarchical tree into a flat array of rows with metadata.\n * Only includes children of expanded nodes.\n */\nexport function flattenTree(\n  rows: any[],\n  config: TreeConfig,\n  expandedKeys: Set<string>,\n  parentKey: string | null = null,\n  depth = 0\n): FlattenedTreeRow[] {\n  const childrenField = config.childrenField ?? 'children';\n  const result: FlattenedTreeRow[] = [];\n\n  for (let i = 0; i < rows.length; i++) {\n    const row = rows[i];\n    const key = generateRowKey(row, i, parentKey);\n    const children = row[childrenField];\n    const hasChildren = Array.isArray(children) && children.length > 0;\n    const isExpanded = expandedKeys.has(key);\n\n    result.push({\n      key,\n      data: row,\n      depth,\n      hasChildren,\n      isExpanded,\n      parentKey,\n    });\n\n    // Recursively add children if expanded\n    if (hasChildren && isExpanded) {\n      const childRows = flattenTree(children, config, expandedKeys, key, depth + 1);\n      result.push(...childRows);\n    }\n  }\n\n  return result;\n}\n\n/**\n * Toggles the expansion state of a row.\n * Returns a new Set with the toggled state.\n */\nexport function toggleExpand(expandedKeys: Set<string>, key: string): Set<string> {\n  const newExpanded = new Set(expandedKeys);\n  if (newExpanded.has(key)) {\n    newExpanded.delete(key);\n  } else {\n    newExpanded.add(key);\n  }\n  return newExpanded;\n}\n\n/**\n * Expands all nodes in the tree.\n * Returns a Set of all parent row keys.\n */\nexport function expandAll(rows: any[], config: TreeConfig, parentKey: string | null = null, depth = 0): Set<string> {\n  const childrenField = config.childrenField ?? 'children';\n  const keys = new Set<string>();\n\n  for (let i = 0; i < rows.length; i++) {\n    const row = rows[i];\n    const key = generateRowKey(row, i, parentKey);\n    const children = row[childrenField];\n\n    if (Array.isArray(children) && children.length > 0) {\n      keys.add(key);\n      const childKeys = expandAll(children, config, key, depth + 1);\n      for (const k of childKeys) keys.add(k);\n    }\n  }\n\n  return keys;\n}\n\n/**\n * Collapses all nodes.\n * Returns an empty Set.\n */\nexport function collapseAll(): Set<string> {\n  return new Set();\n}\n\n/**\n * Gets all descendants of a node from the flattened row list.\n * Useful for operations that need to affect an entire subtree.\n */\nexport function getDescendants(flattenedRows: FlattenedTreeRow[], parentKey: string): FlattenedTreeRow[] {\n  const descendants: FlattenedTreeRow[] = [];\n  let collecting = false;\n  let parentDepth = -1;\n\n  for (const row of flattenedRows) {\n    if (row.key === parentKey) {\n      collecting = true;\n      parentDepth = row.depth;\n      continue;\n    }\n\n    if (collecting) {\n      if (row.depth > parentDepth) {\n        descendants.push(row);\n      } else {\n        break; // No longer a descendant\n      }\n    }\n  }\n\n  return descendants;\n}\n\n/**\n * Finds the path from root to a specific row key.\n * Returns an array of keys from root to the target (inclusive).\n */\nexport function getPathToKey(\n  rows: any[],\n  targetKey: string,\n  config: TreeConfig,\n  parentKey: string | null = null,\n  depth = 0\n): string[] | null {\n  const childrenField = config.childrenField ?? 'children';\n\n  for (let i = 0; i < rows.length; i++) {\n    const row = rows[i];\n    const key = generateRowKey(row, i, parentKey);\n\n    if (key === targetKey) {\n      return [key];\n    }\n\n    const children = row[childrenField];\n    if (Array.isArray(children) && children.length > 0) {\n      const childPath = getPathToKey(children, targetKey, config, key, depth + 1);\n      if (childPath) {\n        return [key, ...childPath];\n      }\n    }\n  }\n\n  return null;\n}\n\n/**\n * Expands all ancestors of a specific row to make it visible.\n * Returns a new Set with the required keys added.\n */\nexport function expandToKey(\n  rows: any[],\n  targetKey: string,\n  config: TreeConfig,\n  existingExpanded: Set<string>\n): Set<string> {\n  const path = getPathToKey(rows, targetKey, config);\n  if (!path) return existingExpanded;\n\n  const newExpanded = new Set(existingExpanded);\n  // Add all keys except the last one (the target itself)\n  for (let i = 0; i < path.length - 1; i++) {\n    newExpanded.add(path[i]);\n  }\n  return newExpanded;\n}\n","/**\n * Tree Structure Auto-Detection\n *\n * Utilities for detecting hierarchical tree data structures.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n// The tree plugin intentionally uses `any` for maximum flexibility with user-defined row types.\n\n/**\n * Detects if the data has a tree structure by checking for children arrays.\n */\nexport function detectTreeStructure(rows: any[], childrenField = 'children'): boolean {\n  if (!Array.isArray(rows) || rows.length === 0) return false;\n\n  // Check if any row has a non-empty children array\n  for (const row of rows) {\n    if (row && Array.isArray(row[childrenField]) && row[childrenField].length > 0) {\n      return true;\n    }\n  }\n\n  return false;\n}\n\n/**\n * Attempts to infer the children field name from common patterns.\n * Returns the first field that contains an array with items.\n */\nexport function inferChildrenField(rows: any[]): string | null {\n  if (!Array.isArray(rows) || rows.length === 0) return null;\n\n  const commonArrayFields = ['children', 'items', 'nodes', 'subRows', 'nested'];\n\n  for (const row of rows) {\n    if (!row || typeof row !== 'object') continue;\n\n    for (const field of commonArrayFields) {\n      if (Array.isArray(row[field]) && row[field].length > 0) {\n        return field;\n      }\n    }\n  }\n\n  return null;\n}\n\n/**\n * Calculates the maximum depth of the tree.\n * Useful for layout calculations and virtualization.\n */\nexport function getMaxDepth(rows: any[], childrenField = 'children', currentDepth = 0): number {\n  if (!Array.isArray(rows) || rows.length === 0) return currentDepth;\n\n  let maxDepth = currentDepth;\n\n  for (const row of rows) {\n    if (!row) continue;\n    const children = row[childrenField];\n    if (Array.isArray(children) && children.length > 0) {\n      const childDepth = getMaxDepth(children, childrenField, currentDepth + 1);\n      if (childDepth > maxDepth) {\n        maxDepth = childDepth;\n      }\n    }\n  }\n\n  return maxDepth;\n}\n\n/**\n * Counts total nodes in the tree (including all descendants).\n */\nexport function countNodes(rows: any[], childrenField = 'children'): number {\n  if (!Array.isArray(rows)) return 0;\n\n  let count = 0;\n  for (const row of rows) {\n    if (!row) continue;\n    count++;\n    const children = row[childrenField];\n    if (Array.isArray(children)) {\n      count += countNodes(children, childrenField);\n    }\n  }\n\n  return count;\n}\n","/**\n * Tree Data Plugin (Class-based)\n *\n * Enables hierarchical tree data with expand/collapse and auto-detection.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n// The tree plugin intentionally uses `any` for maximum flexibility with user-defined row types.\n\nimport { BaseGridPlugin, CellClickEvent } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig } from '../../core/types';\nimport { collapseAll, expandAll, expandToKey, flattenTree, toggleExpand } from './tree-data';\nimport { detectTreeStructure, inferChildrenField } from './tree-detect';\nimport type { FlattenedTreeRow, TreeConfig, TreeExpandDetail } from './types';\n\n/**\n * Tree Data Plugin for tbw-grid\n *\n * Provides hierarchical tree data display with expand/collapse functionality.\n *\n * @example\n * ```ts\n * new TreePlugin({ defaultExpanded: true, indentWidth: 24 })\n * ```\n */\nexport class TreePlugin extends BaseGridPlugin<TreeConfig> {\n  readonly name = 'tree';\n  override readonly version = '1.0.0';\n\n  protected override get defaultConfig(): Partial<TreeConfig> {\n    return {\n      enabled: true,\n      childrenField: 'children',\n      autoDetect: true,\n      defaultExpanded: false,\n      indentWidth: 20,\n      showExpandIcons: true,\n    };\n  }\n\n  // ===== Internal State =====\n\n  /** Set of expanded row keys */\n  private expandedKeys = new Set<string>();\n\n  /** Whether initial expansion (based on defaultExpanded config) has been applied */\n  private initialExpansionDone = false;\n\n  /** Flattened tree rows for rendering */\n  private flattenedRows: FlattenedTreeRow[] = [];\n\n  /** Map from key to flattened row for quick lookup */\n  private rowKeyMap = new Map<string, FlattenedTreeRow>();\n\n  // ===== Lifecycle =====\n\n  override detach(): void {\n    this.expandedKeys.clear();\n    this.initialExpansionDone = false;\n    this.flattenedRows = [];\n    this.rowKeyMap.clear();\n  }\n\n  // ===== Auto-Detection =====\n\n  /**\n   * Detects if tree functionality should be enabled based on data structure.\n   * Called by the grid during plugin initialization.\n   */\n  detect(rows: readonly unknown[]): boolean {\n    if (!this.config.autoDetect) return false;\n    const childrenField = this.config.childrenField ?? inferChildrenField(rows as any[]) ?? 'children';\n    return detectTreeStructure(rows as any[], childrenField);\n  }\n\n  // ===== Data Processing =====\n\n  override processRows(rows: readonly unknown[]): any[] {\n    const childrenField = this.config.childrenField ?? 'children';\n\n    // Check if data is actually a tree\n    if (!detectTreeStructure(rows as any[], childrenField)) {\n      this.flattenedRows = [];\n      this.rowKeyMap.clear();\n      return [...rows];\n    }\n\n    // Initialize expansion state if needed (only once per grid lifecycle)\n    if (this.config.defaultExpanded && !this.initialExpansionDone) {\n      this.expandedKeys = expandAll(rows as any[], this.config);\n      this.initialExpansionDone = true;\n    }\n\n    // Flatten tree\n    this.flattenedRows = flattenTree(rows as any[], this.config, this.expandedKeys);\n\n    // Build key map\n    this.rowKeyMap.clear();\n    for (const flatRow of this.flattenedRows) {\n      this.rowKeyMap.set(flatRow.key, flatRow);\n    }\n\n    // Return flattened data for rendering with tree metadata\n    return this.flattenedRows.map((fr) => ({\n      ...fr.data,\n      __treeKey: fr.key,\n      __treeDepth: fr.depth,\n      __treeHasChildren: fr.hasChildren,\n      __treeExpanded: fr.isExpanded,\n    }));\n  }\n\n  override processColumns(columns: readonly ColumnConfig[]): ColumnConfig[] {\n    if (this.flattenedRows.length === 0) return [...columns];\n\n    const indentWidth = this.config.indentWidth ?? 20;\n    const showExpandIcons = this.config.showExpandIcons ?? true;\n\n    // Wrap first column's renderer to add tree indentation\n    const cols = [...columns] as ColumnConfig[];\n    if (cols.length > 0) {\n      const firstCol = { ...cols[0] };\n      const originalRenderer = firstCol.viewRenderer;\n\n      // Skip if already wrapped by this plugin (prevents double-wrapping on re-render)\n      if ((originalRenderer as any)?.__treeWrapped) {\n        return cols;\n      }\n\n      const wrappedRenderer = (renderCtx: Parameters<NonNullable<typeof originalRenderer>>[0]) => {\n        const { value, row, column: colConfig } = renderCtx;\n        const depth = row.__treeDepth ?? 0;\n        const hasChildren = row.__treeHasChildren ?? false;\n        const isExpanded = row.__treeExpanded ?? false;\n\n        const container = document.createElement('span');\n        container.style.display = 'flex';\n        container.style.alignItems = 'center';\n        container.style.paddingLeft = `${depth * indentWidth}px`;\n\n        // Expand/collapse icon\n        if (hasChildren && showExpandIcons) {\n          const icon = document.createElement('span');\n          icon.className = 'tree-toggle';\n          icon.textContent = isExpanded ? '▼' : '▶';\n          icon.style.cursor = 'pointer';\n          icon.style.marginRight = '4px';\n          icon.style.fontSize = '10px';\n          icon.setAttribute('data-tree-key', row.__treeKey);\n          container.appendChild(icon);\n        } else if (showExpandIcons) {\n          // Spacer for alignment\n          const spacer = document.createElement('span');\n          spacer.style.width = '14px';\n          spacer.style.display = 'inline-block';\n          container.appendChild(spacer);\n        }\n\n        // Cell content\n        const content = document.createElement('span');\n        if (originalRenderer) {\n          const rendered = originalRenderer(renderCtx);\n          if (rendered instanceof Node) {\n            content.appendChild(rendered);\n          } else {\n            content.textContent = String(rendered ?? value ?? '');\n          }\n        } else {\n          content.textContent = String(value ?? '');\n        }\n        container.appendChild(content);\n\n        return container;\n      };\n\n      // Mark renderer as wrapped to prevent double-wrapping\n      (wrappedRenderer as any).__treeWrapped = true;\n      firstCol.viewRenderer = wrappedRenderer;\n\n      cols[0] = firstCol;\n    }\n\n    return cols;\n  }\n\n  // ===== Event Handlers =====\n\n  override onCellClick(event: CellClickEvent): boolean {\n    const target = event.originalEvent?.target as HTMLElement;\n    if (!target?.classList.contains('tree-toggle')) return false;\n\n    const key = target.getAttribute('data-tree-key');\n    if (!key) return false;\n\n    const flatRow = this.rowKeyMap.get(key);\n    if (!flatRow) return false;\n\n    this.expandedKeys = toggleExpand(this.expandedKeys, key);\n\n    this.emit<TreeExpandDetail>('tree-expand', {\n      key,\n      row: flatRow.data,\n      expanded: this.expandedKeys.has(key),\n      depth: flatRow.depth,\n    });\n\n    this.requestRender();\n    return true;\n  }\n\n  // ===== Public API =====\n\n  /**\n   * Expand a specific node by key.\n   */\n  expand(key: string): void {\n    this.expandedKeys.add(key);\n    this.requestRender();\n  }\n\n  /**\n   * Collapse a specific node by key.\n   */\n  collapse(key: string): void {\n    this.expandedKeys.delete(key);\n    this.requestRender();\n  }\n\n  /**\n   * Toggle the expansion state of a node.\n   */\n  toggle(key: string): void {\n    this.expandedKeys = toggleExpand(this.expandedKeys, key);\n    this.requestRender();\n  }\n\n  /**\n   * Expand all nodes in the tree.\n   */\n  expandAll(): void {\n    this.expandedKeys = expandAll(this.rows as any[], this.config);\n    this.requestRender();\n  }\n\n  /**\n   * Collapse all nodes in the tree.\n   */\n  collapseAll(): void {\n    this.expandedKeys = collapseAll();\n    this.requestRender();\n  }\n\n  /**\n   * Check if a node is currently expanded.\n   */\n  isExpanded(key: string): boolean {\n    return this.expandedKeys.has(key);\n  }\n\n  /**\n   * Get all currently expanded keys.\n   */\n  getExpandedKeys(): string[] {\n    return [...this.expandedKeys];\n  }\n\n  /**\n   * Get the flattened tree rows with metadata.\n   */\n  getFlattenedRows(): FlattenedTreeRow[] {\n    return [...this.flattenedRows];\n  }\n\n  /**\n   * Get a row's original data by its key.\n   */\n  getRowByKey(key: string): any | undefined {\n    return this.rowKeyMap.get(key)?.data;\n  }\n\n  /**\n   * Expand all ancestors of a node to make it visible.\n   */\n  expandToKey(key: string): void {\n    this.expandedKeys = expandToKey(this.rows as any[], key, this.config, this.expandedKeys);\n    this.requestRender();\n  }\n\n  // ===== Styles =====\n\n  override readonly styles = `\n    .tree-toggle {\n      cursor: pointer;\n      user-select: none;\n      transition: transform 0.2s;\n    }\n    .tree-toggle:hover {\n      color: var(--tbw-tree-accent, var(--tbw-color-accent));\n    }\n  `;\n}\n"],"names":["generateRowKey","row","index","parentKey","flattenTree","rows","config","expandedKeys","depth","childrenField","result","i","key","children","hasChildren","isExpanded","childRows","toggleExpand","newExpanded","expandAll","keys","childKeys","k","collapseAll","getPathToKey","targetKey","childPath","expandToKey","existingExpanded","path","detectTreeStructure","inferChildrenField","commonArrayFields","field","getMaxDepth","currentDepth","maxDepth","childDepth","countNodes","count","TreePlugin","BaseGridPlugin","flatRow","fr","columns","indentWidth","showExpandIcons","cols","firstCol","originalRenderer","wrappedRenderer","renderCtx","value","colConfig","container","icon","spacer","content","rendered","event","target"],"mappings":"gUAeO,SAASA,EAAeC,EAAUC,EAAeC,EAAkC,CACxF,OAAIF,EAAI,KAAO,OAAkB,OAAOA,EAAI,EAAE,EACvCE,EAAY,GAAGA,CAAS,IAAID,CAAK,GAAK,OAAOA,CAAK,CAC3D,CAMO,SAASE,EACdC,EACAC,EACAC,EACAJ,EAA2B,KAC3BK,EAAQ,EACY,CACpB,MAAMC,EAAgBH,EAAO,eAAiB,WACxCI,EAA6B,CAAA,EAEnC,QAASC,EAAI,EAAGA,EAAIN,EAAK,OAAQM,IAAK,CACpC,MAAMV,EAAMI,EAAKM,CAAC,EACZC,EAAMZ,EAAeC,EAAKU,EAAGR,CAAS,EACtCU,EAAWZ,EAAIQ,CAAa,EAC5BK,EAAc,MAAM,QAAQD,CAAQ,GAAKA,EAAS,OAAS,EAC3DE,EAAaR,EAAa,IAAIK,CAAG,EAYvC,GAVAF,EAAO,KAAK,CACV,IAAAE,EACA,KAAMX,EACN,MAAAO,EACA,YAAAM,EACA,WAAAC,EACA,UAAAZ,CAAA,CACD,EAGGW,GAAeC,EAAY,CAC7B,MAAMC,EAAYZ,EAAYS,EAAUP,EAAQC,EAAcK,EAAKJ,EAAQ,CAAC,EAC5EE,EAAO,KAAK,GAAGM,CAAS,CAC1B,CACF,CAEA,OAAON,CACT,CAMO,SAASO,EAAaV,EAA2BK,EAA0B,CAChF,MAAMM,EAAc,IAAI,IAAIX,CAAY,EACxC,OAAIW,EAAY,IAAIN,CAAG,EACrBM,EAAY,OAAON,CAAG,EAEtBM,EAAY,IAAIN,CAAG,EAEdM,CACT,CAMO,SAASC,EAAUd,EAAaC,EAAoBH,EAA2B,KAAMK,EAAQ,EAAgB,CAClH,MAAMC,EAAgBH,EAAO,eAAiB,WACxCc,MAAW,IAEjB,QAAST,EAAI,EAAGA,EAAIN,EAAK,OAAQM,IAAK,CACpC,MAAMV,EAAMI,EAAKM,CAAC,EACZC,EAAMZ,EAAeC,EAAKU,EAAGR,CAAS,EACtCU,EAAWZ,EAAIQ,CAAa,EAElC,GAAI,MAAM,QAAQI,CAAQ,GAAKA,EAAS,OAAS,EAAG,CAClDO,EAAK,IAAIR,CAAG,EACZ,MAAMS,EAAYF,EAAUN,EAAUP,EAAQM,EAAKJ,EAAQ,CAAC,EAC5D,UAAWc,KAAKD,EAAWD,EAAK,IAAIE,CAAC,CACvC,CACF,CAEA,OAAOF,CACT,CAMO,SAASG,GAA2B,CACzC,WAAW,GACb,CAkCO,SAASC,EACdnB,EACAoB,EACAnB,EACAH,EAA2B,KAC3BK,EAAQ,EACS,CACjB,MAAMC,EAAgBH,EAAO,eAAiB,WAE9C,QAASK,EAAI,EAAGA,EAAIN,EAAK,OAAQM,IAAK,CACpC,MAAMV,EAAMI,EAAKM,CAAC,EACZC,EAAMZ,EAAeC,EAAKU,EAAGR,CAAS,EAE5C,GAAIS,IAAQa,EACV,MAAO,CAACb,CAAG,EAGb,MAAMC,EAAWZ,EAAIQ,CAAa,EAClC,GAAI,MAAM,QAAQI,CAAQ,GAAKA,EAAS,OAAS,EAAG,CAClD,MAAMa,EAAYF,EAAaX,EAAUY,EAAWnB,EAAQM,EAAKJ,EAAQ,CAAC,EAC1E,GAAIkB,EACF,MAAO,CAACd,EAAK,GAAGc,CAAS,CAE7B,CACF,CAEA,OAAO,IACT,CAMO,SAASC,EACdtB,EACAoB,EACAnB,EACAsB,EACa,CACb,MAAMC,EAAOL,EAAanB,EAAMoB,EAAWnB,CAAM,EACjD,GAAI,CAACuB,EAAM,OAAOD,EAElB,MAAMV,EAAc,IAAI,IAAIU,CAAgB,EAE5C,QAASjB,EAAI,EAAGA,EAAIkB,EAAK,OAAS,EAAGlB,IACnCO,EAAY,IAAIW,EAAKlB,CAAC,CAAC,EAEzB,OAAOO,CACT,CC7KO,SAASY,EAAoBzB,EAAaI,EAAgB,WAAqB,CACpF,GAAI,CAAC,MAAM,QAAQJ,CAAI,GAAKA,EAAK,SAAW,EAAG,MAAO,GAGtD,UAAWJ,KAAOI,EAChB,GAAIJ,GAAO,MAAM,QAAQA,EAAIQ,CAAa,CAAC,GAAKR,EAAIQ,CAAa,EAAE,OAAS,EAC1E,MAAO,GAIX,MAAO,EACT,CAMO,SAASsB,EAAmB1B,EAA4B,CAC7D,GAAI,CAAC,MAAM,QAAQA,CAAI,GAAKA,EAAK,SAAW,EAAG,OAAO,KAEtD,MAAM2B,EAAoB,CAAC,WAAY,QAAS,QAAS,UAAW,QAAQ,EAE5E,UAAW/B,KAAOI,EAChB,GAAI,GAACJ,GAAO,OAAOA,GAAQ,WAE3B,UAAWgC,KAASD,EAClB,GAAI,MAAM,QAAQ/B,EAAIgC,CAAK,CAAC,GAAKhC,EAAIgC,CAAK,EAAE,OAAS,EACnD,OAAOA,EAKb,OAAO,IACT,CAMO,SAASC,EAAY7B,EAAaI,EAAgB,WAAY0B,EAAe,EAAW,CAC7F,GAAI,CAAC,MAAM,QAAQ9B,CAAI,GAAKA,EAAK,SAAW,EAAG,OAAO8B,EAEtD,IAAIC,EAAWD,EAEf,UAAWlC,KAAOI,EAAM,CACtB,GAAI,CAACJ,EAAK,SACV,MAAMY,EAAWZ,EAAIQ,CAAa,EAClC,GAAI,MAAM,QAAQI,CAAQ,GAAKA,EAAS,OAAS,EAAG,CAClD,MAAMwB,EAAaH,EAAYrB,EAAUJ,EAAe0B,EAAe,CAAC,EACpEE,EAAaD,IACfA,EAAWC,EAEf,CACF,CAEA,OAAOD,CACT,CAKO,SAASE,EAAWjC,EAAaI,EAAgB,WAAoB,CAC1E,GAAI,CAAC,MAAM,QAAQJ,CAAI,EAAG,MAAO,GAEjC,IAAIkC,EAAQ,EACZ,UAAWtC,KAAOI,EAAM,CACtB,GAAI,CAACJ,EAAK,SACVsC,IACA,MAAM1B,EAAWZ,EAAIQ,CAAa,EAC9B,MAAM,QAAQI,CAAQ,IACxB0B,GAASD,EAAWzB,EAAUJ,CAAa,EAE/C,CAEA,OAAO8B,CACT,CC9DO,MAAMC,UAAmBC,EAAAA,cAA2B,CAChD,KAAO,OACE,QAAU,QAE5B,IAAuB,eAAqC,CAC1D,MAAO,CACL,QAAS,GACT,cAAe,WACf,WAAY,GACZ,gBAAiB,GACjB,YAAa,GACb,gBAAiB,EAAA,CAErB,CAKQ,iBAAmB,IAGnB,qBAAuB,GAGvB,cAAoC,CAAA,EAGpC,cAAgB,IAIf,QAAe,CACtB,KAAK,aAAa,MAAA,EAClB,KAAK,qBAAuB,GAC5B,KAAK,cAAgB,CAAA,EACrB,KAAK,UAAU,MAAA,CACjB,CAQA,OAAOpC,EAAmC,CACxC,GAAI,CAAC,KAAK,OAAO,WAAY,MAAO,GACpC,MAAMI,EAAgB,KAAK,OAAO,eAAiBsB,EAAmB1B,CAAa,GAAK,WACxF,OAAOyB,EAAoBzB,EAAeI,CAAa,CACzD,CAIS,YAAYJ,EAAiC,CACpD,MAAMI,EAAgB,KAAK,OAAO,eAAiB,WAGnD,GAAI,CAACqB,EAAoBzB,EAAeI,CAAa,EACnD,YAAK,cAAgB,CAAA,EACrB,KAAK,UAAU,MAAA,EACR,CAAC,GAAGJ,CAAI,EAIb,KAAK,OAAO,iBAAmB,CAAC,KAAK,uBACvC,KAAK,aAAec,EAAUd,EAAe,KAAK,MAAM,EACxD,KAAK,qBAAuB,IAI9B,KAAK,cAAgBD,EAAYC,EAAe,KAAK,OAAQ,KAAK,YAAY,EAG9E,KAAK,UAAU,MAAA,EACf,UAAWqC,KAAW,KAAK,cACzB,KAAK,UAAU,IAAIA,EAAQ,IAAKA,CAAO,EAIzC,OAAO,KAAK,cAAc,IAAKC,IAAQ,CACrC,GAAGA,EAAG,KACN,UAAWA,EAAG,IACd,YAAaA,EAAG,MAChB,kBAAmBA,EAAG,YACtB,eAAgBA,EAAG,UAAA,EACnB,CACJ,CAES,eAAeC,EAAkD,CACxE,GAAI,KAAK,cAAc,SAAW,EAAG,MAAO,CAAC,GAAGA,CAAO,EAEvD,MAAMC,EAAc,KAAK,OAAO,aAAe,GACzCC,EAAkB,KAAK,OAAO,iBAAmB,GAGjDC,EAAO,CAAC,GAAGH,CAAO,EACxB,GAAIG,EAAK,OAAS,EAAG,CACnB,MAAMC,EAAW,CAAE,GAAGD,EAAK,CAAC,CAAA,EACtBE,EAAmBD,EAAS,aAGlC,GAAKC,GAA0B,cAC7B,OAAOF,EAGT,MAAMG,EAAmBC,GAAmE,CAC1F,KAAM,CAAE,MAAAC,EAAO,IAAAnD,EAAK,OAAQoD,GAAcF,EACpC3C,EAAQP,EAAI,aAAe,EAC3Ba,EAAcb,EAAI,mBAAqB,GACvCc,EAAad,EAAI,gBAAkB,GAEnCqD,EAAY,SAAS,cAAc,MAAM,EAM/C,GALAA,EAAU,MAAM,QAAU,OAC1BA,EAAU,MAAM,WAAa,SAC7BA,EAAU,MAAM,YAAc,GAAG9C,EAAQqC,CAAW,KAGhD/B,GAAegC,EAAiB,CAClC,MAAMS,EAAO,SAAS,cAAc,MAAM,EAC1CA,EAAK,UAAY,cACjBA,EAAK,YAAcxC,EAAa,IAAM,IACtCwC,EAAK,MAAM,OAAS,UACpBA,EAAK,MAAM,YAAc,MACzBA,EAAK,MAAM,SAAW,OACtBA,EAAK,aAAa,gBAAiBtD,EAAI,SAAS,EAChDqD,EAAU,YAAYC,CAAI,CAC5B,SAAWT,EAAiB,CAE1B,MAAMU,EAAS,SAAS,cAAc,MAAM,EAC5CA,EAAO,MAAM,MAAQ,OACrBA,EAAO,MAAM,QAAU,eACvBF,EAAU,YAAYE,CAAM,CAC9B,CAGA,MAAMC,EAAU,SAAS,cAAc,MAAM,EAC7C,GAAIR,EAAkB,CACpB,MAAMS,EAAWT,EAAiBE,CAAS,EACvCO,aAAoB,KACtBD,EAAQ,YAAYC,CAAQ,EAE5BD,EAAQ,YAAc,OAAOC,GAAYN,GAAS,EAAE,CAExD,MACEK,EAAQ,YAAc,OAAOL,GAAS,EAAE,EAE1C,OAAAE,EAAU,YAAYG,CAAO,EAEtBH,CACT,EAGCJ,EAAwB,cAAgB,GACzCF,EAAS,aAAeE,EAExBH,EAAK,CAAC,EAAIC,CACZ,CAEA,OAAOD,CACT,CAIS,YAAYY,EAAgC,CACnD,MAAMC,EAASD,EAAM,eAAe,OACpC,GAAI,CAACC,GAAQ,UAAU,SAAS,aAAa,EAAG,MAAO,GAEvD,MAAMhD,EAAMgD,EAAO,aAAa,eAAe,EAC/C,GAAI,CAAChD,EAAK,MAAO,GAEjB,MAAM8B,EAAU,KAAK,UAAU,IAAI9B,CAAG,EACtC,OAAK8B,GAEL,KAAK,aAAezB,EAAa,KAAK,aAAcL,CAAG,EAEvD,KAAK,KAAuB,cAAe,CACzC,IAAAA,EACA,IAAK8B,EAAQ,KACb,SAAU,KAAK,aAAa,IAAI9B,CAAG,EACnC,MAAO8B,EAAQ,KAAA,CAChB,EAED,KAAK,cAAA,EACE,IAZc,EAavB,CAOA,OAAO9B,EAAmB,CACxB,KAAK,aAAa,IAAIA,CAAG,EACzB,KAAK,cAAA,CACP,CAKA,SAASA,EAAmB,CAC1B,KAAK,aAAa,OAAOA,CAAG,EAC5B,KAAK,cAAA,CACP,CAKA,OAAOA,EAAmB,CACxB,KAAK,aAAeK,EAAa,KAAK,aAAcL,CAAG,EACvD,KAAK,cAAA,CACP,CAKA,WAAkB,CAChB,KAAK,aAAeO,EAAU,KAAK,KAAe,KAAK,MAAM,EAC7D,KAAK,cAAA,CACP,CAKA,aAAoB,CAClB,KAAK,aAAeI,EAAA,EACpB,KAAK,cAAA,CACP,CAKA,WAAWX,EAAsB,CAC/B,OAAO,KAAK,aAAa,IAAIA,CAAG,CAClC,CAKA,iBAA4B,CAC1B,MAAO,CAAC,GAAG,KAAK,YAAY,CAC9B,CAKA,kBAAuC,CACrC,MAAO,CAAC,GAAG,KAAK,aAAa,CAC/B,CAKA,YAAYA,EAA8B,CACxC,OAAO,KAAK,UAAU,IAAIA,CAAG,GAAG,IAClC,CAKA,YAAYA,EAAmB,CAC7B,KAAK,aAAee,EAAY,KAAK,KAAef,EAAK,KAAK,OAAQ,KAAK,YAAY,EACvF,KAAK,cAAA,CACP,CAIkB,OAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAU7B"}

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":["/**\r\n * Column Visibility Plugin (Class-based)\r\n *\r\n * Provides a UI for column visibility control via the shell's tool panel system.\r\n * Column visibility is a core grid feature - this plugin provides:\r\n * - A tool panel for column visibility management (registered with the shell)\r\n * - Backward-compatible API methods that delegate to grid.setColumnVisible(), etc.\r\n *\r\n * The grid emits 'column-visibility' events when columns are shown/hidden,\r\n * allowing consumers to save user preferences.\r\n *\r\n * When a reorder plugin is present, column rows become draggable for reordering.\r\n * Drag-drop emits 'column-reorder-request' events that the ReorderPlugin can listen for.\r\n */\r\n\r\nimport { BaseGridPlugin } from '../../core/plugin/base-plugin';\r\nimport type { ColumnConfig, ToolPanelDefinition } from '../../core/types';\r\nimport type { VisibilityConfig } from './types';\r\n\r\n/**\r\n * Detail for column-reorder-request events emitted when users drag-drop in the visibility panel.\r\n */\r\nexport interface ColumnReorderRequestDetail {\r\n  /** The field name of the column to move */\r\n  field: string;\r\n  /** The source index (before move) */\r\n  fromIndex: number;\r\n  /** The target index (after move) */\r\n  toIndex: number;\r\n}\r\n\r\n/**\r\n * Check if a column can be moved (respects lockPosition/suppressMovable).\r\n * Inlined to avoid importing from reorder plugin.\r\n */\r\nfunction canMoveColumn(column: ColumnConfig): boolean {\r\n  const meta = column.meta ?? {};\r\n  return meta.lockPosition !== true && meta.suppressMovable !== true;\r\n}\r\n\r\n/** Extended grid interface with visibility methods */\r\ninterface GridWithVisibility {\r\n  shadowRoot: ShadowRoot | null;\r\n  getAllColumns(): Array<{ field: string; header: string; visible: boolean; lockVisible?: boolean }>;\r\n  setColumnVisible(field: string, visible: boolean): void;\r\n  toggleColumnVisibility(field: string): void;\r\n  showAllColumns(): void;\r\n  isColumnVisible(field: string): boolean;\r\n  requestRender(): void;\r\n  openToolPanel(id: string): void;\r\n  closeToolPanel(): void;\r\n  toggleToolPanel(id: string): void;\r\n  activeToolPanel: string | undefined;\r\n}\r\n\r\n/**\r\n * Column Visibility Plugin for tbw-grid\r\n *\r\n * @example\r\n * ```ts\r\n * new VisibilityPlugin({ enabled: true, allowHideAll: false })\r\n * ```\r\n */\r\nexport class VisibilityPlugin extends BaseGridPlugin<VisibilityConfig> {\r\n  readonly name = 'visibility';\r\n  override readonly version = '1.0.0';\r\n\r\n  /** Tool panel ID for shell integration */\r\n  static readonly PANEL_ID = 'columns';\r\n\r\n  protected override get defaultConfig(): Partial<VisibilityConfig> {\r\n    return {\r\n      enabled: true,\r\n      allowHideAll: false,\r\n    };\r\n  }\r\n\r\n  // ===== Internal State =====\r\n  private columnListElement: HTMLElement | null = null;\r\n\r\n  // Drag state for reorder integration\r\n  private isDragging = false;\r\n  private draggedField: string | null = null;\r\n  private draggedIndex: number | null = null;\r\n  private dropIndex: number | null = null;\r\n\r\n  // ===== Lifecycle =====\r\n\r\n  override detach(): void {\r\n    this.columnListElement = null;\r\n    this.isDragging = false;\r\n    this.draggedField = null;\r\n    this.draggedIndex = null;\r\n    this.dropIndex = null;\r\n  }\r\n\r\n  // ===== Shell Integration =====\r\n\r\n  /**\r\n   * Register the column visibility tool panel with the shell.\r\n   */\r\n  override getToolPanel(): ToolPanelDefinition | undefined {\r\n    if (!this.config.enabled) return undefined;\r\n\r\n    return {\r\n      id: VisibilityPlugin.PANEL_ID,\r\n      title: 'Columns',\r\n      icon: '☰',\r\n      tooltip: 'Column visibility',\r\n      order: 100, // High order so it appears last\r\n      render: (container) => this.renderPanelContent(container),\r\n    };\r\n  }\r\n\r\n  // ===== Public API =====\r\n\r\n  /**\r\n   * Show the visibility sidebar panel.\r\n   */\r\n  show(): void {\r\n    const grid = this.grid as unknown as GridWithVisibility;\r\n    grid.openToolPanel(VisibilityPlugin.PANEL_ID);\r\n  }\r\n\r\n  /**\r\n   * Hide the visibility sidebar panel.\r\n   */\r\n  hide(): void {\r\n    const grid = this.grid as unknown as GridWithVisibility;\r\n    grid.closeToolPanel();\r\n  }\r\n\r\n  /**\r\n   * Toggle the visibility sidebar panel.\r\n   */\r\n  toggle(): void {\r\n    const grid = this.grid as unknown as GridWithVisibility;\r\n    grid.toggleToolPanel(VisibilityPlugin.PANEL_ID);\r\n  }\r\n\r\n  /**\r\n   * Check if a specific column is visible.\r\n   * Delegates to grid.isColumnVisible().\r\n   * @param field - The field name to check\r\n   * @returns True if the column is visible\r\n   */\r\n  isColumnVisible(field: string): boolean {\r\n    const grid = this.grid as unknown as GridWithVisibility;\r\n    return grid.isColumnVisible(field);\r\n  }\r\n\r\n  /**\r\n   * Set visibility for a specific column.\r\n   * Delegates to grid.setColumnVisible().\r\n   * @param field - The field name of the column\r\n   * @param visible - Whether the column should be visible\r\n   */\r\n  setColumnVisible(field: string, visible: boolean): void {\r\n    const grid = this.grid as unknown as GridWithVisibility;\r\n    grid.setColumnVisible(field, visible);\r\n  }\r\n\r\n  /**\r\n   * Get list of all visible column fields.\r\n   * @returns Array of visible field names\r\n   */\r\n  getVisibleColumns(): string[] {\r\n    const grid = this.grid as unknown as GridWithVisibility;\r\n    return grid\r\n      .getAllColumns()\r\n      .filter((c) => c.visible)\r\n      .map((c) => c.field);\r\n  }\r\n\r\n  /**\r\n   * Get list of all hidden column fields.\r\n   * @returns Array of hidden field names\r\n   */\r\n  getHiddenColumns(): string[] {\r\n    const grid = this.grid as unknown as GridWithVisibility;\r\n    return grid\r\n      .getAllColumns()\r\n      .filter((c) => !c.visible)\r\n      .map((c) => c.field);\r\n  }\r\n\r\n  /**\r\n   * Show all columns.\r\n   * Delegates to grid.showAllColumns().\r\n   */\r\n  showAll(): void {\r\n    const grid = this.grid as unknown as GridWithVisibility;\r\n    grid.showAllColumns();\r\n  }\r\n\r\n  /**\r\n   * Toggle visibility for a specific column.\r\n   * Delegates to grid.toggleColumnVisibility().\r\n   * @param field - The field name of the column\r\n   */\r\n  toggleColumn(field: string): void {\r\n    const grid = this.grid as unknown as GridWithVisibility;\r\n    grid.toggleColumnVisibility(field);\r\n  }\r\n\r\n  /**\r\n   * Show a specific column.\r\n   * Delegates to grid.setColumnVisible().\r\n   * @param field - The field name of the column to show\r\n   */\r\n  showColumn(field: string): void {\r\n    const grid = this.grid as unknown as GridWithVisibility;\r\n    grid.setColumnVisible(field, true);\r\n  }\r\n\r\n  /**\r\n   * Hide a specific column.\r\n   * Delegates to grid.setColumnVisible().\r\n   * @param field - The field name of the column to hide\r\n   */\r\n  hideColumn(field: string): void {\r\n    const grid = this.grid as unknown as GridWithVisibility;\r\n    grid.setColumnVisible(field, false);\r\n  }\r\n\r\n  /**\r\n   * Get all columns with their visibility status.\r\n   * Useful for building visibility UI.\r\n   * @returns Array of column info with visibility status\r\n   */\r\n  getAllColumns(): Array<{ field: string; header: string; visible: boolean; lockVisible?: boolean }> {\r\n    const grid = this.grid as unknown as GridWithVisibility;\r\n    return grid.getAllColumns();\r\n  }\r\n\r\n  /**\r\n   * Check if the sidebar panel is currently open.\r\n   * @returns True if the panel is open\r\n   */\r\n  isPanelVisible(): boolean {\r\n    const grid = this.grid as unknown as GridWithVisibility;\r\n    return grid.activeToolPanel === VisibilityPlugin.PANEL_ID;\r\n  }\r\n\r\n  // ===== Private Methods =====\r\n\r\n  /**\r\n   * Render the panel content into the shell's tool panel container.\r\n   * Returns a cleanup function.\r\n   */\r\n  private renderPanelContent(container: HTMLElement): (() => void) | void {\r\n    const grid = this.grid as unknown as GridWithVisibility;\r\n\r\n    // Create content wrapper\r\n    const wrapper = document.createElement('div');\r\n    wrapper.className = 'tbw-visibility-content';\r\n\r\n    // Column list container\r\n    const columnList = document.createElement('div');\r\n    columnList.className = 'tbw-visibility-list';\r\n    wrapper.appendChild(columnList);\r\n\r\n    // Show all button\r\n    const showAllBtn = document.createElement('button');\r\n    showAllBtn.className = 'tbw-visibility-show-all';\r\n    showAllBtn.textContent = 'Show All';\r\n    showAllBtn.addEventListener('click', () => {\r\n      grid.showAllColumns();\r\n      this.rebuildToggles(columnList);\r\n    });\r\n    wrapper.appendChild(showAllBtn);\r\n\r\n    // Store reference\r\n    this.columnListElement = columnList;\r\n\r\n    // Build initial toggles\r\n    this.rebuildToggles(columnList);\r\n\r\n    // Append to container\r\n    container.appendChild(wrapper);\r\n\r\n    // Return cleanup function\r\n    return () => {\r\n      this.columnListElement = null;\r\n      wrapper.remove();\r\n    };\r\n  }\r\n\r\n  /**\r\n   * Check if a reorder plugin is present (by name to avoid static import).\r\n   */\r\n  private hasReorderPlugin(): boolean {\r\n    const plugin = this.grid?.getPluginByName?.('reorder');\r\n    // Duck-type check - just verify the plugin exists and has a moveColumn method\r\n    return !!(plugin && typeof (plugin as { moveColumn?: unknown }).moveColumn === 'function');\r\n  }\r\n\r\n  /**\r\n   * Build the column toggle checkboxes.\r\n   * When a reorder plugin is present, adds drag handles for reordering.\r\n   */\r\n  private rebuildToggles(columnList: HTMLElement): void {\r\n    const grid = this.grid as unknown as GridWithVisibility;\r\n    const reorderEnabled = this.hasReorderPlugin();\r\n\r\n    columnList.innerHTML = '';\r\n\r\n    // getAllColumns() now returns columns in their effective display order\r\n    const allColumns = grid.getAllColumns();\r\n\r\n    for (let i = 0; i < allColumns.length; i++) {\r\n      const col = allColumns[i];\r\n      const label = col.header || col.field;\r\n\r\n      const row = document.createElement('div');\r\n      row.className = col.lockVisible ? 'tbw-visibility-row locked' : 'tbw-visibility-row';\r\n      row.setAttribute('data-field', col.field);\r\n      row.setAttribute('data-index', String(i));\r\n\r\n      // Add drag handle if reorder is enabled\r\n      if (reorderEnabled && canMoveColumn(col as unknown as ColumnConfig)) {\r\n        row.draggable = true;\r\n        row.classList.add('reorderable');\r\n\r\n        this.setupDragListeners(row, col.field, i, columnList);\r\n      }\r\n\r\n      const labelWrapper = document.createElement('label');\r\n      labelWrapper.className = 'tbw-visibility-label';\r\n\r\n      const checkbox = document.createElement('input');\r\n      checkbox.type = 'checkbox';\r\n      checkbox.checked = col.visible;\r\n      checkbox.disabled = col.lockVisible ?? false;\r\n      checkbox.addEventListener('change', () => {\r\n        grid.toggleColumnVisibility(col.field);\r\n        // Refresh after toggle (grid may re-render)\r\n        setTimeout(() => this.rebuildToggles(columnList), 0);\r\n      });\r\n\r\n      const text = document.createElement('span');\r\n      text.textContent = label;\r\n\r\n      labelWrapper.appendChild(checkbox);\r\n      labelWrapper.appendChild(text);\r\n\r\n      // Add drag handle icon if reorderable\r\n      if (reorderEnabled && canMoveColumn(col as unknown as ColumnConfig)) {\r\n        const handle = document.createElement('span');\r\n        handle.className = 'tbw-visibility-handle';\r\n        handle.textContent = '⋮⋮';\r\n        handle.title = 'Drag to reorder';\r\n        row.appendChild(handle);\r\n      }\r\n\r\n      row.appendChild(labelWrapper);\r\n      columnList.appendChild(row);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Set up drag-and-drop event listeners for a row.\r\n   * On drop, emits a 'column-reorder-request' event for other plugins to handle.\r\n   */\r\n  private setupDragListeners(row: HTMLElement, field: string, index: number, columnList: HTMLElement): void {\r\n    row.addEventListener('dragstart', (e: DragEvent) => {\r\n      this.isDragging = true;\r\n      this.draggedField = field;\r\n      this.draggedIndex = index;\r\n\r\n      if (e.dataTransfer) {\r\n        e.dataTransfer.effectAllowed = 'move';\r\n        e.dataTransfer.setData('text/plain', field);\r\n      }\r\n\r\n      row.classList.add('dragging');\r\n    });\r\n\r\n    row.addEventListener('dragend', () => {\r\n      this.isDragging = false;\r\n      this.draggedField = null;\r\n      this.draggedIndex = null;\r\n      this.dropIndex = null;\r\n\r\n      columnList.querySelectorAll('.tbw-visibility-row').forEach((r) => {\r\n        r.classList.remove('dragging', 'drop-target', 'drop-before', 'drop-after');\r\n      });\r\n    });\r\n\r\n    row.addEventListener('dragover', (e: DragEvent) => {\r\n      e.preventDefault();\r\n      if (!this.isDragging || this.draggedField === field) return;\r\n\r\n      const rect = row.getBoundingClientRect();\r\n      const midY = rect.top + rect.height / 2;\r\n\r\n      this.dropIndex = e.clientY < midY ? index : index + 1;\r\n\r\n      // Clear other row highlights\r\n      columnList.querySelectorAll('.tbw-visibility-row').forEach((r) => {\r\n        if (r !== row) r.classList.remove('drop-target', 'drop-before', 'drop-after');\r\n      });\r\n\r\n      row.classList.add('drop-target');\r\n      row.classList.toggle('drop-before', e.clientY < midY);\r\n      row.classList.toggle('drop-after', e.clientY >= midY);\r\n    });\r\n\r\n    row.addEventListener('dragleave', () => {\r\n      row.classList.remove('drop-target', 'drop-before', 'drop-after');\r\n    });\r\n\r\n    row.addEventListener('drop', (e: DragEvent) => {\r\n      e.preventDefault();\r\n      const draggedField = this.draggedField;\r\n      const draggedIndex = this.draggedIndex;\r\n      const dropIndex = this.dropIndex;\r\n\r\n      if (!this.isDragging || draggedField === null || draggedIndex === null || dropIndex === null) {\r\n        return;\r\n      }\r\n\r\n      // Calculate the effective target index\r\n      const effectiveToIndex = dropIndex > draggedIndex ? dropIndex - 1 : dropIndex;\r\n\r\n      if (effectiveToIndex !== draggedIndex) {\r\n        // Emit a request event - other plugins (like ReorderPlugin) can listen and handle\r\n        const detail: ColumnReorderRequestDetail = {\r\n          field: draggedField,\r\n          fromIndex: draggedIndex,\r\n          toIndex: effectiveToIndex,\r\n        };\r\n        this.emit<ColumnReorderRequestDetail>('column-reorder-request', detail);\r\n\r\n        // Rebuild the panel after reorder (deferred to allow re-render)\r\n        setTimeout(() => {\r\n          this.rebuildToggles(columnList);\r\n        }, 0);\r\n      }\r\n    });\r\n  }\r\n\r\n  // ===== Styles =====\r\n\r\n  override readonly styles = `\r\n    .tbw-visibility-content {\r\n      display: flex;\r\n      flex-direction: column;\r\n      height: 100%;\r\n    }\r\n\r\n    .tbw-visibility-list {\r\n      flex: 1;\r\n      overflow-y: auto;\r\n      padding: 8px;\r\n    }\r\n\r\n    .tbw-visibility-row {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      padding: 6px 4px;\r\n      cursor: pointer;\r\n      font-size: 13px;\r\n      border-radius: var(--tbw-border-radius, 4px);\r\n      position: relative;\r\n    }\r\n    .tbw-visibility-row:hover {\r\n      background: var(--tbw-visibility-hover, var(--tbw-color-row-hover, #f3f4f6));\r\n    }\r\n    .tbw-visibility-row input[type=\"checkbox\"] {\r\n      cursor: pointer;\r\n    }\r\n    .tbw-visibility-row.locked span {\r\n      color: var(--tbw-color-fg-muted, #888);\r\n    }\r\n\r\n    /* Drag handle */\r\n    .tbw-visibility-handle {\r\n      cursor: grab;\r\n      color: var(--tbw-color-fg-muted, #888);\r\n      font-size: 10px;\r\n      letter-spacing: -2px;\r\n      user-select: none;\r\n      flex-shrink: 0;\r\n    }\r\n    .tbw-visibility-row.reorderable:hover .tbw-visibility-handle {\r\n      color: var(--tbw-color-fg, #1f2937);\r\n    }\r\n\r\n    /* Label wrapper for checkbox and text */\r\n    .tbw-visibility-label {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      flex: 1;\r\n      cursor: pointer;\r\n    }\r\n\r\n    /* Drag states */\r\n    .tbw-visibility-row.dragging {\r\n      opacity: 0.5;\r\n      cursor: grabbing;\r\n    }\r\n    .tbw-visibility-row.drop-before::before {\r\n      content: '';\r\n      position: absolute;\r\n      left: 0;\r\n      right: 0;\r\n      top: 0;\r\n      height: 2px;\r\n      background: var(--tbw-reorder-indicator, var(--tbw-color-accent, #3b82f6));\r\n    }\r\n    .tbw-visibility-row.drop-after::after {\r\n      content: '';\r\n      position: absolute;\r\n      left: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      height: 2px;\r\n      background: var(--tbw-reorder-indicator, var(--tbw-color-accent, #3b82f6));\r\n    }\r\n\r\n    .tbw-visibility-show-all {\r\n      margin: 8px;\r\n      padding: 8px 12px;\r\n      border: 1px solid var(--tbw-visibility-border, var(--tbw-color-border, #e5e7eb));\r\n      border-radius: var(--tbw-border-radius, 4px);\r\n      background: var(--tbw-visibility-btn-bg, var(--tbw-color-header-bg, #f9fafb));\r\n      color: var(--tbw-color-fg, #1f2937);\r\n      cursor: pointer;\r\n      font-size: 13px;\r\n    }\r\n    .tbw-visibility-show-all:hover {\r\n      background: var(--tbw-visibility-hover, var(--tbw-color-row-hover, #f3f4f6));\r\n    }\r\n  `;\r\n}\r\n"],"names":["canMoveColumn","column","meta","VisibilityPlugin","BaseGridPlugin","container","field","visible","c","grid","wrapper","columnList","showAllBtn","plugin","reorderEnabled","allColumns","col","label","row","labelWrapper","checkbox","text","handle","index","e","r","rect","midY","draggedField","draggedIndex","dropIndex","effectiveToIndex","detail"],"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 { BaseGridPlugin } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig, ToolPanelDefinition } from '../../core/types';\nimport type { VisibilityConfig } from './types';\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/** Extended grid interface with visibility methods */\ninterface GridWithVisibility {\n  shadowRoot: ShadowRoot | null;\n  getAllColumns(): Array<{ field: string; header: string; visible: boolean; lockVisible?: boolean }>;\n  setColumnVisible(field: string, visible: boolean): void;\n  toggleColumnVisibility(field: string): void;\n  showAllColumns(): void;\n  isColumnVisible(field: string): boolean;\n  requestRender(): void;\n  openToolPanel(id: string): void;\n  closeToolPanel(): void;\n  toggleToolPanel(id: string): void;\n  activeToolPanel: string | undefined;\n}\n\n/**\n * Column Visibility Plugin for tbw-grid\n *\n * @example\n * ```ts\n * new VisibilityPlugin({ enabled: true, allowHideAll: false })\n * ```\n */\nexport class VisibilityPlugin extends BaseGridPlugin<VisibilityConfig> {\n  readonly name = 'visibility';\n  override readonly version = '1.0.0';\n\n  /** Tool panel ID for shell integration */\n  static readonly PANEL_ID = 'columns';\n\n  protected override get defaultConfig(): Partial<VisibilityConfig> {\n    return {\n      enabled: true,\n      allowHideAll: false,\n    };\n  }\n\n  // ===== 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\n  // ===== Lifecycle =====\n\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\n  // ===== Shell Integration =====\n\n  /**\n   * Register the column visibility tool panel with the shell.\n   */\n  override getToolPanel(): ToolPanelDefinition | undefined {\n    if (!this.config.enabled) return undefined;\n\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\n  // ===== Public API =====\n\n  /**\n   * Show the visibility sidebar panel.\n   */\n  show(): void {\n    const grid = this.grid as unknown as GridWithVisibility;\n    grid.openToolPanel(VisibilityPlugin.PANEL_ID);\n  }\n\n  /**\n   * Hide the visibility sidebar panel.\n   */\n  hide(): void {\n    const grid = this.grid as unknown as GridWithVisibility;\n    grid.closeToolPanel();\n  }\n\n  /**\n   * Toggle the visibility sidebar panel.\n   */\n  toggle(): void {\n    const grid = this.grid as unknown as GridWithVisibility;\n    grid.toggleToolPanel(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    const grid = this.grid as unknown as GridWithVisibility;\n    return 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    const grid = this.grid as unknown as GridWithVisibility;\n    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    const grid = this.grid as unknown as GridWithVisibility;\n    return 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    const grid = this.grid as unknown as GridWithVisibility;\n    return 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    const grid = this.grid as unknown as GridWithVisibility;\n    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    const grid = this.grid as unknown as GridWithVisibility;\n    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    const grid = this.grid as unknown as GridWithVisibility;\n    grid.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    const grid = this.grid as unknown as GridWithVisibility;\n    grid.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<{ field: string; header: string; visible: boolean; lockVisible?: boolean }> {\n    const grid = this.grid as unknown as GridWithVisibility;\n    return grid.getAllColumns();\n  }\n\n  /**\n   * Check if the sidebar panel is currently open.\n   * @returns True if the panel is open\n   */\n  isPanelVisible(): boolean {\n    const grid = this.grid as unknown as GridWithVisibility;\n    return grid.activeToolPanel === VisibilityPlugin.PANEL_ID;\n  }\n\n  // ===== 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    const grid = this.grid as unknown as GridWithVisibility;\n\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      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 a reorder plugin is present, adds drag handles for reordering.\n   */\n  private rebuildToggles(columnList: HTMLElement): void {\n    const grid = this.grid as unknown as GridWithVisibility;\n    const reorderEnabled = this.hasReorderPlugin();\n\n    columnList.innerHTML = '';\n\n    // getAllColumns() now returns columns in their effective display order\n    const allColumns = grid.getAllColumns();\n\n    for (let i = 0; i < allColumns.length; i++) {\n      const col = allColumns[i];\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(i));\n\n      // Add drag handle if reorder is enabled\n      if (reorderEnabled && canMoveColumn(col as unknown as ColumnConfig)) {\n        row.draggable = true;\n        row.classList.add('reorderable');\n\n        this.setupDragListeners(row, col.field, i, 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        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 as unknown as ColumnConfig)) {\n        const handle = document.createElement('span');\n        handle.className = 'tbw-visibility-handle';\n        handle.textContent = '⋮⋮';\n        handle.title = 'Drag to reorder';\n        row.appendChild(handle);\n      }\n\n      row.appendChild(labelWrapper);\n      columnList.appendChild(row);\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\n      if (e.dataTransfer) {\n        e.dataTransfer.effectAllowed = 'move';\n        e.dataTransfer.setData('text/plain', field);\n      }\n\n      row.classList.add('dragging');\n    });\n\n    row.addEventListener('dragend', () => {\n      this.isDragging = false;\n      this.draggedField = null;\n      this.draggedIndex = null;\n      this.dropIndex = null;\n\n      columnList.querySelectorAll('.tbw-visibility-row').forEach((r) => {\n        r.classList.remove('dragging', 'drop-target', 'drop-before', 'drop-after');\n      });\n    });\n\n    row.addEventListener('dragover', (e: DragEvent) => {\n      e.preventDefault();\n      if (!this.isDragging || this.draggedField === field) return;\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 row highlights\n      columnList.querySelectorAll('.tbw-visibility-row').forEach((r) => {\n        if (r !== row) r.classList.remove('drop-target', 'drop-before', 'drop-after');\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      const draggedField = this.draggedField;\n      const draggedIndex = this.draggedIndex;\n      const dropIndex = this.dropIndex;\n\n      if (!this.isDragging || draggedField === null || draggedIndex === null || dropIndex === null) {\n        return;\n      }\n\n      // Calculate the effective target index\n      const effectiveToIndex = dropIndex > draggedIndex ? dropIndex - 1 : dropIndex;\n\n      if (effectiveToIndex !== draggedIndex) {\n        // Emit a request event - other plugins (like ReorderPlugin) can listen and handle\n        const detail: ColumnReorderRequestDetail = {\n          field: draggedField,\n          fromIndex: draggedIndex,\n          toIndex: effectiveToIndex,\n        };\n        this.emit<ColumnReorderRequestDetail>('column-reorder-request', detail);\n\n        // Rebuild the panel after reorder (deferred to allow re-render)\n        setTimeout(() => {\n          this.rebuildToggles(columnList);\n        }, 0);\n      }\n    });\n  }\n\n  // ===== Styles =====\n\n  override readonly styles = `\n    .tbw-visibility-content {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n    }\n\n    .tbw-visibility-list {\n      flex: 1;\n      overflow-y: auto;\n      padding: 8px;\n    }\n\n    .tbw-visibility-row {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 6px 4px;\n      cursor: pointer;\n      font-size: 13px;\n      border-radius: var(--tbw-border-radius, 4px);\n      position: relative;\n    }\n    .tbw-visibility-row:hover {\n      background: var(--tbw-visibility-hover, var(--tbw-color-row-hover, #f3f4f6));\n    }\n    .tbw-visibility-row input[type=\"checkbox\"] {\n      cursor: pointer;\n    }\n    .tbw-visibility-row.locked span {\n      color: var(--tbw-color-fg-muted, #888);\n    }\n\n    /* Drag handle */\n    .tbw-visibility-handle {\n      cursor: grab;\n      color: var(--tbw-color-fg-muted, #888);\n      font-size: 10px;\n      letter-spacing: -2px;\n      user-select: none;\n      flex-shrink: 0;\n    }\n    .tbw-visibility-row.reorderable:hover .tbw-visibility-handle {\n      color: var(--tbw-color-fg, #1f2937);\n    }\n\n    /* Label wrapper for checkbox and text */\n    .tbw-visibility-label {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      flex: 1;\n      cursor: pointer;\n    }\n\n    /* Drag states */\n    .tbw-visibility-row.dragging {\n      opacity: 0.5;\n      cursor: grabbing;\n    }\n    .tbw-visibility-row.drop-before::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      right: 0;\n      top: 0;\n      height: 2px;\n      background: var(--tbw-reorder-indicator, var(--tbw-color-accent, #3b82f6));\n    }\n    .tbw-visibility-row.drop-after::after {\n      content: '';\n      position: absolute;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      height: 2px;\n      background: var(--tbw-reorder-indicator, var(--tbw-color-accent, #3b82f6));\n    }\n\n    .tbw-visibility-show-all {\n      margin: 8px;\n      padding: 8px 12px;\n      border: 1px solid var(--tbw-visibility-border, var(--tbw-color-border, #e5e7eb));\n      border-radius: var(--tbw-border-radius, 4px);\n      background: var(--tbw-visibility-btn-bg, var(--tbw-color-header-bg, #f9fafb));\n      color: var(--tbw-color-fg, #1f2937);\n      cursor: pointer;\n      font-size: 13px;\n    }\n    .tbw-visibility-show-all:hover {\n      background: var(--tbw-visibility-hover, var(--tbw-color-row-hover, #f3f4f6));\n    }\n  `;\n}\n"],"names":["canMoveColumn","column","meta","VisibilityPlugin","BaseGridPlugin","container","field","visible","c","grid","wrapper","columnList","showAllBtn","plugin","reorderEnabled","allColumns","col","label","row","labelWrapper","checkbox","text","handle","index","e","r","rect","midY","draggedField","draggedIndex","dropIndex","effectiveToIndex","detail"],"mappings":"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"}