@configura/babylon-view 2.2.0-alpha.1 → 2.2.0-alpha.3

package/dist/view/BaseViewConfiguration.d.ts

@@ -1,33 +1,39 @@
-import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
-import { DetailLevel } from "@configura/web-core/dist/cm/geometry/DetailMask.js";
-import { EventListener } from "@configura/web-utilities";
-import { RenderEnv } from "./RenderEnv.js";
-export { DetailLevel } from "@configura/web-core/dist/cm/geometry/DetailMask.js";
-/**
- * @param allowedDetailLevels Optionally controls the detail level (LOD, level of detail) allowed
- * when loading the 3D models. Provide a single DetailLevel or an array of them if you want to
- * override the default selection and/or order. The order of the array defines the priority since
- * models are not guaranteed to have all DetailLevels available.
- */
-export interface BaseViewConfiguration {
-    allowedDetailLevels?: DetailLevel | DetailLevel[];
-}
-export declare type BaseViewEventListener<K extends keyof BaseViewEventMap> = EventListener<BaseViewEventMap, K>;
-export declare type ScheduleRerender = (dumpNextFrameToImage?: ImageDumpCallback) => void;
-export declare type ImageDumpCallback = (imageDataUrl: string) => void;
-export interface BaseViewEventMap {
-    renderEnv: RenderEnv;
-    error: Error;
-    loading: boolean;
-    cameraConfiguration: CameraConfigurationProps;
-}
-export interface CameraConfigurationProps {
-    nearClipping: number;
-    farClipping: number;
-    position: Vector3;
-    contentPosition: Vector3;
-    fov: number;
-    aspect: number;
-}
-export declare function cameraConfigurationPropsEquals(left: CameraConfigurationProps, right: CameraConfigurationProps): boolean;
+import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
+import { MIPS_TEXTURE_LEVEL } from "@configura/web-core/dist/cm/core3D/GMaterialPBR.js";
+import { DetailLevel } from "@configura/web-core/dist/cm/geometry/DetailMask.js";
+import { EventListener } from "@configura/web-utilities";
+import { RenderEnv } from "./RenderEnv.js";
+export { DetailLevel } from "@configura/web-core/dist/cm/geometry/DetailMask.js";
+/**
+ * @param allowedDetailLevels Optionally controls the detail level (LOD, level of detail) allowed
+ * when loading the 3D models. Provide a single DetailLevel or an array of them if you want to
+ * override the default selection and/or order. The order of the array defines the priority since
+ * models are not guaranteed to have all DetailLevels available.
+ *
+ * @param orderIndependentTransparency This controls the rendering technique for transparent
+ * materials. Note: Enabling this causes conflicts with post processing render pipelines.
+ */
+export interface BaseViewConfiguration {
+    allowedDetailLevels?: DetailLevel | DetailLevel[];
+    textureResolutionLevel?: MIPS_TEXTURE_LEVEL;
+    orderIndependentTransparency?: boolean;
+}
+export declare type BaseViewEventListener<K extends keyof BaseViewEventMap> = EventListener<BaseViewEventMap, K>;
+export declare type ScheduleRerender = (dumpNextFrameToImage?: ImageDumpCallback) => void;
+export declare type ImageDumpCallback = (imageDataUrl: string) => void;
+export interface BaseViewEventMap {
+    renderEnv: RenderEnv;
+    error: Error;
+    loading: boolean;
+    cameraConfiguration: CameraConfigurationProps;
+}
+export interface CameraConfigurationProps {
+    nearClipping: number;
+    farClipping: number;
+    position: Vector3;
+    contentPosition: Vector3;
+    fov: number;
+    aspect: number;
+}
+export declare function cameraConfigurationPropsEquals(left: CameraConfigurationProps, right: CameraConfigurationProps): boolean;
 //# sourceMappingURL=BaseViewConfiguration.d.ts.map

package/dist/view/BaseViewConfiguration.js

