@inweb/viewer-visualize 27.10.0 → 27.11.0

package/dist/viewer-visualize.js

@@ -58,7 +58,7 @@
             }
             const { handler, thisArg } = command;
             const result = handler.apply(thisArg, [viewer, ...args]);
-            viewer === null || viewer === void 0 ? void 0 : viewer.emit({ type: "command", data: id, args });
+            viewer === null || viewer === void 0 ? void 0 : viewer.emit({ type: "command", data: id, args, result });
             return result;
         }
     }
@@ -718,6 +718,119 @@
             };
         }
     }
+    class Selector {
+        constructor(models) {
+            this.models = models;
+            this.selected = new Set();
+        }
+        setSelected(handles) {
+            const newSelected = new Set(handles);
+            const toUnhighlight = [];
+            const toHighlight = [];
+            for (const handle of this.selected) {
+                if (!newSelected.has(handle))
+                    toUnhighlight.push(handle);
+            }
+            for (const handle of newSelected) {
+                if (!this.selected.has(handle))
+                    toHighlight.push(handle);
+            }
+            this.selected = newSelected;
+            if (toUnhighlight.length > 0) {
+                this.models.forEach((model) => model.unhighlight(toUnhighlight));
+            }
+            if (toHighlight.length > 0) {
+                this.models.forEach((model) => model.highlight(toHighlight));
+            }
+        }
+        select(handles) {
+            const toHighlight = [];
+            for (const handle of handles) {
+                if (!this.selected.has(handle)) {
+                    this.selected.add(handle);
+                    toHighlight.push(handle);
+                }
+            }
+            if (toHighlight.length > 0) {
+                this.models.forEach((model) => model.highlight(toHighlight));
+            }
+        }
+        deselect(handles) {
+            const toUnhighlight = [];
+            for (const handle of handles) {
+                if (this.selected.delete(handle))
+                    toUnhighlight.push(handle);
+            }
+            if (toUnhighlight.length > 0) {
+                this.models.forEach((model) => model.unhighlight(toUnhighlight));
+            }
+        }
+        clearSelected() {
+            if (this.selected.size === 0)
+                return;
+            const toUnhighlight = Array.from(this.selected);
+            this.selected.clear();
+            this.models.forEach((model) => model.unhighlight(toUnhighlight));
+        }
+    }
+    class VisibilityManager {
+        constructor(models) {
+            this.models = models;
+            this.defaultVisible = true;
+            this.exceptions = new Set();
+        }
+        get hidden() {
+            if (this.defaultVisible)
+                return this.exceptions;
+            else if (this.exceptions.size > 0)
+                return new Set();
+            else
+                return new Set(["$all"]);
+        }
+        get isolated() {
+            if (!this.defaultVisible)
+                return this.exceptions;
+            else
+                return new Set();
+        }
+        hide(handles) {
+            for (const handle of handles) {
+                if (this.defaultVisible)
+                    this.exceptions.add(handle);
+                else
+                    this.exceptions.delete(handle);
+            }
+            if (handles.length > 0) {
+                this.models.forEach((model) => model.hide(handles));
+            }
+        }
+        hideAll() {
+            this.defaultVisible = false;
+            this.exceptions.clear();
+            this.models.forEach((model) => model.hideAll());
+        }
+        isolate(handles) {
+            this.defaultVisible = false;
+            this.exceptions = new Set(handles);
+            this.models.forEach((model) => model.isolate(handles));
+        }
+        show(handles) {
+            for (const handle of handles) {
+                if (this.defaultVisible)
+                    this.exceptions.delete(handle);
+                else
+                    this.exceptions.add(handle);
+            }
+            if (handles.length > 0) {
+                this.models.forEach((model) => model.show(handles));
+            }
+        }
+        showAll() {
+            this.defaultVisible = true;
+            this.exceptions.clear();
+            this.models.forEach((model) => model.showAll());
+        }
+    }
 
     class OdaGeAction {
         constructor(module) {
@@ -848,21 +961,21 @@
             this.pointermove = this.pointermove.bind(this);
             this.click = this.click.bind(this);
             this.dblclick = this.dblclick.bind(this);
-            this.subject.addEventListener("pointerdown", this.pointerdown);
-            this.subject.addEventListener("pointerup", this.pointerup);
-            this.subject.addEventListener("pointercancel", this.pointercancel);
-            this.subject.addEventListener("pointermove", this.pointermove);
-            this.subject.addEventListener("click", this.click);
-            this.subject.addEventListener("dblclick", this.dblclick);
+            this.subject.canvas.addEventListener("pointerdown", this.pointerdown);
+            this.subject.canvas.addEventListener("pointerup", this.pointerup);
+            this.subject.canvas.addEventListener("pointercancel", this.pointercancel);
+            this.subject.canvas.addEventListener("pointermove", this.pointermove);
+            this.subject.canvas.addEventListener("click", this.click);
+            this.subject.canvas.addEventListener("dblclick", this.dblclick);
             this.getViewer().setEnableAutoSelect(false);
         }
         dispose() {
-            this.subject.removeEventListener("pointerdown", this.pointerdown);
-            this.subject.removeEventListener("pointerup", this.pointerup);
-            this.subject.removeEventListener("pointercancel", this.pointercancel);
-            this.subject.removeEventListener("pointermove", this.pointermove);
-            this.subject.removeEventListener("click", this.click);
-            this.subject.removeEventListener("dblclick", this.dblclick);
+            this.subject.canvas.removeEventListener("pointerdown", this.pointerdown);
+            this.subject.canvas.removeEventListener("pointerup", this.pointerup);
+            this.subject.canvas.removeEventListener("pointercancel", this.pointercancel);
+            this.subject.canvas.removeEventListener("pointermove", this.pointermove);
+            this.subject.canvas.removeEventListener("click", this.click);
+            this.subject.canvas.removeEventListener("dblclick", this.dblclick);
         }
         relativeCoords(event) {
             return { x: event.offsetX * window.devicePixelRatio, y: event.offsetY * window.devicePixelRatio };
@@ -908,25 +1021,37 @@
             }
         }
         click(ev) {
-            const viewer = this.getViewer();
             const relCoord = this.relativeCoords(ev);
             const x = relCoord.x;
             const y = relCoord.y;
             const isNotDragging = Math.abs(x - this.mouseDownPosition.x) < CLICK_DELTA && Math.abs(y - this.mouseDownPosition.y) < CLICK_DELTA;
             if (this.autoSelect && isNotDragging) {
-                viewer.unselect();
-                viewer.select(x, y, x, y);
-                this.subject.update();
-                const selectionSet = viewer.getSelected();
-                this.subject.emitEvent({ type: "select", data: selectionSet, handles: this.subject.getSelected() });
-                this.subject.emitEvent({ type: "select2", data: selectionSet, handles: this.subject.getSelected2() });
+                const viewer = this.getViewer();
+                const view = viewer.activeView;
+                const model = viewer.getActiveModel();
+                const opt = new this.m_module.OdTvSelectionOptions();
+                opt.setMode(this.m_module.SelectionMode.kPoint);
+                const selectionSet = view.select([x, y], opt, model);
+                const handles = this.subject.models[0].getHandlesBySelectionSet(selectionSet);
+                selectionSet.delete();
+                opt.delete();
+                if (handles.length > 0) {
+                    if (!ev.shiftKey)
+                        this.subject.setSelected(handles);
+                    else
+                        this.subject.toggleSelection(handles);
+                }
+                else {
+                    if (!ev.shiftKey)
+                        this.subject.clearSelected();
+                }
             }
         }
         dblclick(ev) {
-            const viewer = this.getViewer();
             const relCoord = this.relativeCoords(ev);
             const x = relCoord.x;
             const y = relCoord.y;
+            const viewer = this.getViewer();
             const device = viewer.getActiveDevice();
             const clickView = device.viewAt([x, y]);
             if (clickView && !clickView.active) {
@@ -935,15 +1060,7 @@
                 this.subject.update();
             }
             else if (this.autoSelect) {
-                const pSelected = viewer.getSelected();
-                if (!pSelected.isNull() && pSelected.numItems() !== 0) {
-                    const itr = pSelected.getIterator();
-                    const entity = itr.getEntity();
-                    viewer.zoomToEntity(entity);
-                    this.subject.emitEvent({ type: "zoomtoentity", data: entity });
-                    this.subject.update();
-                    this.deleteAll([itr, entity]);
-                }
+                this.subject.zoomToSelected();
             }
             device.delete();
         }
