@configura/babylon-view 1.4.0 → 1.6.0-alpha.0

package/dist/view/SingleProductView.d.ts

@@ -1,43 +1,43 @@
-import { Camera } from "@babylonjs/core/Cameras/camera.js";
-import { ApplicationArea, CfgProduct } from "@configura/web-api";
-import { EventListener } from "@configura/web-utilities";
-import { CoordinatorWithMeta } from "../animation/coordinator/Coordinator.js";
-import { CameraCreator } from "../camera/CameraCreator.js";
-import { EngineCreator } from "../engine/EngineCreator.js";
-import { LightRigCreator } from "../light/LightRigCreator.js";
-import { DummyMaterialCreator } from "../material/DummyMaterialCreator.js";
-import { CfgProductNode } from "../nodes/CfgProductNode.js";
-import { SceneCreator } from "../scene/SceneCreator.js";
-import { BaseView } from "./BaseView.js";
-import { SingleProductViewConfiguration, SingleProductViewEventMap } from "./SingleProductViewConfiguration.js";
-export declare type LoadingOrApplicationAreas = ApplicationArea[] | "loading";
-export declare type SingleProductViewConstructorOptions<C extends Camera> = {
-    canvas: HTMLCanvasElement;
-    cameraCreator: CameraCreator<C>;
-    engineCreator?: EngineCreator;
-    lightRigCreator?: LightRigCreator;
-    sceneCreator?: SceneCreator;
-    dummyMaterialCreator?: DummyMaterialCreator;
-};
-export declare class SingleProductView<C extends Camera = Camera, T extends SingleProductViewEventMap = SingleProductViewEventMap> extends BaseView<C, T> {
-    private _currentProductNode;
-    private _scheduledForRemoval;
-    private _viewPhaseObservable;
-    private _currentPhase;
-    private _animationCoordinatorCreator;
-    private _animationCoordinator;
-    constructor(options: SingleProductViewConstructorOptions<C>);
-    destroy(): void;
-    private scheduleForRemoval;
-    setConfiguration(configuration: SingleProductViewConfiguration): void;
-    get currentProductNode(): CfgProductNode | undefined;
-    addEventListener<K extends keyof T>(event: K, listener: EventListener<T, K>): void;
-    removeEventListener<K extends keyof T>(event: K, listener: EventListener<T, K>): void;
-    protected getNeededFrameRender(time: number): boolean;
-    protected renderFrame(time: number): void;
-    private notifyPhaseChange;
-    clearProduct: () => void;
-    flushScheduledForRemove(animationCoordinator?: CoordinatorWithMeta): Promise<void>;
-    loadProduct: (applicationAreas: LoadingOrApplicationAreas, product: CfgProduct) => (() => void);
-}
+import { Camera } from "@babylonjs/core/Cameras/camera.js";
+import { ApplicationArea, CfgProduct } from "@configura/web-api";
+import { EventListener } from "@configura/web-utilities";
+import { CoordinatorWithMeta } from "../animation/coordinator/Coordinator.js";
+import { CameraCreator } from "../camera/CameraCreator.js";
+import { EngineCreator } from "../engine/EngineCreator.js";
+import { LightRigCreator } from "../light/LightRigCreator.js";
+import { DummyMaterialCreator } from "../material/DummyMaterialCreator.js";
+import { CfgProductNode } from "../nodes/CfgProductNode.js";
+import { SceneCreator } from "../scene/SceneCreator.js";
+import { BaseView } from "./BaseView.js";
+import { SingleProductViewConfiguration, SingleProductViewEventMap } from "./SingleProductViewConfiguration.js";
+export declare type LoadingOrApplicationAreas = ApplicationArea[] | "loading";
+export declare type SingleProductViewConstructorOptions<C extends Camera> = {
+    canvas: HTMLCanvasElement;
+    cameraCreator: CameraCreator<C>;
+    engineCreator?: EngineCreator;
+    lightRigCreator?: LightRigCreator;
+    sceneCreator?: SceneCreator;
+    dummyMaterialCreator?: DummyMaterialCreator;
+};
+export declare class SingleProductView<C extends Camera = Camera, T extends SingleProductViewEventMap = SingleProductViewEventMap> extends BaseView<C, T> {
+    private _currentProductNode;
+    private _scheduledForRemoval;
+    private _viewPhaseObservable;
+    private _currentPhase;
+    private _animationCoordinatorCreator;
+    private _animationCoordinator;
+    constructor(options: SingleProductViewConstructorOptions<C>);
+    destroy(): void;
+    private scheduleForRemoval;
+    setConfiguration(configuration: SingleProductViewConfiguration): void;
+    get currentProductNode(): CfgProductNode | undefined;
+    addEventListener<K extends keyof T>(event: K, listener: EventListener<T, K>): void;
+    removeEventListener<K extends keyof T>(event: K, listener: EventListener<T, K>): void;
+    protected getNeededFrameRender(time: number): boolean;
+    protected renderFrame(time: number): void;
+    private notifyPhaseChange;
+    clearProduct: () => void;
+    flushScheduledForRemove(animationCoordinator?: CoordinatorWithMeta): Promise<void>;
+    loadProduct: (applicationAreas: LoadingOrApplicationAreas, product: CfgProduct) => (() => void);
+}
 //# sourceMappingURL=SingleProductView.d.ts.map

