ng-animated-icons 0.0.1 → 1.0.0

package/README.md

@@ -30,11 +30,15 @@ npm i ng-animated-icons
 pnpm i ng-animated-icons
 ```
 
+Yarn has some known issues with installing peer dependencies automatically, and need to be installed explicitly:
+
 ```bash
-yarn add ng-animated-icons
+yarn add ng-animated-icons @angular/cdk
 ```
 
-Or copy just the required icons from the repository. Use [the docs](https://icons.ajitpanigrahi.com/) to find the files and copy the source code into your project. The only relative import is for the injection token, so consider adding this file directory beside your icons or you can delete the relevant lines if you choose to skip this.
+Or copy just the required icons from the repository.
+
+Use [the docs](https://icons.ajitpanigrahi.com/) to find the files and copy the source code into your project. The only relative import is for the injection token, so consider either adding this file directory beside your icons or you can delete the relevant lines should you choose to skip this.
 
 ## Usage
 

package/fesm2022/ng-animated-icons.mjs

@@ -3270,7 +3270,7 @@ class BatteryChargingIcon {
     handleMouseEnter(forced = false) {
         if (forced || (!this.animate() && !this.isAnimating())) {
             this.isAnimating.set(true);
-            this.#timer = setTimeout(() => this.isAnimating.set(false), 1400);
+            this.#timer = setTimeout(() => this.isAnimating.set(false), 1500);
         }
     }
     constructor() {
@@ -3307,7 +3307,7 @@ class BatteryChargingIcon {
 			<svg:path class="battery-charging" d="m11 7-3 5h4l-3 5" />
 			<svg:line x1="22" x2="22" y1="11" y2="13" />
 		</svg>
-	`, isInline: true, styles: [":host{display:inline-block}.battery-icon{overflow:visible}.battery-charging-icon.animate .battery-charging{opacity:0;animation:blink .5s 3}@keyframes blink{0%,to{opacity:1}50%{opacity:.1}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, styles: [":host{display:inline-block}.battery-charging-icon{overflow:visible}.battery-charging-icon.animate .battery-charging{opacity:0;animation:blink .5s 3}@keyframes blink{0%,to{opacity:1}50%{opacity:.1}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BatteryChargingIcon, decorators: [{
             type: Component,
@@ -3335,7 +3335,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                         'aria-label': 'battery-charging',
                         role: 'img',
                         '(mouseenter)': 'handleMouseEnter()',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-block}.battery-icon{overflow:visible}.battery-charging-icon.animate .battery-charging{opacity:0;animation:blink .5s 3}@keyframes blink{0%,to{opacity:1}50%{opacity:.1}}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-block}.battery-charging-icon{overflow:visible}.battery-charging-icon.animate .battery-charging{opacity:0;animation:blink .5s 3}@keyframes blink{0%,to{opacity:1}50%{opacity:.1}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], strokeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "strokeWidth", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], animate: [{ type: i0.Input, args: [{ isSignal: true, alias: "animate", required: false }] }] } });
 
 class BatteryFullIcon {
@@ -3350,7 +3350,7 @@ class BatteryFullIcon {
     handleMouseEnter(forced = false) {
         if (forced || (!this.animate() && !this.isAnimating())) {
             this.isAnimating.set(true);
-            this.#timer = setTimeout(() => this.isAnimating.set(false), 1400);
+            this.#timer = setTimeout(() => this.isAnimating.set(false), 1500);
         }
     }
     constructor() {
@@ -3388,7 +3388,7 @@ class BatteryFullIcon {
 			<svg:line class="battery-bar battery-bar-2" x1="10" x2="10" y1="11" y2="13" />
 			<svg:line class="battery-bar battery-bar-3" x1="14" x2="14" y1="11" y2="13" />
 		</svg>
-	`, isInline: true, styles: [":host{display:inline-block}.battery-icon{overflow:visible}.battery-bar{opacity:1;transition:opacity .3s ease}.battery-icon.animate .battery-bar{animation:fadeInSequence .3s ease forwards}.battery-icon.animate .battery-bar-1{opacity:0;animation-delay:.4s}.battery-icon.animate .battery-bar-2{opacity:0;animation-delay:.8s}.battery-icon.animate .battery-bar-3{opacity:0;animation-delay:1.2s}@keyframes fadeInSequence{0%{opacity:0}to{opacity:1}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, styles: [":host{display:inline-block}.battery-full-icon{overflow:visible}.battery-bar{opacity:1;transition:opacity .3s ease}.battery-full-icon.animate .battery-bar{animation:fadeInSequence .3s ease forwards}.battery-full-icon.animate .battery-bar-1{opacity:0;animation-delay:.4s}.battery-full-icon.animate .battery-bar-2{opacity:0;animation-delay:.8s}.battery-full-icon.animate .battery-bar-3{opacity:0;animation-delay:1.2s}@keyframes fadeInSequence{0%{opacity:0}to{opacity:1}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BatteryFullIcon, decorators: [{
             type: Component,
@@ -3417,7 +3417,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                         'aria-label': 'battery-full',
                         role: 'img',
                         '(mouseenter)': 'handleMouseEnter()',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-block}.battery-icon{overflow:visible}.battery-bar{opacity:1;transition:opacity .3s ease}.battery-icon.animate .battery-bar{animation:fadeInSequence .3s ease forwards}.battery-icon.animate .battery-bar-1{opacity:0;animation-delay:.4s}.battery-icon.animate .battery-bar-2{opacity:0;animation-delay:.8s}.battery-icon.animate .battery-bar-3{opacity:0;animation-delay:1.2s}@keyframes fadeInSequence{0%{opacity:0}to{opacity:1}}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-block}.battery-full-icon{overflow:visible}.battery-bar{opacity:1;transition:opacity .3s ease}.battery-full-icon.animate .battery-bar{animation:fadeInSequence .3s ease forwards}.battery-full-icon.animate .battery-bar-1{opacity:0;animation-delay:.4s}.battery-full-icon.animate .battery-bar-2{opacity:0;animation-delay:.8s}.battery-full-icon.animate .battery-bar-3{opacity:0;animation-delay:1.2s}@keyframes fadeInSequence{0%{opacity:0}to{opacity:1}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], strokeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "strokeWidth", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], animate: [{ type: i0.Input, args: [{ isSignal: true, alias: "animate", required: false }] }] } });
 
 class BatteryLowIcon {
@@ -3432,7 +3432,7 @@ class BatteryLowIcon {
     handleMouseEnter(forced = false) {
         if (forced || (!this.animate() && !this.isAnimating())) {
             this.isAnimating.set(true);
-            this.#timer = setTimeout(() => this.isAnimating.set(false), 1400);
+            this.#timer = setTimeout(() => this.isAnimating.set(false), 700);
         }
     }
     constructor() {
@@ -3468,7 +3468,7 @@ class BatteryLowIcon {
 			<svg:line x1="22" x2="22" y1="11" y2="13" />
 			<svg:line class="battery-bar battery-bar-1" x1="6" x2="6" y1="11" y2="13" />
 		</svg>
-	`, isInline: true, styles: [":host{display:inline-block}.battery-icon{overflow:visible}.battery-bar{opacity:1;transition:opacity .3s ease}.battery-icon.animate .battery-bar{animation:fadeInSequence .3s ease forwards}.battery-icon.animate .battery-bar-1{opacity:0;animation-delay:.4s}@keyframes fadeInSequence{0%{opacity:0}to{opacity:1}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, styles: [":host{display:inline-block}.battery-low-icon{overflow:visible}.battery-bar{opacity:1;transition:opacity .3s ease}.battery-low-icon.animate .battery-bar{animation:fadeInSequence .3s ease forwards}.battery-low-icon.animate .battery-bar-1{opacity:0;animation-delay:.4s}@keyframes fadeInSequence{0%{opacity:0}to{opacity:1}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BatteryLowIcon, decorators: [{
             type: Component,
@@ -3495,7 +3495,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                         'aria-label': 'battery-low',
                         role: 'img',
                         '(mouseenter)': 'handleMouseEnter()',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-block}.battery-icon{overflow:visible}.battery-bar{opacity:1;transition:opacity .3s ease}.battery-icon.animate .battery-bar{animation:fadeInSequence .3s ease forwards}.battery-icon.animate .battery-bar-1{opacity:0;animation-delay:.4s}@keyframes fadeInSequence{0%{opacity:0}to{opacity:1}}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-block}.battery-low-icon{overflow:visible}.battery-bar{opacity:1;transition:opacity .3s ease}.battery-low-icon.animate .battery-bar{animation:fadeInSequence .3s ease forwards}.battery-low-icon.animate .battery-bar-1{opacity:0;animation-delay:.4s}@keyframes fadeInSequence{0%{opacity:0}to{opacity:1}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], strokeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "strokeWidth", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], animate: [{ type: i0.Input, args: [{ isSignal: true, alias: "animate", required: false }] }] } });
 
 class BatteryMediumIcon {
@@ -3510,7 +3510,7 @@ class BatteryMediumIcon {
     handleMouseEnter(forced = false) {
         if (forced || (!this.animate() && !this.isAnimating())) {
             this.isAnimating.set(true);
-            this.#timer = setTimeout(() => this.isAnimating.set(false), 1400);
+            this.#timer = setTimeout(() => this.isAnimating.set(false), 1100);
         }
     }
     constructor() {
@@ -3547,7 +3547,7 @@ class BatteryMediumIcon {
 			<svg:line class="battery-bar battery-bar-1" x1="6" x2="6" y1="11" y2="13" />
 			<svg:line class="battery-bar battery-bar-2" x1="10" x2="10" y1="11" y2="13" />
 		</svg>
-	`, isInline: true, styles: [":host{display:inline-block}.battery-icon{overflow:visible}.battery-bar{opacity:1;transition:opacity .3s ease}.battery-icon.animate .battery-bar{animation:fadeInSequence .3s ease forwards}.battery-icon.animate .battery-bar-1{opacity:0;animation-delay:.4s}.battery-icon.animate .battery-bar-2{opacity:0;animation-delay:.8s}@keyframes fadeInSequence{0%{opacity:0}to{opacity:1}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, styles: [":host{display:inline-block}.battery-medium-icon{overflow:visible}.battery-bar{opacity:1;transition:opacity .3s ease}.battery-medium-icon.animate .battery-bar{animation:fadeInSequence .3s ease forwards}.battery-medium-icon.animate .battery-bar-1{opacity:0;animation-delay:.4s}.battery-medium-icon.animate .battery-bar-2{opacity:0;animation-delay:.8s}@keyframes fadeInSequence{0%{opacity:0}to{opacity:1}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BatteryMediumIcon, decorators: [{
             type: Component,
@@ -3575,7 +3575,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                         'aria-label': 'battery-medium',
                         role: 'img',
                         '(mouseenter)': 'handleMouseEnter()',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-block}.battery-icon{overflow:visible}.battery-bar{opacity:1;transition:opacity .3s ease}.battery-icon.animate .battery-bar{animation:fadeInSequence .3s ease forwards}.battery-icon.animate .battery-bar-1{opacity:0;animation-delay:.4s}.battery-icon.animate .battery-bar-2{opacity:0;animation-delay:.8s}@keyframes fadeInSequence{0%{opacity:0}to{opacity:1}}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-block}.battery-medium-icon{overflow:visible}.battery-bar{opacity:1;transition:opacity .3s ease}.battery-medium-icon.animate .battery-bar{animation:fadeInSequence .3s ease forwards}.battery-medium-icon.animate .battery-bar-1{opacity:0;animation-delay:.4s}.battery-medium-icon.animate .battery-bar-2{opacity:0;animation-delay:.8s}@keyframes fadeInSequence{0%{opacity:0}to{opacity:1}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], strokeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "strokeWidth", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], animate: [{ type: i0.Input, args: [{ isSignal: true, alias: "animate", required: false }] }] } });
 
 class BatteryWarningIcon {
@@ -3590,7 +3590,7 @@ class BatteryWarningIcon {
     handleMouseEnter(forced = false) {
         if (forced || (!this.animate() && !this.isAnimating())) {
             this.isAnimating.set(true);
-            this.#timer = setTimeout(() => this.isAnimating.set(false), 1400);
+            this.#timer = setTimeout(() => this.isAnimating.set(false), 1500);
         }
     }
     constructor() {
@@ -3628,7 +3628,7 @@ class BatteryWarningIcon {
 			<svg:path d="M22 11v2" />
 			<svg:path d="M6 7H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2" />
 		</svg>
-	`, isInline: true, styles: [":host{display:inline-block}.battery-icon{overflow:visible}.battery-icon.animate .battery-warning{opacity:0;animation:blink .5s 3}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, styles: [":host{display:inline-block}.battery-warning-icon{overflow:visible}.battery-warning-icon.animate .battery-warning{opacity:0;animation:blink .5s 3}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BatteryWarningIcon, decorators: [{
             type: Component,
@@ -3657,7 +3657,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                         'aria-label': 'battery-warning',
                         role: 'img',
                         '(mouseenter)': 'handleMouseEnter()',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-block}.battery-icon{overflow:visible}.battery-icon.animate .battery-warning{opacity:0;animation:blink .5s 3}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-block}.battery-warning-icon{overflow:visible}.battery-warning-icon.animate .battery-warning{opacity:0;animation:blink .5s 3}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], strokeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "strokeWidth", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], animate: [{ type: i0.Input, args: [{ isSignal: true, alias: "animate", required: false }] }] } });
 
 class BatteryIcon {
@@ -3672,7 +3672,7 @@ class BatteryIcon {
     handleMouseEnter(forced = false) {
         if (forced || (!this.animate() && !this.isAnimating())) {
             this.isAnimating.set(true);
-            this.#timer = setTimeout(() => this.isAnimating.set(false), 1400);
+            this.#timer = setTimeout(() => this.isAnimating.set(false), 1500);
         }
     }
     constructor() {
@@ -9990,7 +9990,7 @@ class CheckCheckIcon {
     handleMouseEnter(forced = false) {
         if (forced || (!this.animate() && !this.isAnimating())) {
             this.isAnimating.set(true);
-            this.#timer = setTimeout(() => this.isAnimating.set(false), 1400);
+            this.#timer = setTimeout(() => this.isAnimating.set(false), 500);
         }
     }
     constructor() {
@@ -10066,7 +10066,7 @@ class CheckIcon {
     handleMouseEnter(forced = false) {
         if (forced || (!this.animate() && !this.isAnimating())) {
             this.isAnimating.set(true);
-            this.#timer = setTimeout(() => this.isAnimating.set(false), 1400);
+            this.#timer = setTimeout(() => this.isAnimating.set(false), 500);
         }
     }
     constructor() {
@@ -11196,7 +11196,7 @@ class CircleAlertIcon {
     handleMouseEnter(forced = false) {
         if (forced || (!this.animate() && !this.isAnimating())) {
             this.isAnimating.set(true);
-            this.#timer = setTimeout(() => this.isAnimating.set(false), 1400);
+            this.#timer = setTimeout(() => this.isAnimating.set(false), 500);
         }
     }
     constructor() {
@@ -11234,7 +11234,7 @@ class CircleAlertIcon {
 				<svg:line x1="12" x2="12.01" y1="16" y2="16" />
 			</svg:g>
 		</svg>
-	`, isInline: true, styles: [":host{display:inline-block}.animate-icon{animation:primaryAnimation .5s ease-in-out}@keyframes primaryAnimation{0%{transform:scale(1) rotate(0)}20%{transform:scale(1.1) rotate(-3deg)}40%{transform:scale(1.1) rotate(3deg)}60%{transform:scale(1.1) rotate(-2deg)}to{transform:scale(1) rotate(0)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, styles: [":host{display:inline-block}.circle-alert-icon.animate{animation:primaryAnimation .5s ease-in-out}@keyframes primaryAnimation{0%{transform:scale(1) rotate(0)}20%{transform:scale(1.1) rotate(-3deg)}40%{transform:scale(1.1) rotate(3deg)}60%{transform:scale(1.1) rotate(-2deg)}to{transform:scale(1) rotate(0)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CircleAlertIcon, decorators: [{
             type: Component,
@@ -11263,7 +11263,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                         'aria-label': 'circle-alert',
                         role: 'img',
                         '(mouseenter)': 'handleMouseEnter()',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-block}.animate-icon{animation:primaryAnimation .5s ease-in-out}@keyframes primaryAnimation{0%{transform:scale(1) rotate(0)}20%{transform:scale(1.1) rotate(-3deg)}40%{transform:scale(1.1) rotate(3deg)}60%{transform:scale(1.1) rotate(-2deg)}to{transform:scale(1) rotate(0)}}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-block}.circle-alert-icon.animate{animation:primaryAnimation .5s ease-in-out}@keyframes primaryAnimation{0%{transform:scale(1) rotate(0)}20%{transform:scale(1.1) rotate(-3deg)}40%{transform:scale(1.1) rotate(3deg)}60%{transform:scale(1.1) rotate(-2deg)}to{transform:scale(1) rotate(0)}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], strokeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "strokeWidth", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], animate: [{ type: i0.Input, args: [{ isSignal: true, alias: "animate", required: false }] }] } });
 
 class CircleArrowDownIcon {
@@ -35723,7 +35723,7 @@ class TriangleAlertIcon {
     handleMouseEnter(forced = false) {
         if (forced || (!this.animate() && !this.isAnimating())) {
             this.isAnimating.set(true);
-            this.#timer = setTimeout(() => this.isAnimating.set(false), 1400);
+            this.#timer = setTimeout(() => this.isAnimating.set(false), 500);
         }
     }
     constructor() {
@@ -35759,7 +35759,7 @@ class TriangleAlertIcon {
 			<svg:path d="M12 9v4" />
 			<svg:path d="M12 17h.01" />
 		</svg>
-	`, isInline: true, styles: [":host{display:inline-block}.animate-icon{animation:primaryAnimation .5s ease-in-out}@keyframes primaryAnimation{0%{transform:scale(1) rotate(0)}20%{transform:scale(1.1) rotate(-3deg)}40%{transform:scale(1.1) rotate(3deg)}60%{transform:scale(1.1) rotate(-2deg)}to{transform:scale(1) rotate(0)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, styles: [":host{display:inline-block}.triangle-alert-icon.animate{animation:primaryAnimation .5s ease-in-out}@keyframes primaryAnimation{0%{transform:scale(1) rotate(0)}20%{transform:scale(1.1) rotate(-3deg)}40%{transform:scale(1.1) rotate(3deg)}60%{transform:scale(1.1) rotate(-2deg)}to{transform:scale(1) rotate(0)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TriangleAlertIcon, decorators: [{
             type: Component,
@@ -35786,7 +35786,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                         'aria-label': 'triangle-alert',
                         role: 'img',
                         '(mouseenter)': 'handleMouseEnter()',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-block}.animate-icon{animation:primaryAnimation .5s ease-in-out}@keyframes primaryAnimation{0%{transform:scale(1) rotate(0)}20%{transform:scale(1.1) rotate(-3deg)}40%{transform:scale(1.1) rotate(3deg)}60%{transform:scale(1.1) rotate(-2deg)}to{transform:scale(1) rotate(0)}}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-block}.triangle-alert-icon.animate{animation:primaryAnimation .5s ease-in-out}@keyframes primaryAnimation{0%{transform:scale(1) rotate(0)}20%{transform:scale(1.1) rotate(-3deg)}40%{transform:scale(1.1) rotate(3deg)}60%{transform:scale(1.1) rotate(-2deg)}to{transform:scale(1) rotate(0)}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], strokeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "strokeWidth", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], animate: [{ type: i0.Input, args: [{ isSignal: true, alias: "animate", required: false }] }] } });
 
 class UmbrellaOffIcon {