@toolbox-web/grid 1.26.1 → 1.27.0

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 { queryGrid } from '@toolbox-web/grid';\n * import { PinnedColumnsPlugin } from '@toolbox-web/grid/plugins/pinned-columns';\n *\n * const grid = queryGrid('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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"}
+{"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 * 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 * Adjustments to `group-end` borders at pin boundaries within implicit groups.\n * - `addGroupEnd`: fields that should gain `group-end` (last pinned column at boundary)\n * - `removeGroupEnd`: fields that should lose `group-end` (lone non-pinned remnant)\n */\nexport interface GroupEndAdjustments {\n  addGroupEnd: Set<string>;\n  removeGroupEnd: Set<string>;\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 * @returns Group-end adjustments for `afterCellRender` hooks to maintain during scroll\n */\nexport function applyStickyOffsets(host: HTMLElement, columns: any[]): GroupEndAdjustments {\n  const empty: GroupEndAdjustments = { addGroupEnd: new Set(), removeGroupEnd: new Set() };\n\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 empty;\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  // Apply sticky offsets to column group header cells and collect group-end adjustments\n  const adjustments = applyGroupHeaderStickyOffsets(host, columns, headerCells, direction);\n\n  // Apply group-end adjustments to header cells and visible body cells\n  if (adjustments.addGroupEnd.size > 0 || adjustments.removeGroupEnd.size > 0) {\n    for (const field of adjustments.addGroupEnd) {\n      const hCell = headerCells.find((c) => c.getAttribute('data-field') === field);\n      if (hCell) hCell.classList.add('group-end');\n      host.querySelectorAll(`.data-grid-row .cell[data-field=\"${field}\"]`).forEach((el) => {\n        el.classList.add('group-end');\n      });\n    }\n    for (const field of adjustments.removeGroupEnd) {\n      const hCell = headerCells.find((c) => c.getAttribute('data-field') === field);\n      if (hCell) hCell.classList.remove('group-end');\n      host.querySelectorAll(`.data-grid-row .cell[data-field=\"${field}\"]`).forEach((el) => {\n        el.classList.remove('group-end');\n      });\n    }\n  }\n\n  return adjustments;\n}\n\n/**\n * Apply sticky offsets to column group header cells.\n * - If ALL columns in a group are pinned the same direction, the whole cell is pinned.\n * - If an implicit (unlabelled) group mixes pinned and non-pinned columns,\n *   the cell is split at pin boundaries so pinned portions can be sticky.\n *\n * @param host - The grid host element\n * @param columns - Array of column configurations\n * @param headerCells - Already-queried header cells (with sticky offsets applied)\n * @param direction - Text direction\n * @returns Group-end adjustments for pin boundaries within implicit groups\n */\nfunction applyGroupHeaderStickyOffsets(\n  host: HTMLElement,\n  columns: any[],\n  headerCells: HTMLElement[],\n  direction: TextDirection,\n): GroupEndAdjustments {\n  const adjustments: GroupEndAdjustments = { addGroupEnd: new Set(), removeGroupEnd: new Set() };\n  const groupCells = Array.from(host.querySelectorAll('.header-group-row .header-group-cell')) as HTMLElement[];\n  if (!groupCells.length) return adjustments;\n\n  for (const groupCell of groupCells) {\n    // Parse gridColumn to find which column range this group spans\n    // Format: \"startCol / span N\" (1-based)\n    const gridCol = groupCell.style.gridColumn;\n    if (!gridCol) continue;\n\n    const match = gridCol.match(/^(\\d+)\\s*\\/\\s*span\\s+(\\d+)$/);\n    if (!match) continue;\n\n    const startIdx = parseInt(match[1], 10) - 1; // Convert to 0-based\n    const span = parseInt(match[2], 10);\n    const endIdx = startIdx + span - 1;\n\n    // Get the columns this group spans\n    const spannedColumns = columns.slice(startIdx, endIdx + 1);\n    if (!spannedColumns.length) continue;\n\n    const allLeft = spannedColumns.every((col: any) => isResolvedLeft(col, direction));\n    const allRight = spannedColumns.every((col: any) => isResolvedRight(col, direction));\n\n    if (allLeft) {\n      const firstField = spannedColumns[0].field;\n      const firstCell = headerCells.find((c) => c.getAttribute('data-field') === firstField);\n      if (firstCell) {\n        groupCell.classList.add('sticky-left');\n        groupCell.style.position = 'sticky';\n        groupCell.style.left = firstCell.style.left;\n      }\n    } else if (allRight) {\n      const lastField = spannedColumns[spannedColumns.length - 1].field;\n      const lastCell = headerCells.find((c) => c.getAttribute('data-field') === lastField);\n      if (lastCell) {\n        groupCell.classList.add('sticky-right');\n        groupCell.style.position = 'sticky';\n        groupCell.style.right = lastCell.style.right;\n      }\n    } else if (groupCell.classList.contains('implicit-group')) {\n      // Implicit group with mixed pinning: split into separate cells so pinned\n      // portions become sticky while non-pinned portions scroll normally.\n      splitMixedPinImplicitGroup(groupCell, spannedColumns, startIdx, headerCells, direction, adjustments);\n    }\n  }\n\n  return adjustments;\n}\n\n/** Classify a column's pin state after resolving logical positions. */\ntype PinState = 'left' | 'right' | 'none';\n\nfunction getPinState(col: any, direction: TextDirection): PinState {\n  if (isResolvedLeft(col, direction)) return 'left';\n  if (isResolvedRight(col, direction)) return 'right';\n  return 'none';\n}\n\n/**\n * Split an implicit (unlabelled) group header cell into fragments at pin-state\n * boundaries. Each fragment becomes its own header-group-cell; pinned fragments\n * get sticky positioning.\n *\n * Also populates `adjustments` with group-end border changes:\n * - Last column of a left-pinned run gets `group-end` (visual separator at pin edge)\n * - Last column of a subsequent non-pinned run that contains only utility columns\n *   loses `group-end` (it visually merges with the adjacent explicit group)\n */\nfunction splitMixedPinImplicitGroup(\n  groupCell: HTMLElement,\n  spannedColumns: any[],\n  startIdx: number,\n  headerCells: HTMLElement[],\n  direction: TextDirection,\n  adjustments: GroupEndAdjustments,\n): void {\n  // Partition columns into contiguous runs of the same pin state\n  const runs: { state: PinState; cols: any[]; colStart: number }[] = [];\n  for (let i = 0; i < spannedColumns.length; i++) {\n    const state = getPinState(spannedColumns[i], direction);\n    const prev = runs[runs.length - 1];\n    if (prev && prev.state === state) {\n      prev.cols.push(spannedColumns[i]);\n    } else {\n      runs.push({ state, cols: [spannedColumns[i]], colStart: startIdx + i });\n    }\n  }\n\n  if (runs.length <= 1) return; // Nothing to split\n\n  const parent = groupCell.parentElement;\n  if (!parent) return;\n\n  const nextSibling = groupCell.nextSibling;\n  parent.removeChild(groupCell);\n\n  for (const run of runs) {\n    const cell = document.createElement('div');\n    cell.className = groupCell.className; // Preserves implicit-group, cell, header-group-cell\n    cell.setAttribute('data-group', groupCell.getAttribute('data-group') || '');\n    cell.style.gridColumn = `${run.colStart + 1} / span ${run.cols.length}`;\n\n    if (run.state === 'left') {\n      const firstField = run.cols[0].field;\n      const firstCell = headerCells.find((c) => c.getAttribute('data-field') === firstField);\n      if (firstCell) {\n        cell.classList.add('sticky-left');\n        cell.style.position = 'sticky';\n        cell.style.left = firstCell.style.left;\n      }\n    } else if (run.state === 'right') {\n      const lastField = run.cols[run.cols.length - 1].field;\n      const lastCell = headerCells.find((c) => c.getAttribute('data-field') === lastField);\n      if (lastCell) {\n        cell.classList.add('sticky-right');\n        cell.style.position = 'sticky';\n        cell.style.right = lastCell.style.right;\n      }\n    } else if (run.state === 'none') {\n      // Suppress border on utility-only non-pinned remnants — they visually merge\n      // with the adjacent explicit group.\n      const allUtility = run.cols.every((c: any) => String(c.field || '').startsWith('__tbw_'));\n      if (allUtility) {\n        cell.style.borderRightStyle = 'none';\n      }\n    }\n\n    if (nextSibling) {\n      parent.insertBefore(cell, nextSibling);\n    } else {\n      parent.appendChild(cell);\n    }\n  }\n\n  // Compute group-end adjustments at pin boundaries.\n  // When a pinned run is followed by a non-pinned run, the last column of the\n  // pinned run should be the visual group boundary (group-end).\n  // The non-pinned remnant's last column should lose group-end if all its\n  // columns are utility columns (e.g. __tbw_expander) — they visually merge\n  // with the adjacent explicit group.\n  for (let ri = 0; ri < runs.length; ri++) {\n    const run = runs[ri];\n    const nextRun = runs[ri + 1];\n\n    if (run.state !== 'none' && nextRun && nextRun.state === 'none') {\n      // Last column of pinned run gets group-end\n      const lastPinnedField = run.cols[run.cols.length - 1].field;\n      if (lastPinnedField) adjustments.addGroupEnd.add(lastPinnedField);\n    }\n\n    if (run.state === 'none') {\n      // Check if all columns in this non-pinned run are utility columns\n      const allUtility = run.cols.every((c: any) => String(c.field || '').startsWith('__tbw_'));\n      if (allUtility) {\n        // Remove group-end from the last column — it visually merges with the next group\n        const lastField = run.cols[run.cols.length - 1].field;\n        if (lastField) adjustments.removeGroupEnd.add(lastField);\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 { AfterCellRenderContext, 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  type GroupEndAdjustments,\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 { queryGrid } from '@toolbox-web/grid';\n * import { PinnedColumnsPlugin } from '@toolbox-web/grid/plugins/pinned-columns';\n *\n * const grid = queryGrid('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    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  /** Group-end adjustments for pin boundaries within implicit groups. */\n  #groupEndAdjustments: GroupEndAdjustments = { addGroupEnd: new Set(), removeGroupEnd: new Set() };\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.#groupEndAdjustments = { addGroupEnd: new Set(), removeGroupEnd: new Set() };\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      this.#groupEndAdjustments = applyStickyOffsets(host, columns);\n    });\n  }\n\n  /**\n   * Maintain group-end adjustments on cells rendered during scroll.\n   * Runs after GroupingColumnsPlugin.afterCellRender (which sets group-end\n   * based on group boundaries), overriding it at pin boundaries.\n   * @internal\n   */\n  override afterCellRender(context: AfterCellRenderContext): void {\n    if (!this.isApplied) return;\n    const field = context.column.field;\n    if (this.#groupEndAdjustments.addGroupEnd.has(field)) {\n      context.cellElement.classList.add('group-end');\n    } else if (this.#groupEndAdjustments.removeGroupEnd.has(field)) {\n      context.cellElement.classList.remove('group-end');\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        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","empty","addGroupEnd","Set","removeGroupEnd","headerCells","Array","from","querySelectorAll","length","getDirection","left","cell","find","c","getAttribute","field","classList","add","style","forEach","el","offsetWidth","right","reverse","adjustments","groupCells","groupCell","gridCol","gridColumn","match","startIdx","parseInt","endIdx","spannedColumns","slice","allLeft","every","allRight","firstField","firstCell","lastField","lastCell","contains","splitMixedPinImplicitGroup","applyGroupHeaderStickyOffsets","size","hCell","remove","getPinState","runs","i","state","prev","cols","push","colStart","parent","parentElement","nextSibling","removeChild","run","document","createElement","className","setAttribute","String","startsWith","borderRightStyle","insertBefore","appendChild","ri","nextRun","lastPinnedField","clearStickyOffsets","QUERY_CAN_MOVE_COLUMN","PinnedColumnsPlugin","BaseGridPlugin","static","ownedProperties","property","level","description","isUsed","v","queries","type","name","defaultConfig","isApplied","leftOffsets","Map","rightOffsets","groupEndAdjustments","originalColumnOrder","detach","this","clear","detect","rows","config","isArray","processColumns","gridElement","middle","reorderColumnsForPinning","afterRender","queueMicrotask","afterCellRender","context","column","has","cellElement","handleQuery","query","Object","fromEntries","params","isHeader","lockPinning","items","id","label","icon","order","action","setPinPosition","currentColumns","currentIndex","findIndex","gridEl","map","updated","copy","remaining","splice","originalIndex","indexOf","insertIndex","Math","min","refreshStickyOffsets","getLeftPinnedColumns","filter","getLeftStickyColumns","getRightPinnedColumns","getRightStickyColumns","clearStickyPositions","getHorizontalScrollOffsets","rowEl","focusedCell","stickyLeftCells","stickyRightCells","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.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"})});
+!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 r of n){const n=document.createElement("div");n.className="tbw-aggregation-cell",n.setAttribute("data-field",r.field);const{value:i,formatter:a}=l(e,r,o);n.textContent=null!=i?a?a(i,r.field,r):String(i):"",t.appendChild(n)}const i="function"==typeof e.label?e.label(o,n):e.label;if(i){const e=document.createElement("span");e.className="tbw-aggregation-label",e.textContent=i,t.appendChild(e)}}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-scroll-area{container-type:inline-size}.tbw-footer{flex-shrink:0;z-index:var(--tbw-z-layer-pinned-rows, 20);background:var(--tbw-color-panel-bg);min-width:fit-content}.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;position:sticky;left:0;min-width:0;width:100cqi}.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);position:relative;background:inherit}.tbw-aggregation-row>.tbw-aggregation-label{position:sticky;left:0;grid-row:1;grid-column:1;display:flex;align-items:center;padding:var(--tbw-cell-padding, .125rem .5rem);background:inherit;z-index:1;pointer-events:none}.tbw-aggregation-row>.tbw-aggregation-cell:first-child{grid-column:1;grid-row:1}.tbw-aggregation-cell:not(:empty){position:relative;z-index:2;background:inherit}.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.querySelector(".tbw-grid-root");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.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":"6aAgCO,SAASA,EAAqBC,EAA0BC,GAC7D,MAAMC,EAAaC,SAASC,cAAc,OAC1CF,EAAWG,UAAY,kBACvBH,EAAWI,aAAa,OAAQ,gBAChCJ,EAAWI,aAAa,YAAa,UAErC,MAAMC,EAAOJ,SAASC,cAAc,OACpCG,EAAKF,UAAY,uBAEjB,MAAMG,EAASL,SAASC,cAAc,OACtCI,EAAOH,UAAY,yBAEnB,MAAMI,EAAQN,SAASC,cAAc,OAIrC,GAHAK,EAAMJ,UAAY,yBAGU,IAAxBL,EAAOU,aAAwB,CACjC,MAAMC,EAAWR,SAASC,cAAc,QACxCO,EAASN,UAAY,8CACrBM,EAASC,YAAc,UAAUX,EAAQY,iBACzCN,EAAKO,YAAYH,EACnB,CAGA,GAAIX,EAAOe,mBAAqBd,EAAQe,eAAiBf,EAAQY,UAAW,CAC1E,MAAMI,EAAgBd,SAASC,cAAc,QAC7Ca,EAAcZ,UAAY,mDAC1BY,EAAcL,YAAc,aAAaX,EAAQe,eACjDT,EAAKO,YAAYG,EACnB,CAGA,GAAIjB,EAAOkB,mBAAqBjB,EAAQkB,aAAe,EAAG,CACxD,MAAMC,EAAgBjB,SAASC,cAAc,QAC7CgB,EAAcf,UAAY,mDAC1Be,EAAcR,YAAc,aAAaX,EAAQkB,eACjDV,EAAMK,YAAYM,EACpB,CAGA,GAAIpB,EAAOqB,aACT,IAAA,MAAWC,KAAStB,EAAOqB,aAAc,CACvC,MAAME,EAAUC,EAAkBF,EAAOrB,GACzC,OAAQqB,EAAMG,UACZ,IAAK,OACHlB,EAAKO,YAAYS,GACjB,MACF,IAAK,SACHf,EAAOM,YAAYS,GACnB,MACF,IAAK,QACHd,EAAMK,YAAYS,GAGxB,CAOF,OAJArB,EAAWY,YAAYP,GACvBL,EAAWY,YAAYN,GACvBN,EAAWY,YAAYL,GAEhBP,CACT,CAQO,SAASwB,EAA2BD,GACzC,MAAME,EAAYxB,SAASC,cAAc,OAIzC,OAHAuB,EAAUtB,UAAY,6CAA6CoB,IAEnEE,EAAUrB,aAAa,OAAQ,gBACxBqB,CACT,CAWO,SAASC,EACdD,EACAE,EACAC,EACAC,EACAC,GAAkB,GAElBL,EAAUM,UAAY,GAEtB,IAAA,MAAWC,KAAaL,EAAM,CAC5B,MAAMM,EAAQhC,SAASC,cAAc,OACrC+B,EAAM9B,UAAY,sBAElB8B,EAAM7B,aAAa,OAAQ,gBACvB4B,EAAUE,IACZD,EAAM7B,aAAa,sBAAuB4B,EAAUE,IAIlCF,EAAUG,WAAaL,EAGzCM,EAA8BH,EAAOD,EAAWJ,EAASC,GAEzDQ,EAA8BJ,EAAOD,EAAWJ,EAASC,GAG3DJ,EAAUb,YAAYqB,EACxB,CACF,CAKA,SAASG,EACPH,EACAD,EACAJ,EACAC,GAEA,MAAMS,EAAOrC,SAASC,cAAc,OACpCoC,EAAKnC,UAAY,iDACjBmC,EAAKC,MAAMC,WAAa,SAGxB,MAAMC,EAAwC,mBAApBT,EAAUU,MAAuBV,EAAUU,MAAMb,EAAUD,GAAWI,EAAUU,MAC1G,GAAID,EAAY,CACd,MAAME,EAAY1C,SAASC,cAAc,QACzCyC,EAAUxC,UAAY,wBACtBwC,EAAUjC,YAAc+B,EACxBH,EAAK1B,YAAY+B,EACnB,CAGA,MAAMC,EA6ER,SACEZ,EACAJ,EACAC,GAGA,MAAMgB,EAAiBb,EAAUc,aAAeC,OAAOC,KAAKhB,EAAUc,aAAaG,OAAS,EACtFC,EAAWlB,EAAUmB,OAASJ,OAAOC,KAAKhB,EAAUmB,OAAOF,OAAS,EAC1E,IAAKJ,IAAmBK,EAAU,OAAO,KAEzC,MAAMzB,EAAYxB,SAASC,cAAc,QACzCuB,EAAUtB,UAAY,6BAEtB,IAAA,MAAWiD,KAAOxB,EAAS,CACzB,MAAMyB,MAAEA,EAAAC,UAAOA,GAAcC,EAAuBvB,EAAWoB,EAAKvB,GACpE,GAAa,MAATwB,EAAe,CACjB,MAAMG,EAAOvD,SAASC,cAAc,QACpCsD,EAAKrD,UAAY,4BACjBqD,EAAKpD,aAAa,aAAcgD,EAAIK,OACpC,MAAMC,EAASN,EAAIM,QAAUN,EAAIK,MAC3BE,EAAeL,EAAYA,EAAUD,EAAOD,EAAIK,MAAOL,GAAOQ,OAAOP,GAC3EG,EAAK9C,YAAc,GAAGgD,MAAWC,IACjClC,EAAUb,YAAY4C,EACxB,CACF,CAEA,OAAO/B,EAAUoC,SAASZ,OAAS,EAAIxB,EAAY,IACrD,CAxG8BqC,CAAuB9B,EAAWJ,EAASC,GACnEe,GACFN,EAAK1B,YAAYgC,GAInBX,EAAMrB,YAAY0B,EACpB,CAKA,SAASD,EACPJ,EACAD,EACAJ,EACAC,GAEA,IAAA,MAAWuB,KAAOxB,EAAS,CACzB,MAAMU,EAAOrC,SAASC,cAAc,OACpCoC,EAAKnC,UAAY,uBACjBmC,EAAKlC,aAAa,aAAcgD,EAAIK,OAEpC,MAAMJ,MAAEA,EAAAC,UAAOA,GAAcC,EAAuBvB,EAAWoB,EAAKvB,GAGlES,EAAK5B,YADM,MAAT2C,EACiBC,EAAYA,EAAUD,EAAOD,EAAIK,MAAOL,GAAOQ,OAAOP,GAEtD,GAErBpB,EAAMrB,YAAY0B,EACpB,CACF,CAMA,SAASiB,EACPvB,EACAoB,EACAvB,GAEA,IAAIwB,EACAC,EAGJ,MAAMS,EAAS/B,EAAUc,cAAcM,EAAIK,OAC3C,GAAIM,EACF,GAxMoB,iBADIC,EAyMDD,IAxMiB,OAARC,GAAgB,YAAaA,EAwM7B,CAC9B,MAAMC,EAAQC,EAAAA,cAAcH,EAAOI,SAC/BF,IACFZ,EAAQY,EAAMpC,EAAUuB,EAAIK,MAAOL,IAErCE,EAAYS,EAAOT,SACrB,KAAO,CACL,MAAMW,EAAQC,EAAAA,cAAcH,GACxBE,IACFZ,EAAQY,EAAMpC,EAAUuB,EAAIK,MAAOL,GAEvC,MACF,GAAWpB,EAAUmB,OAASJ,OAAOqB,UAAUC,eAAeC,KAAKtC,EAAUmB,MAAOC,EAAIK,OAAQ,CAC9F,MAAMc,EAAYvC,EAAUmB,MAAMC,EAAIK,OAEpCJ,EADuB,mBAAdkB,EACDA,EAAU1C,EAAUuB,EAAIK,MAAOL,GAE/BmB,CAEZ,CA5NF,IAA4BP,EA8N1B,MAAO,CAAEX,QAAOC,YAClB,CA0CA,SAAShC,EAAkBF,EAAwBrB,GACjD,MAAMsB,EAAUpB,SAASC,cAAc,OACvCmB,EAAQlB,UAAY,2CACpBkB,EAAQa,GAAK,gBAAgBd,EAAMc,KAEnC,MAAMsC,EAAUpD,EAAMqD,OAAO1E,GAQ7B,MANuB,iBAAZyE,EACTnD,EAAQU,UAAYyC,EAEpBnD,EAAQT,YAAY4D,GAGfnD,CACT,CAYO,SAASqD,EACd/C,EACAC,EACA+C,EACAC,EACAC,GAEA,MAAO,CACLlE,UAAWgB,EAAKsB,OAChBnC,aAAc+D,GAAaC,cAAc7B,QAAUtB,EAAKsB,OACxDhC,aAAc2D,GAAgBG,UAAUC,MAAQ,EAChDpD,UACAD,OACAgD,OAEJ,CChPO,MAAMM,UAAyBC,EAAAA,eAE3BC,KAAO,aAEEC,8kEAGlB,iBAAuBC,GACrB,MAAO,CACL9D,SAAU,SACVf,cAAc,EACdQ,mBAAmB,EACnBH,mBAAmB,EAEvB,CAGQyE,eAAqC,KACrCC,wBAA8C,KAC9CC,2BAAiD,KACjDC,cAAoC,KAKnC,MAAAC,GACHC,KAAKL,iBACPK,KAAKL,eAAeM,SACpBD,KAAKL,eAAiB,MAEpBK,KAAKJ,0BACPI,KAAKJ,wBAAwBK,SAC7BD,KAAKJ,wBAA0B,MAE7BI,KAAKH,6BACPG,KAAKH,2BAA2BI,SAChCD,KAAKH,2BAA6B,MAEhCG,KAAKF,gBACPE,KAAKF,cAAcG,SACnBD,KAAKF,cAAgB,KAEzB,CAKS,WAAAI,GACP,MAAMC,EAASH,KAAKI,YACpB,IAAKD,EAAQ,OAIb,MAAMrE,EACJqE,EAAOE,cAAc,qBAAuBF,EAAOE,cAAc,sBAAwBF,EAAOjC,SAAS,GAC3G,IAAKpC,EAAW,OAMZkE,KAAKF,gBAAkBhE,EAAUwE,SAASN,KAAKF,iBACjDE,KAAKF,cAAgB,KACrBE,KAAKH,2BAA6B,KAClCG,KAAKL,eAAiB,MAEpBK,KAAKJ,0BAA4B9D,EAAUwE,SAASN,KAAKJ,2BAC3DI,KAAKJ,wBAA0B,MAE7BI,KAAKL,iBAAmB7D,EAAUwE,SAASN,KAAKL,kBAClDK,KAAKL,eAAiB,MAIxB,MAAMV,EAAiBe,KAAKO,oBACtBrB,EAAcc,KAAKQ,iBAEnBpG,EAAU2E,EACdiB,KAAKS,WACLT,KAAK/D,QACL+D,KAAKI,YACLnB,EACAC,GAIIwB,EAAkBV,KAAK7F,OAAOuG,iBAAmB,GACjDC,EAAUD,EAAgBE,OAAQC,GAAqB,QAAfA,EAAEjF,UAC1CkF,EAAaJ,EAAgBE,OAAQC,GAAqB,QAAfA,EAAEjF,UAGnD,GAAI+E,EAAQrD,OAAS,EAAG,CACtB,IAAK0C,KAAKJ,wBAAyB,CACjCI,KAAKJ,wBAA0B/D,EAA2B,OAC1D,MAAMkC,EAASoC,EAAOE,cAAc,WAChCtC,GAAUA,EAAOgD,YACnBjF,EAAUkF,aAAahB,KAAKJ,wBAAyB7B,EAAOgD,aAE5DjF,EAAUb,YAAY+E,KAAKJ,wBAE/B,CACA7D,EACEiE,KAAKJ,wBACLe,EACAX,KAAKiB,eACLjB,KAAKS,WACLT,KAAK7F,OAAOqC,UAEhB,MAAWwD,KAAKJ,0BACdI,KAAKJ,wBAAwBK,SAC7BD,KAAKJ,wBAA0B,MAIjC,MAAMsB,GACyB,IAA7BlB,KAAK7F,OAAOU,cACXmF,KAAK7F,OAAOkB,mBAAqBjB,EAAQkB,aAAe,GACxD0E,KAAK7F,OAAOe,mBAAqBd,EAAQe,eAAiBf,EAAQY,WAClEgF,KAAK7F,OAAOqB,cAAgBwE,KAAK7F,OAAOqB,aAAa8B,OAAS,EAC3D6D,EAAmBD,GAA2C,QAAzBlB,KAAK7F,OAAOyB,SACjDwF,EAAcN,EAAWxD,OAAS,GAAK6D,EAG7C,GAAID,GAA2C,QAAzBlB,KAAK7F,OAAOyB,SAChC,GAAKoE,KAAKL,eAGH,CACL,MAAM0B,EAAanH,EAAqB8F,KAAK7F,OAAQC,GACrD4F,KAAKL,eAAe2B,YAAYD,GAChCrB,KAAKL,eAAiB0B,CACxB,MANErB,KAAKL,eAAiBzF,EAAqB8F,KAAK7F,OAAQC,GACxD0B,EAAUkF,aAAahB,KAAKL,eAAgB7D,EAAUyF,gBAMtB,QAAzBvB,KAAK7F,OAAOyB,UAAsBoE,KAAKL,iBAChDK,KAAKL,eAAeM,SACpBD,KAAKL,eAAiB,MAIpByB,GACGpB,KAAKF,gBACRE,KAAKF,cAAgBxF,SAASC,cAAc,OAC5CyF,KAAKF,cAActF,UAAY,aAC/BsB,EAAUb,YAAY+E,KAAKF,gBAG7BE,KAAKF,cAAc1D,UAAY,GAE3B0E,EAAWxD,OAAS,IACjB0C,KAAKH,6BACRG,KAAKH,2BAA6BhE,EAA2B,WAE/DmE,KAAKF,cAAc7E,YAAY+E,KAAKH,4BACpC9D,EACEiE,KAAKH,2BACLiB,EACAd,KAAKiB,eACLjB,KAAKS,WACLT,KAAK7F,OAAOqC,YAIZ2E,IACFnB,KAAKL,eAAiBzF,EAAqB8F,KAAK7F,OAAQC,GACxD4F,KAAKF,cAAc7E,YAAY+E,KAAKL,kBAGtCK,KAAKwB,eAGT,CAIQ,OAAAC,GACFzB,KAAKL,iBACPK,KAAKL,eAAeM,SACpBD,KAAKL,eAAiB,MAEpBK,KAAKJ,0BACPI,KAAKJ,wBAAwBK,SAC7BD,KAAKJ,wBAA0B,MAE7BI,KAAKH,6BACPG,KAAKH,2BAA2BI,SAChCD,KAAKH,2BAA6B,MAEhCG,KAAKF,gBACPE,KAAKF,cAAcG,SACnBD,KAAKF,cAAgB,KAEzB,CAEQ,aAAA0B,GACFxB,KAAKF,gBACPE,KAAKF,cAAcG,SACnBD,KAAKF,cAAgB,MAEnBE,KAAKH,6BACPG,KAAKH,2BAA2BI,SAChCD,KAAKH,2BAA6B,MAEhCG,KAAKL,gBAA2C,QAAzBK,KAAK7F,OAAOyB,WACrCoE,KAAKL,eAAeM,SACpBD,KAAKL,eAAiB,KAE1B,CAEQ,iBAAAY,GAEN,IACE,OAAQP,KAAKhB,MAAM0C,iBAAiB,cAAqD,IAC3F,CAAA,MACE,OAAO,IACT,CACF,CAEQ,cAAAlB,GACN,IACE,OAAQR,KAAKhB,MAAM0C,iBAAiB,cAA8D,IACpG,CAAA,MACE,OAAO,IACT,CACF,CAOA,OAAAC,GACE3B,KAAK4B,eACP,CAMA,UAAAC,GACE,MAAM5C,EAAiBe,KAAKO,oBACtBrB,EAAcc,KAAKQ,iBAEzB,OAAOzB,EACLiB,KAAKhE,KACLgE,KAAK/D,QACL+D,KAAKI,YACLnB,EACAC,EAEJ,CAMA,QAAA4C,CAASrG,GACFuE,KAAK7F,OAAOqB,eACfwE,KAAK7F,OAAOqB,aAAe,IAE7BwE,KAAK7F,OAAOqB,aAAauG,KAAKtG,GAC9BuE,KAAK4B,eACP,CAMA,WAAAI,CAAYzF,GACNyD,KAAK7F,OAAOqB,eACdwE,KAAK7F,OAAOqB,aAAewE,KAAK7F,OAAOqB,aAAaoF,OAAQqB,GAAMA,EAAE1F,KAAOA,GAC3EyD,KAAK4B,gBAET,CAMA,iBAAAM,CAAkBC,GACXnC,KAAK7F,OAAOuG,kBACfV,KAAK7F,OAAOuG,gBAAkB,IAEhCV,KAAK7F,OAAOuG,gBAAgBqB,KAAKI,GACjCnC,KAAK4B,eACP,CAMA,oBAAAQ,CAAqB7F,GACfyD,KAAK7F,OAAOuG,kBACdV,KAAK7F,OAAOuG,gBAAkBV,KAAK7F,OAAOuG,gBAAgBE,OAAQC,GAAMA,EAAEtE,KAAOA,GACjFyD,KAAK4B,gBAET"}
+{"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  // Overlay label: positioned at the left edge, independent of column alignment\n  const labelValue = typeof rowConfig.label === 'function' ? rowConfig.label(dataRows, columns) : rowConfig.label;\n  if (labelValue) {\n    const labelEl = document.createElement('span');\n    labelEl.className = 'tbw-aggregation-label';\n    labelEl.textContent = labelValue;\n    rowEl.appendChild(labelEl);\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') ??\n      gridEl.querySelector('.tbw-grid-content') ??\n      gridEl.querySelector('.tbw-grid-root');\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","labelEl","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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"}

