@inweb/viewer-visualize 27.1.5 → 27.1.7

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();
@@ -4351,7 +4470,7 @@
                 : {};
     const Konva$2 = {
         _global: glob,
-        version: '10.0.12',
+        version: '10.2.0',
         isBrowser: detectBrowser(),
         isUnminified: /param/.test(function (param) { }.toString()),
         dblClickWindow: 400,
@@ -4723,7 +4842,7 @@ js: import "konva/skia-backend";
     let _isCanvasFarblingActive = null;
     const req = (typeof requestAnimationFrame !== 'undefined' && requestAnimationFrame) ||
         function (f) {
-            setTimeout(f, 60);
+            setTimeout(f, 16);
         };
     const Util = {
         _isElement(obj) {
@@ -6520,8 +6639,8 @@ js: import "konva/skia-backend";
         }
         clearCache() {
             if (this._cache.has(CANVAS)) {
-                const { scene, filter, hit, buffer } = this._cache.get(CANVAS);
-                Util.releaseCanvas(scene, filter, hit, buffer);
+                const { scene, filter, hit } = this._cache.get(CANVAS);
+                Util.releaseCanvas(scene._canvas, filter._canvas, hit._canvas);
                 this._cache.delete(CANVAS);
             }
             this._clearSelfAndDescendantCache();
@@ -6604,11 +6723,11 @@ js: import "konva/skia-backend";
                 sceneContext.stroke();
                 sceneContext.restore();
             }
+            Util.releaseCanvas(bufferCanvas._canvas);
             this._cache.set(CANVAS, {
                 scene: cachedSceneCanvas,
                 filter: cachedFilterCanvas,
                 hit: cachedHitCanvas,
-                buffer: bufferCanvas,
                 x: x,
                 y: y,
             });
@@ -7633,19 +7752,20 @@ js: import "konva/skia-backend";
             }
         }
         _getProtoListeners(eventType) {
-            var _a, _b, _c;
-            const allListeners = (_a = this._cache.get(ALL_LISTENERS)) !== null && _a !== void 0 ? _a : {};
+            var _a, _b;
+            const { nodeType } = this;
+            const allListeners = Node.protoListenerMap.get(nodeType) || {};
             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 === void 0 ? void 0 : _b[eventType]) !== null && _c !== void 0 ? _c : [];
+                    const hierarchyEvents = (_b = (_a = obj.eventListeners) === null || _a === void 0 ? void 0 : _a[eventType]) !== null && _b !== void 0 ? _b : [];
                     events.push(...hierarchyEvents);
                     obj = Object.getPrototypeOf(obj);
                 }
                 allListeners[eventType] = events;
-                this._cache.set(ALL_LISTENERS, allListeners);
+                Node.protoListenerMap.set(nodeType, allListeners);
             }
             return events;
         }
@@ -7835,6 +7955,7 @@ js: import "konva/skia-backend";
             return no;
         }
     }
+    Node.protoListenerMap = new Map();
     Node.prototype.nodeType = 'Node';
     Node.prototype._attrsAffectingSize = [];
     Node.prototype.eventListeners = {};
@@ -9292,7 +9413,15 @@ js: import "konva/skia-backend";
                 stage = this.getStage();
                 const bc = bufferCanvas || stage.bufferCanvas;
                 const bufferContext = bc.getContext();
-                bufferContext.clear();
+                if (bufferCanvas) {
+                    bufferContext.save();
+                    bufferContext.setTransform(1, 0, 0, 1, 0, 0);
+                    bufferContext.clearRect(0, 0, bc.width, bc.height);
+                    bufferContext.restore();
+                }
+                else {
+                    bufferContext.clear();
+                }
                 bufferContext.save();
                 bufferContext._applyLineJoin(this);
                 bufferContext._applyMiterLimit(this);
@@ -10585,6 +10714,35 @@ js: import "konva/skia-backend";
         }
         return allPoints;
     }
+    function getBezierExtremaPoints(points) {
+        const axisPoints = [
+            [points[0], points[2], points[4], points[6]],
+            [points[1], points[3], points[5], points[7]],
+        ];
+        const extremaTs = [];
+        for (const axis of axisPoints) {
+            const a = -3 * axis[0] + 9 * axis[1] - 9 * axis[2] + 3 * axis[3];
+            if (a !== 0) {
+                const b = 6 * axis[0] - 12 * axis[1] + 6 * axis[2];
+                const c = -3 * axis[0] + 3 * axis[1];
+                const discriminant = b * b - 4 * a * c;
+                if (discriminant >= 0) {
+                    const d = Math.sqrt(discriminant);
+                    extremaTs.push((-b + d) / (2 * a));
+                    extremaTs.push((-b - d) / (2 * a));
+                }
+            }
+        }
+        return extremaTs
+            .filter((t) => t > 0 && t < 1)
+            .flatMap((t) => axisPoints.map((axis) => {
+            const mt = 1 - t;
+            return (mt * mt * mt * axis[0] +
+                3 * mt * mt * t * axis[1] +
+                3 * mt * t * t * axis[2] +
+                t * t * t * axis[3]);
+        }));
+    }
     class Line extends Shape {
         constructor(config) {
             super(config);
@@ -10686,6 +10844,15 @@ js: import "konva/skia-backend";
                     points[points.length - 1],
                 ];
             }
