@inweb/viewer-visualize 25.10.1 → 25.11.1

package/dist/viewer-visualize.js

@@ -103,7 +103,8 @@
             reverseZoomWheel: false,
             enableZoomWheel: true,
             enableGestures: true,
-            geometryType: "vsfx"
+            geometryType: "vsfx",
+            rulerUnit: "Default"
         };
     }
 
@@ -363,6 +364,13 @@
             this._data.geometryType = value;
             this.change();
         }
+        get rulerUnit() {
+            return this._data.rulerUnit;
+        }
+        set rulerUnit(value) {
+            this._data.rulerUnit = value;
+            this.change();
+        }
     }
 
     const CanvasEvents = [ "click", "contextmenu", "dblclick", "mousedown", "mouseleave", "mousemove", "mouseup", "pointercancel", "pointerdown", "pointerleave", "pointermove", "pointerup", "touchcancel", "touchend", "touchmove", "touchstart", "wheel" ];
@@ -460,6 +468,39 @@
     commands("VisualizeJS").registerCommand("clearMarkup", (viewer) => viewer.clearOverlay());
     commands("VisualizeJS").registerCommandAlias("clearMarkup", "clearOverlay");
 
+    ///////////////////////////////////////////////////////////////////////////////
+    // Copyright (C) 2002-2024, Open Design Alliance (the "Alliance").
+    // All rights reserved.
+    //
+    // This software and its documentation and related materials are owned by
+    // the Alliance. The software may only be incorporated into application
+    // programs owned by members of the Alliance, subject to a signed
+    // Membership Agreement and Supplemental Software License Agreement with the
+    // Alliance. The structure and organization of this software are the valuable
+    // trade secrets of the Alliance and its suppliers. The software is also
+    // protected by copyright law and international treaty provisions. Application
+    // programs incorporating this software must include the following statement
+    // with their copyright notices:
+    //
+    //   This application incorporates Open Design Alliance software pursuant to a
+    //   license agreement with Open Design Alliance.
+    //   Open Design Alliance Copyright (C) 2002-2024 by Open Design Alliance.
+    //   All rights reserved.
+    //
+    // By use of this software, its documentation or related materials, you
+    // acknowledge and accept the above terms.
+    ///////////////////////////////////////////////////////////////////////////////
+    function clearSelected(viewer) {
+        if (!viewer.visualizeJs)
+            return;
+        const visViewer = viewer.visViewer();
+        visViewer.unselect();
+        viewer.update();
+        viewer.emitEvent({ type: "select", data: undefined, handles: [] });
+    }
+    commands("VisualizeJS").registerCommand("clearSelected", clearSelected);
+    commands("VisualizeJS").registerCommandAlias("clearSelected", "unselect");
+
     ///////////////////////////////////////////////////////////////////////////////
     // Copyright (C) 2002-2024, Open Design Alliance (the "Alliance").
     // All rights reserved.
@@ -542,7 +583,7 @@
         const visViewer = viewer.visViewer();
         visViewer.explode(index);
         viewer.update();
-        viewer.emit({ type: "explode", data: index });
+        viewer.emitEvent({ type: "explode", data: index });
     }
     commands("VisualizeJS").registerCommand("explode", explode);
     commands("VisualizeJS").registerCommand("collect", (viewer) => explode(viewer, 0));
@@ -694,7 +735,8 @@
         const visViewer = viewer.visViewer();
         visViewer.hideSelectedObjects(false);
         viewer.update();
-        viewer.emit({ type: "hide" });
+        viewer.emitEvent({ type: "hide" });
+        viewer.emitEvent({ type: "select", data: undefined, handles: [] });
     }
     commands("VisualizeJS").registerCommand("hideSelected", hideSelected);
 
@@ -726,7 +768,7 @@
         const visViewer = viewer.visViewer();
         visViewer.isolateSelectedObjects(false);
         viewer.update();
-        viewer.emit({ type: "isolate" });
+        viewer.emitEvent({ type: "isolate" });
     }
     commands("VisualizeJS").registerCommand("isolateSelected", isolateSelected);
 
@@ -787,11 +829,11 @@
     function resetView(viewer) {
         if (!viewer.visualizeJs)
             return;
-        viewer.executeCommand("setActiveDragger", "");
+        viewer.executeCommand("setActiveDragger");
         viewer.executeCommand("clearSlices");
         viewer.executeCommand("clearOverlay");
         viewer.executeCommand("setMarkupColor");
-        viewer.executeCommand("unselect");
+        viewer.executeCommand("clearSelected");
         viewer.executeCommand("showAll");
         viewer.executeCommand("explode", 0);
         viewer.executeCommand("zoomToExtents", true);
@@ -1008,42 +1050,10 @@
         const visViewer = viewer.visViewer();
         visViewer.unisolateSelectedObjects(false);
         viewer.update();
-        viewer.emit({ type: "showall" });
+        viewer.emitEvent({ type: "showall" });
     }
     commands("VisualizeJS").registerCommand("showAll", showAll);
 
