@configura/babylon-view 1.6.1-alpha.7 → 1.6.2

package/.eslintrc.json

@@ -0,0 +1,18 @@
+{
+	"parser": "@typescript-eslint/parser",
+	"plugins": ["@typescript-eslint"],
+	"extends": [
+		"eslint:recommended",
+		"plugin:@typescript-eslint/recommended",
+		"prettier"
+
+		// TODO: Type-checking rules require a proper tsconfig-file to work,
+		//       pointed at by the parserOption.project setting.
+		//
+		//"plugin:@typescript-eslint/recommended-requiring-type-checking"
+	]
+	//"rules": { "@typescript-eslint/no-floating-promises": "error" }
+	//"parserOptions": {
+	//	"project": "./tsconfig.json"
+	//}
+}

package/dist/animation/animator/EasingFunctions.d.ts

@@ -13,23 +13,23 @@ export declare const EasingFunctions: {
     easeInQuint: EasingFunction;
     easeOutQuint: EasingFunction;
     easeInOutQuint: EasingFunction;
-    sinBounce: (oscillations: number) => (t: number) => number;
-    easeInSine: (t: number) => number;
-    easeOutSine: (t: number) => number;
-    easeInOutSine: (t: number) => number;
-    easeInExpo: (t: number) => number;
-    easeOutExpo: (t: number) => number;
-    easeInOutExpo: (t: number) => number;
-    easeInCirc: (t: number) => number;
-    easeOutCirc: (t: number) => number;
-    easeInOutCirc: (t: number) => number;
-    easeInElastic: (t: number) => number;
-    easeOutElastic: (t: number) => number;
-    easeInOutElastic: (t: number) => number;
-    easeInBack: (s?: number) => (t: number) => number;
-    easeOutBack: (s?: number) => (t: number) => number;
-    easeInOutBack: (s?: number) => (t: number) => number;
-    easeOutBounce: (t: number) => number;
+    sinBounce: (oscillations: number) => EasingFunction;
+    easeInSine: EasingFunction;
+    easeOutSine: EasingFunction;
+    easeInOutSine: EasingFunction;
+    easeInExpo: EasingFunction;
+    easeOutExpo: EasingFunction;
+    easeInOutExpo: EasingFunction;
+    easeInCirc: EasingFunction;
+    easeOutCirc: EasingFunction;
+    easeInOutCirc: EasingFunction;
+    easeInElastic: EasingFunction;
+    easeOutElastic: EasingFunction;
+    easeInOutElastic: EasingFunction;
+    easeInBack: (s?: number) => EasingFunction;
+    easeOutBack: (s?: number) => EasingFunction;
+    easeInOutBack: (s?: number) => EasingFunction;
+    easeOutBounce: EasingFunction;
     makeMirrored: (func: EasingFunction) => EasingFunction;
     invert: (func: EasingFunction) => EasingFunction;
 };

package/dist/animation/animator/EasingFunctions.js

