@toolbox-web/grid-angular 1.3.1 → 1.4.1

package/fesm2022/toolbox-web-grid-angular-features-undo-redo.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"toolbox-web-grid-angular-features-undo-redo.mjs","sources":["../../../../libs/grid-angular/features/undo-redo/src/index.ts","../../../../libs/grid-angular/features/undo-redo/src/toolbox-web-grid-angular-features-undo-redo.ts"],"sourcesContent":["/**\n * Undo/Redo feature for @toolbox-web/grid-angular\n *\n * Import this module to enable the `undoRedo` input on Grid directive.\n * Also exports `injectGridUndoRedo()` for programmatic undo/redo control.\n * Requires editing feature to be enabled.\n *\n * @example\n * ```typescript\n * import '@toolbox-web/grid-angular/features/editing';\n * import '@toolbox-web/grid-angular/features/undo-redo';\n *\n * <tbw-grid [editing]=\"'dblclick'\" [undoRedo]=\"true\" />\n * ```\n *\n * @example Using injectGridUndoRedo\n * ```typescript\n * import { injectGridUndoRedo } from '@toolbox-web/grid-angular/features/undo-redo';\n *\n * @Component({...})\n * export class MyComponent {\n *   private undoRedo = injectGridUndoRedo();\n *\n *   undo() { this.undoRedo.undo(); }\n *   redo() { this.undoRedo.redo(); }\n * }\n * ```\n *\n * @packageDocumentation\n */\n\nimport { afterNextRender, DestroyRef, ElementRef, inject, signal, type Signal } from '@angular/core';\nimport type { DataGridElement } from '@toolbox-web/grid';\nimport '@toolbox-web/grid/features/undo-redo';\nimport { UndoRedoPlugin, type UndoRedoAction } from '@toolbox-web/grid/plugins/undo-redo';\nexport type { _Augmentation as _UndoRedoAugmentation } from '@toolbox-web/grid/features/undo-redo';\n\n/**\n * Undo/Redo methods returned from injectGridUndoRedo.\n *\n * Uses lazy discovery - the grid is found on first method call, not during initialization.\n */\nexport interface UndoRedoMethods {\n  /**\n   * Undo the last edit action.\n   * @returns The undone action (or compound action), or null if nothing to undo\n   */\n  undo: () => UndoRedoAction | null;\n\n  /**\n   * Redo the last undone action.\n   * @returns The redone action (or compound action), or null if nothing to redo\n   */\n  redo: () => UndoRedoAction | null;\n\n  /**\n   * Reactive signal indicating whether undo is available.\n   * Updates automatically when edits are made, undone, redone, or history is cleared.\n   *\n   * @example\n   * ```typescript\n   * // In template:\n   * // <button [disabled]=\"!undoRedo.canUndo()\">Undo</button>\n   *\n   * // In computed:\n   * readonly undoAvailable = computed(() => this.undoRedo.canUndo());\n   * ```\n   */\n  canUndo: Signal<boolean>;\n\n  /**\n   * Reactive signal indicating whether redo is available.\n   * Updates automatically when edits are made, undone, redone, or history is cleared.\n   *\n   * @example\n   * ```typescript\n   * // In template:\n   * // <button [disabled]=\"!undoRedo.canRedo()\">Redo</button>\n   *\n   * // In computed:\n   * readonly redoAvailable = computed(() => this.undoRedo.canRedo());\n   * ```\n   */\n  canRedo: Signal<boolean>;\n\n  /**\n   * Clear all undo/redo history.\n   */\n  clearHistory: () => void;\n\n  /**\n   * Get a copy of the current undo stack.\n   */\n  getUndoStack: () => UndoRedoAction[];\n\n  /**\n   * Get a copy of the current redo stack.\n   */\n  getRedoStack: () => UndoRedoAction[];\n\n  /**\n   * Manually record an edit action.\n   * If a transaction is active, the action is buffered; otherwise it's pushed to the undo stack.\n   */\n  recordEdit: (rowIndex: number, field: string, oldValue: unknown, newValue: unknown) => void;\n\n  /**\n   * Begin a transaction. All edits recorded until `endTransaction()` are grouped\n   * into a single compound action for undo/redo.\n   * @throws If a transaction is already active\n   */\n  beginTransaction: () => void;\n\n  /**\n   * End the active transaction and push the compound action to the undo stack.\n   * If only one edit was recorded, it's pushed as a plain EditAction.\n   * If no edits were recorded, the transaction is discarded.\n   * @throws If no transaction is active\n   */\n  endTransaction: () => void;\n\n  /**\n   * Signal indicating if grid is ready.\n   */\n  isReady: Signal<boolean>;\n}\n\n/**\n * Angular inject function for programmatic undo/redo control.\n *\n * Uses **lazy grid discovery** - the grid element is found when methods are called,\n * not during initialization.\n *\n * @example\n * ```typescript\n * import { Component } from '@angular/core';\n * import { Grid } from '@toolbox-web/grid-angular';\n * import '@toolbox-web/grid-angular/features/editing';\n * import '@toolbox-web/grid-angular/features/undo-redo';\n * import { injectGridUndoRedo } from '@toolbox-web/grid-angular/features/undo-redo';\n *\n * @Component({\n *   selector: 'app-my-grid',\n *   imports: [Grid],\n *   template: `\n *     <button (click)=\"undoRedo.undo()\" [disabled]=\"!undoRedo.canUndo()\">Undo</button>\n *     <button (click)=\"undoRedo.redo()\" [disabled]=\"!undoRedo.canRedo()\">Redo</button>\n *     <tbw-grid [rows]=\"rows\" [editing]=\"'dblclick'\" [undoRedo]=\"true\"></tbw-grid>\n *   `\n * })\n * export class MyGridComponent {\n *   undoRedo = injectGridUndoRedo();\n * }\n * ```\n *\n * @param selector - Optional CSS selector to target a specific grid element.\n *   Defaults to `'tbw-grid'` (first grid in the component). Use when the\n *   component contains multiple grids, e.g. `'tbw-grid.primary'` or `'#my-grid'`.\n */\nexport function injectGridUndoRedo(selector = 'tbw-grid'): UndoRedoMethods {\n  const elementRef = inject(ElementRef);\n  const destroyRef = inject(DestroyRef);\n  const isReady = signal(false);\n\n  // Reactive undo/redo availability signals\n  const canUndoSignal = signal(false);\n  const canRedoSignal = signal(false);\n\n  let cachedGrid: DataGridElement | null = null;\n  let readyPromiseStarted = false;\n  let listenerAttached = false;\n\n  /**\n   * Sync canUndo/canRedo signals with the current plugin state.\n   */\n  const syncSignals = (): void => {\n    const plugin = getPlugin();\n    if (plugin) {\n      canUndoSignal.set(plugin.canUndo());\n      canRedoSignal.set(plugin.canRedo());\n    }\n  };\n\n  /**\n   * Attach event listeners to the grid for undo/redo state changes.\n   * Listens for `undo`, `redo`, and `cell-commit` DOM events.\n   */\n  const attachListeners = (grid: DataGridElement): void => {\n    if (listenerAttached) return;\n    listenerAttached = true;\n\n    const unsubs = [grid.on('undo', syncSignals), grid.on('redo', syncSignals), grid.on('cell-commit', syncSignals)];\n\n    destroyRef.onDestroy(() => {\n      unsubs.forEach((fn) => fn());\n    });\n  };\n\n  const getGrid = (): DataGridElement | null => {\n    if (cachedGrid) return cachedGrid;\n\n    const grid = elementRef.nativeElement.querySelector(selector) as DataGridElement | null;\n    if (grid) {\n      cachedGrid = grid;\n      attachListeners(grid);\n      if (!readyPromiseStarted) {\n        readyPromiseStarted = true;\n        grid.ready?.().then(() => {\n          if (grid.getPluginByName('undoRedo')) {\n            isReady.set(true);\n          } else {\n            setTimeout(() => isReady.set(true), 0);\n          }\n        });\n      }\n    }\n    return grid;\n  };\n\n  const getPlugin = (): UndoRedoPlugin | undefined => {\n    return getGrid()?.getPluginByName('undoRedo') as UndoRedoPlugin | undefined;\n  };\n\n  // Eagerly discover the grid after the first render so event listeners\n  // are attached and isReady updates without requiring a programmatic\n  // method call. Falls back to MutationObserver for lazy-rendered content.\n  afterNextRender(() => {\n    const grid = getGrid();\n    if (grid) {\n      grid.ready?.().then(() => {\n        if (grid.getPluginByName('undoRedo')) {\n          syncSignals();\n        } else {\n          setTimeout(syncSignals, 0);\n        }\n      });\n      return;\n    }\n\n    const host = elementRef.nativeElement as HTMLElement;\n    const observer = new MutationObserver(() => {\n      const discovered = getGrid();\n      if (discovered) {\n        observer.disconnect();\n        discovered.ready?.().then(() => {\n          if (discovered.getPluginByName('undoRedo')) {\n            syncSignals();\n          } else {\n            setTimeout(syncSignals, 0);\n          }\n        });\n      }\n    });\n    observer.observe(host, { childList: true, subtree: true });\n\n    destroyRef.onDestroy(() => observer.disconnect());\n  });\n\n  return {\n    isReady: isReady.asReadonly(),\n    canUndo: canUndoSignal.asReadonly(),\n    canRedo: canRedoSignal.asReadonly(),\n\n    undo: () => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:undoRedo] UndoRedoPlugin not found.\\n\\n` +\n            `  → Enable undo/redo on the grid:\\n` +\n            `    <tbw-grid [editing]=\"'dblclick'\" [undoRedo]=\"true\" />`,\n        );\n        return null;\n      }\n      const result = plugin.undo();\n      syncSignals();\n      return result;\n    },\n\n    redo: () => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:undoRedo] UndoRedoPlugin not found.\\n\\n` +\n            `  → Enable undo/redo on the grid:\\n` +\n            `    <tbw-grid [editing]=\"'dblclick'\" [undoRedo]=\"true\" />`,\n        );\n        return null;\n      }\n      const result = plugin.redo();\n      syncSignals();\n      return result;\n    },\n\n    clearHistory: () => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:undoRedo] UndoRedoPlugin not found.\\n\\n` +\n            `  → Enable undo/redo on the grid:\\n` +\n            `    <tbw-grid [editing]=\"'dblclick'\" [undoRedo]=\"true\" />`,\n        );\n        return;\n      }\n      plugin.clearHistory();\n      syncSignals();\n    },\n\n    getUndoStack: () => getPlugin()?.getUndoStack() ?? [],\n\n    getRedoStack: () => getPlugin()?.getRedoStack() ?? [],\n\n    recordEdit: (rowIndex: number, field: string, oldValue: unknown, newValue: unknown) => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:undoRedo] UndoRedoPlugin not found.\\n\\n` +\n            `  → Enable undo/redo on the grid:\\n` +\n            `    <tbw-grid [editing]=\"'dblclick'\" [undoRedo]=\"true\" />`,\n        );\n        return;\n      }\n      plugin.recordEdit(rowIndex, field, oldValue, newValue);\n      syncSignals();\n    },\n\n    beginTransaction: () => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:undoRedo] UndoRedoPlugin not found.\\n\\n` +\n            `  → Enable undo/redo on the grid:\\n` +\n            `    <tbw-grid [editing]=\"'dblclick'\" [undoRedo]=\"true\" />`,\n        );\n        return;\n      }\n      plugin.beginTransaction();\n    },\n\n    endTransaction: () => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:undoRedo] UndoRedoPlugin not found.\\n\\n` +\n            `  → Enable undo/redo on the grid:\\n` +\n            `    <tbw-grid [editing]=\"'dblclick'\" [undoRedo]=\"true\" />`,\n        );\n        return;\n      }\n      plugin.endTransaction();\n      syncSignals();\n    },\n  };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"toolbox-web-grid-angular-features-undo-redo.mjs","sources":["../../../../libs/grid-angular/features/undo-redo/src/grid-undo-redo.directive.ts","../../../../libs/grid-angular/features/undo-redo/src/index.ts","../../../../libs/grid-angular/features/undo-redo/src/toolbox-web-grid-angular-features-undo-redo.ts"],"sourcesContent":["/**\n * `GridUndoRedoDirective` — owns `[undoRedo]`, `(undo)` and `(redo)` on\n * `<tbw-grid>`. See `GridFilteringDirective` for the full rationale.\n *\n * @category Directive\n */\nimport { Directive, ElementRef, inject, input, OnDestroy, OnInit, output } from '@angular/core';\nimport type { DataGridElement } from '@toolbox-web/grid';\nimport { claimEvent, registerFeatureClaim, unclaimEvent, unregisterFeatureClaim } from '@toolbox-web/grid-angular';\nimport type { UndoRedoConfig, UndoRedoDetail } from '@toolbox-web/grid/plugins/undo-redo';\n\n/**\n * Owns the binding(s) `[undoRedo], [undo], [redo]` on `<tbw-grid>` for the matching feature plugin. See {@link GridFilteringDirective} for the full rationale.\n *\n * @category Directive\n */\n@Directive({\n  selector: 'tbw-grid[undoRedo], tbw-grid[undo], tbw-grid[redo]',\n  standalone: true,\n})\nexport class GridUndoRedoDirective implements OnInit, OnDestroy {\n  private readonly elementRef = inject(ElementRef<DataGridElement>);\n\n  readonly undoRedo = input<boolean | UndoRedoConfig>();\n  readonly undo = output<UndoRedoDetail>();\n  readonly redo = output<UndoRedoDetail>();\n\n  private readonly listeners = new Map<string, (e: Event) => void>();\n\n  constructor() {\n    const grid = this.elementRef.nativeElement;\n    registerFeatureClaim(grid, 'undoRedo', () => this.undoRedo());\n    claimEvent(grid, 'undo');\n    claimEvent(grid, 'redo');\n  }\n\n  ngOnInit(): void {\n    const grid = this.elementRef.nativeElement;\n    const wire = (name: string, out: { emit: (v: UndoRedoDetail) => void }): void => {\n      const l = (e: Event): void => out.emit((e as CustomEvent<UndoRedoDetail>).detail);\n      grid.addEventListener(name, l);\n      this.listeners.set(name, l);\n    };\n    wire('undo', this.undo);\n    wire('redo', this.redo);\n  }\n\n  ngOnDestroy(): void {\n    const grid = this.elementRef.nativeElement;\n    for (const [name, l] of this.listeners) grid.removeEventListener(name, l);\n    this.listeners.clear();\n    unregisterFeatureClaim(grid, 'undoRedo');\n    unclaimEvent(grid, 'undo');\n    unclaimEvent(grid, 'redo');\n  }\n}\n","/**\n * Undo/Redo feature for @toolbox-web/grid-angular\n *\n * Import this module to enable the `undoRedo` input on Grid directive.\n * Also exports `injectGridUndoRedo()` for programmatic undo/redo control.\n * Requires editing feature to be enabled.\n *\n * @example\n * ```typescript\n * import '@toolbox-web/grid-angular/features/editing';\n * import '@toolbox-web/grid-angular/features/undo-redo';\n *\n * <tbw-grid [editing]=\"'dblclick'\" [undoRedo]=\"true\" />\n * ```\n *\n * @example Using injectGridUndoRedo\n * ```typescript\n * import { injectGridUndoRedo } from '@toolbox-web/grid-angular/features/undo-redo';\n *\n * @Component({...})\n * export class MyComponent {\n *   private undoRedo = injectGridUndoRedo();\n *\n *   undo() { this.undoRedo.undo(); }\n *   redo() { this.undoRedo.redo(); }\n * }\n * ```\n *\n * @packageDocumentation\n */\n\nimport { afterNextRender, DestroyRef, ElementRef, inject, signal, type Signal } from '@angular/core';\nimport type { DataGridElement } from '@toolbox-web/grid';\nimport '@toolbox-web/grid/features/undo-redo';\nimport { UndoRedoPlugin, type UndoRedoAction } from '@toolbox-web/grid/plugins/undo-redo';\nexport { GridUndoRedoDirective } from './grid-undo-redo.directive';\nexport type { _Augmentation as _UndoRedoAugmentation } from '@toolbox-web/grid/features/undo-redo';\n\n/**\n * Undo/Redo methods returned from injectGridUndoRedo.\n *\n * Uses lazy discovery - the grid is found on first method call, not during initialization.\n */\nexport interface UndoRedoMethods {\n  /**\n   * Undo the last edit action.\n   * @returns The undone action (or compound action), or null if nothing to undo\n   */\n  undo: () => UndoRedoAction | null;\n\n  /**\n   * Redo the last undone action.\n   * @returns The redone action (or compound action), or null if nothing to redo\n   */\n  redo: () => UndoRedoAction | null;\n\n  /**\n   * Reactive signal indicating whether undo is available.\n   * Updates automatically when edits are made, undone, redone, or history is cleared.\n   *\n   * @example\n   * ```typescript\n   * // In template:\n   * // <button [disabled]=\"!undoRedo.canUndo()\">Undo</button>\n   *\n   * // In computed:\n   * readonly undoAvailable = computed(() => this.undoRedo.canUndo());\n   * ```\n   */\n  canUndo: Signal<boolean>;\n\n  /**\n   * Reactive signal indicating whether redo is available.\n   * Updates automatically when edits are made, undone, redone, or history is cleared.\n   *\n   * @example\n   * ```typescript\n   * // In template:\n   * // <button [disabled]=\"!undoRedo.canRedo()\">Redo</button>\n   *\n   * // In computed:\n   * readonly redoAvailable = computed(() => this.undoRedo.canRedo());\n   * ```\n   */\n  canRedo: Signal<boolean>;\n\n  /**\n   * Clear all undo/redo history.\n   */\n  clearHistory: () => void;\n\n  /**\n   * Get a copy of the current undo stack.\n   */\n  getUndoStack: () => UndoRedoAction[];\n\n  /**\n   * Get a copy of the current redo stack.\n   */\n  getRedoStack: () => UndoRedoAction[];\n\n  /**\n   * Manually record an edit action.\n   * If a transaction is active, the action is buffered; otherwise it's pushed to the undo stack.\n   */\n  recordEdit: (rowIndex: number, field: string, oldValue: unknown, newValue: unknown) => void;\n\n  /**\n   * Begin a transaction. All edits recorded until `endTransaction()` are grouped\n   * into a single compound action for undo/redo.\n   * @throws If a transaction is already active\n   */\n  beginTransaction: () => void;\n\n  /**\n   * End the active transaction and push the compound action to the undo stack.\n   * If only one edit was recorded, it's pushed as a plain EditAction.\n   * If no edits were recorded, the transaction is discarded.\n   * @throws If no transaction is active\n   */\n  endTransaction: () => void;\n\n  /**\n   * Signal indicating if grid is ready.\n   */\n  isReady: Signal<boolean>;\n}\n\n/**\n * Angular inject function for programmatic undo/redo control.\n *\n * Uses **lazy grid discovery** - the grid element is found when methods are called,\n * not during initialization.\n *\n * @example\n * ```typescript\n * import { Component } from '@angular/core';\n * import { Grid } from '@toolbox-web/grid-angular';\n * import '@toolbox-web/grid-angular/features/editing';\n * import '@toolbox-web/grid-angular/features/undo-redo';\n * import { injectGridUndoRedo } from '@toolbox-web/grid-angular/features/undo-redo';\n *\n * @Component({\n *   selector: 'app-my-grid',\n *   imports: [Grid],\n *   template: `\n *     <button (click)=\"undoRedo.undo()\" [disabled]=\"!undoRedo.canUndo()\">Undo</button>\n *     <button (click)=\"undoRedo.redo()\" [disabled]=\"!undoRedo.canRedo()\">Redo</button>\n *     <tbw-grid [rows]=\"rows\" [editing]=\"'dblclick'\" [undoRedo]=\"true\"></tbw-grid>\n *   `\n * })\n * export class MyGridComponent {\n *   undoRedo = injectGridUndoRedo();\n * }\n * ```\n *\n * @param selector - Optional CSS selector to target a specific grid element.\n *   Defaults to `'tbw-grid'` (first grid in the component). Use when the\n *   component contains multiple grids, e.g. `'tbw-grid.primary'` or `'#my-grid'`.\n */\nexport function injectGridUndoRedo(selector = 'tbw-grid'): UndoRedoMethods {\n  const elementRef = inject(ElementRef);\n  const destroyRef = inject(DestroyRef);\n  const isReady = signal(false);\n\n  // Reactive undo/redo availability signals\n  const canUndoSignal = signal(false);\n  const canRedoSignal = signal(false);\n\n  let cachedGrid: DataGridElement | null = null;\n  let readyPromiseStarted = false;\n  let listenerAttached = false;\n\n  /**\n   * Sync canUndo/canRedo signals with the current plugin state.\n   */\n  const syncSignals = (): void => {\n    const plugin = getPlugin();\n    if (plugin) {\n      canUndoSignal.set(plugin.canUndo());\n      canRedoSignal.set(plugin.canRedo());\n    }\n  };\n\n  /**\n   * Attach event listeners to the grid for undo/redo state changes.\n   * Listens for `undo`, `redo`, and `cell-commit` DOM events.\n   */\n  const attachListeners = (grid: DataGridElement): void => {\n    if (listenerAttached) return;\n    listenerAttached = true;\n\n    const unsubs = [grid.on('undo', syncSignals), grid.on('redo', syncSignals), grid.on('cell-commit', syncSignals)];\n\n    destroyRef.onDestroy(() => {\n      unsubs.forEach((fn) => fn());\n    });\n  };\n\n  const getGrid = (): DataGridElement | null => {\n    if (cachedGrid) return cachedGrid;\n\n    const grid = elementRef.nativeElement.querySelector(selector) as DataGridElement | null;\n    if (grid) {\n      cachedGrid = grid;\n      attachListeners(grid);\n      if (!readyPromiseStarted) {\n        readyPromiseStarted = true;\n        grid.ready?.().then(() => {\n          if (grid.getPluginByName('undoRedo')) {\n            isReady.set(true);\n          } else {\n            setTimeout(() => isReady.set(true), 0);\n          }\n        });\n      }\n    }\n    return grid;\n  };\n\n  const getPlugin = (): UndoRedoPlugin | undefined => {\n    return getGrid()?.getPluginByName('undoRedo') as UndoRedoPlugin | undefined;\n  };\n\n  // Eagerly discover the grid after the first render so event listeners\n  // are attached and isReady updates without requiring a programmatic\n  // method call. Falls back to MutationObserver for lazy-rendered content.\n  afterNextRender(() => {\n    const grid = getGrid();\n    if (grid) {\n      grid.ready?.().then(() => {\n        if (grid.getPluginByName('undoRedo')) {\n          syncSignals();\n        } else {\n          setTimeout(syncSignals, 0);\n        }\n      });\n      return;\n    }\n\n    const host = elementRef.nativeElement as HTMLElement;\n    const observer = new MutationObserver(() => {\n      const discovered = getGrid();\n      if (discovered) {\n        observer.disconnect();\n        discovered.ready?.().then(() => {\n          if (discovered.getPluginByName('undoRedo')) {\n            syncSignals();\n          } else {\n            setTimeout(syncSignals, 0);\n          }\n        });\n      }\n    });\n    observer.observe(host, { childList: true, subtree: true });\n\n    destroyRef.onDestroy(() => observer.disconnect());\n  });\n\n  return {\n    isReady: isReady.asReadonly(),\n    canUndo: canUndoSignal.asReadonly(),\n    canRedo: canRedoSignal.asReadonly(),\n\n    undo: () => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:undoRedo] UndoRedoPlugin not found.\\n\\n` +\n            `  → Enable undo/redo on the grid:\\n` +\n            `    <tbw-grid [editing]=\"'dblclick'\" [undoRedo]=\"true\" />`,\n        );\n        return null;\n      }\n      const result = plugin.undo();\n      syncSignals();\n      return result;\n    },\n\n    redo: () => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:undoRedo] UndoRedoPlugin not found.\\n\\n` +\n            `  → Enable undo/redo on the grid:\\n` +\n            `    <tbw-grid [editing]=\"'dblclick'\" [undoRedo]=\"true\" />`,\n        );\n        return null;\n      }\n      const result = plugin.redo();\n      syncSignals();\n      return result;\n    },\n\n    clearHistory: () => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:undoRedo] UndoRedoPlugin not found.\\n\\n` +\n            `  → Enable undo/redo on the grid:\\n` +\n            `    <tbw-grid [editing]=\"'dblclick'\" [undoRedo]=\"true\" />`,\n        );\n        return;\n      }\n      plugin.clearHistory();\n      syncSignals();\n    },\n\n    getUndoStack: () => getPlugin()?.getUndoStack() ?? [],\n\n    getRedoStack: () => getPlugin()?.getRedoStack() ?? [],\n\n    recordEdit: (rowIndex: number, field: string, oldValue: unknown, newValue: unknown) => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:undoRedo] UndoRedoPlugin not found.\\n\\n` +\n            `  → Enable undo/redo on the grid:\\n` +\n            `    <tbw-grid [editing]=\"'dblclick'\" [undoRedo]=\"true\" />`,\n        );\n        return;\n      }\n      plugin.recordEdit(rowIndex, field, oldValue, newValue);\n      syncSignals();\n    },\n\n    beginTransaction: () => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:undoRedo] UndoRedoPlugin not found.\\n\\n` +\n            `  → Enable undo/redo on the grid:\\n` +\n            `    <tbw-grid [editing]=\"'dblclick'\" [undoRedo]=\"true\" />`,\n        );\n        return;\n      }\n      plugin.beginTransaction();\n    },\n\n    endTransaction: () => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:undoRedo] UndoRedoPlugin not found.\\n\\n` +\n            `  → Enable undo/redo on the grid:\\n` +\n            `    <tbw-grid [editing]=\"'dblclick'\" [undoRedo]=\"true\" />`,\n        );\n        return;\n      }\n      plugin.endTransaction();\n      syncSignals();\n    },\n  };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/toolbox-web-grid-angular-features-visibility.mjs

@@ -1,4 +1,55 @@
 import '@toolbox-web/grid/features/visibility';
+import * as i0 from '@angular/core';
+import { inject, ElementRef, input, output, Directive } from '@angular/core';
+import { registerFeatureClaim, claimEvent, unregisterFeatureClaim, unclaimEvent } from '@toolbox-web/grid-angular';
+
+/**
+ * `GridVisibilityDirective` — owns `[visibility]` and `(columnVisibility)`
+ * on `<tbw-grid>`. The `(columnStateChange)` output stays on `Grid`
+ * because it covers a broader set of column-state mutations beyond just
+ * visibility toggles. See `GridFilteringDirective` for the full rationale.
+ *
+ * @category Directive
+ */
+/**
+ * Owns the binding(s) `[visibility], [columnVisibility]` on `<tbw-grid>` for the matching feature plugin. See {@link GridFilteringDirective} for the full rationale.
+ *
+ * @category Directive
+ */
+class GridVisibilityDirective {
+    elementRef = inject((ElementRef));
+    visibility = input(...(ngDevMode ? [undefined, { debugName: "visibility" }] : /* istanbul ignore next */ []));
+    columnVisibility = output();
+    listener;
+    constructor() {
+        const grid = this.elementRef.nativeElement;
+        registerFeatureClaim(grid, 'visibility', () => this.visibility());
+        claimEvent(grid, 'column-visibility');
+    }
+    ngOnInit() {
+        const grid = this.elementRef.nativeElement;
+        this.listener = (e) => this.columnVisibility.emit(e.detail);
+        grid.addEventListener('column-visibility', this.listener);
+    }
+    ngOnDestroy() {
+        const grid = this.elementRef.nativeElement;
+        if (this.listener) {
+            grid.removeEventListener('column-visibility', this.listener);
+            this.listener = undefined;
+        }
+        unregisterFeatureClaim(grid, 'visibility');
+        unclaimEvent(grid, 'column-visibility');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: GridVisibilityDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: GridVisibilityDirective, isStandalone: true, selector: "tbw-grid[visibility], tbw-grid[columnVisibility]", inputs: { visibility: { classPropertyName: "visibility", publicName: "visibility", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { columnVisibility: "columnVisibility" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: GridVisibilityDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'tbw-grid[visibility], tbw-grid[columnVisibility]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [], propDecorators: { visibility: [{ type: i0.Input, args: [{ isSignal: true, alias: "visibility", required: false }] }], columnVisibility: [{ type: i0.Output, args: ["columnVisibility"] }] } });
 
 /**
  * Column visibility feature for @toolbox-web/grid-angular
@@ -18,4 +69,6 @@ import '@toolbox-web/grid/features/visibility';
 /**
  * Generated bundle index. Do not edit.
  */
+
+export { GridVisibilityDirective };
 //# sourceMappingURL=toolbox-web-grid-angular-features-visibility.mjs.map

package/fesm2022/toolbox-web-grid-angular-features-visibility.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"toolbox-web-grid-angular-features-visibility.mjs","sources":["../../../../libs/grid-angular/features/visibility/src/index.ts","../../../../libs/grid-angular/features/visibility/src/toolbox-web-grid-angular-features-visibility.ts"],"sourcesContent":["/**\n * Column visibility feature for @toolbox-web/grid-angular\n *\n * Import this module to enable the `visibility` input on Grid directive.\n *\n * @example\n * ```typescript\n * import '@toolbox-web/grid-angular/features/visibility';\n *\n * <tbw-grid [visibility]=\"true\" />\n * ```\n *\n * @packageDocumentation\n */\n\nimport '@toolbox-web/grid/features/visibility';\nexport type { _Augmentation as _VisibilityAugmentation } from '@toolbox-web/grid/features/visibility';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;AAaG;;ACbH;;AAEG"}
+{"version":3,"file":"toolbox-web-grid-angular-features-visibility.mjs","sources":["../../../../libs/grid-angular/features/visibility/src/grid-visibility.directive.ts","../../../../libs/grid-angular/features/visibility/src/index.ts","../../../../libs/grid-angular/features/visibility/src/toolbox-web-grid-angular-features-visibility.ts"],"sourcesContent":["/**\n * `GridVisibilityDirective` — owns `[visibility]` and `(columnVisibility)`\n * on `<tbw-grid>`. The `(columnStateChange)` output stays on `Grid`\n * because it covers a broader set of column-state mutations beyond just\n * visibility toggles. See `GridFilteringDirective` for the full rationale.\n *\n * @category Directive\n */\nimport { Directive, ElementRef, inject, input, OnDestroy, OnInit, output } from '@angular/core';\nimport type { DataGridElement } from '@toolbox-web/grid';\nimport { claimEvent, registerFeatureClaim, unclaimEvent, unregisterFeatureClaim } from '@toolbox-web/grid-angular';\nimport type { ColumnVisibilityDetail, VisibilityConfig } from '@toolbox-web/grid/plugins/visibility';\n\n/**\n * Owns the binding(s) `[visibility], [columnVisibility]` on `<tbw-grid>` for the matching feature plugin. See {@link GridFilteringDirective} for the full rationale.\n *\n * @category Directive\n */\n@Directive({\n  selector: 'tbw-grid[visibility], tbw-grid[columnVisibility]',\n  standalone: true,\n})\nexport class GridVisibilityDirective implements OnInit, OnDestroy {\n  private readonly elementRef = inject(ElementRef<DataGridElement>);\n\n  readonly visibility = input<boolean | VisibilityConfig>();\n  readonly columnVisibility = output<ColumnVisibilityDetail>();\n\n  private listener?: (e: Event) => void;\n\n  constructor() {\n    const grid = this.elementRef.nativeElement;\n    registerFeatureClaim(grid, 'visibility', () => this.visibility());\n    claimEvent(grid, 'column-visibility');\n  }\n\n  ngOnInit(): void {\n    const grid = this.elementRef.nativeElement;\n    this.listener = (e: Event): void => this.columnVisibility.emit((e as CustomEvent<ColumnVisibilityDetail>).detail);\n    grid.addEventListener('column-visibility', this.listener);\n  }\n\n  ngOnDestroy(): void {\n    const grid = this.elementRef.nativeElement;\n    if (this.listener) {\n      grid.removeEventListener('column-visibility', this.listener);\n      this.listener = undefined;\n    }\n    unregisterFeatureClaim(grid, 'visibility');\n    unclaimEvent(grid, 'column-visibility');\n  }\n}\n","/**\n * Column visibility feature for @toolbox-web/grid-angular\n *\n * Import this module to enable the `visibility` input on Grid directive.\n *\n * @example\n * ```typescript\n * import '@toolbox-web/grid-angular/features/visibility';\n *\n * <tbw-grid [visibility]=\"true\" />\n * ```\n *\n * @packageDocumentation\n */\n\nimport '@toolbox-web/grid/features/visibility';\nexport { GridVisibilityDirective } from './grid-visibility.directive';\nexport type { _Augmentation as _VisibilityAugmentation } from '@toolbox-web/grid/features/visibility';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAAA;;;;;;;AAOG;AAMH;;;;AAIG;MAKU,uBAAuB,CAAA;AACjB,IAAA,UAAU,GAAG,MAAM,EAAC,UAA2B,EAAC;IAExD,UAAU,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAA8B;IAChD,gBAAgB,GAAG,MAAM,EAA0B;AAEpD,IAAA,QAAQ;AAEhB,IAAA,WAAA,GAAA;AACE,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa;AAC1C,QAAA,oBAAoB,CAAC,IAAI,EAAE,YAAY,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;AACjE,QAAA,UAAU,CAAC,IAAI,EAAE,mBAAmB,CAAC;IACvC;IAEA,QAAQ,GAAA;AACN,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa;AAC1C,QAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAQ,KAAW,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAE,CAAyC,CAAC,MAAM,CAAC;QACjH,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,IAAI,CAAC,QAAQ,CAAC;IAC3D;IAEA,WAAW,GAAA;AACT,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa;AAC1C,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,mBAAmB,CAAC,mBAAmB,EAAE,IAAI,CAAC,QAAQ,CAAC;AAC5D,YAAA,IAAI,CAAC,QAAQ,GAAG,SAAS;QAC3B;AACA,QAAA,sBAAsB,CAAC,IAAI,EAAE,YAAY,CAAC;AAC1C,QAAA,YAAY,CAAC,IAAI,EAAE,mBAAmB,CAAC;IACzC;uGA5BW,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kDAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAJnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kDAAkD;AAC5D,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;;ACrBD;;;;;;;;;;;;;AAaG;;ACbH;;AAEG;;;;"}