@shapediver/viewer.rendering-engine.rendering-engine-threejs 3.10.0 → 3.11.1

package/dist/RenderingEngine.js

@@ -36,59 +36,48 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _RenderingEngine_defaultLogo, _RenderingEngine_defaultLogoStatic, _RenderingEngine_defaultSpinner, _RenderingEngine_animations, _RenderingEngine_flags;
+var _RenderingEngine_defaultLogo, _RenderingEngine_defaultSpinner;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RenderingEngine = void 0;
+const THREE = __importStar(require("three"));
 const viewer_rendering_engine_animation_engine_1 = require("@shapediver/viewer.rendering-engine.animation-engine");
 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 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 LightLoader_1 = require("./loaders/LightLoader");
 const MaterialLoader_1 = require("./loaders/MaterialLoader");
+const ARManager_1 = require("./managers/ARManager");
 const CameraManager_1 = require("./managers/CameraManager");
 const EnvironmentGeometryManager_1 = require("./managers/EnvironmentGeometryManager");
+const FlagManager_1 = require("./managers/FlagManager");
 const PostProcessingManager_1 = require("./managers/PostProcessingManager");
 const RenderingManager_1 = require("./managers/RenderingManager");
 const SceneTracingManager_1 = require("./managers/SceneTracingManager");
 const SceneTreeManager_1 = require("./managers/SceneTreeManager");
+const SettingsManager_1 = require("./managers/SettingsManager");
 const SDColor_1 = require("./objects/SDColor");
 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");
         this._animationEngine = viewer_rendering_engine_animation_engine_1.AnimationEngine.instance;
         this._canvasEngine = viewer_rendering_engine_canvas_engine_1.CanvasEngine.instance;
         this._colorCache = [];
         // utils
         this._converter = viewer_shared_services_1.Converter.instance;
-        this._eventEngine = viewer_shared_services_1.EventEngine.instance;
-        this._intersectionManager = viewer_rendering_engine_intersection_engine_1.IntersectionEngine.instance;
         this._logger = viewer_shared_services_1.Logger.instance;
+        this._eventEngine = viewer_shared_services_1.EventEngine.instance;
         this._stateEngine = viewer_shared_services_1.StateEngine.instance;
         this._systemInfo = viewer_shared_services_1.SystemInfo.instance;
         this._tree = viewer_shared_node_tree_1.Tree.instance;
-        this._uuidGenerator = viewer_shared_services_1.UuidGenerator.instance;
-        _RenderingEngine_animations.set(this, {});
-        _RenderingEngine_flags.set(this, {
-            [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]: [],
-        });
+        _RenderingEngine_defaultLogo.set(this, "https://viewer.shapediver.com/v3/graphics/logo_animated_breath.svg");
+        _RenderingEngine_defaultSpinner.set(this, "https://viewer.shapediver.com/v3/graphics/spinner_ripple.svg");
         // settings
         this._arRotation = gl_matrix_1.vec3.create();
         this._arScale = gl_matrix_1.vec3.fromValues(1, 1, 1);
