feat(fab,icon): animation can be disabled

Author: marcjulian

projects/core/src/lib/fab/fab.component.html

@@ -1,4 +1,4 @@
-<ion-fab *ngIf="visible" (@fabAnim.done)="fabAnimDone($event)" [@fabAnim]="horizontal"
+<ion-fab *ngIf="visible" [@.disabled]="animationDisabled" (@fabAnim.done)="fabAnimDone($event)" [@fabAnim]="horizontal"
   [ngClass]="[mode,horizontal,vertical]" [slot]="slot">
   <fiv-spinner *ngIf="!extended && loading" (fivProgress)="rotate($event)" #spinner (fivComplete)="fillAnimationDone()"
     class="spinner" [circleRadius]="30" [diameter]="68" [strokeWidth]="4" [mode]="'indeterminate'">

projects/core/src/lib/fab/fab.component.ts

@@ -99,6 +99,7 @@ export class FivFab implements OnInit, OnDestroy, AfterContentInit {
   @Input() disabled = false;
   @Input() visible = true;
   @Input() pulse = false;
+  @Input() animationDisabled = false;
   @Input() set scroll(scroll: boolean) {
     this._scroll = scroll;
     this.$onDestroy.next();

projects/core/src/lib/icon/icon.component.html

@@ -1,13 +1,13 @@
-<ion-icon [slot]="slot" class="icon" [@rotateAnim]="state" (@rotateAnim.done)="rotateAnimDone($event)" [name]="_name"
-    [color]="color"></ion-icon>
-<span [@scaleAnim]="indicatorState" *ngIf="dot" class="indicator-dot"></span>
+<ion-icon [slot]="slot" class="icon" [@.disabled]="animationDisabled" [@rotateAnim]="state"
+    (@rotateAnim.done)="rotateAnimDone($event)" [name]="_name" [color]="color"></ion-icon>
+<span [@.disabled]="animationDisabled" [@scaleAnim]="indicatorState" *ngIf="dot" class="indicator-dot"></span>
 <span class="off-background" *ngIf="off"></span>
 <span class="off" *ngIf="off"></span>
 <span *ngIf="smallIcon && badge == 0 && !dot" class="indicator-small-icon">
     <ion-icon [color]="color" slot="icon-only" [name]="smallIcon"></ion-icon>
 </span>
-<span *ngIf="badge > 0 && !dot" [@scaleAnim]="badgeState" (@scaleAnim.done)="incrementDone($event)"
-    class="indicator-badge">
+<span *ngIf="badge > 0 && !dot" [@.disabled]="animationDisabled" [@scaleAnim]="badgeState"
+    (@scaleAnim.done)="incrementDone($event)" class="indicator-badge">
     <span *ngIf="badge <= 9">{{badge}}</span>
     <span *ngIf="badge > 9">9+</span>
 </span>

projects/core/src/lib/icon/icon.component.ts

@@ -59,6 +59,7 @@ export class FivIcon implements OnInit {
   @Input() slot: string;
   @Input() smallIcon: string;
   @Input() off = false;
+  @Input() animationDisabled = false;
   @Output() transitionDone = new EventEmitter<string>();
 
   indicatorState: 'normal' | 'scale' = 'scale';