@@ -2557,27 +2674,29 @@
             }
         }
         getCenter() {
+            const handles = this._subject.getSelected();
+            const selectionSet = this._subject.models[0].getSelectionSetByHandles(handles);
             const viewer = this.getViewer();
             let center;
-            const pSet = viewer.getSelected();
-            if (!pSet.isNull() && pSet.numItems() !== 0) {
-                const itr = pSet.getIterator();
-                let ext, entId, extSelected;
-                for (; !itr.done(); itr.step()) {
-                    entId = itr.getEntity();
-                    ext = entId.getWCSExtents();
+            if (selectionSet.numItems() > 0) {
+                let extSelected;
+                const itemItr = selectionSet.getIterator();
+                while (!itemItr.done()) {
+                    const entityId = itemItr.getEntity();
+                    const entityExt = entityId.getWCSExtents();
                     if (extSelected)
-                        extSelected.addExt(ext);
+                        extSelected.addExt(entityExt);
                     else
-                        extSelected = ext;
+                        extSelected = entityExt;
+                    itemItr.step();
                 }
+                itemItr.delete();
                 center = extSelected.center();
-                extSelected.delete();
-                itr.delete();
             }
             else {
                 center = viewer.getActiveExtents().center();
             }
+            selectionSet.delete();
             return center;
         }
         getViewer() {
@@ -2756,14 +2875,14 @@
         constructor(subject) {
             super(subject);
             this.wheel = this.wheel.bind(this);
-            this.subject.addEventListener("wheel", this.wheel);
+            this.subject.canvas.addEventListener("wheel", this.wheel);
             this._zoomAction = new ZoomAction(this.m_module, this.subject);
             this._endInteractivityTimeOutId = undefined;
             this._isEnableInteractivityMode = false;
         }
         dispose() {
             super.dispose();
-            this.subject.removeEventListener("wheel", this.wheel);
+            this.subject.canvas.removeEventListener("wheel", this.wheel);
             if (this._endInteractivityTimeOutId) {
                 clearTimeout(this._endInteractivityTimeOutId);
                 this.endInteractivity();
@@ -2994,28 +3113,31 @@
             this.endInteractivity();
         }
         getCenter() {
+            const handles = this.subject.getSelected();
+            const selectionSet = this.subject.models[0].getSelectionSetByHandles(handles);
             const viewer = this.getViewer();
             let ext = viewer.getActiveExtents();
-            const pSet = viewer.getSelected();
-            if (!pSet.isNull() && pSet.numItems() !== 0) {
-                const itr = pSet.getIterator();
-                const entId = itr.getEntity();
-                if (entId.getType() === 1) {
-                    const obj = entId.openObject();
+            if (selectionSet.numItems() > 0) {
+                const itemItr = selectionSet.getIterator();
+                const entityId = itemItr.getEntity();
+                const type = entityId.getType();
+                if (type === this.m_module.OdTvEntityType.kEntity.value) {
+                    const obj = entityId.openObject();
                     ext.delete();
                     ext = obj.getExtents();
                     obj.delete();
                 }
-                else if (entId.getType() === 2) {
-                    const obj = entId.openObjectAsInsert();
+                else if (type === this.m_module.OdTvEntityType.kInsert.value) {
+                    const obj = entityId.openObjectAsInsert();
                     const extTuple = obj.getExtents();
                     ext.delete();
                     ext = extTuple.ext;
                     extTuple.delete();
                     obj.delete();
                 }
-                itr.delete();
+                itemItr.delete();
             }
+            selectionSet.delete();
             const center = ext.center();
             ext.delete();
             return center;
@@ -3198,38 +3320,40 @@
     }
 
     function clearSelected(viewer) {
-        if (!viewer.visualizeJs)
-            return;
-        const visViewer = viewer.visViewer();
-        visViewer.unselect();
+        viewer.selector.clearSelected();
+        viewer.emitEvent({ type: "select" });
+        viewer.emitEvent({ type: "select2" });
         viewer.update();
-        viewer.emitEvent({ type: "select", handles: [] });
-        viewer.emitEvent({ type: "select2", handles: [] });
     }
 
     function clearSlices(viewer) {
         viewer.clearSlices();
     }
 
-    function getSnapshot(viewer, type, quality) {
-        var _a, _b, _c;
-        if (!viewer.visualizeJs)
-            return "";
-        const mimeType = (_a = type !== null && type !== void 0 ? type : viewer.options.snapshotMimeType) !== null && _a !== void 0 ? _a : "image/jpeg";
-        const imageQuality = (_b = quality !== null && quality !== void 0 ? quality : viewer.options.snapshotQuality) !== null && _b !== void 0 ? _b : 0.25;
-        if (viewer.markup) {
-            return viewer.markup.getSnapshot(mimeType, imageQuality);
-        }
-        return ((_c = viewer.canvas) === null || _c === void 0 ? void 0 : _c.toDataURL(mimeType, imageQuality)) || "";
+    function toHandles(viewer, handles2) {
+        if (!Array.isArray(handles2))
+            handles2 = [handles2];
+        if (handles2.length === 0)
+            return handles2;
+        if (!handles2[0].includes(":"))
+            return handles2;
+        const handles = handles2.map((handle) => handle.slice(handle.indexOf(":") + 1));
+        return handles;
     }
 
-    function explode(viewer, index = 0) {
-        if (!viewer.visualizeJs)
-            return;
-        const visViewer = viewer.visViewer();
-        visViewer.explode(index);
+    function deselect(viewer, handles = []) {
+        handles = toHandles(viewer, handles);
+        viewer.selector.deselect(handles);
+        viewer.emitEvent({ type: "select" });
+        viewer.emitEvent({ type: "select2" });
+        viewer.update();
+    }
+
+    function explode(viewer, scale = 0) {
+        viewer.models.forEach((model) => model.explode(scale));
+        viewer.explodeScale = scale;
         viewer.update();
-        viewer.emitEvent({ type: "explode", data: index });
+        viewer.emitEvent({ type: "explode", data: scale });
     }
     function collect(viewer) {
         explode(viewer, 0);
@@ -3243,78 +3367,102 @@
         return Object.keys(defViewPos).filter((x) => x !== "values");
     }
 
+    function toHandles2(viewer, handles) {
+        if (!Array.isArray(handles))
+            handles = [handles];
+        if (handles.length === 0)
+            return handles;
+        if (handles[0].includes(":"))
+            return handles;
+        const model = viewer.models[0];
+        const handles2 = handles.map((handle) => `${model.id}:${handle}`);
+        return handles2;
+    }
+
+    function getHidden(viewer, multimodel = false) {
+        const handles = Array.from(viewer.visibilityManager.hidden);
+        return multimodel ? toHandles2(viewer, handles) : handles;
+    }
+
+    function getIsolated(viewer, multimodel = false) {
+        const handles = Array.from(viewer.visibilityManager.isolated);
+        return multimodel ? toHandles2(viewer, handles) : handles;
+    }
+
     function getModels(viewer) {
-        if (!viewer.visualizeJs)
-            return [];
         const visViewer = viewer.visViewer();
         const handles = [];
         const modelItr = visViewer.getModelIterator();
-        for (; !modelItr.done(); modelItr.step()) {
+        while (!modelItr.done()) {
             const modelPtr = modelItr.getModel();
             if (modelPtr.getName()[0] !== "$")
                 handles.push(modelPtr.getDatabaseHandle());
+            modelItr.step();
         }
         modelItr.delete();
         return handles;
     }
 
-    function getSelected(viewer) {
-        if (!viewer.visualizeJs)
-            return [];
-        const visViewer = viewer.visViewer();
-        const handles = [];
-        const selectionSet = visViewer.getSelected();
-        if (!selectionSet.isNull() && selectionSet.numItems() !== 0) {
-            const itr = selectionSet.getIterator();
-            for (; !itr.done(); itr.step()) {
-                const entityId = itr.getEntity();
-                const entityPtr = entityId.getType() === 1
-                    ? entityId.openObject()
-                    : entityId.getType() === 2
-                        ? entityId.openObjectAsInsert()
-                        : null;
-                if (entityPtr) {
-                    const handle = entityPtr.getNativeDatabaseHandle();
-                    if (handle !== "-1")
-                        handles.push(handle);
-                    entityPtr.delete();
-                }
-            }
-            itr.delete();
-        }
-        return handles;
+    function getSelected(viewer, multimodel = false) {
+        const handles = Array.from(viewer.selector.selected);
+        return multimodel ? toHandles2(viewer, handles) : handles;
     }
 
     function getSelected2(viewer) {
-        const handles = viewer.executeCommand("getSelected");
-        const model = viewer.models[0];
-        const handles2 = handles.map((handle) => `${model.id}:${handle}`);
-        return handles2;
+        console.warn("getSelected2 command has been deprecated since 27.11 and will be removed in a future release, use getSelected instead");
+        return viewer.executeCommand("getSelected", true);
     }
 
-    function hideSelected(viewer) {
+    function getSnapshot(viewer, type, quality) {
+        var _a, _b, _c;
         if (!viewer.visualizeJs)
-            return;
-        const visViewer = viewer.visViewer();
-        visViewer.hideSelectedObjects(false);
-        viewer.update();
+            return "";
+        const mimeType = (_a = type !== null && type !== void 0 ? type : viewer.options.snapshotMimeType) !== null && _a !== void 0 ? _a : "image/jpeg";
+        const imageQuality = (_b = quality !== null && quality !== void 0 ? quality : viewer.options.snapshotQuality) !== null && _b !== void 0 ? _b : 0.25;
+        if (viewer.markup) {
+            return viewer.markup.getSnapshot(mimeType, imageQuality);
+        }
+        return ((_c = viewer.canvas) === null || _c === void 0 ? void 0 : _c.toDataURL(mimeType, imageQuality)) || "";
+    }
+
+    function hide(viewer, handles) {
+        handles = toHandles(viewer, handles);
+        viewer.deselect(handles);
+        viewer.visibilityManager.hide(handles);
         viewer.emitEvent({ type: "hide" });
-        viewer.emitEvent({ type: "select", handles: [] });
-        viewer.emitEvent({ type: "select2", handles: [] });
+        viewer.update();
     }
 
-    function isolateSelected(viewer) {
-        if (!viewer.visualizeJs)
-            return;
-        const visViewer = viewer.visViewer();
-        visViewer.isolateSelectedObjects(false);
+    function hideAll(viewer) {
+        viewer.clearSelected();
+        viewer.visibilityManager.hideAll();
+        viewer.emitEvent({ type: "hideall" });
         viewer.update();
+    }
+
+    function hideSelected(viewer) {
+        viewer.hide(viewer.getSelected(false));
+    }
+
+    function isolate(viewer, handles) {
+        handles = toHandles(viewer, handles);
+        const handlesSet = new Set(handles);
+        const toDeselect = [];
+        for (const handle of viewer.selector.selected) {
+            if (!handlesSet.has(handle))
+                toDeselect.push(handle);
+        }
+        viewer.deselect(toDeselect);
+        viewer.visibilityManager.isolate(handles);
         viewer.emitEvent({ type: "isolate" });
+        viewer.update();
+    }
+
+    function isolateSelected(viewer) {
+        viewer.isolate(viewer.getSelected(false));
     }
 
     function regenerateAll(viewer) {
-        if (!viewer.visualizeJs)
-            return;
         const visViewer = viewer.visViewer();
         visViewer.regenAll();
         viewer.update();
@@ -3322,8 +3470,6 @@
     }
 
     function resetView(viewer) {
-        if (!viewer.visualizeJs)
-            return;
         viewer.executeCommand("setActiveDragger");
         viewer.executeCommand("clearSlices");
         viewer.executeCommand("clearOverlay");
@@ -3331,29 +3477,35 @@
         viewer.executeCommand("clearSelected");
         viewer.executeCommand("showAll");
         viewer.executeCommand("explode", 0);
-        viewer.executeCommand("zoomToExtents", true);
+        viewer.executeCommand("zoomExtents");
         viewer.emit({ type: "resetview" });
     }
 
+    function select(viewer, handles = []) {
+        handles = toHandles(viewer, handles);
+        viewer.show(handles);
+        viewer.selector.select(handles);
+        viewer.emitEvent({ type: "select" });
+        viewer.emitEvent({ type: "select2" });
+        viewer.update();
+    }
+
     function selectModel(viewer, handle) {
-        if (!viewer.visualizeJs)
-            return;
+        let handles = [];
         const visViewer = viewer.visViewer();
-        const activeView = visViewer.activeView;
         const modelItr = visViewer.getModelIterator();
-        for (; !modelItr.done(); modelItr.step()) {
-            const modelPtr = modelItr.getModel();
-            if (modelPtr.getDatabaseHandle() === handle) {
-                const selectionSet = activeView.selectCrossing([0, 9999, 9999, 0], modelPtr);
-                visViewer.setSelected(selectionSet);
-                viewer.update();
-                viewer.emitEvent({ type: "select", handles: viewer.getSelected() });
-                viewer.emitEvent({ type: "select2", handles: viewer.getSelected2() });
-                selectionSet.delete();
+        while (!modelItr.done()) {
+            const model = modelItr.getModel();
+            if (model.getDatabaseHandle() === handle) {
+                const entityItr = model.getEntitiesIterator();
+                handles = viewer.models[0].getHandlesByEntityIterator(entityItr);
+                entityItr.delete();
                 break;
             }
+            modelItr.step();
         }
         modelItr.delete();
+        viewer.setSelected(handles);
     }
 
     function setActiveDragger(viewer, dragger = "") {
@@ -3375,94 +3527,74 @@
         viewer.markup.setMarkupColor(r, g, b);
     }
 
-    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.forEach((handle) => {
-            const entityId = visViewer.getEntityByOriginalHandle(handle + "");
-            if (!entityId.isNull())
-                selectionSet.appendEntity(entityId);
-        });
-        visViewer.setSelected(selectionSet);
+    function setSelected(viewer, handles = []) {
+        handles = toHandles(viewer, handles);
+        viewer.show(handles);
+        viewer.selector.setSelected(handles);
+        viewer.emitEvent({ type: "select" });
+        viewer.emitEvent({ type: "select2" });
         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);
+        console.warn("setSelected2 command has been deprecated since 27.11 and will be removed in a future release, use setSelected instead");
+        return viewer.executeCommand("setSelected", handles2);
     }
 
-    function showAll(viewer) {
-        if (!viewer.visualizeJs)
-            return;
-        const visViewer = viewer.visViewer();
-        visViewer.unisolateSelectedObjects(false);
+    function show(viewer, handles) {
+        handles = toHandles(viewer, handles);
+        viewer.visibilityManager.show(handles);
+        viewer.emitEvent({ type: "show" });
         viewer.update();
+    }
+
+    function showAll(viewer) {
+        viewer.visibilityManager.showAll();
         viewer.emitEvent({ type: "showall" });
+        viewer.update();
     }
 
-    function zoomToExtents(viewer, force = false, animate = viewer.options.cameraAnimation) {
-        if (!viewer.visualizeJs)
-            return;
-        const visViewer = viewer.visViewer();
-        const saveEnableAmination = visViewer.getEnableAnimation();
-        visViewer.setEnableAnimation(animate);
-        visViewer.zoomExtents(force);
-        visViewer.update();
-        visViewer.setEnableAnimation(saveEnableAmination);
-        viewer.deviceAutoRegeneration();
+    function toggleSelection(viewer, handles = []) {
+        handles = toHandles(viewer, handles);
+        if (viewer.selector.selected.has(handles[0])) {
+            viewer.selector.deselect(handles);
+        }
+        else {
+            viewer.show(handles);
+            viewer.selector.select(handles);
+        }
+        viewer.emitEvent({ type: "select" });
+        viewer.emitEvent({ type: "select2" });
         viewer.update();
-        viewer.emitEvent({ type: "zoom" });
     }
 
-    function zoomToObjects(viewer, handles = []) {
-        var _a;
-        if (!viewer.visualizeJs)
-            return;
-        const visLib = viewer.visLib();
+    function zoomExtents(viewer) {
         const visViewer = viewer.visViewer();
-        const selectionSet = new visLib.OdTvSelectionSet();
-        handles.forEach((handle) => {
-            const entityId = visViewer.getEntityByOriginalHandle(handle + "");
-            if (!entityId.isNull())
-                selectionSet.appendEntity(entityId);
-        });
-        (_a = visViewer.zoomToObjects) === null || _a === void 0 ? void 0 : _a.call(visViewer, selectionSet);
+        visViewer.zoomExtents(true);
         viewer.deviceAutoRegeneration();
         viewer.update();
         viewer.emitEvent({ type: "zoom" });
-        selectionSet.delete();
     }
 
-    function zoomToSelected(viewer) {
+    function zoomTo(viewer, handles = []) {
         var _a;
-        if (!viewer.visualizeJs)
-            return;
+        handles = toHandles(viewer, handles);
         const visViewer = viewer.visViewer();
-        const selectionSet = visViewer.getSelected();
-        (_a = visViewer.zoomToObjects) === null || _a === void 0 ? void 0 : _a.call(visViewer, selectionSet);
+        const selectionSet = viewer.models[0].getSelectionSetByHandles(handles);
+        if (selectionSet.numItems() > 0)
+            (_a = visViewer.zoomToObjects) === null || _a === void 0 ? void 0 : _a.call(visViewer, selectionSet);
+        else
+            visViewer.zoomExtents(false);
+        selectionSet.delete();
         viewer.deviceAutoRegeneration();
         viewer.update();
         viewer.emitEvent({ type: "zoom" });
     }
 
+    function zoomToSelected(viewer) {
+        zoomTo(viewer, viewer.getSelected(false));
+    }
+
     function isTemplateModel(modelPtr) {
         return modelPtr.getName()[0] === "$";
     }
@@ -3525,26 +3657,35 @@
     commands.registerCommand("clearMarkup", clearMarkup);
     commands.registerCommand("clearSelected", clearSelected);
     commands.registerCommand("clearSlices", clearSlices);
-    commands.registerCommand("getSnapshot", getSnapshot);
-    commands.registerCommand("explode", explode);
     commands.registerCommand("collect", collect);
+    commands.registerCommand("deselect", deselect);
+    commands.registerCommand("explode", explode);
+    commands.registerCommand("getSnapshot", getSnapshot);
     commands.registerCommand("getDefaultViewPositions", getDefaultViewPositions);
+    commands.registerCommand("getHidden", getHidden);
+    commands.registerCommand("getIsolated", getIsolated);
     commands.registerCommand("getModels", getModels);
     commands.registerCommand("getSelected", getSelected);
     commands.registerCommand("getSelected2", getSelected2);
+    commands.registerCommand("hide", hide);
+    commands.registerCommand("hideAll", hideAll);
     commands.registerCommand("hideSelected", hideSelected);
+    commands.registerCommand("isolate", isolate);
     commands.registerCommand("isolateSelected", isolateSelected);
     commands.registerCommand("regenerateAll", regenerateAll);
     commands.registerCommand("resetView", resetView);
+    commands.registerCommand("select", select);
     commands.registerCommand("selectModel", selectModel);
     commands.registerCommand("setActiveDragger", setActiveDragger);
     commands.registerCommand("setDefaultViewPosition", setDefaultViewPosition);
     commands.registerCommand("setMarkupColor", setMarkupColor);
     commands.registerCommand("setSelected", setSelected);
     commands.registerCommand("setSelected2", setSelected2);
+    commands.registerCommand("show", show);
     commands.registerCommand("showAll", showAll);
-    commands.registerCommand("zoomToExtents", zoomToExtents);
-    commands.registerCommand("zoomToObjects", zoomToObjects);
+    commands.registerCommand("toggleSelection", toggleSelection);
+    commands.registerCommand("zoomExtents", zoomExtents);
+    commands.registerCommand("zoomTo", zoomTo);
     commands.registerCommand("zoomToSelected", zoomToSelected);
     commands.registerCommand("autoTransformAllModelsToCentralPoint", autoTransformAllModelsToCentralPoint);
     commands.registerCommand("top", (viewer) => setDefaultViewPosition(viewer, "k3DViewTop"));
@@ -3560,7 +3701,8 @@
     commands.registerCommandAlias("clearMarkup", "clearOverlay");
     commands.registerCommandAlias("clearSelected", "unselect");
     commands.registerCommandAlias("getSnapshot", "createPreview");
-    commands.registerCommandAlias("zoomToExtents", "zoomExtents");
+    commands.registerCommandAlias("zoomExtents", "zoomToExtents");
+    commands.registerCommandAlias("zoomTo", "zoomToObjects");
     commands.registerCommandAlias("top", "k3DViewTop");
     commands.registerCommandAlias("bottom", "k3DViewBottom");
     commands.registerCommandAlias("left", "k3DViewLeft");
@@ -4024,10 +4166,120 @@
     components.registerComponent("ResetComponent", (viewer) => new ResetComponent(viewer));
 
     class ModelImpl {
-        constructor() {
+        constructor(visualizeJs) {
             this.id = "";
+            this.id = "";
+            this.visualizeJs = visualizeJs;
         }
         dispose() { }
+        initialize() {
+        }
+        getHandlesByEntityIterator(iterator) {
+            const handles2 = [];
+            while (!iterator.done()) {
+                const entityId = iterator.getEntity();
+                const entityType = entityId.getType();
+                let entityPtr = null;
+                if (entityType === this.visualizeJs.OdTvEntityType.kEntity.value)
+                    entityPtr = entityId.openObject();
+                if (entityType === this.visualizeJs.OdTvEntityType.kInsert.value)
+                    entityPtr = entityId.openObjectAsInsert();
+                if (entityPtr) {
+                    const handle = entityPtr.getNativeDatabaseHandle();
+                    if (handle !== "-1")
+                        handles2.push(handle);
+                    entityPtr.delete();
+                }
+                iterator.step();
+            }
+            return handles2;
+        }
+        getHandlesBySelectionSet(selectionSet) {
+            const iterator = selectionSet.getIterator();
+            const handles = this.getHandlesByEntityIterator(iterator);
+            iterator.delete();
+            return handles;
+        }
+        getSelectionSetByHandles(handles) {
+            const viewer = this.visualizeJs.getViewer();
+            const selectionSet = viewer.getEntitySetByOriginalHandles(handles);
+            return selectionSet;
+        }
+        hide(handles) {
+            const viewer = this.visualizeJs.getViewer();
+            const model = viewer.getActiveModel();
+            const selectionSet = this.getSelectionSetByHandles(handles);
+            model.hideBySelectionSet(selectionSet, false);
+            selectionSet.delete();
+            return this;
+        }
+        hideAll() {
+            const viewer = this.visualizeJs.getViewer();
+            const model = viewer.getActiveModel();
+            const selectionSet = new this.visualizeJs.OdTvSelectionSet();
+            const entityItr = model.getEntitiesIterator();
+            while (!entityItr.done()) {
+                const entityId = entityItr.getEntity();
+                const entityType = entityId.getType();
+                const isEntity = entityType === this.visualizeJs.OdTvEntityType.kEntity.value;
+                const isInsert = entityType === this.visualizeJs.OdTvEntityType.kInsert.value;
+                if (isEntity || isInsert)
+                    selectionSet.appendEntity(entityId);
+                entityItr.step();
+            }
+            entityItr.delete();
+            model.hideBySelectionSet(selectionSet, false);
+            selectionSet.delete();
+            return this;
+        }
+        isolate(handles) {
+            if (handles.length > 0) {
+                const viewer = this.visualizeJs.getViewer();
+                const model = viewer.getActiveModel();
+                const selectionSet = this.getSelectionSetByHandles(handles);
+                model.isolateBySelectionSet(selectionSet, false);
+                selectionSet.delete();
+            }
+            else {
+                this.hideAll();
+            }
+            return this;
+        }
+        show(handles) {
+            const viewer = this.visualizeJs.getViewer();
+            const model = viewer.getActiveModel();
+            const selectionSet = this.getSelectionSetByHandles(handles);
+            model.unHideBySelectionSet(selectionSet, true, false);
+            selectionSet.delete();
+            return this;
+        }
+        showAll() {
+            const viewer = this.visualizeJs.getViewer();
+            const model = viewer.getActiveModel();
+            model.unIsolate(false);
+            return this;
+        }
+        highlight(handles) {
+            const viewer = this.visualizeJs.getViewer();
+            const view = viewer.activeView;
+            const selectionSet = this.getSelectionSetByHandles(handles);
+            view.highlightAll(selectionSet, true);
+            selectionSet.delete();
+            return this;
+        }
+        unhighlight(handles) {
+            const viewer = this.visualizeJs.getViewer();
+            const view = viewer.activeView;
+            const selectionSet = this.getSelectionSetByHandles(handles);
+            view.highlightAll(selectionSet, false);
+            selectionSet.delete();
+            return this;
+        }
+        explode(scale, coeff = 4) {
+            const viewer = this.visualizeJs.getViewer();
+            viewer.explode(scale);
+            return this;
+        }
     }
 
     class FileLoader {
@@ -4139,8 +4391,9 @@
                 console.error("VSF parse error.", error);
                 throw error;
             }
-            const modelImpl = new ModelImpl();
+            const modelImpl = new ModelImpl(this.viewer.visualizeJs);
             modelImpl.id = params.modelId || this.extractFileName(file);
+            modelImpl.initialize();
             this.viewer.models.push(modelImpl);
             this.viewer.syncOptions();
             this.viewer.syncOverlay();
@@ -4161,7 +4414,7 @@
                 typeof file.downloadResource === "function" &&
                 /.data$/i.test(file.database));
         }
-        async load(model, format) {
+        async load(model, format, params = {}) {
             if (!this.viewer.visualizeJs)
                 return this;
             const visViewer = this.viewer.visViewer();
@@ -4184,8 +4437,9 @@
                     throw error;
                 }
                 if (i === 0) {
-                    const modelImpl = new ModelImpl();
-                    modelImpl.id = model.file.id;
+                    const modelImpl = new ModelImpl(this.viewer.visualizeJs);
+                    modelImpl.id = params.modelId || model.file.id;
+                    modelImpl.initialize();
                     this.viewer.models.push(modelImpl);
                     this.viewer.syncOptions();
                     this.viewer.syncOverlay();
@@ -4234,8 +4488,9 @@
                 console.error("VSFX parse error.", error);
                 throw error;
             }
-            const modelImpl = new ModelImpl();
+            const modelImpl = new ModelImpl(this.viewer.visualizeJs);
             modelImpl.id = params.modelId || this.extractFileName(file);
+            modelImpl.initialize();
             this.viewer.models.push(modelImpl);
             this.viewer.syncOptions();
             this.viewer.syncOverlay();
@@ -4257,7 +4512,7 @@
                 /.vsfx$/i.test(file.database) &&
                 this.viewer.options.enableStreamingMode === false);
         }
-        async load(model) {
+        async load(model, format, params = {}) {
             if (!this.viewer.visualizeJs)
                 return Promise.resolve(this);
             const visViewer = this.viewer.visViewer();
@@ -4275,8 +4530,9 @@
                 console.error("VSFX parse error.", error);
                 throw error;
             }
-            const modelImpl = new ModelImpl();
-            modelImpl.id = model.file.id;
+            const modelImpl = new ModelImpl(this.viewer.visualizeJs);
+            modelImpl.id = params.modelId || model.file.id;
+            modelImpl.initialize();
             this.viewer.models.push(modelImpl);
             this.viewer.syncOptions();
             this.viewer.syncOverlay();
@@ -4300,7 +4556,7 @@
                 this.viewer.options.enablePartialMode === false &&
                 !/.rcs$/i.test(file.type));
         }
-        async load(model) {
+        async load(model, format, params = {}) {
             if (!this.viewer.visualizeJs)
                 return this;
             const visLib = this.viewer.visLib();
@@ -4325,8 +4581,9 @@
                     isDatabaseChunk = true;
                 }
                 if (isDatabaseChunk) {
-                    const modelImpl = new ModelImpl();
-                    modelImpl.id = model.file.id;
+                    const modelImpl = new ModelImpl(this.viewer.visualizeJs);
+                    modelImpl.id = params.modelId || model.file.id;
+                    modelImpl.initialize();
                     this.viewer.models.push(modelImpl);
                     this.viewer.syncOptions();
                     this.viewer.syncOverlay();
@@ -4359,7 +4616,7 @@
                 /.vsfx$/i.test(file.database) &&
                 (this.viewer.options.enablePartialMode === true || /.rcs$/i.test(file.type)));
         }
-        async load(model) {
+        async load(model, format, params = {}) {
             if (!this.viewer.visualizeJs)
                 return this;
             const visViewer = this.viewer.visViewer();
@@ -4383,8 +4640,9 @@
                 }
                 this.viewer.emitEvent({ type: "geometryprogress", data: progress, file: model.file, model });
                 if (isDatabaseChunk) {
-                    const modelImpl = new ModelImpl();
-                    modelImpl.id = model.file.id;
+                    const modelImpl = new ModelImpl(this.viewer.visualizeJs);
+                    modelImpl.id = params.modelId || model.file.id;
+                    modelImpl.initialize();
                     this.viewer.models.push(modelImpl);
                     this.viewer.syncOptions();
                     this.viewer.syncOverlay();
@@ -18486,9 +18744,12 @@ js: import "konva/skia-backend";
             this.info = new Info();
             this.canvasEvents = CANVAS_EVENTS.slice();
             this.canvaseventlistener = (event) => this.emit(event);
+            this.selector = new Selector(this.models);
+            this.visibilityManager = new VisibilityManager(this.models);
+            this.explodeScale = 0;
             this._visualizeTimestamp = 0;
             this._activeDragger = null;
-            this._components = [];
+            this._components = new Map();
             this._renderNeeded = false;
             this._renderTime = 0;
             this._enableAutoUpdate = (_a = params.enableAutoUpdate) !== null && _a !== void 0 ? _a : true;
@@ -18555,7 +18816,7 @@ js: import "konva/skia-backend";
             for (const name of components.getComponents().keys()) {
                 const component = components.createComponent(name, this);
                 if (component)
-                    this._components.push(component);
+                    this._components.set(name, component);
             }
             this.syncOptions();
             this.syncOverlay();
@@ -18571,7 +18832,7 @@ js: import "konva/skia-backend";
             this.removeAllListeners();
             this.setActiveDragger();
             this._components.forEach((component) => component.dispose());
-            this._components.length = 0;
+            this._components.clear();
             this._markup.dispose();
             if (this.canvas) {
                 this.canvasEvents.forEach((x) => this.canvas.removeEventListener(x, this.canvaseventlistener));
@@ -18602,8 +18863,8 @@ js: import "konva/skia-backend";
         }
         update(force = false) {
             const time = performance.now();
-            if (typeof force === "number" && time - this._renderTime >= force)
-                force = true;
+            if (typeof force === "number")
+                force = time - this._renderTime >= force;
             if (this._enableAutoUpdate) {
                 this._renderNeeded = true;
                 if (force)
@@ -18892,30 +19153,66 @@ js: import "konva/skia-backend";
             this.emitEvent({ type: "clearslices" });
             this.update();
         }
-        getSelected() {
-            return this.executeCommand("getSelected");
-        }
-        setSelected(handles) {
-            this.executeCommand("setSelected", handles);
+        getSelected(multimodel) {
+            return this.executeCommand("getSelected", multimodel);
         }
         getSelected2() {
             return this.executeCommand("getSelected2");
         }
+        setSelected(handles) {
+            this.executeCommand("setSelected", handles);
+        }
         setSelected2(handles) {
             this.executeCommand("setSelected2", handles);
         }
+        select(handles) {
+            this.executeCommand("select", handles);
+        }
+        deselect(handles) {
+            this.executeCommand("deselect", handles);
+        }
+        toggleSelection(handles) {
+            this.executeCommand("toggleSelection", handles);
+        }
         clearSelected() {
             this.executeCommand("clearSelected");
         }
+        getHidden(multimodel) {
+            return this.executeCommand("getHidden", multimodel);
+        }
+        getIsolated(multimodel) {
+            return this.executeCommand("getIsolated", multimodel);
+        }
+        hide(handle) {
+            this.executeCommand("hide", handle);
+        }
+        hideAll() {
+            this.executeCommand("hideAll");
+        }
         hideSelected() {
             this.executeCommand("hideSelected");
         }
+        isolate(handle) {
+            this.executeCommand("isolate", handle);
+        }
         isolateSelected() {
             this.executeCommand("isolateSelected");
         }
+        show(handle) {
+            this.executeCommand("show", handle);
+        }
         showAll() {
             this.executeCommand("showAll");
         }
+        zoomExtents() {
+            this.executeCommand("zoomExtents");
+        }
+        zoomTo(handles) {
+            this.executeCommand("zoomTo", handles);
+        }
+        zoomToSelected() {
+            this.executeCommand("zoomToSelected");
+        }
         explode(index = 0) {
             this.executeCommand("explode", index);
         }
@@ -18957,10 +19254,10 @@ js: import "konva/skia-backend";
             }
         }
         getComponent(name) {
-            return this._components.find((component) => component.name === name) || null;
+            return this._components.get(name) || null;
         }
         drawViewpoint(viewpoint) {
-            var _a, _b;
+            var _a, _b, _c, _d;
             if (!this.visualizeJs)
                 return;
             const visViewer = this.visViewer();
@@ -19004,8 +19301,22 @@ js: import "konva/skia-backend";
                 }
             };
             const setSelection = (selection) => {
-                if (selection)
-                    this.setSelected(selection.map((component) => component.handle));
+                if (selection) {
+                    this.setSelected(selection.map(({ handle }) => handle));
+                }
+            };
+            const setVisibility = (visibility) => {
+                if (visibility && visibility.exceptions)
+                    if (visibility.default_visibility) {
+                        this.hide(visibility.exceptions.map(({ handle }) => handle));
+                    }
+                    else {
+                        this.isolate(visibility.exceptions.map(({ handle }) => handle));
+                    }
+            };
+            const setExplodeScale = (scale) => {
+                if (scale > 0)
+                    this.explode(scale);
             };
             const draggerName = (_a = this._activeDragger) === null || _a === void 0 ? void 0 : _a.name;
             this.setActiveDragger();
@@ -19017,7 +19328,9 @@ js: import "konva/skia-backend";
             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);
+            setVisibility(((_b = viewpoint.custom_fields) === null || _b === void 0 ? void 0 : _b.visibility2) || viewpoint.visibility);
+            setSelection(((_c = viewpoint.custom_fields) === null || _c === void 0 ? void 0 : _c.selection2) || viewpoint.selection);
+            setExplodeScale((_d = viewpoint.custom_fields) === null || _d === void 0 ? void 0 : _d.explodeScale);
             this._markup.setViewpoint(viewpoint);
             this.syncOverlay();
             this.setActiveDragger(draggerName);
@@ -19078,20 +19391,42 @@ js: import "konva/skia-backend";
                 return clipping_planes;
             };
             const getSelection = () => {
-                return this.getSelected().map((handle) => ({ handle }));
+                const selected = Array.from(this.selector.selected);
+                return selected.map((handle) => ({ handle }));
             };
             const getSelection2 = () => {
-                return this.getSelected2().map((handle) => ({ handle }));
+                const selected = Array.from(this.selector.selected);
+                const selected2 = toHandles2(this, selected);
+                return selected2.map((handle) => ({ handle }));
+            };
+            const getVisibility = () => {
+                const exceptions = Array.from(this.visibilityManager.exceptions);
+                return {
+                    default_visibility: this.visibilityManager.defaultVisible,
+                    exceptions: exceptions.map((handle) => ({ handle })),
+                };
+            };
+            const getVisibility2 = () => {
+                const exceptions = Array.from(this.visibilityManager.exceptions);
+                const exceptions2 = toHandles2(this, exceptions);
+                return {
+                    default_visibility: this.visibilityManager.defaultVisible,
+                    exceptions: exceptions2.map((handle) => ({ handle })),
+                };
             };
             const viewpoint = { custom_fields: {} };
             viewpoint.orthogonal_camera = getOrthogonalCamera();
             viewpoint.perspective_camera = getPerspectiveCamera();
             viewpoint.clipping_planes = getClippingPlanes();
             viewpoint.selection = getSelection();
+            viewpoint.visibility = getVisibility();
             viewpoint.description = new Date().toDateString();
             viewpoint.snapshot = { data: this.getSnapshot() };
-            this._markup.getViewpoint(viewpoint);
             viewpoint.custom_fields.selection2 = getSelection2();
+            viewpoint.custom_fields.visibility2 = getVisibility2();
+            viewpoint.custom_fields.explodeScale = this.explodeScale;
+            viewpoint.custom_fields.files = this.models.map((model) => model.id);
+            this._markup.getViewpoint(viewpoint);
             this.emitEvent({ type: "createviewpoint", data: viewpoint });
             return viewpoint;
         }
@@ -19202,7 +19537,9 @@ js: import "konva/skia-backend";
     exports.Markup = KonvaMarkup;
     exports.OdBaseDragger = OdBaseDragger;
     exports.Options = Options;
+    exports.Selector = Selector;
     exports.Viewer = Viewer;
+    exports.VisibilityManager = VisibilityManager;
     exports.commands = commands;
     exports.commandsRegistry = commandsRegistry;
     exports.components = components;