@toolbox-web/grid 3.9.1 → 3.10.0

package/lib/plugins/column-virtualization/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../../libs/grid/src/lib/plugins/column-virtualization/column-virtualization.ts","../../../../../../libs/grid/src/lib/plugins/column-virtualization/column-virtualization-plugin.ts"],"sourcesContent":["/**\n * Column Virtualization Core Logic\n *\n * Pure functions for horizontal column virtualization operations.\n */\n\nimport type { ColumnConfig } from '../../core/types';\nimport type { ColumnVirtualizationViewport } from './types';\n\n/** Default column width when not specified */\nconst DEFAULT_COLUMN_WIDTH = 100;\n\n/**\n * Parse a column width value to pixels.\n * Handles number (px) and string formats.\n *\n * @param width - The width value from column config\n * @returns Width in pixels\n */\nexport function parseColumnWidth(width: string | number | undefined): number {\n  if (width === undefined || width === null) {\n    return DEFAULT_COLUMN_WIDTH;\n  }\n\n  if (typeof width === 'number') {\n    return width;\n  }\n\n  // Handle string values - extract numeric part\n  const numeric = parseFloat(width);\n  if (!isNaN(numeric)) {\n    return numeric;\n  }\n\n  return DEFAULT_COLUMN_WIDTH;\n}\n\n/**\n * Get array of column widths in pixels.\n *\n * @param columns - Column configurations\n * @returns Array of widths in pixels\n */\nexport function getColumnWidths(columns: readonly ColumnConfig[]): number[] {\n  return columns.map((col) => parseColumnWidth(col.width));\n}\n\n/**\n * Compute cumulative left offsets for each column.\n *\n * @param columns - Column configurations\n * @returns Array of left offsets in pixels\n */\nexport function computeColumnOffsets(columns: readonly ColumnConfig[]): number[] {\n  const offsets: number[] = [];\n  let offset = 0;\n\n  for (const col of columns) {\n    offsets.push(offset);\n    offset += parseColumnWidth(col.width);\n  }\n\n  return offsets;\n}\n\n/**\n * Compute total width of all columns.\n *\n * @param columns - Column configurations\n * @returns Total width in pixels\n */\nexport function computeTotalWidth(columns: readonly ColumnConfig[]): number {\n  return columns.reduce((sum, col) => sum + parseColumnWidth(col.width), 0);\n}\n\n/**\n * Find the visible column range based on scroll position.\n * Uses binary search for efficient lookup in large column sets.\n *\n * @param scrollLeft - Current horizontal scroll position\n * @param viewportWidth - Width of the visible viewport\n * @param columnOffsets - Array of column left offsets\n * @param columnWidths - Array of column widths\n * @param overscan - Number of extra columns to render on each side\n * @returns Viewport information with visible column indices\n */\nexport function getVisibleColumnRange(\n  scrollLeft: number,\n  viewportWidth: number,\n  columnOffsets: number[],\n  columnWidths: number[],\n  overscan: number\n): ColumnVirtualizationViewport {\n  const columnCount = columnOffsets.length;\n\n  if (columnCount === 0) {\n    return { startCol: 0, endCol: 0, visibleColumns: [] };\n  }\n\n  // Binary search for first visible column\n  let startCol = binarySearchFirstVisible(scrollLeft, columnOffsets, columnWidths);\n  startCol = Math.max(0, startCol - overscan);\n\n  // Find last visible column (without overscan first)\n  const rightEdge = scrollLeft + viewportWidth;\n  let endCol = startCol;\n\n  for (let i = startCol; i < columnCount; i++) {\n    if (columnOffsets[i] >= rightEdge) {\n      endCol = i - 1;\n      break;\n    }\n    endCol = i;\n  }\n\n  // Apply overscan to end (only once)\n  endCol = Math.min(columnCount - 1, endCol + overscan);\n\n  // Build array of visible column indices\n  const visibleColumns: number[] = [];\n  for (let i = startCol; i <= endCol; i++) {\n    visibleColumns.push(i);\n  }\n\n  return { startCol, endCol, visibleColumns };\n}\n\n/**\n * Binary search to find the first column that is visible.\n *\n * @param scrollLeft - Current scroll position\n * @param columnOffsets - Array of column offsets\n * @param columnWidths - Array of column widths\n * @returns Index of first visible column\n */\nfunction binarySearchFirstVisible(scrollLeft: number, columnOffsets: number[], columnWidths: number[]): number {\n  let low = 0;\n  let high = columnOffsets.length - 1;\n\n  while (low < high) {\n    const mid = Math.floor((low + high) / 2);\n    const colRight = columnOffsets[mid] + columnWidths[mid];\n\n    if (colRight <= scrollLeft) {\n      low = mid + 1;\n    } else {\n      high = mid;\n    }\n  }\n\n  return low;\n}\n\n/**\n * Determine if column virtualization should be active.\n *\n * @param columnCount - Number of columns\n * @param threshold - Column count threshold\n * @param autoEnable - Whether auto-enable is configured\n * @returns True if virtualization should be active\n */\nexport function shouldVirtualize(columnCount: number, threshold: number, autoEnable: boolean): boolean {\n  if (!autoEnable) return false;\n  return columnCount > threshold;\n}\n","/**\n * Column Virtualization Plugin (Class-based)\n *\n * Provides horizontal column virtualization for grids with many columns.\n * Significantly improves rendering performance when dealing with >30 columns.\n */\n\nimport { BaseGridPlugin, ScrollEvent } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig } from '../../core/types';\nimport {\n  computeColumnOffsets,\n  computeTotalWidth,\n  getColumnWidths,\n  getVisibleColumnRange,\n  shouldVirtualize,\n} from './column-virtualization';\nimport type { ColumnVirtualizationConfig } from './types';\n\n/**\n * Column Virtualization Plugin for tbw-grid\n *\n * Provides horizontal column virtualization for grids with many columns (30+).\n * Only renders visible columns plus overscan, significantly improving rendering\n * performance for wide grids.\n *\n * ## Installation\n *\n * ```ts\n * import { ColumnVirtualizationPlugin } from '@toolbox-web/grid/plugins/column-virtualization';\n * ```\n *\n * ## Requirements\n *\n * - Grid must use `fitMode: 'fixed'`\n * - Columns must have explicit widths\n * - Grid must have fixed height\n *\n * @example Wide Grid with Column Virtualization\n * ```ts\n * import '@toolbox-web/grid';\n * import { ColumnVirtualizationPlugin } from '@toolbox-web/grid/plugins/column-virtualization';\n *\n * grid.gridConfig = {\n *   columns: generateManyColumns(100), // 100 columns\n *   fitMode: 'fixed',                  // Required\n *   plugins: [\n *     new ColumnVirtualizationPlugin({\n *       threshold: 30,  // Enable when >30 columns\n *       overscan: 3,    // Render 3 extra columns each side\n *     }),\n *   ],\n * };\n * ```\n *\n * @see {@link ColumnVirtualizationConfig} for configuration options\n *\n * @internal Extends BaseGridPlugin\n * @since 0.1.1\n */\nexport class ColumnVirtualizationPlugin extends BaseGridPlugin<ColumnVirtualizationConfig> {\n  /** @internal */\n  readonly name = 'columnVirtualization';\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<ColumnVirtualizationConfig> {\n    return {\n      autoEnable: true,\n      threshold: 30,\n      overscan: 3,\n    };\n  }\n\n  // #region Internal State\n  private isVirtualized = false;\n  private startCol = 0;\n  private endCol = 0;\n  private scrollLeft = 0;\n  private totalWidth = 0;\n  private columnWidths: number[] = [];\n  private columnOffsets: number[] = [];\n  /** Store the original full column set for virtualization calculations */\n  private originalColumns: readonly ColumnConfig[] = [];\n  // #endregion\n\n  // #region Lifecycle\n\n  /** @internal */\n  override attach(grid: import('../../core/plugin/base-plugin').GridElement): void {\n    super.attach(grid);\n\n    // Initialize state from current columns\n    const columns = this.columns;\n    this.columnWidths = getColumnWidths(columns);\n    this.columnOffsets = computeColumnOffsets(columns);\n    this.totalWidth = computeTotalWidth(columns);\n    this.endCol = columns.length - 1;\n  }\n\n  /** @internal */\n  override detach(): void {\n    // Clean up inline styles set by this plugin\n    this.#cleanupStyles();\n\n    this.columnWidths = [];\n    this.columnOffsets = [];\n    this.originalColumns = [];\n    this.isVirtualized = false;\n    this.startCol = 0;\n    this.endCol = 0;\n    this.scrollLeft = 0;\n    this.totalWidth = 0;\n  }\n\n  /**\n   * Remove inline styles set by this plugin for proper cleanup.\n   */\n  #cleanupStyles(): void {\n    const gridEl = this.gridElement;\n    if (!gridEl) return;\n\n    const headerRow = gridEl.querySelector('.header-row') as HTMLElement | null;\n    if (headerRow) {\n      headerRow.style.paddingLeft = '';\n      headerRow.style.minWidth = '';\n    }\n\n    const bodyRows = gridEl.querySelectorAll('.data-grid-row');\n    bodyRows.forEach((row) => {\n      (row as HTMLElement).style.paddingLeft = '';\n    });\n\n    const rowsContainer = gridEl.querySelector('.rows-viewport .rows') as HTMLElement | null;\n    if (rowsContainer) {\n      rowsContainer.style.width = '';\n    }\n\n    const rowsBody = gridEl.querySelector('.rows-body') as HTMLElement | null;\n    if (rowsBody) {\n      rowsBody.style.minWidth = '';\n    }\n  }\n  // #endregion\n\n  // #region Hooks\n\n  /** @internal */\n  override processColumns(columns: readonly ColumnConfig[]): ColumnConfig[] {\n    // Detect if this is a new column set or just a scroll-triggered re-render.\n    // We consider it \"new\" if:\n    // 1. We don't have any stored yet (first time)\n    // 2. Incoming has AS MANY OR MORE columns than we stored (genuine new config)\n    //    When virtualization is active, our output is a SUBSET (fewer columns),\n    //    so a scroll-triggered re-render will have fewer columns than originalColumns.\n    //    When virtualization is off, our output has the same count as originalColumns,\n    //    but any config change (e.g., pinning a column) also has the same count.\n    //    Using >= ensures we pick up property-only changes (like adding `pinned`).\n    const isNewColumnSet = this.originalColumns.length === 0 || columns.length >= this.originalColumns.length;\n\n    if (isNewColumnSet) {\n      // Store the full column set\n      this.originalColumns = columns;\n      this.columnWidths = getColumnWidths(columns);\n      this.columnOffsets = computeColumnOffsets(columns);\n      this.totalWidth = computeTotalWidth(columns);\n    }\n\n    // Use the original (full) column set for virtualization decisions\n    const fullColumns = this.originalColumns;\n    const isVirtualized = shouldVirtualize(\n      fullColumns.length,\n      this.config.threshold ?? 30,\n      this.config.autoEnable ?? true,\n    );\n\n    this.isVirtualized = isVirtualized ?? false;\n\n    if (!isVirtualized) {\n      this.startCol = 0;\n      this.endCol = fullColumns.length - 1;\n      return [...fullColumns];\n    }\n\n    // Get viewport width from grid element\n    const viewportWidth = this.grid?.clientWidth || 800;\n    const viewport = getVisibleColumnRange(\n      this.scrollLeft,\n      viewportWidth,\n      this.columnOffsets,\n      this.columnWidths,\n      this.config.overscan ?? 3,\n    );\n\n    this.startCol = viewport.startCol;\n    this.endCol = viewport.endCol;\n\n    // Return only visible columns from the ORIGINAL full set\n    return viewport.visibleColumns.map((i) => fullColumns[i]);\n  }\n\n  /** @internal */\n  override afterRender(): void {\n    if (!this.isVirtualized) return;\n\n    const gridEl = this.gridElement;\n    if (!gridEl) return;\n\n    // Apply left padding to offset scrolled-out columns\n    const leftPadding = this.columnOffsets[this.startCol] ?? 0;\n\n    const headerRow = gridEl.querySelector('.header-row') as HTMLElement | null;\n    const bodyRows = gridEl.querySelectorAll('.data-grid-row');\n\n    if (headerRow) {\n      headerRow.style.paddingLeft = `${leftPadding}px`;\n      // Set min-width on header row to enable horizontal scrolling\n      headerRow.style.minWidth = `${this.totalWidth}px`;\n    }\n\n    bodyRows.forEach((row) => {\n      (row as HTMLElement).style.paddingLeft = `${leftPadding}px`;\n    });\n\n    // Set total width for horizontal scrolling on the rows container\n    const rowsContainer = gridEl.querySelector('.rows-viewport .rows') as HTMLElement | null;\n    if (rowsContainer) {\n      rowsContainer.style.width = `${this.totalWidth}px`;\n    }\n\n    // Also set min-width on .rows-body to ensure the scroll container knows the total scrollable width\n    const rowsBody = gridEl.querySelector('.rows-body') as HTMLElement | null;\n    if (rowsBody) {\n      rowsBody.style.minWidth = `${this.totalWidth}px`;\n    }\n  }\n\n  /** @internal */\n  override onScroll(event: ScrollEvent): void {\n    if (!this.isVirtualized) return;\n\n    // Check if horizontal scroll position changed significantly\n    const scrollDelta = Math.abs(event.scrollLeft - this.scrollLeft);\n    if (scrollDelta < 1) return;\n\n    // Update scroll position\n    this.scrollLeft = event.scrollLeft;\n\n    // Recalculate visible columns and request re-render\n    // Must use requestColumnsRender() to trigger COLUMNS phase (processColumns hook)\n    // requestRender() only requests ROWS phase which doesn't reprocess columns\n    this.requestColumnsRender();\n  }\n  // #endregion\n\n  // #region Public API\n\n  /**\n   * Check if column virtualization is currently active.\n   */\n  getIsVirtualized(): boolean {\n    return this.isVirtualized;\n  }\n\n  /**\n   * Get the current visible column range.\n   */\n  getVisibleColumnRange(): { start: number; end: number } {\n    return { start: this.startCol, end: this.endCol };\n  }\n\n  /**\n   * Scroll the grid to bring a specific column into view.\n   * @param columnIndex - Index of the column to scroll to\n   */\n  scrollToColumn(columnIndex: number): void {\n    const offset = this.columnOffsets[columnIndex] ?? 0;\n    const gridEl = this.gridElement;\n    // Scroll the grid element itself (it's the scroll container)\n    if (gridEl) gridEl.scrollLeft = offset;\n  }\n\n  /**\n   * Get the left offset for a specific column.\n   * @param columnIndex - Index of the column\n   */\n  getColumnOffset(columnIndex: number): number {\n    return this.columnOffsets[columnIndex] ?? 0;\n  }\n\n  /**\n   * Get the total width of all columns.\n   */\n  getTotalWidth(): number {\n    return this.totalWidth;\n  }\n  // #endregion\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["BaseGridPlugin","parseColumnWidth","width","numeric","parseFloat","isNaN","getColumnWidths","columns","map","col","computeColumnOffsets","offsets","offset","push","computeTotalWidth","reduce","sum","getVisibleColumnRange","scrollLeft","viewportWidth","columnOffsets","columnWidths","overscan","columnCount","length","startCol","endCol","visibleColumns","low","high","mid","Math","floor","binarySearchFirstVisible","max","rightEdge","i","min","ColumnVirtualizationPlugin","name","defaultConfig","autoEnable","threshold","isVirtualized","totalWidth","originalColumns","attach","grid","super","this","detach","cleanupStyles","gridEl","gridElement","headerRow","querySelector","style","paddingLeft","minWidth","querySelectorAll","forEach","row","rowsContainer","rowsBody","processColumns","fullColumns","config","clientWidth","viewport","afterRender","leftPadding","bodyRows","onScroll","event","abs","requestColumnsRender","getIsVirtualized","start","end","scrollToColumn","columnIndex","getColumnOffset","getTotalWidth"],"sources":["../../../../../../libs/grid/src/lib/plugins/column-virtualization/column-virtualization.ts","../../../../../../libs/grid/src/lib/plugins/column-virtualization/column-virtualization-plugin.ts"],"sourcesContent":["/**\n * Column Virtualization Core Logic\n *\n * Pure functions for horizontal column virtualization operations.\n */\n\nimport type { ColumnConfig } from '../../core/types';\nimport type { ColumnVirtualizationViewport } from './types';\n\n/** Default column width when not specified */\nconst DEFAULT_COLUMN_WIDTH = 100;\n\n/**\n * Parse a column width value to pixels.\n * Handles number (px) and string formats.\n *\n * @param width - The width value from column config\n * @returns Width in pixels\n */\nexport function parseColumnWidth(width: string | number | undefined): number {\n  if (width === undefined || width === null) {\n    return DEFAULT_COLUMN_WIDTH;\n  }\n\n  if (typeof width === 'number') {\n    return width;\n  }\n\n  // Handle string values - extract numeric part\n  const numeric = parseFloat(width);\n  if (!isNaN(numeric)) {\n    return numeric;\n  }\n\n  return DEFAULT_COLUMN_WIDTH;\n}\n\n/**\n * Get array of column widths in pixels.\n *\n * @param columns - Column configurations\n * @returns Array of widths in pixels\n */\nexport function getColumnWidths(columns: readonly ColumnConfig[]): number[] {\n  return columns.map((col) => parseColumnWidth(col.width));\n}\n\n/**\n * Compute cumulative left offsets for each column.\n *\n * @param columns - Column configurations\n * @returns Array of left offsets in pixels\n */\nexport function computeColumnOffsets(columns: readonly ColumnConfig[]): number[] {\n  const offsets: number[] = [];\n  let offset = 0;\n\n  for (const col of columns) {\n    offsets.push(offset);\n    offset += parseColumnWidth(col.width);\n  }\n\n  return offsets;\n}\n\n/**\n * Compute total width of all columns.\n *\n * @param columns - Column configurations\n * @returns Total width in pixels\n */\nexport function computeTotalWidth(columns: readonly ColumnConfig[]): number {\n  return columns.reduce((sum, col) => sum + parseColumnWidth(col.width), 0);\n}\n\n/**\n * Find the visible column range based on scroll position.\n * Uses binary search for efficient lookup in large column sets.\n *\n * @param scrollLeft - Current horizontal scroll position\n * @param viewportWidth - Width of the visible viewport\n * @param columnOffsets - Array of column left offsets\n * @param columnWidths - Array of column widths\n * @param overscan - Number of extra columns to render on each side\n * @returns Viewport information with visible column indices\n */\nexport function getVisibleColumnRange(\n  scrollLeft: number,\n  viewportWidth: number,\n  columnOffsets: number[],\n  columnWidths: number[],\n  overscan: number\n): ColumnVirtualizationViewport {\n  const columnCount = columnOffsets.length;\n\n  if (columnCount === 0) {\n    return { startCol: 0, endCol: 0, visibleColumns: [] };\n  }\n\n  // Binary search for first visible column\n  let startCol = binarySearchFirstVisible(scrollLeft, columnOffsets, columnWidths);\n  startCol = Math.max(0, startCol - overscan);\n\n  // Find last visible column (without overscan first)\n  const rightEdge = scrollLeft + viewportWidth;\n  let endCol = startCol;\n\n  for (let i = startCol; i < columnCount; i++) {\n    if (columnOffsets[i] >= rightEdge) {\n      endCol = i - 1;\n      break;\n    }\n    endCol = i;\n  }\n\n  // Apply overscan to end (only once)\n  endCol = Math.min(columnCount - 1, endCol + overscan);\n\n  // Build array of visible column indices\n  const visibleColumns: number[] = [];\n  for (let i = startCol; i <= endCol; i++) {\n    visibleColumns.push(i);\n  }\n\n  return { startCol, endCol, visibleColumns };\n}\n\n/**\n * Binary search to find the first column that is visible.\n *\n * @param scrollLeft - Current scroll position\n * @param columnOffsets - Array of column offsets\n * @param columnWidths - Array of column widths\n * @returns Index of first visible column\n */\nfunction binarySearchFirstVisible(scrollLeft: number, columnOffsets: number[], columnWidths: number[]): number {\n  let low = 0;\n  let high = columnOffsets.length - 1;\n\n  while (low < high) {\n    const mid = Math.floor((low + high) / 2);\n    const colRight = columnOffsets[mid] + columnWidths[mid];\n\n    if (colRight <= scrollLeft) {\n      low = mid + 1;\n    } else {\n      high = mid;\n    }\n  }\n\n  return low;\n}\n\n/**\n * Determine if column virtualization should be active.\n *\n * @param columnCount - Number of columns\n * @param threshold - Column count threshold\n * @param autoEnable - Whether auto-enable is configured\n * @returns True if virtualization should be active\n */\nexport function shouldVirtualize(columnCount: number, threshold: number, autoEnable: boolean): boolean {\n  if (!autoEnable) return false;\n  return columnCount > threshold;\n}\n","/**\n * Column Virtualization Plugin (Class-based)\n *\n * Provides horizontal column virtualization for grids with many columns.\n * Significantly improves rendering performance when dealing with >30 columns.\n */\n\nimport { BaseGridPlugin, ScrollEvent } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig } from '../../core/types';\nimport {\n  computeColumnOffsets,\n  computeTotalWidth,\n  getColumnWidths,\n  getVisibleColumnRange,\n  shouldVirtualize,\n} from './column-virtualization';\nimport type { ColumnVirtualizationConfig } from './types';\n\n/**\n * Column Virtualization Plugin for tbw-grid\n *\n * Provides horizontal column virtualization for grids with many columns (30+).\n * Only renders visible columns plus overscan, significantly improving rendering\n * performance for wide grids.\n *\n * ## Installation\n *\n * ```ts\n * import { ColumnVirtualizationPlugin } from '@toolbox-web/grid/plugins/column-virtualization';\n * ```\n *\n * ## Requirements\n *\n * - Grid must use `fitMode: 'fixed'`\n * - Columns must have explicit widths\n * - Grid must have fixed height\n *\n * @example Wide Grid with Column Virtualization\n * ```ts\n * import '@toolbox-web/grid';\n * import { ColumnVirtualizationPlugin } from '@toolbox-web/grid/plugins/column-virtualization';\n *\n * grid.gridConfig = {\n *   columns: generateManyColumns(100), // 100 columns\n *   fitMode: 'fixed',                  // Required\n *   plugins: [\n *     new ColumnVirtualizationPlugin({\n *       threshold: 30,  // Enable when >30 columns\n *       overscan: 3,    // Render 3 extra columns each side\n *     }),\n *   ],\n * };\n * ```\n *\n * @see {@link ColumnVirtualizationConfig} for configuration options\n *\n * @internal Extends BaseGridPlugin\n * @since 0.1.1\n */\nexport class ColumnVirtualizationPlugin extends BaseGridPlugin<ColumnVirtualizationConfig> {\n  /** @internal */\n  readonly name = 'columnVirtualization';\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<ColumnVirtualizationConfig> {\n    return {\n      autoEnable: true,\n      threshold: 30,\n      overscan: 3,\n    };\n  }\n\n  // #region Internal State\n  private isVirtualized = false;\n  private startCol = 0;\n  private endCol = 0;\n  private scrollLeft = 0;\n  private totalWidth = 0;\n  private columnWidths: number[] = [];\n  private columnOffsets: number[] = [];\n  /** Store the original full column set for virtualization calculations */\n  private originalColumns: readonly ColumnConfig[] = [];\n  // #endregion\n\n  // #region Lifecycle\n\n  /** @internal */\n  override attach(grid: import('../../core/plugin/base-plugin').GridElement): void {\n    super.attach(grid);\n\n    // Initialize state from current columns\n    const columns = this.columns;\n    this.columnWidths = getColumnWidths(columns);\n    this.columnOffsets = computeColumnOffsets(columns);\n    this.totalWidth = computeTotalWidth(columns);\n    this.endCol = columns.length - 1;\n  }\n\n  /** @internal */\n  override detach(): void {\n    // Clean up inline styles set by this plugin\n    this.#cleanupStyles();\n\n    this.columnWidths = [];\n    this.columnOffsets = [];\n    this.originalColumns = [];\n    this.isVirtualized = false;\n    this.startCol = 0;\n    this.endCol = 0;\n    this.scrollLeft = 0;\n    this.totalWidth = 0;\n  }\n\n  /**\n   * Remove inline styles set by this plugin for proper cleanup.\n   */\n  #cleanupStyles(): void {\n    const gridEl = this.gridElement;\n    if (!gridEl) return;\n\n    const headerRow = gridEl.querySelector('.header-row') as HTMLElement | null;\n    if (headerRow) {\n      headerRow.style.paddingLeft = '';\n      headerRow.style.minWidth = '';\n    }\n\n    const bodyRows = gridEl.querySelectorAll('.data-grid-row');\n    bodyRows.forEach((row) => {\n      (row as HTMLElement).style.paddingLeft = '';\n    });\n\n    const rowsContainer = gridEl.querySelector('.rows-viewport .rows') as HTMLElement | null;\n    if (rowsContainer) {\n      rowsContainer.style.width = '';\n    }\n\n    const rowsBody = gridEl.querySelector('.rows-body') as HTMLElement | null;\n    if (rowsBody) {\n      rowsBody.style.minWidth = '';\n    }\n  }\n  // #endregion\n\n  // #region Hooks\n\n  /** @internal */\n  override processColumns(columns: readonly ColumnConfig[]): ColumnConfig[] {\n    // Detect if this is a new column set or just a scroll-triggered re-render.\n    // We consider it \"new\" if:\n    // 1. We don't have any stored yet (first time)\n    // 2. Incoming has AS MANY OR MORE columns than we stored (genuine new config)\n    //    When virtualization is active, our output is a SUBSET (fewer columns),\n    //    so a scroll-triggered re-render will have fewer columns than originalColumns.\n    //    When virtualization is off, our output has the same count as originalColumns,\n    //    but any config change (e.g., pinning a column) also has the same count.\n    //    Using >= ensures we pick up property-only changes (like adding `pinned`).\n    const isNewColumnSet = this.originalColumns.length === 0 || columns.length >= this.originalColumns.length;\n\n    if (isNewColumnSet) {\n      // Store the full column set\n      this.originalColumns = columns;\n      this.columnWidths = getColumnWidths(columns);\n      this.columnOffsets = computeColumnOffsets(columns);\n      this.totalWidth = computeTotalWidth(columns);\n    }\n\n    // Use the original (full) column set for virtualization decisions\n    const fullColumns = this.originalColumns;\n    const isVirtualized = shouldVirtualize(\n      fullColumns.length,\n      this.config.threshold ?? 30,\n      this.config.autoEnable ?? true,\n    );\n\n    this.isVirtualized = isVirtualized ?? false;\n\n    if (!isVirtualized) {\n      this.startCol = 0;\n      this.endCol = fullColumns.length - 1;\n      return [...fullColumns];\n    }\n\n    // Get viewport width from grid element\n    const viewportWidth = this.grid?.clientWidth || 800;\n    const viewport = getVisibleColumnRange(\n      this.scrollLeft,\n      viewportWidth,\n      this.columnOffsets,\n      this.columnWidths,\n      this.config.overscan ?? 3,\n    );\n\n    this.startCol = viewport.startCol;\n    this.endCol = viewport.endCol;\n\n    // Return only visible columns from the ORIGINAL full set\n    return viewport.visibleColumns.map((i) => fullColumns[i]);\n  }\n\n  /** @internal */\n  override afterRender(): void {\n    if (!this.isVirtualized) return;\n\n    const gridEl = this.gridElement;\n    if (!gridEl) return;\n\n    // Apply left padding to offset scrolled-out columns\n    const leftPadding = this.columnOffsets[this.startCol] ?? 0;\n\n    const headerRow = gridEl.querySelector('.header-row') as HTMLElement | null;\n    const bodyRows = gridEl.querySelectorAll('.data-grid-row');\n\n    if (headerRow) {\n      headerRow.style.paddingLeft = `${leftPadding}px`;\n      // Set min-width on header row to enable horizontal scrolling\n      headerRow.style.minWidth = `${this.totalWidth}px`;\n    }\n\n    bodyRows.forEach((row) => {\n      (row as HTMLElement).style.paddingLeft = `${leftPadding}px`;\n    });\n\n    // Set total width for horizontal scrolling on the rows container\n    const rowsContainer = gridEl.querySelector('.rows-viewport .rows') as HTMLElement | null;\n    if (rowsContainer) {\n      rowsContainer.style.width = `${this.totalWidth}px`;\n    }\n\n    // Also set min-width on .rows-body to ensure the scroll container knows the total scrollable width\n    const rowsBody = gridEl.querySelector('.rows-body') as HTMLElement | null;\n    if (rowsBody) {\n      rowsBody.style.minWidth = `${this.totalWidth}px`;\n    }\n  }\n\n  /** @internal */\n  override onScroll(event: ScrollEvent): void {\n    if (!this.isVirtualized) return;\n\n    // Check if horizontal scroll position changed significantly\n    const scrollDelta = Math.abs(event.scrollLeft - this.scrollLeft);\n    if (scrollDelta < 1) return;\n\n    // Update scroll position\n    this.scrollLeft = event.scrollLeft;\n\n    // Recalculate visible columns and request re-render\n    // Must use requestColumnsRender() to trigger COLUMNS phase (processColumns hook)\n    // requestRender() only requests ROWS phase which doesn't reprocess columns\n    this.requestColumnsRender();\n  }\n  // #endregion\n\n  // #region Public API\n\n  /**\n   * Check if column virtualization is currently active.\n   */\n  getIsVirtualized(): boolean {\n    return this.isVirtualized;\n  }\n\n  /**\n   * Get the current visible column range.\n   */\n  getVisibleColumnRange(): { start: number; end: number } {\n    return { start: this.startCol, end: this.endCol };\n  }\n\n  /**\n   * Scroll the grid to bring a specific column into view.\n   * @param columnIndex - Index of the column to scroll to\n   */\n  scrollToColumn(columnIndex: number): void {\n    const offset = this.columnOffsets[columnIndex] ?? 0;\n    const gridEl = this.gridElement;\n    // Scroll the grid element itself (it's the scroll container)\n    if (gridEl) gridEl.scrollLeft = offset;\n  }\n\n  /**\n   * Get the left offset for a specific column.\n   * @param columnIndex - Index of the column\n   */\n  getColumnOffset(columnIndex: number): number {\n    return this.columnOffsets[columnIndex] ?? 0;\n  }\n\n  /**\n   * Get the total width of all columns.\n   */\n  getTotalWidth(): number {\n    return this.totalWidth;\n  }\n  // #endregion\n}\n"],"mappings":"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"}

package/lib/plugins/context-menu/context-menu-plugin.d.ts

@@ -127,11 +127,16 @@ export declare class ContextMenuPlugin extends BaseGridPlugin<ContextMenuConfig>
     /** @internal */
     detach(): void;
     /**
-     * Sync selection with the right-clicked row.
-     * If the right-clicked row is already selected, keeps the multi-selection.
-     * If not, selects only the right-clicked row (standard behavior in file managers / spreadsheets).
+     * Sync the selection with the cell the menu was invoked on — identically for
+     * every invocation (mouse right-click, touch long-press, Shift+F10, the
+     * ContextMenu key, a synthesised `contextmenu`), since all of them land here.
      *
-     * @returns Sorted array of selected row indices after sync
+     * `SelectionPlugin` keeps a selection the cell is already part of (so the menu
+     * acts on all of it) and otherwise moves the selection to that row/cell, in
+     * every selection mode. Queried rather than imported for loose coupling.
+     *
+     * @returns Sorted row indices the menu acts on — `[rowIndex]` when no selection
+     * plugin is loaded or the target could not be selected (e.g. `isSelectable`).
      */
     private syncSelectionOnContextMenu;
     /**

package/lib/plugins/context-menu/index.js

@@ -1,2 +1,2 @@
-import{BaseGridPlugin as e}from"@toolbox-web/grid";var t="__otorp__|__retteGenifed__|__retteSenifed__|rotcurtsnoc|wodniw|sihTlabolg|labolg|ssecorp|noitcnuF|tropmi|lave|tcelfeR|yxorP|rorrE|stnemugra|tnemucod|noitacol|eikooc|egarotSlacol|egarotSnoisses|BDdexedni|hctef|tseuqeRpttHLMX|tekcoSbeW|rekroW|rekroWderahS|rekroWecivreS|renepo|tnerap|pot|semarf|fles".split("|").map(e=>e.split("").reverse().join("")),n=(new RegExp(`__(proto|defineGetter|defineSetter)|${t.slice(3).join("|")}|this\\b`),new Set("script|iframe|object|embed|form|input|button|textarea|select|link|meta|base|style|template|slot|portal|frame|frameset|applet|noscript|noembed|plaintext|xmp|listing|math".split("|"))),o=/^on\w+$/i,s=new Set("href|src|action|formaction|data|srcdoc|xlink:href|poster|srcset".split("|")),r=/^\s*(javascript|vbscript|data|blob):/i;function i(e){const t=document.createElement("template");return e&&"string"==typeof e&&(t.innerHTML=e,function(e){const t=[],i=e.querySelectorAll("*");for(const a of i){const e=a.tagName.toLowerCase();if(n.has(e)){t.push(a);continue}if(("svg"===e||"http://www.w3.org/2000/svg"===a.namespaceURI)&&Array.from(a.attributes).some(e=>o.test(e.name)||"href"===e.name||"xlink:href"===e.name)){t.push(a);continue}const i=[];for(const t of a.attributes){const e=t.name.toLowerCase();o.test(e)?i.push(t.name):"is"!==e?(s.has(e)&&r.test(t.value)||"style"===e&&/expression\s*\(|javascript:|behavior\s*:/i.test(t.value))&&i.push(t.name):i.push(t.name)}i.forEach(e=>a.removeAttribute(e))}t.forEach(e=>e.remove())}(t.content)),t.content}function a(e,t){t&&"string"==typeof t?-1!==t.indexOf("<")||-1!==t.indexOf("&")?e.replaceChildren(i(t)):e.textContent=t:e.replaceChildren()}function l(e){return e.replace(/([A-Z])/g,"-$1").toLowerCase()}function c(e,t){return("function"==typeof e?e(t):e).filter(e=>!0!==e.hidden&&("function"!=typeof e.hidden||!e.hidden(t)))}function u(e,t){return!0===e.disabled||"function"==typeof e.disabled&&e.disabled(t)}function d(e,t,n,o){const s=document.createElement("div");s.className="tbw-context-menu",s.setAttribute("role","menu");const r=e.some(e=>!e.separator&&e.icon);for(const i of e){if(i.separator){const e=document.createElement("div");e.className="tbw-context-menu-separator",e.setAttribute("role","separator"),s.appendChild(e);continue}const e=document.createElement("div");e.className="tbw-context-menu-item",i.cssClass&&e.classList.add(i.cssClass),e.setAttribute("role","menuitem"),e.setAttribute("data-id",i.id),e.setAttribute("tabindex","-1");const m=u(i,t);if(m&&(e.classList.add("disabled"),e.setAttribute("aria-disabled","true")),i.icon){const t=document.createElement("span");t.className="tbw-context-menu-icon",a(t,i.icon),e.appendChild(t)}else if(r){const t=document.createElement("span");t.className="tbw-context-menu-icon",t.innerHTML="&nbsp;",e.appendChild(t)}const p=document.createElement("span");if(p.className="tbw-context-menu-label",p.textContent=i.name,e.appendChild(p),i.shortcut){const t=document.createElement("span");if(t.className="tbw-context-menu-shortcut",Array.isArray(i.shortcut))i.shortcut.forEach((e,n)=>{n>0&&t.appendChild(document.createTextNode("+"));const o=document.createElement("kbd");o.textContent=e,t.appendChild(o)});else{const e=document.createElement("kbd");e.textContent=i.shortcut,t.appendChild(e)}e.appendChild(t)}if(i.subMenu?.length){const s=document.createElement("span");s.className="tbw-context-menu-arrow",s.dataset.icon=l("submenuArrow"),void 0!==o&&("string"==typeof o?a(s,o):o instanceof HTMLElement&&s.appendChild(o.cloneNode(!0))),e.appendChild(s),e.addEventListener("mouseenter",()=>{if(e.querySelector(".tbw-context-menu"))return;if(!i.subMenu)return;const s=d(c(i.subMenu,t),t,n,o);s.classList.add("tbw-context-submenu"),s.style.position="absolute",s.style.left="100%",s.style.top="0",e.style.position="relative",e.appendChild(s)}),e.addEventListener("mouseleave",()=>{const t=e.querySelector(".tbw-context-menu");t&&t.remove()})}m||!i.action||i.subMenu||e.addEventListener("click",e=>{e.stopPropagation(),n(i)}),s.appendChild(e)}return s}var m="getContextMenuItems",p=null,b=null,h=0,w=/* @__PURE__ */new Set,f=[{id:"copy",name:"Copy",shortcut:"Ctrl+C",action:e=>{e.grid?.query?.("clipboard:copy")}},{separator:!0,id:"sep1",name:""},{id:"export-csv",name:"Export CSV",action:e=>{e.grid?.query?.("export:csv")}}],x=class t extends e{static manifest={queries:[{type:m,description:"Collects context menu items from other plugins for header right-click menus"}]};name="contextMenu";get defaultConfig(){return{items:f}}isOpen=!1;position={x:0,y:0};params=null;menuElement=null;boundHost=null;attach(e){super.attach(e),this.installGlobalHandlers(),h++,w.add(this)}detach(){this.menuElement&&(this.menuElement.remove(),this.menuElement=null),this.isOpen=!1,this.params=null,this.boundHost=null,w.delete(this),this.uninstallGlobalHandlers()}syncSelectionOnContextMenu(e){if(e<0)return[];const t=(this.grid?.query("getSelectedRowIndices"))?.[0];return t?t.includes(e)?t:(this.grid?.query("selectRows",[e]),[e]):[e]}static CSS_VARS_TO_COPY=["--tbw-color-panel-bg","--tbw-color-fg","--tbw-color-fg-muted","--tbw-color-border","--tbw-color-row-hover","--tbw-color-shadow","--tbw-color-danger","--tbw-border-radius","--tbw-font-family","--tbw-font-size-sm","--tbw-font-size-xs","--tbw-font-size-2xs","--tbw-spacing-xs","--tbw-icon-size","--tbw-menu-min-width","--tbw-menu-item-padding","--tbw-menu-item-gap","--tbw-context-menu-bg","--tbw-context-menu-fg","--tbw-context-menu-border","--tbw-context-menu-radius","--tbw-context-menu-shadow","--tbw-context-menu-hover","--tbw-context-menu-danger","--tbw-context-menu-muted","--tbw-context-menu-min-width","--tbw-context-menu-font-size","--tbw-context-menu-font-family","--tbw-context-menu-item-padding","--tbw-context-menu-item-gap","--tbw-context-menu-icon-size","--tbw-context-menu-shortcut-size","--tbw-context-menu-arrow-size","--tbw-icon-submenu-arrow"];copyGridStyles(e){const n=this.gridElement;if(!n)return;const o=getComputedStyle(n),s=[],r=o.getPropertyValue("color-scheme").trim();r&&s.push(`color-scheme: ${r}`);for(const i of t.CSS_VARS_TO_COPY){const e=o.getPropertyValue(i).trim();e&&s.push(`${i}: ${e}`)}if(s.length>0){const t=e.getAttribute("style")||"";e.setAttribute("style",t+s.join("; ")+";")}}installGlobalHandlers(){if(b||"undefined"==typeof document||((b=document.createElement("style")).id="tbw-context-menu-styles",b.textContent="@layer tbw-plugins{.tbw-context-menu{background:var(--tbw-context-menu-bg,var(--tbw-color-panel-bg));color:var(--tbw-context-menu-fg,var(--tbw-color-fg));border:1px solid var(--tbw-context-menu-border,var(--tbw-color-border));border-radius:var(--tbw-context-menu-radius,var(--tbw-border-radius));box-shadow:var(--tbw-context-menu-shadow,0 2px 10px var(--tbw-color-shadow));min-width:var(--tbw-context-menu-min-width,var(--tbw-menu-min-width));padding:var(--tbw-spacing-xs) 0;z-index:10000;font-size:var(--tbw-context-menu-font-size,var(--tbw-font-size-sm));font-family:var(--tbw-context-menu-font-family,var(--tbw-font-family));position:fixed}.tbw-context-menu-item{padding:var(--tbw-context-menu-item-padding,var(--tbw-menu-item-padding));cursor:pointer;align-items:center;gap:var(--tbw-context-menu-item-gap,var(--tbw-menu-item-gap));display:flex}.tbw-context-menu-item:hover:not(.disabled){background:var(--tbw-context-menu-hover,var(--tbw-color-row-hover))}.tbw-context-menu-item.disabled{opacity:.5;cursor:default}.tbw-context-menu-item.danger{color:var(--tbw-context-menu-danger,var(--tbw-color-danger))}.tbw-context-menu-icon{width:var(--tbw-context-menu-icon-size,var(--tbw-icon-size));text-align:center}.tbw-context-menu-label{flex:1}.tbw-context-menu-shortcut kbd{color:var(--tbw-context-menu-muted,var(--tbw-color-fg-muted));font-size:var(--tbw-context-menu-shortcut-size,var(--tbw-font-size-xs))}.tbw-context-menu-arrow{font-size:var(--tbw-context-menu-arrow-size,var(--tbw-font-size-2xs));color:var(--tbw-context-menu-muted,var(--tbw-color-fg-muted))}.tbw-context-menu-separator{background:var(--tbw-context-menu-border,var(--tbw-color-border));height:1px;margin:var(--tbw-spacing-xs) 0}}",document.head.appendChild(b)),!p){const e=(p=new AbortController).signal,t=()=>{for(const e of w)e.isMenuOpen()&&e.hideMenu();document.querySelectorAll(".tbw-context-menu").forEach(e=>e.remove())};document.addEventListener("click",t,{signal:e}),document.addEventListener("keydown",e=>{"Escape"===e.key&&t()},{signal:e}),document.addEventListener("scroll",t,{capture:!0,signal:e})}}uninstallGlobalHandlers(){--h>0||(p&&(p.abort(),p=null),b&&(b.remove(),b=null))}collectPluginItems(e){if(!this.grid)return[];const t=this.grid.query(m,e),n=[];for(const o of t)Array.isArray(o)&&n.push(...o);return n.sort((e,t)=>(e.order??100)-(t.order??100)),this.insertGroupSeparators(n)}insertGroupSeparators(e){if(e.length<=1)return e;const t=[];let n=-1;for(const o of e){if(o.separator){t.push(o);continue}const e=Math.floor((o.order??100)/10);n>=0&&e!==n&&t.push({id:`__sep-${n}-${e}`,label:"",separator:!0,action:()=>{}}),n=e,t.push(o)}return t}convertPluginItems(e){return e.map(e=>({id:e.id,name:e.label,icon:e.icon,shortcut:e.shortcut,disabled:e.disabled??!1,action:()=>e.action(),separator:e.separator,cssClass:e.cssClass}))}openMenuAt(e,t,n,o=!1){this.params=e,this.position={x:t,y:n};const s=this.collectPluginItems(e);let r=c(this.config.items??f,e);if(s.length>0){const e=this.convertPluginItems(s);r=r.length>0&&e.length>0?[...r,{id:"__plugin-sep",name:"",separator:!0},...e]:[...r,...e]}var i,a;(r=function(e){const t=[];for(const n of e)n.separator&&(0===t.length||t[t.length-1].separator)||t.push(n);return t.length>0&&t[t.length-1].separator&&t.pop(),t}(r),r.length)&&(document.querySelectorAll(".tbw-context-menu").forEach(e=>e.remove()),this.menuElement=null,this.menuElement=d(r,e,t=>{t.action&&t.action(e),this.hideMenu()},this.grid?.gridConfig?.icons?.submenuArrow),i=this.menuElement,a=()=>this.hideMenu(),i.addEventListener("keydown",e=>{const t=Array.from(i.querySelectorAll('[role="menuitem"]:not(.disabled)'));if(!t.length)return;const n=document.activeElement,o=t.indexOf(n);switch(e.key){case"ArrowDown":e.preventDefault(),t[o<t.length-1?o+1:0].focus();break;case"ArrowUp":e.preventDefault(),t[o>0?o-1:t.length-1].focus();break;case"Enter":case" ":e.preventDefault(),n&&t.includes(n)&&n.click();break;case"Escape":e.preventDefault(),a()}}),document.body.appendChild(this.menuElement),this.copyGridStyles(this.menuElement),function(e,t,n){e.style.position="fixed",e.style.left=`${t}px`,e.style.top=`${n}px`,e.style.visibility="hidden",e.style.zIndex="10000";const o=e.getBoundingClientRect(),s=window.innerWidth,r=window.innerHeight;let i=t,a=n;t+o.width>s&&(i=t-o.width),n+o.height>r&&(a=n-o.height),i=Math.max(0,i),a=Math.max(0,a),e.style.left=`${i}px`,e.style.top=`${a}px`,e.style.visibility="visible"}(this.menuElement,t,n),this.isOpen=!0,o&&function(e){e.querySelector('[role="menuitem"]:not(.disabled)')?.focus()}(this.menuElement),this.emit("context-menu-open",{params:e,items:r}))}openMenuAtFocusedCell(e){const t=this.grid;if(!t)return!1;const n=t._focusRow,o=t._focusCol;if(n<0||o<0)return!1;const s=this.visibleColumns[o],r=this.rows[n],i=this.gridElement?.querySelector(`[data-row="${n}"][data-col="${o}"]`);if(!i&&!0===r?.__loading)return!1;let a=0,l=0;if(i){const e=i.getBoundingClientRect();a=e.left+e.width/2,l=e.bottom}const c=this.syncSelectionOnContextMenu(n);return this.openMenuAt({row:r,rowIndex:n,column:s,columnIndex:o,field:s?.field??"",value:r?.[s?.field]??null,isHeader:!1,event:e,selectedRows:c},a,l,!0),!0}handleContextMenu=e=>{const t=e;t.preventDefault();const n=t.target,o=n?.closest("[data-row][data-col]"),s=n?.closest('[part~="header-cell"]');let r;if(o){const e=parseInt(o.getAttribute("data-row")??"-1",10),n=parseInt(o.getAttribute("data-col")??"-1",10),s=this.visibleColumns[n],i=this.rows[e],a=this.syncSelectionOnContextMenu(e);r={row:i,rowIndex:e,column:s,columnIndex:n,field:s?.field??"",value:i?.[s?.field]??null,isHeader:!1,event:t,selectedRows:a}}else{if(!s)return void(-1===t.button&&t.target===this.boundHost&&this.openMenuAtFocusedCell(t));{const e=parseInt(s.getAttribute("data-col")??"-1",10),n=this.visibleColumns[e];r={row:null,rowIndex:-1,column:n,columnIndex:e,field:n?.field??"",value:null,isHeader:!0,event:t,selectedRows:[]}}}this.openMenuAt(r,t.clientX,t.clientY)};afterRender(){const e=this.gridElement;e&&this.boundHost!==e&&(this.boundHost=e,e.addEventListener("contextmenu",this.handleContextMenu,{signal:this.disconnectSignal}))}onKeyDown(e){const t="F10"===e.key&&e.shiftKey,n="ContextMenu"===e.key;if((t||n)&&(e.preventDefault(),this.openMenuAtFocusedCell(e)))return!0}showMenu(e,t,n){const o={row:n.row??null,rowIndex:n.rowIndex??-1,column:n.column??null,columnIndex:n.columnIndex??-1,field:n.field??"",value:n.value??null,isHeader:n.isHeader??!1,event:n.event??new MouseEvent("contextmenu"),selectedRows:n.selectedRows??[]};this.openMenuAt(o,e,t)}hideMenu(){this.menuElement&&(this.menuElement.remove(),this.menuElement=null),this.isOpen&&(this.isOpen=!1)}isMenuOpen(){return this.isOpen}};export{x as ContextMenuPlugin};
+import{BaseGridPlugin as e}from"@toolbox-web/grid";var t="__otorp__|__retteGenifed__|__retteSenifed__|rotcurtsnoc|wodniw|sihTlabolg|labolg|ssecorp|noitcnuF|tropmi|lave|tcelfeR|yxorP|rorrE|stnemugra|tnemucod|noitacol|eikooc|egarotSlacol|egarotSnoisses|BDdexedni|hctef|tseuqeRpttHLMX|tekcoSbeW|rekroW|rekroWderahS|rekroWecivreS|renepo|tnerap|pot|semarf|fles".split("|").map(e=>e.split("").reverse().join("")),n=(new RegExp(`__(proto|defineGetter|defineSetter)|${t.slice(3).join("|")}|this\\b`),new Set("script|iframe|object|embed|form|input|button|textarea|select|link|meta|base|style|template|slot|portal|frame|frameset|applet|noscript|noembed|plaintext|xmp|listing|math".split("|"))),o=/^on\w+$/i,s=new Set("href|src|action|formaction|data|srcdoc|xlink:href|poster|srcset".split("|")),r=/^\s*(javascript|vbscript|data|blob):/i;function i(e){const t=document.createElement("template");return e&&"string"==typeof e&&(t.innerHTML=e,function(e){const t=[],i=e.querySelectorAll("*");for(const a of i){const e=a.tagName.toLowerCase();if(n.has(e)){t.push(a);continue}if(("svg"===e||"http://www.w3.org/2000/svg"===a.namespaceURI)&&Array.from(a.attributes).some(e=>o.test(e.name)||"href"===e.name||"xlink:href"===e.name)){t.push(a);continue}const i=[];for(const t of a.attributes){const e=t.name.toLowerCase();o.test(e)?i.push(t.name):"is"!==e?(s.has(e)&&r.test(t.value)||"style"===e&&/expression\s*\(|javascript:|behavior\s*:/i.test(t.value))&&i.push(t.name):i.push(t.name)}i.forEach(e=>a.removeAttribute(e))}t.forEach(e=>e.remove())}(t.content)),t.content}function a(e,t){t&&"string"==typeof t?-1!==t.indexOf("<")||-1!==t.indexOf("&")?e.replaceChildren(i(t)):e.textContent=t:e.replaceChildren()}function l(e){return e.replace(/([A-Z])/g,"-$1").toLowerCase()}function c(e,t){return("function"==typeof e?e(t):e).filter(e=>!0!==e.hidden&&("function"!=typeof e.hidden||!e.hidden(t)))}function u(e,t){return!0===e.disabled||"function"==typeof e.disabled&&e.disabled(t)}function d(e,t,n,o){const s=document.createElement("div");s.className="tbw-context-menu",s.setAttribute("role","menu");const r=e.some(e=>!e.separator&&e.icon);for(const i of e){if(i.separator){const e=document.createElement("div");e.className="tbw-context-menu-separator",e.setAttribute("role","separator"),s.appendChild(e);continue}const e=document.createElement("div");e.className="tbw-context-menu-item",i.cssClass&&e.classList.add(i.cssClass),e.setAttribute("role","menuitem"),e.setAttribute("data-id",i.id),e.setAttribute("tabindex","-1");const m=u(i,t);if(m&&(e.classList.add("disabled"),e.setAttribute("aria-disabled","true")),i.icon){const t=document.createElement("span");t.className="tbw-context-menu-icon",a(t,i.icon),e.appendChild(t)}else if(r){const t=document.createElement("span");t.className="tbw-context-menu-icon",t.innerHTML="&nbsp;",e.appendChild(t)}const p=document.createElement("span");if(p.className="tbw-context-menu-label",p.textContent=i.name,e.appendChild(p),i.shortcut){const t=document.createElement("span");if(t.className="tbw-context-menu-shortcut",Array.isArray(i.shortcut))i.shortcut.forEach((e,n)=>{n>0&&t.appendChild(document.createTextNode("+"));const o=document.createElement("kbd");o.textContent=e,t.appendChild(o)});else{const e=document.createElement("kbd");e.textContent=i.shortcut,t.appendChild(e)}e.appendChild(t)}if(i.subMenu?.length){const s=document.createElement("span");s.className="tbw-context-menu-arrow",s.dataset.icon=l("submenuArrow"),void 0!==o&&("string"==typeof o?a(s,o):o instanceof HTMLElement&&s.appendChild(o.cloneNode(!0))),e.appendChild(s),e.addEventListener("mouseenter",()=>{if(e.querySelector(".tbw-context-menu"))return;if(!i.subMenu)return;const s=d(c(i.subMenu,t),t,n,o);s.classList.add("tbw-context-submenu"),s.style.position="absolute",s.style.left="100%",s.style.top="0",e.style.position="relative",e.appendChild(s)}),e.addEventListener("mouseleave",()=>{const t=e.querySelector(".tbw-context-menu");t&&t.remove()})}m||!i.action||i.subMenu||e.addEventListener("click",e=>{e.stopPropagation(),n(i)}),s.appendChild(e)}return s}var m="getContextMenuItems",p=null,b=null,h=0,w=/* @__PURE__ */new Set,f=[{id:"copy",name:"Copy",shortcut:"Ctrl+C",action:e=>{e.grid?.query?.("clipboard:copy")}},{separator:!0,id:"sep1",name:""},{id:"export-csv",name:"Export CSV",action:e=>{e.grid?.query?.("export:csv")}}],x=class t extends e{static manifest={queries:[{type:m,description:"Collects context menu items from other plugins for header right-click menus"}]};name="contextMenu";get defaultConfig(){return{items:f}}isOpen=!1;position={x:0,y:0};params=null;menuElement=null;boundHost=null;attach(e){super.attach(e),this.installGlobalHandlers(),h++,w.add(this)}detach(){this.menuElement&&(this.menuElement.remove(),this.menuElement=null),this.isOpen=!1,this.params=null,this.boundHost=null,w.delete(this),this.uninstallGlobalHandlers()}syncSelectionOnContextMenu(e,t){if(e<0)return[];const n=this.grid?.query("selectContextMenuTarget",{rowIndex:e,colIndex:t})?.[0];return n?.includes(e)?n:[e]}static CSS_VARS_TO_COPY=["--tbw-color-panel-bg","--tbw-color-fg","--tbw-color-fg-muted","--tbw-color-border","--tbw-color-row-hover","--tbw-color-shadow","--tbw-color-danger","--tbw-border-radius","--tbw-font-family","--tbw-font-size-sm","--tbw-font-size-xs","--tbw-font-size-2xs","--tbw-spacing-xs","--tbw-icon-size","--tbw-menu-min-width","--tbw-menu-item-padding","--tbw-menu-item-gap","--tbw-context-menu-bg","--tbw-context-menu-fg","--tbw-context-menu-border","--tbw-context-menu-radius","--tbw-context-menu-shadow","--tbw-context-menu-hover","--tbw-context-menu-danger","--tbw-context-menu-muted","--tbw-context-menu-min-width","--tbw-context-menu-font-size","--tbw-context-menu-font-family","--tbw-context-menu-item-padding","--tbw-context-menu-item-gap","--tbw-context-menu-icon-size","--tbw-context-menu-shortcut-size","--tbw-context-menu-arrow-size","--tbw-icon-submenu-arrow"];copyGridStyles(e){const n=this.gridElement;if(!n)return;const o=getComputedStyle(n),s=[],r=o.getPropertyValue("color-scheme").trim();r&&s.push(`color-scheme: ${r}`);for(const i of t.CSS_VARS_TO_COPY){const e=o.getPropertyValue(i).trim();e&&s.push(`${i}: ${e}`)}if(s.length>0){const t=e.getAttribute("style")||"";e.setAttribute("style",t+s.join("; ")+";")}}installGlobalHandlers(){if(b||"undefined"==typeof document||((b=document.createElement("style")).id="tbw-context-menu-styles",b.textContent="@layer tbw-plugins{.tbw-context-menu{background:var(--tbw-context-menu-bg,var(--tbw-color-panel-bg));color:var(--tbw-context-menu-fg,var(--tbw-color-fg));border:1px solid var(--tbw-context-menu-border,var(--tbw-color-border));border-radius:var(--tbw-context-menu-radius,var(--tbw-border-radius));box-shadow:var(--tbw-context-menu-shadow,0 2px 10px var(--tbw-color-shadow));min-width:var(--tbw-context-menu-min-width,var(--tbw-menu-min-width));padding:var(--tbw-spacing-xs) 0;z-index:10000;font-size:var(--tbw-context-menu-font-size,var(--tbw-font-size-sm));font-family:var(--tbw-context-menu-font-family,var(--tbw-font-family));position:fixed}.tbw-context-menu-item{padding:var(--tbw-context-menu-item-padding,var(--tbw-menu-item-padding));cursor:pointer;align-items:center;gap:var(--tbw-context-menu-item-gap,var(--tbw-menu-item-gap));display:flex}.tbw-context-menu-item:hover:not(.disabled){background:var(--tbw-context-menu-hover,var(--tbw-color-row-hover))}.tbw-context-menu-item.disabled{opacity:.5;cursor:default}.tbw-context-menu-item.danger{color:var(--tbw-context-menu-danger,var(--tbw-color-danger))}.tbw-context-menu-icon{width:var(--tbw-context-menu-icon-size,var(--tbw-icon-size));text-align:center}.tbw-context-menu-label{flex:1}.tbw-context-menu-shortcut kbd{color:var(--tbw-context-menu-muted,var(--tbw-color-fg-muted));font-size:var(--tbw-context-menu-shortcut-size,var(--tbw-font-size-xs))}.tbw-context-menu-arrow{font-size:var(--tbw-context-menu-arrow-size,var(--tbw-font-size-2xs));color:var(--tbw-context-menu-muted,var(--tbw-color-fg-muted))}.tbw-context-menu-separator{background:var(--tbw-context-menu-border,var(--tbw-color-border));height:1px;margin:var(--tbw-spacing-xs) 0}}",document.head.appendChild(b)),!p){const e=(p=new AbortController).signal,t=()=>{for(const e of w)e.isMenuOpen()&&e.hideMenu();document.querySelectorAll(".tbw-context-menu").forEach(e=>e.remove())};document.addEventListener("click",t,{signal:e}),document.addEventListener("keydown",e=>{"Escape"===e.key&&t()},{signal:e}),document.addEventListener("scroll",t,{capture:!0,signal:e})}}uninstallGlobalHandlers(){--h>0||(p&&(p.abort(),p=null),b&&(b.remove(),b=null))}collectPluginItems(e){if(!this.grid)return[];const t=this.grid.query(m,e),n=[];for(const o of t)Array.isArray(o)&&n.push(...o);return n.sort((e,t)=>(e.order??100)-(t.order??100)),this.insertGroupSeparators(n)}insertGroupSeparators(e){if(e.length<=1)return e;const t=[];let n=-1;for(const o of e){if(o.separator){t.push(o);continue}const e=Math.floor((o.order??100)/10);n>=0&&e!==n&&t.push({id:`__sep-${n}-${e}`,label:"",separator:!0,action:()=>{}}),n=e,t.push(o)}return t}convertPluginItems(e){return e.map(e=>({id:e.id,name:e.label,icon:e.icon,shortcut:e.shortcut,disabled:e.disabled??!1,action:()=>e.action(),separator:e.separator,cssClass:e.cssClass}))}openMenuAt(e,t,n,o=!1){this.params=e,this.position={x:t,y:n};const s=this.collectPluginItems(e);let r=c(this.config.items??f,e);if(s.length>0){const e=this.convertPluginItems(s);r=r.length>0&&e.length>0?[...r,{id:"__plugin-sep",name:"",separator:!0},...e]:[...r,...e]}var i,a;(r=function(e){const t=[];for(const n of e)n.separator&&(0===t.length||t[t.length-1].separator)||t.push(n);return t.length>0&&t[t.length-1].separator&&t.pop(),t}(r),r.length)&&(document.querySelectorAll(".tbw-context-menu").forEach(e=>e.remove()),this.menuElement=null,this.menuElement=d(r,e,t=>{t.action&&t.action(e),this.hideMenu()},this.grid?.gridConfig?.icons?.submenuArrow),i=this.menuElement,a=()=>this.hideMenu(),i.addEventListener("keydown",e=>{const t=Array.from(i.querySelectorAll('[role="menuitem"]:not(.disabled)'));if(!t.length)return;const n=document.activeElement,o=t.indexOf(n);switch(e.key){case"ArrowDown":e.preventDefault(),t[o<t.length-1?o+1:0].focus();break;case"ArrowUp":e.preventDefault(),t[o>0?o-1:t.length-1].focus();break;case"Enter":case" ":e.preventDefault(),n&&t.includes(n)&&n.click();break;case"Escape":e.preventDefault(),a()}}),document.body.appendChild(this.menuElement),this.copyGridStyles(this.menuElement),function(e,t,n){e.style.position="fixed",e.style.left=`${t}px`,e.style.top=`${n}px`,e.style.visibility="hidden",e.style.zIndex="10000";const o=e.getBoundingClientRect(),s=window.innerWidth,r=window.innerHeight;let i=t,a=n;t+o.width>s&&(i=t-o.width),n+o.height>r&&(a=n-o.height),i=Math.max(0,i),a=Math.max(0,a),e.style.left=`${i}px`,e.style.top=`${a}px`,e.style.visibility="visible"}(this.menuElement,t,n),this.isOpen=!0,o&&function(e){e.querySelector('[role="menuitem"]:not(.disabled)')?.focus()}(this.menuElement),this.emit("context-menu-open",{params:e,items:r}))}openMenuAtFocusedCell(e){const t=this.grid;if(!t)return!1;const n=t._focusRow,o=t._focusCol;if(n<0||o<0)return!1;const s=this.visibleColumns[o],r=this.rows[n],i=this.gridElement?.querySelector(`[data-row="${n}"][data-col="${o}"]`);if(!i&&!0===r?.__loading)return!1;let a=0,l=0;if(i){const e=i.getBoundingClientRect();a=e.left+e.width/2,l=e.bottom}const c=this.syncSelectionOnContextMenu(n,o);return this.openMenuAt({row:r,rowIndex:n,column:s,columnIndex:o,field:s?.field??"",value:r?.[s?.field]??null,isHeader:!1,event:e,selectedRows:c},a,l,!0),!0}handleContextMenu=e=>{const t=e;t.preventDefault();const n=t.target,o=n?.closest("[data-row][data-col]"),s=n?.closest('[part~="header-cell"]');let r;if(o){const e=parseInt(o.getAttribute("data-row")??"-1",10),n=parseInt(o.getAttribute("data-col")??"-1",10),s=this.visibleColumns[n],i=this.rows[e],a=this.syncSelectionOnContextMenu(e,n);r={row:i,rowIndex:e,column:s,columnIndex:n,field:s?.field??"",value:i?.[s?.field]??null,isHeader:!1,event:t,selectedRows:a}}else{if(!s)return void(-1===t.button&&t.target===this.boundHost&&this.openMenuAtFocusedCell(t));{const e=parseInt(s.getAttribute("data-col")??"-1",10),n=this.visibleColumns[e];r={row:null,rowIndex:-1,column:n,columnIndex:e,field:n?.field??"",value:null,isHeader:!0,event:t,selectedRows:[]}}}this.openMenuAt(r,t.clientX,t.clientY)};afterRender(){const e=this.gridElement;e&&this.boundHost!==e&&(this.boundHost=e,e.addEventListener("contextmenu",this.handleContextMenu,{signal:this.disconnectSignal}))}onKeyDown(e){const t="F10"===e.key&&e.shiftKey,n="ContextMenu"===e.key;if((t||n)&&(e.preventDefault(),this.openMenuAtFocusedCell(e)))return!0}showMenu(e,t,n){const o={row:n.row??null,rowIndex:n.rowIndex??-1,column:n.column??null,columnIndex:n.columnIndex??-1,field:n.field??"",value:n.value??null,isHeader:n.isHeader??!1,event:n.event??new MouseEvent("contextmenu"),selectedRows:n.selectedRows??[]};this.openMenuAt(o,e,t)}hideMenu(){this.menuElement&&(this.menuElement.remove(),this.menuElement=null),this.isOpen&&(this.isOpen=!1)}isMenuOpen(){return this.isOpen}};export{x as ContextMenuPlugin};
 //# sourceMappingURL=index.js.map