@leapfrog/interactive-canvas 1.0.8 → 1.2.0

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./dimensions/millimeter-dimensions";
 export * from "./dimensions/pixel-canvas-dimensions";
 export * from "./dimensions/print-6-col-canvas-dimensions";
 export * from "./dimensions/print-8-col-canvas-dimensions";

package/dist/interactive-canvas.es.js

@@ -4,6 +4,30 @@ import { oc } from 'ts-optchain';
 import { BehaviorSubject, Subject } from 'rxjs';
 import { fabric } from 'fabric';
 
+var PIXELS_PER_MM = 3.937;
+var MillimeterDimensions = /** @class */ (function () {
+    function MillimeterDimensions(width, height) {
+        this.widthUnit = "mm";
+        this.heightUnit = "mm";
+        this.width = width;
+        this.widthMm = Math.max(0, width);
+        this.widthPx = round(this.widthMm * PIXELS_PER_MM);
+        this.height = height;
+        this.heightMm = Math.max(0, height);
+        this.heightPx = round(this.heightMm * PIXELS_PER_MM);
+    }
+    MillimeterDimensions.prototype.withSize = function (width, height) {
+        return new MillimeterDimensions(width, height);
+    };
+    MillimeterDimensions.prototype.widthPxToMm = function (px) {
+        return px / PIXELS_PER_MM;
+    };
+    MillimeterDimensions.prototype.heightPxToMm = function (px) {
+        return px / PIXELS_PER_MM;
+    };
+    return MillimeterDimensions;
+}());
+
 var PixelCanvasDimensions = /** @class */ (function () {
     function PixelCanvasDimensions(width, height) {
         this.widthUnit = "px";
@@ -27,7 +51,7 @@ var PixelCanvasDimensions = /** @class */ (function () {
 
 var COLUMN_WIDTH_MM = 41;
 var GUTTER_WIDTH_MM = 3;
-var PIXELS_PER_MM = 3.937;
+var PIXELS_PER_MM$1 = 3.937;
 var Print6ColCanvasDimensions = /** @class */ (function () {
     function Print6ColCanvasDimensions(width, height) {
         this.widthUnit = "column(s)";
@@ -37,26 +61,26 @@ var Print6ColCanvasDimensions = /** @class */ (function () {
         this.gutterTotalMm = this.gutterCount * GUTTER_WIDTH_MM;
         this.columnsTotalMm = width * COLUMN_WIDTH_MM;
         this.widthMm = Math.max(0, this.columnsTotalMm + this.gutterTotalMm);
-        this.widthPx = round(this.widthMm * PIXELS_PER_MM);
+        this.widthPx = round(this.widthMm * PIXELS_PER_MM$1);
         this.height = height;
         this.heightMm = Math.max(0, height * 10);
-        this.heightPx = round(this.heightMm * PIXELS_PER_MM);
+        this.heightPx = round(this.heightMm * PIXELS_PER_MM$1);
     }
     Print6ColCanvasDimensions.prototype.withSize = function (width, height) {
         return new Print6ColCanvasDimensions(width, height);
     };
     Print6ColCanvasDimensions.prototype.widthPxToMm = function (px) {
-        return px / PIXELS_PER_MM;
+        return px / PIXELS_PER_MM$1;
     };
     Print6ColCanvasDimensions.prototype.heightPxToMm = function (px) {
-        return px / PIXELS_PER_MM;
+        return px / PIXELS_PER_MM$1;
     };
     return Print6ColCanvasDimensions;
 }());
 
 var COLUMN_WIDTH_MM$1 = 30.8772;
 var GUTTER_WIDTH_MM$1 = 2.1053;
-var PIXELS_PER_MM$1 = 3.937;
+var PIXELS_PER_MM$2 = 3.937;
 var Print8ColCanvasDimensions = /** @class */ (function () {
     function Print8ColCanvasDimensions(width, height) {
         this.widthUnit = "column(s)";
@@ -66,19 +90,19 @@ var Print8ColCanvasDimensions = /** @class */ (function () {
         this.gutterTotalMm = this.gutterCount * GUTTER_WIDTH_MM$1;
         this.columnsTotalMm = width * COLUMN_WIDTH_MM$1;
         this.widthMm = Math.max(0, this.columnsTotalMm + this.gutterTotalMm);
-        this.widthPx = round(this.widthMm * PIXELS_PER_MM$1);
+        this.widthPx = round(this.widthMm * PIXELS_PER_MM$2);
         this.height = height;
         this.heightMm = Math.max(0, height * 10);
-        this.heightPx = round(this.heightMm * PIXELS_PER_MM$1);
+        this.heightPx = round(this.heightMm * PIXELS_PER_MM$2);
     }
     Print8ColCanvasDimensions.prototype.withSize = function (width, height) {
         return new Print8ColCanvasDimensions(width, height);
     };
     Print8ColCanvasDimensions.prototype.widthPxToMm = function (px) {
-        return px / PIXELS_PER_MM$1;
+        return px / PIXELS_PER_MM$2;
     };
     Print8ColCanvasDimensions.prototype.heightPxToMm = function (px) {
-        return px / PIXELS_PER_MM$1;
+        return px / PIXELS_PER_MM$2;
     };
     return Print8ColCanvasDimensions;
 }());
@@ -296,6 +320,8 @@ var ResizeCanvasLayoutFunction = /** @class */ (function () {
     ResizeCanvasLayoutFunction.prototype.execute = function (canvas) {
         if (canvas.getLayoutManager().isEnforcedPositioning)
             return;
+        if (oc(canvas.getDimensionsRestrictions()).fixed(false))
+            return;
         var currentDimensions = canvas.getDimensions();
         var baseDimensions = canvas.getBaseDimensions();
         var textHeightIncreasePx = _(canvas.getObjectsByTypeInternal(ObjectType.TEXT))
@@ -457,6 +483,8 @@ var StackObjectsLayoutFunction = /** @class */ (function () {
         });
     };
     StackObjectsLayoutFunction.prototype.adjustCanvasSize = function (canvas, requiredHeight) {
+        if (oc(canvas.getDimensionsRestrictions()).fixed(false))
+            return;
         var dimensions = canvas.getDimensions();
         var targetDimensions = canvas.getDimensions().withSize(dimensions.width, MIN_MAGNITUDE);
         while (targetDimensions.heightPx < requiredHeight) {
@@ -816,6 +844,55 @@ var AbstractCanvasObject = /** @class */ (function () {
         this.canvas.notifyObjectListChanged();
         this.updateFabricObjectBehavior();
     };
+    /**
+     * @override
+     * @inheritDoc
+     */
+    AbstractCanvasObject.prototype.setLeft = function (left) {
+        this.setPosition({ left: left });
+    };
+    /**
+     * @override
+     * @inheritDoc
+     */
+    AbstractCanvasObject.prototype.setTop = function (top) {
+        this.setPosition({ top: top });
+    };
+    /**
+     * @override
+     * @inheritDoc
+     */
+    AbstractCanvasObject.prototype.setHeight = function (height) {
+        this.setPosition({ height: height });
+    };
+    /**
+     * @override
+     * @inheritDoc
+     */
+    AbstractCanvasObject.prototype.setWidth = function (width) {
+        this.setPosition({ width: width });
+    };
+    /**
+     * @override
+     * @inheritDoc
+     */
+    AbstractCanvasObject.prototype.setAngle = function (angle) {
+        this.setPosition({ angle: angle });
+    };
+    /**
+     * @override
+     * @inheritDoc
+     */
+    AbstractCanvasObject.prototype.setScaleX = function (scale) {
+        this.setPosition({ scaleX: scale });
+    };
+    /**
+     * @override
+     * @inheritDoc
+     */
+    AbstractCanvasObject.prototype.setScaleY = function (scale) {
+        this.setPosition({ scaleY: scale });
+    };
     /**
      * Get the underlying fabric object.
      * (Internal use only, do not expose this outside the canvas module).
@@ -833,6 +910,13 @@ var AbstractCanvasObject = /** @class */ (function () {
             this.fabricObject.set({ width: position.width / scale.x });
         if (position.height != undefined)
             this.fabricObject.set({ height: position.height / scale.y });
+        if (position.angle != undefined)
+            this.fabricObject.set({ angle: position.angle });
+        if (position.scaleX != undefined)
+            this.fabricObject.set({ scaleX: position.scaleX });
+        if (position.scaleY != undefined)
+            this.fabricObject.set({ scaleY: position.scaleY });
+        this.canvas.notifyObjectListChanged();
     };
     AbstractCanvasObject.prototype.setCoords = function () {
         this.fabricObject.setCoords();
@@ -1254,14 +1338,6 @@ var HorizontalRule = /** @class */ (function (_super) {
     HorizontalRule.prototype.centerVertically = function () {
         _super.prototype.centerVerticallyInternal.call(this);
     };
-    /**
-     * @override
-     * @inheritDoc
-     */
-    HorizontalRule.prototype.setHeight = function (height) {
-        this.setPosition({ height: height });
-        this.canvas.notifyObjectListChanged();
-    };
     /**
      * @override
      * @inheritDoc
@@ -1366,14 +1442,6 @@ var Image = /** @class */ (function (_super) {
     Image.prototype.centerVertically = function () {
         _super.prototype.centerVerticallyInternal.call(this);
     };
-    /**
-     * @override
-     * @inheritDoc
-     */
-    Image.prototype.setHeight = function (height) {
-        this.setPosition({ height: height });
-        this.canvas.notifyObjectListChanged();
-    };
     /**
      * @override
      * @inheritDoc
@@ -1508,14 +1576,6 @@ var Rectangle = /** @class */ (function (_super) {
     Rectangle.prototype.centerVertically = function () {
         _super.prototype.centerVerticallyInternal.call(this);
     };
-    /**
-     * @override
-     * @inheritDoc
-     */
-    Rectangle.prototype.setHeight = function (height) {
-        this.setPosition({ height: height });
-        this.canvas.notifyObjectListChanged();
-    };
     /**
      * @override
      * @inheritDoc
@@ -1809,13 +1869,6 @@ var Text = /** @class */ (function (_super) {
     Text.prototype.centerVertically = function () {
         _super.prototype.centerVerticallyInternal.call(this);
     };
-    /**
-     * @override
-     * @inheritDoc
-     */
-    Text.prototype.setHeight = function (height) {
-        //no-op
-    };
     /**
      * @override
      * @inheritDoc
@@ -2207,14 +2260,6 @@ var VerticalRule = /** @class */ (function (_super) {
     VerticalRule.prototype.centerVertically = function () {
         _super.prototype.centerVerticallyInternal.call(this);
     };
-    /**
-     * @override
-     * @inheritDoc
-     */
-    VerticalRule.prototype.setHeight = function (height) {
-        this.setPosition({ height: height });
-        this.canvas.notifyObjectListChanged();
-    };
     /**
      * @override
      * @inheritDoc
@@ -3222,4 +3267,4 @@ var InteractiveCanvas = /** @class */ (function (_super) {
     return InteractiveCanvas;
 }(AbstractInteractiveCanvas));
 
-export { AbstractCanvasObject, AbstractInteractiveCanvas, AbstractLayoutManager, AdvancedLayoutManager, Border, CanvasObjectData, Cutoff, DefaultCanvasProfile, Font, FontLibrary, HeadlessInteractiveCanvas, HorizontalRule, Image, ImageType, InteractiveCanvas, LayoutManager, ObjectType, PixelCanvasDimensions, Print6ColCanvasDimensions, Print8ColCanvasDimensions, Rectangle, SelectionData, StandardLayoutManager, Text, UNKNOWN_FONT, UnknownFont, VerticalRule, isMutableBackgroundColor, isMutableColor, isMutableImage, isMutablePosition, isMutableText, isMutableTextStyle };
+export { AbstractCanvasObject, AbstractInteractiveCanvas, AbstractLayoutManager, AdvancedLayoutManager, Border, CanvasObjectData, Cutoff, DefaultCanvasProfile, Font, FontLibrary, HeadlessInteractiveCanvas, HorizontalRule, Image, ImageType, InteractiveCanvas, LayoutManager, MillimeterDimensions, ObjectType, PixelCanvasDimensions, Print6ColCanvasDimensions, Print8ColCanvasDimensions, Rectangle, SelectionData, StandardLayoutManager, Text, UNKNOWN_FONT, UnknownFont, VerticalRule, isMutableBackgroundColor, isMutableColor, isMutableImage, isMutablePosition, isMutableText, isMutableTextStyle };

package/dist/interactive-canvas.js

@@ -7,6 +7,30 @@ var tsOptchain = require('ts-optchain');
 var rxjs = require('rxjs');
 var fabric = require('fabric');
 
+var PIXELS_PER_MM = 3.937;
+var MillimeterDimensions = /** @class */ (function () {
+    function MillimeterDimensions(width, height) {
+        this.widthUnit = "mm";
+        this.heightUnit = "mm";
+        this.width = width;
+        this.widthMm = Math.max(0, width);
+        this.widthPx = _.round(this.widthMm * PIXELS_PER_MM);
+        this.height = height;
+        this.heightMm = Math.max(0, height);
+        this.heightPx = _.round(this.heightMm * PIXELS_PER_MM);
+    }
+    MillimeterDimensions.prototype.withSize = function (width, height) {
+        return new MillimeterDimensions(width, height);
+    };
+    MillimeterDimensions.prototype.widthPxToMm = function (px) {
+        return px / PIXELS_PER_MM;
+    };
+    MillimeterDimensions.prototype.heightPxToMm = function (px) {
+        return px / PIXELS_PER_MM;
+    };
+    return MillimeterDimensions;
+}());
+
 var PixelCanvasDimensions = /** @class */ (function () {
     function PixelCanvasDimensions(width, height) {
         this.widthUnit = "px";
@@ -30,7 +54,7 @@ var PixelCanvasDimensions = /** @class */ (function () {
 
 var COLUMN_WIDTH_MM = 41;
 var GUTTER_WIDTH_MM = 3;
-var PIXELS_PER_MM = 3.937;
+var PIXELS_PER_MM$1 = 3.937;
 var Print6ColCanvasDimensions = /** @class */ (function () {
     function Print6ColCanvasDimensions(width, height) {
         this.widthUnit = "column(s)";
@@ -40,26 +64,26 @@ var Print6ColCanvasDimensions = /** @class */ (function () {
         this.gutterTotalMm = this.gutterCount * GUTTER_WIDTH_MM;
         this.columnsTotalMm = width * COLUMN_WIDTH_MM;
         this.widthMm = Math.max(0, this.columnsTotalMm + this.gutterTotalMm);
-        this.widthPx = _.round(this.widthMm * PIXELS_PER_MM);
+        this.widthPx = _.round(this.widthMm * PIXELS_PER_MM$1);
         this.height = height;
         this.heightMm = Math.max(0, height * 10);
-        this.heightPx = _.round(this.heightMm * PIXELS_PER_MM);
+        this.heightPx = _.round(this.heightMm * PIXELS_PER_MM$1);
     }
     Print6ColCanvasDimensions.prototype.withSize = function (width, height) {
         return new Print6ColCanvasDimensions(width, height);
     };
     Print6ColCanvasDimensions.prototype.widthPxToMm = function (px) {
-        return px / PIXELS_PER_MM;
+        return px / PIXELS_PER_MM$1;
     };
     Print6ColCanvasDimensions.prototype.heightPxToMm = function (px) {
-        return px / PIXELS_PER_MM;
+        return px / PIXELS_PER_MM$1;
     };
     return Print6ColCanvasDimensions;
 }());
 
 var COLUMN_WIDTH_MM$1 = 30.8772;
 var GUTTER_WIDTH_MM$1 = 2.1053;
-var PIXELS_PER_MM$1 = 3.937;
+var PIXELS_PER_MM$2 = 3.937;
 var Print8ColCanvasDimensions = /** @class */ (function () {
     function Print8ColCanvasDimensions(width, height) {
         this.widthUnit = "column(s)";
@@ -69,19 +93,19 @@ var Print8ColCanvasDimensions = /** @class */ (function () {
         this.gutterTotalMm = this.gutterCount * GUTTER_WIDTH_MM$1;
         this.columnsTotalMm = width * COLUMN_WIDTH_MM$1;
         this.widthMm = Math.max(0, this.columnsTotalMm + this.gutterTotalMm);
-        this.widthPx = _.round(this.widthMm * PIXELS_PER_MM$1);
+        this.widthPx = _.round(this.widthMm * PIXELS_PER_MM$2);
         this.height = height;
         this.heightMm = Math.max(0, height * 10);
-        this.heightPx = _.round(this.heightMm * PIXELS_PER_MM$1);
+        this.heightPx = _.round(this.heightMm * PIXELS_PER_MM$2);
     }
     Print8ColCanvasDimensions.prototype.withSize = function (width, height) {
         return new Print8ColCanvasDimensions(width, height);
     };
     Print8ColCanvasDimensions.prototype.widthPxToMm = function (px) {
-        return px / PIXELS_PER_MM$1;
+        return px / PIXELS_PER_MM$2;
     };
     Print8ColCanvasDimensions.prototype.heightPxToMm = function (px) {
-        return px / PIXELS_PER_MM$1;
+        return px / PIXELS_PER_MM$2;
     };
     return Print8ColCanvasDimensions;
 }());
@@ -299,6 +323,8 @@ var ResizeCanvasLayoutFunction = /** @class */ (function () {
     ResizeCanvasLayoutFunction.prototype.execute = function (canvas) {
         if (canvas.getLayoutManager().isEnforcedPositioning)
             return;
+        if (tsOptchain.oc(canvas.getDimensionsRestrictions()).fixed(false))
+            return;
         var currentDimensions = canvas.getDimensions();
         var baseDimensions = canvas.getBaseDimensions();
         var textHeightIncreasePx = _(canvas.getObjectsByTypeInternal(exports.ObjectType.TEXT))
@@ -459,6 +485,8 @@ var StackObjectsLayoutFunction = /** @class */ (function () {
         });
     };
     StackObjectsLayoutFunction.prototype.adjustCanvasSize = function (canvas, requiredHeight) {
+        if (tsOptchain.oc(canvas.getDimensionsRestrictions()).fixed(false))
+            return;
         var dimensions = canvas.getDimensions();
         var targetDimensions = canvas.getDimensions().withSize(dimensions.width, MIN_MAGNITUDE);
         while (targetDimensions.heightPx < requiredHeight) {
@@ -818,6 +846,55 @@ var AbstractCanvasObject = /** @class */ (function () {
         this.canvas.notifyObjectListChanged();
         this.updateFabricObjectBehavior();
     };
+    /**
+     * @override
+     * @inheritDoc
+     */
+    AbstractCanvasObject.prototype.setLeft = function (left) {
+        this.setPosition({ left: left });
+    };
+    /**
+     * @override
+     * @inheritDoc
+     */
+    AbstractCanvasObject.prototype.setTop = function (top) {
+        this.setPosition({ top: top });
+    };
+    /**
+     * @override
+     * @inheritDoc
+     */
+    AbstractCanvasObject.prototype.setHeight = function (height) {
+        this.setPosition({ height: height });
+    };
+    /**
+     * @override
+     * @inheritDoc
+     */
+    AbstractCanvasObject.prototype.setWidth = function (width) {
+        this.setPosition({ width: width });
+    };
+    /**
+     * @override
+     * @inheritDoc
+     */
+    AbstractCanvasObject.prototype.setAngle = function (angle) {
+        this.setPosition({ angle: angle });
+    };
+    /**
+     * @override
+     * @inheritDoc
+     */
+    AbstractCanvasObject.prototype.setScaleX = function (scale) {
+        this.setPosition({ scaleX: scale });
+    };
+    /**
+     * @override
+     * @inheritDoc
+     */
+    AbstractCanvasObject.prototype.setScaleY = function (scale) {
+        this.setPosition({ scaleY: scale });
+    };
     /**
      * Get the underlying fabric object.
      * (Internal use only, do not expose this outside the canvas module).
@@ -835,6 +912,13 @@ var AbstractCanvasObject = /** @class */ (function () {
             this.fabricObject.set({ width: position.width / scale.x });
         if (position.height != undefined)
             this.fabricObject.set({ height: position.height / scale.y });
+        if (position.angle != undefined)
+            this.fabricObject.set({ angle: position.angle });
+        if (position.scaleX != undefined)
+            this.fabricObject.set({ scaleX: position.scaleX });
+        if (position.scaleY != undefined)
+            this.fabricObject.set({ scaleY: position.scaleY });
+        this.canvas.notifyObjectListChanged();
     };
     AbstractCanvasObject.prototype.setCoords = function () {
         this.fabricObject.setCoords();
@@ -1256,14 +1340,6 @@ var HorizontalRule = /** @class */ (function (_super) {
     HorizontalRule.prototype.centerVertically = function () {
         _super.prototype.centerVerticallyInternal.call(this);
     };
-    /**
-     * @override
-     * @inheritDoc
-     */
-    HorizontalRule.prototype.setHeight = function (height) {
-        this.setPosition({ height: height });
-        this.canvas.notifyObjectListChanged();
-    };
     /**
      * @override
      * @inheritDoc
@@ -1368,14 +1444,6 @@ var Image = /** @class */ (function (_super) {
     Image.prototype.centerVertically = function () {
         _super.prototype.centerVerticallyInternal.call(this);
     };
-    /**
-     * @override
-     * @inheritDoc
-     */
-    Image.prototype.setHeight = function (height) {
-        this.setPosition({ height: height });
-        this.canvas.notifyObjectListChanged();
-    };
     /**
      * @override
      * @inheritDoc
@@ -1510,14 +1578,6 @@ var Rectangle = /** @class */ (function (_super) {
     Rectangle.prototype.centerVertically = function () {
         _super.prototype.centerVerticallyInternal.call(this);
     };
-    /**
-     * @override
-     * @inheritDoc
-     */
-    Rectangle.prototype.setHeight = function (height) {
-        this.setPosition({ height: height });
-        this.canvas.notifyObjectListChanged();
-    };
     /**
      * @override
      * @inheritDoc
@@ -1811,13 +1871,6 @@ var Text = /** @class */ (function (_super) {
     Text.prototype.centerVertically = function () {
         _super.prototype.centerVerticallyInternal.call(this);
     };
-    /**
-     * @override
-     * @inheritDoc
-     */
-    Text.prototype.setHeight = function (height) {
-        //no-op
-    };
     /**
      * @override
      * @inheritDoc
@@ -2209,14 +2262,6 @@ var VerticalRule = /** @class */ (function (_super) {
     VerticalRule.prototype.centerVertically = function () {
         _super.prototype.centerVerticallyInternal.call(this);
     };
-    /**
-     * @override
-     * @inheritDoc
-     */
-    VerticalRule.prototype.setHeight = function (height) {
-        this.setPosition({ height: height });
-        this.canvas.notifyObjectListChanged();
-    };
     /**
      * @override
      * @inheritDoc
@@ -3236,6 +3281,7 @@ exports.HeadlessInteractiveCanvas = HeadlessInteractiveCanvas;
 exports.HorizontalRule = HorizontalRule;
 exports.Image = Image;
 exports.InteractiveCanvas = InteractiveCanvas;
+exports.MillimeterDimensions = MillimeterDimensions;
 exports.PixelCanvasDimensions = PixelCanvasDimensions;
 exports.Print6ColCanvasDimensions = Print6ColCanvasDimensions;
 exports.Print8ColCanvasDimensions = Print8ColCanvasDimensions;

package/dist/mutator/mutable-position.interface.d.ts

@@ -8,11 +8,41 @@ export interface IMutablePosition extends ICanvasObject {
      * Center the object vertically on the canvas.
      */
     centerVertically(): void;
+    /**
+     * Set the left value of the element.
+     * @param left New left value.
+     */
+    setLeft(left: number): void;
+    /**
+     * Set the top value of the element.
+     * @param top New top value.
+     */
+    setTop(top: number): void;
     /**
      * Set the height of the element.
      * @param height New height.
      */
     setHeight(height: number): void;
+    /**
+     * Set the width of the element.
+     * @param width New width.
+     */
+    setWidth(width: number): void;
+    /**
+     * Set the angle of the element.
+     * @param angle New angle.
+     */
+    setAngle(angle: number): void;
+    /**
+     * Set the x scale of the element.
+     * @param scale New scale.
+     */
+    setScaleX(scale: number): void;
+    /**
+     * Set the y scale of the element.
+     * @param scale New scale.
+     */
+    setScaleY(scale: number): void;
     /**
      * Nudge the object upward.
      */

package/dist/object/abstract-canvas-object.d.ts

@@ -123,6 +123,41 @@ export declare abstract class AbstractCanvasObject<T extends Object> implements
      * @inheritDoc
      */
     setPinToBottom(value?: boolean): void;
+    /**
+     * @override
+     * @inheritDoc
+     */
+    setLeft(left: number): void;
+    /**
+     * @override
+     * @inheritDoc
+     */
+    setTop(top: number): void;
+    /**
+     * @override
+     * @inheritDoc
+     */
+    setHeight(height: number): void;
+    /**
+     * @override
+     * @inheritDoc
+     */
+    setWidth(width: number): void;
+    /**
+     * @override
+     * @inheritDoc
+     */
+    setAngle(angle: number): void;
+    /**
+     * @override
+     * @inheritDoc
+     */
+    setScaleX(scale: number): void;
+    /**
+     * @override
+     * @inheritDoc
+     */
+    setScaleY(scale: number): void;
     /**
      * Get the underlying fabric object.
      * (Internal use only, do not expose this outside the canvas module).

package/dist/object/impl/horizontal-rule.d.ts

@@ -60,11 +60,6 @@ export declare class HorizontalRule extends AbstractCanvasObject<fabric.Rect> im
      * @inheritDoc
      */
     centerVertically(): void;
-    /**
-     * @override
-     * @inheritDoc
-     */
-    setHeight(height: number): void;
     /**
      * @override
      * @inheritDoc

package/dist/object/impl/image.d.ts

@@ -44,11 +44,6 @@ export declare class Image extends AbstractCanvasObject<fabric.Image> implements
      * @inheritDoc
      */
     centerVertically(): void;
-    /**
-     * @override
-     * @inheritDoc
-     */
-    setHeight(height: number): void;
     /**
      * @override
      * @inheritDoc

package/dist/object/impl/rectangle.d.ts

@@ -30,11 +30,6 @@ export declare class Rectangle extends AbstractCanvasObject<fabric.Rect> impleme
      * @inheritDoc
      */
     centerVertically(): void;
-    /**
-     * @override
-     * @inheritDoc
-     */
-    setHeight(height: number): void;
     /**
      * @override
      * @inheritDoc

package/dist/object/impl/text.d.ts

@@ -157,11 +157,6 @@ export declare class Text extends AbstractCanvasObject<fabric.Textbox> implement
      * @inheritDoc
      */
     centerVertically(): void;
-    /**
-     * @override
-     * @inheritDoc
-     */
-    setHeight(height: number): void;
     /**
      * @override
      * @inheritDoc

package/dist/object/impl/vertical-rule.d.ts

@@ -60,11 +60,6 @@ export declare class VerticalRule extends AbstractCanvasObject<fabric.Rect> impl
      * @inheritDoc
      */
     centerVertically(): void;
-    /**
-     * @override
-     * @inheritDoc
-     */
-    setHeight(height: number): void;
     /**
      * @override
      * @inheritDoc

package/dist/types/canvas-dimension-restrictions.interface.d.ts

@@ -11,4 +11,5 @@ export interface ICanvasDimensionRestrictions {
         min?: number;
         max?: number;
     };
+    readonly fixed?: boolean;
 }

package/dist/types/position.interface.d.ts

@@ -3,4 +3,7 @@ export interface IPosition {
     readonly left?: number;
     readonly width?: number;
     readonly height?: number;
+    readonly angle?: number;
+    readonly scaleX?: number;
+    readonly scaleY?: number;
 }

package/package.json

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