@toolbox-web/grid 1.14.1 → 1.16.0

package/umd/plugins/visibility.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"visibility.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/visibility/VisibilityPlugin.ts"],"sourcesContent":["/**\n * Column Visibility Plugin (Class-based)\n *\n * Provides a UI for column visibility control via the shell's tool panel system.\n * Column visibility is a core grid feature - this plugin provides:\n * - A tool panel for column visibility management (registered with the shell)\n * - Backward-compatible API methods that delegate to grid.setColumnVisible(), etc.\n *\n * The grid emits 'column-visibility' events when columns are shown/hidden,\n * allowing consumers to save user preferences.\n *\n * When a reorder plugin is present, column rows become draggable for reordering.\n * Drag-drop emits 'column-reorder-request' events that the ReorderPlugin can listen for.\n */\n\nimport { BaseGridPlugin, type PluginDependency } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig, ToolPanelDefinition } from '../../core/types';\nimport type { VisibilityConfig } from './types';\nimport styles from './visibility.css?inline';\n\n/**\n * Detail for column-reorder-request events emitted when users drag-drop in the visibility panel.\n */\nexport interface ColumnReorderRequestDetail {\n  /** The field name of the column to move */\n  field: string;\n  /** The source index (before move) */\n  fromIndex: number;\n  /** The target index (after move) */\n  toIndex: number;\n}\n\n/**\n * Check if a column can be moved (respects lockPosition/suppressMovable).\n * Inlined to avoid importing from reorder plugin.\n */\nfunction canMoveColumn(column: ColumnConfig): boolean {\n  const meta = column.meta ?? {};\n  return meta.lockPosition !== true && meta.suppressMovable !== true;\n}\n\n/**\n * Column Visibility Plugin for tbw-grid\n *\n * Gives users control over which columns are displayed. Hide less important columns\n * by default, let users toggle them via a column chooser UI, or programmatically\n * show/hide columns based on user preferences or screen size.\n *\n * > **Optional Enhancement:** When ReorderPlugin is also loaded, columns in the\n * > visibility panel become draggable for reordering.\n *\n * ## Installation\n *\n * ```ts\n * import { VisibilityPlugin } from '@toolbox-web/grid/plugins/visibility';\n * ```\n *\n * ## Configuration Options\n *\n * | Option | Type | Default | Description |\n * |--------|------|---------|-------------|\n * | `allowHideAll` | `boolean` | `false` | Allow hiding all columns (no minimum) |\n *\n * ## Column Configuration\n *\n * | Property | Type | Default | Description |\n * |----------|------|---------|-------------|\n * | `visible` | `boolean` | `true` | Initial visibility state |\n * | `meta.lockVisibility` | `boolean` | `false` | Prevent user from toggling |\n *\n * ## Programmatic API\n *\n * | Method | Signature | Description |\n * |--------|-----------|-------------|\n * | `hideColumn` | `(field: string) => void` | Hide a column |\n * | `showColumn` | `(field: string) => void` | Show a column |\n * | `toggleColumn` | `(field: string) => void` | Toggle visibility |\n * | `showAllColumns` | `() => void` | Show all columns |\n * | `getHiddenColumns` | `() => string[]` | Get list of hidden column fields |\n *\n * ## CSS Custom Properties\n *\n * | Property | Default | Description |\n * |----------|---------|-------------|\n * | `--tbw-visibility-hover` | `var(--tbw-color-row-hover)` | Row hover background |\n * | `--tbw-panel-padding` | `0.75em` | Panel content padding |\n * | `--tbw-panel-gap` | `0.5em` | Gap between items |\n *\n * @example Columns Hidden by Default\n * ```ts\n * import '@toolbox-web/grid';\n * import { VisibilityPlugin } from '@toolbox-web/grid/plugins/visibility';\n *\n * const grid = document.querySelector('tbw-grid');\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'id', header: 'ID' },\n *     { field: 'name', header: 'Name' },\n *     { field: 'phone', header: 'Phone', visible: false }, // Hidden by default\n *     { field: 'address', header: 'Address', visible: false },\n *   ],\n *   plugins: [new VisibilityPlugin()],\n * };\n *\n * // Toggle programmatically\n * const plugin = grid.getPlugin(VisibilityPlugin);\n * plugin.showColumn('phone');\n * ```\n *\n * @example With Drag-to-Reorder\n * ```ts\n * import { VisibilityPlugin } from '@toolbox-web/grid/plugins/visibility';\n * import { ReorderPlugin } from '@toolbox-web/grid/plugins/reorder';\n *\n * grid.gridConfig = {\n *   plugins: [\n *     new ReorderPlugin(),      // Enables drag-drop in visibility panel\n *     new VisibilityPlugin(),\n *   ],\n * };\n * ```\n *\n * @see {@link VisibilityConfig} for configuration options\n * @see {@link ReorderPlugin} for drag-to-reorder integration\n *\n * @internal Extends BaseGridPlugin\n */\nexport class VisibilityPlugin extends BaseGridPlugin<VisibilityConfig> {\n  /**\n   * Plugin dependencies - VisibilityPlugin optionally uses ReorderPlugin for drag-drop reordering.\n   *\n   * When ReorderPlugin is present, columns in the visibility panel become draggable.\n   * @internal\n   */\n  static override readonly dependencies: PluginDependency[] = [\n    { name: 'reorder', required: false, reason: 'Enables drag-to-reorder columns in visibility panel' },\n  ];\n\n  /** @internal */\n  readonly name = 'visibility';\n\n  /** Tool panel ID for shell integration */\n  static readonly PANEL_ID = 'columns';\n  /** @internal */\n  override readonly styles = styles;\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<VisibilityConfig> {\n    return {\n      allowHideAll: false,\n    };\n  }\n\n  // #region Internal State\n  private columnListElement: HTMLElement | null = null;\n\n  // Drag state for reorder integration\n  private isDragging = false;\n  private draggedField: string | null = null;\n  private draggedIndex: number | null = null;\n  private dropIndex: number | null = null;\n\n  /** Clear drag-related classes from all rows in a list. */\n  private clearDragClasses(container: HTMLElement): void {\n    container.querySelectorAll('.tbw-visibility-row').forEach((r) => {\n      r.classList.remove('dragging', 'drop-target', 'drop-before', 'drop-after');\n    });\n  }\n  // #endregion\n\n  // #region Lifecycle\n\n  /** @internal */\n  override detach(): void {\n    this.columnListElement = null;\n    this.isDragging = false;\n    this.draggedField = null;\n    this.draggedIndex = null;\n    this.dropIndex = null;\n  }\n  // #endregion\n\n  // #region Shell Integration\n\n  /**\n   * Register the column visibility tool panel with the shell.\n   * @internal\n   */\n  override getToolPanel(): ToolPanelDefinition | undefined {\n    return {\n      id: VisibilityPlugin.PANEL_ID,\n      title: 'Columns',\n      icon: '☰',\n      tooltip: 'Column visibility',\n      order: 100, // High order so it appears last\n      render: (container) => this.renderPanelContent(container),\n    };\n  }\n  // #endregion\n\n  // #region Public API\n\n  /**\n   * Show the visibility sidebar panel.\n   * Opens the tool panel and ensures this section is expanded.\n   */\n  show(): void {\n    this.grid.openToolPanel();\n    // Ensure our section is expanded\n    if (!this.grid.expandedToolPanelSections.includes(VisibilityPlugin.PANEL_ID)) {\n      this.grid.toggleToolPanelSection(VisibilityPlugin.PANEL_ID);\n    }\n  }\n\n  /**\n   * Hide the visibility sidebar panel.\n   */\n  hide(): void {\n    this.grid.closeToolPanel();\n  }\n\n  /**\n   * Toggle the visibility sidebar panel section.\n   */\n  toggle(): void {\n    // If tool panel is closed, open it first\n    if (!this.grid.isToolPanelOpen) {\n      this.grid.openToolPanel();\n    }\n    this.grid.toggleToolPanelSection(VisibilityPlugin.PANEL_ID);\n  }\n\n  /**\n   * Check if a specific column is visible.\n   * Delegates to grid.isColumnVisible().\n   * @param field - The field name to check\n   * @returns True if the column is visible\n   */\n  isColumnVisible(field: string): boolean {\n    return this.grid.isColumnVisible(field);\n  }\n\n  /**\n   * Set visibility for a specific column.\n   * Delegates to grid.setColumnVisible().\n   * @param field - The field name of the column\n   * @param visible - Whether the column should be visible\n   */\n  setColumnVisible(field: string, visible: boolean): void {\n    this.grid.setColumnVisible(field, visible);\n  }\n\n  /**\n   * Get list of all visible column fields.\n   * @returns Array of visible field names\n   */\n  getVisibleColumns(): string[] {\n    return this.grid\n      .getAllColumns()\n      .filter((c) => c.visible)\n      .map((c) => c.field);\n  }\n\n  /**\n   * Get list of all hidden column fields.\n   * @returns Array of hidden field names\n   */\n  getHiddenColumns(): string[] {\n    return this.grid\n      .getAllColumns()\n      .filter((c) => !c.visible)\n      .map((c) => c.field);\n  }\n\n  /**\n   * Show all columns.\n   * Delegates to grid.showAllColumns().\n   */\n  showAll(): void {\n    this.grid.showAllColumns();\n  }\n\n  /**\n   * Toggle visibility for a specific column.\n   * Delegates to grid.toggleColumnVisibility().\n   * @param field - The field name of the column\n   */\n  toggleColumn(field: string): void {\n    this.grid.toggleColumnVisibility(field);\n  }\n\n  /**\n   * Show a specific column.\n   * Delegates to grid.setColumnVisible().\n   * @param field - The field name of the column to show\n   */\n  showColumn(field: string): void {\n    this.setColumnVisible(field, true);\n  }\n\n  /**\n   * Hide a specific column.\n   * Delegates to grid.setColumnVisible().\n   * @param field - The field name of the column to hide\n   */\n  hideColumn(field: string): void {\n    this.setColumnVisible(field, false);\n  }\n\n  /**\n   * Get all columns with their visibility status.\n   * Useful for building visibility UI.\n   * @returns Array of column info with visibility status\n   */\n  getAllColumns(): Array<{\n    field: string;\n    header: string;\n    visible: boolean;\n    lockVisible?: boolean;\n    utility?: boolean;\n  }> {\n    return this.grid.getAllColumns();\n  }\n\n  /**\n   * Check if the sidebar panel is currently open.\n   * @returns True if the panel section is expanded\n   */\n  isPanelVisible(): boolean {\n    return this.grid.isToolPanelOpen && this.grid.expandedToolPanelSections.includes(VisibilityPlugin.PANEL_ID);\n  }\n  // #endregion\n\n  // #region Private Methods\n\n  /**\n   * Render the panel content into the shell's tool panel container.\n   * Returns a cleanup function.\n   */\n  private renderPanelContent(container: HTMLElement): (() => void) | void {\n    // Create content wrapper\n    const wrapper = document.createElement('div');\n    wrapper.className = 'tbw-visibility-content';\n\n    // Column list container\n    const columnList = document.createElement('div');\n    columnList.className = 'tbw-visibility-list';\n    wrapper.appendChild(columnList);\n\n    // Show all button\n    const showAllBtn = document.createElement('button');\n    showAllBtn.className = 'tbw-visibility-show-all';\n    showAllBtn.textContent = 'Show All';\n    showAllBtn.addEventListener('click', () => {\n      this.grid.showAllColumns();\n      this.rebuildToggles(columnList);\n    });\n    wrapper.appendChild(showAllBtn);\n\n    // Store reference\n    this.columnListElement = columnList;\n\n    // Build initial toggles\n    this.rebuildToggles(columnList);\n\n    // Append to container\n    container.appendChild(wrapper);\n\n    // Return cleanup function\n    return () => {\n      this.columnListElement = null;\n      wrapper.remove();\n    };\n  }\n\n  /**\n   * Check if a reorder plugin is present (by name to avoid static import).\n   */\n  private hasReorderPlugin(): boolean {\n    const plugin = this.grid?.getPluginByName?.('reorder');\n    // Duck-type check - just verify the plugin exists and has a moveColumn method\n    return !!(plugin && typeof (plugin as { moveColumn?: unknown }).moveColumn === 'function');\n  }\n\n  /**\n   * Build the column toggle checkboxes.\n   * When a reorder plugin is present, adds drag handles for reordering.\n   */\n  private rebuildToggles(columnList: HTMLElement): void {\n    const reorderEnabled = this.hasReorderPlugin();\n\n    columnList.innerHTML = '';\n\n    // getAllColumns() now returns columns in their effective display order\n    // Filter out utility columns (e.g., expander column) as they're internal\n    const allColumns = this.grid.getAllColumns().filter((c) => !c.utility);\n\n    for (let i = 0; i < allColumns.length; i++) {\n      const col = allColumns[i];\n      const label = col.header || col.field;\n\n      const row = document.createElement('div');\n      row.className = col.lockVisible ? 'tbw-visibility-row locked' : 'tbw-visibility-row';\n      row.setAttribute('data-field', col.field);\n      row.setAttribute('data-index', String(i));\n\n      // Add drag handle if reorder is enabled\n      if (reorderEnabled && canMoveColumn(col as unknown as ColumnConfig)) {\n        row.draggable = true;\n        row.classList.add('reorderable');\n\n        this.setupDragListeners(row, col.field, i, columnList);\n      }\n\n      const labelWrapper = document.createElement('label');\n      labelWrapper.className = 'tbw-visibility-label';\n\n      const checkbox = document.createElement('input');\n      checkbox.type = 'checkbox';\n      checkbox.checked = col.visible;\n      checkbox.disabled = col.lockVisible ?? false;\n      checkbox.addEventListener('change', () => {\n        this.grid.toggleColumnVisibility(col.field);\n        // Refresh after toggle (grid may re-render)\n        setTimeout(() => this.rebuildToggles(columnList), 0);\n      });\n\n      const text = document.createElement('span');\n      text.textContent = label;\n\n      labelWrapper.appendChild(checkbox);\n      labelWrapper.appendChild(text);\n\n      // Add drag handle icon if reorderable\n      if (reorderEnabled && canMoveColumn(col as unknown as ColumnConfig)) {\n        const handle = document.createElement('span');\n        handle.className = 'tbw-visibility-handle';\n        // Use grid-level icons (fall back to defaults)\n        this.setIcon(handle, this.resolveIcon('dragHandle'));\n        handle.title = 'Drag to reorder';\n        row.appendChild(handle);\n      }\n\n      row.appendChild(labelWrapper);\n      columnList.appendChild(row);\n    }\n  }\n\n  /**\n   * Set up drag-and-drop event listeners for a row.\n   * On drop, emits a 'column-reorder-request' event for other plugins to handle.\n   */\n  private setupDragListeners(row: HTMLElement, field: string, index: number, columnList: HTMLElement): void {\n    row.addEventListener('dragstart', (e: DragEvent) => {\n      this.isDragging = true;\n      this.draggedField = field;\n      this.draggedIndex = index;\n\n      if (e.dataTransfer) {\n        e.dataTransfer.effectAllowed = 'move';\n        e.dataTransfer.setData('text/plain', field);\n      }\n\n      row.classList.add('dragging');\n    });\n\n    row.addEventListener('dragend', () => {\n      this.isDragging = false;\n      this.draggedField = null;\n      this.draggedIndex = null;\n      this.dropIndex = null;\n      this.clearDragClasses(columnList);\n    });\n\n    row.addEventListener('dragover', (e: DragEvent) => {\n      e.preventDefault();\n      if (!this.isDragging || this.draggedField === field) return;\n\n      const rect = row.getBoundingClientRect();\n      const midY = rect.top + rect.height / 2;\n\n      this.dropIndex = e.clientY < midY ? index : index + 1;\n\n      // Clear other row highlights\n      columnList.querySelectorAll('.tbw-visibility-row').forEach((r) => {\n        if (r !== row) r.classList.remove('drop-target', 'drop-before', 'drop-after');\n      });\n\n      row.classList.add('drop-target');\n      row.classList.toggle('drop-before', e.clientY < midY);\n      row.classList.toggle('drop-after', e.clientY >= midY);\n    });\n\n    row.addEventListener('dragleave', () => {\n      row.classList.remove('drop-target', 'drop-before', 'drop-after');\n    });\n\n    row.addEventListener('drop', (e: DragEvent) => {\n      e.preventDefault();\n      const draggedField = this.draggedField;\n      const draggedIndex = this.draggedIndex;\n      const dropIndex = this.dropIndex;\n\n      if (!this.isDragging || draggedField === null || draggedIndex === null || dropIndex === null) {\n        return;\n      }\n\n      // Calculate the effective target index (in the filtered non-utility list)\n      const effectiveToIndex = dropIndex > draggedIndex ? dropIndex - 1 : dropIndex;\n\n      if (effectiveToIndex !== draggedIndex) {\n        // Convert from non-utility index to full column order index\n        // by counting how many utility columns come before the target position\n        const allColumns = this.grid.getAllColumns();\n        const nonUtilityColumns = allColumns.filter((c) => !c.utility);\n\n        // Find the target field at effectiveToIndex in non-utility list\n        const targetField = nonUtilityColumns[effectiveToIndex]?.field;\n        // Find its actual index in the full column order\n        const fullOrderToIndex = targetField ? allColumns.findIndex((c) => c.field === targetField) : allColumns.length;\n\n        // Emit a request event - other plugins (like ReorderPlugin) can listen and handle\n        const detail: ColumnReorderRequestDetail = {\n          field: draggedField,\n          fromIndex: draggedIndex, // Not used by ReorderPlugin, just for info\n          toIndex: fullOrderToIndex,\n        };\n        this.emit<ColumnReorderRequestDetail>('column-reorder-request', detail);\n\n        // Rebuild the panel after reorder (deferred to allow re-render)\n        setTimeout(() => {\n          this.rebuildToggles(columnList);\n        }, 0);\n      }\n    });\n  }\n  // #endregion\n}\n"],"names":["canMoveColumn","column","meta","VisibilityPlugin","BaseGridPlugin","styles","container","r","field","visible","c","wrapper","columnList","showAllBtn","plugin","reorderEnabled","allColumns","i","col","label","row","labelWrapper","checkbox","text","handle","index","e","rect","midY","draggedField","draggedIndex","dropIndex","effectiveToIndex","targetField","fullOrderToIndex","detail"],"mappings":"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"}
+{"version":3,"file":"visibility.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/visibility/VisibilityPlugin.ts"],"sourcesContent":["/**\n * Column Visibility Plugin (Class-based)\n *\n * Provides a UI for column visibility control via the shell's tool panel system.\n * Column visibility is a core grid feature - this plugin provides:\n * - A tool panel for column visibility management (registered with the shell)\n * - Backward-compatible API methods that delegate to grid.setColumnVisible(), etc.\n *\n * The grid emits 'column-visibility' events when columns are shown/hidden,\n * allowing consumers to save user preferences.\n *\n * When a reorder plugin is present, column rows become draggable for reordering.\n * Drag-drop emits 'column-reorder-request' events that the ReorderPlugin can listen for.\n */\n\nimport {\n  BaseGridPlugin,\n  type PluginDependency,\n  type PluginManifest,\n  type PluginQuery,\n} from '../../core/plugin/base-plugin';\nimport type { ColumnConfig, ToolPanelDefinition } from '../../core/types';\nimport type { ContextMenuParams, HeaderContextMenuItem } from '../context-menu/types';\nimport type { ColumnGroupInfo, VisibilityConfig } from './types';\nimport styles from './visibility.css?inline';\n\n/**\n * Detail for column-reorder-request events emitted when users drag-drop in the visibility panel.\n */\nexport interface ColumnReorderRequestDetail {\n  /** The field name of the column to move */\n  field: string;\n  /** The source index (before move) */\n  fromIndex: number;\n  /** The target index (after move) */\n  toIndex: number;\n}\n\n/**\n * Check if a column can be moved (respects lockPosition/suppressMovable).\n * Inlined to avoid importing from reorder plugin.\n */\nfunction canMoveColumn(column: ColumnConfig): boolean {\n  const meta = column.meta ?? {};\n  return meta.lockPosition !== true && meta.suppressMovable !== true;\n}\n\n/**\n * Column Visibility Plugin for tbw-grid\n *\n * Gives users control over which columns are displayed. Hide less important columns\n * by default, let users toggle them via a column chooser UI, or programmatically\n * show/hide columns based on user preferences or screen size.\n *\n * > **Optional Enhancement:** When ReorderPlugin is also loaded, columns in the\n * > visibility panel become draggable for reordering.\n *\n * ## Installation\n *\n * ```ts\n * import { VisibilityPlugin } from '@toolbox-web/grid/plugins/visibility';\n * ```\n *\n * ## Configuration Options\n *\n * | Option | Type | Default | Description |\n * |--------|------|---------|-------------|\n * | `allowHideAll` | `boolean` | `false` | Allow hiding all columns (no minimum) |\n *\n * ## Column Configuration\n *\n * | Property | Type | Default | Description |\n * |----------|------|---------|-------------|\n * | `visible` | `boolean` | `true` | Initial visibility state |\n * | `meta.lockVisibility` | `boolean` | `false` | Prevent user from toggling |\n *\n * ## Programmatic API\n *\n * | Method | Signature | Description |\n * |--------|-----------|-------------|\n * | `hideColumn` | `(field: string) => void` | Hide a column |\n * | `showColumn` | `(field: string) => void` | Show a column |\n * | `toggleColumn` | `(field: string) => void` | Toggle visibility |\n * | `showAllColumns` | `() => void` | Show all columns |\n * | `getHiddenColumns` | `() => string[]` | Get list of hidden column fields |\n *\n * ## CSS Custom Properties\n *\n * | Property | Default | Description |\n * |----------|---------|-------------|\n * | `--tbw-visibility-hover` | `var(--tbw-color-row-hover)` | Row hover background |\n * | `--tbw-panel-padding` | `0.75em` | Panel content padding |\n * | `--tbw-panel-gap` | `0.5em` | Gap between items |\n *\n * @example Columns Hidden by Default\n * ```ts\n * import '@toolbox-web/grid';\n * import { VisibilityPlugin } from '@toolbox-web/grid/plugins/visibility';\n *\n * const grid = document.querySelector('tbw-grid');\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'id', header: 'ID' },\n *     { field: 'name', header: 'Name' },\n *     { field: 'phone', header: 'Phone', visible: false }, // Hidden by default\n *     { field: 'address', header: 'Address', visible: false },\n *   ],\n *   plugins: [new VisibilityPlugin()],\n * };\n *\n * // Toggle programmatically\n * const plugin = grid.getPlugin(VisibilityPlugin);\n * plugin.showColumn('phone');\n * ```\n *\n * @example With Drag-to-Reorder\n * ```ts\n * import { VisibilityPlugin } from '@toolbox-web/grid/plugins/visibility';\n * import { ReorderPlugin } from '@toolbox-web/grid/plugins/reorder';\n *\n * grid.gridConfig = {\n *   plugins: [\n *     new ReorderPlugin(),      // Enables drag-drop in visibility panel\n *     new VisibilityPlugin(),\n *   ],\n * };\n * ```\n *\n * @see {@link VisibilityConfig} for configuration options\n * @see {@link ReorderPlugin} for drag-to-reorder integration\n *\n * @internal Extends BaseGridPlugin\n */\nexport class VisibilityPlugin extends BaseGridPlugin<VisibilityConfig> {\n  /**\n   * Plugin dependencies - VisibilityPlugin optionally uses ReorderPlugin for drag-drop reordering.\n   *\n   * When ReorderPlugin is present, columns in the visibility panel become draggable.\n   * @internal\n   */\n  static override readonly dependencies: PluginDependency[] = [\n    { name: 'reorder', required: false, reason: 'Enables drag-to-reorder columns in visibility panel' },\n  ];\n\n  /**\n   * Plugin manifest - declares handled queries.\n   * @internal\n   */\n  static override readonly manifest: PluginManifest = {\n    queries: [\n      {\n        type: 'getContextMenuItems',\n        description: 'Contributes \"Hide column\" item to the header context menu',\n      },\n    ],\n  };\n\n  /** @internal */\n  readonly name = 'visibility';\n\n  /** Tool panel ID for shell integration */\n  static readonly PANEL_ID = 'columns';\n  /** @internal */\n  override readonly styles = styles;\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<VisibilityConfig> {\n    return {\n      allowHideAll: false,\n    };\n  }\n\n  // #region Internal State\n  private columnListElement: HTMLElement | null = null;\n\n  // Drag state for reorder integration\n  private isDragging = false;\n  private draggedField: string | null = null;\n  private draggedIndex: number | null = null;\n  private dropIndex: number | null = null;\n  /** When dragging a group, holds the group ID; null for individual column drags. */\n  private draggedGroupId: string | null = null;\n  /** Fields belonging to the group currently being dragged. */\n  private draggedGroupFields: string[] = [];\n\n  /** Clear drag-related classes from all rows and group headers in a list. */\n  private clearDragClasses(container: HTMLElement): void {\n    container.querySelectorAll('.tbw-visibility-row, .tbw-visibility-group-header').forEach((r) => {\n      r.classList.remove('dragging', 'drop-target', 'drop-before', 'drop-after');\n    });\n  }\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    // Listen for column-move events (emitted by ReorderPlugin after any reorder,\n    // including header drag-drop and visibility panel drag-drop) to keep the\n    // panel list in sync with the grid's column order.\n    (grid as unknown as HTMLElement).addEventListener(\n      'column-move',\n      () => {\n        if (this.columnListElement) {\n          // column-move fires BEFORE setColumnOrder runs. Defer the rebuild\n          // to allow the full reorder cycle (setColumnOrder + renderHeader +\n          // refreshVirtualWindow) to complete before reading the new order.\n          // Use RAF to run after the current synchronous work and any\n          // animation frames queued by the animation system.\n          requestAnimationFrame(() => {\n            if (this.columnListElement) {\n              this.rebuildToggles(this.columnListElement);\n            }\n          });\n        }\n      },\n      { signal: this.disconnectSignal },\n    );\n  }\n\n  /** @internal */\n  override detach(): void {\n    this.columnListElement = null;\n    this.isDragging = false;\n    this.draggedField = null;\n    this.draggedIndex = null;\n    this.dropIndex = null;\n  }\n  // #endregion\n\n  // #region Query Handlers\n\n  /**\n   * Handle inter-plugin queries.\n   * Contributes a \"Hide column\" item to the header context menu.\n   * @internal\n   */\n  override handleQuery(query: PluginQuery): unknown {\n    if (query.type === '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 \"Hide\" for locked-visibility columns\n      if (column.meta?.lockVisibility) return undefined;\n\n      const items: HeaderContextMenuItem[] = [\n        {\n          id: 'visibility/hide-column',\n          label: 'Hide Column',\n          icon: '👁',\n          order: 30,\n          action: () => this.hideColumn(column.field),\n        },\n      ];\n\n      return items;\n    }\n    return undefined;\n  }\n  // #endregion\n\n  // #region Shell Integration\n\n  /**\n   * Register the column visibility tool panel with the shell.\n   * @internal\n   */\n  override getToolPanel(): ToolPanelDefinition | undefined {\n    return {\n      id: VisibilityPlugin.PANEL_ID,\n      title: 'Columns',\n      icon: '☰',\n      tooltip: 'Column visibility',\n      order: 100, // High order so it appears last\n      render: (container) => this.renderPanelContent(container),\n    };\n  }\n  // #endregion\n\n  // #region Public API\n\n  /**\n   * Show the visibility sidebar panel.\n   * Opens the tool panel and ensures this section is expanded.\n   */\n  show(): void {\n    this.grid.openToolPanel();\n    // Ensure our section is expanded\n    if (!this.grid.expandedToolPanelSections.includes(VisibilityPlugin.PANEL_ID)) {\n      this.grid.toggleToolPanelSection(VisibilityPlugin.PANEL_ID);\n    }\n  }\n\n  /**\n   * Hide the visibility sidebar panel.\n   */\n  hide(): void {\n    this.grid.closeToolPanel();\n  }\n\n  /**\n   * Toggle the visibility sidebar panel section.\n   */\n  toggle(): void {\n    // If tool panel is closed, open it first\n    if (!this.grid.isToolPanelOpen) {\n      this.grid.openToolPanel();\n    }\n    this.grid.toggleToolPanelSection(VisibilityPlugin.PANEL_ID);\n  }\n\n  /**\n   * Check if a specific column is visible.\n   * Delegates to grid.isColumnVisible().\n   * @param field - The field name to check\n   * @returns True if the column is visible\n   */\n  isColumnVisible(field: string): boolean {\n    return this.grid.isColumnVisible(field);\n  }\n\n  /**\n   * Set visibility for a specific column.\n   * Delegates to grid.setColumnVisible().\n   * @param field - The field name of the column\n   * @param visible - Whether the column should be visible\n   */\n  setColumnVisible(field: string, visible: boolean): void {\n    this.grid.setColumnVisible(field, visible);\n  }\n\n  /**\n   * Get list of all visible column fields.\n   * @returns Array of visible field names\n   */\n  getVisibleColumns(): string[] {\n    return this.grid\n      .getAllColumns()\n      .filter((c) => c.visible)\n      .map((c) => c.field);\n  }\n\n  /**\n   * Get list of all hidden column fields.\n   * @returns Array of hidden field names\n   */\n  getHiddenColumns(): string[] {\n    return this.grid\n      .getAllColumns()\n      .filter((c) => !c.visible)\n      .map((c) => c.field);\n  }\n\n  /**\n   * Show all columns.\n   * Delegates to grid.showAllColumns().\n   */\n  showAll(): void {\n    this.grid.showAllColumns();\n  }\n\n  /**\n   * Toggle visibility for a specific column.\n   * Delegates to grid.toggleColumnVisibility().\n   * @param field - The field name of the column\n   */\n  toggleColumn(field: string): void {\n    this.grid.toggleColumnVisibility(field);\n  }\n\n  /**\n   * Show a specific column.\n   * Delegates to grid.setColumnVisible().\n   * @param field - The field name of the column to show\n   */\n  showColumn(field: string): void {\n    this.setColumnVisible(field, true);\n  }\n\n  /**\n   * Hide a specific column.\n   * Delegates to grid.setColumnVisible().\n   * @param field - The field name of the column to hide\n   */\n  hideColumn(field: string): void {\n    this.setColumnVisible(field, false);\n  }\n\n  /**\n   * Get all columns with their visibility status.\n   * Useful for building visibility UI.\n   * @returns Array of column info with visibility status\n   */\n  getAllColumns(): Array<{\n    field: string;\n    header: string;\n    visible: boolean;\n    lockVisible?: boolean;\n    utility?: boolean;\n  }> {\n    return this.grid.getAllColumns();\n  }\n\n  /**\n   * Check if the sidebar panel is currently open.\n   * @returns True if the panel section is expanded\n   */\n  isPanelVisible(): boolean {\n    return this.grid.isToolPanelOpen && this.grid.expandedToolPanelSections.includes(VisibilityPlugin.PANEL_ID);\n  }\n  // #endregion\n\n  // #region Private Methods\n\n  /**\n   * Render the panel content into the shell's tool panel container.\n   * Returns a cleanup function.\n   */\n  private renderPanelContent(container: HTMLElement): (() => void) | void {\n    // Create content wrapper\n    const wrapper = document.createElement('div');\n    wrapper.className = 'tbw-visibility-content';\n\n    // Column list container\n    const columnList = document.createElement('div');\n    columnList.className = 'tbw-visibility-list';\n    wrapper.appendChild(columnList);\n\n    // Show all button\n    const showAllBtn = document.createElement('button');\n    showAllBtn.className = 'tbw-visibility-show-all';\n    showAllBtn.textContent = 'Show All';\n    showAllBtn.addEventListener('click', () => {\n      this.grid.showAllColumns();\n      this.rebuildToggles(columnList);\n    });\n    wrapper.appendChild(showAllBtn);\n\n    // Store reference\n    this.columnListElement = columnList;\n\n    // Build initial toggles\n    this.rebuildToggles(columnList);\n\n    // Append to container\n    container.appendChild(wrapper);\n\n    // Return cleanup function\n    return () => {\n      this.columnListElement = null;\n      wrapper.remove();\n    };\n  }\n\n  /**\n   * Check if a reorder plugin is present (by name to avoid static import).\n   */\n  private hasReorderPlugin(): boolean {\n    const plugin = this.grid?.getPluginByName?.('reorder');\n    // Duck-type check - just verify the plugin exists and has a moveColumn method\n    return !!(plugin && typeof (plugin as { moveColumn?: unknown }).moveColumn === 'function');\n  }\n\n  /**\n   * Build the column toggle checkboxes.\n   * When GroupingColumnsPlugin is present, renders columns under collapsible group headers.\n   * When a reorder plugin is present, adds drag handles for reordering.\n   */\n  private rebuildToggles(columnList: HTMLElement): void {\n    const reorderEnabled = this.hasReorderPlugin();\n\n    columnList.innerHTML = '';\n\n    // getAllColumns() returns columns in their effective display order\n    // Filter out utility columns (e.g., expander column) as they're internal\n    const allColumns = this.grid.getAllColumns().filter((c) => !c.utility);\n\n    // Query for column grouping info from GroupingColumnsPlugin (or any responder)\n    const groupResults = this.grid.query<ColumnGroupInfo[]>('getColumnGrouping');\n    const groups: ColumnGroupInfo[] = groupResults?.flat().filter((g) => g && g.fields.length > 0) ?? [];\n\n    if (groups.length === 0) {\n      // No grouping — render flat list (original behavior)\n      this.renderFlatColumnList(allColumns, reorderEnabled, columnList);\n      return;\n    }\n\n    // Build field → group lookup\n    const fieldToGroup = new Map<string, ColumnGroupInfo>();\n    for (const group of groups) {\n      for (const field of group.fields) fieldToGroup.set(field, group);\n    }\n\n    // Walk columns in display order, interleaving groups and ungrouped columns.\n    // When we encounter the first column of a group, render the entire group section.\n    const renderedGroups = new Set<string>();\n\n    for (const col of allColumns) {\n      const group = fieldToGroup.get(col.field);\n\n      if (group) {\n        // Column belongs to a group — render entire group section at first encounter\n        if (!renderedGroups.has(group.id)) {\n          renderedGroups.add(group.id);\n          // Filter allColumns (which is in display order) to group members.\n          // This preserves the current column order after reordering,\n          // rather than using group.fields which may be in static/original order.\n          const groupFieldSet = new Set(group.fields);\n          const groupCols = allColumns.filter((c) => groupFieldSet.has(c.field));\n          if (groupCols.length > 0) {\n            this.renderGroupSection(group, groupCols, reorderEnabled, columnList);\n          }\n        }\n        // Subsequent columns of the same group are already rendered — skip\n      } else {\n        // Ungrouped column — render as individual row at its natural position\n        const fullIndex = allColumns.indexOf(col);\n        columnList.appendChild(this.createColumnRow(col, fullIndex, reorderEnabled, columnList));\n      }\n    }\n  }\n\n  /**\n   * Render a group section with header checkbox and indented column rows.\n   */\n  private renderGroupSection(\n    group: ColumnGroupInfo,\n    columns: ReturnType<typeof this.grid.getAllColumns>,\n    reorderEnabled: boolean,\n    container: HTMLElement,\n  ): void {\n    // Group header row\n    const header = document.createElement('div');\n    header.className = 'tbw-visibility-group-header';\n    header.setAttribute('data-group-id', group.id);\n\n    // Make group header draggable when reorder is enabled\n    if (reorderEnabled) {\n      header.draggable = true;\n      header.classList.add('reorderable');\n      this.setupGroupDragListeners(header, group, container);\n    }\n\n    const headerLabel = document.createElement('label');\n    headerLabel.className = 'tbw-visibility-label';\n\n    const groupCheckbox = document.createElement('input');\n    groupCheckbox.type = 'checkbox';\n\n    // Calculate tri-state: all visible, all hidden, or mixed\n    const visibleCount = columns.filter((c) => c.visible).length;\n    const allLocked = columns.every((c) => c.lockVisible);\n    if (visibleCount === columns.length) {\n      groupCheckbox.checked = true;\n      groupCheckbox.indeterminate = false;\n    } else if (visibleCount === 0) {\n      groupCheckbox.checked = false;\n      groupCheckbox.indeterminate = false;\n    } else {\n      groupCheckbox.checked = false;\n      groupCheckbox.indeterminate = true;\n    }\n    groupCheckbox.disabled = allLocked;\n\n    // Toggle all columns in group\n    groupCheckbox.addEventListener('change', () => {\n      const newVisible = groupCheckbox.checked;\n      for (const col of columns) {\n        if (col.lockVisible) continue;\n        this.grid.setColumnVisible(col.field, newVisible);\n      }\n      setTimeout(() => this.rebuildToggles(container), 0);\n    });\n\n    const headerText = document.createElement('span');\n    headerText.textContent = group.label;\n\n    headerLabel.appendChild(groupCheckbox);\n    headerLabel.appendChild(headerText);\n    header.appendChild(headerLabel);\n\n    // Add drag handle icon for group if reorderable\n    if (reorderEnabled) {\n      const handle = document.createElement('span');\n      handle.className = 'tbw-visibility-handle';\n      this.setIcon(handle, this.resolveIcon('dragHandle'));\n      handle.title = 'Drag to reorder group';\n      // Insert handle before the label\n      header.insertBefore(handle, headerLabel);\n    }\n\n    container.appendChild(header);\n\n    // Render indented column rows\n    const allColumnsFullList = this.grid.getAllColumns().filter((c) => !c.utility);\n    for (const col of columns) {\n      const fullIndex = allColumnsFullList.findIndex((c) => c.field === col.field);\n      const row = this.createColumnRow(col, fullIndex, reorderEnabled, container);\n      row.classList.add('tbw-visibility-row--grouped');\n      container.appendChild(row);\n    }\n  }\n\n  /**\n   * Render a flat (ungrouped) list of column rows.\n   */\n  private renderFlatColumnList(\n    columns: ReturnType<typeof this.grid.getAllColumns>,\n    reorderEnabled: boolean,\n    container: HTMLElement,\n  ): void {\n    const allColumnsFullList = this.grid.getAllColumns().filter((c) => !c.utility);\n    for (const col of columns) {\n      const fullIndex = allColumnsFullList.findIndex((c) => c.field === col.field);\n      container.appendChild(this.createColumnRow(col, fullIndex, reorderEnabled, container));\n    }\n  }\n\n  /**\n   * Create a single column visibility row element.\n   */\n  private createColumnRow(\n    col: ReturnType<typeof this.grid.getAllColumns>[number],\n    index: number,\n    reorderEnabled: boolean,\n    columnList: HTMLElement,\n  ): HTMLElement {\n    const label = col.header || col.field;\n\n    const row = document.createElement('div');\n    row.className = col.lockVisible ? 'tbw-visibility-row locked' : 'tbw-visibility-row';\n    row.setAttribute('data-field', col.field);\n    row.setAttribute('data-index', String(index));\n\n    // Add drag handle if reorder is enabled\n    if (reorderEnabled && canMoveColumn(col as unknown as ColumnConfig)) {\n      row.draggable = true;\n      row.classList.add('reorderable');\n      this.setupDragListeners(row, col.field, index, columnList);\n    }\n\n    const labelWrapper = document.createElement('label');\n    labelWrapper.className = 'tbw-visibility-label';\n\n    const checkbox = document.createElement('input');\n    checkbox.type = 'checkbox';\n    checkbox.checked = col.visible;\n    checkbox.disabled = col.lockVisible ?? false;\n    checkbox.addEventListener('change', () => {\n      this.grid.toggleColumnVisibility(col.field);\n      // Refresh after toggle (grid may re-render)\n      setTimeout(() => this.rebuildToggles(columnList), 0);\n    });\n\n    const text = document.createElement('span');\n    text.textContent = label;\n\n    labelWrapper.appendChild(checkbox);\n    labelWrapper.appendChild(text);\n\n    // Add drag handle icon if reorderable\n    if (reorderEnabled && canMoveColumn(col as unknown as ColumnConfig)) {\n      const handle = document.createElement('span');\n      handle.className = 'tbw-visibility-handle';\n      this.setIcon(handle, this.resolveIcon('dragHandle'));\n      handle.title = 'Drag to reorder';\n      row.appendChild(handle);\n    }\n\n    row.appendChild(labelWrapper);\n    return row;\n  }\n\n  /**\n   * Set up drag-and-drop listeners for a group header row.\n   * Dragging a group moves all its member columns as a block.\n   */\n  private setupGroupDragListeners(header: HTMLElement, group: ColumnGroupInfo, columnList: HTMLElement): void {\n    header.addEventListener('dragstart', (e: DragEvent) => {\n      this.isDragging = true;\n      this.draggedGroupId = group.id;\n      this.draggedGroupFields = [...group.fields];\n      // Use first field as representative for dataTransfer\n      this.draggedField = null;\n      this.draggedIndex = null;\n\n      if (e.dataTransfer) {\n        e.dataTransfer.effectAllowed = 'move';\n        e.dataTransfer.setData('text/plain', `group:${group.id}`);\n      }\n\n      // Mark entire group (header + children) as dragging\n      header.classList.add('dragging');\n      columnList.querySelectorAll(`.tbw-visibility-row--grouped`).forEach((row) => {\n        const field = row.getAttribute('data-field');\n        if (field && this.draggedGroupFields.includes(field)) {\n          row.classList.add('dragging');\n        }\n      });\n    });\n\n    header.addEventListener('dragend', () => {\n      this.isDragging = false;\n      this.draggedGroupId = null;\n      this.draggedGroupFields = [];\n      this.draggedField = null;\n      this.draggedIndex = null;\n      this.dropIndex = null;\n      this.clearDragClasses(columnList);\n    });\n\n    // Group headers are also drop targets for other groups\n    header.addEventListener('dragover', (e: DragEvent) => {\n      e.preventDefault();\n      if (!this.isDragging) return;\n      // Can't drop onto self\n      if (this.draggedGroupId === group.id) return;\n      // Can't drop individual columns onto group headers\n      if (!this.draggedGroupId) return;\n\n      const rect = header.getBoundingClientRect();\n      const midY = rect.top + rect.height / 2;\n      const before = e.clientY < midY;\n\n      this.clearDragClasses(columnList);\n      header.classList.add('drop-target');\n      header.classList.toggle('drop-before', before);\n      header.classList.toggle('drop-after', !before);\n    });\n\n    header.addEventListener('dragleave', () => {\n      header.classList.remove('drop-target', 'drop-before', 'drop-after');\n    });\n\n    header.addEventListener('drop', (e: DragEvent) => {\n      e.preventDefault();\n      if (!this.isDragging || !this.draggedGroupId || this.draggedGroupId === group.id) return;\n\n      const rect = header.getBoundingClientRect();\n      const before = e.clientY < rect.top + rect.height / 2;\n\n      this.executeGroupDrop(this.draggedGroupFields, group.fields, before, columnList);\n    });\n  }\n\n  /**\n   * Execute a group drop — move the dragged group's fields as a block\n   * to the position relative to the target group or column.\n   */\n  private executeGroupDrop(\n    draggedFields: string[],\n    targetFields: string[],\n    before: boolean,\n    columnList: HTMLElement,\n  ): void {\n    const allColumns = this.grid.getAllColumns();\n    const currentOrder = allColumns.map((c) => c.field);\n\n    // Remove dragged fields from current order\n    const remaining = currentOrder.filter((f) => !draggedFields.includes(f));\n\n    // Find insertion point relative to target\n    // Use the first field of target group if inserting before, last if after\n    const anchorField = before ? targetFields[0] : targetFields[targetFields.length - 1];\n    const insertAt = remaining.indexOf(anchorField);\n    if (insertAt === -1) return;\n\n    // Insert the dragged group block at the correct position\n    const insertIndex = before ? insertAt : insertAt + 1;\n\n    // Preserve the dragged fields' original relative order\n    const draggedInOrder = currentOrder.filter((f) => draggedFields.includes(f));\n    remaining.splice(insertIndex, 0, ...draggedInOrder);\n\n    this.grid.setColumnOrder(remaining);\n    // Panel rebuild handled by column-move listener — but since we're calling\n    // setColumnOrder directly (not through ReorderPlugin.moveColumn), we need\n    // to manually trigger a rebuild.\n    requestAnimationFrame(() => {\n      if (this.columnListElement) {\n        this.rebuildToggles(this.columnListElement);\n      }\n    });\n  }\n\n  /**\n   * Set up drag-and-drop event listeners for a row.\n   * On drop, emits a 'column-reorder-request' event for other plugins to handle.\n   */\n  private setupDragListeners(row: HTMLElement, field: string, index: number, columnList: HTMLElement): void {\n    row.addEventListener('dragstart', (e: DragEvent) => {\n      this.isDragging = true;\n      this.draggedField = field;\n      this.draggedIndex = index;\n      // Clear any stale group drag state\n      this.draggedGroupId = null;\n      this.draggedGroupFields = [];\n\n      if (e.dataTransfer) {\n        e.dataTransfer.effectAllowed = 'move';\n        e.dataTransfer.setData('text/plain', field);\n      }\n\n      row.classList.add('dragging');\n    });\n\n    row.addEventListener('dragend', () => {\n      this.isDragging = false;\n      this.draggedField = null;\n      this.draggedIndex = null;\n      this.dropIndex = null;\n      this.clearDragClasses(columnList);\n    });\n\n    row.addEventListener('dragover', (e: DragEvent) => {\n      e.preventDefault();\n      if (!this.isDragging) return;\n\n      // If dragging a group, only allow drop on ungrouped rows\n      if (this.draggedGroupId) {\n        if (row.classList.contains('tbw-visibility-row--grouped')) return;\n      } else if (this.draggedField === field) {\n        return;\n      }\n\n      const rect = row.getBoundingClientRect();\n      const midY = rect.top + rect.height / 2;\n\n      this.dropIndex = e.clientY < midY ? index : index + 1;\n\n      // Clear other highlights\n      this.clearDragClasses(columnList);\n      // Re-mark dragged elements\n      if (this.draggedGroupId) {\n        columnList\n          .querySelector(`.tbw-visibility-group-header[data-group-id=\"${this.draggedGroupId}\"]`)\n          ?.classList.add('dragging');\n        columnList.querySelectorAll('.tbw-visibility-row--grouped').forEach((r) => {\n          const f = r.getAttribute('data-field');\n          if (f && this.draggedGroupFields.includes(f)) r.classList.add('dragging');\n        });\n      } else if (this.draggedField) {\n        columnList.querySelector(`.tbw-visibility-row[data-field=\"${this.draggedField}\"]`)?.classList.add('dragging');\n      }\n\n      row.classList.add('drop-target');\n      row.classList.toggle('drop-before', e.clientY < midY);\n      row.classList.toggle('drop-after', e.clientY >= midY);\n    });\n\n    row.addEventListener('dragleave', () => {\n      row.classList.remove('drop-target', 'drop-before', 'drop-after');\n    });\n\n    row.addEventListener('drop', (e: DragEvent) => {\n      e.preventDefault();\n\n      if (!this.isDragging) return;\n\n      // Group drop onto an ungrouped row\n      if (this.draggedGroupId && this.draggedGroupFields.length > 0) {\n        if (row.classList.contains('tbw-visibility-row--grouped')) return;\n        const rect = row.getBoundingClientRect();\n        const before = e.clientY < rect.top + rect.height / 2;\n        this.executeGroupDrop(this.draggedGroupFields, [field], before, columnList);\n        return;\n      }\n\n      // Individual column drop\n      const draggedField = this.draggedField;\n      const draggedIndex = this.draggedIndex;\n      const dropIndex = this.dropIndex;\n\n      if (draggedField === null || draggedIndex === null || dropIndex === null) {\n        return;\n      }\n\n      // Calculate the effective target index (in the filtered non-utility list)\n      const effectiveToIndex = dropIndex > draggedIndex ? dropIndex - 1 : dropIndex;\n\n      if (effectiveToIndex !== draggedIndex) {\n        // Convert from non-utility index to full column order index\n        // by counting how many utility columns come before the target position\n        const allColumns = this.grid.getAllColumns();\n        const nonUtilityColumns = allColumns.filter((c) => !c.utility);\n\n        // Find the target field at effectiveToIndex in non-utility list\n        const targetField = nonUtilityColumns[effectiveToIndex]?.field;\n        // Find its actual index in the full column order\n        const fullOrderToIndex = targetField ? allColumns.findIndex((c) => c.field === targetField) : allColumns.length;\n\n        // Emit a request event - other plugins (like ReorderPlugin) can listen and handle\n        const detail: ColumnReorderRequestDetail = {\n          field: draggedField,\n          fromIndex: draggedIndex, // Not used by ReorderPlugin, just for info\n          toIndex: fullOrderToIndex,\n        };\n        this.emit<ColumnReorderRequestDetail>('column-reorder-request', detail);\n        // Panel rebuild is handled by the column-move listener in attach()\n      }\n    });\n  }\n  // #endregion\n}\n"],"names":["canMoveColumn","column","meta","VisibilityPlugin","BaseGridPlugin","styles","container","r","grid","query","params","field","visible","c","wrapper","columnList","showAllBtn","plugin","reorderEnabled","allColumns","groups","g","fieldToGroup","group","renderedGroups","col","groupFieldSet","groupCols","fullIndex","columns","header","headerLabel","groupCheckbox","visibleCount","allLocked","newVisible","headerText","handle","allColumnsFullList","row","index","label","labelWrapper","checkbox","text","e","rect","midY","before","draggedFields","targetFields","currentOrder","remaining","f","anchorField","insertAt","insertIndex","draggedInOrder","draggedField","draggedIndex","dropIndex","effectiveToIndex","targetField","fullOrderToIndex","detail"],"mappings":"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"}