@toolbox-web/grid 0.0.3 → 0.0.4

package/umd/plugins/multi-sort.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"multi-sort.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/multi-sort/multi-sort.ts","../../../../../libs/grid/src/lib/plugins/multi-sort/MultiSortPlugin.ts"],"sourcesContent":["/**\n * Multi-Sort Core Logic\n *\n * Pure functions for multi-column sorting operations.\n */\n\nimport type { ColumnConfig } from '../../core/types';\nimport type { SortModel } from './types';\n\n/**\n * Apply multiple sort columns to a row array.\n * Sorts are applied in order - first sort has highest priority.\n *\n * @param rows - Array of row objects to sort\n * @param sorts - Ordered array of sort configurations\n * @param columns - Column configurations (for custom comparators)\n * @returns New sorted array (does not mutate original)\n */\nexport function applySorts<TRow = unknown>(rows: TRow[], sorts: SortModel[], columns: ColumnConfig<TRow>[]): TRow[] {\n  if (!sorts.length) return [...rows];\n\n  return [...rows].sort((a, b) => {\n    for (const sort of sorts) {\n      const col = columns.find((c) => c.field === sort.field);\n      const comparator = col?.sortComparator ?? defaultComparator;\n      const aVal = (a as Record<string, unknown>)[sort.field];\n      const bVal = (b as Record<string, unknown>)[sort.field];\n      const result = comparator(aVal, bVal, a, b);\n      if (result !== 0) {\n        return sort.direction === 'asc' ? result : -result;\n      }\n    }\n    return 0;\n  });\n}\n\n/**\n * Default comparator for sorting values.\n * Handles nulls, numbers, dates, and strings.\n *\n * @param a - First value\n * @param b - Second value\n * @returns Comparison result (-1, 0, 1)\n */\nexport function defaultComparator(a: unknown, b: unknown): number {\n  // Handle nulls/undefined - push to end\n  if (a == null && b == null) return 0;\n  if (a == null) return 1;\n  if (b == null) return -1;\n\n  // Type-aware comparison\n  if (typeof a === 'number' && typeof b === 'number') {\n    return a - b;\n  }\n\n  if (a instanceof Date && b instanceof Date) {\n    return a.getTime() - b.getTime();\n  }\n\n  // Boolean comparison\n  if (typeof a === 'boolean' && typeof b === 'boolean') {\n    return a === b ? 0 : a ? -1 : 1;\n  }\n\n  // String comparison (fallback)\n  return String(a).localeCompare(String(b));\n}\n\n/**\n * Toggle sort state for a field.\n * With shift key: adds/toggles in multi-sort list\n * Without shift key: replaces entire sort with single column\n *\n * @param current - Current sort model\n * @param field - Field to toggle\n * @param shiftKey - Whether shift key is held (multi-sort mode)\n * @param maxColumns - Maximum columns allowed in sort\n * @returns New sort model\n */\nexport function toggleSort(current: SortModel[], field: string, shiftKey: boolean, maxColumns: number): SortModel[] {\n  const existing = current.find((s) => s.field === field);\n\n  if (shiftKey) {\n    // Multi-sort: add/toggle in list\n    if (existing) {\n      if (existing.direction === 'asc') {\n        // Flip to descending\n        return current.map((s) => (s.field === field ? { ...s, direction: 'desc' as const } : s));\n      } else {\n        // Remove from sort\n        return current.filter((s) => s.field !== field);\n      }\n    } else if (current.length < maxColumns) {\n      // Add new sort column\n      return [...current, { field, direction: 'asc' as const }];\n    }\n    // Max columns reached, return unchanged\n    return current;\n  } else {\n    // Single sort: replace all\n    if (existing?.direction === 'asc') {\n      return [{ field, direction: 'desc' }];\n    } else if (existing?.direction === 'desc') {\n      return [];\n    }\n    return [{ field, direction: 'asc' }];\n  }\n}\n\n/**\n * Get the sort index (1-based) for a field in the sort model.\n * Returns undefined if the field is not in the sort model.\n *\n * @param sortModel - Current sort model\n * @param field - Field to check\n * @returns 1-based index or undefined\n */\nexport function getSortIndex(sortModel: SortModel[], field: string): number | undefined {\n  const index = sortModel.findIndex((s) => s.field === field);\n  return index >= 0 ? index + 1 : undefined;\n}\n\n/**\n * Get the sort direction for a field in the sort model.\n *\n * @param sortModel - Current sort model\n * @param field - Field to check\n * @returns Sort direction or undefined if not sorted\n */\nexport function getSortDirection(sortModel: SortModel[], field: string): 'asc' | 'desc' | undefined {\n  return sortModel.find((s) => s.field === field)?.direction;\n}\n","/**\r\n * Multi-Sort Plugin (Class-based)\r\n *\r\n * Provides multi-column sorting capabilities for tbw-grid.\r\n * Supports shift+click for adding secondary sort columns.\r\n */\r\n\r\nimport { BaseGridPlugin, HeaderClickEvent } from '../../core/plugin/base-plugin';\r\nimport type { ColumnState } from '../../core/types';\r\nimport { applySorts, getSortDirection, getSortIndex, toggleSort } from './multi-sort';\r\nimport type { MultiSortConfig, SortModel } from './types';\r\n\r\n/**\r\n * Multi-Sort Plugin for tbw-grid\r\n *\r\n * @example\r\n * ```ts\r\n * new MultiSortPlugin({ maxSortColumns: 3, showSortIndex: true })\r\n * ```\r\n */\r\nexport class MultiSortPlugin extends BaseGridPlugin<MultiSortConfig> {\r\n  readonly name = 'multiSort';\r\n  override readonly version = '1.0.0';\r\n\r\n  protected override get defaultConfig(): Partial<MultiSortConfig> {\r\n    return {\r\n      enabled: true,\r\n      maxSortColumns: 3,\r\n      showSortIndex: true,\r\n    };\r\n  }\r\n\r\n  // ===== Internal State =====\r\n  private sortModel: SortModel[] = [];\r\n\r\n  // ===== Lifecycle =====\r\n\r\n  override detach(): void {\r\n    this.sortModel = [];\r\n  }\r\n\r\n  // ===== Hooks =====\r\n\r\n  override processRows(rows: readonly unknown[]): unknown[] {\r\n    if (this.sortModel.length === 0) {\r\n      return [...rows];\r\n    }\r\n    return applySorts([...rows], this.sortModel, [...this.columns]);\r\n  }\r\n\r\n  override onHeaderClick(event: HeaderClickEvent): boolean {\r\n    const column = this.columns.find((c) => c.field === event.field);\r\n    if (!column?.sortable) return false;\r\n\r\n    const shiftKey = event.originalEvent.shiftKey;\r\n    const maxColumns = this.config.maxSortColumns ?? 3;\r\n\r\n    this.sortModel = toggleSort(this.sortModel, event.field, shiftKey, maxColumns);\r\n\r\n    this.emit('sort-change', { sortModel: [...this.sortModel] });\r\n    this.requestRender();\r\n\r\n    return true;\r\n  }\r\n\r\n  override afterRender(): void {\r\n    const shadowRoot = this.shadowRoot;\r\n    if (!shadowRoot) return;\r\n\r\n    const showIndex = this.config.showSortIndex !== false;\r\n\r\n    // Update all sortable header cells with sort indicators\r\n    const headerCells = shadowRoot.querySelectorAll('.header-row .cell[data-field]');\r\n    headerCells.forEach((cell) => {\r\n      const field = cell.getAttribute('data-field');\r\n      if (!field) return;\r\n\r\n      const sortIndex = getSortIndex(this.sortModel, field);\r\n      const sortDir = getSortDirection(this.sortModel, field);\r\n\r\n      // Remove existing sort index badge (always clean up)\r\n      const existingBadge = cell.querySelector('.sort-index');\r\n      existingBadge?.remove();\r\n\r\n      if (sortDir) {\r\n        // Column is sorted - remove base indicator and add our own\r\n        const existingIndicator = cell.querySelector('[part~=\"sort-indicator\"], .sort-indicator');\r\n        existingIndicator?.remove();\r\n\r\n        cell.setAttribute('data-sort', sortDir);\r\n\r\n        // Add sort arrow indicator\r\n        const indicator = document.createElement('span');\r\n        indicator.className = 'sort-indicator';\r\n        indicator.style.marginLeft = '4px';\r\n        indicator.style.opacity = '0.8';\r\n        indicator.textContent = sortDir === 'asc' ? '▲' : '▼';\r\n        cell.appendChild(indicator);\r\n\r\n        // Add sort index badge if multiple columns sorted and showSortIndex is enabled\r\n        if (showIndex && this.sortModel.length > 1 && sortIndex !== undefined) {\r\n          const badge = document.createElement('span');\r\n          badge.className = 'sort-index';\r\n          badge.textContent = String(sortIndex);\r\n          cell.appendChild(badge);\r\n        }\r\n      } else {\r\n        cell.removeAttribute('data-sort');\r\n        // For unsorted columns, leave the base indicator (⇅) alone\r\n      }\r\n    });\r\n  }\r\n\r\n  // ===== Public API =====\r\n\r\n  /**\r\n   * Get the current sort model.\r\n   * @returns Copy of the current sort model\r\n   */\r\n  getSortModel(): SortModel[] {\r\n    return [...this.sortModel];\r\n  }\r\n\r\n  /**\r\n   * Set the sort model programmatically.\r\n   * @param model - New sort model to apply\r\n   */\r\n  setSortModel(model: SortModel[]): void {\r\n    this.sortModel = [...model];\r\n    this.emit('sort-change', { sortModel: [...model] });\r\n    this.requestRender();\r\n  }\r\n\r\n  /**\r\n   * Clear all sorting.\r\n   */\r\n  clearSort(): void {\r\n    this.sortModel = [];\r\n    this.emit('sort-change', { sortModel: [] });\r\n    this.requestRender();\r\n  }\r\n\r\n  /**\r\n   * Get the sort index (1-based) for a specific field.\r\n   * @param field - Field to check\r\n   * @returns 1-based index or undefined if not sorted\r\n   */\r\n  getSortIndex(field: string): number | undefined {\r\n    return getSortIndex(this.sortModel, field);\r\n  }\r\n\r\n  /**\r\n   * Get the sort direction for a specific field.\r\n   * @param field - Field to check\r\n   * @returns Sort direction or undefined if not sorted\r\n   */\r\n  getSortDirection(field: string): 'asc' | 'desc' | undefined {\r\n    return getSortDirection(this.sortModel, field);\r\n  }\r\n\r\n  // ===== Column State Hooks =====\r\n\r\n  /**\r\n   * Return sort state for a column if it's in the sort model.\r\n   */\r\n  override getColumnState(field: string): Partial<ColumnState> | undefined {\r\n    const index = this.sortModel.findIndex((s) => s.field === field);\r\n    if (index === -1) return undefined;\r\n\r\n    const sortEntry = this.sortModel[index];\r\n    return {\r\n      sort: {\r\n        direction: sortEntry.direction,\r\n        priority: index,\r\n      },\r\n    };\r\n  }\r\n\r\n  /**\r\n   * Apply sort state from column state.\r\n   * Rebuilds the sort model from all column states.\r\n   */\r\n  override applyColumnState(field: string, state: ColumnState): void {\r\n    // Only process if the column has sort state\r\n    if (!state.sort) {\r\n      // Remove this field from sortModel if it exists\r\n      this.sortModel = this.sortModel.filter((s) => s.field !== field);\r\n      return;\r\n    }\r\n\r\n    // Find existing entry or add new one\r\n    const existingIndex = this.sortModel.findIndex((s) => s.field === field);\r\n    const newEntry: SortModel = {\r\n      field,\r\n      direction: state.sort.direction,\r\n    };\r\n\r\n    if (existingIndex !== -1) {\r\n      // Update existing entry\r\n      this.sortModel[existingIndex] = newEntry;\r\n    } else {\r\n      // Add at the correct priority position\r\n      this.sortModel.splice(state.sort.priority, 0, newEntry);\r\n    }\r\n\r\n    // Re-sort the model by priority to ensure correct order\r\n    // This is handled after all columns are processed, but we maintain order here\r\n  }\r\n\r\n  // ===== Styles =====\r\n\r\n  override readonly styles = `\r\n    .header-cell[data-sort=\"asc\"]::after {\r\n      content: '↑';\r\n      margin-left: 4px;\r\n      opacity: 0.8;\r\n    }\r\n    .header-cell[data-sort=\"desc\"]::after {\r\n      content: '↓';\r\n      margin-left: 4px;\r\n      opacity: 0.8;\r\n    }\r\n    .sort-index {\r\n      font-size: 10px;\r\n      background: var(--tbw-multi-sort-badge-bg, var(--tbw-color-panel-bg));\r\n      color: var(--tbw-multi-sort-badge-color, var(--tbw-color-fg));\r\n      border-radius: 50%;\r\n      width: 14px;\r\n      height: 14px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin-left: 2px;\r\n      font-weight: 600;\r\n    }\r\n  `;\r\n}\r\n"],"names":["applySorts","rows","sorts","columns","a","b","sort","comparator","c","defaultComparator","aVal","bVal","result","toggleSort","current","field","shiftKey","maxColumns","existing","s","getSortIndex","sortModel","index","getSortDirection","MultiSortPlugin","BaseGridPlugin","event","shadowRoot","showIndex","cell","sortIndex","sortDir","indicator","badge","model","state","existingIndex","newEntry"],"mappings":"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"}
+{"version":3,"file":"multi-sort.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/multi-sort/multi-sort.ts","../../../../../libs/grid/src/lib/plugins/multi-sort/MultiSortPlugin.ts"],"sourcesContent":["/**\n * Multi-Sort Core Logic\n *\n * Pure functions for multi-column sorting operations.\n */\n\nimport type { ColumnConfig } from '../../core/types';\nimport type { SortModel } from './types';\n\n/**\n * Apply multiple sort columns to a row array.\n * Sorts are applied in order - first sort has highest priority.\n *\n * @param rows - Array of row objects to sort\n * @param sorts - Ordered array of sort configurations\n * @param columns - Column configurations (for custom comparators)\n * @returns New sorted array (does not mutate original)\n */\nexport function applySorts<TRow = unknown>(rows: TRow[], sorts: SortModel[], columns: ColumnConfig<TRow>[]): TRow[] {\n  if (!sorts.length) return [...rows];\n\n  return [...rows].sort((a, b) => {\n    for (const sort of sorts) {\n      const col = columns.find((c) => c.field === sort.field);\n      const comparator = col?.sortComparator ?? defaultComparator;\n      const aVal = (a as Record<string, unknown>)[sort.field];\n      const bVal = (b as Record<string, unknown>)[sort.field];\n      const result = comparator(aVal, bVal, a, b);\n      if (result !== 0) {\n        return sort.direction === 'asc' ? result : -result;\n      }\n    }\n    return 0;\n  });\n}\n\n/**\n * Default comparator for sorting values.\n * Handles nulls, numbers, dates, and strings.\n *\n * @param a - First value\n * @param b - Second value\n * @returns Comparison result (-1, 0, 1)\n */\nexport function defaultComparator(a: unknown, b: unknown): number {\n  // Handle nulls/undefined - push to end\n  if (a == null && b == null) return 0;\n  if (a == null) return 1;\n  if (b == null) return -1;\n\n  // Type-aware comparison\n  if (typeof a === 'number' && typeof b === 'number') {\n    return a - b;\n  }\n\n  if (a instanceof Date && b instanceof Date) {\n    return a.getTime() - b.getTime();\n  }\n\n  // Boolean comparison\n  if (typeof a === 'boolean' && typeof b === 'boolean') {\n    return a === b ? 0 : a ? -1 : 1;\n  }\n\n  // String comparison (fallback)\n  return String(a).localeCompare(String(b));\n}\n\n/**\n * Toggle sort state for a field.\n * With shift key: adds/toggles in multi-sort list\n * Without shift key: replaces entire sort with single column\n *\n * @param current - Current sort model\n * @param field - Field to toggle\n * @param shiftKey - Whether shift key is held (multi-sort mode)\n * @param maxColumns - Maximum columns allowed in sort\n * @returns New sort model\n */\nexport function toggleSort(current: SortModel[], field: string, shiftKey: boolean, maxColumns: number): SortModel[] {\n  const existing = current.find((s) => s.field === field);\n\n  if (shiftKey) {\n    // Multi-sort: add/toggle in list\n    if (existing) {\n      if (existing.direction === 'asc') {\n        // Flip to descending\n        return current.map((s) => (s.field === field ? { ...s, direction: 'desc' as const } : s));\n      } else {\n        // Remove from sort\n        return current.filter((s) => s.field !== field);\n      }\n    } else if (current.length < maxColumns) {\n      // Add new sort column\n      return [...current, { field, direction: 'asc' as const }];\n    }\n    // Max columns reached, return unchanged\n    return current;\n  } else {\n    // Single sort: replace all\n    if (existing?.direction === 'asc') {\n      return [{ field, direction: 'desc' }];\n    } else if (existing?.direction === 'desc') {\n      return [];\n    }\n    return [{ field, direction: 'asc' }];\n  }\n}\n\n/**\n * Get the sort index (1-based) for a field in the sort model.\n * Returns undefined if the field is not in the sort model.\n *\n * @param sortModel - Current sort model\n * @param field - Field to check\n * @returns 1-based index or undefined\n */\nexport function getSortIndex(sortModel: SortModel[], field: string): number | undefined {\n  const index = sortModel.findIndex((s) => s.field === field);\n  return index >= 0 ? index + 1 : undefined;\n}\n\n/**\n * Get the sort direction for a field in the sort model.\n *\n * @param sortModel - Current sort model\n * @param field - Field to check\n * @returns Sort direction or undefined if not sorted\n */\nexport function getSortDirection(sortModel: SortModel[], field: string): 'asc' | 'desc' | undefined {\n  return sortModel.find((s) => s.field === field)?.direction;\n}\n","/**\n * Multi-Sort Plugin (Class-based)\n *\n * Provides multi-column sorting capabilities for tbw-grid.\n * Supports shift+click for adding secondary sort columns.\n */\n\nimport { BaseGridPlugin, HeaderClickEvent } from '../../core/plugin/base-plugin';\nimport type { ColumnState } from '../../core/types';\nimport { applySorts, getSortDirection, getSortIndex, toggleSort } from './multi-sort';\nimport type { MultiSortConfig, SortModel } from './types';\n\n/**\n * Multi-Sort Plugin for tbw-grid\n *\n * @example\n * ```ts\n * new MultiSortPlugin({ maxSortColumns: 3, showSortIndex: true })\n * ```\n */\nexport class MultiSortPlugin extends BaseGridPlugin<MultiSortConfig> {\n  readonly name = 'multiSort';\n  override readonly version = '1.0.0';\n\n  protected override get defaultConfig(): Partial<MultiSortConfig> {\n    return {\n      enabled: true,\n      maxSortColumns: 3,\n      showSortIndex: true,\n    };\n  }\n\n  // ===== Internal State =====\n  private sortModel: SortModel[] = [];\n\n  // ===== Lifecycle =====\n\n  override detach(): void {\n    this.sortModel = [];\n  }\n\n  // ===== Hooks =====\n\n  override processRows(rows: readonly unknown[]): unknown[] {\n    if (this.sortModel.length === 0) {\n      return [...rows];\n    }\n    return applySorts([...rows], this.sortModel, [...this.columns]);\n  }\n\n  override onHeaderClick(event: HeaderClickEvent): boolean {\n    const column = this.columns.find((c) => c.field === event.field);\n    if (!column?.sortable) return false;\n\n    const shiftKey = event.originalEvent.shiftKey;\n    const maxColumns = this.config.maxSortColumns ?? 3;\n\n    this.sortModel = toggleSort(this.sortModel, event.field, shiftKey, maxColumns);\n\n    this.emit('sort-change', { sortModel: [...this.sortModel] });\n    this.requestRender();\n\n    return true;\n  }\n\n  override afterRender(): void {\n    const shadowRoot = this.shadowRoot;\n    if (!shadowRoot) return;\n\n    const showIndex = this.config.showSortIndex !== false;\n\n    // Update all sortable header cells with sort indicators\n    const headerCells = shadowRoot.querySelectorAll('.header-row .cell[data-field]');\n    headerCells.forEach((cell) => {\n      const field = cell.getAttribute('data-field');\n      if (!field) return;\n\n      const sortIndex = getSortIndex(this.sortModel, field);\n      const sortDir = getSortDirection(this.sortModel, field);\n\n      // Remove existing sort index badge (always clean up)\n      const existingBadge = cell.querySelector('.sort-index');\n      existingBadge?.remove();\n\n      if (sortDir) {\n        // Column is sorted - remove base indicator and add our own\n        const existingIndicator = cell.querySelector('[part~=\"sort-indicator\"], .sort-indicator');\n        existingIndicator?.remove();\n\n        cell.setAttribute('data-sort', sortDir);\n\n        // Add sort arrow indicator\n        const indicator = document.createElement('span');\n        indicator.className = 'sort-indicator';\n        indicator.style.marginLeft = '4px';\n        indicator.style.opacity = '0.8';\n        indicator.textContent = sortDir === 'asc' ? '▲' : '▼';\n        cell.appendChild(indicator);\n\n        // Add sort index badge if multiple columns sorted and showSortIndex is enabled\n        if (showIndex && this.sortModel.length > 1 && sortIndex !== undefined) {\n          const badge = document.createElement('span');\n          badge.className = 'sort-index';\n          badge.textContent = String(sortIndex);\n          cell.appendChild(badge);\n        }\n      } else {\n        cell.removeAttribute('data-sort');\n        // For unsorted columns, leave the base indicator (⇅) alone\n      }\n    });\n  }\n\n  // ===== Public API =====\n\n  /**\n   * Get the current sort model.\n   * @returns Copy of the current sort model\n   */\n  getSortModel(): SortModel[] {\n    return [...this.sortModel];\n  }\n\n  /**\n   * Set the sort model programmatically.\n   * @param model - New sort model to apply\n   */\n  setSortModel(model: SortModel[]): void {\n    this.sortModel = [...model];\n    this.emit('sort-change', { sortModel: [...model] });\n    this.requestRender();\n  }\n\n  /**\n   * Clear all sorting.\n   */\n  clearSort(): void {\n    this.sortModel = [];\n    this.emit('sort-change', { sortModel: [] });\n    this.requestRender();\n  }\n\n  /**\n   * Get the sort index (1-based) for a specific field.\n   * @param field - Field to check\n   * @returns 1-based index or undefined if not sorted\n   */\n  getSortIndex(field: string): number | undefined {\n    return getSortIndex(this.sortModel, field);\n  }\n\n  /**\n   * Get the sort direction for a specific field.\n   * @param field - Field to check\n   * @returns Sort direction or undefined if not sorted\n   */\n  getSortDirection(field: string): 'asc' | 'desc' | undefined {\n    return getSortDirection(this.sortModel, field);\n  }\n\n  // ===== Column State Hooks =====\n\n  /**\n   * Return sort state for a column if it's in the sort model.\n   */\n  override getColumnState(field: string): Partial<ColumnState> | undefined {\n    const index = this.sortModel.findIndex((s) => s.field === field);\n    if (index === -1) return undefined;\n\n    const sortEntry = this.sortModel[index];\n    return {\n      sort: {\n        direction: sortEntry.direction,\n        priority: index,\n      },\n    };\n  }\n\n  /**\n   * Apply sort state from column state.\n   * Rebuilds the sort model from all column states.\n   */\n  override applyColumnState(field: string, state: ColumnState): void {\n    // Only process if the column has sort state\n    if (!state.sort) {\n      // Remove this field from sortModel if it exists\n      this.sortModel = this.sortModel.filter((s) => s.field !== field);\n      return;\n    }\n\n    // Find existing entry or add new one\n    const existingIndex = this.sortModel.findIndex((s) => s.field === field);\n    const newEntry: SortModel = {\n      field,\n      direction: state.sort.direction,\n    };\n\n    if (existingIndex !== -1) {\n      // Update existing entry\n      this.sortModel[existingIndex] = newEntry;\n    } else {\n      // Add at the correct priority position\n      this.sortModel.splice(state.sort.priority, 0, newEntry);\n    }\n\n    // Re-sort the model by priority to ensure correct order\n    // This is handled after all columns are processed, but we maintain order here\n  }\n\n  // ===== Styles =====\n\n  override readonly styles = `\n    .header-cell[data-sort=\"asc\"]::after {\n      content: '↑';\n      margin-left: 4px;\n      opacity: 0.8;\n    }\n    .header-cell[data-sort=\"desc\"]::after {\n      content: '↓';\n      margin-left: 4px;\n      opacity: 0.8;\n    }\n    .sort-index {\n      font-size: 10px;\n      background: var(--tbw-multi-sort-badge-bg, var(--tbw-color-panel-bg));\n      color: var(--tbw-multi-sort-badge-color, var(--tbw-color-fg));\n      border-radius: 50%;\n      width: 14px;\n      height: 14px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      margin-left: 2px;\n      font-weight: 600;\n    }\n  `;\n}\n"],"names":["applySorts","rows","sorts","columns","a","b","sort","comparator","c","defaultComparator","aVal","bVal","result","toggleSort","current","field","shiftKey","maxColumns","existing","s","getSortIndex","sortModel","index","getSortDirection","MultiSortPlugin","BaseGridPlugin","event","shadowRoot","showIndex","cell","sortIndex","sortDir","indicator","badge","model","state","existingIndex","newEntry"],"mappings":"qUAkBO,SAASA,EAA2BC,EAAcC,EAAoBC,EAAuC,CAClH,OAAKD,EAAM,OAEJ,CAAC,GAAGD,CAAI,EAAE,KAAK,CAACG,EAAGC,IAAM,CAC9B,UAAWC,KAAQJ,EAAO,CAExB,MAAMK,EADMJ,EAAQ,KAAMK,GAAMA,EAAE,QAAUF,EAAK,KAAK,GAC9B,gBAAkBG,EACpCC,EAAQN,EAA8BE,EAAK,KAAK,EAChDK,EAAQN,EAA8BC,EAAK,KAAK,EAChDM,EAASL,EAAWG,EAAMC,EAAMP,EAAGC,CAAC,EAC1C,GAAIO,IAAW,EACb,OAAON,EAAK,YAAc,MAAQM,EAAS,CAACA,CAEhD,CACA,MAAO,EACT,CAAC,EAdyB,CAAC,GAAGX,CAAI,CAepC,CAUO,SAASQ,EAAkBL,EAAYC,EAAoB,CAEhE,OAAID,GAAK,MAAQC,GAAK,KAAa,EAC/BD,GAAK,KAAa,EAClBC,GAAK,KAAa,GAGlB,OAAOD,GAAM,UAAY,OAAOC,GAAM,SACjCD,EAAIC,EAGTD,aAAa,MAAQC,aAAa,KAC7BD,EAAE,UAAYC,EAAE,QAAA,EAIrB,OAAOD,GAAM,WAAa,OAAOC,GAAM,UAClCD,IAAMC,EAAI,EAAID,EAAI,GAAK,EAIzB,OAAOA,CAAC,EAAE,cAAc,OAAOC,CAAC,CAAC,CAC1C,CAaO,SAASQ,EAAWC,EAAsBC,EAAeC,EAAmBC,EAAiC,CAClH,MAAMC,EAAWJ,EAAQ,KAAMK,GAAMA,EAAE,QAAUJ,CAAK,EAEtD,OAAIC,EAEEE,EACEA,EAAS,YAAc,MAElBJ,EAAQ,IAAKK,GAAOA,EAAE,QAAUJ,EAAQ,CAAE,GAAGI,EAAG,UAAW,MAAA,EAAoBA,CAAE,EAGjFL,EAAQ,OAAQK,GAAMA,EAAE,QAAUJ,CAAK,EAEvCD,EAAQ,OAASG,EAEnB,CAAC,GAAGH,EAAS,CAAE,MAAAC,EAAO,UAAW,MAAgB,EAGnDD,EAGHI,GAAU,YAAc,MACnB,CAAC,CAAE,MAAAH,EAAO,UAAW,OAAQ,EAC3BG,GAAU,YAAc,OAC1B,CAAA,EAEF,CAAC,CAAE,MAAAH,EAAO,UAAW,MAAO,CAEvC,CAUO,SAASK,EAAaC,EAAwBN,EAAmC,CACtF,MAAMO,EAAQD,EAAU,UAAWF,GAAMA,EAAE,QAAUJ,CAAK,EAC1D,OAAOO,GAAS,EAAIA,EAAQ,EAAI,MAClC,CASO,SAASC,EAAiBF,EAAwBN,EAA2C,CAClG,OAAOM,EAAU,KAAMF,GAAMA,EAAE,QAAUJ,CAAK,GAAG,SACnD,CC/GO,MAAMS,UAAwBC,EAAAA,cAAgC,CAC1D,KAAO,YACE,QAAU,QAE5B,IAAuB,eAA0C,CAC/D,MAAO,CACL,QAAS,GACT,eAAgB,EAChB,cAAe,EAAA,CAEnB,CAGQ,UAAyB,CAAA,EAIxB,QAAe,CACtB,KAAK,UAAY,CAAA,CACnB,CAIS,YAAYxB,EAAqC,CACxD,OAAI,KAAK,UAAU,SAAW,EACrB,CAAC,GAAGA,CAAI,EAEVD,EAAW,CAAC,GAAGC,CAAI,EAAG,KAAK,UAAW,CAAC,GAAG,KAAK,OAAO,CAAC,CAChE,CAES,cAAcyB,EAAkC,CAEvD,GAAI,CADW,KAAK,QAAQ,KAAMlB,GAAMA,EAAE,QAAUkB,EAAM,KAAK,GAClD,SAAU,MAAO,GAE9B,MAAMV,EAAWU,EAAM,cAAc,SAC/BT,EAAa,KAAK,OAAO,gBAAkB,EAEjD,YAAK,UAAYJ,EAAW,KAAK,UAAWa,EAAM,MAAOV,EAAUC,CAAU,EAE7E,KAAK,KAAK,cAAe,CAAE,UAAW,CAAC,GAAG,KAAK,SAAS,EAAG,EAC3D,KAAK,cAAA,EAEE,EACT,CAES,aAAoB,CAC3B,MAAMU,EAAa,KAAK,WACxB,GAAI,CAACA,EAAY,OAEjB,MAAMC,EAAY,KAAK,OAAO,gBAAkB,GAG5BD,EAAW,iBAAiB,+BAA+B,EACnE,QAASE,GAAS,CAC5B,MAAMd,EAAQc,EAAK,aAAa,YAAY,EAC5C,GAAI,CAACd,EAAO,OAEZ,MAAMe,EAAYV,EAAa,KAAK,UAAWL,CAAK,EAC9CgB,EAAUR,EAAiB,KAAK,UAAWR,CAAK,EAMtD,GAHsBc,EAAK,cAAc,aAAa,GACvC,OAAA,EAEXE,EAAS,CAEeF,EAAK,cAAc,2CAA2C,GACrE,OAAA,EAEnBA,EAAK,aAAa,YAAaE,CAAO,EAGtC,MAAMC,EAAY,SAAS,cAAc,MAAM,EAQ/C,GAPAA,EAAU,UAAY,iBACtBA,EAAU,MAAM,WAAa,MAC7BA,EAAU,MAAM,QAAU,MAC1BA,EAAU,YAAcD,IAAY,MAAQ,IAAM,IAClDF,EAAK,YAAYG,CAAS,EAGtBJ,GAAa,KAAK,UAAU,OAAS,GAAKE,IAAc,OAAW,CACrE,MAAMG,EAAQ,SAAS,cAAc,MAAM,EAC3CA,EAAM,UAAY,aAClBA,EAAM,YAAc,OAAOH,CAAS,EACpCD,EAAK,YAAYI,CAAK,CACxB,CACF,MACEJ,EAAK,gBAAgB,WAAW,CAGpC,CAAC,CACH,CAQA,cAA4B,CAC1B,MAAO,CAAC,GAAG,KAAK,SAAS,CAC3B,CAMA,aAAaK,EAA0B,CACrC,KAAK,UAAY,CAAC,GAAGA,CAAK,EAC1B,KAAK,KAAK,cAAe,CAAE,UAAW,CAAC,GAAGA,CAAK,EAAG,EAClD,KAAK,cAAA,CACP,CAKA,WAAkB,CAChB,KAAK,UAAY,CAAA,EACjB,KAAK,KAAK,cAAe,CAAE,UAAW,CAAA,EAAI,EAC1C,KAAK,cAAA,CACP,CAOA,aAAanB,EAAmC,CAC9C,OAAOK,EAAa,KAAK,UAAWL,CAAK,CAC3C,CAOA,iBAAiBA,EAA2C,CAC1D,OAAOQ,EAAiB,KAAK,UAAWR,CAAK,CAC/C,CAOS,eAAeA,EAAiD,CACvE,MAAMO,EAAQ,KAAK,UAAU,UAAWH,GAAMA,EAAE,QAAUJ,CAAK,EAC/D,OAAIO,IAAU,GAAI,OAGX,CACL,KAAM,CACJ,UAHc,KAAK,UAAUA,CAAK,EAGb,UACrB,SAAUA,CAAA,CACZ,CAEJ,CAMS,iBAAiBP,EAAeoB,EAA0B,CAEjE,GAAI,CAACA,EAAM,KAAM,CAEf,KAAK,UAAY,KAAK,UAAU,OAAQhB,GAAMA,EAAE,QAAUJ,CAAK,EAC/D,MACF,CAGA,MAAMqB,EAAgB,KAAK,UAAU,UAAWjB,GAAMA,EAAE,QAAUJ,CAAK,EACjEsB,EAAsB,CAC1B,MAAAtB,EACA,UAAWoB,EAAM,KAAK,SAAA,EAGpBC,IAAkB,GAEpB,KAAK,UAAUA,CAAa,EAAIC,EAGhC,KAAK,UAAU,OAAOF,EAAM,KAAK,SAAU,EAAGE,CAAQ,CAK1D,CAIkB,OAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAyB7B"}