package/dist/view/SingleProductView.js

@@ -1,206 +1,206 @@
-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 { CfgMtrlApplication, CfgMtrlApplicationSource, } from "@configura/web-api";
-import { getWaitFramesPromise, Observable } from "@configura/web-utilities";
-import { CoordinatorIdentity } from "../animation/coordinator/CoordinatorIdentity.js";
-import { CfgProductNode } from "../nodes/CfgProductNode.js";
-import { BaseView } from "./BaseView.js";
-import { SingleProductViewPhase, } from "./SingleProductViewConfiguration.js";
-export class SingleProductView extends BaseView {
-    constructor(options) {
-        super(options);
-        this._scheduledForRemoval = [];
-        this._viewPhaseObservable = new Observable();
-        this._currentPhase = SingleProductViewPhase.Idle;
-        this.notifyPhaseChange = (phase) => {
-            this._viewPhaseObservable.notifyAll({
-                previous: this._currentPhase,
-                current: phase,
-            });
-            this._currentPhase = phase;
-        };
-        this.clearProduct = () => {
-            let currentProductNode = this._currentProductNode;
-            if (currentProductNode !== undefined) {
-                this.notifyPhaseChange(SingleProductViewPhase.RemovePreviousProduct);
-                this.scheduleForRemoval(currentProductNode);
-                this._currentProductNode = undefined;
-            }
-        };
-        this.loadProduct = (applicationAreas, product) => {
-            this.notifyPhaseChange(SingleProductViewPhase.LoadProductCalled);
-            const abortController = new AbortController();
-            const abortSignal = abortController.signal;
-            const loadingToken = this._loadingObservable.startChildLoading();
-            const stopLoading = () => {
-                this._loadingObservable.stopChildLoading(loadingToken);
-            };
-            (() => __awaiter(this, void 0, void 0, function* () {
-                let isNewProduct = false;
-                let currentProductNode = this._currentProductNode;
-                if (currentProductNode === undefined ||
-                    !currentProductNode.product.isBackedBySame(product)) {
-                    this.clearProduct();
-                    this.notifyPhaseChange(SingleProductViewPhase.MakeNewProduct);
-                    currentProductNode = CfgProductNode.make(this._renderEnvironment, product);
-                    this.notifyPhaseChange(SingleProductViewPhase.AddNewProduct);
-                    this._currentProductNode = currentProductNode;
-                    this._contentRoot.add(currentProductNode);
-                    isNewProduct = true;
-                }
-                const animationCoordinator = {
-                    coordinator: this._animationCoordinator,
-                    isNewProduct,
-                };
-                try {
-                    this.notifyPhaseChange(SingleProductViewPhase.SetModelsAndLoadGeo);
-                    currentProductNode.refreshStretch();
-                    yield currentProductNode.loadGeo(animationCoordinator);
-                    if (isNewProduct) {
-                        // New products needs resizing before rendering the first time
-                        this.notifyPhaseChange(SingleProductViewPhase.HandleSizing);
-                        this.handleSizing(true);
-                    }
-                    if (abortSignal.aborted) {
-                        this.notifyPhaseChange(SingleProductViewPhase.Aborted);
-                        return;
-                    }
-                    if (applicationAreas !== "loading") {
-                        this.notifyPhaseChange(SingleProductViewPhase.SetApplicationAreas);
-                        currentProductNode.setApplicationAreas(applicationAreas.map((a) => CfgMtrlApplication.fromMtrlLikeApplication(CfgMtrlApplicationSource.ApplicationArea, a)));
-                    }
-                    const loadMaterialsPromise = currentProductNode.loadMaterials(animationCoordinator);
-                    const doRenderTemporaryMaterials = yield Promise.race([
-                        (() => __awaiter(this, void 0, void 0, function* () {
-                            yield loadMaterialsPromise;
-                            return false;
-                        }))(),
-                        (() => __awaiter(this, void 0, void 0, function* () {
-                            yield getWaitFramesPromise(10);
-                            return true;
-                        }))(),
-                    ]);
-                    this.notifyPhaseChange(SingleProductViewPhase.ApplyGeo);
-                    yield currentProductNode.applyGeo(animationCoordinator);
-                    this.flushScheduledForRemove(animationCoordinator);
-                    if (abortSignal.aborted) {
-                        this.notifyPhaseChange(SingleProductViewPhase.Aborted);
-                        return;
-                    }
-                    if (!isNewProduct) {
-                        // At this stage, any change in geometry has been applied
-                        this.notifyPhaseChange(SingleProductViewPhase.HandleSizing);
-                        this.handleSizing(false);
-                    }
-                    if (doRenderTemporaryMaterials) {
-                        this.scheduleRerender();
-                    }
-                    if (abortSignal.aborted) {
-                        this.notifyPhaseChange(SingleProductViewPhase.Aborted);
-                        return;
-                    }
-                    this.notifyPhaseChange(SingleProductViewPhase.LoadMaterials);
-                    yield loadMaterialsPromise;
-                    if (abortSignal.aborted) {
-                        this.notifyPhaseChange(SingleProductViewPhase.Aborted);
-                        return;
-                    }
-                    this.notifyPhaseChange(SingleProductViewPhase.ApplyMaterials);
-                    this.pauseRendering();
-                    yield currentProductNode.applyMaterials();
-                    this.resumeRendering();
-                    this.notifyPhaseChange(SingleProductViewPhase.AppliedMaterials);
-                    this.scheduleRerender();
-                    stopLoading();
-                    this.notifyPhaseChange(SingleProductViewPhase.Idle);
-                }
-                catch (e) {
-                    this.notifyPhaseChange(SingleProductViewPhase.Error);
-                    this.notifyError(e);
-                    stopLoading();
-                    // Might result in double-unlock of semaphore, this is OK.
-                    this.resumeRendering();
-                }
-            }))();
-            return () => {
-                abortController.abort();
-                stopLoading();
-            };
-        };
-        this._animationCoordinator = new CoordinatorIdentity(this, this._viewPhaseObservable);
-    }
-    destroy() {
-        this._animationCoordinator.destroy();
-        super.destroy();
-    }
-    scheduleForRemoval(productNode) {
-        productNode.destroy();
-        this._scheduledForRemoval.push(productNode);
-    }
-    setConfiguration(configuration) {
-        const animationCoordinatorCreator = configuration.experimentalAnimationCoordinator;
-        if (animationCoordinatorCreator !== undefined &&
-            this._animationCoordinatorCreator !== animationCoordinatorCreator) {
-            this._animationCoordinatorCreator = animationCoordinatorCreator;
-            this._animationCoordinator.destroy();
-            this._animationCoordinator = animationCoordinatorCreator(this, this._viewPhaseObservable);
-        }
-        super.setConfiguration(configuration);
-    }
-    get currentProductNode() {
-        return this._currentProductNode;
-    }
-    addEventListener(event, listener) {
-        switch (event) {
-            case "viewPhase":
-                this._viewPhaseObservable.listen(listener);
-                break;
-            default:
-                super.addEventListener(event, listener);
-        }
-    }
-    removeEventListener(event, listener) {
-        switch (event) {
-            case "viewPhase":
-                this._viewPhaseObservable.stopListen(listener);
-                break;
-            default:
-                super.removeEventListener(event, listener);
-        }
-    }
-    getNeededFrameRender(time) {
-        return (super.getNeededFrameRender(time) ||
-            this._animationCoordinator.willTick(time, this._engine.getDeltaTime()));
-    }
-    renderFrame(time) {
-        this._animationCoordinator.tick(time, this._engine.getDeltaTime());
-        super.renderFrame(time);
-    }
-    flushScheduledForRemove(animationCoordinator) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this._scheduledForRemoval.length === 0) {
-                return;
-            }
-            const promises = [];
-            while (true) {
-                const productNode = this._scheduledForRemoval.shift();
-                if (productNode === undefined) {
-                    break;
-                }
-                promises.push((() => __awaiter(this, void 0, void 0, function* () {
-                    yield productNode.flushScheduledForRemove(animationCoordinator);
-                    this._contentRoot.remove(true, productNode);
-                }))());
-            }
-            yield Promise.all(promises);
-            this.notifyPhaseChange(SingleProductViewPhase.RemovedProduct);
-        });
-    }
-}
+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 { CfgMtrlApplication, CfgMtrlApplicationSource, } from "@configura/web-api";
+import { getWaitFramesPromise, Observable } from "@configura/web-utilities";
+import { CoordinatorIdentity } from "../animation/coordinator/CoordinatorIdentity.js";
+import { CfgProductNode } from "../nodes/CfgProductNode.js";
+import { BaseView } from "./BaseView.js";
+import { SingleProductViewPhase, } from "./SingleProductViewConfiguration.js";
+export class SingleProductView extends BaseView {
+    constructor(options) {
+        super(options);
+        this._scheduledForRemoval = [];
+        this._viewPhaseObservable = new Observable();
+        this._currentPhase = SingleProductViewPhase.Idle;
+        this.notifyPhaseChange = (phase) => {
+            this._viewPhaseObservable.notifyAll({
+                previous: this._currentPhase,
+                current: phase,
+            });
+            this._currentPhase = phase;
+        };
+        this.clearProduct = () => {
+            let currentProductNode = this._currentProductNode;
+            if (currentProductNode !== undefined) {
+                this.notifyPhaseChange(SingleProductViewPhase.RemovePreviousProduct);
+                this.scheduleForRemoval(currentProductNode);
+                this._currentProductNode = undefined;
+            }
+        };
+        this.loadProduct = (applicationAreas, product) => {
+            this.notifyPhaseChange(SingleProductViewPhase.LoadProductCalled);
+            const abortController = new AbortController();
+            const abortSignal = abortController.signal;
+            const loadingToken = this._loadingObservable.startChildLoading();
+            const stopLoading = () => {
+                this._loadingObservable.stopChildLoading(loadingToken);
+            };
+            (() => __awaiter(this, void 0, void 0, function* () {
+                let isNewProduct = false;
+                let currentProductNode = this._currentProductNode;
+                if (currentProductNode === undefined ||
+                    !currentProductNode.product.isBackedBySame(product)) {
+                    this.clearProduct();
+                    this.notifyPhaseChange(SingleProductViewPhase.MakeNewProduct);
+                    currentProductNode = CfgProductNode.make(this._renderEnvironment, product);
+                    this.notifyPhaseChange(SingleProductViewPhase.AddNewProduct);
+                    this._currentProductNode = currentProductNode;
+                    this._contentRoot.add(currentProductNode);
+                    isNewProduct = true;
+                }
+                const animationCoordinator = {
+                    coordinator: this._animationCoordinator,
+                    isNewProduct,
+                };
+                try {
+                    this.notifyPhaseChange(SingleProductViewPhase.SetModelsAndLoadGeo);
+                    currentProductNode.refreshStretch();
+                    yield currentProductNode.loadGeo(animationCoordinator);
+                    if (isNewProduct) {
+                        // New products needs resizing before rendering the first time
+                        this.notifyPhaseChange(SingleProductViewPhase.HandleSizing);
+                        this.handleSizing(true);
+                    }
+                    if (abortSignal.aborted) {
+                        this.notifyPhaseChange(SingleProductViewPhase.Aborted);
+                        return;
+                    }
+                    if (applicationAreas !== "loading") {
+                        this.notifyPhaseChange(SingleProductViewPhase.SetApplicationAreas);
+                        currentProductNode.setApplicationAreas(applicationAreas.map((a) => CfgMtrlApplication.fromMtrlLikeApplication(CfgMtrlApplicationSource.ApplicationArea, a)));
+                    }
+                    const loadMaterialsPromise = currentProductNode.loadMaterials(animationCoordinator);
+                    const doRenderTemporaryMaterials = yield Promise.race([
+                        (() => __awaiter(this, void 0, void 0, function* () {
+                            yield loadMaterialsPromise;
+                            return false;
+                        }))(),
+                        (() => __awaiter(this, void 0, void 0, function* () {
+                            yield getWaitFramesPromise(10);
+                            return true;
+                        }))(),
+                    ]);
+                    this.notifyPhaseChange(SingleProductViewPhase.ApplyGeo);
+                    yield currentProductNode.applyGeo(animationCoordinator);
+                    this.flushScheduledForRemove(animationCoordinator);
+                    if (abortSignal.aborted) {
+                        this.notifyPhaseChange(SingleProductViewPhase.Aborted);
+                        return;
+                    }
+                    if (!isNewProduct) {
+                        // At this stage, any change in geometry has been applied
+                        this.notifyPhaseChange(SingleProductViewPhase.HandleSizing);
+                        this.handleSizing(false);
+                    }
+                    if (doRenderTemporaryMaterials) {
+                        this.scheduleRerender();
+                    }
+                    if (abortSignal.aborted) {
+                        this.notifyPhaseChange(SingleProductViewPhase.Aborted);
+                        return;
+                    }
+                    this.notifyPhaseChange(SingleProductViewPhase.LoadMaterials);
+                    yield loadMaterialsPromise;
+                    if (abortSignal.aborted) {
+                        this.notifyPhaseChange(SingleProductViewPhase.Aborted);
+                        return;
+                    }
+                    this.notifyPhaseChange(SingleProductViewPhase.ApplyMaterials);
+                    this.pauseRendering();
+                    yield currentProductNode.applyMaterials();
+                    this.resumeRendering();
+                    this.notifyPhaseChange(SingleProductViewPhase.AppliedMaterials);
+                    this.scheduleRerender();
+                    stopLoading();
+                    this.notifyPhaseChange(SingleProductViewPhase.Idle);
+                }
+                catch (e) {
+                    this.notifyPhaseChange(SingleProductViewPhase.Error);
+                    this.notifyError(e);
+                    stopLoading();
+                    // Might result in double-unlock of semaphore, this is OK.
+                    this.resumeRendering();
+                }
+            }))();
+            return () => {
+                abortController.abort();
+                stopLoading();
+            };
+        };
+        this._animationCoordinator = new CoordinatorIdentity(this, this._viewPhaseObservable);
+    }
+    destroy() {
+        this._animationCoordinator.destroy();
+        super.destroy();
+    }
+    scheduleForRemoval(productNode) {
+        productNode.destroy();
+        this._scheduledForRemoval.push(productNode);
+    }
+    setConfiguration(configuration) {
+        const animationCoordinatorCreator = configuration.experimentalAnimationCoordinator;
+        if (animationCoordinatorCreator !== undefined &&
+            this._animationCoordinatorCreator !== animationCoordinatorCreator) {
+            this._animationCoordinatorCreator = animationCoordinatorCreator;
+            this._animationCoordinator.destroy();
+            this._animationCoordinator = animationCoordinatorCreator(this, this._viewPhaseObservable);
+        }
+        super.setConfiguration(configuration);
+    }
+    get currentProductNode() {
+        return this._currentProductNode;
+    }
+    addEventListener(event, listener) {
+        switch (event) {
+            case "viewPhase":
+                this._viewPhaseObservable.listen(listener);
+                break;
+            default:
+                super.addEventListener(event, listener);
+        }
+    }
+    removeEventListener(event, listener) {
+        switch (event) {
+            case "viewPhase":
+                this._viewPhaseObservable.stopListen(listener);
+                break;
+            default:
+                super.removeEventListener(event, listener);
+        }
+    }
+    getNeededFrameRender(time) {
+        return (super.getNeededFrameRender(time) ||
+            this._animationCoordinator.willTick(time, this._engine.getDeltaTime()));
+    }
+    renderFrame(time) {
+        this._animationCoordinator.tick(time, this._engine.getDeltaTime());
+        super.renderFrame(time);
+    }
+    flushScheduledForRemove(animationCoordinator) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this._scheduledForRemoval.length === 0) {
+                return;
+            }
+            const promises = [];
+            while (true) {
+                const productNode = this._scheduledForRemoval.shift();
+                if (productNode === undefined) {
+                    break;
+                }
+                promises.push((() => __awaiter(this, void 0, void 0, function* () {
+                    yield productNode.flushScheduledForRemove(animationCoordinator);
+                    this._contentRoot.remove(true, productNode);
+                }))());
+            }
+            yield Promise.all(promises);
+            this.notifyPhaseChange(SingleProductViewPhase.RemovedProduct);
+        });
+    }
+}

