@combeenation/3d-viewer 4.0.0-beta5 → 4.0.0-rc1

package/dist/lib-cjs/api/classes/placementAnimation.d.ts

@@ -1,38 +1,38 @@
-/**
- * An {@link PlacementAnimation} handling `Tweens` of the `GSAP` API using configured {@link PlacementDefinition}s
- * and {@link AnimationDefinition}s. It mutates the attributes in the given {@link PlacementDefinition} with the given
- * {@link AnimationDefinition}. The latter can be anything the `GSAP` allows in its API. Please consider using the
- * API of the {@link AnimationManager} to handle instances of this class in your consuming project.
- */
-export declare class PlacementAnimation implements AnimationInterface {
-    readonly mutable: object;
-    protected _placement: PlacementDefinition | string;
-    protected _animation?: string | AnimationDefinition | undefined;
-    protected _placementDefinition: PlacementDefinition;
-    protected _animationDefinition: AnimationDefinition;
-    protected _timeline: GSAPTimeline;
-    /**
-     * Constructor.
-     */
-    constructor(mutable: object, _placement: PlacementDefinition | string, _animation?: string | AnimationDefinition | undefined);
-    /**
-     * Plays all `Tweens` of this {@link PlacementAnimation}.
-     */
-    play(): Promise<AnimationInterface>;
-    /**
-     * Pause all `Tweens` of this {@link PlacementAnimation}.
-     */
-    pause(): AnimationInterface;
-    /**
-     * Kills all `Tweens` of this {@link PlacementAnimation}.
-     */
-    kill(): AnimationInterface;
-    /**
-     * Prepares different types of {@link PlacementDefinition} and sets some defaults.
-     */
-    protected preparePlacementDefinition(): void;
-    /**
-     * Creates `Tweens` for the {@link PlacementDefinition} configured for this {@link PlacementAnimation}.
-     */
-    protected createTweens(): void;
-}
+/**
+ * An {@link PlacementAnimation} handling `Tweens` of the `GSAP` API using configured {@link PlacementDefinition}s
+ * and {@link AnimationDefinition}s. It mutates the attributes in the given {@link PlacementDefinition} with the given
+ * {@link AnimationDefinition}. The latter can be anything the `GSAP` allows in its API. Please consider using the
+ * API of the {@link AnimationManager} to handle instances of this class in your consuming project.
+ */
+export declare class PlacementAnimation implements AnimationInterface {
+    readonly mutable: object;
+    protected _placement: PlacementDefinition | string;
+    protected _animation?: string | AnimationDefinition | undefined;
+    protected _placementDefinition: PlacementDefinition;
+    protected _animationDefinition: AnimationDefinition;
+    protected _timeline: GSAPTimeline;
+    /**
+     * Constructor.
+     */
+    constructor(mutable: object, _placement: PlacementDefinition | string, _animation?: string | AnimationDefinition | undefined);
+    /**
+     * Plays all `Tweens` of this {@link PlacementAnimation}.
+     */
+    play(): Promise<AnimationInterface>;
+    /**
+     * Pause all `Tweens` of this {@link PlacementAnimation}.
+     */
+    pause(): AnimationInterface;
+    /**
+     * Kills all `Tweens` of this {@link PlacementAnimation}.
+     */
+    kill(): AnimationInterface;
+    /**
+     * Prepares different types of {@link PlacementDefinition} and sets some defaults.
+     */
+    protected preparePlacementDefinition(): void;
+    /**
+     * Creates `Tweens` for the {@link PlacementDefinition} configured for this {@link PlacementAnimation}.
+     */
+    protected createTweens(): void;
+}

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

