@shapediver/viewer.rendering-engine.rendering-engine-threejs 3.8.15 → 3.9.1

package/dist/RenderingEngine.js

@@ -39,37 +39,37 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
 var _RenderingEngine_defaultLogo, _RenderingEngine_defaultLogoStatic, _RenderingEngine_defaultSpinner, _RenderingEngine_animations, _RenderingEngine_flags;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RenderingEngine = void 0;
-const THREE = __importStar(require("three"));
-const MaterialLoader_1 = require("./loaders/MaterialLoader");
 const viewer_rendering_engine_animation_engine_1 = require("@shapediver/viewer.rendering-engine.animation-engine");
-const viewer_shared_types_1 = require("@shapediver/viewer.shared.types");
-const CameraManager_1 = require("./managers/CameraManager");
+const viewer_rendering_engine_camera_engine_1 = require("@shapediver/viewer.rendering-engine.camera-engine");
 const viewer_rendering_engine_canvas_engine_1 = require("@shapediver/viewer.rendering-engine.canvas-engine");
-const viewport_css_1 = require("./styling/viewport-css");
-const EnvironmentGeometryManager_1 = require("./managers/EnvironmentGeometryManager");
+const viewer_rendering_engine_intersection_engine_1 = require("@shapediver/viewer.rendering-engine.intersection-engine");
+const viewer_rendering_engine_light_engine_1 = require("@shapediver/viewer.rendering-engine.light-engine");
+const viewer_shared_node_tree_1 = require("@shapediver/viewer.shared.node-tree");
+const viewer_shared_services_1 = require("@shapediver/viewer.shared.services");
+const viewer_shared_types_1 = require("@shapediver/viewer.shared.types");
+const gl_matrix_1 = require("gl-matrix");
+const THREE = __importStar(require("three"));
 const EnvironmentMapLoader_1 = require("./loaders/EnvironmentMapLoader");
 const GeometryLoader_1 = require("./loaders/GeometryLoader");
 const HTMLElementAnchorLoader_1 = require("./loaders/HTMLElementAnchorLoader");
-const viewer_rendering_engine_intersection_engine_1 = require("@shapediver/viewer.rendering-engine.intersection-engine");
-const viewer_shared_node_tree_1 = require("@shapediver/viewer.shared.node-tree");
-const viewer_rendering_engine_light_engine_1 = require("@shapediver/viewer.rendering-engine.light-engine");
 const LightLoader_1 = require("./loaders/LightLoader");
+const MaterialLoader_1 = require("./loaders/MaterialLoader");
+const CameraManager_1 = require("./managers/CameraManager");
+const EnvironmentGeometryManager_1 = require("./managers/EnvironmentGeometryManager");
 const PostProcessingManager_1 = require("./managers/PostProcessingManager");
-const gl_matrix_1 = require("gl-matrix");
 const RenderingManager_1 = require("./managers/RenderingManager");
 const SceneTracingManager_1 = require("./managers/SceneTracingManager");
 const SceneTreeManager_1 = require("./managers/SceneTreeManager");
 const SDColor_1 = require("./objects/SDColor");