package/dist/view/SingleProductViewConfiguration.d.ts

@@ -1,33 +1,33 @@
-import { EventListener } from "@configura/web-utilities";
-import { CoordinatorCreator } from "../animation/coordinator/Coordinator.js";
-import { BaseViewConfiguration, BaseViewEventMap } from "./BaseViewConfiguration.js";
-export interface SingleProductViewConfiguration extends BaseViewConfiguration {
-    experimentalAnimationCoordinator?: CoordinatorCreator;
-}
-export interface SingleProductViewEventMap extends BaseViewEventMap {
-    viewPhase: SingleProductViewPhaseEvent;
-}
-export declare type SingleProductViewEventListener<K extends keyof SingleProductViewEventMap> = EventListener<SingleProductViewEventMap, K>;
-export declare type SingleProductViewPhaseEvent = {
-    previous: SingleProductViewPhase;
-    current: SingleProductViewPhase;
-};
-export declare enum SingleProductViewPhase {
-    Idle = "Idle",
-    LoadProductCalled = "LoadProductCalled",
-    RemovePreviousProduct = "RemovePreviousProduct",
-    RemovedProduct = "RemovedProduct",
-    MakeNewProduct = "MakeNewProduct",
-    AddNewProduct = "AddNewProduct",
-    SetApplicationAreas = "SetApplicationAreas",
-    SetModelsAndLoadGeo = "SetModelsAndLoadGeo",
-    GeoLoaded = "GeoLoaded",
-    ApplyGeo = "ApplyGeo",
-    HandleSizing = "HandleSizing",
-    LoadMaterials = "LoadMaterials",
-    ApplyMaterials = "ApplyMaterials",
-    AppliedMaterials = "AppliedMaterials",
-    Aborted = "Aborted",
-    Error = "Error"
-}
+import { EventListener } from "@configura/web-utilities";
+import { CoordinatorCreator } from "../animation/coordinator/Coordinator.js";
+import { BaseViewConfiguration, BaseViewEventMap } from "./BaseViewConfiguration.js";
+export interface SingleProductViewConfiguration extends BaseViewConfiguration {
+    experimentalAnimationCoordinator?: CoordinatorCreator;
+}
+export interface SingleProductViewEventMap extends BaseViewEventMap {
+    viewPhase: SingleProductViewPhaseEvent;
+}
+export declare type SingleProductViewEventListener<K extends keyof SingleProductViewEventMap> = EventListener<SingleProductViewEventMap, K>;
+export declare type SingleProductViewPhaseEvent = {
+    previous: SingleProductViewPhase;
+    current: SingleProductViewPhase;
+};
+export declare enum SingleProductViewPhase {
+    Idle = "Idle",
+    LoadProductCalled = "LoadProductCalled",
+    RemovePreviousProduct = "RemovePreviousProduct",
+    RemovedProduct = "RemovedProduct",
+    MakeNewProduct = "MakeNewProduct",
+    AddNewProduct = "AddNewProduct",
+    SetApplicationAreas = "SetApplicationAreas",
+    SetModelsAndLoadGeo = "SetModelsAndLoadGeo",
+    GeoLoaded = "GeoLoaded",
+    ApplyGeo = "ApplyGeo",
+    HandleSizing = "HandleSizing",
+    LoadMaterials = "LoadMaterials",
+    ApplyMaterials = "ApplyMaterials",
+    AppliedMaterials = "AppliedMaterials",
+    Aborted = "Aborted",
+    Error = "Error"
+}
 //# sourceMappingURL=SingleProductViewConfiguration.d.ts.map

