@leapfrog/interactive-canvas 1.0.7 → 1.1.0

package/dist/dimensions/millimeter-dimensions.d.ts

@@ -0,0 +1,15 @@
+import { ICanvasDimensions } from "..";
+export declare class MillimeterDimensions implements ICanvasDimensions {
+    readonly width: number;
+    readonly widthPx: number;
+    readonly widthMm: number;
+    readonly widthUnit: string;
+    readonly height: number;
+    readonly heightPx: number;
+    readonly heightMm: number;
+    readonly heightUnit: string;
+    constructor(width: number, height: number);
+    withSize(width: number, height: number): ICanvasDimensions;
+    widthPxToMm(px: number): number | undefined;
+    heightPxToMm(px: number): number | undefined;
+}

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;
 }());
@@ -260,6 +284,63 @@ var RedrawAllLayoutFunction = /** @class */ (function () {
     return RedrawAllLayoutFunction;
 }());
 
+var RepositionCutoffsLayoutFunction = /** @class */ (function () {
+    function RepositionCutoffsLayoutFunction() {
+    }
+    RepositionCutoffsLayoutFunction.prototype.execute = function (canvas) {
+        canvas.getObjectsByTypeInternal(ObjectType.CUTOFF)
+            .forEach(function (cutoff) { return cutoff.updatePosition(); });
+    };
+    return RepositionCutoffsLayoutFunction;
+}());
+
+var RepositionBordersLayoutFunction = /** @class */ (function () {
+    function RepositionBordersLayoutFunction() {
+    }
+    RepositionBordersLayoutFunction.prototype.execute = function (canvas) {
+        canvas.getObjectsByTypeInternal(ObjectType.BORDER)
+            .forEach(function (border) { return border.updatePosition(); });
+    };
+    return RepositionBordersLayoutFunction;
+}());
+
+var PinToBottomLayoutFunction = /** @class */ (function () {
+    function PinToBottomLayoutFunction() {
+    }
+    PinToBottomLayoutFunction.prototype.execute = function (canvas) {
+        canvas.getObjectsInternal()
+            .forEach(function (object) { return object.moveToPinnedPosition(); });
+    };
+    return PinToBottomLayoutFunction;
+}());
+
+var ResizeCanvasLayoutFunction = /** @class */ (function () {
+    function ResizeCanvasLayoutFunction() {
+    }
+    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))
+            .filter(function (text) { return text.isResizeCanvas(); })
+            .reduce(function (x, text) { return x + text.getSizeIncreaseSinceCreation(); }, 0);
+        var increase = baseDimensions.withSize(currentDimensions.width, 0);
+        while (increase.heightPx < textHeightIncreasePx) {
+            increase = increase.withSize(increase.width, increase.height + 1);
+        }
+        var targetHeight = increase.withSize(increase.width, baseDimensions.height + increase.height);
+        if (currentDimensions.height !== targetHeight.height) {
+            canvas.setDimensions(targetHeight);
+        }
+        canvas.getObjectsInternal().forEach(function (object) { return object.setCoords(); });
+        canvas.redraw();
+    };
+    return ResizeCanvasLayoutFunction;
+}());
+
 var LayoutManager;
 (function (LayoutManager) {
     LayoutManager["LEGACY"] = "LEGACY";
@@ -267,6 +348,33 @@ var LayoutManager;
     LayoutManager["ADVANCED"] = "ADVANCED";
 })(LayoutManager || (LayoutManager = {}));
 
