@spiffcommerce/preview 5.11.5 → 5.11.6-1

package/dist/index.esm.js

@@ -4,9 +4,9 @@ import { NullEngine as Ce } from "@babylonjs/core/Engines/nullEngine";
 import { SceneLoader as k } from "@babylonjs/core/Loading/sceneLoader";
 import { CubeTexture as se } from "@babylonjs/core/Materials/Textures/cubeTexture";
 import { Color4 as v, Color3 as C } from "@babylonjs/core/Maths/math.color";
-import { Vector3 as g, Quaternion as x, Vector2 as re, Matrix as ae } from "@babylonjs/core/Maths/math.vector";
+import { Vector3 as g, Quaternion as y, Vector2 as re, Matrix as ae } from "@babylonjs/core/Maths/math.vector";
 import { DracoCompression as Ae } from "@babylonjs/core/Meshes/Compression/dracoCompression";
-import { Observable as M } from "@babylonjs/core/Misc/observable";
+import { Observable as x } from "@babylonjs/core/Misc/observable";
 import { Tools as Me } from "@babylonjs/core/Misc/tools";
 import { Scene as xe } from "@babylonjs/core/scene";
 import { GLTF2 as ye } from "@babylonjs/loaders/glTF";
@@ -40,33 +40,33 @@ import "@babylonjs/core/Animations/animatable";
 import "@babylonjs/core/Misc/screenshotTools";
 import "@babylonjs/core/Rendering/boundingBoxRenderer";
 import "@babylonjs/loaders/glTF/2.0/Extensions";
-var D = /* @__PURE__ */ ((n) => (n[n.Orbit = 0] = "Orbit", n[n.Pan = 1] = "Pan", n))(D || {}), q = /* @__PURE__ */ ((n) => (n.None = "None", n.RemoveWhenSelected = "RemoveWhenSelected", n.ApplyWhenSelected = "ApplyWhenSelected", n))(q || {});
+var D = /* @__PURE__ */ ((s) => (s[s.Orbit = 0] = "Orbit", s[s.Pan = 1] = "Pan", s))(D || {}), q = /* @__PURE__ */ ((s) => (s.None = "None", s.RemoveWhenSelected = "RemoveWhenSelected", s.ApplyWhenSelected = "ApplyWhenSelected", s))(q || {});
 function ze() {
-  const n = navigator.vendor.toLowerCase().includes("apple"), e = navigator.maxTouchPoints > 0, t = !navigator.userAgent.toLowerCase().includes("crios");
-  return n && e && t;
+  const s = navigator.vendor.toLowerCase().includes("apple"), e = navigator.maxTouchPoints > 0, t = !navigator.userAgent.toLowerCase().includes("crios");
+  return s && e && t;
 }
 const ce = /* @__PURE__ */ new Map();
