@babylonjs/viewer 7.21.3-alpha → 7.21.3

package/lib/index.d.ts

@@ -1,132 +0,0 @@
-import { Nullable, AssetContainer, IDisposable, AbstractEngine, LoadAssetContainerOptions } from '@babylonjs/core/index.js';
-import { Color4 } from '@babylonjs/core/Maths/math.color.js';
-import { Scene } from '@babylonjs/core/scene.js';
-import { Nullable as Nullable$1 } from '@babylonjs/core/types.js';
-import { EngineOptions } from '@babylonjs/core/Engines.js';
-
-declare const defaultViewerOptions: {
-    readonly backgroundColor: Color4;
-};
-type ViewerDetails = {
-    /**
-     * Provides access to the Scene managed by the Viewer.
-     */
-    scene: Scene;
-    /**
-     * Provides access to the currently loaded model.
-     */
-    model: Nullable<AssetContainer>;
-};
-type ViewerOptions = Partial<typeof defaultViewerOptions & Readonly<{
-    /**
-     * Called once when the viewer is initialized and provides viewer details that can be used for advanced customization.
-     */
-    onInitialized: (details: Readonly<ViewerDetails>) => void;
-}>>;
-/**
- * Provides an experience for viewing a single 3D model.
- * @remarks
- * The Viewer is not tied to a specific UI framework and can be used with Babylon.js in a browser or with Babylon Native.
- * Includes (or will include) support for common model viewing requirements such as:
- * - Loading different model formats.
- * - Setting up a camera and providing default behaviors like auto orbit and pose interpolation.
- * - Framing the loaded model in the camera's view.
- * - Setting up the environment, lighting, and tone mapping.
- * - Enumerating and playing (or auto playing) animations.
- * - Enumerating and switching between material variants.
- * - Full screen and XR modes.
- */
-declare class Viewer implements IDisposable {
-    private readonly _engine;
-    private readonly _details;
-    private readonly _camera;
-    private _skybox;
-    private _isDisposed;
-    private readonly _loadModelLock;
-    private _loadModelAbortController;
-    private readonly _loadEnvironmentLock;
-    private _environment;
-    private _loadEnvironmentAbortController;
-    constructor(_engine: AbstractEngine, options?: ViewerOptions);
-    /**
-     * Loads a 3D model from the specified URL.
-     * @remarks
-     * If a model is already loaded, it will be unloaded before loading the new model.
-     * @param source A url or File or ArrayBufferView that points to the model to load.
-     * @param options The options to use when loading the model.
-     * @param abortSignal An optional signal that can be used to abort the loading process.
-     */
-    loadModelAsync(source: string | File | ArrayBufferView, options?: LoadAssetContainerOptions, abortSignal?: AbortSignal): Promise<void>;
-    /**
-     * Loads an environment texture from the specified url and sets up a corresponding skybox.
-     * @remarks
-     * If no url is provided, a default hemispheric light will be created.
-     * If an environment is already loaded, it will be unloaded before loading the new environment.
-     * @param url The url of the environment texture to load.
-     * @param abortSignal An optional signal that can be used to abort the loading process.
-     */
-    loadEnvironmentAsync(url: Nullable<string | undefined>, abortSignal?: AbortSignal): Promise<void>;
-    /**
-     * Disposes of the resources held by the Viewer.
-     */
-    dispose(): void;
-    private _updateCamera;
-    /**
-     * Check for disposed or aborted state (basically everything that can interrupt an async operation).
-     * @param abortSignals A set of optional AbortSignals to also check.
-     */
-    private _throwIfDisposedOrAborted;
-}
-
-/**
- * Represents a custom element that displays a 3D model using the Babylon.js Viewer.
- */
-declare class HTML3DElement extends HTMLElement {
-    static readonly observedAttributes: readonly ["src", "env"];
-    /**
-     * Gets the underlying Viewer object.
-     */
-    readonly viewer: Viewer;
-    /**
-     * Creates an instance of HTML3DElement.
-     */
-    constructor();
-    /**
-     * Gets the model URL.
-     */
-    get src(): Nullable$1<string>;
-    /**
-     * Sets the model URL.
-     */
-    set src(value: Nullable$1<string>);
-    /**
-     * Called each time the element is added to the document.
-     * @remarks
-     * See https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements#custom_element_lifecycle_callbacks
-     */
-    connectedCallback(): void;
-    /**
-     * Called when attributes are changed, added, removed, or replaced.
-     * @remarks
-     * See https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements#custom_element_lifecycle_callbacks
-     * @param name The name of the attribute that changed.
-     * @param oldValue The old value of the attribute.
-     * @param newValue The new value of the attribute.
-     */
-    attributeChangedCallback(name: (typeof HTML3DElement.observedAttributes)[number], oldValue: string, newValue: string): void;
-}
-
-type CanvasViewerOptions = ViewerOptions & ({
-    engine: "WebGL";
-} & EngineOptions);
-/**
- * Creates a Viewer instance that is bound to an HTML canvas.
- * @remarks
- * This function can be shared across multiple UI integrations (e.g. Web Components, React, etc.).
- * @param canvas The canvas element to bind the Viewer to.
- * @param options The options to use when creating the Viewer and binding it to the specified canvas.
- * @returns A Viewer instance that is bound to the specified canvas.
- */
-declare function createViewerForCanvas(canvas: HTMLCanvasElement, options?: CanvasViewerOptions): Viewer;
-
-export { HTML3DElement, Viewer, type ViewerDetails, type ViewerOptions, createViewerForCanvas };

