@toolbox-web/grid 1.25.1 → 1.26.0

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

@@ -1,2 +1,2 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("../../core/internal/rows"),require("../../core/plugin/base-plugin")):"function"==typeof define&&define.amd?define(["exports","../../core/internal/rows","../../core/plugin/base-plugin"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).TbwGridPlugin_undoRedo={},t.TbwGrid,t.TbwGrid)}(this,function(t,e,o){"use strict";function n(t,e,o){const n=[...t.undoStack,e];for(;n.length>o;)n.shift();return{undoStack:n,redoStack:[]}}function i(t){if(0===t.undoStack.length)return{newState:t,action:null};const e=[...t.undoStack],o=e.pop();return o?{newState:{undoStack:e,redoStack:[...t.redoStack,o]},action:o}:{newState:t,action:null}}function c(t){if(0===t.redoStack.length)return{newState:t,action:null};const e=[...t.redoStack],o=e.pop();return o?{newState:{undoStack:[...t.undoStack,o],redoStack:e},action:o}:{newState:t,action:null}}class a extends o.BaseGridPlugin{static dependencies=[{name:"editing",required:!0,reason:"UndoRedoPlugin tracks cell edit history"}];name="undoRedo";get defaultConfig(){return{maxHistorySize:100}}undoStack=[];redoStack=[];#t=!1;#e=null;#o(t,e){const o=this.rows[t.rowIndex];if(o){try{const n=this.grid.getRowId(o);if(n)return void this.grid.updateRow(n,{[t.field]:e})}catch{}o[t.field]=e}}#n(t){const o=this.grid,n=o._visibleColumns?.findIndex(e=>e.field===t.field)??-1;if(n<0)return;o._focusRow=t.rowIndex,o._focusCol=n;const i=o.findRenderedRowElement?.(t.rowIndex);if(!i)return;const c=i.querySelector(`.cell[data-col="${n}"]`);if(c?.classList.contains("editing")){const t=c.querySelector(e.FOCUSABLE_EDITOR_SELECTOR);t?.focus({preventScroll:!0})}}#i(t,e){if(this.#t=!0,"compound"===t.type){const o="undo"===e?[...t.actions].reverse():t.actions;for(const t of o)this.#o(t,"undo"===e?t.oldValue:t.newValue)}else this.#o(t,"undo"===e?t.oldValue:t.newValue);this.#t=!1}#c(t){const e="compound"===t.type?t.actions[t.actions.length-1]:t;e&&this.#n(e)}attach(t){super.attach(t),this.on("cell-edit-committed",t=>{this.#t||this.recordEdit(t.rowIndex,t.field,t.oldValue,t.newValue)})}detach(){this.undoStack=[],this.redoStack=[],this.#e=null}onKeyDown(t){const e=(t.ctrlKey||t.metaKey)&&"z"===t.key&&!t.shiftKey,o=(t.ctrlKey||t.metaKey)&&("y"===t.key||"z"===t.key&&t.shiftKey);if(e){t.preventDefault();const e=i({undoStack:this.undoStack,redoStack:this.redoStack});return e.action&&(this.#i(e.action,"undo"),this.undoStack=e.newState.undoStack,this.redoStack=e.newState.redoStack,this.emit("undo",{action:e.action,type:"undo"}),this.#c(e.action),this.requestRenderWithFocus()),!0}if(o){t.preventDefault();const e=c({undoStack:this.undoStack,redoStack:this.redoStack});return e.action&&(this.#i(e.action,"redo"),this.undoStack=e.newState.undoStack,this.redoStack=e.newState.redoStack,this.emit("redo",{action:e.action,type:"redo"}),this.#c(e.action),this.requestRenderWithFocus()),!0}return!1}recordEdit(t,e,o,i){const c=function(t,e,o,n){return{type:"cell-edit",rowIndex:t,field:e,oldValue:o,newValue:n,timestamp:Date.now()}}(t,e,o,i);if(this.#e)return void this.#e.push(c);const a=n({undoStack:this.undoStack,redoStack:this.redoStack},c,this.config.maxHistorySize??100);this.undoStack=a.undoStack,this.redoStack=a.redoStack}beginTransaction(){if(this.#e)throw new Error("UndoRedoPlugin: Transaction already in progress. Call endTransaction() first.");this.#e=[]}endTransaction(){const t=this.#e;if(!t)throw new Error("UndoRedoPlugin: No transaction in progress. Call beginTransaction() first.");if(this.#e=null,0===t.length)return;const e=1===t.length?t[0]:{type:"compound",actions:t,timestamp:Date.now()};const o=n({undoStack:this.undoStack,redoStack:this.redoStack},e,this.config.maxHistorySize??100);this.undoStack=o.undoStack,this.redoStack=o.redoStack}undo(){const t=i({undoStack:this.undoStack,redoStack:this.redoStack});return t.action&&(this.#i(t.action,"undo"),this.undoStack=t.newState.undoStack,this.redoStack=t.newState.redoStack,this.#c(t.action),this.requestRenderWithFocus()),t.action}redo(){const t=c({undoStack:this.undoStack,redoStack:this.redoStack});return t.action&&(this.#i(t.action,"redo"),this.undoStack=t.newState.undoStack,this.redoStack=t.newState.redoStack,this.#c(t.action),this.requestRenderWithFocus()),t.action}canUndo(){return{undoStack:this.undoStack,redoStack:this.redoStack}.undoStack.length>0}canRedo(){return{undoStack:this.undoStack,redoStack:this.redoStack}.redoStack.length>0}clearHistory(){const t={undoStack:[],redoStack:[]};this.undoStack=t.undoStack,this.redoStack=t.redoStack,this.#e=null}getUndoStack(){return[...this.undoStack]}getRedoStack(){return[...this.redoStack]}}t.UndoRedoPlugin=a,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("../../core/internal/diagnostics"),require("../../core/internal/rows"),require("../../core/plugin/base-plugin")):"function"==typeof define&&define.amd?define(["exports","../../core/internal/diagnostics","../../core/internal/rows","../../core/plugin/base-plugin"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).TbwGridPlugin_undoRedo={},t.TbwGrid,t.TbwGrid,t.TbwGrid)}(this,function(t,e,o,n){"use strict";function i(t,e,o){const n=[...t.undoStack,e];for(;n.length>o;)n.shift();return{undoStack:n,redoStack:[]}}function c(t){if(0===t.undoStack.length)return{newState:t,action:null};const e=[...t.undoStack],o=e.pop();return o?{newState:{undoStack:e,redoStack:[...t.redoStack,o]},action:o}:{newState:t,action:null}}function a(t){if(0===t.redoStack.length)return{newState:t,action:null};const e=[...t.redoStack],o=e.pop();return o?{newState:{undoStack:[...t.undoStack,o],redoStack:e},action:o}:{newState:t,action:null}}class r extends n.BaseGridPlugin{static dependencies=[{name:"editing",required:!0,reason:"UndoRedoPlugin tracks cell edit history"}];name="undoRedo";get defaultConfig(){return{maxHistorySize:100}}undoStack=[];redoStack=[];#t=!1;#e=null;#o(t,e){const o=this.rows[t.rowIndex];if(o){try{const n=this.grid.getRowId(o);if(n)return void this.grid.updateRow(n,{[t.field]:e})}catch{}o[t.field]=e}}#n(t){const e=this.grid,n=e._visibleColumns?.findIndex(e=>e.field===t.field)??-1;if(n<0)return;e._focusRow=t.rowIndex,e._focusCol=n;const i=e.findRenderedRowElement?.(t.rowIndex);if(!i)return;const c=i.querySelector(`.cell[data-col="${n}"]`);if(c?.classList.contains("editing")){const t=c.querySelector(o.FOCUSABLE_EDITOR_SELECTOR);t?.focus({preventScroll:!0})}}#i(t,e){if(this.#t=!0,"compound"===t.type){const o="undo"===e?[...t.actions].reverse():t.actions;for(const t of o)this.#o(t,"undo"===e?t.oldValue:t.newValue)}else this.#o(t,"undo"===e?t.oldValue:t.newValue);this.#t=!1}#c(t){const e="compound"===t.type?t.actions[t.actions.length-1]:t;e&&this.#n(e)}attach(t){super.attach(t),this.on("cell-edit-committed",t=>{this.#t||this.recordEdit(t.rowIndex,t.field,t.oldValue,t.newValue)})}detach(){this.undoStack=[],this.redoStack=[],this.#e=null}onKeyDown(t){const e=(t.ctrlKey||t.metaKey)&&"z"===t.key&&!t.shiftKey,o=(t.ctrlKey||t.metaKey)&&("y"===t.key||"z"===t.key&&t.shiftKey);if(e){t.preventDefault();const e=c({undoStack:this.undoStack,redoStack:this.redoStack});return e.action&&(this.#i(e.action,"undo"),this.undoStack=e.newState.undoStack,this.redoStack=e.newState.redoStack,this.emit("undo",{action:e.action,type:"undo"}),this.#c(e.action),this.requestRenderWithFocus()),!0}if(o){t.preventDefault();const e=a({undoStack:this.undoStack,redoStack:this.redoStack});return e.action&&(this.#i(e.action,"redo"),this.undoStack=e.newState.undoStack,this.redoStack=e.newState.redoStack,this.emit("redo",{action:e.action,type:"redo"}),this.#c(e.action),this.requestRenderWithFocus()),!0}return!1}recordEdit(t,e,o,n){const c=function(t,e,o,n){return{type:"cell-edit",rowIndex:t,field:e,oldValue:o,newValue:n,timestamp:Date.now()}}(t,e,o,n);if(this.#e)return void this.#e.push(c);const a=i({undoStack:this.undoStack,redoStack:this.redoStack},c,this.config.maxHistorySize??100);this.undoStack=a.undoStack,this.redoStack=a.redoStack}beginTransaction(){this.#e&&e.throwDiagnostic(e.TRANSACTION_IN_PROGRESS,"Transaction already in progress. Call endTransaction() first."),this.#e=[]}endTransaction(){const t=this.#e;if(t||e.throwDiagnostic(e.NO_TRANSACTION,"No transaction in progress. Call beginTransaction() first."),this.#e=null,0===t.length)return;const o=1===t.length?t[0]:{type:"compound",actions:t,timestamp:Date.now()};const n=i({undoStack:this.undoStack,redoStack:this.redoStack},o,this.config.maxHistorySize??100);this.undoStack=n.undoStack,this.redoStack=n.redoStack}undo(){const t=c({undoStack:this.undoStack,redoStack:this.redoStack});return t.action&&(this.#i(t.action,"undo"),this.undoStack=t.newState.undoStack,this.redoStack=t.newState.redoStack,this.#c(t.action),this.requestRenderWithFocus()),t.action}redo(){const t=a({undoStack:this.undoStack,redoStack:this.redoStack});return t.action&&(this.#i(t.action,"redo"),this.undoStack=t.newState.undoStack,this.redoStack=t.newState.redoStack,this.#c(t.action),this.requestRenderWithFocus()),t.action}canUndo(){return{undoStack:this.undoStack,redoStack:this.redoStack}.undoStack.length>0}canRedo(){return{undoStack:this.undoStack,redoStack:this.redoStack}.redoStack.length>0}clearHistory(){const t={undoStack:[],redoStack:[]};this.undoStack=t.undoStack,this.redoStack=t.redoStack,this.#e=null}getUndoStack(){return[...this.undoStack]}getRedoStack(){return[...this.redoStack]}}t.UndoRedoPlugin=r,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=undo-redo.umd.js.map

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 { CompoundEditAction, EditAction, UndoRedoAction, 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: UndoRedoAction, 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: UndoRedoAction | 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: UndoRedoAction | 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/**\n * Create a compound action grouping multiple edits into a single undo/redo unit.\n *\n * @param actions - The individual edit actions to group (in chronological order)\n * @returns A CompoundEditAction wrapping all provided edits\n */\nexport function createCompoundAction(actions: EditAction[]): CompoundEditAction {\n  return {\n    type: 'compound',\n    actions,\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 { FOCUSABLE_EDITOR_SELECTOR } from '../../core/internal/rows';\nimport { BaseGridPlugin, type GridElement, type PluginDependency } from '../../core/plugin/base-plugin';\nimport type { GridHost } from '../../core/types';\nimport {\n  canRedo,\n  canUndo,\n  clearHistory,\n  createCompoundAction,\n  createEditAction,\n  pushAction,\n  redo,\n  undo,\n} from './history';\nimport type { EditAction, UndoRedoAction, UndoRedoConfig, UndoRedoDetail } from './types';\n\n/**\n * Undo/Redo Plugin for tbw-grid\n *\n * Tracks all cell edits and lets users revert or replay changes with familiar keyboard\n * shortcuts (Ctrl+Z / Ctrl+Y). Maintains an in-memory history stack with configurable\n * depth—perfect for data entry workflows where mistakes happen.\n *\n * > **Required Dependency:** This plugin requires EditingPlugin to be loaded first.\n * > UndoRedo tracks the edit history that EditingPlugin creates.\n *\n * ## Installation\n *\n * ```ts\n * import { EditingPlugin } from '@toolbox-web/grid/plugins/editing';\n * import { UndoRedoPlugin } from '@toolbox-web/grid/plugins/undo-redo';\n * ```\n *\n * ## Configuration Options\n *\n * | Option | Type | Default | Description |\n * |--------|------|---------|-------------|\n * | `maxHistorySize` | `number` | `100` | Maximum actions in history stack |\n *\n * ## Keyboard Shortcuts\n *\n * | Shortcut | Action |\n * |----------|--------|\n * | `Ctrl+Z` / `Cmd+Z` | Undo last edit |\n * | `Ctrl+Y` / `Cmd+Shift+Z` | Redo last undone edit |\n *\n * ## Programmatic API\n *\n * | Method | Signature | Description |\n * |--------|-----------|-------------|\n * | `undo` | `() => UndoRedoAction \\| null` | Undo the last edit (or compound) |\n * | `redo` | `() => UndoRedoAction \\| null` | Redo the last undone edit (or compound) |\n * | `canUndo` | `() => boolean` | Check if undo is available |\n * | `canRedo` | `() => boolean` | Check if redo is available |\n * | `clearHistory` | `() => void` | Clear the entire history stack |\n * | `recordEdit` | `(rowIndex, field, old, new) => void` | Manually record a cell edit |\n * | `beginTransaction` | `() => void` | Start grouping edits into a compound |\n * | `endTransaction` | `() => void` | Finalize and push the compound action |\n *\n * @example Basic Usage with EditingPlugin\n * ```ts\n * import '@toolbox-web/grid';\n * import { EditingPlugin } from '@toolbox-web/grid/plugins/editing';\n * import { UndoRedoPlugin } from '@toolbox-web/grid/plugins/undo-redo';\n *\n * const grid = document.querySelector('tbw-grid');\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'name', header: 'Name', editable: true },\n *     { field: 'price', header: 'Price', type: 'number', editable: true },\n *   ],\n *   plugins: [\n *     new EditingPlugin({ editOn: 'dblclick' }), // Required - must be first\n *     new UndoRedoPlugin({ maxHistorySize: 50 }),\n *   ],\n * };\n * ```\n *\n * @see {@link UndoRedoConfig} for configuration options\n * @see {@link EditingPlugin} for the required dependency\n *\n * @internal Extends BaseGridPlugin\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   * @internal\n   */\n  static override readonly dependencies: PluginDependency[] = [\n    { name: 'editing', required: true, reason: 'UndoRedoPlugin tracks cell edit history' },\n  ];\n\n  /** @internal */\n  readonly name = 'undoRedo';\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<UndoRedoConfig> {\n    return {\n      maxHistorySize: 100,\n    };\n  }\n\n  // State as class properties\n  private undoStack: UndoRedoAction[] = [];\n  private redoStack: UndoRedoAction[] = [];\n\n  /** Suppresses recording during undo/redo to prevent feedback loops. */\n  #suppressRecording = false;\n\n  /** Accumulates edits during a transaction; `null` when no transaction is active. */\n  #transactionBuffer: EditAction[] | null = null;\n\n  /**\n   * Apply a value to a row cell, using `updateRow()` when possible so that\n   * active editors (during row-edit mode) are notified via the `cell-change`\n   * → `onValueChange` pipeline. Falls back to direct mutation when the row\n   * has no ID.\n   */\n  #applyValue(action: EditAction, value: unknown): void {\n    const rows = this.rows as Record<string, unknown>[];\n    const row = rows[action.rowIndex];\n    if (!row) return;\n\n    // Prefer updateRow() — it emits `cell-change` events which notify active\n    // editors via their `onValueChange` callbacks. Without this, undo/redo\n    // during row-edit mode is invisible because the render pipeline skips\n    // cells that have active editors.\n    try {\n      const rowId = this.grid.getRowId(row);\n      if (rowId) {\n        this.grid.updateRow(rowId, { [action.field]: value });\n        return;\n      }\n    } catch {\n      // No row ID configured — fall back to direct mutation\n    }\n\n    // Fallback: direct mutation (editors won't see the change during editing)\n    row[action.field] = value;\n  }\n\n  /**\n   * Move keyboard focus to the cell targeted by an undo/redo action.\n   * If the grid is in row-edit mode and the cell has an active editor,\n   * the editor input is focused so the user can continue editing.\n   */\n  #focusActionCell(action: EditAction): void {\n    const internalGrid: GridHost = this.grid as unknown as GridHost;\n\n    // Map field name → visible column index\n    const colIdx = internalGrid._visibleColumns?.findIndex((c) => c.field === action.field) ?? -1;\n    if (colIdx < 0) return;\n\n    internalGrid._focusRow = action.rowIndex;\n    internalGrid._focusCol = colIdx;\n\n    // If we're in row-edit mode, focus the editor input in the target cell\n    const rowEl = internalGrid.findRenderedRowElement?.(action.rowIndex);\n    if (!rowEl) return;\n\n    const cellEl = rowEl.querySelector(`.cell[data-col=\"${colIdx}\"]`) as HTMLElement | null;\n    if (cellEl?.classList.contains('editing')) {\n      const editor = cellEl.querySelector(FOCUSABLE_EDITOR_SELECTOR) as HTMLElement | null;\n      editor?.focus({ preventScroll: true });\n    }\n  }\n\n  /**\n   * Apply value changes for a single or compound action.\n   * Wraps `#applyValue` calls with `#suppressRecording` to prevent feedback loops.\n   */\n  #applyUndoRedoAction(action: UndoRedoAction, direction: 'undo' | 'redo'): void {\n    this.#suppressRecording = true;\n    if (action.type === 'compound') {\n      const subActions = direction === 'undo' ? [...action.actions].reverse() : action.actions;\n      for (const sub of subActions) {\n        this.#applyValue(sub, direction === 'undo' ? sub.oldValue : sub.newValue);\n      }\n    } else {\n      this.#applyValue(action, direction === 'undo' ? action.oldValue : action.newValue);\n    }\n    this.#suppressRecording = false;\n  }\n\n  /**\n   * Focus the cell associated with an undo/redo action.\n   * For compound actions, focuses the **last** action's cell. When consumers\n   * use `beginTransaction()` + `recordEdit()` (cascaded fields) followed by\n   * `queueMicrotask(() => endTransaction())`, the grid's auto-recorded\n   * primary field edit is appended last. Focusing it ensures the cursor\n   * lands on the field the user originally edited, not on a cascaded field\n   * whose column may not even be visible.\n   */\n  #focusUndoRedoAction(action: UndoRedoAction): void {\n    const target = action.type === 'compound' ? action.actions[action.actions.length - 1] : action;\n    if (target) this.#focusActionCell(target);\n  }\n\n  /**\n   * Subscribe to cell-edit-committed events from EditingPlugin.\n   * @internal\n   */\n  override attach(grid: GridElement): void {\n    super.attach(grid);\n    // Auto-record edits via Event Bus\n    this.on(\n      'cell-edit-committed',\n      (detail: { rowIndex: number; field: string; oldValue: unknown; newValue: unknown }) => {\n        // Skip recording during undo/redo operations. When undo/redo applies a\n        // value via updateRow, two things can cause re-entry:\n        // 1. updateRow → cell-change → onValueChange → editor triggers commit\n        // 2. Browser native undo (if not fully suppressed) fires input event → commit\n        // The suppress flag prevents these from corrupting the history stacks.\n        if (this.#suppressRecording) return;\n        this.recordEdit(detail.rowIndex, detail.field, detail.oldValue, detail.newValue);\n      },\n    );\n  }\n\n  /**\n   * Clean up state when plugin is detached.\n   * @internal\n   */\n  override detach(): void {\n    this.undoStack = [];\n    this.redoStack = [];\n    this.#transactionBuffer = null;\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   * @internal\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      // Prevent browser native undo on text inputs — it would conflict\n      // with the grid's undo by mutating the input text independently,\n      // triggering re-commits that cancel the grid undo.\n      event.preventDefault();\n\n      const result = undo({ undoStack: this.undoStack, redoStack: this.redoStack });\n      if (result.action) {\n        this.#applyUndoRedoAction(result.action, 'undo');\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.#focusUndoRedoAction(result.action);\n        this.requestRenderWithFocus();\n      }\n      return true;\n    }\n\n    if (isRedo) {\n      // Prevent browser native redo — same reason as undo above\n      event.preventDefault();\n\n      const result = redo({ undoStack: this.undoStack, redoStack: this.redoStack });\n      if (result.action) {\n        this.#applyUndoRedoAction(result.action, 'redo');\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.#focusUndoRedoAction(result.action);\n        this.requestRenderWithFocus();\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\n    // Buffer during transactions instead of pushing to undo stack\n    if (this.#transactionBuffer) {\n      this.#transactionBuffer.push(action);\n      return;\n    }\n\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   * Begin grouping subsequent edits into a single compound action.\n   *\n   * While a transaction is active, all `recordEdit()` calls (both manual\n   * and auto-recorded from `cell-edit-committed`) are buffered instead of\n   * pushed to the undo stack. Call `endTransaction()` to finalize the group.\n   *\n   * **Typical usage** — group a user edit with its cascaded side-effects:\n   *\n   * ```ts\n   * grid.on('cell-commit', () => {\n   *   const undoRedo = grid.getPluginByName('undoRedo');\n   *   undoRedo.beginTransaction();\n   *\n   *   // Record cascaded updates (these won't auto-record)\n   *   const oldB = row.fieldB;\n   *   undoRedo.recordEdit(rowIndex, 'fieldB', oldB, computedB);\n   *   grid.updateRow(rowId, { fieldB: computedB });\n   *\n   *   // End after the auto-recorded original edit is captured\n   *   queueMicrotask(() => undoRedo.endTransaction());\n   * });\n   * ```\n   *\n   * @throws Error if a transaction is already in progress\n   */\n  beginTransaction(): void {\n    if (this.#transactionBuffer) {\n      throw new Error('UndoRedoPlugin: Transaction already in progress. Call endTransaction() first.');\n    }\n    this.#transactionBuffer = [];\n  }\n\n  /**\n   * Finalize the current transaction, wrapping all buffered edits into a\n   * single compound action on the undo stack.\n   *\n   * - If the buffer contains multiple edits, they are wrapped in a `CompoundEditAction`.\n   * - If the buffer contains a single edit, it is pushed as a regular `EditAction`.\n   * - If the buffer is empty, this is a no-op.\n   *\n   * Undoing a compound action reverts all edits in reverse order; redoing\n   * replays them in forward order.\n   *\n   * @throws Error if no transaction is in progress\n   */\n  endTransaction(): void {\n    const buffer = this.#transactionBuffer;\n    if (!buffer) {\n      throw new Error('UndoRedoPlugin: No transaction in progress. Call beginTransaction() first.');\n    }\n    this.#transactionBuffer = null;\n\n    if (buffer.length === 0) return;\n\n    const action: UndoRedoAction = buffer.length === 1 ? buffer[0] : createCompoundAction(buffer);\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(): UndoRedoAction | null {\n    const result = undo({ undoStack: this.undoStack, redoStack: this.redoStack });\n    if (result.action) {\n      this.#applyUndoRedoAction(result.action, 'undo');\n      this.undoStack = result.newState.undoStack;\n      this.redoStack = result.newState.redoStack;\n      this.#focusUndoRedoAction(result.action);\n      this.requestRenderWithFocus();\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(): UndoRedoAction | null {\n    const result = redo({ undoStack: this.undoStack, redoStack: this.redoStack });\n    if (result.action) {\n      this.#applyUndoRedoAction(result.action, 'redo');\n      this.undoStack = result.newState.undoStack;\n      this.redoStack = result.newState.redoStack;\n      this.#focusUndoRedoAction(result.action);\n      this.requestRenderWithFocus();\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    this.#transactionBuffer = null;\n  }\n\n  /**\n   * Get a copy of the current undo stack.\n   */\n  getUndoStack(): UndoRedoAction[] {\n    return [...this.undoStack];\n  }\n\n  /**\n   * Get a copy of the current redo stack.\n   */\n  getRedoStack(): UndoRedoAction[] {\n    return [...this.redoStack];\n  }\n  // #endregion\n}\n"],"names":["pushAction","state","action","maxSize","undoStack","length","shift","redoStack","undo","newState","pop","redo","UndoRedoPlugin","BaseGridPlugin","static","name","required","reason","defaultConfig","maxHistorySize","suppressRecording","transactionBuffer","applyValue","value","row","this","rows","rowIndex","rowId","grid","getRowId","updateRow","field","focusActionCell","internalGrid","colIdx","_visibleColumns","findIndex","c","_focusRow","_focusCol","rowEl","findRenderedRowElement","cellEl","querySelector","classList","contains","editor","FOCUSABLE_EDITOR_SELECTOR","focus","preventScroll","applyUndoRedoAction","direction","type","subActions","actions","reverse","sub","oldValue","newValue","focusUndoRedoAction","target","attach","super","on","detail","recordEdit","detach","onKeyDown","event","isUndo","ctrlKey","metaKey","key","shiftKey","isRedo","preventDefault","result","emit","requestRenderWithFocus","timestamp","Date","now","createEditAction","push","config","beginTransaction","Error","endTransaction","buffer","canUndo","canRedo","clearHistory","getUndoStack","getRedoStack"],"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 { CompoundEditAction, EditAction, UndoRedoAction, 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: UndoRedoAction, 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: UndoRedoAction | 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: UndoRedoAction | 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/**\n * Create a compound action grouping multiple edits into a single undo/redo unit.\n *\n * @param actions - The individual edit actions to group (in chronological order)\n * @returns A CompoundEditAction wrapping all provided edits\n */\nexport function createCompoundAction(actions: EditAction[]): CompoundEditAction {\n  return {\n    type: 'compound',\n    actions,\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 { NO_TRANSACTION, TRANSACTION_IN_PROGRESS, throwDiagnostic } from '../../core/internal/diagnostics';\nimport { FOCUSABLE_EDITOR_SELECTOR } from '../../core/internal/rows';\nimport { BaseGridPlugin, type GridElement, type PluginDependency } from '../../core/plugin/base-plugin';\nimport type { GridHost } from '../../core/types';\nimport {\n  canRedo,\n  canUndo,\n  clearHistory,\n  createCompoundAction,\n  createEditAction,\n  pushAction,\n  redo,\n  undo,\n} from './history';\nimport type { EditAction, UndoRedoAction, UndoRedoConfig, UndoRedoDetail } from './types';\n\n/**\n * Undo/Redo Plugin for tbw-grid\n *\n * Tracks all cell edits and lets users revert or replay changes with familiar keyboard\n * shortcuts (Ctrl+Z / Ctrl+Y). Maintains an in-memory history stack with configurable\n * depth—perfect for data entry workflows where mistakes happen.\n *\n * > **Required Dependency:** This plugin requires EditingPlugin to be loaded first.\n * > UndoRedo tracks the edit history that EditingPlugin creates.\n *\n * ## Installation\n *\n * ```ts\n * import { EditingPlugin } from '@toolbox-web/grid/plugins/editing';\n * import { UndoRedoPlugin } from '@toolbox-web/grid/plugins/undo-redo';\n * ```\n *\n * ## Configuration Options\n *\n * | Option | Type | Default | Description |\n * |--------|------|---------|-------------|\n * | `maxHistorySize` | `number` | `100` | Maximum actions in history stack |\n *\n * ## Keyboard Shortcuts\n *\n * | Shortcut | Action |\n * |----------|--------|\n * | `Ctrl+Z` / `Cmd+Z` | Undo last edit |\n * | `Ctrl+Y` / `Cmd+Shift+Z` | Redo last undone edit |\n *\n * ## Programmatic API\n *\n * | Method | Signature | Description |\n * |--------|-----------|-------------|\n * | `undo` | `() => UndoRedoAction \\| null` | Undo the last edit (or compound) |\n * | `redo` | `() => UndoRedoAction \\| null` | Redo the last undone edit (or compound) |\n * | `canUndo` | `() => boolean` | Check if undo is available |\n * | `canRedo` | `() => boolean` | Check if redo is available |\n * | `clearHistory` | `() => void` | Clear the entire history stack |\n * | `recordEdit` | `(rowIndex, field, old, new) => void` | Manually record a cell edit |\n * | `beginTransaction` | `() => void` | Start grouping edits into a compound |\n * | `endTransaction` | `() => void` | Finalize and push the compound action |\n *\n * @example Basic Usage with EditingPlugin\n * ```ts\n * import { queryGrid } from '@toolbox-web/grid';\n * import { EditingPlugin } from '@toolbox-web/grid/plugins/editing';\n * import { UndoRedoPlugin } from '@toolbox-web/grid/plugins/undo-redo';\n *\n * const grid = queryGrid('tbw-grid');\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'name', header: 'Name', editable: true },\n *     { field: 'price', header: 'Price', type: 'number', editable: true },\n *   ],\n *   plugins: [\n *     new EditingPlugin({ editOn: 'dblclick' }), // Required - must be first\n *     new UndoRedoPlugin({ maxHistorySize: 50 }),\n *   ],\n * };\n * ```\n *\n * @see {@link UndoRedoConfig} for configuration options\n * @see {@link EditingPlugin} for the required dependency\n *\n * @internal Extends BaseGridPlugin\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   * @internal\n   */\n  static override readonly dependencies: PluginDependency[] = [\n    { name: 'editing', required: true, reason: 'UndoRedoPlugin tracks cell edit history' },\n  ];\n\n  /** @internal */\n  readonly name = 'undoRedo';\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<UndoRedoConfig> {\n    return {\n      maxHistorySize: 100,\n    };\n  }\n\n  // State as class properties\n  private undoStack: UndoRedoAction[] = [];\n  private redoStack: UndoRedoAction[] = [];\n\n  /** Suppresses recording during undo/redo to prevent feedback loops. */\n  #suppressRecording = false;\n\n  /** Accumulates edits during a transaction; `null` when no transaction is active. */\n  #transactionBuffer: EditAction[] | null = null;\n\n  /**\n   * Apply a value to a row cell, using `updateRow()` when possible so that\n   * active editors (during row-edit mode) are notified via the `cell-change`\n   * → `onValueChange` pipeline. Falls back to direct mutation when the row\n   * has no ID.\n   */\n  #applyValue(action: EditAction, value: unknown): void {\n    const rows = this.rows as Record<string, unknown>[];\n    const row = rows[action.rowIndex];\n    if (!row) return;\n\n    // Prefer updateRow() — it emits `cell-change` events which notify active\n    // editors via their `onValueChange` callbacks. Without this, undo/redo\n    // during row-edit mode is invisible because the render pipeline skips\n    // cells that have active editors.\n    try {\n      const rowId = this.grid.getRowId(row);\n      if (rowId) {\n        this.grid.updateRow(rowId, { [action.field]: value });\n        return;\n      }\n    } catch {\n      // No row ID configured — fall back to direct mutation\n    }\n\n    // Fallback: direct mutation (editors won't see the change during editing)\n    row[action.field] = value;\n  }\n\n  /**\n   * Move keyboard focus to the cell targeted by an undo/redo action.\n   * If the grid is in row-edit mode and the cell has an active editor,\n   * the editor input is focused so the user can continue editing.\n   */\n  #focusActionCell(action: EditAction): void {\n    const internalGrid: GridHost = this.grid as unknown as GridHost;\n\n    // Map field name → visible column index\n    const colIdx = internalGrid._visibleColumns?.findIndex((c) => c.field === action.field) ?? -1;\n    if (colIdx < 0) return;\n\n    internalGrid._focusRow = action.rowIndex;\n    internalGrid._focusCol = colIdx;\n\n    // If we're in row-edit mode, focus the editor input in the target cell\n    const rowEl = internalGrid.findRenderedRowElement?.(action.rowIndex);\n    if (!rowEl) return;\n\n    const cellEl = rowEl.querySelector(`.cell[data-col=\"${colIdx}\"]`) as HTMLElement | null;\n    if (cellEl?.classList.contains('editing')) {\n      const editor = cellEl.querySelector(FOCUSABLE_EDITOR_SELECTOR) as HTMLElement | null;\n      editor?.focus({ preventScroll: true });\n    }\n  }\n\n  /**\n   * Apply value changes for a single or compound action.\n   * Wraps `#applyValue` calls with `#suppressRecording` to prevent feedback loops.\n   */\n  #applyUndoRedoAction(action: UndoRedoAction, direction: 'undo' | 'redo'): void {\n    this.#suppressRecording = true;\n    if (action.type === 'compound') {\n      const subActions = direction === 'undo' ? [...action.actions].reverse() : action.actions;\n      for (const sub of subActions) {\n        this.#applyValue(sub, direction === 'undo' ? sub.oldValue : sub.newValue);\n      }\n    } else {\n      this.#applyValue(action, direction === 'undo' ? action.oldValue : action.newValue);\n    }\n    this.#suppressRecording = false;\n  }\n\n  /**\n   * Focus the cell associated with an undo/redo action.\n   * For compound actions, focuses the **last** action's cell. When consumers\n   * use `beginTransaction()` + `recordEdit()` (cascaded fields) followed by\n   * `queueMicrotask(() => endTransaction())`, the grid's auto-recorded\n   * primary field edit is appended last. Focusing it ensures the cursor\n   * lands on the field the user originally edited, not on a cascaded field\n   * whose column may not even be visible.\n   */\n  #focusUndoRedoAction(action: UndoRedoAction): void {\n    const target = action.type === 'compound' ? action.actions[action.actions.length - 1] : action;\n    if (target) this.#focusActionCell(target);\n  }\n\n  /**\n   * Subscribe to cell-edit-committed events from EditingPlugin.\n   * @internal\n   */\n  override attach(grid: GridElement): void {\n    super.attach(grid);\n    // Auto-record edits via Event Bus\n    this.on(\n      'cell-edit-committed',\n      (detail: { rowIndex: number; field: string; oldValue: unknown; newValue: unknown }) => {\n        // Skip recording during undo/redo operations. When undo/redo applies a\n        // value via updateRow, two things can cause re-entry:\n        // 1. updateRow → cell-change → onValueChange → editor triggers commit\n        // 2. Browser native undo (if not fully suppressed) fires input event → commit\n        // The suppress flag prevents these from corrupting the history stacks.\n        if (this.#suppressRecording) return;\n        this.recordEdit(detail.rowIndex, detail.field, detail.oldValue, detail.newValue);\n      },\n    );\n  }\n\n  /**\n   * Clean up state when plugin is detached.\n   * @internal\n   */\n  override detach(): void {\n    this.undoStack = [];\n    this.redoStack = [];\n    this.#transactionBuffer = null;\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   * @internal\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      // Prevent browser native undo on text inputs — it would conflict\n      // with the grid's undo by mutating the input text independently,\n      // triggering re-commits that cancel the grid undo.\n      event.preventDefault();\n\n      const result = undo({ undoStack: this.undoStack, redoStack: this.redoStack });\n      if (result.action) {\n        this.#applyUndoRedoAction(result.action, 'undo');\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.#focusUndoRedoAction(result.action);\n        this.requestRenderWithFocus();\n      }\n      return true;\n    }\n\n    if (isRedo) {\n      // Prevent browser native redo — same reason as undo above\n      event.preventDefault();\n\n      const result = redo({ undoStack: this.undoStack, redoStack: this.redoStack });\n      if (result.action) {\n        this.#applyUndoRedoAction(result.action, 'redo');\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.#focusUndoRedoAction(result.action);\n        this.requestRenderWithFocus();\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\n    // Buffer during transactions instead of pushing to undo stack\n    if (this.#transactionBuffer) {\n      this.#transactionBuffer.push(action);\n      return;\n    }\n\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   * Begin grouping subsequent edits into a single compound action.\n   *\n   * While a transaction is active, all `recordEdit()` calls (both manual\n   * and auto-recorded from `cell-edit-committed`) are buffered instead of\n   * pushed to the undo stack. Call `endTransaction()` to finalize the group.\n   *\n   * **Typical usage** — group a user edit with its cascaded side-effects:\n   *\n   * ```ts\n   * grid.on('cell-commit', () => {\n   *   const undoRedo = grid.getPluginByName('undoRedo');\n   *   undoRedo.beginTransaction();\n   *\n   *   // Record cascaded updates (these won't auto-record)\n   *   const oldB = row.fieldB;\n   *   undoRedo.recordEdit(rowIndex, 'fieldB', oldB, computedB);\n   *   grid.updateRow(rowId, { fieldB: computedB });\n   *\n   *   // End after the auto-recorded original edit is captured\n   *   queueMicrotask(() => undoRedo.endTransaction());\n   * });\n   * ```\n   *\n   * @throws Error if a transaction is already in progress\n   */\n  beginTransaction(): void {\n    if (this.#transactionBuffer) {\n      throwDiagnostic(TRANSACTION_IN_PROGRESS, 'Transaction already in progress. Call endTransaction() first.');\n    }\n    this.#transactionBuffer = [];\n  }\n\n  /**\n   * Finalize the current transaction, wrapping all buffered edits into a\n   * single compound action on the undo stack.\n   *\n   * - If the buffer contains multiple edits, they are wrapped in a `CompoundEditAction`.\n   * - If the buffer contains a single edit, it is pushed as a regular `EditAction`.\n   * - If the buffer is empty, this is a no-op.\n   *\n   * Undoing a compound action reverts all edits in reverse order; redoing\n   * replays them in forward order.\n   *\n   * @throws Error if no transaction is in progress\n   */\n  endTransaction(): void {\n    const buffer = this.#transactionBuffer;\n    if (!buffer) {\n      throwDiagnostic(NO_TRANSACTION, 'No transaction in progress. Call beginTransaction() first.');\n    }\n    this.#transactionBuffer = null;\n\n    if (buffer.length === 0) return;\n\n    const action: UndoRedoAction = buffer.length === 1 ? buffer[0] : createCompoundAction(buffer);\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(): UndoRedoAction | null {\n    const result = undo({ undoStack: this.undoStack, redoStack: this.redoStack });\n    if (result.action) {\n      this.#applyUndoRedoAction(result.action, 'undo');\n      this.undoStack = result.newState.undoStack;\n      this.redoStack = result.newState.redoStack;\n      this.#focusUndoRedoAction(result.action);\n      this.requestRenderWithFocus();\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(): UndoRedoAction | null {\n    const result = redo({ undoStack: this.undoStack, redoStack: this.redoStack });\n    if (result.action) {\n      this.#applyUndoRedoAction(result.action, 'redo');\n      this.undoStack = result.newState.undoStack;\n      this.redoStack = result.newState.redoStack;\n      this.#focusUndoRedoAction(result.action);\n      this.requestRenderWithFocus();\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    this.#transactionBuffer = null;\n  }\n\n  /**\n   * Get a copy of the current undo stack.\n   */\n  getUndoStack(): UndoRedoAction[] {\n    return [...this.undoStack];\n  }\n\n  /**\n   * Get a copy of the current redo stack.\n   */\n  getRedoStack(): UndoRedoAction[] {\n    return [...this.redoStack];\n  }\n  // #endregion\n}\n"],"names":["pushAction","state","action","maxSize","undoStack","length","shift","redoStack","undo","newState","pop","redo","UndoRedoPlugin","BaseGridPlugin","static","name","required","reason","defaultConfig","maxHistorySize","suppressRecording","transactionBuffer","applyValue","value","row","this","rows","rowIndex","rowId","grid","getRowId","updateRow","field","focusActionCell","internalGrid","colIdx","_visibleColumns","findIndex","c","_focusRow","_focusCol","rowEl","findRenderedRowElement","cellEl","querySelector","classList","contains","editor","FOCUSABLE_EDITOR_SELECTOR","focus","preventScroll","applyUndoRedoAction","direction","type","subActions","actions","reverse","sub","oldValue","newValue","focusUndoRedoAction","target","attach","super","on","detail","recordEdit","detach","onKeyDown","event","isUndo","ctrlKey","metaKey","key","shiftKey","isRedo","preventDefault","result","emit","requestRenderWithFocus","timestamp","Date","now","createEditAction","push","config","beginTransaction","throwDiagnostic","TRANSACTION_IN_PROGRESS","endTransaction","buffer","NO_TRANSACTION","canUndo","canRedo","clearHistory","getUndoStack","getRedoStack"],"mappings":"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"}

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