@inweb/viewer-visualize 27.9.1 → 27.11.0

package/dist/viewer-visualize.module.js

@@ -21,7 +21,7 @@
 // acknowledge and accept the above terms.
 ///////////////////////////////////////////////////////////////////////////////
 
-import { draggersRegistry, commandsRegistry, componentsRegistry, Loader, loadersRegistry, Options, Info, CANVAS_EVENTS } from '@inweb/viewer-core';
+import { draggersRegistry, commandsRegistry, componentsRegistry, Loader, loadersRegistry, Options, Info, CANVAS_EVENTS, Selector, VisibilityManager } from '@inweb/viewer-core';
 export * from '@inweb/viewer-core';
 import { EventEmitter2 } from '@inweb/eventemitter2';
 import { Markup } from '@inweb/markup';
@@ -156,21 +156,21 @@ class OdBaseDragger extends OdaGeAction {
         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 };
@@ -216,25 +216,37 @@ class OdBaseDragger extends OdaGeAction {
         }
     }
     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) {
@@ -243,15 +255,7 @@ class OdBaseDragger extends OdaGeAction {
             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();
     }
@@ -1865,27 +1869,29 @@ class OrbitAction {
         }
     }
     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() {
@@ -2064,14 +2070,14 @@ class OdZoomWheelDragger extends OdBaseDragger {
     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();
@@ -2302,28 +2308,31 @@ class OrbitAroundBuildingDragger extends OdBaseDragger {
         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;
@@ -2506,38 +2515,40 @@ function clearMarkup(viewer) {
 }
 
 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);
@@ -2551,78 +2562,102 @@ function getDefaultViewPositions(viewer) {
     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();
@@ -2630,8 +2665,6 @@ function regenerateAll(viewer) {
 }
 
 function resetView(viewer) {
-    if (!viewer.visualizeJs)
-        return;
     viewer.executeCommand("setActiveDragger");
     viewer.executeCommand("clearSlices");
     viewer.executeCommand("clearOverlay");
@@ -2639,29 +2672,35 @@ function resetView(viewer) {
     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 = "") {
@@ -2683,94 +2722,74 @@ function setMarkupColor(viewer, r = 255, g = 0, b = 0) {
     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] === "$";
 }
@@ -2833,26 +2852,35 @@ commands.registerCommand("applyModelTransform", applyModelTransform);
 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"));
@@ -2868,7 +2896,8 @@ commands.registerCommand("nw", (viewer) => setDefaultViewPosition(viewer, "k3DVi
 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");
@@ -3332,10 +3361,120 @@ components.registerComponent("GestureManagerComponent", (viewer) => new GestureM
 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 {
@@ -3447,8 +3586,9 @@ class VSFFileLoader extends Loader {
             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();
@@ -3469,7 +3609,7 @@ class VSFCloudLoader extends Loader {
             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();
@@ -3492,8 +3632,9 @@ class VSFCloudLoader extends Loader {
                 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();
@@ -3542,8 +3683,9 @@ class VSFXFileLoader extends Loader {
             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();
@@ -3565,7 +3707,7 @@ class VSFXCloudLoader extends Loader {
             /.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();
@@ -3583,8 +3725,9 @@ class VSFXCloudLoader extends Loader {
             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();
@@ -3608,7 +3751,7 @@ class VSFXCloudStreamingLoader extends Loader {
             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();
@@ -3633,8 +3776,9 @@ class VSFXCloudStreamingLoader extends Loader {
                 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();
@@ -3667,7 +3811,7 @@ class VSFXCloudPartialLoader extends Loader {
             /.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();
@@ -3691,8 +3835,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;
+                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();
@@ -4075,9 +4220,12 @@ class Viewer extends EventEmitter2 {
         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;
@@ -4102,7 +4250,7 @@ class Viewer extends EventEmitter2 {
         return this._markup;
     }
     configure(params) {
-        this._visualizeJsUrl = params.visualizeJsUrl || "https://public-fhemb7e3embacwec.z02.azurefd.net/libs/visualizejs/27.9/Visualize.js";
+        this._visualizeJsUrl = params.visualizeJsUrl || "https://public-fhemb7e3embacwec.z02.azurefd.net/libs/visualizejs/master/Visualize.js";
         this._crossOrigin = params.crossOrigin;
         return this;
     }
@@ -4144,7 +4292,7 @@ class Viewer extends EventEmitter2 {
         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();
@@ -4160,7 +4308,7 @@ class Viewer extends EventEmitter2 {
         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));
@@ -4191,8 +4339,8 @@ class Viewer extends EventEmitter2 {
     }
     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)
@@ -4481,30 +4629,66 @@ class Viewer extends EventEmitter2 {
         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);
     }
@@ -4546,10 +4730,10 @@ class Viewer extends EventEmitter2 {
         }
     }
     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();
@@ -4593,8 +4777,22 @@ class Viewer extends EventEmitter2 {
             }
         };
         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();
@@ -4606,7 +4804,9 @@ class Viewer extends EventEmitter2 {
         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);
@@ -4667,20 +4867,42 @@ class Viewer extends EventEmitter2 {
             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;
     }