package/dist/view/SingleProductViewConfiguration.js

@@ -1,19 +1,19 @@
-export var SingleProductViewPhase;
-(function (SingleProductViewPhase) {
-    SingleProductViewPhase["Idle"] = "Idle";
-    SingleProductViewPhase["LoadProductCalled"] = "LoadProductCalled";
-    SingleProductViewPhase["RemovePreviousProduct"] = "RemovePreviousProduct";
-    SingleProductViewPhase["RemovedProduct"] = "RemovedProduct";
-    SingleProductViewPhase["MakeNewProduct"] = "MakeNewProduct";
-    SingleProductViewPhase["AddNewProduct"] = "AddNewProduct";
-    SingleProductViewPhase["SetApplicationAreas"] = "SetApplicationAreas";
-    SingleProductViewPhase["SetModelsAndLoadGeo"] = "SetModelsAndLoadGeo";
-    SingleProductViewPhase["GeoLoaded"] = "GeoLoaded";
-    SingleProductViewPhase["ApplyGeo"] = "ApplyGeo";
-    SingleProductViewPhase["HandleSizing"] = "HandleSizing";
-    SingleProductViewPhase["LoadMaterials"] = "LoadMaterials";
-    SingleProductViewPhase["ApplyMaterials"] = "ApplyMaterials";
-    SingleProductViewPhase["AppliedMaterials"] = "AppliedMaterials";
-    SingleProductViewPhase["Aborted"] = "Aborted";
-    SingleProductViewPhase["Error"] = "Error";
-})(SingleProductViewPhase || (SingleProductViewPhase = {}));
+export var SingleProductViewPhase;
+(function (SingleProductViewPhase) {
+    SingleProductViewPhase["Idle"] = "Idle";
+    SingleProductViewPhase["LoadProductCalled"] = "LoadProductCalled";
+    SingleProductViewPhase["RemovePreviousProduct"] = "RemovePreviousProduct";
+    SingleProductViewPhase["RemovedProduct"] = "RemovedProduct";
+    SingleProductViewPhase["MakeNewProduct"] = "MakeNewProduct";
+    SingleProductViewPhase["AddNewProduct"] = "AddNewProduct";
+    SingleProductViewPhase["SetApplicationAreas"] = "SetApplicationAreas";
+    SingleProductViewPhase["SetModelsAndLoadGeo"] = "SetModelsAndLoadGeo";
+    SingleProductViewPhase["GeoLoaded"] = "GeoLoaded";
+    SingleProductViewPhase["ApplyGeo"] = "ApplyGeo";
+    SingleProductViewPhase["HandleSizing"] = "HandleSizing";
+    SingleProductViewPhase["LoadMaterials"] = "LoadMaterials";
+    SingleProductViewPhase["ApplyMaterials"] = "ApplyMaterials";
+    SingleProductViewPhase["AppliedMaterials"] = "AppliedMaterials";
+    SingleProductViewPhase["Aborted"] = "Aborted";
+    SingleProductViewPhase["Error"] = "Error";
+})(SingleProductViewPhase || (SingleProductViewPhase = {}));

package/package.json

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