@inweb/viewer-visualize 26.3.3 → 26.4.0

package/dist/viewer-visualize.js

@@ -39,7 +39,7 @@
             }
             const {handler: handler, thisArg: thisArg} = command;
             const result = handler.apply(thisArg, [ viewer, ...args ]);
-            viewer === null || viewer === void 0 ? void 0 : viewer.emit({
+            viewer === null || viewer === undefined ? undefined : viewer.emit({
                 type: "command",
                 data: id,
                 args: args
@@ -484,7 +484,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' &&
@@ -500,7 +500,7 @@
     		            : {};
     		exports.Konva = {
     		    _global: exports.glob,
-    		    version: '9.3.20',
+    		    version: '9.3.18',
     		    isBrowser: detectBrowser(),
     		    isUnminified: /param/.test(function (param) { }.toString()),
     		    dblClickWindow: 400,
@@ -532,7 +532,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;
@@ -561,7 +561,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]) {
@@ -1579,7 +1579,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';
@@ -1717,7 +1717,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) {
@@ -2206,7 +2206,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;
@@ -2265,10 +2265,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) {
@@ -2357,6 +2359,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);
@@ -2388,7 +2391,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 = {
@@ -2509,7 +2512,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();
@@ -3414,7 +3417,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);
     	        }
@@ -3616,7 +3619,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) {
@@ -3677,13 +3680,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);
     	            }
@@ -3949,7 +3952,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();
@@ -4106,13 +4109,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();
@@ -4183,7 +4186,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) {
@@ -4205,7 +4208,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;
     	            }
@@ -4337,7 +4340,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();
@@ -5054,7 +5057,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();
@@ -5287,7 +5290,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;
     		        }
@@ -5607,7 +5610,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();
@@ -5925,7 +5928,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();
@@ -5950,7 +5953,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();
@@ -5976,7 +5979,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 () {
@@ -6132,7 +6135,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();
@@ -6665,7 +6668,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();
@@ -6712,7 +6715,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();
@@ -6763,12 +6766,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)());
@@ -6787,7 +6785,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();
@@ -6958,7 +6956,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 = [
     		    [],
     		    [],
@@ -7756,7 +7754,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();
@@ -7939,8 +7937,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 };
@@ -8369,7 +8367,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();
@@ -8481,7 +8479,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();
@@ -8527,7 +8525,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();
@@ -8577,7 +8575,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();
@@ -8586,11 +8584,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();
@@ -8604,19 +8598,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();
@@ -8680,11 +8666,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();
@@ -8720,7 +8706,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();
@@ -8907,7 +8893,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();
@@ -8942,7 +8928,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();
@@ -9020,7 +9006,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();
@@ -9066,7 +9052,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();
@@ -9187,7 +9173,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();
@@ -9238,7 +9224,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();
@@ -9484,17 +9470,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,
     	        };
@@ -9538,14 +9524,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;
@@ -9692,7 +9672,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();
@@ -9942,7 +9922,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();
@@ -10139,12 +10119,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);
@@ -10619,12 +10597,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;
@@ -10737,7 +10715,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) => {
@@ -10852,7 +10830,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;
@@ -10959,7 +10937,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();
@@ -11010,7 +10988,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();
@@ -11258,7 +11236,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();
@@ -11283,7 +11261,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();
@@ -11331,7 +11309,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();
@@ -11447,7 +11425,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();
@@ -11544,7 +11522,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) {
@@ -11566,7 +11544,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();
@@ -11603,7 +11581,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();
@@ -11640,7 +11618,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) {
@@ -11661,7 +11639,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();
@@ -11807,7 +11785,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();
@@ -11961,7 +11939,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();
@@ -11986,7 +11964,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();
@@ -12059,7 +12037,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();
@@ -12082,7 +12060,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();
@@ -12133,7 +12111,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();
@@ -12195,7 +12173,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) {
@@ -12219,7 +12197,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;
@@ -12258,7 +12236,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();
@@ -12279,7 +12257,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();
@@ -12449,8 +12427,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",
@@ -12557,12 +12535,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 => {
@@ -12660,15 +12638,15 @@
                 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
             });