-    ///////////////////////////////////////////////////////////////////////////////
-    // Copyright (C) 2002-2024, Open Design Alliance (the "Alliance").
-    // All rights reserved.
-    //
-    // This software and its documentation and related materials are owned by
-    // the Alliance. The software may only be incorporated into application
-    // programs owned by members of the Alliance, subject to a signed
-    // Membership Agreement and Supplemental Software License Agreement with the
-    // Alliance. The structure and organization of this software are the valuable
-    // trade secrets of the Alliance and its suppliers. The software is also
-    // protected by copyright law and international treaty provisions. Application
-    // programs incorporating this software must include the following statement
-    // with their copyright notices:
-    //
-    //   This application incorporates Open Design Alliance software pursuant to a
-    //   license agreement with Open Design Alliance.
-    //   Open Design Alliance Copyright (C) 2002-2024 by Open Design Alliance.
-    //   All rights reserved.
-    //
-    // By use of this software, its documentation or related materials, you
-    // acknowledge and accept the above terms.
-    ///////////////////////////////////////////////////////////////////////////////
-    function unselect(viewer) {
-        if (!viewer.visualizeJs)
-            return;
-        const visViewer = viewer.visViewer();
-        visViewer.unselect();
-        viewer.update();
-        viewer.emitEvent({ type: "select", data: visViewer.getSelected(), handles: [] });
-    }
-    commands("VisualizeJS").registerCommand("unselect", unselect);
-
     ///////////////////////////////////////////////////////////////////////////////
     // Copyright (C) 2002-2024, Open Design Alliance (the "Alliance").
     // All rights reserved.
@@ -13705,33 +13715,21 @@
                 this._konvaStage.height(height);
             };
             this.pan = event => {
-                const pointer = this._konvaStage.getPointerPosition();
-                const pointTo = {
-                    x: (pointer.x - this._konvaStage.x()) / this._konvaStage.scaleX(),
-                    y: (pointer.y - this._konvaStage.y()) / this._konvaStage.scaleX()
-                };
                 const newPos = {
-                    x: pointer.x - pointTo.x * this._konvaStage.scale().x + event.dX,
-                    y: pointer.y - pointTo.y * this._konvaStage.scale().x + event.dY
+                    x: this._konvaStage.x() + event.dX,
+                    y: this._konvaStage.y() + event.dY
                 };
                 this._konvaStage.position(newPos);
             };
             this.zoomAt = event => {
-                const oldScale = this._konvaStage.scaleX();
-                const pointer = this._konvaStage.getPointerPosition();
-                const mousePointTo = {
-                    x: (pointer.x - this._konvaStage.x()) / oldScale,
-                    y: (pointer.y - this._konvaStage.y()) / oldScale
-                };
-                const direction = event.data > 0 ? 1 : -1;
-                const newScale = direction > 0 ? oldScale * event.data : oldScale / event.data;
+                const newScale = this._konvaStage.scaleX() * event.data;
                 this._konvaStage.scale({
                     x: newScale,
                     y: newScale
                 });
                 const newPos = {
-                    x: pointer.x - mousePointTo.x * newScale,
-                    y: pointer.y - mousePointTo.y * newScale
+                    x: event.x - (event.x - this._konvaStage.x()) * event.data,
+                    y: event.y - (event.y - this._konvaStage.y()) * event.data
                 };
                 this._konvaStage.position(newPos);
             };
@@ -13757,6 +13755,7 @@
             this._markupContainer.style.top = "0px";
             this._markupContainer.style.left = "0px";
             this._markupContainer.style.outline = "0px";
+            this._markupContainer.style.pointerEvents = "none";
             const parentDiv = this._container.parentElement;
             parentDiv.appendChild(this._markupContainer);
             this._resizeObserver = new ResizeObserver(this.resizeContainer);
@@ -13764,7 +13763,6 @@
             this._markupColor.setColor(255, 0, 0);
             this.initializeKonva();
             if (this._viewer) {
-                this._containerEvents.forEach((x => this._markupContainer.addEventListener(x, this.redirectToViewer)));
                 this._viewer.addEventListener("changeactivedragger", this.changeActiveDragger);
                 this._viewer.addEventListener("pan", this.pan);
                 this._viewer.addEventListener("zoomat", this.zoomAt);
@@ -13776,7 +13774,6 @@
                 this._viewer.removeEventListener("zoomat", this.zoomAt);
                 this._viewer.removeEventListener("pan", this.pan);
                 this._viewer.removeEventListener("changeactivedragger", this.changeActiveDragger);
-                this._containerEvents.forEach((x => this._markupContainer.removeEventListener(x, this.redirectToViewer)));
             }
             this.destroyKonva();
             (_a = this._resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
@@ -13800,6 +13797,14 @@
         }
         setMarkupColor(r, g, b) {
             this._markupColor.setColor(r, g, b);
+            this._viewer.emit({
+                type: "changemarkupcolor",
+                data: {
+                    r: r,
+                    g: g,
+                    b: b
+                }
+            });
         }
         colorizeAllMarkup(r, g, b) {
             const hexColor = new MarkupColor(r, g, b).asHex();
@@ -13869,8 +13874,8 @@
                 this.addImage(screenPoint, image.src, image.width, image.height, image.id);
             }));
         }
