@inweb/viewer-three 25.3.17 → 25.3.19

package/dist/viewer-three.module.js

@@ -67,54 +67,62 @@ commands("VisualizeJS").registerCommand("noop", (() => {}));
 
 commands("ThreeJS").registerCommand("noop", (() => {}));
 
+function defaultOptions() {
+    return {
+        showWCS: true,
+        cameraAnimation: true,
+        antialiasing: true,
+        groundShadow: false,
+        shadows: false,
+        cameraAxisXSpeed: 4,
+        cameraAxisYSpeed: 1,
+        ambientOcclusion: false,
+        enableStreamingMode: true,
+        enablePartialMode: false,
+        memoryLimit: 3294967296,
+        cuttingPlaneFillColor: {
+            red: 255,
+            green: 152,
+            blue: 0
+        },
+        edgesColor: {
+            r: 255,
+            g: 152,
+            b: 0
+        },
+        facesColor: {
+            r: 255,
+            g: 152,
+            b: 0
+        },
+        edgesVisibility: true,
+        edgesOverlap: true,
+        facesOverlap: false,
+        facesTransparancy: 200,
+        enableCustomHighlight: true,
+        sceneGraph: false,
+        edgeModel: true,
+        reverseZoomWheel: false,
+        enableZoomWheel: true,
+        enableGestures: true,
+        geometryType: "vsfx"
+    };
+}
+
 class Options {
     constructor(emitter) {
         this._emitter = emitter;
-        this._data = Options.defaults();
+        this._data = defaultOptions();
         this.loadFromStorage();
     }
     static defaults() {
-        return {
-            showWCS: true,
-            cameraAnimation: true,
-            antialiasing: true,
-            groundShadow: false,
-            shadows: false,
-            cameraAxisXSpeed: 4,
-            cameraAxisYSpeed: 1,
-            ambientOcclusion: false,
-            enableStreamingMode: true,
-            enablePartialMode: false,
-            memoryLimit: 3294967296,
-            cuttingPlaneFillColor: {
-                red: 255,
-                green: 152,
-                blue: 0
-            },
-            edgesColor: {
-                r: 255,
-                g: 152,
-                b: 0
-            },
-            facesColor: {
-                r: 255,
-                g: 152,
-                b: 0
-            },
-            edgesVisibility: true,
-            edgesOverlap: true,
-            facesOverlap: false,
-            facesTransparancy: 200,
-            enableCustomHighlight: true,
-            sceneGraph: false,
-            edgeModel: true,
-            reverseZoomWheel: false,
-            enableZoomWheel: true,
-            enableGestures: true,
-            geometryType: "vsfx"
-        };
+        return defaultOptions();
     }
     notifierChangeEvent() {
+        console.warn("Options.notifierChangeEvent() has been deprecated since 25.3 and will be removed in a future release, use Options.change() instead.");
+        this.change();
+    }
+    change() {
         if (this._emitter !== undefined) {
             this.saveToStorage();
             this._emitter.emit({
@@ -165,151 +173,154 @@ class Options {
         return this._data;
     }
     set data(value) {
-        const sceneGraph = value.enablePartialMode ? false : value.sceneGraph;
+        const enablePartialMode = value.enableStreamingMode ? value.enablePartialMode : false;
+        const sceneGraph = enablePartialMode ? false : value.sceneGraph;
         this._data = {
             ...Options.defaults(),
             ...this._data,
             ...value,
+            enablePartialMode: enablePartialMode,
             sceneGraph: sceneGraph
         };
-        this.notifierChangeEvent();
+        this.change();
     }
     get showWCS() {
         return this._data.showWCS;
     }
     set showWCS(value) {
         this._data.showWCS = value;
-        this.notifierChangeEvent();
+        this.change();
     }
     get cameraAnimation() {
         return this._data.cameraAnimation;
     }
     set cameraAnimation(value) {
         this._data.cameraAnimation = value;
-        this.notifierChangeEvent();
+        this.change();
     }
     get antialiasing() {
         return this._data.antialiasing;
     }
     set antialiasing(value) {
         this._data.antialiasing = value;
-        this.notifierChangeEvent();
+        this.change();
     }
     get groundShadow() {
         return this._data.groundShadow;
     }
     set groundShadow(value) {
         this._data.groundShadow = value;
-        this.notifierChangeEvent();
+        this.change();
     }
     get shadows() {
         return this._data.shadows;
     }
     set shadows(value) {
         this._data.shadows = value;
-        this.notifierChangeEvent();
+        this.change();
     }
     get cameraAxisXSpeed() {
         return this._data.cameraAxisXSpeed;
     }
     set cameraAxisXSpeed(value) {
         this._data.cameraAxisXSpeed = value;
-        this.notifierChangeEvent();
+        this.change();
     }
     get cameraAxisYSpeed() {
         return this._data.cameraAxisYSpeed;
     }
     set cameraAxisYSpeed(value) {
         this.cameraAxisYSpeed = value;
-        this.notifierChangeEvent();
+        this.change();
     }
     get ambientOcclusion() {
         return this._data.ambientOcclusion;
     }
     set ambientOcclusion(value) {
         this._data.ambientOcclusion = value;
-        this.notifierChangeEvent();
+        this.change();
     }
     get enableStreamingMode() {
         return this._data.enableStreamingMode;
     }
     set enableStreamingMode(value) {
         this._data.enableStreamingMode = value;
-        if (this._data.enableStreamingMode) {
-            this._data.enablePartialMode = false;
-        }
-        this.notifierChangeEvent();
+        if (!value) this._data.enablePartialMode = false;
+        this.change();
     }
     get enablePartialMode() {
         return this._data.enablePartialMode;
     }
     set enablePartialMode(value) {
         this._data.enablePartialMode = value;
-        if (value) this._data.sceneGraph = false;
-        this.notifierChangeEvent();
+        if (value) {
+            this._data.enableStreamingMode = true;
+            this._data.sceneGraph = false;
+        }
+        this.change();
     }
     get memoryLimit() {
         return this._data.memoryLimit;
     }
     set memoryLimit(value) {
         this._data.memoryLimit = value;
-        this.notifierChangeEvent();
+        this.change();
     }
     get cuttingPlaneFillColor() {
         return this._data.cuttingPlaneFillColor;
     }
     set cuttingPlaneFillColor(value) {
         this._data.cuttingPlaneFillColor = value;
-        this.notifierChangeEvent();
+        this.change();
     }
     get edgesColor() {
         return this._data.edgesColor;
     }
     set edgesColor(value) {
         this._data.edgesColor = value;
-        this.notifierChangeEvent();
+        this.change();
     }
     get facesColor() {
         return this._data.facesColor;
     }
     set facesColor(value) {
         this._data.facesColor = value;
-        this.notifierChangeEvent();
+        this.change();
     }
     get edgesVisibility() {
         return this._data.edgesVisibility;
     }
     set edgesVisibility(value) {
         this._data.edgesVisibility = value;
-        this.notifierChangeEvent();
+        this.change();
     }
     get edgesOverlap() {
         return this._data.edgesOverlap;
     }
     set edgesOverlap(value) {
         this._data.edgesOverlap = value;
-        this.notifierChangeEvent();
+        this.change();
     }
     get facesOverlap() {
         return this._data.facesOverlap;
     }
     set facesOverlap(value) {
         this._data.facesOverlap = value;
-        this.notifierChangeEvent();
+        this.change();
     }
     get facesTransparancy() {
         return this._data.facesTransparancy;
     }
     set facesTransparancy(value) {
         this._data.facesTransparancy = value;
-        this.notifierChangeEvent();
+        this.change();
     }
     get enableCustomHighlight() {
         return this._data.enableCustomHighlight;
     }
     set enableCustomHighlight(value) {
         this._data.enableCustomHighlight = value;
-        this.notifierChangeEvent();
+        this.change();
     }
     get sceneGraph() {
         return this._data.sceneGraph;
@@ -317,42 +328,42 @@ class Options {
     set sceneGraph(value) {
         this._data.sceneGraph = value;
         if (value) this._data.enablePartialMode = false;
-        this.notifierChangeEvent();
+        this.change();
     }
     get edgeModel() {
         return Boolean(this._data.edgeModel);
     }
     set edgeModel(value) {
         this._data.edgeModel = Boolean(value);
-        this.notifierChangeEvent();
+        this.change();
     }
     get reverseZoomWheel() {
         return this._data.reverseZoomWheel;
     }
     set reverseZoomWheel(value) {
         this._data.reverseZoomWheel = !!value;
-        this.notifierChangeEvent();
+        this.change();
     }
     get enableZoomWheel() {
         return this._data.enableZoomWheel;
     }
     set enableZoomWheel(value) {
         this._data.enableZoomWheel = !!value;
-        this.notifierChangeEvent();
+        this.change();
     }
     get enableGestures() {
         return this._data.enableGestures;
     }
     set enableGestures(value) {
         this._data.enableGestures = !!value;
-        this.notifierChangeEvent();
+        this.change();
     }
     get geometryType() {
         return this._data.geometryType;
     }
     set geometryType(value) {
         this._data.geometryType = value;
-        this.notifierChangeEvent();
+        this.change();
     }
 }
 
@@ -852,7 +863,7 @@ class RenderLoopComponent {
     }
 }
 
-class ThreejsViewer extends EventEmitter2 {
+class Viewer extends EventEmitter2 {
     constructor(client) {
         super();
         this._options = new Options(this);
@@ -902,7 +913,7 @@ class ThreejsViewer extends EventEmitter2 {
         this.components.push(new DefaultCameraPositionComponent(this));
         this.components.push(new ResizeCanvasComponent(this));
         this.components.push(new RenderLoopComponent(this));
-        this.options.notifierChangeEvent();
+        this.syncOptions();
         this.renderTime = performance.now();
         this.render(this.renderTime);
         if (typeof onProgress === "function") onProgress(new ProgressEvent("progress", {
@@ -955,7 +966,7 @@ class ThreejsViewer extends EventEmitter2 {
             data: force
         });
     }
-    syncOptions(options = this.options.data) {}
+    syncOptions(options = this.options) {}
     loadReferences(model) {
         return Promise.resolve(this);
     }
@@ -1098,5 +1109,5 @@ class ThreejsViewer extends EventEmitter2 {
     }
 }
 
-export { Options, ThreejsViewer as Viewer, commands };
+export { CANVAS_EVENTS, Options, Viewer, commands, defaultOptions };
 //# sourceMappingURL=viewer-three.module.js.map