@@ -1,150 +1,150 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PlacementAnimation = void 0;
-var tslib_1 = require("tslib");
-var arcRotateCamera_1 = require("@babylonjs/core/Cameras/arcRotateCamera");
-var math_vector_1 = require("@babylonjs/core/Maths/math.vector");
-var gsap_1 = require("gsap");
-var lodash_es_1 = require("lodash-es");
-var parameter_1 = require("../classes/parameter");
-var specStorage_1 = require("../store/specStorage");
-/**
- * An {@link PlacementAnimation} handling `Tweens` of the `GSAP` API using configured {@link PlacementDefinition}s
- * and {@link AnimationDefinition}s. It mutates the attributes in the given {@link PlacementDefinition} with the given
- * {@link AnimationDefinition}. The latter can be anything the `GSAP` allows in its API. Please consider using the
- * API of the {@link AnimationManager} to handle instances of this class in your consuming project.
- */
-var PlacementAnimation = /** @class */ (function () {
-    /**
-     * Constructor.
-     */
-    function PlacementAnimation(mutable, _placement, _animation) {
-        var _a;
-        this.mutable = mutable;
-        this._placement = _placement;
-        this._animation = _animation;
-        if (lodash_es_1.isString(_placement)) {
-            var placementDefinitions = specStorage_1.SpecStorage.get('scene.placements');
-            if (!placementDefinitions) {
-                throw new Error("No PlacementDefinitions defined in JSON structure.");
-            }
-            var placementDefinition = placementDefinitions[_placement];
-            if (!placementDefinition) {
-                throw new Error("PlacementDefinition \"" + _placement + "\" not defined in JSON structure.");
-            }
-            this._placementDefinition = lodash_es_1.cloneDeep(placementDefinition);
-        }
-        else {
-            this._placementDefinition = lodash_es_1.cloneDeep(_placement);
-        }
-        if (lodash_es_1.isString(_animation)) {
-            var animationDefinition = (_a = specStorage_1.SpecStorage.get('scene.animations')) === null || _a === void 0 ? void 0 : _a[_animation];
-            if (!animationDefinition) {
-                throw new Error("AnimationDefinition \"" + _animation + "\" not defined in JSON structure.");
-            }
-            this._animationDefinition = lodash_es_1.cloneDeep(animationDefinition);
-        }
-        else {
-            this._animationDefinition = lodash_es_1.cloneDeep(_animation);
-        }
-        this._timeline = gsap_1.gsap.timeline({
-            defaults: lodash_es_1.merge({ duration: 0, ease: 'none' }, this._animationDefinition),
-            paused: true
-        });
-        this.preparePlacementDefinition();
-        this.createTweens();
-    }
-    /**
-     * Plays all `Tweens` of this {@link PlacementAnimation}.
-     */
-    PlacementAnimation.prototype.play = function () {
-        return tslib_1.__awaiter(this, void 0, void 0, function () {
-            return tslib_1.__generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, this._timeline.play().then()];
-                    case 1:
-                        _a.sent();
-                        return [2 /*return*/, this];
-                }
-            });
-        });
-    };
-    /**
-     * Pause all `Tweens` of this {@link PlacementAnimation}.
-     */
-    PlacementAnimation.prototype.pause = function () {
-        this._timeline.pause();
-        return this;
-    };
-    /**
-     * Kills all `Tweens` of this {@link PlacementAnimation}.
-     */
-    PlacementAnimation.prototype.kill = function () {
-        this._timeline.kill();
-        return this;
-    };
-    /**
-     * Prepares different types of {@link PlacementDefinition} and sets some defaults.
-     */
-    PlacementAnimation.prototype.preparePlacementDefinition = function () {
-        var position = this._placementDefinition.position;
-        if (lodash_es_1.isString(position)) {
-            position = parameter_1.Parameter.parseVector(position);
-            this._placementDefinition.position = position;
-        }
-        var shortestWay = true;
-        if (this._animationDefinition.shortestWay !== undefined) {
-            shortestWay = parameter_1.Parameter.parseBoolean(this._animationDefinition.shortestWay);
-            this._animationDefinition.shortestWay = shortestWay;
-        }
-        if (this.mutable instanceof arcRotateCamera_1.ArcRotateCamera) {
-            // parse the target
-            if (lodash_es_1.isString(this._placementDefinition.target)) {
-                this._placementDefinition.target = parameter_1.Parameter.parseVector(this._placementDefinition.target);
-            }
-            if (position) {
-                // parse the position and calculate alpha, beta and radius with a "ghost camera"
-                // @see https://www.babylonjs-playground.com/#4IVMG#0
-                var ghostCam = this.mutable.clone('ghost');
-                ghostCam.setPosition(position);
-                lodash_es_1.merge(this._placementDefinition, {
-                    alpha: ghostCam.alpha,
-                    beta: ghostCam.beta,
-                    radius: ghostCam.radius,
-                });
-                delete this._placementDefinition.position;
-                ghostCam.dispose();
-            }
-            else if (shortestWay && this._placementDefinition.alpha) {
-                // transform the target's alpha value into the same turn as the current camera position to avoid movements > 360 degrees
-                var alphaGap = this.mutable.alpha - this._placementDefinition.alpha;
-                var cntTurns = Math.round(alphaGap / (2 * Math.PI));
-                this._placementDefinition.alpha += (2 * Math.PI * cntTurns);
-            }
-        }
-    };
-    /**
-     * Creates `Tweens` for the {@link PlacementDefinition} configured for this {@link PlacementAnimation}.
-     */
-    PlacementAnimation.prototype.createTweens = function () {
-        for (var property in this._placementDefinition) {
-            var propertyValue = lodash_es_1.get(this._placementDefinition, property);
-            var tweenVars = {};
-            var _mutable = this.mutable;
-            if (propertyValue instanceof math_vector_1.Vector3) {
-                // GSAP does not support mutation of complex objects, so we are forced
-                // to use the properties on the object as mutable directly and mutate
-                // the coordinates separately.
-                _mutable = lodash_es_1.get(this.mutable, property);
-                lodash_es_1.merge(tweenVars, { x: propertyValue.x, y: propertyValue.y, z: propertyValue.z });
-            }
-            else {
-                lodash_es_1.set(tweenVars, property, propertyValue);
-            }
-            this._timeline.to(_mutable, tweenVars, 0); // Note: position 0 does the "parallel" stuff here
-        }
-    };
-    return PlacementAnimation;
-}());
-exports.PlacementAnimation = PlacementAnimation;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlacementAnimation = void 0;
+var tslib_1 = require("tslib");
+var arcRotateCamera_1 = require("@babylonjs/core/Cameras/arcRotateCamera");
+var math_vector_1 = require("@babylonjs/core/Maths/math.vector");
+var gsap_1 = require("gsap");
+var lodash_es_1 = require("lodash-es");
+var parameter_1 = require("../classes/parameter");
+var specStorage_1 = require("../store/specStorage");
+/**
+ * An {@link PlacementAnimation} handling `Tweens` of the `GSAP` API using configured {@link PlacementDefinition}s
+ * and {@link AnimationDefinition}s. It mutates the attributes in the given {@link PlacementDefinition} with the given
+ * {@link AnimationDefinition}. The latter can be anything the `GSAP` allows in its API. Please consider using the
+ * API of the {@link AnimationManager} to handle instances of this class in your consuming project.
+ */
+var PlacementAnimation = /** @class */ (function () {
+    /**
+     * Constructor.
+     */
+    function PlacementAnimation(mutable, _placement, _animation) {
+        var _a;
+        this.mutable = mutable;
+        this._placement = _placement;
+        this._animation = _animation;
+        if (lodash_es_1.isString(_placement)) {
+            var placementDefinitions = specStorage_1.SpecStorage.get('scene.placements');
+            if (!placementDefinitions) {
+                throw new Error("No PlacementDefinitions defined in JSON structure.");
+            }
+            var placementDefinition = placementDefinitions[_placement];
+            if (!placementDefinition) {
+                throw new Error("PlacementDefinition \"" + _placement + "\" not defined in JSON structure.");
+            }
+            this._placementDefinition = lodash_es_1.cloneDeep(placementDefinition);
+        }
+        else {
+            this._placementDefinition = lodash_es_1.cloneDeep(_placement);
+        }
+        if (lodash_es_1.isString(_animation)) {
+            var animationDefinition = (_a = specStorage_1.SpecStorage.get('scene.animations')) === null || _a === void 0 ? void 0 : _a[_animation];
+            if (!animationDefinition) {
+                throw new Error("AnimationDefinition \"" + _animation + "\" not defined in JSON structure.");
+            }
+            this._animationDefinition = lodash_es_1.cloneDeep(animationDefinition);
+        }
+        else {
+            this._animationDefinition = lodash_es_1.cloneDeep(_animation);
+        }
+        this._timeline = gsap_1.gsap.timeline({
+            defaults: lodash_es_1.merge({ duration: 0, ease: 'none' }, this._animationDefinition),
+            paused: true
+        });
+        this.preparePlacementDefinition();
+        this.createTweens();
+    }
+    /**
+     * Plays all `Tweens` of this {@link PlacementAnimation}.
+     */
+    PlacementAnimation.prototype.play = function () {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this._timeline.play().then()];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/, this];
+                }
+            });
+        });
+    };
+    /**
+     * Pause all `Tweens` of this {@link PlacementAnimation}.
+     */
+    PlacementAnimation.prototype.pause = function () {
+        this._timeline.pause();
+        return this;
+    };
+    /**
+     * Kills all `Tweens` of this {@link PlacementAnimation}.
+     */
+    PlacementAnimation.prototype.kill = function () {
+        this._timeline.kill();
+        return this;
+    };
+    /**
+     * Prepares different types of {@link PlacementDefinition} and sets some defaults.
+     */
+    PlacementAnimation.prototype.preparePlacementDefinition = function () {
+        var position = this._placementDefinition.position;
+        if (lodash_es_1.isString(position)) {
+            position = parameter_1.Parameter.parseVector(position);
+            this._placementDefinition.position = position;
+        }
+        var shortestWay = true;
+        if (this._animationDefinition.shortestWay !== undefined) {
+            shortestWay = parameter_1.Parameter.parseBoolean(this._animationDefinition.shortestWay);
+            this._animationDefinition.shortestWay = shortestWay;
+        }
+        if (this.mutable instanceof arcRotateCamera_1.ArcRotateCamera) {
+            // parse the target
+            if (lodash_es_1.isString(this._placementDefinition.target)) {
+                this._placementDefinition.target = parameter_1.Parameter.parseVector(this._placementDefinition.target);
+            }
+            if (position) {
+                // parse the position and calculate alpha, beta and radius with a "ghost camera"
+                // @see https://www.babylonjs-playground.com/#4IVMG#0
+                var ghostCam = this.mutable.clone('ghost');
+                ghostCam.setPosition(position);
+                lodash_es_1.merge(this._placementDefinition, {
+                    alpha: ghostCam.alpha,
+                    beta: ghostCam.beta,
+                    radius: ghostCam.radius,
+                });
+                delete this._placementDefinition.position;
+                ghostCam.dispose();
+            }
+            else if (shortestWay && this._placementDefinition.alpha) {
+                // transform the target's alpha value into the same turn as the current camera position to avoid movements > 360 degrees
+                var alphaGap = this.mutable.alpha - this._placementDefinition.alpha;
+                var cntTurns = Math.round(alphaGap / (2 * Math.PI));
+                this._placementDefinition.alpha += (2 * Math.PI * cntTurns);
+            }
+        }
+    };
+    /**
+     * Creates `Tweens` for the {@link PlacementDefinition} configured for this {@link PlacementAnimation}.
+     */
+    PlacementAnimation.prototype.createTweens = function () {
+        for (var property in this._placementDefinition) {
+            var propertyValue = lodash_es_1.get(this._placementDefinition, property);
+            var tweenVars = {};
+            var _mutable = this.mutable;
+            if (propertyValue instanceof math_vector_1.Vector3) {
+                // GSAP does not support mutation of complex objects, so we are forced
+                // to use the properties on the object as mutable directly and mutate
+                // the coordinates separately.
+                _mutable = lodash_es_1.get(this.mutable, property);
+                lodash_es_1.merge(tweenVars, { x: propertyValue.x, y: propertyValue.y, z: propertyValue.z });
+            }
+            else {
+                lodash_es_1.set(tweenVars, property, propertyValue);
+            }
+            this._timeline.to(_mutable, tweenVars, 0); // Note: position 0 does the "parallel" stuff here
+        }
+    };
+    return PlacementAnimation;
+}());
+exports.PlacementAnimation = PlacementAnimation;
 //# sourceMappingURL=placementAnimation.js.map