@combeenation/3d-viewer 5.0.1 → 5.0.3-beta2

package/dist/lib-cjs/api/classes/viewer.js

@@ -1,702 +1,718 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Viewer = void 0;
-var tslib_1 = require("tslib");
-var arcRotateCamera_1 = require("@babylonjs/core/Cameras/arcRotateCamera");
-var boundingInfo_1 = require("@babylonjs/core/Culling/boundingInfo");
-var engine_1 = require("@babylonjs/core/Engines/engine");
-var highlightLayer_1 = require("@babylonjs/core/Layers/highlightLayer");
-var standardMaterial_1 = require("@babylonjs/core/Materials/standardMaterial");
-var dynamicTexture_1 = require("@babylonjs/core/Materials/Textures/dynamicTexture");
-var math_color_1 = require("@babylonjs/core/Maths/math.color");
-var math_vector_1 = require("@babylonjs/core/Maths/math.vector");
-var mesh_1 = require("@babylonjs/core/Meshes/mesh");
-var screenshotTools_1 = require("@babylonjs/core/Misc/screenshotTools");
-var webXRSessionManager_1 = require("@babylonjs/core/XR/webXRSessionManager");
-var structureHelper_1 = require("../util/structureHelper");
-var lodash_es_1 = require("lodash-es");
-var buildinfo_json_1 = require("../../buildinfo.json");
-var sceneSetup_1 = require("../internal/sceneSetup");
-var animationManager_1 = require("../manager/animationManager");
-var gltfExportManager_1 = require("../manager/gltfExportManager");
-var sceneManager_1 = require("../manager/sceneManager");
-var variantInstanceManager_1 = require("../manager/variantInstanceManager");
-var specStorage_1 = require("../store/specStorage");
-var resourceHelper_1 = require("../util/resourceHelper");
-var event_1 = require("./event");
-var eventBroadcaster_1 = require("./eventBroadcaster");
-var parameter_1 = require("./parameter");
-var variant_1 = require("./variant");
-/**
- * The main exposed object. This is the entry point into the application
- *
- * ```js
- * const canvas = document.getElementById( 'babylon-canvas' );
- * const viewer = Viewer( canvas, '/path/to/index.json' );
- * ```
- * The class does nothing on its own and needs to {@link bootstrap}
- */
-var Viewer = /** @class */ (function (_super) {
-    tslib_1.__extends(Viewer, _super);
-    /**
-     * Constructor
-     */
-    function Viewer(canvas, structureJson) {
-        var _this = _super.call(this) || this;
-        _this.canvas = canvas;
-        _this.structureJson = structureJson;
-        _this._scene = null;
-        _this._animationManager = null;
-        _this._sceneManager = null;
-        _this._gltfExportManager = null;
-        _this._variantInstances = null;
-        // default value is `true` ATM for compatibility reasons
-        // in the future material cloning should be the edge case
-        _this._cloneMaterialsOnMutation = true;
-        _this._isRenderLoopPaused = false;
-        return _this;
-    }
-    Object.defineProperty(Viewer.prototype, "scene", {
-        /**
-         * Gets the BabylonJS Scene that is attached to the instance.
-         *
-         * @throws Error if the `scene` has not been initialized.
-         */
-        get: function () {
-            if (!this._scene) {
-                throw new Error("Scene has not been initialized.");
-            }
-            return this._scene;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Viewer.prototype, "sceneManager", {
-        /**
-         * Gets the {@link SceneManager} attached to the viewer.
-         *
-         * @throws Error if the {@link SceneManager} has not been initialized.
-         */
-        get: function () {
-            if (!this._sceneManager) {
-                throw new Error("SceneManager has not been initialized.");
-            }
-            return this._sceneManager;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Viewer.prototype, "gltfExportManager", {
-        /**
-         * Gets the {@link GltfExportManager} attached to the viewer.
-         *
-         * @throws Error if the {@link GltfExportManager} has not been initialized.
-         */
-        get: function () {
-            if (!this._gltfExportManager) {
-                throw new Error("GltfExportManager has not been initialized.");
-            }
-            return this._gltfExportManager;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Viewer.prototype, "engine", {
-        /**
-         * Gets the BabylonJS Engine that is attached to the viewer.
-         */
-        get: function () {
-            return this.scene.getEngine();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Viewer.prototype, "variantInstances", {
-        /**
-         * Gets the {@link VariantInstanceManager} attached to the viewer.
-         *
-         * @throws Error if the {@link VariantInstanceManager} has not been initialized.
-         */
-        get: function () {
-            if (!this._variantInstances) {
-                throw Error("There is no variantInstanceManager.");
-            }
-            return this._variantInstances;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Viewer.prototype, "animationManager", {
-        /**
-         * Gets the {@link AnimationManager} attached to the viewer.
-         *
-         * @throws Error if the {@link AnimationManager} has not been initialized.
-         */
-        get: function () {
-            if (!this._animationManager) {
-                throw new Error("There is no animationManager instance.");
-            }
-            return this._animationManager;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Viewer.prototype, "cloneMaterialsOnMutation", {
-        /**
-         * Gets the `cloneMaterialsOnMutation` flag, as defined in the spec
-         */
-        get: function () {
-            return this._cloneMaterialsOnMutation;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * Starts the application. This will
-     * * load the given "index" JSON file
-     * * setup the scene with the "scene" JSON file
-     * * create an (optional) default setup with different variant settings
-     * * sets up resizing by attaching a debounced version of {@link resize}
-     *
-     * @throws Error if any of the files is not found/valid
-     *
-     * @emits {@link Event.BOOTSTRAP_START}
-     * @emits {@link Event.BOOTSTRAP_END}
-     */
-    Viewer.prototype.bootstrap = function () {
-        return tslib_1.__awaiter(this, void 0, void 0, function () {
-            var indexJson, sceneJson, _a, rootVariant, _b, setupJson, _c;
-            var _this = this;
-            return tslib_1.__generator(this, function (_d) {
-                switch (_d.label) {
-                    case 0:
-                        this.broadcastEvent(event_1.Event.BOOTSTRAP_START, this);
-                        if (!lodash_es_1.isString(this.structureJson)) return [3 /*break*/, 2];
-                        return [4 /*yield*/, resourceHelper_1.loadJson(this.structureJson)];
-                    case 1:
-                        indexJson = _d.sent();
-                        return [3 /*break*/, 3];
-                    case 2:
-                        indexJson = this.structureJson;
-                        _d.label = 3;
-                    case 3:
-                        if (!indexJson.scene) {
-                            throw new Error("No \"scene\" property found for bootstrapping.");
-                        }
-                        // fill spec store
-                        specStorage_1.SpecStorage.createFromSpec(indexJson);
-                        if (!lodash_es_1.isString(indexJson.scene)) return [3 /*break*/, 5];
-                        return [4 /*yield*/, resourceHelper_1.loadJson(indexJson.scene)];
-                    case 4:
-                        sceneJson = _d.sent();
-                        indexJson.scene = sceneJson;
-                        _d.label = 5;
-                    case 5:
-                        _a = this;
-                        return [4 /*yield*/, this.initScene()];
-                    case 6:
-                        _a._scene = _d.sent();
-                        return [4 /*yield*/, variant_1.Variant.create('_', indexJson, this)];
-                    case 7:
-                        rootVariant = _d.sent();
-                        _b = this;
-                        return [4 /*yield*/, variantInstanceManager_1.VariantInstanceManager.create(rootVariant)];
-                    case 8:
-                        _b._variantInstances = _d.sent();
-                        if (!indexJson.setup) return [3 /*break*/, 12];
-                        if (!lodash_es_1.isString(indexJson.setup)) return [3 /*break*/, 10];
-                        return [4 /*yield*/, resourceHelper_1.loadJson(indexJson.setup)];
-                    case 9:
-                        setupJson = _d.sent();
-                        indexJson.setup = setupJson;
-                        _d.label = 10;
-                    case 10: return [4 /*yield*/, this.createVariantInstances()];
-                    case 11:
-                        _d.sent();
-                        _d.label = 12;
-                    case 12:
-                        // create gltf export manager
-                        _c = this;
-                        return [4 /*yield*/, gltfExportManager_1.GltfExportManager.create(this)];
-                    case 13:
-                        // create gltf export manager
-                        _c._gltfExportManager = _d.sent();
-                        // resize handler
-                        window.addEventListener('resize', resourceHelper_1.debounce(this.resize.bind(this), 100));
-                        // wait until scene is completely ready
-                        return [4 /*yield*/, this.scene.whenReadyAsync()];
-                    case 14:
-                        // wait until scene is completely ready
-                        _d.sent();
-                        // event broadcasting
-                        this.broadcastEvent(event_1.Event.BOOTSTRAP_END, this);
-                        // render loop
-                        this.engine.runRenderLoop(function () {
-                            if (!_this._isRenderLoopPaused)
-                                _this.scene.render();
-                        });
-                        return [2 /*return*/, this];
-                }
-            });
-        });
-    };
-    /**
-     * Enables the BabylonJS [Inspector](https://doc.babylonjs.com/toolsAndResources/tools/inspector).\
-     * Due to the enormous additional package size of the inspector, this feature is only available in development builds.
-     */
-    Viewer.prototype.enableDebugLayer = function (options) {
-        var _a;
-        return tslib_1.__awaiter(this, void 0, void 0, function () {
-            return tslib_1.__generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        if (!((_a = process.env.NODE_ENV) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes('dev'))) return [3 /*break*/, 3];
-                        return [4 /*yield*/, Promise.resolve().then(function () { return require(/* webpackChunkName: "debug-inspector" */ '@babylonjs/inspector'); })];
-                    case 1:
-                        _b.sent();
-                        return [4 /*yield*/, this.scene.debugLayer.show(options)];
-                    case 2:
-                        _b.sent();
-                        return [3 /*break*/, 4];
-                    case 3:
-                        console.warn('BabylonJS inspector is not supported in production builds!');
-                        _b.label = 4;
-                    case 4: return [2 /*return*/];
-                }
-            });
-        });
-    };
-    /**
-     * Destroys all registered {@link VariantInstance}s that are registered
-     */
-    Viewer.prototype.destroyVariantInstances = function () {
-        var _this = this;
-        this.variantInstances.all.forEach(function (variantInstance) {
-            _this.variantInstances.destroy(variantInstance.name);
-        });
-        return this;
-    };
-    /**
-     * Trigger a resize event for the `Engine`
-     */
-    Viewer.prototype.resize = function () {
-        this.engine.resize();
-        return this;
-    };
-    /**
-     * A convenience method for directly getting a Node from a {@link VariantInstance} and an {@link Element} by its
-     * {@link DottedPath}s.
-     */
-    Viewer.prototype.getNode = function (variantInstanceName, elementDottedPath, nodeDottedPath) {
-        return tslib_1.__awaiter(this, void 0, void 0, function () {
-            var variantInstance;
-            return tslib_1.__generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, this.variantInstances.get(variantInstanceName)];
-                    case 1:
-                        variantInstance = _a.sent();
-                        return [2 /*return*/, variantInstance.getNode(elementDottedPath, nodeDottedPath)];
-                }
-            });
-        });
-    };
-    /**
-     * A convenience method for directly getting a Node from a {@link VariantInstance} and an {@link Element} by its
-     * {@link DottedPath}s.
-     */
-    Viewer.prototype.getMesh = function (variantInstanceName, elementDottedPath, meshDottedPath) {
-        return tslib_1.__awaiter(this, void 0, void 0, function () {
-            var variantInstance;
-            return tslib_1.__generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, this.variantInstances.get(variantInstanceName)];
-                    case 1:
-                        variantInstance = _a.sent();
-                        return [2 /*return*/, variantInstance.getMesh(elementDottedPath, meshDottedPath)];
-                }
-            });
-        });
-    };
-    /**
-     * Switches the camera
-     *
-     * @emits {@link Event.CAMERA_SWITCHED}
-     */
-    Viewer.prototype.switchCamera = function (newCamera, reset) {
-        if (reset === void 0) { reset = true; }
-        var camera = this.scene.getCameraByName(newCamera);
-        if (camera) {
-            var activeCamera = this.scene.activeCamera;
-            if (activeCamera) {
-                activeCamera.detachControl(this.engine.getRenderingCanvas());
-            }
-            if (reset) {
-                camera.restoreState();
-            }
-            this.scene.setActiveCameraByName(newCamera);
-            camera.attachControl(this.engine.getRenderingCanvas());
-            this.broadcastEvent(event_1.Event.CAMERA_SWITCHED, camera);
-        }
-        else {
-            throw new Error("Given camera \"" + newCamera + "\" not found.");
-        }
-        // TODO: put traceable observers to new camera (@see element)
-        return this;
-    };
-    /**
-     * Moves or animates the active camera to given `placement`.
-     */
-    Viewer.prototype.moveActiveCameraTo = function (placement, animation) {
-        return tslib_1.__awaiter(this, void 0, void 0, function () {
-            return tslib_1.__generator(this, function (_a) {
-                return [2 /*return*/, this.animationManager.animateToPlacement(this.sceneManager.activeCamera, placement, animation)];
-            });
-        });
-    };
-    /**
-     * Takes a sceenshot the the current scene. The result is a string containing a base64 encoded image
-     */
-    Viewer.prototype.screenshot = function (settings) {
-        var _this = this;
-        return new Promise(function (resolve, reject) {
-            var _a, _b, _c, _d, _e, _f;
-            if (!_this.engine) {
-                return reject('Engine is null');
-            }
-            if (!_this.scene) {
-                return reject('Scene is null');
-            }
-            _this.scene.render(); // in combination with a render target, we need to refresh the scene manually to get the latest view
-            screenshotTools_1.ScreenshotTools.CreateScreenshotUsingRenderTarget(_this.engine, _this.sceneManager.activeCamera, (_a = settings === null || settings === void 0 ? void 0 : settings.size) !== null && _a !== void 0 ? _a : { width: _this.canvas.clientWidth, height: _this.canvas.clientHeight }, resolve, (_b = settings === null || settings === void 0 ? void 0 : settings.mimeType) !== null && _b !== void 0 ? _b : 'image/png', (_c = settings === null || settings === void 0 ? void 0 : settings.samples) !== null && _c !== void 0 ? _c : 1, (_d = settings === null || settings === void 0 ? void 0 : settings.antialiasing) !== null && _d !== void 0 ? _d : false, (_e = settings === null || settings === void 0 ? void 0 : settings.fileName) !== null && _e !== void 0 ? _e : 'screenshot.png', (_f = settings === null || settings === void 0 ? void 0 : settings.renderSprites) !== null && _f !== void 0 ? _f : false);
-        });
-    };
-    /**
-     * Checks whether the browser is capable of handling XR.
-     */
-    Viewer.prototype.isBrowserARCapable = function () {
-        return tslib_1.__awaiter(this, void 0, void 0, function () {
-            return tslib_1.__generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, webXRSessionManager_1.WebXRSessionManager.IsSessionSupportedAsync('immersive-ar')];
-                    case 1: return [2 /*return*/, _a.sent()];
-                }
-            });
-        });
-    };
-    /**
-     * Calculates the bounding box from all visible meshes on the scene.
-     */
-    Viewer.prototype.calculateBoundingBox = function (excludeGeometry) {
-        return tslib_1.__awaiter(this, void 0, void 0, function () {
-            var bbName, _a, max, min, boundingBox;
-            return tslib_1.__generator(this, function (_b) {
-                if (this.scene.meshes.length === 0) {
-                    throw new Error('There are currently no meshes on the scene.');
-                }
-                this.scene.render(); // CB-6062: workaround for BoundingBox not respecting render loop
-                bbName = '__bounding_box__';
-                _a = this.scene.meshes
-                    .filter(function (mesh) {
-                    var isEnabled = mesh.isEnabled();
-                    // ignore the existing bounding box mesh for calculating the current one
-                    var isNotBBoxMesh = bbName !== mesh.id;
-                    // ignore meshes with invalid bounding infos
-                    var hasValidBBoxInfo = mesh.getBoundingInfo().boundingSphere.radius > 0;
-                    // ignore excluded meshes
-                    var isExcluded = excludeGeometry ? structureHelper_1.isMeshIncludedInExclusionList(mesh, excludeGeometry) : false;
-                    return isEnabled && isNotBBoxMesh && hasValidBBoxInfo && !isExcluded;
-                })
-                    .reduce(function (accBBoxMinMax, curMesh, idx) {
-                    var bBox = curMesh.getBoundingInfo().boundingBox;
-                    // use the first entry in the array as default value and get the resulting maximum/minimum values
-                    var max = idx === 0 ? bBox.maximumWorld : math_vector_1.Vector3.Maximize(accBBoxMinMax.max, bBox.maximumWorld);
-                    var min = idx === 0 ? bBox.minimumWorld : math_vector_1.Vector3.Minimize(accBBoxMinMax.min, bBox.minimumWorld);
-                    return { max: max, min: min };
-                }, { max: new math_vector_1.Vector3(), min: new math_vector_1.Vector3() }), max = _a.max, min = _a.min;
-                boundingBox = this.scene.getMeshByName(bbName);
-                if (!boundingBox) {
-                    boundingBox = new mesh_1.Mesh(bbName, this.scene);
-                }
-                boundingBox.setBoundingInfo(new boundingInfo_1.BoundingInfo(min, max));
-                return [2 /*return*/, boundingBox];
-            });
-        });
-    };
-    /**
-     * Focuses the camera to see every visible mesh in scene and tries to optimize wheel precision and panning
-     */
-    Viewer.prototype.autofocusActiveCamera = function (settings) {
-        return tslib_1.__awaiter(this, void 0, void 0, function () {
-            var activeCamera, cameraClsName, boundingBox, helperCamera;
-            return tslib_1.__generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        activeCamera = this.scene.activeCamera;
-                        if (!activeCamera) {
-                            throw new Error('No active camera found when using autofocus feature.');
-                        }
-                        if (!(activeCamera instanceof arcRotateCamera_1.ArcRotateCamera)) {
-                            cameraClsName = activeCamera.getClassName();
-                            throw new Error("Camera of type \"" + cameraClsName + "\" is not implemented yet to use autofocus feature.");
-                        }
-                        return [4 /*yield*/, this.calculateBoundingBox(settings === null || settings === void 0 ? void 0 : settings.exclude)];
-                    case 1:
-                        boundingBox = _a.sent();
-                        helperCamera = this.getFocusedHelperCamera(boundingBox, settings);
-                        return [4 /*yield*/, this.applyFocusedHelperCameraData(activeCamera, helperCamera, settings)];
-                    case 2:
-                        _a.sent();
-                        // remove the helper camera
-                        helperCamera.dispose();
-                        return [2 /*return*/];
-                }
-            });
-        });
-    };
-    /**
-     * Resets everything by calling {@link destroy} to clear all references and {@link bootstrap} to setup a clean
-     * environment
-     */
-    Viewer.prototype.reset = function () {
-        return tslib_1.__awaiter(this, void 0, void 0, function () {
-            return tslib_1.__generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, this.destroy()];
-                    case 1:
-                        _a.sent();
-                        return [2 /*return*/, this.bootstrap()];
-                }
-            });
-        });
-    };
-    /**
-     * Destroys
-     *
-     * * all {@link VariantInstance}s using {@link destroyVariantInstances}
-     * * calling `dispose` on the `Engine` and `Scene`
-     */
-    Viewer.prototype.destroy = function () {
-        this.destroyVariantInstances();
-        this.scene.dispose();
-        specStorage_1.SpecStorage.destroy();
-        return this;
-    };
-    /**
-     * Show coordinate system with given dimension (for debugging purpose).
-     */
-    Viewer.prototype.showWorldCoordinates = function (dimension) {
-        var scene = this.scene;
-        var makeTextPlane = function (text, color, size) {
-            var dynamicTexture = new dynamicTexture_1.DynamicTexture('DynamicTexture', 50, scene, true);
-            dynamicTexture.hasAlpha = true;
-            dynamicTexture.drawText(text, 5, 40, 'bold 36px Arial', color, 'transparent', true);
-            var plane = mesh_1.Mesh.CreatePlane('TextPlane', size, scene, true);
-            plane.material = new standardMaterial_1.StandardMaterial('TextPlaneMaterial', scene);
-            plane.material.backFaceCulling = false;
-            // @ts-ignore
-            plane.material.specularColor = new math_color_1.Color3(0, 0, 0);
-            // @ts-ignore
-            plane.material.diffuseTexture = dynamicTexture;
-            return plane;
-        };
-        var axisX = mesh_1.Mesh.CreateLines('axisX', [
-            math_vector_1.Vector3.Zero(),
-            new math_vector_1.Vector3(dimension, 0, 0),
-            new math_vector_1.Vector3(dimension * 0.95, 0.05 * dimension, 0),
-            new math_vector_1.Vector3(dimension, 0, 0),
-            new math_vector_1.Vector3(dimension * 0.95, -0.05 * dimension, 0),
-        ], scene, false);
-        axisX.color = new math_color_1.Color3(1, 0, 0);
-        var xChar = makeTextPlane('X', 'red', dimension / 10);
-        xChar.position = new math_vector_1.Vector3(0.9 * dimension, -0.05 * dimension, 0);
-        var axisY = mesh_1.Mesh.CreateLines('axisY', [
-            math_vector_1.Vector3.Zero(),
-            new math_vector_1.Vector3(0, dimension, 0),
-            new math_vector_1.Vector3(-0.05 * dimension, dimension * 0.95, 0),
-            new math_vector_1.Vector3(0, dimension, 0),
-            new math_vector_1.Vector3(0.05 * dimension, dimension * 0.95, 0),
-        ], scene, false);
-        axisY.color = new math_color_1.Color3(0, 1, 0);
-        var yChar = makeTextPlane('Y', 'green', dimension / 10);
-        yChar.position = new math_vector_1.Vector3(0, 0.9 * dimension, -0.05 * dimension);
-        var axisZ = mesh_1.Mesh.CreateLines('axisZ', [
-            math_vector_1.Vector3.Zero(),
-            new math_vector_1.Vector3(0, 0, dimension),
-            new math_vector_1.Vector3(0, -0.05 * dimension, dimension * 0.95),
-            new math_vector_1.Vector3(0, 0, dimension),
-            new math_vector_1.Vector3(0, 0.05 * dimension, dimension * 0.95),
-        ], scene, false);
-        axisZ.color = new math_color_1.Color3(0, 0, 1);
-        var zChar = makeTextPlane('Z', 'blue', dimension / 10);
-        zChar.position = new math_vector_1.Vector3(0, 0.05 * dimension, 0.9 * dimension);
-    };
-    /**
-     * Pause render loop.
-     */
-    Viewer.prototype.pauseRendering = function () {
-        this._isRenderLoopPaused = true;
-    };
-    /**
-     * Resume render loop when paused.
-     */
-    Viewer.prototype.resumeRendering = function () {
-        this._isRenderLoopPaused = false;
-    };
-    /**
-     * @emits {@link Event.SCENE_PROCESSING_START}
-     * @emits {@link Event.SCENE_PROCESSING_END}
-     */
-    Viewer.prototype.initScene = function () {
-        var _a, _b, _c;
-        return tslib_1.__awaiter(this, void 0, void 0, function () {
-            var sceneJson, engine, scene, _d, _e;
-            var _this = this;
-            return tslib_1.__generator(this, function (_f) {
-                switch (_f.label) {
-                    case 0:
-                        sceneJson = specStorage_1.SpecStorage.get('scene');
-                        this.broadcastEvent(event_1.Event.SCENE_PROCESSING_START, sceneJson);
-                        engine = new engine_1.Engine(this.canvas, (_b = (_a = sceneJson.engine) === null || _a === void 0 ? void 0 : _a.antialiasing) !== null && _b !== void 0 ? _b : false, (_c = sceneJson.engine) === null || _c === void 0 ? void 0 : _c.options);
-                        return [4 /*yield*/, sceneSetup_1.sceneSetup(engine, sceneJson)];
-                    case 1:
-                        scene = _f.sent();
-                        if (sceneJson.meshPicking) {
-                            new highlightLayer_1.HighlightLayer('default', scene);
-                            scene.onPointerPick = function (pointerEvent, pickInfo) {
-                                if (!pickInfo.hit) {
-                                    return;
-                                }
-                                var mesh = pickInfo.pickedMesh;
-                                _this.broadcastEvent(event_1.Event.MESH_PICKED, mesh, mesh === null || mesh === void 0 ? void 0 : mesh.metadata.element, mesh === null || mesh === void 0 ? void 0 : mesh.metadata.variant);
-                                if (mesh === null || mesh === void 0 ? void 0 : mesh.metadata.element) {
-                                    _this.broadcastEvent(event_1.Event.ELEMENT_PICKED, mesh.metadata.element);
-                                }
-                                if (mesh === null || mesh === void 0 ? void 0 : mesh.metadata.variant) {
-                                    if (mesh.metadata.variant.inheritedParameters[parameter_1.Parameter.HIGHLIGHT_ENABLED]) {
-                                        mesh.metadata.variant.toggleHighlight();
-                                    }
-                                    _this.broadcastEvent(event_1.Event.VARIANT_PICKED, mesh.metadata.variant);
-                                }
-                            };
-                        }
-                        _d = this;
-                        return [4 /*yield*/, sceneManager_1.SceneManager.create(scene)];
-                    case 2:
-                        _d._sceneManager = _f.sent();
-                        _e = this;
-                        return [4 /*yield*/, animationManager_1.AnimationManager.create(scene)];
-                    case 3:
-                        _e._animationManager = _f.sent();
-                        if (sceneJson.cloneMaterialsOnMutation !== undefined) {
-                            this._cloneMaterialsOnMutation = sceneJson.cloneMaterialsOnMutation;
-                        }
-                        this.broadcastEvent(event_1.Event.SCENE_PROCESSING_END, scene);
-                        return [2 /*return*/, scene];
-                }
-            });
-        });
-    };
-    /**
-     * Batch creation of multiple {@link VariantInstance} objects with a {@link SetupJson} object passed
-     */
-    Viewer.prototype.createVariantInstances = function () {
-        return tslib_1.__awaiter(this, void 0, void 0, function () {
-            var setupJson, instances, _i, _a, instanceDefinition, _b, _c;
-            return tslib_1.__generator(this, function (_d) {
-                switch (_d.label) {
-                    case 0:
-                        setupJson = specStorage_1.SpecStorage.get('setup');
-                        instances = [];
-                        _i = 0, _a = setupJson.instances;
-                        _d.label = 1;
-                    case 1:
-                        if (!(_i < _a.length)) return [3 /*break*/, 4];
-                        instanceDefinition = _a[_i];
-                        if (instanceDefinition.lazy) {
-                            this.variantInstances.register(instanceDefinition);
-                            return [3 /*break*/, 3];
-                        }
-                        _c = (_b = instances).push;
-                        return [4 /*yield*/, this.variantInstances.create(instanceDefinition.variant, instanceDefinition.name, instanceDefinition.parameters)];
-                    case 2:
-                        _c.apply(_b, [_d.sent()]);
-                        _d.label = 3;
-                    case 3:
-                        _i++;
-                        return [3 /*break*/, 1];
-                    case 4: return [2 /*return*/, instances];
-                }
-            });
-        });
-    };
-    /**
-     * Help function for focusing a helper camera exactly onto the given bounding box
-     */
-    Viewer.prototype.getFocusedHelperCamera = function (boundingBox, settings) {
-        var _a, _b;
-        // use helper camera to get some default values and set the values of the real camera accordingly
-        var helperCamera = new arcRotateCamera_1.ArcRotateCamera('__helper_camera__', 0, // camera angles will be overwritten after the target has been set
-        0, 0, // radius will be calculated, so we can set to 0 here
-        math_vector_1.Vector3.Zero(), this.scene);
-        // this is required for automatically calculating the `lowerRadiusLimit`, so that we don't "dive" into meshes
-        // see https://doc.babylonjs.com/divingDeeper/behaviors/cameraBehaviors#framing-behavior
-        helperCamera.useFramingBehavior = true;
-        // `minZ` is the camera distance beyond which the mesh will be clipped
-        // this should be very low, but can't be zero
-        // a good value seems to be 1% of the bounding box size (= radius), whereas the value shouldn't go above 1, which is also the default value
-        var radius = boundingBox.getBoundingInfo().boundingSphere.radius;
-        helperCamera.minZ = Math.min(radius / 100, 1);
-        // set desired camera data, these won't be changed by the autofocus function!
-        // default values should focus the element exactly from the front (= XY Plane)
-        helperCamera.setTarget(boundingBox, true);
-        helperCamera.alpha = ((_a = settings === null || settings === void 0 ? void 0 : settings.alpha) !== null && _a !== void 0 ? _a : -90) * (Math.PI / 180);
-        helperCamera.beta = ((_b = settings === null || settings === void 0 ? void 0 : settings.beta) !== null && _b !== void 0 ? _b : 90) * (Math.PI / 180);
-        // finally zoom to the bounding box
-        // also apply a zoom factor, this adjusts the borders around the model in the viewport
-        helperCamera.zoomOnFactor = (settings === null || settings === void 0 ? void 0 : settings.radiusFactor) || 1;
-        helperCamera.zoomOn([boundingBox], true);
-        return helperCamera;
-    };
-    /**
-     * Help function for applying the relevant data of the focused helper camera to the real camera
-     */
-    Viewer.prototype.applyFocusedHelperCameraData = function (activeCamera, helperCamera, settings) {
-        return tslib_1.__awaiter(this, void 0, void 0, function () {
-            var newCameraPosition;
-            return tslib_1.__generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        // limits
-                        activeCamera.minZ = helperCamera.minZ;
-                        activeCamera.maxZ = helperCamera.maxZ;
-                        activeCamera.lowerRadiusLimit = helperCamera.lowerRadiusLimit;
-                        activeCamera.upperRadiusLimit = helperCamera.upperRadiusLimit;
-                        // additional settings
-                        if ((settings === null || settings === void 0 ? void 0 : settings.adjustWheelPrecision) !== false) {
-                            activeCamera.wheelPrecision = helperCamera.wheelPrecision;
-                        }
-                        if ((settings === null || settings === void 0 ? void 0 : settings.adjustPanningSensibility) !== false) {
-                            activeCamera.panningSensibility = helperCamera.panningSensibility;
-                        }
-                        if ((settings === null || settings === void 0 ? void 0 : settings.adjustPinchPrecision) !== false) {
-                            activeCamera.pinchPrecision = helperCamera.pinchPrecision;
-                        }
-                        newCameraPosition = {
-                            alpha: helperCamera.alpha,
-                            beta: helperCamera.beta,
-                            radius: helperCamera.radius,
-                            target: helperCamera.target,
-                        };
-                        return [4 /*yield*/, this.animationManager.animateToPlacement(activeCamera, newCameraPosition, settings === null || settings === void 0 ? void 0 : settings.animation)];
-                    case 1:
-                        _a.sent();
-                        return [2 /*return*/];
-                }
-            });
-        });
-    };
-    Viewer.version = buildinfo_json_1.version;
-    return Viewer;
-}(eventBroadcaster_1.EventBroadcaster));
-exports.Viewer = Viewer;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Viewer = void 0;
+var tslib_1 = require("tslib");
+var arcRotateCamera_1 = require("@babylonjs/core/Cameras/arcRotateCamera");
+var boundingInfo_1 = require("@babylonjs/core/Culling/boundingInfo");
+var engine_1 = require("@babylonjs/core/Engines/engine");
+var highlightLayer_1 = require("@babylonjs/core/Layers/highlightLayer");
+var standardMaterial_1 = require("@babylonjs/core/Materials/standardMaterial");
+var dynamicTexture_1 = require("@babylonjs/core/Materials/Textures/dynamicTexture");
+var math_color_1 = require("@babylonjs/core/Maths/math.color");
+var math_vector_1 = require("@babylonjs/core/Maths/math.vector");
+var mesh_1 = require("@babylonjs/core/Meshes/mesh");
+var screenshotTools_1 = require("@babylonjs/core/Misc/screenshotTools");
+var webXRSessionManager_1 = require("@babylonjs/core/XR/webXRSessionManager");
+var structureHelper_1 = require("../util/structureHelper");
+var lodash_es_1 = require("lodash-es");
+var buildinfo_json_1 = require("../../buildinfo.json");
+var sceneSetup_1 = require("../internal/sceneSetup");
+var animationManager_1 = require("../manager/animationManager");
+var gltfExportManager_1 = require("../manager/gltfExportManager");
+var sceneManager_1 = require("../manager/sceneManager");
+var variantInstanceManager_1 = require("../manager/variantInstanceManager");
+var specStorage_1 = require("../store/specStorage");
+var resourceHelper_1 = require("../util/resourceHelper");
+var event_1 = require("./event");
+var eventBroadcaster_1 = require("./eventBroadcaster");
+var parameter_1 = require("./parameter");
+var variant_1 = require("./variant");
+var debugLayer_1 = require("@babylonjs/core/Debug/debugLayer");
+var babylonHelper_1 = require("../util/babylonHelper");
+/**
+ * The main exposed object. This is the entry point into the application
+ *
+ * ```js
+ * const canvas = document.getElementById( 'babylon-canvas' );
+ * const viewer = Viewer( canvas, '/path/to/index.json' );
+ * ```
+ * The class does nothing on its own and needs to {@link bootstrap}
+ */
+var Viewer = /** @class */ (function (_super) {
+    tslib_1.__extends(Viewer, _super);
+    /**
+     * Constructor
+     */
+    function Viewer(canvas, structureJson) {
+        var _this = _super.call(this) || this;
+        _this.canvas = canvas;
+        _this.structureJson = structureJson;
+        _this._scene = null;
+        _this._animationManager = null;
+        _this._sceneManager = null;
+        _this._gltfExportManager = null;
+        _this._variantInstances = null;
+        // default value is `true` ATM for compatibility reasons
+        // in the future material cloning should be the edge case
+        _this._cloneMaterialsOnMutation = true;
+        _this._isRenderLoopPaused = false;
+        _this._inspectorLoaded = false;
+        return _this;
+    }
+    Object.defineProperty(Viewer.prototype, "scene", {
+        /**
+         * Gets the BabylonJS Scene that is attached to the instance.
+         *
+         * @throws Error if the `scene` has not been initialized.
+         */
+        get: function () {
+            if (!this._scene) {
+                throw new Error("Scene has not been initialized.");
+            }
+            return this._scene;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Viewer.prototype, "sceneManager", {
+        /**
+         * Gets the {@link SceneManager} attached to the viewer.
+         *
+         * @throws Error if the {@link SceneManager} has not been initialized.
+         */
+        get: function () {
+            if (!this._sceneManager) {
+                throw new Error("SceneManager has not been initialized.");
+            }
+            return this._sceneManager;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Viewer.prototype, "gltfExportManager", {
+        /**
+         * Gets the {@link GltfExportManager} attached to the viewer.
+         *
+         * @throws Error if the {@link GltfExportManager} has not been initialized.
+         */
+        get: function () {
+            if (!this._gltfExportManager) {
+                throw new Error("GltfExportManager has not been initialized.");
+            }
+            return this._gltfExportManager;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Viewer.prototype, "engine", {
+        /**
+         * Gets the BabylonJS Engine that is attached to the viewer.
+         */
+        get: function () {
+            return this.scene.getEngine();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Viewer.prototype, "variantInstances", {
+        /**
+         * Gets the {@link VariantInstanceManager} attached to the viewer.
+         *
+         * @throws Error if the {@link VariantInstanceManager} has not been initialized.
+         */
+        get: function () {
+            if (!this._variantInstances) {
+                throw Error("There is no variantInstanceManager.");
+            }
+            return this._variantInstances;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Viewer.prototype, "animationManager", {
+        /**
+         * Gets the {@link AnimationManager} attached to the viewer.
+         *
+         * @throws Error if the {@link AnimationManager} has not been initialized.
+         */
+        get: function () {
+            if (!this._animationManager) {
+                throw new Error("There is no animationManager instance.");
+            }
+            return this._animationManager;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Viewer.prototype, "cloneMaterialsOnMutation", {
+        /**
+         * Gets the `cloneMaterialsOnMutation` flag, as defined in the spec
+         */
+        get: function () {
+            return this._cloneMaterialsOnMutation;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /**
+     * Starts the application. This will
+     * * load the given "index" JSON file
+     * * setup the scene with the "scene" JSON file
+     * * create an (optional) default setup with different variant settings
+     * * sets up resizing by attaching a debounced version of {@link resize}
+     *
+     * @throws Error if any of the files is not found/valid
+     *
+     * @emits {@link Event.BOOTSTRAP_START}
+     * @emits {@link Event.BOOTSTRAP_END}
+     */
+    Viewer.prototype.bootstrap = function () {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            var indexJson, sceneJson, _a, rootVariant, _b, setupJson, _c;
+            var _this = this;
+            return tslib_1.__generator(this, function (_d) {
+                switch (_d.label) {
+                    case 0:
+                        this.broadcastEvent(event_1.Event.BOOTSTRAP_START, this);
+                        if (!lodash_es_1.isString(this.structureJson)) return [3 /*break*/, 2];
+                        return [4 /*yield*/, resourceHelper_1.loadJson(this.structureJson)];
+                    case 1:
+                        indexJson = _d.sent();
+                        return [3 /*break*/, 3];
+                    case 2:
+                        indexJson = this.structureJson;
+                        _d.label = 3;
+                    case 3:
+                        if (!indexJson.scene) {
+                            throw new Error("No \"scene\" property found for bootstrapping.");
+                        }
+                        // fill spec store
+                        specStorage_1.SpecStorage.createFromSpec(indexJson);
+                        if (!lodash_es_1.isString(indexJson.scene)) return [3 /*break*/, 5];
+                        return [4 /*yield*/, resourceHelper_1.loadJson(indexJson.scene)];
+                    case 4:
+                        sceneJson = _d.sent();
+                        indexJson.scene = sceneJson;
+                        _d.label = 5;
+                    case 5:
+                        _a = this;
+                        return [4 /*yield*/, this.initScene()];
+                    case 6:
+                        _a._scene = _d.sent();
+                        return [4 /*yield*/, variant_1.Variant.create('_', indexJson, this)];
+                    case 7:
+                        rootVariant = _d.sent();
+                        _b = this;
+                        return [4 /*yield*/, variantInstanceManager_1.VariantInstanceManager.create(rootVariant)];
+                    case 8:
+                        _b._variantInstances = _d.sent();
+                        if (!indexJson.setup) return [3 /*break*/, 12];
+                        if (!lodash_es_1.isString(indexJson.setup)) return [3 /*break*/, 10];
+                        return [4 /*yield*/, resourceHelper_1.loadJson(indexJson.setup)];
+                    case 9:
+                        setupJson = _d.sent();
+                        indexJson.setup = setupJson;
+                        _d.label = 10;
+                    case 10: return [4 /*yield*/, this.createVariantInstances()];
+                    case 11:
+                        _d.sent();
+                        _d.label = 12;
+                    case 12:
+                        // create gltf export manager
+                        _c = this;
+                        return [4 /*yield*/, gltfExportManager_1.GltfExportManager.create(this)];
+                    case 13:
+                        // create gltf export manager
+                        _c._gltfExportManager = _d.sent();
+                        // resize handler
+                        window.addEventListener('resize', resourceHelper_1.debounce(this.resize.bind(this), 100));
+                        // wait until scene is completely ready
+                        return [4 /*yield*/, this.scene.whenReadyAsync()];
+                    case 14:
+                        // wait until scene is completely ready
+                        _d.sent();
+                        // event broadcasting
+                        this.broadcastEvent(event_1.Event.BOOTSTRAP_END, this);
+                        // render loop
+                        this.engine.runRenderLoop(function () {
+                            if (!_this._isRenderLoopPaused)
+                                _this.scene.render();
+                        });
+                        return [2 /*return*/, this];
+                }
+            });
+        });
+    };
+    /**
+     * Enables the BabylonJS [Inspector](https://doc.babylonjs.com/toolsAndResources/tools/inspector).\
+     * Due to the additional size of the inspector, the CDN version is used instead of shipping the required code with the viewer.\
+     * This means that the code will be downloaded only when needed and calling `enableDebugLayer` can take a little while depending on your internet connection etc.
+     */
+    Viewer.prototype.enableDebugLayer = function (options) {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!!this._inspectorLoaded) return [3 /*break*/, 2];
+                        // CDN version of inspector requires the BabylonJS core to be available as CDN module as well
+                        return [4 /*yield*/, resourceHelper_1.loadJavascript('https://cdn.jsdelivr.net/npm/babylonjs@5.6.0/babylon.min.js')];
+                    case 1:
+                        // CDN version of inspector requires the BabylonJS core to be available as CDN module as well
+                        _a.sent();
+                        debugLayer_1.DebugLayer.InspectorURL =
+                            'https://cdn.jsdelivr.net/npm/babylonjs-inspector@5.6.0/babylon.inspector.bundle.max.min.js';
+                        this._inspectorLoaded = true;
+                        _a.label = 2;
+                    case 2: return [4 /*yield*/, this.scene.debugLayer.show(options)];
+                    case 3:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    /**
+     * Destroys all registered {@link VariantInstance}s that are registered
+     */
+    Viewer.prototype.destroyVariantInstances = function () {
+        var _this = this;
+        this.variantInstances.all.forEach(function (variantInstance) {
+            _this.variantInstances.destroy(variantInstance.name);
+        });
+        return this;
+    };
+    /**
+     * Trigger a resize event for the `Engine`
+     */
+    Viewer.prototype.resize = function () {
+        this.engine.resize();
+        return this;
+    };
+    /**
+     * A convenience method for directly getting a Node from a {@link VariantInstance} and an {@link Element} by its
+     * {@link DottedPath}s.
+     */
+    Viewer.prototype.getNode = function (variantInstanceName, elementDottedPath, nodeDottedPath) {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            var variantInstance;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.variantInstances.get(variantInstanceName)];
+                    case 1:
+                        variantInstance = _a.sent();
+                        return [2 /*return*/, variantInstance.getNode(elementDottedPath, nodeDottedPath)];
+                }
+            });
+        });
+    };
+    /**
+     * A convenience method for directly getting a Node from a {@link VariantInstance} and an {@link Element} by its
+     * {@link DottedPath}s.
+     */
+    Viewer.prototype.getMesh = function (variantInstanceName, elementDottedPath, meshDottedPath) {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            var variantInstance;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.variantInstances.get(variantInstanceName)];
+                    case 1:
+                        variantInstance = _a.sent();
+                        return [2 /*return*/, variantInstance.getMesh(elementDottedPath, meshDottedPath)];
+                }
+            });
+        });
+    };
+    /**
+     * Switches the camera
+     *
+     * @emits {@link Event.CAMERA_SWITCHED}
+     */
+    Viewer.prototype.switchCamera = function (newCamera, reset) {
+        if (reset === void 0) { reset = true; }
+        var camera = this.scene.getCameraByName(newCamera);
+        if (camera) {
+            var activeCamera = this.scene.activeCamera;
+            if (activeCamera) {
+                activeCamera.detachControl(this.engine.getRenderingCanvas());
+            }
+            if (reset) {
+                camera.restoreState();
+            }
+            this.scene.setActiveCameraByName(newCamera);
+            camera.attachControl(this.engine.getRenderingCanvas());
+            this.broadcastEvent(event_1.Event.CAMERA_SWITCHED, camera);
+        }
+        else {
+            throw new Error("Given camera \"" + newCamera + "\" not found.");
+        }
+        // TODO: put traceable observers to new camera (@see element)
+        return this;
+    };
+    /**
+     * Moves or animates the active camera to given `placement`.
+     */
+    Viewer.prototype.moveActiveCameraTo = function (placement, animation) {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            return tslib_1.__generator(this, function (_a) {
+                return [2 /*return*/, this.animationManager.animateToPlacement(this.sceneManager.activeCamera, placement, animation)];
+            });
+        });
+    };
+    /**
+     * Takes a sceenshot the the current scene. The result is a string containing a base64 encoded image
+     */
+    Viewer.prototype.screenshot = function (settings) {
+        var _this = this;
+        return new Promise(function (resolve, reject) {
+            var _a, _b, _c, _d, _e, _f;
+            if (!_this.engine) {
+                return reject('Engine is null');
+            }
+            if (!_this.scene) {
+                return reject('Scene is null');
+            }
+            _this.scene.render(); // in combination with a render target, we need to refresh the scene manually to get the latest view
+            screenshotTools_1.ScreenshotTools.CreateScreenshotUsingRenderTarget(_this.engine, _this.sceneManager.activeCamera, (_a = settings === null || settings === void 0 ? void 0 : settings.size) !== null && _a !== void 0 ? _a : { width: _this.canvas.clientWidth, height: _this.canvas.clientHeight }, resolve, (_b = settings === null || settings === void 0 ? void 0 : settings.mimeType) !== null && _b !== void 0 ? _b : 'image/png', (_c = settings === null || settings === void 0 ? void 0 : settings.samples) !== null && _c !== void 0 ? _c : 1, (_d = settings === null || settings === void 0 ? void 0 : settings.antialiasing) !== null && _d !== void 0 ? _d : false, (_e = settings === null || settings === void 0 ? void 0 : settings.fileName) !== null && _e !== void 0 ? _e : 'screenshot.png', (_f = settings === null || settings === void 0 ? void 0 : settings.renderSprites) !== null && _f !== void 0 ? _f : false);
+        });
+    };
+    /**
+     * Checks whether the browser is capable of handling XR.
+     */
+    Viewer.prototype.isBrowserARCapable = function () {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, webXRSessionManager_1.WebXRSessionManager.IsSessionSupportedAsync('immersive-ar')];
+                    case 1: return [2 /*return*/, _a.sent()];
+                }
+            });
+        });
+    };
+    /**
+     * Calculates the bounding box from all visible meshes on the scene.
+     */
+    Viewer.prototype.calculateBoundingBox = function (excludeGeometry) {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            var bbName, _a, max, min, boundingBox;
+            return tslib_1.__generator(this, function (_b) {
+                if (this.scene.meshes.length === 0) {
+                    throw new Error('There are currently no meshes on the scene.');
+                }
+                this.scene.render(); // CB-6062: workaround for BoundingBox not respecting render loop
+                bbName = '__bounding_box__';
+                _a = this.scene.meshes
+                    .filter(function (mesh) {
+                    var isEnabled = mesh.isEnabled();
+                    // ignore the existing bounding box mesh for calculating the current one
+                    var isNotBBoxMesh = bbName !== mesh.id;
+                    // ignore meshes with invalid bounding infos
+                    var hasValidBBoxInfo = mesh.getBoundingInfo().boundingSphere.radius > 0;
+                    // ignore excluded meshes
+                    var isExcluded = excludeGeometry ? structureHelper_1.isMeshIncludedInExclusionList(mesh, excludeGeometry) : false;
+                    return isEnabled && isNotBBoxMesh && hasValidBBoxInfo && !isExcluded;
+                })
+                    .reduce(function (accBBoxMinMax, curMesh, idx) {
+                    var bBox = curMesh.getBoundingInfo().boundingBox;
+                    // use the first entry in the array as default value and get the resulting maximum/minimum values
+                    var max = idx === 0 ? bBox.maximumWorld : math_vector_1.Vector3.Maximize(accBBoxMinMax.max, bBox.maximumWorld);
+                    var min = idx === 0 ? bBox.minimumWorld : math_vector_1.Vector3.Minimize(accBBoxMinMax.min, bBox.minimumWorld);
+                    return { max: max, min: min };
+                }, { max: new math_vector_1.Vector3(), min: new math_vector_1.Vector3() }), max = _a.max, min = _a.min;
+                boundingBox = this.scene.getMeshByName(bbName);
+                if (!boundingBox) {
+                    boundingBox = new mesh_1.Mesh(bbName, this.scene);
+                }
+                boundingBox.setBoundingInfo(new boundingInfo_1.BoundingInfo(min, max));
+                return [2 /*return*/, boundingBox];
+            });
+        });
+    };
+    /**
+     * Focuses the camera to see every visible mesh in scene and tries to optimize wheel precision and panning
+     */
+    Viewer.prototype.autofocusActiveCamera = function (settings) {
+        var _a;
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            var activeCamera, cameraClsName, exclude, photoDome, photoDomeMeshes, envHelper, boundingBox, helperCamera;
+            return tslib_1.__generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        activeCamera = this.scene.activeCamera;
+                        if (!activeCamera) {
+                            throw new Error('No active camera found when using autofocus feature.');
+                        }
+                        if (!(activeCamera instanceof arcRotateCamera_1.ArcRotateCamera)) {
+                            cameraClsName = activeCamera.getClassName();
+                            throw new Error("Camera of type \"" + cameraClsName + "\" is not implemented yet to use autofocus feature.");
+                        }
+                        exclude = (settings === null || settings === void 0 ? void 0 : settings.exclude) || [];
+                        photoDome = this.scene.getNodeByName(babylonHelper_1.backgroundDomeName);
+                        photoDomeMeshes = photoDome === null || photoDome === void 0 ? void 0 : photoDome.getChildMeshes();
+                        if (photoDomeMeshes === null || photoDomeMeshes === void 0 ? void 0 : photoDomeMeshes.length) {
+                            exclude = tslib_1.__spreadArrays(exclude, photoDomeMeshes);
+                        }
+                        envHelper = (_a = this.scene.metadata) === null || _a === void 0 ? void 0 : _a[babylonHelper_1.envHelperMetadataName];
+                        if (envHelper === null || envHelper === void 0 ? void 0 : envHelper.rootMesh) {
+                            exclude = tslib_1.__spreadArrays(exclude, [envHelper.rootMesh]);
+                        }
+                        return [4 /*yield*/, this.calculateBoundingBox(exclude)];
+                    case 1:
+                        boundingBox = _b.sent();
+                        helperCamera = this.getFocusedHelperCamera(boundingBox, settings);
+                        return [4 /*yield*/, this.applyFocusedHelperCameraData(activeCamera, helperCamera, settings)];
+                    case 2:
+                        _b.sent();
+                        // remove the helper camera
+                        helperCamera.dispose();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    /**
+     * Resets everything by calling {@link destroy} to clear all references and {@link bootstrap} to setup a clean
+     * environment
+     */
+    Viewer.prototype.reset = function () {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.destroy()];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/, this.bootstrap()];
+                }
+            });
+        });
+    };
+    /**
+     * Destroys
+     *
+     * * all {@link VariantInstance}s using {@link destroyVariantInstances}
+     * * calling `dispose` on the `Engine` and `Scene`
+     */
+    Viewer.prototype.destroy = function () {
+        this.destroyVariantInstances();
+        this.scene.dispose();
+        specStorage_1.SpecStorage.destroy();
+        return this;
+    };
+    /**
+     * Show coordinate system with given dimension (for debugging purpose).
+     */
+    Viewer.prototype.showWorldCoordinates = function (dimension) {
+        var scene = this.scene;
+        var makeTextPlane = function (text, color, size) {
+            var dynamicTexture = new dynamicTexture_1.DynamicTexture('DynamicTexture', 50, scene, true);
+            dynamicTexture.hasAlpha = true;
+            dynamicTexture.drawText(text, 5, 40, 'bold 36px Arial', color, 'transparent', true);
+            var plane = mesh_1.Mesh.CreatePlane('TextPlane', size, scene, true);
+            plane.material = new standardMaterial_1.StandardMaterial('TextPlaneMaterial', scene);
+            plane.material.backFaceCulling = false;
+            // @ts-ignore
+            plane.material.specularColor = new math_color_1.Color3(0, 0, 0);
+            // @ts-ignore
+            plane.material.diffuseTexture = dynamicTexture;
+            return plane;
+        };
+        var axisX = mesh_1.Mesh.CreateLines('axisX', [
+            math_vector_1.Vector3.Zero(),
+            new math_vector_1.Vector3(dimension, 0, 0),
+            new math_vector_1.Vector3(dimension * 0.95, 0.05 * dimension, 0),
+            new math_vector_1.Vector3(dimension, 0, 0),
+            new math_vector_1.Vector3(dimension * 0.95, -0.05 * dimension, 0),
+        ], scene, false);
+        axisX.color = new math_color_1.Color3(1, 0, 0);
+        var xChar = makeTextPlane('X', 'red', dimension / 10);
+        xChar.position = new math_vector_1.Vector3(0.9 * dimension, -0.05 * dimension, 0);
+        var axisY = mesh_1.Mesh.CreateLines('axisY', [
+            math_vector_1.Vector3.Zero(),
+            new math_vector_1.Vector3(0, dimension, 0),
+            new math_vector_1.Vector3(-0.05 * dimension, dimension * 0.95, 0),
+            new math_vector_1.Vector3(0, dimension, 0),
+            new math_vector_1.Vector3(0.05 * dimension, dimension * 0.95, 0),
+        ], scene, false);
+        axisY.color = new math_color_1.Color3(0, 1, 0);
+        var yChar = makeTextPlane('Y', 'green', dimension / 10);
+        yChar.position = new math_vector_1.Vector3(0, 0.9 * dimension, -0.05 * dimension);
+        var axisZ = mesh_1.Mesh.CreateLines('axisZ', [
+            math_vector_1.Vector3.Zero(),
+            new math_vector_1.Vector3(0, 0, dimension),
+            new math_vector_1.Vector3(0, -0.05 * dimension, dimension * 0.95),
+            new math_vector_1.Vector3(0, 0, dimension),
+            new math_vector_1.Vector3(0, 0.05 * dimension, dimension * 0.95),
+        ], scene, false);
+        axisZ.color = new math_color_1.Color3(0, 0, 1);
+        var zChar = makeTextPlane('Z', 'blue', dimension / 10);
+        zChar.position = new math_vector_1.Vector3(0, 0.05 * dimension, 0.9 * dimension);
+    };
+    /**
+     * Pause render loop.
+     */
+    Viewer.prototype.pauseRendering = function () {
+        this._isRenderLoopPaused = true;
+    };
+    /**
+     * Resume render loop when paused.
+     */
+    Viewer.prototype.resumeRendering = function () {
+        this._isRenderLoopPaused = false;
+    };
+    /**
+     * @emits {@link Event.SCENE_PROCESSING_START}
+     * @emits {@link Event.SCENE_PROCESSING_END}
+     */
+    Viewer.prototype.initScene = function () {
+        var _a, _b, _c;
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            var sceneJson, engine, scene, _d, _e;
+            var _this = this;
+            return tslib_1.__generator(this, function (_f) {
+                switch (_f.label) {
+                    case 0:
+                        sceneJson = specStorage_1.SpecStorage.get('scene');
+                        this.broadcastEvent(event_1.Event.SCENE_PROCESSING_START, sceneJson);
+                        engine = new engine_1.Engine(this.canvas, (_b = (_a = sceneJson.engine) === null || _a === void 0 ? void 0 : _a.antialiasing) !== null && _b !== void 0 ? _b : false, (_c = sceneJson.engine) === null || _c === void 0 ? void 0 : _c.options);
+                        return [4 /*yield*/, sceneSetup_1.sceneSetup(engine, sceneJson)];
+                    case 1:
+                        scene = _f.sent();
+                        if (sceneJson.meshPicking) {
+                            new highlightLayer_1.HighlightLayer('default', scene);
+                            scene.onPointerPick = function (pointerEvent, pickInfo) {
+                                if (!pickInfo.hit) {
+                                    return;
+                                }
+                                var mesh = pickInfo.pickedMesh;
+                                _this.broadcastEvent(event_1.Event.MESH_PICKED, mesh, mesh === null || mesh === void 0 ? void 0 : mesh.metadata.element, mesh === null || mesh === void 0 ? void 0 : mesh.metadata.variant);
+                                if (mesh === null || mesh === void 0 ? void 0 : mesh.metadata.element) {
+                                    _this.broadcastEvent(event_1.Event.ELEMENT_PICKED, mesh.metadata.element);
+                                }
+                                if (mesh === null || mesh === void 0 ? void 0 : mesh.metadata.variant) {
+                                    if (mesh.metadata.variant.inheritedParameters[parameter_1.Parameter.HIGHLIGHT_ENABLED]) {
+                                        mesh.metadata.variant.toggleHighlight();
+                                    }
+                                    _this.broadcastEvent(event_1.Event.VARIANT_PICKED, mesh.metadata.variant);
+                                }
+                            };
+                        }
+                        _d = this;
+                        return [4 /*yield*/, sceneManager_1.SceneManager.create(scene)];
+                    case 2:
+                        _d._sceneManager = _f.sent();
+                        _e = this;
+                        return [4 /*yield*/, animationManager_1.AnimationManager.create(scene)];
+                    case 3:
+                        _e._animationManager = _f.sent();
+                        if (sceneJson.cloneMaterialsOnMutation !== undefined) {
+                            this._cloneMaterialsOnMutation = sceneJson.cloneMaterialsOnMutation;
+                        }
+                        this.broadcastEvent(event_1.Event.SCENE_PROCESSING_END, scene);
+                        return [2 /*return*/, scene];
+                }
+            });
+        });
+    };
+    /**
+     * Batch creation of multiple {@link VariantInstance} objects with a {@link SetupJson} object passed
+     */
+    Viewer.prototype.createVariantInstances = function () {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            var setupJson, instances, _i, _a, instanceDefinition, _b, _c;
+            return tslib_1.__generator(this, function (_d) {
+                switch (_d.label) {
+                    case 0:
+                        setupJson = specStorage_1.SpecStorage.get('setup');
+                        instances = [];
+                        _i = 0, _a = setupJson.instances;
+                        _d.label = 1;
+                    case 1:
+                        if (!(_i < _a.length)) return [3 /*break*/, 4];
+                        instanceDefinition = _a[_i];
+                        if (instanceDefinition.lazy) {
+                            this.variantInstances.register(instanceDefinition);
+                            return [3 /*break*/, 3];
+                        }
+                        _c = (_b = instances).push;
+                        return [4 /*yield*/, this.variantInstances.create(instanceDefinition.variant, instanceDefinition.name, instanceDefinition.parameters)];
+                    case 2:
+                        _c.apply(_b, [_d.sent()]);
+                        _d.label = 3;
+                    case 3:
+                        _i++;
+                        return [3 /*break*/, 1];
+                    case 4: return [2 /*return*/, instances];
+                }
+            });
+        });
+    };
+    /**
+     * Help function for focusing a helper camera exactly onto the given bounding box
+     */
+    Viewer.prototype.getFocusedHelperCamera = function (boundingBox, settings) {
+        var _a, _b;
+        // use helper camera to get some default values and set the values of the real camera accordingly
+        var helperCamera = new arcRotateCamera_1.ArcRotateCamera('__helper_camera__', 0, // camera angles will be overwritten after the target has been set
+        0, 0, // radius will be calculated, so we can set to 0 here
+        math_vector_1.Vector3.Zero(), this.scene);
+        // this is required for automatically calculating the `lowerRadiusLimit`, so that we don't "dive" into meshes
+        // see https://doc.babylonjs.com/divingDeeper/behaviors/cameraBehaviors#framing-behavior
+        helperCamera.useFramingBehavior = true;
+        // `minZ` is the camera distance beyond which the mesh will be clipped
+        // this should be very low, but can't be zero
+        // a good value seems to be 1% of the bounding box size (= radius), whereas the value shouldn't go above 1, which is also the default value
+        var radius = boundingBox.getBoundingInfo().boundingSphere.radius;
+        helperCamera.minZ = Math.min(radius / 100, 1);
+        // set desired camera data, these won't be changed by the autofocus function!
+        // default values should focus the element exactly from the front (= XY Plane)
+        helperCamera.setTarget(boundingBox, true);
+        helperCamera.alpha = ((_a = settings === null || settings === void 0 ? void 0 : settings.alpha) !== null && _a !== void 0 ? _a : -90) * (Math.PI / 180);
+        helperCamera.beta = ((_b = settings === null || settings === void 0 ? void 0 : settings.beta) !== null && _b !== void 0 ? _b : 90) * (Math.PI / 180);
+        // finally zoom to the bounding box
+        // also apply a zoom factor, this adjusts the borders around the model in the viewport
+        helperCamera.zoomOnFactor = (settings === null || settings === void 0 ? void 0 : settings.radiusFactor) || 1;
+        helperCamera.zoomOn([boundingBox], true);
+        return helperCamera;
+    };
+    /**
+     * Help function for applying the relevant data of the focused helper camera to the real camera
+     */
+    Viewer.prototype.applyFocusedHelperCameraData = function (activeCamera, helperCamera, settings) {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            var newCameraPosition;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        // limits
+                        activeCamera.minZ = helperCamera.minZ;
+                        activeCamera.maxZ = helperCamera.maxZ;
+                        activeCamera.lowerRadiusLimit = helperCamera.lowerRadiusLimit;
+                        activeCamera.upperRadiusLimit = helperCamera.upperRadiusLimit;
+                        // additional settings
+                        if ((settings === null || settings === void 0 ? void 0 : settings.adjustWheelPrecision) !== false) {
+                            activeCamera.wheelPrecision = helperCamera.wheelPrecision;
+                        }
+                        if ((settings === null || settings === void 0 ? void 0 : settings.adjustPanningSensibility) !== false) {
+                            activeCamera.panningSensibility = helperCamera.panningSensibility;
+                        }
+                        if ((settings === null || settings === void 0 ? void 0 : settings.adjustPinchPrecision) !== false) {
+                            activeCamera.pinchPrecision = helperCamera.pinchPrecision;
+                        }
+                        newCameraPosition = {
+                            alpha: helperCamera.alpha,
+                            beta: helperCamera.beta,
+                            radius: helperCamera.radius,
+                            target: helperCamera.target,
+                        };
+                        return [4 /*yield*/, this.animationManager.animateToPlacement(activeCamera, newCameraPosition, settings === null || settings === void 0 ? void 0 : settings.animation)];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    Viewer.version = buildinfo_json_1.version;
+    return Viewer;
+}(eventBroadcaster_1.EventBroadcaster));
+exports.Viewer = Viewer;
 //# sourceMappingURL=viewer.js.map