@@ -12778,8 +12756,8 @@
                 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",
@@ -12908,8 +12886,8 @@
                 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",
@@ -13049,8 +13027,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 => {
@@ -13160,10 +13138,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",
@@ -13412,9 +13390,9 @@
         initialize(container, containerEvents, viewer, worldTransformer) {
             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";
@@ -13442,9 +13420,9 @@
                 this._viewer.removeEventListener("changeactivedragger", this.changeActiveDragger);
             }
             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;
@@ -13476,14 +13454,14 @@
             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);
+                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);
+                return (_a = obj.setColor) === null || _a === undefined ? undefined : _a.call(obj, hexColor);
             }));
         }
         setViewpoint(viewpoint) {
@@ -13499,13 +13477,13 @@
                 x: 0,
                 y: 0
             });
-            const markupColor = ((_a = viewpoint.custom_fields) === null || _a === void 0 ? void 0 : _a.markup_color) || {
+            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);
@@ -13514,28 +13492,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);
             }));
@@ -13829,7 +13807,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;
@@ -14079,7 +14057,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;
@@ -14122,14 +14100,14 @@
         }
         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;
         }
         addText(text, position, angle, color, textSize, fontSize, id) {
             var _a;
             if (!text) return;
-            (_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();
             const tolerance = 1e-6;
@@ -14204,7 +14182,7 @@
         addImage(position, src, width, height, id) {
             var _a;
             if (!position || !src) return;
-            (_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({
@@ -14227,7 +14205,7 @@
                 var _a;
                 const extView = this.m_module.getViewer().getActiveTvExtendedView();
                 extView.setView(params.position, params.target, params.upVector, params.viewFieldWidth, params.viewFieldHeight, params.perspective);
-                (_a = extView.delete) === null || _a === void 0 ? void 0 : _a.call(extView);
+                (_a = extView.delete) === null || _a === undefined ? undefined : _a.call(extView);
             };
             this.getViewParams = () => {
                 var _a;
@@ -14240,7 +14218,7 @@
                     viewFieldHeight: view.viewFieldHeight,
                     perspective: view.perspective,
                 };
-                (_a = view.delete) === null || _a === void 0 ? void 0 : _a.call(view);
+                (_a = view.delete) === null || _a === undefined ? undefined : _a.call(view);
                 return obj;
             };
             this.m_module = module;
@@ -14473,7 +14451,7 @@
         deleteAll(objects) {
             var _a;
             for (const obj of objects) {
-                (_a = obj === null || obj === void 0 ? void 0 : obj.delete) === null || _a === void 0 ? void 0 : _a.call(obj);
+                (_a = obj === null || obj === undefined ? undefined : obj.delete) === null || _a === undefined ? undefined : _a.call(obj);
             }
         }
         updatePreview() { }
@@ -14841,7 +14819,7 @@
             };
             this.items = [];
             this.canvasEvents.push("resize");
-            this.oldRulerUnit = (_a = subject.options.rulerUnit) !== null && _a !== void 0 ? _a : "Default";
+            this.oldRulerUnit = (_a = subject.options.rulerUnit) !== null && _a !== undefined ? _a : "Default";
             this.optionsChange = this.optionsChange.bind(this);
         }
         initialize() {
@@ -14955,7 +14933,7 @@
         optionsChange(event) {
             var _a;
             const options = event.data;
-            const toUnitName = (_a = options.rulerUnit) !== null && _a !== void 0 ? _a : "Default";
+            const toUnitName = (_a = options.rulerUnit) !== null && _a !== undefined ? _a : "Default";
             if (this.oldRulerUnit === toUnitName)
                 return;
             this.oldRulerUnit = toUnitName;
@@ -15075,7 +15053,7 @@
                 const model = this.viewer.getActiveModel();
                 model.removeEntity(this.cameraId);
                 model.delete();
-                (_a = this.cameraWalker) === null || _a === void 0 ? void 0 : _a.delete();
+                (_a = this.cameraWalker) === null || _a === undefined ? undefined : _a.delete();
             }
             if (this.viewParams) {
                 this.setViewParams(this.viewParams);
@@ -15473,7 +15451,7 @@
             const extView = this.getViewer().getActiveTvExtendedView();
             extView.setView(viewParams.position, viewParams.target, viewParams.upVector, viewParams.viewFieldWidth, viewParams.viewFieldHeight, viewParams.perspective);
             extView.delete();
-            (_b = (_a = this._subject.activeDragger()) === null || _a === void 0 ? void 0 : _a.updatePreview) === null || _b === void 0 ? void 0 : _b.call(_a);
+            (_b = (_a = this._subject.activeDragger()) === null || _a === undefined ? undefined : _a.updatePreview) === null || _b === undefined ? undefined : _b.call(_a);
         }
         endAction() {
             this._endInteractivity();
@@ -15582,7 +15560,7 @@
         deleteAll(objects) {
             var _a;
             for (const obj of objects) {
-                (_a = obj === null || obj === void 0 ? void 0 : obj.delete) === null || _a === void 0 ? void 0 : _a.call(obj);
+                (_a = obj === null || obj === undefined ? undefined : obj.delete) === null || _a === undefined ? undefined : _a.call(obj);
             }
         }
     }
@@ -15668,7 +15646,7 @@
             targetWithDelta.delete();
             position.delete();
             positionWithDelta.delete();
-            (_b = (_a = this._subject.activeDragger()) === null || _a === void 0 ? void 0 : _a.updatePreview) === null || _b === void 0 ? void 0 : _b.call(_a);
+            (_b = (_a = this._subject.activeDragger()) === null || _a === undefined ? undefined : _a.updatePreview) === null || _b === undefined ? undefined : _b.call(_a);
             this._subject.emitEvent({
                 type: "pan",
                 x: absoluteX,
@@ -15740,7 +15718,7 @@
             const viewer = this._m_module.getViewer();
             viewer.zoomAt(zoomFactor, x, y);
             this._subject.deviceAutoRegeneration();
-            (_b = (_a = this._subject.activeDragger()) === null || _a === void 0 ? void 0 : _a.updatePreview) === null || _b === void 0 ? void 0 : _b.call(_a);
+            (_b = (_a = this._subject.activeDragger()) === null || _a === undefined ? undefined : _a.updatePreview) === null || _b === undefined ? undefined : _b.call(_a);
             this._subject.emitEvent({
                 type: "zoomat",
                 data: zoomFactor,
@@ -16255,7 +16233,7 @@
             }
         }
         modelItr.delete();
-        (_a = visViewer.clearViewExtentsCache) === null || _a === void 0 ? void 0 : _a.call(visViewer);
+        (_a = visViewer.clearViewExtentsCache) === null || _a === undefined ? undefined : _a.call(visViewer);
         viewer.update();
     }
 
@@ -16368,7 +16346,7 @@
         var _a;
         if (!viewer.visualizeJs)
             return "";
-        return ((_a = viewer.canvas) === null || _a === void 0 ? void 0 : _a.toDataURL(type, encoderOptions)) || "";
+        return ((_a = viewer.canvas) === null || _a === undefined ? undefined : _a.toDataURL(type, encoderOptions)) || "";
     }
 
     ///////////////////////////////////////////////////////////////////////////////
@@ -16808,7 +16786,7 @@
         const visLib = viewer.visLib();
         const visViewer = visLib.getViewer();
         const selectionSet = new visLib.OdTvSelectionSet();
-        handles === null || handles === void 0 ? void 0 : handles.forEach((handle) => {
+        handles === null || handles === undefined ? undefined : handles.forEach((handle) => {
             const entityId = visViewer.getEntityByOriginalHandle(handle + "");
             if (!entityId.isNull())
                 selectionSet.appendEntity(entityId);
@@ -16920,7 +16898,7 @@
             if (!entityId.isNull())
                 selectionSet.appendEntity(entityId);
         });
-        (_a = visViewer.zoomToObjects) === null || _a === void 0 ? void 0 : _a.call(visViewer, selectionSet);
+        (_a = visViewer.zoomToObjects) === null || _a === undefined ? undefined : _a.call(visViewer, selectionSet);
         viewer.deviceAutoRegeneration();
         viewer.update();
         viewer.emitEvent({ type: "zoom" });
@@ -16955,7 +16933,7 @@
             return;
         const visViewer = viewer.visViewer();
         const selectionSet = visViewer.getSelected();
-        (_a = visViewer.zoomToObjects) === null || _a === void 0 ? void 0 : _a.call(visViewer, selectionSet);
+        (_a = visViewer.zoomToObjects) === null || _a === undefined ? undefined : _a.call(visViewer, selectionSet);
         viewer.deviceAutoRegeneration();
         viewer.update();
         viewer.emitEvent({ type: "zoom" });
@@ -17036,7 +17014,7 @@
             modelPtr.delete();
         }
         modelItr.delete();
-        (_a = visViewer.clearViewExtentsCache) === null || _a === void 0 ? void 0 : _a.call(visViewer);
+        (_a = visViewer.clearViewExtentsCache) === null || _a === undefined ? undefined : _a.call(visViewer);
         viewer.update();
     }
 
@@ -18169,7 +18147,7 @@
         dispose() {
             var _a;
             super.dispose();
-            (_a = this.textRef) === null || _a === void 0 ? void 0 : _a.remove();
+            (_a = this.textRef) === null || _a === undefined ? undefined : _a.remove();
             this.textRef = null;
         }
         _finishInput() {
@@ -18177,7 +18155,7 @@
             if (this.textRef && this.textRef.value.trimLeft()) {
                 this._updateFrame();
             }
-            (_a = this.textRef) === null || _a === void 0 ? void 0 : _a.remove();
+            (_a = this.textRef) === null || _a === undefined ? undefined : _a.remove();
             this.textRef = null;
         }
         start(x, y, absoluteX, absoluteY) {
@@ -18506,7 +18484,7 @@
             this._renderTime = 0;
             this.canvasEvents = CANVAS_EVENTS.slice();
             this.canvaseventlistener = (event) => this.emit(event);
-            this._enableAutoUpdate = (_a = params.enableAutoUpdate) !== null && _a !== void 0 ? _a : true;
+            this._enableAutoUpdate = (_a = params.enableAutoUpdate) !== null && _a !== undefined ? _a : true;
             this._isNeedRender = false;
             this._isRunAsyncUpdate = false;
             this.render = this.render.bind(this);
@@ -18548,7 +18526,7 @@
          *   `use-credentials`.
          */
         configure(params) {
-            this._visualizeJsUrl = params.visualizeJsUrl || "https://public-fhemb7e3embacwec.z02.azurefd.net/libs/visualizejs/26.3/Visualize.js";
+            this._visualizeJsUrl = params.visualizeJsUrl || "https://public-fhemb7e3embacwec.z02.azurefd.net/libs/visualizejs/master/Visualize.js";
             this._crossOrigin = params.crossOrigin;
             return this;
         }
@@ -18639,7 +18617,7 @@
             const visViewer = this.visualizeJs.getViewer();
             if (visViewer.isRunningAnimation() || this._isNeedRender) {
                 visViewer.update();
-                (_b = (_a = this._activeDragger) === null || _a === void 0 ? void 0 : _a.updatePreview) === null || _b === void 0 ? void 0 : _b.call(_a);
+                (_b = (_a = this._activeDragger) === null || _a === undefined ? undefined : _a.updatePreview) === null || _b === undefined ? undefined : _b.call(_a);
                 this._isNeedRender = !visViewer.getActiveDevice().isValid();
                 const deltaTime = (time - this._renderTime) / 1000;
                 this._renderTime = time;
@@ -18677,8 +18655,8 @@
             var _a, _b, _c;
             if (this._enableAutoUpdate) {
                 if (force) {
-                    (_a = this.visViewer()) === null || _a === void 0 ? void 0 : _a.update();
-                    (_c = (_b = this._activeDragger) === null || _b === void 0 ? void 0 : _b.updatePreview) === null || _c === void 0 ? void 0 : _c.call(_b);
+                    (_a = this.visViewer()) === null || _a === undefined ? undefined : _a.update();
+                    (_c = (_b = this._activeDragger) === null || _b === undefined ? undefined : _b.updatePreview) === null || _c === undefined ? undefined : _c.call(_b);
                 }
                 else {
                     this._isNeedRender = true;
@@ -18755,7 +18733,7 @@
          */
         visViewer() {
             var _a;
-            return (_a = this.visualizeJs) === null || _a === void 0 ? void 0 : _a.getViewer();
+            return (_a = this.visualizeJs) === null || _a === undefined ? undefined : _a.getViewer();
         }
         // update the VisualizeJS options
         syncOpenCloudVisualStyle(isInitializing) {
@@ -18917,7 +18895,7 @@
                     newDragger = draggers.createDragger(name, this);
                     if (newDragger) {
                         this._activeDragger = newDragger;
-                        (_b = (_a = this._activeDragger).initialize) === null || _b === void 0 ? void 0 : _b.call(_a);
+                        (_b = (_a = this._activeDragger).initialize) === null || _b === undefined ? undefined : _b.call(_a);
                     }
                 }
                 const canvas = this.canvas;
@@ -19058,7 +19036,7 @@
             if (!this.client)
                 return this;
             const abortController = new AbortController();
-            (_a = this._abortControllerForReferences) === null || _a === void 0 ? void 0 : _a.abort();
+            (_a = this._abortControllerForReferences) === null || _a === undefined ? undefined : _a.abort();
             this._abortControllerForReferences = abortController;
             let references = [];
             await model
@@ -19068,7 +19046,7 @@
             for (const file of references) {
                 await this.client
                     .downloadFile(file.id, undefined, abortController.signal)
-                    .then((arrayBuffer) => { var _a; return (_a = this.visualizeJs) === null || _a === void 0 ? void 0 : _a.getViewer().addEmbeddedFile(file.name, new Uint8Array(arrayBuffer)); })
+                    .then((arrayBuffer) => { var _a; return (_a = this.visualizeJs) === null || _a === undefined ? undefined : _a.getViewer().addEmbeddedFile(file.name, new Uint8Array(arrayBuffer)); })
                     .catch((e) => console.error(`Cannot load reference file ${file.name}.`, e));
             }
             return this;
@@ -19252,11 +19230,11 @@
         }
         cancel() {
             var _a, _b, _c;
-            (_a = this._abortControllerForReferences) === null || _a === void 0 ? void 0 : _a.abort();
+            (_a = this._abortControllerForReferences) === null || _a === undefined ? undefined : _a.abort();
             this._abortControllerForReferences = undefined;
-            (_b = this._abortController) === null || _b === void 0 ? void 0 : _b.abort();
+            (_b = this._abortController) === null || _b === undefined ? undefined : _b.abort();
             this._abortController = undefined;
-            (_c = this._abortControllerForRequestMap) === null || _c === void 0 ? void 0 : _c.forEach((controller) => controller.abort());
+            (_c = this._abortControllerForRequestMap) === null || _c === undefined ? undefined : _c.forEach((controller) => controller.abort());
             this._abortControllerForRequestMap = undefined;
             this.emitEvent({ type: "cancel" });
             return this;
@@ -19329,7 +19307,7 @@
             var _a;
             if (!this.visualizeJs)
                 return;
-            const draggerName = (_a = this._activeDragger) === null || _a === void 0 ? void 0 : _a.name;
+            const draggerName = (_a = this._activeDragger) === null || _a === undefined ? undefined : _a.name;
             this.setActiveDragger();
             this.clearSlices();
             this.clearOverlay();
@@ -19412,7 +19390,7 @@
             return this.getSelected().map((handle) => ({ handle }));
         }
         setSelection(selection) {
-            this.setSelected(selection === null || selection === void 0 ? void 0 : selection.map((component) => component.handle));
+            this.setSelected(selection === null || selection === undefined ? undefined : selection.map((component) => component.handle));
         }
         /**
          * Executes the command denoted by the given command. If the command is not found, tries to set active