+            else if (this.bezier()) {
+                points = [
+                    points[0],
+                    points[1],
+                    ...getBezierExtremaPoints(this.points()),
+                    points[points.length - 2],
+                    points[points.length - 1],
+                ];
+            }
             else {
                 points = this.points();
             }
@@ -12975,7 +13142,7 @@ js: import "konva/skia-backend";
             if (!this.text()) {
                 return;
             }
-            let padding = this.padding(), fontSize = this.fontSize(), lineHeightPx = this.lineHeight() * fontSize, verticalAlign = this.verticalAlign(), direction = this.direction(), alignY = 0, align = this.align(), totalWidth = this.getWidth(), letterSpacing = this.letterSpacing(), charRenderFunc = this.charRenderFunc(), fill = this.fill(), textDecoration = this.textDecoration(), shouldUnderline = textDecoration.indexOf('underline') !== -1, shouldLineThrough = textDecoration.indexOf('line-through') !== -1, n;
+            let padding = this.padding(), fontSize = this.fontSize(), lineHeightPx = this.lineHeight() * fontSize, verticalAlign = this.verticalAlign(), direction = this.direction(), alignY = 0, align = this.align(), totalWidth = this.getWidth(), letterSpacing = this.letterSpacing(), charRenderFunc = this.charRenderFunc(), fill = this.fill(), textDecoration = this.textDecoration(), underlineOffset = this.underlineOffset(), shouldUnderline = textDecoration.indexOf('underline') !== -1, shouldLineThrough = textDecoration.indexOf('line-through') !== -1, n;
             direction = direction === INHERIT ? context.direction : direction;
             let translateY = lineHeightPx / 2;
             let baseline = MIDDLE;
@@ -13013,9 +13180,9 @@ js: import "konva/skia-backend";
                 if (shouldUnderline) {
                     context.save();
                     context.beginPath();
-                    const yOffset = !Konva$2.legacyTextRendering
+                    const yOffset = underlineOffset !== null && underlineOffset !== void 0 ? underlineOffset : (!Konva$2.legacyTextRendering
                         ? Math.round(fontSize / 4)
-                        : Math.round(fontSize / 2);
+                        : Math.round(fontSize / 2));
                     const x = lineTranslateX;
                     const y = translateY + lineTranslateY + yOffset;
                     context.moveTo(x, y);
@@ -13334,6 +13501,7 @@ js: import "konva/skia-backend";
     Factory.addGetterSetter(Text, 'letterSpacing', 0, getNumberValidator());
     Factory.addGetterSetter(Text, 'text', '', getStringValidator());
     Factory.addGetterSetter(Text, 'textDecoration', '');
+    Factory.addGetterSetter(Text, 'underlineOffset', undefined, getNumberValidator());
     Factory.addGetterSetter(Text, 'charRenderFunc', undefined);
 
     const EMPTY_STRING = '', NORMAL = 'normal';
@@ -13602,6 +13770,7 @@ js: import "konva/skia-backend";
     const ATTR_CHANGE_LIST = [
         'resizeEnabledChange',
         'rotateAnchorOffsetChange',
+        'rotateAnchorAngleChange',
         'rotateEnabledChange',
         'enabledAnchorsChange',
         'anchorSizeChange',
@@ -13999,11 +14168,38 @@ js: import "konva/skia-backend";
                 sceneFunc(ctx, shape) {
                     const tr = shape.getParent();
                     const padding = tr.padding();
+                    const width = shape.width();
+                    const height = shape.height();
                     ctx.beginPath();
-                    ctx.rect(-padding, -padding, shape.width() + padding * 2, shape.height() + padding * 2);
-                    ctx.moveTo(shape.width() / 2, -padding);
+                    ctx.rect(-padding, -padding, width + padding * 2, height + padding * 2);
                     if (tr.rotateEnabled() && tr.rotateLineVisible()) {
-                        ctx.lineTo(shape.width() / 2, -tr.rotateAnchorOffset() * Util._sign(shape.height()) - padding);
+                        const rotateAnchorAngle = tr.rotateAnchorAngle();
+                        const rotateAnchorOffset = tr.rotateAnchorOffset();
+                        const rad = Util.degToRad(rotateAnchorAngle);
+                        const dirX = Math.sin(rad);
+                        const dirY = -Math.cos(rad);
+                        const cx = width / 2;
+                        const cy = height / 2;
+                        let t = Infinity;
+                        if (dirY < 0) {
+                            t = Math.min(t, -cy / dirY);
+                        }
+                        else if (dirY > 0) {
+                            t = Math.min(t, (height - cy) / dirY);
+                        }
+                        if (dirX < 0) {
+                            t = Math.min(t, -cx / dirX);
+                        }
+                        else if (dirX > 0) {
+                            t = Math.min(t, (width - cx) / dirX);
+                        }
+                        const edgeX = cx + dirX * t;
+                        const edgeY = cy + dirY * t;
+                        const sign = Util._sign(height);
+                        const endX = edgeX + dirX * rotateAnchorOffset * sign;
+                        const endY = edgeY + dirY * rotateAnchorOffset * sign;
+                        ctx.moveTo(edgeX, edgeY);
+                        ctx.lineTo(endX, endY);
                     }
                     ctx.fillStrokeShape(shape);
                 },
@@ -14085,7 +14281,8 @@ js: import "konva/skia-backend";
                 const attrs = this._getNodeRect();
                 x = anchorNode.x() - attrs.width / 2;
                 y = -anchorNode.y() + attrs.height / 2;
-                let delta = Math.atan2(-y, x) + Math.PI / 2;
+                const rotateAnchorAngleRad = Konva$2.getAngle(this.rotateAnchorAngle());
+                let delta = Math.atan2(-y, x) + Math.PI / 2 - rotateAnchorAngleRad;
                 if (attrs.height < 0) {
                     delta -= Math.PI;
                 }
@@ -14480,9 +14677,32 @@ js: import "konva/skia-backend";
                 offsetY: anchorSize / 2 - padding,
                 visible: resizeEnabled && enabledAnchors.indexOf('bottom-right') >= 0,
             });
