@inweb/viewer-three 26.3.2 → 26.3.3

package/dist/viewer-three.js

@@ -39,7 +39,7 @@
             }
             const {handler: handler, thisArg: thisArg} = command;
             const result = handler.apply(thisArg, [ viewer, ...args ]);
-            viewer === null || viewer === undefined ? undefined : viewer.emit({
+            viewer === null || viewer === void 0 ? void 0 : 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 = undefined;
+    		exports._registerNode = exports.Konva = exports.glob = void 0;
     		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.18',
+    		    version: '9.3.20',
     		    isBrowser: detectBrowser(),
     		    isUnminified: /param/.test(function (param) { }.toString()),
     		    dblClickWindow: 400,
@@ -532,7 +532,7 @@
     		    },
     		    isTransforming() {
     		        var _a;
-    		        return (_a = exports.Konva['Transformer']) === null || _a === undefined ? undefined : _a.isTransforming();
+    		        return (_a = exports.Konva['Transformer']) === null || _a === void 0 ? void 0 : _a.isTransforming();
     		    },
     		    isDragReady() {
     		        return !!exports.Konva['DD'].node;
@@ -561,7 +561,7 @@
     	hasRequiredUtil = 1;
     	(function (exports) {
     		Object.defineProperty(exports, "__esModule", { value: true });
-    		exports.Util = exports.Transform = undefined;
+    		exports.Util = exports.Transform = void 0;
     		const Global_1 = requireGlobal();
     		class Transform {
     		    constructor(m = [1, 0, 0, 1, 0, 0]) {
@@ -1579,7 +1579,7 @@
     	hasRequiredFactory = 1;
     	(function (exports) {
     		Object.defineProperty(exports, "__esModule", { value: true });
-    		exports.Factory = undefined;
+    		exports.Factory = void 0;
     		const Util_1 = requireUtil();
     		const Validators_1 = requireValidators();
     		const GET = 'get';
@@ -1717,7 +1717,7 @@
     	if (hasRequiredContext) return Context;
     	hasRequiredContext = 1;
     	Object.defineProperty(Context, "__esModule", { value: true });
-    	Context.HitContext = Context.SceneContext = Context.Context = undefined;
+    	Context.HitContext = Context.SceneContext = Context.Context = void 0;
     	const Util_1 = requireUtil();
     	const Global_1 = requireGlobal();
     	function simplifyArray(arr) {
@@ -2206,7 +2206,7 @@
     	    }
     	    _applyShadow(shape) {
     	        var _a, _b, _c;
-    	        const color = (_a = shape.getShadowRGBA()) !== null && _a !== undefined ? _a : 'black', blur = (_b = shape.getShadowBlur()) !== null && _b !== undefined ? _b : 5, offset = (_c = shape.getShadowOffset()) !== null && _c !== undefined ? _c : {
+    	        const color = (_a = shape.getShadowRGBA()) !== null && _a !== void 0 ? _a : 'black', blur = (_b = shape.getShadowBlur()) !== null && _b !== void 0 ? _b : 5, offset = (_c = shape.getShadowOffset()) !== null && _c !== void 0 ? _c : {
     	            x: 0,
     	            y: 0,
     	        }, scale = shape.getAbsoluteScale(), ratio = this.canvas.getPixelRatio(), scaleX = scale.x * ratio, scaleY = scale.y * ratio;
@@ -2265,12 +2265,10 @@
     	if (hasRequiredCanvas) return Canvas;
     	hasRequiredCanvas = 1;
     	Object.defineProperty(Canvas, "__esModule", { value: true });
-    	Canvas.HitCanvas = Canvas.SceneCanvas = Canvas.Canvas = undefined;
+    	Canvas.HitCanvas = Canvas.SceneCanvas = Canvas.Canvas = void 0;
     	const Util_1 = requireUtil();
     	const Context_1 = requireContext();
     	const Global_1 = requireGlobal();
-    	const Factory_1 = requireFactory();
-    	const Validators_1 = requireValidators();
     	let _pixelRatio;
     	function getDevicePixelRatio() {
     	    if (_pixelRatio) {
@@ -2359,7 +2357,6 @@
     	    }
     	};
     	Canvas.Canvas = Canvas$1;
-    	Factory_1.Factory.addGetterSetter(Canvas$1, 'pixelRatio', undefined, (0, Validators_1.getNumberValidator)());
     	class SceneCanvas extends Canvas$1 {
     	    constructor(config = { width: 0, height: 0, willReadFrequently: false }) {
     	        super(config);
@@ -2391,7 +2388,7 @@
     	hasRequiredDragAndDrop = 1;
     	(function (exports) {
     		Object.defineProperty(exports, "__esModule", { value: true });
-    		exports.DD = undefined;
+    		exports.DD = void 0;
     		const Global_1 = requireGlobal();
     		const Util_1 = requireUtil();
     		exports.DD = {
@@ -2512,7 +2509,7 @@
     	if (hasRequiredNode) return Node;
     	hasRequiredNode = 1;
     	Object.defineProperty(Node, "__esModule", { value: true });
-    	Node.Node = undefined;
+    	Node.Node = void 0;
     	const Util_1 = requireUtil();
     	const Factory_1 = requireFactory();
     	const Canvas_1 = requireCanvas();
@@ -3417,7 +3414,7 @@
     	        var _a, _b;
     	        const m = this._cache.get(TRANSFORM) || new Util_1.Transform();
     	        m.reset();
-    	        const x = this.x(), y = this.y(), rotation = Global_1.Konva.getAngle(this.rotation()), scaleX = (_a = this.attrs.scaleX) !== null && _a !== undefined ? _a : 1, scaleY = (_b = this.attrs.scaleY) !== null && _b !== undefined ? _b : 1, skewX = this.attrs.skewX || 0, skewY = this.attrs.skewY || 0, offsetX = this.attrs.offsetX || 0, offsetY = this.attrs.offsetY || 0;
+    	        const x = this.x(), y = this.y(), rotation = Global_1.Konva.getAngle(this.rotation()), scaleX = (_a = this.attrs.scaleX) !== null && _a !== void 0 ? _a : 1, scaleY = (_b = this.attrs.scaleY) !== null && _b !== void 0 ? _b : 1, skewX = this.attrs.skewX || 0, skewY = this.attrs.skewY || 0, offsetX = this.attrs.offsetX || 0, offsetY = this.attrs.offsetY || 0;
     	        if (x !== 0 || y !== 0) {
     	            m.translate(x, y);
     	        }
@@ -3619,7 +3616,7 @@
     	    _requestDraw() {
     	        if (Global_1.Konva.autoDrawEnabled) {
     	            const drawNode = this.getLayer() || this.getStage();
-    	            drawNode === null || drawNode === undefined ? undefined : drawNode.batchDraw();
+    	            drawNode === null || drawNode === void 0 ? void 0 : drawNode.batchDraw();
     	        }
     	    }
     	    _setAttr(key, val) {
@@ -3680,13 +3677,13 @@
     	    }
     	    _getProtoListeners(eventType) {
     	        var _a, _b, _c;
-    	        const allListeners = (_a = this._cache.get(ALL_LISTENERS)) !== null && _a !== undefined ? _a : {};
-    	        let events = allListeners === null || allListeners === undefined ? undefined : allListeners[eventType];
+    	        const allListeners = (_a = this._cache.get(ALL_LISTENERS)) !== null && _a !== void 0 ? _a : {};
+    	        let events = allListeners === null || allListeners === void 0 ? void 0 : allListeners[eventType];
     	        if (events === undefined) {
     	            events = [];
     	            let obj = Object.getPrototypeOf(this);
     	            while (obj) {
-    	                const hierarchyEvents = (_c = (_b = obj.eventListeners) === null || _b === undefined ? undefined : _b[eventType]) !== null && _c !== undefined ? _c : [];
+    	                const hierarchyEvents = (_c = (_b = obj.eventListeners) === null || _b === void 0 ? void 0 : _b[eventType]) !== null && _c !== void 0 ? _c : [];
     	                events.push(...hierarchyEvents);
     	                obj = Object.getPrototypeOf(obj);
     	            }
@@ -3952,7 +3949,7 @@
     	if (hasRequiredContainer) return Container;
     	hasRequiredContainer = 1;
     	Object.defineProperty(Container, "__esModule", { value: true });
-    	Container.Container = undefined;
+    	Container.Container = void 0;
     	const Factory_1 = requireFactory();
     	const Node_1 = requireNode();
     	const Validators_1 = requireValidators();
@@ -4109,13 +4106,13 @@
     	        if (this.isCached()) {
     	            return;
     	        }
-    	        (_a = this.children) === null || _a === undefined ? undefined : _a.forEach(function (node) {
+    	        (_a = this.children) === null || _a === void 0 ? void 0 : _a.forEach(function (node) {
     	            node._clearSelfAndDescendantCache(attr);
     	        });
     	    }
     	    _setChildrenIndices() {
     	        var _a;
-    	        (_a = this.children) === null || _a === undefined ? undefined : _a.forEach(function (child, n) {
+    	        (_a = this.children) === null || _a === void 0 ? void 0 : _a.forEach(function (child, n) {
     	            child.index = n;
     	        });
     	        this._requestDraw();
@@ -4186,7 +4183,7 @@
     	            context.save();
     	            context._applyGlobalCompositeOperation(this);
     	        }
-    	        (_a = this.children) === null || _a === undefined ? undefined : _a.forEach(function (child) {
+    	        (_a = this.children) === null || _a === void 0 ? void 0 : _a.forEach(function (child) {
     	            child[drawMethod](canvas, top, bufferCanvas);
     	        });
     	        if (hasComposition) {
@@ -4208,7 +4205,7 @@
     	            height: 0,
     	        };
     	        const that = this;
-    	        (_a = this.children) === null || _a === undefined ? undefined : _a.forEach(function (child) {
+    	        (_a = this.children) === null || _a === void 0 ? void 0 : _a.forEach(function (child) {
     	            if (!child.visible()) {
     	                return;
     	            }
@@ -4340,7 +4337,7 @@
     	hasRequiredStage = 1;
     	(function (exports) {
     		Object.defineProperty(exports, "__esModule", { value: true });
-    		exports.Stage = exports.stages = undefined;
+    		exports.Stage = exports.stages = void 0;
     		const Util_1 = requireUtil();
     		const Factory_1 = requireFactory();
     		const Container_1 = requireContainer();
@@ -5057,7 +5054,7 @@
     	hasRequiredShape = 1;
     	(function (exports) {
     		Object.defineProperty(exports, "__esModule", { value: true });
-    		exports.Shape = exports.shapes = undefined;
+    		exports.Shape = exports.shapes = void 0;
     		const Global_1 = requireGlobal();
     		const Util_1 = requireUtil();
     		const Factory_1 = requireFactory();
@@ -5290,7 +5287,7 @@
     		    }
     		    _useBufferCanvas(forceFill) {
     		        var _a;
-    		        const perfectDrawEnabled = (_a = this.attrs.perfectDrawEnabled) !== null && _a !== undefined ? _a : true;
+    		        const perfectDrawEnabled = (_a = this.attrs.perfectDrawEnabled) !== null && _a !== void 0 ? _a : true;
     		        if (!perfectDrawEnabled) {
     		            return false;
     		        }
@@ -5610,7 +5607,7 @@
     	if (hasRequiredLayer) return Layer;
     	hasRequiredLayer = 1;
     	Object.defineProperty(Layer, "__esModule", { value: true });
-    	Layer.Layer = undefined;
+    	Layer.Layer = void 0;
     	const Util_1 = requireUtil();
     	const Container_1 = requireContainer();
     	const Node_1 = requireNode();
@@ -5928,7 +5925,7 @@
     	if (hasRequiredFastLayer) return FastLayer;
     	hasRequiredFastLayer = 1;
     	Object.defineProperty(FastLayer, "__esModule", { value: true });
-    	FastLayer.FastLayer = undefined;
+    	FastLayer.FastLayer = void 0;
     	const Util_1 = requireUtil();
     	const Layer_1 = requireLayer();
     	const Global_1 = requireGlobal();
@@ -5953,7 +5950,7 @@
     	if (hasRequiredGroup) return Group$1;
     	hasRequiredGroup = 1;
     	Object.defineProperty(Group$1, "__esModule", { value: true });
-    	Group$1.Group = undefined;
+    	Group$1.Group = void 0;
     	const Util_1 = requireUtil();
     	const Container_1 = requireContainer();
     	const Global_1 = requireGlobal();
@@ -5979,7 +5976,7 @@
     	if (hasRequiredAnimation) return Animation;
     	hasRequiredAnimation = 1;
     	Object.defineProperty(Animation, "__esModule", { value: true });
-    	Animation.Animation = undefined;
+    	Animation.Animation = void 0;
     	const Global_1 = requireGlobal();
     	const Util_1 = requireUtil();
     	const now = (function () {
@@ -6135,7 +6132,7 @@
     	hasRequiredTween = 1;
     	(function (exports) {
     		Object.defineProperty(exports, "__esModule", { value: true });
-    		exports.Easings = exports.Tween = undefined;
+    		exports.Easings = exports.Tween = void 0;
     		const Util_1 = requireUtil();
     		const Animation_1 = requireAnimation();
     		const Node_1 = requireNode();
@@ -6668,7 +6665,7 @@
     	hasRequired_CoreInternals = 1;
     	(function (exports) {
     		Object.defineProperty(exports, "__esModule", { value: true });
-    		exports.Konva = undefined;
+    		exports.Konva = void 0;
     		const Global_1 = requireGlobal();
     		const Util_1 = requireUtil();
     		const Node_1 = requireNode();
@@ -6715,7 +6712,7 @@
     	if (hasRequiredArc) return Arc;
     	hasRequiredArc = 1;
     	Object.defineProperty(Arc, "__esModule", { value: true });
-    	Arc.Arc = undefined;
+    	Arc.Arc = void 0;
     	const Factory_1 = requireFactory();
     	const Shape_1 = requireShape();
     	const Global_1 = requireGlobal();
@@ -6766,7 +6763,12 @@
     	Arc.Arc = Arc$1;
     	Arc$1.prototype._centroid = true;
     	Arc$1.prototype.className = 'Arc';
-    	Arc$1.prototype._attrsAffectingSize = ['innerRadius', 'outerRadius'];
+    	Arc$1.prototype._attrsAffectingSize = [
+    	    'innerRadius',
+    	    'outerRadius',
+    	    'angle',
+    	    'clockwise',
+    	];
     	(0, Global_2._registerNode)(Arc$1);
     	Factory_1.Factory.addGetterSetter(Arc$1, 'innerRadius', 0, (0, Validators_1.getNumberValidator)());
     	Factory_1.Factory.addGetterSetter(Arc$1, 'outerRadius', 0, (0, Validators_1.getNumberValidator)());
@@ -6785,7 +6787,7 @@
     	if (hasRequiredLine) return Line$1;
     	hasRequiredLine = 1;
     	Object.defineProperty(Line$1, "__esModule", { value: true });
-    	Line$1.Line = undefined;
+    	Line$1.Line = void 0;
     	const Factory_1 = requireFactory();
     	const Global_1 = requireGlobal();
     	const Shape_1 = requireShape();
@@ -6956,7 +6958,7 @@
     	hasRequiredBezierFunctions = 1;
     	(function (exports) {
     		Object.defineProperty(exports, "__esModule", { value: true });
-    		exports.t2length = exports.getQuadraticArcLength = exports.getCubicArcLength = exports.binomialCoefficients = exports.cValues = exports.tValues = undefined;
+    		exports.t2length = exports.getQuadraticArcLength = exports.getCubicArcLength = exports.binomialCoefficients = exports.cValues = exports.tValues = void 0;
     		exports.tValues = [
     		    [],
     		    [],
@@ -7754,7 +7756,7 @@
     	if (hasRequiredPath) return Path;
     	hasRequiredPath = 1;
     	Object.defineProperty(Path, "__esModule", { value: true });
-    	Path.Path = undefined;
+    	Path.Path = void 0;
     	const Factory_1 = requireFactory();
     	const Shape_1 = requireShape();
     	const Global_1 = requireGlobal();
@@ -7937,8 +7939,8 @@
     	        return null;
     	    }
     	    static getPointOnLine(dist, P1x, P1y, P2x, P2y, fromX, fromY) {
-    	        fromX = fromX !== null && fromX !== undefined ? fromX : P1x;
-    	        fromY = fromY !== null && fromY !== undefined ? fromY : P1y;
+    	        fromX = fromX !== null && fromX !== void 0 ? fromX : P1x;
+    	        fromY = fromY !== null && fromY !== void 0 ? fromY : P1y;
     	        const len = this.getLineLength(P1x, P1y, P2x, P2y);
     	        if (len < 1e-10) {
     	            return { x: P1x, y: P1y };
@@ -8367,7 +8369,7 @@
     	if (hasRequiredArrow) return Arrow;
     	hasRequiredArrow = 1;
     	Object.defineProperty(Arrow, "__esModule", { value: true });
-    	Arrow.Arrow = undefined;
+    	Arrow.Arrow = void 0;
     	const Factory_1 = requireFactory();
     	const Line_1 = requireLine();
     	const Validators_1 = requireValidators();
@@ -8479,7 +8481,7 @@
     	if (hasRequiredCircle) return Circle;
     	hasRequiredCircle = 1;
     	Object.defineProperty(Circle, "__esModule", { value: true });
-    	Circle.Circle = undefined;
+    	Circle.Circle = void 0;
     	const Factory_1 = requireFactory();
     	const Shape_1 = requireShape();
     	const Validators_1 = requireValidators();
@@ -8525,7 +8527,7 @@
     	if (hasRequiredEllipse) return Ellipse;
     	hasRequiredEllipse = 1;
     	Object.defineProperty(Ellipse, "__esModule", { value: true });
-    	Ellipse.Ellipse = undefined;
+    	Ellipse.Ellipse = void 0;
     	const Factory_1 = requireFactory();
     	const Shape_1 = requireShape();
     	const Validators_1 = requireValidators();
@@ -8575,7 +8577,7 @@
     	if (hasRequiredImage) return Image$1;
     	hasRequiredImage = 1;
     	Object.defineProperty(Image$1, "__esModule", { value: true });
-    	Image$1.Image = undefined;
+    	Image$1.Image = void 0;
     	const Util_1 = requireUtil();
     	const Factory_1 = requireFactory();
     	const Shape_1 = requireShape();
@@ -8584,7 +8586,11 @@
     	class Image extends Shape_1.Shape {
     	    constructor(attrs) {
     	        super(attrs);
-    	        this.on('imageChange.konva', () => {
+    	        this._loadListener = () => {
+    	            this._requestDraw();
+    	        };
+    	        this.on('imageChange.konva', (props) => {
+    	            this._removeImageLoad(props.oldVal);
     	            this._setImageLoad();
     	        });
     	        this._setImageLoad();
@@ -8598,11 +8604,19 @@
     	            return;
     	        }
     	        if (image && image['addEventListener']) {
-    	            image['addEventListener']('load', () => {
-    	                this._requestDraw();
-    	            });
+    	            image['addEventListener']('load', this._loadListener);
+    	        }
+    	    }
+    	    _removeImageLoad(image) {
+    	        if (image && image['removeEventListener']) {
+    	            image['removeEventListener']('load', this._loadListener);
     	        }
     	    }
+    	    destroy() {
+    	        this._removeImageLoad(this.image());
+    	        super.destroy();
+    	        return this;
+    	    }
     	    _useBufferCanvas() {
     	        const hasCornerRadius = !!this.cornerRadius();
     	        const hasShadow = this.hasShadow();
@@ -8666,11 +8680,11 @@
     	    }
     	    getWidth() {
     	        var _a, _b;
-    	        return (_a = this.attrs.width) !== null && _a !== undefined ? _a : (_b = this.image()) === null || _b === undefined ? undefined : _b.width;
+    	        return (_a = this.attrs.width) !== null && _a !== void 0 ? _a : (_b = this.image()) === null || _b === void 0 ? void 0 : _b.width;
     	    }
     	    getHeight() {
     	        var _a, _b;
-    	        return (_a = this.attrs.height) !== null && _a !== undefined ? _a : (_b = this.image()) === null || _b === undefined ? undefined : _b.height;
+    	        return (_a = this.attrs.height) !== null && _a !== void 0 ? _a : (_b = this.image()) === null || _b === void 0 ? void 0 : _b.height;
     	    }
     	    static fromURL(url, callback, onError = null) {
     	        const img = Util_1.Util.createImageElement();
@@ -8706,7 +8720,7 @@
     	if (hasRequiredLabel) return Label;
     	hasRequiredLabel = 1;
     	Object.defineProperty(Label, "__esModule", { value: true });
-    	Label.Tag = Label.Label = undefined;
+    	Label.Tag = Label.Label = void 0;
     	const Factory_1 = requireFactory();
     	const Shape_1 = requireShape();
     	const Group_1 = requireGroup();
@@ -8893,7 +8907,7 @@
     	if (hasRequiredRect) return Rect;
     	hasRequiredRect = 1;
     	Object.defineProperty(Rect, "__esModule", { value: true });
-    	Rect.Rect = undefined;
+    	Rect.Rect = void 0;
     	const Factory_1 = requireFactory();
     	const Shape_1 = requireShape();
     	const Global_1 = requireGlobal();
@@ -8928,7 +8942,7 @@
     	if (hasRequiredRegularPolygon) return RegularPolygon;
     	hasRequiredRegularPolygon = 1;
     	Object.defineProperty(RegularPolygon, "__esModule", { value: true });
-    	RegularPolygon.RegularPolygon = undefined;
+    	RegularPolygon.RegularPolygon = void 0;
     	const Factory_1 = requireFactory();
     	const Shape_1 = requireShape();
     	const Validators_1 = requireValidators();
@@ -9006,7 +9020,7 @@
     	if (hasRequiredRing) return Ring;
     	hasRequiredRing = 1;
     	Object.defineProperty(Ring, "__esModule", { value: true });
-    	Ring.Ring = undefined;
+    	Ring.Ring = void 0;
     	const Factory_1 = requireFactory();
     	const Shape_1 = requireShape();
     	const Validators_1 = requireValidators();
@@ -9052,7 +9066,7 @@
     	if (hasRequiredSprite) return Sprite$1;
     	hasRequiredSprite = 1;
     	Object.defineProperty(Sprite$1, "__esModule", { value: true });
-    	Sprite$1.Sprite = undefined;
+    	Sprite$1.Sprite = void 0;
     	const Factory_1 = requireFactory();
     	const Shape_1 = requireShape();
     	const Animation_1 = requireAnimation();
@@ -9173,7 +9187,7 @@
     	if (hasRequiredStar) return Star;
     	hasRequiredStar = 1;
     	Object.defineProperty(Star, "__esModule", { value: true });
-    	Star.Star = undefined;
+    	Star.Star = void 0;
     	const Factory_1 = requireFactory();
     	const Shape_1 = requireShape();
     	const Validators_1 = requireValidators();
@@ -9224,7 +9238,7 @@
     	if (hasRequiredText) return Text;
     	hasRequiredText = 1;
     	Object.defineProperty(Text, "__esModule", { value: true });
-    	Text.Text = undefined;
+    	Text.Text = void 0;
     	Text.stringToArray = stringToArray;
     	const Util_1 = requireUtil();
     	const Factory_1 = requireFactory();
@@ -9470,17 +9484,17 @@
     	        _context.restore();
     	        const scaleFactor = fontSize / 100;
     	        return {
-    	            actualBoundingBoxAscent: (_a = metrics.actualBoundingBoxAscent) !== null && _a !== undefined ? _a : 71.58203125 * scaleFactor,
-    	            actualBoundingBoxDescent: (_b = metrics.actualBoundingBoxDescent) !== null && _b !== undefined ? _b : 0,
-    	            actualBoundingBoxLeft: (_c = metrics.actualBoundingBoxLeft) !== null && _c !== undefined ? _c : -7.421875 * scaleFactor,
-    	            actualBoundingBoxRight: (_d = metrics.actualBoundingBoxRight) !== null && _d !== undefined ? _d : 75.732421875 * scaleFactor,
-    	            alphabeticBaseline: (_e = metrics.alphabeticBaseline) !== null && _e !== undefined ? _e : 0,
-    	            emHeightAscent: (_f = metrics.emHeightAscent) !== null && _f !== undefined ? _f : 100 * scaleFactor,
-    	            emHeightDescent: (_g = metrics.emHeightDescent) !== null && _g !== undefined ? _g : -20 * scaleFactor,
-    	            fontBoundingBoxAscent: (_h = metrics.fontBoundingBoxAscent) !== null && _h !== undefined ? _h : 91 * scaleFactor,
-    	            fontBoundingBoxDescent: (_j = metrics.fontBoundingBoxDescent) !== null && _j !== undefined ? _j : 21 * scaleFactor,
-    	            hangingBaseline: (_k = metrics.hangingBaseline) !== null && _k !== undefined ? _k : 72.80000305175781 * scaleFactor,
-    	            ideographicBaseline: (_l = metrics.ideographicBaseline) !== null && _l !== undefined ? _l : -21 * scaleFactor,
+    	            actualBoundingBoxAscent: (_a = metrics.actualBoundingBoxAscent) !== null && _a !== void 0 ? _a : 71.58203125 * scaleFactor,
+    	            actualBoundingBoxDescent: (_b = metrics.actualBoundingBoxDescent) !== null && _b !== void 0 ? _b : 0,
+    	            actualBoundingBoxLeft: (_c = metrics.actualBoundingBoxLeft) !== null && _c !== void 0 ? _c : -7.421875 * scaleFactor,
+    	            actualBoundingBoxRight: (_d = metrics.actualBoundingBoxRight) !== null && _d !== void 0 ? _d : 75.732421875 * scaleFactor,
+    	            alphabeticBaseline: (_e = metrics.alphabeticBaseline) !== null && _e !== void 0 ? _e : 0,
+    	            emHeightAscent: (_f = metrics.emHeightAscent) !== null && _f !== void 0 ? _f : 100 * scaleFactor,
+    	            emHeightDescent: (_g = metrics.emHeightDescent) !== null && _g !== void 0 ? _g : -20 * scaleFactor,
+    	            fontBoundingBoxAscent: (_h = metrics.fontBoundingBoxAscent) !== null && _h !== void 0 ? _h : 91 * scaleFactor,
+    	            fontBoundingBoxDescent: (_j = metrics.fontBoundingBoxDescent) !== null && _j !== void 0 ? _j : 21 * scaleFactor,
+    	            hangingBaseline: (_k = metrics.hangingBaseline) !== null && _k !== void 0 ? _k : 72.80000305175781 * scaleFactor,
+    	            ideographicBaseline: (_l = metrics.ideographicBaseline) !== null && _l !== void 0 ? _l : -21 * scaleFactor,
     	            width: metrics.width,
     	            height: fontSize,
     	        };
@@ -9524,8 +9538,14 @@
     	                while (line.length > 0) {
     	                    let low = 0, high = stringToArray(line).length, match = '', matchWidth = 0;
     	                    while (low < high) {
-    	                        const mid = (low + high) >>> 1, lineArray = stringToArray(line), substr = lineArray.slice(0, mid + 1).join(''), substrWidth = this._getTextWidth(substr) + additionalWidth;
-    	                        if (substrWidth <= maxWidth) {
+    	                        const mid = (low + high) >>> 1, lineArray = stringToArray(line), substr = lineArray.slice(0, mid + 1).join(''), substrWidth = this._getTextWidth(substr);
+    	                        const shouldConsiderEllipsis = shouldAddEllipsis &&
+    	                            fixedHeight &&
+    	                            currentHeightPx + lineHeightPx > maxHeightPx;
+    	                        const effectiveWidth = shouldConsiderEllipsis
+    	                            ? substrWidth + additionalWidth
+    	                            : substrWidth;
+    	                        if (effectiveWidth <= maxWidth) {
     	                            low = mid + 1;
     	                            match = substr;
     	                            matchWidth = substrWidth;
@@ -9672,7 +9692,7 @@
     	if (hasRequiredTextPath) return TextPath;
     	hasRequiredTextPath = 1;
     	Object.defineProperty(TextPath, "__esModule", { value: true });
-    	TextPath.TextPath = undefined;
+    	TextPath.TextPath = void 0;
     	const Util_1 = requireUtil();
     	const Factory_1 = requireFactory();
     	const Shape_1 = requireShape();
@@ -9922,7 +9942,7 @@
     	if (hasRequiredTransformer) return Transformer;
     	hasRequiredTransformer = 1;
     	Object.defineProperty(Transformer, "__esModule", { value: true });
-    	Transformer.Transformer = undefined;
+    	Transformer.Transformer = void 0;
     	const Util_1 = requireUtil();
     	const Factory_1 = requireFactory();
     	const Node_1 = requireNode();
@@ -10119,10 +10139,12 @@
     	                    this.update();
     	                }
     	            };
-    	            const additionalEvents = node._attrsAffectingSize
-    	                .map((prop) => prop + 'Change.' + this._getEventNamespace())
-    	                .join(' ');
-    	            node.on(additionalEvents, onChange);
+    	            if (node._attrsAffectingSize.length) {
+    	                const additionalEvents = node._attrsAffectingSize
+    	                    .map((prop) => prop + 'Change.' + this._getEventNamespace())
+    	                    .join(' ');
+    	                node.on(additionalEvents, onChange);
+    	            }
     	            node.on(TRANSFORM_CHANGE_STR.map((e) => e + `.${this._getEventNamespace()}`).join(' '), onChange);
     	            node.on(`absoluteTransformChange.${this._getEventNamespace()}`, onChange);
     	            this._proxyDrag(node);
@@ -10597,12 +10619,12 @@
     	            const node = this.getNode();
     	            activeTransformersCount--;
     	            this._fire('transformend', { evt: e, target: node });
-    	            (_a = this.getLayer()) === null || _a === undefined ? undefined : _a.batchDraw();
+    	            (_a = this.getLayer()) === null || _a === void 0 ? void 0 : _a.batchDraw();
     	            if (node) {
     	                this._nodes.forEach((target) => {
     	                    var _a;
     	                    target._fire('transformend', { evt: e, target });
-    	                    (_a = target.getLayer()) === null || _a === undefined ? undefined : _a.batchDraw();
+    	                    (_a = target.getLayer()) === null || _a === void 0 ? void 0 : _a.batchDraw();
     	                });
     	            }
     	            this._movingAnchorName = null;
@@ -10715,7 +10737,7 @@
     	                .multiply(localTransform);
     	            const attrs = newLocalTransform.decompose();
     	            node.setAttrs(attrs);
-    	            (_a = node.getLayer()) === null || _a === undefined ? undefined : _a.batchDraw();
+    	            (_a = node.getLayer()) === null || _a === void 0 ? void 0 : _a.batchDraw();
     	        });
     	        this.rotation(Util_1.Util._getRotation(newAttrs.rotation));
     	        this._nodes.forEach((node) => {
@@ -10830,7 +10852,7 @@
     	                styleFunc(node);
     	            });
     	        }
-    	        (_a = this.getLayer()) === null || _a === undefined ? undefined : _a.batchDraw();
+    	        (_a = this.getLayer()) === null || _a === void 0 ? void 0 : _a.batchDraw();
     	    }
     	    isTransforming() {
     	        return this._transforming;
@@ -10937,7 +10959,7 @@
     	if (hasRequiredWedge) return Wedge;
     	hasRequiredWedge = 1;
     	Object.defineProperty(Wedge, "__esModule", { value: true });
-    	Wedge.Wedge = undefined;
+    	Wedge.Wedge = void 0;
     	const Factory_1 = requireFactory();
     	const Shape_1 = requireShape();
     	const Global_1 = requireGlobal();
@@ -10988,7 +11010,7 @@
     	if (hasRequiredBlur) return Blur;
     	hasRequiredBlur = 1;
     	Object.defineProperty(Blur, "__esModule", { value: true });
-    	Blur.Blur = undefined;
+    	Blur.Blur = void 0;
     	const Factory_1 = requireFactory();
     	const Node_1 = requireNode();
     	const Validators_1 = requireValidators();
@@ -11236,7 +11258,7 @@
     	if (hasRequiredBrighten) return Brighten;
     	hasRequiredBrighten = 1;
     	Object.defineProperty(Brighten, "__esModule", { value: true });
-    	Brighten.Brighten = undefined;
+    	Brighten.Brighten = void 0;
     	const Factory_1 = requireFactory();
     	const Node_1 = requireNode();
     	const Validators_1 = requireValidators();
@@ -11261,7 +11283,7 @@
     	if (hasRequiredContrast) return Contrast;
     	hasRequiredContrast = 1;
     	Object.defineProperty(Contrast, "__esModule", { value: true });
-    	Contrast.Contrast = undefined;
+    	Contrast.Contrast = void 0;
     	const Factory_1 = requireFactory();
     	const Node_1 = requireNode();
     	const Validators_1 = requireValidators();
@@ -11309,7 +11331,7 @@
     	if (hasRequiredEmboss) return Emboss;
     	hasRequiredEmboss = 1;
     	Object.defineProperty(Emboss, "__esModule", { value: true });
-    	Emboss.Emboss = undefined;
+    	Emboss.Emboss = void 0;
     	const Factory_1 = requireFactory();
     	const Node_1 = requireNode();
     	const Util_1 = requireUtil();
@@ -11425,7 +11447,7 @@
     	if (hasRequiredEnhance) return Enhance;
     	hasRequiredEnhance = 1;
     	Object.defineProperty(Enhance, "__esModule", { value: true });
-    	Enhance.Enhance = undefined;
+    	Enhance.Enhance = void 0;
     	const Factory_1 = requireFactory();
     	const Node_1 = requireNode();
     	const Validators_1 = requireValidators();
@@ -11522,7 +11544,7 @@
     	if (hasRequiredGrayscale) return Grayscale;
     	hasRequiredGrayscale = 1;
     	Object.defineProperty(Grayscale, "__esModule", { value: true });
-    	Grayscale.Grayscale = undefined;
+    	Grayscale.Grayscale = void 0;
     	const Grayscale$1 = function (imageData) {
     	    const data = imageData.data, len = data.length;
     	    for (let i = 0; i < len; i += 4) {
@@ -11544,7 +11566,7 @@
     	if (hasRequiredHSL) return HSL;
     	hasRequiredHSL = 1;
     	Object.defineProperty(HSL, "__esModule", { value: true });
-    	HSL.HSL = undefined;
+    	HSL.HSL = void 0;
     	const Factory_1 = requireFactory();
     	const Node_1 = requireNode();
     	const Validators_1 = requireValidators();
@@ -11581,7 +11603,7 @@
     	if (hasRequiredHSV) return HSV;
     	hasRequiredHSV = 1;
     	Object.defineProperty(HSV, "__esModule", { value: true });
-    	HSV.HSV = undefined;
+    	HSV.HSV = void 0;
     	const Factory_1 = requireFactory();
     	const Node_1 = requireNode();
     	const Validators_1 = requireValidators();
@@ -11618,7 +11640,7 @@
     	if (hasRequiredInvert) return Invert;
     	hasRequiredInvert = 1;
     	Object.defineProperty(Invert, "__esModule", { value: true });
-    	Invert.Invert = undefined;
+    	Invert.Invert = void 0;
     	const Invert$1 = function (imageData) {
     	    const data = imageData.data, len = data.length;
     	    for (let i = 0; i < len; i += 4) {
@@ -11639,7 +11661,7 @@
     	if (hasRequiredKaleidoscope) return Kaleidoscope;
     	hasRequiredKaleidoscope = 1;
     	Object.defineProperty(Kaleidoscope, "__esModule", { value: true });
-    	Kaleidoscope.Kaleidoscope = undefined;
+    	Kaleidoscope.Kaleidoscope = void 0;
     	const Factory_1 = requireFactory();
     	const Node_1 = requireNode();
     	const Util_1 = requireUtil();
@@ -11785,7 +11807,7 @@
     	if (hasRequiredMask) return Mask;
     	hasRequiredMask = 1;
     	Object.defineProperty(Mask, "__esModule", { value: true });
-    	Mask.Mask = undefined;
+    	Mask.Mask = void 0;
     	const Factory_1 = requireFactory();
     	const Node_1 = requireNode();
     	const Validators_1 = requireValidators();
@@ -11939,7 +11961,7 @@
     	if (hasRequiredNoise) return Noise;
     	hasRequiredNoise = 1;
     	Object.defineProperty(Noise, "__esModule", { value: true });
-    	Noise.Noise = undefined;
+    	Noise.Noise = void 0;
     	const Factory_1 = requireFactory();
     	const Node_1 = requireNode();
     	const Validators_1 = requireValidators();
@@ -11964,7 +11986,7 @@
     	if (hasRequiredPixelate) return Pixelate;
     	hasRequiredPixelate = 1;
     	Object.defineProperty(Pixelate, "__esModule", { value: true });
-    	Pixelate.Pixelate = undefined;
+    	Pixelate.Pixelate = void 0;
     	const Factory_1 = requireFactory();
     	const Util_1 = requireUtil();
     	const Node_1 = requireNode();
@@ -12037,7 +12059,7 @@
     	if (hasRequiredPosterize) return Posterize;
     	hasRequiredPosterize = 1;
     	Object.defineProperty(Posterize, "__esModule", { value: true });
-    	Posterize.Posterize = undefined;
+    	Posterize.Posterize = void 0;
     	const Factory_1 = requireFactory();
     	const Node_1 = requireNode();
     	const Validators_1 = requireValidators();
@@ -12060,7 +12082,7 @@
     	if (hasRequiredRGB) return RGB;
     	hasRequiredRGB = 1;
     	Object.defineProperty(RGB, "__esModule", { value: true });
-    	RGB.RGB = undefined;
+    	RGB.RGB = void 0;
     	const Factory_1 = requireFactory();
     	const Node_1 = requireNode();
     	const Validators_1 = requireValidators();
@@ -12111,7 +12133,7 @@
     	if (hasRequiredRGBA) return RGBA;
     	hasRequiredRGBA = 1;
     	Object.defineProperty(RGBA, "__esModule", { value: true });
-    	RGBA.RGBA = undefined;
+    	RGBA.RGBA = void 0;
     	const Factory_1 = requireFactory();
     	const Node_1 = requireNode();
     	const Validators_1 = requireValidators();
@@ -12173,7 +12195,7 @@
     	if (hasRequiredSepia) return Sepia;
     	hasRequiredSepia = 1;
     	Object.defineProperty(Sepia, "__esModule", { value: true });
-    	Sepia.Sepia = undefined;
+    	Sepia.Sepia = void 0;
     	const Sepia$1 = function (imageData) {
     	    const data = imageData.data, nPixels = data.length;
     	    for (let i = 0; i < nPixels; i += 4) {
@@ -12197,7 +12219,7 @@
     	if (hasRequiredSolarize) return Solarize;
     	hasRequiredSolarize = 1;
     	Object.defineProperty(Solarize, "__esModule", { value: true });
-    	Solarize.Solarize = undefined;
+    	Solarize.Solarize = void 0;
     	const Solarize$1 = function (imageData) {
     	    const data = imageData.data, w = imageData.width, h = imageData.height, w4 = w * 4;
     	    let y = h;
@@ -12236,7 +12258,7 @@
     	if (hasRequiredThreshold) return Threshold;
     	hasRequiredThreshold = 1;
     	Object.defineProperty(Threshold, "__esModule", { value: true });
-    	Threshold.Threshold = undefined;
+    	Threshold.Threshold = void 0;
     	const Factory_1 = requireFactory();
     	const Node_1 = requireNode();
     	const Validators_1 = requireValidators();
@@ -12257,7 +12279,7 @@
     	if (hasRequired_FullInternals) return _FullInternals;
     	hasRequired_FullInternals = 1;
     	Object.defineProperty(_FullInternals, "__esModule", { value: true });
-    	_FullInternals.Konva = undefined;
+    	_FullInternals.Konva = void 0;
     	const _CoreInternals_1 = require_CoreInternals();
     	const Arc_1 = requireArc();
     	const Arrow_1 = requireArrow();
@@ -12418,8 +12440,8 @@
             }
             if (!params) params = {};
             if (!params.points) params.points = [ {
-                x: 50,
-                y: 50
+                x: 0,
+                y: 0
             }, {
                 x: 100,
                 y: 100
@@ -12427,8 +12449,8 @@
             const konvaPoints = [];
             params.points.forEach((point => konvaPoints.push(point.x, point.y)));
             this._ref = new Konva.Line({
-                stroke: (_a = params.color) !== null && _a !== undefined ? _a : "#ff0000",
-                strokeWidth: (_b = params.width) !== null && _b !== undefined ? _b : 4,
+                stroke: (_a = params.color) !== null && _a !== void 0 ? _a : "#ff0000",
+                strokeWidth: (_b = params.width) !== null && _b !== void 0 ? _b : 4,
                 globalCompositeOperation: "source-over",
                 lineCap: "round",
                 lineJoin: "round",
@@ -12527,20 +12549,20 @@
             }
             if (!params) params = {};
             if (!params.position) params.position = {
-                x: 100,
-                y: 100
+                x: 0,
+                y: 0
             };
             if (!params.text) params.text = "default";
             this._ref = new Konva.Text({
                 x: params.position.x,
                 y: params.position.y,
                 text: params.text,
-                fontSize: (_a = params.fontSize) !== null && _a !== undefined ? _a : 34,
+                fontSize: (_a = params.fontSize) !== null && _a !== void 0 ? _a : 34,
                 fontFamily: this.TEXT_FONT_FAMILY,
-                fill: (_b = params.color) !== null && _b !== undefined ? _b : "#ff0000",
+                fill: (_b = params.color) !== null && _b !== void 0 ? _b : "#ff0000",
                 align: "left",
                 draggable: true,
-                rotation: (_c = params.rotation) !== null && _c !== undefined ? _c : 0
+                rotation: (_c = params.rotation) !== null && _c !== void 0 ? _c : 0
             });
             this._ref.width(this._ref.getTextWidth());
             this._ref.on("transform", (e => {
@@ -12634,19 +12656,19 @@
             }
             if (!params) params = {};
             if (!params.position) params.position = {
-                x: 100,
-                y: 100
+                x: 0,
+                y: 0
             };
             this._ref = new Konva.Rect({
-                stroke: (_a = params.color) !== null && _a !== undefined ? _a : "#ff0000",
-                strokeWidth: (_b = params.lineWidth) !== null && _b !== undefined ? _b : 4,
+                stroke: (_a = params.color) !== null && _a !== void 0 ? _a : "#ff0000",
+                strokeWidth: (_b = params.lineWidth) !== null && _b !== void 0 ? _b : 4,
                 globalCompositeOperation: "source-over",
                 lineCap: "round",
                 lineJoin: "round",
                 x: params.position.x,
                 y: params.position.y,
-                width: (_c = params.width) !== null && _c !== undefined ? _c : 200,
-                height: (_d = params.height) !== null && _d !== undefined ? _d : 200,
+                width: (_c = params.width) !== null && _c !== void 0 ? _c : 200,
+                height: (_d = params.height) !== null && _d !== void 0 ? _d : 200,
                 draggable: true,
                 strokeScaleEnabled: false
             });
@@ -12748,16 +12770,16 @@
             }
             if (!params) params = {};
             if (!params.position) params.position = {
-                x: 100,
-                y: 100
+                x: 0,
+                y: 0
             };
             if (!params.radius) params.radius = {
                 x: 25,
                 y: 25
             };
             this._ref = new Konva.Ellipse({
-                stroke: (_a = params.color) !== null && _a !== undefined ? _a : "#ff0000",
-                strokeWidth: (_b = params.lineWidth) !== null && _b !== undefined ? _b : 4,
+                stroke: (_a = params.color) !== null && _a !== void 0 ? _a : "#ff0000",
+                strokeWidth: (_b = params.lineWidth) !== null && _b !== void 0 ? _b : 4,
                 globalCompositeOperation: "source-over",
                 lineCap: "round",
                 lineJoin: "round",
@@ -12878,16 +12900,16 @@
             }
             if (!params) params = {};
             if (!params.start) params.start = {
-                x: 50,
-                y: 50
+                x: 0,
+                y: 0
             };
             if (!params.end) params.end = {
                 x: 100,
                 y: 100
             };
             this._ref = new Konva.Arrow({
-                stroke: (_a = params.color) !== null && _a !== undefined ? _a : "#ff0000",
-                fill: (_b = params.color) !== null && _b !== undefined ? _b : "#ff0000",
+                stroke: (_a = params.color) !== null && _a !== void 0 ? _a : "#ff0000",
+                fill: (_b = params.color) !== null && _b !== void 0 ? _b : "#ff0000",
                 strokeWidth: 4,
                 globalCompositeOperation: "source-over",
                 lineCap: "round",
@@ -12994,8 +13016,8 @@
             }
             if (!params) params = {};
             if (!params.position) params.position = {
-                x: 50,
-                y: 50
+                x: 0,
+                y: 0
             };
             if (!params.src || !params.src.startsWith(this.BASE64_HEADER_START)) params.src = this.BASE64_NOT_FOUND;
             this._canvasImage = new Image;
@@ -13027,8 +13049,8 @@
                 x: params.position.x,
                 y: params.position.y,
                 image: this._canvasImage,
-                width: (_a = params.width) !== null && _a !== undefined ? _a : 0,
-                height: (_b = params.height) !== null && _b !== undefined ? _b : 0,
+                width: (_a = params.width) !== null && _a !== void 0 ? _a : 0,
+                height: (_b = params.height) !== null && _b !== void 0 ? _b : 0,
                 draggable: true
             });
             this._ref.on("transform", (e => {
@@ -13131,17 +13153,17 @@
             }
             if (!params) params = {};
             if (!params.position) params.position = {
-                x: 100,
-                y: 100
+                x: 0,
+                y: 0
             };
             const arcRadius = 16;
             this._ref = new Konva.Shape({
                 x: params.position.x,
                 y: params.position.y,
-                width: (_a = params.width) !== null && _a !== undefined ? _a : 200,
-                height: (_b = params.height) !== null && _b !== undefined ? _b : 200,
-                stroke: (_c = params.color) !== null && _c !== undefined ? _c : "#ff0000",
-                strokeWidth: (_d = params.lineWidth) !== null && _d !== undefined ? _d : 4,
+                width: (_a = params.width) !== null && _a !== void 0 ? _a : 200,
+                height: (_b = params.height) !== null && _b !== void 0 ? _b : 200,
+                stroke: (_c = params.color) !== null && _c !== void 0 ? _c : "#ff0000",
+                strokeWidth: (_d = params.lineWidth) !== null && _d !== void 0 ? _d : 4,
                 draggable: true,
                 strokeScaleEnabled: false,
                 globalCompositeOperation: "source-over",
@@ -13390,9 +13412,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 !== undefined ? worldTransformer : new WorldTransform;
+            this._worldTransformer = worldTransformer !== null && worldTransformer !== void 0 ? worldTransformer : new WorldTransform;
             this._container = container;
-            this._containerEvents = containerEvents !== null && containerEvents !== undefined ? containerEvents : [];
+            this._containerEvents = containerEvents !== null && containerEvents !== void 0 ? containerEvents : [];
             this._markupContainer = document.createElement("div");
             this._markupContainer.id = "markup-container";
             this._markupContainer.style.position = "absolute";
@@ -13420,9 +13442,9 @@
                 this._viewer.removeEventListener("changeactivedragger", this.changeActiveDragger);
             }
             this.destroyKonva();
-            (_a = this._resizeObserver) === null || _a === undefined ? undefined : _a.disconnect();
+            (_a = this._resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
             this._resizeObserver = undefined;
-            (_b = this._markupContainer) === null || _b === undefined ? undefined : _b.remove();
+            (_b = this._markupContainer) === null || _b === void 0 ? void 0 : _b.remove();
             this._markupContainer = undefined;
             this._container = undefined;
             this._viewer = undefined;
@@ -13454,14 +13476,14 @@
             const hexColor = new MarkupColor(r, g, b).asHex();
             this.getObjects().filter((obj => {
                 var _a;
-                return (_a = obj.setColor) === null || _a === undefined ? undefined : _a.call(obj, hexColor);
+                return (_a = obj.setColor) === null || _a === void 0 ? void 0 : _a.call(obj, hexColor);
             }));
         }
         colorizeSelectedMarkups(r, g, b) {
             const hexColor = new MarkupColor(r, g, b).asHex();
             this.getSelectedObjects().filter((obj => {
                 var _a;
-                return (_a = obj.setColor) === null || _a === undefined ? undefined : _a.call(obj, hexColor);
+                return (_a = obj.setColor) === null || _a === void 0 ? void 0 : _a.call(obj, hexColor);
             }));
         }
         setViewpoint(viewpoint) {
@@ -13477,13 +13499,13 @@
                 x: 0,
                 y: 0
             });
-            const markupColor = ((_a = viewpoint.custom_fields) === null || _a === undefined ? undefined : _a.markup_color) || {
+            const markupColor = ((_a = viewpoint.custom_fields) === null || _a === void 0 ? void 0 : _a.markup_color) || {
                 r: 255,
                 g: 0,
                 b: 0
             };
             this.setMarkupColor(markupColor.r, markupColor.g, markupColor.b);
-            (_b = viewpoint.lines) === null || _b === undefined ? undefined : _b.forEach((line => {
+            (_b = viewpoint.lines) === null || _b === void 0 ? void 0 : _b.forEach((line => {
                 const linePoints = [];
                 line.points.forEach((point => {
                     const screenPoint = this._worldTransformer.worldToScreen(point);
@@ -13492,28 +13514,28 @@
                 }));
                 this.addLine(linePoints, line.color, line.type, line.width, line.id);
             }));
-            (_c = viewpoint.texts) === null || _c === undefined ? undefined : _c.forEach((text => {
+            (_c = viewpoint.texts) === null || _c === void 0 ? void 0 : _c.forEach((text => {
                 const screenPoint = this._worldTransformer.worldToScreen(text.position);
                 this.addText(text.text, screenPoint, text.angle, text.color, text.text_size, text.font_size, text.id);
             }));
-            (_d = viewpoint.rectangles) === null || _d === undefined ? undefined : _d.forEach((rect => {
+            (_d = viewpoint.rectangles) === null || _d === void 0 ? void 0 : _d.forEach((rect => {
                 const screenPoint = this._worldTransformer.worldToScreen(rect.position);
                 this.addRectangle(screenPoint, rect.width, rect.height, rect.line_width, rect.color, rect.id);
             }));
-            (_e = viewpoint.ellipses) === null || _e === undefined ? undefined : _e.forEach((ellipse => {
+            (_e = viewpoint.ellipses) === null || _e === void 0 ? void 0 : _e.forEach((ellipse => {
                 const screenPoint = this._worldTransformer.worldToScreen(ellipse.position);
                 this.addEllipse(screenPoint, ellipse.radius, ellipse.line_width, ellipse.color, ellipse.id);
             }));
-            (_f = viewpoint.arrows) === null || _f === undefined ? undefined : _f.forEach((arrow => {
+            (_f = viewpoint.arrows) === null || _f === void 0 ? void 0 : _f.forEach((arrow => {
                 const startPoint = this._worldTransformer.worldToScreen(arrow.start);
                 const endPoint = this._worldTransformer.worldToScreen(arrow.end);
                 this.addArrow(startPoint, endPoint, arrow.color, arrow.id);
             }));
-            (_g = viewpoint.clouds) === null || _g === undefined ? undefined : _g.forEach((cloud => {
+            (_g = viewpoint.clouds) === null || _g === void 0 ? void 0 : _g.forEach((cloud => {
                 const screenPoint = this._worldTransformer.worldToScreen(cloud.position);
                 this.addCloud(screenPoint, cloud.width, cloud.height, cloud.line_width, cloud.color, cloud.id);
             }));
-            (_h = viewpoint.images) === null || _h === undefined ? undefined : _h.forEach((image => {
+            (_h = viewpoint.images) === null || _h === void 0 ? void 0 : _h.forEach((image => {
                 const screenPoint = this._worldTransformer.worldToScreen(image.position);
                 this.addImage(screenPoint, image.src, image.width, image.height, image.id);
             }));
@@ -13807,7 +13829,7 @@
             this.removeTextInput();
             this.removeImageInput();
             this.clearOverlay();
-            (_a = this._konvaStage) === null || _a === undefined ? undefined : _a.destroy();
+            (_a = this._konvaStage) === null || _a === void 0 ? void 0 : _a.destroy();
             this._groupImages = undefined;
             this._groupGeometry = undefined;
             this._groupTexts = undefined;
@@ -14057,7 +14079,7 @@
         }
         removeTextInput() {
             var _a;
-            (_a = this._textInputRef) === null || _a === undefined ? undefined : _a.remove();
+            (_a = this._textInputRef) === null || _a === void 0 ? void 0 : _a.remove();
             this._textInputRef = null;
             this._textInputPos = null;
             this._textInputAngle = 0;
@@ -14100,14 +14122,14 @@
         }
         removeImageInput() {
             var _a;
-            (_a = this._imageInputRef) === null || _a === undefined ? undefined : _a.remove();
+            (_a = this._imageInputRef) === null || _a === void 0 ? void 0 : _a.remove();
             this._imageInputRef = null;
             this._imageInputPos = null;
         }
         addText(text, position, angle, color, textSize, fontSize, id) {
             var _a;
             if (!text) return;
-            (_a = this.getSelectedObjects().at(0)) === null || _a === undefined ? undefined : _a.delete();
+            (_a = this.getSelectedObjects().at(0)) === null || _a === void 0 ? void 0 : _a.delete();
             this.clearSelected();
             this.removeTextInput();
             const tolerance = 1e-6;
@@ -14182,7 +14204,7 @@
         addImage(position, src, width, height, id) {
             var _a;
             if (!position || !src) return;
-            (_a = this.getSelectedObjects().at(0)) === null || _a === undefined ? undefined : _a.delete();
+            (_a = this.getSelectedObjects().at(0)) === null || _a === void 0 ? void 0 : _a.delete();
             this.clearSelected();
             this.removeImageInput();
             const konvaImage = new KonvaImage({
@@ -56684,117 +56706,6 @@ void main() {
         viewer.clearOverlay();
     }
 
-    ///////////////////////////////////////////////////////////////////////////////
-    // Copyright (C) 2002-2025, Open Design Alliance (the "Alliance").
-    // All rights reserved.
-    //
-    // This software and its documentation and related materials are owned by
-    // the Alliance. The software may only be incorporated into application
-    // programs owned by members of the Alliance, subject to a signed
-    // Membership Agreement and Supplemental Software License Agreement with the
-    // Alliance. The structure and organization of this software are the valuable
-    // trade secrets of the Alliance and its suppliers. The software is also
-    // protected by copyright law and international treaty provisions. Application
-    // programs incorporating this software must include the following statement
-    // with their copyright notices:
-    //
-    //   This application incorporates Open Design Alliance software pursuant to a
-    //   license agreement with Open Design Alliance.
-    //   Open Design Alliance Copyright (C) 2002-2025 by Open Design Alliance.
-    //   All rights reserved.
-    //
-    // By use of this software, its documentation or related materials, you
-    // acknowledge and accept the above terms.
-    ///////////////////////////////////////////////////////////////////////////////
-    class SelectionComponent {
-        constructor(viewer) {
-            this.onPointerDown = (event) => {
-                if (!event.isPrimary || event.button !== 0)
-                    return;
-                this.getMousePosition(event, this.downPosition);
-            };
-            this.onPointerUp = (event) => {
-                if (!event.isPrimary)
-                    return;
-                const upPosition = this.getMousePosition(event, new Vector2());
-                if (this.downPosition.distanceTo(upPosition) !== 0)
-                    return;
-                const intersects = this.getPointerIntersects(upPosition);
-                this.clearSelection();
-                if (intersects.length > 0)
-                    this.select(intersects[0].object);
-                this.viewer.update();
-                this.viewer.emitEvent({ type: "select", data: undefined, handles: this.viewer.getSelected() });
-            };
-            this.onDoubleClick = (event) => {
-                if (event.button !== 0)
-                    return;
-                this.viewer.executeCommand("zoomToSelected");
-            };
-            this.optionsChange = () => {
-                const { facesColor, facesTransparancy } = this.viewer.options;
-                this.facesMaterial.color.setRGB(facesColor.r / 255, facesColor.g / 255, facesColor.b / 255);
-                this.facesMaterial.opacity = (255 - facesTransparancy) / 255;
-                this.viewer.update();
-            };
-            this.viewer = viewer;
-            this.raycaster = new Raycaster();
-            this.downPosition = new Vector2();
-            const { facesColor, facesTransparancy } = this.viewer.options;
-            this.facesMaterial = new MeshBasicMaterial();
-            this.facesMaterial.color.setRGB(facesColor.r / 255, facesColor.g / 255, facesColor.b / 255);
-            this.facesMaterial.opacity = (255 - facesTransparancy) / 255;
-            this.facesMaterial.transparent = true;
-            this.viewer.addEventListener("pointerdown", this.onPointerDown);
-            this.viewer.addEventListener("pointerup", this.onPointerUp);
-            this.viewer.addEventListener("dblclick", this.onDoubleClick);
-            this.viewer.addEventListener("optionschange", this.optionsChange);
-        }
-        dispose() {
-            this.facesMaterial.dispose();
-            this.viewer.removeEventListener("pointerdown", this.onPointerDown);
-            this.viewer.removeEventListener("pointerup", this.onPointerUp);
-            this.viewer.removeEventListener("dblclick", this.onDoubleClick);
-            this.viewer.removeEventListener("optionschange", this.optionsChange);
-        }
-        getMousePosition(event, target) {
-            return target.set(event.clientX, event.clientY);
-        }
-        getPointerIntersects(mouse) {
-            const rect = this.viewer.canvas.getBoundingClientRect();
-            const x = ((mouse.x - rect.left) / rect.width) * 2 - 1;
-            const y = (-(mouse.y - rect.top) / rect.height) * 2 + 1;
-            const coords = new Vector2(x, y);
-            this.raycaster.setFromCamera(coords, this.viewer.camera);
-            const objects = [];
-            this.viewer.scene.traverseVisible((child) => objects.push(child));
-            this.raycaster.params = this.raycaster.params = {
-                Mesh: {},
-                Line: { threshold: 0.25 },
-                Line2: { threshold: 0.25 },
-                LOD: {},
-                Points: { threshold: 0.1 },
-                Sprite: {},
-            };
-            return this.raycaster.intersectObjects(objects, false);
-        }
-        select(object) {
-            if (object.isSelected)
-                return;
-            object.isSelected = true;
-            object.originalMaterial = object.material;
-            object.material = this.facesMaterial;
-            this.viewer.selected.push(object);
-        }
-        clearSelection() {
-            this.viewer.selected.forEach((object) => {
-                object.isSelected = false;
-                object.material = object.originalMaterial;
-            });
-            this.viewer.selected.length = 0;
-        }
-    }
-
     ///////////////////////////////////////////////////////////////////////////////
     // Copyright (C) 2002-2025, Open Design Alliance (the "Alliance").
     // All rights reserved.
@@ -56818,9 +56729,10 @@ void main() {
     // acknowledge and accept the above terms.
     ///////////////////////////////////////////////////////////////////////////////
     function clearSelected(viewer) {
-        const selection = new SelectionComponent(viewer);
+        const selection = viewer.getComponent("SelectionComponent");
+        if (!selection)
+            return;
         selection.clearSelection();
-        selection.dispose();
         viewer.update();
         viewer.emitEvent({ type: "select", data: undefined, handles: [] });
     }
@@ -57098,7 +57010,7 @@ void main() {
     // acknowledge and accept the above terms.
     ///////////////////////////////////////////////////////////////////////////////
     function getModels(viewer) {
-        return viewer.models.map((model) => { var _a; return ((_a = model.userData) === null || _a === undefined ? undefined : _a.handle) || ""; }).filter((handle) => handle);
+        return viewer.models.map((model) => { var _a; return ((_a = model.userData) === null || _a === void 0 ? void 0 : _a.handle) || ""; }).filter((handle) => handle);
     }
 
     ///////////////////////////////////////////////////////////////////////////////
@@ -57124,7 +57036,118 @@ void main() {
     // acknowledge and accept the above terms.
     ///////////////////////////////////////////////////////////////////////////////
     function getSelected(viewer) {
-        return viewer.selected.map((object) => { var _a; return (_a = object.userData) === null || _a === undefined ? undefined : _a.handle; }).filter((handle) => handle);
+        return viewer.selected.map((object) => { var _a; return (_a = object.userData) === null || _a === void 0 ? void 0 : _a.handle; }).filter((handle) => handle);
+    }
+
+    ///////////////////////////////////////////////////////////////////////////////
+    // Copyright (C) 2002-2025, Open Design Alliance (the "Alliance").
+    // All rights reserved.
+    //
+    // This software and its documentation and related materials are owned by
+    // the Alliance. The software may only be incorporated into application
+    // programs owned by members of the Alliance, subject to a signed
+    // Membership Agreement and Supplemental Software License Agreement with the
+    // Alliance. The structure and organization of this software are the valuable
+    // trade secrets of the Alliance and its suppliers. The software is also
+    // protected by copyright law and international treaty provisions. Application
+    // programs incorporating this software must include the following statement
+    // with their copyright notices:
+    //
+    //   This application incorporates Open Design Alliance software pursuant to a
+    //   license agreement with Open Design Alliance.
+    //   Open Design Alliance Copyright (C) 2002-2025 by Open Design Alliance.
+    //   All rights reserved.
+    //
+    // By use of this software, its documentation or related materials, you
+    // acknowledge and accept the above terms.
+    ///////////////////////////////////////////////////////////////////////////////
+    class SelectionComponent {
+        constructor(viewer) {
+            this.onPointerDown = (event) => {
+                if (!event.isPrimary || event.button !== 0)
+                    return;
+                this.getMousePosition(event, this.downPosition);
+            };
+            this.onPointerUp = (event) => {
+                if (!event.isPrimary)
+                    return;
+                const upPosition = this.getMousePosition(event, new Vector2());
+                if (this.downPosition.distanceTo(upPosition) !== 0)
+                    return;
+                const intersects = this.getPointerIntersects(upPosition);
+                this.clearSelection();
+                if (intersects.length > 0)
+                    this.select(intersects[0].object);
+                this.viewer.update();
+                this.viewer.emitEvent({ type: "select", data: undefined, handles: this.viewer.getSelected() });
+            };
+            this.onDoubleClick = (event) => {
+                if (event.button !== 0)
+                    return;
+                this.viewer.executeCommand("zoomToSelected");
+            };
+            this.optionsChange = () => {
+                const { facesColor, facesTransparancy } = this.viewer.options;
+                this.facesMaterial.color.setRGB(facesColor.r / 255, facesColor.g / 255, facesColor.b / 255);
+                this.facesMaterial.opacity = (255 - facesTransparancy) / 255;
+                this.viewer.update();
+            };
+            this.viewer = viewer;
+            this.raycaster = new Raycaster();
+            this.downPosition = new Vector2();
+            const { facesColor, facesTransparancy } = this.viewer.options;
+            this.facesMaterial = new MeshBasicMaterial();
+            this.facesMaterial.color.setRGB(facesColor.r / 255, facesColor.g / 255, facesColor.b / 255);
+            this.facesMaterial.opacity = (255 - facesTransparancy) / 255;
+            this.facesMaterial.transparent = true;
+            this.viewer.addEventListener("pointerdown", this.onPointerDown);
+            this.viewer.addEventListener("pointerup", this.onPointerUp);
+            this.viewer.addEventListener("dblclick", this.onDoubleClick);
+            this.viewer.addEventListener("optionschange", this.optionsChange);
+        }
+        dispose() {
+            this.facesMaterial.dispose();
+            this.viewer.removeEventListener("pointerdown", this.onPointerDown);
+            this.viewer.removeEventListener("pointerup", this.onPointerUp);
+            this.viewer.removeEventListener("dblclick", this.onDoubleClick);
+            this.viewer.removeEventListener("optionschange", this.optionsChange);
+        }
+        getMousePosition(event, target) {
+            return target.set(event.clientX, event.clientY);
+        }
+        getPointerIntersects(mouse) {
+            const rect = this.viewer.canvas.getBoundingClientRect();
+            const x = ((mouse.x - rect.left) / rect.width) * 2 - 1;
+            const y = (-(mouse.y - rect.top) / rect.height) * 2 + 1;
+            const coords = new Vector2(x, y);
+            this.raycaster.setFromCamera(coords, this.viewer.camera);
+            const objects = [];
+            this.viewer.scene.traverseVisible((child) => objects.push(child));
+            this.raycaster.params = this.raycaster.params = {
+                Mesh: {},
+                Line: { threshold: 0.25 },
+                Line2: { threshold: 0.25 },
+                LOD: {},
+                Points: { threshold: 0.1 },
+                Sprite: {},
+            };
+            return this.raycaster.intersectObjects(objects, false);
+        }
+        select(object) {
+            if (object.isSelected)
+                return;
+            object.isSelected = true;
+            object.originalMaterial = object.material;
+            object.material = this.facesMaterial;
+            this.viewer.selected.push(object);
+        }
+        clearSelection() {
+            this.viewer.selected.forEach((object) => {
+                object.isSelected = false;
+                object.material = object.originalMaterial;
+            });
+            this.viewer.selected.length = 0;
+        }
     }
 
     ///////////////////////////////////////////////////////////////////////////////
@@ -57359,13 +57382,14 @@ void main() {
         const objects = [];
         viewer.scene.traverseVisible((child) => {
             var _a;
-            if (handleSet.has((_a = child.userData) === null || _a === undefined ? undefined : _a.handle))
+            if (handleSet.has((_a = child.userData) === null || _a === void 0 ? void 0 : _a.handle))
                 objects.push(child);
         });
-        const selection = new SelectionComponent(viewer);
+        const selection = viewer.getComponent("SelectionComponent");
+        if (!selection)
+            return;
         selection.clearSelection();
         objects.forEach((object) => selection.select(object));
-        selection.dispose();
         viewer.update();
         viewer.emitEvent({ type: "select", data: undefined, handles });
     }
@@ -57451,7 +57475,7 @@ void main() {
         const objects = [];
         viewer.scene.traverseVisible((child) => {
             var _a;
-            if (handleSet.has((_a = child.userData) === null || _a === undefined ? undefined : _a.handle))
+            if (handleSet.has((_a = child.userData) === null || _a === void 0 ? void 0 : _a.handle))
                 objects.push(child);
         });
         const extents = objects.reduce((result, object) => result.expandByObject(object), new Box3());
@@ -62997,7 +63021,7 @@ void main() {
                     .replace(this.resourcePath, "")
                     .replace(/^(\.?\/)/, "");
                 const dataURL = this.dataURLs.get(key);
-                return dataURL !== null && dataURL !== undefined ? dataURL : url;
+                return dataURL !== null && dataURL !== void 0 ? dataURL : url;
             });
         }
         dispose() {
@@ -63178,7 +63202,7 @@ void main() {
             this.renderer.autoClear = false;
             this.renderer.render(this.helpers, this.camera);
             this.renderer.clippingPlanes = clippingPlanes;
-            (_b = (_a = this._activeDragger) === null || _a === undefined ? undefined : _a.updatePreview) === null || _b === undefined ? undefined : _b.call(_a);
+            (_b = (_a = this._activeDragger) === null || _a === void 0 ? void 0 : _a.updatePreview) === null || _b === void 0 ? void 0 : _b.call(_a);
             const deltaTime = (time - this.renderTime) / 1000;
             this.renderTime = time;
             this.emitEvent({ type: "render", time, deltaTime });
@@ -63446,7 +63470,7 @@ void main() {
                     newDragger = draggers.createDragger(name, this);
                     if (newDragger) {
                         this._activeDragger = newDragger;
-                        (_b = (_a = this._activeDragger).initialize) === null || _b === undefined ? undefined : _b.call(_a);
+                        (_b = (_a = this._activeDragger).initialize) === null || _b === void 0 ? void 0 : _b.call(_a);
                     }
                 }
                 const canvas = this.canvas;
@@ -63543,7 +63567,7 @@ void main() {
                 }
             };
             const setClippingPlanes = (clipping_planes) => {
-                clipping_planes === null || clipping_planes === undefined ? undefined : clipping_planes.forEach((clipping_plane) => {
+                clipping_planes === null || clipping_planes === void 0 ? void 0 : clipping_planes.forEach((clipping_plane) => {
                     const plane = new Plane();
                     plane.setFromNormalAndCoplanarPoint(getVector3FromPoint3d(clipping_plane.direction), getVector3FromPoint3d(clipping_plane.location));
                     this.renderer.clippingPlanes.push(plane);
@@ -63553,7 +63577,7 @@ void main() {
                 if (selection)
                     this.setSelected(selection.map((component) => component.handle));
             };
-            const draggerName = (_a = this._activeDragger) === null || _a === undefined ? undefined : _a.name;
+            const draggerName = (_a = this._activeDragger) === null || _a === void 0 ? void 0 : _a.name;
             this.setActiveDragger();
             this.clearSlices();
             this.clearOverlay();
@@ -63565,7 +63589,7 @@ void main() {
             setClippingPlanes(viewpoint.clipping_planes);
             setSelection(viewpoint.selection);
             this._markup.setViewpoint(viewpoint);
-            this.target = getVector3FromPoint3d((_c = (_b = viewpoint.custom_fields) === null || _b === undefined ? undefined : _b.camera_target) !== null && _c !== undefined ? _c : this.target);
+            this.target = getVector3FromPoint3d((_c = (_b = viewpoint.custom_fields) === null || _b === void 0 ? void 0 : _b.camera_target) !== null && _c !== void 0 ? _c : this.target);
             this.setActiveDragger(draggerName);
             this.emitEvent({ type: "drawviewpoint", data: viewpoint });
             this.update();