@toolbox-web/grid 0.4.0 → 0.4.2

package/umd/plugins/undo-redo.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"undo-redo.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/undo-redo/history.ts","../../../../../libs/grid/src/lib/plugins/undo-redo/UndoRedoPlugin.ts"],"sourcesContent":["/**\n * Undo/Redo History Management\n *\n * Pure functions for managing the undo/redo stacks.\n * These functions are stateless and return new state objects.\n */\n\nimport type { EditAction, UndoRedoState } from './types';\n\n/**\n * Push a new action onto the undo stack.\n * Clears the redo stack since new actions invalidate redo history.\n *\n * @param state - Current undo/redo state\n * @param action - The action to add\n * @param maxSize - Maximum history size\n * @returns New state with the action added\n */\nexport function pushAction(state: UndoRedoState, action: EditAction, maxSize: number): UndoRedoState {\n  const undoStack = [...state.undoStack, action];\n\n  // Trim oldest actions if over max size\n  while (undoStack.length > maxSize) {\n    undoStack.shift();\n  }\n\n  return {\n    undoStack,\n    redoStack: [], // Clear redo on new action\n  };\n}\n\n/**\n * Undo the most recent action.\n * Moves the action from undo stack to redo stack.\n *\n * @param state - Current undo/redo state\n * @returns New state and the action that was undone (or null if nothing to undo)\n */\nexport function undo(state: UndoRedoState): {\n  newState: UndoRedoState;\n  action: EditAction | null;\n} {\n  if (state.undoStack.length === 0) {\n    return { newState: state, action: null };\n  }\n\n  const undoStack = [...state.undoStack];\n  const action = undoStack.pop();\n\n  // This should never happen due to the length check above,\n  // but TypeScript needs the explicit check\n  if (!action) {\n    return { newState: state, action: null };\n  }\n\n  return {\n    newState: {\n      undoStack,\n      redoStack: [...state.redoStack, action],\n    },\n    action,\n  };\n}\n\n/**\n * Redo the most recently undone action.\n * Moves the action from redo stack back to undo stack.\n *\n * @param state - Current undo/redo state\n * @returns New state and the action that was redone (or null if nothing to redo)\n */\nexport function redo(state: UndoRedoState): {\n  newState: UndoRedoState;\n  action: EditAction | null;\n} {\n  if (state.redoStack.length === 0) {\n    return { newState: state, action: null };\n  }\n\n  const redoStack = [...state.redoStack];\n  const action = redoStack.pop();\n\n  // This should never happen due to the length check above,\n  // but TypeScript needs the explicit check\n  if (!action) {\n    return { newState: state, action: null };\n  }\n\n  return {\n    newState: {\n      undoStack: [...state.undoStack, action],\n      redoStack,\n    },\n    action,\n  };\n}\n\n/**\n * Check if there are any actions that can be undone.\n *\n * @param state - Current undo/redo state\n * @returns True if undo is available\n */\nexport function canUndo(state: UndoRedoState): boolean {\n  return state.undoStack.length > 0;\n}\n\n/**\n * Check if there are any actions that can be redone.\n *\n * @param state - Current undo/redo state\n * @returns True if redo is available\n */\nexport function canRedo(state: UndoRedoState): boolean {\n  return state.redoStack.length > 0;\n}\n\n/**\n * Clear all history, returning an empty state.\n *\n * @returns Fresh empty state\n */\nexport function clearHistory(): UndoRedoState {\n  return { undoStack: [], redoStack: [] };\n}\n\n/**\n * Create a new edit action with the current timestamp.\n *\n * @param rowIndex - The row index where the edit occurred\n * @param field - The field (column key) that was edited\n * @param oldValue - The value before the edit\n * @param newValue - The value after the edit\n * @returns A new EditAction object\n */\nexport function createEditAction(rowIndex: number, field: string, oldValue: unknown, newValue: unknown): EditAction {\n  return {\n    type: 'cell-edit',\n    rowIndex,\n    field,\n    oldValue,\n    newValue,\n    timestamp: Date.now(),\n  };\n}\n","/**\n * Undo/Redo Plugin (Class-based)\n *\n * Provides undo/redo functionality for cell edits in tbw-grid.\n * Supports Ctrl+Z/Cmd+Z for undo and Ctrl+Y/Cmd+Y (or Ctrl+Shift+Z) for redo.\n */\n\nimport { BaseGridPlugin } from '../../core/plugin/base-plugin';\nimport { canRedo, canUndo, clearHistory, createEditAction, pushAction, redo, undo } from './history';\nimport type { EditAction, UndoRedoConfig, UndoRedoDetail } from './types';\n\n/**\n * Class-based Undo/Redo plugin for tbw-grid.\n *\n * Tracks cell edits and provides undo/redo functionality via keyboard shortcuts\n * or programmatic API.\n */\nexport class UndoRedoPlugin extends BaseGridPlugin<UndoRedoConfig> {\n  readonly name = 'undoRedo';\n  override readonly version = '1.0.0';\n\n  protected override get defaultConfig(): Partial<UndoRedoConfig> {\n    return {\n      maxHistorySize: 100,\n    };\n  }\n\n  // State as class properties\n  private undoStack: EditAction[] = [];\n  private redoStack: EditAction[] = [];\n\n  /**\n   * Clean up state when plugin is detached.\n   */\n  override detach(): void {\n    this.undoStack = [];\n    this.redoStack = [];\n  }\n\n  /**\n   * Handle keyboard shortcuts for undo/redo.\n   * - Ctrl+Z / Cmd+Z: Undo\n   * - Ctrl+Y / Cmd+Y / Ctrl+Shift+Z / Cmd+Shift+Z: Redo\n   */\n  override onKeyDown(event: KeyboardEvent): boolean {\n    const isUndo = (event.ctrlKey || event.metaKey) && event.key === 'z' && !event.shiftKey;\n    const isRedo = (event.ctrlKey || event.metaKey) && (event.key === 'y' || (event.key === 'z' && event.shiftKey));\n\n    if (isUndo) {\n      const result = undo({ undoStack: this.undoStack, redoStack: this.redoStack });\n      if (result.action) {\n        // Apply undo - restore old value\n        const rows = this.rows as Record<string, unknown>[];\n        if (rows[result.action.rowIndex]) {\n          rows[result.action.rowIndex][result.action.field] = result.action.oldValue;\n        }\n\n        // Update state from result\n        this.undoStack = result.newState.undoStack;\n        this.redoStack = result.newState.redoStack;\n\n        this.emit<UndoRedoDetail>('undo', {\n          action: result.action,\n          type: 'undo',\n        });\n\n        this.requestRender();\n      }\n      return true;\n    }\n\n    if (isRedo) {\n      const result = redo({ undoStack: this.undoStack, redoStack: this.redoStack });\n      if (result.action) {\n        // Apply redo - restore new value\n        const rows = this.rows as Record<string, unknown>[];\n        if (rows[result.action.rowIndex]) {\n          rows[result.action.rowIndex][result.action.field] = result.action.newValue;\n        }\n\n        // Update state from result\n        this.undoStack = result.newState.undoStack;\n        this.redoStack = result.newState.redoStack;\n\n        this.emit<UndoRedoDetail>('redo', {\n          action: result.action,\n          type: 'redo',\n        });\n\n        this.requestRender();\n      }\n      return true;\n    }\n\n    return false;\n  }\n\n  // #region Public API Methods\n\n  /**\n   * Record a cell edit for undo/redo tracking.\n   * Call this when a cell value changes.\n   *\n   * @param rowIndex - The row index where the edit occurred\n   * @param field - The field (column key) that was edited\n   * @param oldValue - The value before the edit\n   * @param newValue - The value after the edit\n   */\n  recordEdit(rowIndex: number, field: string, oldValue: unknown, newValue: unknown): void {\n    const action = createEditAction(rowIndex, field, oldValue, newValue);\n    const newState = pushAction(\n      { undoStack: this.undoStack, redoStack: this.redoStack },\n      action,\n      this.config.maxHistorySize ?? 100,\n    );\n    this.undoStack = newState.undoStack;\n    this.redoStack = newState.redoStack;\n  }\n\n  /**\n   * Programmatically undo the last action.\n   *\n   * @returns The undone action, or null if nothing to undo\n   */\n  undo(): EditAction | null {\n    const result = undo({ undoStack: this.undoStack, redoStack: this.redoStack });\n    if (result.action) {\n      const rows = this.rows as Record<string, unknown>[];\n      if (rows[result.action.rowIndex]) {\n        rows[result.action.rowIndex][result.action.field] = result.action.oldValue;\n      }\n      this.undoStack = result.newState.undoStack;\n      this.redoStack = result.newState.redoStack;\n      this.requestRender();\n    }\n    return result.action;\n  }\n\n  /**\n   * Programmatically redo the last undone action.\n   *\n   * @returns The redone action, or null if nothing to redo\n   */\n  redo(): EditAction | null {\n    const result = redo({ undoStack: this.undoStack, redoStack: this.redoStack });\n    if (result.action) {\n      const rows = this.rows as Record<string, unknown>[];\n      if (rows[result.action.rowIndex]) {\n        rows[result.action.rowIndex][result.action.field] = result.action.newValue;\n      }\n      this.undoStack = result.newState.undoStack;\n      this.redoStack = result.newState.redoStack;\n      this.requestRender();\n    }\n    return result.action;\n  }\n\n  /**\n   * Check if there are any actions that can be undone.\n   */\n  canUndo(): boolean {\n    return canUndo({ undoStack: this.undoStack, redoStack: this.redoStack });\n  }\n\n  /**\n   * Check if there are any actions that can be redone.\n   */\n  canRedo(): boolean {\n    return canRedo({ undoStack: this.undoStack, redoStack: this.redoStack });\n  }\n\n  /**\n   * Clear all undo/redo history.\n   */\n  clearHistory(): void {\n    const newState = clearHistory();\n    this.undoStack = newState.undoStack;\n    this.redoStack = newState.redoStack;\n  }\n\n  /**\n   * Get a copy of the current undo stack.\n   */\n  getUndoStack(): EditAction[] {\n    return [...this.undoStack];\n  }\n\n  /**\n   * Get a copy of the current redo stack.\n   */\n  getRedoStack(): EditAction[] {\n    return [...this.redoStack];\n  }\n  // #endregion\n}\n"],"names":["pushAction","state","action","maxSize","undoStack","undo","redo","redoStack","canUndo","canRedo","clearHistory","createEditAction","rowIndex","field","oldValue","newValue","UndoRedoPlugin","BaseGridPlugin","event","isUndo","isRedo","result","rows","newState"],"mappings":"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"}
+{"version":3,"file":"undo-redo.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/undo-redo/history.ts","../../../../../libs/grid/src/lib/plugins/undo-redo/UndoRedoPlugin.ts"],"sourcesContent":["/**\n * Undo/Redo History Management\n *\n * Pure functions for managing the undo/redo stacks.\n * These functions are stateless and return new state objects.\n */\n\nimport type { EditAction, UndoRedoState } from './types';\n\n/**\n * Push a new action onto the undo stack.\n * Clears the redo stack since new actions invalidate redo history.\n *\n * @param state - Current undo/redo state\n * @param action - The action to add\n * @param maxSize - Maximum history size\n * @returns New state with the action added\n */\nexport function pushAction(state: UndoRedoState, action: EditAction, maxSize: number): UndoRedoState {\n  const undoStack = [...state.undoStack, action];\n\n  // Trim oldest actions if over max size\n  while (undoStack.length > maxSize) {\n    undoStack.shift();\n  }\n\n  return {\n    undoStack,\n    redoStack: [], // Clear redo on new action\n  };\n}\n\n/**\n * Undo the most recent action.\n * Moves the action from undo stack to redo stack.\n *\n * @param state - Current undo/redo state\n * @returns New state and the action that was undone (or null if nothing to undo)\n */\nexport function undo(state: UndoRedoState): {\n  newState: UndoRedoState;\n  action: EditAction | null;\n} {\n  if (state.undoStack.length === 0) {\n    return { newState: state, action: null };\n  }\n\n  const undoStack = [...state.undoStack];\n  const action = undoStack.pop();\n\n  // This should never happen due to the length check above,\n  // but TypeScript needs the explicit check\n  if (!action) {\n    return { newState: state, action: null };\n  }\n\n  return {\n    newState: {\n      undoStack,\n      redoStack: [...state.redoStack, action],\n    },\n    action,\n  };\n}\n\n/**\n * Redo the most recently undone action.\n * Moves the action from redo stack back to undo stack.\n *\n * @param state - Current undo/redo state\n * @returns New state and the action that was redone (or null if nothing to redo)\n */\nexport function redo(state: UndoRedoState): {\n  newState: UndoRedoState;\n  action: EditAction | null;\n} {\n  if (state.redoStack.length === 0) {\n    return { newState: state, action: null };\n  }\n\n  const redoStack = [...state.redoStack];\n  const action = redoStack.pop();\n\n  // This should never happen due to the length check above,\n  // but TypeScript needs the explicit check\n  if (!action) {\n    return { newState: state, action: null };\n  }\n\n  return {\n    newState: {\n      undoStack: [...state.undoStack, action],\n      redoStack,\n    },\n    action,\n  };\n}\n\n/**\n * Check if there are any actions that can be undone.\n *\n * @param state - Current undo/redo state\n * @returns True if undo is available\n */\nexport function canUndo(state: UndoRedoState): boolean {\n  return state.undoStack.length > 0;\n}\n\n/**\n * Check if there are any actions that can be redone.\n *\n * @param state - Current undo/redo state\n * @returns True if redo is available\n */\nexport function canRedo(state: UndoRedoState): boolean {\n  return state.redoStack.length > 0;\n}\n\n/**\n * Clear all history, returning an empty state.\n *\n * @returns Fresh empty state\n */\nexport function clearHistory(): UndoRedoState {\n  return { undoStack: [], redoStack: [] };\n}\n\n/**\n * Create a new edit action with the current timestamp.\n *\n * @param rowIndex - The row index where the edit occurred\n * @param field - The field (column key) that was edited\n * @param oldValue - The value before the edit\n * @param newValue - The value after the edit\n * @returns A new EditAction object\n */\nexport function createEditAction(rowIndex: number, field: string, oldValue: unknown, newValue: unknown): EditAction {\n  return {\n    type: 'cell-edit',\n    rowIndex,\n    field,\n    oldValue,\n    newValue,\n    timestamp: Date.now(),\n  };\n}\n","/**\n * Undo/Redo Plugin (Class-based)\n *\n * Provides undo/redo functionality for cell edits in tbw-grid.\n * Supports Ctrl+Z/Cmd+Z for undo and Ctrl+Y/Cmd+Y (or Ctrl+Shift+Z) for redo.\n */\n\nimport { BaseGridPlugin, type PluginDependency } from '../../core/plugin/base-plugin';\nimport { canRedo, canUndo, clearHistory, createEditAction, pushAction, redo, undo } from './history';\nimport type { EditAction, UndoRedoConfig, UndoRedoDetail } from './types';\n\n/**\n * Class-based Undo/Redo plugin for tbw-grid.\n *\n * Tracks cell edits and provides undo/redo functionality via keyboard shortcuts\n * or programmatic API.\n */\nexport class UndoRedoPlugin extends BaseGridPlugin<UndoRedoConfig> {\n  /**\n   * Plugin dependencies - UndoRedoPlugin requires EditingPlugin to track edits.\n   *\n   * The EditingPlugin must be loaded BEFORE this plugin in the plugins array.\n   */\n  static override readonly dependencies: PluginDependency[] = [\n    { name: 'editing', required: true, reason: 'UndoRedoPlugin tracks cell edit history' },\n  ];\n\n  readonly name = 'undoRedo';\n\n  protected override get defaultConfig(): Partial<UndoRedoConfig> {\n    return {\n      maxHistorySize: 100,\n    };\n  }\n\n  // State as class properties\n  private undoStack: EditAction[] = [];\n  private redoStack: EditAction[] = [];\n\n  /**\n   * Clean up state when plugin is detached.\n   */\n  override detach(): void {\n    this.undoStack = [];\n    this.redoStack = [];\n  }\n\n  /**\n   * Handle keyboard shortcuts for undo/redo.\n   * - Ctrl+Z / Cmd+Z: Undo\n   * - Ctrl+Y / Cmd+Y / Ctrl+Shift+Z / Cmd+Shift+Z: Redo\n   */\n  override onKeyDown(event: KeyboardEvent): boolean {\n    const isUndo = (event.ctrlKey || event.metaKey) && event.key === 'z' && !event.shiftKey;\n    const isRedo = (event.ctrlKey || event.metaKey) && (event.key === 'y' || (event.key === 'z' && event.shiftKey));\n\n    if (isUndo) {\n      const result = undo({ undoStack: this.undoStack, redoStack: this.redoStack });\n      if (result.action) {\n        // Apply undo - restore old value\n        const rows = this.rows as Record<string, unknown>[];\n        if (rows[result.action.rowIndex]) {\n          rows[result.action.rowIndex][result.action.field] = result.action.oldValue;\n        }\n\n        // Update state from result\n        this.undoStack = result.newState.undoStack;\n        this.redoStack = result.newState.redoStack;\n\n        this.emit<UndoRedoDetail>('undo', {\n          action: result.action,\n          type: 'undo',\n        });\n\n        this.requestRender();\n      }\n      return true;\n    }\n\n    if (isRedo) {\n      const result = redo({ undoStack: this.undoStack, redoStack: this.redoStack });\n      if (result.action) {\n        // Apply redo - restore new value\n        const rows = this.rows as Record<string, unknown>[];\n        if (rows[result.action.rowIndex]) {\n          rows[result.action.rowIndex][result.action.field] = result.action.newValue;\n        }\n\n        // Update state from result\n        this.undoStack = result.newState.undoStack;\n        this.redoStack = result.newState.redoStack;\n\n        this.emit<UndoRedoDetail>('redo', {\n          action: result.action,\n          type: 'redo',\n        });\n\n        this.requestRender();\n      }\n      return true;\n    }\n\n    return false;\n  }\n\n  // #region Public API Methods\n\n  /**\n   * Record a cell edit for undo/redo tracking.\n   * Call this when a cell value changes.\n   *\n   * @param rowIndex - The row index where the edit occurred\n   * @param field - The field (column key) that was edited\n   * @param oldValue - The value before the edit\n   * @param newValue - The value after the edit\n   */\n  recordEdit(rowIndex: number, field: string, oldValue: unknown, newValue: unknown): void {\n    const action = createEditAction(rowIndex, field, oldValue, newValue);\n    const newState = pushAction(\n      { undoStack: this.undoStack, redoStack: this.redoStack },\n      action,\n      this.config.maxHistorySize ?? 100,\n    );\n    this.undoStack = newState.undoStack;\n    this.redoStack = newState.redoStack;\n  }\n\n  /**\n   * Programmatically undo the last action.\n   *\n   * @returns The undone action, or null if nothing to undo\n   */\n  undo(): EditAction | null {\n    const result = undo({ undoStack: this.undoStack, redoStack: this.redoStack });\n    if (result.action) {\n      const rows = this.rows as Record<string, unknown>[];\n      if (rows[result.action.rowIndex]) {\n        rows[result.action.rowIndex][result.action.field] = result.action.oldValue;\n      }\n      this.undoStack = result.newState.undoStack;\n      this.redoStack = result.newState.redoStack;\n      this.requestRender();\n    }\n    return result.action;\n  }\n\n  /**\n   * Programmatically redo the last undone action.\n   *\n   * @returns The redone action, or null if nothing to redo\n   */\n  redo(): EditAction | null {\n    const result = redo({ undoStack: this.undoStack, redoStack: this.redoStack });\n    if (result.action) {\n      const rows = this.rows as Record<string, unknown>[];\n      if (rows[result.action.rowIndex]) {\n        rows[result.action.rowIndex][result.action.field] = result.action.newValue;\n      }\n      this.undoStack = result.newState.undoStack;\n      this.redoStack = result.newState.redoStack;\n      this.requestRender();\n    }\n    return result.action;\n  }\n\n  /**\n   * Check if there are any actions that can be undone.\n   */\n  canUndo(): boolean {\n    return canUndo({ undoStack: this.undoStack, redoStack: this.redoStack });\n  }\n\n  /**\n   * Check if there are any actions that can be redone.\n   */\n  canRedo(): boolean {\n    return canRedo({ undoStack: this.undoStack, redoStack: this.redoStack });\n  }\n\n  /**\n   * Clear all undo/redo history.\n   */\n  clearHistory(): void {\n    const newState = clearHistory();\n    this.undoStack = newState.undoStack;\n    this.redoStack = newState.redoStack;\n  }\n\n  /**\n   * Get a copy of the current undo stack.\n   */\n  getUndoStack(): EditAction[] {\n    return [...this.undoStack];\n  }\n\n  /**\n   * Get a copy of the current redo stack.\n   */\n  getRedoStack(): EditAction[] {\n    return [...this.redoStack];\n  }\n  // #endregion\n}\n"],"names":["pushAction","state","action","maxSize","undoStack","undo","redo","redoStack","canUndo","canRedo","clearHistory","createEditAction","rowIndex","field","oldValue","newValue","UndoRedoPlugin","BaseGridPlugin","event","isUndo","isRedo","result","rows","newState"],"mappings":"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"}

