@spiffcommerce/preview 2.1.2 → 2.1.4

package/dist/module.js

@@ -1,1357 +1,2 @@
-import {ActionManager as $hgUW1$ActionManager} from "@babylonjs/core/Actions/actionManager";
-import {ExecuteCodeAction as $hgUW1$ExecuteCodeAction} from "@babylonjs/core/Actions/directActions";
-import {Engine as $hgUW1$Engine} from "@babylonjs/core/Engines/engine";
-import {NullEngine as $hgUW1$NullEngine} from "@babylonjs/core/Engines/nullEngine";
-import {GlowLayer as $hgUW1$GlowLayer} from "@babylonjs/core/Layers/glowLayer";
-import {HighlightLayer as $hgUW1$HighlightLayer} from "@babylonjs/core/Layers/highlightLayer";
-import {PBRMaterial as $hgUW1$PBRMaterial} from "@babylonjs/core/Materials/PBR/pbrMaterial";
-import {CubeTexture as $hgUW1$CubeTexture} from "@babylonjs/core/Materials/Textures/cubeTexture";
-import {DynamicTexture as $hgUW1$DynamicTexture} from "@babylonjs/core/Materials/Textures/dynamicTexture";
-import {Color3 as $hgUW1$Color3, Color4 as $hgUW1$Color4} from "@babylonjs/core/Maths/math.color";
-import {Vector3 as $hgUW1$Vector3} from "@babylonjs/core/Maths/math.vector";
-import {DracoCompression as $hgUW1$DracoCompression} from "@babylonjs/core/Meshes/Compression/dracoCompression";
-import {Observable as $hgUW1$Observable} from "@babylonjs/core/Misc/observable";
-import {Tools as $hgUW1$Tools} from "@babylonjs/core/Misc/tools";
-import {Scene as $hgUW1$Scene} from "@babylonjs/core/scene";
-import "@babylonjs/core/Engines/Extensions/engine.views";
-import "@babylonjs/core/Materials/Textures/Loaders/ddsTextureLoader";
-import "@babylonjs/core/Materials/Textures/Loaders/envTextureLoader";
-import "@babylonjs/core/Materials/Textures/Loaders/ktxTextureLoader";
-import "@babylonjs/core/Misc/screenshotTools";
-import "@babylonjs/core/Rendering/boundingBoxRenderer";
-import {SceneLoader as $hgUW1$SceneLoader} from "@babylonjs/core/Loading/sceneLoader";
-import {GLTF2 as $hgUW1$GLTF2} from "@babylonjs/loaders/glTF";
-import "@babylonjs/loaders/glTF/2.0/Extensions/index";
-import {Texture as $hgUW1$Texture} from "@babylonjs/core/Materials/Textures/texture";
-import {MirrorTexture as $hgUW1$MirrorTexture} from "@babylonjs/core/Materials/Textures/mirrorTexture";
-import {Color3 as $hgUW1$Color31, Vector3 as $hgUW1$Vector31, Plane as $hgUW1$Plane} from "@babylonjs/core/Maths/math";
-import {ReflectionProbe as $hgUW1$ReflectionProbe} from "@babylonjs/core/Probes/reflectionProbe";
-import {Animation as $hgUW1$Animation} from "@babylonjs/core/Animations/animation";
-import {QuadraticEase as $hgUW1$QuadraticEase, EasingFunction as $hgUW1$EasingFunction} from "@babylonjs/core/Animations/easing";
-import {ArcRotateCamera as $hgUW1$ArcRotateCamera} from "@babylonjs/core/Cameras/arcRotateCamera";
-import {AssetsManager as $hgUW1$AssetsManager} from "@babylonjs/core/Misc/assetsManager";
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-var $0822e2c84c7d8f0f$exports = {};
-
-$parcel$export($0822e2c84c7d8f0f$exports, "ProductCameraRig", () => $0822e2c84c7d8f0f$export$9beaec53ae7234b4);
-$parcel$export($0822e2c84c7d8f0f$exports, "MaterialEffectMode", () => $0822e2c84c7d8f0f$export$5185910364c29078);
-let $0822e2c84c7d8f0f$export$9beaec53ae7234b4;
-(function(ProductCameraRig) {
-    ProductCameraRig[ProductCameraRig["Orbit"] = 0] = "Orbit";
-    ProductCameraRig[ProductCameraRig["Pan"] = 1] = "Pan";
-})($0822e2c84c7d8f0f$export$9beaec53ae7234b4 || ($0822e2c84c7d8f0f$export$9beaec53ae7234b4 = {}));
-let $0822e2c84c7d8f0f$export$5185910364c29078;
-(function(MaterialEffectMode) {
-    MaterialEffectMode[/**
-   * When a material variant effect specifies 'None' the effect doesn't change in any way. This is the default behavior.
-   */ "None"] = "None";
-    MaterialEffectMode[/**
-   * When a material variant effect specifies 'RemoveWhenSelected' the effect is removed.
-   */ "RemoveWhenSelected"] = "RemoveWhenSelected";
-    MaterialEffectMode[/**
-   * When a material variant effect specifies 'ApplyWhenSelected' the effect is enabled.
-   */ "ApplyWhenSelected"] = "ApplyWhenSelected";
-})($0822e2c84c7d8f0f$export$5185910364c29078 || ($0822e2c84c7d8f0f$export$5185910364c29078 = {}));
-
-
-var $52383f320efd34d4$exports = {};
-
-$parcel$export($52383f320efd34d4$exports, "SpiffCommerce3DPreviewService", () => $52383f320efd34d4$export$bbc4f3921db721d6);
-$parcel$export($52383f320efd34d4$exports, "createBaseModel", () => $52383f320efd34d4$export$fdb7ab7bd2bafbea);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-const $a38b99fca407fe64$export$b495560913bf8cdc = new Map();
-async function $a38b99fca407fe64$export$a2966fb0929452fe(src, scene, progressHandler) {
-    return new Promise((resolve, reject)=>{
-        const existingContainer = $a38b99fca407fe64$export$b495560913bf8cdc.get(src);
-        if (existingContainer && existingContainer.scene.uid === scene.uid) return resolve(existingContainer);
-        else (0, $hgUW1$SceneLoader).LoadAssetContainerAsync(src, undefined, scene, progressHandler).then((newContainer)=>{
-            $a38b99fca407fe64$export$b495560913bf8cdc.set(src, newContainer);
-            resolve(newContainer);
-        }).catch(reject);
-    });
-}
-
-
-
-function $0e1e2b2fa84204ab$var$_defineProperty(obj, key, value) {
-    if (key in obj) Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-    });
-    else obj[key] = value;
-    return obj;
-}
-class $0e1e2b2fa84204ab$export$fa89be98fe0936f2 {
-    constructor(options){
-        $0e1e2b2fa84204ab$var$_defineProperty(this, "customOptions", void 0);
-        $0e1e2b2fa84204ab$var$_defineProperty(this, "getSceneClearColor", ()=>{
-            // It looks like the browser combines RGB values with background elements regardless of the alpha value.
-            // To counteract this we set RGB to black in the case of transparency.
-            const alpha = this.customOptions?.backgroundImage ? 0 : 1;
-            if (this.customOptions && this.customOptions.backgroundImage) return new (0, $hgUW1$Color4)(0, 0, 0, alpha).toLinearSpace();
-            if (this.customOptions && this.customOptions.backgroundColor) {
-                const parsedColor = (0, $hgUW1$Color3).FromHexString(this.customOptions.backgroundColor);
-                return new (0, $hgUW1$Color4)(parsedColor.r, parsedColor.g, parsedColor.b, alpha).toLinearSpace();
-            }
-            return new (0, $hgUW1$Color4)(0.98, 0.98, 0.98, alpha).toLinearSpace();
-        });
-        $0e1e2b2fa84204ab$var$_defineProperty(this, "highlightColorFromConfig", ()=>{
-            if (this.customOptions && this.customOptions.highlightColor) return this.hexToColor4(this.customOptions.highlightColor);
-            return new (0, $hgUW1$Color4)(0.98, 0.98, 0.98, 1).toLinearSpace();
-        });
-        $0e1e2b2fa84204ab$var$_defineProperty(this, "hexToColor4", (hex, alpha = 1)=>{
-            const parsedColor = (0, $hgUW1$Color3).FromHexString(hex);
-            return new (0, $hgUW1$Color4)(parsedColor.r, parsedColor.g, parsedColor.b, alpha).toLinearSpace();
-        });
-        this.customOptions = options;
-    }
-    get options() {
-        return this.customOptions;
-    }
-    /**
-   * Configuration related to the scene
-   */ get scene() {
-        return {
-            clearColor: this.getSceneClearColor(),
-            transparentBackground: this.customOptions?.backgroundImage,
-            environmentFile: this.customOptions?.environmentFile ?? "assets/model-viewer/default.env"
-        };
-    }
-    /**
-   * Configuration related to the camera used to view and interact with the scene.
-   */ get camera() {
-        return {
-            autoOrientation: this.customOptions?.disableAutomaticOrientation ?? true,
-            autoRotation: {
-                enabled: this.customOptions?.autoRotation ?? false,
-                idleTimeMs: this.customOptions?.idleTimeBeforeRotation ?? 5000
-            },
-            limits: {
-                min: {
-                    alpha: this.customOptions?.lowerAlphaLimitDeg ? this.customOptions?.lowerAlphaLimitDeg * Math.PI / 180 : undefined,
-                    beta: this.customOptions?.lowerBetaLimitDeg ? this.customOptions?.lowerBetaLimitDeg * Math.PI / 180 : undefined,
-                    radius: this.customOptions?.minZoomOverride
-                },
-                max: {
-                    alpha: this.customOptions?.upperAlphaLimitDeg ? this.customOptions?.upperAlphaLimitDeg * Math.PI / 180 : undefined,
-                    beta: this.customOptions?.upperBetaLimitDeg ? this.customOptions?.upperBetaLimitDeg * Math.PI / 180 : undefined,
-                    radius: this.customOptions?.maxZoomOverride
-                }
-            }
-        };
-    }
-    /**
-   * Configuration related to the highlighting system. Highlights are used to add
-   * a visual cue to the user that something is moused over in the preview.
-   */ get highlights() {
-        return {
-            enabled: this.customOptions?.highlightOnMaterialHover ?? false,
-            color: this.highlightColorFromConfig()
-        };
-    }
-}
-
-
-
-
-
-
-var $db6a29689d313881$exports = {};
-
-$parcel$export($db6a29689d313881$exports, "RenderingConfiguration", () => $db6a29689d313881$export$902ee4e8040a4cdb);
-$parcel$export($db6a29689d313881$exports, "REFLECTION_PROBE_RESOLUTION", () => $db6a29689d313881$export$fbb2744b8f74e4f2);
-class $db6a29689d313881$export$902ee4e8040a4cdb {
-    /**
-   * Returns the resolution expected for generated textures.
-   */ static getDynamicTextureResolution() {
-        return this.getIsMobile() || !$db6a29689d313881$export$902ee4e8040a4cdb.offscreenRenderingSupported() ? {
-            width: 1024,
-            height: 1024
-        } : {
-            width: 2048,
-            height: 2048
-        };
-    }
-    /**
-   * Returns true when textures should generate mip maps
-   */ static shouldMipMap() {
-        return true;
-    }
-    /**
-   * Returns true when multithreaded rendering is supported.
-   */ static offscreenRenderingSupported() {
-        // Samsung browser has broken web worker custom fonts from v14. To be
-        // safe, if we detect this browser we immediately disable offscreen canvas. There
-        // may be a more specific feature we can detect to be more clean about this moving forwards.
-        if (navigator.userAgent.includes("SamsungBrowser")) return false;
-         // Otherwise we check for relevant required functionality
-        return !!window.Worker && !!window.OffscreenCanvas;
-    }
-    /**
-   * Returns the resolution expected for mirror textures.
-   */ static getMirrorTextureResolution() {
-        return this.getIsMobile() ? 512 : 1024;
-    }
-    static getIsMobile() {
-        return window.innerWidth <= 480;
-    }
-}
-const $db6a29689d313881$export$fbb2744b8f74e4f2 = 128;
-
-
-function $373f30fedccc1cd5$export$e2d6a39fe5dbab66(scene, renderableContexts, existingTextures) {
-    renderableContexts.forEach((context)=>{
-        const contextID = context.getID();
-        const contextName = context.getName();
-        const renderDims = (0, $db6a29689d313881$export$902ee4e8040a4cdb).getDynamicTextureResolution(); // Find any materials in the scene with the name of
-        // this layout and are included in our filter if one is provided.
-        const targetMaterials = scene.materials.filter((mat)=>{
-            return mat.name === contextName;
-        });
-        targetMaterials.forEach((mat)=>{
-            const curDynamicTexture = existingTextures.get(contextID);
-            const invertYAxis = false;
-            if (!curDynamicTexture) {
-                const newTexture = $373f30fedccc1cd5$var$createDynamicTexture(contextName, scene, renderDims.width, renderDims.height);
-                existingTextures.set(contextID, newTexture);
-                context.setStaticContext(newTexture.getContext());
-                $373f30fedccc1cd5$var$applyDynamicTexture(mat, newTexture);
-                newTexture.onLoadObservable.addOnce(()=>{
-                    newTexture.update(invertYAxis);
-                });
-            } else {
-                $373f30fedccc1cd5$var$applyDynamicTexture(mat, curDynamicTexture);
-                curDynamicTexture.update(invertYAxis);
-            }
-        });
-    });
-}
-/**
- * Construct a new dynamic texture to listen for changes to a panel.
- * @param scene The screen the resource will be associated to.
- * @param layoutKey The key for the layout this dynamic texture relates to.
- * @param RenderableContextService The canvas service, used to pull the layout with the given key.
- */ function $373f30fedccc1cd5$var$createDynamicTexture(name, scene, width, height) {
-    const dynamicTex = new (0, $hgUW1$DynamicTexture)(name, {
-        width: width,
-        height: height
-    }, scene, (0, $db6a29689d313881$export$902ee4e8040a4cdb).shouldMipMap(), (0, $hgUW1$Texture).TRILINEAR_SAMPLINGMODE, (0, $hgUW1$Engine).TEXTUREFORMAT_RGBA);
-    const ctx = dynamicTex.getContext();
-    if (ctx) {
-        ctx.fillStyle = "#f5f5f5";
-        ctx.fillRect(0, 0, width, height);
-        dynamicTex.update();
-    }
-    return dynamicTex;
-}
-/**
- * Applies a given dynamic texture to a target material.
- * @param mat The material to apply to.
- * @param dynamicTexture The dynamic texture we want to apply.
- */ function $373f30fedccc1cd5$var$applyDynamicTexture(mat, dynamicTexture) {
-    if (mat instanceof (0, $hgUW1$PBRMaterial)) {
-        const pbrMat = mat;
-        const albedoTexture = pbrMat.albedoTexture;
-        if (albedoTexture) {
-            dynamicTexture.wrapU = albedoTexture.wrapU;
-            dynamicTexture.wrapV = albedoTexture.wrapV;
-        } else {
-            dynamicTexture.wrapU = 1;
-            dynamicTexture.wrapV = 1;
-        }
-        pbrMat.albedoTexture = dynamicTexture;
-    } else {
-        const standardMat = mat;
-        const diffuseTexture = standardMat.diffuseTexture;
-        if (diffuseTexture) {
-            dynamicTexture.wrapU = diffuseTexture.wrapU;
-            dynamicTexture.wrapV = diffuseTexture.wrapV;
-        }
-        standardMat.diffuseTexture = dynamicTexture;
-    }
-}
-
-
-
-
-
-
-
-function $f2c8dd674be56293$var$_defineProperty(obj, key, value) {
-    if (key in obj) Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-    });
-    else obj[key] = value;
-    return obj;
-}
-class $f2c8dd674be56293$export$3fb1f3d61bcfe989 {
-    constructor(loader){
-        $f2c8dd674be56293$var$_defineProperty(this, "name", void 0);
-        $f2c8dd674be56293$var$_defineProperty(this, "enabled", void 0);
-        $f2c8dd674be56293$var$_defineProperty(this, "loader", void 0);
-        this.name = "glbPostProcessor";
-        this.enabled = true;
-        this.loader = loader;
-    }
-    onReady() {
-        this.applyReflections(this.loader.babylonScene);
-    }
-    /**
-   * Any custom properties set in blender on transform nodes will appear here. We can
-   * write the properties into the object metadata for retrieval at runtime.
-   */ loadNodeAsync(context, node, assign) {
-        return this.loader.loadNodeAsync(context, node, function(babylonMesh) {
-            node.extras && Object.keys(node.extras).forEach((key)=>{
-                const value = node.extras[key];
-                babylonMesh.metadata[key] = value;
-            });
-            assign(babylonMesh);
-        });
-    }
-    /**
-   * Material properties can be set at load time as we don't depend
-   * on the entire scene graph being loaded (for reflection render lists).
-   * The need for these properties may go over time as the relevant exporters/importers are updated.
-   */ loadMaterialPropertiesAsync(context, material, babylonMaterial) {
-        this.enableMaterialExtrasIfRequired(material, babylonMaterial);
-        return this.loader.loadMaterialPropertiesAsync(context, material, babylonMaterial);
-    }
-    dispose() {}
-    /**
-   * With a given material descriptor and babylon material instance, looks for any
-   * metadata defined on the descriptor and applies to the babylon material.
-   * @param material A material descriptor
-   * @param babylonMaterial An instance of a material representation in babylon.
-   */ enableMaterialExtrasIfRequired(material, babylonMaterial) {
-        if (!material.extras || !(babylonMaterial instanceof (0, $hgUW1$PBRMaterial))) return;
-        if (material.extras.sheen) {
-            const mat = babylonMaterial;
-            mat.sheen.isEnabled = true;
-            mat.sheen.intensity = material.extras.sheen;
-        }
-        if (material.extras.translucency) {
-            const mat1 = babylonMaterial;
-            mat1.subSurface.isTranslucencyEnabled = true;
-            mat1.subSurface.translucencyIntensity = material.extras.translucency;
-            if (material.extras.translucencyR && material.extras.translucencyG && material.extras.translucencyB) mat1.subSurface.tintColor = new (0, $hgUW1$Color31)(material.extras.translucencyR, material.extras.translucencyG, material.extras.translucencyB);
-        }
-        if (material.extras.useDepthPrePass) {
-            const mat2 = babylonMaterial;
-            mat2.needDepthPrePass = true;
-            mat2.forceIrradianceInFragment = true; // https://forum.babylonjs.com/t/rendering-artificats-on-safari-ios-14-pbrmaterial-depth-prepass-ibl/15670/5
-        }
-        if (material.extras.useParallax) {
-            const mat3 = babylonMaterial;
-            mat3.useParallax = true;
-            mat3.useParallaxOcclusion = true;
-            mat3.parallaxScaleBias = material.extras.useParallax;
-        }
-    }
-    /**
-   * Called with a loaded scene. Will finish initialization
-   * of any reflective properties within the scene.
-   * @param scene The scene to parse.
-   */ applyReflections(scene) {
-        function getReflectiveMeshes(scene) {
-            const reflectiveMeshes = [];
-            scene.transformNodes.forEach((node)=>{
-                if (node.metadata && node.metadata.reflective) reflectiveMeshes.push(...node.getChildMeshes());
-            });
-            scene.meshes.forEach((mesh)=>{
-                if (mesh.metadata && mesh.metadata.reflective && !reflectiveMeshes.includes(mesh)) reflectiveMeshes.push(mesh);
-            });
-            return reflectiveMeshes;
-        }
-        function buildMirrorTexture(mesh, reflectivity = 1) {
-            const mat = mesh.material;
-            if (!mat) return;
-             // Create a new mirror texture
-            const mirrorTex = new (0, $hgUW1$MirrorTexture)("mirror", (0, $db6a29689d313881$export$902ee4e8040a4cdb).getMirrorTextureResolution(), scene, true);
-            mirrorTex.renderList = getReflectiveMeshes(scene); // Calculate reflectance plane for mirror based on target mesh transform
-            const targetVertices = mesh.getVerticesData("normal");
-            if (!targetVertices) throw new Error("Mirror attribute specified on: " + mesh.name + "But no normals exist to generate a mirror from!");
-            mesh.computeWorldMatrix(true);
-            const worldMatrix = mesh.getWorldMatrix();
-            const normal = (0, $hgUW1$Vector31).TransformNormal(new (0, $hgUW1$Vector31)(targetVertices[0], targetVertices[1], targetVertices[2]), worldMatrix).normalize();
-            const reflector = (0, $hgUW1$Plane).FromPositionAndNormal(mesh.position, normal.scale(-1));
-            mirrorTex.mirrorPlane = reflector;
-            mirrorTex.level = reflectivity;
-            mat.reflectionTexture = mirrorTex;
-        }
-        function buildReflectionProbe(mesh) {
-            const mat = mesh.material;
-            const probe = new (0, $hgUW1$ReflectionProbe)("probe-" + mat.name, (0, $db6a29689d313881$export$fbb2744b8f74e4f2), scene);
-            probe.attachToMesh(mesh);
-            probe.renderList && probe.renderList.push(...getReflectiveMeshes(scene));
-            mat.reflectionTexture = probe.cubeTexture;
-        }
-        scene.meshes.forEach((mesh)=>{
-            const tags = mesh.metadata;
-            if (!tags) return;
-            if (tags.mirrorTexture) buildMirrorTexture(mesh, tags.mirrorTexture);
-            if (tags.reflectionProbe) buildReflectionProbe(mesh);
-        });
-    }
-}
-
-
-
-
-
-const $163294662caa594a$var$CAMERA_FRAME_RATE = 60;
-const $163294662caa594a$var$SPEED_RATIO = 1; // TODO: This function is quite limited in how animations can be expressed, make it better (With backwards compat of course...)!
-function $163294662caa594a$export$267f51f3588f9216(scene, loop, to, from) {
-    const animGroups = scene.animationGroups;
-    const getAvgFrameRateForAnimGroup = (animGroup)=>{
-        const sum = animGroup.targetedAnimations.map((ta)=>ta.animation.framePerSecond).reduce((a, b)=>a + b, 0);
-        return sum / animGroup.targetedAnimations.length || 0;
-    }; // When our to & from values match we want to go immediately
-    // to a specific sequence of the animation.
-    if (from !== undefined && to !== undefined && from === to) {
-        animGroups.forEach((animGroup)=>{
-            animGroup.stop();
-            const frameRate = getAvgFrameRateForAnimGroup(animGroup);
-            const targetFrame = from * frameRate;
-            animGroup.start(loop, $163294662caa594a$var$SPEED_RATIO, targetFrame, targetFrame);
-        });
-        return;
-    } // Otherwise we go to the 'from' value and play through to the 'to'
-    // value, looping if requested.
-    animGroups.forEach((animGroup)=>{
-        animGroup.stop();
-        const frameRate = getAvgFrameRateForAnimGroup(animGroup);
-        animGroup.start(loop, $163294662caa594a$var$SPEED_RATIO, from * frameRate, to * frameRate);
-    });
-}
-function $163294662caa594a$export$f2095917e1db8d3a(scene) {
-    const animGroups = scene.animationGroups;
-    animGroups.forEach((animGroup)=>{
-        animGroup.stop();
-    });
-}
-function $163294662caa594a$export$307c7dce7e89b5b5(camera) {
-    camera.getScene().stopAnimation(camera);
-    camera.animations = [];
-}
-function $163294662caa594a$export$f9de9f8269cb3b3a(scene, camera, cameraAnimation) {
-    // Clear any existing animation, not doing so will hang this animation.
-    scene.stopAnimation(camera);
-    camera.animations = []; // We set the alpha to the equivalent location of its current value but with a value 0 - PI * 2
-    if (Math.abs(camera.alpha) > 2 * Math.PI) camera.alpha = $163294662caa594a$var$wrap2Range(camera.alpha, 0, 2 * Math.PI);
-    const animSet = []; // Indices for ordering the animation operations, we want to rotate before
-    // we pan.
-    const hasTargetTween = cameraAnimation.target;
-    const panSequenceIndex = 0;
-    const rotationSequenceIndex = hasTargetTween ? 1 : 0; // Build target animation
-    if (cameraAnimation.target) animSet.push($163294662caa594a$var$createAnimation("cameraTargetLerp", "target", new (0, $hgUW1$Vector3)().copyFrom(camera.target), new (0, $hgUW1$Vector3)(cameraAnimation.target.x, cameraAnimation.target.y, cameraAnimation.target.z), (0, $hgUW1$Animation).ANIMATIONTYPE_VECTOR3, panSequenceIndex));
-     // Build the alpha & beta animations
-    animSet.push($163294662caa594a$var$createAnimation("cameraAlphaLerp", "alpha", camera.alpha, $163294662caa594a$var$degToRad(cameraAnimation.lonDeg), (0, $hgUW1$Animation).ANIMATIONTYPE_FLOAT, rotationSequenceIndex));
-    animSet.push($163294662caa594a$var$createAnimation("cameraBetaLerp", "beta", camera.beta, $163294662caa594a$var$degToRad(cameraAnimation.latDeg), (0, $hgUW1$Animation).ANIMATIONTYPE_FLOAT, rotationSequenceIndex)); // Build the radius animation
-    if (cameraAnimation.radius !== undefined) {
-        const targetRadius = Math.max(0.01, cameraAnimation.radius);
-        animSet.push($163294662caa594a$var$createAnimation("cameraRadiusLerp", "radius", camera.radius, targetRadius, (0, $hgUW1$Animation).ANIMATIONTYPE_FLOAT, rotationSequenceIndex));
-    } // Execute the animations, cleaning up after it completes.
-    camera.animations.push(...animSet); // When we run a camera animation we must disable any existing
-    // auto rotation too prevent any animations conflicting with each other.
-    // If it was enabled we re-enable again when the animation has finished running.
-    const rotationWasActive = camera.useAutoRotationBehavior;
-    camera.disableAutoRotationBehavior(); // Finally, execute the animation on the scene.
-    scene.beginAnimation(camera, 0, hasTargetTween ? $163294662caa594a$var$CAMERA_FRAME_RATE * 2 : $163294662caa594a$var$CAMERA_FRAME_RATE, false, 1, ()=>{
-        camera.animations = [];
-        if (rotationWasActive) camera.enableAutoRotationBehavior();
-    });
-}
-/**
- * Small helper for converting Degrees to Radians
- * @param value The value to convert
- */ function $163294662caa594a$var$degToRad(value) {
-    return value * Math.PI / 180;
-}
-/**
- * A generic function for tweens between two values which is a concept used
- * heavily in our camera animation system.
- * @param animName The name of the animation.
- * @param targetProperty A target property to affect on the object holding the animation.
- * @param fromValue The initial value of the property.
- * @param toValue The end value of the property.
- * @param dataType The data type being modified eg. Animation.ANIMATIONTYPE_VECTOR3
- * @param ordering animations are sequenced via ordering, an ordering of 0 means the animation will play from frame 0 -> FRAME_RATE
- * an ordering of 1 means the animation will play from FRAME_RATE -> FRAME_RATE * 2 allowing us to play animations in a specific order.
- * @param loopmode What to do when the animation completes eg. Animation.ANIMATIONLOOPMODE_CYCLE
- */ function $163294662caa594a$var$createAnimation(animName, targetProperty, fromValue, toValue, dataType, ordering = 0, loopmode = (0, $hgUW1$Animation).ANIMATIONLOOPMODE_CONSTANT) {
-    const easingFunc = new (0, $hgUW1$QuadraticEase)();
-    easingFunc.setEasingMode((0, $hgUW1$EasingFunction).EASINGMODE_EASEINOUT);
-    const targetAnim = new (0, $hgUW1$Animation)(animName, targetProperty, $163294662caa594a$var$CAMERA_FRAME_RATE, dataType, loopmode);
-    const targetKeys = [];
-    ordering > 0 && targetKeys.push({
-        frame: 0,
-        value: fromValue
-    });
-    targetKeys.push({
-        frame: $163294662caa594a$var$CAMERA_FRAME_RATE * ordering,
-        value: fromValue
-    });
-    targetKeys.push({
-        frame: $163294662caa594a$var$CAMERA_FRAME_RATE * (ordering + 1),
-        value: toValue
-    });
-    targetAnim.setKeys(targetKeys);
-    targetAnim.setEasingFunction(easingFunc);
-    return targetAnim;
-} // Given min, max. Return a value that wraps from max to min or vice versa if required.
-function $163294662caa594a$var$wrap2Range(val, min, max) {
-    if (val < min) return val = max - (min - val) % (max - min);
-    else return val = min + (val - min) % (max - min);
-}
-
-
-
-
-function $f04b030f3c397053$var$_defineProperty(obj, key, value) {
-    if (key in obj) Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-    });
-    else obj[key] = value;
-    return obj;
-}
-class $f04b030f3c397053$export$eaa74e880b82d23a extends (0, $hgUW1$ArcRotateCamera) {
-    constructor(name, alpha, beta, radius, target, scene, configuration, setActiveOnSceneIfNoneActive){
-        super(name, alpha, beta, radius, target, scene, setActiveOnSceneIfNoneActive); // We set some sensible defaults for camera behavior. Some of
-        // these defaults are dependant on calculated camera parameters like radius
-        // which is why we need to ensure that these values are computing straight after the framing behavior
-        // has run so our calculations are correctly computed based on scene scale.
-        $f04b030f3c397053$var$_defineProperty(this, "lastFocus", new (0, $hgUW1$Vector3)(0, 0, 0));
-        this.minZ = 0.01;
-        this.maxZ = this.radius * 1000;
-        this.lowerRadiusLimit = this.radius * 0.01;
-        this.enableFramingBehavior();
-        this.upperRadiusLimit = 1.5 * this.radius;
-        this.wheelPrecision = 100 / this.radius;
-        this.pinchPrecision = 300 / this.radius;
-        this.wheelDeltaPercentage = 0.01;
-        this.pinchDeltaPercentage = 0.005;
-        this.useNaturalPinchZoom = true; // glTF assets use a +Z forward convention while the default camera faces +Z.
-        // Rotate the camera to look at the front of the asset by default unless configured not to.
-        if (configuration.camera.autoOrientation) this.alpha += Math.PI;
-         // When configuration is available we can go through the camera specific
-        // fields and apply them.
-        if (configuration) {
-            if (configuration.camera.limits.min.beta) this.lowerBetaLimit = configuration.camera.limits.min.beta;
-            if (configuration.camera.limits.max.beta) this.upperBetaLimit = configuration.camera.limits.max.beta;
-            if (configuration.camera.limits.min.alpha) this.lowerAlphaLimit = configuration.camera.limits.min.alpha;
-            if (configuration.camera.limits.max.alpha) this.upperAlphaLimit = configuration.camera.limits.max.alpha;
-            if (configuration.camera.limits.min.radius) this.lowerRadiusLimit = configuration.camera.limits.min.radius;
-            if (configuration.camera.limits.max.radius) this.upperRadiusLimit = configuration.camera.limits.max.radius;
-            configuration.camera.autoRotation.enabled && this.enableAutoRotationBehavior(configuration.camera.autoRotation.idleTimeMs);
-        }
-    }
-    /**
-   * Stores the current executed target point of the camera. If the camera target changes
-   * via panning we can notify ui about the fact to help users reset the camera.
-   */ /**
-   * Returns the framing behavior of this camera.
-   */ getFramingBehavior() {
-        return this.getBehaviorByName("Framing");
-    }
-    /**
-   * Returns the auto rotation behavior of this camera, this may
-   * not always be available.
-   */ getAutoRotationBehavior() {
-        const autoRotate = this.getBehaviorByName("AutoRotation");
-        if (autoRotate) return autoRotate;
-        else return undefined;
-    }
-    /**
-   * Activates framing on this camera causing the camera to focus on
-   * the scene and bound itself in a sensible fashion to the scene content.
-   */ enableFramingBehavior() {
-        this.useFramingBehavior = true;
-        const framingBehavior = this.getFramingBehavior();
-        framingBehavior.attach(this);
-        framingBehavior.framingTime = 0;
-        framingBehavior.elevationReturnTime = -1;
-        framingBehavior.zoomStopsAnimation = false;
-        this.lowerRadiusLimit = null; // Set the target bounding box for the camera
-        const worldExtends = $f04b030f3c397053$var$calculateWorldExtends(this._scene);
-        framingBehavior.zoomOnBoundingInfo(worldExtends.min, worldExtends.max); // Calculate a sensible default for wheel zoom speed based on newly calculated radius.
-        this.wheelPrecision = 100 / this.radius; // If we have no lower radius at this point we must fall back to a default
-        // to prevent the user zooming through the model...
-        if (this.lowerRadiusLimit === null) this.lowerRadiusLimit = 0.1;
-        this.lastFocus.copyFrom(this.target);
-        return framingBehavior;
-    }
-    /**
-   * Animates the camera back to the initial target when it has drifted to another position.
-   * @param onAnimationComplete A callback when the camera has finished animating.
-   */ rerunFramingBehavior(onAnimationComplete) {
-        const framingBehavior = this.getFramingBehavior();
-        framingBehavior.framingTime = 800;
-        const handleAnimationComplete = ()=>{
-            onAnimationComplete();
-        };
-        const worldExtends = $f04b030f3c397053$var$calculateWorldExtends(this._scene);
-        framingBehavior.zoomOnBoundingInfo(worldExtends.min, worldExtends.max, undefined, handleAnimationComplete);
-        framingBehavior.framingTime = 0;
-    }
-    /**
-   * Activates the auto rotation behavior causing the camera to rotate slowly around
-   * it's target.
-   * @param idleTime The number of milliseconds before the camera starts rotating after the user last interacted.
-   */ enableAutoRotationBehavior(idleTime = 5000) {
-        this.useAutoRotationBehavior = true;
-        const autoRotation = this.getAutoRotationBehavior();
-        if (!autoRotation) return;
-        autoRotation.idleRotationWaitTime = idleTime;
-    }
-    /**
-   * Stops the auto rotation functionality immediately.
-   */ disableAutoRotationBehavior() {
-        this.useAutoRotationBehavior = false;
-    }
-    /**
-   * A static function used to instantiate a single product camera instance on a scene. This camera will assume
-   * the active camera role on the scene and any existing active camera will be disposed.
-   * @param scene The scene to attach the camera to.
-   * @param configuration A configuration object to define the cameras limitations.
-   */ static create(scene, configuration) {
-        // We don't want duplicate cameras, dispose any existing.
-        if (scene.activeCamera) {
-            scene.activeCamera.dispose();
-            scene.activeCamera = null;
-        } // Build camera
-        const worldExtends = $f04b030f3c397053$var$calculateWorldExtends(scene);
-        const worldSize = worldExtends.max.subtract(worldExtends.min);
-        const worldCenter = worldExtends.min.add(worldSize.scale(0.5));
-        const camera = new $f04b030f3c397053$export$eaa74e880b82d23a("ProductCamera", -(Math.PI / 2), Math.PI / 2, worldSize.length() * 1.5, worldCenter, scene, configuration); // Attach an observer to manage dynamic recalculation of pan speed based on zoom. This will
-        // allow us to keep pan speed consistent regardless of zoom level.
-        camera.panningInertia = 0;
-        camera.panningOriginTarget.copyFrom(worldCenter);
-        camera.onAfterCheckInputsObservable.add(()=>{
-            // TODO: There's still an unknown factor here. Dividing 1000 results
-            // in a fairly good experience across the board but really tiny/massive models still
-            // are too fast/slow respectively. Camera.radius also seems to be related...
-            camera.panningSensibility = 1000 / worldSize.length();
-        });
-        scene.activeCamera = camera;
-        return camera;
-    }
-}
-/**
- * Determines the  bounding box of all content in the scene that should be included in
- * the focus of the product camera.
- */ function $f04b030f3c397053$var$calculateWorldExtends(scene) {
-    // TODO: Move away from depending on mesh name to determine whether or not a mesh should be targeted
-    const targetMeshes = scene.meshes.filter((mesh)=>{
-        return mesh.name.toLowerCase().endsWith("_t") || mesh.name.toLowerCase().includes("_t_");
-    });
-    return scene.getWorldExtends((mesh)=>{
-        return mesh.isVisible && mesh.isEnabled() && (targetMeshes.length === 0 || targetMeshes.includes(mesh));
-    });
-}
-
-
-
-
-
-
-
-const $11b2720e07c11c64$var$keyToTextureNameMap = {
-    albedoTexture: "albedoMapKey",
-    bumpTexture: "normalMapKey",
-    ambientTexture: "ambientMapKey",
-    emissiveTexture: "emissionMapKey",
-    opacityTexture: "alphaMapKey",
-    metallicTexture: "metallicMapKey",
-    refractionTexture: "refractionMapKey"
-};
-function $11b2720e07c11c64$export$a0161ad02fcaac1(materialVariant, targetMaterial, assetsManager, removeWhenUndefined) {
-    const supportedTextures = [
-        "albedoTexture",
-        "bumpTexture",
-        "ambientTexture",
-        "emissiveTexture",
-        "opacityTexture",
-        "metallicTexture",
-        "refractionTexture"
-    ];
-    supportedTextures.forEach((textureName)=>{
-        $11b2720e07c11c64$var$calculateAndApplyTextureProperties(textureName, materialVariant, targetMaterial, assetsManager, removeWhenUndefined);
-    });
-    $11b2720e07c11c64$var$calculateClearcoatProperties(materialVariant, targetMaterial);
-}
-function $11b2720e07c11c64$var$calculateAndApplyTextureProperties(textureName, materialVariant, targetMaterial, assetsManager, removeWhenUndefined) {
-    const resourceKeyForTexture = $11b2720e07c11c64$var$keyToTextureNameMap[textureName];
-    if (!resourceKeyForTexture) throw new Error("Unexpected texture name encountered.");
-    const textureKey = materialVariant[resourceKeyForTexture];
-    if (textureKey) assetsManager.addTextureTask(textureName, textureKey, false, false);
-    else if (removeWhenUndefined && targetMaterial[textureName]) {
-        targetMaterial[textureName] && targetMaterial[textureName].dispose();
-        targetMaterial[textureName] = null;
-        $11b2720e07c11c64$var$applyTextureSpecificChangesOnRemoval(textureName, targetMaterial);
-    }
-}
-/**
- * Certain textures require specific behavior to be undone on removal, such
- * as flags that would have enabled no longer desired behavior. We filter those out here.
- * @param textureName The texture name being handled.
- * @param targetMat The material this texture resides on.
- */ function $11b2720e07c11c64$var$applyTextureSpecificChangesOnRemoval(textureName, targetMat) {
-    if (textureName === "opacityTexture") targetMat.useAlphaFromAlbedoTexture = true;
-    if (textureName === "metallicTexture") {
-        targetMat.useRoughnessFromMetallicTextureAlpha = false;
-        targetMat.useRoughnessFromMetallicTextureGreen = false;
-        targetMat.useMetallnessFromMetallicTextureBlue = false;
-    }
-    if (textureName === "refractionTexture") {
-        targetMat.subSurface.isRefractionEnabled = false;
-        targetMat.subSurface.refractionIntensity = 1;
-    }
-}
-function $11b2720e07c11c64$export$e17dfe56aa21b90(textureName, targetMat, materialResource, downloadedTexture) {
-    if (textureName === "opacityTexture") targetMat.useAlphaFromAlbedoTexture = false;
-    if (textureName === "metallicTexture") {
-        targetMat.useRoughnessFromMetallicTextureAlpha = false;
-        targetMat.useRoughnessFromMetallicTextureGreen = true;
-        targetMat.useMetallnessFromMetallicTextureBlue = true;
-    }
-    if (textureName === "refractionTexture") {
-        targetMat.subSurface.isRefractionEnabled = true;
-        targetMat.subSurface.refractionIntensity = materialResource.refractionIntensity || 1;
-    }
-    targetMat[textureName] = downloadedTexture;
-}
-/**
- * Applies a clearcoat parameter to a material if requested.
- * @param materialVariant The variant to read for clearcoat.
- * @param targetMaterial The target material to be applied to.
- */ function $11b2720e07c11c64$var$calculateClearcoatProperties(materialVariant, targetMaterial) {
-    if (!materialVariant.clearCoat) return;
-    if (materialVariant.clearCoat === (0, $0822e2c84c7d8f0f$export$5185910364c29078).RemoveWhenSelected) {
-        targetMaterial.clearCoat.isEnabled = false;
-        targetMaterial.clearCoat.indexOfRefraction = 1.5; // Default value
-    } else if (materialVariant.clearCoat === (0, $0822e2c84c7d8f0f$export$5185910364c29078).ApplyWhenSelected) {
-        targetMaterial.clearCoat.isEnabled = true;
-        targetMaterial.clearCoat.indexOfRefraction = materialVariant.clearCoatIOR || targetMaterial.clearCoat.indexOfRefraction;
-    }
-}
-
-
-function $645f6c7a5d045644$var$_defineProperty(obj, key, value) {
-    if (key in obj) Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-    });
-    else obj[key] = value;
-    return obj;
-}
-class $645f6c7a5d045644$export$2e2bcd8739ae039 {
-    constructor(){
-        $645f6c7a5d045644$var$_defineProperty(this, "materialVariantMap", new Map());
-        $645f6c7a5d045644$var$_defineProperty(this, "keysThatRemovedBaseModel", []);
-        $645f6c7a5d045644$var$_defineProperty(this, "loadedContainerForKey", new Map());
-    }
-    /**
-   * Apply a material variant to a given scene.
-   * @param scene The scene to add the material changes to.
-   * @param targetMaterial The name of the material in the scene we should be targeting.
-   * @param material The material variant to apply.
-   * @param onProgress A progress callback function for loading bars and event timing.
-   * @param removeWhenUndefined material application is an additive process, setting this bool to true will
-   * instead remove material textures when they aren't defined. this is useful for material editor applications
-   * where we want to undo changes are remove effects from display.
-   */ async applyMaterial(scene, targetMaterial, material, onProgress, removeWhenUndefined) {
-        return new Promise((resolve)=>{
-            // Attempt to find the requested material in the scene
-            const targetedMaterials = scene.materials.filter((mat)=>mat.name === targetMaterial); // Keep track of material changes
-            const existingMaterialResource = this.materialVariantMap.get(targetMaterial);
-            this.materialVariantMap.set(targetMaterial, {
-                ...existingMaterialResource,
-                ...material
-            }); // At this point we know the scene has been loaded. If the target material doesn't exist then
-            // the step wasn't configured correctly to begin with so just ignore the request.
-            if (targetedMaterials.length === 0) {
-                resolve(undefined);
-                return;
-            } // Create an async task for each type of available texture given.
-            const assetsManager = new (0, $hgUW1$AssetsManager)(scene);
-            assetsManager.useDefaultLoadingScreen = false; // Loop through the materials found in scene that match our target material name and
-            // notify the asset manager of the various material values that need to change on each.
-            targetedMaterials.forEach((targetMaterial)=>(0, $11b2720e07c11c64$export$a0161ad02fcaac1)(material, targetMaterial, assetsManager, removeWhenUndefined)); // Notify caller on progress towards loading material changes.
-            assetsManager.onProgress = (remaining, total, task)=>{
-                onProgress && onProgress(remaining / total * 100, 100, task.name);
-            }; // Execute the configured texture tasks. For each task received, we iterate ver each targeted material and
-            // apply the requirements of the task.
-            assetsManager.onFinish = (tasks)=>{
-                tasks.forEach((task)=>{
-                    const textureTask = task;
-                    onProgress && onProgress(100, 100, task.name);
-                    targetedMaterials.forEach((targetMat)=>(0, $11b2720e07c11c64$export$e17dfe56aa21b90)(task.name, targetMat, material, textureTask.texture));
-                });
-                resolve(undefined);
-            };
-            assetsManager.loadAsync();
-        });
-    }
-    /**
-   * Applies a model variant to the scene.
-   * @param scene The scene we're working out of.
-   * @param key The key to uniquely identify this model variant application.
-   * @param replaceProductModel When true, we should replace the base product model.
-   * @param model The details for the new model, when undefined we should remove the variant associated to the given key.
-   * @param onProgress A load progress callback that can be used for loading bars and event timing.
-   */ async applyModel(scene, key, replaceProductModel, model, onProgress) {
-        /**
-     * If we're adding a new model to the scene and the key hasn't been
-     * encountered before and the product model is being replaced, let's
-     * store the key so we know to replace the product model when encountered later.
-     */ if (model && replaceProductModel && !this.keysThatRemovedBaseModel.includes(key)) this.keysThatRemovedBaseModel.push(key);
-         // When no model details are provided that means
-        // the model variant has been requested to be removed entirely. We remove that
-        // and also re-add any base model if it was removed to fit this variant.
-        if (!model) {
-            const shouldRestoreBaseModel = this.keysThatRemovedBaseModel.includes(key);
-            this.loadedContainerForKey.get(key)?.removeAllFromScene();
-            scene && shouldRestoreBaseModel && await (0, $52383f320efd34d4$export$fdb7ab7bd2bafbea)(scene.metadata.baseModel, scene);
-            return Promise.resolve();
-        } // Load new model data
-        const container = await (0, $a38b99fca407fe64$export$a2966fb0929452fe)(model, scene, onProgress); // Remove any existing asset for the given key.
-        if (this.loadedContainerForKey.has(key)) this.loadedContainerForKey.get(key)?.removeAllFromScene();
-         // Remove product base model if required.
-        if (replaceProductModel) {
-            const base = await (0, $a38b99fca407fe64$export$a2966fb0929452fe)(scene.metadata.baseModel, scene);
-            base.removeAllFromScene();
-        } // Add new model to scene.
-        container.addAllToScene();
-        this.loadedContainerForKey.set(key, container); // Reapply any encountered material variants to the scene, this ensures
-        // no material information is lost.
-        const promiseList = [];
-        this.materialVariantMap.forEach(async (value, key)=>{
-            promiseList.push(this.applyMaterial(scene, key, value));
-        });
-        await Promise.all(promiseList);
-    }
-}
-
-
-
-
-
-
-
-
-
-function $52383f320efd34d4$var$_defineProperty(obj, key, value) {
-    if (key in obj) Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-    });
-    else obj[key] = value;
-    return obj;
-}
-// to the GLTF loader provided by babylonjs.
-(0, $hgUW1$GLTF2).GLTFLoader.RegisterExtension("glbPostProcessor", function(loader) {
-    return new (0, $f2c8dd674be56293$export$3fb1f3d61bcfe989)(loader);
-});
-(0, $hgUW1$SceneLoader).OnPluginActivatedObservable.add((plugin)=>{
-    if (plugin.name === "gltf") {
-        const loader = plugin;
-        loader.useRangeRequests = true;
-        loader.transparencyAsCoverage = true;
-    }
-}); // Side effects for view related logic
-const $52383f320efd34d4$var$InitialSceneLoadProgressKey = "initialScene";
-class $52383f320efd34d4$export$bbc4f3921db721d6 {
-    /**
-   * The current progress of loading the scene. A value between 0-100.
-   */ /**
-   * A map relating target materials to a list of materials to apply via a option.
-   * TODO: We need to clean this up and make it generic.
-   */ /**
-   * A map relating option id to a model variant to a callback provided by someone who wants
-   * to load a model variant.
-   */ /**
-   * The last model animation requested if the scene wasn't ready.
-   */ /**
-   * The last camera animation requested if the scene wasn't ready.
-   */ /**
-   * When listeners have been notified of a change in camera target position
-   * this field will be set to true.
-   */ /**
-   * A list of listener who want to know about the progress of scene loading.
-   */ /**
-   * An observable handling loss of target focus by the camera.
-   */ /**
-   * A set of dynamic textures linked to workflow canvases, these textures
-   * update themselves when changes are made to the underlying canvas
-   */ /**
-   * When instantiated, contains a list of meshes that contribute to highlighting
-   * in the scene.
-   */ /**
-   * A manager class encapsulating the logic required to manipulate material and
-   * model variants in the scene.
-   */ constructor(canvas, options){
-        $52383f320efd34d4$var$_defineProperty(this, "engine", void 0);
-        $52383f320efd34d4$var$_defineProperty(this, "scene", void 0);
-        $52383f320efd34d4$var$_defineProperty(this, "configuration", void 0);
-        $52383f320efd34d4$var$_defineProperty(this, "loadProgress", new Map([
-            [
-                $52383f320efd34d4$var$InitialSceneLoadProgressKey,
-                0
-            ]
-        ]));
-        $52383f320efd34d4$var$_defineProperty(this, "materialReadyToLoadCallbacks", new Map());
-        $52383f320efd34d4$var$_defineProperty(this, "modelReadyToLoadCallbacks", new Map());
-        $52383f320efd34d4$var$_defineProperty(this, "queuedModelAnimation", void 0);
-        $52383f320efd34d4$var$_defineProperty(this, "queuedCameraAnimation", void 0);
-        $52383f320efd34d4$var$_defineProperty(this, "focusLostNotified", false);
-        $52383f320efd34d4$var$_defineProperty(this, "loadObservable", new (0, $hgUW1$Observable)());
-        $52383f320efd34d4$var$_defineProperty(this, "focusLostObservable", new (0, $hgUW1$Observable)());
-        $52383f320efd34d4$var$_defineProperty(this, "dynamicTextures", new Map());
-        $52383f320efd34d4$var$_defineProperty(this, "highlightLayer", void 0);
-        $52383f320efd34d4$var$_defineProperty(this, "variantManager", new (0, $645f6c7a5d045644$export$2e2bcd8739ae039)());
-        // Options are required all over the place so set this first.
-        this.configuration = new (0, $0e1e2b2fa84204ab$export$fa89be98fe0936f2)(options); // We serve the draco decoder logic from google's CDN. To ensure we use the latest version, we need to
-        // move this to our CDN one day when we are big and powerful...
-        const DRACO_VERSION = "1.5.3";
-        (0, $hgUW1$DracoCompression).Configuration = {
-            decoder: {
-                wasmUrl: `https://www.gstatic.com/draco/versioned/decoders/${DRACO_VERSION}/draco_wasm_wrapper_gltf.js`,
-                wasmBinaryUrl: `https://www.gstatic.com/draco/versioned/decoders/${DRACO_VERSION}/draco_decoder_gltf.wasm`,
-                fallbackUrl: `https://www.gstatic.com/draco/versioned/decoders/${DRACO_VERSION}/draco_decoder_gltf.js`
-            }
-        }; // HOTFIX: Resolve issue on safari 15, initializing engine without first requesting a context causes page reload.
-        if (canvas) {
-            if (canvas.getContext("webgl2")) ;
-            else canvas.getContext("webgl");
-        } // Try to instantiate the engine, Engine may throw an exception when WebGL is deemed unavailable. We
-        // can expect consumers of this interface to handle this at a higher level as failure to bring the 3D preview
-        // service up could represent a major change in how workflows function...
-        const logger = console.log;
-        console.log = ()=>{};
-        const engine = !canvas ? new (0, $hgUW1$NullEngine)() : new (0, $hgUW1$Engine)(canvas, true, {
-            premultipliedAlpha: false,
-            preserveDrawingBuffer: !!options?.backgroundImage,
-            audioEngine: false,
-            stencil: this.configuration.highlights.enabled,
-            forceSRGBBufferSupportState: true
-        });
-        console.log = logger; // We implement our own loading UI in react, disable the
-        // default babylon behavior here.
-        engine.hideLoadingUI(); // If the window is resized we want to update internal dimensions to reflect any changes.
-        window.addEventListener("resize", this.fireResizeEvent.bind(this)); // Set the engine and scene to be used for the lifetime of this service.
-        this.engine = engine;
-        this.scene = new (0, $hgUW1$Scene)(engine);
-    }
-    registerFocusLostListener(listener) {
-        this.focusLostObservable.add(listener);
-    }
-    unregisterFocusLostListener(listener) {
-        this.focusLostObservable.removeCallback(listener);
-    }
-    registerLoadProgressListener(listener) {
-        this.loadObservable.add(listener);
-        listener(this.getLoadListenerEvent());
-    }
-    unregisterLoadProgressListener(listener) {
-        this.loadObservable.removeCallback(listener);
-    }
-    registerView(canvas) {
-        // Register the view with the engine
-        // In babylon 4.1.0 the registered canvas' height and width will
-        // get overwritten with the working canvas' client height and
-        // width so until the release of 4.2.0 we need to
-        // manually restore the registered canvas' dimensions.
-        // https://github.com/BabylonJS/Babylon.js/commit/baedd30f2b62fc793fc23188048ca27b21c068f4
-        // TODO: We're already using 4.2, can we remove this width/height code now? Test whhen possible.
-        const height = canvas.height;
-        const width = canvas.width;
-        this.engine.registerView(canvas);
-        canvas.setAttribute("height", height.toString());
-        canvas.setAttribute("width", width.toString()); // Lock camera state if orbit is disabled.
-        if (!this.orbitEnabled()) this.setCameraState((0, $0822e2c84c7d8f0f$export$9beaec53ae7234b4).Pan);
-    }
-    getNumViewports() {
-        return this.engine.views?.length || 0;
-    }
-    unregisterView(canvas) {
-        this.engine.unRegisterView(canvas);
-        this.engine.inputElement = null;
-    }
-    shutdown() {
-        if (this.engine) this.engine.dispose();
-        window.removeEventListener("resize", this.fireResizeEvent);
-    }
-    getSceneInitializationProgress() {
-        return this.loadProgress.get($52383f320efd34d4$var$InitialSceneLoadProgressKey);
-    }
-    async initialize(src, contextService) {
-        this.scene.clearColor = this.configuration.scene.clearColor; // Load the the given base model. If no model is provided we load
-        // an empty scene instead.
-        this.scene.metadata = {
-            baseModel: src
-        }; // Setup environment lighting, we export .dds files from IBL Baker and
-        // load them into babylon to be optimized and exported again in the .env.local format.
-        this.scene.environmentTexture = (0, $hgUW1$CubeTexture).CreateFromPrefilteredData(this.configuration.scene.environmentFile, this.scene); // If a base model is specified, load here. We await this to ensure it's ready before scene load.
-        if (src) {
-            const maximumLoadProgress = 99;
-            await $52383f320efd34d4$export$fdb7ab7bd2bafbea(src, this.scene, (event)=>{
-                this.loadProgress.set($52383f320efd34d4$var$InitialSceneLoadProgressKey, event.loaded * maximumLoadProgress / event.total);
-                this.notifyLoadHandlers();
-            });
-        }
-        if (this.configuration.highlights.enabled) this.scene.meshes.forEach((m)=>{
-            if (m.name === "targetcube_t" || m.name === "backgroundShell") return;
-            m.isPickable = true;
-            if (!m.actionManager) m.actionManager = new (0, $hgUW1$ActionManager)(this.scene);
-            m.actionManager.registerAction(new (0, $hgUW1$ExecuteCodeAction)((0, $hgUW1$ActionManager).OnPointerOutTrigger, ()=>{
-                this.setHighlights([]);
-            }));
-            m.actionManager.registerAction(new (0, $hgUW1$ExecuteCodeAction)((0, $hgUW1$ActionManager).OnPointerOverTrigger, (e)=>{
-                if (e.meshUnderPointer) {
-                    const material = e.meshUnderPointer.material;
-                    if (material) this.setHighlights([
-                        material
-                    ]);
-                }
-            }));
-        });
-         // Construct the camera used  to view the scene.
-        const camera = (0, $f04b030f3c397053$export$eaa74e880b82d23a).create(this.scene, this.configuration); // Create & apply dynamic textures
-        const canvasPanels = contextService?.getAll() || new Map();
-        (0, $373f30fedccc1cd5$export$e2d6a39fe5dbab66)(this.scene, canvasPanels, this.dynamicTextures); // Enable glow layer if any materials use emission.
-        const shouldEnableGlow = this.scene.materials.some((mat)=>"emissiveTexture" in mat && mat.emissiveTexture !== null);
-        if (shouldEnableGlow) {
-            const gl = new (0, $hgUW1$GlowLayer)("GlowLayer", this.scene);
-            gl.intensity = 0.5;
-        } // In cases where we start off with no model animation, we should
-        // default to paused. Otherwise the animation will loop repeatedly.
-        (0, $163294662caa594a$export$f2095917e1db8d3a)(this.scene); // Start main render loop
-        this.engine.runRenderLoop(()=>{
-            if (!this.engine.views) return;
-             // Recapture input if the view has changed.
-            const view = this.engine.views[0];
-            const curInputEl = this.engine.inputElement;
-            if (!curInputEl || view && curInputEl && curInputEl.id !== view.target.id) this.reattachControls(view.target);
-             // Update dynamic textures where canvas changes have been made.
-            canvasPanels.forEach((canvasPanel, layoutKey)=>{
-                const dynamicTexture = this.dynamicTextures.get(layoutKey);
-                if (dynamicTexture && canvasPanel.getStaticContextDirty() && dynamicTexture.isReady()) {
-                    dynamicTexture.update(false);
-                    canvasPanel.setStaticContextDirty(false);
-                }
-            }); // A Patch for missing behavior from Babylon v5.0, ensures that views are
-            // cleared entirely before rendering to prevent smearing.
-            if (this.configuration.scene.transparentBackground) this.engine.views.forEach((view)=>{
-                const renderingCanvas = this.engine.getRenderingCanvas();
-                const viewCtx = view.target.getContext("2d");
-                viewCtx.clearRect(0, 0, renderingCanvas.width, renderingCanvas.height);
-            });
-             // Render the scene
-            this.scene.render(); // If load wasn't finalized by this point, we've done our first render and shou;d
-            // callback to finalize the load process.
-            if (this.getSceneInitializationProgress() !== 100) {
-                this.loadProgress.set($52383f320efd34d4$var$InitialSceneLoadProgressKey, 100); // Finalize load process.
-                this.materialReadyToLoadCallbacks.forEach((value, targetMaterial)=>{
-                    value.forEach((material, key)=>{
-                        this.applyMaterialVariant(targetMaterial, key, material);
-                    });
-                });
-                this.materialReadyToLoadCallbacks.clear();
-                this.modelReadyToLoadCallbacks.forEach((callback)=>{
-                    callback(this.scene);
-                });
-                this.modelReadyToLoadCallbacks.clear();
-                if (this.queuedModelAnimation) {
-                    this.executeModelAnimation(this.queuedModelAnimation);
-                    this.queuedModelAnimation = undefined;
-                }
-                if (this.queuedCameraAnimation) {
-                    this.executeCameraAnimation(this.queuedCameraAnimation);
-                    this.queuedCameraAnimation = undefined;
-                }
-                this.notifyLoadHandlers();
-            } // When the camera moves from it's last set focus point via panning
-            // let's notify any listeners soo they can act on the fact
-            if (!camera.target.equalsWithEpsilon(camera.lastFocus, 0.1) && !this.focusLostNotified) {
-                this.focusLostObservable.notifyObservers(undefined);
-                this.focusLostNotified = true;
-            }
-        });
-    }
-    executeModelAnimation(animation) {
-        if (this.getSceneInitializationProgress() !== 100) {
-            this.queuedModelAnimation = animation;
-            return;
-        }
-        (0, $163294662caa594a$export$267f51f3588f9216)(this.scene, animation.loop, animation.to, animation.from);
-    }
-    executeCameraAnimation(animation) {
-        if (this.getSceneInitializationProgress() !== 100 || !this.scene.activeCamera) {
-            this.queuedCameraAnimation = animation;
-            return;
-        }
-        (0, $163294662caa594a$export$f9de9f8269cb3b3a)(this.scene, this.scene.activeCamera, animation);
-    }
-    getCameraPose() {
-        if (this.scene) {
-            const camera = this.scene.activeCamera;
-            if (camera) return {
-                lonDeg: Math.round(camera.alpha * 180 / Math.PI),
-                latDeg: Math.round(camera.beta * 180 / Math.PI),
-                radius: Math.round((camera.radius + Number.EPSILON) * 10000) / 10000,
-                target: {
-                    x: camera.target.x,
-                    y: camera.target.y,
-                    z: camera.target.z
-                }
-            };
-        }
-        return undefined;
-    }
-    setCameraPose(cameraPose) {
-        if (this.scene) {
-            const camera = this.scene.activeCamera;
-            if (camera) {
-                camera.target = new (0, $hgUW1$Vector3)(cameraPose.target.x, cameraPose.target.y, cameraPose.target.z);
-                camera.radius = cameraPose.radius;
-                camera.alpha = cameraPose.latDeg;
-                camera.beta = cameraPose.lonDeg;
-            }
-        }
-    }
-    async applyMaterialVariant(targetMaterial, key, material, removeWhenUndefined) {
-        // If the scene hasn't finished loading yet, let's queue the material changes
-        // up to have them play back when the scene is ready. NOTE: We queue using
-        // option as a key, this prevents multiple options applying and making eachothers changes redundant.
-        if (this.getSceneInitializationProgress() !== 100) {
-            if (this.materialReadyToLoadCallbacks.has(targetMaterial)) {
-                const entry = this.materialReadyToLoadCallbacks.get(targetMaterial);
-                entry?.set(key, material);
-            } else {
-                this.materialReadyToLoadCallbacks.set(targetMaterial, new Map());
-                const newEntry = this.materialReadyToLoadCallbacks.get(targetMaterial);
-                newEntry?.set(key, material);
-            }
-            return;
-        }
-        await this.variantManager.applyMaterial(this.scene, targetMaterial, material, (remaining, total, taskName)=>{
-            this.loadProgress.set(`key_${taskName}`, remaining / total * 100);
-            this.notifyLoadHandlers();
-        }, removeWhenUndefined);
-    }
-    async applyModelVariant(key, modelDetails, replaceProductModel) {
-        // If the scene hasn't finished loading yet, let's queue the model changes
-        // up to have them play back when the scene is ready.
-        if (this.getSceneInitializationProgress() !== 100) {
-            this.modelReadyToLoadCallbacks.set(key, ()=>{
-                this.applyModelVariant(key, modelDetails, replaceProductModel);
-            });
-            return;
-        } // Load the model variant, we attach a listener to keep track of progress.
-        await this.variantManager.applyModel(this.scene, key, replaceProductModel || false, modelDetails.model, (e)=>{
-            this.loadProgress.set(key, e.loaded * 100 / e.total);
-            this.notifyLoadHandlers();
-        }); // Dispose of any memory that is no longer required.
-        // TODO Can we remove?
-        this.scene.materials.forEach((m)=>{
-            if (m && m.getBindedMeshes().length === 0) {
-                // If this material's related textures aren't dynamic, let's kill them.
-                const forceRemoveTextures = m instanceof (0, $hgUW1$PBRMaterial) && !(m.albedoTexture instanceof (0, $hgUW1$DynamicTexture));
-                m.dispose(false, forceRemoveTextures);
-            }
-        }); // Re-attach dynamic textures if required.
-        (0, $373f30fedccc1cd5$export$e2d6a39fe5dbab66)(this.scene, modelDetails.contextService.getAll(), this.dynamicTextures);
-        (0, $163294662caa594a$export$f2095917e1db8d3a)(this.scene);
-    }
-    setCameraState(rigType) {
-        if (!this.engine?.views || !this.engine?.views[0]) throw new Error("No views attached, camera state requires a view to attach controls onto.");
-        if (rigType === (0, $0822e2c84c7d8f0f$export$9beaec53ae7234b4).Orbit) this.reattachControls(this.engine.views[0].target, 2);
-        else this.reattachControls(this.engine.views[0].target, 0);
-    }
-    animateToLastCameraFocus() {
-        return new Promise((resolve)=>{
-            const camera = this.scene.activeCamera;
-            const configuration = this.configuration;
-            camera.rerunFramingBehavior(()=>{
-                this.focusLostNotified = false;
-                if (configuration.camera.limits.min.radius) camera.lowerRadiusLimit = configuration.camera.limits.min.radius;
-                if (configuration.camera.limits.max.radius) camera.upperRadiusLimit = configuration.camera.limits.max.radius;
-                resolve();
-            });
-        });
-    }
-    setAutoRotation(shouldAutoRotate) {
-        const camera = this.scene.activeCamera;
-        if (!this.configuration.camera.autoRotation.enabled || !camera) return;
-        if (shouldAutoRotate) camera.enableAutoRotationBehavior(this.configuration.camera.autoRotation.idleTimeMs);
-        else camera.disableAutoRotationBehavior();
-    }
-    getCurrentConfiguration() {
-        return this.configuration.options;
-    }
-    async renderSceneScreenshot(resolution, camAnim) {
-        const productCamera = this.scene.activeCamera;
-        if (!productCamera) throw new Error("Missing product camera, cannot render screenshot!");
-         // To ensure in progress animations to cause trouble we reset the cameras anims.
-        (0, $163294662caa594a$export$307c7dce7e89b5b5)(productCamera); // stores initial values of both lon and lat of the camera
-        const initialAlpha = productCamera.alpha;
-        const initialBeta = productCamera.beta;
-        const initialRadius = productCamera.radius;
-        const latRad = camAnim.latDeg * Math.PI / 180;
-        const lonRad = camAnim.lonDeg * Math.PI / 180;
-        productCamera.alpha = lonRad;
-        productCamera.beta = latRad;
-        productCamera.radius = camAnim.radius || productCamera.radius;
-        const response = await (0, $hgUW1$Tools).CreateScreenshotUsingRenderTargetAsync(this.engine, productCamera, resolution, "image/png", 2, true);
-        productCamera.alpha = initialAlpha;
-        productCamera.beta = initialBeta;
-        productCamera.radius = initialRadius;
-        return response;
-    }
-    orbitEnabled() {
-        const configuration = this.configuration;
-        if (!configuration) return true;
-        const lowerA = configuration.camera.limits.min.alpha;
-        const upperA = configuration.camera.limits.max.alpha;
-        const lowerB = configuration.camera.limits.min.beta;
-        const upperB = configuration.camera.limits.max.beta;
-        if (lowerA === undefined || upperA === undefined || lowerB === undefined || upperB === undefined) return true;
-        const alphaBounds = [
-            lowerA,
-            upperA
-        ];
-        const betaBounds = [
-            lowerB,
-            upperB
-        ];
-        const alphaLocked = alphaBounds.every((val)=>val === lowerA);
-        const betaLocked = betaBounds.every((val)=>val === lowerB);
-        return !alphaLocked && !betaLocked;
-    }
-    fireResizeEvent() {
-        if (this.getNumViewports() > 0) this.engine.resize();
-    }
-    onMaterialSelected(cb) {
-        this.scene.meshes.forEach((m)=>{
-            if (m.name === "targetcube_t" || m.name === "backgroundShell") return;
-            if (!m.actionManager) m.actionManager = new (0, $hgUW1$ActionManager)(this.scene);
-            m.actionManager.registerAction(new (0, $hgUW1$ExecuteCodeAction)((0, $hgUW1$ActionManager).OnPickDownTrigger, (e)=>{
-                if (e.meshUnderPointer) {
-                    const material = e.meshUnderPointer.material;
-                    if (material) cb({
-                        id: material.id,
-                        name: material.name
-                    });
-                }
-            }));
-        });
-    }
-    listMaterials() {
-        const materials = this.scene?.materials;
-        if (!materials) return [];
-        return materials.map((material)=>{
-            return {
-                id: material.id,
-                name: material.name
-            };
-        });
-    }
-    setHighlights(materials, color) {
-        // If no material were requested, let's clear the highlight layer entirely.
-        if (materials.length === 0) {
-            this.highlightLayer?.dispose();
-            this.highlightLayer = undefined;
-        } // Instantiate and build mesh list for any new highlight layer.
-        if (!this.highlightLayer) {
-            this.highlightLayer = new (0, $hgUW1$HighlightLayer)("highlights", this.scene, {
-                isStroke: true,
-                blurVerticalSize: 0.85,
-                blurHorizontalSize: 0.85
-            });
-            this.highlightLayer.innerGlow = true;
-            this.highlightLayer.outerGlow = false;
-        } // Clear existing selections.
-        this.highlightLayer.removeAllMeshes();
-        const providedColor = color ? new (0, $hgUW1$Color3)(color[0], color[1], color[2]).toLinearSpace() : undefined; // Highlight all passed meshes, if they're found. Ignore otherwise.
-        materials.forEach((material)=>{
-            const sceneMaterial = this.scene.materials.find((sm)=>sm.name === material.name && sm.id === material.id);
-            if (sceneMaterial) sceneMaterial.getBindedMeshes().forEach((boundMesh)=>this.highlightLayer?.addMesh(boundMesh, providedColor || (0, $hgUW1$Color3).FromHexString("#fcba03")));
-        });
-    }
-    /**
-   * Given a valid canvas element, will remove any existing input controls
-   * and re-attach them to the given canvas. The pan mouse button can be set
-   * to either 0 (left mouse) or 2 (right mouse).
-   */ reattachControls(targetCanvas, panMouseButton = 2) {
-        this.scene.detachControl();
-        this.engine.inputElement = targetCanvas;
-        const camera = this.scene.activeCamera;
-        if (camera) {
-            camera.attachControl(true, false, panMouseButton); // Importing ArcRotateCameraPointersInput breaks the build only in jenkins. casting as any for now.
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            const pointerInputController = camera.inputs.attached.pointers;
-            pointerInputController.multiTouchPanning = false;
-        }
-        this.scene.attachControl(true, true, true);
-    }
-    /**
-   * Computes a load listener event based on current state of scene.
-   */ getLoadListenerEvent() {
-        const values = Array.from(this.loadProgress.values()).filter((v)=>v < 100);
-        const sum = values.reduce((a, b)=>a + b, 0);
-        const avg = sum / values.length || 0;
-        return {
-            loadValue: values.length === 0 ? 100 : avg,
-            sceneInitialized: this.getSceneInitializationProgress() === 100
-        };
-    }
-    /**
-   * Computes the average loading time across all loading events and notifies
-   * listeners of the current load progress.
-   */ notifyLoadHandlers() {
-        this.loadObservable.notifyObservers(this.getLoadListenerEvent());
-    }
-}
-async function $52383f320efd34d4$export$fdb7ab7bd2bafbea(src, scene, progressHandler) {
-    const container = await (0, $a38b99fca407fe64$export$a2966fb0929452fe)(src, scene, progressHandler);
-    container.addAllToScene();
-}
-
-
-
-
-
-export {$0822e2c84c7d8f0f$export$9beaec53ae7234b4 as ProductCameraRig, $0822e2c84c7d8f0f$export$5185910364c29078 as MaterialEffectMode, $52383f320efd34d4$export$bbc4f3921db721d6 as SpiffCommerce3DPreviewService, $52383f320efd34d4$export$fdb7ab7bd2bafbea as createBaseModel, $db6a29689d313881$export$902ee4e8040a4cdb as RenderingConfiguration, $db6a29689d313881$export$fbb2744b8f74e4f2 as REFLECTION_PROBE_RESOLUTION};
+import{ActionManager as e}from"@babylonjs/core/Actions/actionManager";import{ExecuteCodeAction as t}from"@babylonjs/core/Actions/directActions";import{Engine as a}from"@babylonjs/core/Engines/engine";import{NullEngine as i}from"@babylonjs/core/Engines/nullEngine";import{GlowLayer as r}from"@babylonjs/core/Layers/glowLayer";import{HighlightLayer as s}from"@babylonjs/core/Layers/highlightLayer";import{SceneLoader as o}from"@babylonjs/core/Loading/sceneLoader";import{PBRMaterial as n}from"@babylonjs/core/Materials/PBR/pbrMaterial";import{CubeTexture as c}from"@babylonjs/core/Materials/Textures/cubeTexture";import{DynamicTexture as l}from"@babylonjs/core/Materials/Textures/dynamicTexture";import{Color3 as h,Color4 as u}from"@babylonjs/core/Maths/math.color";import{Vector3 as m}from"@babylonjs/core/Maths/math.vector";import{DracoCompression as d}from"@babylonjs/core/Meshes/Compression/dracoCompression";import{Observable as g}from"@babylonjs/core/Misc/observable";import{Tools as p}from"@babylonjs/core/Misc/tools";import{Scene as f}from"@babylonjs/core/scene";import{GLTF2 as b}from"@babylonjs/loaders/glTF";import"@babylonjs/core/Engines/Extensions/engine.views";import"@babylonjs/core/Materials/Textures/Loaders/ddsTextureLoader";import"@babylonjs/core/Materials/Textures/Loaders/envTextureLoader";import"@babylonjs/core/Materials/Textures/Loaders/ktxTextureLoader";import"@babylonjs/core/Misc/screenshotTools";import"@babylonjs/core/Rendering/boundingBoxRenderer";import"@babylonjs/loaders/glTF/2.0/Extensions";import{Texture as v}from"@babylonjs/core/Materials/Textures/texture";import{MirrorTexture as y}from"@babylonjs/core/Materials/Textures/mirrorTexture";import{Color3 as w,Vector3 as x,Plane as M}from"@babylonjs/core/Maths/math";import{ReflectionProbe as T}from"@babylonjs/core/Probes/reflectionProbe";import{Animation as L}from"@babylonjs/core/Animations/animation";import{QuadraticEase as C,EasingFunction as R}from"@babylonjs/core/Animations/easing";import{ArcRotateCamera as A}from"@babylonjs/core/Cameras/arcRotateCamera";import{AssetsManager as P}from"@babylonjs/core/Misc/assetsManager";function O(e,t,a,i){Object.defineProperty(e,t,{get:a,set:i,enumerable:!0,configurable:!0})}var E={};let S;var I;let B;var F;O(E,"ProductCameraRig",(()=>S)),O(E,"MaterialEffectMode",(()=>B)),(I=S||(S={}))[I.Orbit=0]="Orbit",I[I.Pan=1]="Pan",(F=B||(B={})).None="None",F.RemoveWhenSelected="RemoveWhenSelected",F.ApplyWhenSelected="ApplyWhenSelected";var j={};O(j,"SpiffCommerce3DPreviewService",(()=>oe)),O(j,"createBaseModel",(()=>ne));const N=new Map;async function k(e,t,a){return new Promise(((i,r)=>{const s=N.get(e);if(s&&s.scene.uid===t.uid)return i(s);o.LoadAssetContainerAsync(e,void 0,t,a).then((t=>{N.set(e,t),i(t)})).catch(r)}))}function D(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}class _{constructor(e){D(this,"customOptions",void 0),D(this,"getSceneClearColor",(()=>{const e=this.customOptions?.backgroundImage?0:1;if(this.customOptions&&this.customOptions.backgroundImage)return new u(0,0,0,e).toLinearSpace();if(this.customOptions&&this.customOptions.backgroundColor){const t=h.FromHexString(this.customOptions.backgroundColor);return new u(t.r,t.g,t.b,e).toLinearSpace()}return new u(.98,.98,.98,e).toLinearSpace()})),D(this,"highlightColorFromConfig",(()=>this.customOptions&&this.customOptions.highlightColor?this.hexToColor4(this.customOptions.highlightColor):new u(.98,.98,.98,1).toLinearSpace())),D(this,"hexToColor4",((e,t=1)=>{const a=h.FromHexString(e);return new u(a.r,a.g,a.b,t).toLinearSpace()})),this.customOptions=e}get options(){return this.customOptions}get scene(){return{clearColor:this.getSceneClearColor(),transparentBackground:this.customOptions?.backgroundImage,environmentFile:this.customOptions?.environmentFile??"assets/model-viewer/default.env"}}get camera(){return{autoOrientation:this.customOptions?.disableAutomaticOrientation??!0,autoRotation:{enabled:this.customOptions?.autoRotation??!1,idleTimeMs:this.customOptions?.idleTimeBeforeRotation??5e3},limits:{min:{alpha:this.customOptions?.lowerAlphaLimitDeg?this.customOptions?.lowerAlphaLimitDeg*Math.PI/180:void 0,beta:this.customOptions?.lowerBetaLimitDeg?this.customOptions?.lowerBetaLimitDeg*Math.PI/180:void 0,radius:this.customOptions?.minZoomOverride},max:{alpha:this.customOptions?.upperAlphaLimitDeg?this.customOptions?.upperAlphaLimitDeg*Math.PI/180:void 0,beta:this.customOptions?.upperBetaLimitDeg?this.customOptions?.upperBetaLimitDeg*Math.PI/180:void 0,radius:this.customOptions?.maxZoomOverride}}}}get highlights(){return{enabled:this.customOptions?.highlightOnMaterialHover??!1,color:this.highlightColorFromConfig()}}}var z={};O(z,"RenderingConfiguration",(()=>V)),O(z,"REFLECTION_PROBE_RESOLUTION",(()=>U));class V{static getDynamicTextureResolution(){return this.getIsMobile()||!V.offscreenRenderingSupported()?{width:1024,height:1024}:{width:2048,height:2048}}static shouldMipMap(){return!0}static offscreenRenderingSupported(){return!navigator.userAgent.includes("SamsungBrowser")&&(!!window.Worker&&!!window.OffscreenCanvas)}static getMirrorTextureResolution(){return this.getIsMobile()?512:1024}static getIsMobile(){return window.innerWidth<=480}}const U=128;function G(e,t,i){t.forEach((t=>{const r=t.getID(),s=t.getName(),o=V.getDynamicTextureResolution();e.materials.filter((e=>e.name===s)).forEach((n=>{const c=i.get(r);if(c)q(n,c),c.update(false);else{const c=function(e,t,i,r){const s=new l(e,{width:i,height:r},t,V.shouldMipMap(),v.TRILINEAR_SAMPLINGMODE,a.TEXTUREFORMAT_RGBA),o=s.getContext();o&&(o.fillStyle="#f5f5f5",o.fillRect(0,0,i,r),s.update());return s}(s,e,o.width,o.height);i.set(r,c),t.setStaticContext(c.getContext()),q(n,c),c.onLoadObservable.addOnce((()=>{c.update(false)}))}}))}))}function q(e,t){if(e instanceof n){const a=e,i=a.albedoTexture;i?(t.wrapU=i.wrapU,t.wrapV=i.wrapV):(t.wrapU=1,t.wrapV=1),a.albedoTexture=t}else{const a=e,i=a.diffuseTexture;i&&(t.wrapU=i.wrapU,t.wrapV=i.wrapV),a.diffuseTexture=t}}function H(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}class W{constructor(e){H(this,"name",void 0),H(this,"enabled",void 0),H(this,"loader",void 0),this.name="glbPostProcessor",this.enabled=!0,this.loader=e}onReady(){this.applyReflections(this.loader.babylonScene)}loadNodeAsync(e,t,a){return this.loader.loadNodeAsync(e,t,(function(e){t.extras&&Object.keys(t.extras).forEach((a=>{const i=t.extras[a];e.metadata[a]=i})),a(e)}))}loadMaterialPropertiesAsync(e,t,a){return this.enableMaterialExtrasIfRequired(t,a),this.loader.loadMaterialPropertiesAsync(e,t,a)}dispose(){}enableMaterialExtrasIfRequired(e,t){if(e.extras&&t instanceof n){if(e.extras.sheen){const a=t;a.sheen.isEnabled=!0,a.sheen.intensity=e.extras.sheen}if(e.extras.translucency){const a=t;a.subSurface.isTranslucencyEnabled=!0,a.subSurface.translucencyIntensity=e.extras.translucency,e.extras.translucencyR&&e.extras.translucencyG&&e.extras.translucencyB&&(a.subSurface.tintColor=new w(e.extras.translucencyR,e.extras.translucencyG,e.extras.translucencyB))}if(e.extras.useDepthPrePass){const e=t;e.needDepthPrePass=!0,e.forceIrradianceInFragment=!0}if(e.extras.useParallax){const a=t;a.useParallax=!0,a.useParallaxOcclusion=!0,a.parallaxScaleBias=e.extras.useParallax}}}applyReflections(e){function t(e){const t=[];return e.transformNodes.forEach((e=>{e.metadata&&e.metadata.reflective&&t.push(...e.getChildMeshes())})),e.meshes.forEach((e=>{e.metadata&&e.metadata.reflective&&!t.includes(e)&&t.push(e)})),t}e.meshes.forEach((a=>{const i=a.metadata;i&&(i.mirrorTexture&&function(a,i=1){const r=a.material;if(!r)return;const s=new y("mirror",V.getMirrorTextureResolution(),e,!0);s.renderList=t(e);const o=a.getVerticesData("normal");if(!o)throw new Error("Mirror attribute specified on: "+a.name+"But no normals exist to generate a mirror from!");a.computeWorldMatrix(!0);const n=a.getWorldMatrix(),c=x.TransformNormal(new x(o[0],o[1],o[2]),n).normalize(),l=M.FromPositionAndNormal(a.position,c.scale(-1));s.mirrorPlane=l,s.level=i,r.reflectionTexture=s}(a,i.mirrorTexture),i.reflectionProbe&&function(a){const i=a.material,r=new T("probe-"+i.name,U,e);r.attachToMesh(a),r.renderList&&r.renderList.push(...t(e)),i.reflectionTexture=r.cubeTexture}(a))}))}}function K(e,t,a,i){const r=e.animationGroups,s=e=>e.targetedAnimations.map((e=>e.animation.framePerSecond)).reduce(((e,t)=>e+t),0)/e.targetedAnimations.length||0;void 0===i||void 0===a||i!==a?r.forEach((e=>{e.stop();const r=s(e);e.start(t,1,i*r,a*r)})):r.forEach((e=>{e.stop();const a=s(e),r=i*a;e.start(t,1,r,r)}))}function Z(e){e.animationGroups.forEach((e=>{e.stop()}))}function Y(e,t,a){var i,r,s;e.stopAnimation(t),t.animations=[],Math.abs(t.alpha)>2*Math.PI&&(t.alpha=(i=t.alpha,r=0,s=2*Math.PI,i<r?s-(r-i)%(s-r):r+(i-r)%(s-r)));const o=[],n=a.target,c=n?1:0;if(a.target&&o.push(X("cameraTargetLerp","target",(new m).copyFrom(t.target),new m(a.target.x,a.target.y,a.target.z),L.ANIMATIONTYPE_VECTOR3,0)),o.push(X("cameraAlphaLerp","alpha",t.alpha,Q(a.lonDeg),L.ANIMATIONTYPE_FLOAT,c)),o.push(X("cameraBetaLerp","beta",t.beta,Q(a.latDeg),L.ANIMATIONTYPE_FLOAT,c)),void 0!==a.radius){const e=Math.max(.01,a.radius);o.push(X("cameraRadiusLerp","radius",t.radius,e,L.ANIMATIONTYPE_FLOAT,c))}t.animations.push(...o);const l=t.useAutoRotationBehavior;t.disableAutoRotationBehavior(),e.beginAnimation(t,0,n?120:60,!1,1,(()=>{t.animations=[],l&&t.enableAutoRotationBehavior()}))}function Q(e){return e*Math.PI/180}function X(e,t,a,i,r,s=0,o=L.ANIMATIONLOOPMODE_CONSTANT){const n=new C;n.setEasingMode(R.EASINGMODE_EASEINOUT);const c=new L(e,t,60,r,o),l=[];return s>0&&l.push({frame:0,value:a}),l.push({frame:60*s,value:a}),l.push({frame:60*(s+1),value:i}),c.setKeys(l),c.setEasingFunction(n),c}class $ extends A{constructor(e,t,a,i,r,s,o,n){var c,l,h;super(e,t,a,i,r,s,n),c=this,l="lastFocus",h=new m(0,0,0),l in c?Object.defineProperty(c,l,{value:h,enumerable:!0,configurable:!0,writable:!0}):c[l]=h,this.minZ=.01,this.maxZ=1e3*this.radius,this.lowerRadiusLimit=.01*this.radius,this.enableFramingBehavior(),this.upperRadiusLimit=1.5*this.radius,this.wheelPrecision=100/this.radius,this.pinchPrecision=300/this.radius,this.wheelDeltaPercentage=.01,this.pinchDeltaPercentage=.005,this.useNaturalPinchZoom=!0,o.camera.autoOrientation&&(this.alpha+=Math.PI),o&&(o.camera.limits.min.beta&&(this.lowerBetaLimit=o.camera.limits.min.beta),o.camera.limits.max.beta&&(this.upperBetaLimit=o.camera.limits.max.beta),o.camera.limits.min.alpha&&(this.lowerAlphaLimit=o.camera.limits.min.alpha),o.camera.limits.max.alpha&&(this.upperAlphaLimit=o.camera.limits.max.alpha),o.camera.limits.min.radius&&(this.lowerRadiusLimit=o.camera.limits.min.radius),o.camera.limits.max.radius&&(this.upperRadiusLimit=o.camera.limits.max.radius),o.camera.autoRotation.enabled&&this.enableAutoRotationBehavior(o.camera.autoRotation.idleTimeMs))}getFramingBehavior(){return this.getBehaviorByName("Framing")}getAutoRotationBehavior(){const e=this.getBehaviorByName("AutoRotation");return e||void 0}enableFramingBehavior(){this.useFramingBehavior=!0;const e=this.getFramingBehavior();e.attach(this),e.framingTime=0,e.elevationReturnTime=-1,e.zoomStopsAnimation=!1,this.lowerRadiusLimit=null;const t=J(this._scene);return e.zoomOnBoundingInfo(t.min,t.max),this.wheelPrecision=100/this.radius,null===this.lowerRadiusLimit&&(this.lowerRadiusLimit=.1),this.lastFocus.copyFrom(this.target),e}rerunFramingBehavior(e){const t=this.getFramingBehavior();t.framingTime=800;const a=J(this._scene);t.zoomOnBoundingInfo(a.min,a.max,void 0,(()=>{e()})),t.framingTime=0}enableAutoRotationBehavior(e=5e3){this.useAutoRotationBehavior=!0;const t=this.getAutoRotationBehavior();t&&(t.idleRotationWaitTime=e)}disableAutoRotationBehavior(){this.useAutoRotationBehavior=!1}static create(e,t){e.activeCamera&&(e.activeCamera.dispose(),e.activeCamera=null);const a=J(e),i=a.max.subtract(a.min),r=a.min.add(i.scale(.5)),s=new $("ProductCamera",-Math.PI/2,Math.PI/2,1.5*i.length(),r,e,t);return s.panningInertia=0,s.panningOriginTarget.copyFrom(r),s.onAfterCheckInputsObservable.add((()=>{s.panningSensibility=1e3/i.length()})),e.activeCamera=s,s}}function J(e){const t=e.meshes.filter((e=>e.name.toLowerCase().endsWith("_t")||e.name.toLowerCase().includes("_t_")));return e.getWorldExtends((e=>e.isVisible&&e.isEnabled()&&(0===t.length||t.includes(e))))}const ee={albedoTexture:"albedoMapKey",bumpTexture:"normalMapKey",ambientTexture:"ambientMapKey",emissiveTexture:"emissionMapKey",opacityTexture:"alphaMapKey",metallicTexture:"metallicMapKey",refractionTexture:"refractionMapKey"};function te(e,t,a,i){["albedoTexture","bumpTexture","ambientTexture","emissiveTexture","opacityTexture","metallicTexture","refractionTexture"].forEach((r=>{!function(e,t,a,i,r){const s=ee[e];if(!s)throw new Error("Unexpected texture name encountered.");const o=t[s];o?i.addTextureTask(e,o,!1,!1):r&&a[e]&&(a[e]&&a[e].dispose(),a[e]=null,function(e,t){"opacityTexture"===e&&(t.useAlphaFromAlbedoTexture=!0);"metallicTexture"===e&&(t.useRoughnessFromMetallicTextureAlpha=!1,t.useRoughnessFromMetallicTextureGreen=!1,t.useMetallnessFromMetallicTextureBlue=!1);"refractionTexture"===e&&(t.subSurface.isRefractionEnabled=!1,t.subSurface.refractionIntensity=1)}(e,a))}(r,e,t,a,i)})),function(e,t){if(!e.clearCoat)return;e.clearCoat===B.RemoveWhenSelected?(t.clearCoat.isEnabled=!1,t.clearCoat.indexOfRefraction=1.5):e.clearCoat===B.ApplyWhenSelected&&(t.clearCoat.isEnabled=!0,t.clearCoat.indexOfRefraction=e.clearCoatIOR||t.clearCoat.indexOfRefraction)}(e,t)}function ae(e,t,a,i){"opacityTexture"===e&&(t.useAlphaFromAlbedoTexture=!1),"metallicTexture"===e&&(t.useRoughnessFromMetallicTextureAlpha=!1,t.useRoughnessFromMetallicTextureGreen=!0,t.useMetallnessFromMetallicTextureBlue=!0),"refractionTexture"===e&&(t.subSurface.isRefractionEnabled=!0,t.subSurface.refractionIntensity=a.refractionIntensity||1),t[e]=i}function ie(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}class re{constructor(){ie(this,"materialVariantMap",new Map),ie(this,"keysThatRemovedBaseModel",[]),ie(this,"loadedContainerForKey",new Map)}async applyMaterial(e,t,a,i,r){return new Promise((s=>{const o=e.materials.filter((e=>e.name===t)),n=this.materialVariantMap.get(t);if(this.materialVariantMap.set(t,{...n,...a}),0===o.length)return void s(void 0);const c=new P(e);c.useDefaultLoadingScreen=!1,o.forEach((e=>te(a,e,c,r))),c.onProgress=(e,t,a)=>{i&&i(e/t*100,100,a.name)},c.onFinish=e=>{e.forEach((e=>{const t=e;i&&i(100,100,e.name),o.forEach((i=>ae(e.name,i,a,t.texture)))})),s(void 0)},c.loadAsync()}))}async applyModel(e,t,a,i,r){if(i&&a&&!this.keysThatRemovedBaseModel.includes(t)&&this.keysThatRemovedBaseModel.push(t),!i){const a=this.keysThatRemovedBaseModel.includes(t);return this.loadedContainerForKey.get(t)?.removeAllFromScene(),e&&a&&await ne(e.metadata.baseModel,e),Promise.resolve()}const s=await k(i,e,r);if(this.loadedContainerForKey.has(t)&&this.loadedContainerForKey.get(t)?.removeAllFromScene(),a){(await k(e.metadata.baseModel,e)).removeAllFromScene()}s.addAllToScene(),this.loadedContainerForKey.set(t,s);const o=[];this.materialVariantMap.forEach((async(t,a)=>{o.push(this.applyMaterial(e,a,t))})),await Promise.all(o)}}function se(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}b.GLTFLoader.RegisterExtension("glbPostProcessor",(function(e){return new W(e)})),o.OnPluginActivatedObservable.add((e=>{if("gltf"===e.name){const t=e;t.useRangeRequests=!0,t.transparencyAsCoverage=!0}}));class oe{constructor(e,t){se(this,"engine",void 0),se(this,"scene",void 0),se(this,"configuration",void 0),se(this,"loadProgress",new Map([["initialScene",0]])),se(this,"materialReadyToLoadCallbacks",new Map),se(this,"modelReadyToLoadCallbacks",new Map),se(this,"queuedModelAnimation",void 0),se(this,"queuedCameraAnimation",void 0),se(this,"focusLostNotified",!1),se(this,"loadObservable",new g),se(this,"focusLostObservable",new g),se(this,"dynamicTextures",new Map),se(this,"highlightLayer",void 0),se(this,"variantManager",new re),this.configuration=new _(t);d.Configuration={decoder:{wasmUrl:"https://www.gstatic.com/draco/versioned/decoders/1.5.3/draco_wasm_wrapper_gltf.js",wasmBinaryUrl:"https://www.gstatic.com/draco/versioned/decoders/1.5.3/draco_decoder_gltf.wasm",fallbackUrl:"https://www.gstatic.com/draco/versioned/decoders/1.5.3/draco_decoder_gltf.js"}},e&&(e.getContext("webgl2")||e.getContext("webgl"));const r=console.log;console.log=()=>{};const s=e?new a(e,!0,{premultipliedAlpha:!1,preserveDrawingBuffer:!!t?.backgroundImage,audioEngine:!1,stencil:this.configuration.highlights.enabled,forceSRGBBufferSupportState:!0}):new i;console.log=r,s.hideLoadingUI(),window.addEventListener("resize",this.fireResizeEvent.bind(this)),this.engine=s,this.scene=new f(s)}registerFocusLostListener(e){this.focusLostObservable.add(e)}unregisterFocusLostListener(e){this.focusLostObservable.removeCallback(e)}registerLoadProgressListener(e){this.loadObservable.add(e),e(this.getLoadListenerEvent())}unregisterLoadProgressListener(e){this.loadObservable.removeCallback(e)}registerView(e){const t=e.height,a=e.width;this.engine.registerView(e),e.setAttribute("height",t.toString()),e.setAttribute("width",a.toString()),this.orbitEnabled()||this.setCameraState(S.Pan)}getNumViewports(){return this.engine.views?.length||0}unregisterView(e){this.engine.unRegisterView(e),this.engine.inputElement=null}shutdown(){this.engine&&this.engine.dispose(),window.removeEventListener("resize",this.fireResizeEvent)}getSceneInitializationProgress(){return this.loadProgress.get("initialScene")}async initialize(a,i){if(this.scene.clearColor=this.configuration.scene.clearColor,this.scene.metadata={baseModel:a},this.scene.environmentTexture=c.CreateFromPrefilteredData(this.configuration.scene.environmentFile,this.scene),a){const e=99;await ne(a,this.scene,(t=>{this.loadProgress.set("initialScene",t.loaded*e/t.total),this.notifyLoadHandlers()}))}this.configuration.highlights.enabled&&this.scene.meshes.forEach((a=>{"targetcube_t"!==a.name&&"backgroundShell"!==a.name&&(a.isPickable=!0,a.actionManager||(a.actionManager=new e(this.scene)),a.actionManager.registerAction(new t(e.OnPointerOutTrigger,(()=>{this.setHighlights([])}))),a.actionManager.registerAction(new t(e.OnPointerOverTrigger,(e=>{if(e.meshUnderPointer){const t=e.meshUnderPointer.material;t&&this.setHighlights([t])}}))))}));const s=$.create(this.scene,this.configuration),o=i?.getAll()||new Map;G(this.scene,o,this.dynamicTextures);if(this.scene.materials.some((e=>"emissiveTexture"in e&&null!==e.emissiveTexture))){new r("GlowLayer",this.scene).intensity=.5}Z(this.scene),this.engine.runRenderLoop((()=>{if(!this.engine.views)return;const e=this.engine.views[0],t=this.engine.inputElement;(!t||e&&t&&t.id!==e.target.id)&&this.reattachControls(e.target),o.forEach(((e,t)=>{const a=this.dynamicTextures.get(t);a&&e.getStaticContextDirty()&&a.isReady()&&(a.update(!1),e.setStaticContextDirty(!1))})),this.configuration.scene.transparentBackground&&this.engine.views.forEach((e=>{const t=this.engine.getRenderingCanvas();e.target.getContext("2d").clearRect(0,0,t.width,t.height)})),this.scene.render(),100!==this.getSceneInitializationProgress()&&(this.loadProgress.set("initialScene",100),this.materialReadyToLoadCallbacks.forEach(((e,t)=>{e.forEach(((e,a)=>{this.applyMaterialVariant(t,a,e)}))})),this.materialReadyToLoadCallbacks.clear(),this.modelReadyToLoadCallbacks.forEach((e=>{e(this.scene)})),this.modelReadyToLoadCallbacks.clear(),this.queuedModelAnimation&&(this.executeModelAnimation(this.queuedModelAnimation),this.queuedModelAnimation=void 0),this.queuedCameraAnimation&&(this.executeCameraAnimation(this.queuedCameraAnimation),this.queuedCameraAnimation=void 0),this.notifyLoadHandlers()),s.target.equalsWithEpsilon(s.lastFocus,.1)||this.focusLostNotified||(this.focusLostObservable.notifyObservers(void 0),this.focusLostNotified=!0)}))}executeModelAnimation(e){100===this.getSceneInitializationProgress()?K(this.scene,e.loop,e.to,e.from):this.queuedModelAnimation=e}executeCameraAnimation(e){100===this.getSceneInitializationProgress()&&this.scene.activeCamera?Y(this.scene,this.scene.activeCamera,e):this.queuedCameraAnimation=e}getCameraPose(){if(this.scene){const e=this.scene.activeCamera;if(e)return{lonDeg:Math.round(180*e.alpha/Math.PI),latDeg:Math.round(180*e.beta/Math.PI),radius:Math.round(1e4*(e.radius+Number.EPSILON))/1e4,target:{x:e.target.x,y:e.target.y,z:e.target.z}}}}setCameraPose(e){if(this.scene){const t=this.scene.activeCamera;t&&(t.target=new m(e.target.x,e.target.y,e.target.z),t.radius=e.radius,t.alpha=e.latDeg,t.beta=e.lonDeg)}}async applyMaterialVariant(e,t,a,i){if(100===this.getSceneInitializationProgress())await this.variantManager.applyMaterial(this.scene,e,a,((e,t,a)=>{this.loadProgress.set(`key_${a}`,e/t*100),this.notifyLoadHandlers()}),i);else if(this.materialReadyToLoadCallbacks.has(e)){this.materialReadyToLoadCallbacks.get(e)?.set(t,a)}else{this.materialReadyToLoadCallbacks.set(e,new Map);this.materialReadyToLoadCallbacks.get(e)?.set(t,a)}}async applyModelVariant(e,t,a){100===this.getSceneInitializationProgress()?(await this.variantManager.applyModel(this.scene,e,a||!1,t.model,(t=>{this.loadProgress.set(e,100*t.loaded/t.total),this.notifyLoadHandlers()})),this.scene.materials.forEach((e=>{if(e&&0===e.getBindedMeshes().length){const t=e instanceof n&&!(e.albedoTexture instanceof l);e.dispose(!1,t)}})),G(this.scene,t.contextService.getAll(),this.dynamicTextures),Z(this.scene)):this.modelReadyToLoadCallbacks.set(e,(()=>{this.applyModelVariant(e,t,a)}))}setCameraState(e){if(!this.engine?.views||!this.engine?.views[0])throw new Error("No views attached, camera state requires a view to attach controls onto.");e===S.Orbit?this.reattachControls(this.engine.views[0].target,2):this.reattachControls(this.engine.views[0].target,0)}animateToLastCameraFocus(){return new Promise((e=>{const t=this.scene.activeCamera,a=this.configuration;t.rerunFramingBehavior((()=>{this.focusLostNotified=!1,a.camera.limits.min.radius&&(t.lowerRadiusLimit=a.camera.limits.min.radius),a.camera.limits.max.radius&&(t.upperRadiusLimit=a.camera.limits.max.radius),e()}))}))}setAutoRotation(e){const t=this.scene.activeCamera;this.configuration.camera.autoRotation.enabled&&t&&(e?t.enableAutoRotationBehavior(this.configuration.camera.autoRotation.idleTimeMs):t.disableAutoRotationBehavior())}getCurrentConfiguration(){return this.configuration.options}async renderSceneScreenshot(e,t){const a=this.scene.activeCamera;if(!a)throw new Error("Missing product camera, cannot render screenshot!");var i;(i=a).getScene().stopAnimation(i),i.animations=[];const r=a.alpha,s=a.beta,o=a.radius,n=t.latDeg*Math.PI/180,c=t.lonDeg*Math.PI/180;a.alpha=c,a.beta=n,a.radius=t.radius||a.radius;const l=await p.CreateScreenshotUsingRenderTargetAsync(this.engine,a,e,"image/png",2,!0);return a.alpha=r,a.beta=s,a.radius=o,l}orbitEnabled(){const e=this.configuration;if(!e)return!0;const t=e.camera.limits.min.alpha,a=e.camera.limits.max.alpha,i=e.camera.limits.min.beta,r=e.camera.limits.max.beta;if(void 0===t||void 0===a||void 0===i||void 0===r)return!0;const s=[i,r],o=[t,a].every((e=>e===t)),n=s.every((e=>e===i));return!o&&!n}fireResizeEvent(){this.getNumViewports()>0&&this.engine.resize()}onMaterialSelected(a){this.scene.meshes.forEach((i=>{"targetcube_t"!==i.name&&"backgroundShell"!==i.name&&(i.actionManager||(i.actionManager=new e(this.scene)),i.actionManager.registerAction(new t(e.OnPickDownTrigger,(e=>{if(e.meshUnderPointer){const t=e.meshUnderPointer.material;t&&a({id:t.id,name:t.name})}}))))}))}listMaterials(){const e=this.scene?.materials;return e?e.map((e=>({id:e.id,name:e.name}))):[]}setHighlights(e,t){0===e.length&&(this.highlightLayer?.dispose(),this.highlightLayer=void 0),this.highlightLayer||(this.highlightLayer=new s("highlights",this.scene,{isStroke:!0,blurVerticalSize:.85,blurHorizontalSize:.85}),this.highlightLayer.innerGlow=!0,this.highlightLayer.outerGlow=!1),this.highlightLayer.removeAllMeshes();const a=t?new h(t[0],t[1],t[2]).toLinearSpace():void 0;e.forEach((e=>{const t=this.scene.materials.find((t=>t.name===e.name&&t.id===e.id));t&&t.getBindedMeshes().forEach((e=>this.highlightLayer?.addMesh(e,a||h.FromHexString("#fcba03"))))}))}reattachControls(e,t=2){this.scene.detachControl(),this.engine.inputElement=e;const a=this.scene.activeCamera;if(a){a.attachControl(!0,!1,t);a.inputs.attached.pointers.multiTouchPanning=!1}this.scene.attachControl(!0,!0,!0)}getLoadListenerEvent(){const e=Array.from(this.loadProgress.values()).filter((e=>e<100)),t=e.reduce(((e,t)=>e+t),0)/e.length||0;return{loadValue:0===e.length?100:t,sceneInitialized:100===this.getSceneInitializationProgress()}}notifyLoadHandlers(){this.loadObservable.notifyObservers(this.getLoadListenerEvent())}}async function ne(e,t,a){(await k(e,t,a)).addAllToScene()}export{S as ProductCameraRig,B as MaterialEffectMode,oe as SpiffCommerce3DPreviewService,ne as createBaseModel,V as RenderingConfiguration,U as REFLECTION_PROBE_RESOLUTION};
 //# sourceMappingURL=module.js.map