@@ -1,10 +1,10 @@
-import { vector3Equals } from "../utilities/utilities3D.js";
-export { DetailLevel } from "@configura/web-core/dist/cm/geometry/DetailMask.js";
-export function cameraConfigurationPropsEquals(left, right) {
-    return (left.nearClipping === right.nearClipping &&
-        left.farClipping === right.farClipping &&
-        vector3Equals(left.position, right.position) &&
-        vector3Equals(left.contentPosition, right.contentPosition) &&
-        left.fov === right.fov &&
-        left.aspect === right.aspect);
-}
+import { vector3Equals } from "../utilities/utilities3D.js";
+export { DetailLevel } from "@configura/web-core/dist/cm/geometry/DetailMask.js";
+export function cameraConfigurationPropsEquals(left, right) {
+    return (left.nearClipping === right.nearClipping &&
+        left.farClipping === right.farClipping &&
+        vector3Equals(left.position, right.position) &&
+        vector3Equals(left.contentPosition, right.contentPosition) &&
+        left.fov === right.fov &&
+        left.aspect === right.aspect);
+}

package/dist/view/RenderEnv.d.ts

@@ -1,44 +1,46 @@
-import { AssetsManager } from "@babylonjs/core/Misc/assetsManager.js";
-import { Scene } from "@babylonjs/core/scene.js";
-import { GMaterial3D } from "@configura/web-core/dist/cm/core3D/GMaterial3D.js";
-import { SymComponent } from "@configura/web-core/dist/cm/format/cmsym/components/SymComponent.js";
-import { SymGetMeshEnv } from "@configura/web-core/dist/cm/format/cmsym/components/SymGetMeshEnv.js";
-import { SymNode } from "@configura/web-core/dist/cm/format/cmsym/SymNode.js";
-import { DexManager } from "@configura/web-core/dist/cm/format/dex/DexManager.js";
-import { DetailLevel } from "@configura/web-core/dist/cm/geometry/DetailMask.js";
-import { PromiseCache } from "@configura/web-utilities";
-import { CfgGeometry } from "../geometry/CfgGeometry.js";
-import { LightRig } from "../light/LightRigCreator.js";
-import { CfgMaterial } from "../material/CfgMaterial.js";
-import { MaterialWithMetaData } from "../material/material.js";
-import { TextureImageWithMetaData } from "../material/texture.js";
-import { ScheduleRerender } from "./BaseViewConfiguration.js";
-export declare type GeometryCacheIdentifierObject = {
-    component: SymComponent;
-    stretchDatasHash: number;
-    uvMapperHash: number | undefined;
-};
-export interface RenderEnv {
-    scene: Scene;
-    assetsManager: AssetsManager;
-    dummyMaterial: CfgMaterial;
-    geometryCache: PromiseCache<GeometryCacheIdentifierObject, GeometryCacheEntry | undefined>;
-    symNodeCache: PromiseCache<string, SymNode>;
-    materialCache: PromiseCache<string | GMaterial3D, MaterialWithMetaData>;
-    textureImageCache: PromiseCache<string, TextureImageWithMetaData>;
-    derivedNormalMapCache: PromiseCache<string, HTMLImageElement | undefined>;
-    lightRig: LightRig;
-    scheduleRerender: ScheduleRerender;
-    notifyError: (e: unknown) => void;
-    symMeshEnv: SymGetMeshEnv;
-    dexManager: DexManager;
-    cullEmptyNodes: boolean;
-    allowedDetailLevels: DetailLevel | DetailLevel[];
-}
-export declare class GeometryCacheEntry {
-    readonly geometry: CfgGeometry;
-    readonly doubleSided: boolean | undefined;
-    readonly lowerLeftTextureOrigin: boolean | undefined;
-    constructor(geometry: CfgGeometry, doubleSided: boolean | undefined, lowerLeftTextureOrigin: boolean | undefined);
-}
+import { AssetsManager } from "@babylonjs/core/Misc/assetsManager.js";
+import { Scene } from "@babylonjs/core/scene.js";
+import { GMaterial3D } from "@configura/web-core/dist/cm/core3D/GMaterial3D.js";
+import { MIPS_TEXTURE_LEVEL } from "@configura/web-core/dist/cm/core3D/GMaterialPBR.js";
+import { SymComponent } from "@configura/web-core/dist/cm/format/cmsym/components/SymComponent.js";
+import { SymGetMeshEnv } from "@configura/web-core/dist/cm/format/cmsym/components/SymGetMeshEnv.js";
+import { SymNode } from "@configura/web-core/dist/cm/format/cmsym/SymNode.js";
+import { DexManager } from "@configura/web-core/dist/cm/format/dex/DexManager.js";
+import { DetailLevel } from "@configura/web-core/dist/cm/geometry/DetailMask.js";
+import { PromiseCache } from "@configura/web-utilities";
+import { CfgGeometry } from "../geometry/CfgGeometry.js";
+import { LightRig } from "../light/LightRigCreator.js";
+import { CfgMaterial } from "../material/CfgMaterial.js";
+import { MaterialWithMetaData } from "../material/material.js";
+import { TextureImageWithMetaData } from "../material/texture.js";
+import { ScheduleRerender } from "./BaseViewConfiguration.js";
+export declare type GeometryCacheIdentifierObject = {
+    component: SymComponent;
+    stretchDatasHash: number;
+    uvMapperHash: number | undefined;
+};
+export interface RenderEnv {
+    scene: Scene;
+    assetsManager: AssetsManager;
+    dummyMaterial: CfgMaterial;
+    geometryCache: PromiseCache<GeometryCacheIdentifierObject, GeometryCacheEntry | undefined>;
+    symNodeCache: PromiseCache<string, SymNode>;
+    materialCache: PromiseCache<string | GMaterial3D, MaterialWithMetaData>;
+    textureImageCache: PromiseCache<string, TextureImageWithMetaData>;
+    derivedNormalMapCache: PromiseCache<string, HTMLImageElement | undefined>;
+    lightRig: LightRig;
+    scheduleRerender: ScheduleRerender;
+    notifyError: (e: unknown) => void;
+    symMeshEnv: SymGetMeshEnv;
+    dexManager: DexManager;
+    cullEmptyNodes: boolean;
+    allowedDetailLevels: DetailLevel | DetailLevel[];
+    textureResolutionLevel: MIPS_TEXTURE_LEVEL;
+}
+export declare class GeometryCacheEntry {
+    readonly geometry: CfgGeometry;
+    readonly doubleSided: boolean | undefined;
+    readonly lowerLeftTextureOrigin: boolean | undefined;
+    constructor(geometry: CfgGeometry, doubleSided: boolean | undefined, lowerLeftTextureOrigin: boolean | undefined);
+}
 //# sourceMappingURL=RenderEnv.d.ts.map

