@toolbox-web/grid 1.24.1 → 1.25.0

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","/**\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 styles from './multi-sort.css?inline';\nimport type { MultiSortConfig, SortModel } from './types';\n\n/**\n * Multi-Sort Plugin for tbw-grid\n *\n * Enables sorting by multiple columns at once—hold Shift and click additional column\n * headers to build up a sort stack. Priority badges show the sort order, so users\n * always know which column takes precedence.\n *\n * ## Installation\n *\n * ```ts\n * import { MultiSortPlugin } from '@toolbox-web/grid/plugins/multi-sort';\n * ```\n *\n * ## Configuration Options\n *\n * | Option | Type | Default | Description |\n * |--------|------|---------|-------------|\n * | `maxSortColumns` | `number` | `3` | Maximum columns to sort by |\n * | `showSortIndex` | `boolean` | `true` | Show sort priority badges |\n * | `initialSort` | `SortModel[]` | - | Pre-configured sort order on load |\n *\n * ## Keyboard Shortcuts\n *\n * | Shortcut | Action |\n * |----------|--------|\n * | `Click header` | Sort by column (clears other sorts) |\n * | `Shift + Click` | Add column to multi-sort stack |\n * | `Ctrl + Click` | Toggle sort direction |\n *\n * ## Events\n *\n * | Event | Detail | Description |\n * |-------|--------|-------------|\n * | `sort-change` | `{ sortModel: SortModel[] }` | Fired when sort changes |\n *\n * ## Programmatic API\n *\n * | Method | Signature | Description |\n * |--------|-----------|-------------|\n * | `setSort` | `(sortModel: SortModel[]) => void` | Set sort programmatically |\n * | `getSortModel` | `() => SortModel[]` | Get current sort model |\n * | `clearSort` | `() => void` | Clear all sorting |\n * | `addSort` | `(field, direction) => void` | Add a column to sort |\n * | `removeSort` | `(field) => void` | Remove a column from sort |\n *\n * @example Basic Multi-Column Sorting\n * ```ts\n * import '@toolbox-web/grid';\n * import { MultiSortPlugin } from '@toolbox-web/grid/plugins/multi-sort';\n *\n * const grid = document.querySelector('tbw-grid');\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'name', header: 'Name', sortable: true },\n *     { field: 'department', header: 'Department', sortable: true },\n *     { field: 'salary', header: 'Salary', type: 'number', sortable: true },\n *   ],\n *   plugins: [new MultiSortPlugin({ maxSortColumns: 3, showSortIndex: true })],\n * };\n *\n * grid.addEventListener('sort-change', (e) => {\n *   console.log('Active sorts:', e.detail.sortModel);\n * });\n * ```\n *\n * @example Initial Sort Configuration\n * ```ts\n * new MultiSortPlugin({\n *   initialSort: [\n *     { field: 'department', direction: 'asc' },\n *     { field: 'salary', direction: 'desc' },\n *   ],\n * })\n * ```\n *\n * @see {@link MultiSortConfig} for all configuration options\n * @see {@link SortModel} for the sort model structure\n *\n * @internal Extends BaseGridPlugin\n */\nexport class MultiSortPlugin extends BaseGridPlugin<MultiSortConfig> {\n  /** @internal */\n  readonly name = 'multiSort';\n  /** @internal */\n  override readonly styles = styles;\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<MultiSortConfig> {\n    return {\n      maxSortColumns: 3,\n      showSortIndex: true,\n    };\n  }\n\n  // #region Internal State\n  private sortModel: SortModel[] = [];\n  /** Cached sort result — returned as-is while a row edit is active to prevent\n   *  the edited row from jumping to a new sorted position mid-edit. Row data\n   *  mutations are still visible because the array holds shared object refs. */\n  private cachedSortResult: unknown[] | null = null;\n\n  /**\n   * Clear the core `_sortState` so that only this plugin's `processRows`\n   * sorting applies.  `ConfigManager.applyState()` always sets the core sort\n   * state when restoring from storage, even when a plugin handles sorting.\n   * Without this, the stale core state leaks into `collectState()` and\n   * `reapplyCoreSort()` after the plugin clears its own model.\n   */\n  private clearCoreSortState(): void {\n    const el = this.gridElement as unknown as { _sortState: unknown };\n    if (el) el._sortState = null;\n  }\n  // #endregion\n\n  // #region Lifecycle\n\n  /** @internal */\n  override detach(): void {\n    this.sortModel = [];\n    this.cachedSortResult = null;\n  }\n  // #endregion\n\n  // #region Hooks\n\n  /** @internal */\n  override processRows(rows: readonly unknown[]): unknown[] {\n    if (this.sortModel.length === 0) {\n      this.cachedSortResult = null;\n      return [...rows];\n    }\n\n    // Freeze sort order while a row is actively being edited (row mode only).\n    // Re-sorting mid-edit would move the edited row to a new index while the\n    // editors remain at the old position, causing data/UI mismatch.\n    // In grid mode (_isGridEditMode) sorting is safe — afterCellRender\n    // re-injects editors into the re-sorted cells.\n    // We return the cached previous sort result (same object references, so\n    // in-place value mutations are already visible) instead of unsorted input.\n    const el = this.gridElement as unknown as Record<string, unknown> | undefined;\n    if (el && !el._isGridEditMode && typeof el._activeEditRows === 'number' && el._activeEditRows !== -1) {\n      if (this.cachedSortResult && this.cachedSortResult.length === rows.length) {\n        return [...this.cachedSortResult];\n      }\n    }\n\n    const sorted = applySorts([...rows], this.sortModel, [...this.columns]);\n    this.cachedSortResult = sorted;\n    return sorted;\n  }\n\n  /** @internal */\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    this.clearCoreSortState();\n\n    this.emit('sort-change', { sortModel: [...this.sortModel] });\n    this.requestRender();\n    this.grid?.requestStateChange?.();\n\n    return true;\n  }\n\n  /** @internal */\n  override afterRender(): void {\n    const gridEl = this.gridElement;\n    if (!gridEl) return;\n\n    const showIndex = this.config.showSortIndex !== false;\n\n    // Update all sortable header cells with sort indicators\n    const headerCells = gridEl.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 - insert BEFORE filter button and resize handle\n        // to maintain consistent order: [label, sort-indicator, sort-index, filter-btn, resize-handle]\n        const indicator = document.createElement('span');\n        indicator.className = 'sort-indicator';\n        // Use grid-level icons (fall back to defaults)\n        this.setIcon(indicator, this.resolveIcon(sortDir === 'asc' ? 'sortAsc' : 'sortDesc'));\n\n        // Find insertion point: before filter button or resize handle\n        const filterBtn = cell.querySelector('.tbw-filter-btn');\n        const resizeHandle = cell.querySelector('.resize-handle');\n        const insertBefore = filterBtn ?? resizeHandle;\n        if (insertBefore) {\n          cell.insertBefore(indicator, insertBefore);\n        } else {\n          cell.appendChild(indicator);\n        }\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          // Insert badge right after the indicator\n          if (indicator.nextSibling) {\n            cell.insertBefore(badge, indicator.nextSibling);\n          } else {\n            cell.appendChild(badge);\n          }\n        }\n      } else {\n        cell.removeAttribute('data-sort');\n        // Remove any stale sort indicators left by a previous afterRender cycle\n        // Base indicators use part=\"sort-indicator\", plugin indicators use class=\"sort-indicator\"\n        const staleIndicator = cell.querySelector('[part~=\"sort-indicator\"], .sort-indicator');\n        staleIndicator?.remove();\n      }\n    });\n  }\n  // #endregion\n\n  // #region 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.clearCoreSortState();\n    this.emit('sort-change', { sortModel: [...model] });\n    this.requestRender();\n    this.grid?.requestStateChange?.();\n  }\n\n  /**\n   * Clear all sorting.\n   */\n  clearSort(): void {\n    this.sortModel = [];\n    this.clearCoreSortState();\n    this.emit('sort-change', { sortModel: [] });\n    this.requestRender();\n    this.grid?.requestStateChange?.();\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  // #endregion\n\n  // #region Column State Hooks\n\n  /**\n   * Return sort state for a column if it's in the sort model.\n   * @internal\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   * @internal\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    // Clear core sort state — this plugin exclusively handles sorting via\n    // processRows. The core _sortState is set by ConfigManager.applyState()\n    // before plugins run; null it so reapplyCoreSort() is a no-op.\n    this.clearCoreSortState();\n  }\n  // #endregion\n}\n"],"names":["defaultComparator","a","b","Date","getTime","String","localeCompare","getSortIndex","sortModel","field","index","findIndex","s","getSortDirection","find","direction","MultiSortPlugin","BaseGridPlugin","name","styles","defaultConfig","maxSortColumns","showSortIndex","cachedSortResult","clearCoreSortState","el","this","gridElement","_sortState","detach","processRows","rows","length","_isGridEditMode","_activeEditRows","sorted","sorts","columns","sort","col","c","result","sortComparator","applySorts","onHeaderClick","event","column","sortable","shiftKey","originalEvent","maxColumns","config","current","existing","map","filter","toggleSort","emit","requestRender","grid","requestStateChange","afterRender","gridEl","showIndex","querySelectorAll","forEach","cell","getAttribute","sortIndex","sortDir","existingBadge","querySelector","remove","existingIndicator","setAttribute","indicator","document","createElement","className","setIcon","resolveIcon","filterBtn","resizeHandle","insertBefore","appendChild","badge","textContent","nextSibling","removeAttribute","staleIndicator","getSortModel","setSortModel","model","clearSort","getColumnState","priority","applyColumnState","state","existingIndex","newEntry","splice"],"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 { announce } from '../../core/internal/aria';\nimport { BaseGridPlugin, HeaderClickEvent } from '../../core/plugin/base-plugin';\nimport type { ColumnState, GridHost } from '../../core/types';\nimport { applySorts, getSortDirection, getSortIndex, toggleSort } from './multi-sort';\nimport styles from './multi-sort.css?inline';\nimport type { MultiSortConfig, SortModel } from './types';\n\n/**\n * Multi-Sort Plugin for tbw-grid\n *\n * Enables sorting by multiple columns at once—hold Shift and click additional column\n * headers to build up a sort stack. Priority badges show the sort order, so users\n * always know which column takes precedence.\n *\n * ## Installation\n *\n * ```ts\n * import { MultiSortPlugin } from '@toolbox-web/grid/plugins/multi-sort';\n * ```\n *\n * ## Configuration Options\n *\n * | Option | Type | Default | Description |\n * |--------|------|---------|-------------|\n * | `maxSortColumns` | `number` | `3` | Maximum columns to sort by |\n * | `showSortIndex` | `boolean` | `true` | Show sort priority badges |\n * | `initialSort` | `SortModel[]` | - | Pre-configured sort order on load |\n *\n * ## Keyboard Shortcuts\n *\n * | Shortcut | Action |\n * |----------|--------|\n * | `Click header` | Sort by column (clears other sorts) |\n * | `Shift + Click` | Add column to multi-sort stack |\n * | `Ctrl + Click` | Toggle sort direction |\n *\n * ## Events\n *\n * | Event | Detail | Description |\n * |-------|--------|-------------|\n * | `sort-change` | `{ sortModel: SortModel[] }` | Fired when sort changes |\n *\n * ## Programmatic API\n *\n * | Method | Signature | Description |\n * |--------|-----------|-------------|\n * | `setSort` | `(sortModel: SortModel[]) => void` | Set sort programmatically |\n * | `getSortModel` | `() => SortModel[]` | Get current sort model |\n * | `clearSort` | `() => void` | Clear all sorting |\n * | `addSort` | `(field, direction) => void` | Add a column to sort |\n * | `removeSort` | `(field) => void` | Remove a column from sort |\n *\n * @example Basic Multi-Column Sorting\n * ```ts\n * import '@toolbox-web/grid';\n * import { MultiSortPlugin } from '@toolbox-web/grid/plugins/multi-sort';\n *\n * const grid = document.querySelector('tbw-grid');\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'name', header: 'Name', sortable: true },\n *     { field: 'department', header: 'Department', sortable: true },\n *     { field: 'salary', header: 'Salary', type: 'number', sortable: true },\n *   ],\n *   plugins: [new MultiSortPlugin({ maxSortColumns: 3, showSortIndex: true })],\n * };\n *\n * grid.on('sort-change', ({ sortModel }) => {\n *   console.log('Active sorts:', sortModel);\n * });\n * ```\n *\n * @example Initial Sort Configuration\n * ```ts\n * new MultiSortPlugin({\n *   initialSort: [\n *     { field: 'department', direction: 'asc' },\n *     { field: 'salary', direction: 'desc' },\n *   ],\n * })\n * ```\n *\n * @see {@link MultiSortConfig} for all configuration options\n * @see {@link SortModel} for the sort model structure\n *\n * @internal Extends BaseGridPlugin\n */\nexport class MultiSortPlugin extends BaseGridPlugin<MultiSortConfig> {\n  /** @internal */\n  readonly name = 'multiSort';\n  /** @internal */\n  override readonly styles = styles;\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<MultiSortConfig> {\n    return {\n      maxSortColumns: 3,\n      showSortIndex: true,\n    };\n  }\n\n  // #region Internal State\n  private sortModel: SortModel[] = [];\n  /** Cached sort result — returned as-is while a row edit is active to prevent\n   *  the edited row from jumping to a new sorted position mid-edit. Row data\n   *  mutations are still visible because the array holds shared object refs. */\n  private cachedSortResult: unknown[] | null = null;\n\n  /** Typed internal grid accessor. */\n  get #internalGrid(): GridHost {\n    return this.grid as unknown as GridHost;\n  }\n\n  /**\n   * Clear the core `_sortState` so that only this plugin's `processRows`\n   * sorting applies.  `ConfigManager.applyState()` always sets the core sort\n   * state when restoring from storage, even when a plugin handles sorting.\n   * Without this, the stale core state leaks into `collectState()` and\n   * `reapplyCoreSort()` after the plugin clears its own model.\n   */\n  private clearCoreSortState(): void {\n    this.#internalGrid._sortState = null;\n  }\n  // #endregion\n\n  // #region Lifecycle\n\n  /** @internal */\n  override detach(): void {\n    this.sortModel = [];\n    this.cachedSortResult = null;\n  }\n  // #endregion\n\n  // #region Hooks\n\n  /** @internal */\n  override processRows(rows: readonly unknown[]): unknown[] {\n    if (this.sortModel.length === 0) {\n      this.cachedSortResult = null;\n      return [...rows];\n    }\n\n    // Freeze sort order while a row is actively being edited (row mode only).\n    // Re-sorting mid-edit would move the edited row to a new index while the\n    // editors remain at the old position, causing data/UI mismatch.\n    // In grid mode (_isGridEditMode) sorting is safe — afterCellRender\n    // re-injects editors into the re-sorted cells.\n    // We return the cached previous sort result (same object references, so\n    // in-place value mutations are already visible) instead of unsorted input.\n    const grid = this.#internalGrid;\n    if (!grid._isGridEditMode && typeof grid._activeEditRows === 'number' && grid._activeEditRows !== -1) {\n      if (this.cachedSortResult && this.cachedSortResult.length === rows.length) {\n        return [...this.cachedSortResult];\n      }\n    }\n\n    const sorted = applySorts([...rows], this.sortModel, [...this.columns]);\n    this.cachedSortResult = sorted;\n    return sorted;\n  }\n\n  /** @internal */\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    this.clearCoreSortState();\n\n    this.emit('sort-change', { sortModel: [...this.sortModel] });\n    this.requestRender();\n    this.grid?.requestStateChange?.();\n\n    // Announce for screen readers\n    if (this.sortModel.length > 0) {\n      const labels = this.sortModel.map((s) => {\n        const col = this.columns.find((c) => c.field === s.field);\n        return `${col?.header ?? s.field} ${s.direction === 'asc' ? 'ascending' : 'descending'}`;\n      });\n      announce(this.gridElement!, `Sorted by ${labels.join(', then ')}`);\n    } else {\n      announce(this.gridElement!, 'Sort cleared');\n    }\n\n    return true;\n  }\n\n  /** @internal */\n  override afterRender(): void {\n    const gridEl = this.gridElement;\n    if (!gridEl) return;\n\n    const showIndex = this.config.showSortIndex !== false;\n\n    // Update all sortable header cells with sort indicators\n    const headerCells = gridEl.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 - insert BEFORE filter button and resize handle\n        // to maintain consistent order: [label, sort-indicator, sort-index, filter-btn, resize-handle]\n        const indicator = document.createElement('span');\n        indicator.className = 'sort-indicator';\n        // Use grid-level icons (fall back to defaults)\n        this.setIcon(indicator, this.resolveIcon(sortDir === 'asc' ? 'sortAsc' : 'sortDesc'));\n\n        // Find insertion point: before filter button or resize handle\n        const filterBtn = cell.querySelector('.tbw-filter-btn');\n        const resizeHandle = cell.querySelector('.resize-handle');\n        const insertBefore = filterBtn ?? resizeHandle;\n        if (insertBefore) {\n          cell.insertBefore(indicator, insertBefore);\n        } else {\n          cell.appendChild(indicator);\n        }\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          // Insert badge right after the indicator\n          if (indicator.nextSibling) {\n            cell.insertBefore(badge, indicator.nextSibling);\n          } else {\n            cell.appendChild(badge);\n          }\n        }\n      } else {\n        cell.removeAttribute('data-sort');\n        // Remove any stale sort indicators left by a previous afterRender cycle\n        // Base indicators use part=\"sort-indicator\", plugin indicators use class=\"sort-indicator\"\n        const staleIndicator = cell.querySelector('[part~=\"sort-indicator\"], .sort-indicator');\n        staleIndicator?.remove();\n      }\n    });\n  }\n  // #endregion\n\n  // #region 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.clearCoreSortState();\n    this.emit('sort-change', { sortModel: [...model] });\n    this.requestRender();\n    this.grid?.requestStateChange?.();\n    if (model.length > 0) {\n      const labels = model.map((s) => {\n        const col = this.columns.find((c) => c.field === s.field);\n        return `${col?.header ?? s.field} ${s.direction === 'asc' ? 'ascending' : 'descending'}`;\n      });\n      announce(this.gridElement!, `Sorted by ${labels.join(', then ')}`);\n    }\n  }\n\n  /**\n   * Clear all sorting.\n   */\n  clearSort(): void {\n    this.sortModel = [];\n    this.clearCoreSortState();\n    this.emit('sort-change', { sortModel: [] });\n    this.requestRender();\n    this.grid?.requestStateChange?.();\n    announce(this.gridElement!, 'Sort cleared');\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  // #endregion\n\n  // #region Column State Hooks\n\n  /**\n   * Return sort state for a column if it's in the sort model.\n   * @internal\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   * @internal\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    // Clear core sort state — this plugin exclusively handles sorting via\n    // processRows. The core _sortState is set by ConfigManager.applyState()\n    // before plugins run; null it so reapplyCoreSort() is a no-op.\n    this.clearCoreSortState();\n  }\n  // #endregion\n}\n"],"names":["defaultComparator","a","b","Date","getTime","String","localeCompare","getSortIndex","sortModel","field","index","findIndex","s","getSortDirection","find","direction","MultiSortPlugin","BaseGridPlugin","name","styles","defaultConfig","maxSortColumns","showSortIndex","cachedSortResult","internalGrid","this","grid","clearCoreSortState","_sortState","detach","processRows","rows","length","_isGridEditMode","_activeEditRows","sorted","sorts","columns","sort","col","c","result","sortComparator","applySorts","onHeaderClick","event","column","sortable","shiftKey","originalEvent","maxColumns","config","current","existing","map","filter","toggleSort","emit","requestRender","requestStateChange","labels","header","announce","gridElement","join","afterRender","gridEl","showIndex","querySelectorAll","forEach","cell","getAttribute","sortIndex","sortDir","existingBadge","querySelector","remove","existingIndicator","setAttribute","indicator","document","createElement","className","setIcon","resolveIcon","filterBtn","resizeHandle","insertBefore","appendChild","badge","textContent","nextSibling","removeAttribute","staleIndicator","getSortModel","setSortModel","model","clearSort","getColumnState","priority","applyColumnState","state","existingIndex","newEntry","splice"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"pinned-columns.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/pinned-columns/pinned-columns.ts","../../../../../libs/grid/src/lib/plugins/pinned-columns/PinnedColumnsPlugin.ts"],"sourcesContent":["/**\n * Pinned Columns Core Logic\n *\n * Pure functions for applying pinned (sticky) column positioning.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { getDirection, resolveInlinePosition, type TextDirection } from '../../core/internal/utils';\nimport type { PinnedPosition, ResolvedPinnedPosition } from './types';\n\n// Keep deprecated imports working (StickyPosition = PinnedPosition)\ntype StickyPosition = PinnedPosition;\ntype ResolvedStickyPosition = ResolvedPinnedPosition;\n\n/**\n * Get the effective pinned position from a column, checking `pinned` first then `sticky` (deprecated).\n *\n * @param col - Column configuration object\n * @returns The pinned position, or undefined if not pinned\n */\nexport function getColumnPinned(col: any): PinnedPosition | undefined {\n  return col.pinned ?? col.sticky ?? col.meta?.pinned ?? col.meta?.sticky;\n}\n\n/**\n * Resolve a pinned position to a physical position based on text direction.\n *\n * - `'left'` / `'right'` → unchanged (physical values)\n * - `'start'` → `'left'` in LTR, `'right'` in RTL\n * - `'end'` → `'right'` in LTR, `'left'` in RTL\n *\n * @param position - The pinned position (logical or physical)\n * @param direction - Text direction ('ltr' or 'rtl')\n * @returns Physical pinned position ('left' or 'right')\n */\nexport function resolveStickyPosition(position: StickyPosition, direction: TextDirection): ResolvedStickyPosition {\n  return resolveInlinePosition(position, direction);\n}\n\n/**\n * Check if a column is pinned on the left (after resolving logical positions).\n */\nfunction isResolvedLeft(col: any, direction: TextDirection): boolean {\n  const pinned = getColumnPinned(col);\n  if (!pinned) return false;\n  return resolveStickyPosition(pinned, direction) === 'left';\n}\n\n/**\n * Check if a column is pinned on the right (after resolving logical positions).\n */\nfunction isResolvedRight(col: any, direction: TextDirection): boolean {\n  const pinned = getColumnPinned(col);\n  if (!pinned) return false;\n  return resolveStickyPosition(pinned, direction) === 'right';\n}\n\n/**\n * Get columns that should be sticky on the left.\n *\n * @param columns - Array of column configurations\n * @param direction - Text direction (default: 'ltr')\n * @returns Array of columns with sticky='left' or sticky='start' (in LTR)\n */\nexport function getLeftStickyColumns(columns: any[], direction: TextDirection = 'ltr'): any[] {\n  return columns.filter((col) => isResolvedLeft(col, direction));\n}\n\n/**\n * Get columns that should be sticky on the right.\n *\n * @param columns - Array of column configurations\n * @param direction - Text direction (default: 'ltr')\n * @returns Array of columns with sticky='right' or sticky='end' (in LTR)\n */\nexport function getRightStickyColumns(columns: any[], direction: TextDirection = 'ltr'): any[] {\n  return columns.filter((col) => isResolvedRight(col, direction));\n}\n\n/**\n * Check if any columns have sticky positioning.\n *\n * @param columns - Array of column configurations\n * @returns True if any column has sticky position\n */\nexport function hasStickyColumns(columns: any[]): boolean {\n  return columns.some((col) => getColumnPinned(col) != null);\n}\n\n/**\n * Get the sticky position of a column.\n *\n * @param column - Column configuration\n * @returns The sticky position or null if not sticky\n */\nexport function getColumnStickyPosition(column: any): StickyPosition | null {\n  return getColumnPinned(column) ?? null;\n}\n\n\n/**\n * Calculate left offsets for sticky-left columns.\n * Returns a map of field -> offset in pixels.\n *\n * @param columns - Array of column configurations (in order)\n * @param getColumnWidth - Function to get column width by field\n * @param direction - Text direction (default: 'ltr')\n * @returns Map of field to left offset\n */\nexport function calculateLeftStickyOffsets(\n  columns: any[],\n  getColumnWidth: (field: string) => number,\n  direction: TextDirection = 'ltr',\n): Map<string, number> {\n  const offsets = new Map<string, number>();\n  let currentOffset = 0;\n\n  for (const col of columns) {\n    if (isResolvedLeft(col, direction)) {\n      offsets.set(col.field, currentOffset);\n      currentOffset += getColumnWidth(col.field);\n    }\n  }\n\n  return offsets;\n}\n\n/**\n * Calculate right offsets for sticky-right columns.\n * Processes columns in reverse order.\n *\n * @param columns - Array of column configurations (in order)\n * @param getColumnWidth - Function to get column width by field\n * @param direction - Text direction (default: 'ltr')\n * @returns Map of field to right offset\n */\nexport function calculateRightStickyOffsets(\n  columns: any[],\n  getColumnWidth: (field: string) => number,\n  direction: TextDirection = 'ltr',\n): Map<string, number> {\n  const offsets = new Map<string, number>();\n  let currentOffset = 0;\n\n  // Process in reverse for right-sticky columns\n  const reversed = [...columns].reverse();\n  for (const col of reversed) {\n    if (isResolvedRight(col, direction)) {\n      offsets.set(col.field, currentOffset);\n      currentOffset += getColumnWidth(col.field);\n    }\n  }\n\n  return offsets;\n}\n\n/**\n * Apply sticky offsets to header and body cells.\n * This modifies the DOM elements in place.\n *\n * @param host - The grid host element (render root for DOM queries)\n * @param columns - Array of column configurations\n */\nexport function applyStickyOffsets(host: HTMLElement, columns: any[]): void {\n  // With light DOM, query the host element directly\n  const headerCells = Array.from(host.querySelectorAll('.header-row .cell')) as HTMLElement[];\n  if (!headerCells.length) return;\n\n  // Detect text direction from the host element\n  const direction = getDirection(host);\n\n  // Apply left sticky (includes 'start' in LTR, 'end' in RTL)\n  let left = 0;\n  for (const col of columns) {\n    if (isResolvedLeft(col, direction)) {\n      const cell = headerCells.find((c) => c.getAttribute('data-field') === col.field);\n      if (cell) {\n        cell.classList.add('sticky-left');\n        cell.style.position = 'sticky';\n        cell.style.left = left + 'px';\n        // Body cells: use data-field for reliable matching (data-col indices may differ\n        // between _columns and _visibleColumns due to hidden/utility columns)\n        host.querySelectorAll(`.data-grid-row .cell[data-field=\"${col.field}\"]`).forEach((el) => {\n          el.classList.add('sticky-left');\n          (el as HTMLElement).style.position = 'sticky';\n          (el as HTMLElement).style.left = left + 'px';\n        });\n        left += cell.offsetWidth;\n      }\n    }\n  }\n\n  // Apply right sticky (includes 'end' in LTR, 'start' in RTL) - process in reverse\n  let right = 0;\n  for (const col of [...columns].reverse()) {\n    if (isResolvedRight(col, direction)) {\n      const cell = headerCells.find((c) => c.getAttribute('data-field') === col.field);\n      if (cell) {\n        cell.classList.add('sticky-right');\n        cell.style.position = 'sticky';\n        cell.style.right = right + 'px';\n        // Body cells: use data-field for reliable matching\n        host.querySelectorAll(`.data-grid-row .cell[data-field=\"${col.field}\"]`).forEach((el) => {\n          el.classList.add('sticky-right');\n          (el as HTMLElement).style.position = 'sticky';\n          (el as HTMLElement).style.right = right + 'px';\n        });\n        right += cell.offsetWidth;\n      }\n    }\n  }\n}\n\n/**\n * Reorder columns so that pinned-left columns come first and pinned-right columns come last.\n * Maintains the relative order within each group (left-pinned, unpinned, right-pinned).\n *\n * @param columns - Array of column configurations (in their current order)\n * @param direction - Text direction ('ltr' or 'rtl'), used to resolve logical positions\n * @returns New array with pinned columns moved to the edges\n */\nexport function reorderColumnsForPinning(columns: readonly any[], direction: TextDirection = 'ltr'): any[] {\n  const left: any[] = [];\n  const middle: any[] = [];\n  const right: any[] = [];\n\n  for (const col of columns) {\n    const pinned = getColumnPinned(col);\n    if (pinned) {\n      const resolved = resolveStickyPosition(pinned, direction);\n      if (resolved === 'left') left.push(col);\n      else right.push(col);\n    } else {\n      middle.push(col);\n    }\n  }\n\n  return [...left, ...middle, ...right];\n}\n\n/**\n * Clear sticky positioning from all cells.\n *\n * @param host - The grid host element (render root for DOM queries)\n */\nexport function clearStickyOffsets(host: HTMLElement): void {\n  // With light DOM, query the host element directly\n  const cells = host.querySelectorAll('.sticky-left, .sticky-right');\n  cells.forEach((cell) => {\n    cell.classList.remove('sticky-left', 'sticky-right');\n    (cell as HTMLElement).style.position = '';\n    (cell as HTMLElement).style.left = '';\n    (cell as HTMLElement).style.right = '';\n  });\n}\n","/**\n * Pinned Columns Plugin (Class-based)\n *\n * Enables column pinning (sticky left/right positioning).\n */\n\nimport { getDirection } from '../../core/internal/utils';\nimport type { PluginManifest, PluginQuery } from '../../core/plugin/base-plugin';\nimport { BaseGridPlugin } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig } from '../../core/types';\nimport type { ContextMenuParams, HeaderContextMenuItem } from '../context-menu/types';\nimport {\n  applyStickyOffsets,\n  clearStickyOffsets,\n  getColumnPinned,\n  getLeftStickyColumns,\n  getRightStickyColumns,\n  hasStickyColumns,\n  reorderColumnsForPinning,\n} from './pinned-columns';\nimport type { PinnedColumnsConfig, PinnedPosition } from './types';\n\n/** Query type constant for checking if a column can be moved */\nconst QUERY_CAN_MOVE_COLUMN = 'canMoveColumn';\n\n/**\n * Pinned Columns Plugin for tbw-grid\n *\n * Freezes columns to the left or right edge of the grid—essential for keeping key\n * identifiers or action buttons visible while scrolling through wide datasets. Just set\n * `pinned: 'left'` or `pinned: 'right'` on your column definitions.\n *\n * ## Installation\n *\n * ```ts\n * import { PinnedColumnsPlugin } from '@toolbox-web/grid/plugins/pinned-columns';\n * ```\n *\n * ## Column Configuration\n *\n * | Property | Type | Description |\n * |----------|------|-------------|\n * | `pinned` | `'left' \\| 'right' \\| 'start' \\| 'end'` | Pin column to edge (logical or physical) |\n * | `meta.lockPinning` | `boolean` | `false` | Prevent user from pin/unpin via context menu |\n *\n * ### RTL Support\n *\n * Use logical values (`start`/`end`) for grids that work in both LTR and RTL layouts:\n * - `'start'` - Pins to left in LTR, right in RTL\n * - `'end'` - Pins to right in LTR, left in RTL\n *\n * ## CSS Custom Properties\n *\n * | Property | Default | Description |\n * |----------|---------|-------------|\n * | `--tbw-pinned-shadow` | `4px 0 8px rgba(0,0,0,0.1)` | Shadow on pinned column edge |\n * | `--tbw-pinned-border` | `var(--tbw-color-border)` | Border between pinned and scrollable |\n *\n * @example Pin ID Left and Actions Right\n * ```ts\n * import '@toolbox-web/grid';\n * import { PinnedColumnsPlugin } from '@toolbox-web/grid/plugins/pinned-columns';\n *\n * const grid = document.querySelector('tbw-grid');\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'id', header: 'ID', pinned: 'left', width: 80 },\n *     { field: 'name', header: 'Name' },\n *     { field: 'email', header: 'Email' },\n *     { field: 'department', header: 'Department' },\n *     { field: 'actions', header: 'Actions', pinned: 'right', width: 120 },\n *   ],\n *   plugins: [new PinnedColumnsPlugin()],\n * };\n * ```\n *\n * @example RTL-Compatible Pinning\n * ```ts\n * // Same config works in LTR and RTL\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'id', header: 'ID', pinned: 'start' },  // Left in LTR, Right in RTL\n *     { field: 'name', header: 'Name' },\n *     { field: 'actions', header: 'Actions', pinned: 'end' },  // Right in LTR, Left in RTL\n *   ],\n *   plugins: [new PinnedColumnsPlugin()],\n * };\n * ```\n *\n * @see {@link PinnedColumnsConfig} for configuration options\n *\n * @internal Extends BaseGridPlugin\n */\nexport class PinnedColumnsPlugin extends BaseGridPlugin<PinnedColumnsConfig> {\n  /**\n   * Plugin manifest - declares owned properties and handled queries.\n   * @internal\n   */\n  static override readonly manifest: PluginManifest = {\n    ownedProperties: [\n      {\n        property: 'pinned',\n        level: 'column',\n        description: 'the \"pinned\" column property',\n        isUsed: (v) => v === 'left' || v === 'right' || v === 'start' || v === 'end',\n      },\n      {\n        property: 'sticky',\n        level: 'column',\n        description: 'the \"sticky\" column property (deprecated, use \"pinned\")',\n        isUsed: (v) => v === 'left' || v === 'right' || v === 'start' || v === 'end',\n      },\n    ],\n    incompatibleWith: [\n      {\n        name: 'groupingColumns',\n        reason:\n          'Pinning reorders columns to the grid edges, but moving a column out of its column group ' +\n          'is not supported. The group header layout cannot accommodate members at different positions.',\n      },\n    ],\n    queries: [\n      {\n        type: QUERY_CAN_MOVE_COLUMN,\n        description: 'Prevents pinned (sticky) columns from being moved/reordered',\n      },\n      {\n        type: 'getStickyOffsets',\n        description: 'Returns the sticky offsets for left/right pinned columns',\n      },\n      {\n        type: 'getContextMenuItems',\n        description: 'Contributes pin/unpin items to the header context menu',\n      },\n    ],\n  };\n\n  /** @internal */\n  readonly name = 'pinnedColumns';\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<PinnedColumnsConfig> {\n    return {};\n  }\n\n  // #region Internal State\n  private isApplied = false;\n  private leftOffsets = new Map<string, number>();\n  private rightOffsets = new Map<string, number>();\n  /**\n   * Snapshot of the column field order before the first context-menu pin.\n   * Used to restore original positions when unpinning.\n   */\n  #originalColumnOrder: string[] = [];\n  // #endregion\n\n  // #region Lifecycle\n\n  /** @internal */\n  override detach(): void {\n    this.leftOffsets.clear();\n    this.rightOffsets.clear();\n    this.isApplied = false;\n    this.#originalColumnOrder = [];\n  }\n  // #endregion\n\n  // #region Detection\n\n  /**\n   * Auto-detect sticky columns from column configuration.\n   */\n  static detect(rows: readonly unknown[], config: { columns?: ColumnConfig[] }): boolean {\n    const columns = config?.columns;\n    if (!Array.isArray(columns)) return false;\n    return hasStickyColumns(columns);\n  }\n  // #endregion\n\n  // #region Hooks\n\n  /** @internal */\n  override processColumns(columns: readonly ColumnConfig[]): ColumnConfig[] {\n    const cols = [...columns];\n    this.isApplied = hasStickyColumns(cols);\n    if (!this.isApplied) return cols;\n\n    const host = this.gridElement;\n    const direction = host ? getDirection(host) : 'ltr';\n    return reorderColumnsForPinning(cols, direction) as ColumnConfig[];\n  }\n\n  /** @internal */\n  override afterRender(): void {\n    if (!this.isApplied) {\n      return;\n    }\n\n    const host = this.grid as unknown as HTMLElement;\n    const columns = [...this.columns];\n\n    if (!hasStickyColumns(columns)) {\n      clearStickyOffsets(host);\n      this.isApplied = false;\n      return;\n    }\n\n    // Apply sticky offsets after a microtask to ensure DOM is ready\n    queueMicrotask(() => {\n      applyStickyOffsets(host, columns);\n    });\n  }\n\n  /**\n   * Handle inter-plugin queries.\n   * @internal\n   */\n  override handleQuery(query: PluginQuery): unknown {\n    switch (query.type) {\n      case QUERY_CAN_MOVE_COLUMN: {\n        // Prevent pinned columns from being moved/reordered.\n        // Pinned columns have fixed positions and should not be draggable.\n        const column = query.context as ColumnConfig;\n        if (getColumnPinned(column) != null) {\n          return false;\n        }\n        return undefined; // Let other plugins or default behavior decide\n      }\n      case 'getStickyOffsets': {\n        // Return the calculated sticky offsets for column virtualization\n        return {\n          left: Object.fromEntries(this.leftOffsets),\n          right: Object.fromEntries(this.rightOffsets),\n        };\n      }\n      case 'getContextMenuItems': {\n        const params = query.context as ContextMenuParams;\n        if (!params.isHeader) return undefined;\n\n        const column = params.column as ColumnConfig;\n        if (!column?.field) return undefined;\n\n        // Don't offer pin/unpin for locked-pinning columns\n        if (column.meta?.lockPinning) return undefined;\n\n        // Don't offer pin/unpin when column grouping is active (incompatible)\n        const groupingPlugin = this.grid?.getPluginByName('groupingColumns') as\n          | { isGroupingActive(): boolean }\n          | undefined;\n        if (groupingPlugin?.isGroupingActive()) return undefined;\n\n        const pinned = getColumnPinned(column);\n        const isPinned = pinned != null;\n        const items: HeaderContextMenuItem[] = [];\n\n        if (isPinned) {\n          items.push({\n            id: 'pinned/unpin',\n            label: 'Unpin Column',\n            icon: '📌',\n            order: 40,\n            action: () => this.setPinPosition(column.field, undefined),\n          });\n        } else {\n          items.push({\n            id: 'pinned/pin-left',\n            label: 'Pin Left',\n            icon: '⬅',\n            order: 40,\n            action: () => this.setPinPosition(column.field, 'left'),\n          });\n          items.push({\n            id: 'pinned/pin-right',\n            label: 'Pin Right',\n            icon: '➡',\n            order: 41,\n            action: () => this.setPinPosition(column.field, 'right'),\n          });\n        }\n\n        return items;\n      }\n      default:\n        return undefined;\n    }\n  }\n  // #endregion\n\n  // #region Public API\n\n  /**\n   * Set the pin position for a column.\n   * Updates the column's `pinned` property and triggers a full re-render.\n   *\n   * @param field - The field name of the column to pin/unpin\n   * @param position - The pin position (`'left'`, `'right'`, `'start'`, `'end'`), or `undefined` to unpin\n   */\n  setPinPosition(field: string, position: PinnedPosition | undefined): void {\n    // Read the currently-visible columns from the plugin accessor.\n    // These are the post-processColumns result, which is the authoritative column set.\n    const currentColumns = this.columns;\n    if (!currentColumns?.length) return;\n\n    const currentIndex = currentColumns.findIndex((col) => col.field === field);\n    if (currentIndex === -1) return;\n\n    const gridEl = this.grid as unknown as HTMLElement & { columns?: ColumnConfig[] };\n\n    if (position) {\n      // PINNING: snapshot original column order if this is the first context-menu pin.\n      // The snapshot lets us restore columns to their original positions on unpin.\n      if (this.#originalColumnOrder.length === 0) {\n        this.#originalColumnOrder = currentColumns.map((c) => c.field);\n      }\n\n      // Set the pinned property; processColumns will reorder on next render\n      const updated = currentColumns.map((col) => {\n        if (col.field !== field) return col;\n        const copy = { ...col };\n        (copy as ColumnConfig & { pinned?: PinnedPosition }).pinned = position;\n        delete (copy as ColumnConfig & { sticky?: PinnedPosition }).sticky;\n        return copy;\n      });\n\n      gridEl.columns = updated;\n    } else {\n      // UNPINNING: restore column to its original position\n      const col = currentColumns[currentIndex];\n      const copy = { ...col };\n      delete (copy as ColumnConfig & { pinned?: PinnedPosition }).pinned;\n      delete (copy as ColumnConfig & { sticky?: PinnedPosition }).sticky;\n\n      // Remove from current position\n      const remaining = [...currentColumns];\n      remaining.splice(currentIndex, 1);\n\n      // Find the best insertion point using the original order snapshot\n      const originalIndex = this.#originalColumnOrder.indexOf(field);\n      if (originalIndex >= 0) {\n        // Scan remaining non-pinned columns and find the first whose original\n        // position is greater than this column's original position.\n        let insertIndex = remaining.length;\n        for (let i = 0; i < remaining.length; i++) {\n          if (getColumnPinned(remaining[i])) continue; // skip pinned columns\n          const otherOriginal = this.#originalColumnOrder.indexOf(remaining[i].field);\n          if (otherOriginal > originalIndex) {\n            insertIndex = i;\n            break;\n          }\n        }\n        remaining.splice(insertIndex, 0, copy);\n      } else {\n        // Original position unknown — keep at current index\n        remaining.splice(Math.min(currentIndex, remaining.length), 0, copy);\n      }\n\n      // If no more pinned columns remain, clear the snapshot\n      if (!remaining.some((c) => getColumnPinned(c) != null)) {\n        this.#originalColumnOrder = [];\n      }\n\n      gridEl.columns = remaining;\n    }\n  }\n\n  /**\n   * Re-apply sticky offsets (e.g., after column resize).\n   */\n  refreshStickyOffsets(): void {\n    const columns = [...this.columns];\n    applyStickyOffsets(this.grid as unknown as HTMLElement, columns);\n  }\n\n  /**\n   * Get columns pinned to the left (after resolving logical positions for current direction).\n   */\n  getLeftPinnedColumns(): ColumnConfig[] {\n    const columns = [...this.columns];\n    const direction = getDirection(this.grid as unknown as HTMLElement);\n    return getLeftStickyColumns(columns, direction);\n  }\n\n  /**\n   * Get columns pinned to the right (after resolving logical positions for current direction).\n   */\n  getRightPinnedColumns(): ColumnConfig[] {\n    const columns = [...this.columns];\n    const direction = getDirection(this.grid as unknown as HTMLElement);\n    return getRightStickyColumns(columns, direction);\n  }\n\n  /**\n   * Clear all sticky positioning.\n   */\n  clearStickyPositions(): void {\n    clearStickyOffsets(this.grid as unknown as HTMLElement);\n  }\n\n  /**\n   * Report horizontal scroll boundary offsets for pinned columns.\n   * Used by keyboard navigation to ensure focused cells aren't hidden behind sticky columns.\n   * @internal\n   */\n  override getHorizontalScrollOffsets(\n    rowEl?: HTMLElement,\n    focusedCell?: HTMLElement,\n  ): { left: number; right: number; skipScroll?: boolean } | undefined {\n    if (!this.isApplied) {\n      return undefined;\n    }\n\n    let left = 0;\n    let right = 0;\n\n    if (rowEl) {\n      // Calculate from rendered cells in the row\n      const stickyLeftCells = rowEl.querySelectorAll('.sticky-left');\n      const stickyRightCells = rowEl.querySelectorAll('.sticky-right');\n      stickyLeftCells.forEach((el) => {\n        left += (el as HTMLElement).offsetWidth;\n      });\n      stickyRightCells.forEach((el) => {\n        right += (el as HTMLElement).offsetWidth;\n      });\n    } else {\n      // Fall back to header row if no row element provided\n      const host = this.grid as unknown as HTMLElement;\n      const headerCells = host.querySelectorAll('.header-row .cell');\n      headerCells.forEach((cell) => {\n        if (cell.classList.contains('sticky-left')) {\n          left += (cell as HTMLElement).offsetWidth;\n        } else if (cell.classList.contains('sticky-right')) {\n          right += (cell as HTMLElement).offsetWidth;\n        }\n      });\n    }\n\n    // Skip horizontal scrolling if focused cell is pinned (it's always visible)\n    const skipScroll =\n      focusedCell?.classList.contains('sticky-left') || focusedCell?.classList.contains('sticky-right');\n\n    return { left, right, skipScroll };\n  }\n  // #endregion\n}\n"],"names":["getColumnPinned","col","pinned","sticky","meta","resolveStickyPosition","position","direction","resolveInlinePosition","isResolvedLeft","isResolvedRight","hasStickyColumns","columns","some","applyStickyOffsets","host","headerCells","Array","from","querySelectorAll","length","getDirection","left","cell","find","c","getAttribute","field","classList","add","style","forEach","el","offsetWidth","right","reverse","clearStickyOffsets","remove","QUERY_CAN_MOVE_COLUMN","PinnedColumnsPlugin","BaseGridPlugin","static","ownedProperties","property","level","description","isUsed","v","incompatibleWith","name","reason","queries","type","defaultConfig","isApplied","leftOffsets","Map","rightOffsets","originalColumnOrder","detach","this","clear","detect","rows","config","isArray","processColumns","cols","gridElement","middle","push","reorderColumnsForPinning","afterRender","grid","queueMicrotask","handleQuery","query","context","Object","fromEntries","params","isHeader","column","lockPinning","groupingPlugin","getPluginByName","isGroupingActive","items","id","label","icon","order","action","setPinPosition","currentColumns","currentIndex","findIndex","gridEl","map","updated","copy","remaining","splice","originalIndex","indexOf","insertIndex","i","Math","min","refreshStickyOffsets","getLeftPinnedColumns","filter","getLeftStickyColumns","getRightPinnedColumns","getRightStickyColumns","clearStickyPositions","getHorizontalScrollOffsets","rowEl","focusedCell","stickyLeftCells","stickyRightCells","contains","skipScroll"],"mappings":"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"}
+{"version":3,"file":"pinned-columns.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/pinned-columns/pinned-columns.ts","../../../../../libs/grid/src/lib/plugins/pinned-columns/PinnedColumnsPlugin.ts"],"sourcesContent":["/**\n * Pinned Columns Core Logic\n *\n * Pure functions for applying pinned (sticky) column positioning.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { getDirection, resolveInlinePosition, type TextDirection } from '../../core/internal/utils';\nimport type { PinnedPosition, ResolvedPinnedPosition } from './types';\n\n// Keep deprecated imports working (StickyPosition = PinnedPosition)\ntype StickyPosition = PinnedPosition;\ntype ResolvedStickyPosition = ResolvedPinnedPosition;\n\n/**\n * Get the effective pinned position from a column, checking `pinned` first then `sticky` (deprecated).\n *\n * @param col - Column configuration object\n * @returns The pinned position, or undefined if not pinned\n */\nexport function getColumnPinned(col: any): PinnedPosition | undefined {\n  return col.pinned ?? col.sticky ?? col.meta?.pinned ?? col.meta?.sticky;\n}\n\n/**\n * Resolve a pinned position to a physical position based on text direction.\n *\n * - `'left'` / `'right'` → unchanged (physical values)\n * - `'start'` → `'left'` in LTR, `'right'` in RTL\n * - `'end'` → `'right'` in LTR, `'left'` in RTL\n *\n * @param position - The pinned position (logical or physical)\n * @param direction - Text direction ('ltr' or 'rtl')\n * @returns Physical pinned position ('left' or 'right')\n */\nexport function resolveStickyPosition(position: StickyPosition, direction: TextDirection): ResolvedStickyPosition {\n  return resolveInlinePosition(position, direction);\n}\n\n/**\n * Check if a column is pinned on the left (after resolving logical positions).\n */\nfunction isResolvedLeft(col: any, direction: TextDirection): boolean {\n  const pinned = getColumnPinned(col);\n  if (!pinned) return false;\n  return resolveStickyPosition(pinned, direction) === 'left';\n}\n\n/**\n * Check if a column is pinned on the right (after resolving logical positions).\n */\nfunction isResolvedRight(col: any, direction: TextDirection): boolean {\n  const pinned = getColumnPinned(col);\n  if (!pinned) return false;\n  return resolveStickyPosition(pinned, direction) === 'right';\n}\n\n/**\n * Get columns that should be sticky on the left.\n *\n * @param columns - Array of column configurations\n * @param direction - Text direction (default: 'ltr')\n * @returns Array of columns with sticky='left' or sticky='start' (in LTR)\n */\nexport function getLeftStickyColumns(columns: any[], direction: TextDirection = 'ltr'): any[] {\n  return columns.filter((col) => isResolvedLeft(col, direction));\n}\n\n/**\n * Get columns that should be sticky on the right.\n *\n * @param columns - Array of column configurations\n * @param direction - Text direction (default: 'ltr')\n * @returns Array of columns with sticky='right' or sticky='end' (in LTR)\n */\nexport function getRightStickyColumns(columns: any[], direction: TextDirection = 'ltr'): any[] {\n  return columns.filter((col) => isResolvedRight(col, direction));\n}\n\n/**\n * Check if any columns have sticky positioning.\n *\n * @param columns - Array of column configurations\n * @returns True if any column has sticky position\n */\nexport function hasStickyColumns(columns: any[]): boolean {\n  return columns.some((col) => getColumnPinned(col) != null);\n}\n\n/**\n * Get the sticky position of a column.\n *\n * @param column - Column configuration\n * @returns The sticky position or null if not sticky\n */\nexport function getColumnStickyPosition(column: any): StickyPosition | null {\n  return getColumnPinned(column) ?? null;\n}\n\n\n/**\n * Calculate left offsets for sticky-left columns.\n * Returns a map of field -> offset in pixels.\n *\n * @param columns - Array of column configurations (in order)\n * @param getColumnWidth - Function to get column width by field\n * @param direction - Text direction (default: 'ltr')\n * @returns Map of field to left offset\n */\nexport function calculateLeftStickyOffsets(\n  columns: any[],\n  getColumnWidth: (field: string) => number,\n  direction: TextDirection = 'ltr',\n): Map<string, number> {\n  const offsets = new Map<string, number>();\n  let currentOffset = 0;\n\n  for (const col of columns) {\n    if (isResolvedLeft(col, direction)) {\n      offsets.set(col.field, currentOffset);\n      currentOffset += getColumnWidth(col.field);\n    }\n  }\n\n  return offsets;\n}\n\n/**\n * Calculate right offsets for sticky-right columns.\n * Processes columns in reverse order.\n *\n * @param columns - Array of column configurations (in order)\n * @param getColumnWidth - Function to get column width by field\n * @param direction - Text direction (default: 'ltr')\n * @returns Map of field to right offset\n */\nexport function calculateRightStickyOffsets(\n  columns: any[],\n  getColumnWidth: (field: string) => number,\n  direction: TextDirection = 'ltr',\n): Map<string, number> {\n  const offsets = new Map<string, number>();\n  let currentOffset = 0;\n\n  // Process in reverse for right-sticky columns\n  const reversed = [...columns].reverse();\n  for (const col of reversed) {\n    if (isResolvedRight(col, direction)) {\n      offsets.set(col.field, currentOffset);\n      currentOffset += getColumnWidth(col.field);\n    }\n  }\n\n  return offsets;\n}\n\n/**\n * Apply sticky offsets to header and body cells.\n * This modifies the DOM elements in place.\n *\n * @param host - The grid host element (render root for DOM queries)\n * @param columns - Array of column configurations\n */\nexport function applyStickyOffsets(host: HTMLElement, columns: any[]): void {\n  // With light DOM, query the host element directly\n  const headerCells = Array.from(host.querySelectorAll('.header-row .cell')) as HTMLElement[];\n  if (!headerCells.length) return;\n\n  // Detect text direction from the host element\n  const direction = getDirection(host);\n\n  // Apply left sticky (includes 'start' in LTR, 'end' in RTL)\n  let left = 0;\n  for (const col of columns) {\n    if (isResolvedLeft(col, direction)) {\n      const cell = headerCells.find((c) => c.getAttribute('data-field') === col.field);\n      if (cell) {\n        cell.classList.add('sticky-left');\n        cell.style.position = 'sticky';\n        cell.style.left = left + 'px';\n        // Body cells: use data-field for reliable matching (data-col indices may differ\n        // between _columns and _visibleColumns due to hidden/utility columns)\n        host.querySelectorAll(`.data-grid-row .cell[data-field=\"${col.field}\"]`).forEach((el) => {\n          el.classList.add('sticky-left');\n          (el as HTMLElement).style.position = 'sticky';\n          (el as HTMLElement).style.left = left + 'px';\n        });\n        left += cell.offsetWidth;\n      }\n    }\n  }\n\n  // Apply right sticky (includes 'end' in LTR, 'start' in RTL) - process in reverse\n  let right = 0;\n  for (const col of [...columns].reverse()) {\n    if (isResolvedRight(col, direction)) {\n      const cell = headerCells.find((c) => c.getAttribute('data-field') === col.field);\n      if (cell) {\n        cell.classList.add('sticky-right');\n        cell.style.position = 'sticky';\n        cell.style.right = right + 'px';\n        // Body cells: use data-field for reliable matching\n        host.querySelectorAll(`.data-grid-row .cell[data-field=\"${col.field}\"]`).forEach((el) => {\n          el.classList.add('sticky-right');\n          (el as HTMLElement).style.position = 'sticky';\n          (el as HTMLElement).style.right = right + 'px';\n        });\n        right += cell.offsetWidth;\n      }\n    }\n  }\n}\n\n/**\n * Reorder columns so that pinned-left columns come first and pinned-right columns come last.\n * Maintains the relative order within each group (left-pinned, unpinned, right-pinned).\n *\n * @param columns - Array of column configurations (in their current order)\n * @param direction - Text direction ('ltr' or 'rtl'), used to resolve logical positions\n * @returns New array with pinned columns moved to the edges\n */\nexport function reorderColumnsForPinning(columns: readonly any[], direction: TextDirection = 'ltr'): any[] {\n  const left: any[] = [];\n  const middle: any[] = [];\n  const right: any[] = [];\n\n  for (const col of columns) {\n    const pinned = getColumnPinned(col);\n    if (pinned) {\n      const resolved = resolveStickyPosition(pinned, direction);\n      if (resolved === 'left') left.push(col);\n      else right.push(col);\n    } else {\n      middle.push(col);\n    }\n  }\n\n  return [...left, ...middle, ...right];\n}\n\n/**\n * Clear sticky positioning from all cells.\n *\n * @param host - The grid host element (render root for DOM queries)\n */\nexport function clearStickyOffsets(host: HTMLElement): void {\n  // With light DOM, query the host element directly\n  const cells = host.querySelectorAll('.sticky-left, .sticky-right');\n  cells.forEach((cell) => {\n    cell.classList.remove('sticky-left', 'sticky-right');\n    (cell as HTMLElement).style.position = '';\n    (cell as HTMLElement).style.left = '';\n    (cell as HTMLElement).style.right = '';\n  });\n}\n","/**\n * Pinned Columns Plugin (Class-based)\n *\n * Enables column pinning (sticky left/right positioning).\n */\n\nimport { getDirection } from '../../core/internal/utils';\nimport type { PluginManifest, PluginQuery } from '../../core/plugin/base-plugin';\nimport { BaseGridPlugin } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig } from '../../core/types';\nimport type { ContextMenuParams, HeaderContextMenuItem } from '../context-menu/types';\nimport {\n  applyStickyOffsets,\n  clearStickyOffsets,\n  getColumnPinned,\n  getLeftStickyColumns,\n  getRightStickyColumns,\n  hasStickyColumns,\n  reorderColumnsForPinning,\n} from './pinned-columns';\nimport type { PinnedColumnsConfig, PinnedPosition } from './types';\n\n/** Query type constant for checking if a column can be moved */\nconst QUERY_CAN_MOVE_COLUMN = 'canMoveColumn';\n\n/**\n * Pinned Columns Plugin for tbw-grid\n *\n * Freezes columns to the left or right edge of the grid—essential for keeping key\n * identifiers or action buttons visible while scrolling through wide datasets. Just set\n * `pinned: 'left'` or `pinned: 'right'` on your column definitions.\n *\n * ## Installation\n *\n * ```ts\n * import { PinnedColumnsPlugin } from '@toolbox-web/grid/plugins/pinned-columns';\n * ```\n *\n * ## Column Configuration\n *\n * | Property | Type | Description |\n * |----------|------|-------------|\n * | `pinned` | `'left' \\| 'right' \\| 'start' \\| 'end'` | Pin column to edge (logical or physical) |\n * | `meta.lockPinning` | `boolean` | `false` | Prevent user from pin/unpin via context menu |\n *\n * ### RTL Support\n *\n * Use logical values (`start`/`end`) for grids that work in both LTR and RTL layouts:\n * - `'start'` - Pins to left in LTR, right in RTL\n * - `'end'` - Pins to right in LTR, left in RTL\n *\n * ## CSS Custom Properties\n *\n * | Property | Default | Description |\n * |----------|---------|-------------|\n * | `--tbw-pinned-shadow` | `4px 0 8px rgba(0,0,0,0.1)` | Shadow on pinned column edge |\n * | `--tbw-pinned-border` | `var(--tbw-color-border)` | Border between pinned and scrollable |\n *\n * @example Pin ID Left and Actions Right\n * ```ts\n * import '@toolbox-web/grid';\n * import { PinnedColumnsPlugin } from '@toolbox-web/grid/plugins/pinned-columns';\n *\n * const grid = document.querySelector('tbw-grid');\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'id', header: 'ID', pinned: 'left', width: 80 },\n *     { field: 'name', header: 'Name' },\n *     { field: 'email', header: 'Email' },\n *     { field: 'department', header: 'Department' },\n *     { field: 'actions', header: 'Actions', pinned: 'right', width: 120 },\n *   ],\n *   plugins: [new PinnedColumnsPlugin()],\n * };\n * ```\n *\n * @example RTL-Compatible Pinning\n * ```ts\n * // Same config works in LTR and RTL\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'id', header: 'ID', pinned: 'start' },  // Left in LTR, Right in RTL\n *     { field: 'name', header: 'Name' },\n *     { field: 'actions', header: 'Actions', pinned: 'end' },  // Right in LTR, Left in RTL\n *   ],\n *   plugins: [new PinnedColumnsPlugin()],\n * };\n * ```\n *\n * @see {@link PinnedColumnsConfig} for configuration options\n *\n * @internal Extends BaseGridPlugin\n */\nexport class PinnedColumnsPlugin extends BaseGridPlugin<PinnedColumnsConfig> {\n  /**\n   * Plugin manifest - declares owned properties and handled queries.\n   * @internal\n   */\n  static override readonly manifest: PluginManifest = {\n    ownedProperties: [\n      {\n        property: 'pinned',\n        level: 'column',\n        description: 'the \"pinned\" column property',\n        isUsed: (v) => v === 'left' || v === 'right' || v === 'start' || v === 'end',\n      },\n      {\n        property: 'sticky',\n        level: 'column',\n        description: 'the \"sticky\" column property (deprecated, use \"pinned\")',\n        isUsed: (v) => v === 'left' || v === 'right' || v === 'start' || v === 'end',\n      },\n    ],\n    incompatibleWith: [\n      {\n        name: 'groupingColumns',\n        reason:\n          'Pinning reorders columns to the grid edges, but moving a column out of its column group ' +\n          'is not supported. The group header layout cannot accommodate members at different positions.',\n      },\n    ],\n    queries: [\n      {\n        type: QUERY_CAN_MOVE_COLUMN,\n        description: 'Prevents pinned (sticky) columns from being moved/reordered',\n      },\n      {\n        type: 'getStickyOffsets',\n        description: 'Returns the sticky offsets for left/right pinned columns',\n      },\n      {\n        type: 'getContextMenuItems',\n        description: 'Contributes pin/unpin items to the header context menu',\n      },\n    ],\n  };\n\n  /** @internal */\n  readonly name = 'pinnedColumns';\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<PinnedColumnsConfig> {\n    return {};\n  }\n\n  // #region Internal State\n  private isApplied = false;\n  private leftOffsets = new Map<string, number>();\n  private rightOffsets = new Map<string, number>();\n  /**\n   * Snapshot of the column field order before the first context-menu pin.\n   * Used to restore original positions when unpinning.\n   */\n  #originalColumnOrder: string[] = [];\n  // #endregion\n\n  // #region Lifecycle\n\n  /** @internal */\n  override detach(): void {\n    this.leftOffsets.clear();\n    this.rightOffsets.clear();\n    this.isApplied = false;\n    this.#originalColumnOrder = [];\n  }\n  // #endregion\n\n  // #region Detection\n\n  /**\n   * Auto-detect sticky columns from column configuration.\n   */\n  static detect(rows: readonly unknown[], config: { columns?: ColumnConfig[] }): boolean {\n    const columns = config?.columns;\n    if (!Array.isArray(columns)) return false;\n    return hasStickyColumns(columns);\n  }\n  // #endregion\n\n  // #region Hooks\n\n  /** @internal */\n  override processColumns(columns: readonly ColumnConfig[]): ColumnConfig[] {\n    const cols = [...columns];\n    this.isApplied = hasStickyColumns(cols);\n    if (!this.isApplied) return cols;\n\n    const host = this.gridElement;\n    const direction = host ? getDirection(host) : 'ltr';\n    return reorderColumnsForPinning(cols, direction) as ColumnConfig[];\n  }\n\n  /** @internal */\n  override afterRender(): void {\n    if (!this.isApplied) {\n      return;\n    }\n\n    const host = this.gridElement;\n    const columns = [...this.columns];\n\n    if (!hasStickyColumns(columns)) {\n      clearStickyOffsets(host);\n      this.isApplied = false;\n      return;\n    }\n\n    // Apply sticky offsets after a microtask to ensure DOM is ready\n    queueMicrotask(() => {\n      applyStickyOffsets(host, columns);\n    });\n  }\n\n  /**\n   * Handle inter-plugin queries.\n   * @internal\n   */\n  override handleQuery(query: PluginQuery): unknown {\n    switch (query.type) {\n      case QUERY_CAN_MOVE_COLUMN: {\n        // Prevent pinned columns from being moved/reordered.\n        // Pinned columns have fixed positions and should not be draggable.\n        const column = query.context as ColumnConfig;\n        if (getColumnPinned(column) != null) {\n          return false;\n        }\n        return undefined; // Let other plugins or default behavior decide\n      }\n      case 'getStickyOffsets': {\n        // Return the calculated sticky offsets for column virtualization\n        return {\n          left: Object.fromEntries(this.leftOffsets),\n          right: Object.fromEntries(this.rightOffsets),\n        };\n      }\n      case 'getContextMenuItems': {\n        const params = query.context as ContextMenuParams;\n        if (!params.isHeader) return undefined;\n\n        const column = params.column as ColumnConfig;\n        if (!column?.field) return undefined;\n\n        // Don't offer pin/unpin for locked-pinning columns\n        if (column.meta?.lockPinning) return undefined;\n\n        // Don't offer pin/unpin when column grouping is active (incompatible)\n        const groupingPlugin = this.grid?.getPluginByName('groupingColumns') as\n          | { isGroupingActive(): boolean }\n          | undefined;\n        if (groupingPlugin?.isGroupingActive()) return undefined;\n\n        const pinned = getColumnPinned(column);\n        const isPinned = pinned != null;\n        const items: HeaderContextMenuItem[] = [];\n\n        if (isPinned) {\n          items.push({\n            id: 'pinned/unpin',\n            label: 'Unpin Column',\n            icon: '📌',\n            order: 40,\n            action: () => this.setPinPosition(column.field, undefined),\n          });\n        } else {\n          items.push({\n            id: 'pinned/pin-left',\n            label: 'Pin Left',\n            icon: '⬅',\n            order: 40,\n            action: () => this.setPinPosition(column.field, 'left'),\n          });\n          items.push({\n            id: 'pinned/pin-right',\n            label: 'Pin Right',\n            icon: '➡',\n            order: 41,\n            action: () => this.setPinPosition(column.field, 'right'),\n          });\n        }\n\n        return items;\n      }\n      default:\n        return undefined;\n    }\n  }\n  // #endregion\n\n  // #region Public API\n\n  /**\n   * Set the pin position for a column.\n   * Updates the column's `pinned` property and triggers a full re-render.\n   *\n   * @param field - The field name of the column to pin/unpin\n   * @param position - The pin position (`'left'`, `'right'`, `'start'`, `'end'`), or `undefined` to unpin\n   */\n  setPinPosition(field: string, position: PinnedPosition | undefined): void {\n    // Read the currently-visible columns from the plugin accessor.\n    // These are the post-processColumns result, which is the authoritative column set.\n    const currentColumns = this.columns;\n    if (!currentColumns?.length) return;\n\n    const currentIndex = currentColumns.findIndex((col) => col.field === field);\n    if (currentIndex === -1) return;\n\n    const gridEl = this.gridElement as HTMLElement & { columns?: ColumnConfig[] };\n\n    if (position) {\n      // PINNING: snapshot original column order if this is the first context-menu pin.\n      // The snapshot lets us restore columns to their original positions on unpin.\n      if (this.#originalColumnOrder.length === 0) {\n        this.#originalColumnOrder = currentColumns.map((c) => c.field);\n      }\n\n      // Set the pinned property; processColumns will reorder on next render\n      const updated = currentColumns.map((col) => {\n        if (col.field !== field) return col;\n        const copy = { ...col };\n        (copy as ColumnConfig & { pinned?: PinnedPosition }).pinned = position;\n        delete (copy as ColumnConfig & { sticky?: PinnedPosition }).sticky;\n        return copy;\n      });\n\n      gridEl.columns = updated;\n    } else {\n      // UNPINNING: restore column to its original position\n      const col = currentColumns[currentIndex];\n      const copy = { ...col };\n      delete (copy as ColumnConfig & { pinned?: PinnedPosition }).pinned;\n      delete (copy as ColumnConfig & { sticky?: PinnedPosition }).sticky;\n\n      // Remove from current position\n      const remaining = [...currentColumns];\n      remaining.splice(currentIndex, 1);\n\n      // Find the best insertion point using the original order snapshot\n      const originalIndex = this.#originalColumnOrder.indexOf(field);\n      if (originalIndex >= 0) {\n        // Scan remaining non-pinned columns and find the first whose original\n        // position is greater than this column's original position.\n        let insertIndex = remaining.length;\n        for (let i = 0; i < remaining.length; i++) {\n          if (getColumnPinned(remaining[i])) continue; // skip pinned columns\n          const otherOriginal = this.#originalColumnOrder.indexOf(remaining[i].field);\n          if (otherOriginal > originalIndex) {\n            insertIndex = i;\n            break;\n          }\n        }\n        remaining.splice(insertIndex, 0, copy);\n      } else {\n        // Original position unknown — keep at current index\n        remaining.splice(Math.min(currentIndex, remaining.length), 0, copy);\n      }\n\n      // If no more pinned columns remain, clear the snapshot\n      if (!remaining.some((c) => getColumnPinned(c) != null)) {\n        this.#originalColumnOrder = [];\n      }\n\n      gridEl.columns = remaining;\n    }\n  }\n\n  /**\n   * Re-apply sticky offsets (e.g., after column resize).\n   */\n  refreshStickyOffsets(): void {\n    const columns = [...this.columns];\n    applyStickyOffsets(this.gridElement, columns);\n  }\n\n  /**\n   * Get columns pinned to the left (after resolving logical positions for current direction).\n   */\n  getLeftPinnedColumns(): ColumnConfig[] {\n    const columns = [...this.columns];\n    const direction = getDirection(this.gridElement);\n    return getLeftStickyColumns(columns, direction);\n  }\n\n  /**\n   * Get columns pinned to the right (after resolving logical positions for current direction).\n   */\n  getRightPinnedColumns(): ColumnConfig[] {\n    const columns = [...this.columns];\n    const direction = getDirection(this.gridElement);\n    return getRightStickyColumns(columns, direction);\n  }\n\n  /**\n   * Clear all sticky positioning.\n   */\n  clearStickyPositions(): void {\n    clearStickyOffsets(this.gridElement);\n  }\n\n  /**\n   * Report horizontal scroll boundary offsets for pinned columns.\n   * Used by keyboard navigation to ensure focused cells aren't hidden behind sticky columns.\n   * @internal\n   */\n  override getHorizontalScrollOffsets(\n    rowEl?: HTMLElement,\n    focusedCell?: HTMLElement,\n  ): { left: number; right: number; skipScroll?: boolean } | undefined {\n    if (!this.isApplied) {\n      return undefined;\n    }\n\n    let left = 0;\n    let right = 0;\n\n    if (rowEl) {\n      // Calculate from rendered cells in the row\n      const stickyLeftCells = rowEl.querySelectorAll('.sticky-left');\n      const stickyRightCells = rowEl.querySelectorAll('.sticky-right');\n      stickyLeftCells.forEach((el) => {\n        left += (el as HTMLElement).offsetWidth;\n      });\n      stickyRightCells.forEach((el) => {\n        right += (el as HTMLElement).offsetWidth;\n      });\n    } else {\n      // Fall back to header row if no row element provided\n      const host = this.gridElement;\n      const headerCells = host.querySelectorAll('.header-row .cell');\n      headerCells.forEach((cell) => {\n        if (cell.classList.contains('sticky-left')) {\n          left += (cell as HTMLElement).offsetWidth;\n        } else if (cell.classList.contains('sticky-right')) {\n          right += (cell as HTMLElement).offsetWidth;\n        }\n      });\n    }\n\n    // Skip horizontal scrolling if focused cell is pinned (it's always visible)\n    const skipScroll =\n      focusedCell?.classList.contains('sticky-left') || focusedCell?.classList.contains('sticky-right');\n\n    return { left, right, skipScroll };\n  }\n  // #endregion\n}\n"],"names":["getColumnPinned","col","pinned","sticky","meta","resolveStickyPosition","position","direction","resolveInlinePosition","isResolvedLeft","isResolvedRight","hasStickyColumns","columns","some","applyStickyOffsets","host","headerCells","Array","from","querySelectorAll","length","getDirection","left","cell","find","c","getAttribute","field","classList","add","style","forEach","el","offsetWidth","right","reverse","clearStickyOffsets","remove","QUERY_CAN_MOVE_COLUMN","PinnedColumnsPlugin","BaseGridPlugin","static","ownedProperties","property","level","description","isUsed","v","incompatibleWith","name","reason","queries","type","defaultConfig","isApplied","leftOffsets","Map","rightOffsets","originalColumnOrder","detach","this","clear","detect","rows","config","isArray","processColumns","cols","gridElement","middle","push","reorderColumnsForPinning","afterRender","queueMicrotask","handleQuery","query","context","Object","fromEntries","params","isHeader","column","lockPinning","groupingPlugin","grid","getPluginByName","isGroupingActive","items","id","label","icon","order","action","setPinPosition","currentColumns","currentIndex","findIndex","gridEl","map","updated","copy","remaining","splice","originalIndex","indexOf","insertIndex","i","Math","min","refreshStickyOffsets","getLeftPinnedColumns","filter","getLeftStickyColumns","getRightPinnedColumns","getRightStickyColumns","clearStickyPositions","getHorizontalScrollOffsets","rowEl","focusedCell","stickyLeftCells","stickyRightCells","contains","skipScroll"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("../../core/plugin/base-plugin"),require("../../core/internal/aggregators")):"function"==typeof define&&define.amd?define(["exports","../../core/plugin/base-plugin","../../core/internal/aggregators"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).TbwGridPlugin_pinnedRows={},t.TbwGrid,t.TbwGrid)}(this,function(t,e,n){"use strict";function o(t,e){const n=document.createElement("div");n.className="tbw-pinned-rows",n.setAttribute("role","presentation"),n.setAttribute("aria-live","polite");const o=document.createElement("div");o.className="tbw-pinned-rows-left";const i=document.createElement("div");i.className="tbw-pinned-rows-center";const r=document.createElement("div");if(r.className="tbw-pinned-rows-right",!1!==t.showRowCount){const t=document.createElement("span");t.className="tbw-status-panel tbw-status-panel-row-count",t.textContent=`Total: ${e.totalRows} rows`,o.appendChild(t)}if(t.showFilteredCount&&e.filteredRows!==e.totalRows){const t=document.createElement("span");t.className="tbw-status-panel tbw-status-panel-filtered-count",t.textContent=`Filtered: ${e.filteredRows}`,o.appendChild(t)}if(t.showSelectedCount&&e.selectedRows>0){const t=document.createElement("span");t.className="tbw-status-panel tbw-status-panel-selected-count",t.textContent=`Selected: ${e.selectedRows}`,r.appendChild(t)}if(t.customPanels)for(const a of t.customPanels){const t=g(a,e);switch(a.position){case"left":o.appendChild(t);break;case"center":i.appendChild(t);break;case"right":r.appendChild(t)}}return n.appendChild(o),n.appendChild(i),n.appendChild(r),n}function i(t){const e=document.createElement("div");return e.className=`tbw-aggregation-rows tbw-aggregation-rows-${t}`,e.setAttribute("role","presentation"),e}function r(t,e,n,o,i=!1){t.innerHTML="";for(const r of e){const e=document.createElement("div");e.className="tbw-aggregation-row",e.setAttribute("role","presentation"),r.id&&e.setAttribute("data-aggregation-id",r.id);r.fullWidth??i?a(e,r,n,o):s(e,r,n,o),t.appendChild(e)}}function a(t,e,n,o){const i=document.createElement("div");i.className="tbw-aggregation-cell tbw-aggregation-cell-full",i.style.gridColumn="1 / -1";const r="function"==typeof e.label?e.label(o,n):e.label;if(r){const t=document.createElement("span");t.className="tbw-aggregation-label",t.textContent=r,i.appendChild(t)}const a=function(t,e,n){const o=t.aggregators&&Object.keys(t.aggregators).length>0,i=t.cells&&Object.keys(t.cells).length>0;if(!o&&!i)return null;const r=document.createElement("span");r.className="tbw-aggregation-aggregates";for(const a of e){const{value:e,formatter:o}=l(t,a,n);if(null!=e){const t=document.createElement("span");t.className="tbw-aggregation-aggregate",t.setAttribute("data-field",a.field);const n=a.header??a.field,i=o?o(e,a.field,a):String(e);t.textContent=`${n}: ${i}`,r.appendChild(t)}}return r.children.length>0?r:null}(e,n,o);a&&i.appendChild(a),t.appendChild(i)}function s(t,e,n,o){for(const i of n){const n=document.createElement("div");n.className="tbw-aggregation-cell",n.setAttribute("data-field",i.field);const{value:r,formatter:a}=l(e,i,o);n.textContent=null!=r?a?a(r,i.field,i):String(r):"",t.appendChild(n)}}function l(t,e,o){let i,r;const a=t.aggregators?.[e.field];if(a)if("object"==typeof(s=a)&&null!==s&&"aggFunc"in s){const t=n.getAggregator(a.aggFunc);t&&(i=t(o,e.field,e)),r=a.formatter}else{const t=n.getAggregator(a);t&&(i=t(o,e.field,e))}else if(t.cells&&Object.prototype.hasOwnProperty.call(t.cells,e.field)){const n=t.cells[e.field];i="function"==typeof n?n(o,e.field,e):n}var s;return{value:i,formatter:r}}function g(t,e){const n=document.createElement("div");n.className="tbw-status-panel tbw-status-panel-custom",n.id=`status-panel-${t.id}`;const o=t.render(e);return"string"==typeof o?n.innerHTML=o:n.appendChild(o),n}function c(t,e,n,o,i){return{totalRows:t.length,filteredRows:i?.cachedResult?.length??t.length,selectedRows:o?.selected?.size??0,columns:e,rows:t,grid:n}}class d extends e.BaseGridPlugin{name="pinnedRows";styles="@layer tbw-plugins{.tbw-footer{flex-shrink:0;z-index:var(--tbw-z-layer-pinned-rows, 20);background:var(--tbw-color-panel-bg)}.tbw-pinned-rows{display:flex;align-items:center;justify-content:space-between;padding:var(--tbw-button-padding, var(--tbw-spacing-md, .5rem) var(--tbw-spacing-lg, .75rem));background:var(--tbw-pinned-rows-bg, var(--tbw-color-panel-bg));border-top:1px solid var(--tbw-pinned-rows-border, var(--tbw-color-border));font-size:var(--tbw-font-size-xs, .75rem);color:var(--tbw-pinned-rows-color, var(--tbw-color-fg-muted));min-height:32px;box-sizing:border-box;min-width:fit-content}.tbw-pinned-rows-left,.tbw-pinned-rows-center,.tbw-pinned-rows-right{display:flex;align-items:center;gap:var(--tbw-spacing-xl, 1rem)}.tbw-pinned-rows-left{justify-content:flex-start}.tbw-pinned-rows-center{justify-content:center;flex:1}.tbw-pinned-rows-right{justify-content:flex-end}.tbw-status-panel{white-space:nowrap}.tbw-aggregation-rows{min-width:fit-content;background:var(--tbw-aggregation-bg, var(--tbw-color-header-bg))}.tbw-aggregation-rows-top{border-bottom:1px solid var(--tbw-aggregation-border, var(--tbw-color-border))}.tbw-aggregation-rows-bottom{border-top:1px solid var(--tbw-aggregation-border, var(--tbw-color-border))}.tbw-aggregation-row{display:grid;grid-template-columns:var(--tbw-column-template);font-size:var(--tbw-aggregation-font-size, .8em);font-weight:var(--tbw-aggregation-font-weight, 600)}.tbw-aggregation-cell{padding:var(--tbw-cell-padding, .125rem .5rem);min-height:var(--tbw-row-height, 1.75rem);display:block;align-items:center;align-content:center;border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;text-overflow:ellipsis;white-space:var(--tbw-cell-white-space, nowrap)}.tbw-aggregation-cell:last-child{border-right:0}.tbw-aggregation-cell-full{grid-column:1 / -1;border-right:0;display:flex;align-items:center;gap:var(--tbw-spacing-lg, .75rem)}.tbw-aggregation-label{white-space:nowrap}.tbw-aggregation-aggregates{display:flex;align-items:center;gap:var(--tbw-spacing-lg, .75rem);font-weight:400;opacity:.85}.tbw-aggregation-aggregate{white-space:nowrap}}";get defaultConfig(){return{position:"bottom",showRowCount:!0,showSelectedCount:!0,showFilteredCount:!0}}infoBarElement=null;topAggregationContainer=null;bottomAggregationContainer=null;footerWrapper=null;detach(){this.infoBarElement&&(this.infoBarElement.remove(),this.infoBarElement=null),this.topAggregationContainer&&(this.topAggregationContainer.remove(),this.topAggregationContainer=null),this.bottomAggregationContainer&&(this.bottomAggregationContainer.remove(),this.bottomAggregationContainer=null),this.footerWrapper&&(this.footerWrapper.remove(),this.footerWrapper=null)}afterRender(){const t=this.gridElement;if(!t)return;const e=t.querySelector(".tbw-scroll-area")??t.querySelector(".tbw-grid-content")??t.children[0];if(!e)return;this.footerWrapper&&!e.contains(this.footerWrapper)&&(this.footerWrapper=null,this.bottomAggregationContainer=null,this.infoBarElement=null),this.topAggregationContainer&&!e.contains(this.topAggregationContainer)&&(this.topAggregationContainer=null),this.infoBarElement&&!e.contains(this.infoBarElement)&&(this.infoBarElement=null);const n=this.getSelectionState(),a=this.getFilterState(),s=c(this.sourceRows,this.columns,this.grid,n,a),l=this.config.aggregationRows||[],g=l.filter(t=>"top"===t.position),d=l.filter(t=>"top"!==t.position);if(g.length>0){if(!this.topAggregationContainer){this.topAggregationContainer=i("top");const n=t.querySelector(".header");n&&n.nextSibling?e.insertBefore(this.topAggregationContainer,n.nextSibling):e.appendChild(this.topAggregationContainer)}r(this.topAggregationContainer,g,this.visibleColumns,this.sourceRows,this.config.fullWidth)}else this.topAggregationContainer&&(this.topAggregationContainer.remove(),this.topAggregationContainer=null);const p=!1!==this.config.showRowCount||this.config.showSelectedCount&&s.selectedRows>0||this.config.showFilteredCount&&s.filteredRows!==s.totalRows||this.config.customPanels&&this.config.customPanels.length>0,h=p&&"top"!==this.config.position,f=d.length>0||h;if(p&&"top"===this.config.position)if(this.infoBarElement){const t=o(this.config,s);this.infoBarElement.replaceWith(t),this.infoBarElement=t}else this.infoBarElement=o(this.config,s),e.insertBefore(this.infoBarElement,e.firstChild);else"top"===this.config.position&&this.infoBarElement&&(this.infoBarElement.remove(),this.infoBarElement=null);f?(this.footerWrapper||(this.footerWrapper=document.createElement("div"),this.footerWrapper.className="tbw-footer",e.appendChild(this.footerWrapper)),this.footerWrapper.innerHTML="",d.length>0&&(this.bottomAggregationContainer||(this.bottomAggregationContainer=i("bottom")),this.footerWrapper.appendChild(this.bottomAggregationContainer),r(this.bottomAggregationContainer,d,this.visibleColumns,this.sourceRows,this.config.fullWidth)),h&&(this.infoBarElement=o(this.config,s),this.footerWrapper.appendChild(this.infoBarElement))):this.cleanupFooter()}cleanup(){this.infoBarElement&&(this.infoBarElement.remove(),this.infoBarElement=null),this.topAggregationContainer&&(this.topAggregationContainer.remove(),this.topAggregationContainer=null),this.bottomAggregationContainer&&(this.bottomAggregationContainer.remove(),this.bottomAggregationContainer=null),this.footerWrapper&&(this.footerWrapper.remove(),this.footerWrapper=null)}cleanupFooter(){this.footerWrapper&&(this.footerWrapper.remove(),this.footerWrapper=null),this.bottomAggregationContainer&&(this.bottomAggregationContainer.remove(),this.bottomAggregationContainer=null),this.infoBarElement&&"top"!==this.config.position&&(this.infoBarElement.remove(),this.infoBarElement=null)}getSelectionState(){try{return this.grid?.getPluginState?.("selection")??null}catch{return null}}getFilterState(){try{return this.grid?.getPluginState?.("filtering")??null}catch{return null}}refresh(){this.requestRender()}getContext(){const t=this.getSelectionState(),e=this.getFilterState();return c(this.rows,this.columns,this.grid,t,e)}addPanel(t){this.config.customPanels||(this.config.customPanels=[]),this.config.customPanels.push(t),this.requestRender()}removePanel(t){this.config.customPanels&&(this.config.customPanels=this.config.customPanels.filter(e=>e.id!==t),this.requestRender())}addAggregationRow(t){this.config.aggregationRows||(this.config.aggregationRows=[]),this.config.aggregationRows.push(t),this.requestRender()}removeAggregationRow(t){this.config.aggregationRows&&(this.config.aggregationRows=this.config.aggregationRows.filter(e=>e.id!==t),this.requestRender())}}t.PinnedRowsPlugin=d,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("../../core/plugin/base-plugin"),require("../../core/internal/aggregators")):"function"==typeof define&&define.amd?define(["exports","../../core/plugin/base-plugin","../../core/internal/aggregators"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).TbwGridPlugin_pinnedRows={},t.TbwGrid,t.TbwGrid)}(this,function(t,e,n){"use strict";function o(t,e){const n=document.createElement("div");n.className="tbw-pinned-rows",n.setAttribute("role","presentation"),n.setAttribute("aria-live","polite");const o=document.createElement("div");o.className="tbw-pinned-rows-left";const i=document.createElement("div");i.className="tbw-pinned-rows-center";const r=document.createElement("div");if(r.className="tbw-pinned-rows-right",!1!==t.showRowCount){const t=document.createElement("span");t.className="tbw-status-panel tbw-status-panel-row-count",t.textContent=`Total: ${e.totalRows} rows`,o.appendChild(t)}if(t.showFilteredCount&&e.filteredRows!==e.totalRows){const t=document.createElement("span");t.className="tbw-status-panel tbw-status-panel-filtered-count",t.textContent=`Filtered: ${e.filteredRows}`,o.appendChild(t)}if(t.showSelectedCount&&e.selectedRows>0){const t=document.createElement("span");t.className="tbw-status-panel tbw-status-panel-selected-count",t.textContent=`Selected: ${e.selectedRows}`,r.appendChild(t)}if(t.customPanels)for(const a of t.customPanels){const t=g(a,e);switch(a.position){case"left":o.appendChild(t);break;case"center":i.appendChild(t);break;case"right":r.appendChild(t)}}return n.appendChild(o),n.appendChild(i),n.appendChild(r),n}function i(t){const e=document.createElement("div");return e.className=`tbw-aggregation-rows tbw-aggregation-rows-${t}`,e.setAttribute("role","presentation"),e}function r(t,e,n,o,i=!1){t.innerHTML="";for(const r of e){const e=document.createElement("div");e.className="tbw-aggregation-row",e.setAttribute("role","presentation"),r.id&&e.setAttribute("data-aggregation-id",r.id);r.fullWidth??i?a(e,r,n,o):s(e,r,n,o),t.appendChild(e)}}function a(t,e,n,o){const i=document.createElement("div");i.className="tbw-aggregation-cell tbw-aggregation-cell-full",i.style.gridColumn="1 / -1";const r="function"==typeof e.label?e.label(o,n):e.label;if(r){const t=document.createElement("span");t.className="tbw-aggregation-label",t.textContent=r,i.appendChild(t)}const a=function(t,e,n){const o=t.aggregators&&Object.keys(t.aggregators).length>0,i=t.cells&&Object.keys(t.cells).length>0;if(!o&&!i)return null;const r=document.createElement("span");r.className="tbw-aggregation-aggregates";for(const a of e){const{value:e,formatter:o}=l(t,a,n);if(null!=e){const t=document.createElement("span");t.className="tbw-aggregation-aggregate",t.setAttribute("data-field",a.field);const n=a.header??a.field,i=o?o(e,a.field,a):String(e);t.textContent=`${n}: ${i}`,r.appendChild(t)}}return r.children.length>0?r:null}(e,n,o);a&&i.appendChild(a),t.appendChild(i)}function s(t,e,n,o){for(const i of n){const n=document.createElement("div");n.className="tbw-aggregation-cell",n.setAttribute("data-field",i.field);const{value:r,formatter:a}=l(e,i,o);n.textContent=null!=r?a?a(r,i.field,i):String(r):"",t.appendChild(n)}}function l(t,e,o){let i,r;const a=t.aggregators?.[e.field];if(a)if("object"==typeof(s=a)&&null!==s&&"aggFunc"in s){const t=n.getAggregator(a.aggFunc);t&&(i=t(o,e.field,e)),r=a.formatter}else{const t=n.getAggregator(a);t&&(i=t(o,e.field,e))}else if(t.cells&&Object.prototype.hasOwnProperty.call(t.cells,e.field)){const n=t.cells[e.field];i="function"==typeof n?n(o,e.field,e):n}var s;return{value:i,formatter:r}}function g(t,e){const n=document.createElement("div");n.className="tbw-status-panel tbw-status-panel-custom",n.id=`status-panel-${t.id}`;const o=t.render(e);return"string"==typeof o?n.innerHTML=o:n.appendChild(o),n}function c(t,e,n,o,i){return{totalRows:t.length,filteredRows:i?.cachedResult?.length??t.length,selectedRows:o?.selected?.size??0,columns:e,rows:t,grid:n}}class d extends e.BaseGridPlugin{name="pinnedRows";styles="@layer tbw-plugins{.tbw-footer{flex-shrink:0;z-index:var(--tbw-z-layer-pinned-rows, 20);background:var(--tbw-color-panel-bg)}.tbw-pinned-rows{display:flex;align-items:center;justify-content:space-between;padding:var(--tbw-button-padding, var(--tbw-spacing-md, .5rem) var(--tbw-spacing-lg, .75rem));background:var(--tbw-pinned-rows-bg, var(--tbw-color-panel-bg));border-top:1px solid var(--tbw-pinned-rows-border, var(--tbw-color-border));font-size:var(--tbw-font-size-xs, .75rem);color:var(--tbw-pinned-rows-color, var(--tbw-color-fg-muted));min-height:32px;box-sizing:border-box;min-width:fit-content}.tbw-pinned-rows-left,.tbw-pinned-rows-center,.tbw-pinned-rows-right{display:flex;align-items:center;gap:var(--tbw-spacing-xl, 1rem)}.tbw-pinned-rows-left{justify-content:flex-start}.tbw-pinned-rows-center{justify-content:center;flex:1}.tbw-pinned-rows-right{justify-content:flex-end}.tbw-status-panel{white-space:nowrap}.tbw-aggregation-rows{min-width:fit-content;background:var(--tbw-aggregation-bg, var(--tbw-color-header-bg))}.tbw-aggregation-rows-top{border-bottom:1px solid var(--tbw-aggregation-border, var(--tbw-color-border))}.tbw-aggregation-rows-bottom{border-top:1px solid var(--tbw-aggregation-border, var(--tbw-color-border))}.tbw-aggregation-row{display:grid;grid-template-columns:var(--tbw-column-template);font-size:var(--tbw-aggregation-font-size, .8em);font-weight:var(--tbw-aggregation-font-weight, 600)}.tbw-aggregation-cell{padding:var(--tbw-cell-padding, .125rem .5rem);min-height:var(--tbw-row-height, 1.75rem);display:block;align-items:center;align-content:center;border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;text-overflow:ellipsis;white-space:var(--tbw-cell-white-space, nowrap)}.tbw-aggregation-cell:last-child{border-right:0}.tbw-aggregation-cell-full{grid-column:1 / -1;border-right:0;display:flex;align-items:center;gap:var(--tbw-spacing-lg, .75rem)}.tbw-aggregation-label{white-space:nowrap}.tbw-aggregation-aggregates{display:flex;align-items:center;gap:var(--tbw-spacing-lg, .75rem);font-weight:400;opacity:.85}.tbw-aggregation-aggregate{white-space:nowrap}}";get defaultConfig(){return{position:"bottom",showRowCount:!0,showSelectedCount:!0,showFilteredCount:!0}}infoBarElement=null;topAggregationContainer=null;bottomAggregationContainer=null;footerWrapper=null;detach(){this.infoBarElement&&(this.infoBarElement.remove(),this.infoBarElement=null),this.topAggregationContainer&&(this.topAggregationContainer.remove(),this.topAggregationContainer=null),this.bottomAggregationContainer&&(this.bottomAggregationContainer.remove(),this.bottomAggregationContainer=null),this.footerWrapper&&(this.footerWrapper.remove(),this.footerWrapper=null)}afterRender(){const t=this.gridElement;if(!t)return;const e=t.querySelector(".tbw-scroll-area")??t.querySelector(".tbw-grid-content")??t.children[0];if(!e)return;this.footerWrapper&&!e.contains(this.footerWrapper)&&(this.footerWrapper=null,this.bottomAggregationContainer=null,this.infoBarElement=null),this.topAggregationContainer&&!e.contains(this.topAggregationContainer)&&(this.topAggregationContainer=null),this.infoBarElement&&!e.contains(this.infoBarElement)&&(this.infoBarElement=null);const n=this.getSelectionState(),a=this.getFilterState(),s=c(this.sourceRows,this.columns,this.gridElement,n,a),l=this.config.aggregationRows||[],g=l.filter(t=>"top"===t.position),d=l.filter(t=>"top"!==t.position);if(g.length>0){if(!this.topAggregationContainer){this.topAggregationContainer=i("top");const n=t.querySelector(".header");n&&n.nextSibling?e.insertBefore(this.topAggregationContainer,n.nextSibling):e.appendChild(this.topAggregationContainer)}r(this.topAggregationContainer,g,this.visibleColumns,this.sourceRows,this.config.fullWidth)}else this.topAggregationContainer&&(this.topAggregationContainer.remove(),this.topAggregationContainer=null);const p=!1!==this.config.showRowCount||this.config.showSelectedCount&&s.selectedRows>0||this.config.showFilteredCount&&s.filteredRows!==s.totalRows||this.config.customPanels&&this.config.customPanels.length>0,h=p&&"top"!==this.config.position,f=d.length>0||h;if(p&&"top"===this.config.position)if(this.infoBarElement){const t=o(this.config,s);this.infoBarElement.replaceWith(t),this.infoBarElement=t}else this.infoBarElement=o(this.config,s),e.insertBefore(this.infoBarElement,e.firstChild);else"top"===this.config.position&&this.infoBarElement&&(this.infoBarElement.remove(),this.infoBarElement=null);f?(this.footerWrapper||(this.footerWrapper=document.createElement("div"),this.footerWrapper.className="tbw-footer",e.appendChild(this.footerWrapper)),this.footerWrapper.innerHTML="",d.length>0&&(this.bottomAggregationContainer||(this.bottomAggregationContainer=i("bottom")),this.footerWrapper.appendChild(this.bottomAggregationContainer),r(this.bottomAggregationContainer,d,this.visibleColumns,this.sourceRows,this.config.fullWidth)),h&&(this.infoBarElement=o(this.config,s),this.footerWrapper.appendChild(this.infoBarElement))):this.cleanupFooter()}cleanup(){this.infoBarElement&&(this.infoBarElement.remove(),this.infoBarElement=null),this.topAggregationContainer&&(this.topAggregationContainer.remove(),this.topAggregationContainer=null),this.bottomAggregationContainer&&(this.bottomAggregationContainer.remove(),this.bottomAggregationContainer=null),this.footerWrapper&&(this.footerWrapper.remove(),this.footerWrapper=null)}cleanupFooter(){this.footerWrapper&&(this.footerWrapper.remove(),this.footerWrapper=null),this.bottomAggregationContainer&&(this.bottomAggregationContainer.remove(),this.bottomAggregationContainer=null),this.infoBarElement&&"top"!==this.config.position&&(this.infoBarElement.remove(),this.infoBarElement=null)}getSelectionState(){try{return this.grid?.getPluginState?.("selection")??null}catch{return null}}getFilterState(){try{return this.grid?.getPluginState?.("filtering")??null}catch{return null}}refresh(){this.requestRender()}getContext(){const t=this.getSelectionState(),e=this.getFilterState();return c(this.rows,this.columns,this.gridElement,t,e)}addPanel(t){this.config.customPanels||(this.config.customPanels=[]),this.config.customPanels.push(t),this.requestRender()}removePanel(t){this.config.customPanels&&(this.config.customPanels=this.config.customPanels.filter(e=>e.id!==t),this.requestRender())}addAggregationRow(t){this.config.aggregationRows||(this.config.aggregationRows=[]),this.config.aggregationRows.push(t),this.requestRender()}removeAggregationRow(t){this.config.aggregationRows&&(this.config.aggregationRows=this.config.aggregationRows.filter(e=>e.id!==t),this.requestRender())}}t.PinnedRowsPlugin=d,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=pinned-rows.umd.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"pinned-rows.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/pinned-rows/pinned-rows.ts","../../../../../libs/grid/src/lib/plugins/pinned-rows/PinnedRowsPlugin.ts"],"sourcesContent":["/**\n * Status Bar Rendering Logic\n *\n * Pure functions for creating and updating the status bar UI.\n * Includes both info bar and aggregation row rendering.\n */\n\nimport { getAggregator } from '../../core/internal/aggregators';\nimport type { ColumnConfig } from '../../core/types';\nimport type {\n  AggregationRowConfig,\n  AggregatorConfig,\n  AggregatorDefinition,\n  PinnedRowsConfig,\n  PinnedRowsContext,\n  PinnedRowsPanel,\n} from './types';\n\n/**\n * Check if an aggregator definition is a full config object (with aggFunc and optional formatter).\n */\nfunction isAggregatorConfig(def: AggregatorDefinition): def is AggregatorConfig {\n  return typeof def === 'object' && def !== null && 'aggFunc' in def;\n}\n\n/**\n * Creates the info bar DOM element with all configured panels.\n *\n * @param config - The status bar configuration\n * @param context - The current grid context for rendering\n * @returns The complete info bar element\n */\nexport function createInfoBarElement(config: PinnedRowsConfig, context: PinnedRowsContext): HTMLElement {\n  const pinnedRows = document.createElement('div');\n  pinnedRows.className = 'tbw-pinned-rows';\n  pinnedRows.setAttribute('role', 'presentation');\n  pinnedRows.setAttribute('aria-live', 'polite');\n\n  const left = document.createElement('div');\n  left.className = 'tbw-pinned-rows-left';\n\n  const center = document.createElement('div');\n  center.className = 'tbw-pinned-rows-center';\n\n  const right = document.createElement('div');\n  right.className = 'tbw-pinned-rows-right';\n\n  // Default panels - row count\n  if (config.showRowCount !== false) {\n    const rowCount = document.createElement('span');\n    rowCount.className = 'tbw-status-panel tbw-status-panel-row-count';\n    rowCount.textContent = `Total: ${context.totalRows} rows`;\n    left.appendChild(rowCount);\n  }\n\n  // Filtered count panel (only shows when filter is active)\n  if (config.showFilteredCount && context.filteredRows !== context.totalRows) {\n    const filteredCount = document.createElement('span');\n    filteredCount.className = 'tbw-status-panel tbw-status-panel-filtered-count';\n    filteredCount.textContent = `Filtered: ${context.filteredRows}`;\n    left.appendChild(filteredCount);\n  }\n\n  // Selected count panel (only shows when rows are selected)\n  if (config.showSelectedCount && context.selectedRows > 0) {\n    const selectedCount = document.createElement('span');\n    selectedCount.className = 'tbw-status-panel tbw-status-panel-selected-count';\n    selectedCount.textContent = `Selected: ${context.selectedRows}`;\n    right.appendChild(selectedCount);\n  }\n\n  // Render custom panels\n  if (config.customPanels) {\n    for (const panel of config.customPanels) {\n      const panelEl = renderCustomPanel(panel, context);\n      switch (panel.position) {\n        case 'left':\n          left.appendChild(panelEl);\n          break;\n        case 'center':\n          center.appendChild(panelEl);\n          break;\n        case 'right':\n          right.appendChild(panelEl);\n          break;\n      }\n    }\n  }\n\n  pinnedRows.appendChild(left);\n  pinnedRows.appendChild(center);\n  pinnedRows.appendChild(right);\n\n  return pinnedRows;\n}\n\n/**\n * Creates a container for aggregation rows at top or bottom.\n *\n * @param position - 'top' or 'bottom'\n * @returns The container element\n */\nexport function createAggregationContainer(position: 'top' | 'bottom'): HTMLElement {\n  const container = document.createElement('div');\n  container.className = `tbw-aggregation-rows tbw-aggregation-rows-${position}`;\n  // Use presentation role since aggregation rows are outside the role=\"grid\" element for layout reasons\n  container.setAttribute('role', 'presentation');\n  return container;\n}\n\n/**\n * Renders aggregation rows into a container.\n *\n * @param container - The container to render into\n * @param rows - Aggregation row configurations\n * @param columns - Current column configuration\n * @param dataRows - Current row data for aggregation calculations\n * @param globalFullWidth - Global fullWidth default from PinnedRowsConfig (default: false)\n */\nexport function renderAggregationRows(\n  container: HTMLElement,\n  rows: AggregationRowConfig[],\n  columns: ColumnConfig[],\n  dataRows: unknown[],\n  globalFullWidth = false,\n): void {\n  container.innerHTML = '';\n\n  for (const rowConfig of rows) {\n    const rowEl = document.createElement('div');\n    rowEl.className = 'tbw-aggregation-row';\n    // Use presentation role since aggregation rows are outside the role=\"grid\" element\n    rowEl.setAttribute('role', 'presentation');\n    if (rowConfig.id) {\n      rowEl.setAttribute('data-aggregation-id', rowConfig.id);\n    }\n\n    // Per-row fullWidth overrides global default\n    const isFullWidth = rowConfig.fullWidth ?? globalFullWidth;\n\n    if (isFullWidth) {\n      renderFullWidthAggregationRow(rowEl, rowConfig, columns, dataRows);\n    } else {\n      renderPerColumnAggregationRow(rowEl, rowConfig, columns, dataRows);\n    }\n\n    container.appendChild(rowEl);\n  }\n}\n\n/**\n * Renders a full-width aggregation row: single spanning cell with label and inline aggregated values.\n */\nfunction renderFullWidthAggregationRow(\n  rowEl: HTMLElement,\n  rowConfig: AggregationRowConfig,\n  columns: ColumnConfig[],\n  dataRows: unknown[],\n): void {\n  const cell = document.createElement('div');\n  cell.className = 'tbw-aggregation-cell tbw-aggregation-cell-full';\n  cell.style.gridColumn = '1 / -1';\n\n  // Label (static string or dynamic function)\n  const labelValue = typeof rowConfig.label === 'function' ? rowConfig.label(dataRows, columns) : rowConfig.label;\n  if (labelValue) {\n    const labelSpan = document.createElement('span');\n    labelSpan.className = 'tbw-aggregation-label';\n    labelSpan.textContent = labelValue;\n    cell.appendChild(labelSpan);\n  }\n\n  // Inline aggregated values\n  const aggregatesContainer = renderInlineAggregates(rowConfig, columns, dataRows);\n  if (aggregatesContainer) {\n    cell.appendChild(aggregatesContainer);\n  }\n\n  // If nothing was added (no label, no aggregates), ensure cell is empty but present\n  rowEl.appendChild(cell);\n}\n\n/**\n * Renders per-column aggregation cells aligned to the grid template.\n */\nfunction renderPerColumnAggregationRow(\n  rowEl: HTMLElement,\n  rowConfig: AggregationRowConfig,\n  columns: ColumnConfig[],\n  dataRows: unknown[],\n): void {\n  for (const col of columns) {\n    const cell = document.createElement('div');\n    cell.className = 'tbw-aggregation-cell';\n    cell.setAttribute('data-field', col.field);\n\n    const { value, formatter } = resolveAggregatedValue(rowConfig, col, dataRows);\n\n    if (value != null) {\n      cell.textContent = formatter ? formatter(value, col.field, col) : String(value);\n    } else {\n      cell.textContent = '';\n    }\n    rowEl.appendChild(cell);\n  }\n}\n\n/**\n * Resolves the aggregated value for a single column in an aggregation row.\n * Returns the computed value and an optional formatter function.\n */\nfunction resolveAggregatedValue(\n  rowConfig: AggregationRowConfig,\n  col: ColumnConfig,\n  dataRows: unknown[],\n): { value: unknown; formatter?: (value: unknown, field: string, column?: ColumnConfig) => string } {\n  let value: unknown;\n  let formatter: ((value: unknown, field: string, column?: ColumnConfig) => string) | undefined;\n\n  // Check for aggregator first\n  const aggDef = rowConfig.aggregators?.[col.field];\n  if (aggDef) {\n    if (isAggregatorConfig(aggDef)) {\n      const aggFn = getAggregator(aggDef.aggFunc);\n      if (aggFn) {\n        value = aggFn(dataRows, col.field, col);\n      }\n      formatter = aggDef.formatter;\n    } else {\n      const aggFn = getAggregator(aggDef);\n      if (aggFn) {\n        value = aggFn(dataRows, col.field, col);\n      }\n    }\n  } else if (rowConfig.cells && Object.prototype.hasOwnProperty.call(rowConfig.cells, col.field)) {\n    const staticVal = rowConfig.cells[col.field];\n    if (typeof staticVal === 'function') {\n      value = staticVal(dataRows, col.field, col);\n    } else {\n      value = staticVal;\n    }\n  }\n\n  return { value, formatter };\n}\n\n/**\n * Renders inline aggregate values for a full-width aggregation row.\n * Returns a container element with aggregate spans, or null if no aggregates are defined.\n */\nfunction renderInlineAggregates(\n  rowConfig: AggregationRowConfig,\n  columns: ColumnConfig[],\n  dataRows: unknown[],\n): HTMLElement | null {\n  // Collect fields that have aggregators or cell values\n  const hasAggregators = rowConfig.aggregators && Object.keys(rowConfig.aggregators).length > 0;\n  const hasCells = rowConfig.cells && Object.keys(rowConfig.cells).length > 0;\n  if (!hasAggregators && !hasCells) return null;\n\n  const container = document.createElement('span');\n  container.className = 'tbw-aggregation-aggregates';\n\n  for (const col of columns) {\n    const { value, formatter } = resolveAggregatedValue(rowConfig, col, dataRows);\n    if (value != null) {\n      const span = document.createElement('span');\n      span.className = 'tbw-aggregation-aggregate';\n      span.setAttribute('data-field', col.field);\n      const header = col.header ?? col.field;\n      const displayValue = formatter ? formatter(value, col.field, col) : String(value);\n      span.textContent = `${header}: ${displayValue}`;\n      container.appendChild(span);\n    }\n  }\n\n  return container.children.length > 0 ? container : null;\n}\n\n/**\n * Renders a custom panel element.\n *\n * @param panel - The panel definition\n * @param context - The current grid context\n * @returns The panel DOM element\n */\nfunction renderCustomPanel(panel: PinnedRowsPanel, context: PinnedRowsContext): HTMLElement {\n  const panelEl = document.createElement('div');\n  panelEl.className = 'tbw-status-panel tbw-status-panel-custom';\n  panelEl.id = `status-panel-${panel.id}`;\n\n  const content = panel.render(context);\n\n  if (typeof content === 'string') {\n    panelEl.innerHTML = content;\n  } else {\n    panelEl.appendChild(content);\n  }\n\n  return panelEl;\n}\n\n/**\n * Builds the status bar context from grid state and plugin states.\n *\n * @param rows - Current row data\n * @param columns - Current column configuration\n * @param grid - Grid element reference\n * @param selectionState - Optional selection plugin state\n * @param filterState - Optional filtering plugin state\n * @returns The status bar context\n */\nexport function buildContext(\n  rows: unknown[],\n  columns: unknown[],\n  grid: HTMLElement,\n  selectionState?: { selected: Set<number> } | null,\n  filterState?: { cachedResult: unknown[] | null } | null,\n): PinnedRowsContext {\n  return {\n    totalRows: rows.length,\n    filteredRows: filterState?.cachedResult?.length ?? rows.length,\n    selectedRows: selectionState?.selected?.size ?? 0,\n    columns: columns as PinnedRowsContext['columns'],\n    rows,\n    grid,\n  };\n}\n\n// Keep old name as alias for backwards compatibility\nexport const createPinnedRowsElement = createInfoBarElement;\n","/**\n * Pinned Rows Plugin (Class-based)\n *\n * Adds info bars and aggregation rows to the grid.\n * - Info bar: Shows row counts, selection info, and custom panels\n * - Aggregation rows: Footer/header rows with computed values (sum, avg, etc.)\n */\n\nimport { BaseGridPlugin } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig } from '../../core/types';\nimport { buildContext, createAggregationContainer, createInfoBarElement, renderAggregationRows } from './pinned-rows';\nimport styles from './pinned-rows.css?inline';\nimport type { AggregationRowConfig, PinnedRowsConfig, PinnedRowsContext, PinnedRowsPanel } from './types';\n\n/**\n * Pinned Rows (Status Bar) Plugin for tbw-grid\n *\n * Creates fixed status bars at the top or bottom of the grid for displaying aggregations,\n * row counts, or custom content. Think of it as the \"totals row\" you'd see in a spreadsheet—\n * always visible regardless of scroll position.\n *\n * ## Installation\n *\n * ```ts\n * import { PinnedRowsPlugin } from '@toolbox-web/grid/plugins/pinned-rows';\n * ```\n *\n * ## Configuration Options\n *\n * | Option | Type | Default | Description |\n * |--------|------|---------|-------------|\n * | `position` | `'top' \\| 'bottom'` | `'bottom'` | Status bar position |\n * | `showRowCount` | `boolean` | `true` | Show total row count |\n * | `showSelectedCount` | `boolean` | `true` | Show selected row count |\n * | `showFilteredCount` | `boolean` | `true` | Show filtered row count |\n * | `fullWidth` | `boolean` | `false` | Default fullWidth for aggregation rows |\n * | `aggregationRows` | `AggregationRowConfig[]` | - | Aggregation row configs |\n *\n * ## Built-in Aggregation Functions\n *\n * | Function | Description |\n * |----------|-------------|\n * | `sum` | Sum of values |\n * | `avg` | Average of values |\n * | `count` | Count of rows |\n * | `min` | Minimum value |\n * | `max` | Maximum value |\n *\n * ## CSS Custom Properties\n *\n * | Property | Default | Description |\n * |----------|---------|-------------|\n * | `--tbw-pinned-rows-bg` | `var(--tbw-color-panel-bg)` | Status bar background |\n * | `--tbw-pinned-rows-border` | `var(--tbw-color-border)` | Status bar border |\n *\n * @example Status Bar with Aggregation\n * ```ts\n * import '@toolbox-web/grid';\n * import { PinnedRowsPlugin } from '@toolbox-web/grid/plugins/pinned-rows';\n *\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'product', header: 'Product' },\n *     { field: 'quantity', header: 'Qty', type: 'number' },\n *     { field: 'price', header: 'Price', type: 'currency' },\n *   ],\n *   plugins: [\n *     new PinnedRowsPlugin({\n *       position: 'bottom',\n *       showRowCount: true,\n *       aggregationRows: [\n *         {\n *           id: 'totals',\n *           aggregators: { quantity: 'sum', price: 'sum' },\n *           cells: { product: 'Totals:' },\n *         },\n *       ],\n *     }),\n *   ],\n * };\n * ```\n *\n * @see {@link PinnedRowsConfig} for all configuration options\n * @see {@link AggregationRowConfig} for aggregation row structure\n *\n * @internal Extends BaseGridPlugin\n */\nexport class PinnedRowsPlugin extends BaseGridPlugin<PinnedRowsConfig> {\n  /** @internal */\n  readonly name = 'pinnedRows';\n  /** @internal */\n  override readonly styles = styles;\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<PinnedRowsConfig> {\n    return {\n      position: 'bottom',\n      showRowCount: true,\n      showSelectedCount: true,\n      showFilteredCount: true,\n    };\n  }\n\n  // #region Internal State\n  private infoBarElement: HTMLElement | null = null;\n  private topAggregationContainer: HTMLElement | null = null;\n  private bottomAggregationContainer: HTMLElement | null = null;\n  private footerWrapper: HTMLElement | null = null;\n  // #endregion\n\n  // #region Lifecycle\n  /** @internal */\n  override detach(): void {\n    if (this.infoBarElement) {\n      this.infoBarElement.remove();\n      this.infoBarElement = null;\n    }\n    if (this.topAggregationContainer) {\n      this.topAggregationContainer.remove();\n      this.topAggregationContainer = null;\n    }\n    if (this.bottomAggregationContainer) {\n      this.bottomAggregationContainer.remove();\n      this.bottomAggregationContainer = null;\n    }\n    if (this.footerWrapper) {\n      this.footerWrapper.remove();\n      this.footerWrapper = null;\n    }\n  }\n  // #endregion\n\n  // #region Hooks\n  /** @internal */\n  override afterRender(): void {\n    const gridEl = this.gridElement;\n    if (!gridEl) return;\n\n    // Use .tbw-scroll-area so footer is inside the horizontal scroll area,\n    // otherwise fall back to .tbw-grid-content or root container\n    const container =\n      gridEl.querySelector('.tbw-scroll-area') ?? gridEl.querySelector('.tbw-grid-content') ?? gridEl.children[0];\n    if (!container) return;\n\n    // Clear orphaned element references if they were removed from the DOM\n    // (e.g., by buildGridDOMIntoShadow calling replaceChildren())\n    // We check if the element is still inside the container rather than isConnected,\n    // because in unit tests the mock grid may not be attached to document.body\n    if (this.footerWrapper && !container.contains(this.footerWrapper)) {\n      this.footerWrapper = null;\n      this.bottomAggregationContainer = null;\n      this.infoBarElement = null;\n    }\n    if (this.topAggregationContainer && !container.contains(this.topAggregationContainer)) {\n      this.topAggregationContainer = null;\n    }\n    if (this.infoBarElement && !container.contains(this.infoBarElement)) {\n      this.infoBarElement = null;\n    }\n\n    // Build context with plugin states\n    const selectionState = this.getSelectionState();\n    const filterState = this.getFilterState();\n\n    const context = buildContext(\n      this.sourceRows as unknown[],\n      this.columns as unknown[],\n      this.grid as unknown as HTMLElement,\n      selectionState,\n      filterState,\n    );\n\n    // #region Handle Aggregation Rows\n    const aggregationRows = this.config.aggregationRows || [];\n    const topRows = aggregationRows.filter((r) => r.position === 'top');\n    const bottomRows = aggregationRows.filter((r) => r.position !== 'top');\n\n    // Top aggregation rows\n    if (topRows.length > 0) {\n      if (!this.topAggregationContainer) {\n        this.topAggregationContainer = createAggregationContainer('top');\n        const header = gridEl.querySelector('.header');\n        if (header && header.nextSibling) {\n          container.insertBefore(this.topAggregationContainer, header.nextSibling);\n        } else {\n          container.appendChild(this.topAggregationContainer);\n        }\n      }\n      renderAggregationRows(\n        this.topAggregationContainer,\n        topRows,\n        this.visibleColumns as ColumnConfig[],\n        this.sourceRows as unknown[],\n        this.config.fullWidth,\n      );\n    } else if (this.topAggregationContainer) {\n      this.topAggregationContainer.remove();\n      this.topAggregationContainer = null;\n    }\n\n    // Handle footer\n    const hasInfoContent =\n      this.config.showRowCount !== false ||\n      (this.config.showSelectedCount && context.selectedRows > 0) ||\n      (this.config.showFilteredCount && context.filteredRows !== context.totalRows) ||\n      (this.config.customPanels && this.config.customPanels.length > 0);\n    const hasBottomInfoBar = hasInfoContent && this.config.position !== 'top';\n    const needsFooter = bottomRows.length > 0 || hasBottomInfoBar;\n\n    // Handle top info bar\n    if (hasInfoContent && this.config.position === 'top') {\n      if (!this.infoBarElement) {\n        this.infoBarElement = createInfoBarElement(this.config, context);\n        container.insertBefore(this.infoBarElement, container.firstChild);\n      } else {\n        const newInfoBar = createInfoBarElement(this.config, context);\n        this.infoBarElement.replaceWith(newInfoBar);\n        this.infoBarElement = newInfoBar;\n      }\n    } else if (this.config.position === 'top' && this.infoBarElement) {\n      this.infoBarElement.remove();\n      this.infoBarElement = null;\n    }\n\n    // Create/manage footer wrapper\n    if (needsFooter) {\n      if (!this.footerWrapper) {\n        this.footerWrapper = document.createElement('div');\n        this.footerWrapper.className = 'tbw-footer';\n        container.appendChild(this.footerWrapper);\n      }\n\n      this.footerWrapper.innerHTML = '';\n\n      if (bottomRows.length > 0) {\n        if (!this.bottomAggregationContainer) {\n          this.bottomAggregationContainer = createAggregationContainer('bottom');\n        }\n        this.footerWrapper.appendChild(this.bottomAggregationContainer);\n        renderAggregationRows(\n          this.bottomAggregationContainer,\n          bottomRows,\n          this.visibleColumns as ColumnConfig[],\n          this.sourceRows as unknown[],\n          this.config.fullWidth,\n        );\n      }\n\n      if (hasBottomInfoBar) {\n        this.infoBarElement = createInfoBarElement(this.config, context);\n        this.footerWrapper.appendChild(this.infoBarElement);\n      }\n    } else {\n      this.cleanupFooter();\n    }\n    // #endregion\n  }\n  // #endregion\n\n  // #region Private Methods\n  private cleanup(): void {\n    if (this.infoBarElement) {\n      this.infoBarElement.remove();\n      this.infoBarElement = null;\n    }\n    if (this.topAggregationContainer) {\n      this.topAggregationContainer.remove();\n      this.topAggregationContainer = null;\n    }\n    if (this.bottomAggregationContainer) {\n      this.bottomAggregationContainer.remove();\n      this.bottomAggregationContainer = null;\n    }\n    if (this.footerWrapper) {\n      this.footerWrapper.remove();\n      this.footerWrapper = null;\n    }\n  }\n\n  private cleanupFooter(): void {\n    if (this.footerWrapper) {\n      this.footerWrapper.remove();\n      this.footerWrapper = null;\n    }\n    if (this.bottomAggregationContainer) {\n      this.bottomAggregationContainer.remove();\n      this.bottomAggregationContainer = null;\n    }\n    if (this.infoBarElement && this.config.position !== 'top') {\n      this.infoBarElement.remove();\n      this.infoBarElement = null;\n    }\n  }\n\n  private getSelectionState(): { selected: Set<number> } | null {\n    // Try to get selection plugin state\n    try {\n      return (this.grid?.getPluginState?.('selection') as { selected: Set<number> } | null) ?? null;\n    } catch {\n      return null;\n    }\n  }\n\n  private getFilterState(): { cachedResult: unknown[] | null } | null {\n    try {\n      return (this.grid?.getPluginState?.('filtering') as { cachedResult: unknown[] | null } | null) ?? null;\n    } catch {\n      return null;\n    }\n  }\n  // #endregion\n\n  // #region Public API\n  /**\n   * Refresh the status bar to reflect current grid state.\n   */\n  refresh(): void {\n    this.requestRender();\n  }\n\n  /**\n   * Get the current status bar context.\n   * @returns The context with row counts and other info\n   */\n  getContext(): PinnedRowsContext {\n    const selectionState = this.getSelectionState();\n    const filterState = this.getFilterState();\n\n    return buildContext(\n      this.rows as unknown[],\n      this.columns as unknown[],\n      this.grid as unknown as HTMLElement,\n      selectionState,\n      filterState,\n    );\n  }\n\n  /**\n   * Add a custom panel to the info bar.\n   * @param panel - The panel configuration to add\n   */\n  addPanel(panel: PinnedRowsPanel): void {\n    if (!this.config.customPanels) {\n      this.config.customPanels = [];\n    }\n    this.config.customPanels.push(panel);\n    this.requestRender();\n  }\n\n  /**\n   * Remove a custom panel by ID.\n   * @param id - The panel ID to remove\n   */\n  removePanel(id: string): void {\n    if (this.config.customPanels) {\n      this.config.customPanels = this.config.customPanels.filter((p) => p.id !== id);\n      this.requestRender();\n    }\n  }\n\n  /**\n   * Add an aggregation row.\n   * @param row - The aggregation row configuration\n   */\n  addAggregationRow(row: AggregationRowConfig): void {\n    if (!this.config.aggregationRows) {\n      this.config.aggregationRows = [];\n    }\n    this.config.aggregationRows.push(row);\n    this.requestRender();\n  }\n\n  /**\n   * Remove an aggregation row by ID.\n   * @param id - The aggregation row ID to remove\n   */\n  removeAggregationRow(id: string): void {\n    if (this.config.aggregationRows) {\n      this.config.aggregationRows = this.config.aggregationRows.filter((r) => r.id !== id);\n      this.requestRender();\n    }\n  }\n  // #endregion\n}\n"],"names":["createInfoBarElement","config","context","pinnedRows","document","createElement","className","setAttribute","left","center","right","showRowCount","rowCount","textContent","totalRows","appendChild","showFilteredCount","filteredRows","filteredCount","showSelectedCount","selectedRows","selectedCount","customPanels","panel","panelEl","renderCustomPanel","position","createAggregationContainer","container","renderAggregationRows","rows","columns","dataRows","globalFullWidth","innerHTML","rowConfig","rowEl","id","fullWidth","renderFullWidthAggregationRow","renderPerColumnAggregationRow","cell","style","gridColumn","labelValue","label","labelSpan","aggregatesContainer","hasAggregators","aggregators","Object","keys","length","hasCells","cells","col","value","formatter","resolveAggregatedValue","span","field","header","displayValue","String","children","renderInlineAggregates","aggDef","def","aggFn","getAggregator","aggFunc","prototype","hasOwnProperty","call","staticVal","content","render","buildContext","grid","selectionState","filterState","cachedResult","selected","size","PinnedRowsPlugin","BaseGridPlugin","name","styles","defaultConfig","infoBarElement","topAggregationContainer","bottomAggregationContainer","footerWrapper","detach","this","remove","afterRender","gridEl","gridElement","querySelector","contains","getSelectionState","getFilterState","sourceRows","aggregationRows","topRows","filter","r","bottomRows","nextSibling","insertBefore","visibleColumns","hasInfoContent","hasBottomInfoBar","needsFooter","newInfoBar","replaceWith","firstChild","cleanupFooter","cleanup","getPluginState","refresh","requestRender","getContext","addPanel","push","removePanel","p","addAggregationRow","row","removeAggregationRow"],"mappings":"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"}
+{"version":3,"file":"pinned-rows.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/pinned-rows/pinned-rows.ts","../../../../../libs/grid/src/lib/plugins/pinned-rows/PinnedRowsPlugin.ts"],"sourcesContent":["/**\n * Status Bar Rendering Logic\n *\n * Pure functions for creating and updating the status bar UI.\n * Includes both info bar and aggregation row rendering.\n */\n\nimport { getAggregator } from '../../core/internal/aggregators';\nimport type { ColumnConfig } from '../../core/types';\nimport type {\n  AggregationRowConfig,\n  AggregatorConfig,\n  AggregatorDefinition,\n  PinnedRowsConfig,\n  PinnedRowsContext,\n  PinnedRowsPanel,\n} from './types';\n\n/**\n * Check if an aggregator definition is a full config object (with aggFunc and optional formatter).\n */\nfunction isAggregatorConfig(def: AggregatorDefinition): def is AggregatorConfig {\n  return typeof def === 'object' && def !== null && 'aggFunc' in def;\n}\n\n/**\n * Creates the info bar DOM element with all configured panels.\n *\n * @param config - The status bar configuration\n * @param context - The current grid context for rendering\n * @returns The complete info bar element\n */\nexport function createInfoBarElement(config: PinnedRowsConfig, context: PinnedRowsContext): HTMLElement {\n  const pinnedRows = document.createElement('div');\n  pinnedRows.className = 'tbw-pinned-rows';\n  pinnedRows.setAttribute('role', 'presentation');\n  pinnedRows.setAttribute('aria-live', 'polite');\n\n  const left = document.createElement('div');\n  left.className = 'tbw-pinned-rows-left';\n\n  const center = document.createElement('div');\n  center.className = 'tbw-pinned-rows-center';\n\n  const right = document.createElement('div');\n  right.className = 'tbw-pinned-rows-right';\n\n  // Default panels - row count\n  if (config.showRowCount !== false) {\n    const rowCount = document.createElement('span');\n    rowCount.className = 'tbw-status-panel tbw-status-panel-row-count';\n    rowCount.textContent = `Total: ${context.totalRows} rows`;\n    left.appendChild(rowCount);\n  }\n\n  // Filtered count panel (only shows when filter is active)\n  if (config.showFilteredCount && context.filteredRows !== context.totalRows) {\n    const filteredCount = document.createElement('span');\n    filteredCount.className = 'tbw-status-panel tbw-status-panel-filtered-count';\n    filteredCount.textContent = `Filtered: ${context.filteredRows}`;\n    left.appendChild(filteredCount);\n  }\n\n  // Selected count panel (only shows when rows are selected)\n  if (config.showSelectedCount && context.selectedRows > 0) {\n    const selectedCount = document.createElement('span');\n    selectedCount.className = 'tbw-status-panel tbw-status-panel-selected-count';\n    selectedCount.textContent = `Selected: ${context.selectedRows}`;\n    right.appendChild(selectedCount);\n  }\n\n  // Render custom panels\n  if (config.customPanels) {\n    for (const panel of config.customPanels) {\n      const panelEl = renderCustomPanel(panel, context);\n      switch (panel.position) {\n        case 'left':\n          left.appendChild(panelEl);\n          break;\n        case 'center':\n          center.appendChild(panelEl);\n          break;\n        case 'right':\n          right.appendChild(panelEl);\n          break;\n      }\n    }\n  }\n\n  pinnedRows.appendChild(left);\n  pinnedRows.appendChild(center);\n  pinnedRows.appendChild(right);\n\n  return pinnedRows;\n}\n\n/**\n * Creates a container for aggregation rows at top or bottom.\n *\n * @param position - 'top' or 'bottom'\n * @returns The container element\n */\nexport function createAggregationContainer(position: 'top' | 'bottom'): HTMLElement {\n  const container = document.createElement('div');\n  container.className = `tbw-aggregation-rows tbw-aggregation-rows-${position}`;\n  // Use presentation role since aggregation rows are outside the role=\"grid\" element for layout reasons\n  container.setAttribute('role', 'presentation');\n  return container;\n}\n\n/**\n * Renders aggregation rows into a container.\n *\n * @param container - The container to render into\n * @param rows - Aggregation row configurations\n * @param columns - Current column configuration\n * @param dataRows - Current row data for aggregation calculations\n * @param globalFullWidth - Global fullWidth default from PinnedRowsConfig (default: false)\n */\nexport function renderAggregationRows(\n  container: HTMLElement,\n  rows: AggregationRowConfig[],\n  columns: ColumnConfig[],\n  dataRows: unknown[],\n  globalFullWidth = false,\n): void {\n  container.innerHTML = '';\n\n  for (const rowConfig of rows) {\n    const rowEl = document.createElement('div');\n    rowEl.className = 'tbw-aggregation-row';\n    // Use presentation role since aggregation rows are outside the role=\"grid\" element\n    rowEl.setAttribute('role', 'presentation');\n    if (rowConfig.id) {\n      rowEl.setAttribute('data-aggregation-id', rowConfig.id);\n    }\n\n    // Per-row fullWidth overrides global default\n    const isFullWidth = rowConfig.fullWidth ?? globalFullWidth;\n\n    if (isFullWidth) {\n      renderFullWidthAggregationRow(rowEl, rowConfig, columns, dataRows);\n    } else {\n      renderPerColumnAggregationRow(rowEl, rowConfig, columns, dataRows);\n    }\n\n    container.appendChild(rowEl);\n  }\n}\n\n/**\n * Renders a full-width aggregation row: single spanning cell with label and inline aggregated values.\n */\nfunction renderFullWidthAggregationRow(\n  rowEl: HTMLElement,\n  rowConfig: AggregationRowConfig,\n  columns: ColumnConfig[],\n  dataRows: unknown[],\n): void {\n  const cell = document.createElement('div');\n  cell.className = 'tbw-aggregation-cell tbw-aggregation-cell-full';\n  cell.style.gridColumn = '1 / -1';\n\n  // Label (static string or dynamic function)\n  const labelValue = typeof rowConfig.label === 'function' ? rowConfig.label(dataRows, columns) : rowConfig.label;\n  if (labelValue) {\n    const labelSpan = document.createElement('span');\n    labelSpan.className = 'tbw-aggregation-label';\n    labelSpan.textContent = labelValue;\n    cell.appendChild(labelSpan);\n  }\n\n  // Inline aggregated values\n  const aggregatesContainer = renderInlineAggregates(rowConfig, columns, dataRows);\n  if (aggregatesContainer) {\n    cell.appendChild(aggregatesContainer);\n  }\n\n  // If nothing was added (no label, no aggregates), ensure cell is empty but present\n  rowEl.appendChild(cell);\n}\n\n/**\n * Renders per-column aggregation cells aligned to the grid template.\n */\nfunction renderPerColumnAggregationRow(\n  rowEl: HTMLElement,\n  rowConfig: AggregationRowConfig,\n  columns: ColumnConfig[],\n  dataRows: unknown[],\n): void {\n  for (const col of columns) {\n    const cell = document.createElement('div');\n    cell.className = 'tbw-aggregation-cell';\n    cell.setAttribute('data-field', col.field);\n\n    const { value, formatter } = resolveAggregatedValue(rowConfig, col, dataRows);\n\n    if (value != null) {\n      cell.textContent = formatter ? formatter(value, col.field, col) : String(value);\n    } else {\n      cell.textContent = '';\n    }\n    rowEl.appendChild(cell);\n  }\n}\n\n/**\n * Resolves the aggregated value for a single column in an aggregation row.\n * Returns the computed value and an optional formatter function.\n */\nfunction resolveAggregatedValue(\n  rowConfig: AggregationRowConfig,\n  col: ColumnConfig,\n  dataRows: unknown[],\n): { value: unknown; formatter?: (value: unknown, field: string, column?: ColumnConfig) => string } {\n  let value: unknown;\n  let formatter: ((value: unknown, field: string, column?: ColumnConfig) => string) | undefined;\n\n  // Check for aggregator first\n  const aggDef = rowConfig.aggregators?.[col.field];\n  if (aggDef) {\n    if (isAggregatorConfig(aggDef)) {\n      const aggFn = getAggregator(aggDef.aggFunc);\n      if (aggFn) {\n        value = aggFn(dataRows, col.field, col);\n      }\n      formatter = aggDef.formatter;\n    } else {\n      const aggFn = getAggregator(aggDef);\n      if (aggFn) {\n        value = aggFn(dataRows, col.field, col);\n      }\n    }\n  } else if (rowConfig.cells && Object.prototype.hasOwnProperty.call(rowConfig.cells, col.field)) {\n    const staticVal = rowConfig.cells[col.field];\n    if (typeof staticVal === 'function') {\n      value = staticVal(dataRows, col.field, col);\n    } else {\n      value = staticVal;\n    }\n  }\n\n  return { value, formatter };\n}\n\n/**\n * Renders inline aggregate values for a full-width aggregation row.\n * Returns a container element with aggregate spans, or null if no aggregates are defined.\n */\nfunction renderInlineAggregates(\n  rowConfig: AggregationRowConfig,\n  columns: ColumnConfig[],\n  dataRows: unknown[],\n): HTMLElement | null {\n  // Collect fields that have aggregators or cell values\n  const hasAggregators = rowConfig.aggregators && Object.keys(rowConfig.aggregators).length > 0;\n  const hasCells = rowConfig.cells && Object.keys(rowConfig.cells).length > 0;\n  if (!hasAggregators && !hasCells) return null;\n\n  const container = document.createElement('span');\n  container.className = 'tbw-aggregation-aggregates';\n\n  for (const col of columns) {\n    const { value, formatter } = resolveAggregatedValue(rowConfig, col, dataRows);\n    if (value != null) {\n      const span = document.createElement('span');\n      span.className = 'tbw-aggregation-aggregate';\n      span.setAttribute('data-field', col.field);\n      const header = col.header ?? col.field;\n      const displayValue = formatter ? formatter(value, col.field, col) : String(value);\n      span.textContent = `${header}: ${displayValue}`;\n      container.appendChild(span);\n    }\n  }\n\n  return container.children.length > 0 ? container : null;\n}\n\n/**\n * Renders a custom panel element.\n *\n * @param panel - The panel definition\n * @param context - The current grid context\n * @returns The panel DOM element\n */\nfunction renderCustomPanel(panel: PinnedRowsPanel, context: PinnedRowsContext): HTMLElement {\n  const panelEl = document.createElement('div');\n  panelEl.className = 'tbw-status-panel tbw-status-panel-custom';\n  panelEl.id = `status-panel-${panel.id}`;\n\n  const content = panel.render(context);\n\n  if (typeof content === 'string') {\n    panelEl.innerHTML = content;\n  } else {\n    panelEl.appendChild(content);\n  }\n\n  return panelEl;\n}\n\n/**\n * Builds the status bar context from grid state and plugin states.\n *\n * @param rows - Current row data\n * @param columns - Current column configuration\n * @param grid - Grid element reference\n * @param selectionState - Optional selection plugin state\n * @param filterState - Optional filtering plugin state\n * @returns The status bar context\n */\nexport function buildContext(\n  rows: unknown[],\n  columns: unknown[],\n  grid: HTMLElement,\n  selectionState?: { selected: Set<number> } | null,\n  filterState?: { cachedResult: unknown[] | null } | null,\n): PinnedRowsContext {\n  return {\n    totalRows: rows.length,\n    filteredRows: filterState?.cachedResult?.length ?? rows.length,\n    selectedRows: selectionState?.selected?.size ?? 0,\n    columns: columns as PinnedRowsContext['columns'],\n    rows,\n    grid,\n  };\n}\n\n// Keep old name as alias for backwards compatibility\nexport const createPinnedRowsElement = createInfoBarElement;\n","/**\n * Pinned Rows Plugin (Class-based)\n *\n * Adds info bars and aggregation rows to the grid.\n * - Info bar: Shows row counts, selection info, and custom panels\n * - Aggregation rows: Footer/header rows with computed values (sum, avg, etc.)\n */\n\nimport { BaseGridPlugin } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig } from '../../core/types';\nimport { buildContext, createAggregationContainer, createInfoBarElement, renderAggregationRows } from './pinned-rows';\nimport styles from './pinned-rows.css?inline';\nimport type { AggregationRowConfig, PinnedRowsConfig, PinnedRowsContext, PinnedRowsPanel } from './types';\n\n/**\n * Pinned Rows (Status Bar) Plugin for tbw-grid\n *\n * Creates fixed status bars at the top or bottom of the grid for displaying aggregations,\n * row counts, or custom content. Think of it as the \"totals row\" you'd see in a spreadsheet—\n * always visible regardless of scroll position.\n *\n * ## Installation\n *\n * ```ts\n * import { PinnedRowsPlugin } from '@toolbox-web/grid/plugins/pinned-rows';\n * ```\n *\n * ## Configuration Options\n *\n * | Option | Type | Default | Description |\n * |--------|------|---------|-------------|\n * | `position` | `'top' \\| 'bottom'` | `'bottom'` | Status bar position |\n * | `showRowCount` | `boolean` | `true` | Show total row count |\n * | `showSelectedCount` | `boolean` | `true` | Show selected row count |\n * | `showFilteredCount` | `boolean` | `true` | Show filtered row count |\n * | `fullWidth` | `boolean` | `false` | Default fullWidth for aggregation rows |\n * | `aggregationRows` | `AggregationRowConfig[]` | - | Aggregation row configs |\n *\n * ## Built-in Aggregation Functions\n *\n * | Function | Description |\n * |----------|-------------|\n * | `sum` | Sum of values |\n * | `avg` | Average of values |\n * | `count` | Count of rows |\n * | `min` | Minimum value |\n * | `max` | Maximum value |\n *\n * ## CSS Custom Properties\n *\n * | Property | Default | Description |\n * |----------|---------|-------------|\n * | `--tbw-pinned-rows-bg` | `var(--tbw-color-panel-bg)` | Status bar background |\n * | `--tbw-pinned-rows-border` | `var(--tbw-color-border)` | Status bar border |\n *\n * @example Status Bar with Aggregation\n * ```ts\n * import '@toolbox-web/grid';\n * import { PinnedRowsPlugin } from '@toolbox-web/grid/plugins/pinned-rows';\n *\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'product', header: 'Product' },\n *     { field: 'quantity', header: 'Qty', type: 'number' },\n *     { field: 'price', header: 'Price', type: 'currency' },\n *   ],\n *   plugins: [\n *     new PinnedRowsPlugin({\n *       position: 'bottom',\n *       showRowCount: true,\n *       aggregationRows: [\n *         {\n *           id: 'totals',\n *           aggregators: { quantity: 'sum', price: 'sum' },\n *           cells: { product: 'Totals:' },\n *         },\n *       ],\n *     }),\n *   ],\n * };\n * ```\n *\n * @see {@link PinnedRowsConfig} for all configuration options\n * @see {@link AggregationRowConfig} for aggregation row structure\n *\n * @internal Extends BaseGridPlugin\n */\nexport class PinnedRowsPlugin extends BaseGridPlugin<PinnedRowsConfig> {\n  /** @internal */\n  readonly name = 'pinnedRows';\n  /** @internal */\n  override readonly styles = styles;\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<PinnedRowsConfig> {\n    return {\n      position: 'bottom',\n      showRowCount: true,\n      showSelectedCount: true,\n      showFilteredCount: true,\n    };\n  }\n\n  // #region Internal State\n  private infoBarElement: HTMLElement | null = null;\n  private topAggregationContainer: HTMLElement | null = null;\n  private bottomAggregationContainer: HTMLElement | null = null;\n  private footerWrapper: HTMLElement | null = null;\n  // #endregion\n\n  // #region Lifecycle\n  /** @internal */\n  override detach(): void {\n    if (this.infoBarElement) {\n      this.infoBarElement.remove();\n      this.infoBarElement = null;\n    }\n    if (this.topAggregationContainer) {\n      this.topAggregationContainer.remove();\n      this.topAggregationContainer = null;\n    }\n    if (this.bottomAggregationContainer) {\n      this.bottomAggregationContainer.remove();\n      this.bottomAggregationContainer = null;\n    }\n    if (this.footerWrapper) {\n      this.footerWrapper.remove();\n      this.footerWrapper = null;\n    }\n  }\n  // #endregion\n\n  // #region Hooks\n  /** @internal */\n  override afterRender(): void {\n    const gridEl = this.gridElement;\n    if (!gridEl) return;\n\n    // Use .tbw-scroll-area so footer is inside the horizontal scroll area,\n    // otherwise fall back to .tbw-grid-content or root container\n    const container =\n      gridEl.querySelector('.tbw-scroll-area') ?? gridEl.querySelector('.tbw-grid-content') ?? gridEl.children[0];\n    if (!container) return;\n\n    // Clear orphaned element references if they were removed from the DOM\n    // (e.g., by buildGridDOMIntoShadow calling replaceChildren())\n    // We check if the element is still inside the container rather than isConnected,\n    // because in unit tests the mock grid may not be attached to document.body\n    if (this.footerWrapper && !container.contains(this.footerWrapper)) {\n      this.footerWrapper = null;\n      this.bottomAggregationContainer = null;\n      this.infoBarElement = null;\n    }\n    if (this.topAggregationContainer && !container.contains(this.topAggregationContainer)) {\n      this.topAggregationContainer = null;\n    }\n    if (this.infoBarElement && !container.contains(this.infoBarElement)) {\n      this.infoBarElement = null;\n    }\n\n    // Build context with plugin states\n    const selectionState = this.getSelectionState();\n    const filterState = this.getFilterState();\n\n    const context = buildContext(\n      this.sourceRows as unknown[],\n      this.columns as unknown[],\n      this.gridElement,\n      selectionState,\n      filterState,\n    );\n\n    // #region Handle Aggregation Rows\n    const aggregationRows = this.config.aggregationRows || [];\n    const topRows = aggregationRows.filter((r) => r.position === 'top');\n    const bottomRows = aggregationRows.filter((r) => r.position !== 'top');\n\n    // Top aggregation rows\n    if (topRows.length > 0) {\n      if (!this.topAggregationContainer) {\n        this.topAggregationContainer = createAggregationContainer('top');\n        const header = gridEl.querySelector('.header');\n        if (header && header.nextSibling) {\n          container.insertBefore(this.topAggregationContainer, header.nextSibling);\n        } else {\n          container.appendChild(this.topAggregationContainer);\n        }\n      }\n      renderAggregationRows(\n        this.topAggregationContainer,\n        topRows,\n        this.visibleColumns as ColumnConfig[],\n        this.sourceRows as unknown[],\n        this.config.fullWidth,\n      );\n    } else if (this.topAggregationContainer) {\n      this.topAggregationContainer.remove();\n      this.topAggregationContainer = null;\n    }\n\n    // Handle footer\n    const hasInfoContent =\n      this.config.showRowCount !== false ||\n      (this.config.showSelectedCount && context.selectedRows > 0) ||\n      (this.config.showFilteredCount && context.filteredRows !== context.totalRows) ||\n      (this.config.customPanels && this.config.customPanels.length > 0);\n    const hasBottomInfoBar = hasInfoContent && this.config.position !== 'top';\n    const needsFooter = bottomRows.length > 0 || hasBottomInfoBar;\n\n    // Handle top info bar\n    if (hasInfoContent && this.config.position === 'top') {\n      if (!this.infoBarElement) {\n        this.infoBarElement = createInfoBarElement(this.config, context);\n        container.insertBefore(this.infoBarElement, container.firstChild);\n      } else {\n        const newInfoBar = createInfoBarElement(this.config, context);\n        this.infoBarElement.replaceWith(newInfoBar);\n        this.infoBarElement = newInfoBar;\n      }\n    } else if (this.config.position === 'top' && this.infoBarElement) {\n      this.infoBarElement.remove();\n      this.infoBarElement = null;\n    }\n\n    // Create/manage footer wrapper\n    if (needsFooter) {\n      if (!this.footerWrapper) {\n        this.footerWrapper = document.createElement('div');\n        this.footerWrapper.className = 'tbw-footer';\n        container.appendChild(this.footerWrapper);\n      }\n\n      this.footerWrapper.innerHTML = '';\n\n      if (bottomRows.length > 0) {\n        if (!this.bottomAggregationContainer) {\n          this.bottomAggregationContainer = createAggregationContainer('bottom');\n        }\n        this.footerWrapper.appendChild(this.bottomAggregationContainer);\n        renderAggregationRows(\n          this.bottomAggregationContainer,\n          bottomRows,\n          this.visibleColumns as ColumnConfig[],\n          this.sourceRows as unknown[],\n          this.config.fullWidth,\n        );\n      }\n\n      if (hasBottomInfoBar) {\n        this.infoBarElement = createInfoBarElement(this.config, context);\n        this.footerWrapper.appendChild(this.infoBarElement);\n      }\n    } else {\n      this.cleanupFooter();\n    }\n    // #endregion\n  }\n  // #endregion\n\n  // #region Private Methods\n  private cleanup(): void {\n    if (this.infoBarElement) {\n      this.infoBarElement.remove();\n      this.infoBarElement = null;\n    }\n    if (this.topAggregationContainer) {\n      this.topAggregationContainer.remove();\n      this.topAggregationContainer = null;\n    }\n    if (this.bottomAggregationContainer) {\n      this.bottomAggregationContainer.remove();\n      this.bottomAggregationContainer = null;\n    }\n    if (this.footerWrapper) {\n      this.footerWrapper.remove();\n      this.footerWrapper = null;\n    }\n  }\n\n  private cleanupFooter(): void {\n    if (this.footerWrapper) {\n      this.footerWrapper.remove();\n      this.footerWrapper = null;\n    }\n    if (this.bottomAggregationContainer) {\n      this.bottomAggregationContainer.remove();\n      this.bottomAggregationContainer = null;\n    }\n    if (this.infoBarElement && this.config.position !== 'top') {\n      this.infoBarElement.remove();\n      this.infoBarElement = null;\n    }\n  }\n\n  private getSelectionState(): { selected: Set<number> } | null {\n    // Try to get selection plugin state\n    try {\n      return (this.grid?.getPluginState?.('selection') as { selected: Set<number> } | null) ?? null;\n    } catch {\n      return null;\n    }\n  }\n\n  private getFilterState(): { cachedResult: unknown[] | null } | null {\n    try {\n      return (this.grid?.getPluginState?.('filtering') as { cachedResult: unknown[] | null } | null) ?? null;\n    } catch {\n      return null;\n    }\n  }\n  // #endregion\n\n  // #region Public API\n  /**\n   * Refresh the status bar to reflect current grid state.\n   */\n  refresh(): void {\n    this.requestRender();\n  }\n\n  /**\n   * Get the current status bar context.\n   * @returns The context with row counts and other info\n   */\n  getContext(): PinnedRowsContext {\n    const selectionState = this.getSelectionState();\n    const filterState = this.getFilterState();\n\n    return buildContext(\n      this.rows as unknown[],\n      this.columns as unknown[],\n      this.gridElement,\n      selectionState,\n      filterState,\n    );\n  }\n\n  /**\n   * Add a custom panel to the info bar.\n   * @param panel - The panel configuration to add\n   */\n  addPanel(panel: PinnedRowsPanel): void {\n    if (!this.config.customPanels) {\n      this.config.customPanels = [];\n    }\n    this.config.customPanels.push(panel);\n    this.requestRender();\n  }\n\n  /**\n   * Remove a custom panel by ID.\n   * @param id - The panel ID to remove\n   */\n  removePanel(id: string): void {\n    if (this.config.customPanels) {\n      this.config.customPanels = this.config.customPanels.filter((p) => p.id !== id);\n      this.requestRender();\n    }\n  }\n\n  /**\n   * Add an aggregation row.\n   * @param row - The aggregation row configuration\n   */\n  addAggregationRow(row: AggregationRowConfig): void {\n    if (!this.config.aggregationRows) {\n      this.config.aggregationRows = [];\n    }\n    this.config.aggregationRows.push(row);\n    this.requestRender();\n  }\n\n  /**\n   * Remove an aggregation row by ID.\n   * @param id - The aggregation row ID to remove\n   */\n  removeAggregationRow(id: string): void {\n    if (this.config.aggregationRows) {\n      this.config.aggregationRows = this.config.aggregationRows.filter((r) => r.id !== id);\n      this.requestRender();\n    }\n  }\n  // #endregion\n}\n"],"names":["createInfoBarElement","config","context","pinnedRows","document","createElement","className","setAttribute","left","center","right","showRowCount","rowCount","textContent","totalRows","appendChild","showFilteredCount","filteredRows","filteredCount","showSelectedCount","selectedRows","selectedCount","customPanels","panel","panelEl","renderCustomPanel","position","createAggregationContainer","container","renderAggregationRows","rows","columns","dataRows","globalFullWidth","innerHTML","rowConfig","rowEl","id","fullWidth","renderFullWidthAggregationRow","renderPerColumnAggregationRow","cell","style","gridColumn","labelValue","label","labelSpan","aggregatesContainer","hasAggregators","aggregators","Object","keys","length","hasCells","cells","col","value","formatter","resolveAggregatedValue","span","field","header","displayValue","String","children","renderInlineAggregates","aggDef","def","aggFn","getAggregator","aggFunc","prototype","hasOwnProperty","call","staticVal","content","render","buildContext","grid","selectionState","filterState","cachedResult","selected","size","PinnedRowsPlugin","BaseGridPlugin","name","styles","defaultConfig","infoBarElement","topAggregationContainer","bottomAggregationContainer","footerWrapper","detach","this","remove","afterRender","gridEl","gridElement","querySelector","contains","getSelectionState","getFilterState","sourceRows","aggregationRows","topRows","filter","r","bottomRows","nextSibling","insertBefore","visibleColumns","hasInfoContent","hasBottomInfoBar","needsFooter","newInfoBar","replaceWith","firstChild","cleanupFooter","cleanup","getPluginState","refresh","requestRender","getContext","addPanel","push","removePanel","p","addAggregationRow","row","removeAggregationRow"],"mappings":"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"}