-async function z(n, e, t) {
-  const i = await ce.get(n);
+async function z(s, e, t) {
+  const i = await ce.get(s);
   if (i && i.scene.uid === e.uid)
     return i;
   const r = k.LoadAssetContainerAsync(
-    n,
+    s,
     void 0,
     e,
     t
   );
-  return !ze() && ce.set(n, r), r;
+  return !ze() && ce.set(s, r), r;
 }
-k.OnPluginActivatedObservable.add((n) => {
-  n.name === "gltf" && (n.animationStartMode = Pe.NONE);
+k.OnPluginActivatedObservable.add((s) => {
+  s.name === "gltf" && (s.animationStartMode = Pe.NONE);
 });
 class de {
   constructor(e) {
     this.getSceneClearColor = () => {
-      var i, r, s, o;
+      var i, r, n, o;
       const t = (i = this.customOptions) != null && i.transparentBackground || (r = this.customOptions) != null && r.backgroundImage ? 0 : 1;
-      if (this.customOptions && ((s = this.customOptions) != null && s.transparentBackground) || (o = this.customOptions) != null && o.backgroundImage)
+      if (this.customOptions && ((n = this.customOptions) != null && n.transparentBackground) || (o = this.customOptions) != null && o.backgroundImage)
         return new v(0, 0, 0, t).toLinearSpace();
       if (this.customOptions && this.customOptions.backgroundColor) {
         const a = C.FromHexString(
@@ -101,14 +101,14 @@ class de {
    * Configuration related to the scene
    */
   get scene() {
-    var e, t, i, r, s;
+    var e, t, i, r, n;
     return {
       clearColor: this.getSceneClearColor(),
       transparentBackground: ((e = this.customOptions) == null ? void 0 : e.transparentBackground) || ((t = this.customOptions) == null ? void 0 : t.backgroundImage),
       environment: {
         file: (i = this.customOptions) == null ? void 0 : i.environmentFile,
         intensity: ((r = this.customOptions) == null ? void 0 : r.environmentIntensity) ?? 1,
-        rotationY: (((s = this.customOptions) == null ? void 0 : s.environmentRotationY) ?? 0) * (Math.PI / 180)
+        rotationY: (((n = this.customOptions) == null ? void 0 : n.environmentRotationY) ?? 0) * (Math.PI / 180)
         // Convert to radians
       }
     };
@@ -117,7 +117,7 @@ class de {
    * Configuration related to the camera used to view and interact with the scene.
    */
   get camera() {
-    var e, t, i, r, s, o, a, l, c, h, d, m, f;
+    var e, t, i, r, n, o, a, l, c, h, d, m, f;
     return {
       autoOrientation: ((e = this.customOptions) == null ? void 0 : e.disableAutomaticOrientation) ?? !0,
       autoRotation: {
@@ -126,7 +126,7 @@ class de {
       },
       limits: {
         min: {
-          alpha: (r = this.customOptions) != null && r.lowerAlphaLimitDeg ? ((s = this.customOptions) == null ? void 0 : s.lowerAlphaLimitDeg) * Math.PI / 180 : void 0,
+          alpha: (r = this.customOptions) != null && r.lowerAlphaLimitDeg ? ((n = this.customOptions) == null ? void 0 : n.lowerAlphaLimitDeg) * Math.PI / 180 : void 0,
           beta: (o = this.customOptions) != null && o.lowerBetaLimitDeg ? ((a = this.customOptions) == null ? void 0 : a.lowerBetaLimitDeg) * Math.PI / 180 : void 0,
           radius: (l = this.customOptions) == null ? void 0 : l.minZoomOverride
         },
@@ -161,12 +161,12 @@ class de {
     return ((e = this.customOptions) == null ? void 0 : e.emissiveGlowIntensity) ?? 0.5;
   }
 }
-class P {
+class M {
   /**
    * Returns the resolution expected for generated textures.
    */
   static getDynamicTextureResolution(e = !1) {
-    return e ? { width: 1, height: 1 } : this.getIsMobile() || !P.offscreenRenderingSupported() ? {
+    return e ? { width: 1, height: 1 } : this.getIsMobile() || !M.offscreenRenderingSupported() ? {
       width: 1024,
       height: 1024
     } : {
@@ -275,9 +275,9 @@ class Ve {
       e,
       t,
       function(r) {
-        t.extras && Object.keys(t.extras).forEach((s) => {
-          const o = t.extras[s];
-          r.metadata[s] = o;
+        t.extras && Object.keys(t.extras).forEach((n) => {
+          const o = t.extras[n];
+          r.metadata[n] = o;
         }), i(r);
       }
     );
@@ -336,51 +336,51 @@ class Ve {
    * @param scene The scene to parse.
    */
   applyReflections(e) {
-    function t(s) {
+    function t(n) {
       const o = [];
-      return s.transformNodes.forEach((a) => {
+      return n.transformNodes.forEach((a) => {
         a.metadata && a.metadata.reflective && o.push(...a.getChildMeshes());
-      }), s.meshes.forEach((a) => {
+      }), n.meshes.forEach((a) => {
         a.metadata && a.metadata.reflective && !o.includes(a) && o.push(a);
       }), o;
     }
-    function i(s, o = 1) {
-      const a = s.material;
+    function i(n, o = 1) {
+      const a = n.material;
       if (!a)
         return;
       const l = new Re(
         "mirror",
-        P.getMirrorTextureResolution(),
+        M.getMirrorTextureResolution(),
         e,
         !0
       );
       l.renderList = t(e);
-      const c = s.getVerticesData("normal");
+      const c = n.getVerticesData("normal");
       if (!c)
         throw new Error(
-          "Mirror attribute specified on: " + s.name + "But no normals exist to generate a mirror from!"
+          "Mirror attribute specified on: " + n.name + "But no normals exist to generate a mirror from!"
         );
-      s.computeWorldMatrix(!0);
-      const h = s.getWorldMatrix(), d = oe.TransformNormal(
+      n.computeWorldMatrix(!0);
+      const h = n.getWorldMatrix(), d = oe.TransformNormal(
         new oe(c[0], c[1], c[2]),
         h
       ).normalize(), m = Te.FromPositionAndNormal(
-        s.position,
+        n.position,
         d.scale(-1)
       );
       l.mirrorPlane = m, l.level = o, a.reflectionTexture = l;
     }
-    function r(s) {
-      const o = s.material, a = new Oe(
+    function r(n) {
+      const o = n.material, a = new Oe(
         "probe-" + o.name,
         Ge,
         e
       );
-      a.cubeTexture.name = "reflection-probe-cube-texture", a.attachToMesh(s), a.renderList && a.renderList.push(...t(e)), o.reflectionTexture = a.cubeTexture;
+      a.cubeTexture.name = "reflection-probe-cube-texture", a.attachToMesh(n), a.renderList && a.renderList.push(...t(e)), o.reflectionTexture = a.cubeTexture;
     }
-    e.meshes.forEach((s) => {
-      const o = s.metadata;
-      o && (o.mirrorTexture && i(s, o.mirrorTexture), o.reflectionProbe && r(s));
+    e.meshes.forEach((n) => {
+      const o = n.metadata;
+      o && (o.mirrorTexture && i(n, o.mirrorTexture), o.reflectionProbe && r(n));
     });
   }
 }
@@ -406,12 +406,12 @@ class _e {
     }
   }
 }
-function He(n, e, t, i, r = "") {
-  t.forEach((s) => {
-    const o = s.getID(), a = s.getName(), l = s.getPanelSize && s.getPanelSize(), c = P.getDynamicTextureResolution(
+function He(s, e, t, i, r = "") {
+  t.forEach((n) => {
+    const o = n.getID(), a = n.getName(), l = n.getPanelSize && n.getPanelSize(), c = M.getDynamicTextureResolution(
       (l == null ? void 0 : l.width) === 1 || (l == null ? void 0 : l.height) === 1
     );
-    n.filter((d) => d.name === r + a).forEach((d) => {
+    s.filter((d) => d.name === r + a).forEach((d) => {
       const m = i.get(o), f = !1;
       if (m)
         ue(d, m), m.update(f);
@@ -422,7 +422,7 @@ function He(n, e, t, i, r = "") {
           c.width,
           c.height
         );
-        i.set(o, p), s.setStaticContext(
+        i.set(o, p), n.setStaticContext(
           p.getContext()
         ), ue(d, p), p.onLoadObservable.addOnce(() => {
           p.update(f);
@@ -431,45 +431,45 @@ function He(n, e, t, i, r = "") {
     });
   });
 }
-function Ue(n, e, t, i) {
+function Ue(s, e, t, i) {
   const r = new Se(
-    n,
+    s,
     { width: t, height: i },
     e,
-    P.shouldMipMap(),
+    M.shouldMipMap(),
     Be.TRILINEAR_SAMPLINGMODE,
     B.TEXTUREFORMAT_RGBA
-  ), s = r.getContext();
-  return s && (s.fillStyle = "#f5f5f5", s.fillRect(0, 0, t, i), r.update()), r;
+  ), n = r.getContext();
+  return n && (n.fillStyle = "#f5f5f5", n.fillRect(0, 0, t, i), r.update()), r;
 }
-function ue(n, e) {
-  if (n instanceof N) {
-    const t = n, i = t.albedoTexture;
+function ue(s, e) {
+  if (s instanceof N) {
+    const t = s, i = t.albedoTexture;
     i ? (e.wrapU = i.wrapU, e.wrapV = i.wrapV) : (e.wrapU = 1, e.wrapV = 1), t.albedoTexture = e;
   } else {
-    const t = n, i = t.diffuseTexture;
+    const t = s, i = t.diffuseTexture;
     i && (e.wrapU = i.wrapU, e.wrapV = i.wrapV), t.diffuseTexture = e;
   }
 }
 function Ke() {
-  const n = () => Math.floor((1 + Math.random()) * 65536).toString(16).substring(1);
-  return n() + n() + "-" + n() + "-" + n() + "-" + n() + "-" + n() + n() + n();
+  const s = () => Math.floor((1 + Math.random()) * 65536).toString(16).substring(1);
+  return s() + s() + "-" + s() + "-" + s() + "-" + s() + "-" + s() + s() + s();
 }
-const y = 60, me = 1;
-function ge(n) {
-  return n.targetedAnimations.map((t) => t.animation.framePerSecond).reduce((t, i) => t + i, 0) / n.targetedAnimations.length || 0;
+const P = 60, me = 1;
+function ge(s) {
+  return s.targetedAnimations.map((t) => t.animation.framePerSecond).reduce((t, i) => t + i, 0) / s.targetedAnimations.length || 0;
 }
-function ve(n, e, t, i, r, s) {
-  const o = r ? n.filter((h) => h.name === r) : n;
+function ve(s, e, t, i, r, n) {
+  const o = r ? s.filter((h) => h.name === r) : s;
   if (o.length === 0) {
     console.warn(`No animations found for name: ${r}`);
     return;
   }
   let a = 0;
   const l = () => {
-    a++, a === o.length && s && s();
+    a++, a === o.length && n && n();
   }, c = (h, d, m, f, p) => {
-    h.stop(), h.start(d, m, f, p), s && (d == !1 || d === void 0 && !h.loopAnimation ? h.onAnimationGroupEndObservable.addOnce(() => {
+    h.stop(), h.start(d, m, f, p), n && (d == !1 || d === void 0 && !h.loopAnimation ? h.onAnimationGroupEndObservable.addOnce(() => {
       l();
     }) : h.onAnimationLoopObservable.addOnce(() => {
       l();
@@ -487,19 +487,19 @@ function ve(n, e, t, i, r, s) {
     c(h, e, me, m, f);
   });
 }
-function We(n) {
-  n.forEach((e) => {
+function We(s) {
+  s.forEach((e) => {
     e.reset(), e.stop();
   });
 }
-function Qe(n) {
-  const e = n.animationGroups;
+function $e(s) {
+  const e = s.animationGroups;
   We(e);
 }
-function Ye(n, e, t) {
+function Qe(s, e, t) {
   return new Promise((i) => {
-    n.stopAnimation(e), e.animations = [], Math.abs(e.alpha) > 2 * Math.PI && (e.alpha = Ze(e.alpha, 0, 2 * Math.PI));
-    const r = [], s = t.target;
+    s.stopAnimation(e), e.animations = [], Math.abs(e.alpha) > 2 * Math.PI && (e.alpha = Ye(e.alpha, 0, 2 * Math.PI));
+    const r = [], n = t.target;
     if (t.target && Object.keys(t.target).length > 0 && r.push(
       T(
         "cameraTargetLerp",
@@ -542,10 +542,10 @@ function Ye(n, e, t) {
     }
     e.animations.push(...r);
     const a = e.useAutoRotationBehavior;
-    e.disableAutoRotationBehavior(), n.beginAnimation(
+    e.disableAutoRotationBehavior(), s.beginAnimation(
       e,
       0,
-      s ? y * 2 : y,
+      n ? P * 2 : P,
       !1,
       1,
       () => {
@@ -554,33 +554,36 @@ function Ye(n, e, t) {
     );
   });
 }
-function pe(n) {
-  return n * Math.PI / 180;
+function pe(s) {
+  return s * Math.PI / 180;
 }
-function T(n, e, t, i, r, s = 0, o = A.ANIMATIONLOOPMODE_CONSTANT) {
+function T(s, e, t, i, r, n = 0, o = A.ANIMATIONLOOPMODE_CONSTANT) {
   const a = new De();
   a.setEasingMode(qe.EASINGMODE_EASEINOUT);
   const l = new A(
-    n,
+    s,
     e,
-    y,
+    P,
     r,
     o
   ), c = [];
-  return s > 0 && c.push({ frame: 0, value: t }), c.push({ frame: y * s, value: t }), c.push({
-    frame: y * (s + 1),
+  return n > 0 && c.push({ frame: 0, value: t }), c.push({ frame: P * n, value: t }), c.push({
+    frame: P * (n + 1),
     value: i
   }), l.setKeys(c), l.setEasingFunction(a), l;
 }
-function Ze(n, e, t) {
-  return n < e ? n = t - (e - n) % (t - e) : n = e + (n - e) % (t - e);
+function Ye(s, e, t) {
+  return s < e ? s = t - (e - s) % (t - e) : s = e + (s - e) % (t - e);
 }
-function $e(n, e, t) {
-  n.forEach((i) => {
+function Ze(s, e, t) {
+  s.forEach((i) => {
     t && i.name !== t || i.goToFrame(e);
   });
 }
-const je = {
+const je = (s, e = 512, t, i) => {
+  const r = s.includes("?") ? "&" : "?", n = [`w=${e}`, `h=${e}`];
+  return i !== void 0 && n.push(`q=${i}`), t && n.push(`format=${t}`), `${s}${r}${n.join("&")}`;
+}, Xe = {
   albedoTexture: "albedoMap",
   bumpTexture: "normalMap",
   ambientTexture: "ambientMap",
@@ -590,7 +593,7 @@ const je = {
   refractionTexture: "refractionMap",
   reflectionTexture: "reflectionMap"
 };
-function Xe(n, e, t, i) {
+function Je(s, e, t, i) {
   [
     "albedoTexture",
     "bumpTexture",
@@ -600,51 +603,64 @@ function Xe(n, e, t, i) {
     "metallicTexture",
     "refractionTexture",
     "reflectionTexture"
-  ].forEach((s) => {
-    Je(
-      s,
+  ].forEach((n) => {
+    et(
       n,
+      s,
       e,
       t,
       i
     );
-  }), it(n, e);
+  }), nt(s, e);
 }
-function Je(n, e, t, i, r) {
-  const s = je[n];
-  if (!s)
+function et(s, e, t, i, r) {
+  const n = Xe[s];
+  if (!n)
     throw new Error("Unexpected texture name encountered.");
-  const o = e[s], a = o == null ? void 0 : o.fileLink;
-  a ? n === "reflectionTexture" ? a.endsWith(".env") || a.endsWith(".dds") ? i.addCubeTextureTask(
-    n,
-    a,
-    void 0,
-    !1,
-    void 0,
-    !0
-  ) : a.endsWith(".hdr") ? i.addHDRCubeTextureTask(
-    n,
-    a,
-    128,
-    !1,
-    !0,
-    !1
-  ) : i.addTextureTask(n, a, !1, !1) : i.addTextureTask(n, a, !1, !1) : r && t[n] && (t[n] && t[n].dispose(), t[n] = null, et(n, t));
+  const o = e[n], a = o == null ? void 0 : o.fileLink;
+  if (a)
+    if (s === "reflectionTexture")
+      a.endsWith(".env") || a.endsWith(".dds") ? i.addCubeTextureTask(
+        s,
+        a,
+        void 0,
+        !1,
+        void 0,
+        !0
+      ) : a.endsWith(".hdr") ? i.addHDRCubeTextureTask(
+        s,
+        a,
+        128,
+        !1,
+        !0,
+        !1
+      ) : i.addTextureTask(s, a, !1, !1);
+    else {
+      const l = M.getDynamicTextureResolution(!1);
+      i.addTextureTask(
+        s,
+        je(a, l.width, "webp", 80),
+        !1,
+        !1
+      );
+    }
+  else
+    r && t[s] && (t[s] && t[s].dispose(), t[s] = null, tt(s, t));
 }
-function et(n, e) {
-  n === "opacityTexture" && (e.useAlphaFromAlbedoTexture = !0), n === "metallicTexture" && (e.useRoughnessFromMetallicTextureAlpha = !1, e.useRoughnessFromMetallicTextureGreen = !1, e.useMetallnessFromMetallicTextureBlue = !1), n === "refractionTexture" && (e.subSurface.isRefractionEnabled = !1, e.subSurface.refractionIntensity = 1), n === "reflectionTexture" && (e.environmentIntensity = 1), n === "emissiveTexture" && (e.emissiveIntensity = 0, e.emissiveColor = new C(0, 0, 0), e.reflectionTexture);
+function tt(s, e) {
+  s === "opacityTexture" && (e.useAlphaFromAlbedoTexture = !0), s === "metallicTexture" && (e.useRoughnessFromMetallicTextureAlpha = !1, e.useRoughnessFromMetallicTextureGreen = !1, e.useMetallnessFromMetallicTextureBlue = !1), s === "refractionTexture" && (e.subSurface.isRefractionEnabled = !1, e.subSurface.refractionIntensity = 1), s === "reflectionTexture" && (e.environmentIntensity = 1), s === "emissiveTexture" && (e.emissiveIntensity = 0, e.emissiveColor = new C(0, 0, 0), e.reflectionTexture);
 }
-function tt(n, e, t, i) {
+function it(s, e, t, i) {
   if (!e) {
     console.error("Failed to apply texture to material: material is null.");
     return;
   }
-  n === "opacityTexture" && (e.useAlphaFromAlbedoTexture = !1), n === "metallicTexture" && (e.useRoughnessFromMetallicTextureAlpha = !1, e.useRoughnessFromMetallicTextureGreen = !0, e.useMetallnessFromMetallicTextureBlue = !0), n === "refractionTexture" && (e.subSurface.isRefractionEnabled = !0, e.subSurface.refractionIntensity = t.refractionIntensity || 1), n === "reflectionTexture" && (e.environmentIntensity = t.reflectionIntensity || 1, i.isCube && (i.rotationY = t.reflectionRotation ? t.reflectionRotation * Math.PI / 180 : 0)), e[n] = i, n === "emissiveTexture" && (e.emissiveColor = new C(1, 1, 1), e.emissiveIntensity = 1);
+  s === "opacityTexture" && (e.useAlphaFromAlbedoTexture = !1), s === "metallicTexture" && (e.useRoughnessFromMetallicTextureAlpha = !1, e.useRoughnessFromMetallicTextureGreen = !0, e.useMetallnessFromMetallicTextureBlue = !0), s === "refractionTexture" && (e.subSurface.isRefractionEnabled = !0, e.subSurface.refractionIntensity = t.refractionIntensity || 1), s === "reflectionTexture" && (e.environmentIntensity = t.reflectionIntensity || 1, i.isCube && (i.rotationY = t.reflectionRotation ? t.reflectionRotation * Math.PI / 180 : 0)), e[s] = i, s === "emissiveTexture" && (e.emissiveColor = new C(1, 1, 1), e.emissiveIntensity = 1);
 }
-function it(n, e) {
-  n.clearCoat && (n.clearCoat === q.RemoveWhenSelected ? (e.clearCoat.isEnabled = !1, e.clearCoat.indexOfRefraction = 1.5) : n.clearCoat === q.ApplyWhenSelected && (e.clearCoat.isEnabled = !0, e.clearCoat.indexOfRefraction = n.clearCoatIOR || e.clearCoat.indexOfRefraction));
+function nt(s, e) {
+  s.clearCoat && (s.clearCoat === q.RemoveWhenSelected ? (e.clearCoat.isEnabled = !1, e.clearCoat.indexOfRefraction = 1.5) : s.clearCoat === q.ApplyWhenSelected && (e.clearCoat.isEnabled = !0, e.clearCoat.indexOfRefraction = s.clearCoatIOR || e.clearCoat.indexOfRefraction));
 }
-class nt {
+class st {
   constructor(e, t, i) {
     this.materialVariantMap = /* @__PURE__ */ new Map(), this.keysThatRemovedBaseModel = [], this.loadedContainerForKey = /* @__PURE__ */ new Map(), this.loadedMaterialsForKey = /* @__PURE__ */ new Map(), this.scene = e, this.renameClonedAsset = t, this.setBaseModelEnabled = i;
   }
@@ -658,7 +674,7 @@ class nt {
    * where we want to undo changes are remove effects from display.
    */
   async applyMaterial(e, t, i, r) {
-    return new Promise((s) => {
+    return new Promise((n) => {
       const o = this.materialVariantMap.get(e);
       this.materialVariantMap.set(e, {
         ...o,
@@ -668,12 +684,12 @@ class nt {
         (h) => h.name === a
       );
       if (l.length === 0) {
-        s();
+        n();
         return;
       }
       const c = new ke(this.scene);
       c.useDefaultLoadingScreen = !1, l.forEach(
-        (h) => Xe(
+        (h) => Je(
           t,
           h,
           c,
@@ -687,14 +703,14 @@ class nt {
           i && i(100, 100, d.name), this.scene.materials.filter(
             (p) => p.name === a
           ).forEach((p) => {
-            tt(
+            it(
               d.name,
               p,
               t,
               m.texture
             );
           });
-        }), s();
+        }), n();
       }, c.loadAsync();
     });
   }
@@ -708,7 +724,7 @@ class nt {
    * @param getCurrentFrame A function that returns the current frame of the animation.
    * @param getAnimationIsPlaying A function that returns whether the animation is currently playing.
    */
-  async applyModel(e, t, i, r, s, o, a) {
+  async applyModel(e, t, i, r, n, o, a) {
     var m, f, p;
     if (i && t && !this.keysThatRemovedBaseModel.includes(e) && this.keysThatRemovedBaseModel.push(e), !i)
       return this.keysThatRemovedBaseModel.includes(e) && this.keysThatRemovedBaseModel.length === 1 && await this.setBaseModelEnabled(!0), (m = this.loadedContainerForKey.get(e)) == null || m.dispose(), this.loadedContainerForKey.delete(e), (f = this.loadedMaterialsForKey.get(e)) == null || f.forEach((b) => b.dispose()), this.loadedMaterialsForKey.delete(e), this.keysThatRemovedBaseModel = this.keysThatRemovedBaseModel.filter(
@@ -719,7 +735,7 @@ class nt {
       !0
     );
     this.loadedContainerForKey.has(e) && (this.loadedContainerForKey.get(e).dispose(), this.loadedContainerForKey.delete(e), (p = this.loadedMaterialsForKey.get(e)) == null || p.forEach((b) => b.dispose()), this.loadedMaterialsForKey.delete(e));
-    const h = s && s();
+    const h = n && n();
     if (h) {
       const b = o && o(), w = h.name ? this.renameClonedAsset(h.name) : void 0;
       if (ve(
@@ -730,7 +746,7 @@ class nt {
         w
       ), b != null) {
         const R = a && a() || !0;
-        $e(
+        Ze(
           c.animationGroups,
           b + (R ? 2 : 0),
           w
@@ -763,36 +779,36 @@ class nt {
     }), e;
   }
 }
-function we(n) {
+function we(s) {
   const e = [];
-  return n.rootNodes.forEach((t) => {
+  return s.rootNodes.forEach((t) => {
     t.getChildMeshes().forEach((i) => {
       i.material && !e.includes(i.material) && e.push(i.material), i.subMeshes && i.subMeshes.forEach((r) => {
-        const s = r.getMaterial(!1);
-        s && !e.includes(s) && e.push(s);
+        const n = r.getMaterial(!1);
+        n && !e.includes(n) && e.push(n);
       });
     });
   }), e;
 }
-function fe(n, e = "") {
-  return n.map((t) => ({
+function fe(s, e = "") {
+  return s.map((t) => ({
     name: t.name.substring(e.length),
     loop: t.loopAnimation,
     to: t.to,
     from: t.from
   }));
 }
-class st {
+class rt {
   constructor(e) {
-    this.metadata = /* @__PURE__ */ new Map(), this.materialSelectedObservable = new M(), this.materialDeselectedObservable = new M(), this.materialVariantObservable = new M(), this.modelVariantObservable = new M(), this.materialReadyToLoadCallbacks = /* @__PURE__ */ new Map(), this.dynamicTextures = /* @__PURE__ */ new Map(), this.queuedMaterialChanges = /* @__PURE__ */ new Map(), this.materialChangesInProgress = [], this.queuedModelChanges = /* @__PURE__ */ new Map(), this.modelChangesInProgress = [], this.isExecutingAnimation = !1, this.animations = [], this.initialized = !1, this.materials = [];
+    this.metadata = /* @__PURE__ */ new Map(), this.materialSelectedObservable = new x(), this.materialDeselectedObservable = new x(), this.materialVariantObservable = new x(), this.modelVariantObservable = new x(), this.materialReadyToLoadCallbacks = /* @__PURE__ */ new Map(), this.dynamicTextures = /* @__PURE__ */ new Map(), this.queuedMaterialChanges = /* @__PURE__ */ new Map(), this.materialChangesInProgress = [], this.queuedModelChanges = /* @__PURE__ */ new Map(), this.modelChangesInProgress = [], this.isExecutingAnimation = !1, this.animations = [], this.initialized = !1, this.materials = [];
     const {
       enablePicking: t,
       modelDetails: i,
       previewService: r,
-      progressHandler: s,
+      progressHandler: n,
       scene: o
     } = e;
-    this.enablePicking = t, this.contextService = i.contextService, this.id = Ke(), this.previewService = r, this.scene = o, this.variantManager = new nt(
+    this.enablePicking = t, this.contextService = i.contextService, this.id = Ke(), this.previewService = r, this.scene = o, this.variantManager = new st(
       o,
       this.renameClonedAsset.bind(this),
       this.setBaseModelEnabled.bind(this)
@@ -805,7 +821,7 @@ class st {
       return this.assetContainer = await z(
         i.model,
         o,
-        s
+        n
       ), await this.instantiate(), this;
     };
     this.importPromise = a();
@@ -844,7 +860,7 @@ class st {
       }
       return;
     }
-    const s = async () => {
+    const n = async () => {
       await this.variantManager.applyMaterial(
         e,
         i,
@@ -861,18 +877,18 @@ class st {
     if (this.materialChangesInProgress.includes(e)) {
       if (this.queuedMaterialChanges.has(e)) {
         const o = this.queuedMaterialChanges.get(e);
-        o == null || o.set(t, s);
+        o == null || o.set(t, n);
       } else {
         this.queuedMaterialChanges.set(
           e,
           /* @__PURE__ */ new Map()
         );
         const o = this.queuedMaterialChanges.get(e);
-        o == null || o.set(t, s);
+        o == null || o.set(t, n);
       }
       return;
     }
-    if (this.materialChangesInProgress.push(e), await s(), this.queuedMaterialChanges.has(e)) {
+    if (this.materialChangesInProgress.push(e), await n(), this.queuedMaterialChanges.has(e)) {
       const o = this.queuedMaterialChanges.get(e);
       if (!o)
         throw new Error("Target material is undefined");
@@ -899,7 +915,7 @@ class st {
       this.getLastRequestedAnimation.bind(this),
       this.getCurrentAnimationFrame.bind(this),
       this.getAnimationIsPlaying.bind(this)
-    ), s = async () => {
+    ), n = async () => {
       this.modelChangesInProgress.push(e);
       let a = await r();
       if (this.queuedModelChanges.has(e)) {
@@ -921,7 +937,7 @@ class st {
       this.queuedModelChanges.set(e, a);
       return;
     }
-    const o = await s();
+    const o = await n();
     this.contextService || (this.contextService = t == null ? void 0 : t.contextService), o ? this.configureModelInstance(o) : this.configureGlowLayer();
   }
   dispose() {
@@ -934,7 +950,7 @@ class st {
     let i = () => {
     };
     const r = async () => {
-      this.isExecutingAnimation = !0, await new Promise((s) => {
+      this.isExecutingAnimation = !0, await new Promise((n) => {
         var a;
         const o = [
           ...((a = this.modelInstance) == null ? void 0 : a.animationGroups) || [],
@@ -946,12 +962,12 @@ class st {
           e.to,
           e.from,
           e.name ? this.renameClonedAsset(e.name) : void 0,
-          s
+          n
         );
       }), this.isExecutingAnimation = !1, this.queuedAnimationFunction && this.queuedAnimationFunction(), this.queuedAnimationFunction = void 0, i();
     };
-    return t ? (Qe(this.scene), r()) : this.isExecutingAnimation ? (this.queuedAnimationFunction = r, new Promise((s) => {
-      i = s;
+    return t ? ($e(this.scene), r()) : this.isExecutingAnimation ? (this.queuedAnimationFunction = r, new Promise((n) => {
+      i = n;
     })) : r();
   }
   getAnimations(e) {
@@ -961,7 +977,7 @@ class st {
         this.variantManager.getAnimationGroups(),
         this.renameClonedAsset("")
       ) : []
-    ].map((t, i) => ({ ...t, name: t.name || `UNNAMED_ANIMATION_${i}` })).filter((t, i, r) => r.indexOf(r.find((s) => s.name === t.name)) == i);
+    ].map((t, i) => ({ ...t, name: t.name || `UNNAMED_ANIMATION_${i}` })).filter((t, i, r) => r.indexOf(r.find((n) => n.name === t.name)) == i);
   }
   getId() {
     return this.id;
@@ -1007,7 +1023,7 @@ class st {
   set rotation(e) {
     if (!this.transformRoot)
       throw new Error("ModelContainer disposed prior to setting rotation!");
-    this.transformRoot.rotationQuaternion = x.FromEulerAngles(
+    this.transformRoot.rotationQuaternion = y.FromEulerAngles(
       e.x,
       e.y,
       e.z
@@ -1069,19 +1085,19 @@ class st {
     this.materials.some(e) || this.variantManager.getAllMaterials().some(e) ? this.previewService.getGlowLayerManager().includeMeshes(this.getAllMeshes()) : this.previewService.getGlowLayerManager().removeMeshes(this.getAllMeshes());
   }
   configureModelInstance(e) {
-    var s;
+    var n;
     if (!this.transformRoot)
       throw new Error(
         "Transform disposed! This should never happen unless there is a race condition present!"
       );
     const t = this.transformRoot.position, i = this.transformRoot.rotationQuaternion, r = this.transformRoot.scaling;
-    this.transformRoot.position = g.Zero(), this.transformRoot.rotationQuaternion = x.Identity(), this.transformRoot.scaling = g.One();
+    this.transformRoot.position = g.Zero(), this.transformRoot.rotationQuaternion = y.Identity(), this.transformRoot.scaling = g.One();
     for (const o of e.rootNodes) {
       o.parent = this.transformRoot;
       for (const a of o.getChildMeshes(!1))
         a.alwaysSelectAsActiveMesh = !0;
     }
-    this.transformRoot.position = t, this.transformRoot.rotationQuaternion = i, this.transformRoot.scaling = r, this.canvasPanels = ((s = this.contextService) == null ? void 0 : s.getAll()) || /* @__PURE__ */ new Map(), He(
+    this.transformRoot.position = t, this.transformRoot.rotationQuaternion = i, this.transformRoot.scaling = r, this.canvasPanels = ((n = this.contextService) == null ? void 0 : n.getAll()) || /* @__PURE__ */ new Map(), He(
       this.materials.concat(this.variantManager.getAllMaterials()),
       this.scene,
       this.canvasPanels,
@@ -1188,13 +1204,13 @@ class st {
   //#endregion
 }
 class G extends be {
-  constructor(e, t, i, r, s, o, a, l) {
+  constructor(e, t, i, r, n, o, a, l) {
     super(
       e,
       t,
       i,
       r,
-      s,
+      n,
       o,
       l
     ), this.lastFocus = new g(0, 0, 0), this._isRunningFramingBehavior = !1, this.panDenominator = 1, this.panEnabled = !0, this.minZ = 0.01, this.updateRadiusBounds(this.radius), this.enableFramingBehavior(), this.wheelDeltaPercentage = 0.01, this.pinchDeltaPercentage = 5e-3, this.useNaturalPinchZoom = !0, a.camera.autoOrientation && (this.alpha += Math.PI), a && (a.camera.limits.min.beta && (this.lowerBetaLimit = a.camera.limits.min.beta), a.camera.limits.max.beta && (this.upperBetaLimit = a.camera.limits.max.beta), a.camera.limits.min.alpha && (this.lowerAlphaLimit = a.camera.limits.min.alpha), a.camera.limits.max.alpha && (this.upperAlphaLimit = a.camera.limits.max.alpha), a.camera.limits.min.radius && (this.lowerRadiusLimit = a.camera.limits.min.radius), a.camera.limits.max.radius && (this.upperRadiusLimit = a.camera.limits.max.radius), a.camera.autoRotation.enabled && this.enableAutoRotationBehavior(
@@ -1252,10 +1268,10 @@ class G extends be {
     i.framingTime = t || 800;
     const r = () => {
       this.isRunningFramingBehavior = !1;
-    }, s = I(this._scene), o = s.max.subtract(s.min), a = s.min.add(o.scale(0.5));
+    }, n = I(this._scene), o = n.max.subtract(n.min), a = n.min.add(o.scale(0.5));
     this.updateRadiusBounds(o.length() * 1.5), this.wheelPrecision = 100 / this.radius, this.panningInertia = 0, this.panningOriginTarget.copyFrom(a), this.panDenominator = o.length(), this.lastFocus.copyFrom(a), i.zoomOnBoundingInfo(
-      s.min,
-      s.max,
+      n.min,
+      n.max,
       void 0,
       r
     ), i.framingTime = 0;
@@ -1289,32 +1305,32 @@ class G extends be {
    */
   static create(e, t, i) {
     var l;
-    const r = I(e), s = r.max.subtract(r.min), o = r.min.add(s.scale(0.5)), a = new G(
+    const r = I(e), n = r.max.subtract(r.min), o = r.min.add(n.scale(0.5)), a = new G(
       "ProductCamera",
       -(Math.PI / 2),
       Math.PI / 2,
-      s.length() * 1.5,
+      n.length() * 1.5,
       o,
       e,
       t
     );
     return a.setPanEnabled(
       ((l = t.options) == null ? void 0 : l.noPan) !== void 0 ? !t.options.noPan : !0
-    ), a.panningInertia = 0, a.panningOriginTarget.copyFrom(o), a.panDenominator = s.length(), a.onAfterCheckInputsObservable.addOnce(() => {
+    ), a.panningInertia = 0, a.panningOriginTarget.copyFrom(o), a.panDenominator = n.length(), a.onAfterCheckInputsObservable.addOnce(() => {
       a.setPanEnabled(a.panEnabled);
     }), i && (e.activeCamera = a), a;
   }
 }
-function I(n) {
-  if (n.meshes.length === 0)
+function I(s) {
+  if (s.meshes.length === 0)
     return {
       min: new g(-1, -1, -1),
       max: new g(1, 1, 1)
     };
-  const e = n.meshes.filter((t) => t.name.toLowerCase().endsWith("_t") || t.name.toLowerCase().includes("_t_"));
-  return n.getWorldExtends((t) => t.isVisible && t.isEnabled() && (e.length === 0 || e.includes(t)));
+  const e = s.meshes.filter((t) => t.name.toLowerCase().endsWith("_t") || t.name.toLowerCase().includes("_t_"));
+  return s.getWorldExtends((t) => t.isVisible && t.isEnabled() && (e.length === 0 || e.includes(t)));
 }
-class rt {
+class at {
   constructor(e, t = !1, i = void 0) {
     this.renderingPipeline = new Ne(
       "default",
@@ -1332,9 +1348,9 @@ class rt {
     return this.currentConfiguration;
   }
   setConfiguration(e) {
-    var t, i, r, s, o, a, l, c, h, d, m, f, p, b, w, R, V, _, H, U, K, W, Q, Y, Z, $, j, X, J, ee, te, ie, ne;
+    var t, i, r, n, o, a, l, c, h, d, m, f, p, b, w, R, V, _, H, U, K, W, $, Q, Y, Z, j, X, J, ee, te, ie, ne;
     if (this.renderingPipeline.isSupported) {
-      if (this.renderingPipeline.samples = ((t = e.antiAliasing) == null ? void 0 : t.samples) ?? u.antiAliasing.samples, this.renderingPipeline.fxaaEnabled = ((i = e.antiAliasing) == null ? void 0 : i.fxaaEnabled) ?? u.antiAliasing.fxaaEnabled, this.renderingPipeline.bloomEnabled = ((r = e.bloom) == null ? void 0 : r.enabled) ?? u.bloom.enabled, this.renderingPipeline.bloomKernel = ((s = e.bloom) == null ? void 0 : s.kernel) ?? u.bloom.kernel, this.renderingPipeline.bloomScale = ((o = e.bloom) == null ? void 0 : o.scale) ?? u.bloom.scale, this.renderingPipeline.bloomThreshold = ((a = e.bloom) == null ? void 0 : a.threshold) ?? u.bloom.threshold, this.renderingPipeline.bloomWeight = ((l = e.bloom) == null ? void 0 : l.weight) ?? u.bloom.weight, this.renderingPipeline.chromaticAberrationEnabled = ((c = e.chromaticAberration) == null ? void 0 : c.enabled) ?? u.chromaticAberration.enabled, this.renderingPipeline.chromaticAberration.aberrationAmount = ((h = e.chromaticAberration) == null ? void 0 : h.aberrationAmount) ?? u.chromaticAberration.aberrationAmount, this.renderingPipeline.chromaticAberration.radialIntensity = ((d = e.chromaticAberration) == null ? void 0 : d.radialIntensity) ?? u.chromaticAberration.radialIntensity, this.renderingPipeline.chromaticAberration.direction = (m = e.chromaticAberration) != null && m.direction ? new re(
+      if (this.renderingPipeline.samples = ((t = e.antiAliasing) == null ? void 0 : t.samples) ?? u.antiAliasing.samples, this.renderingPipeline.fxaaEnabled = ((i = e.antiAliasing) == null ? void 0 : i.fxaaEnabled) ?? u.antiAliasing.fxaaEnabled, this.renderingPipeline.bloomEnabled = ((r = e.bloom) == null ? void 0 : r.enabled) ?? u.bloom.enabled, this.renderingPipeline.bloomKernel = ((n = e.bloom) == null ? void 0 : n.kernel) ?? u.bloom.kernel, this.renderingPipeline.bloomScale = ((o = e.bloom) == null ? void 0 : o.scale) ?? u.bloom.scale, this.renderingPipeline.bloomThreshold = ((a = e.bloom) == null ? void 0 : a.threshold) ?? u.bloom.threshold, this.renderingPipeline.bloomWeight = ((l = e.bloom) == null ? void 0 : l.weight) ?? u.bloom.weight, this.renderingPipeline.chromaticAberrationEnabled = ((c = e.chromaticAberration) == null ? void 0 : c.enabled) ?? u.chromaticAberration.enabled, this.renderingPipeline.chromaticAberration.aberrationAmount = ((h = e.chromaticAberration) == null ? void 0 : h.aberrationAmount) ?? u.chromaticAberration.aberrationAmount, this.renderingPipeline.chromaticAberration.radialIntensity = ((d = e.chromaticAberration) == null ? void 0 : d.radialIntensity) ?? u.chromaticAberration.radialIntensity, this.renderingPipeline.chromaticAberration.direction = (m = e.chromaticAberration) != null && m.direction ? new re(
         e.chromaticAberration.direction.x,
         e.chromaticAberration.direction.y
       ) : new re(
@@ -1352,7 +1368,7 @@ class rt {
             this.renderingPipeline.depthOfFieldBlurLevel = L.High;
             break;
         }
-      if (this.renderingPipeline.depthOfField.focalLength = ((b = e.depthOfField) == null ? void 0 : b.focalLength) ?? u.depthOfField.focalLength, this.renderingPipeline.depthOfField.fStop = ((w = e.depthOfField) == null ? void 0 : w.fStop) ?? u.depthOfField.fStop, this.renderingPipeline.depthOfField.focusDistance = ((R = e.depthOfField) == null ? void 0 : R.focusDistance) ?? u.depthOfField.focusDistance, this.renderingPipeline.depthOfField.lensSize = ((V = e.depthOfField) == null ? void 0 : V.lensSize) ?? u.depthOfField.lensSize, this.renderingPipeline.grainEnabled = ((_ = e.grain) == null ? void 0 : _.enabled) ?? u.grain.enabled, this.renderingPipeline.grain.animated = ((H = e.grain) == null ? void 0 : H.animated) ?? u.grain.animated, this.renderingPipeline.grain.intensity = ((U = e.grain) == null ? void 0 : U.intensity) ?? u.grain.intensity, this.renderingPipeline.imageProcessing.contrast = ((K = e.misc) == null ? void 0 : K.contrast) ?? u.misc.contrast, this.renderingPipeline.imageProcessing.exposure = ((W = e.misc) == null ? void 0 : W.exposure) ?? u.misc.exposure, this.renderingPipeline.imageProcessing.toneMappingEnabled = ((Q = e.misc) == null ? void 0 : Q.toneMappingEnabled) ?? u.misc.toneMappingEnabled, this.renderingPipeline.imageProcessing.toneMappingEnabled)
+      if (this.renderingPipeline.depthOfField.focalLength = ((b = e.depthOfField) == null ? void 0 : b.focalLength) ?? u.depthOfField.focalLength, this.renderingPipeline.depthOfField.fStop = ((w = e.depthOfField) == null ? void 0 : w.fStop) ?? u.depthOfField.fStop, this.renderingPipeline.depthOfField.focusDistance = ((R = e.depthOfField) == null ? void 0 : R.focusDistance) ?? u.depthOfField.focusDistance, this.renderingPipeline.depthOfField.lensSize = ((V = e.depthOfField) == null ? void 0 : V.lensSize) ?? u.depthOfField.lensSize, this.renderingPipeline.grainEnabled = ((_ = e.grain) == null ? void 0 : _.enabled) ?? u.grain.enabled, this.renderingPipeline.grain.animated = ((H = e.grain) == null ? void 0 : H.animated) ?? u.grain.animated, this.renderingPipeline.grain.intensity = ((U = e.grain) == null ? void 0 : U.intensity) ?? u.grain.intensity, this.renderingPipeline.imageProcessing.contrast = ((K = e.misc) == null ? void 0 : K.contrast) ?? u.misc.contrast, this.renderingPipeline.imageProcessing.exposure = ((W = e.misc) == null ? void 0 : W.exposure) ?? u.misc.exposure, this.renderingPipeline.imageProcessing.toneMappingEnabled = (($ = e.misc) == null ? void 0 : $.toneMappingEnabled) ?? u.misc.toneMappingEnabled, this.renderingPipeline.imageProcessing.toneMappingEnabled)
         switch (e.misc.toneMappingType ?? u.misc.toneMappingType) {
           case "Standard":
             this.renderingPipeline.imageProcessing.toneMappingType = E.TONEMAPPING_STANDARD;
@@ -1361,7 +1377,7 @@ class rt {
             this.renderingPipeline.imageProcessing.toneMappingType = E.TONEMAPPING_ACES;
             break;
         }
-      if (this.renderingPipeline.sharpenEnabled = ((Y = e.sharpen) == null ? void 0 : Y.enabled) ?? u.sharpen.enabled, this.renderingPipeline.sharpen.colorAmount = ((Z = e.sharpen) == null ? void 0 : Z.colorAmount) ?? u.sharpen.colorAmount, this.renderingPipeline.sharpen.edgeAmount = (($ = e.sharpen) == null ? void 0 : $.edgeAmount) ?? u.sharpen.edgeAmount, this.renderingPipeline.imageProcessing.vignetteEnabled = ((j = e.vignette) == null ? void 0 : j.enabled) ?? u.vignette.enabled, (X = e.vignette) != null && X.center ? (this.renderingPipeline.imageProcessing.vignetteCenterX = e.vignette.center.x, this.renderingPipeline.imageProcessing.vignetteCenterY = e.vignette.center.y) : (this.renderingPipeline.imageProcessing.vignetteCenterX = u.vignette.center.x, this.renderingPipeline.imageProcessing.vignetteCenterY = u.vignette.center.y), e.vignette)
+      if (this.renderingPipeline.sharpenEnabled = ((Q = e.sharpen) == null ? void 0 : Q.enabled) ?? u.sharpen.enabled, this.renderingPipeline.sharpen.colorAmount = ((Y = e.sharpen) == null ? void 0 : Y.colorAmount) ?? u.sharpen.colorAmount, this.renderingPipeline.sharpen.edgeAmount = ((Z = e.sharpen) == null ? void 0 : Z.edgeAmount) ?? u.sharpen.edgeAmount, this.renderingPipeline.imageProcessing.vignetteEnabled = ((j = e.vignette) == null ? void 0 : j.enabled) ?? u.vignette.enabled, (X = e.vignette) != null && X.center ? (this.renderingPipeline.imageProcessing.vignetteCenterX = e.vignette.center.x, this.renderingPipeline.imageProcessing.vignetteCenterY = e.vignette.center.y) : (this.renderingPipeline.imageProcessing.vignetteCenterX = u.vignette.center.x, this.renderingPipeline.imageProcessing.vignetteCenterY = u.vignette.center.y), e.vignette)
         switch (((J = e.vignette) == null ? void 0 : J.blendMode) ?? u.vignette.blendMode) {
           case "Multiply":
             this.renderingPipeline.imageProcessing.vignetteBlendMode = E.VIGNETTEMODE_MULTIPLY;
@@ -1388,25 +1404,25 @@ class rt {
     return t.globalDensity = e.globalDensity ?? t.globalDensity, t.globalExposure = e.globalExposure ?? t.globalExposure, t.globalHue = e.globalHue ?? t.globalHue, t.globalSaturation = e.globalSaturation ?? t.globalSaturation, t.highlightsDensity = e.highlightsDensity ?? t.highlightsDensity, t.highlightsExposure = e.highlightsExposure ?? t.highlightsExposure, t.highlightsHue = e.highlightsHue ?? t.highlightsHue, t.highlightsSaturation = e.highlightsSaturation ?? t.highlightsSaturation, t.midtonesDensity = e.midtonesDensity ?? t.midtonesDensity, t.midtonesExposure = e.midtonesExposure ?? t.midtonesExposure, t.midtonesHue = e.midtonesHue ?? t.midtonesHue, t.midtonesSaturation = e.midtonesSaturation ?? t.midtonesSaturation, t.shadowsDensity = e.shadowsDensity ?? t.shadowsDensity, t.shadowsExposure = e.shadowsExposure ?? t.shadowsExposure, t.shadowsHue = e.shadowsHue ?? t.shadowsHue, t.shadowsSaturation = e.shadowsSaturation ?? t.shadowsSaturation, t;
   }
 }
-ye.GLTFLoader.RegisterExtension("glbPostProcessor", function(n) {
-  return new Ve(n);
+ye.GLTFLoader.RegisterExtension("glbPostProcessor", function(s) {
+  return new Ve(s);
 });
-k.OnPluginActivatedObservable.add((n) => {
-  if (n.name === "gltf") {
-    const e = n;
+k.OnPluginActivatedObservable.add((s) => {
+  if (s.name === "gltf") {
+    const e = s;
     e.transparencyAsCoverage = !0;
   }
 });
-function F(n) {
-  return new g(n.x, n.y, n.z);
+function F(s) {
+  return new g(s.x, s.y, s.z);
 }
-function S(n) {
-  return { x: n.x, y: n.y, z: n.z };
+function S(s) {
+  return { x: s.x, y: s.y, z: s.z };
 }
 class Yt {
   constructor(e) {
     var a;
-    this.focusLostNotified = !1, this.focusLostObservable = new M(), this.modelLoadEventCallbacks = [], this.validHighlightMaterials = [], this.modelContainers = /* @__PURE__ */ new Map(), this.plugins = [], this.initComplete = !1, this.isAnimatingCamera = !1, this.renderLoop = () => {
+    this.focusLostNotified = !1, this.focusLostObservable = new x(), this.modelLoadEventCallbacks = [], this.validHighlightMaterials = [], this.modelContainers = /* @__PURE__ */ new Map(), this.plugins = [], this.initComplete = !1, this.isAnimatingCamera = !1, this.renderLoop = () => {
       if (!this.engine.views)
         return;
       this.modelContainers.forEach((h) => {
@@ -1438,7 +1454,7 @@ class Yt {
         fallbackUrl: `https://www.gstatic.com/draco/versioned/decoders/${r}/draco_decoder_gltf.js`
       }
     }, i && (i.getContext("webgl2") || i.getContext("webgl"));
-    const s = console.log;
+    const n = console.log;
     console.log = () => {
     };
     const o = i ? new B(i, !0, {
@@ -1450,7 +1466,7 @@ class Yt {
       stencil: this.configuration.highlights.enabled,
       forceSRGBBufferSupportState: !0
     }) : new Ce();
-    if (o.enableOfflineSupport = !1, o.doNotHandleContextLost = !0, console.log = s, o.hideLoadingUI(), window.addEventListener("resize", this.fireResizeEvent.bind(this)), this.engine = o, this.scene = new xe(o), this.camera = G.create(this.scene, this.configuration), this.scene.activeCamera = this.camera, this.renderingPipeline = new rt(
+    if (o.enableOfflineSupport = !1, o.doNotHandleContextLost = !0, console.log = n, o.hideLoadingUI(), window.addEventListener("resize", this.fireResizeEvent.bind(this)), this.engine = o, this.scene = new xe(o), this.camera = G.create(this.scene, this.configuration), this.scene.activeCamera = this.camera, this.renderingPipeline = new at(
       this.scene,
       !1,
       this.camera
@@ -1518,7 +1534,7 @@ class Yt {
     let t = () => {
     };
     const i = async () => {
-      this.isAnimatingCamera = !0, await Ye(
+      this.isAnimatingCamera = !0, await Qe(
         this.scene,
         this.scene.activeCamera,
         e
@@ -1563,9 +1579,9 @@ class Yt {
       this.isAnimatingCamera = !0, await new Promise((i) => {
         this.focusLostNotified = !1;
         const r = () => {
-          const s = this.configuration;
+          const n = this.configuration;
           this.camera.rerunFramingBehavior(() => {
-            s.camera.limits.min.radius && (this.camera.lowerRadiusLimit = s.camera.limits.min.radius), s.camera.limits.max.radius && (this.camera.upperRadiusLimit = s.camera.limits.max.radius), i();
+            n.camera.limits.min.radius && (this.camera.lowerRadiusLimit = n.camera.limits.min.radius), n.camera.limits.max.radius && (this.camera.upperRadiusLimit = n.camera.limits.max.radius), i();
           });
         };
         this.scene.onAfterRenderObservable.addOnce(r);
@@ -1597,8 +1613,8 @@ class Yt {
       0,
       g.Zero(),
       this.scene
-    ), r = t.latDeg * Math.PI / 180, s = t.lonDeg * Math.PI / 180;
-    i.target = t.target ? new g(t.target.x, t.target.y, t.target.z) : g.Zero(), i.alpha = s, i.beta = r, i.radius = t.radius || this.camera.radius, i.minZ = 0.01;
+    ), r = t.latDeg * Math.PI / 180, n = t.lonDeg * Math.PI / 180;
+    i.target = t.target ? new g(t.target.x, t.target.y, t.target.z) : g.Zero(), i.alpha = n, i.beta = r, i.radius = t.radius || this.camera.radius, i.minZ = 0.01;
     try {
       return await new Promise((o) => {
         const a = this.scene.onBeforeRenderObservable.add(async () => {
@@ -1623,10 +1639,10 @@ class Yt {
     const e = this.configuration;
     if (!e)
       return !0;
-    const t = e.camera.limits.min.alpha, i = e.camera.limits.max.alpha, r = e.camera.limits.min.beta, s = e.camera.limits.max.beta;
-    if (t === void 0 || i === void 0 || r === void 0 || s === void 0)
+    const t = e.camera.limits.min.alpha, i = e.camera.limits.max.alpha, r = e.camera.limits.min.beta, n = e.camera.limits.max.beta;
+    if (t === void 0 || i === void 0 || r === void 0 || n === void 0)
       return !0;
-    const o = [t, i], a = [r, s], l = o.every((h) => h === t), c = a.every((h) => h === r);
+    const o = [t, i], a = [r, n], l = o.every((h) => h === t), c = a.every((h) => h === r);
     return !l && !c;
   }
   fireResizeEvent() {
@@ -1641,7 +1657,7 @@ class Yt {
       (i) => this.validHighlightMaterials.includes(i.name)
     ).forEach((i) => {
       const r = this.scene.materials.find(
-        (s) => s.id === i.id
+        (n) => n.id === i.id
       );
       r && (r.emissiveColor = new C(
         this.configuration.highlights.color.r,
@@ -1654,14 +1670,14 @@ class Yt {
     this.renderingPipeline && this.renderingPipeline.setConfiguration(e);
   }
   loadModel(e, t) {
-    const { refocusCamera: i = !0, progressHandler: r } = t ?? {}, s = new st({
+    const { refocusCamera: i = !0, progressHandler: r } = t ?? {}, n = new rt({
       enablePicking: this.configuration.highlights.enabled,
       modelDetails: e,
       scene: this.scene,
       previewService: this,
       progressHandler: r
     });
-    return s.getInitializationPromise().then(() => {
+    return n.getInitializationPromise().then(() => {
       if (this.modelContainers.size <= 1 && i) {
         const o = this.queuedCameraAnimation;
         this.forceStopCameraAnimations(), this.camera.rerunFramingBehavior(() => {
@@ -1670,14 +1686,14 @@ class Yt {
           });
         }, 1);
       }
-    }), this.configuration.highlights.enabled && (s.registerMaterialSelectedCallback((o) => {
+    }), this.configuration.highlights.enabled && (n.registerMaterialSelectedCallback((o) => {
       this.setHighlights([o]);
-    }), s.registerMaterialDeselectedCallback(() => {
+    }), n.registerMaterialDeselectedCallback(() => {
       this.setHighlights([]);
-    })), this.modelContainers.set(s.getId(), s), this.triggerModelLoadEvent({
+    })), this.modelContainers.set(n.getId(), n), this.triggerModelLoadEvent({
       eventType: "load",
-      modelContainer: s
-    }), s;
+      modelContainer: n
+    }), n;
   }
   async preloadModel(e) {
     await z(e, this.scene);
@@ -1717,19 +1733,19 @@ class Yt {
   flipTransform(e, t, i) {
     const r = ae.Compose(
       F(i || { x: 1, y: 1, z: 1 }),
-      x.FromEulerVector(
+      y.FromEulerVector(
         F(t || { x: 0, y: 0, z: 0 })
       ),
       F(e || { x: 0, y: 0, z: 0 })
-    ), s = ae.RotationAxis(g.Up(), Math.PI), o = r.multiply(s), a = g.Zero(), l = x.Identity(), c = g.Zero();
-    return o.decompose(c, l, a), l.multiplyInPlace(x.FromEulerAngles(0, Math.PI, 0)), {
+    ), n = ae.RotationAxis(g.Up(), Math.PI), o = r.multiply(n), a = g.Zero(), l = y.Identity(), c = g.Zero();
+    return o.decompose(c, l, a), l.multiplyInPlace(y.FromEulerAngles(0, Math.PI, 0)), {
       position: S(a),
       rotation: S(l.toEulerAngles()),
       scale: S(c)
     };
   }
   updatePreviewOptions(e) {
-    var r, s;
+    var r, n;
     const t = new de(e);
     this.configuration.highlights.enabled !== t.highlights.enabled && this.engine.setStencilBuffer(t.highlights.enabled), this.scene.clearColor = t.scene.clearColor;
     let i = this.scene.environmentTexture;
@@ -1739,7 +1755,7 @@ class Yt {
     ), i.name = "updated-environment-cube", this.scene.environmentTexture = i), i && (i.rotationY = t.scene.environment.rotationY), this.scene.environmentIntensity = t.scene.environment.intensity, (r = t.options) != null && r.renderingPipelineConfiguration ? this.renderingPipeline.setConfiguration(
       t.options.renderingPipelineConfiguration
     ) : (this.scene.imageProcessingConfiguration.exposure = t.lighting.exposure, this.scene.imageProcessingConfiguration.contrast = t.lighting.contrast), this.glowLayerManager.setIntensity(t.emissiveGlowIntensity), this.camera.updateConfiguration(t), this.camera.setPanEnabled(
-      ((s = t.options) == null ? void 0 : s.noPan) !== void 0 ? !t.options.noPan : !0
+      ((n = t.options) == null ? void 0 : n.noPan) !== void 0 ? !t.options.noPan : !0
     ), this.configuration = t;
   }
   setHighlightMaterials(e) {
@@ -1766,7 +1782,7 @@ export {
   q as MaterialEffectMode,
   D as ProductCameraRig,
   Ge as REFLECTION_PROBE_RESOLUTION,
-  P as RenderingConfiguration,
+  M as RenderingConfiguration,
   Yt as SpiffCommerce3DPreviewService,
   u as renderingPipelineDefaults
 };