-        getViewpoint() {
-            const viewpoint = {};
+        getViewpoint(viewpoint) {
+            if (!viewpoint) viewpoint = {};
             viewpoint.lines = this.getMarkupLines();
             viewpoint.texts = this.getMarkupTexts();
             viewpoint.arrows = this.getMarkupArrows();
@@ -13884,7 +13889,6 @@
             viewpoint.snapshot = {
                 data: this.combineMarkupWithDrawing()
             };
-            viewpoint.description = (new Date).toDateString();
             return viewpoint;
         }
         enableEditMode(mode) {
@@ -13892,9 +13896,11 @@
                 this.clearSelected();
                 this.removeTextInput();
                 this.removeImageInput();
+                this._markupContainer.style.pointerEvents = "none";
                 this._markupIsActive = false;
             } else {
                 this._markupMode = mode;
+                this._markupContainer.style.pointerEvents = "all";
                 this._markupIsActive = true;
             }
             return this;
@@ -14766,7 +14772,7 @@
             }
             ev.target.releasePointerCapture(ev.pointerId);
             const relCoord = this.relativeCoords(ev);
-            this.end(relCoord.x, relCoord.y);
+            this.end(relCoord.x, relCoord.y, ev.clientX, ev.clientY);
             this.isDragging = false;
             this.subject.update();
         }
@@ -14781,7 +14787,7 @@
                 return;
             }
             const relCoord = this.relativeCoords(ev);
-            this.drag(relCoord.x, relCoord.y, ev.movementX, ev.movementY);
+            this.drag(relCoord.x, relCoord.y, ev.clientX, ev.clientY);
             if (this.isDragging) {
                 this.subject.update();
             }
@@ -14830,7 +14836,7 @@
         }
         start(x, y, absoluteX = 0, absoluteY = 0) { }
         drag(x, y, absoluteX = 0, absoluteY = 0) { }
-        end(x, y) { }
+        end(x, y, absoluteX = 0, absoluteY = 0) { }
         getActiveMarkupEntity(entityName) {
             return this.subject.addMarkupEntity(entityName);
         }
@@ -15126,7 +15132,11 @@
             }
         }
         getDistance() {
-            return getDistance(this.startPoint, this.endPoint, this.moduleInstance) / this.scale;
+            let distance = getDistance(this.startPoint, this.endPoint, this.moduleInstance);
+            if (Math.abs(this.scale - 1.0) > 10e-5) {
+                distance = (distance / this.scale).toFixed(2);
+            }
+            return distance;
         }
         setStartPoint(gePoint) {
             this.startPoint = gePoint;
@@ -15182,6 +15192,7 @@
     }
     class MeasureLineDragger extends OdBaseDragger {
         constructor(subject) {
+            var _a;
             super(subject);
             this.lineThickness = 2;
             this.press = false;
@@ -15199,10 +15210,12 @@
                 Miles: "mi",
                 Micrometers: "µm",
                 MicroInches: "µin",
-                Undefined: " ",
+                Default: "unit",
             };
             this.items = [];
             this.canvasEvents.push("resize");
+            this.oldRulerUnit = (_a = subject.options.rulerUnit) !== null && _a !== void 0 ? _a : "Default";
+            this.optionsChange = this.optionsChange.bind(this);
         }
         initialize() {
             super.initialize();
@@ -15212,11 +15225,13 @@
             this.m_overlayElement.style.zIndex = "1";
             this.m_overlayElement.style.pointerEvents = "none";
             document.body.appendChild(this.m_overlayElement);
+            this.subject.addEventListener("optionschange", this.optionsChange);
             this.resize();
         }
         dispose() {
             super.dispose();
             this.m_overlayElement.remove();
+            this.subject.removeEventListener("optionschange", this.optionsChange);
         }
         updatePreview() {
             this.items.forEach((item) => item.update());
@@ -15295,10 +15310,80 @@
             const viewer = this.m_module.getViewer();
             const item = new MeasureLineItem(this.m_overlayElement, viewer, this.m_module);
             item.lineThickness = this.lineThickness || item.lineThickness;
-            item.setUnit(renameUnit(this.renameUnitTable, viewer.getUnit()));
+            const isDefaultUnit = !this.subject.options.rulerUnit || this.subject.options.rulerUnit === "Default";
+            item.setUnit(renameUnit(this.renameUnitTable, isDefaultUnit ? viewer.getUnit() : this.subject.options.rulerUnit));
+            if (!isDefaultUnit) {
+                const fromUnit = this.getKUnitByName(viewer.getUnit());
+                const toUnit = this.getKUnitByName(this.subject.options.rulerUnit);
+                const multiplier = viewer.getUnitsConversionCoef(fromUnit, toUnit);
+                this.conversionFactor = 1 / multiplier;
+                item.setConversionFactor(this.conversionFactor);
+            }
+            else {
+                item.setConversionFactor(1.0);
+            }
             this.items.push(item);
             return item;
         }
