@inweb/viewer-visualize 27.4.7 → 27.5.0

package/dist/viewer-visualize.module.js

@@ -650,16 +650,16 @@ class MeasureLineDragger extends OdBaseDragger {
         this.m_overlayElement.style.zIndex = "1";
         this.m_overlayElement.style.pointerEvents = "none";
         document.body.appendChild(this.m_overlayElement);
-        this.optionsChange = this.optionsChange.bind(this);
+        this.updateUnits = this.updateUnits.bind(this);
         this.updatePreview = this.updatePreview.bind(this);
-        this.subject.addEventListener("optionschange", this.optionsChange);
+        this.subject.addEventListener("optionschange", this.updateUnits);
         this.subject.addEventListener("render", this.updatePreview);
         this.resize();
     }
     dispose() {
         super.dispose();
         this.m_overlayElement.remove();
-        this.subject.removeEventListener("optionschange", this.optionsChange);
+        this.subject.removeEventListener("optionschange", this.updateUnits);
         this.subject.removeEventListener("render", this.updatePreview);
     }
     updatePreview() {
@@ -761,7 +761,7 @@ class MeasureLineDragger extends OdBaseDragger {
         this.items.push(item);
         return item;
     }
-    optionsChange(event) {
+    updateUnits(event) {
         var _a, _b;
         const options = event.data;
         const toUnitName = (_a = options.rulerUnit) !== null && _a !== void 0 ? _a : "Default";
@@ -1544,9 +1544,8 @@ class OdBaseCuttingPlaneDragger extends OdBaseDragger {
         plane.set(this.toGePoint(this.m_center), this.m_normal);
         avp.addCuttingPlane(plane);
         this.index = avp.numCuttingPlanes() - 1;
-        const { red, green, blue } = this.subject.options.cuttingPlaneFillColor;
-        avp.setEnableCuttingPlaneFill(true, red, green, blue);
-        avp.setCuttingPlaneFillPatternEnabled(true, this.m_module.CuttingPlaneFillStyle.kSlantRight, 0x0, 0x0, 0x0);
+        this.subject.syncOptions();
+        this.subject.emitEvent({ type: "changecuttingplanes" });
         this.m_model = this.getModel();
         this.createPreview();
         this.deleteAll([ext, avp, plane]);
@@ -1586,6 +1585,7 @@ class OdBaseCuttingPlaneDragger extends OdBaseDragger {
             const plane = this.createPlane();
             plane.set(this.toGePoint(this.m_center), this.m_normal);
             avp.updateCuttingPlane(this.index, plane);
+            this.subject.emitEvent({ type: "changecuttingplanes" });
             this.drawPreview();
             this.deleteAll([avp, plane, oldCenter, delta, oldLast]);
             const device = this.getViewer().getActiveDevice();
@@ -1601,6 +1601,7 @@ class OdBaseCuttingPlaneDragger extends OdBaseDragger {
         const plane = this.createPlane();
         plane.set(this.toGePoint(this.m_center), this.m_normal);
         avp.updateCuttingPlane(this.index, plane);
+        this.subject.emitEvent({ type: "changecuttingplanes" });
         this.deleteAll([avp, plane, this.m_last]);
         const device = this.getViewer().getActiveDevice();
         device.invalidate(device.getSize());
@@ -1686,7 +1687,7 @@ class OdCuttingPlaneYAxisDragger extends OdBaseCuttingPlaneDragger {
 
 class OdCuttingPlaneZAxisDragger extends OdBaseCuttingPlaneDragger {
     createNormal() {
-        return [0, 0, 1];
+        return [0, 0, -1];
     }
     handleDelta(delta) {
         delta.x = 0.0;
@@ -2851,24 +2852,34 @@ commands.registerCommand("zoomToExtents", zoomToExtents);
 commands.registerCommand("zoomToObjects", zoomToObjects);
 commands.registerCommand("zoomToSelected", zoomToSelected);
 commands.registerCommand("autoTransformAllModelsToCentralPoint", autoTransformAllModelsToCentralPoint);
-commands.registerCommand("k3DViewTop", (viewer) => setDefaultViewPosition(viewer, "k3DViewTop"));
-commands.registerCommand("k3DViewBottom", (viewer) => setDefaultViewPosition(viewer, "k3DViewBottom"));
-commands.registerCommand("k3DViewLeft", (viewer) => setDefaultViewPosition(viewer, "k3DViewLeft"));
-commands.registerCommand("k3DViewRight", (viewer) => setDefaultViewPosition(viewer, "k3DViewRight"));
-commands.registerCommand("k3DViewFront", (viewer) => setDefaultViewPosition(viewer, "k3DViewFront"));
-commands.registerCommand("k3DViewBack", (viewer) => setDefaultViewPosition(viewer, "k3DViewBack"));
-commands.registerCommand("k3DViewSE", (viewer) => setDefaultViewPosition(viewer, "k3DViewSE"));
-commands.registerCommand("k3DViewSW", (viewer) => setDefaultViewPosition(viewer, "k3DViewSW"));
-commands.registerCommand("k3DViewNE", (viewer) => setDefaultViewPosition(viewer, "k3DViewNE"));
-commands.registerCommand("k3DViewNW", (viewer) => setDefaultViewPosition(viewer, "k3DViewNW"));
+commands.registerCommand("top", (viewer) => setDefaultViewPosition(viewer, "k3DViewTop"));
+commands.registerCommand("bottom", (viewer) => setDefaultViewPosition(viewer, "k3DViewBottom"));
+commands.registerCommand("left", (viewer) => setDefaultViewPosition(viewer, "k3DViewLeft"));
+commands.registerCommand("right", (viewer) => setDefaultViewPosition(viewer, "k3DViewRight"));
+commands.registerCommand("front", (viewer) => setDefaultViewPosition(viewer, "k3DViewFront"));
+commands.registerCommand("back", (viewer) => setDefaultViewPosition(viewer, "k3DViewBack"));
+commands.registerCommand("se", (viewer) => setDefaultViewPosition(viewer, "k3DViewSE"));
+commands.registerCommand("sw", (viewer) => setDefaultViewPosition(viewer, "k3DViewSW"));
+commands.registerCommand("ne", (viewer) => setDefaultViewPosition(viewer, "k3DViewNE"));
+commands.registerCommand("nw", (viewer) => setDefaultViewPosition(viewer, "k3DViewNW"));
 commands.registerCommandAlias("clearMarkup", "clearOverlay");
 commands.registerCommandAlias("clearSelected", "unselect");
 commands.registerCommandAlias("getSnapshot", "createPreview");
 commands.registerCommandAlias("zoomToExtents", "zoomExtents");
+commands.registerCommandAlias("top", "k3DViewTop");
+commands.registerCommandAlias("bottom", "k3DViewBottom");
+commands.registerCommandAlias("left", "k3DViewLeft");
+commands.registerCommandAlias("right", "k3DViewRight");
+commands.registerCommandAlias("front", "k3DViewFront");
+commands.registerCommandAlias("back", "k3DViewBack");
+commands.registerCommandAlias("se", "k3DViewSE");
+commands.registerCommandAlias("sw", "k3DViewSW");
+commands.registerCommandAlias("ne", "k3DViewNE");
+commands.registerCommandAlias("nw", "k3DViewNW");
 
 class CameraComponent {
     constructor(viewer) {
-        this.optionsChange = () => {
+        this.syncOptions = () => {
             this.switchCameraMode(this.viewer.options.cameraMode);
         };
         this.geometryEnd = () => {
@@ -2881,14 +2892,14 @@ class CameraComponent {
         this.viewer = viewer;
         this.viewer.addEventListener("databasechunk", this.geometryEnd);
         this.viewer.addEventListener("clear", this.geometryEnd);
-        this.viewer.addEventListener("optionschange", this.optionsChange);
-        this.viewer.addEventListener("initialize", this.optionsChange);
+        this.viewer.addEventListener("optionschange", this.syncOptions);
+        this.viewer.addEventListener("initialize", this.syncOptions);
     }
     dispose() {
         this.viewer.removeEventListener("databasechunk", this.geometryEnd);
         this.viewer.removeEventListener("clear", this.geometryEnd);
-        this.viewer.removeEventListener("optionschange", this.optionsChange);
-        this.viewer.removeEventListener("initialize", this.optionsChange);
+        this.viewer.removeEventListener("optionschange", this.syncOptions);
+        this.viewer.removeEventListener("initialize", this.syncOptions);
     }
     getCameraMode(view) {
         return view.perspective ? "perspective" : "orthographic";
@@ -3627,7 +3638,7 @@ class VSFXCloudStreamingLoader extends Loader {
             }
             else {
                 this.viewer.emitEvent({ type: "geometrychunk", data: chunk, file: model.file, model });
-                this.viewer.update();
+                this.viewer.update(500);
             }
         };
         await model.downloadResource(model.database, chunkLoadHandler, this.abortController.signal);
@@ -3685,7 +3696,7 @@ class VSFXCloudPartialLoader extends Loader {
             }
             else {
                 this.viewer.emitEvent({ type: "geometrychunk", data: chunk, file: model.file, model });
-                this.viewer.update();
+                this.viewer.update(500);
             }
         };
         const downloadResourceRange = async (dataId, requestId, ranges) => {
@@ -4060,7 +4071,6 @@ class Viewer extends EventEmitter2 {
         this.canvaseventlistener = (event) => this.emit(event);
         this._activeDragger = null;
         this._components = [];
-        this._updateDelay = 1000;
         this._renderNeeded = false;
         this._renderTime = 0;
         this._enableAutoUpdate = (_a = params.enableAutoUpdate) !== null && _a !== void 0 ? _a : true;
@@ -4085,7 +4095,7 @@ class Viewer extends EventEmitter2 {
         return this._markup;
     }
     configure(params) {
-        this._visualizeJsUrl = params.visualizeJsUrl || "https://public-fhemb7e3embacwec.z02.azurefd.net/libs/visualizejs/27.4/Visualize.js";
+        this._visualizeJsUrl = params.visualizeJsUrl || "https://public-fhemb7e3embacwec.z02.azurefd.net/libs/visualizejs/master/Visualize.js";
         this._crossOrigin = params.crossOrigin;
         return this;
     }
@@ -4141,8 +4151,11 @@ class Viewer extends EventEmitter2 {
         this.removeAllListeners();
         this.setActiveDragger();
         this._components.forEach((component) => component.dispose());
-        this._components = [];
-        this._markup.dispose();
+        this._components.length = 0;
+        if (this._markup) {
+            this._markup.dispose();
+            this._markup = undefined;
+        }
         if (this.canvas) {
             this.canvasEvents.forEach((x) => this.canvas.removeEventListener(x, this.canvaseventlistener));
             this.canvas = undefined;
@@ -4172,13 +4185,14 @@ class Viewer extends EventEmitter2 {
     }
     update(force = false) {
         const time = performance.now();
-        force = force || time - this._renderTime >= this._updateDelay;
+        if (typeof force === "number" && time - this._renderTime >= force)
+            force = true;
         if (this._enableAutoUpdate) {
             this._renderNeeded = true;
             if (force)
                 this.render(time);
         }
-        this.emitEvent({ type: "update", force });
+        this.emitEvent({ type: "update", force: !!force });
     }
     render(time) {
         if (!this.visualizeJs)
@@ -4292,9 +4306,9 @@ class Viewer extends EventEmitter2 {
         this.clearOverlay();
         this.clearSelected();
         this.loaders.forEach((loader) => loader.dispose());
-        this.loaders = [];
+        this.loaders.length = 0;
         this.models.forEach((model) => model.dispose());
-        this.models = [];
+        this.models.length = 0;
         visViewer.clear();
         visViewer.createLocalDatabase();
         this.syncOptions();
@@ -4384,6 +4398,8 @@ class Viewer extends EventEmitter2 {
             visualStyleId.delete();
             activeView.delete();
         }
+        view.setEnableCuttingPlaneFill(options.enableSectionFill, options.sectionFillColor.r, options.sectionFillColor.g, options.sectionFillColor.b);
+        view.setCuttingPlaneFillPatternEnabled(options.enableSectionHatch, visLib.CuttingPlaneFillStyle.kSlantRight, options.sectionHatchColor.r, options.sectionHatchColor.g, options.sectionHatchColor.b);
         const params = options.enableCustomHighlight ? options : Options.defaults();
         const { Entry, OdTvRGBColorDef } = visLib;
         const highlightStyleId = visViewer.findHighlightStyle("Web_Default");
@@ -4455,6 +4471,7 @@ class Viewer extends EventEmitter2 {
         const activeView = visViewer.activeView;
         activeView.removeCuttingPlanes();
         activeView.delete();
+        this.emitEvent({ type: "changecuttingplanes" });
         this.emitEvent({ type: "clearslices" });
         this.update();
     }
@@ -4566,6 +4583,7 @@ class Viewer extends EventEmitter2 {
                     activeView.addCuttingPlane(cuttingPlane);
                     activeView.setEnableCuttingPlaneFill(true, 0x66, 0x66, 0x66);
                 }
+                this.emitEvent({ type: "changecuttingplanes" });
             }
         };
         const setSelection = (selection) => {