@toolbox-web/grid 2.1.1 → 2.3.0

package/umd/plugins/server-side.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"server-side.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/server-side/datasource.ts","../../../../../libs/grid/src/lib/plugins/server-side/ServerSidePlugin.ts"],"sourcesContent":["import type { GetRowsParams, GetRowsResult, ServerSideDataSource } from './datasource-types';\n\nexport function getBlockNumber(nodeIndex: number, blockSize: number): number {\n  return Math.floor(nodeIndex / blockSize);\n}\n\nexport function getBlockRange(blockNumber: number, blockSize: number): { start: number; end: number } {\n  return {\n    start: blockNumber * blockSize,\n    end: (blockNumber + 1) * blockSize,\n  };\n}\n\nexport function getRequiredBlocks(startNode: number, endNode: number, blockSize: number): number[] {\n  const startBlock = getBlockNumber(startNode, blockSize);\n  const endBlock = getBlockNumber(endNode - 1, blockSize);\n\n  const blocks: number[] = [];\n  for (let i = startBlock; i <= endBlock; i++) {\n    blocks.push(i);\n  }\n  return blocks;\n}\n\nexport async function loadBlock(\n  dataSource: ServerSideDataSource,\n  blockNumber: number,\n  blockSize: number,\n  params: Partial<GetRowsParams>,\n): Promise<GetRowsResult> {\n  const range = getBlockRange(blockNumber, blockSize);\n\n  return dataSource.getRows({\n    startNode: range.start,\n    endNode: range.end,\n    sortModel: params.sortModel,\n    filterModel: params.filterModel,\n  });\n}\n\nexport function getRowFromCache(\n  nodeIndex: number,\n  blockSize: number,\n  loadedBlocks: Map<number, unknown[]>,\n): unknown | undefined {\n  const blockNumber = getBlockNumber(nodeIndex, blockSize);\n  const block = loadedBlocks.get(blockNumber);\n  if (!block) return undefined;\n\n  const indexInBlock = nodeIndex % blockSize;\n  return block[indexInBlock];\n}\n\nexport function isBlockLoaded(blockNumber: number, loadedBlocks: Map<number, unknown[]>): boolean {\n  return loadedBlocks.has(blockNumber);\n}\n\nexport function isBlockLoading(blockNumber: number, loadingBlocks: Set<number>): boolean {\n  return loadingBlocks.has(blockNumber);\n}\n","/**\n * Server-Side Data Plugin (Class-based)\n *\n * Central data orchestrator for the grid. Owns fetch + cache + row-model management.\n * Structural plugins (Tree, GroupingRows) claim data via events; core grid uses it\n * as flat rows when unclaimed.\n */\n\nimport {\n  DATASOURCE_CHILD_FETCH_ERROR,\n  DATASOURCE_FETCH_ERROR,\n  DATASOURCE_NO_CHILD_HANDLER,\n  DATASOURCE_THROTTLED,\n  debugDiagnostic,\n  errorDiagnostic,\n  warnDiagnostic,\n} from '../../core/internal/diagnostics';\nimport { BaseGridPlugin, ScrollEvent, type PluginManifest, type PluginQuery } from '../../core/plugin/base-plugin';\nimport type { GridHost } from '../../core/types';\nimport { getBlockNumber, getRequiredBlocks, getRowFromCache, loadBlock } from './datasource';\nimport type {\n  DataSourceChildrenDetail,\n  DataSourceDataDetail,\n  DataSourceErrorDetail,\n  DataSourceLoadingDetail,\n  FetchChildrenQuery,\n  GetRowsParams,\n  GetRowsResult,\n  ServerSideDataSource,\n  ViewportMappingQuery,\n  ViewportMappingResponse,\n} from './datasource-types';\nimport type { ServerSideConfig } from './types';\n\n/** Scroll debounce delay in ms */\nconst SCROLL_DEBOUNCE_MS = 100;\n\n/**\n * Server-Side Data Plugin for tbw-grid\n *\n * Central data orchestrator for the grid. Manages fetch, cache, and row-model for\n * server-side data loading. Structural plugins (Tree, GroupingRows) can claim data\n * via events; the core grid uses it as flat rows when unclaimed.\n *\n * ## Installation\n *\n * ```ts\n * import { ServerSidePlugin } from '@toolbox-web/grid/plugins/server-side';\n * ```\n *\n * ## DataSource Interface\n *\n * ```ts\n * interface ServerSideDataSource {\n *   getRows(params: GetRowsParams): Promise<GetRowsResult>;\n *   getChildRows?(params: GetChildRowsParams): Promise<GetChildRowsResult>;\n * }\n * ```\n *\n * @example Basic Server-Side Loading\n * ```ts\n * import '@toolbox-web/grid';\n * import '@toolbox-web/grid/features/server-side';\n *\n * grid.gridConfig = {\n *   columns: [...],\n *   features: {\n *     serverSide: {\n *       pageSize: 50,\n *       dataSource: {\n *         async getRows(params) {\n *           const response = await fetch(\n *             `/api/data?start=${params.startNode}&end=${params.endNode}`\n *           );\n *           const data = await response.json();\n *           return { rows: data.rows, totalNodeCount: data.total };\n *         },\n *       },\n *     },\n *   },\n * };\n * ```\n *\n * @see {@link ServerSideConfig} for configuration options\n * @see {@link ServerSideDataSource} for data source interface\n *\n * @internal Extends BaseGridPlugin\n */\nexport class ServerSidePlugin extends BaseGridPlugin<ServerSideConfig> {\n  /**\n   * Plugin manifest declaring capabilities, hooks, events, and queries.\n   * @internal\n   */\n  static override readonly manifest: PluginManifest = {\n    modifiesRowStructure: true,\n    hookPriority: {\n      processRows: -10, // Run before structural plugins (Tree, GroupingRows)\n    },\n    incompatibleWith: [\n      {\n        name: 'pivot',\n        reason:\n          'PivotPlugin requires the full dataset to compute aggregations. ' +\n          'ServerSidePlugin lazy-loads rows in blocks, so pivot aggregation cannot be performed client-side.',\n      },\n    ],\n    events: [\n      { type: 'datasource:data', description: 'Root data page/block loaded' },\n      { type: 'datasource:children', description: 'Child data loaded for a parent context' },\n      { type: 'datasource:loading', description: 'Loading state changed' },\n      { type: 'datasource:error', description: 'Fetch operation failed' },\n    ],\n    queries: [\n      { type: 'datasource:fetch-children', description: 'Request child rows for a parent context' },\n      { type: 'datasource:is-active', description: 'Check if ServerSide plugin has an active data source' },\n    ],\n  };\n\n  /** @internal */\n  readonly name = 'serverSide';\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<ServerSideConfig> {\n    return {\n      pageSize: 100,\n      cacheBlockSize: 100,\n      maxConcurrentRequests: 2,\n    };\n  }\n\n  // #region Internal State\n  private dataSource: ServerSideDataSource | null = null;\n  private totalNodeCount = 0;\n  private infiniteScrollMode = false;\n  private loadedBlocks = new Map<number, unknown[]>();\n  private loadingBlocks = new Set<number>();\n  private lastRequestId = 0;\n  private scrollDebounceTimer?: ReturnType<typeof setTimeout>;\n  /** Persistent node array with stable placeholder references to avoid unnecessary DOM rebuilds. */\n  private managedNodes: unknown[] = [];\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    // Invalidate cache and refetch on sort/filter changes\n    this.on('sort-change', () => this.onModelChange());\n    this.on('filter-change', () => this.onModelChange());\n\n    // Auto-initialize from config when dataSource is provided declaratively\n    if (this.config.dataSource) {\n      this.setDataSource(this.config.dataSource);\n    }\n  }\n\n  /** @internal */\n  override detach(): void {\n    this.dataSource = null;\n    this.totalNodeCount = 0;\n    this.infiniteScrollMode = false;\n    this.loadedBlocks.clear();\n    this.loadingBlocks.clear();\n    this.managedNodes = [];\n    this.lastRequestId = 0;\n    if (this.scrollDebounceTimer) {\n      clearTimeout(this.scrollDebounceTimer);\n      this.scrollDebounceTimer = undefined;\n    }\n  }\n  // #endregion\n\n  // #region Private Methods\n\n  /**\n   * Build enrichment params by querying sort/filter models from loaded plugins.\n   */\n  private getEnrichmentParams(): Partial<GetRowsParams> {\n    const sortResults = this.grid?.query?.('sort:get-model', null) as\n      | Array<{ field: string; direction: 'asc' | 'desc' }>[]\n      | undefined;\n    const filterResults = this.grid?.query?.('filter:get-model', null) as Record<string, unknown>[] | undefined;\n\n    return {\n      sortModel: sortResults?.[0],\n      filterModel: filterResults?.[0],\n    };\n  }\n\n  /**\n   * Translate visible viewport indices to node-space indices via structural plugins.\n   * Falls back to 1:1 mapping (flat data) when no structural plugin responds.\n   */\n  private getViewportMapping(viewportStart: number, viewportEnd: number): ViewportMappingResponse {\n    const query: ViewportMappingQuery = { viewportStart, viewportEnd };\n    const results = this.grid?.query?.('datasource:viewport-mapping', query) as ViewportMappingResponse[] | undefined;\n\n    // Structural plugin responded — use its mapping\n    if (results?.[0]) return results[0];\n\n    // No structural plugin → 1:1 mapping (flat data)\n    return {\n      startNode: viewportStart,\n      endNode: viewportEnd,\n      totalLoadedNodes: this.totalNodeCount,\n    };\n  }\n\n  /**\n   * Handle sort or filter model changes.\n   * Purge cache and refetch current viewport with new enrichment params.\n   */\n  private onModelChange(): void {\n    if (!this.dataSource) return;\n    this.loadedBlocks.clear();\n    this.loadingBlocks.clear();\n    this.managedNodes = [];\n    this.totalNodeCount = 0;\n    this.infiniteScrollMode = false;\n    this.requestRender();\n  }\n\n  /**\n   * Apply server response metadata: resolve totalNodeCount and infinite scroll mode.\n   * When `lastNode` is provided, it takes priority and finalizes the total.\n   * When `totalNodeCount` is -1, switch to infinite scroll (growing array).\n   * When a block returns fewer rows than blockSize, detect end-of-data.\n   */\n  private applyServerResult(result: GetRowsResult, blockNum: number, blockSize: number): void {\n    if (result.lastNode !== undefined) {\n      // Server declared the exact end\n      this.totalNodeCount = result.lastNode + 1;\n      this.infiniteScrollMode = false;\n    } else if (result.totalNodeCount === -1) {\n      this.infiniteScrollMode = true;\n    } else {\n      this.totalNodeCount = result.totalNodeCount;\n      this.infiniteScrollMode = false;\n    }\n\n    // Auto-detect end of data: short block means server has no more rows\n    if (this.infiniteScrollMode && result.rows.length < blockSize) {\n      this.totalNodeCount = blockNum * blockSize + result.rows.length;\n      this.infiniteScrollMode = false;\n    }\n  }\n\n  /**\n   * Estimate the row count for infinite scroll mode.\n   * Returns loaded rows + one extra block of placeholders to trigger next fetch.\n   */\n  private getInfiniteScrollEstimate(blockSize: number): number {\n    let maxLoadedEnd = 0;\n    for (const [block, rows] of this.loadedBlocks) {\n      const end = block * blockSize + rows.length;\n      if (end > maxLoadedEnd) maxLoadedEnd = end;\n    }\n    return maxLoadedEnd + blockSize;\n  }\n\n  /**\n   * Check current viewport and load any missing blocks.\n   */\n  private loadRequiredBlocks(): void {\n    if (!this.dataSource) return;\n\n    const gridRef = this.grid as unknown as GridHost;\n    const blockSize = this.config.cacheBlockSize ?? 100;\n\n    // Translate viewport to node space via structural plugins\n    const viewport = this.getViewportMapping(gridRef._virtualization.start, gridRef._virtualization.end);\n\n    // Determine which blocks are needed for current viewport (in node space)\n    const requiredBlocks = getRequiredBlocks(viewport.startNode, viewport.endNode, blockSize);\n    const enrichment = this.getEnrichmentParams();\n    const gridId = this.grid?.getAttribute?.('id') ?? undefined;\n\n    // Load missing blocks\n    for (const blockNum of requiredBlocks) {\n      if (this.loadedBlocks.has(blockNum) || this.loadingBlocks.has(blockNum)) {\n        continue;\n      }\n\n      // Check concurrent request limit\n      if (this.loadingBlocks.size >= (this.config.maxConcurrentRequests ?? 2)) {\n        debugDiagnostic(DATASOURCE_THROTTLED, 'Concurrent request limit reached, deferring block load', gridId);\n        break;\n      }\n\n      this.loadingBlocks.add(blockNum);\n      this.broadcast<DataSourceLoadingDetail>('datasource:loading', { loading: true });\n\n      loadBlock(this.dataSource, blockNum, blockSize, enrichment)\n        .then((result) => {\n          this.loadedBlocks.set(blockNum, result.rows);\n          this.applyServerResult(result, blockNum, blockSize);\n          this.loadingBlocks.delete(blockNum);\n\n          // Update managed nodes in place for this block (avoids full processRows rebuild)\n          const start = blockNum * blockSize;\n          for (let i = 0; i < result.rows.length; i++) {\n            if (start + i < this.managedNodes.length) {\n              this.managedNodes[start + i] = result.rows[i];\n            }\n          }\n\n          // Broadcast data event with claimed flag\n          const detail: DataSourceDataDetail = {\n            rows: result.rows,\n            totalNodeCount: result.totalNodeCount,\n            startNode: start,\n            endNode: start + result.rows.length,\n            claimed: false,\n          };\n          this.broadcast('datasource:data', detail);\n\n          if (this.loadingBlocks.size === 0) {\n            this.broadcast<DataSourceLoadingDetail>('datasource:loading', { loading: false });\n          }\n\n          // Re-render visible rows without force geometry recalculation.\n          // requestVirtualRefresh() skips spacer height writes that cause oscillation\n          // with the scheduler's afterRender microtask. Node count hasn't changed —\n          // only cached data replaced placeholders — so geometry is stable.\n          this.requestVirtualRefresh();\n\n          // Re-check with fresh viewport: user may have scrolled further\n          this.loadRequiredBlocks();\n        })\n        .catch((error: unknown) => {\n          this.loadingBlocks.delete(blockNum);\n          const err = error instanceof Error ? error : new Error(String(error));\n          errorDiagnostic(DATASOURCE_FETCH_ERROR, `getRows() failed: ${err.message}`, gridId);\n          this.broadcast<DataSourceErrorDetail>('datasource:error', { error: err });\n\n          if (this.loadingBlocks.size === 0) {\n            this.broadcast<DataSourceLoadingDetail>('datasource:loading', { loading: false });\n          }\n        });\n    }\n  }\n  // #endregion\n\n  // #region Hooks\n\n  /** @internal */\n  override processRows(rows: readonly unknown[]): unknown[] {\n    if (!this.dataSource) return [...rows];\n\n    const blockSize = this.config.cacheBlockSize ?? 100;\n\n    // Guard against invalid totalNodeCount (e.g. undefined from a malformed datasource response).\n    // In infinite scroll mode, estimate the total from loaded data + one extra block.\n    const nodeCount = this.infiniteScrollMode\n      ? this.getInfiniteScrollEstimate(blockSize)\n      : Number.isFinite(this.totalNodeCount) && this.totalNodeCount >= 0\n        ? this.totalNodeCount\n        : 0;\n\n    // Grow array with stable placeholder objects (created once, reused across renders)\n    while (this.managedNodes.length < nodeCount) {\n      const i = this.managedNodes.length;\n      this.managedNodes.push({ __loading: true, __index: i });\n    }\n    // Shrink if total decreased\n    this.managedNodes.length = nodeCount;\n\n    // Replace placeholders with cached data (stable refs for unchanged entries)\n    for (let i = 0; i < nodeCount; i++) {\n      const cached = getRowFromCache(i, blockSize, this.loadedBlocks);\n      if (cached) {\n        this.managedNodes[i] = cached;\n      }\n    }\n\n    return this.managedNodes;\n  }\n\n  /** @internal */\n  override onScroll(event: ScrollEvent): void {\n    if (!this.dataSource) return;\n\n    // Immediate check for blocks\n    this.loadRequiredBlocks();\n\n    // Debounce: when scrolling stops, do a final check with fresh viewport\n    if (this.scrollDebounceTimer) {\n      clearTimeout(this.scrollDebounceTimer);\n    }\n    this.scrollDebounceTimer = setTimeout(() => {\n      this.loadRequiredBlocks();\n    }, SCROLL_DEBOUNCE_MS);\n  }\n\n  /** @internal */\n  override handleQuery(query: PluginQuery): unknown {\n    switch (query.type) {\n      case 'datasource:is-active':\n        return this.dataSource != null;\n\n      case 'datasource:fetch-children': {\n        const { context } = query.context as FetchChildrenQuery;\n        this.fetchChildren(context);\n        return undefined;\n      }\n    }\n    return undefined;\n  }\n  // #endregion\n\n  // #region Child Data Fetching\n\n  /**\n   * Fetch child rows via the datasource and broadcast the result.\n   */\n  private fetchChildren(context: { source: string; [key: string]: unknown }): void {\n    if (!this.dataSource) return;\n\n    const gridId = this.grid?.getAttribute?.('id') ?? undefined;\n\n    if (!this.dataSource.getChildRows) {\n      warnDiagnostic(\n        DATASOURCE_NO_CHILD_HANDLER,\n        `Plugin \"${context.source}\" requested child rows but getChildRows() is not implemented on the dataSource`,\n        gridId,\n      );\n      return;\n    }\n\n    const enrichment = this.getEnrichmentParams();\n    this.broadcast<DataSourceLoadingDetail>('datasource:loading', { loading: true, context });\n\n    this.dataSource\n      .getChildRows({ context, sortModel: enrichment.sortModel, filterModel: enrichment.filterModel })\n      .then((result) => {\n        const detail: DataSourceChildrenDetail = {\n          rows: result.rows,\n          context,\n          claimed: false,\n        };\n        this.broadcast('datasource:children', detail);\n        this.broadcast<DataSourceLoadingDetail>('datasource:loading', { loading: false, context });\n      })\n      .catch((error: unknown) => {\n        const err = error instanceof Error ? error : new Error(String(error));\n        errorDiagnostic(DATASOURCE_CHILD_FETCH_ERROR, `getChildRows() failed: ${err.message}`, gridId);\n        this.broadcast<DataSourceErrorDetail>('datasource:error', { error: err, context });\n        this.broadcast<DataSourceLoadingDetail>('datasource:loading', { loading: false, context });\n      });\n  }\n  // #endregion\n\n  // #region Public API\n\n  /**\n   * Set the data source for server-side loading.\n   * @param dataSource - Data source implementing the getRows method (and optionally getChildRows)\n   */\n  setDataSource(dataSource: ServerSideDataSource): void {\n    this.dataSource = dataSource;\n    this.loadedBlocks.clear();\n    this.loadingBlocks.clear();\n    this.managedNodes = [];\n    this.totalNodeCount = 0;\n    this.infiniteScrollMode = false;\n\n    // Load first block with enrichment params\n    const blockSize = this.config.cacheBlockSize ?? 100;\n    const enrichment = this.getEnrichmentParams();\n    const gridId = this.grid?.getAttribute?.('id') ?? undefined;\n\n    this.broadcast<DataSourceLoadingDetail>('datasource:loading', { loading: true });\n\n    loadBlock(dataSource, 0, blockSize, enrichment)\n      .then((result) => {\n        this.loadedBlocks.set(0, result.rows);\n        this.applyServerResult(result, 0, blockSize);\n\n        const detail: DataSourceDataDetail = {\n          rows: result.rows,\n          totalNodeCount: result.totalNodeCount,\n          startNode: 0,\n          endNode: result.rows.length,\n          claimed: false,\n        };\n        this.broadcast('datasource:data', detail);\n        this.broadcast<DataSourceLoadingDetail>('datasource:loading', { loading: false });\n        this.requestRender();\n      })\n      .catch((error: unknown) => {\n        const err = error instanceof Error ? error : new Error(String(error));\n        errorDiagnostic(DATASOURCE_FETCH_ERROR, `getRows() failed: ${err.message}`, gridId);\n        this.broadcast<DataSourceErrorDetail>('datasource:error', { error: err });\n        this.broadcast<DataSourceLoadingDetail>('datasource:loading', { loading: false });\n      });\n  }\n\n  /**\n   * Refresh all data from the server.\n   * Purges cache and refetches from block 0.\n   */\n  refresh(): void {\n    if (!this.dataSource) return;\n    const ds = this.dataSource;\n    this.loadedBlocks.clear();\n    this.loadingBlocks.clear();\n    this.managedNodes = [];\n    this.totalNodeCount = 0;\n    this.infiniteScrollMode = false;\n    // Re-trigger load via setDataSource which handles enrichment and broadcasting\n    this.setDataSource(ds);\n  }\n\n  /**\n   * Clear all cached data without refreshing.\n   */\n  purgeCache(): void {\n    this.loadedBlocks.clear();\n    this.managedNodes = [];\n  }\n\n  /**\n   * Get the total node count from the server.\n   */\n  getTotalNodeCount(): number {\n    return this.totalNodeCount;\n  }\n\n  /**\n   * @deprecated Use {@link getTotalNodeCount} instead. Will be removed in a future version.\n   */\n  getTotalRowCount(): number {\n    return this.totalNodeCount;\n  }\n\n  /**\n   * Check if a specific node is loaded in the cache.\n   * @param nodeIndex - Node index to check\n   */\n  isNodeLoaded(nodeIndex: number): boolean {\n    const blockSize = this.config.cacheBlockSize ?? 100;\n    const blockNum = getBlockNumber(nodeIndex, blockSize);\n    return this.loadedBlocks.has(blockNum);\n  }\n\n  /**\n   * @deprecated Use {@link isNodeLoaded} instead. Will be removed in a future version.\n   */\n  isRowLoaded(rowIndex: number): boolean {\n    return this.isNodeLoaded(rowIndex);\n  }\n\n  /**\n   * Get the number of loaded cache blocks.\n   */\n  getLoadedBlockCount(): number {\n    return this.loadedBlocks.size;\n  }\n  // #endregion\n}\n"],"names":["getBlockNumber","nodeIndex","blockSize","Math","floor","async","loadBlock","dataSource","blockNumber","params","range","start","end","getBlockRange","getRows","startNode","endNode","sortModel","filterModel","getRowFromCache","loadedBlocks","block","get","ServerSidePlugin","BaseGridPlugin","static","modifiesRowStructure","hookPriority","processRows","incompatibleWith","name","reason","events","type","description","queries","defaultConfig","pageSize","cacheBlockSize","maxConcurrentRequests","totalNodeCount","infiniteScrollMode","Map","loadingBlocks","Set","lastRequestId","scrollDebounceTimer","managedNodes","attach","grid","super","this","on","onModelChange","config","setDataSource","detach","clear","clearTimeout","getEnrichmentParams","sortResults","query","filterResults","getViewportMapping","viewportStart","viewportEnd","results","totalLoadedNodes","requestRender","applyServerResult","result","blockNum","lastNode","rows","length","getInfiniteScrollEstimate","maxLoadedEnd","loadRequiredBlocks","gridRef","viewport","_virtualization","requiredBlocks","startBlock","endBlock","blocks","i","push","getRequiredBlocks","enrichment","gridId","getAttribute","has","size","debugDiagnostic","DATASOURCE_THROTTLED","add","broadcast","loading","then","set","delete","detail","claimed","requestVirtualRefresh","catch","error","err","Error","String","errorDiagnostic","DATASOURCE_FETCH_ERROR","message","nodeCount","Number","isFinite","__loading","__index","cached","onScroll","event","setTimeout","handleQuery","context","fetchChildren","getChildRows","warnDiagnostic","DATASOURCE_NO_CHILD_HANDLER","source","DATASOURCE_CHILD_FETCH_ERROR","refresh","ds","purgeCache","getTotalNodeCount","getTotalRowCount","isNodeLoaded","isRowLoaded","rowIndex","getLoadedBlockCount"],"mappings":"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"}
+{"version":3,"file":"server-side.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/server-side/datasource.ts","../../../../../libs/grid/src/lib/plugins/server-side/ServerSidePlugin.ts"],"sourcesContent":["import type { GetRowsParams, GetRowsResult, ServerSideDataSource } from './datasource-types';\n\nexport function getBlockNumber(nodeIndex: number, blockSize: number): number {\n  return Math.floor(nodeIndex / blockSize);\n}\n\nexport function getBlockRange(blockNumber: number, blockSize: number): { start: number; end: number } {\n  return {\n    start: blockNumber * blockSize,\n    end: (blockNumber + 1) * blockSize,\n  };\n}\n\nexport function getRequiredBlocks(startNode: number, endNode: number, blockSize: number): number[] {\n  const startBlock = getBlockNumber(startNode, blockSize);\n  const endBlock = getBlockNumber(endNode - 1, blockSize);\n\n  const blocks: number[] = [];\n  for (let i = startBlock; i <= endBlock; i++) {\n    blocks.push(i);\n  }\n  return blocks;\n}\n\nexport async function loadBlock(\n  dataSource: ServerSideDataSource,\n  blockNumber: number,\n  blockSize: number,\n  params: Partial<GetRowsParams>,\n): Promise<GetRowsResult> {\n  const range = getBlockRange(blockNumber, blockSize);\n\n  return dataSource.getRows({\n    startNode: range.start,\n    endNode: range.end,\n    sortModel: params.sortModel,\n    filterModel: params.filterModel,\n  });\n}\n\nexport function getRowFromCache(\n  nodeIndex: number,\n  blockSize: number,\n  loadedBlocks: Map<number, unknown[]>,\n): unknown | undefined {\n  const blockNumber = getBlockNumber(nodeIndex, blockSize);\n  const block = loadedBlocks.get(blockNumber);\n  if (!block) return undefined;\n\n  const indexInBlock = nodeIndex % blockSize;\n  return block[indexInBlock];\n}\n\nexport function isBlockLoaded(blockNumber: number, loadedBlocks: Map<number, unknown[]>): boolean {\n  return loadedBlocks.has(blockNumber);\n}\n\nexport function isBlockLoading(blockNumber: number, loadingBlocks: Set<number>): boolean {\n  return loadingBlocks.has(blockNumber);\n}\n","/**\n * Server-Side Data Plugin (Class-based)\n *\n * Central data orchestrator for the grid. Owns fetch + cache + row-model management.\n * Structural plugins (Tree, GroupingRows) claim data via events; core grid uses it\n * as flat rows when unclaimed.\n */\n\nimport {\n  DATASOURCE_CHILD_FETCH_ERROR,\n  DATASOURCE_FETCH_ERROR,\n  DATASOURCE_NO_CHILD_HANDLER,\n  DATASOURCE_THROTTLED,\n  debugDiagnostic,\n  errorDiagnostic,\n  warnDiagnostic,\n} from '../../core/internal/diagnostics';\nimport { builtInSort } from '../../core/internal/sorting';\nimport { BaseGridPlugin, ScrollEvent, type PluginManifest, type PluginQuery } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig, GridHost } from '../../core/types';\nimport { getBlockNumber, getRequiredBlocks, getRowFromCache, loadBlock } from './datasource';\nimport type {\n  DataSourceChildrenDetail,\n  DataSourceDataDetail,\n  DataSourceErrorDetail,\n  DataSourceLoadingDetail,\n  FetchChildrenQuery,\n  GetRowsParams,\n  GetRowsResult,\n  ServerSideDataSource,\n  ViewportMappingQuery,\n  ViewportMappingResponse,\n} from './datasource-types';\nimport type { ServerSideConfig } from './types';\n\n/** Scroll debounce delay in ms */\nconst SCROLL_DEBOUNCE_MS = 100;\n\n/**\n * Server-Side Data Plugin for tbw-grid\n *\n * Central data orchestrator for the grid. Manages fetch, cache, and row-model for\n * server-side data loading. Structural plugins (Tree, GroupingRows) can claim data\n * via events; the core grid uses it as flat rows when unclaimed.\n *\n * ## Installation\n *\n * ```ts\n * import { ServerSidePlugin } from '@toolbox-web/grid/plugins/server-side';\n * ```\n *\n * ## DataSource Interface\n *\n * ```ts\n * interface ServerSideDataSource {\n *   getRows(params: GetRowsParams): Promise<GetRowsResult>;\n *   getChildRows?(params: GetChildRowsParams): Promise<GetChildRowsResult>;\n * }\n * ```\n *\n * @example Basic Server-Side Loading\n * ```ts\n * import '@toolbox-web/grid';\n * import '@toolbox-web/grid/features/server-side';\n *\n * grid.gridConfig = {\n *   columns: [...],\n *   features: {\n *     serverSide: {\n *       pageSize: 50,\n *       dataSource: {\n *         async getRows(params) {\n *           const response = await fetch(\n *             `/api/data?start=${params.startNode}&end=${params.endNode}`\n *           );\n *           const data = await response.json();\n *           return { rows: data.rows, totalNodeCount: data.total };\n *         },\n *       },\n *     },\n *   },\n * };\n * ```\n *\n * @see {@link ServerSideConfig} for configuration options\n * @see {@link ServerSideDataSource} for data source interface\n *\n * @internal Extends BaseGridPlugin\n */\nexport class ServerSidePlugin extends BaseGridPlugin<ServerSideConfig> {\n  /**\n   * Plugin manifest declaring capabilities, hooks, events, and queries.\n   * @internal\n   */\n  static override readonly manifest: PluginManifest = {\n    modifiesRowStructure: true,\n    hookPriority: {\n      processRows: -10, // Run before structural plugins (Tree, GroupingRows)\n    },\n    incompatibleWith: [\n      {\n        name: 'pivot',\n        reason:\n          'PivotPlugin requires the full dataset to compute aggregations. ' +\n          'ServerSidePlugin lazy-loads rows in blocks, so pivot aggregation cannot be performed client-side.',\n      },\n    ],\n    events: [\n      { type: 'datasource:data', description: 'Root data page/block loaded' },\n      { type: 'datasource:children', description: 'Child data loaded for a parent context' },\n      { type: 'datasource:loading', description: 'Loading state changed' },\n      { type: 'datasource:error', description: 'Fetch operation failed' },\n    ],\n    queries: [\n      { type: 'datasource:fetch-children', description: 'Request child rows for a parent context' },\n      { type: 'datasource:is-active', description: 'Check if ServerSide plugin has an active data source' },\n    ],\n  };\n\n  /** @internal */\n  readonly name = 'serverSide';\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<ServerSideConfig> {\n    return {\n      pageSize: 100,\n      cacheBlockSize: 100,\n      maxConcurrentRequests: 2,\n    };\n  }\n\n  // #region Internal State\n  private dataSource: ServerSideDataSource | null = null;\n  private totalNodeCount = 0;\n  private infiniteScrollMode = false;\n  private loadedBlocks = new Map<number, unknown[]>();\n  private loadingBlocks = new Set<number>();\n  private lastRequestId = 0;\n  private scrollDebounceTimer?: ReturnType<typeof setTimeout>;\n  /** Persistent node array with stable placeholder references to avoid unnecessary DOM rebuilds. */\n  private managedNodes: unknown[] = [];\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    // Invalidate cache and refetch on sort/filter changes — gated by sortMode/filterMode.\n    // 'local' (opt-in): keep cache; sort/filter the loaded rows in place via a re-render.\n    // See getEnrichmentParams() — local-mode state is also omitted from block fetch params\n    // so scroll-triggered loadRequiredBlocks() doesn't leak local state to the backend.\n    this.on('sort-change', () => {\n      if (this.config.sortMode === 'local') {\n        this.requestRender();\n      } else {\n        this.onModelChange();\n      }\n    });\n    this.on('filter-change', () => {\n      if (this.config.filterMode === 'local') {\n        this.requestRender();\n      } else {\n        this.onModelChange();\n      }\n    });\n\n    // Auto-initialize from config when dataSource is provided declaratively\n    if (this.config.dataSource) {\n      this.setDataSource(this.config.dataSource);\n    }\n  }\n\n  /** @internal */\n  override detach(): void {\n    this.dataSource = null;\n    this.totalNodeCount = 0;\n    this.infiniteScrollMode = false;\n    this.loadedBlocks.clear();\n    this.loadingBlocks.clear();\n    this.managedNodes = [];\n    this.lastRequestId = 0;\n    if (this.scrollDebounceTimer) {\n      clearTimeout(this.scrollDebounceTimer);\n      this.scrollDebounceTimer = undefined;\n    }\n  }\n  // #endregion\n\n  // #region Private Methods\n\n  /**\n   * Build enrichment params by querying sort/filter models from loaded plugins.\n   *\n   * When `sortMode === 'local'` the `sortModel` is omitted so scroll-triggered\n   * block fetches don't ask the backend for an ordering it isn't applying.\n   * Same for `filterMode === 'local'` and `filterModel`.\n   */\n  private getEnrichmentParams(): Partial<GetRowsParams> {\n    const sortLocal = this.config.sortMode === 'local';\n    const filterLocal = this.config.filterMode === 'local';\n    const sortResults = sortLocal\n      ? undefined\n      : (this.grid?.query?.('sort:get-model', null) as\n          | Array<{ field: string; direction: 'asc' | 'desc' }>[]\n          | undefined);\n    const filterResults = filterLocal\n      ? undefined\n      : (this.grid?.query?.('filter:get-model', null) as Record<string, unknown>[] | undefined);\n\n    // Fallback to core single-column sort state when no plugin answers the\n    // 'sort:get-model' query (e.g. MultiSortPlugin not loaded). Translate the\n    // numeric direction (1/-1) to the public 'asc'/'desc' string form.\n    let sortModel = sortResults?.[0];\n    const host = this.grid as unknown as GridHost | undefined;\n    if (!sortLocal && !sortModel && host?._sortState) {\n      const { field, direction } = host._sortState;\n      sortModel = [{ field, direction: direction === 1 ? 'asc' : 'desc' }];\n    }\n\n    return {\n      sortModel,\n      filterModel: filterResults?.[0],\n    };\n  }\n\n  /**\n   * Translate visible viewport indices to node-space indices via structural plugins.\n   * Falls back to 1:1 mapping (flat data) when no structural plugin responds.\n   */\n  private getViewportMapping(viewportStart: number, viewportEnd: number): ViewportMappingResponse {\n    const query: ViewportMappingQuery = { viewportStart, viewportEnd };\n    const results = this.grid?.query?.('datasource:viewport-mapping', query) as ViewportMappingResponse[] | undefined;\n\n    // Structural plugin responded — use its mapping\n    if (results?.[0]) return results[0];\n\n    // No structural plugin → 1:1 mapping (flat data)\n    return {\n      startNode: viewportStart,\n      endNode: viewportEnd,\n      totalLoadedNodes: this.totalNodeCount,\n    };\n  }\n\n  /**\n   * Handle sort or filter model changes.\n   * Purge cache and refetch current viewport with new enrichment params.\n   */\n  private onModelChange(): void {\n    if (!this.dataSource) return;\n    this.loadedBlocks.clear();\n    this.loadingBlocks.clear();\n    this.managedNodes = [];\n    this.totalNodeCount = 0;\n    this.infiniteScrollMode = false;\n    this.requestRender();\n    // Eagerly fetch the current viewport with the new enrichment params.\n    // Without this, the table stays blank until the user scrolls (no other\n    // path triggers a fetch — processRows just rebuilds from cached blocks).\n    this.loadRequiredBlocks();\n  }\n\n  /**\n   * Apply server response metadata: resolve totalNodeCount and infinite scroll mode.\n   * When `lastNode` is provided, it takes priority and finalizes the total.\n   * When `totalNodeCount` is -1, switch to infinite scroll (growing array).\n   * When a block returns fewer rows than blockSize, detect end-of-data.\n   */\n  private applyServerResult(result: GetRowsResult, blockNum: number, blockSize: number): void {\n    if (result.lastNode !== undefined) {\n      // Server declared the exact end\n      this.totalNodeCount = result.lastNode + 1;\n      this.infiniteScrollMode = false;\n    } else if (result.totalNodeCount === -1) {\n      this.infiniteScrollMode = true;\n    } else {\n      this.totalNodeCount = result.totalNodeCount;\n      this.infiniteScrollMode = false;\n    }\n\n    // Auto-detect end of data: short block means server has no more rows\n    if (this.infiniteScrollMode && result.rows.length < blockSize) {\n      this.totalNodeCount = blockNum * blockSize + result.rows.length;\n      this.infiniteScrollMode = false;\n    }\n  }\n\n  /**\n   * Estimate the row count for infinite scroll mode.\n   * Returns loaded rows + one extra block of placeholders to trigger next fetch.\n   */\n  private getInfiniteScrollEstimate(blockSize: number): number {\n    let maxLoadedEnd = 0;\n    for (const [block, rows] of this.loadedBlocks) {\n      const end = block * blockSize + rows.length;\n      if (end > maxLoadedEnd) maxLoadedEnd = end;\n    }\n    return maxLoadedEnd + blockSize;\n  }\n\n  /**\n   * Check current viewport and load any missing blocks.\n   */\n  private loadRequiredBlocks(): void {\n    if (!this.dataSource) return;\n\n    const gridRef = this.grid as unknown as GridHost;\n    const blockSize = this.config.cacheBlockSize ?? 100;\n\n    // Translate viewport to node space via structural plugins\n    const viewport = this.getViewportMapping(gridRef._virtualization.start, gridRef._virtualization.end);\n\n    // Expand the viewport by loadThreshold in both directions to prefetch\n    // blocks the user is about to scroll into. The end is clamped to\n    // totalNodeCount when known so we don't request blocks past the end of\n    // data — but `totalNodeCount = 0` means \"not yet loaded\" (e.g. just after\n    // purgeCache or before the first fetch resolves), in which case we leave\n    // it unclamped so the initial block can be fetched.\n    const threshold = Math.max(0, this.config.loadThreshold ?? 0);\n    const expandedStart = Math.max(0, viewport.startNode - threshold);\n    const knownTotal = this.totalNodeCount > 0 ? this.totalNodeCount : Infinity;\n    const expandedEnd = Math.min(knownTotal, viewport.endNode + threshold);\n    if (expandedEnd <= expandedStart) return;\n\n    // Determine which blocks are needed for current viewport (in node space)\n    const requiredBlocks = getRequiredBlocks(expandedStart, expandedEnd, blockSize);\n    const enrichment = this.getEnrichmentParams();\n    const gridId = this.grid?.getAttribute?.('id') ?? undefined;\n\n    // Load missing blocks\n    for (const blockNum of requiredBlocks) {\n      if (this.loadedBlocks.has(blockNum) || this.loadingBlocks.has(blockNum)) {\n        continue;\n      }\n\n      // Check concurrent request limit\n      if (this.loadingBlocks.size >= (this.config.maxConcurrentRequests ?? 2)) {\n        debugDiagnostic(DATASOURCE_THROTTLED, 'Concurrent request limit reached, deferring block load', gridId);\n        break;\n      }\n\n      this.loadingBlocks.add(blockNum);\n      this.broadcast<DataSourceLoadingDetail>('datasource:loading', { loading: true });\n\n      loadBlock(this.dataSource, blockNum, blockSize, enrichment)\n        .then((result) => {\n          this.loadedBlocks.set(blockNum, result.rows);\n          // Capture pre-update length so we can detect whether processRows must\n          // re-run to grow the managedNodes array (e.g. after onModelChange reset).\n          const previousManagedLength = this.managedNodes.length;\n          this.applyServerResult(result, blockNum, blockSize);\n          this.loadingBlocks.delete(blockNum);\n\n          // Update managed nodes in place for this block (avoids full processRows rebuild)\n          const start = blockNum * blockSize;\n          for (let i = 0; i < result.rows.length; i++) {\n            if (start + i < this.managedNodes.length) {\n              this.managedNodes[start + i] = result.rows[i];\n            }\n          }\n\n          // Broadcast data event with claimed flag\n          const detail: DataSourceDataDetail = {\n            rows: result.rows,\n            totalNodeCount: result.totalNodeCount,\n            startNode: start,\n            endNode: start + result.rows.length,\n            claimed: false,\n          };\n          this.broadcast('datasource:data', detail);\n\n          if (this.loadingBlocks.size === 0) {\n            this.broadcast<DataSourceLoadingDetail>('datasource:loading', { loading: false });\n          }\n\n          // If managedNodes still hasn't been sized for the (possibly newly known)\n          // totalNodeCount — typically because onModelChange() reset it to 0 right\n          // before this fetch — we MUST run processRows to grow the array. The\n          // in-place writes above are no-ops in that case (length is 0).\n          // Without this, sort/filter changes leave the grid permanently blank\n          // until something else triggers a ROWS phase.\n          const needsRowModelRebuild =\n            previousManagedLength === 0 ||\n            this.managedNodes.length < (Number.isFinite(this.totalNodeCount) ? this.totalNodeCount : 0);\n\n          if (needsRowModelRebuild) {\n            this.requestRender();\n          } else {\n            // Re-render visible rows without force geometry recalculation.\n            // requestVirtualRefresh() skips spacer height writes that cause oscillation\n            // with the scheduler's afterRender microtask. Node count hasn't changed —\n            // only cached data replaced placeholders — so geometry is stable.\n            this.requestVirtualRefresh();\n          }\n\n          // Re-check with fresh viewport: user may have scrolled further\n          this.loadRequiredBlocks();\n        })\n        .catch((error: unknown) => {\n          this.loadingBlocks.delete(blockNum);\n          const err = error instanceof Error ? error : new Error(String(error));\n          errorDiagnostic(DATASOURCE_FETCH_ERROR, `getRows() failed: ${err.message}`, gridId);\n          this.broadcast<DataSourceErrorDetail>('datasource:error', { error: err });\n\n          if (this.loadingBlocks.size === 0) {\n            this.broadcast<DataSourceLoadingDetail>('datasource:loading', { loading: false });\n          }\n        });\n    }\n  }\n  // #endregion\n\n  // #region Hooks\n\n  /** @internal */\n  override processRows(rows: readonly unknown[]): unknown[] {\n    if (!this.dataSource) return [...rows];\n\n    const blockSize = this.config.cacheBlockSize ?? 100;\n\n    // Guard against invalid totalNodeCount (e.g. undefined from a malformed datasource response).\n    // In infinite scroll mode, estimate the total from loaded data + one extra block.\n    const nodeCount = this.infiniteScrollMode\n      ? this.getInfiniteScrollEstimate(blockSize)\n      : Number.isFinite(this.totalNodeCount) && this.totalNodeCount >= 0\n        ? this.totalNodeCount\n        : 0;\n\n    // Grow array with stable placeholder objects (created once, reused across renders)\n    while (this.managedNodes.length < nodeCount) {\n      const i = this.managedNodes.length;\n      this.managedNodes.push({ __loading: true, __index: i });\n    }\n    // Shrink if total decreased\n    this.managedNodes.length = nodeCount;\n\n    // Replace placeholders with cached data (stable refs for unchanged entries)\n    for (let i = 0; i < nodeCount; i++) {\n      const cached = getRowFromCache(i, blockSize, this.loadedBlocks);\n      if (cached) {\n        this.managedNodes[i] = cached;\n      }\n    }\n\n    // Local-mode sort: when sortMode === 'local' the plugin owns ordering of\n    // the loaded rows itself (core sort ran on the input but we discarded it\n    // by returning managedNodes). Apply the current core sort state on top of\n    // managedNodes so the user sees in-place sorting without a refetch.\n    // Note: any plugin sort that runs after us (priority > -10, e.g. multi-sort)\n    // will further re-sort our output, which is the intended chain.\n    const host = this.grid as unknown as GridHost | undefined;\n    if (this.config.sortMode === 'local' && host?._sortState) {\n      const columns = (host._columns ?? []) as ColumnConfig[];\n      return builtInSort(this.managedNodes, host._sortState, columns);\n    }\n\n    return this.managedNodes;\n  }\n\n  /** @internal */\n  override onScroll(event: ScrollEvent): void {\n    if (!this.dataSource) return;\n\n    // Immediate check for blocks\n    this.loadRequiredBlocks();\n\n    // Debounce: when scrolling stops, do a final check with fresh viewport\n    if (this.scrollDebounceTimer) {\n      clearTimeout(this.scrollDebounceTimer);\n    }\n    this.scrollDebounceTimer = setTimeout(() => {\n      this.loadRequiredBlocks();\n    }, SCROLL_DEBOUNCE_MS);\n  }\n\n  /** @internal */\n  override handleQuery(query: PluginQuery): unknown {\n    switch (query.type) {\n      case 'datasource:is-active':\n        return this.dataSource != null;\n\n      case 'datasource:fetch-children': {\n        const { context } = query.context as FetchChildrenQuery;\n        this.fetchChildren(context);\n        return undefined;\n      }\n    }\n    return undefined;\n  }\n  // #endregion\n\n  // #region Child Data Fetching\n\n  /**\n   * Fetch child rows via the datasource and broadcast the result.\n   */\n  private fetchChildren(context: { source: string; [key: string]: unknown }): void {\n    if (!this.dataSource) return;\n\n    const gridId = this.grid?.getAttribute?.('id') ?? undefined;\n\n    if (!this.dataSource.getChildRows) {\n      warnDiagnostic(\n        DATASOURCE_NO_CHILD_HANDLER,\n        `Plugin \"${context.source}\" requested child rows but getChildRows() is not implemented on the dataSource`,\n        gridId,\n      );\n      return;\n    }\n\n    const enrichment = this.getEnrichmentParams();\n    this.broadcast<DataSourceLoadingDetail>('datasource:loading', { loading: true, context });\n\n    this.dataSource\n      .getChildRows({ context, sortModel: enrichment.sortModel, filterModel: enrichment.filterModel })\n      .then((result) => {\n        const detail: DataSourceChildrenDetail = {\n          rows: result.rows,\n          context,\n          claimed: false,\n        };\n        this.broadcast('datasource:children', detail);\n        this.broadcast<DataSourceLoadingDetail>('datasource:loading', { loading: false, context });\n      })\n      .catch((error: unknown) => {\n        const err = error instanceof Error ? error : new Error(String(error));\n        errorDiagnostic(DATASOURCE_CHILD_FETCH_ERROR, `getChildRows() failed: ${err.message}`, gridId);\n        this.broadcast<DataSourceErrorDetail>('datasource:error', { error: err, context });\n        this.broadcast<DataSourceLoadingDetail>('datasource:loading', { loading: false, context });\n      });\n  }\n  // #endregion\n\n  // #region Public API\n\n  /**\n   * Set the data source for server-side loading.\n   * @param dataSource - Data source implementing the getRows method (and optionally getChildRows)\n   */\n  setDataSource(dataSource: ServerSideDataSource): void {\n    this.dataSource = dataSource;\n    this.loadedBlocks.clear();\n    this.loadingBlocks.clear();\n    this.managedNodes = [];\n    this.totalNodeCount = 0;\n    this.infiniteScrollMode = false;\n\n    // Load first block with enrichment params\n    const blockSize = this.config.cacheBlockSize ?? 100;\n    const enrichment = this.getEnrichmentParams();\n    const gridId = this.grid?.getAttribute?.('id') ?? undefined;\n\n    this.broadcast<DataSourceLoadingDetail>('datasource:loading', { loading: true });\n\n    loadBlock(dataSource, 0, blockSize, enrichment)\n      .then((result) => {\n        this.loadedBlocks.set(0, result.rows);\n        this.applyServerResult(result, 0, blockSize);\n\n        const detail: DataSourceDataDetail = {\n          rows: result.rows,\n          totalNodeCount: result.totalNodeCount,\n          startNode: 0,\n          endNode: result.rows.length,\n          claimed: false,\n        };\n        this.broadcast('datasource:data', detail);\n        this.broadcast<DataSourceLoadingDetail>('datasource:loading', { loading: false });\n        this.requestRender();\n\n        // When loadThreshold is configured, re-check the viewport so the\n        // prefetch can pull in additional blocks immediately rather than\n        // waiting for the user's first scroll. Gated on the threshold to\n        // preserve the historical \"first fetch loads block 0 only\" behavior.\n        if ((this.config.loadThreshold ?? 0) > 0) {\n          this.loadRequiredBlocks();\n        }\n      })\n      .catch((error: unknown) => {\n        const err = error instanceof Error ? error : new Error(String(error));\n        errorDiagnostic(DATASOURCE_FETCH_ERROR, `getRows() failed: ${err.message}`, gridId);\n        this.broadcast<DataSourceErrorDetail>('datasource:error', { error: err });\n        this.broadcast<DataSourceLoadingDetail>('datasource:loading', { loading: false });\n      });\n  }\n\n  /**\n   * Refresh all data from the server.\n   * Purges cache and refetches from block 0.\n   */\n  refresh(): void {\n    if (!this.dataSource) return;\n    const ds = this.dataSource;\n    this.loadedBlocks.clear();\n    this.loadingBlocks.clear();\n    this.managedNodes = [];\n    this.totalNodeCount = 0;\n    this.infiniteScrollMode = false;\n    // Re-trigger load via setDataSource which handles enrichment and broadcasting\n    this.setDataSource(ds);\n  }\n\n  /**\n   * Clear all cached data without refreshing.\n   */\n  purgeCache(): void {\n    this.loadedBlocks.clear();\n    this.managedNodes = [];\n  }\n\n  /**\n   * Get the total node count from the server.\n   */\n  getTotalNodeCount(): number {\n    return this.totalNodeCount;\n  }\n\n  /**\n   * @deprecated Use {@link getTotalNodeCount} instead. Will be removed in a future version.\n   */\n  getTotalRowCount(): number {\n    return this.totalNodeCount;\n  }\n\n  /**\n   * Check if a specific node is loaded in the cache.\n   * @param nodeIndex - Node index to check\n   */\n  isNodeLoaded(nodeIndex: number): boolean {\n    const blockSize = this.config.cacheBlockSize ?? 100;\n    const blockNum = getBlockNumber(nodeIndex, blockSize);\n    return this.loadedBlocks.has(blockNum);\n  }\n\n  /**\n   * @deprecated Use {@link isNodeLoaded} instead. Will be removed in a future version.\n   */\n  isRowLoaded(rowIndex: number): boolean {\n    return this.isNodeLoaded(rowIndex);\n  }\n\n  /**\n   * Get the number of loaded cache blocks.\n   */\n  getLoadedBlockCount(): number {\n    return this.loadedBlocks.size;\n  }\n  // #endregion\n}\n"],"names":["getBlockNumber","nodeIndex","blockSize","Math","floor","async","loadBlock","dataSource","blockNumber","params","range","start","end","getBlockRange","getRows","startNode","endNode","sortModel","filterModel","getRowFromCache","loadedBlocks","block","get","ServerSidePlugin","BaseGridPlugin","static","modifiesRowStructure","hookPriority","processRows","incompatibleWith","name","reason","events","type","description","queries","defaultConfig","pageSize","cacheBlockSize","maxConcurrentRequests","totalNodeCount","infiniteScrollMode","Map","loadingBlocks","Set","lastRequestId","scrollDebounceTimer","managedNodes","attach","grid","super","this","on","config","sortMode","requestRender","onModelChange","filterMode","setDataSource","detach","clear","clearTimeout","getEnrichmentParams","sortLocal","filterLocal","sortResults","query","filterResults","host","_sortState","field","direction","getViewportMapping","viewportStart","viewportEnd","results","totalLoadedNodes","loadRequiredBlocks","applyServerResult","result","blockNum","lastNode","rows","length","getInfiniteScrollEstimate","maxLoadedEnd","gridRef","viewport","_virtualization","threshold","max","loadThreshold","expandedStart","knownTotal","Infinity","expandedEnd","min","requiredBlocks","startBlock","endBlock","blocks","i","push","getRequiredBlocks","enrichment","gridId","getAttribute","has","size","debugDiagnostic","DATASOURCE_THROTTLED","add","broadcast","loading","then","set","previousManagedLength","delete","detail","claimed","Number","isFinite","requestVirtualRefresh","catch","error","err","Error","String","errorDiagnostic","DATASOURCE_FETCH_ERROR","message","nodeCount","__loading","__index","cached","columns","_columns","builtInSort","onScroll","event","setTimeout","handleQuery","context","fetchChildren","getChildRows","warnDiagnostic","DATASOURCE_NO_CHILD_HANDLER","source","DATASOURCE_CHILD_FETCH_ERROR","refresh","ds","purgeCache","getTotalNodeCount","getTotalRowCount","isNodeLoaded","isRowLoaded","rowIndex","getLoadedBlockCount"],"mappings":"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"}

