@inweb/viewer-visualize 27.1.6 → 27.1.8

package/dist/viewer-visualize.js

@@ -264,10 +264,6 @@
         static defaults() {
             return defaultOptions();
         }
-        notifierChangeEvent() {
-            console.warn("Options.notifierChangeEvent() has been deprecated since 25.3 and will be removed in a future release, use Options.change() instead.");
-            this.change();
-        }
         change() {
             if (this._emitter !== undefined) {
                 this.saveToStorage();
@@ -709,17 +705,27 @@
             this.needInputText = false;
             this.mouseDownPosition = { x: 0, y: 0 };
             this.autoSelect = false;
-            this.onmessage = (event) => this.subject.emitEvent(event);
-            this.canvasEvents = CANVAS_EVENTS;
-        }
-        initialize() {
-            this.canvasEvents = this.canvasEvents.filter((x) => typeof this[x] === "function");
-            this.canvasEvents.forEach((x) => (this[x] = this[x].bind(this)));
-            this.canvasEvents.forEach((x) => this.subject.on(x, this[x]));
-            this.getViewer().setEnableAutoSelect(!!this.autoSelect);
+            this.pointerdown = this.pointerdown.bind(this);
+            this.pointerup = this.pointerup.bind(this);
+            this.pointercancel = this.pointercancel.bind(this);
+            this.pointermove = this.pointermove.bind(this);
+            this.click = this.click.bind(this);
+            this.dblclick = this.dblclick.bind(this);
+            this.subject.addEventListener("pointerdown", this.pointerdown);
+            this.subject.addEventListener("pointerup", this.pointerup);
+            this.subject.addEventListener("pointercancel", this.pointercancel);
+            this.subject.addEventListener("pointermove", this.pointermove);
+            this.subject.addEventListener("click", this.click);
+            this.subject.addEventListener("dblclick", this.dblclick);
+            this.getViewer().setEnableAutoSelect(false);
         }
         dispose() {
-            this.canvasEvents.forEach((x) => this.subject.off(x, this[x]));
+            this.subject.removeEventListener("pointerdown", this.pointerdown);
+            this.subject.removeEventListener("pointerup", this.pointerup);
+            this.subject.removeEventListener("pointercancel", this.pointercancel);
+            this.subject.removeEventListener("pointermove", this.pointermove);
+            this.subject.removeEventListener("click", this.click);
+            this.subject.removeEventListener("dblclick", this.dblclick);
         }
         relativeCoords(event) {
             return { x: event.offsetX * window.devicePixelRatio, y: event.offsetY * window.devicePixelRatio };
@@ -770,13 +776,13 @@
             const x = relCoord.x;
             const y = relCoord.y;
             const isNotDragging = Math.abs(x - this.mouseDownPosition.x) < CLICK_DELTA && Math.abs(y - this.mouseDownPosition.y) < CLICK_DELTA;
-            if (viewer && viewer.getEnableAutoSelect() && isNotDragging) {
+            if (this.autoSelect && isNotDragging) {
                 viewer.unselect();
                 viewer.select(x, y, x, y);
                 this.subject.update();
                 const selectionSet = viewer.getSelected();
-                this.onmessage({ type: "select", data: selectionSet, handles: this.subject.getSelected() });
-                this.onmessage({ type: "select2", data: selectionSet, handles: this.subject.getSelected2() });
+                this.subject.emitEvent({ type: "select", data: selectionSet, handles: this.subject.getSelected() });
+                this.subject.emitEvent({ type: "select2", data: selectionSet, handles: this.subject.getSelected2() });
             }
         }
         dblclick(ev) {
@@ -791,17 +797,15 @@
                 clickView.delete();
                 this.subject.update();
             }
-            else {
-                if (viewer && viewer.getEnableAutoSelect()) {
-                    const pSelected = viewer.getSelected();
-                    if (!pSelected.isNull() && pSelected.numItems() !== 0) {
-                        const itr = pSelected.getIterator();
-                        const entity = itr.getEntity();
-                        viewer.zoomToEntity(entity);
-                        this.onmessage({ type: "zoomtoentity", data: entity });
-                        this.subject.update();
-                        this.deleteAll([itr, entity]);
-                    }
+            else if (this.autoSelect) {
+                const pSelected = viewer.getSelected();
+                if (!pSelected.isNull() && pSelected.numItems() !== 0) {
+                    const itr = pSelected.getIterator();
+                    const entity = itr.getEntity();
+                    viewer.zoomToEntity(entity);
+                    this.subject.emitEvent({ type: "zoomtoentity", data: entity });
+                    this.subject.update();
+                    this.deleteAll([itr, entity]);
                 }
             }
             device.delete();
@@ -821,7 +825,6 @@
                 (_a = obj === null || obj === void 0 ? void 0 : obj.delete) === null || _a === void 0 ? void 0 : _a.call(obj);
             }
         }
-        updatePreview() { }
         static set isGestureActive(value) {
             if (OdBaseDragger._isGestureActive === value) {
                 return;
@@ -1199,23 +1202,23 @@
             this.rulerUnit = (_a = subject.options.rulerUnit) !== null && _a !== void 0 ? _a : "Default";
             this.rulerPrecision = (_b = subject.options.rulerPrecision) !== null && _b !== void 0 ? _b : "Default";
             this.items = [];
-            this.canvasEvents.push("resize", "optionsChange");
-        }
-        initialize() {
-            super.initialize();
             this.m_overlayElement = document.createElement("div");
             this.m_overlayElement.style.background = "rgba(0,0,0,0)";
             this.m_overlayElement.style.position = "fixed";
             this.m_overlayElement.style.zIndex = "1";
             this.m_overlayElement.style.pointerEvents = "none";
             document.body.appendChild(this.m_overlayElement);
+            this.optionsChange = this.optionsChange.bind(this);
+            this.updatePreview = this.updatePreview.bind(this);
             this.subject.addEventListener("optionschange", this.optionsChange);
+            this.subject.addEventListener("render", this.updatePreview);
             this.resize();
         }
         dispose() {
             super.dispose();
             this.m_overlayElement.remove();
             this.subject.removeEventListener("optionschange", this.optionsChange);
+            this.subject.removeEventListener("render", this.updatePreview);
         }
         updatePreview() {
             this.items.forEach((item) => item.update());
@@ -1556,7 +1559,6 @@
     class OdaWalkDragger extends OdBaseDragger {
         constructor(subject) {
             super(subject);
-            this.viewer = undefined;
             this.multiplier = 5;
             this.baseSpeed = 1;
             this.keyPressMap = new Set();
@@ -1571,9 +1573,6 @@
             this.autoSelect = true;
             this.isJoyStickMoving = false;
             this.addJoyStickDragger(subject.canvas.parentElement);
-        }
-        initialize() {
-            super.initialize();
             this.viewer = this.getViewer();
             window.addEventListener("keydown", this.keydown, false);
             window.addEventListener("keyup", this.keyup, false);
@@ -1836,7 +1835,6 @@
     class OdaFlyDragger extends OdBaseDragger {
         constructor(subject) {
             super(subject);
-            this.viewer = undefined;
             this.multiplier = 5;
             this.speed = 1;
             this.keyPressMap = new Set();
@@ -1851,9 +1849,6 @@
             this.autoSelect = true;
             this.isJoyStickMoving = false;
             this.addJoyStickDragger(subject.canvas.parentElement);
-        }
-        initialize() {
-            super.initialize();
             this.viewer = this.getViewer();
             window.addEventListener("keydown", this.keydown, false);
             window.addEventListener("keyup", this.keyup, false);
@@ -2292,7 +2287,6 @@
             this._beginInteractivity();
         }
         action(x, y) {
-            var _a, _b;
             const view = this.getViewer().activeView;
             const corners = view.vportRect;
             const size = Math.max(Math.abs(corners[2] - corners[0]), Math.abs(corners[3] - corners[1]));
@@ -2322,7 +2316,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);
+            this._subject.update();
             this._subject.emitEvent({
                 type: "orbit",
             });
@@ -2509,7 +2503,6 @@
             this._beginInteractivity();
         }
         action(x, y, absoluteX, absoluteY) {
-            var _a, _b;
             const { Vector3d } = this._m_module;
             const params = this._getViewParams();
             const pt = this.screenToWorld(x, y);
@@ -2526,7 +2519,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);
+            this._subject.update();
             this._subject.emitEvent({
                 type: "pan",
                 x: absoluteX,
@@ -2575,11 +2568,10 @@
             this._subject = subject;
         }
         action(x, y, zoomFactor, absoluteX, absoluteY) {
-            var _a, _b;
             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);
+            this._subject.update();
             this._subject.emitEvent({
                 type: "zoomat",
                 data: zoomFactor,
@@ -2627,11 +2619,27 @@
     class OdZoomWheelDragger extends OdBaseDragger {
         constructor(subject) {
             super(subject);
-            this.canvasEvents = ["wheel"];
+            this.wheel = this.wheel.bind(this);
+            this.subject.addEventListener("wheel", this.wheel);
             this._zoomAction = new ZoomAction(this.m_module, this.subject);
             this._endInteractivityTimeOutId = undefined;
             this._isEnableInteractivityMode = false;
         }
+        dispose() {
+            super.dispose();
+            this.subject.removeEventListener("wheel", this.wheel);
+            if (this._endInteractivityTimeOutId) {
+                clearTimeout(this._endInteractivityTimeOutId);
+                this.endInteractivity();
+                this._isEnableInteractivityMode = false;
+            }
+        }
+        pointerdown() { }
+        pointerup() { }
+        pointercancel() { }
+        pointermove() { }
+        click() { }
+        dblclick() { }
         wheel(event) {
             if (!this.subject.options.enableZoomWheel) {
                 return;
@@ -2651,13 +2659,6 @@
                 if (this._endInteractivityTimeOutId) {
                     clearTimeout(this._endInteractivityTimeOutId);
                 }
-                if (!this._isEnableInteractivityMode) {
-                    this._isEnableInteractivityMode = true;
-                    this.beginInteractivity();
-                }
-                if (this._endInteractivityTimeOutId) {
-                    clearTimeout(this._endInteractivityTimeOutId);
-                }
                 this.subject.update(true);
                 this._endInteractivityTimeOutId = setTimeout(() => {
                     this._endInteractivityTimeOutId = undefined;
@@ -2666,13 +2667,6 @@
                 }, INTERACTIVITY_TIME_OUT);
             }
         }
-        dispose() {
-            if (this._endInteractivityTimeOutId) {
-                clearTimeout(this._endInteractivityTimeOutId);
-                this.endInteractivity();
-                this._isEnableInteractivityMode = false;
-            }
-        }
     }
 
     class OdSelectionFrame {
@@ -2892,6 +2886,127 @@
         }
     }
 
+    const MARKUP_ENTITY_LINE = "$MarkupTempEntity_Line";
+    class OdaLineDragger extends OdBaseDragger {
+        constructor(subject) {
+            super(subject);
+            this.press = false;
+        }
+        dispose() {
+            super.dispose();
+            this.end();
+            this.points = null;
+            this.drawPoints = null;
+        }
+        start(x, y) {
+            const point = this.getViewer().screenToWorld(x, y);
+            this.drawPoints = [point[0], point[1], point[2]];
+        }
+        drag(x, y) {
+            if (this.isDragging) {
+                const point = this.getViewer().screenToWorld(x, y);
+                this.drawPoints.push(point[0], point[1], point[2]);
+                this._updateFrame();
+            }
+        }
+        end() {
+            if (this.entity) {
+                this.entity.delete();
+                this.drawPoints = null;
+                this.entity = null;
+            }
+        }
+        _updateFrame() {
+            if (this.entity) {
+                const model = this.getViewer().getMarkupModel();
+                model.removeEntity(this.entity);
+                model.delete();
+                this.entity.delete();
+            }
+            this.entity = this.getActiveMarkupEntity(MARKUP_ENTITY_LINE);
+            const entityPtr = this.entity.openObject();
+            entityPtr.appendPolyline(this.drawPoints).delete();
+            entityPtr.delete();
+        }
+    }
+
+    const MARKUP_ENTITY_TEXT = "$MarkupTempEntity_Text";
+    class OdaTextDragger extends OdBaseDragger {
+        constructor(subject) {
+            super(subject);
+            this.TEXT_HEIGHT_ALIGN = 24;
+            this.press = false;
+        }
+        dispose() {
+            var _a;
+            super.dispose();
+            (_a = this.textRef) === null || _a === void 0 ? void 0 : _a.remove();
+            this.textRef = null;
+        }
+        _finishInput() {
+            var _a;
+            if (this.textRef && this.textRef.value.trimLeft()) {
+                this._updateFrame();
+            }
+            (_a = this.textRef) === null || _a === void 0 ? void 0 : _a.remove();
+            this.textRef = null;
+        }
+        start(x, y, absoluteX, absoluteY) {
+            if (!this.textRef) {
+                this.textRef = document.createElement("textarea");
+                this.textRef.style.zIndex = "9999";
+                this.textRef.style.position = "absolute";
+                this.textRef.style.display = "block";
+                this.textRef.style.top = absoluteY + "px";
+                this.textRef.style.left = absoluteX + "px";
+                this.textRef.onkeypress = (event) => {
+                    if (event.key === "Enter") {
+                        event.preventDefault();
+                        this._finishInput();
+                    }
+                };
+                document.body.appendChild(this.textRef);
+                this.press = true;
+                this.m_center = this.screenToWorld(x, y + this.TEXT_HEIGHT_ALIGN);
+                this.needInputText = true;
+            }
+            else {
+                this._finishInput();
+            }
+        }
+        _updateFrame() {
+            this.entity = this.getActiveMarkupEntity(MARKUP_ENTITY_TEXT);
+            const entityPtr = this.entity.openObject();
+            const view = this.getViewer().activeView;
+            const pos = this.toPoint(view.viewPosition);
+            const target = this.toPoint(view.viewTarget);
+            const eyeToWorld = view.eyeToWorldMatrix;
+            const eyeDir = pos.sub(target).asVector();
+            const xDir = this.toVector([1.0, 0.0, 0.0]);
+            const direction = xDir.transformBy(eyeToWorld);
+            const mtrx = this.createMatrix3d();
+            mtrx.setToWorldToPlane(this.toGeVector(eyeDir));
+            direction.transformBy(mtrx);
+            const angel = -Math.atan2(-direction.y, direction.x);
+            const textSize = 0.02;
+            let textScale = 1.0;
+            const projMtrx = view.projectionMatrix;
+            const mtrxNumber = projMtrx.get(1, 1);
+            const tol = 1.0e-6;
+            if (!(mtrxNumber < tol && mtrxNumber > -tol)) {
+                textScale = 1 / mtrxNumber;
+            }
+            const geomData = entityPtr.appendText(this.toGePoint(this.m_center), this.textRef.value.trimLeft());
+            const textPtr = geomData.openAsText();
+            textPtr.setNormal(this.toGeVector(eyeDir));
+            textPtr.setRotation(angel);
+            textPtr.setTextSize(textSize * textScale);
+            textPtr.delete();
+            geomData.delete();
+            entityPtr.delete();
+        }
+    }
+
     const draggers = draggersRegistry("visualizejs");
     draggers.registerDragger("Pan", (viewer) => new OdPanDragger(viewer));
     draggers.registerDragger("Orbit", (viewer) => new OdOrbitDragger(viewer));
@@ -2905,6 +3020,8 @@
     draggers.registerDragger("CuttingPlaneZAxis", (viewer) => new OdCuttingPlaneZAxisDragger(viewer));
     draggers.registerDragger("Walk", (viewer) => new OdaWalkDragger(viewer));
     draggers.registerDragger("Fly", (viewer) => new OdaFlyDragger(viewer));
+    draggers.registerDragger("Line", (viewer) => new OdaLineDragger(viewer));
+    draggers.registerDragger("Text", (viewer) => new OdaTextDragger(viewer));
 
     const composeMatrixFromTransform = (transform, modelCenter, visLib) => {
         const { translate, scale, rotation } = transform;
@@ -3501,10 +3618,8 @@
 
     class ZoomWheelComponent {
         constructor(viewer) {
-            this.viewer = viewer;
             this.zoomWheelDragger = new OdZoomWheelDragger(viewer);
             this.zoomWheelDragger.name = "ZoomWheel";
-            this.zoomWheelDragger.initialize();
         }
         dispose() {
             this.zoomWheelDragger.dispose();
@@ -3536,6 +3651,12 @@
             this._orbitAction = new OrbitAction(this.m_module, this.subject, this.beginInteractivity, this.endInteractivity);
             this._panAction = new PanAction(this.m_module, this.subject, this.beginInteractivity, this.endInteractivity, this.getViewParams, this.setViewParams);
             this._zoomAction = new ZoomAction(this.m_module, this.subject);
+            this.pointerleave = this.pointerleave.bind(this);
+            this.subject.addEventListener("pointerleave", this.pointerleave);
+        }
+        dispose() {
+            super.dispose();
+            this.subject.removeEventListener("pointerleave", this.pointerleave);
         }
         getMiddlePoint(events) {
             if (events.size !== 2) {
@@ -3692,9 +3813,7 @@
 
     class GestureManagerComponent {
         constructor(viewer) {
-            this.viewer = viewer;
             this.gestureManager = new GestureManager(viewer);
-            this.gestureManager.initialize();
         }
         dispose() {
             this.gestureManager.dispose();
@@ -17314,8 +17433,18 @@ js: import "konva/skia-backend";
         getSelectedObjects() {
             if (!this._konvaTransformer)
                 return [];
-            return this._konvaTransformer
-                .nodes()
+            const validNodes = this._konvaTransformer.nodes().filter((ref) => {
+                try {
+                    return ref.getLayer() !== null && ref.getParent() !== null;
+                }
+                catch {
+                    return false;
+                }
+            });
+            if (validNodes.length !== this._konvaTransformer.nodes().length) {
+                this._konvaTransformer.nodes(validNodes);
+            }
+            return validNodes
                 .map((ref) => {
                 const name = ref.className;
                 const konvaShape = Object.values(MarkupMode2Konva).find((shape) => shape.name === name);
@@ -17919,127 +18048,6 @@ js: import "konva/skia-backend";
         }
     }
 
-    const MARKUP_ENTITY_LINE = "$MarkupTempEntity_Line";
-    class OdaLineDragger extends OdBaseDragger {
-        constructor(subject) {
-            super(subject);
-            this.press = false;
-        }
-        dispose() {
-            super.dispose();
-            this.end();
-            this.points = null;
-            this.drawPoints = null;
-        }
-        start(x, y) {
-            const point = this.getViewer().screenToWorld(x, y);
-            this.drawPoints = [point[0], point[1], point[2]];
-        }
-        drag(x, y) {
-            if (this.isDragging) {
-                const point = this.getViewer().screenToWorld(x, y);
-                this.drawPoints.push(point[0], point[1], point[2]);
-                this._updateFrame();
-            }
-        }
-        end() {
-            if (this.entity) {
-                this.entity.delete();
-                this.drawPoints = null;
-                this.entity = null;
-            }
-        }
-        _updateFrame() {
-            if (this.entity) {
-                const model = this.getViewer().getMarkupModel();
-                model.removeEntity(this.entity);
-                model.delete();
-                this.entity.delete();
-            }
-            this.entity = this.getActiveMarkupEntity(MARKUP_ENTITY_LINE);
-            const entityPtr = this.entity.openObject();
-            entityPtr.appendPolyline(this.drawPoints).delete();
-            entityPtr.delete();
-        }
-    }
-
-    const MARKUP_ENTITY_TEXT = "$MarkupTempEntity_Text";
-    class OdaTextDragger extends OdBaseDragger {
-        constructor(subject) {
-            super(subject);
-            this.TEXT_HEIGHT_ALIGN = 24;
-            this.press = false;
-        }
-        dispose() {
-            var _a;
-            super.dispose();
-            (_a = this.textRef) === null || _a === void 0 ? void 0 : _a.remove();
-            this.textRef = null;
-        }
-        _finishInput() {
-            var _a;
-            if (this.textRef && this.textRef.value.trimLeft()) {
-                this._updateFrame();
-            }
-            (_a = this.textRef) === null || _a === void 0 ? void 0 : _a.remove();
-            this.textRef = null;
-        }
-        start(x, y, absoluteX, absoluteY) {
-            if (!this.textRef) {
-                this.textRef = document.createElement("textarea");
-                this.textRef.style.zIndex = "9999";
-                this.textRef.style.position = "absolute";
-                this.textRef.style.display = "block";
-                this.textRef.style.top = absoluteY + "px";
-                this.textRef.style.left = absoluteX + "px";
-                this.textRef.onkeypress = (event) => {
-                    if (event.key === "Enter") {
-                        event.preventDefault();
-                        this._finishInput();
-                    }
-                };
-                document.body.appendChild(this.textRef);
-                this.press = true;
-                this.m_center = this.screenToWorld(x, y + this.TEXT_HEIGHT_ALIGN);
-                this.needInputText = true;
-            }
-            else {
-                this._finishInput();
-            }
-        }
-        _updateFrame() {
-            this.entity = this.getActiveMarkupEntity(MARKUP_ENTITY_TEXT);
-            const entityPtr = this.entity.openObject();
-            const view = this.getViewer().activeView;
-            const pos = this.toPoint(view.viewPosition);
-            const target = this.toPoint(view.viewTarget);
-            const eyeToWorld = view.eyeToWorldMatrix;
-            const eyeDir = pos.sub(target).asVector();
-            const xDir = this.toVector([1.0, 0.0, 0.0]);
-            const direction = xDir.transformBy(eyeToWorld);
-            const mtrx = this.createMatrix3d();
-            mtrx.setToWorldToPlane(this.toGeVector(eyeDir));
-            direction.transformBy(mtrx);
-            const angel = -Math.atan2(-direction.y, direction.x);
-            const textSize = 0.02;
-            let textScale = 1.0;
-            const projMtrx = view.projectionMatrix;
-            const mtrxNumber = projMtrx.get(1, 1);
-            const tol = 1.0e-6;
-            if (!(mtrxNumber < tol && mtrxNumber > -tol)) {
-                textScale = 1 / mtrxNumber;
-            }
-            const geomData = entityPtr.appendText(this.toGePoint(this.m_center), this.textRef.value.trimLeft());
-            const textPtr = geomData.openAsText();
-            textPtr.setNormal(this.toGeVector(eyeDir));
-            textPtr.setRotation(angel);
-            textPtr.setTextSize(textSize * textScale);
-            textPtr.delete();
-            geomData.delete();
-            entityPtr.delete();
-        }
-    }
-
     class VisualizeMarkup {
         constructor() {
             this._markupColor = { r: 255, g: 0, b: 0 };
@@ -18048,8 +18056,6 @@ js: import "konva/skia-backend";
         }
         initialize(container, containerEvents, viewer, worldTransformer) {
             this._viewer = viewer;
-            this._viewer.registerDragger("Line", OdaLineDragger);
-            this._viewer.registerDragger("Text", OdaTextDragger);
         }
         dispose() { }
         syncOverlay() { }
@@ -18088,7 +18094,7 @@ js: import "konva/skia-backend";
             this._viewer.update();
         }
         colorizeSelectedMarkups(r = 255, g = 0, b = 0) {
-            throw new Error("Not implemented yet");
+            console.warn("VisualizeMarkup: colorizeSelectedMarkups() not implemented yet");
         }
         setViewpoint(viewpoint) {
             function getLogicalPoint3dAsArray(point3d) {
@@ -18198,19 +18204,28 @@ js: import "konva/skia-backend";
             return ((_a = visLib.canvas) === null || _a === void 0 ? void 0 : _a.toDataURL(type, quality)) || "";
         }
         enableEditMode(mode) {
+            if (mode === "Line" || mode === "Text")
+                this._viewer.setActiveDragger(mode);
             return this;
         }
         createObject(type, params) {
+            console.warn("VisualizeMarkup: createObject() not implemented yet");
             return undefined;
         }
         getObjects() {
+            console.warn("VisualizeMarkup: getObjects() not implemented yet");
             return [];
         }
         getSelectedObjects() {
+            console.warn("VisualizeMarkup: getSelectedObjects() not implemented yet");
             return [];
         }
-        selectObjects(objects) { }
-        clearSelected() { }
+        selectObjects(objects) {
+            console.warn("VisualizeMarkup: selectObjects() not implemented yet");
+        }
+        clearSelected() {
+            console.warn("VisualizeMarkup: clearSelected() not implemented yet");
+        }
     }
 
     class MarkupFactory {
@@ -18251,7 +18266,7 @@ js: import "konva/skia-backend";
             this._renderNeeded = false;
             this._renderTime = 0;
             this._enableAutoUpdate = (_a = params.enableAutoUpdate) !== null && _a !== void 0 ? _a : true;
-            this._isRunAsyncUpdate = false;
+            this._maxRegenTime = 0;
             this.render = this.render.bind(this);
             this.update = this.update.bind(this);
             this._markup = MarkupFactory.createMarkup(params.markupType);
@@ -18357,18 +18372,6 @@ js: import "konva/skia-backend";
             this.emitEvent({ type: "resize", width, height });
             this.update(true);
         }
-        resize() {
-            console.warn("Viewer.resize() has been deprecated since 26.9 and will be removed in a future release, use Viewer.setSize() instead.");
-            if (!this.visualizeJs)
-                return this;
-            if (!this.canvas.parentElement)
-                return this;
-            const { width, height } = this.canvas.parentElement.getBoundingClientRect();
-            if (!width || !height)
-                return this;
-            this.setSize(width, height);
-            return this;
-        }
         update(force = false) {
             const time = performance.now();
             force = force || time - this._renderTime >= this._updateDelay;
@@ -18380,11 +18383,8 @@ js: import "konva/skia-backend";
             this.emitEvent({ type: "update", force });
         }
         render(time) {
-            var _a, _b;
             if (!this.visualizeJs)
                 return;
-            if (this._isRunAsyncUpdate)
-                return;
             const renderNeeded = this.visViewer().isRunningAnimation() || this._renderNeeded;
             if (!renderNeeded)
                 return;
@@ -18393,8 +18393,7 @@ js: import "konva/skia-backend";
             const deltaTime = (time - this._renderTime) / 1000;
             this._renderTime = time;
             this._renderNeeded = !this.visViewer().getActiveDevice().isValid();
-            this.visViewer().update();
-            (_b = (_a = this._activeDragger) === null || _a === void 0 ? void 0 : _a.updatePreview) === null || _b === void 0 ? void 0 : _b.call(_a);
+            this.visViewer().update(this._maxRegenTime);
             this.emitEvent({ type: "render", time, deltaTime });
         }
         async loadReferences(model) {
@@ -18412,12 +18411,12 @@ js: import "konva/skia-backend";
             await model
                 .getReferences(abortController.signal)
                 .then((data) => (references = data.references))
-                .catch((e) => console.error("Cannot load model references.", e));
+                .catch((e) => console.error("Viewer: Cannot load model references.", e));
             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)); })
-                    .catch((e) => console.error(`Cannot load reference file ${file.name}.`, e));
+                    .catch((e) => console.error(`Viewer: Cannot load reference file ${file.name}.`, e));
             }
             return this;
         }
@@ -18478,56 +18477,6 @@ js: import "konva/skia-backend";
             this.update(true);
             return this;
         }
-        openVsfFile(buffer) {
-            console.warn("Viewer.openVsfFile() has been deprecated since 26.4 and will be removed in a future release, use Viewer.open() instead.");
-            if (!this.visualizeJs)
-                return this;
-            this.cancel();
-            this.clear();
-            this.emitEvent({ type: "open", mode: "file", file: "", buffer });
-            const visViewer = this.visViewer();
-            this.emitEvent({ type: "geometrystart", file: "", buffer });
-            try {
-                const data = buffer instanceof Uint8Array ? buffer : new Uint8Array(buffer);
-                visViewer.parseFile(data);
-                this.syncOptions();
-                this.syncOverlay();
-                this.emitEvent({ type: "geometryprogress", data: 1, file: "", buffer });
-                this.emitEvent({ type: "databasechunk", data, file: "", buffer });
-            }
-            catch (error) {
-                this.emitEvent({ type: "geometryerror", data: error, file: "", buffer });
-                throw error;
-            }
-            this.emitEvent({ type: "geometryend", file: "", buffer });
-            this.update(true);
-            return this;
-        }
-        openVsfxFile(buffer) {
-            console.warn("Viewer.openVsfxFile() has been deprecated since 26.4 and will be removed in a future release, use Viewer.open() instead.");
-            if (!this.visualizeJs)
-                return this;
-            this.cancel();
-            this.clear();
-            this.emitEvent({ type: "open", mode: "file", file: "", buffer });
-            const visViewer = this.visViewer();
-            this.emitEvent({ type: "geometrystart", file: "", buffer });
-            try {
-                const data = buffer instanceof Uint8Array ? buffer : new Uint8Array(buffer);
-                visViewer.parseVsfx(data);
-                this.syncOptions();
-                this.syncOverlay();
-                this.emitEvent({ type: "geometryprogress", data: 1, file: "", buffer });
-                this.emitEvent({ type: "databasechunk", data, file: "", buffer });
-            }
-            catch (error) {
-                this.emitEvent({ type: "geometryerror", data: error, file: "", buffer });
-                throw error;
-            }
-            this.emitEvent({ type: "geometryend", file: "", buffer });
-            this.update(true);
-            return this;
-        }
         cancel() {
             var _a;
             (_a = this._abortControllerForReferences) === null || _a === void 0 ? void 0 : _a.abort();
@@ -18739,15 +18688,10 @@ js: import "konva/skia-backend";
         collect() {
             this.executeCommand("collect");
         }
-        registerDragger(name, dragger) {
-            console.warn("Viewer.registerDragger() has been deprecated since 25.12 and will be removed in a future release, use draggers('visualizejs').registerDragger() instead.");
-            draggers.registerDragger(name, (viewer) => new dragger(viewer));
-        }
         activeDragger() {
             return this._activeDragger;
         }
         setActiveDragger(name = "") {
-            var _a, _b;
             if (!this._activeDragger || this._activeDragger.name !== name) {
                 const oldDragger = this._activeDragger;
                 let newDragger = null;
@@ -18757,10 +18701,7 @@ js: import "konva/skia-backend";
                 }
                 if (this.visualizeJs) {
                     newDragger = draggers.createDragger(name, this);
-                    if (newDragger) {
-                        this._activeDragger = newDragger;
-                        (_b = (_a = this._activeDragger).initialize) === null || _b === void 0 ? void 0 : _b.call(_a);
-                    }
+                    this._activeDragger = newDragger;
                 }
                 const canvas = this.canvas;
                 if (canvas) {
@@ -18966,51 +18907,34 @@ js: import "konva/skia-backend";
             const model = visViewer.getMarkupModel();
             const entityId = model.appendEntity(entityName);
             const entityPtr = entityId.openObject();
-            const color = this.getMarkupColor();
+            const color = this.markup.getMarkupColor();
             entityPtr.setColor(color.r, color.g, color.b);
             entityPtr.setLineWeight(2);
             entityPtr.delete();
             this.update();
             return entityId;
         }
-        getMarkupColor() {
-            console.warn("Viewer.getMarkupColor() has been deprecated since 25.11 and will be removed in a future release, use Viewer.markup.getMarkupColor() instead.");
-            return this._markup.getMarkupColor();
-        }
-        setMarkupColor(r = 255, g = 0, b = 0) {
-            console.warn("Viewer.setMarkupColor() has been deprecated since 25.11 and will be removed in a future release, use Viewer.markup.setMarkupColor() instead.");
-            this._markup.setMarkupColor(r, g, b);
-        }
-        colorizeAllMarkup(r = 255, g = 0, b = 0) {
-            console.warn("Viewer.colorizeAllMarkup() has been deprecated since 25.11 and will be removed in a future release, use Viewer.markup.colorizeAllMarkup() instead.");
-            this._markup.colorizeAllMarkup(r, g, b);
-        }
-        colorizeSelectedMarkups(r = 255, g = 0, b = 0) {
-            this._markup.colorizeSelectedMarkups(r, g, b);
-        }
         scheduleUpdateAsync(maxScheduleUpdateTimeInMs = 50) {
             return new Promise((resolve, reject) => {
                 setTimeout(() => {
-                    var _a, _b, _c;
+                    this._maxRegenTime = maxScheduleUpdateTimeInMs;
                     try {
-                        if (this._enableAutoUpdate) {
-                            (_a = this.visViewer()) === null || _a === void 0 ? void 0 : _a.update(maxScheduleUpdateTimeInMs);
-                            (_c = (_b = this._activeDragger) === null || _b === void 0 ? void 0 : _b.updatePreview) === null || _c === void 0 ? void 0 : _c.call(_b);
-                        }
-                        this.emitEvent({ type: "update", force: false });
+                        this.update(true);
                         resolve();
                     }
                     catch (e) {
-                        console.error(e);
+                        console.error("Viewer: Async update error.", e);
                         reject();
                     }
+                    finally {
+                        this._maxRegenTime = 0;
+                    }
                 }, 0);
             });
         }
         async updateAsync(maxScheduleUpdateTimeInMs = 50, maxScheduleUpdateCount = 50) {
             if (!this.visualizeJs)
                 return;
-            this._isRunAsyncUpdate = true;
             try {
                 const device = this.visViewer().getActiveDevice();
                 for (let iterationCount = 0; !device.isValid() && iterationCount < maxScheduleUpdateCount; iterationCount++) {
@@ -19019,10 +18943,7 @@ js: import "konva/skia-backend";
                 await this.scheduleUpdateAsync(maxScheduleUpdateTimeInMs);
             }
             catch (e) {
-                console.error(e);
-            }
-            finally {
-                this._isRunAsyncUpdate = false;
+                console.error("Viewer: Async update error.", e);
             }
         }
         deviceAutoRegeneration() {