package/umd/plugins/pivot.umd.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../../core/plugin/base-plugin"),require("../../core/internal/aggregators")):"function"==typeof define&&define.amd?define(["exports","../../core/plugin/base-plugin","../../core/internal/aggregators"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).TbwGridPlugin_pivot={},e.TbwGrid,e.TbwGrid)}(this,function(e,t,o){"use strict";const i=o.getValueAggregator;function r(e,t){return[...e,t].join("|")}function n(e,t){const o=t.rowGroupFields??[],i=t.columnGroupFields??[],n=t.valueFields??[],s=function(e,t){if(0===t.length)return["value"];const o=new Set;for(const i of e){const e=t.map(e=>String(i[e]??"")).join("|");o.add(e)}return[...o].sort()}(e,i),l=a(e,o,i,s,n,0,""),d=function(e,t,o){const i={};function n(e){for(const a of e)if(a.isGroup&&a.children?.length)a.children&&n(a.children);else for(const e of t)for(const t of o){const o=r([e],t.field);i[o]=(i[o]??0)+(a.values[o]??0)}}return n(e),i}(l,s,n);return{rows:l,columnKeys:s,totals:d,grandTotal:Object.values(d).reduce((e,t)=>e+t,0)}}function a(e,t,o,i,r,n,d){const c=[];if(0===t.length){const t=s(e,o,i,r),a=l(t);return c.push({rowKey:d||"all",rowLabel:d||"All",depth:n,values:t,total:a,isGroup:!1,rowCount:e.length}),c}const p=t[0],g=t.slice(1),v=g.length>0,u=function(e,t){const o=new Map;for(const i of e){const e=String(i[t]??""),r=o.get(e);r?r.push(i):o.set(e,[i])}return o}(e,p);for(const[h,b]of u){const e=d?`${d}|${h}`:h,t=s(b,o,i,r),p=l(t);let u;v&&(u=a(b,g,o,i,r,n+1,e)),c.push({rowKey:e,rowLabel:h||"(blank)",depth:n,values:t,total:p,isGroup:v,children:u,rowCount:b.length})}return c}function s(e,t,o,n){const a={};for(const s of o)for(const o of n){const n=(t.length>0?e.filter(e=>t.map(t=>String(e[t]??"")).join("|")===s):e).map(e=>Number(e[o.field])||0),l=i(o.aggFunc),d=n.length>0?l(n):null;a[r([s],o.field)]=d}return a}function l(e){let t=0;for(const o of Object.values(e))t+=o??0;return t}const d=["sum","avg","count","min","max","first","last"];function c(e,t,o,i){const r=new AbortController,n={config:t,callbacks:i,signal:r.signal},a=document.createElement("div");return a.className="tbw-pivot-panel",a.appendChild(p("Options",()=>function(e,t){const{config:o,callbacks:i,signal:r}=t,n=document.createElement("div");return n.className="tbw-pivot-options",n.appendChild(h("Enable Pivot View",e,e=>{i.onTogglePivot(e)},r)),n.appendChild(h("Show Row Totals",o.showTotals??!0,e=>{i.onOptionChange("showTotals",e)},r)),n.appendChild(h("Show Grand Total",o.showGrandTotal??!0,e=>{i.onOptionChange("showGrandTotal",e)},r)),n}(o,n))),a.appendChild(p("Row Groups",()=>g("rowGroups",n))),a.appendChild(p("Column Groups",()=>g("columnGroups",n))),a.appendChild(p("Values",()=>function(e){const{config:t,callbacks:o,signal:i}=e,r=document.createElement("div");r.className="tbw-pivot-drop-zone tbw-pivot-values-zone",r.setAttribute("data-zone","values");const n=t.valueFields??[];if(0===n.length){const e=document.createElement("div");e.className="tbw-pivot-placeholder",e.textContent="Drag numeric fields here for aggregation",r.appendChild(e)}else for(const a of n)r.appendChild(u(a,e));return r.addEventListener("dragover",e=>{e.preventDefault(),r.classList.add("drag-over")},{signal:i}),r.addEventListener("dragleave",()=>{r.classList.remove("drag-over")},{signal:i}),r.addEventListener("drop",e=>{e.preventDefault(),r.classList.remove("drag-over");const t=e.dataTransfer?.getData("text/plain");t&&o.onAddValueField(t,"sum")},{signal:i}),r}(n))),a.appendChild(p("Available Fields",()=>function(e){const{config:t,callbacks:o,signal:i}=e,r=document.createElement("div");r.className="tbw-pivot-available-fields";const n=o.getAvailableFields(),a=new Set([...t.rowGroupFields??[],...t.columnGroupFields??[],...t.valueFields?.map(e=>e.field)??[]]),s=n.filter(e=>!a.has(e.field));if(0===s.length){const e=document.createElement("div");e.className="tbw-pivot-placeholder",e.textContent="All fields are in use",r.appendChild(e)}else for(const l of s){const e=document.createElement("div");e.className="tbw-pivot-field-chip available",e.textContent=l.header,e.draggable=!0,e.title=`Drag to add "${l.field}" to a zone`,e.addEventListener("dragstart",t=>{t.dataTransfer?.setData("text/plain",l.field),e.classList.add("dragging")},{signal:i}),e.addEventListener("dragend",()=>{e.classList.remove("dragging")},{signal:i}),r.appendChild(e)}return r}(n))),e.appendChild(a),()=>{r.abort(),a.remove()}}function p(e,t){const o=document.createElement("div");o.className="tbw-pivot-section";const i=document.createElement("div");i.className="tbw-pivot-section-header",i.textContent=e;const r=document.createElement("div");return r.className="tbw-pivot-section-content",r.appendChild(t()),o.appendChild(i),o.appendChild(r),o}function g(e,t){const{config:o,callbacks:i,signal:r}=t,n=document.createElement("div");n.className="tbw-pivot-drop-zone",n.setAttribute("data-zone",e);const a="rowGroups"===e?o.rowGroupFields??[]:o.columnGroupFields??[];if(0===a.length){const e=document.createElement("div");e.className="tbw-pivot-placeholder",e.textContent="Drag fields here or click to add",n.appendChild(e)}else for(const s of a)n.appendChild(v(s,e,t));return n.addEventListener("dragover",e=>{e.preventDefault(),n.classList.add("drag-over")},{signal:r}),n.addEventListener("dragleave",()=>{n.classList.remove("drag-over")},{signal:r}),n.addEventListener("drop",t=>{t.preventDefault(),n.classList.remove("drag-over");const o=t.dataTransfer?.getData("text/plain");o&&i.onAddFieldToZone(o,e)},{signal:r}),n}function v(e,t,o){const{callbacks:i,signal:r}=o,n=document.createElement("div");n.className="tbw-pivot-field-chip",n.draggable=!0;const a=i.getAvailableFields().find(t=>t.field===e),s=document.createElement("span");s.className="tbw-pivot-chip-label",s.textContent=a?.header??e;const l=document.createElement("button");return l.className="tbw-pivot-chip-remove",l.innerHTML="×",l.title="Remove field",l.addEventListener("click",o=>{o.stopPropagation(),i.onRemoveFieldFromZone(e,t)},{signal:r}),n.appendChild(s),n.appendChild(l),n.addEventListener("dragstart",o=>{o.dataTransfer?.setData("text/plain",e),o.dataTransfer?.setData("source-zone",t),n.classList.add("dragging")},{signal:r}),n.addEventListener("dragend",()=>{n.classList.remove("dragging")},{signal:r}),n}function u(e,t){const{callbacks:o,signal:i}=t,r=document.createElement("div");r.className="tbw-pivot-field-chip tbw-pivot-value-chip";const n=o.getAvailableFields().find(t=>t.field===e.field),a=document.createElement("div");a.className="tbw-pivot-value-label-wrapper";const s=document.createElement("span");s.className="tbw-pivot-chip-label",s.textContent=n?.header??e.field;const l=document.createElement("select");l.className="tbw-pivot-agg-select",l.title="Aggregation function";for(const p of d){const t=document.createElement("option");t.value=p,t.textContent=p.toUpperCase(),t.selected=p===e.aggFunc,l.appendChild(t)}l.addEventListener("change",()=>{o.onUpdateValueAggFunc(e.field,l.value)},{signal:i});const c=document.createElement("button");return c.className="tbw-pivot-chip-remove",c.innerHTML="×",c.title="Remove value field",c.addEventListener("click",t=>{t.stopPropagation(),o.onRemoveValueField(e.field)},{signal:i}),a.appendChild(s),a.appendChild(l),r.appendChild(a),r.appendChild(c),r}function h(e,t,o,i){const r=document.createElement("label");r.className="tbw-pivot-checkbox";const n=document.createElement("input");n.type="checkbox",n.checked=t,n.addEventListener("change",()=>o(n.checked),{signal:i});const a=document.createElement("span");return a.textContent=e,r.appendChild(n),r.appendChild(a),r}class b extends t.BaseGridPlugin{name="pivot";styles='@layer tbw-plugins{.pivot-group-row{display:grid;grid-template-columns:var(--tbw-column-template);font-weight:600;background:var(--tbw-pivot-group-bg, var(--tbw-color-row-alt));min-height:var(--tbw-row-height);border-bottom:var(--tbw-row-divider)}.pivot-group-row:hover{background:var(--tbw-pivot-group-hover, var(--tbw-color-row-hover))}.pivot-leaf-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-pivot-leaf-bg, var(--tbw-color-bg));min-height:var(--tbw-row-height);border-bottom:var(--tbw-row-divider)}.pivot-grand-total-row{display:grid;grid-template-columns:var(--tbw-column-template);font-weight:700;background:var(--tbw-pivot-grand-total-bg, var(--tbw-color-header-bg));min-height:var(--tbw-row-height);border-top:2px solid var(--tbw-color-border-strong)}.pivot-grand-total-row>.cell{display:flex;align-items:center;padding:var(--tbw-cell-padding);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}.pivot-grand-total-row>.cell:last-child{border-right:0}.pivot-grand-total-footer{position:sticky;bottom:0;z-index:var(--tbw-z-layer-pinned-rows, 20);background:var(--tbw-pivot-grand-total-bg, var(--tbw-color-header-bg));min-width:fit-content}.pivot-group-row>.cell,.pivot-leaf-row>.cell{display:flex;align-items:center;padding:var(--tbw-cell-padding);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}.pivot-group-row>.cell:last-child,.pivot-leaf-row>.cell:last-child{border-right:0}.pivot-toggle{display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-pivot-toggle-size, var(--tbw-toggle-size, 1.25em));height:var(--tbw-pivot-toggle-size, var(--tbw-toggle-size, 1.25em));margin-right:var(--tbw-spacing-sm, .375em);border:none;background:transparent;cursor:pointer;color:var(--tbw-pivot-toggle-color, var(--tbw-color-fg-muted));border-radius:var(--tbw-border-radius);transition:background var(--tbw-transition-duration, .12s) var(--tbw-transition-ease, ease),color var(--tbw-transition-duration, .12s) var(--tbw-transition-ease, ease)}.pivot-toggle:hover{background:var(--tbw-pivot-toggle-hover-bg, var(--tbw-color-row-hover));color:var(--tbw-pivot-toggle-hover-color, var(--tbw-color-fg))}.pivot-toggle:focus{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}.pivot-label{font-weight:inherit}.pivot-count{color:var(--tbw-pivot-count-color, var(--tbw-color-fg-muted));font-size:.9em;font-weight:400}.pivot-total-row{font-weight:700;border-top:2px solid var(--tbw-pivot-border, var(--tbw-color-border-strong))}[data-pivot-depth="1"]{--tbw-pivot-depth: 1}[data-pivot-depth="2"]{--tbw-pivot-depth: 2}[data-pivot-depth="3"]{--tbw-pivot-depth: 3}[data-pivot-depth="4"]{--tbw-pivot-depth: 4}.tbw-pivot-panel{display:flex;flex-direction:column;gap:var(--tbw-panel-padding, var(--tbw-spacing-lg, .75rem));padding:var(--tbw-panel-padding, var(--tbw-spacing-lg, .75rem));height:100%;overflow-y:auto;font-size:var(--tbw-font-size-sm, .8125rem)}.tbw-pivot-section{border:1px solid var(--tbw-pivot-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius);background:var(--tbw-pivot-section-bg, var(--tbw-color-bg))}.tbw-pivot-section-header{padding:var(--tbw-button-padding, var(--tbw-spacing-md, .5rem) var(--tbw-spacing-lg, .75rem));font-weight:600;background:var(--tbw-pivot-header-bg, var(--tbw-color-header-bg));border-bottom:1px solid var(--tbw-pivot-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius) var(--tbw-border-radius) 0 0}.tbw-pivot-section-content{padding:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.tbw-pivot-toggle-wrapper{display:flex;align-items:center}.tbw-pivot-toggle-label{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));cursor:pointer}.tbw-pivot-toggle-label input{width:var(--tbw-icon-size, 1rem);height:var(--tbw-icon-size, 1rem);cursor:pointer}.tbw-pivot-drop-zone{min-height:60px;padding:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));border:2px dashed var(--tbw-pivot-drop-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius);background:var(--tbw-pivot-drop-bg, var(--tbw-color-row-alt));display:flex;flex-wrap:wrap;gap:var(--tbw-spacing-sm, .375rem);align-content:flex-start;transition:all .15s ease}.tbw-pivot-drop-zone.drag-over{border-color:var(--tbw-color-accent);background:var(--tbw-pivot-drop-active, var(--tbw-focus-background))}.tbw-pivot-placeholder{color:var(--tbw-color-fg-muted);font-style:italic;padding:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));text-align:center;width:100%}.tbw-pivot-field-chip{display:inline-flex;align-items:center;gap:var(--tbw-spacing-sm, .375rem);padding:var(--tbw-button-padding-sm, var(--tbw-spacing-xs, .25rem) var(--tbw-spacing-md, .5rem));background:var(--tbw-pivot-chip-bg, var(--tbw-color-header-bg));border:1px solid var(--tbw-pivot-chip-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius);cursor:grab;font-size:var(--tbw-font-size-xs, .75rem);transition:all .15s ease}.tbw-pivot-field-chip:hover{background:var(--tbw-pivot-chip-hover, var(--tbw-color-row-hover));border-color:var(--tbw-color-accent)}.tbw-pivot-field-chip.available{background:var(--tbw-color-bg)}.tbw-pivot-field-chip.dragging{opacity:.5;cursor:grabbing}.tbw-pivot-chip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.tbw-pivot-chip-remove{display:flex;align-items:center;justify-content:center;width:var(--tbw-icon-size, 1rem);height:var(--tbw-icon-size, 1rem);padding:0;border:none;background:transparent;color:var(--tbw-color-fg-muted);font-size:var(--tbw-font-size-sm, .875rem);font-weight:700;cursor:pointer;border-radius:50%;transition:all .15s ease}.tbw-pivot-chip-remove:hover{background:var(--tbw-pivot-chip-remove-hover-bg, var(--tbw-color-accent));color:var(--tbw-pivot-chip-remove-hover-fg, var(--tbw-color-accent-fg))}.tbw-pivot-value-chip{padding:var(--tbw-button-padding-sm, var(--tbw-spacing-xs, .25rem) var(--tbw-spacing-md, .5rem))}.tbw-pivot-value-label-wrapper{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));flex:1;min-width:0}.tbw-pivot-agg-select{padding:var(--tbw-spacing-xs, .125rem) var(--tbw-spacing-xs, .25rem);font-size:var(--tbw-font-size-xs, .6875rem);border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);background:var(--tbw-color-bg);cursor:pointer}.tbw-pivot-available-fields{display:flex;flex-wrap:wrap;gap:var(--tbw-spacing-sm, .375rem);min-height:40px}.tbw-pivot-options{display:flex;flex-direction:column;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.tbw-pivot-checkbox{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));cursor:pointer}.tbw-pivot-checkbox input{width:var(--tbw-icon-size-sm, .875rem);height:var(--tbw-icon-size-sm, .875rem);cursor:pointer}.pivot-group-row.tbw-pivot-slide-in,.pivot-leaf-row.tbw-pivot-slide-in{animation:tbw-pivot-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-pivot-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.pivot-group-row.tbw-pivot-fade-in,.pivot-leaf-row.tbw-pivot-fade-in{animation:tbw-pivot-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-pivot-fade-in{0%{opacity:0}to{opacity:1}}}';static PANEL_ID="pivot";get defaultConfig(){return{active:!0,showTotals:!0,showGrandTotal:!0,showToolPanel:!0,animation:"slide"}}isActive=!1;hasInitialized=!1;pivotResult=null;fieldHeaderMap=new Map;expandedKeys=new Set;defaultExpanded=!0;userHasToggledExpand=!1;originalColumns=[];panelContainer=null;grandTotalFooter=null;previousVisibleKeys=new Set;keysToAnimate=new Set;hasValidPivotConfig(){return(this.config.valueFields?.length??0)>0}get animationStyle(){return!!this.isAnimationEnabled&&(this.config.animation??"slide")}detach(){this.isActive=!1,this.hasInitialized=!1,this.pivotResult=null,this.fieldHeaderMap.clear(),this.originalColumns=[],this.panelContainer=null,this.cleanupGrandTotalFooter(),this.previousVisibleKeys.clear(),this.keysToAnimate.clear(),this.userHasToggledExpand=!1}getToolPanel(){if(!1!==(this.config?.showToolPanel??this.userConfig?.showToolPanel??!0))return{id:b.PANEL_ID,title:"Pivot",icon:"⊞",tooltip:"Configure pivot table",order:90,render:e=>this.renderPanel(e)}}processRows(e){if(!this.hasInitialized&&!1!==this.config.active&&this.hasValidPivotConfig()&&(this.hasInitialized=!0,this.isActive=!0),!this.isActive)return[...e];const t=function(e){const t=[];return e.rowGroupFields?.length||e.columnGroupFields?.length||t.push("At least one row or column group field is required"),e.valueFields?.length||t.push("At least one value field is required"),t}(this.config);if(t.length>0)return this.warn(`Config errors: ${t.join(", ")}`),[...e];this.buildFieldHeaderMap(),this.defaultExpanded=this.config.defaultExpanded??!0,this.pivotResult=n(e,this.config),0===this.expandedKeys.size&&this.defaultExpanded&&!this.userHasToggledExpand&&this.expandAllKeys();const o=this.config.indentWidth??20,i=function(e,t,o=!0){const i=[];function r(e){i.push(e);const n=t?t.has(e.rowKey):o;if(e.children&&n)for(const t of e.children)r(t)}for(const n of e)r(n);return i}(this.pivotResult.rows,this.expandedKeys,this.defaultExpanded).map(e=>({__pivotRowKey:e.rowKey,__pivotLabel:e.rowLabel,__pivotDepth:e.depth,__pivotIsGroup:e.isGroup,__pivotHasChildren:Boolean(e.children?.length),__pivotExpanded:this.expandedKeys.has(e.rowKey),__pivotRowCount:e.rowCount??0,__pivotIndent:e.depth*o,__pivotTotal:e.total,...e.values}));this.keysToAnimate.clear();const r=new Set;for(const n of i){const e=n.__pivotRowKey;r.add(e),!this.previousVisibleKeys.has(e)&&n.__pivotDepth>0&&this.keysToAnimate.add(e)}return this.previousVisibleKeys=r,i}processColumns(e){if(!this.isActive||!this.pivotResult)return[...e];const t=[],o=(this.config.rowGroupFields??[]).map(e=>this.fieldHeaderMap.get(e)??e).join(" / ");t.push({field:"__pivotLabel",header:o||"Group",width:200});for(const i of this.pivotResult.columnKeys)for(const e of this.config.valueFields??[]){const o=r([i],e.field),n=e.header||this.fieldHeaderMap.get(e.field)||e.field;t.push({field:o,header:`${i} - ${n} (${e.aggFunc})`,width:120,type:"number"})}return this.config.showTotals&&t.push({field:"__pivotTotal",header:"Total",width:100,type:"number"}),t}renderRow(e,t,o){const i=e;return i.__pivotRowKey&&i.__pivotHasChildren?function(e,t,o){return t.className="data-grid-row pivot-group-row",t.setAttribute("data-pivot-depth",String(e.__pivotDepth??0)),t.setAttribute("data-pivot-key",String(e.__pivotRowKey??"")),t.setAttribute("role","row"),t.innerHTML="",o.columns.forEach((i,r)=>{const n=document.createElement("div");if(n.className="cell",n.setAttribute("data-col",String(r)),n.setAttribute("data-row",String(o.rowIndex)),n.setAttribute("role","gridcell"),0===r){const t=Number(e.__pivotIndent)||0;n.style.paddingLeft=`${t}px`;const i=String(e.__pivotRowKey),r=document.createElement("button");r.type="button",r.className="pivot-toggle",r.setAttribute("aria-label",e.__pivotExpanded?"Collapse group":"Expand group"),o.setIcon(r,o.resolveIcon(e.__pivotExpanded?"collapse":"expand")),r.addEventListener("click",e=>{e.stopPropagation(),o.onToggle(i)}),n.appendChild(r);const a=document.createElement("span");a.className="pivot-label",a.textContent=String(e.__pivotLabel??""),n.appendChild(a);const s=document.createElement("span");s.className="pivot-count",s.textContent=` (${Number(e.__pivotRowCount)||0})`,n.appendChild(s)}else{const t=e[i.field];n.textContent=null!=t?String(t):""}t.appendChild(n)}),!0}(i,t,{columns:this.gridColumns,rowIndex:o,onToggle:e=>this.toggle(e),resolveIcon:e=>this.resolveIcon(e),setIcon:(e,t)=>this.setIcon(e,t)}):void 0!==i.__pivotRowKey&&this.isActive?function(e,t,o,i){return t.className="data-grid-row pivot-leaf-row",t.setAttribute("data-pivot-depth",String(e.__pivotDepth??0)),t.setAttribute("data-pivot-key",String(e.__pivotRowKey??"")),t.innerHTML="",o.forEach((o,r)=>{const n=document.createElement("div");if(n.className="cell",n.setAttribute("data-col",String(r)),n.setAttribute("data-row",String(i)),n.setAttribute("role","gridcell"),0===r){const t=Number(e.__pivotIndent)||0;n.style.paddingLeft=`${t+20}px`;const o=document.createElement("span");o.className="pivot-label",o.textContent=String(e.__pivotLabel??""),n.appendChild(o)}else{const t=e[o.field];n.textContent=null!=t?String(t):""}t.appendChild(n)}),!0}(i,t,this.gridColumns,o):(this.cleanupPivotStyling(t),!1)}cleanupPivotStyling(e){(e.classList.contains("pivot-group-row")||e.classList.contains("pivot-leaf-row")||e.classList.contains("pivot-grand-total-row"))&&(e.classList.remove("pivot-group-row","pivot-leaf-row","pivot-grand-total-row"),e.classList.add("data-grid-row"),e.removeAttribute("data-pivot-depth"),e.innerHTML="")}onKeyDown(e){if(" "!==e.key)return;if(!this.isActive)return;const t=this.grid._focusRow,o=this.rows[t];return o?.__pivotIsGroup&&o.__pivotHasChildren?(e.preventDefault(),this.toggle(o.__pivotRowKey),this.requestRenderWithFocus(),!0):void 0}afterRender(){this.isActive&&this.config.showGrandTotal&&this.pivotResult?this.renderGrandTotalFooter():this.cleanupGrandTotalFooter();const e=this.animationStyle;if(!1===e||0===this.keysToAnimate.size)return;const t=this.gridElement?.querySelector(".rows");if(!t)return;const o="fade"===e?"tbw-pivot-fade-in":"tbw-pivot-slide-in";for(const i of t.querySelectorAll(".pivot-group-row, .pivot-leaf-row")){const e=i.dataset.pivotKey;e&&this.keysToAnimate.has(e)&&(i.classList.add(o),i.addEventListener("animationend",()=>i.classList.remove(o),{once:!0}))}this.keysToAnimate.clear()}renderGrandTotalFooter(){if(!this.pivotResult)return;const e=this.gridElement;if(!e)return;const t=e.querySelector(".tbw-scroll-area")??e.querySelector(".tbw-grid-content")??e.children[0];if(!t)return;this.grandTotalFooter||(this.grandTotalFooter=document.createElement("div"),this.grandTotalFooter.className="pivot-grand-total-footer",t.appendChild(this.grandTotalFooter));const o={__pivotRowKey:"__grandTotal",__pivotLabel:"Grand Total",__pivotIsGrandTotal:!0,__pivotTotal:this.pivotResult.grandTotal,...this.pivotResult.totals};var i,r,n;i=o,r=this.grandTotalFooter,n=this.gridColumns,r.className="pivot-grand-total-row",r.setAttribute("role","presentation"),r.innerHTML="",n.forEach((e,t)=>{const o=document.createElement("div");if(o.className="cell",o.setAttribute("data-col",String(t)),0===t){const e=document.createElement("span");e.className="pivot-label",e.textContent="Grand Total",o.appendChild(e)}else{const t=i[e.field];o.textContent=null!=t?String(t):""}r.appendChild(o)})}cleanupGrandTotalFooter(){this.grandTotalFooter&&(this.grandTotalFooter.remove(),this.grandTotalFooter=null)}toggle(e){this.userHasToggledExpand=!0,this.expandedKeys.has(e)?this.expandedKeys.delete(e):this.expandedKeys.add(e),this.requestRender()}expand(e){this.userHasToggledExpand=!0,this.expandedKeys.add(e),this.requestRender()}collapse(e){this.userHasToggledExpand=!0,this.expandedKeys.delete(e),this.requestRender()}expandAll(){this.userHasToggledExpand=!0,this.expandAllKeys(),this.requestRender()}collapseAll(){this.userHasToggledExpand=!0,this.expandedKeys.clear(),this.requestRender()}expandAllKeys(){if(!this.pivotResult)return;const e=function(e){const t=[];function o(e){if(e.isGroup&&t.push(e.rowKey),e.children)for(const t of e.children)o(t)}for(const i of e)o(i);return t}(this.pivotResult.rows);for(const t of e)this.expandedKeys.add(t)}isExpanded(e){return this.expandedKeys.has(e)}enablePivot(){0===this.originalColumns.length&&this.captureOriginalColumns(),this.isActive=!0,this.requestRender()}disablePivot(){this.isActive=!1,this.pivotResult=null,this.requestRender()}isPivotActive(){return this.isActive}getPivotResult(){return this.pivotResult}setRowGroupFields(e){this.config.rowGroupFields=e,this.requestRender()}setColumnGroupFields(e){this.config.columnGroupFields=e,this.requestRender()}setValueFields(e){this.config.valueFields=e,this.requestRender()}refresh(){this.pivotResult=null,this.requestRender()}showPanel(){this.grid.openToolPanel(),this.grid.expandedToolPanelSections.includes(b.PANEL_ID)||this.grid.toggleToolPanelSection(b.PANEL_ID)}hidePanel(){this.grid.closeToolPanel()}togglePanel(){this.grid.isToolPanelOpen||this.grid.openToolPanel(),this.grid.toggleToolPanelSection(b.PANEL_ID)}isPanelVisible(){return this.grid.isToolPanelOpen&&this.grid.expandedToolPanelSections.includes(b.PANEL_ID)}get gridColumns(){return this.grid.columns??[]}refreshIfActive(){this.isActive&&this.refresh(),this.refreshPanel()}buildFieldHeaderMap(){const e=this.getAvailableFields();this.fieldHeaderMap.clear();for(const t of e)this.fieldHeaderMap.set(t.field,t.header)}getAvailableFields(){return this.originalColumns.length>0?this.originalColumns:this.captureOriginalColumns()}captureOriginalColumns(){try{const e=this.grid.getAllColumns?.()??this.grid.columns??[];return this.originalColumns=e.filter(e=>!e.field.startsWith("__pivot")).map(e=>({field:e.field,header:e.header??e.field})),this.originalColumns}catch{return[]}}renderPanel(e){this.panelContainer=e,0===this.originalColumns.length&&this.captureOriginalColumns();const t={onTogglePivot:e=>{e?this.enablePivot():this.disablePivot(),this.refreshPanel()},onAddFieldToZone:(e,t)=>this.addFieldToZone(e,t),onRemoveFieldFromZone:(e,t)=>this.removeFieldFromZone(e,t),onAddValueField:(e,t)=>this.addValueField(e,t),onRemoveValueField:e=>this.removeValueField(e),onUpdateValueAggFunc:(e,t)=>this.updateValueAggFunc(e,t),onOptionChange:(e,t)=>{this.config[e]=t,this.isActive&&this.refresh()},getAvailableFields:()=>this.getAvailableFields()};return c(e,this.config,this.isActive,t)}refreshPanel(){this.panelContainer&&(this.panelContainer.innerHTML="",this.renderPanel(this.panelContainer))}addFieldToZone(e,t){if("rowGroups"===t){const t=this.config.rowGroupFields??[];t.includes(e)||(this.config.rowGroupFields=[...t,e])}else{const t=this.config.columnGroupFields??[];t.includes(e)||(this.config.columnGroupFields=[...t,e])}this.removeFromOtherZones(e,t),this.refreshIfActive()}removeFieldFromZone(e,t){"rowGroups"===t?this.config.rowGroupFields=(this.config.rowGroupFields??[]).filter(t=>t!==e):this.config.columnGroupFields=(this.config.columnGroupFields??[]).filter(t=>t!==e),this.refreshIfActive()}removeFromOtherZones(e,t){"rowGroups"!==t&&(this.config.rowGroupFields=(this.config.rowGroupFields??[]).filter(t=>t!==e)),"columnGroups"!==t&&(this.config.columnGroupFields=(this.config.columnGroupFields??[]).filter(t=>t!==e)),"values"!==t&&(this.config.valueFields=(this.config.valueFields??[]).filter(t=>t.field!==e))}addValueField(e,t){const o=this.config.valueFields??[];o.some(t=>t.field===e)||(this.config.valueFields=[...o,{field:e,aggFunc:t}]),this.removeFromOtherZones(e,"values"),this.refreshIfActive()}removeValueField(e){this.config.valueFields=(this.config.valueFields??[]).filter(t=>t.field!==e),this.refreshIfActive()}updateValueAggFunc(e,t){const o=this.config.valueFields??[],i=o.findIndex(t=>t.field===e);i>=0&&(o[i]={...o[i],aggFunc:t},this.config.valueFields=[...o]),this.isActive&&this.refresh()}}e.PivotPlugin=b,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../../core/plugin/base-plugin"),require("../../core/internal/aggregators")):"function"==typeof define&&define.amd?define(["exports","../../core/plugin/base-plugin","../../core/internal/aggregators"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).TbwGridPlugin_pivot={},e.TbwGrid,e.TbwGrid)}(this,function(e,t,o){"use strict";const i=o.getValueAggregator;function r(e,t){return[...e,t].join("|")}function n(e,t){const o=t.rowGroupFields??[],i=t.columnGroupFields??[],n=t.valueFields??[],s=function(e,t){if(0===t.length)return["value"];const o=new Set;for(const i of e){const e=t.map(e=>String(i[e]??"")).join("|");o.add(e)}return[...o].sort()}(e,i),l=a(e,o,i,s,n,0,""),d=function(e,t,o){const i={};function n(e){for(const a of e)if(a.isGroup&&a.children?.length)a.children&&n(a.children);else for(const e of t)for(const t of o){const o=r([e],t.field);i[o]=(i[o]??0)+(a.values[o]??0)}}return n(e),i}(l,s,n);return{rows:l,columnKeys:s,totals:d,grandTotal:Object.values(d).reduce((e,t)=>e+t,0)}}function a(e,t,o,i,r,n,d){const c=[];if(0===t.length){const t=s(e,o,i,r),a=l(t);return c.push({rowKey:d||"all",rowLabel:d||"All",depth:n,values:t,total:a,isGroup:!1,rowCount:e.length}),c}const p=t[0],g=t.slice(1),v=g.length>0,u=function(e,t){const o=new Map;for(const i of e){const e=String(i[t]??""),r=o.get(e);r?r.push(i):o.set(e,[i])}return o}(e,p);for(const[h,b]of u){const e=d?`${d}|${h}`:h,t=s(b,o,i,r),p=l(t);let u;v&&(u=a(b,g,o,i,r,n+1,e)),c.push({rowKey:e,rowLabel:h||"(blank)",depth:n,values:t,total:p,isGroup:v,children:u,rowCount:b.length})}return c}function s(e,t,o,n){const a={};for(const s of o)for(const o of n){const n=(t.length>0?e.filter(e=>t.map(t=>String(e[t]??"")).join("|")===s):e).map(e=>Number(e[o.field])||0),l=i(o.aggFunc),d=n.length>0?l(n):null;a[r([s],o.field)]=d}return a}function l(e){let t=0;for(const o of Object.values(e))t+=o??0;return t}const d=["sum","avg","count","min","max","first","last"];function c(e,t,o,i){const r=new AbortController,n={config:t,callbacks:i,signal:r.signal},a=document.createElement("div");return a.className="tbw-pivot-panel",a.appendChild(p("Options",()=>function(e,t){const{config:o,callbacks:i,signal:r}=t,n=document.createElement("div");return n.className="tbw-pivot-options",n.appendChild(h("Enable Pivot View",e,e=>{i.onTogglePivot(e)},r)),n.appendChild(h("Show Row Totals",o.showTotals??!0,e=>{i.onOptionChange("showTotals",e)},r)),n.appendChild(h("Show Grand Total",o.showGrandTotal??!0,e=>{i.onOptionChange("showGrandTotal",e)},r)),n}(o,n))),a.appendChild(p("Row Groups",()=>g("rowGroups",n))),a.appendChild(p("Column Groups",()=>g("columnGroups",n))),a.appendChild(p("Values",()=>function(e){const{config:t,callbacks:o,signal:i}=e,r=document.createElement("div");r.className="tbw-pivot-drop-zone tbw-pivot-values-zone",r.setAttribute("data-zone","values");const n=t.valueFields??[];if(0===n.length){const e=document.createElement("div");e.className="tbw-pivot-placeholder",e.textContent="Drag numeric fields here for aggregation",r.appendChild(e)}else for(const a of n)r.appendChild(u(a,e));return r.addEventListener("dragover",e=>{e.preventDefault(),r.classList.add("drag-over")},{signal:i}),r.addEventListener("dragleave",()=>{r.classList.remove("drag-over")},{signal:i}),r.addEventListener("drop",e=>{e.preventDefault(),r.classList.remove("drag-over");const t=e.dataTransfer?.getData("text/plain");t&&o.onAddValueField(t,"sum")},{signal:i}),r}(n))),a.appendChild(p("Available Fields",()=>function(e){const{config:t,callbacks:o,signal:i}=e,r=document.createElement("div");r.className="tbw-pivot-available-fields";const n=o.getAvailableFields(),a=new Set([...t.rowGroupFields??[],...t.columnGroupFields??[],...t.valueFields?.map(e=>e.field)??[]]),s=n.filter(e=>!a.has(e.field));if(0===s.length){const e=document.createElement("div");e.className="tbw-pivot-placeholder",e.textContent="All fields are in use",r.appendChild(e)}else for(const l of s){const e=document.createElement("div");e.className="tbw-pivot-field-chip available",e.textContent=l.header,e.draggable=!0,e.title=`Drag to add "${l.field}" to a zone`,e.addEventListener("dragstart",t=>{t.dataTransfer?.setData("text/plain",l.field),e.classList.add("dragging")},{signal:i}),e.addEventListener("dragend",()=>{e.classList.remove("dragging")},{signal:i}),r.appendChild(e)}return r}(n))),e.appendChild(a),()=>{r.abort(),a.remove()}}function p(e,t){const o=document.createElement("div");o.className="tbw-pivot-section";const i=document.createElement("div");i.className="tbw-pivot-section-header",i.textContent=e;const r=document.createElement("div");return r.className="tbw-pivot-section-content",r.appendChild(t()),o.appendChild(i),o.appendChild(r),o}function g(e,t){const{config:o,callbacks:i,signal:r}=t,n=document.createElement("div");n.className="tbw-pivot-drop-zone",n.setAttribute("data-zone",e);const a="rowGroups"===e?o.rowGroupFields??[]:o.columnGroupFields??[];if(0===a.length){const e=document.createElement("div");e.className="tbw-pivot-placeholder",e.textContent="Drag fields here or click to add",n.appendChild(e)}else for(const s of a)n.appendChild(v(s,e,t));return n.addEventListener("dragover",e=>{e.preventDefault(),n.classList.add("drag-over")},{signal:r}),n.addEventListener("dragleave",()=>{n.classList.remove("drag-over")},{signal:r}),n.addEventListener("drop",t=>{t.preventDefault(),n.classList.remove("drag-over");const o=t.dataTransfer?.getData("text/plain");o&&i.onAddFieldToZone(o,e)},{signal:r}),n}function v(e,t,o){const{callbacks:i,signal:r}=o,n=document.createElement("div");n.className="tbw-pivot-field-chip",n.draggable=!0;const a=i.getAvailableFields().find(t=>t.field===e),s=document.createElement("span");s.className="tbw-pivot-chip-label",s.textContent=a?.header??e;const l=document.createElement("button");return l.className="tbw-pivot-chip-remove",l.innerHTML="×",l.title="Remove field",l.addEventListener("click",o=>{o.stopPropagation(),i.onRemoveFieldFromZone(e,t)},{signal:r}),n.appendChild(s),n.appendChild(l),n.addEventListener("dragstart",o=>{o.dataTransfer?.setData("text/plain",e),o.dataTransfer?.setData("source-zone",t),n.classList.add("dragging")},{signal:r}),n.addEventListener("dragend",()=>{n.classList.remove("dragging")},{signal:r}),n}function u(e,t){const{callbacks:o,signal:i}=t,r=document.createElement("div");r.className="tbw-pivot-field-chip tbw-pivot-value-chip";const n=o.getAvailableFields().find(t=>t.field===e.field),a=document.createElement("div");a.className="tbw-pivot-value-label-wrapper";const s=document.createElement("span");s.className="tbw-pivot-chip-label",s.textContent=n?.header??e.field;const l=document.createElement("select");l.className="tbw-pivot-agg-select",l.title="Aggregation function";for(const p of d){const t=document.createElement("option");t.value=p,t.textContent=p.toUpperCase(),t.selected=p===e.aggFunc,l.appendChild(t)}l.addEventListener("change",()=>{o.onUpdateValueAggFunc(e.field,l.value)},{signal:i});const c=document.createElement("button");return c.className="tbw-pivot-chip-remove",c.innerHTML="×",c.title="Remove value field",c.addEventListener("click",t=>{t.stopPropagation(),o.onRemoveValueField(e.field)},{signal:i}),a.appendChild(s),a.appendChild(l),r.appendChild(a),r.appendChild(c),r}function h(e,t,o,i){const r=document.createElement("label");r.className="tbw-pivot-checkbox";const n=document.createElement("input");n.type="checkbox",n.checked=t,n.addEventListener("change",()=>o(n.checked),{signal:i});const a=document.createElement("span");return a.textContent=e,r.appendChild(n),r.appendChild(a),r}class b extends t.BaseGridPlugin{static manifest={incompatibleWith:[{name:"groupingRows",reason:"PivotPlugin creates its own aggregated row and column structure. Row grouping cannot be applied on top of pivot-generated rows."},{name:"tree",reason:"PivotPlugin replaces the entire row and column structure with aggregated pivot data. Tree hierarchy cannot coexist with pivot aggregation."},{name:"serverSide",reason:"PivotPlugin requires the full dataset to compute aggregations. ServerSidePlugin lazy-loads rows in blocks, so pivot aggregation cannot be performed client-side."}]};name="pivot";styles='@layer tbw-plugins{.pivot-group-row{display:grid;grid-template-columns:var(--tbw-column-template);font-weight:600;background:var(--tbw-pivot-group-bg, var(--tbw-color-row-alt));min-height:var(--tbw-row-height);border-bottom:var(--tbw-row-divider)}.pivot-group-row:hover{background:var(--tbw-pivot-group-hover, var(--tbw-color-row-hover))}.pivot-leaf-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-pivot-leaf-bg, var(--tbw-color-bg));min-height:var(--tbw-row-height);border-bottom:var(--tbw-row-divider)}.pivot-grand-total-row{display:grid;grid-template-columns:var(--tbw-column-template);font-weight:700;background:var(--tbw-pivot-grand-total-bg, var(--tbw-color-header-bg));min-height:var(--tbw-row-height);border-top:2px solid var(--tbw-color-border-strong)}.pivot-grand-total-row>.cell{display:flex;align-items:center;padding:var(--tbw-cell-padding);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}.pivot-grand-total-row>.cell:last-child{border-right:0}.pivot-grand-total-footer{position:sticky;bottom:0;z-index:var(--tbw-z-layer-pinned-rows, 20);background:var(--tbw-pivot-grand-total-bg, var(--tbw-color-header-bg));min-width:fit-content}.pivot-group-row>.cell,.pivot-leaf-row>.cell{display:flex;align-items:center;padding:var(--tbw-cell-padding);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}.pivot-group-row>.cell:last-child,.pivot-leaf-row>.cell:last-child{border-right:0}.pivot-toggle{display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-pivot-toggle-size, var(--tbw-toggle-size, 1.25em));height:var(--tbw-pivot-toggle-size, var(--tbw-toggle-size, 1.25em));margin-right:var(--tbw-spacing-sm, .375em);border:none;background:transparent;cursor:pointer;color:var(--tbw-pivot-toggle-color, var(--tbw-color-fg-muted));border-radius:var(--tbw-border-radius);transition:background var(--tbw-transition-duration, .12s) var(--tbw-transition-ease, ease),color var(--tbw-transition-duration, .12s) var(--tbw-transition-ease, ease)}.pivot-toggle:hover{background:var(--tbw-pivot-toggle-hover-bg, var(--tbw-color-row-hover));color:var(--tbw-pivot-toggle-hover-color, var(--tbw-color-fg))}.pivot-toggle:focus{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}.pivot-label{font-weight:inherit}.pivot-count{color:var(--tbw-pivot-count-color, var(--tbw-color-fg-muted));font-size:.9em;font-weight:400}.pivot-total-row{font-weight:700;border-top:2px solid var(--tbw-pivot-border, var(--tbw-color-border-strong))}[data-pivot-depth="1"]{--tbw-pivot-depth: 1}[data-pivot-depth="2"]{--tbw-pivot-depth: 2}[data-pivot-depth="3"]{--tbw-pivot-depth: 3}[data-pivot-depth="4"]{--tbw-pivot-depth: 4}.tbw-pivot-panel{display:flex;flex-direction:column;gap:var(--tbw-panel-padding, var(--tbw-spacing-lg, .75rem));padding:var(--tbw-panel-padding, var(--tbw-spacing-lg, .75rem));height:100%;overflow-y:auto;font-size:var(--tbw-font-size-sm, .8125rem)}.tbw-pivot-section{border:1px solid var(--tbw-pivot-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius);background:var(--tbw-pivot-section-bg, var(--tbw-color-bg))}.tbw-pivot-section-header{padding:var(--tbw-button-padding, var(--tbw-spacing-md, .5rem) var(--tbw-spacing-lg, .75rem));font-weight:600;background:var(--tbw-pivot-header-bg, var(--tbw-color-header-bg));border-bottom:1px solid var(--tbw-pivot-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius) var(--tbw-border-radius) 0 0}.tbw-pivot-section-content{padding:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.tbw-pivot-toggle-wrapper{display:flex;align-items:center}.tbw-pivot-toggle-label{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));cursor:pointer}.tbw-pivot-toggle-label input{width:var(--tbw-icon-size, 1rem);height:var(--tbw-icon-size, 1rem);cursor:pointer}.tbw-pivot-drop-zone{min-height:60px;padding:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));border:2px dashed var(--tbw-pivot-drop-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius);background:var(--tbw-pivot-drop-bg, var(--tbw-color-row-alt));display:flex;flex-wrap:wrap;gap:var(--tbw-spacing-sm, .375rem);align-content:flex-start;transition:all .15s ease}.tbw-pivot-drop-zone.drag-over{border-color:var(--tbw-color-accent);background:var(--tbw-pivot-drop-active, var(--tbw-focus-background))}.tbw-pivot-placeholder{color:var(--tbw-color-fg-muted);font-style:italic;padding:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));text-align:center;width:100%}.tbw-pivot-field-chip{display:inline-flex;align-items:center;gap:var(--tbw-spacing-sm, .375rem);padding:var(--tbw-button-padding-sm, var(--tbw-spacing-xs, .25rem) var(--tbw-spacing-md, .5rem));background:var(--tbw-pivot-chip-bg, var(--tbw-color-header-bg));border:1px solid var(--tbw-pivot-chip-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius);cursor:grab;font-size:var(--tbw-font-size-xs, .75rem);transition:all .15s ease}.tbw-pivot-field-chip:hover{background:var(--tbw-pivot-chip-hover, var(--tbw-color-row-hover));border-color:var(--tbw-color-accent)}.tbw-pivot-field-chip.available{background:var(--tbw-color-bg)}.tbw-pivot-field-chip.dragging{opacity:.5;cursor:grabbing}.tbw-pivot-chip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.tbw-pivot-chip-remove{display:flex;align-items:center;justify-content:center;width:var(--tbw-icon-size, 1rem);height:var(--tbw-icon-size, 1rem);padding:0;border:none;background:transparent;color:var(--tbw-color-fg-muted);font-size:var(--tbw-font-size-sm, .875rem);font-weight:700;cursor:pointer;border-radius:50%;transition:all .15s ease}.tbw-pivot-chip-remove:hover{background:var(--tbw-pivot-chip-remove-hover-bg, var(--tbw-color-accent));color:var(--tbw-pivot-chip-remove-hover-fg, var(--tbw-color-accent-fg))}.tbw-pivot-value-chip{padding:var(--tbw-button-padding-sm, var(--tbw-spacing-xs, .25rem) var(--tbw-spacing-md, .5rem))}.tbw-pivot-value-label-wrapper{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));flex:1;min-width:0}.tbw-pivot-agg-select{padding:var(--tbw-spacing-xs, .125rem) var(--tbw-spacing-xs, .25rem);font-size:var(--tbw-font-size-xs, .6875rem);border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);background:var(--tbw-color-bg);cursor:pointer}.tbw-pivot-available-fields{display:flex;flex-wrap:wrap;gap:var(--tbw-spacing-sm, .375rem);min-height:40px}.tbw-pivot-options{display:flex;flex-direction:column;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.tbw-pivot-checkbox{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));cursor:pointer}.tbw-pivot-checkbox input{width:var(--tbw-icon-size-sm, .875rem);height:var(--tbw-icon-size-sm, .875rem);cursor:pointer}.pivot-group-row.tbw-pivot-slide-in,.pivot-leaf-row.tbw-pivot-slide-in{animation:tbw-pivot-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-pivot-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.pivot-group-row.tbw-pivot-fade-in,.pivot-leaf-row.tbw-pivot-fade-in{animation:tbw-pivot-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-pivot-fade-in{0%{opacity:0}to{opacity:1}}}';static PANEL_ID="pivot";get defaultConfig(){return{active:!0,showTotals:!0,showGrandTotal:!0,showToolPanel:!0,animation:"slide"}}isActive=!1;hasInitialized=!1;pivotResult=null;fieldHeaderMap=new Map;expandedKeys=new Set;defaultExpanded=!0;userHasToggledExpand=!1;originalColumns=[];panelContainer=null;grandTotalFooter=null;previousVisibleKeys=new Set;keysToAnimate=new Set;hasValidPivotConfig(){return(this.config.valueFields?.length??0)>0}get animationStyle(){return!!this.isAnimationEnabled&&(this.config.animation??"slide")}detach(){this.isActive=!1,this.hasInitialized=!1,this.pivotResult=null,this.fieldHeaderMap.clear(),this.originalColumns=[],this.panelContainer=null,this.cleanupGrandTotalFooter(),this.previousVisibleKeys.clear(),this.keysToAnimate.clear(),this.userHasToggledExpand=!1}getToolPanel(){if(!1!==(this.config?.showToolPanel??this.userConfig?.showToolPanel??!0))return{id:b.PANEL_ID,title:"Pivot",icon:"⊞",tooltip:"Configure pivot table",order:90,render:e=>this.renderPanel(e)}}processRows(e){if(!this.hasInitialized&&!1!==this.config.active&&this.hasValidPivotConfig()&&(this.hasInitialized=!0,this.isActive=!0),!this.isActive)return[...e];const t=function(e){const t=[];return e.rowGroupFields?.length||e.columnGroupFields?.length||t.push("At least one row or column group field is required"),e.valueFields?.length||t.push("At least one value field is required"),t}(this.config);if(t.length>0)return this.warn(`Config errors: ${t.join(", ")}`),[...e];this.buildFieldHeaderMap(),this.defaultExpanded=this.config.defaultExpanded??!0,this.pivotResult=n(e,this.config),0===this.expandedKeys.size&&this.defaultExpanded&&!this.userHasToggledExpand&&this.expandAllKeys();const o=this.config.indentWidth??20,i=function(e,t,o=!0){const i=[];function r(e){i.push(e);const n=t?t.has(e.rowKey):o;if(e.children&&n)for(const t of e.children)r(t)}for(const n of e)r(n);return i}(this.pivotResult.rows,this.expandedKeys,this.defaultExpanded).map(e=>({__pivotRowKey:e.rowKey,__pivotLabel:e.rowLabel,__pivotDepth:e.depth,__pivotIsGroup:e.isGroup,__pivotHasChildren:Boolean(e.children?.length),__pivotExpanded:this.expandedKeys.has(e.rowKey),__pivotRowCount:e.rowCount??0,__pivotIndent:e.depth*o,__pivotTotal:e.total,...e.values}));this.keysToAnimate.clear();const r=new Set;for(const n of i){const e=n.__pivotRowKey;r.add(e),!this.previousVisibleKeys.has(e)&&n.__pivotDepth>0&&this.keysToAnimate.add(e)}return this.previousVisibleKeys=r,i}processColumns(e){if(!this.isActive||!this.pivotResult)return[...e];const t=[],o=(this.config.rowGroupFields??[]).map(e=>this.fieldHeaderMap.get(e)??e).join(" / ");t.push({field:"__pivotLabel",header:o||"Group",width:200});for(const i of this.pivotResult.columnKeys)for(const e of this.config.valueFields??[]){const o=r([i],e.field),n=e.header||this.fieldHeaderMap.get(e.field)||e.field;t.push({field:o,header:`${i} - ${n} (${e.aggFunc})`,width:120,type:"number"})}return this.config.showTotals&&t.push({field:"__pivotTotal",header:"Total",width:100,type:"number"}),t}renderRow(e,t,o){const i=e;return i.__pivotRowKey&&i.__pivotHasChildren?function(e,t,o){return t.className="data-grid-row pivot-group-row",t.setAttribute("data-pivot-depth",String(e.__pivotDepth??0)),t.setAttribute("data-pivot-key",String(e.__pivotRowKey??"")),t.setAttribute("role","row"),t.innerHTML="",o.columns.forEach((i,r)=>{const n=document.createElement("div");if(n.className="cell",n.setAttribute("data-col",String(r)),n.setAttribute("data-row",String(o.rowIndex)),n.setAttribute("role","gridcell"),0===r){const t=Number(e.__pivotIndent)||0;n.style.paddingLeft=`${t}px`;const i=String(e.__pivotRowKey),r=document.createElement("button");r.type="button",r.className="pivot-toggle",r.setAttribute("aria-label",e.__pivotExpanded?"Collapse group":"Expand group"),o.setIcon(r,o.resolveIcon(e.__pivotExpanded?"collapse":"expand")),r.addEventListener("click",e=>{e.stopPropagation(),o.onToggle(i)}),n.appendChild(r);const a=document.createElement("span");a.className="pivot-label",a.textContent=String(e.__pivotLabel??""),n.appendChild(a);const s=document.createElement("span");s.className="pivot-count",s.textContent=` (${Number(e.__pivotRowCount)||0})`,n.appendChild(s)}else{const t=e[i.field];n.textContent=null!=t?String(t):""}t.appendChild(n)}),!0}(i,t,{columns:this.gridColumns,rowIndex:o,onToggle:e=>this.toggle(e),resolveIcon:e=>this.resolveIcon(e),setIcon:(e,t)=>this.setIcon(e,t)}):void 0!==i.__pivotRowKey&&this.isActive?function(e,t,o,i){return t.className="data-grid-row pivot-leaf-row",t.setAttribute("data-pivot-depth",String(e.__pivotDepth??0)),t.setAttribute("data-pivot-key",String(e.__pivotRowKey??"")),t.innerHTML="",o.forEach((o,r)=>{const n=document.createElement("div");if(n.className="cell",n.setAttribute("data-col",String(r)),n.setAttribute("data-row",String(i)),n.setAttribute("role","gridcell"),0===r){const t=Number(e.__pivotIndent)||0;n.style.paddingLeft=`${t+20}px`;const o=document.createElement("span");o.className="pivot-label",o.textContent=String(e.__pivotLabel??""),n.appendChild(o)}else{const t=e[o.field];n.textContent=null!=t?String(t):""}t.appendChild(n)}),!0}(i,t,this.gridColumns,o):(this.cleanupPivotStyling(t),!1)}cleanupPivotStyling(e){(e.classList.contains("pivot-group-row")||e.classList.contains("pivot-leaf-row")||e.classList.contains("pivot-grand-total-row"))&&(e.classList.remove("pivot-group-row","pivot-leaf-row","pivot-grand-total-row"),e.classList.add("data-grid-row"),e.removeAttribute("data-pivot-depth"),e.innerHTML="")}onKeyDown(e){if(" "!==e.key)return;if(!this.isActive)return;const t=this.grid._focusRow,o=this.rows[t];return o?.__pivotIsGroup&&o.__pivotHasChildren?(e.preventDefault(),this.toggle(o.__pivotRowKey),this.requestRenderWithFocus(),!0):void 0}afterRender(){this.isActive&&this.config.showGrandTotal&&this.pivotResult?this.renderGrandTotalFooter():this.cleanupGrandTotalFooter();const e=this.animationStyle;if(!1===e||0===this.keysToAnimate.size)return;const t=this.gridElement?.querySelector(".rows");if(!t)return;const o="fade"===e?"tbw-pivot-fade-in":"tbw-pivot-slide-in";for(const i of t.querySelectorAll(".pivot-group-row, .pivot-leaf-row")){const e=i.dataset.pivotKey;e&&this.keysToAnimate.has(e)&&(i.classList.add(o),i.addEventListener("animationend",()=>i.classList.remove(o),{once:!0}))}this.keysToAnimate.clear()}renderGrandTotalFooter(){if(!this.pivotResult)return;const e=this.gridElement;if(!e)return;const t=e.querySelector(".tbw-scroll-area")??e.querySelector(".tbw-grid-content")??e.querySelector(".tbw-grid-root");if(!t)return;this.grandTotalFooter||(this.grandTotalFooter=document.createElement("div"),this.grandTotalFooter.className="pivot-grand-total-footer",t.appendChild(this.grandTotalFooter));const o={__pivotRowKey:"__grandTotal",__pivotLabel:"Grand Total",__pivotIsGrandTotal:!0,__pivotTotal:this.pivotResult.grandTotal,...this.pivotResult.totals};var i,r,n;i=o,r=this.grandTotalFooter,n=this.gridColumns,r.className="pivot-grand-total-row",r.setAttribute("role","presentation"),r.innerHTML="",n.forEach((e,t)=>{const o=document.createElement("div");if(o.className="cell",o.setAttribute("data-col",String(t)),0===t){const e=document.createElement("span");e.className="pivot-label",e.textContent="Grand Total",o.appendChild(e)}else{const t=i[e.field];o.textContent=null!=t?String(t):""}r.appendChild(o)})}cleanupGrandTotalFooter(){this.grandTotalFooter&&(this.grandTotalFooter.remove(),this.grandTotalFooter=null)}toggle(e){this.userHasToggledExpand=!0,this.expandedKeys.has(e)?this.expandedKeys.delete(e):this.expandedKeys.add(e),this.requestRender()}expand(e){this.userHasToggledExpand=!0,this.expandedKeys.add(e),this.requestRender()}collapse(e){this.userHasToggledExpand=!0,this.expandedKeys.delete(e),this.requestRender()}expandAll(){this.userHasToggledExpand=!0,this.expandAllKeys(),this.requestRender()}collapseAll(){this.userHasToggledExpand=!0,this.expandedKeys.clear(),this.requestRender()}expandAllKeys(){if(!this.pivotResult)return;const e=function(e){const t=[];function o(e){if(e.isGroup&&t.push(e.rowKey),e.children)for(const t of e.children)o(t)}for(const i of e)o(i);return t}(this.pivotResult.rows);for(const t of e)this.expandedKeys.add(t)}isExpanded(e){return this.expandedKeys.has(e)}enablePivot(){0===this.originalColumns.length&&this.captureOriginalColumns(),this.isActive=!0,this.requestRender()}disablePivot(){this.isActive=!1,this.pivotResult=null,this.requestRender()}isPivotActive(){return this.isActive}getPivotResult(){return this.pivotResult}setRowGroupFields(e){this.config.rowGroupFields=e,this.requestRender()}setColumnGroupFields(e){this.config.columnGroupFields=e,this.requestRender()}setValueFields(e){this.config.valueFields=e,this.requestRender()}refresh(){this.pivotResult=null,this.requestRender()}showPanel(){this.grid.openToolPanel(),this.grid.expandedToolPanelSections.includes(b.PANEL_ID)||this.grid.toggleToolPanelSection(b.PANEL_ID)}hidePanel(){this.grid.closeToolPanel()}togglePanel(){this.grid.isToolPanelOpen||this.grid.openToolPanel(),this.grid.toggleToolPanelSection(b.PANEL_ID)}isPanelVisible(){return this.grid.isToolPanelOpen&&this.grid.expandedToolPanelSections.includes(b.PANEL_ID)}get gridColumns(){return this.grid.columns??[]}refreshIfActive(){this.isActive&&this.refresh(),this.refreshPanel()}buildFieldHeaderMap(){const e=this.getAvailableFields();this.fieldHeaderMap.clear();for(const t of e)this.fieldHeaderMap.set(t.field,t.header)}getAvailableFields(){return this.originalColumns.length>0?this.originalColumns:this.captureOriginalColumns()}captureOriginalColumns(){try{const e=this.grid.getAllColumns?.()??this.grid.columns??[];return this.originalColumns=e.filter(e=>!e.field.startsWith("__pivot")).map(e=>({field:e.field,header:e.header??e.field})),this.originalColumns}catch{return[]}}renderPanel(e){this.panelContainer=e,0===this.originalColumns.length&&this.captureOriginalColumns();const t={onTogglePivot:e=>{e?this.enablePivot():this.disablePivot(),this.refreshPanel()},onAddFieldToZone:(e,t)=>this.addFieldToZone(e,t),onRemoveFieldFromZone:(e,t)=>this.removeFieldFromZone(e,t),onAddValueField:(e,t)=>this.addValueField(e,t),onRemoveValueField:e=>this.removeValueField(e),onUpdateValueAggFunc:(e,t)=>this.updateValueAggFunc(e,t),onOptionChange:(e,t)=>{this.config[e]=t,this.isActive&&this.refresh()},getAvailableFields:()=>this.getAvailableFields()};return c(e,this.config,this.isActive,t)}refreshPanel(){this.panelContainer&&(this.panelContainer.innerHTML="",this.renderPanel(this.panelContainer))}addFieldToZone(e,t){if("rowGroups"===t){const t=this.config.rowGroupFields??[];t.includes(e)||(this.config.rowGroupFields=[...t,e])}else{const t=this.config.columnGroupFields??[];t.includes(e)||(this.config.columnGroupFields=[...t,e])}this.removeFromOtherZones(e,t),this.refreshIfActive()}removeFieldFromZone(e,t){"rowGroups"===t?this.config.rowGroupFields=(this.config.rowGroupFields??[]).filter(t=>t!==e):this.config.columnGroupFields=(this.config.columnGroupFields??[]).filter(t=>t!==e),this.refreshIfActive()}removeFromOtherZones(e,t){"rowGroups"!==t&&(this.config.rowGroupFields=(this.config.rowGroupFields??[]).filter(t=>t!==e)),"columnGroups"!==t&&(this.config.columnGroupFields=(this.config.columnGroupFields??[]).filter(t=>t!==e)),"values"!==t&&(this.config.valueFields=(this.config.valueFields??[]).filter(t=>t.field!==e))}addValueField(e,t){const o=this.config.valueFields??[];o.some(t=>t.field===e)||(this.config.valueFields=[...o,{field:e,aggFunc:t}]),this.removeFromOtherZones(e,"values"),this.refreshIfActive()}removeValueField(e){this.config.valueFields=(this.config.valueFields??[]).filter(t=>t.field!==e),this.refreshIfActive()}updateValueAggFunc(e,t){const o=this.config.valueFields??[],i=o.findIndex(t=>t.field===e);i>=0&&(o[i]={...o[i],aggFunc:t},this.config.valueFields=[...o]),this.isActive&&this.refresh()}}e.PivotPlugin=b,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=pivot.umd.js.map