+var AdvancedLayoutManager = /** @class */ (function (_super) {
+    __extends(AdvancedLayoutManager, _super);
+    function AdvancedLayoutManager(canvas) {
+        var _this = _super.call(this, canvas) || this;
+        _this.key = LayoutManager.ADVANCED;
+        _this.pinToBottom = new PinToBottomLayoutFunction();
+        _this.redrawAll = new RedrawAllLayoutFunction();
+        _this.repositionBorders = new RepositionBordersLayoutFunction();
+        _this.repositionCutoffs = new RepositionCutoffsLayoutFunction();
+        _this.resizeCanvas = new ResizeCanvasLayoutFunction();
+        return _this;
+    }
+    AdvancedLayoutManager.prototype.onCanvasDimensionsChange = function () {
+        this.pinToBottom.execute(this.canvas);
+        this.repositionCutoffs.execute(this.canvas);
+        this.repositionBorders.execute(this.canvas);
+        this.redrawAll.execute(this.canvas);
+    };
+    AdvancedLayoutManager.prototype.onTextChange = function () {
+        this.resizeCanvas.execute(this.canvas);
+    };
+    AdvancedLayoutManager.prototype.onObjectListChange = function () {
+        this.redrawAll.execute(this.canvas);
+    };
+    return AdvancedLayoutManager;
+}(AbstractLayoutManager));
+
 var UpdateObjectDimensionsLayoutFunction = /** @class */ (function () {
     function UpdateObjectDimensionsLayoutFunction() {
     }
@@ -375,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) {
@@ -428,16 +538,6 @@ var StackObjectsLayoutFunction = /** @class */ (function () {
     return StackObjectsLayoutFunction;
 }());
 
-var RepositionBordersLayoutFunction = /** @class */ (function () {
-    function RepositionBordersLayoutFunction() {
-    }
-    RepositionBordersLayoutFunction.prototype.execute = function (canvas) {
-        canvas.getObjectsByTypeInternal(ObjectType.BORDER)
-            .forEach(function (border) { return border.updatePosition(); });
-    };
-    return RepositionBordersLayoutFunction;
-}());
-
 var StandardLayoutManager = /** @class */ (function (_super) {
     __extends(StandardLayoutManager, _super);
     function StandardLayoutManager(canvas) {
@@ -3150,76 +3250,4 @@ var InteractiveCanvas = /** @class */ (function (_super) {
     return InteractiveCanvas;
 }(AbstractInteractiveCanvas));
 
-var RepositionCutoffsLayoutFunction = /** @class */ (function () {
-    function RepositionCutoffsLayoutFunction() {
-    }
-    RepositionCutoffsLayoutFunction.prototype.execute = function (canvas) {
-        canvas.getObjectsByTypeInternal(ObjectType.CUTOFF)
-            .forEach(function (cutoff) { return cutoff.updatePosition(); });
-    };
-    return RepositionCutoffsLayoutFunction;
-}());
-
-var PinToBottomLayoutFunction = /** @class */ (function () {
-    function PinToBottomLayoutFunction() {
-    }
-    PinToBottomLayoutFunction.prototype.execute = function (canvas) {
-        canvas.getObjectsInternal()
-            .forEach(function (object) { return object.moveToPinnedPosition(); });
-    };
-    return PinToBottomLayoutFunction;
-}());
-
-var ResizeCanvasLayoutFunction = /** @class */ (function () {
-    function ResizeCanvasLayoutFunction() {
-    }
-    ResizeCanvasLayoutFunction.prototype.execute = function (canvas) {
-        if (canvas.getLayoutManager().isEnforcedPositioning)
-            return;
-        var currentDimensions = canvas.getDimensions();
-        var baseDimensions = canvas.getBaseDimensions();
-        var textHeightIncreasePx = _(canvas.getObjectsByTypeInternal(ObjectType.TEXT))
-            .filter(function (text) { return text.isResizeCanvas(); })
-            .reduce(function (x, text) { return x + text.getSizeIncreaseSinceCreation(); }, 0);
-        var increase = baseDimensions.withSize(currentDimensions.width, 0);
-        while (increase.heightPx < textHeightIncreasePx) {
-            increase = increase.withSize(increase.width, increase.height + 1);
-        }
-        var targetHeight = increase.withSize(increase.width, baseDimensions.height + increase.height);
-        if (currentDimensions.height !== targetHeight.height) {
-            canvas.setDimensions(targetHeight);
-        }
-        canvas.getObjectsInternal().forEach(function (object) { return object.setCoords(); });
-        canvas.redraw();
-    };
-    return ResizeCanvasLayoutFunction;
-}());
-
-var AdvancedLayoutManager = /** @class */ (function (_super) {
-    __extends(AdvancedLayoutManager, _super);
-    function AdvancedLayoutManager(canvas) {
-        var _this = _super.call(this, canvas) || this;
-        _this.key = LayoutManager.ADVANCED;
-        _this.pinToBottom = new PinToBottomLayoutFunction();
-        _this.redrawAll = new RedrawAllLayoutFunction();
-        _this.repositionBorders = new RepositionBordersLayoutFunction();
-        _this.repositionCutoffs = new RepositionCutoffsLayoutFunction();
-        _this.resizeCanvas = new ResizeCanvasLayoutFunction();
-        return _this;
-    }
-    AdvancedLayoutManager.prototype.onCanvasDimensionsChange = function () {
-        this.pinToBottom.execute(this.canvas);
-        this.repositionCutoffs.execute(this.canvas);
-        this.repositionBorders.execute(this.canvas);
-        this.redrawAll.execute(this.canvas);
-    };
-    AdvancedLayoutManager.prototype.onTextChange = function () {
-        this.resizeCanvas.execute(this.canvas);
-    };
-    AdvancedLayoutManager.prototype.onObjectListChange = function () {
-        this.redrawAll.execute(this.canvas);
-    };
-    return AdvancedLayoutManager;
-}(AbstractLayoutManager));
-
-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;
 }());
@@ -263,12 +287,96 @@ var RedrawAllLayoutFunction = /** @class */ (function () {
     return RedrawAllLayoutFunction;
 }());
 
+var RepositionCutoffsLayoutFunction = /** @class */ (function () {
+    function RepositionCutoffsLayoutFunction() {
+    }
+    RepositionCutoffsLayoutFunction.prototype.execute = function (canvas) {
+        canvas.getObjectsByTypeInternal(exports.ObjectType.CUTOFF)
+            .forEach(function (cutoff) { return cutoff.updatePosition(); });
+    };
+    return RepositionCutoffsLayoutFunction;
+}());
+
+var RepositionBordersLayoutFunction = /** @class */ (function () {
+    function RepositionBordersLayoutFunction() {
+    }
+    RepositionBordersLayoutFunction.prototype.execute = function (canvas) {
+        canvas.getObjectsByTypeInternal(exports.ObjectType.BORDER)
+            .forEach(function (border) { return border.updatePosition(); });
+    };
+    return RepositionBordersLayoutFunction;
+}());
+
+var PinToBottomLayoutFunction = /** @class */ (function () {
+    function PinToBottomLayoutFunction() {
+    }
+    PinToBottomLayoutFunction.prototype.execute = function (canvas) {
+        canvas.getObjectsInternal()
+            .forEach(function (object) { return object.moveToPinnedPosition(); });
+    };
+    return PinToBottomLayoutFunction;
+}());
+
+var ResizeCanvasLayoutFunction = /** @class */ (function () {
+    function ResizeCanvasLayoutFunction() {
+    }
+    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))
+            .filter(function (text) { return text.isResizeCanvas(); })
+            .reduce(function (x, text) { return x + text.getSizeIncreaseSinceCreation(); }, 0);
+        var increase = baseDimensions.withSize(currentDimensions.width, 0);
+        while (increase.heightPx < textHeightIncreasePx) {
+            increase = increase.withSize(increase.width, increase.height + 1);
+        }
+        var targetHeight = increase.withSize(increase.width, baseDimensions.height + increase.height);
+        if (currentDimensions.height !== targetHeight.height) {
+            canvas.setDimensions(targetHeight);
+        }
+        canvas.getObjectsInternal().forEach(function (object) { return object.setCoords(); });
+        canvas.redraw();
+    };
+    return ResizeCanvasLayoutFunction;
+}());
+
 (function (LayoutManager) {
     LayoutManager["LEGACY"] = "LEGACY";
     LayoutManager["STANDARD"] = "STANDARD";
     LayoutManager["ADVANCED"] = "ADVANCED";
 })(exports.LayoutManager || (exports.LayoutManager = {}));
 