package/umd/plugins/visibility.umd.js

@@ -1,2 +1,2 @@
-(function(d,b){typeof exports=="object"&&typeof module<"u"?b(exports,require("../../core/plugin/base-plugin")):typeof define=="function"&&define.amd?define(["exports","../../core/plugin/base-plugin"],b):(d=typeof globalThis<"u"?globalThis:d||self,b(d.TbwGridPlugin_visibility={},d.TbwGrid))})(this,(function(d,b){"use strict";const f='.tbw-visibility-content{display:flex;flex-direction:column;height:100%}.tbw-visibility-list{flex:1;overflow-y:auto;padding:8px}.tbw-visibility-row{display:flex;align-items:center;gap:8px;padding:6px 4px;cursor:pointer;font-size:13px;border-radius:var(--tbw-border-radius, 4px);position:relative}.tbw-visibility-row:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover, #f3f4f6))}.tbw-visibility-row input[type=checkbox]{cursor:pointer}.tbw-visibility-row.locked span{color:var(--tbw-color-fg-muted, #888)}.tbw-visibility-handle{cursor:grab;color:var(--tbw-color-fg-muted, #888);font-size:10px;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, #1f2937)}.tbw-visibility-label{display:flex;align-items:center;gap:8px;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-reorder-indicator, var(--tbw-color-accent, #3b82f6))}.tbw-visibility-row.drop-after:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent, #3b82f6))}.tbw-visibility-show-all{margin:8px;padding:8px 12px;border:1px solid var(--tbw-visibility-border, var(--tbw-color-border, #e5e7eb));border-radius:var(--tbw-border-radius, 4px);background:var(--tbw-visibility-btn-bg, var(--tbw-color-header-bg, #f9fafb));color:var(--tbw-color-fg, #1f2937);cursor:pointer;font-size:13px}.tbw-visibility-show-all:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover, #f3f4f6))}';function p(v){const e=v.meta??{};return e.lockPosition!==!0&&e.suppressMovable!==!0}class c extends b.BaseGridPlugin{name="visibility";version="1.0.0";static PANEL_ID="columns";get defaultConfig(){return{allowHideAll:!1}}columnListElement=null;isDragging=!1;draggedField=null;draggedIndex=null;dropIndex=null;detach(){this.columnListElement=null,this.isDragging=!1,this.draggedField=null,this.draggedIndex=null,this.dropIndex=null}getToolPanel(){return{id:c.PANEL_ID,title:"Columns",icon:"☰",tooltip:"Column visibility",order:100,render:e=>this.renderPanelContent(e)}}show(){this.grid.openToolPanel(c.PANEL_ID)}hide(){this.grid.closeToolPanel()}toggle(){this.grid.toggleToolPanel(c.PANEL_ID)}isColumnVisible(e){return this.grid.isColumnVisible(e)}setColumnVisible(e,t){this.grid.setColumnVisible(e,t)}getVisibleColumns(){return this.grid.getAllColumns().filter(t=>t.visible).map(t=>t.field)}getHiddenColumns(){return this.grid.getAllColumns().filter(t=>!t.visible).map(t=>t.field)}showAll(){this.grid.showAllColumns()}toggleColumn(e){this.grid.toggleColumnVisibility(e)}showColumn(e){this.grid.setColumnVisible(e,!0)}hideColumn(e){this.grid.setColumnVisible(e,!1)}getAllColumns(){return this.grid.getAllColumns()}isPanelVisible(){return this.grid.activeToolPanel===c.PANEL_ID}renderPanelContent(e){const t=this.grid,o=document.createElement("div");o.className="tbw-visibility-content";const s=document.createElement("div");s.className="tbw-visibility-list",o.appendChild(s);const i=document.createElement("button");return i.className="tbw-visibility-show-all",i.textContent="Show All",i.addEventListener("click",()=>{t.showAllColumns(),this.rebuildToggles(s)}),o.appendChild(i),this.columnListElement=s,this.rebuildToggles(s),e.appendChild(o),()=>{this.columnListElement=null,o.remove()}}hasReorderPlugin(){const e=this.grid?.getPluginByName?.("reorder");return!!(e&&typeof e.moveColumn=="function")}rebuildToggles(e){const t=this.grid,o=this.hasReorderPlugin();e.innerHTML="";const s=t.getAllColumns();for(let i=0;i<s.length;i++){const l=s[i],n=l.header||l.field,r=document.createElement("div");r.className=l.lockVisible?"tbw-visibility-row locked":"tbw-visibility-row",r.setAttribute("data-field",l.field),r.setAttribute("data-index",String(i)),o&&p(l)&&(r.draggable=!0,r.classList.add("reorderable"),this.setupDragListeners(r,l.field,i,e));const a=document.createElement("label");a.className="tbw-visibility-label";const g=document.createElement("input");g.type="checkbox",g.checked=l.visible,g.disabled=l.lockVisible??!1,g.addEventListener("change",()=>{t.toggleColumnVisibility(l.field),setTimeout(()=>this.rebuildToggles(e),0)});const h=document.createElement("span");if(h.textContent=n,a.appendChild(g),a.appendChild(h),o&&p(l)){const u=document.createElement("span");u.className="tbw-visibility-handle",this.setIcon(u,this.resolveIcon("dragHandle")),u.title="Drag to reorder",r.appendChild(u)}r.appendChild(a),e.appendChild(r)}}setupDragListeners(e,t,o,s){e.addEventListener("dragstart",i=>{this.isDragging=!0,this.draggedField=t,this.draggedIndex=o,i.dataTransfer&&(i.dataTransfer.effectAllowed="move",i.dataTransfer.setData("text/plain",t)),e.classList.add("dragging")}),e.addEventListener("dragend",()=>{this.isDragging=!1,this.draggedField=null,this.draggedIndex=null,this.dropIndex=null,s.querySelectorAll(".tbw-visibility-row").forEach(i=>{i.classList.remove("dragging","drop-target","drop-before","drop-after")})}),e.addEventListener("dragover",i=>{if(i.preventDefault(),!this.isDragging||this.draggedField===t)return;const l=e.getBoundingClientRect(),n=l.top+l.height/2;this.dropIndex=i.clientY<n?o:o+1,s.querySelectorAll(".tbw-visibility-row").forEach(r=>{r!==e&&r.classList.remove("drop-target","drop-before","drop-after")}),e.classList.add("drop-target"),e.classList.toggle("drop-before",i.clientY<n),e.classList.toggle("drop-after",i.clientY>=n)}),e.addEventListener("dragleave",()=>{e.classList.remove("drop-target","drop-before","drop-after")}),e.addEventListener("drop",i=>{i.preventDefault();const l=this.draggedField,n=this.draggedIndex,r=this.dropIndex;if(!this.isDragging||l===null||n===null||r===null)return;const a=r>n?r-1:r;if(a!==n){const g={field:l,fromIndex:n,toIndex:a};this.emit("column-reorder-request",g),setTimeout(()=>{this.rebuildToggles(s)},0)}})}styles=f}d.VisibilityPlugin=c,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})}));
+(function(d,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("../../core/plugin/base-plugin")):typeof define=="function"&&define.amd?define(["exports","../../core/plugin/base-plugin"],c):(d=typeof globalThis<"u"?globalThis:d||self,c(d.TbwGridPlugin_visibility={},d.TbwGrid))})(this,(function(d,c){"use strict";const h='.tbw-visibility-content{display:flex;flex-direction:column;height:100%}.tbw-visibility-list{flex:1;overflow-y:auto;padding:8px}.tbw-visibility-row{display:flex;align-items:center;gap:8px;padding:6px 4px;cursor:pointer;font-size:13px;border-radius:var(--tbw-border-radius, 4px);position:relative}.tbw-visibility-row:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover, #f3f4f6))}.tbw-visibility-row input[type=checkbox]{cursor:pointer}.tbw-visibility-row.locked span{color:var(--tbw-color-fg-muted, #888)}.tbw-visibility-handle{cursor:grab;color:var(--tbw-color-fg-muted, #888);font-size:10px;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, #1f2937)}.tbw-visibility-label{display:flex;align-items:center;gap:8px;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-reorder-indicator, var(--tbw-color-accent, #3b82f6))}.tbw-visibility-row.drop-after:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent, #3b82f6))}.tbw-visibility-show-all{margin:8px;padding:8px 12px;border:1px solid var(--tbw-visibility-border, var(--tbw-color-border, #e5e7eb));border-radius:var(--tbw-border-radius, 4px);background:var(--tbw-visibility-btn-bg, var(--tbw-color-header-bg, #f9fafb));color:var(--tbw-color-fg, #1f2937);cursor:pointer;font-size:13px}.tbw-visibility-show-all:hover{background:var(--tbw-visibility-hover, var(--tbw-color-row-hover, #f3f4f6))}';function p(f){const e=f.meta??{};return e.lockPosition!==!0&&e.suppressMovable!==!0}class a extends c.BaseGridPlugin{static dependencies=[{name:"reorder",required:!1,reason:"Enables drag-to-reorder columns in visibility panel"}];name="visibility";static PANEL_ID="columns";styles=h;get defaultConfig(){return{allowHideAll:!1}}columnListElement=null;isDragging=!1;draggedField=null;draggedIndex=null;dropIndex=null;clearDragClasses(e){e.querySelectorAll(".tbw-visibility-row").forEach(l=>{l.classList.remove("dragging","drop-target","drop-before","drop-after")})}detach(){this.columnListElement=null,this.isDragging=!1,this.draggedField=null,this.draggedIndex=null,this.dropIndex=null}getToolPanel(){return{id:a.PANEL_ID,title:"Columns",icon:"☰",tooltip:"Column visibility",order:100,render:e=>this.renderPanelContent(e)}}show(){this.grid.openToolPanel(),this.grid.expandedToolPanelSections.includes(a.PANEL_ID)||this.grid.toggleToolPanelSection(a.PANEL_ID)}hide(){this.grid.closeToolPanel()}toggle(){this.grid.isToolPanelOpen||this.grid.openToolPanel(),this.grid.toggleToolPanelSection(a.PANEL_ID)}isColumnVisible(e){return this.grid.isColumnVisible(e)}setColumnVisible(e,l){this.grid.setColumnVisible(e,l)}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(a.PANEL_ID)}renderPanelContent(e){const l=document.createElement("div");l.className="tbw-visibility-content";const s=document.createElement("div");s.className="tbw-visibility-list",l.appendChild(s);const r=document.createElement("button");return r.className="tbw-visibility-show-all",r.textContent="Show All",r.addEventListener("click",()=>{this.grid.showAllColumns(),this.rebuildToggles(s)}),l.appendChild(r),this.columnListElement=s,this.rebuildToggles(s),e.appendChild(l),()=>{this.columnListElement=null,l.remove()}}hasReorderPlugin(){const e=this.grid?.getPluginByName?.("reorder");return!!(e&&typeof e.moveColumn=="function")}rebuildToggles(e){const l=this.hasReorderPlugin();e.innerHTML="";const s=this.grid.getAllColumns().filter(r=>!r.utility);for(let r=0;r<s.length;r++){const t=s[r],g=t.header||t.field,i=document.createElement("div");i.className=t.lockVisible?"tbw-visibility-row locked":"tbw-visibility-row",i.setAttribute("data-field",t.field),i.setAttribute("data-index",String(r)),l&&p(t)&&(i.draggable=!0,i.classList.add("reorderable"),this.setupDragListeners(i,t.field,r,e));const o=document.createElement("label");o.className="tbw-visibility-label";const n=document.createElement("input");n.type="checkbox",n.checked=t.visible,n.disabled=t.lockVisible??!1,n.addEventListener("change",()=>{this.grid.toggleColumnVisibility(t.field),setTimeout(()=>this.rebuildToggles(e),0)});const b=document.createElement("span");if(b.textContent=g,o.appendChild(n),o.appendChild(b),l&&p(t)){const u=document.createElement("span");u.className="tbw-visibility-handle",this.setIcon(u,this.resolveIcon("dragHandle")),u.title="Drag to reorder",i.appendChild(u)}i.appendChild(o),e.appendChild(i)}}setupDragListeners(e,l,s,r){e.addEventListener("dragstart",t=>{this.isDragging=!0,this.draggedField=l,this.draggedIndex=s,t.dataTransfer&&(t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/plain",l)),e.classList.add("dragging")}),e.addEventListener("dragend",()=>{this.isDragging=!1,this.draggedField=null,this.draggedIndex=null,this.dropIndex=null,this.clearDragClasses(r)}),e.addEventListener("dragover",t=>{if(t.preventDefault(),!this.isDragging||this.draggedField===l)return;const g=e.getBoundingClientRect(),i=g.top+g.height/2;this.dropIndex=t.clientY<i?s:s+1,r.querySelectorAll(".tbw-visibility-row").forEach(o=>{o!==e&&o.classList.remove("drop-target","drop-before","drop-after")}),e.classList.add("drop-target"),e.classList.toggle("drop-before",t.clientY<i),e.classList.toggle("drop-after",t.clientY>=i)}),e.addEventListener("dragleave",()=>{e.classList.remove("drop-target","drop-before","drop-after")}),e.addEventListener("drop",t=>{t.preventDefault();const g=this.draggedField,i=this.draggedIndex,o=this.dropIndex;if(!this.isDragging||g===null||i===null||o===null)return;const n=o>i?o-1:o;if(n!==i){const b={field:g,fromIndex:i,toIndex:n};this.emit("column-reorder-request",b),setTimeout(()=>{this.rebuildToggles(r)},0)}})}}d.VisibilityPlugin=a,Object.defineProperty(d,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 { BaseGridPlugin } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig, ToolPanelDefinition } from '../../core/types';\nimport type { VisibilityConfig } from './types';\nimport styles from './visibility.css?inline';\n\n/**\n * Detail for column-reorder-request events emitted when users drag-drop in the visibility panel.\n */\nexport interface ColumnReorderRequestDetail {\n  /** The field name of the column to move */\n  field: string;\n  /** The source index (before move) */\n  fromIndex: number;\n  /** The target index (after move) */\n  toIndex: number;\n}\n\n/**\n * Check if a column can be moved (respects lockPosition/suppressMovable).\n * Inlined to avoid importing from reorder plugin.\n */\nfunction canMoveColumn(column: ColumnConfig): boolean {\n  const meta = column.meta ?? {};\n  return meta.lockPosition !== true && meta.suppressMovable !== true;\n}\n\n/** Extended grid interface with visibility methods */\ninterface GridWithVisibility {\n  shadowRoot: ShadowRoot | null;\n  getAllColumns(): Array<{ field: string; header: string; visible: boolean; lockVisible?: boolean }>;\n  setColumnVisible(field: string, visible: boolean): void;\n  toggleColumnVisibility(field: string): void;\n  showAllColumns(): void;\n  isColumnVisible(field: string): boolean;\n  requestRender(): void;\n  openToolPanel(id: string): void;\n  closeToolPanel(): void;\n  toggleToolPanel(id: string): void;\n  activeToolPanel: string | undefined;\n}\n\n/**\n * Column Visibility Plugin for tbw-grid\n *\n * @example\n * ```ts\n * new VisibilityPlugin({ enabled: true, allowHideAll: false })\n * ```\n */\nexport class VisibilityPlugin extends BaseGridPlugin<VisibilityConfig> {\n  readonly name = 'visibility';\n  override readonly version = '1.0.0';\n\n  /** Tool panel ID for shell integration */\n  static readonly PANEL_ID = 'columns';\n\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  // #endregion\n\n  // #region Lifecycle\n\n  override detach(): void {\n    this.columnListElement = null;\n    this.isDragging = false;\n    this.draggedField = null;\n    this.draggedIndex = null;\n    this.dropIndex = null;\n  }\n  // #endregion\n\n  // #region Shell Integration\n\n  /**\n   * Register the column visibility tool panel with the shell.\n   */\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   */\n  show(): void {\n    const grid = this.grid as unknown as GridWithVisibility;\n    grid.openToolPanel(VisibilityPlugin.PANEL_ID);\n  }\n\n  /**\n   * Hide the visibility sidebar panel.\n   */\n  hide(): void {\n    const grid = this.grid as unknown as GridWithVisibility;\n    grid.closeToolPanel();\n  }\n\n  /**\n   * Toggle the visibility sidebar panel.\n   */\n  toggle(): void {\n    const grid = this.grid as unknown as GridWithVisibility;\n    grid.toggleToolPanel(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    const grid = this.grid as unknown as GridWithVisibility;\n    return 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    const grid = this.grid as unknown as GridWithVisibility;\n    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    const grid = this.grid as unknown as GridWithVisibility;\n    return 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    const grid = this.grid as unknown as GridWithVisibility;\n    return 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    const grid = this.grid as unknown as GridWithVisibility;\n    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    const grid = this.grid as unknown as GridWithVisibility;\n    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    const grid = this.grid as unknown as GridWithVisibility;\n    grid.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    const grid = this.grid as unknown as GridWithVisibility;\n    grid.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<{ field: string; header: string; visible: boolean; lockVisible?: boolean }> {\n    const grid = this.grid as unknown as GridWithVisibility;\n    return grid.getAllColumns();\n  }\n\n  /**\n   * Check if the sidebar panel is currently open.\n   * @returns True if the panel is open\n   */\n  isPanelVisible(): boolean {\n    const grid = this.grid as unknown as GridWithVisibility;\n    return grid.activeToolPanel === 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    const grid = this.grid as unknown as GridWithVisibility;\n\n    // Create content wrapper\n    const wrapper = document.createElement('div');\n    wrapper.className = 'tbw-visibility-content';\n\n    // Column list container\n    const columnList = document.createElement('div');\n    columnList.className = 'tbw-visibility-list';\n    wrapper.appendChild(columnList);\n\n    // Show all button\n    const showAllBtn = document.createElement('button');\n    showAllBtn.className = 'tbw-visibility-show-all';\n    showAllBtn.textContent = 'Show All';\n    showAllBtn.addEventListener('click', () => {\n      grid.showAllColumns();\n      this.rebuildToggles(columnList);\n    });\n    wrapper.appendChild(showAllBtn);\n\n    // Store reference\n    this.columnListElement = columnList;\n\n    // Build initial toggles\n    this.rebuildToggles(columnList);\n\n    // Append to container\n    container.appendChild(wrapper);\n\n    // Return cleanup function\n    return () => {\n      this.columnListElement = null;\n      wrapper.remove();\n    };\n  }\n\n  /**\n   * Check if a reorder plugin is present (by name to avoid static import).\n   */\n  private hasReorderPlugin(): boolean {\n    const plugin = this.grid?.getPluginByName?.('reorder');\n    // Duck-type check - just verify the plugin exists and has a moveColumn method\n    return !!(plugin && typeof (plugin as { moveColumn?: unknown }).moveColumn === 'function');\n  }\n\n  /**\n   * Build the column toggle checkboxes.\n   * When a reorder plugin is present, adds drag handles for reordering.\n   */\n  private rebuildToggles(columnList: HTMLElement): void {\n    const grid = this.grid as unknown as GridWithVisibility;\n    const reorderEnabled = this.hasReorderPlugin();\n\n    columnList.innerHTML = '';\n\n    // getAllColumns() now returns columns in their effective display order\n    const allColumns = grid.getAllColumns();\n\n    for (let i = 0; i < allColumns.length; i++) {\n      const col = allColumns[i];\n      const label = col.header || col.field;\n\n      const row = document.createElement('div');\n      row.className = col.lockVisible ? 'tbw-visibility-row locked' : 'tbw-visibility-row';\n      row.setAttribute('data-field', col.field);\n      row.setAttribute('data-index', String(i));\n\n      // Add drag handle if reorder is enabled\n      if (reorderEnabled && canMoveColumn(col as unknown as ColumnConfig)) {\n        row.draggable = true;\n        row.classList.add('reorderable');\n\n        this.setupDragListeners(row, col.field, i, columnList);\n      }\n\n      const labelWrapper = document.createElement('label');\n      labelWrapper.className = 'tbw-visibility-label';\n\n      const checkbox = document.createElement('input');\n      checkbox.type = 'checkbox';\n      checkbox.checked = col.visible;\n      checkbox.disabled = col.lockVisible ?? false;\n      checkbox.addEventListener('change', () => {\n        grid.toggleColumnVisibility(col.field);\n        // Refresh after toggle (grid may re-render)\n        setTimeout(() => this.rebuildToggles(columnList), 0);\n      });\n\n      const text = document.createElement('span');\n      text.textContent = label;\n\n      labelWrapper.appendChild(checkbox);\n      labelWrapper.appendChild(text);\n\n      // Add drag handle icon if reorderable\n      if (reorderEnabled && canMoveColumn(col as unknown as ColumnConfig)) {\n        const handle = document.createElement('span');\n        handle.className = 'tbw-visibility-handle';\n        // Use grid-level icons (fall back to defaults)\n        this.setIcon(handle, this.resolveIcon('dragHandle'));\n        handle.title = 'Drag to reorder';\n        row.appendChild(handle);\n      }\n\n      row.appendChild(labelWrapper);\n      columnList.appendChild(row);\n    }\n  }\n\n  /**\n   * Set up drag-and-drop event listeners for a row.\n   * On drop, emits a 'column-reorder-request' event for other plugins to handle.\n   */\n  private setupDragListeners(row: HTMLElement, field: string, index: number, columnList: HTMLElement): void {\n    row.addEventListener('dragstart', (e: DragEvent) => {\n      this.isDragging = true;\n      this.draggedField = field;\n      this.draggedIndex = index;\n\n      if (e.dataTransfer) {\n        e.dataTransfer.effectAllowed = 'move';\n        e.dataTransfer.setData('text/plain', field);\n      }\n\n      row.classList.add('dragging');\n    });\n\n    row.addEventListener('dragend', () => {\n      this.isDragging = false;\n      this.draggedField = null;\n      this.draggedIndex = null;\n      this.dropIndex = null;\n\n      columnList.querySelectorAll('.tbw-visibility-row').forEach((r) => {\n        r.classList.remove('dragging', 'drop-target', 'drop-before', 'drop-after');\n      });\n    });\n\n    row.addEventListener('dragover', (e: DragEvent) => {\n      e.preventDefault();\n      if (!this.isDragging || this.draggedField === field) return;\n\n      const rect = row.getBoundingClientRect();\n      const midY = rect.top + rect.height / 2;\n\n      this.dropIndex = e.clientY < midY ? index : index + 1;\n\n      // Clear other row highlights\n      columnList.querySelectorAll('.tbw-visibility-row').forEach((r) => {\n        if (r !== row) r.classList.remove('drop-target', 'drop-before', 'drop-after');\n      });\n\n      row.classList.add('drop-target');\n      row.classList.toggle('drop-before', e.clientY < midY);\n      row.classList.toggle('drop-after', e.clientY >= midY);\n    });\n\n    row.addEventListener('dragleave', () => {\n      row.classList.remove('drop-target', 'drop-before', 'drop-after');\n    });\n\n    row.addEventListener('drop', (e: DragEvent) => {\n      e.preventDefault();\n      const draggedField = this.draggedField;\n      const draggedIndex = this.draggedIndex;\n      const dropIndex = this.dropIndex;\n\n      if (!this.isDragging || draggedField === null || draggedIndex === null || dropIndex === null) {\n        return;\n      }\n\n      // Calculate the effective target index\n      const effectiveToIndex = dropIndex > draggedIndex ? dropIndex - 1 : dropIndex;\n\n      if (effectiveToIndex !== draggedIndex) {\n        // Emit a request event - other plugins (like ReorderPlugin) can listen and handle\n        const detail: ColumnReorderRequestDetail = {\n          field: draggedField,\n          fromIndex: draggedIndex,\n          toIndex: effectiveToIndex,\n        };\n        this.emit<ColumnReorderRequestDetail>('column-reorder-request', detail);\n\n        // Rebuild the panel after reorder (deferred to allow re-render)\n        setTimeout(() => {\n          this.rebuildToggles(columnList);\n        }, 0);\n      }\n    });\n  }\n  // #endregion\n\n  // #region Styles\n\n  override readonly styles = styles;\n  // #endregion\n}\n"],"names":["canMoveColumn","column","meta","VisibilityPlugin","BaseGridPlugin","container","field","visible","c","grid","wrapper","columnList","showAllBtn","plugin","reorderEnabled","allColumns","col","label","row","labelWrapper","checkbox","text","handle","index","e","r","rect","midY","draggedField","draggedIndex","dropIndex","effectiveToIndex","detail","styles"],"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 { BaseGridPlugin, type PluginDependency } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig, ToolPanelDefinition } from '../../core/types';\nimport type { VisibilityConfig } from './types';\nimport styles from './visibility.css?inline';\n\n/**\n * Detail for column-reorder-request events emitted when users drag-drop in the visibility panel.\n */\nexport interface ColumnReorderRequestDetail {\n  /** The field name of the column to move */\n  field: string;\n  /** The source index (before move) */\n  fromIndex: number;\n  /** The target index (after move) */\n  toIndex: number;\n}\n\n/**\n * Check if a column can be moved (respects lockPosition/suppressMovable).\n * Inlined to avoid importing from reorder plugin.\n */\nfunction canMoveColumn(column: ColumnConfig): boolean {\n  const meta = column.meta ?? {};\n  return meta.lockPosition !== true && meta.suppressMovable !== true;\n}\n\n/**\n * Column Visibility Plugin for tbw-grid\n *\n * @example\n * ```ts\n * new VisibilityPlugin({ enabled: true, allowHideAll: false })\n * ```\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   */\n  static override readonly dependencies: PluginDependency[] = [\n    { name: 'reorder', required: false, reason: 'Enables drag-to-reorder columns in visibility panel' },\n  ];\n\n  readonly name = 'visibility';\n\n  /** Tool panel ID for shell integration */\n  static readonly PANEL_ID = 'columns';\n  override readonly styles = styles;\n\n  protected override get defaultConfig(): Partial<VisibilityConfig> {\n    return {\n      allowHideAll: false,\n    };\n  }\n\n  // #region Internal State\n  private columnListElement: HTMLElement | null = null;\n\n  // Drag state for reorder integration\n  private isDragging = false;\n  private draggedField: string | null = null;\n  private draggedIndex: number | null = null;\n  private dropIndex: number | null = null;\n\n  /** Clear drag-related classes from all rows in a list. */\n  private clearDragClasses(container: HTMLElement): void {\n    container.querySelectorAll('.tbw-visibility-row').forEach((r) => {\n      r.classList.remove('dragging', 'drop-target', 'drop-before', 'drop-after');\n    });\n  }\n  // #endregion\n\n  // #region Lifecycle\n\n  override detach(): void {\n    this.columnListElement = null;\n    this.isDragging = false;\n    this.draggedField = null;\n    this.draggedIndex = null;\n    this.dropIndex = null;\n  }\n  // #endregion\n\n  // #region Shell Integration\n\n  /**\n   * Register the column visibility tool panel with the shell.\n   */\n  override getToolPanel(): ToolPanelDefinition | undefined {\n    return {\n      id: VisibilityPlugin.PANEL_ID,\n      title: 'Columns',\n      icon: '☰',\n      tooltip: 'Column visibility',\n      order: 100, // High order so it appears last\n      render: (container) => this.renderPanelContent(container),\n    };\n  }\n  // #endregion\n\n  // #region Public API\n\n  /**\n   * Show the visibility sidebar panel.\n   * Opens the tool panel and ensures this section is expanded.\n   */\n  show(): void {\n    this.grid.openToolPanel();\n    // Ensure our section is expanded\n    if (!this.grid.expandedToolPanelSections.includes(VisibilityPlugin.PANEL_ID)) {\n      this.grid.toggleToolPanelSection(VisibilityPlugin.PANEL_ID);\n    }\n  }\n\n  /**\n   * Hide the visibility sidebar panel.\n   */\n  hide(): void {\n    this.grid.closeToolPanel();\n  }\n\n  /**\n   * Toggle the visibility sidebar panel section.\n   */\n  toggle(): void {\n    // If tool panel is closed, open it first\n    if (!this.grid.isToolPanelOpen) {\n      this.grid.openToolPanel();\n    }\n    this.grid.toggleToolPanelSection(VisibilityPlugin.PANEL_ID);\n  }\n\n  /**\n   * Check if a specific column is visible.\n   * Delegates to grid.isColumnVisible().\n   * @param field - The field name to check\n   * @returns True if the column is visible\n   */\n  isColumnVisible(field: string): boolean {\n    return this.grid.isColumnVisible(field);\n  }\n\n  /**\n   * Set visibility for a specific column.\n   * Delegates to grid.setColumnVisible().\n   * @param field - The field name of the column\n   * @param visible - Whether the column should be visible\n   */\n  setColumnVisible(field: string, visible: boolean): void {\n    this.grid.setColumnVisible(field, visible);\n  }\n\n  /**\n   * Get list of all visible column fields.\n   * @returns Array of visible field names\n   */\n  getVisibleColumns(): string[] {\n    return this.grid\n      .getAllColumns()\n      .filter((c) => c.visible)\n      .map((c) => c.field);\n  }\n\n  /**\n   * Get list of all hidden column fields.\n   * @returns Array of hidden field names\n   */\n  getHiddenColumns(): string[] {\n    return this.grid\n      .getAllColumns()\n      .filter((c) => !c.visible)\n      .map((c) => c.field);\n  }\n\n  /**\n   * Show all columns.\n   * Delegates to grid.showAllColumns().\n   */\n  showAll(): void {\n    this.grid.showAllColumns();\n  }\n\n  /**\n   * Toggle visibility for a specific column.\n   * Delegates to grid.toggleColumnVisibility().\n   * @param field - The field name of the column\n   */\n  toggleColumn(field: string): void {\n    this.grid.toggleColumnVisibility(field);\n  }\n\n  /**\n   * Show a specific column.\n   * Delegates to grid.setColumnVisible().\n   * @param field - The field name of the column to show\n   */\n  showColumn(field: string): void {\n    this.setColumnVisible(field, true);\n  }\n\n  /**\n   * Hide a specific column.\n   * Delegates to grid.setColumnVisible().\n   * @param field - The field name of the column to hide\n   */\n  hideColumn(field: string): void {\n    this.setColumnVisible(field, false);\n  }\n\n  /**\n   * Get all columns with their visibility status.\n   * Useful for building visibility UI.\n   * @returns Array of column info with visibility status\n   */\n  getAllColumns(): Array<{\n    field: string;\n    header: string;\n    visible: boolean;\n    lockVisible?: boolean;\n    utility?: boolean;\n  }> {\n    return this.grid.getAllColumns();\n  }\n\n  /**\n   * Check if the sidebar panel is currently open.\n   * @returns True if the panel section is expanded\n   */\n  isPanelVisible(): boolean {\n    return this.grid.isToolPanelOpen && this.grid.expandedToolPanelSections.includes(VisibilityPlugin.PANEL_ID);\n  }\n  // #endregion\n\n  // #region Private Methods\n\n  /**\n   * Render the panel content into the shell's tool panel container.\n   * Returns a cleanup function.\n   */\n  private renderPanelContent(container: HTMLElement): (() => void) | void {\n    // Create content wrapper\n    const wrapper = document.createElement('div');\n    wrapper.className = 'tbw-visibility-content';\n\n    // Column list container\n    const columnList = document.createElement('div');\n    columnList.className = 'tbw-visibility-list';\n    wrapper.appendChild(columnList);\n\n    // Show all button\n    const showAllBtn = document.createElement('button');\n    showAllBtn.className = 'tbw-visibility-show-all';\n    showAllBtn.textContent = 'Show All';\n    showAllBtn.addEventListener('click', () => {\n      this.grid.showAllColumns();\n      this.rebuildToggles(columnList);\n    });\n    wrapper.appendChild(showAllBtn);\n\n    // Store reference\n    this.columnListElement = columnList;\n\n    // Build initial toggles\n    this.rebuildToggles(columnList);\n\n    // Append to container\n    container.appendChild(wrapper);\n\n    // Return cleanup function\n    return () => {\n      this.columnListElement = null;\n      wrapper.remove();\n    };\n  }\n\n  /**\n   * Check if a reorder plugin is present (by name to avoid static import).\n   */\n  private hasReorderPlugin(): boolean {\n    const plugin = this.grid?.getPluginByName?.('reorder');\n    // Duck-type check - just verify the plugin exists and has a moveColumn method\n    return !!(plugin && typeof (plugin as { moveColumn?: unknown }).moveColumn === 'function');\n  }\n\n  /**\n   * Build the column toggle checkboxes.\n   * When a reorder plugin is present, adds drag handles for reordering.\n   */\n  private rebuildToggles(columnList: HTMLElement): void {\n    const reorderEnabled = this.hasReorderPlugin();\n\n    columnList.innerHTML = '';\n\n    // getAllColumns() now returns columns in their effective display order\n    // Filter out utility columns (e.g., expander column) as they're internal\n    const allColumns = this.grid.getAllColumns().filter((c) => !c.utility);\n\n    for (let i = 0; i < allColumns.length; i++) {\n      const col = allColumns[i];\n      const label = col.header || col.field;\n\n      const row = document.createElement('div');\n      row.className = col.lockVisible ? 'tbw-visibility-row locked' : 'tbw-visibility-row';\n      row.setAttribute('data-field', col.field);\n      row.setAttribute('data-index', String(i));\n\n      // Add drag handle if reorder is enabled\n      if (reorderEnabled && canMoveColumn(col as unknown as ColumnConfig)) {\n        row.draggable = true;\n        row.classList.add('reorderable');\n\n        this.setupDragListeners(row, col.field, i, columnList);\n      }\n\n      const labelWrapper = document.createElement('label');\n      labelWrapper.className = 'tbw-visibility-label';\n\n      const checkbox = document.createElement('input');\n      checkbox.type = 'checkbox';\n      checkbox.checked = col.visible;\n      checkbox.disabled = col.lockVisible ?? false;\n      checkbox.addEventListener('change', () => {\n        this.grid.toggleColumnVisibility(col.field);\n        // Refresh after toggle (grid may re-render)\n        setTimeout(() => this.rebuildToggles(columnList), 0);\n      });\n\n      const text = document.createElement('span');\n      text.textContent = label;\n\n      labelWrapper.appendChild(checkbox);\n      labelWrapper.appendChild(text);\n\n      // Add drag handle icon if reorderable\n      if (reorderEnabled && canMoveColumn(col as unknown as ColumnConfig)) {\n        const handle = document.createElement('span');\n        handle.className = 'tbw-visibility-handle';\n        // Use grid-level icons (fall back to defaults)\n        this.setIcon(handle, this.resolveIcon('dragHandle'));\n        handle.title = 'Drag to reorder';\n        row.appendChild(handle);\n      }\n\n      row.appendChild(labelWrapper);\n      columnList.appendChild(row);\n    }\n  }\n\n  /**\n   * Set up drag-and-drop event listeners for a row.\n   * On drop, emits a 'column-reorder-request' event for other plugins to handle.\n   */\n  private setupDragListeners(row: HTMLElement, field: string, index: number, columnList: HTMLElement): void {\n    row.addEventListener('dragstart', (e: DragEvent) => {\n      this.isDragging = true;\n      this.draggedField = field;\n      this.draggedIndex = index;\n\n      if (e.dataTransfer) {\n        e.dataTransfer.effectAllowed = 'move';\n        e.dataTransfer.setData('text/plain', field);\n      }\n\n      row.classList.add('dragging');\n    });\n\n    row.addEventListener('dragend', () => {\n      this.isDragging = false;\n      this.draggedField = null;\n      this.draggedIndex = null;\n      this.dropIndex = null;\n      this.clearDragClasses(columnList);\n    });\n\n    row.addEventListener('dragover', (e: DragEvent) => {\n      e.preventDefault();\n      if (!this.isDragging || this.draggedField === field) return;\n\n      const rect = row.getBoundingClientRect();\n      const midY = rect.top + rect.height / 2;\n\n      this.dropIndex = e.clientY < midY ? index : index + 1;\n\n      // Clear other row highlights\n      columnList.querySelectorAll('.tbw-visibility-row').forEach((r) => {\n        if (r !== row) r.classList.remove('drop-target', 'drop-before', 'drop-after');\n      });\n\n      row.classList.add('drop-target');\n      row.classList.toggle('drop-before', e.clientY < midY);\n      row.classList.toggle('drop-after', e.clientY >= midY);\n    });\n\n    row.addEventListener('dragleave', () => {\n      row.classList.remove('drop-target', 'drop-before', 'drop-after');\n    });\n\n    row.addEventListener('drop', (e: DragEvent) => {\n      e.preventDefault();\n      const draggedField = this.draggedField;\n      const draggedIndex = this.draggedIndex;\n      const dropIndex = this.dropIndex;\n\n      if (!this.isDragging || draggedField === null || draggedIndex === null || dropIndex === null) {\n        return;\n      }\n\n      // Calculate the effective target index\n      const effectiveToIndex = dropIndex > draggedIndex ? dropIndex - 1 : dropIndex;\n\n      if (effectiveToIndex !== draggedIndex) {\n        // Emit a request event - other plugins (like ReorderPlugin) can listen and handle\n        const detail: ColumnReorderRequestDetail = {\n          field: draggedField,\n          fromIndex: draggedIndex,\n          toIndex: effectiveToIndex,\n        };\n        this.emit<ColumnReorderRequestDetail>('column-reorder-request', detail);\n\n        // Rebuild the panel after reorder (deferred to allow re-render)\n        setTimeout(() => {\n          this.rebuildToggles(columnList);\n        }, 0);\n      }\n    });\n  }\n  // #endregion\n}\n"],"names":["canMoveColumn","column","meta","VisibilityPlugin","BaseGridPlugin","styles","container","r","field","visible","c","wrapper","columnList","showAllBtn","plugin","reorderEnabled","allColumns","i","col","label","row","labelWrapper","checkbox","text","handle","index","e","rect","midY","draggedField","draggedIndex","dropIndex","effectiveToIndex","detail"],"mappings":"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"}