-const viewer_rendering_engine_camera_engine_1 = require("@shapediver/viewer.rendering-engine.camera-engine");
-const viewer_shared_services_1 = require("@shapediver/viewer.shared.services");
+const viewport_css_1 = require("./styling/viewport-css");
 class RenderingEngine {
     // #endregion Properties (76)
     // #region Constructors (1)
     constructor(properties) {
         // #region Properties (76)
-        _RenderingEngine_defaultLogo.set(this, 'https://viewer.shapediver.com/v3/graphics/logo_animated_breath.svg');
-        _RenderingEngine_defaultLogoStatic.set(this, 'https://viewer.shapediver.com/v3/graphics/logo.png');
-        _RenderingEngine_defaultSpinner.set(this, 'https://viewer.shapediver.com/v3/graphics/spinner_ripple.svg');
+        _RenderingEngine_defaultLogo.set(this, "https://viewer.shapediver.com/v3/graphics/logo_animated_breath.svg");
+        _RenderingEngine_defaultLogoStatic.set(this, "https://viewer.shapediver.com/v3/graphics/logo.png");
+        _RenderingEngine_defaultSpinner.set(this, "https://viewer.shapediver.com/v3/graphics/spinner_ripple.svg");
         this._animationEngine = viewer_rendering_engine_animation_engine_1.AnimationEngine.instance;
         this._canvasEngine = viewer_rendering_engine_canvas_engine_1.CanvasEngine.instance;
         this._colorCache = [];
@@ -87,6 +87,7 @@ class RenderingEngine {
             [viewer_shared_types_1.FLAG_TYPE.CAMERA_FREEZE]: [],
             [viewer_shared_types_1.FLAG_TYPE.CONTINUOUS_RENDERING]: [],
             [viewer_shared_types_1.FLAG_TYPE.CONTINUOUS_SHADOW_MAP_UPDATE]: [],
+            [viewer_shared_types_1.FLAG_TYPE.SUSPEND_SCENE_UPDATES]: [],
         });
         // settings
         this._arRotation = gl_matrix_1.vec3.create();
@@ -99,22 +100,25 @@ class RenderingEngine {
         this._busy = false;
         this._busyModeDisplay = viewer_shared_types_1.BUSY_MODE_DISPLAY.SPINNER;
         this._clearAlpha = 1.0;
-        this._clearColor = '#ffffff';
+        this._clearColor = "#ffffff";
         // viewer global vars
         this._closed = false;
         this._enableAR = true;
-        this._environmentMap = 'null';
+        this._environmentMap = "null";
         this._environmentMapAsBackground = false;
         this._environmentMapBlurriness = 0;
         this._environmentMapForUnlitMaterials = false;
         this._environmentMapIntensity = 1;
-        this._environmentMapResolution = '1024';
+        this._environmentMapResolution = "1024";
         this._environmentMapRotation = gl_matrix_1.quat.create();
         this._gridVisibility = true;
         this._groundPlaneShadowVisibility = false;
         this._groundPlaneVisibility = true;
         this._lights = true;
-        this._maximumRenderingSize = this._systemInfo.isMobile ? { width: 1280, height: 720 } : { width: 1920, height: 1080 };
+        this._maximumRenderingSize = this
+            ._systemInfo.isMobile
+            ? { width: 1280, height: 720 }
+            : { width: 1920, height: 1080 };
         this._pause = false;
         this._shadows = true;
         this._show = false;
@@ -129,23 +133,26 @@ class RenderingEngine {
         // adapt some of the three.js shaders according to our needs
         (0, MaterialLoader_1.adaptShaders)();
         // add css to the document
-        const style = document.createElement('style');
+        const style = document.createElement("style");
         style.innerHTML = viewport_css_1.css;
         document.head.appendChild(style);
         const prop = Object.assign({}, properties);
         const branding = Object.assign({}, prop.branding);
         // setting some of the provided properties
-        this._id = prop.id || (viewer_shared_services_1.UuidGenerator.instance).create();
+        this._id = prop.id || viewer_shared_services_1.UuidGenerator.instance.create();
         this._visibilitySessionIds = prop.visibilitySessionIds;
         this._visibility = prop.visibility || viewer_shared_types_1.VISIBILITY_MODE.SESSION;
-        this._sessionSettingsMode = prop.sessionSettingsMode || viewer_shared_services_1.SESSION_SETTINGS_MODE.FIRST;
+        this._sessionSettingsMode =
+            prop.sessionSettingsMode || viewer_shared_services_1.SESSION_SETTINGS_MODE.FIRST;
         this._sessionSettingsId = prop.sessionSettingsId;
         this._branding = {
             logo: branding.logo === undefined ? __classPrivateFieldGet(this, _RenderingEngine_defaultLogo, "f") : branding.logo,
-            backgroundColor: branding.backgroundColor || '#393a45FF',
-            busyModeSpinner: branding.busyModeSpinner === undefined ? __classPrivateFieldGet(this, _RenderingEngine_defaultSpinner, "f") : branding.busyModeSpinner,
+            backgroundColor: branding.backgroundColor || "#393a45FF",
+            busyModeSpinner: branding.busyModeSpinner === undefined
+                ? __classPrivateFieldGet(this, _RenderingEngine_defaultSpinner, "f")
+                : branding.busyModeSpinner,
             busyModeDisplay: branding.busyModeDisplay || viewer_shared_types_1.BUSY_MODE_DISPLAY.SPINNER,
-            spinnerPositioning: branding.spinnerPositioning || viewer_shared_types_1.SPINNER_POSITIONING.BOTTOM_RIGHT
+            spinnerPositioning: branding.spinnerPositioning || viewer_shared_types_1.SPINNER_POSITIONING.BOTTOM_RIGHT,
         };
         // creation of viewer essentials
         this._canvas = this._canvasEngine.getCanvas(this._canvasEngine.createCanvasObject(prop.canvas));
@@ -166,7 +173,7 @@ class RenderingEngine {
         this._geometryLoader = new GeometryLoader_1.GeometryLoader(this);
         this._htmlElementAnchorLoader = new HTMLElementAnchorLoader_1.HTMLElementAnchorLoader(this);
         this._lightLoader = new LightLoader_1.LightLoader(this);
-        // start the creation and initialization process 
+        // start the creation and initialization process
         this._renderer = this.renderingManager.createRenderer(this._canvas.canvasElement);
         this._spinnerDivElement = this.renderingManager.addSpinner(this._canvas.canvasElement, this._branding);
         this._logoDivElement = this.renderingManager.addLogo(this._canvas.canvasElement, this._branding);
@@ -211,7 +218,7 @@ class RenderingEngine {
         if (this._automaticColorAdjustment === value)
             return;
         this._automaticColorAdjustment = value;
-        this._colorCache.forEach(c => c.colorCorrection(value));
+        this._colorCache.forEach((c) => c.colorCorrection(value));
         this._materialLoader.assignColorCorrection(value);
     }
     get automaticResizing() {
@@ -322,6 +329,12 @@ class RenderingEngine {
     set continuousShadowMapUpdate(value) {
         this._renderingManager.continuousShadowMapUpdate = value;
     }
+    get suspendSceneUpdates() {
+        return this._sceneTreeManager.suspendSceneUpdates;
+    }
+    set suspendSceneUpdates(value) {
+        this._sceneTreeManager.suspendSceneUpdates = value;
+    }
     get defaultLineMaterial() {
         return this.materialLoader.defaultLineMaterialData;
     }
@@ -381,7 +394,8 @@ class RenderingEngine {
     }
     set environmentMapBlurriness(value) {
         this._environmentMapBlurriness = value;
-        this._sceneTreeManager.scene.backgroundBlurriness = this._environmentMapBlurriness;
+        this._sceneTreeManager.scene.backgroundBlurriness =
+            this._environmentMapBlurriness;
     }
     get environmentMapForUnlitMaterials() {
         return this._environmentMapForUnlitMaterials;
@@ -477,10 +491,14 @@ class RenderingEngine {
         return this._lightLoader;
     }
     get lightScene() {
-        return this.lightEngine.lightScene ? this.lightEngine.lightScene.id : '';
+        return this.lightEngine.lightScene
+            ? this.lightEngine.lightScene.id
+            : "";
     }
     get lightSceneId() {
-        return this.lightEngine.lightScene ? this.lightEngine.lightScene.id : '';
+        return this.lightEngine.lightScene
+            ? this.lightEngine.lightScene.id
+            : "";
     }
     get lights() {
         return this._lights;
@@ -511,19 +529,19 @@ class RenderingEngine {
     }
     get outputEncoding() {
         switch (this._renderer.outputColorSpace) {
-            case (THREE.SRGBColorSpace):
+            case THREE.SRGBColorSpace:
                 return viewer_shared_types_1.TEXTURE_ENCODING.SRGB;
-            case (THREE.LinearSRGBColorSpace):
+            case THREE.LinearSRGBColorSpace:
             default:
                 return viewer_shared_types_1.TEXTURE_ENCODING.LINEAR;
         }
     }
     set outputEncoding(value) {
         switch (value) {
-            case (viewer_shared_types_1.TEXTURE_ENCODING.SRGB):
+            case viewer_shared_types_1.TEXTURE_ENCODING.SRGB:
                 this._renderer.outputColorSpace = THREE.SRGBColorSpace;
                 break;
-            case (viewer_shared_types_1.TEXTURE_ENCODING.LINEAR):
+            case viewer_shared_types_1.TEXTURE_ENCODING.LINEAR:
             default:
                 this._renderer.outputColorSpace = THREE.LinearSRGBColorSpace;
                 break;
@@ -628,23 +646,26 @@ class RenderingEngine {
     }
     get textureEncoding() {
         switch (this.materialLoader.textureEncoding) {
-            case (THREE.SRGBColorSpace):
+            case THREE.SRGBColorSpace:
                 return viewer_shared_types_1.TEXTURE_ENCODING.SRGB;
-            case (THREE.LinearSRGBColorSpace):
+            case THREE.LinearSRGBColorSpace:
             default:
                 return viewer_shared_types_1.TEXTURE_ENCODING.LINEAR;
         }
     }
     set textureEncoding(value) {
         switch (value) {
-            case (viewer_shared_types_1.TEXTURE_ENCODING.SRGB):
-                this.environmentMapLoader.textureEncoding = THREE.SRGBColorSpace;
+            case viewer_shared_types_1.TEXTURE_ENCODING.SRGB:
+                this.environmentMapLoader.textureEncoding =
+                    THREE.SRGBColorSpace;
                 this.materialLoader.textureEncoding = THREE.SRGBColorSpace;
                 break;
-            case (viewer_shared_types_1.TEXTURE_ENCODING.LINEAR):
+            case viewer_shared_types_1.TEXTURE_ENCODING.LINEAR:
             default:
-                this.environmentMapLoader.textureEncoding = THREE.LinearSRGBColorSpace;
-                this.materialLoader.textureEncoding = THREE.LinearSRGBColorSpace;
+                this.environmentMapLoader.textureEncoding =
+                    THREE.LinearSRGBColorSpace;
+                this.materialLoader.textureEncoding =
+                    THREE.LinearSRGBColorSpace;
         }
     }
     get toneMapping() {
@@ -653,19 +674,19 @@ class RenderingEngine {
     set toneMapping(value) {
         this._toneMapping = value;
         switch (value) {
-            case (viewer_shared_types_1.TONE_MAPPING.LINEAR):
+            case viewer_shared_types_1.TONE_MAPPING.LINEAR:
                 this._renderer.toneMapping = THREE.LinearToneMapping;
                 break;
-            case (viewer_shared_types_1.TONE_MAPPING.REINHARD):
+            case viewer_shared_types_1.TONE_MAPPING.REINHARD:
                 this._renderer.toneMapping = THREE.ReinhardToneMapping;
                 break;
-            case (viewer_shared_types_1.TONE_MAPPING.CINEON):
+            case viewer_shared_types_1.TONE_MAPPING.CINEON:
                 this._renderer.toneMapping = THREE.CineonToneMapping;
                 break;
-            case (viewer_shared_types_1.TONE_MAPPING.ACES_FILMIC):
+            case viewer_shared_types_1.TONE_MAPPING.ACES_FILMIC:
                 this._renderer.toneMapping = THREE.ACESFilmicToneMapping;
                 break;
-            case (viewer_shared_types_1.TONE_MAPPING.NONE):
+            case viewer_shared_types_1.TONE_MAPPING.NONE:
             default:
                 this._renderer.toneMapping = THREE.NoToneMapping;
         }
@@ -717,7 +738,7 @@ class RenderingEngine {
         light: true,
         environment: true,
         general: true,
-        postprocessing: true
+        postprocessing: true,
     }, settingsEngine, updateViewport = true) {
         return __awaiter(this, void 0, void 0, function* () {
             settingsEngine = settingsEngine || this._settingsEngine;
@@ -725,6 +746,7 @@ class RenderingEngine {
                 return;
             if (sections.environment) {
                 const promises = [];
+                promises.push(this._postProcessingManager.initialize());
                 // as the environment map is the only thing that needs time to load, load it first
                 promises.push(new Promise((resolve, reject) => {
                     var _a;
@@ -732,12 +754,21 @@ class RenderingEngine {
                         try {
                             if (!settingsEngine)
                                 return;
-                            this.environmentMapAsBackground = settingsEngine.environment.mapAsBackground;
-                            this.clearAlpha = settingsEngine.environment.clearAlpha;
+                            this.environmentMapAsBackground =
+                                settingsEngine.environment.mapAsBackground;
+                            this.clearAlpha =
+                                settingsEngine.environment.clearAlpha;
                             this.clearColor = this._converter.toHexColor(settingsEngine.environment.clearColor);
-                            this.environmentMapRotation = [settingsEngine.environment.rotation.x, settingsEngine.environment.rotation.y, settingsEngine.environment.rotation.z, settingsEngine.environment.rotation.w];
-                            this.environmentMapBlurriness = settingsEngine.environment.blurriness;
-                            this.environmentMapIntensity = settingsEngine.environment.intensity;
+                            this.environmentMapRotation = [
+                                settingsEngine.environment.rotation.x,
+                                settingsEngine.environment.rotation.y,
+                                settingsEngine.environment.rotation.z,
+                                settingsEngine.environment.rotation.w,
+                            ];
+                            this.environmentMapBlurriness =
+                                settingsEngine.environment.blurriness;
+                            this.environmentMapIntensity =
+                                settingsEngine.environment.intensity;
                             this.applySyncSettings(sections, settingsEngine, updateViewport);
                             this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE_VIEWPORT.VIEWPORT_SETTINGS_LOADED, { viewportId: this.id });
                             resolve();
@@ -745,9 +776,10 @@ class RenderingEngine {
                         catch (e) {
                             reject(e);
                         }
-                    }).catch(e => reject(e));
+                    }).catch((e) => reject(e));
                     // set it like this to not trigger the loading
-                    this.environmentMap = this.environmentMapLoader.reconstructSavedEnvironmentMapContent(settingsEngine.environment.map);
+                    this.environmentMap =
+                        this.environmentMapLoader.reconstructSavedEnvironmentMapContent(settingsEngine.environment.map);
                 }));
                 yield Promise.all(promises);
             }
@@ -799,13 +831,14 @@ class RenderingEngine {
     }
     displayErrorMessage(message) {
         for (let i = 0; i < this.logoDivElement.children.length; i++)
-            this.logoDivElement.children[i].style.visibility = 'hidden';
-        const d = document.createElement('div');
-        d.classList.add('sdv-error-message-container');
+            this.logoDivElement.children[i].style.visibility =
+                "hidden";
+        const d = document.createElement("div");
+        d.classList.add("sdv-error-message-container");
         this.logoDivElement.appendChild(d);
-        const p = document.createElement('p');
+        const p = document.createElement("p");
         p.textContent = message;
-        p.classList.add('sdv-error-message');
+        p.classList.add("sdv-error-message");
         p.style.color = this.logoDivElement.style.backgroundColor;
         d.appendChild(p);
     }
@@ -813,7 +846,8 @@ class RenderingEngine {
         // busy
         {
             const currentBusyState = this.busy;
-            if (this.stateEngine.viewportEngines[this.id] && this.stateEngine.viewportEngines[this.id].busy.length > 0) {
+            if (this.stateEngine.viewportEngines[this.id] &&
+                this.stateEngine.viewportEngines[this.id].busy.length > 0) {
                 if (!currentBusyState) {
                     this.busy = true;
                     this._renderingManager.render();
@@ -867,6 +901,21 @@ class RenderingEngine {
                 }
             }
         }
+        // suspend scene updates
+        {
+            const currentSuspendSceneUpdatesState = this.suspendSceneUpdates;
+            if (currentSuspendSceneUpdatesState) {
+                if (__classPrivateFieldGet(this, _RenderingEngine_flags, "f")[viewer_shared_types_1.FLAG_TYPE.SUSPEND_SCENE_UPDATES].length === 0) {
+                    this.suspendSceneUpdates = false;
+                    this._renderingManager.render();
+                }
+            }
+            else {
+                if (__classPrivateFieldGet(this, _RenderingEngine_flags, "f")[viewer_shared_types_1.FLAG_TYPE.SUSPEND_SCENE_UPDATES].length > 0) {
+                    this.suspendSceneUpdates = true;
+                }
+            }
+        }
     }
     getEnvironmentMapImageUrl() {
         return this._environmentMapLoader.getEnvironmentMapImageUrl(this.environmentMap);
@@ -876,13 +925,16 @@ class RenderingEngine {
     }
     isMobileDeviceWithoutBrowserARSupport() {
         // has to be a mobile device (duh)
-        if (this._systemInfo.isIOS === false && this._systemInfo.isAndroid === false)
+        if (this._systemInfo.isIOS === false &&
+            this._systemInfo.isAndroid === false)
             return false;
         // no Firefox on Android
-        if (this._systemInfo.isAndroid === true && this._systemInfo.isFirefox === true)
+        if (this._systemInfo.isAndroid === true &&
+            this._systemInfo.isFirefox === true)
             return true;
         // no Instagram on iOS
-        if (this._systemInfo.isIOS === true && this._systemInfo.isInstagram === true)
+        if (this._systemInfo.isIOS === true &&
+            this._systemInfo.isInstagram === true)
             return true;
         return false;
     }
@@ -894,11 +946,11 @@ class RenderingEngine {
     }
     raytraceScene(origin, direction, filterCriteria) {
         const intersect = this._intersectionManager.intersect({ origin, direction }, this.id, filterCriteria);
-        return intersect.map(i => {
+        return intersect.map((i) => {
             return {
                 distance: i.distance,
                 node: i.node,
-                data: i.geometryData
+                data: i.geometryData,
             };
         });
     }
@@ -907,7 +959,8 @@ class RenderingEngine {
         const Flags = Object.values(viewer_shared_types_1.FLAG_TYPE);
         for (const f of Flags) {
             if (f === viewer_shared_types_1.FLAG_TYPE.BUSY_MODE) {
-                if (this.stateEngine.viewportEngines[this.id] && this.stateEngine.viewportEngines[this.id].busy.includes(token)) {
+                if (this.stateEngine.viewportEngines[this.id] &&
+                    this.stateEngine.viewportEngines[this.id].busy.includes(token)) {
                     this.stateEngine.viewportEngines[this.id].busy.splice(this.stateEngine.viewportEngines[this.id].busy.indexOf(token), 1);
                     success = true;
                     break;
@@ -945,39 +998,74 @@ class RenderingEngine {
         this.cameraEngine.saveSettings(settingsEngine);
         this.postProcessingManager.saveSettings(settingsEngine);
         settingsEngine.ar.enable = this.enableAR;
-        settingsEngine.environment.mapResolution = this.environmentMapResolution;
-        settingsEngine.environment.map = this._environmentMapLoader.createSaveableEnvironmentMapContent(this.environmentMap);
-        settingsEngine.environment.mapAsBackground = this.environmentMapAsBackground;
+        settingsEngine.environment.mapResolution =
+            this.environmentMapResolution;
+        settingsEngine.environment.map =
+            this._environmentMapLoader.createSaveableEnvironmentMapContent(this.environmentMap);
+        settingsEngine.environment.mapAsBackground =
+            this.environmentMapAsBackground;
         settingsEngine.environment.clearAlpha = this.clearAlpha;
         settingsEngine.environment.clearColor = this._converter.toHexColor(this.clearColor);
-        settingsEngine.environment.rotation = { x: this.environmentMapRotation[0], y: this.environmentMapRotation[1], z: this.environmentMapRotation[2], w: this.environmentMapRotation[3] };
+        settingsEngine.environment.rotation = {
+            x: this.environmentMapRotation[0],
+            y: this.environmentMapRotation[1],
+            z: this.environmentMapRotation[2],
+            w: this.environmentMapRotation[3],
+        };
         settingsEngine.environment.blurriness = this.environmentMapBlurriness;
         settingsEngine.environment.intensity = this.environmentMapIntensity;
         settingsEngine.environmentGeometry.gridVisibility = this.gridVisibility;
-        settingsEngine.environmentGeometry.groundPlaneVisibility = this.groundPlaneVisibility;
-        settingsEngine.environmentGeometry.groundPlaneShadowVisibility = this.groundPlaneShadowVisibility;
-        settingsEngine.environmentGeometry.gridColor = this._converter.toHexColor(this.gridColor);
-        settingsEngine.environmentGeometry.groundPlaneColor = this._converter.toHexColor(this.groundPlaneColor);
-        settingsEngine.environmentGeometry.groundPlaneShadowColor = this._converter.toHexColor(this.groundPlaneShadowColor);
-        settingsEngine.environmentGeometry.contactShadowBlur = this.contactShadowBlur;
-        settingsEngine.environmentGeometry.contactShadowDarkness = this.contactShadowDarkness;
-        settingsEngine.environmentGeometry.contactShadowHeight = this.contactShadowHeight;
-        settingsEngine.environmentGeometry.contactShadowOpacity = this.contactShadowOpacity;
-        settingsEngine.environmentGeometry.contactShadowVisibility = this.contactShadowVisibility;
+        settingsEngine.environmentGeometry.groundPlaneVisibility =
+            this.groundPlaneVisibility;
+        settingsEngine.environmentGeometry.groundPlaneShadowVisibility =
+            this.groundPlaneShadowVisibility;
+        settingsEngine.environmentGeometry.gridColor =
+            this._converter.toHexColor(this.gridColor);
+        settingsEngine.environmentGeometry.groundPlaneColor =
+            this._converter.toHexColor(this.groundPlaneColor);
+        settingsEngine.environmentGeometry.groundPlaneShadowColor =
+            this._converter.toHexColor(this.groundPlaneShadowColor);
+        settingsEngine.environmentGeometry.contactShadowBlur =
+            this.contactShadowBlur;
+        settingsEngine.environmentGeometry.contactShadowDarkness =
+            this.contactShadowDarkness;
+        settingsEngine.environmentGeometry.contactShadowHeight =
+            this.contactShadowHeight;
+        settingsEngine.environmentGeometry.contactShadowOpacity =
+            this.contactShadowOpacity;
+        settingsEngine.environmentGeometry.contactShadowVisibility =
+            this.contactShadowVisibility;
         settingsEngine.general.pointSize = this.pointSize;
-        settingsEngine.general.transformation.rotation = { x: this.arRotation[0], y: this.arRotation[1], z: this.arRotation[2] };
-        settingsEngine.general.transformation.translation = { x: this.arTranslation[0], y: this.arTranslation[1], z: this.arTranslation[2] };
-        settingsEngine.general.transformation.scale = { x: this.arScale[0], y: this.arScale[1], z: this.arScale[2] };
-        settingsEngine.material.defaultMaterialColor = this._converter.toHexColor(this.defaultMaterialColor);
-        settingsEngine.material.materialOverrideType = this.materialOverrideType;
-        settingsEngine.rendering.automaticColorAdjustment = this.automaticColorAdjustment;
+        settingsEngine.general.transformation.rotation = {
+            x: this.arRotation[0],
+            y: this.arRotation[1],
+            z: this.arRotation[2],
+        };
+        settingsEngine.general.transformation.translation = {
+            x: this.arTranslation[0],
+            y: this.arTranslation[1],
+            z: this.arTranslation[2],
+        };
+        settingsEngine.general.transformation.scale = {
+            x: this.arScale[0],
+            y: this.arScale[1],
+            z: this.arScale[2],
+        };
+        settingsEngine.material.defaultMaterialColor =
+            this._converter.toHexColor(this.defaultMaterialColor);
+        settingsEngine.material.materialOverrideType =
+            this.materialOverrideType;
+        settingsEngine.rendering.automaticColorAdjustment =
+            this.automaticColorAdjustment;
         settingsEngine.rendering.lights = this.lights;
         settingsEngine.rendering.outputEncoding = this.outputEncoding;
-        settingsEngine.rendering.physicallyCorrectLights = this.physicallyCorrectLights;
+        settingsEngine.rendering.physicallyCorrectLights =
+            this.physicallyCorrectLights;
         settingsEngine.rendering.textureEncoding = this.textureEncoding;
         settingsEngine.rendering.toneMapping = this.toneMapping;
         settingsEngine.rendering.toneMappingExposure = this.toneMappingExposure;
-        settingsEngine.rendering.beautyRenderBlendingDuration = this.beautyRenderBlendingDuration;
+        settingsEngine.rendering.beautyRenderBlendingDuration =
+            this.beautyRenderBlendingDuration;
         settingsEngine.rendering.beautyRenderDelay = this.beautyRenderDelay;
         settingsEngine.rendering.shadows = this.shadows;
         settingsEngine.rendering.softShadows = this.softShadows;
@@ -989,13 +1077,15 @@ class RenderingEngine {
             this._environmentGeometryManager.changeSceneExtents(this._sceneTreeManager.boundingBox);
         });
         if (this._sessionSettingsMode === viewer_shared_services_1.SESSION_SETTINGS_MODE.NONE) {
-            this.environmentMap = 'photo_studio';
+            this.environmentMap = "photo_studio";
         }
     }
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     update(id) {
         if (this.closed)
             return;
+        if (this.sceneTreeManager.suspendSceneUpdates === true)
+            return;
         this._sceneTreeManager.updateSceneTree(this._tree.root);
         this._renderingManager.updateShadowMap();
         this._animationEngine.updateAnimationData();
@@ -1005,18 +1095,28 @@ class RenderingEngine {
     updateEnvironmentGeometry() {
         this._environmentGeometryManager.updateEnvironmentGeometryPosition();
     }
-    viewInAR(file, options = { arScale: 'auto', arPlacement: 'floor', xrEnvironment: false }) {
+    viewInAR(file, options = { arScale: "auto", arPlacement: "floor", xrEnvironment: false }) {
         return __awaiter(this, void 0, void 0, function* () {
             const eventId = this._uuidGenerator.create();
-            const event = { type: viewer_shared_types_1.TASK_TYPE.AR_LOADING, id: eventId, progress: 0, status: 'Loading AR scene' };
+            const event = {
+                type: viewer_shared_types_1.TASK_TYPE.AR_LOADING,
+                id: eventId,
+                progress: 0,
+                status: "Loading AR scene",
+            };
             this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.TASK.TASK_START, event);
             // if this is not a supported device, throw an error
             if (this.viewableInAR() === false) {
-                const event = { type: viewer_shared_types_1.TASK_TYPE.AR_LOADING, id: eventId, progress: 1, status: 'Stopped AR loading due to an error' };
+                const event = {
+                    type: viewer_shared_types_1.TASK_TYPE.AR_LOADING,
+                    id: eventId,
+                    progress: 1,
+                    status: "Stopped AR loading due to an error",
+                };
                 this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.TASK.TASK_CANCEL, event);
                 throw new viewer_shared_services_1.ShapeDiverViewerArError('Api.viewInAR: The device or browser is not supported for this functionality, please call "viewableInAR" for more information.');
             }
-            const arScale = options.arScale !== 'auto' ? 'fixed' : 'auto';
+            const arScale = options.arScale !== "auto" ? "fixed" : "auto";
             // const arPlacement = options.arPlacement !== 'wall' ? 'floor' : 'wall';
             // const xrEnvironment = options.xrEnvironment !== true ? false : true;
             // let arEnvironment = '';
@@ -1030,35 +1130,48 @@ class RenderingEngine {
             // }
             if (this._systemInfo.isIOS) {
                 // create the link and click it
-                const a = document.createElement('a');
-                a.href = file + (arScale === 'fixed' ? '.usdz_allowsContentScaling=0' : '.usdz');
-                a.rel = 'ar';
-                const img = document.createElement('img');
+                const a = document.createElement("a");
+                a.href =
+                    file +
+                        (arScale === "fixed"
+                            ? ".usdz_allowsContentScaling=0"
+                            : ".usdz");
+                a.rel = "ar";
+                const img = document.createElement("img");
                 img.src = __classPrivateFieldGet(this, _RenderingEngine_defaultLogoStatic, "f");
                 a.appendChild(img);
                 a.click();
             }
             else {
-                const a = document.createElement('a');
-                a.href = `intent://arvr.google.com/scene-viewer/1.0?resizable=${arScale === 'fixed' ? 'false' : 'true'}&file=${file}&mode=ar_only#Intent;scheme=https;package=com.google.ar.core;action=android.intent.action.VIEW;end;`;
+                const a = document.createElement("a");
+                a.href = `intent://arvr.google.com/scene-viewer/1.0?resizable=${arScale === "fixed" ? "false" : "true"}&file=${file}&mode=ar_only#Intent;scheme=https;package=com.google.ar.core;action=android.intent.action.VIEW;end;`;
                 a.click();
             }
-            const event2 = { type: viewer_shared_types_1.TASK_TYPE.AR_LOADING, id: eventId, progress: 1, status: 'Done loading AR scene, launching AR' };
+            const event2 = {
+                type: viewer_shared_types_1.TASK_TYPE.AR_LOADING,
+                id: eventId,
+                progress: 1,
+                status: "Done loading AR scene, launching AR",
+            };
             this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.TASK.TASK_END, event2);
         });
     }
     viewableInAR() {
         // has to be a mobile device (duh)
-        if (this._systemInfo.isIOS === false && this._systemInfo.isAndroid === false)
+        if (this._systemInfo.isIOS === false &&
+            this._systemInfo.isAndroid === false)
             return false;
         // no Firefox on Android
-        if (this._systemInfo.isAndroid === true && this._systemInfo.isFirefox === true)
+        if (this._systemInfo.isAndroid === true &&
+            this._systemInfo.isFirefox === true)
             return false;
         // no Firefox on iOS
-        if (this._systemInfo.isIOS === true && this._systemInfo.isFirefox === true)
+        if (this._systemInfo.isIOS === true &&
+            this._systemInfo.isFirefox === true)
             return false;
         // no Instagram on iOS
-        if (this._systemInfo.isIOS === true && this._systemInfo.isInstagram === true)
+        if (this._systemInfo.isIOS === true &&
+            this._systemInfo.isInstagram === true)
             return false;
         return true;
     }
@@ -1071,7 +1184,7 @@ class RenderingEngine {
         light: true,
         environment: true,
         general: true,
-        postprocessing: true
+        postprocessing: true,
     }, settingsEngine, updateViewport = true) {
         var _a;
         settingsEngine = settingsEngine || this._settingsEngine;
@@ -1079,35 +1192,62 @@ class RenderingEngine {
             return;
         if (sections.ar) {
             this.enableAR = settingsEngine.ar.enable;
-            this.arScale = [settingsEngine.general.transformation.scale.x, settingsEngine.general.transformation.scale.y, settingsEngine.general.transformation.scale.z];
-            this.arTranslation = [settingsEngine.general.transformation.translation.x, settingsEngine.general.transformation.translation.y, settingsEngine.general.transformation.translation.z];
-            this.arRotation = [settingsEngine.general.transformation.rotation.x, settingsEngine.general.transformation.rotation.y, settingsEngine.general.transformation.rotation.z];
+            this.arScale = [
+                settingsEngine.general.transformation.scale.x,
+                settingsEngine.general.transformation.scale.y,
+                settingsEngine.general.transformation.scale.z,
+            ];
+            this.arTranslation = [
+                settingsEngine.general.transformation.translation.x,
+                settingsEngine.general.transformation.translation.y,
+                settingsEngine.general.transformation.translation.z,
+            ];
+            this.arRotation = [
+                settingsEngine.general.transformation.rotation.x,
+                settingsEngine.general.transformation.rotation.y,
+                settingsEngine.general.transformation.rotation.z,
+            ];
         }
         if (sections.scene) {
             this.gridColor = settingsEngine.environmentGeometry.gridColor;
-            this.gridVisibility = settingsEngine.environmentGeometry.gridVisibility;
-            this.groundPlaneColor = settingsEngine.environmentGeometry.groundPlaneColor;
-            this.groundPlaneVisibility = settingsEngine.environmentGeometry.groundPlaneVisibility;
-            this.groundPlaneShadowColor = settingsEngine.environmentGeometry.groundPlaneShadowColor;
-            this.groundPlaneShadowVisibility = settingsEngine.environmentGeometry.groundPlaneShadowVisibility;
-            this.contactShadowBlur = settingsEngine.environmentGeometry.contactShadowBlur;
-            this.contactShadowDarkness = settingsEngine.environmentGeometry.contactShadowDarkness;
-            this.contactShadowHeight = settingsEngine.environmentGeometry.contactShadowHeight;
-            this.contactShadowOpacity = settingsEngine.environmentGeometry.contactShadowOpacity;
-            this.contactShadowVisibility = settingsEngine.environmentGeometry.contactShadowVisibility;
+            this.gridVisibility =
+                settingsEngine.environmentGeometry.gridVisibility;
+            this.groundPlaneColor =
+                settingsEngine.environmentGeometry.groundPlaneColor;
+            this.groundPlaneVisibility =
+                settingsEngine.environmentGeometry.groundPlaneVisibility;
+            this.groundPlaneShadowColor =
+                settingsEngine.environmentGeometry.groundPlaneShadowColor;
+            this.groundPlaneShadowVisibility =
+                settingsEngine.environmentGeometry.groundPlaneShadowVisibility;
+            this.contactShadowBlur =
+                settingsEngine.environmentGeometry.contactShadowBlur;
+            this.contactShadowDarkness =
+                settingsEngine.environmentGeometry.contactShadowDarkness;
+            this.contactShadowHeight =
+                settingsEngine.environmentGeometry.contactShadowHeight;
+            this.contactShadowOpacity =
+                settingsEngine.environmentGeometry.contactShadowOpacity;
+            this.contactShadowVisibility =
+                settingsEngine.environmentGeometry.contactShadowVisibility;
             this.shadows = settingsEngine.rendering.shadows;
             this.softShadows = settingsEngine.rendering.softShadows;
             this.lights = settingsEngine.rendering.lights;
-            this.automaticColorAdjustment = settingsEngine.rendering.automaticColorAdjustment;
-            this.textureEncoding = settingsEngine.rendering.textureEncoding;
-            this.outputEncoding = settingsEngine.rendering.outputEncoding;
-            this.physicallyCorrectLights = settingsEngine.rendering.physicallyCorrectLights;
-            this.toneMapping = settingsEngine.rendering.toneMapping;
-            this.toneMappingExposure = settingsEngine.rendering.toneMappingExposure;
+            this.automaticColorAdjustment =
+                settingsEngine.rendering.automaticColorAdjustment;
+            this.textureEncoding = (settingsEngine.rendering.textureEncoding);
+            this.outputEncoding = (settingsEngine.rendering.outputEncoding);
+            this.physicallyCorrectLights =
+                settingsEngine.rendering.physicallyCorrectLights;
+            this.toneMapping = (settingsEngine.rendering.toneMapping);
+            this.toneMappingExposure =
+                settingsEngine.rendering.toneMappingExposure;
         }
         if (sections.general) {
-            this.defaultMaterialColor = settingsEngine.material.defaultMaterialColor;
-            this.materialOverrideType = settingsEngine.material.materialOverrideType;
+            this.defaultMaterialColor =
+                settingsEngine.material.defaultMaterialColor;
+            this.materialOverrideType = settingsEngine.material
+                .materialOverrideType;
             this.pointSize = settingsEngine.general.pointSize;
         }
         if (sections.light)
@@ -1120,7 +1260,7 @@ class RenderingEngine {
         this.cameraManager.adjustCamera(1);
         (_a = this._stateEngine.viewportEngines[this.id]) === null || _a === void 0 ? void 0 : _a.settingsAssigned.resolve(true);
         if (updateViewport)
-            this.update('RenderingEngine.applySyncSettings');
+            this.update("RenderingEngine.applySyncSettings");
     }
 }
 exports.RenderingEngine = RenderingEngine;