@inweb/viewer-visualize 26.10.6 → 26.11.1

package/dist/viewer-visualize.module.js

@@ -213,8 +213,8 @@ class OdBaseDragger extends OdaGeAction {
             viewer.select(x, y, x, y);
             this.subject.update();
             const selectionSet = viewer.getSelected();
-            const handles = this.subject.getSelected();
-            this.onmessage({ type: "select", data: selectionSet, handles });
+            this.onmessage({ type: "select", data: selectionSet, handles: this.subject.getSelected() });
+            this.onmessage({ type: "select2", data: selectionSet, handles: this.subject.getSelected2() });
         }
     }
     dblclick(ev) {
@@ -819,7 +819,7 @@ class OdJoyStickDragger {
                 callback({
                     x: 100 * ((movedX - centerX) / maxMoveStick),
                     y: 100 * ((movedY - centerY) / maxMoveStick) * -1,
-                    global: global,
+                    global,
                 });
             }
         };
@@ -834,7 +834,7 @@ class OdJoyStickDragger {
             callback({
                 x: 100 * ((movedX - centerX) / maxMoveStick),
                 y: 100 * ((movedY - centerY) / maxMoveStick) * -1,
-                global: global,
+                global,
             });
         };
         this.drawExternal = () => {
@@ -2325,7 +2325,8 @@ function clearSelected(viewer) {
     const visViewer = viewer.visViewer();
     visViewer.unselect();
     viewer.update();
-    viewer.emitEvent({ type: "select", data: undefined, handles: [] });
+    viewer.emitEvent({ type: "select", handles: [] });
+    viewer.emitEvent({ type: "select2", handles: [] });
 }
 
 function clearSlices(viewer) {
@@ -2401,6 +2402,13 @@ function getSelected(viewer) {
     return handles;
 }
 
+function getSelected2(viewer) {
+    const handles = viewer.executeCommand("getSelected");
+    const model = viewer.models[0];
+    const handles2 = handles.map((handle) => `${model.id}:${handle}`);
+    return handles2;
+}
+
 function hideSelected(viewer) {
     if (!viewer.visualizeJs)
         return;
@@ -2408,7 +2416,8 @@ function hideSelected(viewer) {
     visViewer.hideSelectedObjects(false);
     viewer.update();
     viewer.emitEvent({ type: "hide" });
-    viewer.emitEvent({ type: "select", data: undefined, handles: [] });
+    viewer.emitEvent({ type: "select", handles: [] });
+    viewer.emitEvent({ type: "select2", handles: [] });
 }
 
 function isolateSelected(viewer) {
@@ -2456,9 +2465,9 @@ function selectModel(viewer, handle) {
         if (modelPtr.getDatabaseHandle() === handle) {
             const selectionSet = activeView.selectCrossing([0, 9999, 9999, 0], modelPtr);
             visViewer.setSelected(selectionSet);
-            const handles = viewer.getSelected();
             viewer.update();
-            viewer.emitEvent({ type: "select", data: selectionSet, handles });
+            viewer.emitEvent({ type: "select", handles: viewer.getSelected() });
+            viewer.emitEvent({ type: "select2", handles: viewer.getSelected2() });
             selectionSet.delete();
             break;
         }
@@ -2485,13 +2494,14 @@ function setMarkupColor(viewer, r = 255, g = 0, b = 0) {
     viewer.markup.setMarkupColor(r, g, b);
 }
 
-function setSelected(viewer, handles = []) {
+function setSelected(viewer, handles2 = []) {
     if (!viewer.visualizeJs)
         return;
+    const handles = handles2.map((handle) => handle.slice(handle.indexOf(":") + 1));
     const visLib = viewer.visLib();
     const visViewer = viewer.visViewer();
     const selectionSet = new visLib.OdTvSelectionSet();
-    handles === null || handles === void 0 ? void 0 : handles.forEach((handle) => {
+    handles.forEach((handle) => {
         const entityId = visViewer.getEntityByOriginalHandle(handle + "");
         if (!entityId.isNull())
             selectionSet.appendEntity(entityId);
@@ -2499,9 +2509,25 @@ function setSelected(viewer, handles = []) {
     visViewer.setSelected(selectionSet);
     viewer.update();
     viewer.emitEvent({ type: "select", data: selectionSet, handles });
+    viewer.emitEvent({ type: "select2", data: selectionSet, handles: handles2 });
     selectionSet.delete();
 }
 
+function setSelected2(viewer, handles2 = []) {
+    const handles = [];
+    handles2.forEach((handle) => {
+        if (!handle.includes(":")) {
+            handles.push(handle);
+        }
+        else
+            viewer.models.forEach((model) => {
+                if (handle.split(":", 1)[0] === model.id + "")
+                    handles.push(handle);
+            });
+    });
+    return viewer.executeCommand("setSelected", handles);
+}
+
 function showAll(viewer) {
     if (!viewer.visualizeJs)
         return;
@@ -2624,6 +2650,7 @@ commands.registerCommand("collect", collect);
 commands.registerCommand("getDefaultViewPositions", getDefaultViewPositions);
 commands.registerCommand("getModels", getModels);
 commands.registerCommand("getSelected", getSelected);
+commands.registerCommand("getSelected2", getSelected2);
 commands.registerCommand("hideSelected", hideSelected);
 commands.registerCommand("isolateSelected", isolateSelected);
 commands.registerCommand("regenerateAll", regenerateAll);
@@ -2633,6 +2660,7 @@ commands.registerCommand("setActiveDragger", setActiveDragger);
 commands.registerCommand("setDefaultViewPosition", setDefaultViewPosition);
 commands.registerCommand("setMarkupColor", setMarkupColor);
 commands.registerCommand("setSelected", setSelected);
+commands.registerCommand("setSelected2", setSelected2);
 commands.registerCommand("showAll", showAll);
 commands.registerCommand("zoomToExtents", zoomToExtents);
 commands.registerCommand("zoomToObjects", zoomToObjects);
@@ -2981,6 +3009,10 @@ components.registerComponent("ZoomWheelComponent", (viewer) => new ZoomWheelComp
 components.registerComponent("GestureManagerComponent", (viewer) => new GestureManagerComponent(viewer));
 components.registerComponent("ResetComponent", (viewer) => new ResetComponent(viewer));
 
+class ModelImpl {
+    dispose() { }
+}
+
 class FileLoader {
     constructor() {
         this.requestHeader = {};
@@ -3064,7 +3096,7 @@ class VSFFileLoader extends Loader {
         return ((typeof file === "string" || file instanceof globalThis.File || file instanceof ArrayBuffer) &&
             /vsf$/i.test(format));
     }
-    async load(file, format, params) {
+    async load(file, format, params = {}) {
         if (!this.viewer.visualizeJs)
             return this;
         const visViewer = this.viewer.visViewer();
@@ -3088,6 +3120,9 @@ class VSFFileLoader extends Loader {
             console.error("VSF parse error.", error);
             throw error;
         }
+        const modelImpl = new ModelImpl();
+        modelImpl.id = params.modelId || this.extractFileName(file);
+        this.viewer.models.push(modelImpl);
         this.viewer.syncOptions();
         this.viewer.syncOverlay();
         this.viewer.update(true);
@@ -3131,6 +3166,9 @@ class VSFCloudLoader extends Loader {
                 throw error;
             }
             if (i === 0) {
+                const modelImpl = new ModelImpl();
+                modelImpl.id = model.file.id;
+                this.viewer.models.push(modelImpl);
                 this.viewer.syncOptions();
                 this.viewer.syncOverlay();
                 this.viewer.update(true);
@@ -3155,7 +3193,7 @@ class VSFXFileLoader extends Loader {
         return ((typeof file === "string" || file instanceof globalThis.File || file instanceof ArrayBuffer) &&
             /vsfx$/i.test(format));
     }
-    async load(file, format, params) {
+    async load(file, format, params = {}) {
         if (!this.viewer.visualizeJs)
             return this;
         const visViewer = this.viewer.visViewer();
@@ -3179,6 +3217,9 @@ class VSFXFileLoader extends Loader {
             console.error("VSFX parse error.", error);
             throw error;
         }
+        const modelImpl = new ModelImpl();
+        modelImpl.id = params.modelId || this.extractFileName(file);
+        this.viewer.models.push(modelImpl);
         this.viewer.syncOptions();
         this.viewer.syncOverlay();
         this.viewer.update(true);
@@ -3199,7 +3240,7 @@ class VSFXCloudLoader extends Loader {
             /.vsfx$/i.test(file.database) &&
             this.viewer.options.enableStreamingMode === false);
     }
-    async load(model, format, params = {}) {
+    async load(model) {
         if (!this.viewer.visualizeJs)
             return Promise.resolve(this);
         const visViewer = this.viewer.visViewer();
@@ -3218,6 +3259,9 @@ class VSFXCloudLoader extends Loader {
             console.error("VSFX parse error.", error);
             throw error;
         }
+        const modelImpl = new ModelImpl();
+        modelImpl.id = model.file.id;
+        this.viewer.models.push(modelImpl);
         this.viewer.syncOptions();
         this.viewer.syncOverlay();
         this.viewer.update(true);
@@ -3296,6 +3340,9 @@ class VSFXCloudStreamingLoader extends Loader {
                 isDatabaseChunk = true;
             }
             if (isDatabaseChunk) {
+                const modelImpl = new ModelImpl();
+                modelImpl.id = model.file.id;
+                this.viewer.models.push(modelImpl);
                 this.viewer.syncOptions();
                 this.viewer.syncOverlay();
                 updateController.update(UpdateType.kForce);
@@ -3330,7 +3377,7 @@ class VSFXCloudPartialLoader extends Loader {
             /.vsfx$/i.test(file.database) &&
             (this.viewer.options.enablePartialMode === true || /.rcs$/i.test(file.name)));
     }
-    async load(model, format) {
+    async load(model) {
         if (!this.viewer.visualizeJs)
             return this;
         const visViewer = this.viewer.visViewer();
@@ -3356,6 +3403,9 @@ class VSFXCloudPartialLoader extends Loader {
             }
             this.viewer.emitEvent({ type: "geometryprogress", data: progress, file: model.file, model });
             if (isDatabaseChunk) {
+                const modelImpl = new ModelImpl();
+                modelImpl.id = model.file.id;
+                this.viewer.models.push(modelImpl);
                 this.viewer.syncOptions();
                 this.viewer.syncOverlay();
                 updateController.update(UpdateType.kForce);
@@ -3844,42 +3894,56 @@ class Viewer extends EventEmitter2 {
         super();
         this._visualizeJsUrl = "";
         this.configure(params);
-        this._options = new Options(this);
         this.client = client;
+        this.options = new Options(this);
         this.loaders = [];
+        this.models = [];
+        this.canvasEvents = CANVAS_EVENTS.slice();
+        this.canvaseventlistener = (event) => this.emit(event);
         this._activeDragger = null;
         this._components = [];
+        this._renderNeeded = false;
         this._renderTime = 0;
-        this.canvasEvents = CANVAS_EVENTS.slice();
-        this.canvaseventlistener = (event) => this.emit(event);
         this._enableAutoUpdate = (_a = params.enableAutoUpdate) !== null && _a !== void 0 ? _a : true;
-        this._renderNeeded = false;
         this._isRunAsyncUpdate = false;
         this.render = this.render.bind(this);
         this.update = this.update.bind(this);
         this._markup = MarkupFactory.createMarkup(params.markupType);
     }
-    get options() {
-        return this._options;
-    }
     get visualizeJsUrl() {
         return this._visualizeJsUrl;
     }
+    get visualizeJs() {
+        return this._visualizeJs;
+    }
+    visLib() {
+        return this._visualizeJs;
+    }
+    visViewer() {
+        return this._viewer;
+    }
     get markup() {
         return this._markup;
     }
     configure(params) {
-        this._visualizeJsUrl = params.visualizeJsUrl || "https://public-fhemb7e3embacwec.z02.azurefd.net/libs/visualizejs/master/Visualize.js";
+        this._visualizeJsUrl = params.visualizeJsUrl || "https://public-fhemb7e3embacwec.z02.azurefd.net/libs/visualizejs/26.11/Visualize.js";
         this._crossOrigin = params.crossOrigin;
         return this;
     }
+    get draggers() {
+        return [...draggers.getDraggers().keys()];
+    }
+    get components() {
+        return [...components.getComponents().keys()];
+    }
     async initialize(canvas, onProgress) {
         this.addEventListener("optionschange", (event) => this.syncOptions(event.data));
+        const pixelRatio = window.devicePixelRatio;
         const rect = canvas.parentElement.getBoundingClientRect();
         const width = rect.width || 1;
         const height = rect.height || 1;
-        canvas.width = Math.round(width * window.devicePixelRatio);
-        canvas.height = Math.round(height * window.devicePixelRatio);
+        canvas.width = Math.round(width * pixelRatio);
+        canvas.height = Math.round(height * pixelRatio);
         canvas.style.width = width + "px";
         canvas.style.height = height + "px";
         canvas.parentElement.style.touchAction = "none";
@@ -3947,6 +4011,26 @@ class Viewer extends EventEmitter2 {
         this.update(true);
         this.emitEvent({ type: "resize", width, height });
     }
+    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) {
+        if (this._enableAutoUpdate) {
+            this._renderNeeded = true;
+            if (force)
+                this.render();
+        }
+        this.emitEvent({ type: "update", data: force });
+    }
     render(time) {
         var _a, _b;
         if (!this.visualizeJs)
@@ -3965,73 +4049,177 @@ class Viewer extends EventEmitter2 {
         (_b = (_a = this._activeDragger) === null || _a === void 0 ? void 0 : _a.updatePreview) === null || _b === void 0 ? void 0 : _b.call(_a);
         this.emitEvent({ type: "render", time, deltaTime });
     }
-    resize() {
-        console.warn("Viewer.resize() has been deprecated since 26.9 and will be removed in a future release, use Viewer.setSize() instead.");
+    async loadReferences(model) {
+        var _a;
         if (!this.visualizeJs)
             return this;
-        if (!this.canvas.parentElement)
+        if (!this.client)
             return this;
-        const { width, height } = this.canvas.parentElement.getBoundingClientRect();
-        if (!width || !height)
+        if (!model.getReferences)
             return this;
-        this.setSize(width, height);
+        const abortController = new AbortController();
+        (_a = this._abortControllerForReferences) === null || _a === void 0 ? void 0 : _a.abort();
+        this._abortControllerForReferences = abortController;
+        let references = [];
+        await model
+            .getReferences(abortController.signal)
+            .then((data) => (references = data.references))
+            .catch((e) => console.error("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));
+        }
         return this;
     }
-    update(force = false) {
-        if (this._enableAutoUpdate) {
-            this._renderNeeded = true;
-            if (force)
-                this.render();
+    applyModelTransformMatrix(model) {
+        this.executeCommand("applyModelTransform", model);
+    }
+    applySceneGraphSettings(options = this.options) {
+        if (!this.visualizeJs)
+            return;
+        const visLib = this.visLib();
+        const visViewer = this.visViewer();
+        const device = visViewer.getActiveDevice();
+        if (isExist(options.sceneGraph)) {
+            device.setOptionBool(visLib.DeviceOptions.kDelaySceneGraphProc, !options.sceneGraph);
         }
-        this.emitEvent({ type: "update", data: force });
+        device.delete();
+        this.update();
     }
-    scheduleUpdateAsync(maxScheduleUpdateTimeInMs = 50) {
-        return new Promise((resolve, reject) => {
-            setTimeout(() => {
-                var _a, _b, _c;
-                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", data: false });
-                    resolve();
-                }
-                catch (e) {
-                    console.error(e);
-                    reject();
-                }
-            }, 0);
-        });
+    async open(file, params = {}) {
+        if (!this.visualizeJs)
+            return this;
+        this.cancel();
+        this.clear();
+        this.emitEvent({ type: "open", mode: "file", file });
+        let model = file;
+        if (model && typeof model.getModels === "function") {
+            const models = await model.getModels();
+            model = models.find((model) => model.default) || models[0] || file;
+        }
+        if (model && typeof model.database === "string") {
+            file = model.file;
+        }
+        if (!model)
+            throw new Error(`Format not supported`);
+        let format = params.format;
+        if (!format && typeof file["type"] === "string")
+            format = file["type"].split(".").pop();
+        if (!format && typeof file === "string")
+            format = file.split(".").pop();
+        if (!format && file instanceof globalThis.File)
+            format = file.name.split(".").pop();
+        const loader = loaders.createLoader(this, model, format);
+        if (!loader)
+            throw new Error(`Format not supported`);
+        this.loaders.push(loader);
+        this.emitEvent({ type: "geometrystart", file, model });
+        try {
+            await this.loadReferences(model);
+            await loader.load(model, format, params);
+        }
+        catch (error) {
+            this.emitEvent({ type: "geometryerror", data: error, file, model });
+            throw error;
+        }
+        this.emitEvent({ type: "geometryend", file, model });
+        if (this.visualizeJs) {
+            this.applyModelTransformMatrix(model);
+            this.applySceneGraphSettings();
+        }
+        return this;
     }
-    async updateAsync(maxScheduleUpdateTimeInMs = 50, maxScheduleUpdateCount = 50) {
+    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._isRunAsyncUpdate = true;
+            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 device = this.visViewer().getActiveDevice();
-            for (let iterationCount = 0; !device.isValid() && iterationCount < maxScheduleUpdateCount; iterationCount++) {
-                await this.scheduleUpdateAsync(maxScheduleUpdateTimeInMs);
-            }
-            await this.scheduleUpdateAsync(maxScheduleUpdateTimeInMs);
+            const data = buffer instanceof Uint8Array ? buffer : new Uint8Array(buffer);
+            visViewer.parseFile(data);
+            this.syncOptions();
+            this.syncOverlay();
+            this.update(true);
+            this.emitEvent({ type: "geometryprogress", data: 1, file: "", buffer });
+            this.emitEvent({ type: "databasechunk", data, file: "", buffer });
         }
-        catch (e) {
-            console.error(e);
+        catch (error) {
+            this.emitEvent({ type: "geometryerror", data: error, file: "", buffer });
+            throw error;
         }
-        finally {
-            this._isRunAsyncUpdate = false;
+        this.emitEvent({ type: "geometryend", file: "", buffer });
+        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.update(true);
+            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 });
+        return this;
     }
-    get visualizeJs() {
-        return this._visualizeJs;
+    cancel() {
+        var _a;
+        (_a = this._abortControllerForReferences) === null || _a === void 0 ? void 0 : _a.abort();
+        this._abortControllerForReferences = undefined;
+        this.loaders.forEach((loader) => loader.cancel());
+        this.emitEvent({ type: "cancel" });
+        return this;
     }
-    visLib() {
-        return this._visualizeJs;
+    clear() {
+        if (!this.visualizeJs)
+            return this;
+        const visViewer = this.visViewer();
+        this.setActiveDragger();
+        this.clearSlices();
+        this.clearOverlay();
+        this.clearSelected();
+        this.loaders.forEach((loader) => loader.dispose());
+        this.loaders = [];
+        this.models.forEach((model) => model.dispose());
+        this.models = [];
+        visViewer.clear();
+        visViewer.createLocalDatabase();
+        this.syncOptions();
+        this.syncOverlay();
+        this.update(true);
+        this.emitEvent({ type: "clear" });
+        return this;
     }
-    visViewer() {
-        return this._viewer;
+    is3D() {
+        if (!this.visualizeJs)
+            return false;
+        const visViewer = this.visViewer();
+        const ext = visViewer.getActiveExtents();
+        const min = ext.min();
+        const max = ext.max();
+        const extHeight = max[2] - min[2];
+        return extHeight !== 0;
     }
-    syncOpenCloudVisualStyle() {
+    syncOptions(options = this.options) {
         if (!this.visualizeJs)
             return this;
         const visLib = this.visLib();
@@ -4064,19 +4252,6 @@ class Viewer extends EventEmitter2 {
             visualStylePtr.delete();
         }
         view.visualStyle = visualStyleId;
-        view.delete();
-        device.delete();
-        return this;
-    }
-    syncOptions(options = this.options) {
-        if (!this.visualizeJs)
-            return this;
-        this.syncOpenCloudVisualStyle();
-        const visLib = this.visLib();
-        const visViewer = this.visViewer();
-        const device = visViewer.getActiveDevice();
-        if (device.isNull())
-            return this;
         if (options.showWCS !== visViewer.getEnableWCS()) {
             visViewer.setEnableWCS(options.showWCS);
         }
@@ -4090,8 +4265,6 @@ class Viewer extends EventEmitter2 {
         }
         if (options.shadows !== visViewer.shadows) {
             visViewer.shadows = options.shadows;
-            const canvas = visLib.canvas;
-            device.invalidate([0, canvas.width, canvas.height, 0]);
         }
         if (options.groundShadow !== visViewer.groundShadow) {
             visViewer.groundShadow = options.groundShadow;
@@ -4117,17 +4290,7 @@ class Viewer extends EventEmitter2 {
             visualStyleId.delete();
             activeView.delete();
         }
-        device.delete();
-        this.syncHighlightingOptions(options);
-        this.update();
-        return this;
-    }
-    syncHighlightingOptions(options = this.options) {
-        if (!this.visualizeJs)
-            return this;
         const params = options.enableCustomHighlight ? options : Options.defaults();
-        const visLib = this.visLib();
-        const visViewer = this.visViewer();
         const { Entry, OdTvRGBColorDef } = visLib;
         const highlightStyleId = visViewer.findHighlightStyle("Web_Default");
         const highlightStylePtr = highlightStyleId.openObject();
@@ -4154,19 +4317,80 @@ class Viewer extends EventEmitter2 {
             const visibility = !isExist(params.edgesVisibility) ? true : params.edgesVisibility;
             highlightStylePtr.setEdgesVisibility(Entry.k2DTop.value | Entry.k3DTop.value, params.edgesOverlap && visibility);
         }
-        const device = visViewer.getActiveDevice();
-        if (!device.isNull()) {
-            const canvas = visLib.canvas;
-            device.invalidate([0, canvas.width, canvas.height, 0]);
-            device.delete();
-        }
+        view.delete();
+        device.delete();
+        this.update();
         return this;
     }
-    get draggers() {
-        return [...draggers.getDraggers().keys()];
+    syncOverlay() {
+        if (!this.visualizeJs)
+            return;
+        const visViewer = this.visViewer();
+        const activeView = visViewer.activeView;
+        let overlayView = visViewer.getViewByName(OVERLAY_VIEW_NAME);
+        if (!overlayView) {
+            const markupModel = visViewer.getMarkupModel();
+            const pDevice = visViewer.getActiveDevice();
+            overlayView = pDevice.createView(OVERLAY_VIEW_NAME, false);
+            overlayView.addModel(markupModel);
+            activeView.addSibling(overlayView);
+            pDevice.addView(overlayView);
+        }
+        overlayView.viewPosition = activeView.viewPosition;
+        overlayView.viewTarget = activeView.viewTarget;
+        overlayView.upVector = activeView.upVector;
+        overlayView.viewFieldWidth = activeView.viewFieldWidth;
+        overlayView.viewFieldHeight = activeView.viewFieldHeight;
+        const viewPort = overlayView.getViewport();
+        overlayView.setViewport(viewPort.lowerLeft, viewPort.upperRight);
+        overlayView.vportRect = activeView.vportRect;
+        this._markup.syncOverlay();
+        this.update();
     }
-    get components() {
-        return [...components.getComponents().keys()];
+    clearOverlay() {
+        if (!this.visualizeJs)
+            return;
+        this._markup.clearOverlay();
+        this.update();
+    }
+    clearSlices() {
+        if (!this.visualizeJs)
+            return;
+        const visViewer = this.visViewer();
+        const activeView = visViewer.activeView;
+        activeView.removeCuttingPlanes();
+        activeView.delete();
+        this.update();
+    }
+    getSelected() {
+        return this.executeCommand("getSelected");
+    }
+    setSelected(handles) {
+        this.executeCommand("setSelected", handles);
+    }
+    getSelected2() {
+        return this.executeCommand("getSelected2");
+    }
+    setSelected2(handles) {
+        this.executeCommand("setSelected2", 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");
     }
     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.");
@@ -4213,55 +4437,102 @@ class Viewer extends EventEmitter2 {
     getComponent(name) {
         return this._components.find((component) => component.name === name);
     }
-    clearSlices() {
+    drawViewpoint(viewpoint) {
+        var _a, _b;
         if (!this.visualizeJs)
             return;
         const visViewer = this.visViewer();
         const activeView = visViewer.activeView;
-        activeView.removeCuttingPlanes();
-        activeView.delete();
-        this.update();
-    }
-    clearOverlay() {
-        if (!this.visualizeJs)
-            return;
-        this._markup.clearOverlay();
+        const getPoint3dAsArray = (point3d) => {
+            return [point3d.x, point3d.y, point3d.z];
+        };
+        const setOrthogonalCamera = (orthogonal_camera) => {
+            if (orthogonal_camera) {
+                activeView.setView(getPoint3dAsArray(orthogonal_camera.view_point), getPoint3dAsArray(orthogonal_camera.direction), getPoint3dAsArray(orthogonal_camera.up_vector), orthogonal_camera.field_width, orthogonal_camera.field_height, true);
+                this.syncOverlay();
+                this.emitEvent({ type: "changecameramode", mode: "orthographic" });
+            }
+        };
+        const setPerspectiveCamera = (perspective_camera) => { };
+        const setClippingPlanes = (clipping_planes) => {
+            if (clipping_planes) {
+                for (const clipping_plane of clipping_planes) {
+                    const cuttingPlane = new (this.visLib().OdTvPlane)();
+                    cuttingPlane.set(getPoint3dAsArray(clipping_plane.location), getPoint3dAsArray(clipping_plane.direction));
+                    activeView.addCuttingPlane(cuttingPlane);
+                    activeView.setEnableCuttingPlaneFill(true, 0x66, 0x66, 0x66);
+                }
+            }
+        };
+        const setSelection = (selection) => {
+            if (selection)
+                this.setSelected(selection.map((component) => component.handle));
+        };
+        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();
+        setOrthogonalCamera(viewpoint.orthogonal_camera);
+        setPerspectiveCamera(viewpoint.perspective_camera);
+        setClippingPlanes(viewpoint.clipping_planes);
+        setSelection(((_b = viewpoint.custom_fields) === null || _b === void 0 ? void 0 : _b.selection2) || viewpoint.selection);
+        this._markup.setViewpoint(viewpoint);
+        this.setActiveDragger(draggerName);
+        this.emitEvent({ type: "drawviewpoint", data: viewpoint });
         this.update();
     }
-    syncOverlay() {
+    createViewpoint() {
         if (!this.visualizeJs)
-            return;
+            return {};
         const visViewer = this.visViewer();
         const activeView = visViewer.activeView;
-        let overlayView = visViewer.getViewByName(OVERLAY_VIEW_NAME);
-        if (!overlayView) {
-            const markupModel = visViewer.getMarkupModel();
-            const pDevice = visViewer.getActiveDevice();
-            overlayView = pDevice.createView(OVERLAY_VIEW_NAME, false);
-            overlayView.addModel(markupModel);
-            activeView.addSibling(overlayView);
-            pDevice.addView(overlayView);
-        }
-        overlayView.viewPosition = activeView.viewPosition;
-        overlayView.viewTarget = activeView.viewTarget;
-        overlayView.upVector = activeView.upVector;
-        overlayView.viewFieldWidth = activeView.viewFieldWidth;
-        overlayView.viewFieldHeight = activeView.viewFieldHeight;
-        const viewPort = overlayView.getViewport();
-        overlayView.setViewport(viewPort.lowerLeft, viewPort.upperRight);
-        overlayView.vportRect = activeView.vportRect;
-        this._markup.syncOverlay();
-        this.update();
-    }
-    is3D() {
-        if (!this.visualizeJs)
-            return false;
-        const visViewer = this.visViewer();
-        const ext = visViewer.getActiveExtents();
-        const min = ext.min();
-        const max = ext.max();
-        const extHeight = max[2] - min[2];
-        return extHeight !== 0;
+        const getPoint3dFromArray = (array) => {
+            return { x: array[0], y: array[1], z: array[2] };
+        };
+        const getOrthogonalCamera = () => {
+            return {
+                view_point: getPoint3dFromArray(activeView.viewPosition),
+                direction: getPoint3dFromArray(activeView.viewTarget),
+                up_vector: getPoint3dFromArray(activeView.upVector),
+                field_width: activeView.viewFieldWidth,
+                field_height: activeView.viewFieldHeight,
+                view_to_world_scale: 1,
+            };
+        };
+        const getPerspectiveCamera = () => {
+            return undefined;
+        };
+        const getClippingPlanes = () => {
+            const clipping_planes = [];
+            for (let i = 0; i < activeView.numCuttingPlanes(); i++) {
+                const cuttingPlane = activeView.getCuttingPlane(i);
+                const clipping_plane = {
+                    location: getPoint3dFromArray(cuttingPlane.getOrigin()),
+                    direction: getPoint3dFromArray(cuttingPlane.normal()),
+                };
+                clipping_planes.push(clipping_plane);
+            }
+            return clipping_planes;
+        };
+        const getSelection = () => {
+            return this.getSelected().map((handle) => ({ handle }));
+        };
+        const getSelection2 = () => {
+            return this.getSelected2().map((handle) => ({ handle }));
+        };
+        const viewpoint = { custom_fields: {} };
+        viewpoint.orthogonal_camera = getOrthogonalCamera();
+        viewpoint.perspective_camera = getPerspectiveCamera();
+        viewpoint.clipping_planes = getClippingPlanes();
+        viewpoint.selection = getSelection();
+        viewpoint.description = new Date().toDateString();
+        this._markup.getViewpoint(viewpoint);
+        viewpoint.custom_fields.selection2 = getSelection2();
+        this.emitEvent({ type: "createviewpoint", data: viewpoint });
+        return viewpoint;
     }
     screenToWorld(position) {
         if (!this.visualizeJs)
@@ -4296,184 +4567,23 @@ class Viewer extends EventEmitter2 {
             result.z = 1 / z;
         return result;
     }
-    getSelected() {
-        return this.executeCommand("getSelected");
-    }
-    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");
-    }
-    async loadReferences(model) {
-        var _a;
-        if (!this.visualizeJs)
-            return this;
-        if (!this.client)
-            return this;
-        if (!model.getReferences)
-            return this;
-        const abortController = new AbortController();
-        (_a = this._abortControllerForReferences) === null || _a === void 0 ? void 0 : _a.abort();
-        this._abortControllerForReferences = abortController;
-        let references = [];
-        await model
-            .getReferences(abortController.signal)
-            .then((data) => (references = data.references))
-            .catch((e) => console.error("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));
-        }
-        return this;
-    }
-    applyModelTransformMatrix(model) {
-        this.executeCommand("applyModelTransform", model);
+    executeCommand(id, ...args) {
+        return commands.executeCommand(id, this, ...args);
     }
-    applySceneGraphSettings(options = this.options) {
+    addMarkupEntity(entityName) {
         if (!this.visualizeJs)
-            return;
-        const visLib = this.visLib();
+            return null;
+        this.syncOverlay();
         const visViewer = this.visViewer();
-        const device = visViewer.getActiveDevice();
-        if (isExist(options.sceneGraph)) {
-            device.setOptionBool(visLib.DeviceOptions.kDelaySceneGraphProc, !options.sceneGraph);
-        }
-        device.delete();
+        const model = visViewer.getMarkupModel();
+        const entityId = model.appendEntity(entityName);
+        const entityPtr = entityId.openObject();
+        const color = this.getMarkupColor();
+        entityPtr.setColor(color.r, color.g, color.b);
+        entityPtr.setLineWeight(2);
+        entityPtr.delete();
         this.update();
-    }
-    async open(file, params = {}) {
-        if (!this.visualizeJs)
-            return this;
-        this.cancel();
-        this.clear();
-        this.emitEvent({ type: "open", file });
-        let model = file;
-        if (model && typeof model.getModels === "function") {
-            const models = await model.getModels();
-            model = models.find((model) => model.default) || models[0] || file;
-        }
-        if (!model)
-            throw new Error(`Format not supported`);
-        let format = params.format;
-        if (!format && typeof model.type === "string")
-            format = model.type.split(".").pop();
-        if (!format && typeof file === "string")
-            format = file.split(".").pop();
-        if (!format && file instanceof globalThis.File)
-            format = file.name.split(".").pop();
-        const loader = loaders.createLoader(this, model, format);
-        if (!loader)
-            throw new Error(`Format not supported`);
-        this.loaders.push(loader);
-        this.emitEvent({ type: "geometrystart", file, model });
-        try {
-            await this.loadReferences(model);
-            await loader.load(model, format, params);
-        }
-        catch (error) {
-            this.emitEvent({ type: "geometryerror", data: error, file, model });
-            throw error;
-        }
-        this.emitEvent({ type: "geometryend", file, model });
-        if (this.visualizeJs) {
-            this.applyModelTransformMatrix(model);
-            this.applySceneGraphSettings();
-        }
-        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", 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.update(true);
-            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 });
-        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", 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.update(true);
-            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 });
-        return this;
-    }
-    cancel() {
-        var _a;
-        (_a = this._abortControllerForReferences) === null || _a === void 0 ? void 0 : _a.abort();
-        this._abortControllerForReferences = undefined;
-        this.loaders.forEach((loader) => loader.cancel());
-        this.emitEvent({ type: "cancel" });
-        return this;
-    }
-    clear() {
-        if (!this.visualizeJs)
-            return this;
-        const visViewer = this.visViewer();
-        this.setActiveDragger();
-        this.clearSlices();
-        this.clearOverlay();
-        this.clearSelected();
-        this.loaders.forEach((loader) => loader.dispose());
-        this.loaders = [];
-        visViewer.clear();
-        visViewer.createLocalDatabase();
-        this.syncOptions();
-        this.syncOverlay();
-        this.update(true);
-        this.emitEvent({ type: "clear" });
-        return this;
+        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.");
@@ -4490,113 +4600,43 @@ class Viewer extends EventEmitter2 {
     colorizeSelectedMarkups(r = 255, g = 0, b = 0) {
         this._markup.colorizeSelectedMarkups(r, g, b);
     }
-    addMarkupEntity(entityName) {
-        if (!this.visualizeJs)
-            return null;
-        this.syncOverlay();
-        const visViewer = this.visViewer();
-        const model = visViewer.getMarkupModel();
-        const entityId = model.appendEntity(entityName);
-        const entityPtr = entityId.openObject();
-        const color = this.getMarkupColor();
-        entityPtr.setColor(color.r, color.g, color.b);
-        entityPtr.setLineWeight(2);
-        entityPtr.delete();
-        this.update();
-        return entityId;
+    scheduleUpdateAsync(maxScheduleUpdateTimeInMs = 50) {
+        return new Promise((resolve, reject) => {
+            setTimeout(() => {
+                var _a, _b, _c;
+                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", data: false });
+                    resolve();
+                }
+                catch (e) {
+                    console.error(e);
+                    reject();
+                }
+            }, 0);
+        });
     }
-    drawViewpoint(viewpoint) {
-        var _a;
+    async updateAsync(maxScheduleUpdateTimeInMs = 50, maxScheduleUpdateCount = 50) {
         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();
-    }
-    createViewpoint() {
-        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) {
-        return { x: array[0], y: array[1], z: array[2] };
-    }
-    getLogicalPoint3dAsArray(point3d) {
-        return [point3d.x, point3d.y, point3d.z];
-    }
-    getOrthogonalCameraSettings() {
-        const visViewer = this.visViewer();
-        const activeView = visViewer.activeView;
-        return {
-            view_point: this.getPoint3dFromArray(activeView.viewPosition),
-            direction: this.getPoint3dFromArray(activeView.viewTarget),
-            up_vector: this.getPoint3dFromArray(activeView.upVector),
-            field_width: activeView.viewFieldWidth,
-            field_height: activeView.viewFieldHeight,
-            view_to_world_scale: 1,
-        };
-    }
-    setOrthogonalCameraSettings(settings) {
-        const visViewer = this.visViewer();
-        const activeView = visViewer.activeView;
-        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._isRunAsyncUpdate = true;
+        try {
+            const device = this.visViewer().getActiveDevice();
+            for (let iterationCount = 0; !device.isValid() && iterationCount < maxScheduleUpdateCount; iterationCount++) {
+                await this.scheduleUpdateAsync(maxScheduleUpdateTimeInMs);
+            }
+            await this.scheduleUpdateAsync(maxScheduleUpdateTimeInMs);
         }
-    }
-    getClippingPlanes() {
-        const visViewer = this.visViewer();
-        const activeView = visViewer.activeView;
-        const clipping_planes = [];
-        for (let i = 0; i < activeView.numCuttingPlanes(); i++) {
-            const cuttingPlane = activeView.getCuttingPlane(i);
-            const clipping_plane = {
-                location: this.getPoint3dFromArray(cuttingPlane.getOrigin()),
-                direction: this.getPoint3dFromArray(cuttingPlane.normal()),
-            };
-            clipping_planes.push(clipping_plane);
+        catch (e) {
+            console.error(e);
         }
-        return clipping_planes;
-    }
-    setClippingPlanes(clipping_planes) {
-        if (clipping_planes) {
-            const visViewer = this.visViewer();
-            const activeView = visViewer.activeView;
-            for (const clipping_plane of clipping_planes) {
-                const cuttingPlane = new (this.visLib().OdTvPlane)();
-                cuttingPlane.set(this.getLogicalPoint3dAsArray(clipping_plane.location), this.getLogicalPoint3dAsArray(clipping_plane.direction));
-                activeView.addCuttingPlane(cuttingPlane);
-                activeView.setEnableCuttingPlaneFill(true, 0x66, 0x66, 0x66);
-            }
+        finally {
+            this._isRunAsyncUpdate = false;
         }
     }
-    getSelection() {
-        return this.getSelected().map((handle) => ({ handle }));
-    }
-    setSelection(selection) {
-        this.setSelected(selection === null || selection === void 0 ? void 0 : selection.map((component) => component.handle));
-    }
-    executeCommand(id, ...args) {
-        return commands.executeCommand(id, this, ...args);
-    }
     deviceAutoRegeneration() {
         const visViewer = this.visViewer();
         const device = visViewer.getActiveDevice();