@@ -26,12 +26,12 @@ export const EasingFunctions = {
     // acceleration until halfway, then deceleration
     easeInOutQuint: ((t) => t < 0.5 ? 16 * t * t * t * t * t : 1 + 16 * --t * t * t * t * t),
     sinBounce: (oscillations) => (t) => (1 - Math.cos(t * oscillations * Math.PI * 2)) / 2,
-    easeInSine: (t) => -Math.cos(t * (Math.PI / 2)) + 1,
-    easeOutSine: (t) => Math.sin(t * (Math.PI / 2)),
-    easeInOutSine: (t) => (-1 / 2) * (Math.cos(Math.PI * t) - 1),
-    easeInExpo: (t) => (t === 0 ? 0 : Math.pow(2, 10 * (t - 1))),
-    easeOutExpo: (t) => (t === 1 ? 1 : -Math.pow(2, -10 * t) + 1),
-    easeInOutExpo: (t) => {
+    easeInSine: ((t) => -Math.cos(t * (Math.PI / 2)) + 1),
+    easeOutSine: ((t) => Math.sin(t * (Math.PI / 2))),
+    easeInOutSine: ((t) => (-1 / 2) * (Math.cos(Math.PI * t) - 1)),
+    easeInExpo: ((t) => (t === 0 ? 0 : Math.pow(2, 10 * (t - 1)))),
+    easeOutExpo: ((t) => (t === 1 ? 1 : -Math.pow(2, -10 * t) + 1)),
+    easeInOutExpo: ((t) => {
         if (t === 0)
             return 0;
         if (t === 1)
@@ -39,15 +39,15 @@ export const EasingFunctions = {
         if ((t /= 1 / 2) < 1)
             return (1 / 2) * Math.pow(2, 10 * (t - 1));
         return (1 / 2) * (-Math.pow(2, -10 * --t) + 2);
-    },
-    easeInCirc: (t) => -(Math.sqrt(1 - t * t) - 1),
-    easeOutCirc: (t) => Math.sqrt(1 - (t = t - 1) * t),
-    easeInOutCirc: (t) => {
+    }),
+    easeInCirc: ((t) => -(Math.sqrt(1 - t * t) - 1)),
+    easeOutCirc: ((t) => Math.sqrt(1 - (t = t - 1) * t)),
+    easeInOutCirc: ((t) => {
         if (t / 1 / 2 < 1)
             return (-1 / 2) * (Math.sqrt(1 - t * t) - 1);
         return (1 / 2) * (Math.sqrt(1 - (t -= 2) * t) + 1);
-    },
-    easeInElastic: (t) => {
+    }),
+    easeInElastic: ((t) => {
         let s = 1.70158;
         let p = 0;
         let a = 1;
@@ -65,8 +65,8 @@ export const EasingFunctions = {
             s = (p / (2 * Math.PI)) * Math.asin(1 / a);
         }
         return -(a * Math.pow(2, 10 * (t -= 1)) * Math.sin(((t - s) * (2 * Math.PI)) / p));
-    },
-    easeOutElastic: (t) => {
+    }),
+    easeOutElastic: ((t) => {
         let s = 1.70158;
         let p = 0;
         let a = 1;
@@ -84,8 +84,8 @@ export const EasingFunctions = {
             s = (p / (2 * Math.PI)) * Math.asin(1 / a);
         }
         return a * Math.pow(2, -10 * t) * Math.sin(((t - s) * (2 * Math.PI)) / p) + 1;
-    },
-    easeInOutElastic: (t) => {
+    }),
+    easeInOutElastic: ((t) => {
         let s = 1.70158;
         let p = 0;
         let a = 1;
@@ -105,7 +105,7 @@ export const EasingFunctions = {
         if (t < 1)
             return (-0.5 * (a * Math.pow(2, 10 * (t -= 1)) * Math.sin(((t - s) * (2 * Math.PI)) / p)));
         return a * Math.pow(2, -10 * (t -= 1)) * Math.sin(((t - s) * (2 * Math.PI)) / p) * 0.5 + 1;
-    },
+    }),
     easeInBack: (s = 1.70158) => (t) => t * t * ((s + 1) * t - s),
     easeOutBack: (s = 1.70158) => (t) => (t = t - 1) * t * ((s + 1) * t + s) + 1,
     easeInOutBack: (s = 1.70158) => (t) => {
@@ -113,7 +113,7 @@ export const EasingFunctions = {
             return (1 / 2) * (t * t * (((s *= 1.525) + 1) * t - s));
         return (1 / 2) * ((t -= 2) * t * (((s *= 1.525) + 1) * t + s) + 2);
     },
-    easeOutBounce: (t) => {
+    easeOutBounce: ((t) => {
         if (t < 1 / 2.75) {
             return 7.5625 * t * t;
         }
@@ -126,7 +126,7 @@ export const EasingFunctions = {
         else {
             return 7.5625 * (t -= 2.625 / 2.75) * t + 0.984375;
         }
-    },
+    }),
     makeMirrored: (func) => (t) => {
         const perceivedT = (t < 0.5 ? t : 1 - t) * 2;
         return func(perceivedT);

package/dist/animation/coordinator/Coordinator.d.ts

@@ -9,7 +9,7 @@ export declare type CoordinatorWithMeta = {
     coordinator: Coordinator;
     isNewProduct: boolean;
 };
-export declare type CoordinatorConfig = {};
+export declare type CoordinatorConfig = Record<string, unknown>;
 export declare const defaultConfig: CoordinatorConfig;
 export declare abstract class Coordinator<Config extends CoordinatorConfig = CoordinatorConfig> {
     protected view: SingleProductView;

package/dist/animation/coordinator/Coordinator.js

@@ -36,12 +36,18 @@ export class Coordinator {
         this.productNode = productNode;
     }
     prepareForEnter(_node, _isNewProduct) {
-        return __awaiter(this, void 0, void 0, function* () { });
+        return __awaiter(this, void 0, void 0, function* () {
+            // Do nothing
+        });
     }
     prepareForExit(_node) {
-        return __awaiter(this, void 0, void 0, function* () { });
+        return __awaiter(this, void 0, void 0, function* () {
+            // Do nothing
+        });
     }
     prepareForMaterialChange(_node, _isNewProduct) {
-        return __awaiter(this, void 0, void 0, function* () { });
+        return __awaiter(this, void 0, void 0, function* () {
+            // Do nothing
+        });
     }
 }

package/dist/animation/coordinator/CoordinatorDropAndSpin.js

@@ -45,7 +45,10 @@ export class CoordinatorDropAndSpin extends CoordinatorNodeQueues {
     }
     setProduct(productNode) {
         super.setProduct(productNode);
-        let queue = this.getAnimatorQueue(productNode, true);
+        const queue = this.getAnimatorQueue(productNode, true);
+        if (queue === undefined) {
+            throw new Error("No queue unexpected");
+        }
         const animator = new AnimatorSpin(productNode, {
             translationVector: productNode.boundingBox.center,
             easing: EasingFunctions.easeInOutQuad,
@@ -56,17 +59,19 @@ export class CoordinatorDropAndSpin extends CoordinatorNodeQueues {
         queue.add(animator);
     }
     prepareForEnter(node, _isNewProduct) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const queue = this.getAnimatorQueue(node, true);
-            const adjustToWorldMatrix = node.worldOriginalMatrix.getRotationMatrix().transpose();
-            const animator = new AnimatorPointToPoint(node, {
-                easing: EasingFunctions.easeOutCubic,
-                duration: this._config.enterDuration,
-                startPosition: Vector3.TransformCoordinates(new Vector3(0, this._config.distance, 0), adjustToWorldMatrix),
-            }, "enter");
-            animator.apply0();
-            queue.add(animator);
-        });
+        const queue = this.getAnimatorQueue(node, true);
+        if (queue === undefined) {
+            throw new Error("No queue unexpected");
+        }
+        const adjustToWorldMatrix = node.worldOriginalMatrix.getRotationMatrix().transpose();
+        const animator = new AnimatorPointToPoint(node, {
+            easing: EasingFunctions.easeOutCubic,
+            duration: this._config.enterDuration,
+            startPosition: Vector3.TransformCoordinates(new Vector3(0, this._config.distance, 0), adjustToWorldMatrix),
+        }, "enter");
+        animator.apply0();
+        queue.add(animator);
+        return Promise.resolve();
     }
     prepareForExit(node) {
         return __awaiter(this, void 0, void 0, function* () {

package/dist/animation/coordinator/CoordinatorIdentity.d.ts

@@ -2,7 +2,7 @@ import { Observable } from "@configura/web-utilities";
 import { SingleProductView } from "../../view/SingleProductView.js";
 import { SingleProductViewPhaseEvent } from "../../view/SingleProductViewConfiguration.js";
 import { Coordinator } from "./Coordinator.js";
-export declare class CoordinatorIdentity extends Coordinator<{}> {
+export declare class CoordinatorIdentity extends Coordinator<Record<string, unknown>> {
     protected view: SingleProductView;
     protected phaseObservable: Observable<SingleProductViewPhaseEvent>;
     constructor(view: SingleProductView, phaseObservable: Observable<SingleProductViewPhaseEvent>);

package/dist/animation/coordinator/CoordinatorIdentity.js

@@ -8,5 +8,7 @@ export class CoordinatorIdentity extends Coordinator {
     willTick(_now, _delta) {
         return false;
     }
-    tick(_now, _delta) { }
+    tick(_now, _delta) {
+        // Do nothing
+    }
 }

package/dist/animation/coordinator/CoordinatorNodeQueues.d.ts

@@ -4,7 +4,7 @@ import { SingleProductViewPhaseEvent } from "../../view/SingleProductViewConfigu
 import { AnimatableObject } from "../AnimatableObject.js";
 import { AnimatorQueue } from "../animator/AnimatorQueue.js";
 import { Coordinator, CoordinatorConfig } from "./Coordinator.js";
-export declare type CoordinatorNodeQueuesConfig = CoordinatorConfig & {};
+export declare type CoordinatorNodeQueuesConfig = CoordinatorConfig;
 export declare const defaultConfig: CoordinatorNodeQueuesConfig;
 export declare abstract class CoordinatorNodeQueues<Config extends CoordinatorNodeQueuesConfig> extends Coordinator<Config> {
     protected animationQueues: AnimatorQueue[];
@@ -12,7 +12,7 @@ export declare abstract class CoordinatorNodeQueues<Config extends CoordinatorNo
     protected constructor(view: SingleProductView, phaseObservable: Observable<SingleProductViewPhaseEvent>, config: Config);
     getAnimatorQueue(node: AnimatableObject, orCreate?: boolean): AnimatorQueue | undefined;
     removeAnimatorQueue(queue: AnimatorQueue): void;
-    protected run(): false | undefined;
+    protected run(): void;
     willTick(now: number, delta: number): boolean;
     tick(now: number, delta: number): void;
 }

package/dist/animation/coordinator/CoordinatorNodeQueues.js

@@ -24,7 +24,7 @@ export class CoordinatorNodeQueues extends Coordinator {
     }
     run() {
         if (this.productNode === undefined) {
-            return false;
+            return;
         }
         if (this.isFirstRun) {
             this.isFirstRun = false;

package/dist/animation/coordinator/CoordinatorPulseBounce.js

@@ -1,12 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
 import { AnimatorPointToPoint } from "../animator/AnimatorPointToPoint.js";
 import { EasingFunctions } from "../animator/EasingFunctions.js";
@@ -22,19 +13,23 @@ export class CoordinatorPulseBounce extends CoordinatorPulse {
         super(view, phaseObservable, Object.assign(Object.assign({}, defaultConfig), config));
     }
     _prepare(node, _isNewProduct) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const queue = this.getAnimatorQueue(node, true);
-            const height = this._config.height *
-                (this.productNode === undefined ? 1 : Math.pow(this.productNode.boundingBox.spaceDiagonal, 2));
-            const adjustToWorldMatrix = node.worldOriginalMatrix.getRotationMatrix().transpose();
-            const animator = new AnimatorPointToPoint(node, {
-                easing: EasingFunctions.makeMirrored(EasingFunctions.easeInSine),
-                duration: this._config.duration,
-                delay: this._config.delay,
-                startPosition: Vector3.TransformCoordinates(new Vector3(0, 0, 0), adjustToWorldMatrix),
-                endPosition: Vector3.TransformCoordinates(new Vector3(0, height, 0), adjustToWorldMatrix),
-            });
-            queue.add(animator);
+        const queue = this.getAnimatorQueue(node, true);
+        if (queue === undefined) {
+            throw new Error("No queue unexpected");
+        }
+        const height = this._config.height *
+            (this.productNode === undefined
+                ? 1
+                : Math.pow(this.productNode.boundingBox.spaceDiagonal, 2));
+        const adjustToWorldMatrix = node.worldOriginalMatrix.getRotationMatrix().transpose();
+        const animator = new AnimatorPointToPoint(node, {
+            easing: EasingFunctions.makeMirrored(EasingFunctions.easeInSine),
+            duration: this._config.duration,
+            delay: this._config.delay,
+            startPosition: Vector3.TransformCoordinates(new Vector3(0, 0, 0), adjustToWorldMatrix),
+            endPosition: Vector3.TransformCoordinates(new Vector3(0, height, 0), adjustToWorldMatrix),
         });
+        queue.add(animator);
+        return Promise.resolve();
     }
 }

package/dist/animation/coordinator/CoordinatorPulseHighlight.js

@@ -1,12 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import { AnimatorHighlight, defaultConfig as animatorHighlightDefaultConfig, } from "../animator/AnimatorHighlight.js";
 import { EasingFunctions } from "../animator/EasingFunctions.js";
 import { CoordinatorPulse, defaultConfig as baseDefaultConfig, } from "./CoordinatorPulse.js";
@@ -21,14 +12,18 @@ export class CoordinatorPulseHighlight extends CoordinatorPulse {
         super(view, phaseObservable, Object.assign(Object.assign({}, defaultConfig), config));
     }
     _prepare(node, _isNewProduct) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const queue = this.getAnimatorQueue(node, true);
-            const width = this._config.width *
-                (this.productNode === undefined ? 1 : Math.pow(this.productNode.boundingBox.spaceDiagonal, 2));
-            const config = Object.assign(Object.assign({}, this._config), { width, easing: EasingFunctions.makeMirrored(EasingFunctions.easeInQuart), startPosition: 0 });
-            const animator = new AnimatorHighlight(node, config);
-            animator.apply0();
-            queue.add(animator);
-        });
+        const queue = this.getAnimatorQueue(node, true);
+        if (queue === undefined) {
+            throw new Error("No queue unexpected");
+        }
+        const width = this._config.width *
+            (this.productNode === undefined
+                ? 1
+                : Math.pow(this.productNode.boundingBox.spaceDiagonal, 2));
+        const config = Object.assign(Object.assign({}, this._config), { width, easing: EasingFunctions.makeMirrored(EasingFunctions.easeInQuart), startPosition: 0 });
+        const animator = new AnimatorHighlight(node, config);
+        animator.apply0();
+        queue.add(animator);
+        return Promise.resolve();
     }
 }

package/dist/animation/coordinator/CoordinatorPulseInflate.js

@@ -1,12 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import { AnimatorScale } from "../animator/AnimatorScale.js";
 import { EasingFunctions } from "../animator/EasingFunctions.js";
 import { CoordinatorPulse, defaultConfig as baseDefaultConfig, } from "./CoordinatorPulse.js";
@@ -21,10 +12,12 @@ export class CoordinatorPulseInflate extends CoordinatorPulse {
         super(view, phaseObservable, Object.assign(Object.assign({}, defaultConfig), config));
     }
     _prepare(node, _isNewProduct) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const queue = this.getAnimatorQueue(node, true);
-            const animator = new AnimatorScale(node, Object.assign(Object.assign({}, this._config), { easing: EasingFunctions.sinBounce(1), startPosition: 1, endPosition: this._config.size, translationVector: node.boundingBox.center }));
-            queue.add(animator);
-        });
+        const queue = this.getAnimatorQueue(node, true);
+        if (queue === undefined) {
+            throw new Error("No queue unexpected");
+        }
+        const animator = new AnimatorScale(node, Object.assign(Object.assign({}, this._config), { easing: EasingFunctions.sinBounce(1), startPosition: 1, endPosition: this._config.size, translationVector: node.boundingBox.center }));
+        queue.add(animator);
+        return Promise.resolve();
     }
 }

package/dist/camera/CfgArcRotateCameraPointersInput.js

@@ -1,3 +1,5 @@
+// Disable eslint since this (mostly) isn't our code
+/* eslint-disable */
 import { ArcRotateCameraPointersInput } from "@babylonjs/core/Cameras/Inputs/arcRotateCameraPointersInput.js";
 import "@babylonjs/core/Engines/Extensions/engine.webVR.js"; // isInVRExclusivePointerMode
 import { PointerEventTypes, } from "@babylonjs/core/Events/pointerEvents.js";

package/dist/camera/GradingApplier.d.ts

@@ -1,4 +1,4 @@
 import { Camera } from "@babylonjs/core/Cameras/camera.js";
 export declare type GradingApplier = (camera: Camera) => void;
-export declare const getDefaultGradingApplier: () => (camera: Camera) => void;
+export declare const getDefaultGradingApplier: () => GradingApplier;
 //# sourceMappingURL=GradingApplier.d.ts.map

package/dist/camera/GradingApplier.js

@@ -18,7 +18,7 @@ export const getDefaultGradingApplier = () => (camera) => {
     // PBR we really should be using "hdr" to do things the right way, see this discussion:
     // https://forum.babylonjs.com/t/enabling-hdr-in-defaultpipeline-disables-aa/14656/9
     //
-    var pipeline = new DefaultRenderingPipeline("defaultPipeline", false, scene, [camera]);
+    const pipeline = new DefaultRenderingPipeline("defaultPipeline", false, scene, [camera]);
     // FXAA is not enabled since it causes excessive blur in detailed textures
     // pipeline.fxaaEnabled = true;
     // This affects anti-aliasing, more samples is better but also slower.
@@ -40,7 +40,7 @@ export const getDefaultGradingApplier = () => (camera) => {
     // We add a bit of extra contrast to make the image more appealing. This is highly subjective.
     pipeline.imageProcessing.contrast = 1.2;
     // The ACES color correction is quite desaturating, add back a bit of punch to the colors.
-    var curve = new ColorCurves();
+    const curve = new ColorCurves();
     curve.midtonesSaturation = 5;
     curve.highlightsSaturation = 15;
     pipeline.imageProcessing.colorCurves = curve;

package/dist/geometry/stretch/CfgStretchData.js

@@ -280,7 +280,11 @@ export class CfgStretchData {
     }
     get hash() {
         if (this._hash === undefined) {
-            this._hash = hashCode(`${this.detailLevel}-${this.measureParam}-${this.sp.asArray()}-${this.ep.asArray()}-${this.originalSpToEpLength}-${this.sections.map((section) => `${section.startAlongness}-${section.endAlongness}-${section.move}-${section.sizeChange}`)}`);
+            this._hash = hashCode(`${this.detailLevel}-${this.measureParam}-${this.sp.asArray().join(",")}-${this.ep
+                .asArray()
+                .join(",")}-${this.originalSpToEpLength}-${this.sections
+                .map((section) => `${section.startAlongness}-${section.endAlongness}-${section.move ? "Y" : "N"}-${section.sizeChange}`)
+                .join(",")}`);
         }
         return this._hash;
     }

package/dist/material/texture.js

@@ -227,7 +227,7 @@ function getApplyImageConversionsFunc(logger, renderEnvironment) {
                     // Wrap the pure image load promise with an normal map derive promise
                     gmv.im = renderEnvironment.derivedNormalMapCache.get(
                     // The derivation depends on gm.amount, include it in the key. See WRD-664.
-                    textureUrl.value + "_scale_" + gm.amount, () => __awaiter(this, void 0, void 0, function* () {
+                    `${textureUrl.value}_scale_${gm.amount}`, () => __awaiter(this, void 0, void 0, function* () {
                         let image = yield gmv.im;
                         if (image !== undefined) {
                             image = deriveNormalMapFromHeightMap(image, gm.amount, logger);

package/dist/nodes/CfgDeferredMeshNode.js

@@ -60,7 +60,7 @@ function symComponentToGeometry(logger, renderEnvironment, component, stretchDat
             stretchDatasHash: stretchDatas.reduce((acc, stretchData) => acc + stretchData.hash, 0),
             uvMapperHash: (_a = uvMapper === null || uvMapper === void 0 ? void 0 : uvMapper.env) === null || _a === void 0 ? void 0 : _a.hash,
         };
-        return renderEnvironment.geometryCache.get(identifierObject, () => __awaiter(this, void 0, void 0, function* () {
+        return renderEnvironment.geometryCache.get(identifierObject, () => {
             let mesh = undefined;
             if (component instanceof SymMesh) {
                 mesh = component.mesh(logger, renderEnvironment.symMeshEnv);
@@ -76,10 +76,10 @@ function symComponentToGeometry(logger, renderEnvironment, component, stretchDat
             }
             if (mesh === undefined) {
                 logger.error("SymComponent did not return a mesh", component);
-                return undefined;
+                return Promise.resolve(undefined);
             }
-            return new GeometryCacheEntry(CfgGeometry.fromATriMeshF(logger, "(Geo) " + component.id, mesh, renderEnvironment.scene, stretchDatas, uvMapper), mesh.doubleSided, mesh.lowerLeftTextureOrigin);
-        }));
+            return Promise.resolve(new GeometryCacheEntry(CfgGeometry.fromATriMeshF(logger, "(Geo) " + component.id, mesh, renderEnvironment.scene, stretchDatas, uvMapper), mesh.doubleSided, mesh.lowerLeftTextureOrigin));
+        });
     });
 }
 export class CfgDeferredMeshNode extends CfgTransformNode {
@@ -113,7 +113,7 @@ export class CfgDeferredMeshNode extends CfgTransformNode {
             }
             let doubleSided = false;
             let backToFront = false;
-            let flipTexture = !this._lowerLeftTextureOrigin;
+            const flipTexture = !this._lowerLeftTextureOrigin;
             if (this._meshDoubleSided || this._material.isDoubleSided()) {
                 // Double sided can be set both by the mesh and the material, but only the material
                 // controls it during rendering. Ensure we are using a material that is double sided.
@@ -205,7 +205,7 @@ export class CfgDeferredMeshNode extends CfgTransformNode {
             if (entry === undefined) {
                 return undefined;
             }
-            let geo = entry.geometry;
+            const geo = entry.geometry;
             if (geo === undefined) {
                 return undefined;
             }
@@ -237,7 +237,7 @@ export class CfgDeferredMeshNode extends CfgTransformNode {
             this._materialLoadedPromise = this.loadMaterial();
             if (animatorCoordinator !== undefined && mtrlWithMetaData !== undefined) {
                 const c = animatorCoordinator.coordinator;
-                c.prepareForMaterialChange.bind(c)(this, animatorCoordinator.isNewProduct);
+                yield c.prepareForMaterialChange.bind(c)(this, animatorCoordinator.isNewProduct);
             }
             return this._materialLoadedPromise;
         });
@@ -279,7 +279,8 @@ export class CfgDeferredMeshNode extends CfgTransformNode {
             this._materialMetaData = meta;
             this._materialIsDirty = true;
             if (material && material.isTransparent) {
-                this.startSplitGeo();
+                // Let this not block
+                void this.startSplitGeo();
             }
         });
     }

package/dist/nodes/CfgProductNode.d.ts

@@ -29,7 +29,7 @@ export declare class CfgProductNode extends CfgTransformNode implements Animatab
     private _originalMatrixWithModelTransform;
     private _anchorTarget;
     private _stretchedAnchorPointMatrix;
-    readonly anchorRef: CfgAnchorRef | undefined;
+    anchorRef: CfgAnchorRef | undefined;
     private constructor();
     get cfgClassName(): string;
     destroy(): void;
@@ -40,6 +40,7 @@ export declare class CfgProductNode extends CfgTransformNode implements Animatab
      */
     private scheduleForRemoval;
     isDestroyed(): boolean;
+    private _refreshTransformAndAnchoring;
     /**
      * The passed function is recursively applied on every descendant CfgProductNode in the tree.
      * This node is included. Destroyed products are not included.
@@ -108,7 +109,7 @@ export declare class CfgProductNode extends CfgTransformNode implements Animatab
     setAnchorTarget(anchorTarget: CfgAnchorTargetNode | undefined): void;
     refreshStretch(): void;
     get originalMatrix(): Matrix;
-    protected initTransform(): void;
+    protected refreshTransform(): void;
     _applyDebugSymRoots(symRootPromises: Promise<CfgSymRootNode | undefined>[]): Promise<void>;
     _addDebugMtrlApplication(debugMtrlApplication: CfgMtrlApplication): Promise<void>;
     get boundingBox(): CfgBoundingBox;

package/dist/nodes/CfgProductNode.js

@@ -52,18 +52,15 @@ export class CfgProductNode extends CfgTransformNode {
             return result;
         };
         this.key = _product.key;
+        /* eslint-disable */
         // Useful debug tool:
         if (false) {
             window.product = this;
-            console.log(`Use "window.product" to access "${this.key}" product node.`);
+            window[this.key] = this;
+            console.log(`Use "window.product" or 'window["${this.key}"]' to access "${this.key}" product node.`);
         }
-        this.anchorRef = CfgAnchorRef.make(this._product._internal.anchor);
-        const modelTransform = _product.transform;
-        if (modelTransform !== undefined) {
-            const modelSymTransform = modelTransformToSymTransform(modelTransform);
-            this._modelMatrix = symTransformToMatrix(modelSymTransform.transform());
-        }
-        this.initTransform();
+        /* eslint-enable */
+        this._refreshTransformAndAnchoring();
     }
     static make(renderEnvironment, product) {
         return new this(renderEnvironment, product);
@@ -92,6 +89,16 @@ export class CfgProductNode extends CfgTransformNode {
     isDestroyed() {
         return this._destroyed;
     }
+    _refreshTransformAndAnchoring() {
+        const product = this._product._internal;
+        const modelTransform = product.transform;
+        if (modelTransform !== undefined) {
+            const modelSymTransform = modelTransformToSymTransform(modelTransform);
+            this._modelMatrix = symTransformToMatrix(modelSymTransform.transform());
+        }
+        this.anchorRef = CfgAnchorRef.make(product.anchor);
+        this.refreshTransform();
+    }
     /**
      * This function will apply either of tree passed functions on the additional products/ in the
      * passed CfgProduct and the additional products in the CfgProductNode.
@@ -141,7 +148,13 @@ export class CfgProductNode extends CfgTransformNode {
         return __awaiter(this, void 0, void 0, function* () {
             const product = this._product;
             const rootNodeSources = product._internal.rootNodeSources || [];
-            const updateRootNodeSources = rootNodeSources.slice();
+            // Duplicate filter
+            const updateRootNodeSources = rootNodeSources.reduce((a, c) => {
+                if (a.every((s) => !isSameRootNodeSource(s, c))) {
+                    a.push(c);
+                }
+                return a;
+            }, []);
             const allSymRootLoadings = this._symRootLoadings;
             let i = allSymRootLoadings.length;
             while (i--) {
@@ -184,7 +197,12 @@ export class CfgProductNode extends CfgTransformNode {
                 .filter((symRoot) => {
                 const loadInProgressIndex = allSymRootLoadings.findIndex((symRootLoadInProgress) => symRoot.isSameIdentifierTransformAndAnchor(symRootLoadInProgress.rootNodeSource));
                 if (loadInProgressIndex === -1) {
-                    // This node no longer shall be added
+                    // This node no longer needs to be added...
+                    if (!symRoot.parent) {
+                        // ...and was never added as a child
+                        symRoot.destroy();
+                        symRoot.dispose();
+                    }
                     return false;
                 }
                 // We'll add this, so it moves from "loading" to being a proper child
@@ -223,6 +241,7 @@ export class CfgProductNode extends CfgTransformNode {
                     additionalProductLoadPromises.push(additionalProductNode.loadGeo(coordinatorWithMeta));
                 },
                 both: (_additionalProduct, additionalProductNode) => {
+                    additionalProductNode._refreshTransformAndAnchoring();
                     additionalProductLoadPromises.push(additionalProductNode.loadGeo(coordinatorWithMeta));
                 },
             });
@@ -353,7 +372,8 @@ export class CfgProductNode extends CfgTransformNode {
                 // will not be ready unless it is applied. So we wait after applying.
                 yield p._awaitAllMeshMaterialsReady();
             }))()));
-            this.flushScheduledForRemove(animationCoordinator);
+            // Not blocking on this
+            void this.flushScheduledForRemove(animationCoordinator);
         });
     }
     /**
@@ -380,8 +400,7 @@ export class CfgProductNode extends CfgTransformNode {
         const updated = updatedStretchedAnchorPointMatrix(this.anchorRef, this._anchorTarget, this._stretchedAnchorPointMatrix);
         if (updated !== undefined) {
             this._stretchedAnchorPointMatrix = updated;
-            this._originalMatrixWithModelTransform = undefined; // Reset the matrix
-            this.initTransform();
+            this.refreshTransform();
         }
         // anchoredToAnchors is sorted so that anchors always are before what
         // is anchored to them. That way we know that if we refreshStretch on
@@ -413,7 +432,8 @@ export class CfgProductNode extends CfgTransformNode {
         }
         return this._originalMatrixWithModelTransform;
     }
-    initTransform() {
+    refreshTransform() {
+        this._originalMatrixWithModelTransform = undefined; // Reset the matrix
         this.setPreTransformMatrix(this.originalMatrix);
     }
     _applyDebugSymRoots(symRootPromises) {
@@ -435,7 +455,7 @@ export class CfgProductNode extends CfgTransformNode {
         return __awaiter(this, void 0, void 0, function* () {
             this._debugMtrlApplications.push(debugMtrlApplication);
             yield this._aggregateMaterialsPushToChildrenAndLoad();
-            this.applyMaterials();
+            yield this.applyMaterials();
             this._renderEnvironment.scheduleRerender();
         });
     }
@@ -502,7 +522,7 @@ export class CfgProductNode extends CfgTransformNode {
         const body = document.getElementsByTagName("body")[0];
         body.appendChild(fileUpload);
         fileUpload.addEventListener("change", (event) => {
-            (() => __awaiter(this, void 0, void 0, function* () {
+            void (() => __awaiter(this, void 0, void 0, function* () {
                 const files = fileUpload.files;
                 if (files !== null) {
                     const mtrlApplications = yield Promise.all(Array.from(files)

package/dist/nodes/CfgSymNode.js

@@ -194,7 +194,7 @@ export class CfgSymNode extends CfgTransformNode {
         return __awaiter(this, void 0, void 0, function* () {
             const promises = [];
             if (this._deferredMesh !== undefined) {
-                let mtrlWithMetaData = this.findMaterial(areasToMaterials);
+                const mtrlWithMetaData = this.findMaterial(areasToMaterials);
                 promises.push(this._deferredMesh.setMaterialAndLoad(mtrlWithMetaData, animatorCoordinator));
             }
             for (const symNodeChild of this._symNodeChildren) {

package/dist/nodes/CfgSymRootNode.js

@@ -7,12 +7,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Matrix } from "@babylonjs/core/Maths/math.vector.js";
 import { InspectableType } from "@babylonjs/core/Misc/iInspectable.js";
 import { isModel, } from "@configura/web-api";
 import { SymGfxMode } from "@configura/web-core/dist/cm/format/cmsym/components/SymComponent.js";
 import { loadSymFile, makeSymFromDex, } from "@configura/web-core/dist/cm/format/cmsym/SymNode.js";
 import { DetailLevel } from "@configura/web-core/dist/cm/geometry/DetailMask.js";
+import { Point } from "@configura/web-core/dist/cm/geometry/Point.js";
 import { readFileToArrayBuffer } from "@configura/web-utilities";
 import { CfgStretchData } from "../geometry/stretch/CfgStretchData.js";
 import { CfgAnchorRef, updatedStretchedAnchorPointMatrix, } from "../utilities/anchor/anchor.js";
@@ -44,7 +44,7 @@ function getBestMatchingDetailLevel(logger, symNode, allowedLevels) {
     }
     const detailLevel = detailMask.getBestMatch(allowedLevels);
     if (detailLevel === undefined) {
-        logger.warn("No matching DetailLevel found", `available:${Array.from(detailMask.detailSet().values())}`, `allowed:${allowedLevels}`);
+        logger.warn("No matching DetailLevel found", `available:${Array.from(detailMask.detailSet().values()).join(", ")}`, `allowed:${allowedLevels instanceof Array ? allowedLevels.join(", ") : allowedLevels}`);
         return DetailLevel.undefined;
     }
     return detailLevel || DetailLevel.undefined;
@@ -149,20 +149,29 @@ export class CfgSymRootNode extends CfgSymNode {
         this._originalMatrixWithModelTransform = undefined;
     }
     get originalMatrix() {
+        var _a, _b, _c;
         if (this._originalMatrixWithModelTransform === undefined) {
-            let originalMatrix = super.originalMatrix;
-            let modelMatrix = Matrix.Identity();
+            const matrix = super.originalMatrix.clone();
             const modelTransform = this.modelTransform;
             if (modelTransform !== undefined) {
                 const modelSymTransform = modelTransformToSymTransform(modelTransform);
-                modelMatrix = symTransformToMatrix(modelSymTransform.transform());
+                const modelMatrix = symTransformToMatrix(modelSymTransform.transform());
+                // The pivot point needs to compensate for any translation stored in the CmSym
+                // file. The same type of compensation is done in SymTransform#totalTransform.
+                let pivot = (_b = (_a = this._symNode.symTransform()) === null || _a === void 0 ? void 0 : _a.pivot) !== null && _b !== void 0 ? _b : new Point(0, 0, 0);
+                const pos = (_c = this._symNode.symTransform()) === null || _c === void 0 ? void 0 : _c.pos;
+                if (pos !== undefined) {
+                    pivot = pivot.add(pos);
+                }
+                matrix.addTranslationFromFloats(-pivot.x, -pivot.y, -pivot.z);
+                matrix.multiplyToRef(modelMatrix, matrix);
+                matrix.addTranslationFromFloats(pivot.x, pivot.y, pivot.z);
             }
-            originalMatrix = originalMatrix.multiply(modelMatrix);
             const stretchedAnchorPointMatrix = this._stretchedAnchorPointMatrix;
             if (stretchedAnchorPointMatrix !== undefined) {
-                originalMatrix = originalMatrix.multiply(stretchedAnchorPointMatrix);
+                matrix.multiplyToRef(stretchedAnchorPointMatrix, matrix);
             }
-            this._originalMatrixWithModelTransform = originalMatrix;
+            this._originalMatrixWithModelTransform = matrix;
         }
         return this._originalMatrixWithModelTransform;
     }

package/dist/scene/SceneCreator.js

@@ -5,7 +5,7 @@ import "@babylonjs/core/Misc/dds.js"; // Needed for environment map
 import { Scene } from "@babylonjs/core/scene.js";
 const DEFAULT_ENV_URL = "https://catalogueapi-demo.configura.com/envmap/default.env";
 export function getDefaultScene(engine, envUrl) {
-    var scene = new Scene(engine);
+    const scene = new Scene(engine);
     // If the alpha component of the clearColor is set to 0, then the color components MUST also be
     // set to 0. Otherwise the color components will sneak into transparent objects in the scene.
     //
@@ -14,7 +14,7 @@ export function getDefaultScene(engine, envUrl) {
     // zero, no matter what X is. A color like "1, 0, 0, 0" is thus not an valid premultiplied
     // color and the results is per the WebGL specs undefined.
     scene.clearColor = new Color4(0, 0, 0, 0).toLinearSpace();
-    var hdrTexture = CubeTexture.CreateFromPrefilteredData(envUrl || DEFAULT_ENV_URL, scene);
+    const hdrTexture = CubeTexture.CreateFromPrefilteredData(envUrl || DEFAULT_ENV_URL, scene);
     hdrTexture.gammaSpace = false;
     scene.environmentTexture = hdrTexture;
     scene.environmentIntensity = 0.55;

package/dist/utilities/CfgBoundingBox.d.ts

@@ -8,7 +8,7 @@ export declare class CfgBoundingBox {
      */
     private _isEmpty;
     reConstruct(minimum: Vector3, maximum: Vector3): CfgBoundingBox;
-    copyFrom(otherBoundingBox: CfgBoundingBox): CfgBoundingBox;
+    copyFrom(source: CfgBoundingBox): CfgBoundingBox;
     clone(): CfgBoundingBox;
     get center(): Vector3;
     translate(vec: Vector3): CfgBoundingBox;

package/dist/utilities/CfgBoundingBox.js

@@ -15,9 +15,9 @@ export class CfgBoundingBox {
         this._isEmpty = false;
         return this;
     }
-    copyFrom(otherBoundingBox) {
-        this.reConstruct(otherBoundingBox.minimum, otherBoundingBox.maximum);
-        this._isEmpty = otherBoundingBox.isEmpty;
+    copyFrom(source) {
+        this.reConstruct(source.minimum, source.maximum);
+        this._isEmpty = source.isEmpty;
         return this;
     }
     clone() {

package/dist/utilities/anchor/anchorMap.js

@@ -79,7 +79,7 @@ export function makeAnchoredToAnchorMap(nodes, targetCandidateComparer) {
     const unplaced = Array.from(anchoredToAnchorMap);
     // Step 2: Build a sorted map so that parents are before their children
     const result = [];
-    while (true) {
+    for (;;) {
         const candidate = unplaced.pop();
         if (candidate === undefined) {
             //done

package/dist/utilities/utilitiesColor.d.ts

@@ -10,10 +10,10 @@ export declare function toColor3(object: Color3 | ColorF | Color | string | numb
  * in: r,g,b in [0,1], out: h in [0,360) and s,l in [0,1]
  * Original source: https://stackoverflow.com/a/54071699/1488048
  */
-export declare function rgb2hsl(r: number, g: number, b: number): number[];
+export declare function rgb2hsl(r: number, g: number, b: number): [number, number, number];
 /**
  * input: h in [0,360] and s,v in [0,1] - output: r,g,b in [0,1]
  * Original source: https://stackoverflow.com/a/54014428/1488048
  */
-export declare function hsl2rgb(h: number, s: number, l: number): number[];
+export declare function hsl2rgb(h: number, s: number, l: number): [number, number, number];
 //# sourceMappingURL=utilitiesColor.d.ts.map

package/dist/utilities/utilitiesColor.js

@@ -33,8 +33,10 @@ export function toColor3(object) {
  * Original source: https://stackoverflow.com/a/54071699/1488048
  */
 export function rgb2hsl(r, g, b) {
-    let a = Math.max(r, g, b), n = a - Math.min(r, g, b), f = 1 - Math.abs(a + a - n - 1);
-    let h = n && (a === r ? (g - b) / n : a === g ? 2 + (b - r) / n : 4 + (r - g) / n);
+    const a = Math.max(r, g, b);
+    const n = a - Math.min(r, g, b);
+    const f = 1 - Math.abs(a + a - n - 1);
+    const h = n && (a === r ? (g - b) / n : a === g ? 2 + (b - r) / n : 4 + (r - g) / n);
     return [60 * (h < 0 ? h + 6 : h), f ? n / f : 0, (a + a - n) / 2];
 }
 /**
@@ -42,7 +44,7 @@ export function rgb2hsl(r, g, b) {
  * Original source: https://stackoverflow.com/a/54014428/1488048
  */
 export function hsl2rgb(h, s, l) {
-    let a = s * Math.min(l, 1 - l);
-    let f = (n, k = (n + h / 30) % 12) => l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
+    const a = s * Math.min(l, 1 - l);
+    const f = (n, k = (n + h / 30) % 12) => l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
     return [f(0), f(8), f(4)];
 }

package/dist/view/BaseView.js

@@ -156,11 +156,12 @@ export class BaseView {
             this._hideInspector();
         }
         else {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             if (!this._scene.debugLayer.BJSINSPECTOR) {
                 console.warn("@babylonjs/inspector has to be loaded before the Inspector can be shown.");
                 return;
             }
-            this._scene.debugLayer.show({
+            void this._scene.debugLayer.show({
                 globalRoot: target,
                 enableClose: false,
             });
@@ -208,11 +209,12 @@ export class BaseView {
                 }
                 this._cameraConfigurationObservable.listen(listener);
                 break;
-            case "renderEnv":
+            case "renderEnv": {
                 const l = listener;
                 this._renderEnvironmentObservable.listen(l);
                 l(this._renderEnvironment);
                 break;
+            }
             case "error":
                 this._errorObservable.listen(listener);
                 break;
@@ -220,7 +222,7 @@ export class BaseView {
                 this._loadingObservable.listen(listener);
                 break;
             default:
-                throw Error(`Unknown event-type ${event}`);
+                throw Error(`Unknown event-type ${event.toString()}`);
         }
     }
     removeEventListener(event, listener) {
@@ -241,7 +243,7 @@ export class BaseView {
                 this._loadingObservable.stopListen(listener);
                 break;
             default:
-                throw Error(`Unknown event-type ${event}`);
+                throw Error(`Unknown event-type ${event.toString()}`);
         }
     }
     scheduleRerender(dumpNextFrameToImage) {
@@ -284,14 +286,18 @@ export class BaseView {
     }
     resizeViewport(width, height) {
         this._viewportSize = [width, height];
-        this._canvas.style.width = Math.floor(width) + "px";
-        this._canvas.style.height = Math.floor(height) + "px";
+        this._canvas.style.width = `${Math.floor(width)}px`;
+        this._canvas.style.height = `${Math.floor(height)}px`;
         this._engine.resize();
         this.handleSizing(false);
         this.scheduleRerender();
     }
     // Exists to be overridden
-    handleSizing(_force) { }
+    handleSizing(_force) {
+        // Do nothing
+    }
     // Exists to be overridden
-    refreshCameraNearFar() { }
+    refreshCameraNearFar() {
+        // Do nothing
+    }
 }

package/dist/view/SingleProductDefaultCameraView.d.ts

@@ -1,6 +1,7 @@
 import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
 import { EventListener, Observable } from "@configura/web-utilities";
 import { CfgOrbitalCamera } from "../camera/CfgOrbitalCamera.js";
+import { CfgOrbitalCameraControlProps } from "../camera/CfgOrbitalCameraControlProps.js";
 import { EngineCreator } from "../engine/EngineCreator.js";
 import { LightRigCreator } from "../light/LightRigCreator.js";
 import { DummyMaterialCreator } from "../material/DummyMaterialCreator.js";
@@ -25,9 +26,9 @@ export declare class SingleProductDefaultCameraView<T extends SingleProductDefau
     removeEventListener<K extends keyof T>(event: K, listener: EventListener<T, K>): void;
     get orbitalCameraConfiguration(): OrbitalCameraConfigurationProps;
     protected notifyCameraListeners(): void;
-    get cameraControlObservable(): Observable<import("../index.js").CfgOrbitalCameraControlProps>;
+    get cameraControlObservable(): Observable<CfgOrbitalCameraControlProps>;
     protected get contentCenter(): Vector3;
-    protected handleSizing(force: boolean): false | undefined;
+    protected handleSizing(force: boolean): void;
     protected refreshCameraNearFar(): void;
     protected getNeededFrameRender(time: number): boolean;
 }

package/dist/view/SingleProductDefaultCameraView.js

@@ -117,7 +117,7 @@ export class SingleProductDefaultCameraView extends SingleProductView {
     handleSizing(force) {
         super.handleSizing(force);
         if (this._viewportSize === undefined) {
-            return false;
+            return;
         }
         const currentProductNode = this.currentProductNode;
         const boundingBox = currentProductNode === undefined

package/dist/view/SingleProductView.js

@@ -27,7 +27,7 @@ export class SingleProductView extends BaseView {
             this._currentPhase = phase;
         };
         this.clearProduct = () => {
-            let currentProductNode = this._currentProductNode;
+            const currentProductNode = this._currentProductNode;
             if (currentProductNode !== undefined) {
                 this.notifyPhaseChange(SingleProductViewPhase.RemovePreviousProduct);
                 this.scheduleForRemoval(currentProductNode);
@@ -42,7 +42,7 @@ export class SingleProductView extends BaseView {
             const stopLoading = () => {
                 this._loadingObservable.stopChildLoading(loadingToken);
             };
-            (() => __awaiter(this, void 0, void 0, function* () {
+            void (() => __awaiter(this, void 0, void 0, function* () {
                 let isNewProduct = false;
                 let currentProductNode = this._currentProductNode;
                 if (currentProductNode === undefined ||
@@ -89,7 +89,8 @@ export class SingleProductView extends BaseView {
                     ]);
                     this.notifyPhaseChange(SingleProductViewPhase.ApplyGeo);
                     yield currentProductNode.applyGeo(animationCoordinator);
-                    this.flushScheduledForRemove(animationCoordinator);
+                    // We don't have to wait for this
+                    void this.flushScheduledForRemove(animationCoordinator);
                     if (abortSignal.aborted) {
                         this.notifyPhaseChange(SingleProductViewPhase.Aborted);
                         return;
@@ -189,7 +190,7 @@ export class SingleProductView extends BaseView {
                 return;
             }
             const promises = [];
-            while (true) {
+            for (;;) {
                 const productNode = this._scheduledForRemoval.shift();
                 if (productNode === undefined) {
                     break;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@configura/babylon-view",
-	"version": "1.6.1-alpha.7",
+	"version": "1.6.2",
 	"license": "Apache-2.0",
 	"type": "module",
 	"main": "dist/index.js",
@@ -16,16 +16,16 @@
 	},
 	"dependencies": {
 		"@babylonjs/core": "4.2.0",
-		"@configura/web-core": "1.6.1-alpha.7",
-		"@configura/web-utilities": "1.6.1-alpha.7"
+		"@configura/web-core": "1.6.2",
+		"@configura/web-utilities": "1.6.2"
 	},
 	"devDependencies": {
-		"@configura/web-api": "1.6.1-alpha.7",
+		"@configura/web-api": "1.6.2",
 		"del-cli": "^3.0.0",
 		"typescript": "4.2"
 	},
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "b5ff49b200d294f18c4c0aff4f69b0296cff3cdf"
+	"gitHead": "7d15c3d75c39de15271da189ed1d0d5bfa719d79"
 }