package/dist/view/RenderEnv.js

@@ -1,7 +1,7 @@
-export class GeometryCacheEntry {
-    constructor(geometry, doubleSided, lowerLeftTextureOrigin) {
-        this.geometry = geometry;
-        this.doubleSided = doubleSided;
-        this.lowerLeftTextureOrigin = lowerLeftTextureOrigin;
-    }
-}
+export class GeometryCacheEntry {
+    constructor(geometry, doubleSided, lowerLeftTextureOrigin) {
+        this.geometry = geometry;
+        this.doubleSided = doubleSided;
+        this.lowerLeftTextureOrigin = lowerLeftTextureOrigin;
+    }
+}

package/dist/view/SingleProductDefaultCameraView.d.ts

@@ -1,39 +1,39 @@
-import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
-import { EventListener, Observable } from "@configura/web-utilities";
-import { CfgOrbitalCamera } from "../camera/CfgOrbitalCamera.js";
-import { CfgOrbitalCameraControlProps } from "../camera/CfgOrbitalCameraControlProps.js";
-import { EngineCreator } from "../engine/EngineCreator.js";
-import { LightRigCreator } from "../light/LightRigCreator.js";
-import { DummyMaterialCreator } from "../material/DummyMaterialCreator.js";
-import { SceneCreator } from "../scene/SceneCreator.js";
-import { OrbitalCameraConfigurationProps, SingleProductDefaultCameraViewConfiguration, SingleProductDefaultCameraViewEventMap } from "./SingleProductDefaultCameraViewConfiguration.js";
-import { SingleProductView } from "./SingleProductView.js";
-export declare type SingleProductDefaultCameraViewConstructorOptions = {
-    canvas: HTMLCanvasElement;
-    engineCreator?: EngineCreator;
-    lightRigCreator?: LightRigCreator;
-    sceneCreator?: SceneCreator;
-    dummyMaterialCreator?: DummyMaterialCreator;
-};
-export declare class SingleProductDefaultCameraView<T extends SingleProductDefaultCameraViewEventMap = SingleProductDefaultCameraViewEventMap> extends SingleProductView<CfgOrbitalCamera, T> {
-    private _orbitalCameraConfigurationObservable;
-    private _previousOrbitalCameraConf;
-    constructor(options: SingleProductDefaultCameraViewConstructorOptions);
-    private _cameraDefaults;
-    private initOrResetCamera;
-    resetCamera(): void;
-    setConfiguration(configuration: SingleProductDefaultCameraViewConfiguration): void;
-    addEventListener<K extends keyof T>(event: K, listener: EventListener<T, K>): void;
-    removeEventListener<K extends keyof T>(event: K, listener: EventListener<T, K>): void;
-    get orbitalCameraConfiguration(): OrbitalCameraConfigurationProps;
-    protected notifyCameraListeners(): void;
-    get cameraControlObservable(): Observable<CfgOrbitalCameraControlProps>;
-    protected get contentCenter(): Vector3;
-    /**
-     * @param force true means force apply camera distance and camera bounds. false means force do not apply.
-     */
-    protected handleSizing(force: boolean): void;
-    protected refreshCameraNearFar(): void;
-    protected getNeededFrameRender(time: number): boolean;
-}
+import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
+import { EventListener, Observable } from "@configura/web-utilities";
+import { CfgOrbitalCamera } from "../camera/CfgOrbitalCamera.js";
+import { CfgOrbitalCameraControlProps } from "../camera/CfgOrbitalCameraControlProps.js";
+import { EngineCreator } from "../engine/EngineCreator.js";
+import { LightRigCreator } from "../light/LightRigCreator.js";
+import { DummyMaterialCreator } from "../material/DummyMaterialCreator.js";
+import { SceneCreator } from "../scene/SceneCreator.js";
+import { OrbitalCameraConfigurationProps, SingleProductDefaultCameraViewConfiguration, SingleProductDefaultCameraViewEventMap } from "./SingleProductDefaultCameraViewConfiguration.js";
+import { SingleProductView } from "./SingleProductView.js";
+export declare type SingleProductDefaultCameraViewConstructorOptions = {
+    canvas: HTMLCanvasElement;
+    engineCreator?: EngineCreator;
+    lightRigCreator?: LightRigCreator;
+    sceneCreator?: SceneCreator;
+    dummyMaterialCreator?: DummyMaterialCreator;
+};
+export declare class SingleProductDefaultCameraView<T extends SingleProductDefaultCameraViewEventMap = SingleProductDefaultCameraViewEventMap> extends SingleProductView<CfgOrbitalCamera, T> {
+    private _orbitalCameraConfigurationObservable;
+    private _previousOrbitalCameraConf;
+    constructor(options: SingleProductDefaultCameraViewConstructorOptions);
+    private _cameraDefaults;
+    private initOrResetCamera;
+    resetCamera(): void;
+    setConfiguration(configuration: SingleProductDefaultCameraViewConfiguration): void;
+    addEventListener<K extends keyof T>(event: K, listener: EventListener<T, K>): void;
+    removeEventListener<K extends keyof T>(event: K, listener: EventListener<T, K>): void;
+    get orbitalCameraConfiguration(): OrbitalCameraConfigurationProps;
+    protected notifyCameraListeners(): void;
+    get cameraControlObservable(): Observable<CfgOrbitalCameraControlProps>;
+    protected get contentCenter(): Vector3;
+    /**
+     * @param force true means force apply camera distance and camera bounds. false means force do not apply.
+     */
+    protected handleSizing(force: boolean): void;
+    protected refreshCameraNearFar(): void;
+    protected getNeededFrameRender(time: number): boolean;
+}
 //# sourceMappingURL=SingleProductDefaultCameraView.d.ts.map

