@babylonjs/viewer 5.0.0-rc.4 → 5.0.0

package/managers/sceneManager.d.ts

@@ -1,22 +1,24 @@
-import { ILightConfiguration, ISceneConfiguration, ISceneOptimizerConfiguration, ICameraConfiguration, ISkyboxConfiguration, IGroundConfiguration, IModelConfiguration, IVRConfiguration } from '../configuration/interfaces/index';
-import { ViewerConfiguration } from '../configuration/configuration';
-import { ViewerModel } from '../model/viewerModel';
-import { ViewerLabs } from '../labs/viewerLabs';
-import { ObservablesManager } from '../managers/observablesManager';
-import { ConfigurationContainer } from '../configuration/configurationContainer';
-import { IEnvironmentMapConfiguration } from '../configuration/interfaces/environmentMapConfiguration';
-import { Observable } from '@babylonjs/core/Misc/observable';
-import { SceneOptimizer } from '@babylonjs/core/Misc/sceneOptimizer';
-import { ArcRotateCamera } from '@babylonjs/core/Cameras/arcRotateCamera';
-import { Light } from '@babylonjs/core/Lights/light';
-import { EnvironmentHelper } from '@babylonjs/core/Helpers/environmentHelper';
-import { VRExperienceHelper } from '@babylonjs/core/Cameras/VR/vrExperienceHelper';
-import { Color3 } from '@babylonjs/core/Maths/math';
-import { Nullable } from '@babylonjs/core/types';
-import { DefaultRenderingPipeline } from '@babylonjs/core/PostProcesses/RenderPipeline/Pipelines/defaultRenderingPipeline';
-import { Engine } from '@babylonjs/core/Engines/engine';
-import { IShadowLight } from '@babylonjs/core/Lights/shadowLight';
-import { Scene } from '@babylonjs/core/scene';
+import type { ILightConfiguration, ISceneConfiguration, ISceneOptimizerConfiguration, ICameraConfiguration, ISkyboxConfiguration, IGroundConfiguration, IModelConfiguration, IVRConfiguration } from "../configuration/interfaces/index";
+import type { ViewerConfiguration } from "../configuration/configuration";
+import type { ViewerModel } from "../model/viewerModel";
+import { ViewerLabs } from "../labs/viewerLabs";
+import type { ObservablesManager } from "../managers/observablesManager";
+import type { ConfigurationContainer } from "../configuration/configurationContainer";
+import type { IEnvironmentMapConfiguration } from "../configuration/interfaces/environmentMapConfiguration";
+import { Observable } from "@babylonjs/core/Misc/observable.js";
+import { SceneOptimizer } from "@babylonjs/core/Misc/sceneOptimizer.js";
+import { ArcRotateCamera } from "@babylonjs/core/Cameras/arcRotateCamera.js";
+import { Light } from "@babylonjs/core/Lights/light.js";
+import { EnvironmentHelper } from "@babylonjs/core/Helpers/environmentHelper.js";
+import type { VRExperienceHelper } from "@babylonjs/core/Cameras/VR/vrExperienceHelper.js";
+import { Color3 } from "@babylonjs/core/Maths/math.js";
+import type { Nullable } from "@babylonjs/core/types.js";
+import { DefaultRenderingPipeline } from "@babylonjs/core/PostProcesses/RenderPipeline/Pipelines/defaultRenderingPipeline.js";
+import type { Engine } from "@babylonjs/core/Engines/engine.js";
+import type { IShadowLight } from "@babylonjs/core/Lights/shadowLight.js";
+import { Scene } from "@babylonjs/core/scene.js";
+import "@babylonjs/core/Audio/audioSceneComponent.js";
+import "@babylonjs/core/Helpers/sceneHelpers.js";
 /**
  * This interface describes the structure of the variable sent with the configuration observables of the scene manager.
  * O - the type of object we are dealing with (Light, ArcRotateCamera, Scene, etc')
@@ -59,7 +61,7 @@ export declare class SceneManager {
      */
     onModelsConfiguredObservable: Observable<IPostConfigurationCallback<Array<ViewerModel>, IModelConfiguration>>;
     /**
-     * Will notify after the envirnoment was configured. Can be used to further configure the environment
+     * Will notify after the environment was configured. Can be used to further configure the environment
      */
     onEnvironmentConfiguredObservable: Observable<IPostConfigurationCallback<EnvironmentHelper, {
         skybox?: ISkyboxConfiguration | boolean;
@@ -89,12 +91,11 @@ export declare class SceneManager {
      * Babylon's environment helper of this viewer
      */
     environmentHelper?: EnvironmentHelper;
-    private _animationBlendingEnabled;
     protected _defaultHighpTextureType: number;
     protected _shadowGeneratorBias: number;
     protected _defaultPipelineTextureType: number;
     /**
-     * The maximum number of shadows supported by the curent viewer
+     * The maximum number of shadows supported by the current viewer
      */
     protected _maxShadows: number;
     /**
@@ -144,11 +145,11 @@ export declare class SceneManager {
     set groundEnabled(newValue: boolean);
     private _groundMirrorEnabled;
     /**
-     * gets wether the reflection is disabled.
+     * gets whether the reflection is disabled.
      */
     get groundMirrorEnabled(): boolean;
     /**
-     * sets wether the reflection is disabled.
+     * sets whether the reflection is disabled.
      */
     set groundMirrorEnabled(value: boolean);
     private _defaultRenderingPipelineEnabled;
@@ -161,14 +162,14 @@ export declare class SceneManager {
     unlockBabylonFeatures(): void;
     /**
      * initialize the scene. Calling this function again will dispose the old scene, if exists.
+     * @param sceneConfiguration
      */
-    initScene(sceneConfiguration?: ISceneConfiguration, optimizerConfiguration?: boolean | ISceneOptimizerConfiguration): Promise<Scene>;
+    initScene(sceneConfiguration?: ISceneConfiguration): Promise<Scene>;
     clearScene(clearModels?: boolean, clearLights?: boolean): void;
     private _globalConfiguration;
     /**
      * This will update the scene's configuration, including camera, lights, environment.
      * @param newConfiguration the delta that should be configured. This includes only the changes
-     * @param globalConfiguration The global configuration object, after the new configuration was merged into it
      */
     updateConfiguration(newConfiguration: Partial<ViewerConfiguration>): void;
     private _defaultRenderingPipelineShouldBuild;
@@ -201,16 +202,13 @@ export declare class SceneManager {
     /**
      * (Re) configure the camera. The camera will only be created once and from this point will only be reconfigured.
      * @param cameraConfig the new camera configuration
-     * @param model optionally use the model to configure the camera.
      */
     protected _configureCamera(cameraConfig?: ICameraConfiguration): void;
     private _focusOnModel;
     protected _configureEnvironment(skyboxConifguration?: ISkyboxConfiguration | boolean, groundConfiguration?: IGroundConfiguration | boolean): void;
     /**
      * configure the lights.
-     *
      * @param lightsConfiguration the (new) light(s) configuration
-     * @param model optionally use the model to configure the camera.
      */
     protected _configureLights(lightsConfiguration?: {
         [name: string]: ILightConfiguration | boolean | number;
@@ -231,7 +229,7 @@ export declare class SceneManager {
      */
     protected _handleHardwareLimitations(enableHDR?: boolean): void;
     /**
-     * Dispoe the entire viewer including the scene and the engine
+     * Dispose the entire viewer including the scene and the engine
      */
     dispose(): void;
     /**

package/managers/sceneManager.js

@@ -1,35 +1,36 @@
-import { getConfigurationKey } from '../configuration/configuration.js';
-import { ModelState } from '../model/viewerModel.js';
-import { extendClassWithConfig, deepmerge } from '../helper/index.js';
-import { ViewerLabs } from '../labs/viewerLabs.js';
-import { getCustomOptimizerByName } from '../optimizer/custom/index.js';
-import { Observable } from '@babylonjs/core/Misc/observable.js';
-import { SceneOptimizer, SceneOptimizerOptions } from '@babylonjs/core/Misc/sceneOptimizer.js';
-import { ArcRotateCamera } from '@babylonjs/core/Cameras/arcRotateCamera.js';
-import { Light } from '@babylonjs/core/Lights/light.js';
-import { EnvironmentHelper } from '@babylonjs/core/Helpers/environmentHelper.js';
-import { Color3, Quaternion, Vector3, Axis, Matrix } from '@babylonjs/core/Maths/math.js';
-import { DefaultRenderingPipeline } from '@babylonjs/core/PostProcesses/RenderPipeline/Pipelines/defaultRenderingPipeline.js';
-import { Animation } from '@babylonjs/core/Animations/index.js';
-import { AnimationPropertiesOverride } from '@babylonjs/core/Animations/animationPropertiesOverride.js';
-import { RenderTargetTexture } from '@babylonjs/core/Materials/Textures/renderTargetTexture.js';
-import { PBRMaterial } from '@babylonjs/core/Materials/PBR/pbrMaterial.js';
-import { ShadowLight } from '@babylonjs/core/Lights/shadowLight.js';
-import { CubeTexture } from '@babylonjs/core/Materials/Textures/cubeTexture.js';
-import { HemisphericLight } from '@babylonjs/core/Lights/hemisphericLight.js';
-import { Scalar } from '@babylonjs/core/Maths/math.scalar.js';
+import { getConfigurationKey } from "../configuration/configuration.js";
+import { ModelState } from "../model/viewerModel.js";
+import { extendClassWithConfig, deepmerge } from "../helper/index.js";
+import { ViewerLabs } from "../labs/viewerLabs.js";
+import { getCustomOptimizerByName } from "../optimizer/custom/index.js";
+import { Observable } from "@babylonjs/core/Misc/observable.js";
+import { SceneOptimizer, SceneOptimizerOptions } from "@babylonjs/core/Misc/sceneOptimizer.js";
+import { ArcRotateCamera } from "@babylonjs/core/Cameras/arcRotateCamera.js";
+import { Light } from "@babylonjs/core/Lights/light.js";
+import { EnvironmentHelper } from "@babylonjs/core/Helpers/environmentHelper.js";
+import { Color3, Quaternion, Vector3, Axis, Matrix } from "@babylonjs/core/Maths/math.js";
+import { DefaultRenderingPipeline } from "@babylonjs/core/PostProcesses/RenderPipeline/Pipelines/defaultRenderingPipeline.js";
+import { Animation } from "@babylonjs/core/Animations/index.js";
+import { AnimationPropertiesOverride } from "@babylonjs/core/Animations/animationPropertiesOverride.js";
+import { RenderTargetTexture } from "@babylonjs/core/Materials/Textures/renderTargetTexture.js";
+import { PBRMaterial } from "@babylonjs/core/Materials/PBR/pbrMaterial.js";
+import { ShadowLight } from "@babylonjs/core/Lights/shadowLight.js";
+import { CubeTexture } from "@babylonjs/core/Materials/Textures/cubeTexture.js";
+import { HemisphericLight } from "@babylonjs/core/Lights/hemisphericLight.js";
+import { Scalar } from "@babylonjs/core/Maths/math.scalar.js";
 import { CreatePlane } from "@babylonjs/core/Meshes/Builders/planeBuilder.js";
-import { Tags } from '@babylonjs/core/Misc/tags.js';
-import { Scene } from '@babylonjs/core/scene.js';
-import { ShadowGenerator } from '@babylonjs/core/Lights/Shadows/shadowGenerator.js';
-import { Constants } from '@babylonjs/core/Engines/constants.js';
+import { Tags } from "@babylonjs/core/Misc/tags.js";
+import { Scene } from "@babylonjs/core/scene.js";
+import { ShadowGenerator } from "@babylonjs/core/Lights/Shadows/shadowGenerator.js";
+import { Constants } from "@babylonjs/core/Engines/constants.js";
+import "@babylonjs/core/Audio/audioSceneComponent.js";
+import "@babylonjs/core/Helpers/sceneHelpers.js";
 var SceneManager = /** @class */ (function () {
     function SceneManager(_engine, _configurationContainer, _observablesManager) {
         var _this = this;
         this._engine = _engine;
         this._configurationContainer = _configurationContainer;
         this._observablesManager = _observablesManager;
-        this._animationBlendingEnabled = true;
         this._white = Color3.White();
         this._forceShadowUpdate = false;
         this._processShadows = true;
@@ -98,13 +99,13 @@ var SceneManager = /** @class */ (function () {
                     updateShadows();
                     _this._forceShadowUpdate = false;
                 }
-                else if (!(_this.models.every(function (model) {
+                else if (!_this.models.every(function (model) {
                     if (!model.shadowsRenderedAfterLoad) {
                         model.shadowsRenderedAfterLoad = true;
                         return false;
                     }
                     return model.state === ModelState.COMPLETE && !model.currentAnimation;
-                }))) {
+                })) {
                     updateShadows();
                 }
             });
@@ -240,13 +241,13 @@ var SceneManager = /** @class */ (function () {
     });
     Object.defineProperty(SceneManager.prototype, "groundMirrorEnabled", {
         /**
-         * gets wether the reflection is disabled.
+         * gets whether the reflection is disabled.
          */
         get: function () {
             return this._groundMirrorEnabled;
         },
         /**
-         * sets wether the reflection is disabled.
+         * sets whether the reflection is disabled.
          */
         set: function (value) {
             if (this._groundMirrorEnabled === value) {
@@ -304,10 +305,11 @@ var SceneManager = /** @class */ (function () {
     };
     /**
      * initialize the scene. Calling this function again will dispose the old scene, if exists.
+     * @param sceneConfiguration
      */
-    SceneManager.prototype.initScene = function (sceneConfiguration, optimizerConfiguration) {
+    SceneManager.prototype.initScene = function (sceneConfiguration) {
         if (sceneConfiguration === void 0) { sceneConfiguration = {}; }
-        // if the scen exists, dispose it.
+        // if the scene exists, dispose it.
         if (this.scene) {
             this.scene.dispose();
         }
@@ -316,7 +318,7 @@ var SceneManager = /** @class */ (function () {
         this._configurationContainer.scene = this.scene;
         // set a default PBR material
         if (!sceneConfiguration.defaultMaterial) {
-            var defaultMaterial = new PBRMaterial('defaultMaterial', this.scene);
+            var defaultMaterial = new PBRMaterial("defaultMaterial", this.scene);
             defaultMaterial.reflectivityColor = new Color3(0.1, 0.1, 0.1);
             defaultMaterial.microSurface = 0.6;
             if (this.scene.defaultMaterial) {
@@ -351,7 +353,6 @@ var SceneManager = /** @class */ (function () {
     /**
      * This will update the scene's configuration, including camera, lights, environment.
      * @param newConfiguration the delta that should be configured. This includes only the changes
-     * @param globalConfiguration The global configuration object, after the new configuration was merged into it
      */
     SceneManager.prototype.updateConfiguration = function (newConfiguration) {
         var _this = this;
@@ -388,10 +389,10 @@ var SceneManager = /** @class */ (function () {
             this._configureVR(newConfiguration.vr);
         }
         if (newConfiguration.lab) {
-            // rendering piplines
+            // rendering pipelines
             if (newConfiguration.lab.defaultRenderingPipelines) {
                 var pipelineConfig = newConfiguration.lab.defaultRenderingPipelines;
-                if (typeof pipelineConfig === 'boolean') {
+                if (typeof pipelineConfig === "boolean") {
                     this.defaultRenderingPipelineEnabled = pipelineConfig;
                 }
                 else {
@@ -404,7 +405,9 @@ var SceneManager = /** @class */ (function () {
             }
             if (newConfiguration.lab.globalLightRotation !== undefined) {
                 // rotate all lights that are shadow lights
-                this.scene.lights.filter(function (light) { return light instanceof ShadowLight; }).forEach(function (light) {
+                this.scene.lights
+                    .filter(function (light) { return light instanceof ShadowLight; })
+                    .forEach(function (light) {
                     // casting and '!' are safe, due to the constraints tested before
                     _this.labs.rotateShadowLight(light, newConfiguration.lab.globalLightRotation);
                 });
@@ -440,12 +443,12 @@ var SceneManager = /** @class */ (function () {
             this.scene.autoClearDepthAndStencil = false;
             this._defaultRenderingPipelineShouldBuild = true;
             var bloomEnabled = this._bloomEnabled;
-            if (typeof pipelineConfig !== 'boolean') {
+            if (typeof pipelineConfig !== "boolean") {
                 extendClassWithConfig(this._defaultRenderingPipeline, pipelineConfig);
                 this._bloomEnabled = !!pipelineConfig.bloomEnabled;
                 this._fxaaEnabled = !!pipelineConfig.fxaaEnabled;
                 bloomEnabled = this._bloomEnabled && pipelineConfig.bloomWeight !== undefined && pipelineConfig.bloomWeight > 0;
-                this._defaultRenderingPipeline.bloomWeight = (pipelineConfig.bloomWeight !== undefined && pipelineConfig.bloomWeight) || (this._defaultRenderingPipeline.bloomWeight);
+                this._defaultRenderingPipeline.bloomWeight = (pipelineConfig.bloomWeight !== undefined && pipelineConfig.bloomWeight) || this._defaultRenderingPipeline.bloomWeight;
             }
             this._defaultRenderingPipeline.bloomEnabled = bloomEnabled;
             this._defaultRenderingPipeline.fxaaEnabled = this.fxaaEnabled;
@@ -489,8 +492,8 @@ var SceneManager = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    SceneManager.prototype.setDefaultMaterial = function (sceneConfig) {
-    };
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    SceneManager.prototype.setDefaultMaterial = function (sceneConfig) { };
     /**
      * internally configure the scene using the provided configuration.
      * The scene will not be recreated, but just updated.
@@ -570,7 +573,7 @@ var SceneManager = /** @class */ (function () {
         this.onSceneConfiguredObservable.notifyObservers({
             sceneManager: this,
             object: this.scene,
-            newConfiguration: sceneConfig
+            newConfiguration: sceneConfig,
         });
     };
     /**
@@ -580,7 +583,7 @@ var SceneManager = /** @class */ (function () {
      */
     SceneManager.prototype._configureOptimizer = function (optimizerConfig) {
         var _this = this;
-        if (typeof optimizerConfig === 'boolean') {
+        if (typeof optimizerConfig === "boolean") {
             if (this.sceneOptimizer) {
                 this.sceneOptimizer.stop();
                 this.sceneOptimizer.dispose();
@@ -627,7 +630,7 @@ var SceneManager = /** @class */ (function () {
         this.onSceneOptimizerConfiguredObservable.notifyObservers({
             sceneManager: this,
             object: this.sceneOptimizer,
-            newConfiguration: optimizerConfig
+            newConfiguration: optimizerConfig,
         });
     };
     /**
@@ -660,7 +663,7 @@ var SceneManager = /** @class */ (function () {
         var vrOptions = deepmerge({
             useCustomVRButton: true,
             createDeviceOrientationCamera: false,
-            trackPosition: true
+            trackPosition: true,
         }, vrConfig.vrOptions || {});
         this._vrHelper = this.scene.createDefaultVRExperience(vrOptions);
         if (!vrConfig.disableInteractions) {
@@ -669,7 +672,7 @@ var SceneManager = /** @class */ (function () {
         if (!vrConfig.disableTeleportation) {
             var floorMeshName = vrConfig.overrideFloorMeshName || "BackgroundPlane";
             this._vrHelper.enableTeleportation({
-                floorMeshName: floorMeshName
+                floorMeshName: floorMeshName,
             });
         }
         if (vrConfig.rotateUsingControllers) {
@@ -713,7 +716,7 @@ var SceneManager = /** @class */ (function () {
         this.onVRConfiguredObservable.notifyObservers({
             sceneManager: this,
             object: this._vrHelper,
-            newConfiguration: vrConfig
+            newConfiguration: vrConfig,
         });
     };
     SceneManager.prototype._configureEnvironmentMap = function (environmentMapConfiguration) {
@@ -759,16 +762,11 @@ var SceneManager = /** @class */ (function () {
     /**
      * (Re) configure the camera. The camera will only be created once and from this point will only be reconfigured.
      * @param cameraConfig the new camera configuration
-     * @param model optionally use the model to configure the camera.
      */
     SceneManager.prototype._configureCamera = function (cameraConfig) {
         var _this = this;
         if (cameraConfig === void 0) { cameraConfig = {}; }
         if (!this.scene.activeCamera) {
-            var attachControl = true;
-            if (this._globalConfiguration.scene && this._globalConfiguration.scene.disableCameraControl) {
-                attachControl = false;
-            }
             // Inline scene.createDefaultCamera to reduce file size
             // Dispose existing camera in replace mode.
             if (this.scene.activeCamera) {
@@ -780,7 +778,6 @@ var SceneManager = /** @class */ (function () {
                 var worldExtends = this.scene.getWorldExtends();
                 var worldSize = worldExtends.max.subtract(worldExtends.min);
                 var worldCenter = worldExtends.min.add(worldSize.scale(0.5));
-                var camera;
                 var radius = worldSize.length() * 1.5;
                 // empty scene scenario!
                 if (!isFinite(radius)) {
@@ -790,7 +787,7 @@ var SceneManager = /** @class */ (function () {
                 var arcRotateCamera = new ArcRotateCamera("default camera", -(Math.PI / 2), Math.PI / 2, radius, worldCenter, this.scene);
                 arcRotateCamera.lowerRadiusLimit = radius * 0.01;
                 arcRotateCamera.wheelPrecision = 100 / radius;
-                camera = arcRotateCamera;
+                var camera = arcRotateCamera;
                 camera.minZ = radius * 0.01;
                 camera.maxZ = radius * 1000;
                 camera.speed = radius * 0.2;
@@ -846,7 +843,7 @@ var SceneManager = /** @class */ (function () {
         this.onCameraConfiguredObservable.notifyObservers({
             sceneManager: this,
             object: this.camera,
-            newConfiguration: cameraConfig
+            newConfiguration: cameraConfig,
         });
     };
     SceneManager.prototype._configureEnvironment = function (skyboxConifguration, groundConfiguration) {
@@ -872,8 +869,8 @@ var SceneManager = /** @class */ (function () {
                 options.groundYBias = -center.y;
             }*/
             if (groundConfiguration) {
-                var groundConfig_1 = (typeof groundConfiguration === 'boolean') ? {} : groundConfiguration;
-                var groundSize = groundConfig_1.size || (typeof skyboxConifguration === 'object' && skyboxConifguration.scale);
+                var groundConfig_1 = typeof groundConfiguration === "boolean" ? {} : groundConfiguration;
+                var groundSize = groundConfig_1.size || (typeof skyboxConifguration === "object" && skyboxConifguration.scale);
                 if (groundSize) {
                     options.groundSize = groundSize;
                 }
@@ -974,7 +971,7 @@ var SceneManager = /** @class */ (function () {
             if (this.environmentHelper.rootMesh && this._globalConfiguration.scene && this._globalConfiguration.scene.environmentRotationY !== undefined) {
                 this.environmentHelper.rootMesh.rotation.y = this._globalConfiguration.scene.environmentRotationY;
             }
-            var groundConfig = (typeof groundConfiguration === 'boolean') ? {} : groundConfiguration;
+            var groundConfig = typeof groundConfiguration === "boolean" ? {} : groundConfiguration;
             if (this.environmentHelper.groundMaterial && groundConfig) {
                 this.environmentHelper.groundMaterial._perceptualColor = this.mainColor;
                 if (groundConfig.material) {
@@ -998,35 +995,34 @@ var SceneManager = /** @class */ (function () {
             if (skyboxMaterial) {
                 skyboxMaterial._perceptualColor = this.mainColor;
                 if (postInitSkyboxMaterial) {
-                    if (typeof skyboxConifguration === 'object' && skyboxConifguration.material) {
+                    if (typeof skyboxConifguration === "object" && skyboxConifguration.material) {
                         extendClassWithConfig(skyboxMaterial, skyboxConifguration.material);
                     }
                 }
             }
         }
-        this._observablesManager && this._observablesManager.onModelLoadedObservable.add(function (model) {
-            _this._updateGroundMirrorRenderList(model);
-        });
+        this._observablesManager &&
+            this._observablesManager.onModelLoadedObservable.add(function (model) {
+                _this._updateGroundMirrorRenderList(model);
+            });
         this.onEnvironmentConfiguredObservable.notifyObservers({
             sceneManager: this,
             object: this.environmentHelper,
             newConfiguration: {
                 skybox: skyboxConifguration,
-                ground: groundConfiguration
-            }
+                ground: groundConfiguration,
+            },
         });
     };
     /**
      * configure the lights.
-     *
      * @param lightsConfiguration the (new) light(s) configuration
-     * @param model optionally use the model to configure the camera.
      */
     SceneManager.prototype._configureLights = function (lightsConfiguration) {
         var _this = this;
         if (lightsConfiguration === void 0) { lightsConfiguration = {}; }
         // sanity check!
-        var lightKeys = Object.keys(lightsConfiguration).filter(function (name) { return name !== 'globalRotation'; });
+        var lightKeys = Object.keys(lightsConfiguration).filter(function (name) { return name !== "globalRotation"; });
         if (!lightKeys.length) {
             if (!this.scene.lights.length) {
                 new HemisphericLight("default light", Vector3.Up(), this.scene);
@@ -1043,12 +1039,12 @@ var SceneManager = /** @class */ (function () {
                     }
                 });
             }
-            lightKeys.forEach(function (name, idx) {
+            lightKeys.forEach(function (name) {
                 var lightConfig = { type: 0 };
-                if (typeof lightsConfiguration[name] === 'object') {
+                if (typeof lightsConfiguration[name] === "object") {
                     lightConfig = lightsConfiguration[name];
                 }
-                if (typeof lightsConfiguration[name] === 'number') {
+                if (typeof lightsConfiguration[name] === "number") {
                     lightConfig.type = lightsConfiguration[name];
                 }
                 lightConfig.name = name;
@@ -1064,7 +1060,7 @@ var SceneManager = /** @class */ (function () {
                 else {
                     // available? get it from the scene
                     light = _this.scene.getLightByName(name);
-                    if (typeof lightsConfiguration[name] === 'boolean') {
+                    if (typeof lightsConfiguration[name] === "boolean") {
                         lightConfig.type = light.getTypeID();
                     }
                     lightsAvailable_1 = lightsAvailable_1.filter(function (ln) { return ln !== name; });
@@ -1109,7 +1105,7 @@ var SceneManager = /** @class */ (function () {
                     else if (light.getTypeID() === Light.LIGHTTYPEID_SPOTLIGHT) {
                         var spotLight = light;
                         if (lightConfig.spotAngle !== undefined) {
-                            spotLight.angle = lightConfig.spotAngle * Math.PI / 180;
+                            spotLight.angle = (lightConfig.spotAngle * Math.PI) / 180;
                         }
                         if (spotLight.angle && lightConfig.shadowFieldOfView) {
                             spotLight.shadowAngleScale = lightConfig.shadowFieldOfView / spotLight.angle;
@@ -1118,7 +1114,7 @@ var SceneManager = /** @class */ (function () {
                     }
                     else if (light.getTypeID() === Light.LIGHTTYPEID_POINTLIGHT) {
                         if (lightConfig.shadowFieldOfView) {
-                            light.shadowAngle = lightConfig.shadowFieldOfView * Math.PI / 180;
+                            light.shadowAngle = (lightConfig.shadowFieldOfView * Math.PI) / 180;
                         }
                         isShadowEnabled = true;
                     }
@@ -1133,10 +1129,11 @@ var SceneManager = /** @class */ (function () {
                         shadowGenerator_1.blurKernel = blurKernel;
                         //override defaults
                         extendClassWithConfig(shadowGenerator_1, lightConfig.shadowConfig || {});
-                        // add the focues meshes to the shadow list
-                        _this._observablesManager && _this._observablesManager.onModelLoadedObservable.add(function (model) {
-                            _this._updateShadowRenderList(shadowGenerator_1, model);
-                        });
+                        // add the focus meshes to the shadow list
+                        _this._observablesManager &&
+                            _this._observablesManager.onModelLoadedObservable.add(function (model) {
+                                _this._updateShadowRenderList(shadowGenerator_1, model);
+                            });
                         //if (model) {
                         _this._updateShadowRenderList(shadowGenerator_1);
                         //}
@@ -1147,9 +1144,12 @@ var SceneManager = /** @class */ (function () {
                 }
             });
             // render priority
-            var globalLightsConfiguration_1 = this._globalConfiguration.lights || {};
-            Object.keys(globalLightsConfiguration_1).sort().forEach(function (name, idx) {
-                var configuration = globalLightsConfiguration_1[name];
+            var globalLightsConfiguration = this._globalConfiguration.lights || {};
+            Object.keys(globalLightsConfiguration)
+                .sort()
+                .forEach(function (name, idx) {
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                // const configuration = globalLightsConfiguration[name];
                 var light = _this.scene.getLightByName(name);
                 // sanity check
                 if (!light) {
@@ -1161,12 +1161,12 @@ var SceneManager = /** @class */ (function () {
         this.onLightsConfiguredObservable.notifyObservers({
             sceneManager: this,
             object: this.scene.lights,
-            newConfiguration: lightsConfiguration
+            newConfiguration: lightsConfiguration,
         });
     };
     SceneManager.prototype._updateShadowRenderList = function (shadowGenerator, model, resetList) {
         var focusMeshes = model ? model.meshes : this.scene.meshes;
-        // add the focues meshes to the shadow list
+        // add the focus meshes to the shadow list
         var shadownMap = shadowGenerator.getShadowMap();
         if (!shadownMap) {
             return;
@@ -1179,7 +1179,7 @@ var SceneManager = /** @class */ (function () {
         }
         for (var index = 0; index < focusMeshes.length; index++) {
             var mesh = focusMeshes[index];
-            if (Tags.MatchesQuery(mesh, 'castShadow') && shadownMap.renderList.indexOf(mesh) === -1) {
+            if (Tags.MatchesQuery(mesh, "castShadow") && shadownMap.renderList.indexOf(mesh) === -1) {
                 shadownMap.renderList.push(mesh);
             }
         }
@@ -1188,7 +1188,7 @@ var SceneManager = /** @class */ (function () {
                 var shadowGroundPlane = CreatePlane("shadowGroundPlane", { size: 100 }, this.scene);
                 shadowGroundPlane.useVertexColors = false;
                 //material isn't ever used in rendering, just used to set back face culling
-                shadowGroundPlane.material = new PBRMaterial('shadowGroundPlaneMaterial', this.scene);
+                shadowGroundPlane.material = new PBRMaterial("shadowGroundPlaneMaterial", this.scene);
                 shadowGroundPlane.material.backFaceCulling = false;
                 shadowGroundPlane.rotation.x = Math.PI * 0.5;
                 shadowGroundPlane.freezeWorldMatrix();
@@ -1252,7 +1252,7 @@ var SceneManager = /** @class */ (function () {
         var maxVaryingRows = this._engine.getCaps().maxVaryingVectors;
         var maxFragmentSamplers = this._engine.getCaps().maxTexturesImageUnits;
         //shadows are disabled if there's not enough varyings for a single shadow
-        if ((maxVaryingRows < 8) || (maxFragmentSamplers < 8)) {
+        if (maxVaryingRows < 8 || maxFragmentSamplers < 8) {
             this._maxShadows = 0;
         }
         else {
@@ -1278,7 +1278,7 @@ var SceneManager = /** @class */ (function () {
         this._defaultPipelineTextureType = this._hdrSupport ? this._defaultHighpTextureType : Constants.TEXTURETYPE_UNSIGNED_INT;
     };
     /**
-     * Dispoe the entire viewer including the scene and the engine
+     * Dispose the entire viewer including the scene and the engine
      */
     SceneManager.prototype.dispose = function () {
         // this.onCameraConfiguredObservable.clear();
@@ -1323,13 +1323,13 @@ var SceneManager = /** @class */ (function () {
         }
         return returnUrl;
     };
-    SceneManager.prototype._setCameraBehavior = function (name, behaviorConfig, payload) {
+    SceneManager.prototype._setCameraBehavior = function (name, behaviorConfig) {
         var behavior;
         var type;
-        if (typeof behaviorConfig === 'object') {
+        if (typeof behaviorConfig === "object") {
             type = behaviorConfig.type;
         }
-        else if (typeof behaviorConfig === 'number') {
+        else if (typeof behaviorConfig === "number") {
             type = behaviorConfig;
         }
         else {
@@ -1338,9 +1338,9 @@ var SceneManager = /** @class */ (function () {
         if (type === undefined) {
             return;
         }
-        var config = (typeof behaviorConfig === "object") ? behaviorConfig : {};
+        var config = typeof behaviorConfig === "object" ? behaviorConfig : {};
         var enabled = true;
-        if (typeof behaviorConfig === 'boolean') {
+        if (typeof behaviorConfig === "boolean") {
             enabled = behaviorConfig;
         }
         // constructing behavior
@@ -1374,11 +1374,12 @@ var SceneManager = /** @class */ (function () {
             case 1 /* BOUNCING */:
                 break;
             case 2 /* FRAMING */:
-                this._observablesManager && this._observablesManager.onModelLoadedObservable.add(function (model) {
-                    if (config.zoomOnBoundingInfo) {
-                        behavior.zoomOnMeshHierarchy(model.rootMesh);
-                    }
-                });
+                this._observablesManager &&
+                    this._observablesManager.onModelLoadedObservable.add(function (model) {
+                        if (config.zoomOnBoundingInfo) {
+                            behavior.zoomOnMeshHierarchy(model.rootMesh);
+                        }
+                    });
                 break;
         }
     };