@inweb/markup 26.3.3 → 26.4.0

package/dist/markup.js

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