package/dist/view/SingleProductDefaultCameraView.js

@@ -1,149 +1,149 @@
-import { Observable } from "@configura/web-utilities";
-import { getDefaultCamera } from "../camera/CameraCreator.js";
-import { MAX_UPPER_BETA_LIMIT, MIN_LOWER_BETA_LIMIT, } from "../camera/CfgOrbitalCamera.js";
-import { CfgBoundingBox } from "../utilities/CfgBoundingBox.js";
-import { measureLongestDistanceToCorner } from "../utilities/utilities3D.js";
-import { CET_TO_BABYLON_MATRIX } from "./BaseView.js";
-import { orbitalCameraConfigurationPropsEquals, } from "./SingleProductDefaultCameraViewConfiguration.js";
-import { SingleProductView } from "./SingleProductView.js";
-const CONTENT_TO_LIGHT_RIG_SCALE_FACTOR = 1;
-export class SingleProductDefaultCameraView extends SingleProductView {
-    constructor(options) {
-        super(Object.assign(Object.assign({}, options), { cameraCreator: getDefaultCamera }));
-        this._cameraDefaults = {};
-    }
-    initOrResetCamera(props) {
-        this.handleSizing(true);
-        const { distance, pitch, yaw } = props;
-        let change = false;
-        if (distance !== undefined) {
-            this._camera.forceRadius(distance);
-            change = true;
-        }
-        if (pitch !== undefined) {
-            this._camera.beta = pitch;
-            change = true;
-        }
-        if (yaw !== undefined) {
-            this._camera.alpha = yaw;
-            change = true;
-        }
-        if (change) {
-            // Force a recompute of the view matrix as if a target-change happens in
-            // the same frame render alpha/beta will be reset.
-            this._camera.getViewMatrix();
-        }
-    }
-    resetCamera() {
-        this.initOrResetCamera(this._cameraDefaults);
-    }
-    setConfiguration(configuration) {
-        var _a;
-        super.setConfiguration(configuration);
-        const cameraConf = configuration.camera || {};
-        this._camera.disableAutomaticSizing = cameraConf.disableAutomaticSizing === true;
-        this._camera.disableZoom = cameraConf.disableZoom === true;
-        this._camera.disableSubFloorCam = cameraConf.disableSubFloorCam === true;
-        this._camera.lowestAllowedCameraHeight = cameraConf.lowestAllowedCameraHeight;
-        this._cameraDefaults = cameraConf;
-        this.initOrResetCamera((_a = cameraConf.initial) !== null && _a !== void 0 ? _a : cameraConf);
-        const { autoRotate } = cameraConf;
-        if (autoRotate !== undefined) {
-            this._camera.useAutoRotationBehavior = true;
-            const behavior = this._camera.autoRotationBehavior;
-            if (behavior !== null) {
-                if (autoRotate.idleRotationSpeed !== undefined) {
-                    behavior.idleRotationSpeed = autoRotate.idleRotationSpeed;
-                }
-                if (autoRotate.idleRotationSpinupTime !== undefined) {
-                    behavior.idleRotationSpinupTime = autoRotate.idleRotationSpinupTime;
-                }
-                if (autoRotate.idleRotationWaitTime !== undefined) {
-                    behavior.idleRotationWaitTime = autoRotate.idleRotationWaitTime;
-                }
-                if (autoRotate.zoomStopsAnimation !== undefined) {
-                    behavior.zoomStopsAnimation = autoRotate.zoomStopsAnimation;
-                }
-            }
-        }
-        else {
-            this._camera.useAutoRotationBehavior = false;
-        }
-    }
-    addEventListener(event, listener) {
-        switch (event) {
-            case "orbitalCameraConfiguration":
-                if (this._orbitalCameraConfigurationObservable === undefined) {
-                    this._orbitalCameraConfigurationObservable =
-                        new Observable();
-                }
-                this._orbitalCameraConfigurationObservable.listen(listener);
-                break;
-            default:
-                super.addEventListener(event, listener);
-        }
-    }
-    removeEventListener(event, listener) {
-        switch (event) {
-            case "orbitalCameraConfiguration":
-                if (this._orbitalCameraConfigurationObservable === undefined) {
-                    return;
-                }
-                this._orbitalCameraConfigurationObservable.stopListen(listener);
-                break;
-            default:
-                super.removeEventListener(event, listener);
-        }
-    }
-    get orbitalCameraConfiguration() {
-        const camera = this._camera;
-        return Object.assign({ disableZoom: camera.disableZoom, minDistance: camera.lowerRadiusLimit || 0, maxDistance: camera.upperRadiusLimit || Infinity, minYaw: camera.lowerAlphaLimit || -Math.PI, maxYaw: camera.upperAlphaLimit || Math.PI, minPitch: Math.max(camera.lowerBetaLimit || MIN_LOWER_BETA_LIMIT, MIN_LOWER_BETA_LIMIT), maxPitch: Math.min(camera.upperBetaLimit || MAX_UPPER_BETA_LIMIT, MAX_UPPER_BETA_LIMIT) }, this.cameraConfiguration);
-    }
-    notifyCameraListeners() {
-        super.notifyCameraListeners();
-        if (this._orbitalCameraConfigurationObservable === undefined) {
-            return;
-        }
-        const cameraConf = this.orbitalCameraConfiguration;
-        if (this._previousOrbitalCameraConf !== undefined &&
-            orbitalCameraConfigurationPropsEquals(this._previousOrbitalCameraConf, cameraConf)) {
-            return;
-        }
-        this._orbitalCameraConfigurationObservable.notifyAll(cameraConf, this._orbitalCameraConfigurationObservable);
-        this._previousOrbitalCameraConf = cameraConf;
-    }
-    get cameraControlObservable() {
-        return this._camera.cameraControlObservable;
-    }
-    get contentCenter() {
-        return this._camera.target;
-    }
-    /**
-     * @param force true means force apply camera distance and camera bounds. false means force do not apply.
-     */
-    handleSizing(force) {
-        super.handleSizing(force);
-        if (this._viewportSize === undefined) {
-            return;
-        }
-        const currentProductNode = this.currentProductNode;
-        const boundingBox = currentProductNode === undefined
-            ? new CfgBoundingBox()
-            : currentProductNode.boundingBox;
-        boundingBox.applyMatrix(CET_TO_BABYLON_MATRIX);
-        const initialCameraDistanceSetPreventsInitialAutoSizingSet = this.isFirstLoad && this._cameraDefaults.distance !== undefined;
-        this._camera.setContentBoundingBox(boundingBox, initialCameraDistanceSetPreventsInitialAutoSizingSet ? false : force ? true : undefined);
-        if (!boundingBox.isEmpty) {
-            this._lightRig.scale =
-                measureLongestDistanceToCorner(boundingBox, [0, 1, 2]) *
-                    CONTENT_TO_LIGHT_RIG_SCALE_FACTOR;
-        }
-    }
-    refreshCameraNearFar() {
-        super.refreshCameraNearFar();
-        this._camera.refreshCameraNearFar();
-    }
-    getNeededFrameRender(time) {
-        return super.getNeededFrameRender(time) || this._camera.frameRenderNeeded();
-    }
-}
+import { Observable } from "@configura/web-utilities";
+import { getDefaultCamera } from "../camera/CameraCreator.js";
+import { MAX_UPPER_BETA_LIMIT, MIN_LOWER_BETA_LIMIT, } from "../camera/CfgOrbitalCamera.js";
+import { CfgBoundingBox } from "../utilities/CfgBoundingBox.js";
+import { measureLongestDistanceToCorner } from "../utilities/utilities3D.js";
+import { CET_TO_BABYLON_MATRIX } from "./BaseView.js";
+import { orbitalCameraConfigurationPropsEquals, } from "./SingleProductDefaultCameraViewConfiguration.js";
+import { SingleProductView } from "./SingleProductView.js";
+const CONTENT_TO_LIGHT_RIG_SCALE_FACTOR = 1;
+export class SingleProductDefaultCameraView extends SingleProductView {
+    constructor(options) {
+        super(Object.assign(Object.assign({}, options), { cameraCreator: getDefaultCamera }));
+        this._cameraDefaults = {};
+    }
+    initOrResetCamera(props) {
+        this.handleSizing(true);
+        const { distance, pitch, yaw } = props;
+        let change = false;
+        if (distance !== undefined) {
+            this._camera.forceRadius(distance);
+            change = true;
+        }
+        if (pitch !== undefined) {
+            this._camera.beta = pitch;
+            change = true;
+        }
+        if (yaw !== undefined) {
+            this._camera.alpha = yaw;
+            change = true;
+        }
+        if (change) {
+            // Force a recompute of the view matrix as if a target-change happens in
+            // the same frame render alpha/beta will be reset.
+            this._camera.getViewMatrix();
+        }
+    }
+    resetCamera() {
+        this.initOrResetCamera(this._cameraDefaults);
+    }
+    setConfiguration(configuration) {
+        var _a;
+        super.setConfiguration(configuration);
+        const cameraConf = configuration.camera || {};
+        this._camera.disableAutomaticSizing = cameraConf.disableAutomaticSizing === true;
+        this._camera.disableZoom = cameraConf.disableZoom === true;
+        this._camera.disableSubFloorCam = cameraConf.disableSubFloorCam === true;
+        this._camera.lowestAllowedCameraHeight = cameraConf.lowestAllowedCameraHeight;
+        this._cameraDefaults = cameraConf;
+        this.initOrResetCamera((_a = cameraConf.initial) !== null && _a !== void 0 ? _a : cameraConf);
+        const { autoRotate } = cameraConf;
+        if (autoRotate !== undefined) {
+            this._camera.useAutoRotationBehavior = true;
+            const behavior = this._camera.autoRotationBehavior;
+            if (behavior !== null) {
+                if (autoRotate.idleRotationSpeed !== undefined) {
+                    behavior.idleRotationSpeed = autoRotate.idleRotationSpeed;
+                }
+                if (autoRotate.idleRotationSpinupTime !== undefined) {
+                    behavior.idleRotationSpinupTime = autoRotate.idleRotationSpinupTime;
+                }
+                if (autoRotate.idleRotationWaitTime !== undefined) {
+                    behavior.idleRotationWaitTime = autoRotate.idleRotationWaitTime;
+                }
+                if (autoRotate.zoomStopsAnimation !== undefined) {
+                    behavior.zoomStopsAnimation = autoRotate.zoomStopsAnimation;
+                }
+            }
+        }
+        else {
+            this._camera.useAutoRotationBehavior = false;
+        }
+    }
+    addEventListener(event, listener) {
+        switch (event) {
+            case "orbitalCameraConfiguration":
+                if (this._orbitalCameraConfigurationObservable === undefined) {
+                    this._orbitalCameraConfigurationObservable =
+                        new Observable();
+                }
+                this._orbitalCameraConfigurationObservable.listen(listener);
+                break;
+            default:
+                super.addEventListener(event, listener);
+        }
+    }
+    removeEventListener(event, listener) {
+        switch (event) {
+            case "orbitalCameraConfiguration":
+                if (this._orbitalCameraConfigurationObservable === undefined) {
+                    return;
+                }
+                this._orbitalCameraConfigurationObservable.stopListen(listener);
+                break;
+            default:
+                super.removeEventListener(event, listener);
+        }
+    }
+    get orbitalCameraConfiguration() {
+        const camera = this._camera;
+        return Object.assign({ disableZoom: camera.disableZoom, minDistance: camera.lowerRadiusLimit || 0, maxDistance: camera.upperRadiusLimit || Infinity, minYaw: camera.lowerAlphaLimit || -Math.PI, maxYaw: camera.upperAlphaLimit || Math.PI, minPitch: Math.max(camera.lowerBetaLimit || MIN_LOWER_BETA_LIMIT, MIN_LOWER_BETA_LIMIT), maxPitch: Math.min(camera.upperBetaLimit || MAX_UPPER_BETA_LIMIT, MAX_UPPER_BETA_LIMIT) }, this.cameraConfiguration);
+    }
+    notifyCameraListeners() {
+        super.notifyCameraListeners();
+        if (this._orbitalCameraConfigurationObservable === undefined) {
+            return;
+        }
+        const cameraConf = this.orbitalCameraConfiguration;
+        if (this._previousOrbitalCameraConf !== undefined &&
+            orbitalCameraConfigurationPropsEquals(this._previousOrbitalCameraConf, cameraConf)) {
+            return;
+        }
+        this._orbitalCameraConfigurationObservable.notifyAll(cameraConf, this._orbitalCameraConfigurationObservable);
+        this._previousOrbitalCameraConf = cameraConf;
+    }
+    get cameraControlObservable() {
+        return this._camera.cameraControlObservable;
+    }
+    get contentCenter() {
+        return this._camera.target;
+    }
+    /**
+     * @param force true means force apply camera distance and camera bounds. false means force do not apply.
+     */
+    handleSizing(force) {
+        super.handleSizing(force);
+        if (this._viewportSize === undefined) {
+            return;
+        }
+        const currentProductNode = this.currentProductNode;
+        const boundingBox = currentProductNode === undefined
+            ? new CfgBoundingBox()
+            : currentProductNode.boundingBox;
+        boundingBox.applyMatrix(CET_TO_BABYLON_MATRIX);
+        const initialCameraDistanceSetPreventsInitialAutoSizingSet = this.isFirstLoad && this._cameraDefaults.distance !== undefined;
+        this._camera.setContentBoundingBox(boundingBox, initialCameraDistanceSetPreventsInitialAutoSizingSet ? false : force ? true : undefined);
+        if (!boundingBox.isEmpty) {
+            this._lightRig.scale =
+                measureLongestDistanceToCorner(boundingBox, [0, 1, 2]) *
+                    CONTENT_TO_LIGHT_RIG_SCALE_FACTOR;
+        }
+    }
+    refreshCameraNearFar() {
+        super.refreshCameraNearFar();
+        this._camera.refreshCameraNearFar();
+    }
+    getNeededFrameRender(time) {
+        return super.getNeededFrameRender(time) || this._camera.frameRenderNeeded();
+    }
+}