package/umd/plugins/visibility.umd.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../../core/constants"),require("../../core/plugin/base-plugin")):"function"==typeof define&&define.amd?define(["exports","../../core/constants","../../core/plugin/base-plugin"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).TbwGridPlugin_visibility={},e.TbwGrid,e.TbwGrid)}(this,function(e,t,i){"use strict";function r(e){const t=e.meta??{};return!0!==t.lockPosition&&!0!==t.suppressMovable}class s extends i.BaseGridPlugin{static dependencies=[{name:"reorder",required:!1,reason:"Enables drag-to-reorder columns in visibility panel"}];static manifest={queries:[{type:"getContextMenuItems",description:'Contributes "Hide column" item to the header context menu'}]};name="visibility";static PANEL_ID="columns";styles='@layer tbw-plugins{.tbw-visibility-content{display:flex;flex-direction:column;height:100%}.tbw-visibility-list{flex:1;overflow-y:auto;padding:var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem))}.tbw-visibility-row{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));padding:var(--tbw-menu-item-padding, .375rem .25rem);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem);border-radius:var(--tbw-border-radius, .25rem);position:relative}.tbw-visibility-row:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover))}.tbw-visibility-row input[type=checkbox]{cursor:pointer}.tbw-visibility-row.locked span{color:var(--tbw-color-fg-muted)}.tbw-visibility-handle{cursor:grab;color:var(--tbw-color-fg-muted);font-size:var(--tbw-font-size-2xs, .625rem);letter-spacing:-2px;-webkit-user-select:none;user-select:none;flex-shrink:0}.tbw-visibility-row.reorderable:hover .tbw-visibility-handle{color:var(--tbw-color-fg)}.tbw-visibility-label{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));flex:1;cursor:pointer}.tbw-visibility-row.dragging{opacity:.5;cursor:grabbing}.tbw-visibility-row.drop-before:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--tbw-visibility-indicator, var(--tbw-color-accent))}.tbw-visibility-row.drop-after:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--tbw-visibility-indicator, var(--tbw-color-accent))}.tbw-visibility-show-all{margin:var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem));padding:var(--tbw-button-padding, .5rem .75rem);border:1px solid var(--tbw-visibility-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius, .25rem);background:var(--tbw-visibility-btn-bg, var(--tbw-color-header-bg));color:var(--tbw-color-fg);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem)}.tbw-visibility-show-all:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover))}.tbw-visibility-group-header{display:flex;align-items:center;padding:var(--tbw-menu-item-padding, .375rem .25rem);font-size:var(--tbw-font-size-sm, .8125rem);font-weight:600;color:var(--tbw-color-fg);border-bottom:1px solid var(--tbw-color-border);margin-top:var(--tbw-spacing-sm, .25rem);position:relative}.tbw-visibility-group-header:first-child{margin-top:0}.tbw-visibility-group-header .tbw-visibility-label{gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.tbw-visibility-group-header.reorderable{cursor:grab}.tbw-visibility-group-header.reorderable:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover))}.tbw-visibility-group-header .tbw-visibility-handle{cursor:grab;color:var(--tbw-color-fg-muted);font-size:var(--tbw-font-size-2xs, .625rem);letter-spacing:-2px;-webkit-user-select:none;user-select:none;flex-shrink:0}.tbw-visibility-group-header.reorderable:hover .tbw-visibility-handle{color:var(--tbw-color-fg)}.tbw-visibility-group-header.dragging{opacity:.5;cursor:grabbing}.tbw-visibility-group-header.drop-before:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--tbw-visibility-indicator, var(--tbw-color-accent))}.tbw-visibility-group-header.drop-after:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--tbw-visibility-indicator, var(--tbw-color-accent))}.tbw-visibility-row--grouped{padding-left:calc(var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem)) + .75rem)}}';get defaultConfig(){return{allowHideAll:!1}}columnListElement=null;isDragging=!1;draggedField=null;draggedIndex=null;dropIndex=null;draggedGroupId=null;draggedGroupFields=[];clearDragClasses(e){e.querySelectorAll(".tbw-visibility-row, .tbw-visibility-group-header").forEach(e=>{e.classList.remove(t.GridClasses.DRAGGING,"drop-target","drop-before","drop-after")})}attach(e){super.attach(e),this.gridElement.addEventListener("column-move",()=>{this.columnListElement&&requestAnimationFrame(()=>{this.columnListElement&&this.rebuildToggles(this.columnListElement)})},{signal:this.disconnectSignal})}detach(){this.columnListElement=null,this.isDragging=!1,this.draggedField=null,this.draggedIndex=null,this.dropIndex=null}handleQuery(e){if("getContextMenuItems"===e.type){const t=e.context;if(!t.isHeader)return;const i=t.column;if(!i?.field)return;if(i.meta?.lockVisibility)return;return[{id:"visibility/hide-column",label:"Hide Column",icon:"👁",order:30,action:()=>this.hideColumn(i.field)}]}}getToolPanel(){return{id:s.PANEL_ID,title:"Columns",icon:"☰",tooltip:"Column visibility",order:100,render:e=>this.renderPanelContent(e)}}show(){this.grid.openToolPanel(),this.grid.expandedToolPanelSections.includes(s.PANEL_ID)||this.grid.toggleToolPanelSection(s.PANEL_ID)}hide(){this.grid.closeToolPanel()}toggle(){this.grid.isToolPanelOpen||this.grid.openToolPanel(),this.grid.toggleToolPanelSection(s.PANEL_ID)}isColumnVisible(e){return this.grid.isColumnVisible(e)}setColumnVisible(e,t){this.grid.setColumnVisible(e,t)}getVisibleColumns(){return this.grid.getAllColumns().filter(e=>e.visible).map(e=>e.field)}getHiddenColumns(){return this.grid.getAllColumns().filter(e=>!e.visible).map(e=>e.field)}showAll(){this.grid.showAllColumns()}toggleColumn(e){this.grid.toggleColumnVisibility(e)}showColumn(e){this.setColumnVisible(e,!0)}hideColumn(e){this.setColumnVisible(e,!1)}getAllColumns(){return this.grid.getAllColumns()}isPanelVisible(){return this.grid.isToolPanelOpen&&this.grid.expandedToolPanelSections.includes(s.PANEL_ID)}renderPanelContent(e){const t=document.createElement("div");t.className="tbw-visibility-content";const i=document.createElement("div");i.className="tbw-visibility-list",t.appendChild(i);const r=document.createElement("button");return r.className="tbw-visibility-show-all",r.textContent="Show All",r.addEventListener("click",()=>{this.grid.showAllColumns(),this.rebuildToggles(i)}),t.appendChild(r),this.columnListElement=i,this.rebuildToggles(i),e.appendChild(t),()=>{this.columnListElement=null,t.remove()}}hasReorderPlugin(){const e=this.grid?.getPluginByName?.("reorder");return!(!e||"function"!=typeof e.moveColumn)}rebuildToggles(e){const t=this.hasReorderPlugin();e.innerHTML="";const i=this.grid.getAllColumns().filter(e=>!e.utility),r=this.grid.query("getColumnGrouping"),s=r?.flat().filter(e=>e&&e.fields.length>0)??[];if(0===s.length)return void this.renderFlatColumnList(i,t,e);const l=new Map;for(const n of s)for(const e of n.fields)l.set(e,n);const o=this.computeFragments(i,l);for(const n of o)if(n.group)this.renderGroupSection(n.group,n.columns,t,e);else{const r=i.indexOf(n.columns[0]);e.appendChild(this.createColumnRow(n.columns[0],r,t,e))}}computeFragments(e,t){const i=[];let r=null,s=[];for(const l of e){const e=t.get(l.field)??null;e&&r&&e.id===r.id?s.push(l):(s.length>0&&i.push({group:r,columns:s}),r=e,s=[l])}return s.length>0&&i.push({group:r,columns:s}),i}renderGroupSection(e,t,i,r){const s=t.map(e=>e.field),l=document.createElement("div");l.className="tbw-visibility-group-header",l.setAttribute("data-group-id",e.id),i&&(l.draggable=!0,l.classList.add("reorderable"),this.setupGroupDragListeners(l,e,s,r));const o=document.createElement("label");o.className="tbw-visibility-label";const n=document.createElement("input");n.type="checkbox";const d=t.filter(e=>e.visible).length,a=t.every(e=>e.lockVisible);d===t.length?(n.checked=!0,n.indeterminate=!1):0===d?(n.checked=!1,n.indeterminate=!1):(n.checked=!1,n.indeterminate=!0),n.disabled=a,n.addEventListener("change",()=>{const e=n.checked;for(const i of t)i.lockVisible||this.grid.setColumnVisible(i.field,e);setTimeout(()=>this.rebuildToggles(r),0)});const g=document.createElement("span");if(g.textContent=e.label,o.appendChild(n),o.appendChild(g),l.appendChild(o),i){const e=document.createElement("span");e.className="tbw-visibility-handle",this.setIcon(e,"dragHandle"),e.title="Drag to reorder group",l.insertBefore(e,o)}r.appendChild(l);const c=this.grid.getAllColumns().filter(e=>!e.utility);for(const u of t){const e=c.findIndex(e=>e.field===u.field),t=this.createColumnRow(u,e,i,r);t.classList.add("tbw-visibility-row--grouped"),r.appendChild(t)}}renderFlatColumnList(e,t,i){const r=this.grid.getAllColumns().filter(e=>!e.utility);for(const s of e){const e=r.findIndex(e=>e.field===s.field);i.appendChild(this.createColumnRow(s,e,t,i))}}createColumnRow(e,t,i,s){const l=e.header||e.field,o=document.createElement("div");o.className=e.lockVisible?"tbw-visibility-row locked":"tbw-visibility-row",o.setAttribute("data-field",e.field),o.setAttribute("data-index",String(t)),i&&r(e)&&(o.draggable=!0,o.classList.add("reorderable"),this.setupDragListeners(o,e.field,t,s));const n=document.createElement("label");n.className="tbw-visibility-label";const d=document.createElement("input");d.type="checkbox",d.checked=e.visible,d.disabled=e.lockVisible??!1,d.addEventListener("change",()=>{this.grid.toggleColumnVisibility(e.field),setTimeout(()=>this.rebuildToggles(s),0)});const a=document.createElement("span");if(a.textContent=l,n.appendChild(d),n.appendChild(a),i&&r(e)){const e=document.createElement("span");e.className="tbw-visibility-handle",this.setIcon(e,"dragHandle"),e.title="Drag to reorder",o.appendChild(e)}return o.appendChild(n),o}setupGroupDragListeners(e,i,r,s){e.addEventListener("dragstart",l=>{this.isDragging=!0,this.draggedGroupId=i.id,this.draggedGroupFields=[...r],this.draggedField=null,this.draggedIndex=null,l.dataTransfer&&(l.dataTransfer.effectAllowed="move",l.dataTransfer.setData("text/plain",`group:${i.id}`)),e.classList.add(t.GridClasses.DRAGGING),s.querySelectorAll(".tbw-visibility-row--grouped").forEach(e=>{const i=e.getAttribute("data-field");i&&this.draggedGroupFields.includes(i)&&e.classList.add(t.GridClasses.DRAGGING)})}),e.addEventListener("dragend",()=>{this.isDragging=!1,this.draggedGroupId=null,this.draggedGroupFields=[],this.draggedField=null,this.draggedIndex=null,this.dropIndex=null,this.clearDragClasses(s)}),e.addEventListener("dragover",t=>{if(t.preventDefault(),!this.isDragging)return;if(this.draggedGroupFields.length===r.length&&this.draggedGroupFields.every(e=>r.includes(e)))return;if(!this.draggedGroupId)return;const i=e.getBoundingClientRect(),l=i.top+i.height/2,o=t.clientY<l;this.clearDragClasses(s),e.classList.add("drop-target"),e.classList.toggle("drop-before",o),e.classList.toggle("drop-after",!o)}),e.addEventListener("dragleave",()=>{e.classList.remove("drop-target","drop-before","drop-after")}),e.addEventListener("drop",t=>{if(t.preventDefault(),!this.isDragging||!this.draggedGroupId)return;if(this.draggedGroupFields.length===r.length&&this.draggedGroupFields.every(e=>r.includes(e)))return;const i=e.getBoundingClientRect(),s=t.clientY<i.top+i.height/2;this.executeGroupDrop(this.draggedGroupFields,r,s)})}executeGroupDrop(e,t,i){const r=this.grid.getAllColumns().map(e=>e.field),s=r.filter(t=>!e.includes(t)),l=i?t[0]:t[t.length-1],o=s.indexOf(l);if(-1===o)return;const n=i?o:o+1,d=r.filter(t=>e.includes(t));s.splice(n,0,...d);const a=this.grid.getPluginByName?.("reorder");a?.setColumnOrder&&a.gridElement?a.setColumnOrder(s):this.grid.setColumnOrder(s),requestAnimationFrame(()=>{this.columnListElement&&this.rebuildToggles(this.columnListElement)})}setupDragListeners(e,i,r,s){e.addEventListener("dragstart",s=>{this.isDragging=!0,this.draggedField=i,this.draggedIndex=r,this.draggedGroupId=null,this.draggedGroupFields=[],s.dataTransfer&&(s.dataTransfer.effectAllowed="move",s.dataTransfer.setData("text/plain",i)),e.classList.add(t.GridClasses.DRAGGING)}),e.addEventListener("dragend",()=>{this.isDragging=!1,this.draggedField=null,this.draggedIndex=null,this.dropIndex=null,this.clearDragClasses(s)}),e.addEventListener("dragover",l=>{if(l.preventDefault(),!this.isDragging)return;if(this.draggedGroupId){if(e.classList.contains("tbw-visibility-row--grouped"))return}else if(this.draggedField===i)return;const o=e.getBoundingClientRect(),n=o.top+o.height/2;this.dropIndex=l.clientY<n?r:r+1,this.clearDragClasses(s),this.draggedGroupId?(s.querySelector(`.tbw-visibility-group-header[data-group-id="${this.draggedGroupId}"]`)?.classList.add(t.GridClasses.DRAGGING),s.querySelectorAll(".tbw-visibility-row--grouped").forEach(e=>{const i=e.getAttribute("data-field");i&&this.draggedGroupFields.includes(i)&&e.classList.add(t.GridClasses.DRAGGING)})):this.draggedField&&s.querySelector(`.tbw-visibility-row[data-field="${this.draggedField}"]`)?.classList.add(t.GridClasses.DRAGGING),e.classList.add("drop-target"),e.classList.toggle("drop-before",l.clientY<n),e.classList.toggle("drop-after",l.clientY>=n)}),e.addEventListener("dragleave",()=>{e.classList.remove("drop-target","drop-before","drop-after")}),e.addEventListener("drop",t=>{if(t.preventDefault(),!this.isDragging)return;if(this.draggedGroupId&&this.draggedGroupFields.length>0){if(e.classList.contains("tbw-visibility-row--grouped"))return;const r=e.getBoundingClientRect(),s=t.clientY<r.top+r.height/2;return void this.executeGroupDrop(this.draggedGroupFields,[i],s)}const r=this.draggedField,s=this.draggedIndex,l=this.dropIndex;if(null===r||null===s||null===l)return;const o=l>s?l-1:l;if(o!==s){const e=this.grid.getAllColumns(),t=e.filter(e=>!e.utility),i=t[o]?.field,l={field:r,fromIndex:s,toIndex:i?e.findIndex(e=>e.field===i):e.length};this.emit("column-reorder-request",l)}})}}e.VisibilityPlugin=s,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
+!function(e,i){"object"==typeof exports&&"undefined"!=typeof module?i(exports,require("../../core/constants"),require("../../core/plugin/base-plugin")):"function"==typeof define&&define.amd?define(["exports","../../core/constants","../../core/plugin/base-plugin"],i):i((e="undefined"!=typeof globalThis?globalThis:e||self).TbwGridPlugin_visibility={},e.TbwGrid,e.TbwGrid)}(this,function(e,i,t){"use strict";class r extends t.BaseGridPlugin{static dependencies=[{name:"reorder",required:!1,reason:"Enables drag-to-reorder columns in visibility panel"}];static manifest={queries:[{type:"getContextMenuItems",description:'Contributes "Hide column" item to the header context menu'}]};name="visibility";static PANEL_ID="columns";styles='@layer tbw-plugins{.tbw-visibility-content{display:flex;flex-direction:column;height:100%}.tbw-visibility-list{flex:1;overflow-y:auto;padding:var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem))}.tbw-visibility-row{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));padding:var(--tbw-menu-item-padding, .375rem .25rem);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem);border-radius:var(--tbw-border-radius, .25rem);position:relative}.tbw-visibility-row:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover))}.tbw-visibility-row input[type=checkbox]{cursor:pointer}.tbw-visibility-row.locked span{color:var(--tbw-color-fg-muted)}.tbw-visibility-handle{cursor:grab;color:var(--tbw-color-fg-muted);font-size:var(--tbw-font-size-2xs, .625rem);letter-spacing:-2px;-webkit-user-select:none;user-select:none;flex-shrink:0}.tbw-visibility-row.reorderable:hover .tbw-visibility-handle{color:var(--tbw-color-fg)}.tbw-visibility-label{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));flex:1;cursor:pointer}.tbw-visibility-row.dragging{opacity:.5;cursor:grabbing}.tbw-visibility-row.drop-before:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--tbw-visibility-indicator, var(--tbw-color-accent))}.tbw-visibility-row.drop-after:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--tbw-visibility-indicator, var(--tbw-color-accent))}.tbw-visibility-show-all{margin:var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem));padding:var(--tbw-button-padding, .5rem .75rem);border:1px solid var(--tbw-visibility-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius, .25rem);background:var(--tbw-visibility-btn-bg, var(--tbw-color-header-bg));color:var(--tbw-color-fg);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem)}.tbw-visibility-show-all:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover))}.tbw-visibility-group-header{display:flex;align-items:center;padding:var(--tbw-menu-item-padding, .375rem .25rem);font-size:var(--tbw-font-size-sm, .8125rem);font-weight:600;color:var(--tbw-color-fg);border-bottom:1px solid var(--tbw-color-border);margin-top:var(--tbw-spacing-sm, .25rem);position:relative}.tbw-visibility-group-header:first-child{margin-top:0}.tbw-visibility-group-header .tbw-visibility-label{gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.tbw-visibility-group-header.reorderable{cursor:grab}.tbw-visibility-group-header.reorderable:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover))}.tbw-visibility-group-header .tbw-visibility-handle{cursor:grab;color:var(--tbw-color-fg-muted);font-size:var(--tbw-font-size-2xs, .625rem);letter-spacing:-2px;-webkit-user-select:none;user-select:none;flex-shrink:0}.tbw-visibility-group-header.reorderable:hover .tbw-visibility-handle{color:var(--tbw-color-fg)}.tbw-visibility-group-header.dragging{opacity:.5;cursor:grabbing}.tbw-visibility-group-header.drop-before:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--tbw-visibility-indicator, var(--tbw-color-accent))}.tbw-visibility-group-header.drop-after:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--tbw-visibility-indicator, var(--tbw-color-accent))}.tbw-visibility-row--grouped{padding-left:calc(var(--tbw-panel-padding, var(--tbw-spacing-md, .5rem)) + .75rem)}}';get defaultConfig(){return{allowHideAll:!1}}columnListElement=null;isDragging=!1;draggedField=null;draggedIndex=null;dropIndex=null;draggedGroupId=null;draggedGroupFields=[];clearDragClasses(e){e.querySelectorAll(".tbw-visibility-row, .tbw-visibility-group-header").forEach(e=>{e.classList.remove(i.GridClasses.DRAGGING,"drop-target","drop-before","drop-after")})}attach(e){super.attach(e),this.gridElement.addEventListener("column-move",()=>{this.columnListElement&&requestAnimationFrame(()=>{this.columnListElement&&this.rebuildToggles(this.columnListElement)})},{signal:this.disconnectSignal})}detach(){this.columnListElement=null,this.isDragging=!1,this.draggedField=null,this.draggedIndex=null,this.dropIndex=null}handleQuery(e){if("getContextMenuItems"===e.type){const i=e.context;if(!i.isHeader)return;const t=i.column;if(!t?.field)return;if(t.lockVisible||t.meta?.lockVisibility)return;return[{id:"visibility/hide-column",label:"Hide Column",icon:"👁",order:30,action:()=>this.hideColumn(t.field)}]}}getToolPanel(){return{id:r.PANEL_ID,title:"Columns",icon:"☰",tooltip:"Column visibility",order:100,render:e=>this.renderPanelContent(e)}}show(){this.grid.openToolPanel(),this.grid.expandedToolPanelSections.includes(r.PANEL_ID)||this.grid.toggleToolPanelSection(r.PANEL_ID)}hide(){this.grid.closeToolPanel()}toggle(){this.grid.isToolPanelOpen||this.grid.openToolPanel(),this.grid.toggleToolPanelSection(r.PANEL_ID)}isColumnVisible(e){return this.grid.isColumnVisible(e)}setColumnVisible(e,i){this.grid.setColumnVisible(e,i)}getVisibleColumns(){return this.grid.getAllColumns().filter(e=>e.visible).map(e=>e.field)}getHiddenColumns(){return this.grid.getAllColumns().filter(e=>!e.visible).map(e=>e.field)}showAll(){this.grid.showAllColumns()}toggleColumn(e){this.grid.toggleColumnVisibility(e)}showColumn(e){this.setColumnVisible(e,!0)}hideColumn(e){this.setColumnVisible(e,!1)}getAllColumns(){return this.grid.getAllColumns()}isPanelVisible(){return this.grid.isToolPanelOpen&&this.grid.expandedToolPanelSections.includes(r.PANEL_ID)}renderPanelContent(e){const i=document.createElement("div");i.className="tbw-visibility-content";const t=document.createElement("div");t.className="tbw-visibility-list",i.appendChild(t);const r=document.createElement("button");return r.className="tbw-visibility-show-all",r.textContent="Show All",r.addEventListener("click",()=>{this.grid.showAllColumns(),this.rebuildToggles(t)}),i.appendChild(r),this.columnListElement=t,this.rebuildToggles(t),e.appendChild(i),()=>{this.columnListElement=null,i.remove()}}hasReorderPlugin(){const e=this.grid?.getPluginByName?.("reorder");return!(!e||"function"!=typeof e.moveColumn)}canMoveColumn(e){const i=this.grid.columns.find(i=>i.field===e.field);if(!i)return!1;const t=this.grid.query("canMoveColumn",i);return t.length>0&&!t.includes(!1)}rebuildToggles(e){const i=this.hasReorderPlugin();e.innerHTML="";const t=this.grid.getAllColumns().filter(e=>!e.utility),r=this.grid.query("getColumnGrouping"),l=r?.flat().filter(e=>e&&e.fields.length>0)??[];if(0===l.length)return void this.renderFlatColumnList(t,i,e);const s=new Map;for(const o of l)for(const e of o.fields)s.set(e,o);const n=this.computeFragments(t,s);for(const o of n)if(o.group)this.renderGroupSection(o.group,o.columns,i,e);else{const r=t.indexOf(o.columns[0]);e.appendChild(this.createColumnRow(o.columns[0],r,i,e))}}computeFragments(e,i){const t=[];let r=null,l=[];for(const s of e){const e=i.get(s.field)??null;e&&r&&e.id===r.id?l.push(s):(l.length>0&&t.push({group:r,columns:l}),r=e,l=[s])}return l.length>0&&t.push({group:r,columns:l}),t}renderGroupSection(e,i,t,r){const l=i.map(e=>e.field),s=document.createElement("div");s.className="tbw-visibility-group-header",s.setAttribute("data-group-id",e.id),t&&(s.draggable=!0,s.classList.add("reorderable"),this.setupGroupDragListeners(s,e,l,r));const n=document.createElement("label");n.className="tbw-visibility-label";const o=document.createElement("input");o.type="checkbox";const d=i.filter(e=>e.visible).length,a=i.every(e=>e.lockVisible);d===i.length?(o.checked=!0,o.indeterminate=!1):0===d?(o.checked=!1,o.indeterminate=!1):(o.checked=!1,o.indeterminate=!0),o.disabled=a,o.addEventListener("change",()=>{const e=o.checked;for(const t of i)t.lockVisible||this.grid.setColumnVisible(t.field,e);setTimeout(()=>this.rebuildToggles(r),0)});const g=document.createElement("span");if(g.textContent=e.label,n.appendChild(o),n.appendChild(g),s.appendChild(n),t){const e=document.createElement("span");e.className="tbw-visibility-handle",this.setIcon(e,"dragHandle"),e.title="Drag to reorder group",s.insertBefore(e,n)}r.appendChild(s);const c=this.grid.getAllColumns().filter(e=>!e.utility);for(const u of i){const e=c.findIndex(e=>e.field===u.field),i=this.createColumnRow(u,e,t,r);i.classList.add("tbw-visibility-row--grouped"),r.appendChild(i)}}renderFlatColumnList(e,i,t){const r=this.grid.getAllColumns().filter(e=>!e.utility);for(const l of e){const e=r.findIndex(e=>e.field===l.field);t.appendChild(this.createColumnRow(l,e,i,t))}}createColumnRow(e,i,t,r){const l=e.header||e.field,s=document.createElement("div");s.className=e.lockVisible?"tbw-visibility-row locked":"tbw-visibility-row",s.setAttribute("data-field",e.field),s.setAttribute("data-index",String(i)),t&&this.canMoveColumn(e)&&(s.draggable=!0,s.classList.add("reorderable"),this.setupDragListeners(s,e.field,i,r));const n=document.createElement("label");n.className="tbw-visibility-label";const o=document.createElement("input");o.type="checkbox",o.checked=e.visible,o.disabled=e.lockVisible??!1,o.addEventListener("change",()=>{this.grid.toggleColumnVisibility(e.field),setTimeout(()=>this.rebuildToggles(r),0)});const d=document.createElement("span");if(d.textContent=l,n.appendChild(o),n.appendChild(d),t&&this.canMoveColumn(e)){const e=document.createElement("span");e.className="tbw-visibility-handle",this.setIcon(e,"dragHandle"),e.title="Drag to reorder",s.appendChild(e)}return s.appendChild(n),s}setupGroupDragListeners(e,t,r,l){e.addEventListener("dragstart",s=>{this.isDragging=!0,this.draggedGroupId=t.id,this.draggedGroupFields=[...r],this.draggedField=null,this.draggedIndex=null,s.dataTransfer&&(s.dataTransfer.effectAllowed="move",s.dataTransfer.setData("text/plain",`group:${t.id}`)),e.classList.add(i.GridClasses.DRAGGING),l.querySelectorAll(".tbw-visibility-row--grouped").forEach(e=>{const t=e.getAttribute("data-field");t&&this.draggedGroupFields.includes(t)&&e.classList.add(i.GridClasses.DRAGGING)})}),e.addEventListener("dragend",()=>{this.isDragging=!1,this.draggedGroupId=null,this.draggedGroupFields=[],this.draggedField=null,this.draggedIndex=null,this.dropIndex=null,this.clearDragClasses(l)}),e.addEventListener("dragover",i=>{if(i.preventDefault(),!this.isDragging)return;if(this.draggedGroupFields.length===r.length&&this.draggedGroupFields.every(e=>r.includes(e)))return;if(!this.draggedGroupId)return;const t=e.getBoundingClientRect(),s=t.top+t.height/2,n=i.clientY<s;this.clearDragClasses(l),e.classList.add("drop-target"),e.classList.toggle("drop-before",n),e.classList.toggle("drop-after",!n)}),e.addEventListener("dragleave",()=>{e.classList.remove("drop-target","drop-before","drop-after")}),e.addEventListener("drop",i=>{if(i.preventDefault(),!this.isDragging||!this.draggedGroupId)return;if(this.draggedGroupFields.length===r.length&&this.draggedGroupFields.every(e=>r.includes(e)))return;const t=e.getBoundingClientRect(),l=i.clientY<t.top+t.height/2;this.executeGroupDrop(this.draggedGroupFields,r,l)})}executeGroupDrop(e,i,t){const r=this.grid.getAllColumns().map(e=>e.field),l=r.filter(i=>!e.includes(i)),s=t?i[0]:i[i.length-1],n=l.indexOf(s);if(-1===n)return;const o=t?n:n+1,d=r.filter(i=>e.includes(i));l.splice(o,0,...d);const a=this.grid.getPluginByName?.("reorder");a?.setColumnOrder&&a.gridElement?a.setColumnOrder(l):this.grid.setColumnOrder(l),requestAnimationFrame(()=>{this.columnListElement&&this.rebuildToggles(this.columnListElement)})}setupDragListeners(e,t,r,l){e.addEventListener("dragstart",l=>{this.isDragging=!0,this.draggedField=t,this.draggedIndex=r,this.draggedGroupId=null,this.draggedGroupFields=[],l.dataTransfer&&(l.dataTransfer.effectAllowed="move",l.dataTransfer.setData("text/plain",t)),e.classList.add(i.GridClasses.DRAGGING)}),e.addEventListener("dragend",()=>{this.isDragging=!1,this.draggedField=null,this.draggedIndex=null,this.dropIndex=null,this.clearDragClasses(l)}),e.addEventListener("dragover",s=>{if(s.preventDefault(),!this.isDragging)return;if(this.draggedGroupId){if(e.classList.contains("tbw-visibility-row--grouped"))return}else if(this.draggedField===t)return;const n=e.getBoundingClientRect(),o=n.top+n.height/2;this.dropIndex=s.clientY<o?r:r+1,this.clearDragClasses(l),this.draggedGroupId?(l.querySelector(`.tbw-visibility-group-header[data-group-id="${this.draggedGroupId}"]`)?.classList.add(i.GridClasses.DRAGGING),l.querySelectorAll(".tbw-visibility-row--grouped").forEach(e=>{const t=e.getAttribute("data-field");t&&this.draggedGroupFields.includes(t)&&e.classList.add(i.GridClasses.DRAGGING)})):this.draggedField&&l.querySelector(`.tbw-visibility-row[data-field="${this.draggedField}"]`)?.classList.add(i.GridClasses.DRAGGING),e.classList.add("drop-target"),e.classList.toggle("drop-before",s.clientY<o),e.classList.toggle("drop-after",s.clientY>=o)}),e.addEventListener("dragleave",()=>{e.classList.remove("drop-target","drop-before","drop-after")}),e.addEventListener("drop",i=>{if(i.preventDefault(),!this.isDragging)return;if(this.draggedGroupId&&this.draggedGroupFields.length>0){if(e.classList.contains("tbw-visibility-row--grouped"))return;const r=e.getBoundingClientRect(),l=i.clientY<r.top+r.height/2;return void this.executeGroupDrop(this.draggedGroupFields,[t],l)}const r=this.draggedField,l=this.draggedIndex,s=this.dropIndex;if(null===r||null===l||null===s)return;const n=s>l?s-1:s;if(n!==l){const e=this.grid.getAllColumns(),i=e.filter(e=>!e.utility),t=i[n]?.field,s={field:r,fromIndex:l,toIndex:t?e.findIndex(e=>e.field===t):e.length};this.emit("column-reorder-request",s)}})}}e.VisibilityPlugin=r,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=visibility.umd.js.map

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 { GridClasses } from '../../core/constants';\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/** Column metadata shape returned by `grid.getAllColumns()`. */\ntype ColumnEntry = { field: string; header: string; visible: boolean; lockVisible?: boolean; utility?: boolean };\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 * ## 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 * ## 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 { queryGrid } from '@toolbox-web/grid';\n * import { VisibilityPlugin } from '@toolbox-web/grid/plugins/visibility';\n *\n * const grid = queryGrid('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.getPluginByName('visibility');\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-columns';\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 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(GridClasses.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    this.gridElement.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   * Groups that are fragmented (same group split across non-contiguous positions) are\n   * shown as separate sections to match the grid's visual layout.\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 (field name → group membership info)\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 and detect contiguous fragments.\n    // A fragment is a run of consecutive columns belonging to the same group.\n    // Fragmented groups (same group ID at non-contiguous positions) produce\n    // separate sections so the panel matches the grid's visual layout.\n    const fragments = this.computeFragments(allColumns, fieldToGroup);\n\n    for (const fragment of fragments) {\n      if (fragment.group) {\n        this.renderGroupSection(fragment.group, fragment.columns, reorderEnabled, columnList);\n      } else {\n        // Ungrouped column — render as individual row\n        const fullIndex = allColumns.indexOf(fragment.columns[0]);\n        columnList.appendChild(this.createColumnRow(fragment.columns[0], fullIndex, reorderEnabled, columnList));\n      }\n    }\n  }\n\n  /**\n   * Compute contiguous column fragments from display-order columns.\n   * Each fragment is either a group section (contiguous run of same-group columns)\n   * or a single ungrouped column.\n   */\n  private computeFragments(\n    allColumns: ColumnEntry[],\n    fieldToGroup: Map<string, ColumnGroupInfo>,\n  ): Array<{ group: ColumnGroupInfo | null; columns: ColumnEntry[] }> {\n    const fragments: Array<{ group: ColumnGroupInfo | null; columns: ColumnEntry[] }> = [];\n    let currentGroup: ColumnGroupInfo | null = null;\n    let currentCols: ColumnEntry[] = [];\n\n    for (const col of allColumns) {\n      const group = fieldToGroup.get(col.field) ?? null;\n\n      if (group && currentGroup && group.id === currentGroup.id) {\n        // Same group continues — extend fragment\n        currentCols.push(col);\n      } else {\n        // Flush previous fragment\n        if (currentCols.length > 0) {\n          fragments.push({ group: currentGroup, columns: currentCols });\n        }\n        currentGroup = group;\n        currentCols = [col];\n      }\n    }\n    // Flush last fragment\n    if (currentCols.length > 0) {\n      fragments.push({ group: currentGroup, columns: currentCols });\n    }\n\n    return fragments;\n  }\n\n  /**\n   * Render a group fragment section with header checkbox and indented column rows.\n   * A fragment is a contiguous run of columns from the same group. When a group is\n   * fragmented (split across non-contiguous positions), each fragment gets its own section.\n   */\n  private renderGroupSection(\n    group: ColumnGroupInfo,\n    columns: ColumnEntry[],\n    reorderEnabled: boolean,\n    container: HTMLElement,\n  ): void {\n    // The fragment's fields — only the columns in this contiguous section\n    const fragmentFields = columns.map((c) => c.field);\n\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    // Pass only this fragment's fields so dragging moves just this\n    // contiguous block, not all columns of the (possibly fragmented) group.\n    if (reorderEnabled) {\n      header.draggable = true;\n      header.classList.add('reorderable');\n      this.setupGroupDragListeners(header, group, fragmentFields, 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, '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(columns: ColumnEntry[], reorderEnabled: boolean, container: HTMLElement): 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: ColumnEntry,\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)) {\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)) {\n      const handle = document.createElement('span');\n      handle.className = 'tbw-visibility-handle';\n      this.setIcon(handle, '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 fragment moves only the columns in that fragment as a block.\n   * When a group is fragmented, each fragment header drags independently.\n   */\n  private setupGroupDragListeners(\n    header: HTMLElement,\n    group: ColumnGroupInfo,\n    fragmentFields: string[],\n    columnList: HTMLElement,\n  ): void {\n    header.addEventListener('dragstart', (e: DragEvent) => {\n      this.isDragging = true;\n      this.draggedGroupId = group.id;\n      this.draggedGroupFields = [...fragmentFields];\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(GridClasses.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(GridClasses.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 (or other fragments of the same group)\n    header.addEventListener('dragover', (e: DragEvent) => {\n      e.preventDefault();\n      if (!this.isDragging) return;\n      // Can't drop onto the same fragment (same exact fields)\n      if (\n        this.draggedGroupFields.length === fragmentFields.length &&\n        this.draggedGroupFields.every((f) => fragmentFields.includes(f))\n      )\n        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) return;\n      // Can't drop onto the same fragment\n      if (\n        this.draggedGroupFields.length === fragmentFields.length &&\n        this.draggedGroupFields.every((f) => fragmentFields.includes(f))\n      )\n        return;\n\n      const rect = header.getBoundingClientRect();\n      const before = e.clientY < rect.top + rect.height / 2;\n\n      this.executeGroupDrop(this.draggedGroupFields, fragmentFields, before);\n    });\n  }\n\n  /**\n   * Execute a group drop — move the dragged fragment's fields as a block\n   * to the position relative to the target group/column.\n   * Routes through the ReorderPlugin when available for proper animation and\n   * full render cycle, otherwise falls back to direct grid.setColumnOrder().\n   */\n  private executeGroupDrop(draggedFields: string[], targetFields: string[], before: boolean): 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    // Route through ReorderPlugin.setColumnOrder when available and attached —\n    // this calls updateColumnOrder which handles animation and forceLayout for\n    // proper body cell rebuilds. Fall back to direct grid.setColumnOrder otherwise.\n    const reorderPlugin = this.grid.getPluginByName?.('reorder') as\n      | { setColumnOrder?: (o: string[]) => void; gridElement?: unknown }\n      | undefined;\n    if (reorderPlugin?.setColumnOrder && reorderPlugin.gridElement) {\n      reorderPlugin.setColumnOrder(remaining);\n    } else {\n      this.grid.setColumnOrder(remaining);\n    }\n\n    // Panel rebuild is handled by the column-move listener when ReorderPlugin\n    // emits the event. For the direct fallback path, trigger manually.\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(GridClasses.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(GridClasses.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(GridClasses.DRAGGING);\n        });\n      } else if (this.draggedField) {\n        columnList\n          .querySelector(`.tbw-visibility-row[data-field=\"${this.draggedField}\"]`)\n          ?.classList.add(GridClasses.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);\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","lockPosition","suppressMovable","VisibilityPlugin","BaseGridPlugin","static","name","required","reason","queries","type","description","styles","defaultConfig","allowHideAll","columnListElement","isDragging","draggedField","draggedIndex","dropIndex","draggedGroupId","draggedGroupFields","clearDragClasses","container","querySelectorAll","forEach","r","classList","remove","GridClasses","DRAGGING","attach","grid","super","this","gridElement","addEventListener","requestAnimationFrame","rebuildToggles","signal","disconnectSignal","detach","handleQuery","query","params","context","isHeader","field","lockVisibility","id","label","icon","order","action","hideColumn","getToolPanel","PANEL_ID","title","tooltip","render","renderPanelContent","show","openToolPanel","expandedToolPanelSections","includes","toggleToolPanelSection","hide","closeToolPanel","toggle","isToolPanelOpen","isColumnVisible","setColumnVisible","visible","getVisibleColumns","getAllColumns","filter","c","map","getHiddenColumns","showAll","showAllColumns","toggleColumn","toggleColumnVisibility","showColumn","isPanelVisible","wrapper","document","createElement","className","columnList","appendChild","showAllBtn","textContent","hasReorderPlugin","plugin","getPluginByName","moveColumn","reorderEnabled","innerHTML","allColumns","utility","groupResults","groups","flat","g","fields","length","renderFlatColumnList","fieldToGroup","Map","group","set","fragments","computeFragments","fragment","renderGroupSection","columns","fullIndex","indexOf","createColumnRow","currentGroup","currentCols","col","get","push","fragmentFields","header","setAttribute","draggable","add","setupGroupDragListeners","headerLabel","groupCheckbox","visibleCount","allLocked","every","lockVisible","checked","indeterminate","disabled","newVisible","setTimeout","headerText","handle","setIcon","insertBefore","allColumnsFullList","findIndex","row","index","String","setupDragListeners","labelWrapper","checkbox","text","e","dataTransfer","effectAllowed","setData","getAttribute","preventDefault","f","rect","getBoundingClientRect","midY","top","height","before","clientY","executeGroupDrop","draggedFields","targetFields","currentOrder","remaining","anchorField","insertAt","insertIndex","draggedInOrder","splice","reorderPlugin","setColumnOrder","contains","querySelector","effectiveToIndex","nonUtilityColumns","targetField","detail","fromIndex","toIndex","emit"],"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 { GridClasses } from '../../core/constants';\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/** Column metadata shape returned by `grid.getAllColumns()`. */\ntype ColumnEntry = {\n  field: string;\n  header: string;\n  visible: boolean;\n  lockVisible?: boolean;\n  utility?: boolean;\n};\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 * 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 * ## Column Configuration\n *\n * | Property | Type | Default | Description |\n * |----------|------|---------|-------------|\n * | `visible` | `boolean` | `true` | Initial visibility state |\n * | `lockVisible` | `boolean` | `false` | Prevent user from toggling (legacy `meta.lockVisibility` is honored) |\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 { queryGrid } from '@toolbox-web/grid';\n * import { VisibilityPlugin } from '@toolbox-web/grid/plugins/visibility';\n *\n * const grid = queryGrid('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.getPluginByName('visibility');\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-columns';\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 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(GridClasses.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    this.gridElement.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      // (top-level `lockVisible` preferred; legacy `meta.lockVisibility` honored for back-compat)\n      if (column.lockVisible || 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   * Ask the plugin system whether a column may be reordered.\n   *\n   * Looks up the real `ColumnConfig` by field (the projection from `getAllColumns()`\n   * intentionally omits plugin-owned flags like `lockPosition`) and forwards it to\n   * the `canMoveColumn` query handled by ReorderPlugin and vetoed by other plugins\n   * (e.g. PinnedColumnsPlugin blocking sticky columns). Returns `false` when no\n   * plugin answers, which keeps the panel non-draggable when reorder is absent.\n   */\n  private canMoveColumn(column: ColumnEntry): boolean {\n    const config = this.grid.columns.find((c) => c.field === column.field);\n    if (!config) return false;\n    const responses = this.grid.query<boolean>('canMoveColumn', config);\n    return responses.length > 0 && !responses.includes(false);\n  }\n\n  /**\n   * Build the column toggle checkboxes.\n   * When GroupingColumnsPlugin is present, renders columns under collapsible group headers.\n   * Groups that are fragmented (same group split across non-contiguous positions) are\n   * shown as separate sections to match the grid's visual layout.\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 (field name → group membership info)\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 and detect contiguous fragments.\n    // A fragment is a run of consecutive columns belonging to the same group.\n    // Fragmented groups (same group ID at non-contiguous positions) produce\n    // separate sections so the panel matches the grid's visual layout.\n    const fragments = this.computeFragments(allColumns, fieldToGroup);\n\n    for (const fragment of fragments) {\n      if (fragment.group) {\n        this.renderGroupSection(fragment.group, fragment.columns, reorderEnabled, columnList);\n      } else {\n        // Ungrouped column — render as individual row\n        const fullIndex = allColumns.indexOf(fragment.columns[0]);\n        columnList.appendChild(this.createColumnRow(fragment.columns[0], fullIndex, reorderEnabled, columnList));\n      }\n    }\n  }\n\n  /**\n   * Compute contiguous column fragments from display-order columns.\n   * Each fragment is either a group section (contiguous run of same-group columns)\n   * or a single ungrouped column.\n   */\n  private computeFragments(\n    allColumns: ColumnEntry[],\n    fieldToGroup: Map<string, ColumnGroupInfo>,\n  ): Array<{ group: ColumnGroupInfo | null; columns: ColumnEntry[] }> {\n    const fragments: Array<{ group: ColumnGroupInfo | null; columns: ColumnEntry[] }> = [];\n    let currentGroup: ColumnGroupInfo | null = null;\n    let currentCols: ColumnEntry[] = [];\n\n    for (const col of allColumns) {\n      const group = fieldToGroup.get(col.field) ?? null;\n\n      if (group && currentGroup && group.id === currentGroup.id) {\n        // Same group continues — extend fragment\n        currentCols.push(col);\n      } else {\n        // Flush previous fragment\n        if (currentCols.length > 0) {\n          fragments.push({ group: currentGroup, columns: currentCols });\n        }\n        currentGroup = group;\n        currentCols = [col];\n      }\n    }\n    // Flush last fragment\n    if (currentCols.length > 0) {\n      fragments.push({ group: currentGroup, columns: currentCols });\n    }\n\n    return fragments;\n  }\n\n  /**\n   * Render a group fragment section with header checkbox and indented column rows.\n   * A fragment is a contiguous run of columns from the same group. When a group is\n   * fragmented (split across non-contiguous positions), each fragment gets its own section.\n   */\n  private renderGroupSection(\n    group: ColumnGroupInfo,\n    columns: ColumnEntry[],\n    reorderEnabled: boolean,\n    container: HTMLElement,\n  ): void {\n    // The fragment's fields — only the columns in this contiguous section\n    const fragmentFields = columns.map((c) => c.field);\n\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    // Pass only this fragment's fields so dragging moves just this\n    // contiguous block, not all columns of the (possibly fragmented) group.\n    if (reorderEnabled) {\n      header.draggable = true;\n      header.classList.add('reorderable');\n      this.setupGroupDragListeners(header, group, fragmentFields, 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, '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(columns: ColumnEntry[], reorderEnabled: boolean, container: HTMLElement): 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: ColumnEntry,\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 && this.canMoveColumn(col)) {\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 && this.canMoveColumn(col)) {\n      const handle = document.createElement('span');\n      handle.className = 'tbw-visibility-handle';\n      this.setIcon(handle, '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 fragment moves only the columns in that fragment as a block.\n   * When a group is fragmented, each fragment header drags independently.\n   */\n  private setupGroupDragListeners(\n    header: HTMLElement,\n    group: ColumnGroupInfo,\n    fragmentFields: string[],\n    columnList: HTMLElement,\n  ): void {\n    header.addEventListener('dragstart', (e: DragEvent) => {\n      this.isDragging = true;\n      this.draggedGroupId = group.id;\n      this.draggedGroupFields = [...fragmentFields];\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(GridClasses.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(GridClasses.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 (or other fragments of the same group)\n    header.addEventListener('dragover', (e: DragEvent) => {\n      e.preventDefault();\n      if (!this.isDragging) return;\n      // Can't drop onto the same fragment (same exact fields)\n      if (\n        this.draggedGroupFields.length === fragmentFields.length &&\n        this.draggedGroupFields.every((f) => fragmentFields.includes(f))\n      )\n        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) return;\n      // Can't drop onto the same fragment\n      if (\n        this.draggedGroupFields.length === fragmentFields.length &&\n        this.draggedGroupFields.every((f) => fragmentFields.includes(f))\n      )\n        return;\n\n      const rect = header.getBoundingClientRect();\n      const before = e.clientY < rect.top + rect.height / 2;\n\n      this.executeGroupDrop(this.draggedGroupFields, fragmentFields, before);\n    });\n  }\n\n  /**\n   * Execute a group drop — move the dragged fragment's fields as a block\n   * to the position relative to the target group/column.\n   * Routes through the ReorderPlugin when available for proper animation and\n   * full render cycle, otherwise falls back to direct grid.setColumnOrder().\n   */\n  private executeGroupDrop(draggedFields: string[], targetFields: string[], before: boolean): 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    // Route through ReorderPlugin.setColumnOrder when available and attached —\n    // this calls updateColumnOrder which handles animation and forceLayout for\n    // proper body cell rebuilds. Fall back to direct grid.setColumnOrder otherwise.\n    const reorderPlugin = this.grid.getPluginByName?.('reorder') as\n      | { setColumnOrder?: (o: string[]) => void; gridElement?: unknown }\n      | undefined;\n    if (reorderPlugin?.setColumnOrder && reorderPlugin.gridElement) {\n      reorderPlugin.setColumnOrder(remaining);\n    } else {\n      this.grid.setColumnOrder(remaining);\n    }\n\n    // Panel rebuild is handled by the column-move listener when ReorderPlugin\n    // emits the event. For the direct fallback path, trigger manually.\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(GridClasses.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(GridClasses.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(GridClasses.DRAGGING);\n        });\n      } else if (this.draggedField) {\n        columnList\n          .querySelector(`.tbw-visibility-row[data-field=\"${this.draggedField}\"]`)\n          ?.classList.add(GridClasses.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);\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":["VisibilityPlugin","BaseGridPlugin","static","name","required","reason","queries","type","description","styles","defaultConfig","allowHideAll","columnListElement","isDragging","draggedField","draggedIndex","dropIndex","draggedGroupId","draggedGroupFields","clearDragClasses","container","querySelectorAll","forEach","r","classList","remove","GridClasses","DRAGGING","attach","grid","super","this","gridElement","addEventListener","requestAnimationFrame","rebuildToggles","signal","disconnectSignal","detach","handleQuery","query","params","context","isHeader","column","field","lockVisible","meta","lockVisibility","id","label","icon","order","action","hideColumn","getToolPanel","PANEL_ID","title","tooltip","render","renderPanelContent","show","openToolPanel","expandedToolPanelSections","includes","toggleToolPanelSection","hide","closeToolPanel","toggle","isToolPanelOpen","isColumnVisible","setColumnVisible","visible","getVisibleColumns","getAllColumns","filter","c","map","getHiddenColumns","showAll","showAllColumns","toggleColumn","toggleColumnVisibility","showColumn","isPanelVisible","wrapper","document","createElement","className","columnList","appendChild","showAllBtn","textContent","hasReorderPlugin","plugin","getPluginByName","moveColumn","canMoveColumn","config","columns","find","responses","length","reorderEnabled","innerHTML","allColumns","utility","groupResults","groups","flat","g","fields","renderFlatColumnList","fieldToGroup","Map","group","set","fragments","computeFragments","fragment","renderGroupSection","fullIndex","indexOf","createColumnRow","currentGroup","currentCols","col","get","push","fragmentFields","header","setAttribute","draggable","add","setupGroupDragListeners","headerLabel","groupCheckbox","visibleCount","allLocked","every","checked","indeterminate","disabled","newVisible","setTimeout","headerText","handle","setIcon","insertBefore","allColumnsFullList","findIndex","row","index","String","setupDragListeners","labelWrapper","checkbox","text","e","dataTransfer","effectAllowed","setData","getAttribute","preventDefault","f","rect","getBoundingClientRect","midY","top","height","before","clientY","executeGroupDrop","draggedFields","targetFields","currentOrder","remaining","anchorField","insertAt","insertIndex","draggedInOrder","splice","reorderPlugin","setColumnOrder","contains","querySelector","effectiveToIndex","nonUtilityColumns","targetField","detail","fromIndex","toIndex","emit"],"mappings":"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"}