package/lib/index.js

@@ -1,348 +0,0 @@
-import { ArcRotateCamera } from '@babylonjs/core/Cameras/arcRotateCamera.js';
-import { HemisphericLight } from '@babylonjs/core/Lights/hemisphericLight.js';
-import { loadAssetContainerAsync } from '@babylonjs/core/Loading/sceneLoader.js';
-import { PBRMaterial } from '@babylonjs/core/Materials/PBR/pbrMaterial.js';
-import { CubeTexture } from '@babylonjs/core/Materials/Textures/cubeTexture.js';
-import { Texture } from '@babylonjs/core/Materials/Textures/texture.js';
-import { Color4 } from '@babylonjs/core/Maths/math.color.js';
-import { Vector3 } from '@babylonjs/core/Maths/math.vector.js';
-import { CreateBox } from '@babylonjs/core/Meshes/Builders/boxBuilder.js';
-import { AsyncLock } from '@babylonjs/core/Misc/asyncLock.js';
-import { Scene } from '@babylonjs/core/scene.js';
-import '@babylonjs/core/Animations/animatable.js';
-import '@babylonjs/core/Materials/Textures/Loaders/envTextureLoader.js';
-import '@babylonjs/loaders/glTF/2.0/index.js';
-import { Logger } from '@babylonjs/core/Misc/logger.js';
-import { Engine } from '@babylonjs/core/Engines/engine.js';
-
-function createSkybox(scene, camera, environmentTexture, blur) {
-    const hdrSkybox = CreateBox("hdrSkyBox", undefined, scene);
-    const hdrSkyboxMaterial = new PBRMaterial("skyBox", scene);
-    hdrSkyboxMaterial.backFaceCulling = false;
-    hdrSkyboxMaterial.reflectionTexture = environmentTexture.clone();
-    if (hdrSkyboxMaterial.reflectionTexture) {
-        hdrSkyboxMaterial.reflectionTexture.coordinatesMode = Texture.SKYBOX_MODE;
-    }
-    hdrSkyboxMaterial.microSurface = 1.0 - blur;
-    hdrSkyboxMaterial.disableLighting = true;
-    hdrSkyboxMaterial.twoSidedLighting = true;
-    hdrSkybox.material = hdrSkyboxMaterial;
-    hdrSkybox.isPickable = false;
-    hdrSkybox.infiniteDistance = true;
-    hdrSkybox.ignoreCameraMaxZ = true;
-    updateSkybox(hdrSkybox, camera);
-    return hdrSkybox;
-}
-function updateSkybox(skybox, camera) {
-    skybox?.scaling.setAll((camera.maxZ - camera.minZ) / 2);
-}
-const defaultViewerOptions = {
-    backgroundColor: new Color4(0.1, 0.1, 0.2, 1.0),
-};
-/**
- * Provides an experience for viewing a single 3D model.
- * @remarks
- * The Viewer is not tied to a specific UI framework and can be used with Babylon.js in a browser or with Babylon Native.
- * Includes (or will include) support for common model viewing requirements such as:
- * - Loading different model formats.
- * - Setting up a camera and providing default behaviors like auto orbit and pose interpolation.
- * - Framing the loaded model in the camera's view.
- * - Setting up the environment, lighting, and tone mapping.
- * - Enumerating and playing (or auto playing) animations.
- * - Enumerating and switching between material variants.
- * - Full screen and XR modes.
- */
-class Viewer {
-    constructor(_engine, options) {
-        this._engine = _engine;
-        this._skybox = null;
-        this._isDisposed = false;
-        this._loadModelLock = new AsyncLock();
-        this._loadModelAbortController = null;
-        this._loadEnvironmentLock = new AsyncLock();
-        this._environment = null;
-        this._loadEnvironmentAbortController = null;
-        const finalOptions = { ...defaultViewerOptions, ...options };
-        this._details = {
-            scene: new Scene(this._engine),
-            model: null,
-        };
-        this._details.scene.clearColor = finalOptions.backgroundColor;
-        this._camera = new ArcRotateCamera("camera1", 0, 0, 1, Vector3.Zero(), this._details.scene);
-        this._camera.attachControl();
-        this._updateCamera(); // set default camera values
-        // Load a default light, but ignore errors as the user might be immediately loading their own environment.
-        this.loadEnvironmentAsync(undefined).catch(() => { });
-        // TODO: render at least back ground. Maybe we can only run renderloop when a mesh is loaded. What to render until then?
-        this._engine.runRenderLoop(() => {
-            this._details.scene.render();
-        });
-        options?.onInitialized?.(this._details);
-    }
-    /**
-     * Loads a 3D model from the specified URL.
-     * @remarks
-     * If a model is already loaded, it will be unloaded before loading the new model.
-     * @param source A url or File or ArrayBufferView that points to the model to load.
-     * @param options The options to use when loading the model.
-     * @param abortSignal An optional signal that can be used to abort the loading process.
-     */
-    async loadModelAsync(source, options, abortSignal) {
-        this._throwIfDisposedOrAborted(abortSignal);
-        this._loadModelAbortController?.abort("New model is being loaded before previous model finished loading.");
-        const abortController = (this._loadModelAbortController = new AbortController());
-        await this._loadModelLock.lockAsync(async () => {
-            this._throwIfDisposedOrAborted(abortSignal, abortController.signal);
-            this._details.model?.dispose();
-            this._details.model = await loadAssetContainerAsync(source, this._details.scene, options);
-            this._details.model.addAllToScene();
-            this._updateCamera();
-        });
-    }
-    /**
-     * Loads an environment texture from the specified url and sets up a corresponding skybox.
-     * @remarks
-     * If no url is provided, a default hemispheric light will be created.
-     * If an environment is already loaded, it will be unloaded before loading the new environment.
-     * @param url The url of the environment texture to load.
-     * @param abortSignal An optional signal that can be used to abort the loading process.
-     */
-    async loadEnvironmentAsync(url, abortSignal) {
-        this._throwIfDisposedOrAborted(abortSignal);
-        this._loadEnvironmentAbortController?.abort("New environment is being loaded before previous environment finished loading.");
-        const abortController = (this._loadEnvironmentAbortController = new AbortController());
-        await this._loadEnvironmentLock.lockAsync(async () => {
-            this._throwIfDisposedOrAborted(abortSignal, abortController.signal);
-            this._environment?.dispose();
-            this._environment = await new Promise((resolve, reject) => {
-                if (!url) {
-                    const light = new HemisphericLight("hemilight", Vector3.Up(), this._details.scene);
-                    this._details.scene.autoClear = true;
-                    resolve(light);
-                }
-                else {
-                    const cubeTexture = CubeTexture.CreateFromPrefilteredData(url, this._details.scene);
-                    this._details.scene.environmentTexture = cubeTexture;
-                    const skybox = createSkybox(this._details.scene, this._camera, cubeTexture, 0.3);
-                    this._skybox = skybox;
-                    this._details.scene.autoClear = false;
-                    const dispose = () => {
-                        cubeTexture.dispose();
-                        skybox.dispose();
-                        this._skybox = null;
-                    };
-                    const successObserver = cubeTexture.onLoadObservable.addOnce(() => {
-                        successObserver.remove();
-                        errorObserver.remove();
-                        resolve({
-                            dispose,
-                        });
-                    });
-                    const errorObserver = Texture.OnTextureLoadErrorObservable.add((texture) => {
-                        if (texture === cubeTexture) {
-                            successObserver.remove();
-                            errorObserver.remove();
-                            dispose();
-                            reject(new Error("Failed to load environment texture."));
-                        }
-                    });
-                }
-            });
-        });
-    }
-    /**
-     * Disposes of the resources held by the Viewer.
-     */
-    dispose() {
-        this._details.scene.dispose();
-        this._isDisposed = true;
-    }
-    // copy/paste from sandbox and scene helpers
-    _updateCamera() {
-        // Enable camera's behaviors
-        this._camera.useFramingBehavior = true;
-        const framingBehavior = this._camera.getBehaviorByName("Framing");
-        framingBehavior.framingTime = 0;
-        framingBehavior.elevationReturnTime = -1;
-        let radius = 1;
-        if (this._details.scene.meshes.length) {
-            // get bounds and prepare framing/camera radius from its values
-            this._camera.lowerRadiusLimit = null;
-            const worldExtends = this._details.scene.getWorldExtends((mesh) => {
-                return mesh.isVisible && mesh.isEnabled();
-            });
-            framingBehavior.zoomOnBoundingInfo(worldExtends.min, worldExtends.max);
-            const worldSize = worldExtends.max.subtract(worldExtends.min);
-            const worldCenter = worldExtends.min.add(worldSize.scale(0.5));
-            radius = worldSize.length() * 1.2;
-            if (!isFinite(radius)) {
-                radius = 1;
-                worldCenter.copyFromFloats(0, 0, 0);
-            }
-            this._camera.setTarget(worldCenter);
-        }
-        this._camera.lowerRadiusLimit = radius * 0.01;
-        this._camera.wheelPrecision = 100 / radius;
-        this._camera.alpha = Math.PI / 2;
-        this._camera.beta = Math.PI / 2;
-        this._camera.radius = radius;
-        this._camera.minZ = radius * 0.01;
-        this._camera.maxZ = radius * 1000;
-        this._camera.speed = radius * 0.2;
-        this._camera.useAutoRotationBehavior = true;
-        this._camera.pinchPrecision = 200 / this._camera.radius;
-        this._camera.upperRadiusLimit = 5 * this._camera.radius;
-        this._camera.wheelDeltaPercentage = 0.01;
-        this._camera.pinchDeltaPercentage = 0.01;
-        this._camera.restoreStateInterpolationFactor = 0.1;
-        updateSkybox(this._skybox, this._camera);
-    }
-    /**
-     * Check for disposed or aborted state (basically everything that can interrupt an async operation).
-     * @param abortSignals A set of optional AbortSignals to also check.
-     */
-    _throwIfDisposedOrAborted(...abortSignals) {
-        if (this._isDisposed) {
-            throw new Error("Viewer is disposed.");
-        }
-        for (const signal of abortSignals) {
-            signal?.throwIfAborted();
-        }
-    }
-}
-
-const defaultCanvasViewerOptions = {
-    engine: "WebGL",
-};
-/**
- * Creates a Viewer instance that is bound to an HTML canvas.
- * @remarks
- * This function can be shared across multiple UI integrations (e.g. Web Components, React, etc.).
- * @param canvas The canvas element to bind the Viewer to.
- * @param options The options to use when creating the Viewer and binding it to the specified canvas.
- * @returns A Viewer instance that is bound to the specified canvas.
- */
-function createViewerForCanvas(canvas, options) {
-    const finalOptions = { ...defaultCanvasViewerOptions, ...options };
-    const disposeActions = [];
-    // If the canvas is resized, note that the engine needs a resize, but don't resize it here as it will result in flickering.
-    let needsResize = false;
-    const resizeObserver = new ResizeObserver(() => (needsResize = true));
-    resizeObserver.observe(canvas);
-    disposeActions.push(() => resizeObserver.disconnect());
-    // Create an engine instance.
-    // TODO: Create a WebGL or WebGPUEngine based on the engine option.
-    const engine = new Engine(canvas, undefined, options);
-    // Override the onInitialized callback to add in some specific behavior.
-    const onInitialized = finalOptions.onInitialized;
-    finalOptions.onInitialized = (details) => {
-        // Resize if needed right before rendering the Viewer scene to avoid any flickering.
-        const beforeRenderObserver = details.scene.onBeforeRenderObservable.add(() => {
-            if (needsResize) {
-                engine.resize();
-                needsResize = false;
-            }
-        });
-        disposeActions.push(() => beforeRenderObserver.remove());
-        // Call the original onInitialized callback, if one was provided.
-        onInitialized?.(details);
-    };
-    // Instantiate the Viewer with the engine and options.
-    const viewer = new Viewer(engine, finalOptions);
-    disposeActions.push(viewer.dispose.bind(viewer));
-    disposeActions.push(() => engine.dispose());
-    // Override the Viewer's dispose method to add in additional cleanup.
-    viewer.dispose = () => disposeActions.forEach((dispose) => dispose());
-    // TODO: Creating an engine instance will be async if we use a dynamic import for choosing either Engine or WebGPUEngine,
-    //       or even when just creating a WebGPUEngine since we have to call initAsync. To keep the UI integration layer
-    //       simple (e.g. not have to deal with asynchronous creation of the Viewer), should we also be able to pass Promise<AbstractEngine> to the Viewer constructor?
-    return viewer;
-}
-
-// TODO: Use https://lit.dev/ to simplify this code and ease maintenance.
-/**
- * Represents a custom element that displays a 3D model using the Babylon.js Viewer.
- */
-class HTML3DElement extends HTMLElement {
-    /**
-     * Creates an instance of HTML3DElement.
-     */
-    constructor() {
-        super();
-        const shadowRoot = this.attachShadow({ mode: "open" });
-        shadowRoot.innerHTML = `
-          <style>
-            :host {
-              display: block;
-              width: 100%;
-              height: 100%;
-            }
-
-            #container {
-              display: block;
-              width: 100%;
-              height: 100%;
-            }
-
-            #renderCanvas {
-              width: 100%;
-              height: 100%;
-              display: block;
-              font-size: 0;
-            }
-          </style>
-          <div id="container">
-            <canvas id="renderCanvas" touch-action="none"></canvas>
-          </div>
-        `;
-        const canvas = shadowRoot.querySelector("#renderCanvas");
-        this.viewer = createViewerForCanvas(canvas);
-    }
-    /**
-     * Gets the model URL.
-     */
-    get src() {
-        return this.getAttribute("src");
-    }
-    /**
-     * Sets the model URL.
-     */
-    set src(value) {
-        if (value === null) {
-            this.removeAttribute("src");
-        }
-        else {
-            this.setAttribute("src", value);
-        }
-    }
-    /**
-     * Called each time the element is added to the document.
-     * @remarks
-     * See https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements#custom_element_lifecycle_callbacks
-     */
-    connectedCallback() { }
-    /**
-     * Called when attributes are changed, added, removed, or replaced.
-     * @remarks
-     * See https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements#custom_element_lifecycle_callbacks
-     * @param name The name of the attribute that changed.
-     * @param oldValue The old value of the attribute.
-     * @param newValue The new value of the attribute.
-     */
-    attributeChangedCallback(name, oldValue, newValue) {
-        switch (name) {
-            case "src":
-                this.viewer.loadModelAsync(newValue).catch(Logger.Log);
-                break;
-            case "env":
-                this.viewer.loadEnvironmentAsync(newValue).catch(Logger.Log);
-                break;
-        }
-    }
-}
-// eslint-disable-next-line jsdoc/require-jsdoc, @typescript-eslint/naming-convention
-HTML3DElement.observedAttributes = Object.freeze(["src", "env"]);
-globalThis.customElements.define("babylon-viewer", HTML3DElement);
-
-export { HTML3DElement, Viewer, createViewerForCanvas };
-//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../tools/viewer-alpha/src/viewer.ts","../../../../../../../../tools/viewer-alpha/src/viewerFactory.ts","../../../../../../../../tools/viewer-alpha/src/viewerElement.ts"],"sourcesContent":["// eslint-disable-next-line import/no-internal-modules\r\nimport type { AbstractEngine, AssetContainer, Camera, FramingBehavior, IDisposable, LoadAssetContainerOptions, Mesh, Nullable } from \"core/index\";\r\n\r\nimport { ArcRotateCamera } from \"core/Cameras/arcRotateCamera\";\r\nimport { HemisphericLight } from \"core/Lights/hemisphericLight\";\r\nimport { loadAssetContainerAsync } from \"core/Loading/sceneLoader\";\r\nimport { PBRMaterial } from \"core/Materials/PBR/pbrMaterial\";\r\nimport { CubeTexture } from \"core/Materials/Textures/cubeTexture\";\r\nimport { Texture } from \"core/Materials/Textures/texture\";\r\nimport { Color4 } from \"core/Maths/math.color\";\r\nimport { Vector3 } from \"core/Maths/math.vector\";\r\nimport { CreateBox } from \"core/Meshes/Builders/boxBuilder\";\r\nimport { AsyncLock } from \"core/Misc/asyncLock\";\r\nimport { Scene } from \"core/scene\";\r\n\r\n// TODO: Dynamic imports?\r\nimport \"core/Animations/animatable\";\r\nimport \"core/Materials/Textures/Loaders/envTextureLoader\";\r\n// eslint-disable-next-line import/no-internal-modules\r\nimport \"loaders/glTF/2.0/index\";\r\n\r\nfunction createSkybox(scene: Scene, camera: Camera, environmentTexture: CubeTexture, blur: number): Mesh {\r\n    const hdrSkybox = CreateBox(\"hdrSkyBox\", undefined, scene);\r\n    const hdrSkyboxMaterial = new PBRMaterial(\"skyBox\", scene);\r\n    hdrSkyboxMaterial.backFaceCulling = false;\r\n    hdrSkyboxMaterial.reflectionTexture = environmentTexture.clone();\r\n    if (hdrSkyboxMaterial.reflectionTexture) {\r\n        hdrSkyboxMaterial.reflectionTexture.coordinatesMode = Texture.SKYBOX_MODE;\r\n    }\r\n    hdrSkyboxMaterial.microSurface = 1.0 - blur;\r\n    hdrSkyboxMaterial.disableLighting = true;\r\n    hdrSkyboxMaterial.twoSidedLighting = true;\r\n    hdrSkybox.material = hdrSkyboxMaterial;\r\n    hdrSkybox.isPickable = false;\r\n    hdrSkybox.infiniteDistance = true;\r\n    hdrSkybox.ignoreCameraMaxZ = true;\r\n\r\n    updateSkybox(hdrSkybox, camera);\r\n\r\n    return hdrSkybox;\r\n}\r\n\r\nfunction updateSkybox(skybox: Nullable<Mesh>, camera: Camera): void {\r\n    skybox?.scaling.setAll((camera.maxZ - camera.minZ) / 2);\r\n}\r\n\r\nconst defaultViewerOptions = {\r\n    backgroundColor: new Color4(0.1, 0.1, 0.2, 1.0),\r\n} as const;\r\n\r\nexport type ViewerDetails = {\r\n    /**\r\n     * Provides access to the Scene managed by the Viewer.\r\n     */\r\n    scene: Scene;\r\n\r\n    /**\r\n     * Provides access to the currently loaded model.\r\n     */\r\n    model: Nullable<AssetContainer>;\r\n};\r\n\r\nexport type ViewerOptions = Partial<\r\n    typeof defaultViewerOptions &\r\n        Readonly<{\r\n            /**\r\n             * Called once when the viewer is initialized and provides viewer details that can be used for advanced customization.\r\n             */\r\n            onInitialized: (details: Readonly<ViewerDetails>) => void;\r\n        }>\r\n>;\r\n\r\n/**\r\n * Provides an experience for viewing a single 3D model.\r\n * @remarks\r\n * The Viewer is not tied to a specific UI framework and can be used with Babylon.js in a browser or with Babylon Native.\r\n * Includes (or will include) support for common model viewing requirements such as:\r\n * - Loading different model formats.\r\n * - Setting up a camera and providing default behaviors like auto orbit and pose interpolation.\r\n * - Framing the loaded model in the camera's view.\r\n * - Setting up the environment, lighting, and tone mapping.\r\n * - Enumerating and playing (or auto playing) animations.\r\n * - Enumerating and switching between material variants.\r\n * - Full screen and XR modes.\r\n */\r\nexport class Viewer implements IDisposable {\r\n    private readonly _details: ViewerDetails;\r\n    private readonly _camera: ArcRotateCamera;\r\n    private _skybox: Nullable<Mesh> = null;\r\n\r\n    private _isDisposed = false;\r\n\r\n    private readonly _loadModelLock = new AsyncLock();\r\n    private _loadModelAbortController: Nullable<AbortController> = null;\r\n\r\n    private readonly _loadEnvironmentLock = new AsyncLock();\r\n    private _environment: Nullable<IDisposable> = null;\r\n    private _loadEnvironmentAbortController: Nullable<AbortController> = null;\r\n\r\n    public constructor(\r\n        private readonly _engine: AbstractEngine,\r\n        options?: ViewerOptions\r\n    ) {\r\n        const finalOptions = { ...defaultViewerOptions, ...options };\r\n        this._details = {\r\n            scene: new Scene(this._engine),\r\n            model: null,\r\n        };\r\n        this._details.scene.clearColor = finalOptions.backgroundColor;\r\n        this._camera = new ArcRotateCamera(\"camera1\", 0, 0, 1, Vector3.Zero(), this._details.scene);\r\n        this._camera.attachControl();\r\n        this._updateCamera(); // set default camera values\r\n\r\n        // Load a default light, but ignore errors as the user might be immediately loading their own environment.\r\n        this.loadEnvironmentAsync(undefined).catch(() => {});\r\n\r\n        // TODO: render at least back ground. Maybe we can only run renderloop when a mesh is loaded. What to render until then?\r\n        this._engine.runRenderLoop(() => {\r\n            this._details.scene.render();\r\n        });\r\n\r\n        options?.onInitialized?.(this._details);\r\n    }\r\n\r\n    /**\r\n     * Loads a 3D model from the specified URL.\r\n     * @remarks\r\n     * If a model is already loaded, it will be unloaded before loading the new model.\r\n     * @param source A url or File or ArrayBufferView that points to the model to load.\r\n     * @param options The options to use when loading the model.\r\n     * @param abortSignal An optional signal that can be used to abort the loading process.\r\n     */\r\n    public async loadModelAsync(source: string | File | ArrayBufferView, options?: LoadAssetContainerOptions, abortSignal?: AbortSignal): Promise<void> {\r\n        this._throwIfDisposedOrAborted(abortSignal);\r\n\r\n        this._loadModelAbortController?.abort(\"New model is being loaded before previous model finished loading.\");\r\n        const abortController = (this._loadModelAbortController = new AbortController());\r\n\r\n        await this._loadModelLock.lockAsync(async () => {\r\n            this._throwIfDisposedOrAborted(abortSignal, abortController.signal);\r\n            this._details.model?.dispose();\r\n            this._details.model = await loadAssetContainerAsync(source, this._details.scene, options);\r\n            this._details.model.addAllToScene();\r\n            this._updateCamera();\r\n        });\r\n    }\r\n\r\n    /**\r\n     * Loads an environment texture from the specified url and sets up a corresponding skybox.\r\n     * @remarks\r\n     * If no url is provided, a default hemispheric light will be created.\r\n     * If an environment is already loaded, it will be unloaded before loading the new environment.\r\n     * @param url The url of the environment texture to load.\r\n     * @param abortSignal An optional signal that can be used to abort the loading process.\r\n     */\r\n    public async loadEnvironmentAsync(url: Nullable<string | undefined>, abortSignal?: AbortSignal): Promise<void> {\r\n        this._throwIfDisposedOrAborted(abortSignal);\r\n\r\n        this._loadEnvironmentAbortController?.abort(\"New environment is being loaded before previous environment finished loading.\");\r\n        const abortController = (this._loadEnvironmentAbortController = new AbortController());\r\n\r\n        await this._loadEnvironmentLock.lockAsync(async () => {\r\n            this._throwIfDisposedOrAborted(abortSignal, abortController.signal);\r\n            this._environment?.dispose();\r\n            this._environment = await new Promise<IDisposable>((resolve, reject) => {\r\n                if (!url) {\r\n                    const light = new HemisphericLight(\"hemilight\", Vector3.Up(), this._details.scene);\r\n                    this._details.scene.autoClear = true;\r\n                    resolve(light);\r\n                } else {\r\n                    const cubeTexture = CubeTexture.CreateFromPrefilteredData(url, this._details.scene);\r\n                    this._details.scene.environmentTexture = cubeTexture;\r\n\r\n                    const skybox = createSkybox(this._details.scene, this._camera, cubeTexture, 0.3);\r\n                    this._skybox = skybox;\r\n\r\n                    this._details.scene.autoClear = false;\r\n\r\n                    const dispose = () => {\r\n                        cubeTexture.dispose();\r\n                        skybox.dispose();\r\n                        this._skybox = null;\r\n                    };\r\n\r\n                    const successObserver = cubeTexture.onLoadObservable.addOnce(() => {\r\n                        successObserver.remove();\r\n                        errorObserver.remove();\r\n                        resolve({\r\n                            dispose,\r\n                        });\r\n                    });\r\n\r\n                    const errorObserver = Texture.OnTextureLoadErrorObservable.add((texture) => {\r\n                        if (texture === cubeTexture) {\r\n                            successObserver.remove();\r\n                            errorObserver.remove();\r\n                            dispose();\r\n                            reject(new Error(\"Failed to load environment texture.\"));\r\n                        }\r\n                    });\r\n                }\r\n            });\r\n        });\r\n    }\r\n\r\n    /**\r\n     * Disposes of the resources held by the Viewer.\r\n     */\r\n    public dispose(): void {\r\n        this._details.scene.dispose();\r\n        this._isDisposed = true;\r\n    }\r\n\r\n    // copy/paste from sandbox and scene helpers\r\n    private _updateCamera(): void {\r\n        // Enable camera's behaviors\r\n        this._camera.useFramingBehavior = true;\r\n        const framingBehavior = this._camera.getBehaviorByName(\"Framing\") as FramingBehavior;\r\n        framingBehavior.framingTime = 0;\r\n        framingBehavior.elevationReturnTime = -1;\r\n\r\n        let radius = 1;\r\n        if (this._details.scene.meshes.length) {\r\n            // get bounds and prepare framing/camera radius from its values\r\n            this._camera.lowerRadiusLimit = null;\r\n\r\n            const worldExtends = this._details.scene.getWorldExtends((mesh) => {\r\n                return mesh.isVisible && mesh.isEnabled();\r\n            });\r\n            framingBehavior.zoomOnBoundingInfo(worldExtends.min, worldExtends.max);\r\n\r\n            const worldSize = worldExtends.max.subtract(worldExtends.min);\r\n            const worldCenter = worldExtends.min.add(worldSize.scale(0.5));\r\n\r\n            radius = worldSize.length() * 1.2;\r\n\r\n            if (!isFinite(radius)) {\r\n                radius = 1;\r\n                worldCenter.copyFromFloats(0, 0, 0);\r\n            }\r\n\r\n            this._camera.setTarget(worldCenter);\r\n        }\r\n        this._camera.lowerRadiusLimit = radius * 0.01;\r\n        this._camera.wheelPrecision = 100 / radius;\r\n        this._camera.alpha = Math.PI / 2;\r\n        this._camera.beta = Math.PI / 2;\r\n        this._camera.radius = radius;\r\n        this._camera.minZ = radius * 0.01;\r\n        this._camera.maxZ = radius * 1000;\r\n        this._camera.speed = radius * 0.2;\r\n        this._camera.useAutoRotationBehavior = true;\r\n        this._camera.pinchPrecision = 200 / this._camera.radius;\r\n        this._camera.upperRadiusLimit = 5 * this._camera.radius;\r\n        this._camera.wheelDeltaPercentage = 0.01;\r\n        this._camera.pinchDeltaPercentage = 0.01;\r\n        this._camera.restoreStateInterpolationFactor = 0.1;\r\n\r\n        updateSkybox(this._skybox, this._camera);\r\n    }\r\n\r\n    /**\r\n     * Check for disposed or aborted state (basically everything that can interrupt an async operation).\r\n     * @param abortSignals A set of optional AbortSignals to also check.\r\n     */\r\n    private _throwIfDisposedOrAborted(...abortSignals: (Nullable<AbortSignal> | undefined)[]): void {\r\n        if (this._isDisposed) {\r\n            throw new Error(\"Viewer is disposed.\");\r\n        }\r\n\r\n        for (const signal of abortSignals) {\r\n            signal?.throwIfAborted();\r\n        }\r\n    }\r\n}\r\n","import { Engine } from \"core/Engines/engine\";\r\nimport type { EngineOptions } from \"core/Engines\";\r\n\r\nimport type { ViewerOptions } from \"./viewer\";\r\nimport { Viewer } from \"./viewer\";\r\n\r\ntype CanvasViewerOptions = ViewerOptions & ({ engine: \"WebGL\" } & EngineOptions);\r\nconst defaultCanvasViewerOptions: CanvasViewerOptions = {\r\n    engine: \"WebGL\",\r\n};\r\n\r\n/**\r\n * Creates a Viewer instance that is bound to an HTML canvas.\r\n * @remarks\r\n * This function can be shared across multiple UI integrations (e.g. Web Components, React, etc.).\r\n * @param canvas The canvas element to bind the Viewer to.\r\n * @param options The options to use when creating the Viewer and binding it to the specified canvas.\r\n * @returns A Viewer instance that is bound to the specified canvas.\r\n */\r\nexport function createViewerForCanvas(canvas: HTMLCanvasElement, options?: CanvasViewerOptions): Viewer {\r\n    const finalOptions = { ...defaultCanvasViewerOptions, ...options };\r\n    const disposeActions: (() => void)[] = [];\r\n\r\n    // If the canvas is resized, note that the engine needs a resize, but don't resize it here as it will result in flickering.\r\n    let needsResize = false;\r\n    const resizeObserver = new ResizeObserver(() => (needsResize = true));\r\n    resizeObserver.observe(canvas);\r\n    disposeActions.push(() => resizeObserver.disconnect());\r\n\r\n    // Create an engine instance.\r\n    // TODO: Create a WebGL or WebGPUEngine based on the engine option.\r\n    const engine = new Engine(canvas, undefined, options);\r\n\r\n    // Override the onInitialized callback to add in some specific behavior.\r\n    const onInitialized = finalOptions.onInitialized;\r\n    finalOptions.onInitialized = (details) => {\r\n        // Resize if needed right before rendering the Viewer scene to avoid any flickering.\r\n        const beforeRenderObserver = details.scene.onBeforeRenderObservable.add(() => {\r\n            if (needsResize) {\r\n                engine.resize();\r\n                needsResize = false;\r\n            }\r\n        });\r\n        disposeActions.push(() => beforeRenderObserver.remove());\r\n\r\n        // Call the original onInitialized callback, if one was provided.\r\n        onInitialized?.(details);\r\n    };\r\n\r\n    // Instantiate the Viewer with the engine and options.\r\n    const viewer = new Viewer(engine, finalOptions);\r\n    disposeActions.push(viewer.dispose.bind(viewer));\r\n\r\n    disposeActions.push(() => engine.dispose());\r\n\r\n    // Override the Viewer's dispose method to add in additional cleanup.\r\n    viewer.dispose = () => disposeActions.forEach((dispose) => dispose());\r\n\r\n    // TODO: Creating an engine instance will be async if we use a dynamic import for choosing either Engine or WebGPUEngine,\r\n    //       or even when just creating a WebGPUEngine since we have to call initAsync. To keep the UI integration layer\r\n    //       simple (e.g. not have to deal with asynchronous creation of the Viewer), should we also be able to pass Promise<AbstractEngine> to the Viewer constructor?\r\n\r\n    return viewer;\r\n}\r\n","import { Logger } from \"core/Misc/logger\";\r\nimport type { Nullable } from \"core/types\";\r\nimport type { Viewer } from \"./viewer\";\r\nimport { createViewerForCanvas } from \"./viewerFactory\";\r\n\r\n// TODO: Use https://lit.dev/ to simplify this code and ease maintenance.\r\n\r\n/**\r\n * Represents a custom element that displays a 3D model using the Babylon.js Viewer.\r\n */\r\nexport class HTML3DElement extends HTMLElement {\r\n    // eslint-disable-next-line jsdoc/require-jsdoc, @typescript-eslint/naming-convention\r\n    public static readonly observedAttributes = Object.freeze([\"src\", \"env\"] as const);\r\n\r\n    /**\r\n     * Gets the underlying Viewer object.\r\n     */\r\n    public readonly viewer: Viewer;\r\n\r\n    /**\r\n     * Creates an instance of HTML3DElement.\r\n     */\r\n    public constructor() {\r\n        super();\r\n\r\n        const shadowRoot = this.attachShadow({ mode: \"open\" });\r\n        shadowRoot.innerHTML = `\r\n          <style>\r\n            :host {\r\n              display: block;\r\n              width: 100%;\r\n              height: 100%;\r\n            }\r\n\r\n            #container {\r\n              display: block;\r\n              width: 100%;\r\n              height: 100%;\r\n            }\r\n\r\n            #renderCanvas {\r\n              width: 100%;\r\n              height: 100%;\r\n              display: block;\r\n              font-size: 0;\r\n            }\r\n          </style>\r\n          <div id=\"container\">\r\n            <canvas id=\"renderCanvas\" touch-action=\"none\"></canvas>\r\n          </div>\r\n        `;\r\n\r\n        const canvas = shadowRoot.querySelector(\"#renderCanvas\") as HTMLCanvasElement;\r\n        this.viewer = createViewerForCanvas(canvas);\r\n    }\r\n\r\n    /**\r\n     * Gets the model URL.\r\n     */\r\n    public get src() {\r\n        return this.getAttribute(\"src\");\r\n    }\r\n\r\n    /**\r\n     * Sets the model URL.\r\n     */\r\n    public set src(value: Nullable<string>) {\r\n        if (value === null) {\r\n            this.removeAttribute(\"src\");\r\n        } else {\r\n            this.setAttribute(\"src\", value);\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Called each time the element is added to the document.\r\n     * @remarks\r\n     * See https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements#custom_element_lifecycle_callbacks\r\n     */\r\n    public connectedCallback() {}\r\n\r\n    /**\r\n     * Called when attributes are changed, added, removed, or replaced.\r\n     * @remarks\r\n     * See https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements#custom_element_lifecycle_callbacks\r\n     * @param name The name of the attribute that changed.\r\n     * @param oldValue The old value of the attribute.\r\n     * @param newValue The new value of the attribute.\r\n     */\r\n    public attributeChangedCallback(name: (typeof HTML3DElement.observedAttributes)[number], oldValue: string, newValue: string) {\r\n        switch (name) {\r\n            case \"src\":\r\n                this.viewer.loadModelAsync(newValue).catch(Logger.Log);\r\n                break;\r\n            case \"env\":\r\n                this.viewer.loadEnvironmentAsync(newValue).catch(Logger.Log);\r\n                break;\r\n        }\r\n    }\r\n}\r\n\r\nglobalThis.customElements.define(\"babylon-viewer\", HTML3DElement);\r\n"],"names":[],"mappings":"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"}