+        optionsChange(event) {
+            var _a;
+            const options = event.data;
+            const toUnitName = (_a = options.rulerUnit) !== null && _a !== void 0 ? _a : "Default";
+            if (this.oldRulerUnit === toUnitName)
+                return;
+            this.oldRulerUnit = toUnitName;
+            const drawingUnit = this.m_module.getViewer().getUnit();
+            const eToUnit = this.getKUnitByName(toUnitName);
+            const eFromUnit = this.getKUnitByName(drawingUnit);
+            this.items.forEach((item) => {
+                if (toUnitName === "Default") {
+                    item.setUnit(renameUnit(this.renameUnitTable, drawingUnit));
+                    item.setConversionFactor(1.0);
+                }
+                else {
+                    item.setUnit(renameUnit(this.renameUnitTable, toUnitName));
+                    const multiplier = this.m_module.getViewer().getUnitsConversionCoef(eFromUnit, eToUnit);
+                    this.conversionFactor = 1 / multiplier;
+                    item.setConversionFactor(this.conversionFactor);
+                }
+            });
+        }
+        getKUnitByName(unitName) {
+            let eUnit = this.m_module.Units.kUserDefined;
+            switch (unitName) {
+                case "Millimeters":
+                    eUnit = this.m_module.Units.kMillimeters;
+                    break;
+                case "Centimeters":
+                    eUnit = this.m_module.Units.kCentimeters;
+                    break;
+                case "Meters":
+                    eUnit = this.m_module.Units.kMeters;
+                    break;
+                case "Feet":
+                    eUnit = this.m_module.Units.kFeet;
+                    break;
+                case "Inches":
+                    eUnit = this.m_module.Units.kInches;
+                    break;
+                case "Yards":
+                    eUnit = this.m_module.Units.kYards;
+                    break;
+                case "Kilometers":
+                    eUnit = this.m_module.Units.kKilometers;
+                    break;
+                case "Miles":
+                    eUnit = this.m_module.Units.kMiles;
+                    break;
+                case "Micrometers":
+                    eUnit = this.m_module.Units.kMicrometers;
+                    break;
+                case "MicroInches":
+                    eUnit = this.m_module.Units.kMicroInches;
+                    break;
+            }
+            return eUnit;
+        }
     }
 
     const FocalLengthConst = 42.0;
@@ -15884,7 +15969,7 @@
             extView.setView(this.startCameraParams.position, this.startCameraParams.target, this.startCameraParams.upVector, this.startCameraParams.viewFieldWidth, this.startCameraParams.viewFieldHeight, this.startCameraParams.perspective);
             extView.delete();
         }