+var AdvancedLayoutManager = /** @class */ (function (_super) {
+    __extends(AdvancedLayoutManager, _super);
+    function AdvancedLayoutManager(canvas) {
+        var _this = _super.call(this, canvas) || this;
+        _this.key = exports.LayoutManager.ADVANCED;
+        _this.pinToBottom = new PinToBottomLayoutFunction();
+        _this.redrawAll = new RedrawAllLayoutFunction();
+        _this.repositionBorders = new RepositionBordersLayoutFunction();
+        _this.repositionCutoffs = new RepositionCutoffsLayoutFunction();
+        _this.resizeCanvas = new ResizeCanvasLayoutFunction();
+        return _this;
+    }
+    AdvancedLayoutManager.prototype.onCanvasDimensionsChange = function () {
+        this.pinToBottom.execute(this.canvas);
+        this.repositionCutoffs.execute(this.canvas);
+        this.repositionBorders.execute(this.canvas);
+        this.redrawAll.execute(this.canvas);
+    };
+    AdvancedLayoutManager.prototype.onTextChange = function () {
+        this.resizeCanvas.execute(this.canvas);
+    };
+    AdvancedLayoutManager.prototype.onObjectListChange = function () {
+        this.redrawAll.execute(this.canvas);
+    };
+    return AdvancedLayoutManager;
+}(AbstractLayoutManager));
+
 var UpdateObjectDimensionsLayoutFunction = /** @class */ (function () {
     function UpdateObjectDimensionsLayoutFunction() {
     }
@@ -377,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) {
@@ -430,16 +540,6 @@ var StackObjectsLayoutFunction = /** @class */ (function () {
     return StackObjectsLayoutFunction;
 }());
 
-var RepositionBordersLayoutFunction = /** @class */ (function () {
-    function RepositionBordersLayoutFunction() {
-    }
-    RepositionBordersLayoutFunction.prototype.execute = function (canvas) {
-        canvas.getObjectsByTypeInternal(exports.ObjectType.BORDER)
-            .forEach(function (border) { return border.updatePosition(); });
-    };
-    return RepositionBordersLayoutFunction;
-}());
-
 var StandardLayoutManager = /** @class */ (function (_super) {
     __extends(StandardLayoutManager, _super);
     function StandardLayoutManager(canvas) {
@@ -3150,78 +3250,6 @@ var InteractiveCanvas = /** @class */ (function (_super) {
     return InteractiveCanvas;
 }(AbstractInteractiveCanvas));
 
-var RepositionCutoffsLayoutFunction = /** @class */ (function () {
-    function RepositionCutoffsLayoutFunction() {
-    }
-    RepositionCutoffsLayoutFunction.prototype.execute = function (canvas) {
-        canvas.getObjectsByTypeInternal(exports.ObjectType.CUTOFF)
-            .forEach(function (cutoff) { return cutoff.updatePosition(); });
-    };
-    return RepositionCutoffsLayoutFunction;
-}());
-
-var PinToBottomLayoutFunction = /** @class */ (function () {
-    function PinToBottomLayoutFunction() {
-    }
-    PinToBottomLayoutFunction.prototype.execute = function (canvas) {
-        canvas.getObjectsInternal()
-            .forEach(function (object) { return object.moveToPinnedPosition(); });
-    };
-    return PinToBottomLayoutFunction;
-}());
-
-var ResizeCanvasLayoutFunction = /** @class */ (function () {
-    function ResizeCanvasLayoutFunction() {
-    }
-    ResizeCanvasLayoutFunction.prototype.execute = function (canvas) {
-        if (canvas.getLayoutManager().isEnforcedPositioning)
-            return;
-        var currentDimensions = canvas.getDimensions();
-        var baseDimensions = canvas.getBaseDimensions();
-        var textHeightIncreasePx = _(canvas.getObjectsByTypeInternal(exports.ObjectType.TEXT))
-            .filter(function (text) { return text.isResizeCanvas(); })
-            .reduce(function (x, text) { return x + text.getSizeIncreaseSinceCreation(); }, 0);
-        var increase = baseDimensions.withSize(currentDimensions.width, 0);
-        while (increase.heightPx < textHeightIncreasePx) {
-            increase = increase.withSize(increase.width, increase.height + 1);
-        }
-        var targetHeight = increase.withSize(increase.width, baseDimensions.height + increase.height);
-        if (currentDimensions.height !== targetHeight.height) {
-            canvas.setDimensions(targetHeight);
-        }
-        canvas.getObjectsInternal().forEach(function (object) { return object.setCoords(); });
-        canvas.redraw();
-    };
-    return ResizeCanvasLayoutFunction;
-}());
-
-var AdvancedLayoutManager = /** @class */ (function (_super) {
-    __extends(AdvancedLayoutManager, _super);
-    function AdvancedLayoutManager(canvas) {
-        var _this = _super.call(this, canvas) || this;
-        _this.key = exports.LayoutManager.ADVANCED;
-        _this.pinToBottom = new PinToBottomLayoutFunction();
-        _this.redrawAll = new RedrawAllLayoutFunction();
-        _this.repositionBorders = new RepositionBordersLayoutFunction();
-        _this.repositionCutoffs = new RepositionCutoffsLayoutFunction();
-        _this.resizeCanvas = new ResizeCanvasLayoutFunction();
-        return _this;
-    }
-    AdvancedLayoutManager.prototype.onCanvasDimensionsChange = function () {
-        this.pinToBottom.execute(this.canvas);
-        this.repositionCutoffs.execute(this.canvas);
-        this.repositionBorders.execute(this.canvas);
-        this.redrawAll.execute(this.canvas);
-    };
-    AdvancedLayoutManager.prototype.onTextChange = function () {
-        this.resizeCanvas.execute(this.canvas);
-    };
-    AdvancedLayoutManager.prototype.onObjectListChange = function () {
-        this.redrawAll.execute(this.canvas);
-    };
-    return AdvancedLayoutManager;
-}(AbstractLayoutManager));
-
 exports.AbstractCanvasObject = AbstractCanvasObject;
 exports.AbstractInteractiveCanvas = AbstractInteractiveCanvas;
 exports.AbstractLayoutManager = AbstractLayoutManager;
@@ -3236,6 +3264,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/types/canvas-dimension-restrictions.interface.d.ts

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

package/package.json

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