@breadstone/mosaik-elements-angular 0.0.51 → 0.0.53

package/fesm2022/mosaik-elements-angular.mjs

@@ -55594,7 +55594,6 @@ function provideAnimate(config) {
 }
 
 // #region Imports
-// #endregion
 /**
  * @public
  */
@@ -55605,8 +55604,7 @@ class AnimateDirective {
     _animationPlayer;
     _renderer;
     _wasTriggered;
-    _animationOptions;
-    _animation;
+    _options;
     // #endregion
     // #region Ctor
     constructor() {
@@ -55615,32 +55613,20 @@ class AnimateDirective {
         this._animationPlayer = inject(AnimationPlayer2);
         this._renderer = inject(Renderer2);
         this._wasTriggered = false;
-        this._animationOptions = undefined;
-        this._animation = undefined;
+        this._options = undefined;
     }
     // #endregion
     // #region Properties
-    /**
-     * Gets or sets the `animation` property.
-     *
-     * @public
-     */
-    get animation() {
-        return this._animation;
-    }
-    set animation(value) {
-        this._animation = value;
-    }
     /**
      * Gets or sets the `options` property.
      *
      * @public
      */
     get options() {
-        return this._animationOptions;
+        return this._options;
     }
     set options(value) {
-        this._animationOptions = value;
+        this._options = value;
     }
     // #endregion
     // #region Methods
@@ -55650,47 +55636,40 @@ class AnimateDirective {
     ngOnInit() {
         this.tryTrigger();
     }
-    /**
-     * @public
-     */
-    ngOnChanges(changes) {
-        if ('optionsOrRef' in changes) {
-            this.tryTrigger();
-        }
-    }
-    /**
-     * @public
-     */
-    ngOnDestroy() {
-        // optionally cancel animation if needed
-    }
     /**
      * @private
      */
     tryTrigger() {
-        if (this._wasTriggered || !this.options) {
+        if (typeof this._options === 'string') {
+            this._options = this._registry[this._options];
+            if (this._options) {
+                console.warn(`[AnimateDirective]: The animation with "${this._options}" was not found.`);
+                return;
+            }
+        }
+        if (this._wasTriggered) {
             return;
         }
         this._wasTriggered = true;
-        const options = this.options;
-        const el = this._element.nativeElement;
-        // apply `from` and `initial` styles
         const from = {
-            ...options.from,
-            ...options.initial
+            ...this._options?.from,
+            ...this._options?.initial
         };
         for (const [k, v] of Object.entries(from)) {
-            if (k in el.style) {
-                this._renderer.setStyle(el, k, v);
+            if (k in this._element.nativeElement.style) {
+                this._renderer.setStyle(this._element.nativeElement, k, v);
             }
         }
-        if (options.trigger) {
-            options.trigger(() => this.play(options));
+        if (this._options?.trigger) {
+            this._options.trigger(() => this.play(this._options));
         }
         else {
-            this.play(options);
+            this.play(this._options);
         }
     }
+    /**
+     * @private
+     */
     play(options) {
         void this._animationPlayer.play(this._element.nativeElement, options.to, {
             duration: 333,
@@ -55701,7 +55680,7 @@ class AnimateDirective {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AnimateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.4", type: AnimateDirective, isStandalone: true, selector: "[mosaikAnimate]", inputs: { animation: ["mosaikAnimate", "animation"], options: ["mosaikAnimateOptions", "options"] }, usesOnChanges: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.4", type: AnimateDirective, isStandalone: true, selector: "[mosaikAnimate]", inputs: { options: ["mosaikAnimate", "options"] }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AnimateDirective, decorators: [{
             type: Directive,
@@ -55709,16 +55688,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
                     selector: '[mosaikAnimate]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [], propDecorators: { animation: [{
+        }], ctorParameters: () => [], propDecorators: { options: [{
                 type: Input,
                 args: [{
                         alias: 'mosaikAnimate',
-                        required: true
-                    }]
-            }], options: [{
-                type: Input,
-                args: [{
-                        alias: 'mosaikAnimateOptions'
+                        required: true,
                     }]
             }] } });