-        drag(x, y, dltX, dltY) {
+        drag(x, y) {
             if (this.press) {
                 this._orbitAction.action(x, y);
             }
@@ -15926,12 +16011,12 @@
             this._getViewParams = getViewParams;
             this._setViewParams = setViewParams;
         }
-        beginAction(x, y) {
+        beginAction(x, y, absoluteX, absoluteY) {
             this._m_start = this.screenToWorld(x, y);
-            this._deltaScreenPosition = { x, y };
+            this._deltaScreenPosition = { x: absoluteX, y: absoluteY };
             this._beginInteractivity();
         }
-        action(x, y) {
+        action(x, y, absoluteX, absoluteY) {
             var _a;
             const { Vector3d } = this._m_module;
             const params = this._getViewParams();
@@ -15952,12 +16037,12 @@
             (_a = this._subject.activeDragger()) === null || _a === void 0 ? void 0 : _a.updatePreview();
             this._subject.emitEvent({
                 type: "pan",
-                x,
-                y,
-                dX: x - this._deltaScreenPosition.x,
-                dY: y - this._deltaScreenPosition.y,
+                x: absoluteX,
+                y: absoluteY,
+                dX: absoluteX - this._deltaScreenPosition.x,
+                dY: absoluteY - this._deltaScreenPosition.y,
             });
-            this._deltaScreenPosition = { x, y };
+            this._deltaScreenPosition = { x: absoluteX, y: absoluteY };
         }
         endAction() {
             this._endInteractivity();
@@ -15974,13 +16059,13 @@
             this.press = false;
             this._panAction = new PanAction(this.m_module, this.subject, this.beginInteractivity, this.endInteractivity, this.getViewParams, this.setViewParams);
         }
-        start(x, y) {
+        start(x, y, absoluteX, absoluteY) {
             this.press = true;
-            this._panAction.beginAction(x, y);
+            this._panAction.beginAction(x, y, absoluteX, absoluteY);
         }
-        drag(x, y, dltX, dltY) {
+        drag(x, y, absoluteX, absoluteY) {
             if (this.press) {
-                this._panAction.action(x, y);
+                this._panAction.action(x, y, absoluteX, absoluteY);
             }
         }
         end(x, y) {
@@ -16016,7 +16101,7 @@
             this._m_module = m_module;
             this._subject = subject;
         }
-        action(x, y, zoomFactor) {
+        action(x, y, zoomFactor, absoluteX, absoluteY) {
             var _a;
             const viewer = this._m_module.getViewer();
             viewer.zoomAt(zoomFactor, x, y);
@@ -16025,10 +16110,34 @@
             this._subject.emitEvent({
                 type: "zoomat",
                 data: zoomFactor,
+                x: absoluteX,
+                y: absoluteY,
             });
         }
     }
 
+    ///////////////////////////////////////////////////////////////////////////////
+    // Copyright (C) 2002-2024, Open Design Alliance (the "Alliance").
+    // All rights reserved.
+    //
+    // This software and its documentation and related materials are owned by
+    // the Alliance. The software may only be incorporated into application
+    // programs owned by members of the Alliance, subject to a signed
+    // Membership Agreement and Supplemental Software License Agreement with the
+    // Alliance. The structure and organization of this software are the valuable
+    // trade secrets of the Alliance and its suppliers. The software is also
+    // protected by copyright law and international treaty provisions. Application
+    // programs incorporating this software must include the following statement
+    // with their copyright notices:
+    //
+    //   This application incorporates Open Design Alliance software pursuant to a
+    //   license agreement with Open Design Alliance.
+    //   Open Design Alliance Copyright (C) 2002-2024 by Open Design Alliance.
+    //   All rights reserved.
+    //
+    // By use of this software, its documentation or related materials, you
+    // acknowledge and accept the above terms.
+    ///////////////////////////////////////////////////////////////////////////////
     class OdZoomDragger extends OdBaseDragger {
         constructor(subject) {
             super(subject);
@@ -16036,17 +16145,22 @@
             this.press = false;
             this._zoomAction = new ZoomAction(this.m_module, this.subject);
         }
-        start(x, y) {
+        start(x, y, absoluteX = 0, absoluteY = 0) {
             this.press = true;
             this.pressX = x;
             this.pressY = y;
+            this.absoluteX = absoluteX;
+            this.absoluteY = absoluteY;
+            this.prevY = y;
             this.beginInteractivity();
         }
-        drag(x, y, dltX, dltY) {
+        drag(x, y) {
+            const dltY = y - this.prevY;
+            this.prevY = y;
             if (this.press && Math.abs(dltY) >= 10e-6) {
                 const ZOOM_SPEED = 0.025;
                 const zoomFactor = dltY > 0 ? 1 + ZOOM_SPEED : 1 - ZOOM_SPEED;
-                this._zoomAction.action(this.pressX, this.pressY, zoomFactor);
+                this._zoomAction.action(this.pressX, this.pressY, zoomFactor, this.absoluteX, this.absoluteY);
             }
         }
         end() {
@@ -16098,7 +16212,7 @@
             const viewer = this.getViewer();
             if (viewer) {
                 const zoomFactor = event.deltaY > 0 ? 1 + zoomSpeed : 1 - zoomSpeed;
-                this._zoomAction.action(event.offsetX * window.devicePixelRatio, event.offsetY * window.devicePixelRatio, zoomFactor);
+                this._zoomAction.action(event.offsetX * window.devicePixelRatio, event.offsetY * window.devicePixelRatio, zoomFactor, event.offsetX, event.offsetY);
                 if (!this._isEnableInteractivityMode) {
                     this._isEnableInteractivityMode = true;
                     this.beginInteractivity();
@@ -16245,7 +16359,7 @@
             const startPoint = this.screenToWorld(x, y);
             this.m_frame.setStartPoint(startPoint);
         }
-        drag(x, y, dltX, dltY) {
+        drag(x, y) {
             if (this.press) {
                 this.m_maxX = x;
                 this.m_maxY = y;
@@ -16285,7 +16399,7 @@
         setDefaultViewParams() {
             this.setViewParams(this.startCameraParams);
         }
-        drag(x, y, dltX, dltY) {
+        drag(x, y) {
             if (this.press) {
                 let dX = x - this.m_startPoint.x;
                 let dY = y - this.m_startPoint.y;
@@ -16502,7 +16616,7 @@
             const zoomSpeed = (currentDistance - previousDistance) / 700;
             const zoomFactor = 1 + zoomSpeed;
             const middlePoint = this.getMiddlePoint(this._currentEvents);
-            this._zoomAction.action(middlePoint.x, middlePoint.y, zoomFactor);
+            this._zoomAction.action(middlePoint.x, middlePoint.y, zoomFactor, middlePoint.x, middlePoint.y);
             this.subject.update();
         }
         executePanAction(currentPoint) {
@@ -16510,9 +16624,9 @@
                 this.executeEndAction(this._lastGestureAction);
                 this._lastGestureAction = GestureAction.Pan;
                 OdBaseDragger.isGestureActive = true;
-                this._panAction.beginAction(currentPoint.x, currentPoint.y);
+                this._panAction.beginAction(currentPoint.x, currentPoint.y, currentPoint.x, currentPoint.y);
             }
-            this._panAction.action(currentPoint.x, currentPoint.y);
+            this._panAction.action(currentPoint.x, currentPoint.y, currentPoint.x, currentPoint.y);
             this.subject.update();
         }
         executeOrbitAction(currentPoint) {
@@ -16722,6 +16836,7 @@
                         this.viewer.update(true);
                         this.viewer.syncOpenCloudVisualStyle(false);
                         this.viewer.syncOptions();
+                        this.viewer.syncOverlay();
                         this.viewer.resize();
                         this.viewer.emitEvent({ type: "databasechunk", data, model: this.model });
                     }
@@ -16784,6 +16899,7 @@
                     visViewer.parseVsfx(data);
                     this.viewer.syncOpenCloudVisualStyle(false);
                     this.viewer.syncOptions();
+                    this.viewer.syncOverlay();
                     this.viewer.resize();
                 }
                 console.timeEnd("File load time");
@@ -16874,6 +16990,7 @@
                     updaterController.update(UpdateType.kForce);
                     this.viewer.syncOpenCloudVisualStyle(false);
                     this.viewer.syncOptions();
+                    this.viewer.syncOverlay();
                     this.viewer.resize();
                     this.viewer.emitEvent({ type: "databasechunk", data: chunk, model: this.model });
                 }
@@ -16949,6 +17066,7 @@
                     updaterController.update(UpdateType.kForce);
                     this.viewer.syncOpenCloudVisualStyle(false);
                     this.viewer.syncOptions();
+                    this.viewer.syncOverlay();
                     this.viewer.resize();
                     this.viewer.emitEvent({ type: "databasechunk", data: chunk, model: this.model });
                 }
@@ -17259,6 +17377,7 @@
         setMarkupColor(r, g, b) {
             const color = { r, g, b };
             this._markupColor = color;
+            this._viewer.emitEvent({ type: "changemarkupcolor", data: color });
         }
         colorizeAllMarkup(r = 255, g = 0, b = 0) {
             if (!this._viewer.visualizeJs)
@@ -17328,18 +17447,18 @@
             }
             this._viewer.update();
         }
-        getViewpoint() {
+        getViewpoint(viewpoint) {
+            if (!this._viewer.visualizeJs)
+                return {};
             function getLogicalPoint3dFromArray(array) {
                 return { x: array[0], y: array[1], z: array[2] };
             }
-            if (!this._viewer.visualizeJs)
-                return {};
             const visLib = this._viewer.visLib();
             const visViewer = visLib.getViewer();
-            const viewpoint = {
-                lines: [],
-                texts: [],
-            };
+            if (!viewpoint)
+                viewpoint = {};
+            viewpoint.lines = [];
+            viewpoint.texts = [];
             const model = visViewer.getMarkupModel();
             const itr = model.getEntitiesIterator();
             for (; !itr.done(); itr.step()) {
@@ -17385,7 +17504,6 @@
             viewpoint.custom_fields = {
                 markup_color: this.getMarkupColor(),
             };
-            viewpoint.description = new Date().toDateString();
             return viewpoint;
         }
         enableEditMode(mode) {
@@ -17549,7 +17667,7 @@
          *   `Viewer.visualize` library you are using.
          */
         configure(params) {
-            this._visualizeJsUrl = params.visualizeJsUrl || "https://public-fhemb7e3embacwec.z02.azurefd.net/libs/visualizejs/25.10/Visualize.js";
+            this._visualizeJsUrl = params.visualizeJsUrl || "https://public-fhemb7e3embacwec.z02.azurefd.net/libs/visualizejs/master/Visualize.js";
             return this;
         }
         /**
@@ -17603,6 +17721,7 @@
             this._gestureManager.initialize();
             this.syncOpenCloudVisualStyle(true);
             this.syncOptions();
+            this.syncOverlay();
             this._renderTime = performance.now();
             this.render(this._renderTime);
             this.emitEvent({ type: "initialize" });
@@ -17904,9 +18023,9 @@
             return this;
         }
         /**
-         * List of names of registered draggers.
+         * List of names of available draggers.
          *
-         * The following draggers are registered by default:
+         * The following draggers are available by default:
          *
          * - `Line`
          * - `Text`
@@ -17966,6 +18085,7 @@
                         .join(" ");
                 }
                 this.emitEvent({ type: "changeactivedragger", data: name });
+                this.update();
             }
             return this._activeDragger;
         }
@@ -17976,9 +18096,6 @@
                 this.setActiveDragger(dragger.name);
             }
         }
-        /**
-         * Removes all cutting planes.
-         */
         clearSlices() {
             if (!this.visualizeJs)
                 return;
@@ -17988,18 +18105,12 @@
             activeView.delete();
             this.update();
         }
-        /**
-         * Clears the overlay view.
-         */
         clearOverlay() {
             if (!this.visualizeJs)
                 return;
             this._markup.clearOverlay();
             this.update();
         }
-        /**
-         * Creates an overlay view. Overlay view is used to draw cutting planes and `Visualize` markups.
-         */
         syncOverlay() {
             if (!this.visualizeJs)
                 return;
@@ -18069,24 +18180,30 @@
                 result.z = 1 / z;
             return result;
         }
-        /**
-         * Returns a list of original handles for the selected objects.
-         */
         getSelected() {
             return this.executeCommand("getSelected");
         }
-        /**
-         * Selects the model objects by original handles that are obtained using `File.searchProperties()`.
-         *
-         * Fires:
-         *
-         * - {@link SelectEvent | select}
-         *
-         * @param handles - The list of original handles.
-         */
         setSelected(handles) {
             this.executeCommand("setSelected", handles);
         }
+        clearSelected() {
+            this.executeCommand("clearSelected");
+        }
+        hideSelected() {
+            this.executeCommand("hideSelected");
+        }
+        isolateSelected() {
+            this.executeCommand("isolateSelected");
+        }
+        showAll() {
+            this.executeCommand("showAll");
+        }
+        explode(index = 0) {
+            this.executeCommand("explode", index);
+        }
+        collect() {
+            this.executeCommand("collect");
+        }
         // Internal loading routines
         async loadReferences(model) {
             var _a;
@@ -18133,8 +18250,8 @@
          *
          * The file geometry data on the server must be converted to `VSFX` format.
          *
-         * To open a large file, enable {@link IOptions.enablePartialMode | partial load} mode before
-         * opening (see example below).
+         * To open a large file, enable {@link IOptions.enablePartialMode | partial streaming} mode
+         * before opening (see example below).
          *
          * This method requires a `Client` instance to be specified when creating the viewer to load
          * model reference files from the Open Cloud Server. For a standalone viewer instance use
@@ -18150,7 +18267,7 @@
          * - {@link GeometryEndEvent | geometryend}
          * - {@link GeometryErrorEvent | geometryerror}
          *
-         * @example <caption>Using partial load mode to open a large file from a server.</caption>
+         * @example <caption>Using partial streaming mode to open a large file from a server.</caption>
          *   viewer.options.enableStreamingMode = true;
          *   viewer.options.enablePartialMode = true;
          *   await viewer.open(file);
@@ -18175,7 +18292,8 @@
             const overrideOptions = new Options();
             overrideOptions.data = this._options.data;
             if (file.type === ".rcs" && !overrideOptions.enablePartialMode) {
-                console.log("Partial load mode is forced for RCS file");
+                console.log("Partial streaming mode is forced for RCS file");
+                overrideOptions.enableStreamingMode = true;
                 overrideOptions.enablePartialMode = true;
             }
             const loaderFactory = new LoaderFactory();
@@ -18192,7 +18310,7 @@
          * Loads a `VSF` file into the viewer.
          *
          * This method does not support {@link IOptions.enableStreamingMode | streaming} or
-         * {@link IOptions.enablePartialMode | partial load} mode.
+         * {@link IOptions.enablePartialMode | partial streaming} mode.
          *
          * Fires:
          *
@@ -18219,6 +18337,7 @@
                 visViewer.parseFile(data);
                 this.syncOpenCloudVisualStyle(false);
                 this.syncOptions();
+                this.syncOverlay();
                 this.resize();
                 this.emitEvent({ type: "geometryprogress", data: 1, buffer });
                 this.emitEvent({ type: "databasechunk", data, buffer });
@@ -18234,7 +18353,7 @@
          * Loads a `VSFX` file into the viewer.
          *
          * This method does not support {@link IOptions.enableStreamingMode | streaming} or
-         * {@link IOptions.enablePartialMode | partial load} mode.
+         * {@link IOptions.enablePartialMode | partial streaming} mode.
          *
          * Fires:
          *
@@ -18261,6 +18380,7 @@
                 visViewer.parseVsfx(data);
                 this.syncOpenCloudVisualStyle(false);
                 this.syncOptions();
+                this.syncOverlay();
                 this.resize();
                 this.emitEvent({ type: "geometryprogress", data: 1, buffer });
                 this.emitEvent({ type: "databasechunk", data, buffer });
@@ -18289,53 +18409,41 @@
             const visLib = this.visLib();
             const visViewer = visLib.getViewer();
             this.setActiveDragger();
+            this.clearSlices();
             this.clearOverlay();
             visViewer.clear();
             visViewer.createLocalDatabase();
             this.syncOpenCloudVisualStyle(true);
             this.syncOptions();
+            this.syncOverlay();
             this.resize();
             this.emitEvent({ type: "clear" });
             return this;
         }
         /**
-         * Returns the color of new markup objects.
+         * Deprecated since `25.11`. Use {@link IMarkup.getMarkupColor | markup.getMarkupColor()} instead.
          */
         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();
         }
         /**
-         * Sets the color of new markup objects.
-         *
-         * Fires:
-         *
-         * - {@link ChangeMarkupColorEvent | changemarkupcolor}
-         *
-         * @param r - The `red` component of the color, as a number between 0 and 255.
-         * @param g - The `green` component of the color, as a number between 0 and 255.
-         * @param b - The `blue` component of the color, as a number between 0 and 255.
+         * Deprecated since `25.11`. Use {@link IMarkup.setMarkupColor | markup.setMarkupColor()} instead.
          */
         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);
-            const color = { r, g, b };
-            this.emitEvent({ type: "changemarkupcolor", data: color });
         }
         /**
-         * Colors all markup objects with the specified color.
-         *
-         * @param r - The `red` component of the color, as a number between 0 and 255.
-         * @param g - The `green` component of the color, as a number between 0 and 255.
-         * @param b - The `blue` component of the color, as a number between 0 and 255.
+         * Deprecated since `25.11`. Use {@link IMarkup.colorizeAllMarkup | markup.colorizeAllMarkup()} instead.
          */
         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);
         }
         /**
-         * Colors the selected markup objects with the specified color.
-         *
-         * @param r - `Red` part of color.
-         * @param g - `Green` part of color.
-         * @param b - `Blue` part of color.
+         * Deprecated since `25.11`. Use
+         * {@link IMarkup.colorizeSelectedMarkups | markup.colorizeSelectedMarkups()} instead.
          */
         colorizeSelectedMarkups(r = 255, g = 0, b = 0) {
             this._markup.colorizeSelectedMarkups(r, g, b);
@@ -18358,28 +18466,35 @@
             this.update();
             return entityId;
         }
-        /**
-         * Sets the viewer state to the specified viewpoint.
-         *
-         * To get a list of available viewpoints from the server for a specific file, use the
-         * `File.getViewpoints()`.
-         *
-         * @param viewpoint - Viewpoint data.
-         */
         drawViewpoint(viewpoint) {
+            var _a;
+            if (!this.visualizeJs)
+                return;
+            const draggerName = (_a = this._activeDragger) === null || _a === void 0 ? void 0 : _a.name;
+            this.setActiveDragger();
+            this.clearSlices();
+            this.clearOverlay();
+            this.clearSelected();
+            this.showAll();
+            this.explode();
             this.setOrthogonalCameraSettings(viewpoint.orthogonal_camera);
             this.setClippingPlanes(viewpoint.clipping_planes);
+            this.setSelection(viewpoint.selection);
             this._markup.setViewpoint(viewpoint);
+            this.setActiveDragger(draggerName);
+            this.emitEvent({ type: "drawviewpoint", data: viewpoint });
+            this.update();
         }
-        /**
-         * Saves the viewer state at the viewpoint.
-         *
-         * To save a viewpoint to the server for a specific file, use the `File.saveViewpoint()`.
-         */
         createViewpoint() {
-            const viewpoint = this._markup.getViewpoint();
+            if (!this.visualizeJs)
+                return {};
+            const viewpoint = {};
             viewpoint.orthogonal_camera = this.getOrthogonalCameraSettings();
             viewpoint.clipping_planes = this.getClippingPlanes();
+            viewpoint.selection = this.getSelection();
+            viewpoint.description = new Date().toDateString();
+            this._markup.getViewpoint(viewpoint);
+            this.emitEvent({ type: "createviewpoint", data: viewpoint });
             return viewpoint;
         }
         getPoint3dFromArray(array) {
@@ -18402,13 +18517,10 @@
         setOrthogonalCameraSettings(settings) {
             const visViewer = this.visViewer();
             const activeView = visViewer.activeView;
-            this.resetActiveDragger();
-            this.clearSlices();
-            this.clearOverlay();
             if (settings) {
                 activeView.setView(this.getLogicalPoint3dAsArray(settings.view_point), this.getLogicalPoint3dAsArray(settings.direction), this.getLogicalPoint3dAsArray(settings.up_vector), settings.field_width, settings.field_height, true);
+                this.syncOverlay();
             }
-            this.syncOverlay();
         }
         getClippingPlanes() {
             const visViewer = this.visViewer();
@@ -18416,35 +18528,42 @@
             const clipping_planes = [];
             for (let i = 0; i < activeView.numCuttingPlanes(); i++) {
                 const cuttingPlane = activeView.getCuttingPlane(i);
-                const plane = {
+                const clipping_plane = {
                     location: this.getPoint3dFromArray(cuttingPlane.getOrigin()),
                     direction: this.getPoint3dFromArray(cuttingPlane.normal()),
                 };
-                clipping_planes.push(plane);
+                clipping_planes.push(clipping_plane);
             }
             return clipping_planes;
         }
-        setClippingPlanes(clippingPlanes) {
-            if (clippingPlanes) {
+        setClippingPlanes(clipping_planes) {
+            if (clipping_planes) {
                 const visViewer = this.visViewer();
                 const activeView = visViewer.activeView;
-                for (const plane of clippingPlanes) {
+                for (const clipping_plane of clipping_planes) {
                     const cuttingPlane = new (this.visLib().OdTvPlane)();
-                    cuttingPlane.set(this.getLogicalPoint3dAsArray(plane.location), this.getLogicalPoint3dAsArray(plane.direction));
+                    cuttingPlane.set(this.getLogicalPoint3dAsArray(clipping_plane.location), this.getLogicalPoint3dAsArray(clipping_plane.direction));
                     activeView.addCuttingPlane(cuttingPlane);
                     activeView.setEnableCuttingPlaneFill(true, 0x66, 0x66, 0x66);
                 }
             }
         }
+        getSelection() {
+            return this.getSelected().map((handle) => ({ handle }));
+        }
+        setSelection(selection) {
+            this.setSelected(selection === null || selection === void 0 ? void 0 : selection.map((component) => component.handle));
+        }
         /**
          * Executes the command denoted by the given command. If the command is not found, tries to
          * set active dragger with the specified name.
          *
-         * The following commands are registered by default:
+         * The following commands are available by default:
          *
          * - `applyModelTransform`
          * - `autoTransformAllModelsToCentralPoint`
          * - `clearMarkup`
+         * - `clearSelected`
          * - `clearSlices`
          * - `createPreview`
          * - `explode`
@@ -18461,7 +18580,6 @@
          * - `setMarkupColor`
          * - `setSelected`
          * - `showAll`
-         * - `unselect`
          * - `zoomToExtents`
          * - `zoomToObjects`
          * - `zoomToSelected`