@inweb/markup 26.3.2 → 26.3.3

package/dist/markup.js

@@ -25,7 +25,7 @@
 		hasRequiredGlobal = 1;
 		(function (exports) {
 			Object.defineProperty(exports, "__esModule", { value: true });
-			exports._registerNode = exports.Konva = exports.glob = undefined;
+			exports._registerNode = exports.Konva = exports.glob = void 0;
 			const PI_OVER_180 = Math.PI / 180;
 			function detectBrowser() {
 			    return (typeof window !== 'undefined' &&
@@ -41,7 +41,7 @@
 			            : {};
 			exports.Konva = {
 			    _global: exports.glob,
-			    version: '9.3.18',
+			    version: '9.3.20',
 			    isBrowser: detectBrowser(),
 			    isUnminified: /param/.test(function (param) { }.toString()),
 			    dblClickWindow: 400,
@@ -73,7 +73,7 @@
 			    },
 			    isTransforming() {
 			        var _a;
-			        return (_a = exports.Konva['Transformer']) === null || _a === undefined ? undefined : _a.isTransforming();
+			        return (_a = exports.Konva['Transformer']) === null || _a === void 0 ? void 0 : _a.isTransforming();
 			    },
 			    isDragReady() {
 			        return !!exports.Konva['DD'].node;
@@ -102,7 +102,7 @@
 		hasRequiredUtil = 1;
 		(function (exports) {
 			Object.defineProperty(exports, "__esModule", { value: true });
-			exports.Util = exports.Transform = undefined;
+			exports.Util = exports.Transform = void 0;
 			const Global_1 = requireGlobal();
 			class Transform {
 			    constructor(m = [1, 0, 0, 1, 0, 0]) {
@@ -1120,7 +1120,7 @@
 		hasRequiredFactory = 1;
 		(function (exports) {
 			Object.defineProperty(exports, "__esModule", { value: true });
-			exports.Factory = undefined;
+			exports.Factory = void 0;
 			const Util_1 = requireUtil();
 			const Validators_1 = requireValidators();
 			const GET = 'get';
@@ -1258,7 +1258,7 @@
 		if (hasRequiredContext) return Context;
 		hasRequiredContext = 1;
 		Object.defineProperty(Context, "__esModule", { value: true });
-		Context.HitContext = Context.SceneContext = Context.Context = undefined;
+		Context.HitContext = Context.SceneContext = Context.Context = void 0;
 		const Util_1 = requireUtil();
 		const Global_1 = requireGlobal();
 		function simplifyArray(arr) {
@@ -1747,7 +1747,7 @@
 		    }
 		    _applyShadow(shape) {
 		        var _a, _b, _c;
-		        const color = (_a = shape.getShadowRGBA()) !== null && _a !== undefined ? _a : 'black', blur = (_b = shape.getShadowBlur()) !== null && _b !== undefined ? _b : 5, offset = (_c = shape.getShadowOffset()) !== null && _c !== undefined ? _c : {
+		        const color = (_a = shape.getShadowRGBA()) !== null && _a !== void 0 ? _a : 'black', blur = (_b = shape.getShadowBlur()) !== null && _b !== void 0 ? _b : 5, offset = (_c = shape.getShadowOffset()) !== null && _c !== void 0 ? _c : {
 		            x: 0,
 		            y: 0,
 		        }, scale = shape.getAbsoluteScale(), ratio = this.canvas.getPixelRatio(), scaleX = scale.x * ratio, scaleY = scale.y * ratio;
@@ -1806,12 +1806,10 @@
 		if (hasRequiredCanvas) return Canvas;
 		hasRequiredCanvas = 1;
 		Object.defineProperty(Canvas, "__esModule", { value: true });
-		Canvas.HitCanvas = Canvas.SceneCanvas = Canvas.Canvas = undefined;
+		Canvas.HitCanvas = Canvas.SceneCanvas = Canvas.Canvas = void 0;
 		const Util_1 = requireUtil();
 		const Context_1 = requireContext();
 		const Global_1 = requireGlobal();
-		const Factory_1 = requireFactory();
-		const Validators_1 = requireValidators();
 		let _pixelRatio;
 		function getDevicePixelRatio() {
 		    if (_pixelRatio) {
@@ -1900,7 +1898,6 @@
 		    }
 		};
 		Canvas.Canvas = Canvas$1;
-		Factory_1.Factory.addGetterSetter(Canvas$1, 'pixelRatio', undefined, (0, Validators_1.getNumberValidator)());
 		class SceneCanvas extends Canvas$1 {
 		    constructor(config = { width: 0, height: 0, willReadFrequently: false }) {
 		        super(config);
@@ -1932,7 +1929,7 @@
 		hasRequiredDragAndDrop = 1;
 		(function (exports) {
 			Object.defineProperty(exports, "__esModule", { value: true });
-			exports.DD = undefined;
+			exports.DD = void 0;
 			const Global_1 = requireGlobal();
 			const Util_1 = requireUtil();
 			exports.DD = {
@@ -2053,7 +2050,7 @@
 		if (hasRequiredNode) return Node;
 		hasRequiredNode = 1;
 		Object.defineProperty(Node, "__esModule", { value: true });
-		Node.Node = undefined;
+		Node.Node = void 0;
 		const Util_1 = requireUtil();
 		const Factory_1 = requireFactory();
 		const Canvas_1 = requireCanvas();
@@ -2958,7 +2955,7 @@
 		        var _a, _b;
 		        const m = this._cache.get(TRANSFORM) || new Util_1.Transform();
 		        m.reset();
-		        const x = this.x(), y = this.y(), rotation = Global_1.Konva.getAngle(this.rotation()), scaleX = (_a = this.attrs.scaleX) !== null && _a !== undefined ? _a : 1, scaleY = (_b = this.attrs.scaleY) !== null && _b !== undefined ? _b : 1, skewX = this.attrs.skewX || 0, skewY = this.attrs.skewY || 0, offsetX = this.attrs.offsetX || 0, offsetY = this.attrs.offsetY || 0;
+		        const x = this.x(), y = this.y(), rotation = Global_1.Konva.getAngle(this.rotation()), scaleX = (_a = this.attrs.scaleX) !== null && _a !== void 0 ? _a : 1, scaleY = (_b = this.attrs.scaleY) !== null && _b !== void 0 ? _b : 1, skewX = this.attrs.skewX || 0, skewY = this.attrs.skewY || 0, offsetX = this.attrs.offsetX || 0, offsetY = this.attrs.offsetY || 0;
 		        if (x !== 0 || y !== 0) {
 		            m.translate(x, y);
 		        }
@@ -3160,7 +3157,7 @@
 		    _requestDraw() {
 		        if (Global_1.Konva.autoDrawEnabled) {
 		            const drawNode = this.getLayer() || this.getStage();
-		            drawNode === null || drawNode === undefined ? undefined : drawNode.batchDraw();
+		            drawNode === null || drawNode === void 0 ? void 0 : drawNode.batchDraw();
 		        }
 		    }
 		    _setAttr(key, val) {
@@ -3221,13 +3218,13 @@
 		    }
 		    _getProtoListeners(eventType) {
 		        var _a, _b, _c;
-		        const allListeners = (_a = this._cache.get(ALL_LISTENERS)) !== null && _a !== undefined ? _a : {};
-		        let events = allListeners === null || allListeners === undefined ? undefined : allListeners[eventType];
+		        const allListeners = (_a = this._cache.get(ALL_LISTENERS)) !== null && _a !== void 0 ? _a : {};
+		        let events = allListeners === null || allListeners === void 0 ? void 0 : allListeners[eventType];
 		        if (events === undefined) {
 		            events = [];
 		            let obj = Object.getPrototypeOf(this);
 		            while (obj) {
-		                const hierarchyEvents = (_c = (_b = obj.eventListeners) === null || _b === undefined ? undefined : _b[eventType]) !== null && _c !== undefined ? _c : [];
+		                const hierarchyEvents = (_c = (_b = obj.eventListeners) === null || _b === void 0 ? void 0 : _b[eventType]) !== null && _c !== void 0 ? _c : [];
 		                events.push(...hierarchyEvents);
 		                obj = Object.getPrototypeOf(obj);
 		            }
@@ -3493,7 +3490,7 @@
 		if (hasRequiredContainer) return Container;
 		hasRequiredContainer = 1;
 		Object.defineProperty(Container, "__esModule", { value: true });
-		Container.Container = undefined;
+		Container.Container = void 0;
 		const Factory_1 = requireFactory();
 		const Node_1 = requireNode();
 		const Validators_1 = requireValidators();
@@ -3650,13 +3647,13 @@
 		        if (this.isCached()) {
 		            return;
 		        }
-		        (_a = this.children) === null || _a === undefined ? undefined : _a.forEach(function (node) {
+		        (_a = this.children) === null || _a === void 0 ? void 0 : _a.forEach(function (node) {
 		            node._clearSelfAndDescendantCache(attr);
 		        });
 		    }
 		    _setChildrenIndices() {
 		        var _a;
-		        (_a = this.children) === null || _a === undefined ? undefined : _a.forEach(function (child, n) {
+		        (_a = this.children) === null || _a === void 0 ? void 0 : _a.forEach(function (child, n) {
 		            child.index = n;
 		        });
 		        this._requestDraw();
@@ -3727,7 +3724,7 @@
 		            context.save();
 		            context._applyGlobalCompositeOperation(this);
 		        }
-		        (_a = this.children) === null || _a === undefined ? undefined : _a.forEach(function (child) {
+		        (_a = this.children) === null || _a === void 0 ? void 0 : _a.forEach(function (child) {
 		            child[drawMethod](canvas, top, bufferCanvas);
 		        });
 		        if (hasComposition) {
@@ -3749,7 +3746,7 @@
 		            height: 0,
 		        };
 		        const that = this;
-		        (_a = this.children) === null || _a === undefined ? undefined : _a.forEach(function (child) {
+		        (_a = this.children) === null || _a === void 0 ? void 0 : _a.forEach(function (child) {
 		            if (!child.visible()) {
 		                return;
 		            }
@@ -3881,7 +3878,7 @@
 		hasRequiredStage = 1;
 		(function (exports) {
 			Object.defineProperty(exports, "__esModule", { value: true });
-			exports.Stage = exports.stages = undefined;
+			exports.Stage = exports.stages = void 0;
 			const Util_1 = requireUtil();
 			const Factory_1 = requireFactory();
 			const Container_1 = requireContainer();
@@ -4598,7 +4595,7 @@
 		hasRequiredShape = 1;
 		(function (exports) {
 			Object.defineProperty(exports, "__esModule", { value: true });
-			exports.Shape = exports.shapes = undefined;
+			exports.Shape = exports.shapes = void 0;
 			const Global_1 = requireGlobal();
 			const Util_1 = requireUtil();
 			const Factory_1 = requireFactory();
@@ -4831,7 +4828,7 @@
 			    }
 			    _useBufferCanvas(forceFill) {
 			        var _a;
-			        const perfectDrawEnabled = (_a = this.attrs.perfectDrawEnabled) !== null && _a !== undefined ? _a : true;
+			        const perfectDrawEnabled = (_a = this.attrs.perfectDrawEnabled) !== null && _a !== void 0 ? _a : true;
 			        if (!perfectDrawEnabled) {
 			            return false;
 			        }
@@ -5151,7 +5148,7 @@
 		if (hasRequiredLayer) return Layer;
 		hasRequiredLayer = 1;
 		Object.defineProperty(Layer, "__esModule", { value: true });
-		Layer.Layer = undefined;
+		Layer.Layer = void 0;
 		const Util_1 = requireUtil();
 		const Container_1 = requireContainer();
 		const Node_1 = requireNode();
@@ -5469,7 +5466,7 @@
 		if (hasRequiredFastLayer) return FastLayer;
 		hasRequiredFastLayer = 1;
 		Object.defineProperty(FastLayer, "__esModule", { value: true });
-		FastLayer.FastLayer = undefined;
+		FastLayer.FastLayer = void 0;
 		const Util_1 = requireUtil();
 		const Layer_1 = requireLayer();
 		const Global_1 = requireGlobal();
@@ -5494,7 +5491,7 @@
 		if (hasRequiredGroup) return Group;
 		hasRequiredGroup = 1;
 		Object.defineProperty(Group, "__esModule", { value: true });
-		Group.Group = undefined;
+		Group.Group = void 0;
 		const Util_1 = requireUtil();
 		const Container_1 = requireContainer();
 		const Global_1 = requireGlobal();
@@ -5520,7 +5517,7 @@
 		if (hasRequiredAnimation) return Animation;
 		hasRequiredAnimation = 1;
 		Object.defineProperty(Animation, "__esModule", { value: true });
-		Animation.Animation = undefined;
+		Animation.Animation = void 0;
 		const Global_1 = requireGlobal();
 		const Util_1 = requireUtil();
 		const now = (function () {
@@ -5676,7 +5673,7 @@
 		hasRequiredTween = 1;
 		(function (exports) {
 			Object.defineProperty(exports, "__esModule", { value: true });
-			exports.Easings = exports.Tween = undefined;
+			exports.Easings = exports.Tween = void 0;
 			const Util_1 = requireUtil();
 			const Animation_1 = requireAnimation();
 			const Node_1 = requireNode();
@@ -6209,7 +6206,7 @@
 		hasRequired_CoreInternals = 1;
 		(function (exports) {
 			Object.defineProperty(exports, "__esModule", { value: true });
-			exports.Konva = undefined;
+			exports.Konva = void 0;
 			const Global_1 = requireGlobal();
 			const Util_1 = requireUtil();
 			const Node_1 = requireNode();
@@ -6256,7 +6253,7 @@
 		if (hasRequiredArc) return Arc;
 		hasRequiredArc = 1;
 		Object.defineProperty(Arc, "__esModule", { value: true });
-		Arc.Arc = undefined;
+		Arc.Arc = void 0;
 		const Factory_1 = requireFactory();
 		const Shape_1 = requireShape();
 		const Global_1 = requireGlobal();
@@ -6307,7 +6304,12 @@
 		Arc.Arc = Arc$1;
 		Arc$1.prototype._centroid = true;
 		Arc$1.prototype.className = 'Arc';
-		Arc$1.prototype._attrsAffectingSize = ['innerRadius', 'outerRadius'];
+		Arc$1.prototype._attrsAffectingSize = [
+		    'innerRadius',
+		    'outerRadius',
+		    'angle',
+		    'clockwise',
+		];
 		(0, Global_2._registerNode)(Arc$1);
 		Factory_1.Factory.addGetterSetter(Arc$1, 'innerRadius', 0, (0, Validators_1.getNumberValidator)());
 		Factory_1.Factory.addGetterSetter(Arc$1, 'outerRadius', 0, (0, Validators_1.getNumberValidator)());
@@ -6326,7 +6328,7 @@
 		if (hasRequiredLine) return Line;
 		hasRequiredLine = 1;
 		Object.defineProperty(Line, "__esModule", { value: true });
-		Line.Line = undefined;
+		Line.Line = void 0;
 		const Factory_1 = requireFactory();
 		const Global_1 = requireGlobal();
 		const Shape_1 = requireShape();
@@ -6497,7 +6499,7 @@
 		hasRequiredBezierFunctions = 1;
 		(function (exports) {
 			Object.defineProperty(exports, "__esModule", { value: true });
-			exports.t2length = exports.getQuadraticArcLength = exports.getCubicArcLength = exports.binomialCoefficients = exports.cValues = exports.tValues = undefined;
+			exports.t2length = exports.getQuadraticArcLength = exports.getCubicArcLength = exports.binomialCoefficients = exports.cValues = exports.tValues = void 0;
 			exports.tValues = [
 			    [],
 			    [],
@@ -7295,7 +7297,7 @@
 		if (hasRequiredPath) return Path;
 		hasRequiredPath = 1;
 		Object.defineProperty(Path, "__esModule", { value: true });
-		Path.Path = undefined;
+		Path.Path = void 0;
 		const Factory_1 = requireFactory();
 		const Shape_1 = requireShape();
 		const Global_1 = requireGlobal();
@@ -7478,8 +7480,8 @@
 		        return null;
 		    }
 		    static getPointOnLine(dist, P1x, P1y, P2x, P2y, fromX, fromY) {
-		        fromX = fromX !== null && fromX !== undefined ? fromX : P1x;
-		        fromY = fromY !== null && fromY !== undefined ? fromY : P1y;
+		        fromX = fromX !== null && fromX !== void 0 ? fromX : P1x;
+		        fromY = fromY !== null && fromY !== void 0 ? fromY : P1y;
 		        const len = this.getLineLength(P1x, P1y, P2x, P2y);
 		        if (len < 1e-10) {
 		            return { x: P1x, y: P1y };
@@ -7908,7 +7910,7 @@
 		if (hasRequiredArrow) return Arrow;
 		hasRequiredArrow = 1;
 		Object.defineProperty(Arrow, "__esModule", { value: true });
-		Arrow.Arrow = undefined;
+		Arrow.Arrow = void 0;
 		const Factory_1 = requireFactory();
 		const Line_1 = requireLine();
 		const Validators_1 = requireValidators();
@@ -8020,7 +8022,7 @@
 		if (hasRequiredCircle) return Circle;
 		hasRequiredCircle = 1;
 		Object.defineProperty(Circle, "__esModule", { value: true });
-		Circle.Circle = undefined;
+		Circle.Circle = void 0;
 		const Factory_1 = requireFactory();
 		const Shape_1 = requireShape();
 		const Validators_1 = requireValidators();
@@ -8066,7 +8068,7 @@
 		if (hasRequiredEllipse) return Ellipse;
 		hasRequiredEllipse = 1;
 		Object.defineProperty(Ellipse, "__esModule", { value: true });
-		Ellipse.Ellipse = undefined;
+		Ellipse.Ellipse = void 0;
 		const Factory_1 = requireFactory();
 		const Shape_1 = requireShape();
 		const Validators_1 = requireValidators();
@@ -8116,7 +8118,7 @@
 		if (hasRequiredImage) return Image$1;
 		hasRequiredImage = 1;
 		Object.defineProperty(Image$1, "__esModule", { value: true });
-		Image$1.Image = undefined;
+		Image$1.Image = void 0;
 		const Util_1 = requireUtil();
 		const Factory_1 = requireFactory();
 		const Shape_1 = requireShape();
@@ -8125,7 +8127,11 @@
 		class Image extends Shape_1.Shape {
 		    constructor(attrs) {
 		        super(attrs);
-		        this.on('imageChange.konva', () => {
+		        this._loadListener = () => {
+		            this._requestDraw();
+		        };
+		        this.on('imageChange.konva', (props) => {
+		            this._removeImageLoad(props.oldVal);
 		            this._setImageLoad();
 		        });
 		        this._setImageLoad();
@@ -8139,11 +8145,19 @@
 		            return;
 		        }
 		        if (image && image['addEventListener']) {
-		            image['addEventListener']('load', () => {
-		                this._requestDraw();
-		            });
+		            image['addEventListener']('load', this._loadListener);
 		        }
 		    }
+		    _removeImageLoad(image) {
+		        if (image && image['removeEventListener']) {
+		            image['removeEventListener']('load', this._loadListener);
+		        }
+		    }
+		    destroy() {
+		        this._removeImageLoad(this.image());
+		        super.destroy();
+		        return this;
+		    }
 		    _useBufferCanvas() {
 		        const hasCornerRadius = !!this.cornerRadius();
 		        const hasShadow = this.hasShadow();
@@ -8207,11 +8221,11 @@
 		    }
 		    getWidth() {
 		        var _a, _b;
-		        return (_a = this.attrs.width) !== null && _a !== undefined ? _a : (_b = this.image()) === null || _b === undefined ? undefined : _b.width;
+		        return (_a = this.attrs.width) !== null && _a !== void 0 ? _a : (_b = this.image()) === null || _b === void 0 ? void 0 : _b.width;
 		    }
 		    getHeight() {
 		        var _a, _b;
-		        return (_a = this.attrs.height) !== null && _a !== undefined ? _a : (_b = this.image()) === null || _b === undefined ? undefined : _b.height;
+		        return (_a = this.attrs.height) !== null && _a !== void 0 ? _a : (_b = this.image()) === null || _b === void 0 ? void 0 : _b.height;
 		    }
 		    static fromURL(url, callback, onError = null) {
 		        const img = Util_1.Util.createImageElement();
@@ -8247,7 +8261,7 @@
 		if (hasRequiredLabel) return Label;
 		hasRequiredLabel = 1;
 		Object.defineProperty(Label, "__esModule", { value: true });
-		Label.Tag = Label.Label = undefined;
+		Label.Tag = Label.Label = void 0;
 		const Factory_1 = requireFactory();
 		const Shape_1 = requireShape();
 		const Group_1 = requireGroup();
@@ -8434,7 +8448,7 @@
 		if (hasRequiredRect) return Rect;
 		hasRequiredRect = 1;
 		Object.defineProperty(Rect, "__esModule", { value: true });
-		Rect.Rect = undefined;
+		Rect.Rect = void 0;
 		const Factory_1 = requireFactory();
 		const Shape_1 = requireShape();
 		const Global_1 = requireGlobal();
@@ -8469,7 +8483,7 @@
 		if (hasRequiredRegularPolygon) return RegularPolygon;
 		hasRequiredRegularPolygon = 1;
 		Object.defineProperty(RegularPolygon, "__esModule", { value: true });
-		RegularPolygon.RegularPolygon = undefined;
+		RegularPolygon.RegularPolygon = void 0;
 		const Factory_1 = requireFactory();
 		const Shape_1 = requireShape();
 		const Validators_1 = requireValidators();
@@ -8547,7 +8561,7 @@
 		if (hasRequiredRing) return Ring;
 		hasRequiredRing = 1;
 		Object.defineProperty(Ring, "__esModule", { value: true });
-		Ring.Ring = undefined;
+		Ring.Ring = void 0;
 		const Factory_1 = requireFactory();
 		const Shape_1 = requireShape();
 		const Validators_1 = requireValidators();
@@ -8593,7 +8607,7 @@
 		if (hasRequiredSprite) return Sprite;
 		hasRequiredSprite = 1;
 		Object.defineProperty(Sprite, "__esModule", { value: true });
-		Sprite.Sprite = undefined;
+		Sprite.Sprite = void 0;
 		const Factory_1 = requireFactory();
 		const Shape_1 = requireShape();
 		const Animation_1 = requireAnimation();
@@ -8714,7 +8728,7 @@
 		if (hasRequiredStar) return Star;
 		hasRequiredStar = 1;
 		Object.defineProperty(Star, "__esModule", { value: true });
-		Star.Star = undefined;
+		Star.Star = void 0;
 		const Factory_1 = requireFactory();
 		const Shape_1 = requireShape();
 		const Validators_1 = requireValidators();
@@ -8765,7 +8779,7 @@
 		if (hasRequiredText) return Text;
 		hasRequiredText = 1;
 		Object.defineProperty(Text, "__esModule", { value: true });
-		Text.Text = undefined;
+		Text.Text = void 0;
 		Text.stringToArray = stringToArray;
 		const Util_1 = requireUtil();
 		const Factory_1 = requireFactory();
@@ -9011,17 +9025,17 @@
 		        _context.restore();
 		        const scaleFactor = fontSize / 100;
 		        return {
-		            actualBoundingBoxAscent: (_a = metrics.actualBoundingBoxAscent) !== null && _a !== undefined ? _a : 71.58203125 * scaleFactor,
-		            actualBoundingBoxDescent: (_b = metrics.actualBoundingBoxDescent) !== null && _b !== undefined ? _b : 0,
-		            actualBoundingBoxLeft: (_c = metrics.actualBoundingBoxLeft) !== null && _c !== undefined ? _c : -7.421875 * scaleFactor,
-		            actualBoundingBoxRight: (_d = metrics.actualBoundingBoxRight) !== null && _d !== undefined ? _d : 75.732421875 * scaleFactor,
-		            alphabeticBaseline: (_e = metrics.alphabeticBaseline) !== null && _e !== undefined ? _e : 0,
-		            emHeightAscent: (_f = metrics.emHeightAscent) !== null && _f !== undefined ? _f : 100 * scaleFactor,
-		            emHeightDescent: (_g = metrics.emHeightDescent) !== null && _g !== undefined ? _g : -20 * scaleFactor,
-		            fontBoundingBoxAscent: (_h = metrics.fontBoundingBoxAscent) !== null && _h !== undefined ? _h : 91 * scaleFactor,
-		            fontBoundingBoxDescent: (_j = metrics.fontBoundingBoxDescent) !== null && _j !== undefined ? _j : 21 * scaleFactor,
-		            hangingBaseline: (_k = metrics.hangingBaseline) !== null && _k !== undefined ? _k : 72.80000305175781 * scaleFactor,
-		            ideographicBaseline: (_l = metrics.ideographicBaseline) !== null && _l !== undefined ? _l : -21 * scaleFactor,
+		            actualBoundingBoxAscent: (_a = metrics.actualBoundingBoxAscent) !== null && _a !== void 0 ? _a : 71.58203125 * scaleFactor,
+		            actualBoundingBoxDescent: (_b = metrics.actualBoundingBoxDescent) !== null && _b !== void 0 ? _b : 0,
+		            actualBoundingBoxLeft: (_c = metrics.actualBoundingBoxLeft) !== null && _c !== void 0 ? _c : -7.421875 * scaleFactor,
+		            actualBoundingBoxRight: (_d = metrics.actualBoundingBoxRight) !== null && _d !== void 0 ? _d : 75.732421875 * scaleFactor,
+		            alphabeticBaseline: (_e = metrics.alphabeticBaseline) !== null && _e !== void 0 ? _e : 0,
+		            emHeightAscent: (_f = metrics.emHeightAscent) !== null && _f !== void 0 ? _f : 100 * scaleFactor,
+		            emHeightDescent: (_g = metrics.emHeightDescent) !== null && _g !== void 0 ? _g : -20 * scaleFactor,
+		            fontBoundingBoxAscent: (_h = metrics.fontBoundingBoxAscent) !== null && _h !== void 0 ? _h : 91 * scaleFactor,
+		            fontBoundingBoxDescent: (_j = metrics.fontBoundingBoxDescent) !== null && _j !== void 0 ? _j : 21 * scaleFactor,
+		            hangingBaseline: (_k = metrics.hangingBaseline) !== null && _k !== void 0 ? _k : 72.80000305175781 * scaleFactor,
+		            ideographicBaseline: (_l = metrics.ideographicBaseline) !== null && _l !== void 0 ? _l : -21 * scaleFactor,
 		            width: metrics.width,
 		            height: fontSize,
 		        };
@@ -9065,8 +9079,14 @@
 		                while (line.length > 0) {
 		                    let low = 0, high = stringToArray(line).length, match = '', matchWidth = 0;
 		                    while (low < high) {
-		                        const mid = (low + high) >>> 1, lineArray = stringToArray(line), substr = lineArray.slice(0, mid + 1).join(''), substrWidth = this._getTextWidth(substr) + additionalWidth;
-		                        if (substrWidth <= maxWidth) {
+		                        const mid = (low + high) >>> 1, lineArray = stringToArray(line), substr = lineArray.slice(0, mid + 1).join(''), substrWidth = this._getTextWidth(substr);
+		                        const shouldConsiderEllipsis = shouldAddEllipsis &&
+		                            fixedHeight &&
+		                            currentHeightPx + lineHeightPx > maxHeightPx;
+		                        const effectiveWidth = shouldConsiderEllipsis
+		                            ? substrWidth + additionalWidth
+		                            : substrWidth;
+		                        if (effectiveWidth <= maxWidth) {
 		                            low = mid + 1;
 		                            match = substr;
 		                            matchWidth = substrWidth;
@@ -9213,7 +9233,7 @@
 		if (hasRequiredTextPath) return TextPath;
 		hasRequiredTextPath = 1;
 		Object.defineProperty(TextPath, "__esModule", { value: true });
-		TextPath.TextPath = undefined;
+		TextPath.TextPath = void 0;
 		const Util_1 = requireUtil();
 		const Factory_1 = requireFactory();
 		const Shape_1 = requireShape();
@@ -9463,7 +9483,7 @@
 		if (hasRequiredTransformer) return Transformer;
 		hasRequiredTransformer = 1;
 		Object.defineProperty(Transformer, "__esModule", { value: true });
-		Transformer.Transformer = undefined;
+		Transformer.Transformer = void 0;
 		const Util_1 = requireUtil();
 		const Factory_1 = requireFactory();
 		const Node_1 = requireNode();
@@ -9660,10 +9680,12 @@
 		                    this.update();
 		                }
 		            };
-		            const additionalEvents = node._attrsAffectingSize
-		                .map((prop) => prop + 'Change.' + this._getEventNamespace())
-		                .join(' ');
-		            node.on(additionalEvents, onChange);
+		            if (node._attrsAffectingSize.length) {
+		                const additionalEvents = node._attrsAffectingSize
+		                    .map((prop) => prop + 'Change.' + this._getEventNamespace())
+		                    .join(' ');
+		                node.on(additionalEvents, onChange);
+		            }
 		            node.on(TRANSFORM_CHANGE_STR.map((e) => e + `.${this._getEventNamespace()}`).join(' '), onChange);
 		            node.on(`absoluteTransformChange.${this._getEventNamespace()}`, onChange);
 		            this._proxyDrag(node);
@@ -10138,12 +10160,12 @@
 		            const node = this.getNode();
 		            activeTransformersCount--;
 		            this._fire('transformend', { evt: e, target: node });
-		            (_a = this.getLayer()) === null || _a === undefined ? undefined : _a.batchDraw();
+		            (_a = this.getLayer()) === null || _a === void 0 ? void 0 : _a.batchDraw();
 		            if (node) {
 		                this._nodes.forEach((target) => {
 		                    var _a;
 		                    target._fire('transformend', { evt: e, target });
-		                    (_a = target.getLayer()) === null || _a === undefined ? undefined : _a.batchDraw();
+		                    (_a = target.getLayer()) === null || _a === void 0 ? void 0 : _a.batchDraw();
 		                });
 		            }
 		            this._movingAnchorName = null;
@@ -10256,7 +10278,7 @@
 		                .multiply(localTransform);
 		            const attrs = newLocalTransform.decompose();
 		            node.setAttrs(attrs);
-		            (_a = node.getLayer()) === null || _a === undefined ? undefined : _a.batchDraw();
+		            (_a = node.getLayer()) === null || _a === void 0 ? void 0 : _a.batchDraw();
 		        });
 		        this.rotation(Util_1.Util._getRotation(newAttrs.rotation));
 		        this._nodes.forEach((node) => {
@@ -10371,7 +10393,7 @@
 		                styleFunc(node);
 		            });
 		        }
-		        (_a = this.getLayer()) === null || _a === undefined ? undefined : _a.batchDraw();
+		        (_a = this.getLayer()) === null || _a === void 0 ? void 0 : _a.batchDraw();
 		    }
 		    isTransforming() {
 		        return this._transforming;
@@ -10478,7 +10500,7 @@
 		if (hasRequiredWedge) return Wedge;
 		hasRequiredWedge = 1;
 		Object.defineProperty(Wedge, "__esModule", { value: true });
-		Wedge.Wedge = undefined;
+		Wedge.Wedge = void 0;
 		const Factory_1 = requireFactory();
 		const Shape_1 = requireShape();
 		const Global_1 = requireGlobal();
@@ -10529,7 +10551,7 @@
 		if (hasRequiredBlur) return Blur;
 		hasRequiredBlur = 1;
 		Object.defineProperty(Blur, "__esModule", { value: true });
-		Blur.Blur = undefined;
+		Blur.Blur = void 0;
 		const Factory_1 = requireFactory();
 		const Node_1 = requireNode();
 		const Validators_1 = requireValidators();
@@ -10777,7 +10799,7 @@
 		if (hasRequiredBrighten) return Brighten;
 		hasRequiredBrighten = 1;
 		Object.defineProperty(Brighten, "__esModule", { value: true });
-		Brighten.Brighten = undefined;
+		Brighten.Brighten = void 0;
 		const Factory_1 = requireFactory();
 		const Node_1 = requireNode();
 		const Validators_1 = requireValidators();
@@ -10802,7 +10824,7 @@
 		if (hasRequiredContrast) return Contrast;
 		hasRequiredContrast = 1;
 		Object.defineProperty(Contrast, "__esModule", { value: true });
-		Contrast.Contrast = undefined;
+		Contrast.Contrast = void 0;
 		const Factory_1 = requireFactory();
 		const Node_1 = requireNode();
 		const Validators_1 = requireValidators();
@@ -10850,7 +10872,7 @@
 		if (hasRequiredEmboss) return Emboss;
 		hasRequiredEmboss = 1;
 		Object.defineProperty(Emboss, "__esModule", { value: true });
-		Emboss.Emboss = undefined;
+		Emboss.Emboss = void 0;
 		const Factory_1 = requireFactory();
 		const Node_1 = requireNode();
 		const Util_1 = requireUtil();
@@ -10966,7 +10988,7 @@
 		if (hasRequiredEnhance) return Enhance;
 		hasRequiredEnhance = 1;
 		Object.defineProperty(Enhance, "__esModule", { value: true });
-		Enhance.Enhance = undefined;
+		Enhance.Enhance = void 0;
 		const Factory_1 = requireFactory();
 		const Node_1 = requireNode();
 		const Validators_1 = requireValidators();
@@ -11063,7 +11085,7 @@
 		if (hasRequiredGrayscale) return Grayscale;
 		hasRequiredGrayscale = 1;
 		Object.defineProperty(Grayscale, "__esModule", { value: true });
-		Grayscale.Grayscale = undefined;
+		Grayscale.Grayscale = void 0;
 		const Grayscale$1 = function (imageData) {
 		    const data = imageData.data, len = data.length;
 		    for (let i = 0; i < len; i += 4) {
@@ -11085,7 +11107,7 @@
 		if (hasRequiredHSL) return HSL;
 		hasRequiredHSL = 1;
 		Object.defineProperty(HSL, "__esModule", { value: true });
-		HSL.HSL = undefined;
+		HSL.HSL = void 0;
 		const Factory_1 = requireFactory();
 		const Node_1 = requireNode();
 		const Validators_1 = requireValidators();
@@ -11122,7 +11144,7 @@
 		if (hasRequiredHSV) return HSV;
 		hasRequiredHSV = 1;
 		Object.defineProperty(HSV, "__esModule", { value: true });
-		HSV.HSV = undefined;
+		HSV.HSV = void 0;
 		const Factory_1 = requireFactory();
 		const Node_1 = requireNode();
 		const Validators_1 = requireValidators();
@@ -11159,7 +11181,7 @@
 		if (hasRequiredInvert) return Invert;
 		hasRequiredInvert = 1;
 		Object.defineProperty(Invert, "__esModule", { value: true });
-		Invert.Invert = undefined;
+		Invert.Invert = void 0;
 		const Invert$1 = function (imageData) {
 		    const data = imageData.data, len = data.length;
 		    for (let i = 0; i < len; i += 4) {
@@ -11180,7 +11202,7 @@
 		if (hasRequiredKaleidoscope) return Kaleidoscope;
 		hasRequiredKaleidoscope = 1;
 		Object.defineProperty(Kaleidoscope, "__esModule", { value: true });
-		Kaleidoscope.Kaleidoscope = undefined;
+		Kaleidoscope.Kaleidoscope = void 0;
 		const Factory_1 = requireFactory();
 		const Node_1 = requireNode();
 		const Util_1 = requireUtil();
@@ -11326,7 +11348,7 @@
 		if (hasRequiredMask) return Mask;
 		hasRequiredMask = 1;
 		Object.defineProperty(Mask, "__esModule", { value: true });
-		Mask.Mask = undefined;
+		Mask.Mask = void 0;
 		const Factory_1 = requireFactory();
 		const Node_1 = requireNode();
 		const Validators_1 = requireValidators();
@@ -11480,7 +11502,7 @@
 		if (hasRequiredNoise) return Noise;
 		hasRequiredNoise = 1;
 		Object.defineProperty(Noise, "__esModule", { value: true });
-		Noise.Noise = undefined;
+		Noise.Noise = void 0;
 		const Factory_1 = requireFactory();
 		const Node_1 = requireNode();
 		const Validators_1 = requireValidators();
@@ -11505,7 +11527,7 @@
 		if (hasRequiredPixelate) return Pixelate;
 		hasRequiredPixelate = 1;
 		Object.defineProperty(Pixelate, "__esModule", { value: true });
-		Pixelate.Pixelate = undefined;
+		Pixelate.Pixelate = void 0;
 		const Factory_1 = requireFactory();
 		const Util_1 = requireUtil();
 		const Node_1 = requireNode();
@@ -11578,7 +11600,7 @@
 		if (hasRequiredPosterize) return Posterize;
 		hasRequiredPosterize = 1;
 		Object.defineProperty(Posterize, "__esModule", { value: true });
-		Posterize.Posterize = undefined;
+		Posterize.Posterize = void 0;
 		const Factory_1 = requireFactory();
 		const Node_1 = requireNode();
 		const Validators_1 = requireValidators();
@@ -11601,7 +11623,7 @@
 		if (hasRequiredRGB) return RGB;
 		hasRequiredRGB = 1;
 		Object.defineProperty(RGB, "__esModule", { value: true });
-		RGB.RGB = undefined;
+		RGB.RGB = void 0;
 		const Factory_1 = requireFactory();
 		const Node_1 = requireNode();
 		const Validators_1 = requireValidators();
@@ -11652,7 +11674,7 @@
 		if (hasRequiredRGBA) return RGBA;
 		hasRequiredRGBA = 1;
 		Object.defineProperty(RGBA, "__esModule", { value: true });
-		RGBA.RGBA = undefined;
+		RGBA.RGBA = void 0;
 		const Factory_1 = requireFactory();
 		const Node_1 = requireNode();
 		const Validators_1 = requireValidators();
@@ -11714,7 +11736,7 @@
 		if (hasRequiredSepia) return Sepia;
 		hasRequiredSepia = 1;
 		Object.defineProperty(Sepia, "__esModule", { value: true });
-		Sepia.Sepia = undefined;
+		Sepia.Sepia = void 0;
 		const Sepia$1 = function (imageData) {
 		    const data = imageData.data, nPixels = data.length;
 		    for (let i = 0; i < nPixels; i += 4) {
@@ -11738,7 +11760,7 @@
 		if (hasRequiredSolarize) return Solarize;
 		hasRequiredSolarize = 1;
 		Object.defineProperty(Solarize, "__esModule", { value: true });
-		Solarize.Solarize = undefined;
+		Solarize.Solarize = void 0;
 		const Solarize$1 = function (imageData) {
 		    const data = imageData.data, w = imageData.width, h = imageData.height, w4 = w * 4;
 		    let y = h;
@@ -11777,7 +11799,7 @@
 		if (hasRequiredThreshold) return Threshold;
 		hasRequiredThreshold = 1;
 		Object.defineProperty(Threshold, "__esModule", { value: true });
-		Threshold.Threshold = undefined;
+		Threshold.Threshold = void 0;
 		const Factory_1 = requireFactory();
 		const Node_1 = requireNode();
 		const Validators_1 = requireValidators();
@@ -11798,7 +11820,7 @@
 		if (hasRequired_FullInternals) return _FullInternals;
 		hasRequired_FullInternals = 1;
 		Object.defineProperty(_FullInternals, "__esModule", { value: true });
-		_FullInternals.Konva = undefined;
+		_FullInternals.Konva = void 0;
 		const _CoreInternals_1 = require_CoreInternals();
 		const Arc_1 = requireArc();
 		const Arrow_1 = requireArrow();
@@ -12017,14 +12039,14 @@
 	            params = {};
 	        if (!params.points)
 	            params.points = [
-	                { x: 50, y: 50 },
+	                { x: 0, y: 0 },
 	                { x: 100, y: 100 },
 	            ];
 	        const konvaPoints = [];
 	        params.points.forEach((point) => konvaPoints.push(point.x, point.y));
 	        this._ref = new Konva.Line({
-	            stroke: (_a = params.color) !== null && _a !== undefined ? _a : "#ff0000",
-	            strokeWidth: (_b = params.width) !== null && _b !== undefined ? _b : 4,
+	            stroke: (_a = params.color) !== null && _a !== void 0 ? _a : "#ff0000",
+	            strokeWidth: (_b = params.width) !== null && _b !== void 0 ? _b : 4,
 	            globalCompositeOperation: "source-over",
 	            lineCap: "round",
 	            lineJoin: "round",
@@ -12124,19 +12146,19 @@
 	        if (!params)
 	            params = {};
 	        if (!params.position)
-	            params.position = { x: 100, y: 100 };
+	            params.position = { x: 0, y: 0 };
 	        if (!params.text)
 	            params.text = "default";
 	        this._ref = new Konva.Text({
 	            x: params.position.x,
 	            y: params.position.y,
 	            text: params.text,
-	            fontSize: (_a = params.fontSize) !== null && _a !== undefined ? _a : 34,
+	            fontSize: (_a = params.fontSize) !== null && _a !== void 0 ? _a : 34,
 	            fontFamily: this.TEXT_FONT_FAMILY,
-	            fill: (_b = params.color) !== null && _b !== undefined ? _b : "#ff0000",
+	            fill: (_b = params.color) !== null && _b !== void 0 ? _b : "#ff0000",
 	            align: "left",
 	            draggable: true,
-	            rotation: (_c = params.rotation) !== null && _c !== undefined ? _c : 0,
+	            rotation: (_c = params.rotation) !== null && _c !== void 0 ? _c : 0,
 	        });
 	        this._ref.width(this._ref.getTextWidth());
 	        this._ref.on("transform", (e) => {
@@ -12230,17 +12252,17 @@
 	        if (!params)
 	            params = {};
 	        if (!params.position)
-	            params.position = { x: 100, y: 100 };
+	            params.position = { x: 0, y: 0 };
 	        this._ref = new Konva.Rect({
-	            stroke: (_a = params.color) !== null && _a !== undefined ? _a : "#ff0000",
-	            strokeWidth: (_b = params.lineWidth) !== null && _b !== undefined ? _b : 4,
+	            stroke: (_a = params.color) !== null && _a !== void 0 ? _a : "#ff0000",
+	            strokeWidth: (_b = params.lineWidth) !== null && _b !== void 0 ? _b : 4,
 	            globalCompositeOperation: "source-over",
 	            lineCap: "round",
 	            lineJoin: "round",
 	            x: params.position.x,
 	            y: params.position.y,
-	            width: (_c = params.width) !== null && _c !== undefined ? _c : 200,
-	            height: (_d = params.height) !== null && _d !== undefined ? _d : 200,
+	            width: (_c = params.width) !== null && _c !== void 0 ? _c : 200,
+	            height: (_d = params.height) !== null && _d !== void 0 ? _d : 200,
 	            draggable: true,
 	            strokeScaleEnabled: false,
 	        });
@@ -12342,12 +12364,12 @@
 	        if (!params)
 	            params = {};
 	        if (!params.position)
-	            params.position = { x: 100, y: 100 };
+	            params.position = { x: 0, y: 0 };
 	        if (!params.radius)
 	            params.radius = { x: 25, y: 25 };
 	        this._ref = new Konva.Ellipse({
-	            stroke: (_a = params.color) !== null && _a !== undefined ? _a : "#ff0000",
-	            strokeWidth: (_b = params.lineWidth) !== null && _b !== undefined ? _b : 4,
+	            stroke: (_a = params.color) !== null && _a !== void 0 ? _a : "#ff0000",
+	            strokeWidth: (_b = params.lineWidth) !== null && _b !== void 0 ? _b : 4,
 	            globalCompositeOperation: "source-over",
 	            lineCap: "round",
 	            lineJoin: "round",
@@ -12483,12 +12505,12 @@
 	        if (!params)
 	            params = {};
 	        if (!params.start)
-	            params.start = { x: 50, y: 50 };
+	            params.start = { x: 0, y: 0 };
 	        if (!params.end)
 	            params.end = { x: 100, y: 100 };
 	        this._ref = new Konva.Arrow({
-	            stroke: (_a = params.color) !== null && _a !== undefined ? _a : "#ff0000",
-	            fill: (_b = params.color) !== null && _b !== undefined ? _b : "#ff0000",
+	            stroke: (_a = params.color) !== null && _a !== void 0 ? _a : "#ff0000",
+	            fill: (_b = params.color) !== null && _b !== void 0 ? _b : "#ff0000",
 	            strokeWidth: 4,
 	            globalCompositeOperation: "source-over",
 	            lineCap: "round",
@@ -12594,7 +12616,7 @@
 	        if (!params)
 	            params = {};
 	        if (!params.position)
-	            params.position = { x: 50, y: 50 };
+	            params.position = { x: 0, y: 0 };
 	        if (!params.src || !params.src.startsWith(this.BASE64_HEADER_START))
 	            params.src = this.BASE64_NOT_FOUND;
 	        this._canvasImage = new Image();
@@ -12634,8 +12656,8 @@
 	            x: params.position.x,
 	            y: params.position.y,
 	            image: this._canvasImage,
-	            width: (_a = params.width) !== null && _a !== undefined ? _a : 0,
-	            height: (_b = params.height) !== null && _b !== undefined ? _b : 0,
+	            width: (_a = params.width) !== null && _a !== void 0 ? _a : 0,
+	            height: (_b = params.height) !== null && _b !== void 0 ? _b : 0,
 	            draggable: true,
 	        });
 	        this._ref.on("transform", (e) => {
@@ -12738,15 +12760,15 @@
 	        if (!params)
 	            params = {};
 	        if (!params.position)
-	            params.position = { x: 100, y: 100 };
+	            params.position = { x: 0, y: 0 };
 	        const arcRadius = 16;
 	        this._ref = new Konva.Shape({
 	            x: params.position.x,
 	            y: params.position.y,
-	            width: (_a = params.width) !== null && _a !== undefined ? _a : 200,
-	            height: (_b = params.height) !== null && _b !== undefined ? _b : 200,
-	            stroke: (_c = params.color) !== null && _c !== undefined ? _c : "#ff0000",
-	            strokeWidth: (_d = params.lineWidth) !== null && _d !== undefined ? _d : 4,
+	            width: (_a = params.width) !== null && _a !== void 0 ? _a : 200,
+	            height: (_b = params.height) !== null && _b !== void 0 ? _b : 200,
+	            stroke: (_c = params.color) !== null && _c !== void 0 ? _c : "#ff0000",
+	            strokeWidth: (_d = params.lineWidth) !== null && _d !== void 0 ? _d : 4,
 	            draggable: true,
 	            strokeScaleEnabled: false,
 	            globalCompositeOperation: "source-over",
@@ -13020,9 +13042,9 @@
 	        if (!Konva)
 	            throw new Error('Markup error: Konva is not initialized. Forgot to add <script src="https://unpkg.com/konva@9/konva.min.js"></script> to your page?');
 	        this._viewer = viewer;
-	        this._worldTransformer = worldTransformer !== null && worldTransformer !== undefined ? worldTransformer : new WorldTransform();
+	        this._worldTransformer = worldTransformer !== null && worldTransformer !== void 0 ? worldTransformer : new WorldTransform();
 	        this._container = container;
-	        this._containerEvents = containerEvents !== null && containerEvents !== undefined ? containerEvents : [];
+	        this._containerEvents = containerEvents !== null && containerEvents !== void 0 ? containerEvents : [];
 	        this._markupContainer = document.createElement("div");
 	        this._markupContainer.id = "markup-container";
 	        this._markupContainer.style.position = "absolute";
@@ -13052,9 +13074,9 @@
 	            // this._containerEvents.forEach((x) => this._markupContainer.removeEventListener(x, this.redirectToViewer));
 	        }
 	        this.destroyKonva();
-	        (_a = this._resizeObserver) === null || _a === undefined ? undefined : _a.disconnect();
+	        (_a = this._resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
 	        this._resizeObserver = undefined;
-	        (_b = this._markupContainer) === null || _b === undefined ? undefined : _b.remove();
+	        (_b = this._markupContainer) === null || _b === void 0 ? void 0 : _b.remove();
 	        this._markupContainer = undefined;
 	        this._container = undefined;
 	        this._viewer = undefined;
@@ -13077,11 +13099,11 @@
 	    }
 	    colorizeAllMarkup(r, g, b) {
 	        const hexColor = new MarkupColor(r, g, b).asHex();
-	        this.getObjects().filter((obj) => { var _a; return (_a = obj.setColor) === null || _a === undefined ? undefined : _a.call(obj, hexColor); });
+	        this.getObjects().filter((obj) => { var _a; return (_a = obj.setColor) === null || _a === void 0 ? void 0 : _a.call(obj, hexColor); });
 	    }
 	    colorizeSelectedMarkups(r, g, b) {
 	        const hexColor = new MarkupColor(r, g, b).asHex();
-	        this.getSelectedObjects().filter((obj) => { var _a; return (_a = obj.setColor) === null || _a === undefined ? undefined : _a.call(obj, hexColor); });
+	        this.getSelectedObjects().filter((obj) => { var _a; return (_a = obj.setColor) === null || _a === void 0 ? void 0 : _a.call(obj, hexColor); });
 	    }
 	    setViewpoint(viewpoint) {
 	        var _a, _b, _c, _d, _e, _f, _g, _h;
@@ -13090,9 +13112,9 @@
 	        this.removeImageInput();
 	        this._konvaStage.scale({ x: 1, y: 1 });
 	        this._konvaStage.position({ x: 0, y: 0 });
-	        const markupColor = ((_a = viewpoint.custom_fields) === null || _a === undefined ? undefined : _a.markup_color) || { r: 255, g: 0, b: 0 };
+	        const markupColor = ((_a = viewpoint.custom_fields) === null || _a === void 0 ? void 0 : _a.markup_color) || { r: 255, g: 0, b: 0 };
 	        this.setMarkupColor(markupColor.r, markupColor.g, markupColor.b);
-	        (_b = viewpoint.lines) === null || _b === undefined ? undefined : _b.forEach((line) => {
+	        (_b = viewpoint.lines) === null || _b === void 0 ? void 0 : _b.forEach((line) => {
 	            const linePoints = [];
 	            line.points.forEach((point) => {
 	                const screenPoint = this._worldTransformer.worldToScreen(point);
@@ -13101,28 +13123,28 @@
 	            });
 	            this.addLine(linePoints, line.color, line.type, line.width, line.id);
 	        });
-	        (_c = viewpoint.texts) === null || _c === undefined ? undefined : _c.forEach((text) => {
+	        (_c = viewpoint.texts) === null || _c === void 0 ? void 0 : _c.forEach((text) => {
 	            const screenPoint = this._worldTransformer.worldToScreen(text.position);
 	            this.addText(text.text, screenPoint, text.angle, text.color, text.text_size, text.font_size, text.id);
 	        });
-	        (_d = viewpoint.rectangles) === null || _d === undefined ? undefined : _d.forEach((rect) => {
+	        (_d = viewpoint.rectangles) === null || _d === void 0 ? void 0 : _d.forEach((rect) => {
 	            const screenPoint = this._worldTransformer.worldToScreen(rect.position);
 	            this.addRectangle(screenPoint, rect.width, rect.height, rect.line_width, rect.color, rect.id);
 	        });
-	        (_e = viewpoint.ellipses) === null || _e === undefined ? undefined : _e.forEach((ellipse) => {
+	        (_e = viewpoint.ellipses) === null || _e === void 0 ? void 0 : _e.forEach((ellipse) => {
 	            const screenPoint = this._worldTransformer.worldToScreen(ellipse.position);
 	            this.addEllipse(screenPoint, ellipse.radius, ellipse.line_width, ellipse.color, ellipse.id);
 	        });
-	        (_f = viewpoint.arrows) === null || _f === undefined ? undefined : _f.forEach((arrow) => {
+	        (_f = viewpoint.arrows) === null || _f === void 0 ? void 0 : _f.forEach((arrow) => {
 	            const startPoint = this._worldTransformer.worldToScreen(arrow.start);
 	            const endPoint = this._worldTransformer.worldToScreen(arrow.end);
 	            this.addArrow(startPoint, endPoint, arrow.color, arrow.id);
 	        });
-	        (_g = viewpoint.clouds) === null || _g === undefined ? undefined : _g.forEach((cloud) => {
+	        (_g = viewpoint.clouds) === null || _g === void 0 ? void 0 : _g.forEach((cloud) => {
 	            const screenPoint = this._worldTransformer.worldToScreen(cloud.position);
 	            this.addCloud(screenPoint, cloud.width, cloud.height, cloud.line_width, cloud.color, cloud.id);
 	        });
-	        (_h = viewpoint.images) === null || _h === undefined ? undefined : _h.forEach((image) => {
+	        (_h = viewpoint.images) === null || _h === void 0 ? void 0 : _h.forEach((image) => {
 	            const screenPoint = this._worldTransformer.worldToScreen(image.position);
 	            this.addImage(screenPoint, image.src, image.width, image.height, image.id);
 	        });
@@ -13439,7 +13461,7 @@
 	        this.removeTextInput();
 	        this.removeImageInput();
 	        this.clearOverlay();
-	        (_a = this._konvaStage) === null || _a === undefined ? undefined : _a.destroy();
+	        (_a = this._konvaStage) === null || _a === void 0 ? void 0 : _a.destroy();
 	        this._groupImages = undefined;
 	        this._groupGeometry = undefined;
 	        this._groupTexts = undefined;
@@ -13677,7 +13699,7 @@
 	    }
 	    removeTextInput() {
 	        var _a;
-	        (_a = this._textInputRef) === null || _a === undefined ? undefined : _a.remove();
+	        (_a = this._textInputRef) === null || _a === void 0 ? void 0 : _a.remove();
 	        this._textInputRef = null;
 	        this._textInputPos = null;
 	        this._textInputAngle = 0;
@@ -13720,7 +13742,7 @@
 	    }
 	    removeImageInput() {
 	        var _a;
-	        (_a = this._imageInputRef) === null || _a === undefined ? undefined : _a.remove();
+	        (_a = this._imageInputRef) === null || _a === void 0 ? void 0 : _a.remove();
 	        this._imageInputRef = null;
 	        this._imageInputPos = null;
 	    }
@@ -13729,7 +13751,7 @@
 	        if (!text)
 	            return;
 	        // in case of edit - remove old Konva.Text object
-	        (_a = this.getSelectedObjects().at(0)) === null || _a === undefined ? undefined : _a.delete();
+	        (_a = this.getSelectedObjects().at(0)) === null || _a === void 0 ? void 0 : _a.delete();
 	        this.clearSelected();
 	        this.removeTextInput();
 	        // in case we have old viewpoint without font_size
@@ -13808,7 +13830,7 @@
 	        if (!position || !src)
 	            return;
 	        // in case of edit - remove old Image placeholder object
-	        (_a = this.getSelectedObjects().at(0)) === null || _a === undefined ? undefined : _a.delete();
+	        (_a = this.getSelectedObjects().at(0)) === null || _a === void 0 ? void 0 : _a.delete();
 	        this.clearSelected();
 	        this.removeImageInput();
 	        const konvaImage = new KonvaImage({