@toolbox-web/grid-angular 0.18.0 → 0.18.2

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

@@ -89,8 +89,7 @@ function injectGridSelection() {
      * Handle selection-change events from the grid.
      * Updates both reactive signals.
      */
-    const onSelectionChange = (e) => {
-        const detail = e.detail;
+    const onSelectionChange = (detail) => {
         const plugin = getPlugin();
         if (plugin) {
             selectionSignal.set(plugin.getSelection());
@@ -106,9 +105,9 @@ function injectGridSelection() {
         if (listenerAttached)
             return;
         listenerAttached = true;
-        grid.addEventListener('selection-change', onSelectionChange);
+        const unsub = grid.on('selection-change', onSelectionChange);
         destroyRef.onDestroy(() => {
-            grid.removeEventListener('selection-change', onSelectionChange);
+            unsub();
         });
     };
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"toolbox-web-grid-angular-features-selection.mjs","sources":["../../../../libs/grid-angular/features/selection/src/index.ts","../../../../libs/grid-angular/features/selection/src/toolbox-web-grid-angular-features-selection.ts"],"sourcesContent":["/**\n * Selection feature for @toolbox-web/grid-angular\n *\n * Import this module to enable the `selection` input on Grid directive.\n * Also exports `injectGridSelection()` for programmatic selection control.\n *\n * @example\n * ```typescript\n * import '@toolbox-web/grid-angular/features/selection';\n *\n * <tbw-grid [selection]=\"'range'\" />\n * ```\n *\n * @example Using injectGridSelection\n * ```typescript\n * import { injectGridSelection } from '@toolbox-web/grid-angular/features/selection';\n *\n * @Component({...})\n * export class MyComponent {\n *   private selection = injectGridSelection<Employee>();\n *\n *   selectAll() {\n *     this.selection.selectAll();\n *   }\n *\n *   getSelected() {\n *     return this.selection.getSelection();\n *   }\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/selection';\nimport {\n  SelectionPlugin,\n  type CellRange,\n  type SelectionChangeDetail,\n  type SelectionResult,\n} from '@toolbox-web/grid/plugins/selection';\n\n/**\n * Selection methods returned from injectGridSelection.\n *\n * Uses lazy discovery - the grid is found on first method call, not during initialization.\n * This ensures it works with lazy-rendered tabs, conditional rendering, etc.\n */\nexport interface SelectionMethods<TRow = unknown> {\n  /**\n   * Select all rows (row mode) or all cells (range mode).\n   */\n  selectAll: () => void;\n\n  /**\n   * Clear all selection.\n   */\n  clearSelection: () => void;\n\n  /**\n   * Get the current selection state (imperative, point-in-time snapshot).\n   * For reactive selection state, use the `selection` signal instead.\n   */\n  getSelection: () => SelectionResult | null;\n\n  /**\n   * Check if a specific cell is selected.\n   */\n  isCellSelected: (row: number, col: number) => boolean;\n\n  /**\n   * Set selection ranges programmatically.\n   */\n  setRanges: (ranges: CellRange[]) => void;\n\n  /**\n   * Reactive selection state. Updates automatically whenever the selection changes.\n   * Null when no SelectionPlugin is active or no selection has been made yet.\n   *\n   * @example\n   * ```typescript\n   * readonly selection = injectGridSelection();\n   *\n   * // In template:\n   * // {{ selection.selection()?.ranges?.length ?? 0 }} cells selected\n   *\n   * // In computed:\n   * readonly hasSelection = computed(() => (this.selection.selection()?.ranges?.length ?? 0) > 0);\n   * ```\n   */\n  selection: Signal<SelectionResult | null>;\n\n  /**\n   * Reactive selected row indices (sorted ascending). Updates automatically.\n   * Convenience signal for row-mode selection — returns `[]` in cell/range modes\n   * or when nothing is selected.\n   *\n   * **Prefer `selectedRows`** for getting actual row objects — it handles\n   * index-to-object resolution correctly regardless of sorting/filtering.\n   *\n   * @example\n   * ```typescript\n   * readonly selection = injectGridSelection();\n   *\n   * // In template:\n   * // {{ selection.selectedRowIndices().length }} rows selected\n   * ```\n   */\n  selectedRowIndices: Signal<number[]>;\n\n  /**\n   * Reactive selected row objects. Updates automatically whenever the selection changes.\n   * Works in all selection modes (row, cell, range) — returns the actual row objects\n   * from the grid's processed (sorted/filtered) rows.\n   *\n   * This is the recommended way to get selected rows. Unlike manual index mapping,\n   * it correctly resolves rows even when the grid is sorted or filtered.\n   *\n   * @example\n   * ```typescript\n   * readonly selection = injectGridSelection<Employee>();\n   *\n   * // In template:\n   * // {{ selection.selectedRows().length }} rows selected\n   *\n   * // In computed:\n   * readonly hasSelection = computed(() => this.selection.selectedRows().length > 0);\n   * ```\n   */\n  selectedRows: Signal<TRow[]>;\n\n  /**\n   * Signal indicating if grid is ready.\n   * The grid is discovered lazily, so this updates when first method call succeeds.\n   */\n  isReady: Signal<boolean>;\n}\n\n/**\n * Angular inject function for programmatic selection control.\n *\n * Uses **lazy grid discovery** - the grid element is found when methods are called,\n * not during initialization. This ensures it works reliably with:\n * - Lazy-rendered tabs\n * - Conditional rendering (*ngIf)\n * - Dynamic component loading\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/selection';\n * import { injectGridSelection } from '@toolbox-web/grid-angular/features/selection';\n *\n * @Component({\n *   selector: 'app-my-grid',\n *   imports: [Grid],\n *   template: `\n *     <button (click)=\"handleSelectAll()\">Select All</button>\n *     <tbw-grid [rows]=\"rows\" [selection]=\"'range'\"></tbw-grid>\n *   `\n * })\n * export class MyGridComponent {\n *   selection = injectGridSelection();\n *\n *   handleSelectAll() {\n *     this.selection.selectAll();\n *   }\n *\n *   getSelectedRows() {\n *     const selection = this.selection.getSelection();\n *     if (!selection) return [];\n *     // Derive rows from selection.ranges as needed\n *   }\n * }\n * ```\n */\nexport function injectGridSelection<TRow = unknown>(): SelectionMethods<TRow> {\n  const elementRef = inject(ElementRef);\n  const destroyRef = inject(DestroyRef);\n  const isReady = signal(false);\n\n  // Reactive selection state\n  const selectionSignal = signal<SelectionResult | null>(null);\n  const selectedRowIndicesSignal = signal<number[]>([]);\n  const selectedRowsSignal = signal<TRow[]>([]);\n\n  // Lazy discovery: cached grid reference\n  let cachedGrid: DataGridElement<TRow> | null = null;\n  let readyPromiseStarted = false;\n  let listenerAttached = false;\n\n  /**\n   * Handle selection-change events from the grid.\n   * Updates both reactive signals.\n   */\n  const onSelectionChange = (e: Event): void => {\n    const detail = (e as CustomEvent<SelectionChangeDetail>).detail;\n    const plugin = getPlugin();\n    if (plugin) {\n      selectionSignal.set(plugin.getSelection());\n      selectedRowIndicesSignal.set(detail.mode === 'row' ? plugin.getSelectedRowIndices() : []);\n      selectedRowsSignal.set(plugin.getSelectedRows<TRow>());\n    }\n  };\n\n  /**\n   * Attach the selection-change event listener to the grid element.\n   * Called once when the grid is first discovered.\n   */\n  const attachListener = (grid: DataGridElement<TRow>): void => {\n    if (listenerAttached) return;\n    listenerAttached = true;\n\n    grid.addEventListener('selection-change', onSelectionChange);\n\n    destroyRef.onDestroy(() => {\n      grid.removeEventListener('selection-change', onSelectionChange);\n    });\n  };\n\n  /**\n   * Lazily find the grid element. Called on each method invocation.\n   * Caches the reference once found and triggers ready() check.\n   */\n  const getGrid = (): DataGridElement<TRow> | null => {\n    if (cachedGrid) return cachedGrid;\n\n    const grid = elementRef.nativeElement.querySelector('tbw-grid') as DataGridElement<TRow> | null;\n    if (grid) {\n      cachedGrid = grid;\n      attachListener(grid);\n      // Start ready() check only once\n      if (!readyPromiseStarted) {\n        readyPromiseStarted = true;\n        grid.ready?.().then(() => isReady.set(true));\n      }\n    }\n    return grid;\n  };\n\n  const getPlugin = (): SelectionPlugin | undefined => {\n    return getGrid()?.getPluginByName('selection') as SelectionPlugin | undefined;\n  };\n\n  /**\n   * Sync reactive signals with the current plugin state.\n   * Called once when the grid is first discovered and ready.\n   */\n  const syncSignals = (): void => {\n    const plugin = getPlugin();\n    if (plugin) {\n      selectionSignal.set(plugin.getSelection());\n      const mode = (plugin as any).config?.mode;\n      selectedRowIndicesSignal.set(mode === 'row' ? plugin.getSelectedRowIndices() : []);\n      selectedRowsSignal.set(plugin.getSelectedRows<TRow>());\n    }\n  };\n\n  // Discover the grid after the first render so the selection-change\n  // listener is attached without requiring a programmatic method call.\n  // Uses a MutationObserver as fallback for lazy-rendered tabs, *ngIf,\n  // @defer, etc. where the grid may not be in the DOM on first render.\n  afterNextRender(() => {\n    const grid = getGrid();\n    if (grid) {\n      grid.ready?.().then(syncSignals);\n      return;\n    }\n\n    // Grid not in DOM yet — watch for it to appear.\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(syncSignals);\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    selection: selectionSignal.asReadonly(),\n    selectedRowIndices: selectedRowIndicesSignal.asReadonly(),\n    selectedRows: selectedRowsSignal.asReadonly(),\n\n    selectAll: () => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:selection] SelectionPlugin not found.\\n\\n` +\n            `  → Enable selection on the grid:\\n` +\n            `    <tbw-grid [selection]=\"'range'\" />`,\n        );\n        return;\n      }\n      const grid = getGrid();\n      // Cast to any to access protected config\n      const mode = (plugin as any).config?.mode;\n\n      if (mode === 'row') {\n        const rowCount = grid?.rows?.length ?? 0;\n        const allIndices = new Set<number>();\n        for (let i = 0; i < rowCount; i++) allIndices.add(i);\n        (plugin as any).selected = allIndices;\n        (plugin as any).requestAfterRender?.();\n      } else if (mode === 'range') {\n        const rowCount = grid?.rows?.length ?? 0;\n        const colCount = (grid as any)?._columns?.length ?? 0;\n        if (rowCount > 0 && colCount > 0) {\n          plugin.setRanges([{ from: { row: 0, col: 0 }, to: { row: rowCount - 1, col: colCount - 1 } }]);\n        }\n      }\n    },\n\n    clearSelection: () => {\n      getPlugin()?.clearSelection();\n    },\n\n    getSelection: () => {\n      return getPlugin()?.getSelection() ?? null;\n    },\n\n    isCellSelected: (row: number, col: number) => {\n      return getPlugin()?.isCellSelected(row, col) ?? false;\n    },\n\n    setRanges: (ranges: CellRange[]) => {\n      getPlugin()?.setRanges(ranges);\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-selection.mjs","sources":["../../../../libs/grid-angular/features/selection/src/index.ts","../../../../libs/grid-angular/features/selection/src/toolbox-web-grid-angular-features-selection.ts"],"sourcesContent":["/**\n * Selection feature for @toolbox-web/grid-angular\n *\n * Import this module to enable the `selection` input on Grid directive.\n * Also exports `injectGridSelection()` for programmatic selection control.\n *\n * @example\n * ```typescript\n * import '@toolbox-web/grid-angular/features/selection';\n *\n * <tbw-grid [selection]=\"'range'\" />\n * ```\n *\n * @example Using injectGridSelection\n * ```typescript\n * import { injectGridSelection } from '@toolbox-web/grid-angular/features/selection';\n *\n * @Component({...})\n * export class MyComponent {\n *   private selection = injectGridSelection<Employee>();\n *\n *   selectAll() {\n *     this.selection.selectAll();\n *   }\n *\n *   getSelected() {\n *     return this.selection.getSelection();\n *   }\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/selection';\nimport {\n  SelectionPlugin,\n  type CellRange,\n  type SelectionChangeDetail,\n  type SelectionResult,\n} from '@toolbox-web/grid/plugins/selection';\n\n/**\n * Selection methods returned from injectGridSelection.\n *\n * Uses lazy discovery - the grid is found on first method call, not during initialization.\n * This ensures it works with lazy-rendered tabs, conditional rendering, etc.\n */\nexport interface SelectionMethods<TRow = unknown> {\n  /**\n   * Select all rows (row mode) or all cells (range mode).\n   */\n  selectAll: () => void;\n\n  /**\n   * Clear all selection.\n   */\n  clearSelection: () => void;\n\n  /**\n   * Get the current selection state (imperative, point-in-time snapshot).\n   * For reactive selection state, use the `selection` signal instead.\n   */\n  getSelection: () => SelectionResult | null;\n\n  /**\n   * Check if a specific cell is selected.\n   */\n  isCellSelected: (row: number, col: number) => boolean;\n\n  /**\n   * Set selection ranges programmatically.\n   */\n  setRanges: (ranges: CellRange[]) => void;\n\n  /**\n   * Reactive selection state. Updates automatically whenever the selection changes.\n   * Null when no SelectionPlugin is active or no selection has been made yet.\n   *\n   * @example\n   * ```typescript\n   * readonly selection = injectGridSelection();\n   *\n   * // In template:\n   * // {{ selection.selection()?.ranges?.length ?? 0 }} cells selected\n   *\n   * // In computed:\n   * readonly hasSelection = computed(() => (this.selection.selection()?.ranges?.length ?? 0) > 0);\n   * ```\n   */\n  selection: Signal<SelectionResult | null>;\n\n  /**\n   * Reactive selected row indices (sorted ascending). Updates automatically.\n   * Convenience signal for row-mode selection — returns `[]` in cell/range modes\n   * or when nothing is selected.\n   *\n   * **Prefer `selectedRows`** for getting actual row objects — it handles\n   * index-to-object resolution correctly regardless of sorting/filtering.\n   *\n   * @example\n   * ```typescript\n   * readonly selection = injectGridSelection();\n   *\n   * // In template:\n   * // {{ selection.selectedRowIndices().length }} rows selected\n   * ```\n   */\n  selectedRowIndices: Signal<number[]>;\n\n  /**\n   * Reactive selected row objects. Updates automatically whenever the selection changes.\n   * Works in all selection modes (row, cell, range) — returns the actual row objects\n   * from the grid's processed (sorted/filtered) rows.\n   *\n   * This is the recommended way to get selected rows. Unlike manual index mapping,\n   * it correctly resolves rows even when the grid is sorted or filtered.\n   *\n   * @example\n   * ```typescript\n   * readonly selection = injectGridSelection<Employee>();\n   *\n   * // In template:\n   * // {{ selection.selectedRows().length }} rows selected\n   *\n   * // In computed:\n   * readonly hasSelection = computed(() => this.selection.selectedRows().length > 0);\n   * ```\n   */\n  selectedRows: Signal<TRow[]>;\n\n  /**\n   * Signal indicating if grid is ready.\n   * The grid is discovered lazily, so this updates when first method call succeeds.\n   */\n  isReady: Signal<boolean>;\n}\n\n/**\n * Angular inject function for programmatic selection control.\n *\n * Uses **lazy grid discovery** - the grid element is found when methods are called,\n * not during initialization. This ensures it works reliably with:\n * - Lazy-rendered tabs\n * - Conditional rendering (*ngIf)\n * - Dynamic component loading\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/selection';\n * import { injectGridSelection } from '@toolbox-web/grid-angular/features/selection';\n *\n * @Component({\n *   selector: 'app-my-grid',\n *   imports: [Grid],\n *   template: `\n *     <button (click)=\"handleSelectAll()\">Select All</button>\n *     <tbw-grid [rows]=\"rows\" [selection]=\"'range'\"></tbw-grid>\n *   `\n * })\n * export class MyGridComponent {\n *   selection = injectGridSelection();\n *\n *   handleSelectAll() {\n *     this.selection.selectAll();\n *   }\n *\n *   getSelectedRows() {\n *     const selection = this.selection.getSelection();\n *     if (!selection) return [];\n *     // Derive rows from selection.ranges as needed\n *   }\n * }\n * ```\n */\nexport function injectGridSelection<TRow = unknown>(): SelectionMethods<TRow> {\n  const elementRef = inject(ElementRef);\n  const destroyRef = inject(DestroyRef);\n  const isReady = signal(false);\n\n  // Reactive selection state\n  const selectionSignal = signal<SelectionResult | null>(null);\n  const selectedRowIndicesSignal = signal<number[]>([]);\n  const selectedRowsSignal = signal<TRow[]>([]);\n\n  // Lazy discovery: cached grid reference\n  let cachedGrid: DataGridElement<TRow> | null = null;\n  let readyPromiseStarted = false;\n  let listenerAttached = false;\n\n  /**\n   * Handle selection-change events from the grid.\n   * Updates both reactive signals.\n   */\n  const onSelectionChange = (detail: SelectionChangeDetail): void => {\n    const plugin = getPlugin();\n    if (plugin) {\n      selectionSignal.set(plugin.getSelection());\n      selectedRowIndicesSignal.set(detail.mode === 'row' ? plugin.getSelectedRowIndices() : []);\n      selectedRowsSignal.set(plugin.getSelectedRows<TRow>());\n    }\n  };\n\n  /**\n   * Attach the selection-change event listener to the grid element.\n   * Called once when the grid is first discovered.\n   */\n  const attachListener = (grid: DataGridElement<TRow>): void => {\n    if (listenerAttached) return;\n    listenerAttached = true;\n\n    const unsub = grid.on('selection-change', onSelectionChange);\n\n    destroyRef.onDestroy(() => {\n      unsub();\n    });\n  };\n\n  /**\n   * Lazily find the grid element. Called on each method invocation.\n   * Caches the reference once found and triggers ready() check.\n   */\n  const getGrid = (): DataGridElement<TRow> | null => {\n    if (cachedGrid) return cachedGrid;\n\n    const grid = elementRef.nativeElement.querySelector('tbw-grid') as DataGridElement<TRow> | null;\n    if (grid) {\n      cachedGrid = grid;\n      attachListener(grid);\n      // Start ready() check only once\n      if (!readyPromiseStarted) {\n        readyPromiseStarted = true;\n        grid.ready?.().then(() => isReady.set(true));\n      }\n    }\n    return grid;\n  };\n\n  const getPlugin = (): SelectionPlugin | undefined => {\n    return getGrid()?.getPluginByName('selection') as SelectionPlugin | undefined;\n  };\n\n  /**\n   * Sync reactive signals with the current plugin state.\n   * Called once when the grid is first discovered and ready.\n   */\n  const syncSignals = (): void => {\n    const plugin = getPlugin();\n    if (plugin) {\n      selectionSignal.set(plugin.getSelection());\n      const mode = (plugin as any).config?.mode;\n      selectedRowIndicesSignal.set(mode === 'row' ? plugin.getSelectedRowIndices() : []);\n      selectedRowsSignal.set(plugin.getSelectedRows<TRow>());\n    }\n  };\n\n  // Discover the grid after the first render so the selection-change\n  // listener is attached without requiring a programmatic method call.\n  // Uses a MutationObserver as fallback for lazy-rendered tabs, *ngIf,\n  // @defer, etc. where the grid may not be in the DOM on first render.\n  afterNextRender(() => {\n    const grid = getGrid();\n    if (grid) {\n      grid.ready?.().then(syncSignals);\n      return;\n    }\n\n    // Grid not in DOM yet — watch for it to appear.\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(syncSignals);\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    selection: selectionSignal.asReadonly(),\n    selectedRowIndices: selectedRowIndicesSignal.asReadonly(),\n    selectedRows: selectedRowsSignal.asReadonly(),\n\n    selectAll: () => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:selection] SelectionPlugin not found.\\n\\n` +\n            `  → Enable selection on the grid:\\n` +\n            `    <tbw-grid [selection]=\"'range'\" />`,\n        );\n        return;\n      }\n      const grid = getGrid();\n      // Cast to any to access protected config\n      const mode = (plugin as any).config?.mode;\n\n      if (mode === 'row') {\n        const rowCount = grid?.rows?.length ?? 0;\n        const allIndices = new Set<number>();\n        for (let i = 0; i < rowCount; i++) allIndices.add(i);\n        (plugin as any).selected = allIndices;\n        (plugin as any).requestAfterRender?.();\n      } else if (mode === 'range') {\n        const rowCount = grid?.rows?.length ?? 0;\n        const colCount = (grid as any)?._columns?.length ?? 0;\n        if (rowCount > 0 && colCount > 0) {\n          plugin.setRanges([{ from: { row: 0, col: 0 }, to: { row: rowCount - 1, col: colCount - 1 } }]);\n        }\n      }\n    },\n\n    clearSelection: () => {\n      getPlugin()?.clearSelection();\n    },\n\n    getSelection: () => {\n      return getPlugin()?.getSelection() ?? null;\n    },\n\n    isCellSelected: (row: number, col: number) => {\n      return getPlugin()?.isCellSelected(row, col) ?? false;\n    },\n\n    setRanges: (ranges: CellRange[]) => {\n      getPlugin()?.setRanges(ranges);\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-sorting.mjs

@@ -3,7 +3,7 @@ import '@toolbox-web/grid-angular/features/multi-sort';
 /**
  * @deprecated Use `import '@toolbox-web/grid-angular/features/multi-sort'` instead.
  *
- * This module is kept for backward compatibility and will be removed in a future version.
+ * This module is kept for backward compatibility and will be removed in v2.
  * It re-exports the multi-sort feature.
  *
  * @example

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

@@ -1 +1 @@
-{"version":3,"file":"toolbox-web-grid-angular-features-sorting.mjs","sources":["../../../../libs/grid-angular/features/sorting/src/index.ts","../../../../libs/grid-angular/features/sorting/src/toolbox-web-grid-angular-features-sorting.ts"],"sourcesContent":["/**\n * @deprecated Use `import '@toolbox-web/grid-angular/features/multi-sort'` instead.\n *\n * This module is kept for backward compatibility and will be removed in a future version.\n * It re-exports the multi-sort feature.\n *\n * @example\n * ```typescript\n * // Old (deprecated):\n * import '@toolbox-web/grid-angular/features/sorting';\n *\n * // New (recommended):\n * import '@toolbox-web/grid-angular/features/multi-sort';\n * ```\n *\n * @packageDocumentation\n */\n\n// Re-export multi-sort feature for backward compatibility\nimport '@toolbox-web/grid-angular/features/multi-sort';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;;;AAgBG;AAEH;;AClBA;;AAEG"}
+{"version":3,"file":"toolbox-web-grid-angular-features-sorting.mjs","sources":["../../../../libs/grid-angular/features/sorting/src/index.ts","../../../../libs/grid-angular/features/sorting/src/toolbox-web-grid-angular-features-sorting.ts"],"sourcesContent":["/**\n * @deprecated Use `import '@toolbox-web/grid-angular/features/multi-sort'` instead.\n *\n * This module is kept for backward compatibility and will be removed in v2.\n * It re-exports the multi-sort feature.\n *\n * @example\n * ```typescript\n * // Old (deprecated):\n * import '@toolbox-web/grid-angular/features/sorting';\n *\n * // New (recommended):\n * import '@toolbox-web/grid-angular/features/multi-sort';\n * ```\n *\n * @packageDocumentation\n */\n\n// Re-export multi-sort feature for backward compatibility\nimport '@toolbox-web/grid-angular/features/multi-sort';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;;;AAgBG;AAEH;;AClBA;;AAEG"}

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

@@ -87,13 +87,9 @@ function injectGridUndoRedo() {
         if (listenerAttached)
             return;
         listenerAttached = true;
-        grid.addEventListener('undo', syncSignals);
-        grid.addEventListener('redo', syncSignals);
-        grid.addEventListener('cell-commit', syncSignals);
+        const unsubs = [grid.on('undo', syncSignals), grid.on('redo', syncSignals), grid.on('cell-commit', syncSignals)];
         destroyRef.onDestroy(() => {
-            grid.removeEventListener('undo', syncSignals);
-            grid.removeEventListener('redo', syncSignals);
-            grid.removeEventListener('cell-commit', syncSignals);
+            unsubs.forEach((fn) => fn());
         });
     };
     const getGrid = () => {

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';\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 */\nexport function injectGridUndoRedo(): 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    grid.addEventListener('undo', syncSignals);\n    grid.addEventListener('redo', syncSignals);\n    grid.addEventListener('cell-commit', syncSignals);\n\n    destroyRef.onDestroy(() => {\n      grid.removeEventListener('undo', syncSignals);\n      grid.removeEventListener('redo', syncSignals);\n      grid.removeEventListener('cell-commit', syncSignals);\n    });\n  };\n\n  const getGrid = (): DataGridElement | null => {\n    if (cachedGrid) return cachedGrid;\n\n    const grid = elementRef.nativeElement.querySelector('tbw-grid') as DataGridElement | null;\n    if (grid) {\n      cachedGrid = grid;\n      attachListeners(grid);\n      if (!readyPromiseStarted) {\n        readyPromiseStarted = true;\n        grid.ready?.().then(() => isReady.set(true));\n      }\n    }\n    return grid;\n  };\n\n  const getPlugin = (): UndoRedoPlugin | undefined => {\n    return getGrid()?.getPluginByName('undoRedo');\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(syncSignals);\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(syncSignals);\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":";;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BG;AAiGH;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BG;SACa,kBAAkB,GAAA;AAChC,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AACrC,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AACrC,IAAA,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,mDAAC;;AAG7B,IAAA,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,yDAAC;AACnC,IAAA,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,yDAAC;IAEnC,IAAI,UAAU,GAA2B,IAAI;IAC7C,IAAI,mBAAmB,GAAG,KAAK;IAC/B,IAAI,gBAAgB,GAAG,KAAK;AAE5B;;AAEG;IACH,MAAM,WAAW,GAAG,MAAW;AAC7B,QAAA,MAAM,MAAM,GAAG,SAAS,EAAE;QAC1B,IAAI,MAAM,EAAE;YACV,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACnC,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;QACrC;AACF,IAAA,CAAC;AAED;;;AAGG;AACH,IAAA,MAAM,eAAe,GAAG,CAAC,IAAqB,KAAU;AACtD,QAAA,IAAI,gBAAgB;YAAE;QACtB,gBAAgB,GAAG,IAAI;AAEvB,QAAA,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,WAAW,CAAC;AAC1C,QAAA,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,WAAW,CAAC;AAC1C,QAAA,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,WAAW,CAAC;AAEjD,QAAA,UAAU,CAAC,SAAS,CAAC,MAAK;AACxB,YAAA,IAAI,CAAC,mBAAmB,CAAC,MAAM,EAAE,WAAW,CAAC;AAC7C,YAAA,IAAI,CAAC,mBAAmB,CAAC,MAAM,EAAE,WAAW,CAAC;AAC7C,YAAA,IAAI,CAAC,mBAAmB,CAAC,aAAa,EAAE,WAAW,CAAC;AACtD,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC;IAED,MAAM,OAAO,GAAG,MAA6B;AAC3C,QAAA,IAAI,UAAU;AAAE,YAAA,OAAO,UAAU;QAEjC,MAAM,IAAI,GAAG,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,UAAU,CAA2B;QACzF,IAAI,IAAI,EAAE;YACR,UAAU,GAAG,IAAI;YACjB,eAAe,CAAC,IAAI,CAAC;YACrB,IAAI,CAAC,mBAAmB,EAAE;gBACxB,mBAAmB,GAAG,IAAI;AAC1B,gBAAA,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,MAAM,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAC9C;QACF;AACA,QAAA,OAAO,IAAI;AACb,IAAA,CAAC;IAED,MAAM,SAAS,GAAG,MAAiC;AACjD,QAAA,OAAO,OAAO,EAAE,EAAE,eAAe,CAAC,UAAU,CAAC;AAC/C,IAAA,CAAC;;;;IAKD,eAAe,CAAC,MAAK;AACnB,QAAA,MAAM,IAAI,GAAG,OAAO,EAAE;QACtB,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC;YAChC;QACF;AAEA,QAAA,MAAM,IAAI,GAAG,UAAU,CAAC,aAA4B;AACpD,QAAA,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,MAAK;AACzC,YAAA,MAAM,UAAU,GAAG,OAAO,EAAE;YAC5B,IAAI,UAAU,EAAE;gBACd,QAAQ,CAAC,UAAU,EAAE;gBACrB,UAAU,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC;YACxC;AACF,QAAA,CAAC,CAAC;AACF,QAAA,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;QAE1D,UAAU,CAAC,SAAS,CAAC,MAAM,QAAQ,CAAC,UAAU,EAAE,CAAC;AACnD,IAAA,CAAC,CAAC;IAEF,OAAO;AACL,QAAA,OAAO,EAAE,OAAO,CAAC,UAAU,EAAE;AAC7B,QAAA,OAAO,EAAE,aAAa,CAAC,UAAU,EAAE;AACnC,QAAA,OAAO,EAAE,aAAa,CAAC,UAAU,EAAE;QAEnC,IAAI,EAAE,MAAK;AACT,YAAA,MAAM,MAAM,GAAG,SAAS,EAAE;YAC1B,IAAI,CAAC,MAAM,EAAE;gBACX,OAAO,CAAC,IAAI,CACV,CAAA,iDAAA,CAAmD;oBACjD,CAAA,mCAAA,CAAqC;AACrC,oBAAA,CAAA,yDAAA,CAA2D,CAC9D;AACD,gBAAA,OAAO,IAAI;YACb;AACA,YAAA,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,EAAE;AAC5B,YAAA,WAAW,EAAE;AACb,YAAA,OAAO,MAAM;QACf,CAAC;QAED,IAAI,EAAE,MAAK;AACT,YAAA,MAAM,MAAM,GAAG,SAAS,EAAE;YAC1B,IAAI,CAAC,MAAM,EAAE;gBACX,OAAO,CAAC,IAAI,CACV,CAAA,iDAAA,CAAmD;oBACjD,CAAA,mCAAA,CAAqC;AACrC,oBAAA,CAAA,yDAAA,CAA2D,CAC9D;AACD,gBAAA,OAAO,IAAI;YACb;AACA,YAAA,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,EAAE;AAC5B,YAAA,WAAW,EAAE;AACb,YAAA,OAAO,MAAM;QACf,CAAC;QAED,YAAY,EAAE,MAAK;AACjB,YAAA,MAAM,MAAM,GAAG,SAAS,EAAE;YAC1B,IAAI,CAAC,MAAM,EAAE;gBACX,OAAO,CAAC,IAAI,CACV,CAAA,iDAAA,CAAmD;oBACjD,CAAA,mCAAA,CAAqC;AACrC,oBAAA,CAAA,yDAAA,CAA2D,CAC9D;gBACD;YACF;YACA,MAAM,CAAC,YAAY,EAAE;AACrB,YAAA,WAAW,EAAE;QACf,CAAC;QAED,YAAY,EAAE,MAAM,SAAS,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE;QAErD,YAAY,EAAE,MAAM,SAAS,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE;QAErD,UAAU,EAAE,CAAC,QAAgB,EAAE,KAAa,EAAE,QAAiB,EAAE,QAAiB,KAAI;AACpF,YAAA,MAAM,MAAM,GAAG,SAAS,EAAE;YAC1B,IAAI,CAAC,MAAM,EAAE;gBACX,OAAO,CAAC,IAAI,CACV,CAAA,iDAAA,CAAmD;oBACjD,CAAA,mCAAA,CAAqC;AACrC,oBAAA,CAAA,yDAAA,CAA2D,CAC9D;gBACD;YACF;YACA,MAAM,CAAC,UAAU,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC;AACtD,YAAA,WAAW,EAAE;QACf,CAAC;QAED,gBAAgB,EAAE,MAAK;AACrB,YAAA,MAAM,MAAM,GAAG,SAAS,EAAE;YAC1B,IAAI,CAAC,MAAM,EAAE;gBACX,OAAO,CAAC,IAAI,CACV,CAAA,iDAAA,CAAmD;oBACjD,CAAA,mCAAA,CAAqC;AACrC,oBAAA,CAAA,yDAAA,CAA2D,CAC9D;gBACD;YACF;YACA,MAAM,CAAC,gBAAgB,EAAE;QAC3B,CAAC;QAED,cAAc,EAAE,MAAK;AACnB,YAAA,MAAM,MAAM,GAAG,SAAS,EAAE;YAC1B,IAAI,CAAC,MAAM,EAAE;gBACX,OAAO,CAAC,IAAI,CACV,CAAA,iDAAA,CAAmD;oBACjD,CAAA,mCAAA,CAAqC;AACrC,oBAAA,CAAA,yDAAA,CAA2D,CAC9D;gBACD;YACF;YACA,MAAM,CAAC,cAAc,EAAE;AACvB,YAAA,WAAW,EAAE;QACf,CAAC;KACF;AACH;;AC7UA;;AAEG;;;;"}
+{"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';\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 */\nexport function injectGridUndoRedo(): 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('tbw-grid') as DataGridElement | null;\n    if (grid) {\n      cachedGrid = grid;\n      attachListeners(grid);\n      if (!readyPromiseStarted) {\n        readyPromiseStarted = true;\n        grid.ready?.().then(() => isReady.set(true));\n      }\n    }\n    return grid;\n  };\n\n  const getPlugin = (): UndoRedoPlugin | undefined => {\n    return getGrid()?.getPluginByName('undoRedo');\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(syncSignals);\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(syncSignals);\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.mjs

@@ -356,9 +356,9 @@ function getFormArrayContext(gridElement) {
 class GridFormArray {
     destroyRef = inject(DestroyRef);
     elementRef = inject((ElementRef));
-    cellCommitListener = null;
-    cellCancelListener = null;
-    rowCommitListener = null;
+    cellCommitUnsub = null;
+    cellCancelUnsub = null;
+    rowCommitUnsub = null;
     touchListener = null;
     valueChangesSubscription = null;
     statusChangesSubscriptions = [];
@@ -416,25 +416,19 @@ class GridFormArray {
         // Store the form context on the grid element for other directives to access
         this.#storeFormContext(grid);
         // Intercept cell-commit events to update the FormArray
-        this.cellCommitListener = (e) => {
-            const detail = e.detail;
+        this.cellCommitUnsub = grid.on('cell-commit', (detail) => {
             this.#handleCellCommit(detail);
-        };
-        grid.addEventListener('cell-commit', this.cellCommitListener);
+        });
         // Intercept cell-cancel events to revert FormControls (grid mode Escape)
-        this.cellCancelListener = (e) => {
-            const detail = e.detail;
+        this.cellCancelUnsub = grid.on('cell-cancel', (detail) => {
             this.#handleCellCancel(detail);
-        };
-        grid.addEventListener('cell-cancel', this.cellCancelListener);
+        });
         // Intercept row-commit events to prevent if FormGroup is invalid
-        this.rowCommitListener = (e) => {
+        this.rowCommitUnsub = grid.on('row-commit', (detail, event) => {
             if (!this.syncValidation())
                 return;
-            const detail = e.detail;
-            this.#handleRowCommit(e, detail);
-        };
-        grid.addEventListener('row-commit', this.rowCommitListener);
+            this.#handleRowCommit(event, detail);
+        });
         // Mark FormArray as touched on first interaction
         this.touchListener = () => {
             this.formArray().markAsTouched();
@@ -459,15 +453,9 @@ class GridFormArray {
         const grid = this.elementRef.nativeElement;
         if (!grid)
             return;
-        if (this.cellCommitListener) {
-            grid.removeEventListener('cell-commit', this.cellCommitListener);
-        }
-        if (this.cellCancelListener) {
-            grid.removeEventListener('cell-cancel', this.cellCancelListener);
-        }
-        if (this.rowCommitListener) {
-            grid.removeEventListener('row-commit', this.rowCommitListener);
-        }
+        this.cellCommitUnsub?.();
+        this.cellCancelUnsub?.();
+        this.rowCommitUnsub?.();
         if (this.touchListener) {
             grid.removeEventListener('click', this.touchListener);
         }
@@ -1566,18 +1554,28 @@ class GridAdapter {
      * @returns Processed GridConfig with actual renderer/editor functions
      */
     processGridConfig(config) {
-        const result = { ...config };
+        return this.processConfig(config);
+    }
+    /**
+     * FrameworkAdapter.processConfig implementation.
+     * Called automatically by the grid's `set gridConfig` setter.
+     */
+    processConfig(config) {
+        // Cast to Angular's extended GridConfig since the config may contain
+        // Angular component classes as renderers/editors at runtime
+        const angularConfig = config;
+        const result = { ...angularConfig };
         // Process columns
-        if (config.columns) {
-            result.columns = config.columns.map((col) => this.processColumn(col));
+        if (angularConfig.columns) {
+            result.columns = angularConfig.columns.map((col) => this.processColumn(col));
         }
         // Process typeDefaults - convert Angular component classes to renderer/editor functions
-        if (config.typeDefaults) {
-            result.typeDefaults = this.processTypeDefaults(config.typeDefaults);
+        if (angularConfig.typeDefaults) {
+            result.typeDefaults = this.processTypeDefaults(angularConfig.typeDefaults);
         }
         // Process loadingRenderer - convert Angular component class to function
-        if (config.loadingRenderer && isComponentClass(config.loadingRenderer)) {
-            result.loadingRenderer = this.createComponentLoadingRenderer(config.loadingRenderer);
+        if (angularConfig.loadingRenderer && isComponentClass(angularConfig.loadingRenderer)) {
+            result.loadingRenderer = this.createComponentLoadingRenderer(angularConfig.loadingRenderer);
         }
         return result;
     }
@@ -2192,13 +2190,26 @@ class GridAdapter {
      * @returns Processed GroupingColumnsConfig with actual renderer functions
      */
     processGroupingColumnsConfig(config) {
+        const processed = { ...config };
+        let changed = false;
+        // Bridge top-level groupHeaderRenderer component class
         if (config.groupHeaderRenderer && isComponentClass(config.groupHeaderRenderer)) {
-            return {
-                ...config,
-                groupHeaderRenderer: this.createComponentGroupHeaderRenderer(config.groupHeaderRenderer),
-            };
+            processed.groupHeaderRenderer = this.createComponentGroupHeaderRenderer(config.groupHeaderRenderer);
+            changed = true;
         }
-        return config;
+        // Bridge per-group renderer component classes inside columnGroups
+        if (Array.isArray(config.columnGroups)) {
+            const mappedGroups = config.columnGroups.map((def) => {
+                if (def.renderer && isComponentClass(def.renderer)) {
+                    changed = true;
+                    return { ...def, renderer: this.createComponentGroupHeaderRenderer(def.renderer) };
+                }
+                return def;
+            });
+            if (changed)
+                processed.columnGroups = mappedGroups;
+        }
+        return changed ? processed : config;
     }
     /**
      * Processes a GroupingRowsConfig, converting component class references
@@ -2430,7 +2441,7 @@ class GridAdapter {
     }
 }
 /**
- * @deprecated Use `GridAdapter` instead. This alias will be removed in a future version.
+ * @deprecated Use `GridAdapter` instead. This alias will be removed in v2.
  * @see {@link GridAdapter}
  */
 const AngularGridAdapter = GridAdapter;
@@ -3060,13 +3071,21 @@ class BaseGridEditor {
         const grid = this.elementRef.nativeElement.closest('tbw-grid');
         if (!grid)
             return;
-        const beforeHandler = () => this.onBeforeEditClose();
-        grid.addEventListener('before-edit-close', beforeHandler, { once: true });
-        const handler = () => this.onEditClose();
-        grid.addEventListener('edit-close', handler, { once: true });
+        let unsubBefore;
+        let unsubClose;
+        unsubBefore = grid.on('before-edit-close', () => {
+            this.onBeforeEditClose();
+            unsubBefore?.();
+            unsubBefore = undefined;
+        });
+        unsubClose = grid.on('edit-close', () => {
+            this.onEditClose();
+            unsubClose?.();
+            unsubClose = undefined;
+        });
         this._editCloseCleanup = () => {
-            grid.removeEventListener('before-edit-close', beforeHandler);
-            grid.removeEventListener('edit-close', handler);
+            unsubBefore?.();
+            unsubClose?.();
         };
     }
     // ============================================================================
@@ -4033,9 +4052,9 @@ class GridLazyForm {
     rowIndexMap = new Map();
     // Track which row is currently being edited
     editingRowIndex = null;
-    cellCommitListener = null;
-    rowCommitListener = null;
-    rowsChangeListener = null;
+    cellCommitUnsub = null;
+    rowCommitUnsub = null;
+    rowsChangeUnsub = null;
     /**
      * Factory function to create a FormGroup for a row.
      * Called lazily when the row first enters edit mode.
@@ -4082,22 +4101,17 @@ class GridLazyForm {
         // Store the form context for AngularGridAdapter to access
         this.#storeFormContext(grid);
         // Listen for cell-commit to update FormControl and sync validation
-        this.cellCommitListener = (e) => {
-            const detail = e.detail;
+        this.cellCommitUnsub = grid.on('cell-commit', (detail) => {
             this.#handleCellCommit(detail);
-        };
-        grid.addEventListener('cell-commit', this.cellCommitListener);
+        });
         // Listen for row-commit to sync FormGroup values back to row and cleanup
-        this.rowCommitListener = (e) => {
-            const detail = e.detail;
-            this.#handleRowCommit(e, detail);
-        };
-        grid.addEventListener('row-commit', this.rowCommitListener);
+        this.rowCommitUnsub = grid.on('row-commit', (detail, event) => {
+            this.#handleRowCommit(event, detail);
+        });
         // Listen for rows-change to update row index mappings
-        this.rowsChangeListener = () => {
+        this.rowsChangeUnsub = grid.on('rows-change', () => {
             this.#updateRowIndexMap();
-        };
-        grid.addEventListener('rows-change', this.rowsChangeListener);
+        });
         // Initial row index mapping
         this.#updateRowIndexMap();
     }
@@ -4105,15 +4119,9 @@ class GridLazyForm {
         const grid = this.elementRef.nativeElement;
         if (!grid)
             return;
-        if (this.cellCommitListener) {
-            grid.removeEventListener('cell-commit', this.cellCommitListener);
-        }
-        if (this.rowCommitListener) {
-            grid.removeEventListener('row-commit', this.rowCommitListener);
-        }
-        if (this.rowsChangeListener) {
-            grid.removeEventListener('rows-change', this.rowsChangeListener);
-        }
+        this.cellCommitUnsub?.();
+        this.rowCommitUnsub?.();
+        this.rowsChangeUnsub?.();
         this.#clearFormContext(grid);
         this.formGroupCache.clear();
         this.rowIndexMap.clear();
@@ -4797,7 +4805,7 @@ class Grid {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     gridConfig = input(...(ngDevMode ? [undefined, { debugName: "gridConfig" }] : []));
     /**
-     * @deprecated Use `gridConfig` instead. This input will be removed in a future version.
+     * @deprecated Use `gridConfig` instead. This input will be removed in v2.
      *
      * The `angularConfig` name was inconsistent with React and Vue adapters, which both use `gridConfig`.
      * The `gridConfig` input now accepts `GridConfig` directly.
@@ -4910,7 +4918,7 @@ class Grid {
      */
     multiSort = input(...(ngDevMode ? [undefined, { debugName: "multiSort" }] : []));
     /**
-     * @deprecated Use `[multiSort]` instead. Will be removed in a future version.
+     * @deprecated Use `[multiSort]` instead. Will be removed in v2.
      *
      * Enable column sorting. This is an alias for `[multiSort]`.
      *
@@ -4951,7 +4959,7 @@ class Grid {
      */
     reorderColumns = input(...(ngDevMode ? [undefined, { debugName: "reorderColumns" }] : []));
     /**
-     * @deprecated Use `reorderColumns` instead. Will be removed in v2.0.
+     * @deprecated Use `reorderColumns` instead. Will be removed in v2.
      */
     reorder = input(...(ngDevMode ? [undefined, { debugName: "reorder" }] : []));
     /**
@@ -5452,54 +5460,13 @@ class Grid {
         this.adapter = new GridAdapter(this.injector, this.appRef, this.viewContainerRef);
         DataGridElement.registerAdapter(this.adapter);
         const grid = this.elementRef.nativeElement;
-        // Intercept the element's gridConfig setter so that ALL writes
-        // (including Angular's own template property binding when CUSTOM_ELEMENTS_SCHEMA
-        // is used) go through the adapter's processGridConfig first.
-        // This converts Angular component classes to vanilla renderer/editor functions
-        // before the grid's internal ConfigManager ever sees them.
-        this.interceptElementGridConfig(grid);
-        // Wire up all event listeners based on eventOutputMap
-        this.setupEventListeners(grid);
-        // Register adapter on the grid element so MasterDetailPlugin can use it
-        // via the __frameworkAdapter hook during attach()
+        // Register adapter on the grid element so processConfig is called
+        // automatically by the grid's set gridConfig setter, and so
+        // MasterDetailPlugin can use it via the __frameworkAdapter hook during attach()
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         grid.__frameworkAdapter = this.adapter;
-    }
-    /**
-     * Overrides the element's `gridConfig` property so every write is processed
-     * through the adapter before reaching the grid core.
-     *
-     * Why: Angular with `CUSTOM_ELEMENTS_SCHEMA` may bind `[gridConfig]` to both
-     * the directive input AND the native custom-element property. The directive
-     * input feeds an effect that merges feature plugins, but the native property
-     * receives the raw config (with component classes as editors/renderers).
-     * Intercepting the setter guarantees only processed configs reach the grid.
-     */
-    interceptElementGridConfig(grid) {
-        const proto = Object.getPrototypeOf(grid);
-        const desc = Object.getOwnPropertyDescriptor(proto, 'gridConfig');
-        if (!desc?.set || !desc?.get)
-            return;
-        const originalSet = desc.set;
-        const originalGet = desc.get;
-        const adapter = this.adapter;
-        // Instance-level override (does not affect the prototype or other grid elements)
-        Object.defineProperty(grid, 'gridConfig', {
-            get() {
-                return originalGet.call(this);
-            },
-            set(value) {
-                if (value && adapter) {
-                    // processGridConfig is idempotent: already-processed functions pass
-                    // through isComponentClass unchanged, so double-processing is safe.
-                    originalSet.call(this, adapter.processGridConfig(value));
-                }
-                else {
-                    originalSet.call(this, value);
-                }
-            },
-            configurable: true,
-        });
+        // Wire up all event listeners based on eventOutputMap
+        this.setupEventListeners(grid);
     }
     /**
      * Sets up event listeners for all outputs using the eventOutputMap.
@@ -5695,10 +5662,6 @@ class Grid {
     }
     ngOnDestroy() {
         const grid = this.elementRef.nativeElement;
-        // Remove the gridConfig interceptor (restores prototype behavior)
-        if (grid) {
-            delete grid['gridConfig'];
-        }
         // Cleanup all event listeners
         if (grid) {
             for (const [eventName, listener] of this.eventListeners) {