@toolbox-web/grid 2.13.0 → 2.14.0

package/umd/plugins/tooltip.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/tooltip/TooltipPlugin.ts"],"sourcesContent":["/**\n * Tooltip Plugin\n *\n * Shows styled popover tooltips on header and data cells when text\n * overflows (ellipsis). Uses the Popover API (`popover=\"hint\"`) with\n * CSS anchor positioning for consistent, themed placement.\n *\n * Supports per-column overrides via `cellTooltip` and `headerTooltip`\n * on column config.\n */\n\nimport type { GridElement, PluginManifest } from '../../core/plugin/base-plugin';\nimport { BaseGridPlugin } from '../../core/plugin/base-plugin';\nimport type { CellRenderContext, ColumnConfig, HeaderLabelContext } from '../../core/types';\nimport tooltipStyles from './tooltip.css?inline';\nimport type { TooltipConfig } from './types';\n\n// #region Helpers\n\n/** Check if an element's text content overflows its visible width. */\nfunction isOverflowing(el: HTMLElement): boolean {\n  return el.scrollWidth > el.clientWidth;\n}\n\n/**\n * Resolve the tooltip text for a cell.\n * Returns the text to show, or `null` to suppress.\n */\nfunction resolveCellTooltip(\n  column: ColumnConfig,\n  cell: HTMLElement,\n  row: unknown,\n  value: unknown,\n  grid?: GridElement,\n): string | null {\n  const spec = column.cellTooltip;\n\n  if (spec === false) return null;\n  if (typeof spec === 'string') return spec;\n  if (typeof spec === 'function') {\n    const ctx: CellRenderContext = { value, row, column, field: column.field, grid: grid as any };\n    return spec(ctx);\n  }\n\n  // Default: show textContent only when overflowing\n  if (isOverflowing(cell)) {\n    return cell.textContent?.trim() || null;\n  }\n\n  return null;\n}\n\n/**\n * Resolve the tooltip text for a header cell.\n * Returns the text to show, or `null` to suppress.\n */\nfunction resolveHeaderTooltip(column: ColumnConfig, headerCell: HTMLElement): string | null {\n  const spec = column.headerTooltip;\n\n  if (spec === false) return null;\n  if (typeof spec === 'string') return spec;\n  if (typeof spec === 'function') {\n    const ctx: HeaderLabelContext = {\n      column,\n      value: column.header ?? column.field,\n    };\n    return spec(ctx);\n  }\n\n  // Default: show header text only when overflowing\n  const labelSpan = headerCell.querySelector('span:first-child') as HTMLElement | null;\n  const target = labelSpan ?? headerCell;\n\n  if (isOverflowing(target)) {\n    return target.textContent?.trim() || null;\n  }\n\n  return null;\n}\n\n/** Runtime check — happy-dom and older browsers may lack Popover API. */\nfunction supportsPopover(): boolean {\n  return typeof HTMLElement.prototype?.showPopover === 'function';\n}\n\n/** Runtime check for CSS anchor positioning. */\nfunction supportsAnchor(): boolean {\n  return typeof CSS !== 'undefined' && CSS.supports?.('anchor-name', '--test') === true;\n}\n// #endregion\n\n// #region TooltipPlugin\n/**\n * Tooltip Plugin for tbw-grid\n *\n * Shows styled popover tooltips when header or cell text overflows its\n * container. Uses the Popover API with CSS anchor positioning for\n * consistent themed appearance across light and dark modes.\n *\n * ## Installation\n *\n * ```ts\n * import { TooltipPlugin } from '@toolbox-web/grid/plugins/tooltip';\n * ```\n *\n * @example Default — auto-tooltip on overflow\n * ```ts\n * grid.gridConfig = {\n *   plugins: [new TooltipPlugin()],\n * };\n * ```\n *\n * @example Header-only tooltips\n * ```ts\n * grid.gridConfig = {\n *   plugins: [new TooltipPlugin({ cell: false })],\n * };\n * ```\n *\n * @example Per-column overrides\n * ```ts\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'name', cellTooltip: (ctx) => `${ctx.row.first} ${ctx.row.last}` },\n *     { field: 'actions', cellTooltip: false },\n *     { field: 'revenue', headerTooltip: 'Total revenue in USD (before tax)' },\n *   ],\n *   plugins: [new TooltipPlugin()],\n * };\n * ```\n *\n * @category Plugins\n * @since 1.28.0\n */\nexport class TooltipPlugin extends BaseGridPlugin<TooltipConfig> {\n  readonly name = 'tooltip';\n  override readonly styles = tooltipStyles;\n\n  static override readonly manifest: PluginManifest<TooltipConfig> = {\n    ownedProperties: [\n      { property: 'cellTooltip', level: 'column', description: 'the \"cellTooltip\" column property' },\n      { property: 'headerTooltip', level: 'column', description: 'the \"headerTooltip\" column property' },\n    ],\n    configRules: [],\n  };\n\n  /** The shared popover element for all tooltips. */\n  #popoverEl: HTMLElement | null = null;\n\n  /** The cell currently acting as CSS anchor. */\n  #anchorCell: HTMLElement | null = null;\n\n  /** Whether delegated listeners are bound. */\n  #bound = false;\n\n  /** Whether header tooltips are enabled globally. */\n  get #headerEnabled(): boolean {\n    return this.config.header !== false;\n  }\n\n  /** Whether cell tooltips are enabled globally. */\n  get #cellEnabled(): boolean {\n    return this.config.cell !== false;\n  }\n\n  override attach(grid: GridElement): void {\n    super.attach(grid);\n  }\n\n  override detach(): void {\n    this.#hideTooltip();\n    this.#popoverEl?.remove();\n    this.#popoverEl = null;\n    this.#bound = false;\n    super.detach();\n  }\n\n  override afterRender(): void {\n    this.#ensurePopover();\n    this.#bindEvents();\n  }\n\n  // #region Popover Lifecycle\n\n  /** Create the shared popover element (once). */\n  #ensurePopover(): void {\n    if (this.#popoverEl) return;\n    const el = document.createElement('div');\n    el.className = 'tbw-tooltip-popover';\n    el.setAttribute('popover', 'hint');\n    // Override UA popover defaults that @layer CSS cannot beat\n    el.style.overflow = 'visible';\n    el.style.margin = '0';\n    document.body.appendChild(el);\n    this.#popoverEl = el;\n  }\n\n  /** Show the popover anchored to `cell` with the given `text`. */\n  #showTooltip(cell: HTMLElement, text: string): void {\n    if (!this.#popoverEl) return;\n\n    // Move the CSS anchor to the hovered cell\n    this.#clearAnchor();\n    cell.style.setProperty('anchor-name', '--tbw-tooltip-anchor');\n    this.#anchorCell = cell;\n\n    // Set content (always textContent — safe, no XSS)\n    this.#popoverEl.textContent = text;\n\n    // Show via Popover API\n    if (supportsPopover()) {\n      try {\n        this.#popoverEl.showPopover();\n      } catch {\n        /* already shown */\n      }\n    }\n\n    if (supportsAnchor()) {\n      // Detect flip after the browser resolves position-try-fallbacks\n      requestAnimationFrame(() => this.#detectFlip(cell));\n    } else {\n      this.#positionFallback(cell);\n    }\n  }\n\n  /** Hide the popover and clear the anchor reference. */\n  #hideTooltip(): void {\n    if (this.#popoverEl) {\n      if (supportsPopover()) {\n        try {\n          this.#popoverEl.hidePopover();\n        } catch {\n          /* already hidden */\n        }\n      }\n      this.#popoverEl.classList.remove('tbw-tooltip-above');\n    }\n    this.#clearAnchor();\n  }\n\n  /** Remove the CSS anchor-name from the previous cell, but only if it's still our tooltip anchor. */\n  #clearAnchor(): void {\n    if (this.#anchorCell) {\n      if (this.#anchorCell.style.getPropertyValue('anchor-name') === '--tbw-tooltip-anchor') {\n        this.#anchorCell.style.removeProperty('anchor-name');\n      }\n      this.#anchorCell = null;\n    }\n  }\n\n  /**\n   * Fallback positioning for browsers without CSS anchor support.\n   * Places the popover below or above the cell using fixed coordinates.\n   */\n  #positionFallback(cell: HTMLElement): void {\n    if (!this.#popoverEl) return;\n    const cellRect = cell.getBoundingClientRect();\n    const arrowGap = 11;\n\n    this.#popoverEl.style.position = 'fixed';\n    this.#popoverEl.style.left = `${cellRect.left}px`;\n\n    // Check if there's space below\n    const spaceBelow = window.innerHeight - cellRect.bottom;\n    if (spaceBelow < 80) {\n      // Place above the cell\n      this.#popoverEl.style.top = '';\n      this.#popoverEl.style.bottom = `${window.innerHeight - cellRect.top + arrowGap}px`;\n      this.#popoverEl.classList.add('tbw-tooltip-above');\n    } else {\n      this.#popoverEl.style.top = `${cellRect.bottom + arrowGap}px`;\n      this.#popoverEl.style.bottom = '';\n      this.#popoverEl.classList.remove('tbw-tooltip-above');\n    }\n  }\n\n  /** Toggle the arrow direction class after CSS anchor positioning resolves. */\n  #detectFlip(cell: HTMLElement): void {\n    if (!this.#popoverEl) return;\n    const cellRect = cell.getBoundingClientRect();\n    const popoverRect = this.#popoverEl.getBoundingClientRect();\n    // If the popover's bottom edge is above the cell's top, it flipped\n    this.#popoverEl.classList.toggle('tbw-tooltip-above', popoverRect.bottom <= cellRect.top);\n  }\n  // #endregion\n\n  // #region Event Delegation\n\n  /** Bind delegated mouseover/mouseout once. */\n  #bindEvents(): void {\n    if (this.#bound) return;\n    const container = this.gridElement?.querySelector('.tbw-grid-root');\n    if (!container) return;\n\n    this.#bound = true;\n\n    container.addEventListener('mouseover', (e: Event) => this.#onMouseOver(e as MouseEvent), {\n      signal: this.disconnectSignal,\n    });\n\n    container.addEventListener('mouseout', (e: Event) => this.#onMouseOut(e as MouseEvent), {\n      signal: this.disconnectSignal,\n    });\n  }\n\n  #onMouseOver(e: MouseEvent): void {\n    const target = e.target as HTMLElement;\n    if (!target?.closest) return;\n\n    // Check for header cell\n    const headerCell = target.closest('[part~=\"header-cell\"]') as HTMLElement | null;\n    if (headerCell && this.#headerEnabled) {\n      this.#showHeaderTooltip(headerCell);\n      return;\n    }\n\n    // Check for data cell — skip cells that already have a CSS anchor (e.g. overlay editors)\n    // to avoid overwriting their anchor-name and breaking their positioning.\n    const dataCell = target.closest('[data-row][data-col]') as HTMLElement | null;\n    if (dataCell && this.#cellEnabled && !dataCell.style.getPropertyValue('anchor-name')) {\n      this.#showCellTooltip(dataCell);\n    }\n  }\n\n  #onMouseOut(e: MouseEvent): void {\n    const target = e.target as HTMLElement;\n    if (!target?.closest) return;\n\n    const cell = target.closest('[part~=\"header-cell\"], [data-row][data-col]') as HTMLElement | null;\n    if (!cell) return;\n\n    // Keep tooltip if pointer moved to a child still inside the same cell\n    const related = e.relatedTarget as HTMLElement | null;\n    if (related && cell.contains(related)) return;\n\n    this.#hideTooltip();\n  }\n  // #endregion\n\n  // #region Tooltip Resolution\n\n  #showHeaderTooltip(headerCell: HTMLElement): void {\n    const colIndex = parseInt(headerCell.getAttribute('data-col') ?? '-1', 10);\n    if (colIndex < 0) return;\n\n    const column = this.visibleColumns[colIndex];\n    if (!column) return;\n\n    const text = resolveHeaderTooltip(column, headerCell);\n    if (text) {\n      this.#showTooltip(headerCell, text);\n    }\n  }\n\n  #showCellTooltip(cell: HTMLElement): void {\n    const rowIndex = parseInt(cell.getAttribute('data-row') ?? '-1', 10);\n    const colIndex = parseInt(cell.getAttribute('data-col') ?? '-1', 10);\n    if (rowIndex < 0 || colIndex < 0) return;\n\n    const column = this.visibleColumns[colIndex];\n    if (!column) return;\n\n    const row = this.rows[rowIndex];\n    const value = row?.[column.field as keyof typeof row];\n\n    const text = resolveCellTooltip(column, cell, row, value, this.grid);\n    if (text) {\n      this.#showTooltip(cell, text);\n    }\n  }\n  // #endregion\n}\n// #endregion\n"],"names":["isOverflowing","el","scrollWidth","clientWidth","supportsPopover","HTMLElement","prototype","showPopover","TooltipPlugin","BaseGridPlugin","name","styles","static","ownedProperties","property","level","description","configRules","popoverEl","anchorCell","bound","headerEnabled","this","config","header","cellEnabled","cell","attach","grid","super","detach","hideTooltip","remove","afterRender","ensurePopover","bindEvents","document","createElement","className","setAttribute","style","overflow","margin","body","appendChild","showTooltip","text","clearAnchor","setProperty","textContent","CSS","supports","requestAnimationFrame","detectFlip","positionFallback","hidePopover","classList","getPropertyValue","removeProperty","cellRect","getBoundingClientRect","position","left","window","innerHeight","bottom","top","add","popoverRect","toggle","container","gridElement","querySelector","addEventListener","e","onMouseOver","signal","disconnectSignal","onMouseOut","target","closest","headerCell","showHeaderTooltip","dataCell","showCellTooltip","related","relatedTarget","contains","colIndex","parseInt","getAttribute","column","visibleColumns","spec","headerTooltip","value","field","trim","resolveHeaderTooltip","rowIndex","row","rows","cellTooltip","resolveCellTooltip"],"mappings":"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"}
+{"version":3,"file":"tooltip.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/tooltip/TooltipPlugin.ts"],"sourcesContent":["/**\n * Tooltip Plugin\n *\n * Shows styled popover tooltips on header and data cells when text\n * overflows (ellipsis). Uses the Popover API (`popover=\"hint\"`) with\n * CSS anchor positioning for consistent, themed placement.\n *\n * Supports per-column overrides via `cellTooltip` and `headerTooltip`\n * on column config.\n */\n\nimport type { GridElement, PluginManifest } from '../../core/plugin/base-plugin';\nimport { BaseGridPlugin } from '../../core/plugin/base-plugin';\nimport type { CellRenderContext, ColumnConfig, HeaderLabelContext } from '../../core/types';\nimport tooltipStyles from './tooltip.css?inline';\nimport type { TooltipConfig } from './types';\n\n// #region Helpers\n\n/** Check if an element's text content overflows its visible width. */\nfunction isOverflowing(el: HTMLElement): boolean {\n  return el.scrollWidth > el.clientWidth;\n}\n\n/**\n * Resolve the tooltip text for a cell.\n * Returns the text to show, or `null` to suppress.\n */\nfunction resolveCellTooltip(\n  column: ColumnConfig,\n  cell: HTMLElement,\n  row: unknown,\n  value: unknown,\n  grid?: GridElement,\n): string | null {\n  const spec = column.cellTooltip;\n\n  if (spec === false) return null;\n  if (typeof spec === 'string') return spec;\n  if (typeof spec === 'function') {\n    const ctx: CellRenderContext = { value, row, column, field: column.field, grid: grid as any };\n    return spec(ctx);\n  }\n\n  // Default: show textContent only when overflowing\n  if (isOverflowing(cell)) {\n    return cell.textContent?.trim() || null;\n  }\n\n  return null;\n}\n\n/**\n * Resolve the tooltip text for a header cell.\n * Returns the text to show, or `null` to suppress.\n */\nfunction resolveHeaderTooltip(column: ColumnConfig, headerCell: HTMLElement): string | null {\n  const spec = column.headerTooltip;\n\n  if (spec === false) return null;\n  if (typeof spec === 'string') return spec;\n  if (typeof spec === 'function') {\n    const ctx: HeaderLabelContext = {\n      column,\n      value: column.header ?? column.field,\n    };\n    return spec(ctx);\n  }\n\n  // Default: show header text only when overflowing\n  const labelSpan = headerCell.querySelector('span:first-child') as HTMLElement | null;\n  const target = labelSpan ?? headerCell;\n\n  if (isOverflowing(target)) {\n    return target.textContent?.trim() || null;\n  }\n\n  return null;\n}\n\n/** Runtime check — happy-dom and older browsers may lack Popover API. */\nfunction supportsPopover(): boolean {\n  return typeof HTMLElement.prototype?.showPopover === 'function';\n}\n\n/** Runtime check for CSS anchor positioning. */\nfunction supportsAnchor(): boolean {\n  return typeof CSS !== 'undefined' && CSS.supports?.('anchor-name', '--test') === true;\n}\n// #endregion\n\n// #region TooltipPlugin\n/**\n * Tooltip Plugin for tbw-grid\n *\n * Shows styled popover tooltips when header or cell text overflows its\n * container. Uses the Popover API with CSS anchor positioning for\n * consistent themed appearance across light and dark modes.\n *\n * ## Installation\n *\n * ```ts\n * import { TooltipPlugin } from '@toolbox-web/grid/plugins/tooltip';\n * ```\n *\n * @example Default — auto-tooltip on overflow\n * ```ts\n * grid.gridConfig = {\n *   plugins: [new TooltipPlugin()],\n * };\n * ```\n *\n * @example Header-only tooltips\n * ```ts\n * grid.gridConfig = {\n *   plugins: [new TooltipPlugin({ cell: false })],\n * };\n * ```\n *\n * @example Per-column overrides\n * ```ts\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'name', cellTooltip: (ctx) => `${ctx.row.first} ${ctx.row.last}` },\n *     { field: 'actions', cellTooltip: false },\n *     { field: 'revenue', headerTooltip: 'Total revenue in USD (before tax)' },\n *   ],\n *   plugins: [new TooltipPlugin()],\n * };\n * ```\n *\n * @category Plugins\n * @since 1.28.0\n */\nexport class TooltipPlugin extends BaseGridPlugin<TooltipConfig> {\n  readonly name = 'tooltip';\n  override readonly styles = tooltipStyles;\n\n  static override readonly manifest: PluginManifest<TooltipConfig> = {\n    ownedProperties: [\n      { property: 'cellTooltip', level: 'column', description: 'the \"cellTooltip\" column property' },\n      { property: 'headerTooltip', level: 'column', description: 'the \"headerTooltip\" column property' },\n    ],\n    configRules: [],\n  };\n\n  /** The shared popover element for all tooltips. */\n  #popoverEl: HTMLElement | null = null;\n\n  /** The cell currently acting as CSS anchor. */\n  #anchorCell: HTMLElement | null = null;\n\n  /** Whether delegated listeners are bound. */\n  #bound = false;\n\n  /** Whether header tooltips are enabled globally. */\n  get #headerEnabled(): boolean {\n    return this.config.header !== false;\n  }\n\n  /** Whether cell tooltips are enabled globally. */\n  get #cellEnabled(): boolean {\n    return this.config.cell !== false;\n  }\n\n  override attach(grid: GridElement): void {\n    super.attach(grid);\n  }\n\n  override detach(): void {\n    this.#hideTooltip();\n    this.#popoverEl?.remove();\n    this.#popoverEl = null;\n    this.#bound = false;\n    super.detach();\n  }\n\n  override afterRender(): void {\n    this.#ensurePopover();\n    this.#bindEvents();\n  }\n\n  // #region Popover Lifecycle\n\n  /** Create the shared popover element (once). */\n  #ensurePopover(): void {\n    if (this.#popoverEl) return;\n    const el = document.createElement('div');\n    el.className = 'tbw-tooltip-popover';\n    el.setAttribute('popover', 'hint');\n    // Override UA popover defaults that @layer CSS cannot beat\n    el.style.overflow = 'visible';\n    el.style.margin = '0';\n    document.body.appendChild(el);\n    this.#popoverEl = el;\n  }\n\n  /** Show the popover anchored to `cell` with the given `text`. */\n  #showTooltip(cell: HTMLElement, text: string): void {\n    if (!this.#popoverEl) return;\n\n    // Move the CSS anchor to the hovered cell\n    this.#clearAnchor();\n    cell.style.setProperty('anchor-name', '--tbw-tooltip-anchor');\n    this.#anchorCell = cell;\n\n    // Set content (always textContent — safe, no XSS).\n    // Multi-line content uses `white-space: pre` so author-supplied line\n    // breaks survive verbatim and the popover grows to fit; single-line\n    // content keeps `pre-wrap` so long values wrap inside `max-width`.\n    this.#popoverEl.textContent = text;\n    this.#popoverEl.classList.toggle('tbw-tooltip-multiline', text.includes('\\n'));\n\n    // Show via Popover API\n    if (supportsPopover()) {\n      try {\n        this.#popoverEl.showPopover();\n      } catch {\n        /* already shown */\n      }\n    }\n\n    if (supportsAnchor()) {\n      // Detect flip after the browser resolves position-try-fallbacks\n      requestAnimationFrame(() => this.#detectFlip(cell));\n    } else {\n      this.#positionFallback(cell);\n    }\n  }\n\n  /** Hide the popover and clear the anchor reference. */\n  #hideTooltip(): void {\n    if (this.#popoverEl) {\n      if (supportsPopover()) {\n        try {\n          this.#popoverEl.hidePopover();\n        } catch {\n          /* already hidden */\n        }\n      }\n      this.#popoverEl.classList.remove('tbw-tooltip-above');\n    }\n    this.#clearAnchor();\n  }\n\n  /** Remove the CSS anchor-name from the previous cell, but only if it's still our tooltip anchor. */\n  #clearAnchor(): void {\n    if (this.#anchorCell) {\n      if (this.#anchorCell.style.getPropertyValue('anchor-name') === '--tbw-tooltip-anchor') {\n        this.#anchorCell.style.removeProperty('anchor-name');\n      }\n      this.#anchorCell = null;\n    }\n  }\n\n  /**\n   * Fallback positioning for browsers without CSS anchor support.\n   * Places the popover below or above the cell using fixed coordinates.\n   */\n  #positionFallback(cell: HTMLElement): void {\n    if (!this.#popoverEl) return;\n    const cellRect = cell.getBoundingClientRect();\n    const arrowGap = 11;\n\n    this.#popoverEl.style.position = 'fixed';\n    this.#popoverEl.style.left = `${cellRect.left}px`;\n\n    // Check if there's space below\n    const spaceBelow = window.innerHeight - cellRect.bottom;\n    if (spaceBelow < 80) {\n      // Place above the cell\n      this.#popoverEl.style.top = '';\n      this.#popoverEl.style.bottom = `${window.innerHeight - cellRect.top + arrowGap}px`;\n      this.#popoverEl.classList.add('tbw-tooltip-above');\n    } else {\n      this.#popoverEl.style.top = `${cellRect.bottom + arrowGap}px`;\n      this.#popoverEl.style.bottom = '';\n      this.#popoverEl.classList.remove('tbw-tooltip-above');\n    }\n  }\n\n  /** Toggle the arrow direction class after CSS anchor positioning resolves. */\n  #detectFlip(cell: HTMLElement): void {\n    if (!this.#popoverEl) return;\n    const cellRect = cell.getBoundingClientRect();\n    const popoverRect = this.#popoverEl.getBoundingClientRect();\n    // If the popover's bottom edge is above the cell's top, it flipped\n    this.#popoverEl.classList.toggle('tbw-tooltip-above', popoverRect.bottom <= cellRect.top);\n  }\n  // #endregion\n\n  // #region Event Delegation\n\n  /** Bind delegated mouseover/mouseout once. */\n  #bindEvents(): void {\n    if (this.#bound) return;\n    const container = this.gridElement?.querySelector('.tbw-grid-root');\n    if (!container) return;\n\n    this.#bound = true;\n\n    container.addEventListener('mouseover', (e: Event) => this.#onMouseOver(e as MouseEvent), {\n      signal: this.disconnectSignal,\n    });\n\n    container.addEventListener('mouseout', (e: Event) => this.#onMouseOut(e as MouseEvent), {\n      signal: this.disconnectSignal,\n    });\n  }\n\n  #onMouseOver(e: MouseEvent): void {\n    const target = e.target as HTMLElement;\n    if (!target?.closest) return;\n\n    // Check for header cell\n    const headerCell = target.closest('[part~=\"header-cell\"]') as HTMLElement | null;\n    if (headerCell && this.#headerEnabled) {\n      this.#showHeaderTooltip(headerCell);\n      return;\n    }\n\n    // Check for data cell — skip cells that already have a CSS anchor (e.g. overlay editors)\n    // to avoid overwriting their anchor-name and breaking their positioning.\n    const dataCell = target.closest('[data-row][data-col]') as HTMLElement | null;\n    if (dataCell && this.#cellEnabled && !dataCell.style.getPropertyValue('anchor-name')) {\n      this.#showCellTooltip(dataCell);\n    }\n  }\n\n  #onMouseOut(e: MouseEvent): void {\n    const target = e.target as HTMLElement;\n    if (!target?.closest) return;\n\n    const cell = target.closest('[part~=\"header-cell\"], [data-row][data-col]') as HTMLElement | null;\n    if (!cell) return;\n\n    // Keep tooltip if pointer moved to a child still inside the same cell\n    const related = e.relatedTarget as HTMLElement | null;\n    if (related && cell.contains(related)) return;\n\n    this.#hideTooltip();\n  }\n  // #endregion\n\n  // #region Tooltip Resolution\n\n  #showHeaderTooltip(headerCell: HTMLElement): void {\n    const colIndex = parseInt(headerCell.getAttribute('data-col') ?? '-1', 10);\n    if (colIndex < 0) return;\n\n    const column = this.visibleColumns[colIndex];\n    if (!column) return;\n\n    const text = resolveHeaderTooltip(column, headerCell);\n    if (text) {\n      this.#showTooltip(headerCell, text);\n    }\n  }\n\n  #showCellTooltip(cell: HTMLElement): void {\n    const rowIndex = parseInt(cell.getAttribute('data-row') ?? '-1', 10);\n    const colIndex = parseInt(cell.getAttribute('data-col') ?? '-1', 10);\n    if (rowIndex < 0 || colIndex < 0) return;\n\n    const column = this.visibleColumns[colIndex];\n    if (!column) return;\n\n    const row = this.rows[rowIndex];\n    const value = row?.[column.field as keyof typeof row];\n\n    const text = resolveCellTooltip(column, cell, row, value, this.grid);\n    if (text) {\n      this.#showTooltip(cell, text);\n    }\n  }\n  // #endregion\n}\n// #endregion\n"],"names":["isOverflowing","el","scrollWidth","clientWidth","supportsPopover","HTMLElement","prototype","showPopover","TooltipPlugin","BaseGridPlugin","name","styles","static","ownedProperties","property","level","description","configRules","popoverEl","anchorCell","bound","headerEnabled","this","config","header","cellEnabled","cell","attach","grid","super","detach","hideTooltip","remove","afterRender","ensurePopover","bindEvents","document","createElement","className","setAttribute","style","overflow","margin","body","appendChild","showTooltip","text","clearAnchor","setProperty","textContent","classList","toggle","includes","CSS","supports","requestAnimationFrame","detectFlip","positionFallback","hidePopover","getPropertyValue","removeProperty","cellRect","getBoundingClientRect","position","left","window","innerHeight","bottom","top","add","popoverRect","container","gridElement","querySelector","addEventListener","e","onMouseOver","signal","disconnectSignal","onMouseOut","target","closest","headerCell","showHeaderTooltip","dataCell","showCellTooltip","related","relatedTarget","contains","colIndex","parseInt","getAttribute","column","visibleColumns","spec","headerTooltip","value","field","trim","resolveHeaderTooltip","rowIndex","row","rows","cellTooltip","resolveCellTooltip"],"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";class r 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.lockVisible||i.meta?.lockVisibility)return;return[{id:"visibility/hide-column",label:"Hide Column",icon:"👁",order:30,action:()=>this.hideColumn(i.field)}]}}getToolPanel(){return{id:r.PANEL_ID,title:"Columns",icon:"☰",tooltip:"Column visibility",order:100,render:e=>this.renderPanelContent(e)}}show(){this.grid.openToolPanel(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,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(r.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.type="button",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)}canMoveColumn(e){const t=this.grid.columns.find(t=>t.field===e.field);if(!t)return!1;const i=this.grid.query("canMoveColumn",t);return i.length>0&&!i.includes(!1)}rebuildToggles(e){const t=this.hasReorderPlugin();e.innerHTML="";const i=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(i,t,e);const s=new Map;for(const o of l)for(const e of o.fields)s.set(e,o);const n=this.computeFragments(i,s);for(const o of n)if(o.group)this.renderGroupSection(o.group,o.columns,t,e);else{const r=i.indexOf(o.columns[0]);e.appendChild(this.createColumnRow(o.columns[0],r,t,e))}}computeFragments(e,t){const i=[];let r=null,l=[];for(const s of e){const e=t.get(s.field)??null;e&&r&&e.id===r.id?l.push(s):(l.length>0&&i.push({group:r,columns:l}),r=e,l=[s])}return l.length>0&&i.push({group:r,columns:l}),i}renderGroupSection(e,t,i,r){const l=t.map(e=>e.field),s=document.createElement("div");s.className="tbw-visibility-group-header",s.setAttribute("data-group-id",e.id),i&&(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=t.filter(e=>e.visible).length,a=t.every(e=>e.lockVisible);d===t.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 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,n.appendChild(o),n.appendChild(g),s.appendChild(n),i){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 u=this.grid.getAllColumns().filter(e=>!e.utility);for(const c of t){const e=u.findIndex(e=>e.field===c.field),t=this.createColumnRow(c,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 l of e){const e=r.findIndex(e=>e.field===l.field);i.appendChild(this.createColumnRow(l,e,t,i))}}createColumnRow(e,t,i,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(t)),i&&this.canMoveColumn(e)&&(s.draggable=!0,s.classList.add("reorderable"),this.setupDragListeners(s,e.field,t,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),i&&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,i,r,l){e.addEventListener("dragstart",s=>{this.isDragging=!0,this.draggedGroupId=i.id,this.draggedGroupFields=[...r],this.draggedField=null,this.draggedIndex=null,s.dataTransfer&&(s.dataTransfer.effectAllowed="move",s.dataTransfer.setData("text/plain",`group:${i.id}`)),e.classList.add(t.GridClasses.DRAGGING),l.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(l)}),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(),s=i.top+i.height/2,n=t.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",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(),l=t.clientY<i.top+i.height/2;this.executeGroupDrop(this.draggedGroupFields,r,l)})}executeGroupDrop(e,t,i){const r=this.grid.getAllColumns().map(e=>e.field),l=r.filter(t=>!e.includes(t)),s=i?t[0]:t[t.length-1],n=l.indexOf(s);if(-1===n)return;const o=i?n:n+1,d=r.filter(t=>e.includes(t));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,i,r,l){e.addEventListener("dragstart",l=>{this.isDragging=!0,this.draggedField=i,this.draggedIndex=r,this.draggedGroupId=null,this.draggedGroupFields=[],l.dataTransfer&&(l.dataTransfer.effectAllowed="move",l.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(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===i)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(t.GridClasses.DRAGGING),l.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&&l.querySelector(`.tbw-visibility-row[data-field="${this.draggedField}"]`)?.classList.add(t.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",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(),l=t.clientY<r.top+r.height/2;return void this.executeGroupDrop(this.draggedGroupFields,[i],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(),t=e.filter(e=>!e.utility),i=t[n]?.field,s={field:r,fromIndex:l,toIndex:i?e.findIndex(e=>e.field===i):e.length};this.emit("column-reorder-request",s)}})}}e.VisibilityPlugin=r,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
+!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";class r 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{}}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.lockVisible||i.meta?.lockVisibility)return;return[{id:"visibility/hide-column",label:"Hide Column",icon:"👁",order:30,action:()=>this.hideColumn(i.field)}]}}getToolPanel(){return{id:r.PANEL_ID,title:"Columns",icon:"☰",tooltip:"Column visibility",order:100,render:e=>this.renderPanelContent(e)}}show(){this.grid.openToolPanel(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,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(r.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.type="button",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)}canMoveColumn(e){const t=this.grid.columns.find(t=>t.field===e.field);if(!t)return!1;const i=this.grid.query("canMoveColumn",t);return i.length>0&&!i.includes(!1)}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 o of s)for(const e of o.fields)l.set(e,o);const n=this.computeFragments(i,l);for(const o of n)if(o.group)this.renderGroupSection(o.group,o.columns,t,e);else{const r=i.indexOf(o.columns[0]);e.appendChild(this.createColumnRow(o.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 n=document.createElement("label");n.className="tbw-visibility-label";const o=document.createElement("input");o.type="checkbox";const d=t.filter(e=>e.visible).length,a=t.every(e=>e.lockVisible);d===t.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 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,n.appendChild(o),n.appendChild(g),l.appendChild(n),i){const e=document.createElement("span");e.className="tbw-visibility-handle",this.setIcon(e,"dragHandle"),e.title="Drag to reorder group",l.insertBefore(e,n)}r.appendChild(l);const u=this.grid.getAllColumns().filter(e=>!e.utility);for(const c of t){const e=u.findIndex(e=>e.field===c.field),t=this.createColumnRow(c,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,r){const s=e.header||e.field,l=document.createElement("div");l.className=e.lockVisible?"tbw-visibility-row locked":"tbw-visibility-row",l.setAttribute("data-field",e.field),l.setAttribute("data-index",String(t)),i&&this.canMoveColumn(e)&&(l.draggable=!0,l.classList.add("reorderable"),this.setupDragListeners(l,e.field,t,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=s,n.appendChild(o),n.appendChild(d),i&&this.canMoveColumn(e)){const e=document.createElement("span");e.className="tbw-visibility-handle",this.setIcon(e,"dragHandle"),e.title="Drag to reorder",l.appendChild(e)}return l.appendChild(n),l}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,n=t.clientY<l;this.clearDragClasses(s),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",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],n=s.indexOf(l);if(-1===n)return;const o=i?n:n+1,d=r.filter(t=>e.includes(t));s.splice(o,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 n=e.getBoundingClientRect(),o=n.top+n.height/2;this.dropIndex=l.clientY<o?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<o),e.classList.toggle("drop-after",l.clientY>=o)}),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 n=l>s?l-1:l;if(n!==s){const e=this.grid.getAllColumns(),t=e.filter(e=>!e.utility),i=t[n]?.field,l={field:r,fromIndex:s,toIndex:i?e.findIndex(e=>e.field===i):e.length};this.emit("column-reorder-request",l)}})}}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, ColumnReorderRequestDetail, 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 * 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 * @since 0.1.1\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(VisibilityPlugin.PANEL_ID);\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.type = '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","hide","closeToolPanel","toggle","isToolPanelOpen","toggleToolPanelSection","isColumnVisible","setColumnVisible","visible","getVisibleColumns","getAllColumns","filter","c","map","getHiddenColumns","showAll","showAllColumns","toggleColumn","toggleColumnVisibility","showColumn","isPanelVisible","expandedToolPanelSections","includes","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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"}
+{"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, ColumnReorderRequestDetail, 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 * 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 * @since 0.1.1\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  }\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(VisibilityPlugin.PANEL_ID);\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.type = '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","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","hide","closeToolPanel","toggle","isToolPanelOpen","toggleToolPanelSection","isColumnVisible","setColumnVisible","visible","getVisibleColumns","getAllColumns","filter","c","map","getHiddenColumns","showAll","showAllColumns","toggleColumn","toggleColumnVisibility","showColumn","isPanelVisible","expandedToolPanelSections","includes","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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"}