@@ -142,9 +131,6 @@ class RenderingEngine {
         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._sessionSettingsId = prop.sessionSettingsId;
         this._branding = {
             logo: branding.logo === undefined ? __classPrivateFieldGet(this, _RenderingEngine_defaultLogo, "f") : branding.logo,
             backgroundColor: branding.backgroundColor || "#393a45FF",
@@ -167,6 +153,14 @@ class RenderingEngine {
         this._sceneTreeManager = new SceneTreeManager_1.SceneTreeManager(this);
         this._renderingManager = new RenderingManager_1.RenderingManager(this);
         this._postProcessingManager = new PostProcessingManager_1.PostProcessingManager(this);
+        this._settingsManager = new SettingsManager_1.SettingsManager(this, {
+            sessionSettingsMode: prop.sessionSettingsMode || viewer_shared_services_1.SESSION_SETTINGS_MODE.FIRST,
+            sessionSettingsId: prop.sessionSettingsId,
+        });
+        this._arManager = new ARManager_1.ARManager(this);
+        this._flagManager = new FlagManager_1.FlagManager(this, {
+            flags: prop.flags,
+        });
         // loaders
         this._environmentMapLoader = new EnvironmentMapLoader_1.EnvironmentMapLoader(this);
         this._materialLoader = new MaterialLoader_1.MaterialLoader(this);
@@ -184,18 +178,15 @@ class RenderingEngine {
         this._sceneTreeManager.init();
         this._renderingManager.init();
         this._postProcessingManager.init();
+        this._settingsManager.init();
+        this._arManager.init();
         // loaders
         this._environmentMapLoader.init();
         this._materialLoader.init();
         this._geometryLoader.init();
         this._htmlElementAnchorLoader.init();
         this._lightLoader.init();
-        for (const token in prop.flags) {
-            this.addFlag(prop.flags[token], token);
-        }
     }
-    // #endregion Constructors (1)
-    // #region Public Getters And Setters (146)
     get arRotation() {
         return this._arRotation;
     }
@@ -269,9 +260,6 @@ class RenderingEngine {
     get canvas() {
         return this._canvas.canvasElement;
     }
-    get canvasEngine() {
-        return this._canvasEngine;
-    }
     get clearAlpha() {
         return this._clearAlpha;
     }
@@ -332,12 +320,6 @@ 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;
     }
@@ -383,8 +365,18 @@ class RenderingEngine {
         return this._environmentMap;
     }
     set environmentMap(value) {
+        const previous = this._environmentMap;
         this._environmentMap = value;
-        this._environmentMapLoader.load(this.environmentMap);
+        this._environmentMapLoader.load(this.environmentMap).catch((error) => {
+            if (error instanceof viewer_shared_services_1.ShapeDiverViewerEnvironmentMapError) {
+                this._logger.error(error.message);
+            }
+            else {
+                this._logger.error(`RenderingEngine.environmentMap: Error while loading environment map ${value}: ${error}`);
+            }
+            this._environmentMap = previous;
+            this._environmentMapLoader.load(this.environmentMap);
+        });
     }
     get environmentMapAsBackground() {
         return this._environmentMapAsBackground;
@@ -432,9 +424,6 @@ class RenderingEngine {
         this._environmentMapRotation = value;
         this._materialLoader.assignEnvironmentMapRotation(value);
     }
-    get eventEngine() {
-        return this._eventEngine;
-    }
     get geometryLoader() {
         return this._geometryLoader;
     }
@@ -484,9 +473,6 @@ class RenderingEngine {
     get id() {
         return this._id;
     }
-    get visibilitySessionIds() {
-        return this._visibilitySessionIds;
-    }
     get lightEngine() {
         return this._lightEngine;
     }
@@ -509,6 +495,12 @@ class RenderingEngine {
     set lights(value) {
         this._lights = value;
     }
+    get loadDefaultCameras() {
+        return this._cameraEngine.loadDefaultCameras;
+    }
+    set loadDefaultCameras(value) {
+        this._cameraEngine.loadDefaultCameras = value;
+    }
     get logoDivElement() {
         return this._logoDivElement;
     }
@@ -600,22 +592,13 @@ class RenderingEngine {
         return this._sceneTreeManager;
     }
     get sessionSettingsId() {
-        return this._sessionSettingsId;
-    }
-    set sessionSettingsId(value) {
-        this._sessionSettingsId = value;
+        return this._settingsManager.sessionSettingsId;
     }
     get sessionSettingsMode() {
-        return this._sessionSettingsMode;
-    }
-    set sessionSettingsMode(value) {
-        this._sessionSettingsMode = value;
+        return this._settingsManager.sessionSettingsMode;
     }
     get settingsEngine() {
-        return this._settingsEngine;
-    }
-    set settingsEngine(value) {
-        this._settingsEngine = value;
+        return this._settingsManager.settingsEngine;
     }
     get shadows() {
         return this._shadows;
@@ -644,8 +627,11 @@ class RenderingEngine {
     get spinnerDivElement() {
         return this._spinnerDivElement;
     }
-    get stateEngine() {
-        return this._stateEngine;
+    get suspendSceneUpdates() {
+        return this._sceneTreeManager.suspendSceneUpdates;
+    }
+    set suspendSceneUpdates(value) {
+        this._sceneTreeManager.suspendSceneUpdates = value;
     }
     get textureEncoding() {
         switch (this.materialLoader.textureEncoding) {
@@ -714,25 +700,17 @@ class RenderingEngine {
     get visibility() {
         return this._visibility;
     }
+    get visibilitySessionIds() {
+        return this._visibilitySessionIds;
+    }
     get visualizeAttributes() {
         return this._visualizeAttributes;
     }
     set visualizeAttributes(value) {
         this._visualizeAttributes = value;
     }
-    // #endregion Public Getters And Setters (146)
-    // #region Public Methods (25)
     addFlag(flag, inputToken) {
-        var _a;
-        const token = inputToken || this._uuidGenerator.create();
-        if (flag === viewer_shared_types_1.FLAG_TYPE.BUSY_MODE) {
-            (_a = this.stateEngine.viewportEngines[this.id]) === null || _a === void 0 ? void 0 : _a.busy.push(token);
-        }
-        else {
-            __classPrivateFieldGet(this, _RenderingEngine_flags, "f")[flag].push(token);
-        }
-        this.evaluateFlagState();
-        return token;
+        return this._flagManager.addFlag(flag, inputToken);
     }
     applySettings(sections = {
         ar: true,
@@ -744,56 +722,11 @@ class RenderingEngine {
         postprocessing: true,
     }, settingsEngine, updateViewport = true) {
         return __awaiter(this, void 0, void 0, function* () {
-            settingsEngine = settingsEngine || this._settingsEngine;
-            if (!settingsEngine)
-                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;
-                    (_a = this._stateEngine.viewportEngines[this.id]) === null || _a === void 0 ? void 0 : _a.environmentMapLoaded.then(() => {
-                        try {
-                            if (!settingsEngine)
-                                return;
-                            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.applySyncSettings(sections, settingsEngine, updateViewport);
-                            this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE_VIEWPORT.VIEWPORT_SETTINGS_LOADED, { viewportId: this.id });
-                            resolve();
-                        }
-                        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);
-                }));
-                yield Promise.all(promises);
-            }
-            else {
-                this.applySyncSettings(sections, settingsEngine, updateViewport);
-                this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE_VIEWPORT.VIEWPORT_SETTINGS_LOADED, { viewportId: this.id });
-            }
+            return this._settingsManager.applySettings(sections, settingsEngine, updateViewport);
         });
     }
     assignSettingsEngine(settingsEngine) {
-        this._settingsEngine = settingsEngine;
+        this._settingsManager.assignSettingsEngine(settingsEngine);
     }
     close() {
         var _a, _b, _c;
@@ -846,80 +779,7 @@ class RenderingEngine {
         d.appendChild(p);
     }
     evaluateFlagState() {
-        // busy
-        {
-            const currentBusyState = this.busy;
-            if (this.stateEngine.viewportEngines[this.id] &&
-                this.stateEngine.viewportEngines[this.id].busy.length > 0) {
-                if (!currentBusyState) {
-                    this.busy = true;
-                    this._renderingManager.render();
-                    this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.VIEWPORT.BUSY_MODE_ON, { viewportId: this.id });
-                }
-            }
-            else {
-                if (currentBusyState) {
-                    this.busy = false;
-                    this._renderingManager.render();
-                    this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.VIEWPORT.BUSY_MODE_OFF, { viewportId: this.id });
-                }
-            }
-        }
-        // camera freeze
-        {
-            if (__classPrivateFieldGet(this, _RenderingEngine_flags, "f")[viewer_shared_types_1.FLAG_TYPE.CAMERA_FREEZE].length > 0) {
-                this.cameraEngine.deactivateCameraEvents();
-            }
-            else {
-                this.cameraEngine.activateCameraEvents();
-            }
-        }
-        // continuous rendering
-        {
-            const currentContinuousRenderingState = this.continuousRendering;
-            if (__classPrivateFieldGet(this, _RenderingEngine_flags, "f")[viewer_shared_types_1.FLAG_TYPE.CONTINUOUS_RENDERING].length > 0) {
-                if (!currentContinuousRenderingState) {
-                    this.continuousRendering = true;
-                    this._renderingManager.render();
-                }
-            }
-            else {
-                if (currentContinuousRenderingState) {
-                    this.continuousRendering = false;
-                }
-            }
-        }
-        // continuous shadow map update
-        {
-            const currentShadowMapUpdateState = this.continuousShadowMapUpdate;
-            if (__classPrivateFieldGet(this, _RenderingEngine_flags, "f")[viewer_shared_types_1.FLAG_TYPE.CONTINUOUS_SHADOW_MAP_UPDATE].length > 0) {
-                if (!currentShadowMapUpdateState) {
-                    this.continuousShadowMapUpdate = true;
-                    this._renderingManager.render();
-                }
-            }
-            else {
-                if (currentShadowMapUpdateState) {
-                    this.continuousShadowMapUpdate = false;
-                }
-            }
-        }
-        // 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.update("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;
-                }
-            }
-        }
+        this._flagManager.evaluateFlagState();
     }
     getEnvironmentMapImageUrl() {
         return this._environmentMapLoader.getEnvironmentMapImageUrl(this.environmentMap);
@@ -928,19 +788,7 @@ class RenderingEngine {
         return this._renderingManager.getScreenshot(type, encoderOptions);
     }
     isMobileDeviceWithoutBrowserARSupport() {
-        // has to be a mobile device (duh)
-        if (this._systemInfo.isIOS === false &&
-            this._systemInfo.isAndroid === false)
-            return false;
-        // no Firefox on Android
-        if (this._systemInfo.isAndroid === true &&
-            this._systemInfo.isFirefox === true)
-            return true;
-        // no Instagram on iOS
-        if (this._systemInfo.isIOS === true &&
-            this._systemInfo.isInstagram === true)
-            return true;
-        return false;
+        return this._arManager.isMobileDeviceWithoutBrowserARSupport();
     }
     pauseRendering() {
         this._pause = true;
@@ -949,37 +797,10 @@ class RenderingEngine {
         return this._sceneTracingManager.pointerEventToRay(event);
     }
     raytraceScene(origin, direction, filterCriteria) {
-        const intersect = this._intersectionManager.intersect({ origin, direction }, this.id, filterCriteria);
-        return intersect.map((i) => {
-            return {
-                distance: i.distance,
-                node: i.node,
-                data: i.geometryData,
-            };
-        });
+        return this._sceneTracingManager.raytraceScene(origin, direction, filterCriteria);
     }
     removeFlag(token) {
-        let success = false;
-        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)) {
-                    this.stateEngine.viewportEngines[this.id].busy.splice(this.stateEngine.viewportEngines[this.id].busy.indexOf(token), 1);
-                    success = true;
-                    break;
-                }
-            }
-            else {
-                if (__classPrivateFieldGet(this, _RenderingEngine_flags, "f")[f].includes(token)) {
-                    __classPrivateFieldGet(this, _RenderingEngine_flags, "f")[f].splice(__classPrivateFieldGet(this, _RenderingEngine_flags, "f")[f].indexOf(token), 1);
-                    success = true;
-                    break;
-                }
-            }
-        }
-        this.evaluateFlagState();
-        return success;
+        return this._flagManager.removeFlag(token);
     }
     reset() {
         var _a, _b, _c, _d;
@@ -995,84 +816,7 @@ class RenderingEngine {
         this._renderingManager.render();
     }
     saveSettings(settingsEngine) {
-        settingsEngine = settingsEngine || this._settingsEngine;
-        if (!settingsEngine)
-            return;
-        this.lightEngine.saveSettings(settingsEngine);
-        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.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.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.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.rendering.lights = this.lights;
-        settingsEngine.rendering.outputEncoding = this.outputEncoding;
-        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.beautyRenderDelay = this.beautyRenderDelay;
-        settingsEngine.rendering.shadows = this.shadows;
-        settingsEngine.rendering.softShadows = this.softShadows;
+        this._settingsManager.saveSettings(settingsEngine);
     }
     start() {
         var _a;
@@ -1080,7 +824,8 @@ class RenderingEngine {
         (_a = this._stateEngine.viewportEngines[this.id]) === null || _a === void 0 ? void 0 : _a.boundingBoxCreated.then(() => {
             this._environmentGeometryManager.changeSceneExtents(this._sceneTreeManager.boundingBox);
         });
-        if (this._sessionSettingsMode === viewer_shared_services_1.SESSION_SETTINGS_MODE.NONE) {
+        if (this._settingsManager.sessionSettingsMode ===
+            viewer_shared_services_1.SESSION_SETTINGS_MODE.NONE) {
             this.environmentMap = "photo_studio";
         }
     }
@@ -1094,179 +839,20 @@ class RenderingEngine {
         this._renderingManager.updateShadowMap();
         this._animationEngine.updateAnimationData();
         this._renderingManager.render();
-        this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE_VIEWPORT.VIEWPORT_UPDATED, { viewportId: this.id });
+        this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE_VIEWPORT.VIEWPORT_UPDATED, {
+            viewportId: this.id,
+        });
     }
     updateEnvironmentGeometry() {
         this._environmentGeometryManager.updateEnvironmentGeometryPosition();
     }
-    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",
-            };
-            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",
-                };
-                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 arPlacement = options.arPlacement !== 'wall' ? 'floor' : 'wall';
-            // const xrEnvironment = options.xrEnvironment !== true ? false : true;
-            // let arEnvironment = '';
-            // const envMapUrl = this.getEnvironmentMapImageUrl();
-            // if (envMapUrl !== '') {
-            //   if (envMapUrl.endsWith('.hdr')) {
-            //     arEnvironment = 'skybox-image=' + envMapUrl;
-            //   } else {
-            //     arEnvironment = 'environment-image=' + envMapUrl;
-            //   }
-            // }
-            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");
-                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;`;
-                a.click();
-            }
-            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);
-        });
+    viewInAR(file, options) {
+        return this._arManager.viewInAR(file, options);
     }
     viewableInAR() {
-        // has to be a mobile device (duh)
-        if (this._systemInfo.isIOS === false &&
-            this._systemInfo.isAndroid === false)
-            return false;
-        // no Firefox on Android
-        if (this._systemInfo.isAndroid === true &&
-            this._systemInfo.isFirefox === true)
-            return false;
-        // no Firefox on iOS
-        if (this._systemInfo.isIOS === true &&
-            this._systemInfo.isFirefox === true)
-            return false;
-        // no Instagram on iOS
-        if (this._systemInfo.isIOS === true &&
-            this._systemInfo.isInstagram === true)
-            return false;
-        return true;
-    }
-    // #endregion Public Methods (25)
-    // #region Private Methods (1)
-    applySyncSettings(sections = {
-        ar: true,
-        scene: true,
-        camera: true,
-        light: true,
-        environment: true,
-        general: true,
-        postprocessing: true,
-    }, settingsEngine, updateViewport = true) {
-        var _a;
-        settingsEngine = settingsEngine || this._settingsEngine;
-        if (!settingsEngine)
-            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,
-            ];
-        }
-        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.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;
-        }
-        if (sections.general) {
-            this.defaultMaterialColor =
-                settingsEngine.material.defaultMaterialColor;
-            this.materialOverrideType = settingsEngine.material
-                .materialOverrideType;
-            this.pointSize = settingsEngine.general.pointSize;
-        }
-        if (sections.light)
-            this.lightEngine.applySettings(settingsEngine);
-        if (sections.camera)
-            this.cameraEngine.applySettings(settingsEngine);
-        if (sections.postprocessing)
-            this.postProcessingManager.applySettings(settingsEngine);
-        // call adjust camera to load the three.js camera objects
-        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");
+        return this._arManager.viewableInAR();
     }
 }
 exports.RenderingEngine = RenderingEngine;
-_RenderingEngine_defaultLogo = new WeakMap(), _RenderingEngine_defaultLogoStatic = new WeakMap(), _RenderingEngine_defaultSpinner = new WeakMap(), _RenderingEngine_animations = new WeakMap(), _RenderingEngine_flags = new WeakMap();
+_RenderingEngine_defaultLogo = new WeakMap(), _RenderingEngine_defaultSpinner = new WeakMap();
 //# sourceMappingURL=RenderingEngine.js.map