package/umd/plugins/reorder.umd.js

@@ -1,4 +1,4 @@
-(function(a,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("../../core/plugin/base-plugin")):typeof define=="function"&&define.amd?define(["exports","../../core/plugin/base-plugin"],u):(a=typeof globalThis<"u"?globalThis:a||self,u(a.TbwGridPlugin_reorder={},a.TbwGrid))})(this,(function(a,u){"use strict";function m(s){const e=s.meta??{},t=e.sticky;return t==="left"||t==="right"?!1:e.lockPosition!==!0&&e.suppressMovable!==!0}function h(s,e,t){if(e===t||e<0||e>=s.length||t<0||t>s.length)return s;const n=[...s],[r]=n.splice(e,1);return n.splice(t,0,r),n}class b extends u.BaseGridPlugin{name="reorder";version="1.0.0";get defaultConfig(){return{enabled:!0,animation:!0,animationDuration:200}}isDragging=!1;draggedField=null;draggedIndex=null;dropIndex=null;boundReorderRequestHandler=null;attach(e){super.attach(e),this.boundReorderRequestHandler=t=>{const n=t.detail;n?.field&&typeof n.toIndex=="number"&&this.moveColumn(n.field,n.toIndex)},e.addEventListener("column-reorder-request",this.boundReorderRequestHandler)}detach(){this.boundReorderRequestHandler&&this.grid&&(this.grid.removeEventListener("column-reorder-request",this.boundReorderRequestHandler),this.boundReorderRequestHandler=null),this.isDragging=!1,this.draggedField=null,this.draggedIndex=null,this.dropIndex=null}afterRender(){if(!this.config.enabled)return;const e=this.shadowRoot;if(!e)return;e.querySelectorAll(".header-row > .cell").forEach(n=>{const r=n,i=r.getAttribute("data-field");if(!i)return;const f=this.columns.find(d=>d.field===i);if(!f||!m(f)){r.draggable=!1;return}r.draggable=!0,!r.getAttribute("data-dragstart-bound")&&(r.setAttribute("data-dragstart-bound","true"),r.addEventListener("dragstart",d=>{const o=this.getColumnOrder().indexOf(i);this.isDragging=!0,this.draggedField=i,this.draggedIndex=o,d.dataTransfer&&(d.dataTransfer.effectAllowed="move",d.dataTransfer.setData("text/plain",i)),r.classList.add("dragging")}),r.addEventListener("dragend",()=>{this.isDragging=!1,this.draggedField=null,this.draggedIndex=null,this.dropIndex=null,e.querySelectorAll(".header-row > .cell").forEach(d=>{d.classList.remove("dragging","drop-target","drop-before","drop-after")})}),r.addEventListener("dragover",d=>{if(d.preventDefault(),!this.isDragging||this.draggedField===i)return;const l=r.getBoundingClientRect(),o=l.left+l.width/2,c=this.getColumnOrder().indexOf(i);this.dropIndex=d.clientX<o?c:c+1,r.classList.add("drop-target"),r.classList.toggle("drop-before",d.clientX<o),r.classList.toggle("drop-after",d.clientX>=o)}),r.addEventListener("dragleave",()=>{r.classList.remove("drop-target","drop-before","drop-after")}),r.addEventListener("drop",d=>{d.preventDefault();const l=this.draggedField,o=this.draggedIndex,g=this.dropIndex;if(!this.isDragging||l===null||o===null||g===null)return;const c=g>o?g-1:g,v=this.getColumnOrder(),p=h(v,o,c),O={field:l,fromIndex:o,toIndex:c,columnOrder:p};this.grid.setColumnOrder(p),this.emit("column-move",O),this.grid.requestStateChange?.()}))})}getColumnOrder(){return this.grid.getColumnOrder()}moveColumn(e,t){const n=this.getColumnOrder(),r=n.indexOf(e);if(r===-1)return;const i=h(n,r,t);this.grid.setColumnOrder(i),this.emit("column-move",{field:e,fromIndex:r,toIndex:t,columnOrder:i}),this.grid.requestStateChange?.()}setColumnOrder(e){this.grid.setColumnOrder(e),this.grid.requestStateChange?.()}resetColumnOrder(){const e=this.columns.map(t=>t.field);this.grid.setColumnOrder(e),this.grid.requestStateChange?.()}styles=`
+(function(a,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("../../core/plugin/base-plugin")):typeof define=="function"&&define.amd?define(["exports","../../core/plugin/base-plugin"],u):(a=typeof globalThis<"u"?globalThis:a||self,u(a.TbwGridPlugin_reorder={},a.TbwGrid))})(this,(function(a,u){"use strict";function m(i){const r=i.sticky;if(r==="left"||r==="right")return!1;const t=i.meta??{},d=t.sticky;return d==="left"||d==="right"?!1:t.lockPosition!==!0&&t.suppressMovable!==!0}function h(i,r,t){if(r===t||r<0||r>=i.length||t<0||t>i.length)return i;const d=[...i],[e]=d.splice(r,1);return d.splice(t,0,e),d}class b extends u.BaseGridPlugin{name="reorder";version="1.0.0";get defaultConfig(){return{enabled:!0,animation:!0,animationDuration:200}}isDragging=!1;draggedField=null;draggedIndex=null;dropIndex=null;boundReorderRequestHandler=null;attach(r){super.attach(r),this.boundReorderRequestHandler=t=>{const d=t.detail;d?.field&&typeof d.toIndex=="number"&&this.moveColumn(d.field,d.toIndex)},r.addEventListener("column-reorder-request",this.boundReorderRequestHandler)}detach(){this.boundReorderRequestHandler&&this.grid&&(this.grid.removeEventListener("column-reorder-request",this.boundReorderRequestHandler),this.boundReorderRequestHandler=null),this.isDragging=!1,this.draggedField=null,this.draggedIndex=null,this.dropIndex=null}afterRender(){if(!this.config.enabled)return;const r=this.shadowRoot;if(!r)return;r.querySelectorAll(".header-row > .cell").forEach(d=>{const e=d,o=e.getAttribute("data-field");if(!o)return;const f=this.columns.find(n=>n.field===o);if(!f||!m(f)){e.draggable=!1;return}e.draggable=!0,!e.getAttribute("data-dragstart-bound")&&(e.setAttribute("data-dragstart-bound","true"),e.addEventListener("dragstart",n=>{const s=this.getColumnOrder().indexOf(o);this.isDragging=!0,this.draggedField=o,this.draggedIndex=s,n.dataTransfer&&(n.dataTransfer.effectAllowed="move",n.dataTransfer.setData("text/plain",o)),e.classList.add("dragging")}),e.addEventListener("dragend",()=>{this.isDragging=!1,this.draggedField=null,this.draggedIndex=null,this.dropIndex=null,r.querySelectorAll(".header-row > .cell").forEach(n=>{n.classList.remove("dragging","drop-target","drop-before","drop-after")})}),e.addEventListener("dragover",n=>{if(n.preventDefault(),!this.isDragging||this.draggedField===o)return;const l=e.getBoundingClientRect(),s=l.left+l.width/2,c=this.getColumnOrder().indexOf(o);this.dropIndex=n.clientX<s?c:c+1,e.classList.add("drop-target"),e.classList.toggle("drop-before",n.clientX<s),e.classList.toggle("drop-after",n.clientX>=s)}),e.addEventListener("dragleave",()=>{e.classList.remove("drop-target","drop-before","drop-after")}),e.addEventListener("drop",n=>{n.preventDefault();const l=this.draggedField,s=this.draggedIndex,g=this.dropIndex;if(!this.isDragging||l===null||s===null||g===null)return;const c=g>s?g-1:g,v=this.getColumnOrder(),p=h(v,s,c),O={field:l,fromIndex:s,toIndex:c,columnOrder:p};this.grid.setColumnOrder(p),this.emit("column-move",O),this.grid.requestStateChange?.()}))})}getColumnOrder(){return this.grid.getColumnOrder()}moveColumn(r,t){const d=this.getColumnOrder(),e=d.indexOf(r);if(e===-1)return;const o=h(d,e,t);this.grid.setColumnOrder(o),this.emit("column-move",{field:r,fromIndex:e,toIndex:t,columnOrder:o}),this.grid.requestStateChange?.()}setColumnOrder(r){this.grid.setColumnOrder(r),this.grid.requestStateChange?.()}resetColumnOrder(){const r=this.columns.map(t=>t.field);this.grid.setColumnOrder(r),this.grid.requestStateChange?.()}styles=`
     .header-row > .cell[draggable="true"] {
       cursor: grab;
       position: relative;

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  private boundReorderRequestHandler: ((e: Event) => void) | 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    this.boundReorderRequestHandler = (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    (grid as unknown as HTMLElement).addEventListener('column-reorder-request', this.boundReorderRequestHandler);\n  }\n\n  override detach(): void {\n    // Remove event listener\n    if (this.boundReorderRequestHandler && this.grid) {\n      (this.grid as unknown as HTMLElement).removeEventListener(\n        'column-reorder-request',\n        this.boundReorderRequestHandler\n      );\n      this.boundReorderRequestHandler = null;\n    }\n\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/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":"sUAmCA,SAASA,EAAcC,EAA+B,CACpD,MAAMC,EAAOD,EAAO,MAAQ,CAAA,EAC5B,OAAOC,EAAK,eAAiB,IAAQA,EAAK,kBAAoB,EAChE,CAyBO,MAAMC,UAAyBC,EAAAA,cAAiC,CAC5D,KAAO,aACE,QAAU,QAG5B,OAAgB,SAAW,UAE3B,IAAuB,eAA2C,CAChE,MAAO,CACL,QAAS,GACT,aAAc,EAAA,CAElB,CAGQ,kBAAwC,KAGxC,WAAa,GACb,aAA8B,KAC9B,aAA8B,KAC9B,UAA2B,KAI1B,QAAe,CACtB,KAAK,kBAAoB,KACzB,KAAK,WAAa,GAClB,KAAK,aAAe,KACpB,KAAK,aAAe,KACpB,KAAK,UAAY,IACnB,CAOS,cAAgD,CACvD,GAAK,KAAK,OAAO,QAEjB,MAAO,CACL,GAAID,EAAiB,SACrB,MAAO,UACP,KAAM,IACN,QAAS,oBACT,MAAO,IACP,OAASE,GAAc,KAAK,mBAAmBA,CAAS,CAAA,CAE5D,CAOA,MAAa,CACE,KAAK,KACb,cAAcF,EAAiB,QAAQ,CAC9C,CAKA,MAAa,CACE,KAAK,KACb,eAAA,CACP,CAKA,QAAe,CACA,KAAK,KACb,gBAAgBA,EAAiB,QAAQ,CAChD,CAQA,gBAAgBG,EAAwB,CAEtC,OADa,KAAK,KACN,gBAAgBA,CAAK,CACnC,CAQA,iBAAiBA,EAAeC,EAAwB,CACzC,KAAK,KACb,iBAAiBD,EAAOC,CAAO,CACtC,CAMA,mBAA8B,CAE5B,OADa,KAAK,KAEf,cAAA,EACA,OAAQC,GAAMA,EAAE,OAAO,EACvB,IAAKA,GAAMA,EAAE,KAAK,CACvB,CAMA,kBAA6B,CAE3B,OADa,KAAK,KAEf,cAAA,EACA,OAAQA,GAAM,CAACA,EAAE,OAAO,EACxB,IAAKA,GAAMA,EAAE,KAAK,CACvB,CAMA,SAAgB,CACD,KAAK,KACb,eAAA,CACP,CAOA,aAAaF,EAAqB,CACnB,KAAK,KACb,uBAAuBA,CAAK,CACnC,CAOA,WAAWA,EAAqB,CACjB,KAAK,KACb,iBAAiBA,EAAO,EAAI,CACnC,CAOA,WAAWA,EAAqB,CACjB,KAAK,KACb,iBAAiBA,EAAO,EAAK,CACpC,CAOA,eAAmG,CAEjG,OADa,KAAK,KACN,cAAA,CACd,CAMA,gBAA0B,CAExB,OADa,KAAK,KACN,kBAAoBH,EAAiB,QACnD,CAQQ,mBAAmBE,EAA6C,CACtE,MAAMI,EAAO,KAAK,KAGZC,EAAU,SAAS,cAAc,KAAK,EAC5CA,EAAQ,UAAY,yBAGpB,MAAMC,EAAa,SAAS,cAAc,KAAK,EAC/CA,EAAW,UAAY,sBACvBD,EAAQ,YAAYC,CAAU,EAG9B,MAAMC,EAAa,SAAS,cAAc,QAAQ,EAClD,OAAAA,EAAW,UAAY,0BACvBA,EAAW,YAAc,WACzBA,EAAW,iBAAiB,QAAS,IAAM,CACzCH,EAAK,eAAA,EACL,KAAK,eAAeE,CAAU,CAChC,CAAC,EACDD,EAAQ,YAAYE,CAAU,EAG9B,KAAK,kBAAoBD,EAGzB,KAAK,eAAeA,CAAU,EAG9BN,EAAU,YAAYK,CAAO,EAGtB,IAAM,CACX,KAAK,kBAAoB,KACzBA,EAAQ,OAAA,CACV,CACF,CAKQ,kBAA4B,CAClC,MAAMG,EAAS,KAAK,MAAM,kBAAkB,SAAS,EAErD,MAAO,CAAC,EAAEA,GAAU,OAAQA,EAAoC,YAAe,WACjF,CAMQ,eAAeF,EAA+B,CACpD,MAAMF,EAAO,KAAK,KACZK,EAAiB,KAAK,iBAAA,EAE5BH,EAAW,UAAY,GAGvB,MAAMI,EAAaN,EAAK,cAAA,EAExB,QAAS,EAAI,EAAG,EAAIM,EAAW,OAAQ,IAAK,CAC1C,MAAMC,EAAMD,EAAW,CAAC,EAClBE,EAAQD,EAAI,QAAUA,EAAI,MAE1BE,EAAM,SAAS,cAAc,KAAK,EACxCA,EAAI,UAAYF,EAAI,YAAc,4BAA8B,qBAChEE,EAAI,aAAa,aAAcF,EAAI,KAAK,EACxCE,EAAI,aAAa,aAAc,OAAO,CAAC,CAAC,EAGpCJ,GAAkBd,EAAcgB,CAA8B,IAChEE,EAAI,UAAY,GAChBA,EAAI,UAAU,IAAI,aAAa,EAE/B,KAAK,mBAAmBA,EAAKF,EAAI,MAAO,EAAGL,CAAU,GAGvD,MAAMQ,EAAe,SAAS,cAAc,OAAO,EACnDA,EAAa,UAAY,uBAEzB,MAAMC,EAAW,SAAS,cAAc,OAAO,EAC/CA,EAAS,KAAO,WAChBA,EAAS,QAAUJ,EAAI,QACvBI,EAAS,SAAWJ,EAAI,aAAe,GACvCI,EAAS,iBAAiB,SAAU,IAAM,CACxCX,EAAK,uBAAuBO,EAAI,KAAK,EAErC,WAAW,IAAM,KAAK,eAAeL,CAAU,EAAG,CAAC,CACrD,CAAC,EAED,MAAMU,EAAO,SAAS,cAAc,MAAM,EAO1C,GANAA,EAAK,YAAcJ,EAEnBE,EAAa,YAAYC,CAAQ,EACjCD,EAAa,YAAYE,CAAI,EAGzBP,GAAkBd,EAAcgB,CAA8B,EAAG,CACnE,MAAMM,EAAS,SAAS,cAAc,MAAM,EAC5CA,EAAO,UAAY,wBACnBA,EAAO,YAAc,KACrBA,EAAO,MAAQ,kBACfJ,EAAI,YAAYI,CAAM,CACxB,CAEAJ,EAAI,YAAYC,CAAY,EAC5BR,EAAW,YAAYO,CAAG,CAC5B,CACF,CAMQ,mBAAmBA,EAAkBZ,EAAeiB,EAAeZ,EAA+B,CACxGO,EAAI,iBAAiB,YAAcM,GAAiB,CAClD,KAAK,WAAa,GAClB,KAAK,aAAelB,EACpB,KAAK,aAAeiB,EAEhBC,EAAE,eACJA,EAAE,aAAa,cAAgB,OAC/BA,EAAE,aAAa,QAAQ,aAAclB,CAAK,GAG5CY,EAAI,UAAU,IAAI,UAAU,CAC9B,CAAC,EAEDA,EAAI,iBAAiB,UAAW,IAAM,CACpC,KAAK,WAAa,GAClB,KAAK,aAAe,KACpB,KAAK,aAAe,KACpB,KAAK,UAAY,KAEjBP,EAAW,iBAAiB,qBAAqB,EAAE,QAASc,GAAM,CAChEA,EAAE,UAAU,OAAO,WAAY,cAAe,cAAe,YAAY,CAC3E,CAAC,CACH,CAAC,EAEDP,EAAI,iBAAiB,WAAaM,GAAiB,CAEjD,GADAA,EAAE,eAAA,EACE,CAAC,KAAK,YAAc,KAAK,eAAiBlB,EAAO,OAErD,MAAMoB,EAAOR,EAAI,sBAAA,EACXS,EAAOD,EAAK,IAAMA,EAAK,OAAS,EAEtC,KAAK,UAAYF,EAAE,QAAUG,EAAOJ,EAAQA,EAAQ,EAGpDZ,EAAW,iBAAiB,qBAAqB,EAAE,QAAS,GAAM,CAC5D,IAAMO,GAAK,EAAE,UAAU,OAAO,cAAe,cAAe,YAAY,CAC9E,CAAC,EAEDA,EAAI,UAAU,IAAI,aAAa,EAC/BA,EAAI,UAAU,OAAO,cAAeM,EAAE,QAAUG,CAAI,EACpDT,EAAI,UAAU,OAAO,aAAcM,EAAE,SAAWG,CAAI,CACtD,CAAC,EAEDT,EAAI,iBAAiB,YAAa,IAAM,CACtCA,EAAI,UAAU,OAAO,cAAe,cAAe,YAAY,CACjE,CAAC,EAEDA,EAAI,iBAAiB,OAASM,GAAiB,CAC7CA,EAAE,eAAA,EACF,MAAMI,EAAe,KAAK,aACpBC,EAAe,KAAK,aACpBC,EAAY,KAAK,UAEvB,GAAI,CAAC,KAAK,YAAcF,IAAiB,MAAQC,IAAiB,MAAQC,IAAc,KACtF,OAIF,MAAMC,EAAmBD,EAAYD,EAAeC,EAAY,EAAIA,EAEpE,GAAIC,IAAqBF,EAAc,CAErC,MAAMG,EAAqC,CACzC,MAAOJ,EACP,UAAWC,EACX,QAASE,CAAA,EAEX,KAAK,KAAiC,yBAA0BC,CAAM,EAGtE,WAAW,IAAM,CACf,KAAK,eAAerB,CAAU,CAChC,EAAG,CAAC,CACN,CACF,CAAC,CACH,CAIkB,OAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA6F7B"}
+{"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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"}