@leapfrog/interactive-canvas 1.12.0 → 1.12.2

package/dist/interactive-canvas.es.js

@@ -2612,7 +2612,7 @@ var DefaultCanvasProfile = /** @class */ (function () {
         this.allowRotate = false;
         this.allowScale = false;
         this.defaultFont = "Lato";
-        this.defaultFontSize = 8;
+        this.defaultFontSize = 9;
         this.defaultFontColor = "#000000";
         this.defaultLineHeight = 1.8;
         this.defaultCharacterSpacing = 0;
@@ -3655,9 +3655,13 @@ var UndoStack = /** @class */ (function () {
         this.canvas = canvas;
         this.undoStates = [];
         this.redoStates = [];
-        this.lastUndo = null;
+        this.lastState = null;
         this.size = size;
     }
+    /**
+     * @override
+     * @inheritDoc
+     */
     UndoStack.prototype.save = function (state) {
         var currentState = this.canvas.save();
         var undoState = this.undoStates[this.undoStates.length - 1];
@@ -3666,9 +3670,12 @@ var UndoStack = /** @class */ (function () {
         this.undoStates.push(state);
         if (this.undoStates.length > this.size)
             this.undoStates.splice(0, 1);
-        if (!isEqual(this.lastUndo, currentState))
-            this.redoStates = [];
+        this.clearRedoStackIfCanvasChanged(currentState);
     };
+    /**
+     * @override
+     * @inheritDoc
+     */
     UndoStack.prototype.undo = function () {
         return __awaiter(this, void 0, void 0, function () {
             var undoState, currentState;
@@ -3684,7 +3691,7 @@ var UndoStack = /** @class */ (function () {
                             if (!undoState)
                                 return [2 /*return*/];
                         }
-                        this.lastUndo = undoState;
+                        this.lastState = undoState;
                         this.redoStates.push(currentState);
                         return [4 /*yield*/, this.canvas.load(undoState)];
                     case 1:
@@ -3694,18 +3701,23 @@ var UndoStack = /** @class */ (function () {
             });
         });
     };
+    /**
+     * @override
+     * @inheritDoc
+     */
     UndoStack.prototype.redo = function () {
         return __awaiter(this, void 0, void 0, function () {
-            var state, currentState;
+            var redoState, currentState;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        state = this.redoStates.pop();
-                        if (!state)
+                        redoState = this.redoStates.pop();
+                        if (!redoState)
                             return [2 /*return*/];
                         currentState = this.canvas.save();
+                        this.lastState = redoState;
                         this.undoStates.push(currentState);
-                        return [4 /*yield*/, this.canvas.load(state)];
+                        return [4 /*yield*/, this.canvas.load(redoState)];
                     case 1:
                         _a.sent();
                         return [2 /*return*/];
@@ -3713,6 +3725,11 @@ var UndoStack = /** @class */ (function () {
             });
         });
     };
+    UndoStack.prototype.clearRedoStackIfCanvasChanged = function (currentState) {
+        if (isEqual(this.lastState, currentState))
+            return;
+        this.redoStates = [];
+    };
     return UndoStack;
 }());
 

package/dist/interactive-canvas.js

@@ -2614,7 +2614,7 @@ var DefaultCanvasProfile = /** @class */ (function () {
         this.allowRotate = false;
         this.allowScale = false;
         this.defaultFont = "Lato";
-        this.defaultFontSize = 8;
+        this.defaultFontSize = 9;
         this.defaultFontColor = "#000000";
         this.defaultLineHeight = 1.8;
         this.defaultCharacterSpacing = 0;
@@ -3655,9 +3655,13 @@ var UndoStack = /** @class */ (function () {
         this.canvas = canvas;
         this.undoStates = [];
         this.redoStates = [];
-        this.lastUndo = null;
+        this.lastState = null;
         this.size = size;
     }
+    /**
+     * @override
+     * @inheritDoc
+     */
     UndoStack.prototype.save = function (state) {
         var currentState = this.canvas.save();
         var undoState = this.undoStates[this.undoStates.length - 1];
@@ -3666,9 +3670,12 @@ var UndoStack = /** @class */ (function () {
         this.undoStates.push(state);
         if (this.undoStates.length > this.size)
             this.undoStates.splice(0, 1);
-        if (!_.isEqual(this.lastUndo, currentState))
-            this.redoStates = [];
+        this.clearRedoStackIfCanvasChanged(currentState);
     };
+    /**
+     * @override
+     * @inheritDoc
+     */
     UndoStack.prototype.undo = function () {
         return __awaiter(this, void 0, void 0, function () {
             var undoState, currentState;
@@ -3684,7 +3691,7 @@ var UndoStack = /** @class */ (function () {
                             if (!undoState)
                                 return [2 /*return*/];
                         }
-                        this.lastUndo = undoState;
+                        this.lastState = undoState;
                         this.redoStates.push(currentState);
                         return [4 /*yield*/, this.canvas.load(undoState)];
                     case 1:
@@ -3694,18 +3701,23 @@ var UndoStack = /** @class */ (function () {
             });
         });
     };
+    /**
+     * @override
+     * @inheritDoc
+     */
     UndoStack.prototype.redo = function () {
         return __awaiter(this, void 0, void 0, function () {
-            var state, currentState;
+            var redoState, currentState;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        state = this.redoStates.pop();
-                        if (!state)
+                        redoState = this.redoStates.pop();
+                        if (!redoState)
                             return [2 /*return*/];
                         currentState = this.canvas.save();
+                        this.lastState = redoState;
                         this.undoStates.push(currentState);
-                        return [4 /*yield*/, this.canvas.load(state)];
+                        return [4 /*yield*/, this.canvas.load(redoState)];
                     case 1:
                         _a.sent();
                         return [2 /*return*/];
@@ -3713,6 +3725,11 @@ var UndoStack = /** @class */ (function () {
             });
         });
     };
+    UndoStack.prototype.clearRedoStackIfCanvasChanged = function (currentState) {
+        if (_.isEqual(this.lastState, currentState))
+            return;
+        this.redoStates = [];
+    };
     return UndoStack;
 }());
 

package/dist/undo-stack.d.ts

@@ -1,13 +1,27 @@
 import { ICanvasState } from "./types/canvas-state.interface";
 import { IInteractiveCanvas } from "./interactive-canvas.interface";
-export declare class UndoStack {
+import { IUndoStack } from "./undo-stack.interface";
+export declare class UndoStack implements IUndoStack {
     protected canvas: IInteractiveCanvas;
     private readonly size;
     private undoStates;
     private redoStates;
-    private lastUndo;
+    private lastState;
     constructor(canvas: IInteractiveCanvas, size?: number);
+    /**
+     * @override
+     * @inheritDoc
+     */
     save(state: ICanvasState): void;
+    /**
+     * @override
+     * @inheritDoc
+     */
     undo(): Promise<void>;
+    /**
+     * @override
+     * @inheritDoc
+     */
     redo(): Promise<void>;
+    private clearRedoStackIfCanvasChanged;
 }

package/dist/undo-stack.interface.d.ts

@@ -0,0 +1,6 @@
+import { ICanvasState } from "./types/canvas-state.interface";
+export interface IUndoStack {
+    save(state: ICanvasState): void;
+    undo(): Promise<void>;
+    redo(): Promise<void>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leapfrog/interactive-canvas",
-  "version": "1.12.0",
+  "version": "1.12.2",
   "description": "Leapfrog interactive canvas",
   "files": [
     "dist"