@breadstone/mosaik-elements-angular 0.0.94 → 0.0.95

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## 0.0.95 (2025-08-09)
+
+### 🩹 Fixes
+
+- refactor animation properties in AnimateDirective and Animation to improve type safety ([c59fd6dd7f](https://github.com/RueDeRennes/mosaik/commit/c59fd6dd7f))
+- update import path for FileCache and increment release version to 0.0.94 ([54601adcea](https://github.com/RueDeRennes/mosaik/commit/54601adcea))
+
 ## 0.0.94 (2025-08-09)
 
 ### 🩹 Fixes

package/fesm2022/mosaik-elements-angular.mjs

@@ -56858,6 +56858,7 @@ class AnimateDirective {
     _animationPlayer;
     _renderer;
     _wasTriggered;
+    _animate;
     _options;
     // #endregion
     // #region Ctor
@@ -56872,10 +56873,22 @@ class AnimateDirective {
         this._animationPlayer = inject(AnimationPlayer2);
         this._renderer = inject(Renderer2);
         this._wasTriggered = false;
+        this._animate = undefined;
         this._options = undefined;
     }
     // #endregion
     // #region Properties
+    /**
+     * Gets or sets the `options` property.
+     *
+     * @public
+     */
+    get animate() {
+        return this._animate;
+    }
+    set animate(value) {
+        this._animate = value;
+    }
     /**
      * Gets or sets the `options` property.
      *
@@ -56904,36 +56917,40 @@ class AnimateDirective {
         }
         let hasName = false;
         let name = undefined;
-        if (typeof this._options === 'string') {
+        if (typeof this._animate === 'string') {
             hasName = true;
-            name = this._options;
+            name = this._animate;
         }
-        else if (this._options && 'name' in this._options && this._options.name) {
+        else if (this._animate && 'name' in this._animate && this._animate.name) {
             hasName = true;
-            name = this._options.name;
+            name = this._animate.name;
         }
         if (hasName && name) {
-            this._options = this._animationRegistry.animations[name];
-            if (!this._options) {
+            this._animate = this._animationRegistry.animations[name];
+            if (!this._animate) {
                 console.warn(`[AnimateDirective]: The animation with "${name}" was not found.`);
                 return;
             }
         }
+        this._animate.options = {
+            ...this._animate.options,
+            ...this._options
+        };
         this._wasTriggered = true;
         const from = {
-            ...this._options.from,
-            ...this._options.initial
+            ...this._animate.from,
+            ...this._animate.initial
         };
         for (const [k, v] of Object.entries(from)) {
             if (k in this._element.nativeElement.style) {
                 this._renderer.setStyle(this._element.nativeElement, k, v);
             }
         }
-        if (this._options && 'trigger' in this._options) {
-            this._options.trigger(() => this.play(this._options));
+        if (this._animate && 'trigger' in this._animate) {
+            this._animate.trigger(() => this.play(this._animate));
         }
         else {
-            this.play(this._options);
+            this.play(this._animate);
         }
     }
     /**
@@ -56953,7 +56970,7 @@ class AnimateDirective {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AnimateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.6", type: AnimateDirective, isStandalone: true, selector: "[mosaikAnimate]", inputs: { options: ["mosaikAnimate", "options"] }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.6", type: AnimateDirective, isStandalone: true, selector: "[mosaikAnimate]", inputs: { animate: ["mosaikAnimate", "animate"], options: ["mosaikAnimateOptions", "options"] }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AnimateDirective, decorators: [{
             type: Directive,
@@ -56961,12 +56978,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                     selector: '[mosaikAnimate]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [], propDecorators: { options: [{
+        }], ctorParameters: () => [], propDecorators: { animate: [{
                 type: Input,
                 args: [{
                         alias: 'mosaikAnimate',
                         required: true
                     }]
+            }], options: [{
+                type: Input,
+                args: [{
+                        alias: 'mosaikAnimateOptions',
+                        required: false
+                    }]
             }] } });
 
 // #region Imports