@inweb/viewer-visualize 27.1.6 → 27.1.7

package/dist/viewer-visualize.module.js

@@ -21,7 +21,7 @@
 // acknowledge and accept the above terms.
 ///////////////////////////////////////////////////////////////////////////////
 
-import { CANVAS_EVENTS, draggersRegistry, commandsRegistry, componentsRegistry, Loader, loadersRegistry, Options, Info } from '@inweb/viewer-core';
+import { draggersRegistry, commandsRegistry, componentsRegistry, Loader, loadersRegistry, Options, Info, CANVAS_EVENTS } from '@inweb/viewer-core';
 export * from '@inweb/viewer-core';
 import { EventEmitter2 } from '@inweb/eventemitter2';
 import { Markup } from '@inweb/markup';
@@ -147,17 +147,27 @@ class OdBaseDragger extends OdaGeAction {
         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 };
@@ -208,13 +218,13 @@ class OdBaseDragger extends OdaGeAction {
         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) {
@@ -229,17 +239,15 @@ class OdBaseDragger extends OdaGeAction {
             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();
@@ -259,7 +267,6 @@ class OdBaseDragger extends OdaGeAction {
             (_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;
@@ -637,23 +644,23 @@ class MeasureLineDragger extends OdBaseDragger {
         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());
@@ -994,7 +1001,6 @@ const calcFocalLength$1 = (lensLength, fieldWidth, fieldHeight) => {
 class OdaWalkDragger extends OdBaseDragger {
     constructor(subject) {
         super(subject);
-        this.viewer = undefined;
         this.multiplier = 5;
         this.baseSpeed = 1;
         this.keyPressMap = new Set();
@@ -1009,9 +1015,6 @@ class OdaWalkDragger extends OdBaseDragger {
         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);
@@ -1274,7 +1277,6 @@ const calcFocalLength = (lensLength, fieldWidth, fieldHeight) => {
 class OdaFlyDragger extends OdBaseDragger {
     constructor(subject) {
         super(subject);
-        this.viewer = undefined;
         this.multiplier = 5;
         this.speed = 1;
         this.keyPressMap = new Set();
@@ -1289,9 +1291,6 @@ class OdaFlyDragger extends OdBaseDragger {
         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);
@@ -1730,7 +1729,6 @@ class OrbitAction {
         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]));
@@ -1760,7 +1758,7 @@ class OrbitAction {
         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",
         });
@@ -1947,7 +1945,6 @@ class PanAction {
         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);
@@ -1964,7 +1961,7 @@ class PanAction {
         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,
@@ -2013,11 +2010,10 @@ class ZoomAction {
         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,
@@ -2065,11 +2061,27 @@ const INTERACTIVITY_TIME_OUT = 100;
 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;
@@ -2089,13 +2101,6 @@ class OdZoomWheelDragger extends OdBaseDragger {
             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;
@@ -2104,13 +2109,6 @@ class OdZoomWheelDragger extends OdBaseDragger {
             }, INTERACTIVITY_TIME_OUT);
         }
     }
-    dispose() {
-        if (this._endInteractivityTimeOutId) {
-            clearTimeout(this._endInteractivityTimeOutId);
-            this.endInteractivity();
-            this._isEnableInteractivityMode = false;
-        }
-    }
 }
 
 class OdSelectionFrame {
@@ -2330,6 +2328,127 @@ class OrbitAroundBuildingDragger extends OdBaseDragger {
     }
 }
 
+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));
@@ -2343,6 +2462,8 @@ draggers.registerDragger("CuttingPlaneYAxis", (viewer) => new OdCuttingPlaneYAxi
 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;
@@ -2939,10 +3060,8 @@ class RenderLoopComponent {
 
 class ZoomWheelComponent {
     constructor(viewer) {
-        this.viewer = viewer;
         this.zoomWheelDragger = new OdZoomWheelDragger(viewer);
         this.zoomWheelDragger.name = "ZoomWheel";
-        this.zoomWheelDragger.initialize();
     }
     dispose() {
         this.zoomWheelDragger.dispose();
@@ -2974,6 +3093,12 @@ class GestureManager extends OdBaseDragger {
         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) {
@@ -3130,9 +3255,7 @@ class GestureManager extends OdBaseDragger {
 
 class GestureManagerComponent {
     constructor(viewer) {
-        this.viewer = viewer;
         this.gestureManager = new GestureManager(viewer);
-        this.gestureManager.initialize();
     }
     dispose() {
         this.gestureManager.dispose();
@@ -3724,127 +3847,6 @@ const loadVisualizeJs = async (url, onprogress, params = {}) => {
     });
 };
 
-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 };
@@ -3853,8 +3855,6 @@ class VisualizeMarkup {
     }
     initialize(container, containerEvents, viewer, worldTransformer) {
         this._viewer = viewer;
-        this._viewer.registerDragger("Line", OdaLineDragger);
-        this._viewer.registerDragger("Text", OdaTextDragger);
     }
     dispose() { }
     syncOverlay() { }
@@ -3893,7 +3893,7 @@ class VisualizeMarkup {
         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) {
@@ -4003,19 +4003,28 @@ class VisualizeMarkup {
         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 {
@@ -4056,7 +4065,7 @@ class Viewer extends EventEmitter2 {
         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);
@@ -4162,18 +4171,6 @@ class Viewer extends EventEmitter2 {
         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;
@@ -4185,11 +4182,8 @@ class Viewer extends EventEmitter2 {
         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;
@@ -4198,8 +4192,7 @@ class Viewer extends EventEmitter2 {
         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) {
@@ -4217,12 +4210,12 @@ class Viewer extends EventEmitter2 {
         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;
     }
@@ -4283,56 +4276,6 @@ class Viewer extends EventEmitter2 {
         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();
@@ -4544,15 +4487,10 @@ class Viewer extends EventEmitter2 {
     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;
@@ -4562,10 +4500,7 @@ class Viewer extends EventEmitter2 {
             }
             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) {
@@ -4771,51 +4706,34 @@ class Viewer extends EventEmitter2 {
         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++) {
@@ -4824,10 +4742,7 @@ class Viewer extends EventEmitter2 {
             await this.scheduleUpdateAsync(maxScheduleUpdateTimeInMs);
         }
         catch (e) {
-            console.error(e);
-        }
-        finally {
-            this._isRunAsyncUpdate = false;
+            console.error("Viewer: Async update error.", e);
         }
     }
     deviceAutoRegeneration() {