+            const rotateAnchorAngle = this.rotateAnchorAngle();
+            const rotateAnchorOffset = this.rotateAnchorOffset();
+            const rad = Util.degToRad(rotateAnchorAngle);
+            const dirX = Math.sin(rad);
+            const dirY = -Math.cos(rad);
+            const cx = width / 2;
+            const cy = height / 2;
+            let t = Infinity;
+            if (dirY < 0) {
+                t = Math.min(t, -cy / dirY);
+            }
+            else if (dirY > 0) {
+                t = Math.min(t, (height - cy) / dirY);
+            }
+            if (dirX < 0) {
+                t = Math.min(t, -cx / dirX);
+            }
+            else if (dirX > 0) {
+                t = Math.min(t, (width - cx) / dirX);
+            }
+            const edgeX = cx + dirX * t;
+            const edgeY = cy + dirY * t;
+            const sign = Util._sign(height);
             this._batchChangeChild('.rotater', {
-                x: width / 2,
-                y: -this.rotateAnchorOffset() * Util._sign(height) - padding,
+                x: edgeX + dirX * rotateAnchorOffset * sign,
+                y: edgeY + dirY * rotateAnchorOffset * sign - padding * dirY,
                 visible: this.rotateEnabled(),
             });
             this._batchChangeChild('.back', {
@@ -14570,6 +14790,7 @@ js: import "konva/skia-backend";
     Factory.addGetterSetter(Transformer, 'rotateLineVisible', true);
     Factory.addGetterSetter(Transformer, 'rotationSnaps', []);
     Factory.addGetterSetter(Transformer, 'rotateAnchorOffset', 50, getNumberValidator());
+    Factory.addGetterSetter(Transformer, 'rotateAnchorAngle', 0, getNumberValidator());
     Factory.addGetterSetter(Transformer, 'rotateAnchorCursor', 'crosshair');
     Factory.addGetterSetter(Transformer, 'rotationSnapTolerance', 5, getNumberValidator());
     Factory.addGetterSetter(Transformer, 'borderEnabled', true);
@@ -17817,127 +18038,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 };
@@ -17946,8 +18046,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() { }
@@ -17986,7 +18084,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) {
@@ -18096,19 +18194,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 {
@@ -18149,7 +18256,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);
@@ -18255,18 +18362,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;
@@ -18278,11 +18373,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;
@@ -18291,8 +18383,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) {
@@ -18310,12 +18401,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;
         }
@@ -18376,56 +18467,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();
@@ -18637,15 +18678,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;
@@ -18655,10 +18691,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) {
@@ -18864,51 +18897,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++) {
@@ -18917,10 +18933,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() {