@toolbox-web/grid 1.22.0 → 1.23.0

package/lib/plugins/undo-redo/UndoRedoPlugin.d.ts

@@ -1,5 +1,5 @@
 import { BaseGridPlugin, GridElement, PluginDependency } from '../../core/plugin/base-plugin';
-import { EditAction, UndoRedoConfig } from './types';
+import { UndoRedoAction, UndoRedoConfig } from './types';
 /**
  * Undo/Redo Plugin for tbw-grid
  *
@@ -34,11 +34,14 @@ import { EditAction, UndoRedoConfig } from './types';
  *
  * | Method | Signature | Description |
  * |--------|-----------|-------------|
- * | `undo` | `() => void` | Undo the last edit |
- * | `redo` | `() => void` | Redo the last undone edit |
+ * | `undo` | `() => UndoRedoAction \| null` | Undo the last edit (or compound) |
+ * | `redo` | `() => UndoRedoAction \| null` | Redo the last undone edit (or compound) |
  * | `canUndo` | `() => boolean` | Check if undo is available |
  * | `canRedo` | `() => boolean` | Check if redo is available |
  * | `clearHistory` | `() => void` | Clear the entire history stack |
+ * | `recordEdit` | `(rowIndex, field, old, new) => void` | Manually record a cell edit |
+ * | `beginTransaction` | `() => void` | Start grouping edits into a compound |
+ * | `endTransaction` | `() => void` | Finalize and push the compound action |
  *
  * @example Basic Usage with EditingPlugin
  * ```ts
@@ -65,6 +68,7 @@ import { EditAction, UndoRedoConfig } from './types';
  * @internal Extends BaseGridPlugin
  */
 export declare class UndoRedoPlugin extends BaseGridPlugin<UndoRedoConfig> {
+    #private;
     /**
      * Plugin dependencies - UndoRedoPlugin requires EditingPlugin to track edits.
      *
@@ -105,18 +109,59 @@ export declare class UndoRedoPlugin extends BaseGridPlugin<UndoRedoConfig> {
      * @param newValue - The value after the edit
      */
     recordEdit(rowIndex: number, field: string, oldValue: unknown, newValue: unknown): void;
+    /**
+     * Begin grouping subsequent edits into a single compound action.
+     *
+     * While a transaction is active, all `recordEdit()` calls (both manual
+     * and auto-recorded from `cell-edit-committed`) are buffered instead of
+     * pushed to the undo stack. Call `endTransaction()` to finalize the group.
+     *
+     * **Typical usage** — group a user edit with its cascaded side-effects:
+     *
+     * ```ts
+     * grid.addEventListener('cell-commit', (e) => {
+     *   const undoRedo = grid.getPluginByName('undoRedo');
+     *   undoRedo.beginTransaction();
+     *
+     *   // Record cascaded updates (these won't auto-record)
+     *   const oldB = row.fieldB;
+     *   undoRedo.recordEdit(rowIndex, 'fieldB', oldB, computedB);
+     *   grid.updateRow(rowId, { fieldB: computedB });
+     *
+     *   // End after the auto-recorded original edit is captured
+     *   queueMicrotask(() => undoRedo.endTransaction());
+     * });
+     * ```
+     *
+     * @throws Error if a transaction is already in progress
+     */
+    beginTransaction(): void;
+    /**
+     * Finalize the current transaction, wrapping all buffered edits into a
+     * single compound action on the undo stack.
+     *
+     * - If the buffer contains multiple edits, they are wrapped in a `CompoundEditAction`.
+     * - If the buffer contains a single edit, it is pushed as a regular `EditAction`.
+     * - If the buffer is empty, this is a no-op.
+     *
+     * Undoing a compound action reverts all edits in reverse order; redoing
+     * replays them in forward order.
+     *
+     * @throws Error if no transaction is in progress
+     */
+    endTransaction(): void;
     /**
      * Programmatically undo the last action.
      *
      * @returns The undone action, or null if nothing to undo
      */
-    undo(): EditAction | null;
+    undo(): UndoRedoAction | null;
     /**
      * Programmatically redo the last undone action.
      *
      * @returns The redone action, or null if nothing to redo
      */
-    redo(): EditAction | null;
+    redo(): UndoRedoAction | null;
     /**
      * Check if there are any actions that can be undone.
      */
@@ -132,10 +177,10 @@ export declare class UndoRedoPlugin extends BaseGridPlugin<UndoRedoConfig> {
     /**
      * Get a copy of the current undo stack.
      */
-    getUndoStack(): EditAction[];
+    getUndoStack(): UndoRedoAction[];
     /**
      * Get a copy of the current redo stack.
      */
-    getRedoStack(): EditAction[];
+    getRedoStack(): UndoRedoAction[];
 }
 //# sourceMappingURL=UndoRedoPlugin.d.ts.map

package/lib/plugins/undo-redo/UndoRedoPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UndoRedoPlugin.d.ts","sourceRoot":"","sources":["../../../../../../libs/grid/src/lib/plugins/undo-redo/UndoRedoPlugin.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAExG,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAkB,MAAM,SAAS,CAAC;AAE1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DG;AACH,qBAAa,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE;;;;;OAKG;IACH,gBAAyB,YAAY,EAAE,gBAAgB,EAAE,CAEvD;IAEF,gBAAgB;IAChB,QAAQ,CAAC,IAAI,cAAc;IAE3B,gBAAgB;IAChB,cAAuB,aAAa,IAAI,OAAO,CAAC,cAAc,CAAC,CAI9D;IAGD,OAAO,CAAC,SAAS,CAAoB;IACrC,OAAO,CAAC,SAAS,CAAoB;IAErC;;;OAGG;IACM,MAAM,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IAWxC;;;OAGG;IACM,MAAM,IAAI,IAAI;IAKvB;;;;;OAKG;IACM,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO;IAuDjD;;;;;;;;OAQG;IACH,UAAU,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI;IAWvF;;;;OAIG;IACH,IAAI,IAAI,UAAU,GAAG,IAAI;IAczB;;;;OAIG;IACH,IAAI,IAAI,UAAU,GAAG,IAAI;IAczB;;OAEG;IACH,OAAO,IAAI,OAAO;IAIlB;;OAEG;IACH,OAAO,IAAI,OAAO;IAIlB;;OAEG;IACH,YAAY,IAAI,IAAI;IAMpB;;OAEG;IACH,YAAY,IAAI,UAAU,EAAE;IAI5B;;OAEG;IACH,YAAY,IAAI,UAAU,EAAE;CAI7B"}
+{"version":3,"file":"UndoRedoPlugin.d.ts","sourceRoot":"","sources":["../../../../../../libs/grid/src/lib/plugins/undo-redo/UndoRedoPlugin.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAYxG,OAAO,KAAK,EAAc,cAAc,EAAE,cAAc,EAAkB,MAAM,SAAS,CAAC;AAE1F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkEG;AACH,qBAAa,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;;IAChE;;;;;OAKG;IACH,gBAAyB,YAAY,EAAE,gBAAgB,EAAE,CAEvD;IAEF,gBAAgB;IAChB,QAAQ,CAAC,IAAI,cAAc;IAE3B,gBAAgB;IAChB,cAAuB,aAAa,IAAI,OAAO,CAAC,cAAc,CAAC,CAI9D;IAGD,OAAO,CAAC,SAAS,CAAwB;IACzC,OAAO,CAAC,SAAS,CAAwB;IA8FzC;;;OAGG;IACM,MAAM,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IAiBxC;;;OAGG;IACM,MAAM,IAAI,IAAI;IAMvB;;;;;OAKG;IACM,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO;IAyDjD;;;;;;;;OAQG;IACH,UAAU,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI;IAkBvF;;;;;;;;;;;;;;;;;;;;;;;;;OAyBG;IACH,gBAAgB,IAAI,IAAI;IAOxB;;;;;;;;;;;;OAYG;IACH,cAAc,IAAI,IAAI;IAmBtB;;;;OAIG;IACH,IAAI,IAAI,cAAc,GAAG,IAAI;IAY7B;;;;OAIG;IACH,IAAI,IAAI,cAAc,GAAG,IAAI;IAY7B;;OAEG;IACH,OAAO,IAAI,OAAO;IAIlB;;OAEG;IACH,OAAO,IAAI,OAAO;IAIlB;;OAEG;IACH,YAAY,IAAI,IAAI;IAOpB;;OAEG;IACH,YAAY,IAAI,cAAc,EAAE;IAIhC;;OAEG;IACH,YAAY,IAAI,cAAc,EAAE;CAIjC"}

package/lib/plugins/undo-redo/history.d.ts

@@ -1,4 +1,4 @@
-import { EditAction, UndoRedoState } from './types';
+import { CompoundEditAction, EditAction, UndoRedoAction, UndoRedoState } from './types';
 /**
  * Push a new action onto the undo stack.
  * Clears the redo stack since new actions invalidate redo history.
@@ -8,7 +8,7 @@ import { EditAction, UndoRedoState } from './types';
  * @param maxSize - Maximum history size
  * @returns New state with the action added
  */
-export declare function pushAction(state: UndoRedoState, action: EditAction, maxSize: number): UndoRedoState;
+export declare function pushAction(state: UndoRedoState, action: UndoRedoAction, maxSize: number): UndoRedoState;
 /**
  * Undo the most recent action.
  * Moves the action from undo stack to redo stack.
@@ -18,7 +18,7 @@ export declare function pushAction(state: UndoRedoState, action: EditAction, max
  */
 export declare function undo(state: UndoRedoState): {
     newState: UndoRedoState;
-    action: EditAction | null;
+    action: UndoRedoAction | null;
 };
 /**
  * Redo the most recently undone action.
@@ -29,7 +29,7 @@ export declare function undo(state: UndoRedoState): {
  */
 export declare function redo(state: UndoRedoState): {
     newState: UndoRedoState;
-    action: EditAction | null;
+    action: UndoRedoAction | null;
 };
 /**
  * Check if there are any actions that can be undone.
@@ -61,4 +61,11 @@ export declare function clearHistory(): UndoRedoState;
  * @returns A new EditAction object
  */
 export declare function createEditAction(rowIndex: number, field: string, oldValue: unknown, newValue: unknown): EditAction;
+/**
+ * Create a compound action grouping multiple edits into a single undo/redo unit.
+ *
+ * @param actions - The individual edit actions to group (in chronological order)
+ * @returns A CompoundEditAction wrapping all provided edits
+ */
+export declare function createCompoundAction(actions: EditAction[]): CompoundEditAction;
 //# sourceMappingURL=history.d.ts.map

package/lib/plugins/undo-redo/history.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"history.d.ts","sourceRoot":"","sources":["../../../../../../libs/grid/src/lib/plugins/undo-redo/history.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAEzD;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,GAAG,aAAa,CAYnG;AAED;;;;;;GAMG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,aAAa,GAAG;IAC1C,QAAQ,EAAE,aAAa,CAAC;IACxB,MAAM,EAAE,UAAU,GAAG,IAAI,CAAC;CAC3B,CAqBA;AAED;;;;;;GAMG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,aAAa,GAAG;IAC1C,QAAQ,EAAE,aAAa,CAAC;IACxB,MAAM,EAAE,UAAU,GAAG,IAAI,CAAC;CAC3B,CAqBA;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,CAErD;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,CAErD;AAED;;;;GAIG;AACH,wBAAgB,YAAY,IAAI,aAAa,CAE5C;AAED;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,UAAU,CASlH"}
+{"version":3,"file":"history.d.ts","sourceRoot":"","sources":["../../../../../../libs/grid/src/lib/plugins/undo-redo/history.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,kBAAkB,EAAE,UAAU,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7F;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,GAAG,aAAa,CAYvG;AAED;;;;;;GAMG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,aAAa,GAAG;IAC1C,QAAQ,EAAE,aAAa,CAAC;IACxB,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;CAC/B,CAqBA;AAED;;;;;;GAMG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,aAAa,GAAG;IAC1C,QAAQ,EAAE,aAAa,CAAC;IACxB,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;CAC/B,CAqBA;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,CAErD;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,CAErD;AAED;;;;GAIG;AACH,wBAAgB,YAAY,IAAI,aAAa,CAE5C;AAED;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,UAAU,CASlH;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,UAAU,EAAE,GAAG,kBAAkB,CAM9E"}

package/lib/plugins/undo-redo/index.d.ts

@@ -4,6 +4,6 @@
  *
  * @module Plugins/Undo-Redo
  */
-export type { EditAction, UndoRedoConfig, UndoRedoDetail } from './types';
+export type { CompoundEditAction, EditAction, UndoRedoAction, UndoRedoConfig, UndoRedoDetail } from './types';
 export { UndoRedoPlugin } from './UndoRedoPlugin';
 //# sourceMappingURL=index.d.ts.map

package/lib/plugins/undo-redo/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../libs/grid/src/lib/plugins/undo-redo/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../libs/grid/src/lib/plugins/undo-redo/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,YAAY,EAAE,kBAAkB,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9G,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/lib/plugins/undo-redo/index.js

@@ -1,2 +1,2 @@
-const t='<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentColor" d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>',e={expand:"▶",collapse:"▼",sortAsc:"▲",sortDesc:"▼",sortNone:"⇅",submenuArrow:"▶",dragHandle:"⋮⋮",toolPanel:"☰",filter:t,filterActive:t,print:"🖨️"};class n{static dependencies;static manifest;version="undefined"!=typeof __GRID_VERSION__?__GRID_VERSION__:"dev";styles;cellRenderers;headerRenderers;cellEditors;grid;config;userConfig;#t;get defaultConfig(){return{}}constructor(t={}){this.userConfig=t}attach(t){this.#t?.abort(),this.#t=new AbortController,this.grid=t,this.config={...this.defaultConfig,...this.userConfig}}detach(){this.#t?.abort(),this.#t=void 0}getPlugin(t){return this.grid?.getPlugin(t)}emit(t,e){this.grid?.dispatchEvent?.(new CustomEvent(t,{detail:e,bubbles:!0}))}emitCancelable(t,e){const n=new CustomEvent(t,{detail:e,bubbles:!0,cancelable:!0});return this.grid?.dispatchEvent?.(n),n.defaultPrevented}on(t,e){this.grid?._pluginManager?.subscribe(this,t,e)}off(t){this.grid?._pluginManager?.unsubscribe(this,t)}emitPluginEvent(t,e){this.grid?._pluginManager?.emitPluginEvent(t,e)}requestRender(){this.grid?.requestRender?.()}requestColumnsRender(){this.grid?.requestColumnsRender?.()}requestRenderWithFocus(){this.grid?.requestRenderWithFocus?.()}requestAfterRender(){this.grid?.requestAfterRender?.()}get rows(){return this.grid?.rows??[]}get sourceRows(){return this.grid?.sourceRows??[]}get columns(){return this.grid?.columns??[]}get visibleColumns(){return this.grid?._visibleColumns??[]}get gridElement(){return this.grid}get disconnectSignal(){return this.#t?.signal??this.grid?.disconnectSignal}get gridIcons(){const t=this.grid?.gridConfig?.icons??{};return{...e,...t}}get isAnimationEnabled(){const t=this.grid?.effectiveConfig?.animation?.mode??"reduced-motion";if(!1===t||"off"===t)return!1;if(!0===t||"on"===t)return!0;const e=this.gridElement;if(e){return"0"!==getComputedStyle(e).getPropertyValue("--tbw-animation-enabled").trim()}return!0}get animationDuration(){const t=this.gridElement;if(t){const e=getComputedStyle(t).getPropertyValue("--tbw-animation-duration").trim(),n=parseInt(e,10);if(!isNaN(n))return n}return 200}resolveIcon(t,e){return void 0!==e?e:this.gridIcons[t]}setIcon(t,e){"string"==typeof e?t.innerHTML=e:e instanceof HTMLElement&&(t.innerHTML="",t.appendChild(e.cloneNode(!0)))}warn(t){console.warn(`[tbw-grid:${this.name}] ${t}`)}}function o(t){if(0===t.undoStack.length)return{newState:t,action:null};const e=[...t.undoStack],n=e.pop();return n?{newState:{undoStack:e,redoStack:[...t.redoStack,n]},action:n}:{newState:t,action:null}}function r(t){if(0===t.redoStack.length)return{newState:t,action:null};const e=[...t.redoStack],n=e.pop();return n?{newState:{undoStack:[...t.undoStack,n],redoStack:e},action:n}:{newState:t,action:null}}class i extends n{static dependencies=[{name:"editing",required:!0,reason:"UndoRedoPlugin tracks cell edit history"}];name="undoRedo";get defaultConfig(){return{maxHistorySize:100}}undoStack=[];redoStack=[];attach(t){super.attach(t),this.on("cell-edit-committed",t=>{this.recordEdit(t.rowIndex,t.field,t.oldValue,t.newValue)})}detach(){this.undoStack=[],this.redoStack=[]}onKeyDown(t){const e=(t.ctrlKey||t.metaKey)&&"z"===t.key&&!t.shiftKey,n=(t.ctrlKey||t.metaKey)&&("y"===t.key||"z"===t.key&&t.shiftKey);if(e){const t=o({undoStack:this.undoStack,redoStack:this.redoStack});if(t.action){const e=this.rows;e[t.action.rowIndex]&&(e[t.action.rowIndex][t.action.field]=t.action.oldValue),this.undoStack=t.newState.undoStack,this.redoStack=t.newState.redoStack,this.emit("undo",{action:t.action,type:"undo"}),this.requestRender()}return!0}if(n){const t=r({undoStack:this.undoStack,redoStack:this.redoStack});if(t.action){const e=this.rows;e[t.action.rowIndex]&&(e[t.action.rowIndex][t.action.field]=t.action.newValue),this.undoStack=t.newState.undoStack,this.redoStack=t.newState.redoStack,this.emit("redo",{action:t.action,type:"redo"}),this.requestRender()}return!0}return!1}recordEdit(t,e,n,o){const r=function(t,e,n,o){return{type:"cell-edit",rowIndex:t,field:e,oldValue:n,newValue:o,timestamp:Date.now()}}(t,e,n,o),i=function(t,e,n){const o=[...t.undoStack,e];for(;o.length>n;)o.shift();return{undoStack:o,redoStack:[]}}({undoStack:this.undoStack,redoStack:this.redoStack},r,this.config.maxHistorySize??100);this.undoStack=i.undoStack,this.redoStack=i.redoStack}undo(){const t=o({undoStack:this.undoStack,redoStack:this.redoStack});if(t.action){const e=this.rows;e[t.action.rowIndex]&&(e[t.action.rowIndex][t.action.field]=t.action.oldValue),this.undoStack=t.newState.undoStack,this.redoStack=t.newState.redoStack,this.requestRender()}return t.action}redo(){const t=r({undoStack:this.undoStack,redoStack:this.redoStack});if(t.action){const e=this.rows;e[t.action.rowIndex]&&(e[t.action.rowIndex][t.action.field]=t.action.newValue),this.undoStack=t.newState.undoStack,this.redoStack=t.newState.redoStack,this.requestRender()}return t.action}canUndo(){return{undoStack:this.undoStack,redoStack:this.redoStack}.undoStack.length>0}canRedo(){return{undoStack:this.undoStack,redoStack:this.redoStack}.redoStack.length>0}clearHistory(){const t={undoStack:[],redoStack:[]};this.undoStack=t.undoStack,this.redoStack=t.redoStack}getUndoStack(){return[...this.undoStack]}getRedoStack(){return[...this.redoStack]}}export{i as UndoRedoPlugin};
+document.createElement("template").innerHTML='<div class="cell" role="gridcell" part="cell"></div>';document.createElement("template").innerHTML='<div class="data-grid-row" role="row" part="row"></div>';const t='<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentColor" d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>',e={expand:"▶",collapse:"▼",sortAsc:"▲",sortDesc:"▼",sortNone:"⇅",submenuArrow:"▶",dragHandle:"⋮⋮",toolPanel:"☰",filter:t,filterActive:t,print:"🖨️"};class n{static dependencies;static manifest;version="undefined"!=typeof __GRID_VERSION__?__GRID_VERSION__:"dev";styles;cellRenderers;headerRenderers;cellEditors;grid;config;userConfig;#t;get defaultConfig(){return{}}constructor(t={}){this.userConfig=t}attach(t){this.#t?.abort(),this.#t=new AbortController,this.grid=t,this.config={...this.defaultConfig,...this.userConfig}}detach(){this.#t?.abort(),this.#t=void 0}getPlugin(t){return this.grid?.getPlugin(t)}emit(t,e){this.grid?.dispatchEvent?.(new CustomEvent(t,{detail:e,bubbles:!0}))}emitCancelable(t,e){const n=new CustomEvent(t,{detail:e,bubbles:!0,cancelable:!0});return this.grid?.dispatchEvent?.(n),n.defaultPrevented}on(t,e){this.grid?._pluginManager?.subscribe(this,t,e)}off(t){this.grid?._pluginManager?.unsubscribe(this,t)}emitPluginEvent(t,e){this.grid?._pluginManager?.emitPluginEvent(t,e)}requestRender(){this.grid?.requestRender?.()}requestColumnsRender(){this.grid?.requestColumnsRender?.()}requestRenderWithFocus(){this.grid?.requestRenderWithFocus?.()}requestAfterRender(){this.grid?.requestAfterRender?.()}get rows(){return this.grid?.rows??[]}get sourceRows(){return this.grid?.sourceRows??[]}get columns(){return this.grid?.columns??[]}get visibleColumns(){return this.grid?._visibleColumns??[]}get gridElement(){return this.grid}get disconnectSignal(){return this.#t?.signal??this.grid?.disconnectSignal}get gridIcons(){const t=this.grid?.gridConfig?.icons??{};return{...e,...t}}get isAnimationEnabled(){const t=this.grid?.effectiveConfig?.animation?.mode??"reduced-motion";if(!1===t||"off"===t)return!1;if(!0===t||"on"===t)return!0;const e=this.gridElement;if(e){return"0"!==getComputedStyle(e).getPropertyValue("--tbw-animation-enabled").trim()}return!0}get animationDuration(){const t=this.gridElement;if(t){const e=getComputedStyle(t).getPropertyValue("--tbw-animation-duration").trim(),n=parseInt(e,10);if(!isNaN(n))return n}return 200}resolveIcon(t,e){return void 0!==e?e:this.gridIcons[t]}setIcon(t,e){"string"==typeof e?t.innerHTML=e:e instanceof HTMLElement&&(t.innerHTML="",t.appendChild(e.cloneNode(!0)))}warn(t){console.warn(`[tbw-grid:${this.name}] ${t}`)}}function o(t,e,n){const o=[...t.undoStack,e];for(;o.length>n;)o.shift();return{undoStack:o,redoStack:[]}}function i(t){if(0===t.undoStack.length)return{newState:t,action:null};const e=[...t.undoStack],n=e.pop();return n?{newState:{undoStack:e,redoStack:[...t.redoStack,n]},action:n}:{newState:t,action:null}}function r(t){if(0===t.redoStack.length)return{newState:t,action:null};const e=[...t.redoStack],n=e.pop();return n?{newState:{undoStack:[...t.undoStack,n],redoStack:e},action:n}:{newState:t,action:null}}class a extends n{static dependencies=[{name:"editing",required:!0,reason:"UndoRedoPlugin tracks cell edit history"}];name="undoRedo";get defaultConfig(){return{maxHistorySize:100}}undoStack=[];redoStack=[];#e=!1;#n=null;#o(t,e){const n=this.rows[t.rowIndex];if(n){try{const o=this.grid.getRowId(n);if(o)return void this.grid.updateRow(o,{[t.field]:e})}catch{}n[t.field]=e}}#i(t){const e=this.grid,n=e._visibleColumns?.findIndex(e=>e.field===t.field)??-1;if(n<0)return;e._focusRow=t.rowIndex,e._focusCol=n;const o=e.findRenderedRowElement?.(t.rowIndex);if(!o)return;const i=o.querySelector(`.cell[data-col="${n}"]`);if(i?.classList.contains("editing")){const t=i.querySelector('input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])');t?.focus({preventScroll:!0})}}#r(t,e){if(this.#e=!0,"compound"===t.type){const n="undo"===e?[...t.actions].reverse():t.actions;for(const t of n)this.#o(t,"undo"===e?t.oldValue:t.newValue)}else this.#o(t,"undo"===e?t.oldValue:t.newValue);this.#e=!1}#a(t){const e="compound"===t.type?t.actions[t.actions.length-1]:t;e&&this.#i(e)}attach(t){super.attach(t),this.on("cell-edit-committed",t=>{this.#e||this.recordEdit(t.rowIndex,t.field,t.oldValue,t.newValue)})}detach(){this.undoStack=[],this.redoStack=[],this.#n=null}onKeyDown(t){const e=(t.ctrlKey||t.metaKey)&&"z"===t.key&&!t.shiftKey,n=(t.ctrlKey||t.metaKey)&&("y"===t.key||"z"===t.key&&t.shiftKey);if(e){t.preventDefault();const e=i({undoStack:this.undoStack,redoStack:this.redoStack});return e.action&&(this.#r(e.action,"undo"),this.undoStack=e.newState.undoStack,this.redoStack=e.newState.redoStack,this.emit("undo",{action:e.action,type:"undo"}),this.#a(e.action),this.requestRenderWithFocus()),!0}if(n){t.preventDefault();const e=r({undoStack:this.undoStack,redoStack:this.redoStack});return e.action&&(this.#r(e.action,"redo"),this.undoStack=e.newState.undoStack,this.redoStack=e.newState.redoStack,this.emit("redo",{action:e.action,type:"redo"}),this.#a(e.action),this.requestRenderWithFocus()),!0}return!1}recordEdit(t,e,n,i){const r=function(t,e,n,o){return{type:"cell-edit",rowIndex:t,field:e,oldValue:n,newValue:o,timestamp:Date.now()}}(t,e,n,i);if(this.#n)return void this.#n.push(r);const a=o({undoStack:this.undoStack,redoStack:this.redoStack},r,this.config.maxHistorySize??100);this.undoStack=a.undoStack,this.redoStack=a.redoStack}beginTransaction(){if(this.#n)throw new Error("UndoRedoPlugin: Transaction already in progress. Call endTransaction() first.");this.#n=[]}endTransaction(){const t=this.#n;if(!t)throw new Error("UndoRedoPlugin: No transaction in progress. Call beginTransaction() first.");if(this.#n=null,0===t.length)return;const e=1===t.length?t[0]:{type:"compound",actions:t,timestamp:Date.now()};const n=o({undoStack:this.undoStack,redoStack:this.redoStack},e,this.config.maxHistorySize??100);this.undoStack=n.undoStack,this.redoStack=n.redoStack}undo(){const t=i({undoStack:this.undoStack,redoStack:this.redoStack});return t.action&&(this.#r(t.action,"undo"),this.undoStack=t.newState.undoStack,this.redoStack=t.newState.redoStack,this.#a(t.action),this.requestRenderWithFocus()),t.action}redo(){const t=r({undoStack:this.undoStack,redoStack:this.redoStack});return t.action&&(this.#r(t.action,"redo"),this.undoStack=t.newState.undoStack,this.redoStack=t.newState.redoStack,this.#a(t.action),this.requestRenderWithFocus()),t.action}canUndo(){return{undoStack:this.undoStack,redoStack:this.redoStack}.undoStack.length>0}canRedo(){return{undoStack:this.undoStack,redoStack:this.redoStack}.redoStack.length>0}clearHistory(){const t={undoStack:[],redoStack:[]};this.undoStack=t.undoStack,this.redoStack=t.redoStack,this.#n=null}getUndoStack(){return[...this.undoStack]}getRedoStack(){return[...this.redoStack]}}export{a as UndoRedoPlugin};
 //# sourceMappingURL=index.js.map