ngx-mat-alert-confirm - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

bundles/ngx-mat-alert-confirm.umd.js

 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('angular-animations'), require('@angular/material/snack-bar'), require('@angular/material/dialog'), require('@angular/core'), require('@angular/platform-browser'), require('@angular/platform-browser/animations'), require('@angular/forms'), require('@angular/material')) :
-    typeof define === 'function' && define.amd ? define('ngx-mat-alert-confirm', ['exports', 'angular-animations', '@angular/material/snack-bar', '@angular/material/dialog', '@angular/core', '@angular/platform-browser', '@angular/platform-browser/animations', '@angular/forms', '@angular/material'], factory) :
-    (factory((global['ngx-mat-alert-confirm'] = {}),global['angular-animations'],global.ng.material['snack-bar'],global.ng.material.dialog,global.ng.core,global.ng.platformBrowser,global.ng.platformBrowser.animations,global.ng.forms,global.ng.material));
-}(this, (function (exports,angularAnimations,i1,i2,i0,platformBrowser,animations,forms,material) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/platform-browser'), require('angular-animations'), require('@angular/material/snack-bar'), require('@angular/material/dialog'), require('@angular/core'), require('@angular/platform-browser/animations'), require('@angular/forms'), require('@angular/material')) :
+    typeof define === 'function' && define.amd ? define('ngx-mat-alert-confirm', ['exports', '@angular/platform-browser', 'angular-animations', '@angular/material/snack-bar', '@angular/material/dialog', '@angular/core', '@angular/platform-browser/animations', '@angular/forms', '@angular/material'], factory) :
+    (factory((global['ngx-mat-alert-confirm'] = {}),global.ng.platformBrowser,global['angular-animations'],global.ng.material['snack-bar'],global.ng.material.dialog,global.ng.core,global.ng.platformBrowser.animations,global.ng.forms,global.ng.material));
+}(this, (function (exports,platformBrowser,angularAnimations,i1,i2,i0,animations,forms,material) { 'use strict';
 
@@ -514,3 +514,2 @@ /**
                         imports: [
-                            platformBrowser.BrowserModule,
                             animations.BrowserAnimationsModule,
@@ -517,0 +516,0 @@ forms.FormsModule,

bundles/ngx-mat-alert-confirm.umd.min.js

@@ -1,2 +0,2 @@
-!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("angular-animations"),require("@angular/material/snack-bar"),require("@angular/material/dialog"),require("@angular/core"),require("@angular/platform-browser"),require("@angular/platform-browser/animations"),require("@angular/forms"),require("@angular/material")):"function"==typeof define&&define.amd?define("ngx-mat-alert-confirm",["exports","angular-animations","@angular/material/snack-bar","@angular/material/dialog","@angular/core","@angular/platform-browser","@angular/platform-browser/animations","@angular/forms","@angular/material"],n):n(t["ngx-mat-alert-confirm"]={},t["angular-animations"],t.ng.material["snack-bar"],t.ng.material.dialog,t.ng.core,t.ng.platformBrowser,t.ng.platformBrowser.animations,t.ng.forms,t.ng.material)}(this,function(t,n,i,o,a,e,l,s,c){"use strict";var r=(d.prototype.ngOnInit=function(){var t;this.data.message&&(this.data.message=this.sanitizer.bypassSecurityTrustHtml(this.data.message)),this.data.width?(t=parseInt(this.data.width),this.data.width=Math.min(Math.max(t,250),400)+"px"):this.data.width="250px",this.data.titleSize&&(this.data.titleSize=this.data.titleSize+"px"),this.data.messageSize&&(this.data.messageSize=this.data.messageSize+"px"),this.startTimer(this.initialDuration)},d.prototype.pauseTimer=function(){var t,n=this;this.data.pauseProgressBarOnHover&&(this.timerPaused=!0,t=setInterval(function(){n.data.duration+=50,n.timerPaused||clearInterval(t)},50))},d.prototype.resumeTimer=function(){this.data.pauseProgressBarOnHover&&(this.timerPaused=!1,this.startTimer(this.initialDuration))},d.prototype.closeSelf=function(t){t.stopPropagation(),this.snackbarRef.dismiss()},d.prototype.closeOnClick=function(t){this.data.closeOnClick&&(t.stopPropagation(),this.snackbarRef.dismiss())},d.prototype.closeWithAction=function(){event.stopPropagation(),this.snackbarRef.dismissWithAction()},d.prototype.startTimer=function(n){var i,o,a=this;"decreasing"==this.data.progressBarType?i=setInterval(function(){a.zone.run(function(){a.timerinMilSec-=50;var t=a.timerinMilSec/n*100;a.timer=t,a.changeDetectionRef.markForCheck(),0==a.timer&&(clearInterval(i),a.snackbarRef.dismiss()),a.timerPaused&&clearInterval(i)})},50):o=setInterval(function(){a.zone.run(function(){a.timerinMilSec+=50;var t=a.timerinMilSec/n*100;a.timer=t,a.changeDetectionRef.markForCheck(),100==a.timer&&(clearInterval(o),a.snackbarRef.dismiss()),a.timerPaused&&clearInterval(o)})},50)},d.decorators=[{type:a.Component,args:[{selector:"app-alert-snackbar-toaster",template:'<div [style.width]="data.width||\'\'" style="cursor: default;" (click)="closeOnClick($event)" (mouseenter)="pauseTimer() "\r\n  (mouseleave)="resumeTimer()">\r\n  <div style="padding: 5px 5px;align-items: center;align-content: center;align-self: center;"\r\n    [style.background-color]="data.backgroundColor">\r\n    <button class="small-close-icon" mat-icon-button *ngIf="data.showCloseButton" (click)="closeSelf($event)"\r\n      style="position: absolute;top: 0;right: 0;">\r\n      <mat-icon [color]="data.closeButtonColor==\'accent\'?\'\':data.closeButtonColor" style="font-size: 15px;">close\r\n      </mat-icon>\r\n    </button>\r\n    <div style="display: flex;">\r\n      <div style="min-width: 45px;align-items: center;align-content: center;align-self: center;" *ngIf="data.matIcon">\r\n        <mat-icon style="font-size: 40px;margin: 5px 0;" [style.color]="data.iconColor">\r\n          {{data.matIcon}}\r\n        </mat-icon>\r\n      </div>\r\n      <div style="margin-left: 10px;align-items: center;align-content: center;align-self: center;"\r\n        [style.color]="data.textColor">\r\n        <div style="font-weight: 900;" [style.font-size]="data.titleSize||\'16px\'">{{data.title}}</div>\r\n        <div style="font-weight: 400;" [style.font-size]="data.messageSize||\'14px\'" *ngIf="data.message"\r\n          [innerHtml]="data.message"></div>\r\n      </div>\r\n      <span class="example-spacer"></span>\r\n      <div *ngIf="data.showActionButton" (click)="closeWithAction()"\r\n        style="align-items: center;align-content: center;align-self: center;">\r\n        <button class="small-action-icon" mat-stroked-button style="position: relative;top: 10px"\r\n          [color]="data.actionButtonColor||\'accent\'">{{data.actionButtonText||\'OK\'}}</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <mat-progress-bar *ngIf="data.showProgressBar" style="height: 3px;" mode="determinate" [color]="data.progressBarColor"\r\n    [ngClass]="data.progressBarColor + \' custom-progressbar\'" [value]="timer">\r\n  </mat-progress-bar>\r\n</div>',encapsulation:a.ViewEncapsulation.None,styles:[".small-close-icon{height:25px!important;width:25px!important;font-size:25px!important;line-height:25px!important}.small-action-icon{height:30px!important;max-width:50px!important;min-width:40px!important;padding:1px 2px!important;font-size:12px!important;line-height:20px!important;text-overflow:clip!important;overflow:hidden!important}.example-spacer{flex:1 1 auto}.mat-snack-bar-container{padding:0!important;min-width:100px!important;min-height:10px!important;overflow-x:hidden;overflow-y:hidden}"]}]}],d.ctorParameters=function(){return[{type:c.MatSnackBarRef},{type:undefined,decorators:[{type:a.Inject,args:[c.MAT_SNACK_BAR_DATA]}]},{type:a.NgZone},{type:a.ChangeDetectorRef},{type:e.DomSanitizer}]},d);function d(t,n,i,o,a){this.snackbarRef=t,this.data=n,this.zone=i,this.changeDetectionRef=o,this.sanitizer=a,this.timerPaused=!1,this.initialDuration=this.data.duration,"decreasing"===n.progressBarType?(this.timer=100,this.timerinMilSec=this.initialDuration):(this.timer=0,this.timerinMilSec=0)}var m=(p.prototype.ngOnInit=function(){this.data.message&&(this.data.message=this.sanitizer.bypassSecurityTrustHtml(this.data.message)),this.animate()},p.prototype.animate=function(){var t=this;this.animationState=!1,setTimeout(function(){t.animationState=!0},1)},p.prototype.dismiss=function(){this.dialogRef.close()},p.prototype.onButtonClick=function(t){this.dialogRef.close(t)},p.decorators=[{type:a.Component,args:[{selector:"app-alert-dialogue-confirm",template:'  <div style="align-content: center;vertical-align: middle;text-align: center;align-items: center;align-self: center;">\n    <ng-container *ngIf="data.matIcon">\n      <ng-container [ngSwitch]="data.iconAnimation">\n        <div *ngSwitchCase="undefined">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n\n        <div *ngSwitchCase="\'bounce\'" [@bounce]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'flash\'" [@flash]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'pulse\'" [@pulse]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'rubberBand\'" [@rubberBand]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'shake\'" [@shake]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'swing\'" [@swing]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'tada\'" [@tada]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'wobble\'" [@wobble]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'jello\'" [@jello]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'heartBeat\'" [@heartBeat]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'headShake\'" [@headShake]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'bounceIn\'" [@bounceIn]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'bounceInDown\'" [@bounceInDown]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'bounceInLeft\'" [@bounceInLeft]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'bounceInRight\'" [@bounceInRight]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'bounceInUp\'" [@bounceInUp]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'bounceOut\'" [@bounceOut]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'bounceOutDown\'" [@bounceOutDown]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'bounceOutLeft\'" [@bounceOutLeft]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'bounceOutRight\'" [@bounceOutRight]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'bounceOutUp\'" [@bounceOutUp]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeIn\'" [@fadeIn]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeInDown\'" [@fadeInDown]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeInDownBig\'" [@fadeInDownBig]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeInLeft\'" [@fadeInLeft]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeInLeftBig\'" [@fadeInLeftBig]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeInRight\'" [@fadeInRight]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeInRightBig\'" [@fadeInRightBig]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeInUp\'" [@fadeInUp]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeInUpBig\'" [@fadeInUpBig]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeOut\'" [@fadeOut]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeOutDown\'" [@fadeOutDown]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeOutDownBig\'" [@fadeOutDownBig]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeOutLeft\'" [@fadeOutLeft]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeOutLeftBig\'" [@fadeOutLeftBig]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeOutRight\'" [@fadeOutRight]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeOutRightBig\'" [@fadeOutRightBig]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeOutUp\'" [@fadeOutUp]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeOutUpBig\'" [@fadeOutUpBig]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'flip\'" [@flip]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'flipInX\'" [@flipInX]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'flipInY\'" [@flipInY]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'flipOutX\'" [@flipOutX]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'flipOutY\'" [@flipOutY]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'lightSpeedIn\'" [@lightSpeedIn]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'lightSpeedOut\'" [@lightSpeedOut]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'rotateIn\'" [@rotateIn]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'rotateInDownLeft\'" [@rotateInDownLeft]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'rotateInDownRight\'" [@rotateInDownRight]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'rotateInUpLeft\'" [@rotateInUpLeft]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'rotateInUpRight\'" [@rotateInUpRight]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'rotateOut\'" [@rotateOut]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'rotateOutDownLeft\'" [@rotateOutDownLeft]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'rotateOutDownRight\'" [@rotateOutDownRight]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'rotateOutUpLeft\'" [@rotateOutUpLeft]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'rotateOutUpRight\'" [@rotateOutUpRight]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'slideInUp\'" [@slideInUp]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'slideInDown\'" [@slideInDown]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'slideInLeft\'" [@slideInLeft]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'slideInRight\'" [@slideInRight]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'slideOutUp\'" [@slideOutUp]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'slideOutDown\'" [@slideOutDown]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'slideOutLeft\'" [@slideOutLeft]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'slideOutRight\'" [@slideOutRight]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'zoomIn\'" [@zoomIn]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'zoomInDown\'" [@zoomInDown]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'zoomInLeft\'" [@zoomInLeft]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'zoomInRight\'" [@zoomInRight]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'zoomInUp\'" [@zoomInUp]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'zoomOut\'" [@zoomOut]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'zoomOutDown\'" [@zoomOutDown]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'zoomOutLeft\'" [@zoomOutLeft]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'zoomOutRight\'" [@zoomOutRight]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'zoomOutUp\'" [@zoomOutUp]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'hinge\'" [@hinge]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'jackInTheBox\'" [@jackInTheBox]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'rollIn\'" [@rollIn]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'rollOut\'" [@rollOut]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'collapse\'" [@collapse]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'rotate\'" [@rotate]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'hueRotate\'" [@hueRotate]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n      </ng-container>\n\n\n    </ng-container>\n    <div style="font-weight: 500;" [style.font-size]="data.titleSize">{{data.title}}</div>\n    <div *ngIf="data.message" style="font-weight: 400;" [style.font-size]="data.messageSize" [innerHtml]="data.message">\n    </div>\n  </div>\n  <div style="display: flex;"\n    style="padding: 0 10px 10px 10px;align-content: center;vertical-align: middle;text-align: center;align-items: center;align-self: center;">\n    <ng-container *ngFor="let btn of data.buttons;let i = index;">\n      <button style="margin-right: 5px" *ngIf="!btn.type||btn.type==\'basic\'" [id]="btn.id" mat-button\n        [color]="btn.color" (click)="onButtonClick(btn.id)">\n        {{btn.text}}\n      </button>\n      <button style="margin-right: 5px" *ngIf="btn.type==\'raised\'" [id]="btn.id" mat-raised-button [color]="btn.color"\n        (click)="onButtonClick(btn.id)">\n        {{btn.text}}\n      </button>\n      <button style="margin-right: 5px" *ngIf="btn.type==\'flat\'" [id]="btn.id" mat-flat-button [color]="btn.color"\n        (click)="onButtonClick(btn.id)">\n        {{btn.text}}\n      </button>\n      <button style="margin-right: 5px" *ngIf="btn.type==\'stroked\'" [id]="btn.id" mat-stroked-button [color]="btn.color"\n        (click)="onButtonClick(btn.id)">\n        {{btn.text}}\n      </button>\n      <button style="margin-right: 5px" *ngIf="btn.type==\'icon\'" [id]="btn.id" mat-icon-button [color]="btn.color"\n        (click)="onButtonClick(btn.id)">\n        <mat-icon>{{btn.icon}}</mat-icon>\n      </button>\n      <button style="margin-right: 5px" *ngIf="btn.type==\'fab\'" [id]="btn.id" mat-fab [color]="btn.color"\n        (click)="onButtonClick(btn.id)">\n        <mat-icon *ngIf="btn.icon">{{btn.icon}}</mat-icon>\n        <ng-container *ngIf="!btn.icon">{{btn.text}}</ng-container>\n      </button>\n      <button style="margin-right: 5px" *ngIf="btn.type==\'minifab\'" [id]="btn.id" mat-mini-fab [color]="btn.color"\n        (click)="onButtonClick(btn.id)">\n        <mat-icon *ngIf="btn.icon">{{btn.icon}}</mat-icon>\n        <ng-container *ngIf="!btn.icon">{{btn.text}}</ng-container>\n      </button>\n    </ng-container>\n  </div>',encapsulation:a.ViewEncapsulation.None,animations:[n.bounceAnimation(),n.flashAnimation(),n.pulseAnimation({anchor:"pulse"}),n.rubberBandAnimation(),n.shakeAnimation(),n.swingAnimation(),n.tadaAnimation(),n.wobbleAnimation(),n.jelloAnimation(),n.heartBeatAnimation(),n.headShakeAnimation(),n.bounceInAnimation(),n.bounceInDownAnimation(),n.bounceInLeftAnimation(),n.bounceInRightAnimation(),n.bounceInUpAnimation(),n.bounceOutAnimation(),n.bounceOutDownAnimation(),n.bounceOutLeftAnimation(),n.bounceOutRightAnimation(),n.bounceOutUpAnimation(),n.fadeInAnimation(),n.fadeInDownAnimation(),n.fadeInDownBigAnimation(),n.fadeInLeftAnimation(),n.fadeInLeftBigAnimation(),n.fadeInRightAnimation(),n.fadeInRightBigAnimation(),n.fadeInUpAnimation(),n.fadeInUpBigAnimation(),n.fadeOutAnimation(),n.fadeOutDownAnimation(),n.fadeOutDownBigAnimation(),n.fadeOutLeftAnimation(),n.fadeOutLeftBigAnimation(),n.fadeOutRightAnimation(),n.fadeOutRightBigAnimation(),n.fadeOutUpAnimation(),n.fadeOutUpBigAnimation(),n.flipAnimation(),n.flipInXAnimation(),n.flipInYAnimation(),n.flipOutXAnimation(),n.flipOutYAnimation(),n.lightSpeedInAnimation(),n.lightSpeedOutAnimation(),n.rotateInAnimation(),n.rotateInDownLeftAnimation(),n.rotateInDownRightAnimation(),n.rotateInUpLeftAnimation(),n.rotateInUpRightAnimation(),n.rotateOutAnimation(),n.rotateOutDownLeftAnimation(),n.rotateOutDownRightAnimation(),n.rotateOutUpLeftAnimation(),n.rotateOutUpRightAnimation(),n.slideInUpAnimation(),n.slideInDownAnimation(),n.slideInLeftAnimation(),n.slideInRightAnimation(),n.slideOutUpAnimation(),n.slideOutDownAnimation(),n.slideOutLeftAnimation(),n.slideOutRightAnimation(),n.zoomInAnimation(),n.zoomInDownAnimation(),n.zoomInLeftAnimation(),n.zoomInRightAnimation(),n.zoomInUpAnimation(),n.zoomOutAnimation(),n.zoomOutDownAnimation(),n.zoomOutLeftAnimation(),n.zoomOutRightAnimation(),n.zoomOutUpAnimation(),n.hingeAnimation(),n.jackInTheBoxAnimation(),n.rollInAnimation(),n.rollOutAnimation(),n.collapseAnimation(),n.rotateAnimation(),n.hueRotateAnimation()],styles:[".example-spacer{flex:1 1 auto}.mat-dialog-container{padding:20px!important;overflow-x:hidden;overflow-y:hidden}"]}]}],p.ctorParameters=function(){return[{type:c.MatDialogRef},{type:undefined,decorators:[{type:a.Inject,args:[c.MAT_DIALOG_DATA]}]},{type:e.DomSanitizer}]},p);function p(t,n,i){this.dialogRef=t,this.data=n,this.sanitizer=i,this.animationState=!0}var f=(g.prototype.toaster=function(t){var n={horizontalPosition:t.horizontalPosition||"right",verticalPosition:t.verticlePosition||"top",data:{title:t.title,titleSize:t.titleSize||null,message:t.message||null,messageSize:t.messageSize||null,width:t.width||null,backgroundColor:t.backgroundColor||null,textColor:t.textColor||null,matIcon:t.matIcon||null,iconColor:t.iconColor||null,showProgressBar:t.showProgressBar||!1,progressBarColor:t.progressBarColor||"accent",progressBarType:t.progressBarType||"increasing",pauseProgressBarOnHover:t.pauseProgressBarOnHover||!1,closeOnClick:t.closeOnClick||!1,showCloseButton:t.showCloseButton||!1,closeButtonColor:t.closeButtonColor||"",showActionButton:t.showActionButton||!1,actionButtonText:t.actionButtonText||"OK",actionButtonColor:t.actionButtonColor||"primary",duration:t.duration||5e3},panelClass:"toastPanel"};return this.snackBar.openFromComponent(r,n)},g.prototype.confirm=function(t){return this.dialogue.open(m,{autoFocus:!1!==t.autoFocus,width:t.width?t.width+"px":undefined,minWidth:"300px",closeOnNavigation:!0,panelClass:"custom-panel",data:{title:t.title,titleSize:t.titleSize+"px"||"20px",message:t.message||null,messageSize:t.messageSize+"px"||"14px",matIcon:t.matIcon||null,iconColor:t.iconColor||null,buttons:t.buttons&&t.buttons.length?t.buttons:[{id:"default",text:"OK",color:"accent",type:"raised"}],iconAnimation:t.iconAnimation||undefined},disableClose:!1!==t.disableClose,restoreFocus:!1!==t.restoreFocus})},g.decorators=[{type:a.Injectable,args:[{providedIn:"root"}]}],g.ctorParameters=function(){return[{type:c.MatSnackBar},{type:c.MatDialog}]},g.ngInjectableDef=a.defineInjectable({factory:function(){return new g(a.inject(i.MatSnackBar),a.inject(o.MatDialog))},token:g,providedIn:"root"}),g);function g(t,n){this.snackBar=t,this.dialogue=n}var u=(v.prototype.ngOnInit=function(){},v.decorators=[{type:a.Component,args:[{selector:"NgxMatAlertConfirm-NgxMatAlertConfirm",template:"\n    <p>\n      ngx-mat-alert-confirm works!\n    </p>\n  "}]}],v.ctorParameters=function(){return[]},v);function v(){}var h=(y.decorators=[{type:a.NgModule,args:[{declarations:[u,m,r],imports:[e.BrowserModule,l.BrowserAnimationsModule,s.FormsModule,s.ReactiveFormsModule,c.MatSnackBarModule,c.MatDialogModule,c.MatIconModule,c.MatButtonModule,c.MatProgressBarModule,c.MatInputModule,c.MatCheckboxModule,c.MatSelectModule],exports:[u],entryComponents:[m,r]}]}],y);function y(){}t.NgxMatAlertConfirmService=f,t.NgxMatAlertConfirmModule=h,t.ɵb=m,t.ɵc=r,t.ɵa=u,Object.defineProperty(t,"__esModule",{value:!0})});
+!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/platform-browser"),require("angular-animations"),require("@angular/material/snack-bar"),require("@angular/material/dialog"),require("@angular/core"),require("@angular/platform-browser/animations"),require("@angular/forms"),require("@angular/material")):"function"==typeof define&&define.amd?define("ngx-mat-alert-confirm",["exports","@angular/platform-browser","angular-animations","@angular/material/snack-bar","@angular/material/dialog","@angular/core","@angular/platform-browser/animations","@angular/forms","@angular/material"],n):n(t["ngx-mat-alert-confirm"]={},t.ng.platformBrowser,t["angular-animations"],t.ng.material["snack-bar"],t.ng.material.dialog,t.ng.core,t.ng.platformBrowser.animations,t.ng.forms,t.ng.material)}(this,function(t,n,i,o,a,e,l,s,c){"use strict";var r=(m.prototype.ngOnInit=function(){var t;this.data.message&&(this.data.message=this.sanitizer.bypassSecurityTrustHtml(this.data.message)),this.data.width?(t=parseInt(this.data.width),this.data.width=Math.min(Math.max(t,250),400)+"px"):this.data.width="250px",this.data.titleSize&&(this.data.titleSize=this.data.titleSize+"px"),this.data.messageSize&&(this.data.messageSize=this.data.messageSize+"px"),this.startTimer(this.initialDuration)},m.prototype.pauseTimer=function(){var t,n=this;this.data.pauseProgressBarOnHover&&(this.timerPaused=!0,t=setInterval(function(){n.data.duration+=50,n.timerPaused||clearInterval(t)},50))},m.prototype.resumeTimer=function(){this.data.pauseProgressBarOnHover&&(this.timerPaused=!1,this.startTimer(this.initialDuration))},m.prototype.closeSelf=function(t){t.stopPropagation(),this.snackbarRef.dismiss()},m.prototype.closeOnClick=function(t){this.data.closeOnClick&&(t.stopPropagation(),this.snackbarRef.dismiss())},m.prototype.closeWithAction=function(){event.stopPropagation(),this.snackbarRef.dismissWithAction()},m.prototype.startTimer=function(n){var i,o,a=this;"decreasing"==this.data.progressBarType?i=setInterval(function(){a.zone.run(function(){a.timerinMilSec-=50;var t=a.timerinMilSec/n*100;a.timer=t,a.changeDetectionRef.markForCheck(),0==a.timer&&(clearInterval(i),a.snackbarRef.dismiss()),a.timerPaused&&clearInterval(i)})},50):o=setInterval(function(){a.zone.run(function(){a.timerinMilSec+=50;var t=a.timerinMilSec/n*100;a.timer=t,a.changeDetectionRef.markForCheck(),100==a.timer&&(clearInterval(o),a.snackbarRef.dismiss()),a.timerPaused&&clearInterval(o)})},50)},m.decorators=[{type:e.Component,args:[{selector:"app-alert-snackbar-toaster",template:'<div [style.width]="data.width||\'\'" style="cursor: default;" (click)="closeOnClick($event)" (mouseenter)="pauseTimer() "\r\n  (mouseleave)="resumeTimer()">\r\n  <div style="padding: 5px 5px;align-items: center;align-content: center;align-self: center;"\r\n    [style.background-color]="data.backgroundColor">\r\n    <button class="small-close-icon" mat-icon-button *ngIf="data.showCloseButton" (click)="closeSelf($event)"\r\n      style="position: absolute;top: 0;right: 0;">\r\n      <mat-icon [color]="data.closeButtonColor==\'accent\'?\'\':data.closeButtonColor" style="font-size: 15px;">close\r\n      </mat-icon>\r\n    </button>\r\n    <div style="display: flex;">\r\n      <div style="min-width: 45px;align-items: center;align-content: center;align-self: center;" *ngIf="data.matIcon">\r\n        <mat-icon style="font-size: 40px;margin: 5px 0;" [style.color]="data.iconColor">\r\n          {{data.matIcon}}\r\n        </mat-icon>\r\n      </div>\r\n      <div style="margin-left: 10px;align-items: center;align-content: center;align-self: center;"\r\n        [style.color]="data.textColor">\r\n        <div style="font-weight: 900;" [style.font-size]="data.titleSize||\'16px\'">{{data.title}}</div>\r\n        <div style="font-weight: 400;" [style.font-size]="data.messageSize||\'14px\'" *ngIf="data.message"\r\n          [innerHtml]="data.message"></div>\r\n      </div>\r\n      <span class="example-spacer"></span>\r\n      <div *ngIf="data.showActionButton" (click)="closeWithAction()"\r\n        style="align-items: center;align-content: center;align-self: center;">\r\n        <button class="small-action-icon" mat-stroked-button style="position: relative;top: 10px"\r\n          [color]="data.actionButtonColor||\'accent\'">{{data.actionButtonText||\'OK\'}}</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <mat-progress-bar *ngIf="data.showProgressBar" style="height: 3px;" mode="determinate" [color]="data.progressBarColor"\r\n    [ngClass]="data.progressBarColor + \' custom-progressbar\'" [value]="timer">\r\n  </mat-progress-bar>\r\n</div>',encapsulation:e.ViewEncapsulation.None,styles:[".small-close-icon{height:25px!important;width:25px!important;font-size:25px!important;line-height:25px!important}.small-action-icon{height:30px!important;max-width:50px!important;min-width:40px!important;padding:1px 2px!important;font-size:12px!important;line-height:20px!important;text-overflow:clip!important;overflow:hidden!important}.example-spacer{flex:1 1 auto}.mat-snack-bar-container{padding:0!important;min-width:100px!important;min-height:10px!important;overflow-x:hidden;overflow-y:hidden}"]}]}],m.ctorParameters=function(){return[{type:c.MatSnackBarRef},{type:undefined,decorators:[{type:e.Inject,args:[c.MAT_SNACK_BAR_DATA]}]},{type:e.NgZone},{type:e.ChangeDetectorRef},{type:n.DomSanitizer}]},m);function m(t,n,i,o,a){this.snackbarRef=t,this.data=n,this.zone=i,this.changeDetectionRef=o,this.sanitizer=a,this.timerPaused=!1,this.initialDuration=this.data.duration,"decreasing"===n.progressBarType?(this.timer=100,this.timerinMilSec=this.initialDuration):(this.timer=0,this.timerinMilSec=0)}var d=(p.prototype.ngOnInit=function(){this.data.message&&(this.data.message=this.sanitizer.bypassSecurityTrustHtml(this.data.message)),this.animate()},p.prototype.animate=function(){var t=this;this.animationState=!1,setTimeout(function(){t.animationState=!0},1)},p.prototype.dismiss=function(){this.dialogRef.close()},p.prototype.onButtonClick=function(t){this.dialogRef.close(t)},p.decorators=[{type:e.Component,args:[{selector:"app-alert-dialogue-confirm",template:'  <div style="align-content: center;vertical-align: middle;text-align: center;align-items: center;align-self: center;">\n    <ng-container *ngIf="data.matIcon">\n      <ng-container [ngSwitch]="data.iconAnimation">\n        <div *ngSwitchCase="undefined">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n\n        <div *ngSwitchCase="\'bounce\'" [@bounce]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'flash\'" [@flash]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'pulse\'" [@pulse]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'rubberBand\'" [@rubberBand]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'shake\'" [@shake]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'swing\'" [@swing]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'tada\'" [@tada]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'wobble\'" [@wobble]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'jello\'" [@jello]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'heartBeat\'" [@heartBeat]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'headShake\'" [@headShake]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'bounceIn\'" [@bounceIn]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'bounceInDown\'" [@bounceInDown]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'bounceInLeft\'" [@bounceInLeft]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'bounceInRight\'" [@bounceInRight]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'bounceInUp\'" [@bounceInUp]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'bounceOut\'" [@bounceOut]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'bounceOutDown\'" [@bounceOutDown]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'bounceOutLeft\'" [@bounceOutLeft]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'bounceOutRight\'" [@bounceOutRight]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'bounceOutUp\'" [@bounceOutUp]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeIn\'" [@fadeIn]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeInDown\'" [@fadeInDown]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeInDownBig\'" [@fadeInDownBig]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeInLeft\'" [@fadeInLeft]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeInLeftBig\'" [@fadeInLeftBig]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeInRight\'" [@fadeInRight]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeInRightBig\'" [@fadeInRightBig]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeInUp\'" [@fadeInUp]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeInUpBig\'" [@fadeInUpBig]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeOut\'" [@fadeOut]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeOutDown\'" [@fadeOutDown]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeOutDownBig\'" [@fadeOutDownBig]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeOutLeft\'" [@fadeOutLeft]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeOutLeftBig\'" [@fadeOutLeftBig]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeOutRight\'" [@fadeOutRight]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeOutRightBig\'" [@fadeOutRightBig]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeOutUp\'" [@fadeOutUp]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'fadeOutUpBig\'" [@fadeOutUpBig]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'flip\'" [@flip]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'flipInX\'" [@flipInX]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'flipInY\'" [@flipInY]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'flipOutX\'" [@flipOutX]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'flipOutY\'" [@flipOutY]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'lightSpeedIn\'" [@lightSpeedIn]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'lightSpeedOut\'" [@lightSpeedOut]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'rotateIn\'" [@rotateIn]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'rotateInDownLeft\'" [@rotateInDownLeft]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'rotateInDownRight\'" [@rotateInDownRight]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'rotateInUpLeft\'" [@rotateInUpLeft]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'rotateInUpRight\'" [@rotateInUpRight]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'rotateOut\'" [@rotateOut]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'rotateOutDownLeft\'" [@rotateOutDownLeft]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'rotateOutDownRight\'" [@rotateOutDownRight]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'rotateOutUpLeft\'" [@rotateOutUpLeft]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'rotateOutUpRight\'" [@rotateOutUpRight]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'slideInUp\'" [@slideInUp]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'slideInDown\'" [@slideInDown]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'slideInLeft\'" [@slideInLeft]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'slideInRight\'" [@slideInRight]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'slideOutUp\'" [@slideOutUp]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'slideOutDown\'" [@slideOutDown]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'slideOutLeft\'" [@slideOutLeft]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'slideOutRight\'" [@slideOutRight]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'zoomIn\'" [@zoomIn]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'zoomInDown\'" [@zoomInDown]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'zoomInLeft\'" [@zoomInLeft]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'zoomInRight\'" [@zoomInRight]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'zoomInUp\'" [@zoomInUp]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'zoomOut\'" [@zoomOut]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'zoomOutDown\'" [@zoomOutDown]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'zoomOutLeft\'" [@zoomOutLeft]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'zoomOutRight\'" [@zoomOutRight]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'zoomOutUp\'" [@zoomOutUp]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'hinge\'" [@hinge]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'jackInTheBox\'" [@jackInTheBox]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'rollIn\'" [@rollIn]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'rollOut\'" [@rollOut]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'collapse\'" [@collapse]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'rotate\'" [@rotate]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase="\'hueRotate\'" [@hueRotate]="animationState">\n          <mat-icon style="font-size: 70px;position: relative;left: -22px;" [style.color]="data.iconColor">\n            {{data.matIcon}}</mat-icon>\n        </div>\n      </ng-container>\n\n\n    </ng-container>\n    <div style="font-weight: 500;" [style.font-size]="data.titleSize">{{data.title}}</div>\n    <div *ngIf="data.message" style="font-weight: 400;" [style.font-size]="data.messageSize" [innerHtml]="data.message">\n    </div>\n  </div>\n  <div style="display: flex;"\n    style="padding: 0 10px 10px 10px;align-content: center;vertical-align: middle;text-align: center;align-items: center;align-self: center;">\n    <ng-container *ngFor="let btn of data.buttons;let i = index;">\n      <button style="margin-right: 5px" *ngIf="!btn.type||btn.type==\'basic\'" [id]="btn.id" mat-button\n        [color]="btn.color" (click)="onButtonClick(btn.id)">\n        {{btn.text}}\n      </button>\n      <button style="margin-right: 5px" *ngIf="btn.type==\'raised\'" [id]="btn.id" mat-raised-button [color]="btn.color"\n        (click)="onButtonClick(btn.id)">\n        {{btn.text}}\n      </button>\n      <button style="margin-right: 5px" *ngIf="btn.type==\'flat\'" [id]="btn.id" mat-flat-button [color]="btn.color"\n        (click)="onButtonClick(btn.id)">\n        {{btn.text}}\n      </button>\n      <button style="margin-right: 5px" *ngIf="btn.type==\'stroked\'" [id]="btn.id" mat-stroked-button [color]="btn.color"\n        (click)="onButtonClick(btn.id)">\n        {{btn.text}}\n      </button>\n      <button style="margin-right: 5px" *ngIf="btn.type==\'icon\'" [id]="btn.id" mat-icon-button [color]="btn.color"\n        (click)="onButtonClick(btn.id)">\n        <mat-icon>{{btn.icon}}</mat-icon>\n      </button>\n      <button style="margin-right: 5px" *ngIf="btn.type==\'fab\'" [id]="btn.id" mat-fab [color]="btn.color"\n        (click)="onButtonClick(btn.id)">\n        <mat-icon *ngIf="btn.icon">{{btn.icon}}</mat-icon>\n        <ng-container *ngIf="!btn.icon">{{btn.text}}</ng-container>\n      </button>\n      <button style="margin-right: 5px" *ngIf="btn.type==\'minifab\'" [id]="btn.id" mat-mini-fab [color]="btn.color"\n        (click)="onButtonClick(btn.id)">\n        <mat-icon *ngIf="btn.icon">{{btn.icon}}</mat-icon>\n        <ng-container *ngIf="!btn.icon">{{btn.text}}</ng-container>\n      </button>\n    </ng-container>\n  </div>',encapsulation:e.ViewEncapsulation.None,animations:[i.bounceAnimation(),i.flashAnimation(),i.pulseAnimation({anchor:"pulse"}),i.rubberBandAnimation(),i.shakeAnimation(),i.swingAnimation(),i.tadaAnimation(),i.wobbleAnimation(),i.jelloAnimation(),i.heartBeatAnimation(),i.headShakeAnimation(),i.bounceInAnimation(),i.bounceInDownAnimation(),i.bounceInLeftAnimation(),i.bounceInRightAnimation(),i.bounceInUpAnimation(),i.bounceOutAnimation(),i.bounceOutDownAnimation(),i.bounceOutLeftAnimation(),i.bounceOutRightAnimation(),i.bounceOutUpAnimation(),i.fadeInAnimation(),i.fadeInDownAnimation(),i.fadeInDownBigAnimation(),i.fadeInLeftAnimation(),i.fadeInLeftBigAnimation(),i.fadeInRightAnimation(),i.fadeInRightBigAnimation(),i.fadeInUpAnimation(),i.fadeInUpBigAnimation(),i.fadeOutAnimation(),i.fadeOutDownAnimation(),i.fadeOutDownBigAnimation(),i.fadeOutLeftAnimation(),i.fadeOutLeftBigAnimation(),i.fadeOutRightAnimation(),i.fadeOutRightBigAnimation(),i.fadeOutUpAnimation(),i.fadeOutUpBigAnimation(),i.flipAnimation(),i.flipInXAnimation(),i.flipInYAnimation(),i.flipOutXAnimation(),i.flipOutYAnimation(),i.lightSpeedInAnimation(),i.lightSpeedOutAnimation(),i.rotateInAnimation(),i.rotateInDownLeftAnimation(),i.rotateInDownRightAnimation(),i.rotateInUpLeftAnimation(),i.rotateInUpRightAnimation(),i.rotateOutAnimation(),i.rotateOutDownLeftAnimation(),i.rotateOutDownRightAnimation(),i.rotateOutUpLeftAnimation(),i.rotateOutUpRightAnimation(),i.slideInUpAnimation(),i.slideInDownAnimation(),i.slideInLeftAnimation(),i.slideInRightAnimation(),i.slideOutUpAnimation(),i.slideOutDownAnimation(),i.slideOutLeftAnimation(),i.slideOutRightAnimation(),i.zoomInAnimation(),i.zoomInDownAnimation(),i.zoomInLeftAnimation(),i.zoomInRightAnimation(),i.zoomInUpAnimation(),i.zoomOutAnimation(),i.zoomOutDownAnimation(),i.zoomOutLeftAnimation(),i.zoomOutRightAnimation(),i.zoomOutUpAnimation(),i.hingeAnimation(),i.jackInTheBoxAnimation(),i.rollInAnimation(),i.rollOutAnimation(),i.collapseAnimation(),i.rotateAnimation(),i.hueRotateAnimation()],styles:[".example-spacer{flex:1 1 auto}.mat-dialog-container{padding:20px!important;overflow-x:hidden;overflow-y:hidden}"]}]}],p.ctorParameters=function(){return[{type:c.MatDialogRef},{type:undefined,decorators:[{type:e.Inject,args:[c.MAT_DIALOG_DATA]}]},{type:n.DomSanitizer}]},p);function p(t,n,i){this.dialogRef=t,this.data=n,this.sanitizer=i,this.animationState=!0}var f=(g.prototype.toaster=function(t){var n={horizontalPosition:t.horizontalPosition||"right",verticalPosition:t.verticlePosition||"top",data:{title:t.title,titleSize:t.titleSize||null,message:t.message||null,messageSize:t.messageSize||null,width:t.width||null,backgroundColor:t.backgroundColor||null,textColor:t.textColor||null,matIcon:t.matIcon||null,iconColor:t.iconColor||null,showProgressBar:t.showProgressBar||!1,progressBarColor:t.progressBarColor||"accent",progressBarType:t.progressBarType||"increasing",pauseProgressBarOnHover:t.pauseProgressBarOnHover||!1,closeOnClick:t.closeOnClick||!1,showCloseButton:t.showCloseButton||!1,closeButtonColor:t.closeButtonColor||"",showActionButton:t.showActionButton||!1,actionButtonText:t.actionButtonText||"OK",actionButtonColor:t.actionButtonColor||"primary",duration:t.duration||5e3},panelClass:"toastPanel"};return this.snackBar.openFromComponent(r,n)},g.prototype.confirm=function(t){return this.dialogue.open(d,{autoFocus:!1!==t.autoFocus,width:t.width?t.width+"px":undefined,minWidth:"300px",closeOnNavigation:!0,panelClass:"custom-panel",data:{title:t.title,titleSize:t.titleSize+"px"||"20px",message:t.message||null,messageSize:t.messageSize+"px"||"14px",matIcon:t.matIcon||null,iconColor:t.iconColor||null,buttons:t.buttons&&t.buttons.length?t.buttons:[{id:"default",text:"OK",color:"accent",type:"raised"}],iconAnimation:t.iconAnimation||undefined},disableClose:!1!==t.disableClose,restoreFocus:!1!==t.restoreFocus})},g.decorators=[{type:e.Injectable,args:[{providedIn:"root"}]}],g.ctorParameters=function(){return[{type:c.MatSnackBar},{type:c.MatDialog}]},g.ngInjectableDef=e.defineInjectable({factory:function(){return new g(e.inject(o.MatSnackBar),e.inject(a.MatDialog))},token:g,providedIn:"root"}),g);function g(t,n){this.snackBar=t,this.dialogue=n}var u=(v.prototype.ngOnInit=function(){},v.decorators=[{type:e.Component,args:[{selector:"NgxMatAlertConfirm-NgxMatAlertConfirm",template:"\n    <p>\n      ngx-mat-alert-confirm works!\n    </p>\n  "}]}],v.ctorParameters=function(){return[]},v);function v(){}var h=(y.decorators=[{type:e.NgModule,args:[{declarations:[u,d,r],imports:[l.BrowserAnimationsModule,s.FormsModule,s.ReactiveFormsModule,c.MatSnackBarModule,c.MatDialogModule,c.MatIconModule,c.MatButtonModule,c.MatProgressBarModule,c.MatInputModule,c.MatCheckboxModule,c.MatSelectModule],exports:[u],entryComponents:[d,r]}]}],y);function y(){}t.NgxMatAlertConfirmService=f,t.NgxMatAlertConfirmModule=h,t.ɵb=d,t.ɵc=r,t.ɵa=u,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=ngx-mat-alert-confirm.umd.min.js.map

esm2015/lib/ngx-mat-alert-confirm.module.js

@@ -10,3 +10,2 @@ /**
 import { AlertSnackbarToasterComponent } from './alert-confirm/alert-snackbar-toaster/alert-snackbar-toaster.component';
-import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
@@ -21,3 +20,2 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
                 imports: [
-                    BrowserModule,
                     BrowserAnimationsModule,
@@ -39,2 +37,2 @@ FormsModule,
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LW1hdC1hbGVydC1jb25maXJtLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1tYXQtYWxlcnQtY29uZmlybS8iLCJzb3VyY2VzIjpbImxpYi9uZ3gtbWF0LWFsZXJ0LWNvbmZpcm0ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUNMLFFBQVEsRUFDVCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsMkJBQTJCLEVBQzVCLE1BQU0sbUNBQW1DLENBQUM7QUFDM0MsT0FBTyxFQUNMLDZCQUE2QixFQUM5QixNQUFNLHlFQUF5RSxDQUFDO0FBQ2pGLE9BQU8sRUFDTCw2QkFBNkIsRUFDOUIsTUFBTSx5RUFBeUUsQ0FBQztBQUNqRixPQUFPLEVBQ0wsYUFBYSxFQUNkLE1BQU0sMkJBQTJCLENBQUM7QUFDbkMsT0FBTyxFQUNMLHVCQUF1QixFQUN4QixNQUFNLHNDQUFzQyxDQUFDO0FBQzlDLE9BQU8sRUFDTCxXQUFXLEVBQ1gsbUJBQW1CLEVBQ3BCLE1BQU0sZ0JBQWdCLENBQUM7QUFDeEIsT0FBTyxFQUNMLGlCQUFpQixFQUNqQixlQUFlLEVBQ2YsYUFBYSxFQUNiLGVBQWUsRUFDZixvQkFBb0IsRUFDcEIsY0FBYyxFQUNkLGlCQUFpQixFQUNqQixlQUFlLEVBQ2hCLE1BQU0sbUJBQW1CLENBQUM7QUFxQjNCLE1BQU0sT0FBTyx3QkFBd0I7OztZQW5CcEMsUUFBUSxTQUFDO2dCQUNSLFlBQVksRUFBRSxDQUFDLDJCQUEyQixFQUFFLDZCQUE2QixFQUFFLDZCQUE2QixDQUFDO2dCQUN6RyxPQUFPLEVBQUU7b0JBQ1AsYUFBYTtvQkFDYix1QkFBdUI7b0JBQ3ZCLFdBQVc7b0JBQ1gsbUJBQW1CO29CQUNuQixpQkFBaUI7b0JBQ2pCLGVBQWU7b0JBQ2YsYUFBYTtvQkFDYixlQUFlO29CQUNmLG9CQUFvQjtvQkFDcEIsY0FBYztvQkFDZCxpQkFBaUI7b0JBQ2pCLGVBQWU7aUJBQ2hCO2dCQUNELE9BQU8sRUFBRSxDQUFDLDJCQUEyQixDQUFDO2dCQUN0QyxlQUFlLEVBQUUsQ0FBQyw2QkFBNkIsRUFBRSw2QkFBNkIsQ0FBQzthQUNoRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIE5nTW9kdWxlXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgTmd4TWF0QWxlcnRDb25maXJtQ29tcG9uZW50XG59IGZyb20gJy4vbmd4LW1hdC1hbGVydC1jb25maXJtLmNvbXBvbmVudCc7XG5pbXBvcnQge1xuICBBbGVydERpYWxvZ3VlQ29uZmlybUNvbXBvbmVudFxufSBmcm9tICcuL2FsZXJ0LWNvbmZpcm0vYWxlcnQtZGlhbG9ndWUtY29uZmlybS9hbGVydC1kaWFsb2d1ZS1jb25maXJtLmNvbXBvbmVudCc7XG5pbXBvcnQge1xuICBBbGVydFNuYWNrYmFyVG9hc3RlckNvbXBvbmVudFxufSBmcm9tICcuL2FsZXJ0LWNvbmZpcm0vYWxlcnQtc25hY2tiYXItdG9hc3Rlci9hbGVydC1zbmFja2Jhci10b2FzdGVyLmNvbXBvbmVudCc7XG5pbXBvcnQge1xuICBCcm93c2VyTW9kdWxlXG59IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHtcbiAgQnJvd3NlckFuaW1hdGlvbnNNb2R1bGVcbn0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlci9hbmltYXRpb25zJztcbmltcG9ydCB7XG4gIEZvcm1zTW9kdWxlLFxuICBSZWFjdGl2ZUZvcm1zTW9kdWxlXG59IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7XG4gIE1hdFNuYWNrQmFyTW9kdWxlLFxuICBNYXREaWFsb2dNb2R1bGUsXG4gIE1hdEljb25Nb2R1bGUsXG4gIE1hdEJ1dHRvbk1vZHVsZSxcbiAgTWF0UHJvZ3Jlc3NCYXJNb2R1bGUsXG4gIE1hdElucHV0TW9kdWxlLFxuICBNYXRDaGVja2JveE1vZHVsZSxcbiAgTWF0U2VsZWN0TW9kdWxlXG59IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbTmd4TWF0QWxlcnRDb25maXJtQ29tcG9uZW50LCBBbGVydERpYWxvZ3VlQ29uZmlybUNvbXBvbmVudCwgQWxlcnRTbmFja2JhclRvYXN0ZXJDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbXG4gICAgQnJvd3Nlck1vZHVsZSxcbiAgICBCcm93c2VyQW5pbWF0aW9uc01vZHVsZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIE1hdFNuYWNrQmFyTW9kdWxlLFxuICAgIE1hdERpYWxvZ01vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBNYXRQcm9ncmVzc0Jhck1vZHVsZSxcbiAgICBNYXRJbnB1dE1vZHVsZSxcbiAgICBNYXRDaGVja2JveE1vZHVsZSxcbiAgICBNYXRTZWxlY3RNb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW05neE1hdEFsZXJ0Q29uZmlybUNvbXBvbmVudF0sXG4gIGVudHJ5Q29tcG9uZW50czogW0FsZXJ0RGlhbG9ndWVDb25maXJtQ29tcG9uZW50LCBBbGVydFNuYWNrYmFyVG9hc3RlckNvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgTmd4TWF0QWxlcnRDb25maXJtTW9kdWxlIHt9Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LW1hdC1hbGVydC1jb25maXJtLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1tYXQtYWxlcnQtY29uZmlybS8iLCJzb3VyY2VzIjpbImxpYi9uZ3gtbWF0LWFsZXJ0LWNvbmZpcm0ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUNMLFFBQVEsRUFDVCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsMkJBQTJCLEVBQzVCLE1BQU0sbUNBQW1DLENBQUM7QUFDM0MsT0FBTyxFQUNMLDZCQUE2QixFQUM5QixNQUFNLHlFQUF5RSxDQUFDO0FBQ2pGLE9BQU8sRUFDTCw2QkFBNkIsRUFDOUIsTUFBTSx5RUFBeUUsQ0FBQztBQUNqRixPQUFPLEVBQ0wsdUJBQXVCLEVBQ3hCLE1BQU0sc0NBQXNDLENBQUM7QUFDOUMsT0FBTyxFQUNMLFdBQVcsRUFDWCxtQkFBbUIsRUFDcEIsTUFBTSxnQkFBZ0IsQ0FBQztBQUN4QixPQUFPLEVBQ0wsaUJBQWlCLEVBQ2pCLGVBQWUsRUFDZixhQUFhLEVBQ2IsZUFBZSxFQUNmLG9CQUFvQixFQUNwQixjQUFjLEVBQ2QsaUJBQWlCLEVBQ2pCLGVBQWUsRUFDaEIsTUFBTSxtQkFBbUIsQ0FBQztBQW9CM0IsTUFBTSxPQUFPLHdCQUF3Qjs7O1lBbEJwQyxRQUFRLFNBQUM7Z0JBQ1IsWUFBWSxFQUFFLENBQUMsMkJBQTJCLEVBQUUsNkJBQTZCLEVBQUUsNkJBQTZCLENBQUM7Z0JBQ3pHLE9BQU8sRUFBRTtvQkFDUCx1QkFBdUI7b0JBQ3ZCLFdBQVc7b0JBQ1gsbUJBQW1CO29CQUNuQixpQkFBaUI7b0JBQ2pCLGVBQWU7b0JBQ2YsYUFBYTtvQkFDYixlQUFlO29CQUNmLG9CQUFvQjtvQkFDcEIsY0FBYztvQkFDZCxpQkFBaUI7b0JBQ2pCLGVBQWU7aUJBQ2hCO2dCQUNELE9BQU8sRUFBRSxDQUFDLDJCQUEyQixDQUFDO2dCQUN0QyxlQUFlLEVBQUUsQ0FBQyw2QkFBNkIsRUFBRSw2QkFBNkIsQ0FBQzthQUNoRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIE5nTW9kdWxlXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgTmd4TWF0QWxlcnRDb25maXJtQ29tcG9uZW50XG59IGZyb20gJy4vbmd4LW1hdC1hbGVydC1jb25maXJtLmNvbXBvbmVudCc7XG5pbXBvcnQge1xuICBBbGVydERpYWxvZ3VlQ29uZmlybUNvbXBvbmVudFxufSBmcm9tICcuL2FsZXJ0LWNvbmZpcm0vYWxlcnQtZGlhbG9ndWUtY29uZmlybS9hbGVydC1kaWFsb2d1ZS1jb25maXJtLmNvbXBvbmVudCc7XG5pbXBvcnQge1xuICBBbGVydFNuYWNrYmFyVG9hc3RlckNvbXBvbmVudFxufSBmcm9tICcuL2FsZXJ0LWNvbmZpcm0vYWxlcnQtc25hY2tiYXItdG9hc3Rlci9hbGVydC1zbmFja2Jhci10b2FzdGVyLmNvbXBvbmVudCc7XG5pbXBvcnQge1xuICBCcm93c2VyQW5pbWF0aW9uc01vZHVsZVxufSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHtcbiAgRm9ybXNNb2R1bGUsXG4gIFJlYWN0aXZlRm9ybXNNb2R1bGVcbn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHtcbiAgTWF0U25hY2tCYXJNb2R1bGUsXG4gIE1hdERpYWxvZ01vZHVsZSxcbiAgTWF0SWNvbk1vZHVsZSxcbiAgTWF0QnV0dG9uTW9kdWxlLFxuICBNYXRQcm9ncmVzc0Jhck1vZHVsZSxcbiAgTWF0SW5wdXRNb2R1bGUsXG4gIE1hdENoZWNrYm94TW9kdWxlLFxuICBNYXRTZWxlY3RNb2R1bGVcbn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtOZ3hNYXRBbGVydENvbmZpcm1Db21wb25lbnQsIEFsZXJ0RGlhbG9ndWVDb25maXJtQ29tcG9uZW50LCBBbGVydFNuYWNrYmFyVG9hc3RlckNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBCcm93c2VyQW5pbWF0aW9uc01vZHVsZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIE1hdFNuYWNrQmFyTW9kdWxlLFxuICAgIE1hdERpYWxvZ01vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBNYXRQcm9ncmVzc0Jhck1vZHVsZSxcbiAgICBNYXRJbnB1dE1vZHVsZSxcbiAgICBNYXRDaGVja2JveE1vZHVsZSxcbiAgICBNYXRTZWxlY3RNb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW05neE1hdEFsZXJ0Q29uZmlybUNvbXBvbmVudF0sXG4gIGVudHJ5Q29tcG9uZW50czogW0FsZXJ0RGlhbG9ndWVDb25maXJtQ29tcG9uZW50LCBBbGVydFNuYWNrYmFyVG9hc3RlckNvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgTmd4TWF0QWxlcnRDb25maXJtTW9kdWxlIHt9Il19

esm5/lib/ngx-mat-alert-confirm.module.js

@@ -10,3 +10,2 @@ /**
 import { AlertSnackbarToasterComponent } from './alert-confirm/alert-snackbar-toaster/alert-snackbar-toaster.component';
-import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
@@ -22,3 +21,2 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
                     imports: [
-                        BrowserModule,
                         BrowserAnimationsModule,
@@ -43,2 +41,2 @@ FormsModule,
 export { NgxMatAlertConfirmModule };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LW1hdC1hbGVydC1jb25maXJtLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1tYXQtYWxlcnQtY29uZmlybS8iLCJzb3VyY2VzIjpbImxpYi9uZ3gtbWF0LWFsZXJ0LWNvbmZpcm0ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUNMLFFBQVEsRUFDVCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsMkJBQTJCLEVBQzVCLE1BQU0sbUNBQW1DLENBQUM7QUFDM0MsT0FBTyxFQUNMLDZCQUE2QixFQUM5QixNQUFNLHlFQUF5RSxDQUFDO0FBQ2pGLE9BQU8sRUFDTCw2QkFBNkIsRUFDOUIsTUFBTSx5RUFBeUUsQ0FBQztBQUNqRixPQUFPLEVBQ0wsYUFBYSxFQUNkLE1BQU0sMkJBQTJCLENBQUM7QUFDbkMsT0FBTyxFQUNMLHVCQUF1QixFQUN4QixNQUFNLHNDQUFzQyxDQUFDO0FBQzlDLE9BQU8sRUFDTCxXQUFXLEVBQ1gsbUJBQW1CLEVBQ3BCLE1BQU0sZ0JBQWdCLENBQUM7QUFDeEIsT0FBTyxFQUNMLGlCQUFpQixFQUNqQixlQUFlLEVBQ2YsYUFBYSxFQUNiLGVBQWUsRUFDZixvQkFBb0IsRUFDcEIsY0FBYyxFQUNkLGlCQUFpQixFQUNqQixlQUFlLEVBQ2hCLE1BQU0sbUJBQW1CLENBQUM7QUFFM0I7SUFBQTtJQW1CdUMsQ0FBQzs7Z0JBbkJ2QyxRQUFRLFNBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsMkJBQTJCLEVBQUUsNkJBQTZCLEVBQUUsNkJBQTZCLENBQUM7b0JBQ3pHLE9BQU8sRUFBRTt3QkFDUCxhQUFhO3dCQUNiLHVCQUF1Qjt3QkFDdkIsV0FBVzt3QkFDWCxtQkFBbUI7d0JBQ25CLGlCQUFpQjt3QkFDakIsZUFBZTt3QkFDZixhQUFhO3dCQUNiLGVBQWU7d0JBQ2Ysb0JBQW9CO3dCQUNwQixjQUFjO3dCQUNkLGlCQUFpQjt3QkFDakIsZUFBZTtxQkFDaEI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsMkJBQTJCLENBQUM7b0JBQ3RDLGVBQWUsRUFBRSxDQUFDLDZCQUE2QixFQUFFLDZCQUE2QixDQUFDO2lCQUNoRjs7SUFDc0MsK0JBQUM7Q0FBQSxBQW5CeEMsSUFtQndDO1NBQTNCLHdCQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIE5nTW9kdWxlXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgTmd4TWF0QWxlcnRDb25maXJtQ29tcG9uZW50XG59IGZyb20gJy4vbmd4LW1hdC1hbGVydC1jb25maXJtLmNvbXBvbmVudCc7XG5pbXBvcnQge1xuICBBbGVydERpYWxvZ3VlQ29uZmlybUNvbXBvbmVudFxufSBmcm9tICcuL2FsZXJ0LWNvbmZpcm0vYWxlcnQtZGlhbG9ndWUtY29uZmlybS9hbGVydC1kaWFsb2d1ZS1jb25maXJtLmNvbXBvbmVudCc7XG5pbXBvcnQge1xuICBBbGVydFNuYWNrYmFyVG9hc3RlckNvbXBvbmVudFxufSBmcm9tICcuL2FsZXJ0LWNvbmZpcm0vYWxlcnQtc25hY2tiYXItdG9hc3Rlci9hbGVydC1zbmFja2Jhci10b2FzdGVyLmNvbXBvbmVudCc7XG5pbXBvcnQge1xuICBCcm93c2VyTW9kdWxlXG59IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHtcbiAgQnJvd3NlckFuaW1hdGlvbnNNb2R1bGVcbn0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlci9hbmltYXRpb25zJztcbmltcG9ydCB7XG4gIEZvcm1zTW9kdWxlLFxuICBSZWFjdGl2ZUZvcm1zTW9kdWxlXG59IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7XG4gIE1hdFNuYWNrQmFyTW9kdWxlLFxuICBNYXREaWFsb2dNb2R1bGUsXG4gIE1hdEljb25Nb2R1bGUsXG4gIE1hdEJ1dHRvbk1vZHVsZSxcbiAgTWF0UHJvZ3Jlc3NCYXJNb2R1bGUsXG4gIE1hdElucHV0TW9kdWxlLFxuICBNYXRDaGVja2JveE1vZHVsZSxcbiAgTWF0U2VsZWN0TW9kdWxlXG59IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbTmd4TWF0QWxlcnRDb25maXJtQ29tcG9uZW50LCBBbGVydERpYWxvZ3VlQ29uZmlybUNvbXBvbmVudCwgQWxlcnRTbmFja2JhclRvYXN0ZXJDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbXG4gICAgQnJvd3Nlck1vZHVsZSxcbiAgICBCcm93c2VyQW5pbWF0aW9uc01vZHVsZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIE1hdFNuYWNrQmFyTW9kdWxlLFxuICAgIE1hdERpYWxvZ01vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBNYXRQcm9ncmVzc0Jhck1vZHVsZSxcbiAgICBNYXRJbnB1dE1vZHVsZSxcbiAgICBNYXRDaGVja2JveE1vZHVsZSxcbiAgICBNYXRTZWxlY3RNb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW05neE1hdEFsZXJ0Q29uZmlybUNvbXBvbmVudF0sXG4gIGVudHJ5Q29tcG9uZW50czogW0FsZXJ0RGlhbG9ndWVDb25maXJtQ29tcG9uZW50LCBBbGVydFNuYWNrYmFyVG9hc3RlckNvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgTmd4TWF0QWxlcnRDb25maXJtTW9kdWxlIHt9Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LW1hdC1hbGVydC1jb25maXJtLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1tYXQtYWxlcnQtY29uZmlybS8iLCJzb3VyY2VzIjpbImxpYi9uZ3gtbWF0LWFsZXJ0LWNvbmZpcm0ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUNMLFFBQVEsRUFDVCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsMkJBQTJCLEVBQzVCLE1BQU0sbUNBQW1DLENBQUM7QUFDM0MsT0FBTyxFQUNMLDZCQUE2QixFQUM5QixNQUFNLHlFQUF5RSxDQUFDO0FBQ2pGLE9BQU8sRUFDTCw2QkFBNkIsRUFDOUIsTUFBTSx5RUFBeUUsQ0FBQztBQUNqRixPQUFPLEVBQ0wsdUJBQXVCLEVBQ3hCLE1BQU0sc0NBQXNDLENBQUM7QUFDOUMsT0FBTyxFQUNMLFdBQVcsRUFDWCxtQkFBbUIsRUFDcEIsTUFBTSxnQkFBZ0IsQ0FBQztBQUN4QixPQUFPLEVBQ0wsaUJBQWlCLEVBQ2pCLGVBQWUsRUFDZixhQUFhLEVBQ2IsZUFBZSxFQUNmLG9CQUFvQixFQUNwQixjQUFjLEVBQ2QsaUJBQWlCLEVBQ2pCLGVBQWUsRUFDaEIsTUFBTSxtQkFBbUIsQ0FBQztBQUUzQjtJQUFBO0lBa0J1QyxDQUFDOztnQkFsQnZDLFFBQVEsU0FBQztvQkFDUixZQUFZLEVBQUUsQ0FBQywyQkFBMkIsRUFBRSw2QkFBNkIsRUFBRSw2QkFBNkIsQ0FBQztvQkFDekcsT0FBTyxFQUFFO3dCQUNQLHVCQUF1Qjt3QkFDdkIsV0FBVzt3QkFDWCxtQkFBbUI7d0JBQ25CLGlCQUFpQjt3QkFDakIsZUFBZTt3QkFDZixhQUFhO3dCQUNiLGVBQWU7d0JBQ2Ysb0JBQW9CO3dCQUNwQixjQUFjO3dCQUNkLGlCQUFpQjt3QkFDakIsZUFBZTtxQkFDaEI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsMkJBQTJCLENBQUM7b0JBQ3RDLGVBQWUsRUFBRSxDQUFDLDZCQUE2QixFQUFFLDZCQUE2QixDQUFDO2lCQUNoRjs7SUFDc0MsK0JBQUM7Q0FBQSxBQWxCeEMsSUFrQndDO1NBQTNCLHdCQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIE5nTW9kdWxlXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgTmd4TWF0QWxlcnRDb25maXJtQ29tcG9uZW50XG59IGZyb20gJy4vbmd4LW1hdC1hbGVydC1jb25maXJtLmNvbXBvbmVudCc7XG5pbXBvcnQge1xuICBBbGVydERpYWxvZ3VlQ29uZmlybUNvbXBvbmVudFxufSBmcm9tICcuL2FsZXJ0LWNvbmZpcm0vYWxlcnQtZGlhbG9ndWUtY29uZmlybS9hbGVydC1kaWFsb2d1ZS1jb25maXJtLmNvbXBvbmVudCc7XG5pbXBvcnQge1xuICBBbGVydFNuYWNrYmFyVG9hc3RlckNvbXBvbmVudFxufSBmcm9tICcuL2FsZXJ0LWNvbmZpcm0vYWxlcnQtc25hY2tiYXItdG9hc3Rlci9hbGVydC1zbmFja2Jhci10b2FzdGVyLmNvbXBvbmVudCc7XG5pbXBvcnQge1xuICBCcm93c2VyQW5pbWF0aW9uc01vZHVsZVxufSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHtcbiAgRm9ybXNNb2R1bGUsXG4gIFJlYWN0aXZlRm9ybXNNb2R1bGVcbn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHtcbiAgTWF0U25hY2tCYXJNb2R1bGUsXG4gIE1hdERpYWxvZ01vZHVsZSxcbiAgTWF0SWNvbk1vZHVsZSxcbiAgTWF0QnV0dG9uTW9kdWxlLFxuICBNYXRQcm9ncmVzc0Jhck1vZHVsZSxcbiAgTWF0SW5wdXRNb2R1bGUsXG4gIE1hdENoZWNrYm94TW9kdWxlLFxuICBNYXRTZWxlY3RNb2R1bGVcbn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtOZ3hNYXRBbGVydENvbmZpcm1Db21wb25lbnQsIEFsZXJ0RGlhbG9ndWVDb25maXJtQ29tcG9uZW50LCBBbGVydFNuYWNrYmFyVG9hc3RlckNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBCcm93c2VyQW5pbWF0aW9uc01vZHVsZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIE1hdFNuYWNrQmFyTW9kdWxlLFxuICAgIE1hdERpYWxvZ01vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBNYXRQcm9ncmVzc0Jhck1vZHVsZSxcbiAgICBNYXRJbnB1dE1vZHVsZSxcbiAgICBNYXRDaGVja2JveE1vZHVsZSxcbiAgICBNYXRTZWxlY3RNb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW05neE1hdEFsZXJ0Q29uZmlybUNvbXBvbmVudF0sXG4gIGVudHJ5Q29tcG9uZW50czogW0FsZXJ0RGlhbG9ndWVDb25maXJtQ29tcG9uZW50LCBBbGVydFNuYWNrYmFyVG9hc3RlckNvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgTmd4TWF0QWxlcnRDb25maXJtTW9kdWxlIHt9Il19

fesm2015/ngx-mat-alert-confirm.js

@@ -0,1 +1,2 @@
+import { DomSanitizer } from '@angular/platform-browser';
 import { bounceAnimation, flashAnimation, pulseAnimation, rubberBandAnimation, shakeAnimation, swingAnimation, tadaAnimation, wobbleAnimation, jelloAnimation, heartBeatAnimation, headShakeAnimation, bounceInAnimation, bounceInDownAnimation, bounceInLeftAnimation, bounceInRightAnimation, bounceInUpAnimation, bounceOutAnimation, bounceOutDownAnimation, bounceOutLeftAnimation, bounceOutRightAnimation, bounceOutUpAnimation, fadeInAnimation, fadeInDownAnimation, fadeInDownBigAnimation, fadeInLeftAnimation, fadeInLeftBigAnimation, fadeInRightAnimation, fadeInRightBigAnimation, fadeInUpAnimation, fadeInUpBigAnimation, fadeOutAnimation, fadeOutDownAnimation, fadeOutDownBigAnimation, fadeOutLeftAnimation, fadeOutLeftBigAnimation, fadeOutRightAnimation, fadeOutRightBigAnimation, fadeOutUpAnimation, fadeOutUpBigAnimation, flipAnimation, flipInXAnimation, flipInYAnimation, flipOutXAnimation, flipOutYAnimation, lightSpeedInAnimation, lightSpeedOutAnimation, rotateInAnimation, rotateInDownLeftAnimation, rotateInDownRightAnimation, rotateInUpLeftAnimation, rotateInUpRightAnimation, rotateOutAnimation, rotateOutDownLeftAnimation, rotateOutDownRightAnimation, rotateOutUpLeftAnimation, rotateOutUpRightAnimation, slideInUpAnimation, slideInDownAnimation, slideInLeftAnimation, slideInRightAnimation, slideOutUpAnimation, slideOutDownAnimation, slideOutLeftAnimation, slideOutRightAnimation, zoomInAnimation, zoomInDownAnimation, zoomInLeftAnimation, zoomInRightAnimation, zoomInUpAnimation, zoomOutAnimation, zoomOutDownAnimation, zoomOutLeftAnimation, zoomOutRightAnimation, zoomOutUpAnimation, hingeAnimation, jackInTheBoxAnimation, rollInAnimation, rollOutAnimation, collapseAnimation, rotateAnimation, hueRotateAnimation } from 'angular-animations';
@@ -5,3 +6,2 @@ import { MatSnackBar as MatSnackBar$1 } from '@angular/material/snack-bar';
 import { Component, ViewEncapsulation, Inject, NgZone, ChangeDetectorRef, Injectable, NgModule, defineInjectable, inject } from '@angular/core';
-import { DomSanitizer, BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
@@ -481,3 +481,2 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
                 imports: [
-                    BrowserModule,
                     BrowserAnimationsModule,
@@ -484,0 +483,0 @@ FormsModule,

fesm5/ngx-mat-alert-confirm.js

@@ -0,1 +1,2 @@
+import { DomSanitizer } from '@angular/platform-browser';
 import { bounceAnimation, flashAnimation, pulseAnimation, rubberBandAnimation, shakeAnimation, swingAnimation, tadaAnimation, wobbleAnimation, jelloAnimation, heartBeatAnimation, headShakeAnimation, bounceInAnimation, bounceInDownAnimation, bounceInLeftAnimation, bounceInRightAnimation, bounceInUpAnimation, bounceOutAnimation, bounceOutDownAnimation, bounceOutLeftAnimation, bounceOutRightAnimation, bounceOutUpAnimation, fadeInAnimation, fadeInDownAnimation, fadeInDownBigAnimation, fadeInLeftAnimation, fadeInLeftBigAnimation, fadeInRightAnimation, fadeInRightBigAnimation, fadeInUpAnimation, fadeInUpBigAnimation, fadeOutAnimation, fadeOutDownAnimation, fadeOutDownBigAnimation, fadeOutLeftAnimation, fadeOutLeftBigAnimation, fadeOutRightAnimation, fadeOutRightBigAnimation, fadeOutUpAnimation, fadeOutUpBigAnimation, flipAnimation, flipInXAnimation, flipInYAnimation, flipOutXAnimation, flipOutYAnimation, lightSpeedInAnimation, lightSpeedOutAnimation, rotateInAnimation, rotateInDownLeftAnimation, rotateInDownRightAnimation, rotateInUpLeftAnimation, rotateInUpRightAnimation, rotateOutAnimation, rotateOutDownLeftAnimation, rotateOutDownRightAnimation, rotateOutUpLeftAnimation, rotateOutUpRightAnimation, slideInUpAnimation, slideInDownAnimation, slideInLeftAnimation, slideInRightAnimation, slideOutUpAnimation, slideOutDownAnimation, slideOutLeftAnimation, slideOutRightAnimation, zoomInAnimation, zoomInDownAnimation, zoomInLeftAnimation, zoomInRightAnimation, zoomInUpAnimation, zoomOutAnimation, zoomOutDownAnimation, zoomOutLeftAnimation, zoomOutRightAnimation, zoomOutUpAnimation, hingeAnimation, jackInTheBoxAnimation, rollInAnimation, rollOutAnimation, collapseAnimation, rotateAnimation, hueRotateAnimation } from 'angular-animations';
@@ -5,3 +6,2 @@ import { MatSnackBar as MatSnackBar$1 } from '@angular/material/snack-bar';
 import { Component, ViewEncapsulation, Inject, NgZone, ChangeDetectorRef, Injectable, NgModule, defineInjectable, inject } from '@angular/core';
-import { DomSanitizer, BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
@@ -518,3 +518,2 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
                     imports: [
-                        BrowserModule,
                         BrowserAnimationsModule,
@@ -521,0 +520,0 @@ FormsModule,

ngx-mat-alert-confirm.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"metadata":{"ToasterConfig":{"__symbolic":"interface"},"ConfirmButtonConfig":{"__symbolic":"interface"},"ConfirmConfig":{"__symbolic":"interface"},"NgxMatAlertConfirmService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":68,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":74,"character":32},{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":74,"character":63}]}],"toaster":[{"__symbolic":"method"}],"confirm":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"NgxMatAlertConfirmModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":33,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}],"imports":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":36,"character":4},{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule","line":37,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":38,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":39,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBarModule","line":40,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatDialogModule","line":41,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatIconModule","line":42,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatButtonModule","line":43,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatProgressBarModule","line":44,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatInputModule","line":45,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatCheckboxModule","line":46,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatSelectModule","line":47,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵa"}],"entryComponents":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"NgxMatAlertConfirm-NgxMatAlertConfirm","template":"\n    <p>\n      ngx-mat-alert-confirm works!\n    </p>\n  ","styles":[]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":97,"character":1},"arguments":[{"selector":"app-alert-dialogue-confirm","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":101,"character":17},"member":"None"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"bounceAnimation","line":103,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"flashAnimation","line":104,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"pulseAnimation","line":105,"character":4},"arguments":[{"anchor":"pulse"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"rubberBandAnimation","line":108,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"shakeAnimation","line":109,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"swingAnimation","line":110,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"tadaAnimation","line":111,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"wobbleAnimation","line":112,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"jelloAnimation","line":113,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"heartBeatAnimation","line":114,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"headShakeAnimation","line":115,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"bounceInAnimation","line":116,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"bounceInDownAnimation","line":117,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"bounceInLeftAnimation","line":118,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"bounceInRightAnimation","line":119,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"bounceInUpAnimation","line":120,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"bounceOutAnimation","line":121,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"bounceOutDownAnimation","line":122,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"bounceOutLeftAnimation","line":123,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"bounceOutRightAnimation","line":124,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"bounceOutUpAnimation","line":125,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeInAnimation","line":126,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeInDownAnimation","line":127,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeInDownBigAnimation","line":128,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeInLeftAnimation","line":129,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeInLeftBigAnimation","line":130,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeInRightAnimation","line":131,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeInRightBigAnimation","line":132,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeInUpAnimation","line":133,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeInUpBigAnimation","line":134,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeOutAnimation","line":135,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeOutDownAnimation","line":136,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeOutDownBigAnimation","line":137,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeOutLeftAnimation","line":138,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeOutLeftBigAnimation","line":139,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeOutRightAnimation","line":140,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeOutRightBigAnimation","line":141,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeOutUpAnimation","line":142,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeOutUpBigAnimation","line":143,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"flipAnimation","line":144,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"flipInXAnimation","line":145,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"flipInYAnimation","line":146,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"flipOutXAnimation","line":147,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"flipOutYAnimation","line":148,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"lightSpeedInAnimation","line":149,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"lightSpeedOutAnimation","line":150,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"rotateInAnimation","line":151,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"rotateInDownLeftAnimation","line":152,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"rotateInDownRightAnimation","line":153,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"rotateInUpLeftAnimation","line":154,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"rotateInUpRightAnimation","line":155,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"rotateOutAnimation","line":156,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"rotateOutDownLeftAnimation","line":157,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"rotateOutDownRightAnimation","line":158,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"rotateOutUpLeftAnimation","line":159,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"rotateOutUpRightAnimation","line":160,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"slideInUpAnimation","line":161,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"slideInDownAnimation","line":162,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"slideInLeftAnimation","line":163,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"slideInRightAnimation","line":164,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"slideOutUpAnimation","line":165,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"slideOutDownAnimation","line":166,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"slideOutLeftAnimation","line":167,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"slideOutRightAnimation","line":168,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"zoomInAnimation","line":169,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"zoomInDownAnimation","line":170,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"zoomInLeftAnimation","line":171,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"zoomInRightAnimation","line":172,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"zoomInUpAnimation","line":173,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"zoomOutAnimation","line":174,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"zoomOutDownAnimation","line":175,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"zoomOutLeftAnimation","line":176,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"zoomOutRightAnimation","line":177,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"zoomOutUpAnimation","line":178,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"hingeAnimation","line":179,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"jackInTheBoxAnimation","line":180,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"rollInAnimation","line":181,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"rollOutAnimation","line":182,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"collapseAnimation","line":183,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"rotateAnimation","line":184,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"hueRotateAnimation","line":185,"character":4}}],"template":"  <div style=\"align-content: center;vertical-align: middle;text-align: center;align-items: center;align-self: center;\">\n    <ng-container *ngIf=\"data.matIcon\">\n      <ng-container [ngSwitch]=\"data.iconAnimation\">\n        <div *ngSwitchCase=\"undefined\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n\n        <div *ngSwitchCase=\"'bounce'\" [@bounce]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'flash'\" [@flash]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'pulse'\" [@pulse]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'rubberBand'\" [@rubberBand]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'shake'\" [@shake]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'swing'\" [@swing]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'tada'\" [@tada]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'wobble'\" [@wobble]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'jello'\" [@jello]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'heartBeat'\" [@heartBeat]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'headShake'\" [@headShake]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'bounceIn'\" [@bounceIn]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'bounceInDown'\" [@bounceInDown]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'bounceInLeft'\" [@bounceInLeft]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'bounceInRight'\" [@bounceInRight]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'bounceInUp'\" [@bounceInUp]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'bounceOut'\" [@bounceOut]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'bounceOutDown'\" [@bounceOutDown]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'bounceOutLeft'\" [@bounceOutLeft]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'bounceOutRight'\" [@bounceOutRight]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'bounceOutUp'\" [@bounceOutUp]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeIn'\" [@fadeIn]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeInDown'\" [@fadeInDown]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeInDownBig'\" [@fadeInDownBig]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeInLeft'\" [@fadeInLeft]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeInLeftBig'\" [@fadeInLeftBig]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeInRight'\" [@fadeInRight]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeInRightBig'\" [@fadeInRightBig]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeInUp'\" [@fadeInUp]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeInUpBig'\" [@fadeInUpBig]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeOut'\" [@fadeOut]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeOutDown'\" [@fadeOutDown]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeOutDownBig'\" [@fadeOutDownBig]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeOutLeft'\" [@fadeOutLeft]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeOutLeftBig'\" [@fadeOutLeftBig]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeOutRight'\" [@fadeOutRight]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeOutRightBig'\" [@fadeOutRightBig]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeOutUp'\" [@fadeOutUp]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeOutUpBig'\" [@fadeOutUpBig]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'flip'\" [@flip]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'flipInX'\" [@flipInX]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'flipInY'\" [@flipInY]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'flipOutX'\" [@flipOutX]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'flipOutY'\" [@flipOutY]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'lightSpeedIn'\" [@lightSpeedIn]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'lightSpeedOut'\" [@lightSpeedOut]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'rotateIn'\" [@rotateIn]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'rotateInDownLeft'\" [@rotateInDownLeft]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'rotateInDownRight'\" [@rotateInDownRight]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'rotateInUpLeft'\" [@rotateInUpLeft]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'rotateInUpRight'\" [@rotateInUpRight]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'rotateOut'\" [@rotateOut]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'rotateOutDownLeft'\" [@rotateOutDownLeft]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'rotateOutDownRight'\" [@rotateOutDownRight]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'rotateOutUpLeft'\" [@rotateOutUpLeft]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'rotateOutUpRight'\" [@rotateOutUpRight]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'slideInUp'\" [@slideInUp]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'slideInDown'\" [@slideInDown]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'slideInLeft'\" [@slideInLeft]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'slideInRight'\" [@slideInRight]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'slideOutUp'\" [@slideOutUp]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'slideOutDown'\" [@slideOutDown]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'slideOutLeft'\" [@slideOutLeft]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'slideOutRight'\" [@slideOutRight]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'zoomIn'\" [@zoomIn]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'zoomInDown'\" [@zoomInDown]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'zoomInLeft'\" [@zoomInLeft]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'zoomInRight'\" [@zoomInRight]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'zoomInUp'\" [@zoomInUp]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'zoomOut'\" [@zoomOut]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'zoomOutDown'\" [@zoomOutDown]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'zoomOutLeft'\" [@zoomOutLeft]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'zoomOutRight'\" [@zoomOutRight]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'zoomOutUp'\" [@zoomOutUp]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'hinge'\" [@hinge]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'jackInTheBox'\" [@jackInTheBox]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'rollIn'\" [@rollIn]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'rollOut'\" [@rollOut]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'collapse'\" [@collapse]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'rotate'\" [@rotate]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'hueRotate'\" [@hueRotate]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n      </ng-container>\n\n\n    </ng-container>\n    <div style=\"font-weight: 500;\" [style.font-size]=\"data.titleSize\">{{data.title}}</div>\n    <div *ngIf=\"data.message\" style=\"font-weight: 400;\" [style.font-size]=\"data.messageSize\" [innerHtml]=\"data.message\">\n    </div>\n  </div>\n  <div style=\"display: flex;\"\n    style=\"padding: 0 10px 10px 10px;align-content: center;vertical-align: middle;text-align: center;align-items: center;align-self: center;\">\n    <ng-container *ngFor=\"let btn of data.buttons;let i = index;\">\n      <button style=\"margin-right: 5px\" *ngIf=\"!btn.type||btn.type=='basic'\" [id]=\"btn.id\" mat-button\n        [color]=\"btn.color\" (click)=\"onButtonClick(btn.id)\">\n        {{btn.text}}\n      </button>\n      <button style=\"margin-right: 5px\" *ngIf=\"btn.type=='raised'\" [id]=\"btn.id\" mat-raised-button [color]=\"btn.color\"\n        (click)=\"onButtonClick(btn.id)\">\n        {{btn.text}}\n      </button>\n      <button style=\"margin-right: 5px\" *ngIf=\"btn.type=='flat'\" [id]=\"btn.id\" mat-flat-button [color]=\"btn.color\"\n        (click)=\"onButtonClick(btn.id)\">\n        {{btn.text}}\n      </button>\n      <button style=\"margin-right: 5px\" *ngIf=\"btn.type=='stroked'\" [id]=\"btn.id\" mat-stroked-button [color]=\"btn.color\"\n        (click)=\"onButtonClick(btn.id)\">\n        {{btn.text}}\n      </button>\n      <button style=\"margin-right: 5px\" *ngIf=\"btn.type=='icon'\" [id]=\"btn.id\" mat-icon-button [color]=\"btn.color\"\n        (click)=\"onButtonClick(btn.id)\">\n        <mat-icon>{{btn.icon}}</mat-icon>\n      </button>\n      <button style=\"margin-right: 5px\" *ngIf=\"btn.type=='fab'\" [id]=\"btn.id\" mat-fab [color]=\"btn.color\"\n        (click)=\"onButtonClick(btn.id)\">\n        <mat-icon *ngIf=\"btn.icon\">{{btn.icon}}</mat-icon>\n        <ng-container *ngIf=\"!btn.icon\">{{btn.text}}</ng-container>\n      </button>\n      <button style=\"margin-right: 5px\" *ngIf=\"btn.type=='minifab'\" [id]=\"btn.id\" mat-mini-fab [color]=\"btn.color\"\n        (click)=\"onButtonClick(btn.id)\">\n        <mat-icon *ngIf=\"btn.icon\">{{btn.icon}}</mat-icon>\n        <ng-container *ngIf=\"!btn.icon\">{{btn.text}}</ng-container>\n      </button>\n    </ng-container>\n  </div>","styles":[".example-spacer{flex:1 1 auto}.mat-dialog-container{padding:20px!important;overflow-x:hidden;overflow-y:hidden}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":192,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":192,"character":12}]}],null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵb"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":193,"character":23}]}],"ngOnInit":[{"__symbolic":"method"}],"animate":[{"__symbolic":"method"}],"dismiss":[{"__symbolic":"method"}],"onButtonClick":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"app-alert-snackbar-toaster","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":20,"character":17},"member":"None"},"template":"<div [style.width]=\"data.width||''\" style=\"cursor: default;\" (click)=\"closeOnClick($event)\" (mouseenter)=\"pauseTimer() \"\r\n  (mouseleave)=\"resumeTimer()\">\r\n  <div style=\"padding: 5px 5px;align-items: center;align-content: center;align-self: center;\"\r\n    [style.background-color]=\"data.backgroundColor\">\r\n    <button class=\"small-close-icon\" mat-icon-button *ngIf=\"data.showCloseButton\" (click)=\"closeSelf($event)\"\r\n      style=\"position: absolute;top: 0;right: 0;\">\r\n      <mat-icon [color]=\"data.closeButtonColor=='accent'?'':data.closeButtonColor\" style=\"font-size: 15px;\">close\r\n      </mat-icon>\r\n    </button>\r\n    <div style=\"display: flex;\">\r\n      <div style=\"min-width: 45px;align-items: center;align-content: center;align-self: center;\" *ngIf=\"data.matIcon\">\r\n        <mat-icon style=\"font-size: 40px;margin: 5px 0;\" [style.color]=\"data.iconColor\">\r\n          {{data.matIcon}}\r\n        </mat-icon>\r\n      </div>\r\n      <div style=\"margin-left: 10px;align-items: center;align-content: center;align-self: center;\"\r\n        [style.color]=\"data.textColor\">\r\n        <div style=\"font-weight: 900;\" [style.font-size]=\"data.titleSize||'16px'\">{{data.title}}</div>\r\n        <div style=\"font-weight: 400;\" [style.font-size]=\"data.messageSize||'14px'\" *ngIf=\"data.message\"\r\n          [innerHtml]=\"data.message\"></div>\r\n      </div>\r\n      <span class=\"example-spacer\"></span>\r\n      <div *ngIf=\"data.showActionButton\" (click)=\"closeWithAction()\"\r\n        style=\"align-items: center;align-content: center;align-self: center;\">\r\n        <button class=\"small-action-icon\" mat-stroked-button style=\"position: relative;top: 10px\"\r\n          [color]=\"data.actionButtonColor||'accent'\">{{data.actionButtonText||'OK'}}</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <mat-progress-bar *ngIf=\"data.showProgressBar\" style=\"height: 3px;\" mode=\"determinate\" [color]=\"data.progressBarColor\"\r\n    [ngClass]=\"data.progressBarColor + ' custom-progressbar'\" [value]=\"timer\">\r\n  </mat-progress-bar>\r\n</div>","styles":[".small-close-icon{height:25px!important;width:25px!important;font-size:25px!important;line-height:25px!important}.small-action-icon{height:30px!important;max-width:50px!important;min-width:40px!important;padding:1px 2px!important;font-size:12px!important;line-height:20px!important;text-overflow:clip!important;overflow:hidden!important}.example-spacer{flex:1 1 auto}.mat-snack-bar-container{padding:0!important;min-width:100px!important;min-height:10px!important;overflow-x:hidden;overflow-y:hidden}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":29,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_SNACK_BAR_DATA","line":29,"character":12}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"MatSnackBarRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵc"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":30,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":31,"character":32},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":32,"character":23}]}],"ngOnInit":[{"__symbolic":"method"}],"pauseTimer":[{"__symbolic":"method"}],"resumeTimer":[{"__symbolic":"method"}],"closeSelf":[{"__symbolic":"method"}],"closeOnClick":[{"__symbolic":"method"}],"closeWithAction":[{"__symbolic":"method"}],"startTimer":[{"__symbolic":"method"}]}}},"origins":{"ToasterConfig":"./lib/ngx-mat-alert-confirm.service","ConfirmButtonConfig":"./lib/ngx-mat-alert-confirm.service","ConfirmConfig":"./lib/ngx-mat-alert-confirm.service","NgxMatAlertConfirmService":"./lib/ngx-mat-alert-confirm.service","NgxMatAlertConfirmModule":"./lib/ngx-mat-alert-confirm.module","ɵa":"./lib/ngx-mat-alert-confirm.component","ɵb":"./lib/alert-confirm/alert-dialogue-confirm/alert-dialogue-confirm.component","ɵc":"./lib/alert-confirm/alert-snackbar-toaster/alert-snackbar-toaster.component"},"importAs":"ngx-mat-alert-confirm"}
+{"__symbolic":"module","version":4,"metadata":{"ToasterConfig":{"__symbolic":"interface"},"ConfirmButtonConfig":{"__symbolic":"interface"},"ConfirmConfig":{"__symbolic":"interface"},"NgxMatAlertConfirmService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":68,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":74,"character":32},{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":74,"character":63}]}],"toaster":[{"__symbolic":"method"}],"confirm":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"NgxMatAlertConfirmModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":30,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}],"imports":[{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule","line":33,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":34,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":35,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBarModule","line":36,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatDialogModule","line":37,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatIconModule","line":38,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatButtonModule","line":39,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatProgressBarModule","line":40,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatInputModule","line":41,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatCheckboxModule","line":42,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatSelectModule","line":43,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵa"}],"entryComponents":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"NgxMatAlertConfirm-NgxMatAlertConfirm","template":"\n    <p>\n      ngx-mat-alert-confirm works!\n    </p>\n  ","styles":[]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":97,"character":1},"arguments":[{"selector":"app-alert-dialogue-confirm","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":101,"character":17},"member":"None"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"bounceAnimation","line":103,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"flashAnimation","line":104,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"pulseAnimation","line":105,"character":4},"arguments":[{"anchor":"pulse"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"rubberBandAnimation","line":108,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"shakeAnimation","line":109,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"swingAnimation","line":110,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"tadaAnimation","line":111,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"wobbleAnimation","line":112,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"jelloAnimation","line":113,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"heartBeatAnimation","line":114,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"headShakeAnimation","line":115,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"bounceInAnimation","line":116,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"bounceInDownAnimation","line":117,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"bounceInLeftAnimation","line":118,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"bounceInRightAnimation","line":119,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"bounceInUpAnimation","line":120,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"bounceOutAnimation","line":121,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"bounceOutDownAnimation","line":122,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"bounceOutLeftAnimation","line":123,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"bounceOutRightAnimation","line":124,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"bounceOutUpAnimation","line":125,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeInAnimation","line":126,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeInDownAnimation","line":127,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeInDownBigAnimation","line":128,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeInLeftAnimation","line":129,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeInLeftBigAnimation","line":130,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeInRightAnimation","line":131,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeInRightBigAnimation","line":132,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeInUpAnimation","line":133,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeInUpBigAnimation","line":134,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeOutAnimation","line":135,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeOutDownAnimation","line":136,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeOutDownBigAnimation","line":137,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeOutLeftAnimation","line":138,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeOutLeftBigAnimation","line":139,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeOutRightAnimation","line":140,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeOutRightBigAnimation","line":141,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeOutUpAnimation","line":142,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"fadeOutUpBigAnimation","line":143,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"flipAnimation","line":144,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"flipInXAnimation","line":145,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"flipInYAnimation","line":146,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"flipOutXAnimation","line":147,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"flipOutYAnimation","line":148,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"lightSpeedInAnimation","line":149,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"lightSpeedOutAnimation","line":150,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"rotateInAnimation","line":151,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"rotateInDownLeftAnimation","line":152,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"rotateInDownRightAnimation","line":153,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"rotateInUpLeftAnimation","line":154,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"rotateInUpRightAnimation","line":155,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"rotateOutAnimation","line":156,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"rotateOutDownLeftAnimation","line":157,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"rotateOutDownRightAnimation","line":158,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"rotateOutUpLeftAnimation","line":159,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"rotateOutUpRightAnimation","line":160,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"slideInUpAnimation","line":161,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"slideInDownAnimation","line":162,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"slideInLeftAnimation","line":163,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"slideInRightAnimation","line":164,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"slideOutUpAnimation","line":165,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"slideOutDownAnimation","line":166,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"slideOutLeftAnimation","line":167,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"slideOutRightAnimation","line":168,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"zoomInAnimation","line":169,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"zoomInDownAnimation","line":170,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"zoomInLeftAnimation","line":171,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"zoomInRightAnimation","line":172,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"zoomInUpAnimation","line":173,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"zoomOutAnimation","line":174,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"zoomOutDownAnimation","line":175,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"zoomOutLeftAnimation","line":176,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"zoomOutRightAnimation","line":177,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"zoomOutUpAnimation","line":178,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"hingeAnimation","line":179,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"jackInTheBoxAnimation","line":180,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"rollInAnimation","line":181,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"rollOutAnimation","line":182,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"collapseAnimation","line":183,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"rotateAnimation","line":184,"character":4}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"angular-animations","name":"hueRotateAnimation","line":185,"character":4}}],"template":"  <div style=\"align-content: center;vertical-align: middle;text-align: center;align-items: center;align-self: center;\">\n    <ng-container *ngIf=\"data.matIcon\">\n      <ng-container [ngSwitch]=\"data.iconAnimation\">\n        <div *ngSwitchCase=\"undefined\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n\n        <div *ngSwitchCase=\"'bounce'\" [@bounce]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'flash'\" [@flash]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'pulse'\" [@pulse]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'rubberBand'\" [@rubberBand]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'shake'\" [@shake]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'swing'\" [@swing]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'tada'\" [@tada]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'wobble'\" [@wobble]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'jello'\" [@jello]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'heartBeat'\" [@heartBeat]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'headShake'\" [@headShake]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'bounceIn'\" [@bounceIn]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'bounceInDown'\" [@bounceInDown]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'bounceInLeft'\" [@bounceInLeft]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'bounceInRight'\" [@bounceInRight]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'bounceInUp'\" [@bounceInUp]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'bounceOut'\" [@bounceOut]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'bounceOutDown'\" [@bounceOutDown]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'bounceOutLeft'\" [@bounceOutLeft]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'bounceOutRight'\" [@bounceOutRight]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'bounceOutUp'\" [@bounceOutUp]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeIn'\" [@fadeIn]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeInDown'\" [@fadeInDown]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeInDownBig'\" [@fadeInDownBig]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeInLeft'\" [@fadeInLeft]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeInLeftBig'\" [@fadeInLeftBig]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeInRight'\" [@fadeInRight]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeInRightBig'\" [@fadeInRightBig]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeInUp'\" [@fadeInUp]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeInUpBig'\" [@fadeInUpBig]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeOut'\" [@fadeOut]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeOutDown'\" [@fadeOutDown]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeOutDownBig'\" [@fadeOutDownBig]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeOutLeft'\" [@fadeOutLeft]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeOutLeftBig'\" [@fadeOutLeftBig]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeOutRight'\" [@fadeOutRight]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeOutRightBig'\" [@fadeOutRightBig]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeOutUp'\" [@fadeOutUp]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'fadeOutUpBig'\" [@fadeOutUpBig]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'flip'\" [@flip]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'flipInX'\" [@flipInX]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'flipInY'\" [@flipInY]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'flipOutX'\" [@flipOutX]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'flipOutY'\" [@flipOutY]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'lightSpeedIn'\" [@lightSpeedIn]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'lightSpeedOut'\" [@lightSpeedOut]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'rotateIn'\" [@rotateIn]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'rotateInDownLeft'\" [@rotateInDownLeft]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'rotateInDownRight'\" [@rotateInDownRight]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'rotateInUpLeft'\" [@rotateInUpLeft]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'rotateInUpRight'\" [@rotateInUpRight]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'rotateOut'\" [@rotateOut]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'rotateOutDownLeft'\" [@rotateOutDownLeft]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'rotateOutDownRight'\" [@rotateOutDownRight]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'rotateOutUpLeft'\" [@rotateOutUpLeft]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'rotateOutUpRight'\" [@rotateOutUpRight]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'slideInUp'\" [@slideInUp]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'slideInDown'\" [@slideInDown]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'slideInLeft'\" [@slideInLeft]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'slideInRight'\" [@slideInRight]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'slideOutUp'\" [@slideOutUp]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'slideOutDown'\" [@slideOutDown]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'slideOutLeft'\" [@slideOutLeft]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'slideOutRight'\" [@slideOutRight]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'zoomIn'\" [@zoomIn]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'zoomInDown'\" [@zoomInDown]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'zoomInLeft'\" [@zoomInLeft]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'zoomInRight'\" [@zoomInRight]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'zoomInUp'\" [@zoomInUp]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'zoomOut'\" [@zoomOut]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'zoomOutDown'\" [@zoomOutDown]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'zoomOutLeft'\" [@zoomOutLeft]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'zoomOutRight'\" [@zoomOutRight]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'zoomOutUp'\" [@zoomOutUp]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'hinge'\" [@hinge]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'jackInTheBox'\" [@jackInTheBox]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'rollIn'\" [@rollIn]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'rollOut'\" [@rollOut]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'collapse'\" [@collapse]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'rotate'\" [@rotate]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n        <div *ngSwitchCase=\"'hueRotate'\" [@hueRotate]=\"animationState\">\n          <mat-icon style=\"font-size: 70px;position: relative;left: -22px;\" [style.color]=\"data.iconColor\">\n            {{data.matIcon}}</mat-icon>\n        </div>\n      </ng-container>\n\n\n    </ng-container>\n    <div style=\"font-weight: 500;\" [style.font-size]=\"data.titleSize\">{{data.title}}</div>\n    <div *ngIf=\"data.message\" style=\"font-weight: 400;\" [style.font-size]=\"data.messageSize\" [innerHtml]=\"data.message\">\n    </div>\n  </div>\n  <div style=\"display: flex;\"\n    style=\"padding: 0 10px 10px 10px;align-content: center;vertical-align: middle;text-align: center;align-items: center;align-self: center;\">\n    <ng-container *ngFor=\"let btn of data.buttons;let i = index;\">\n      <button style=\"margin-right: 5px\" *ngIf=\"!btn.type||btn.type=='basic'\" [id]=\"btn.id\" mat-button\n        [color]=\"btn.color\" (click)=\"onButtonClick(btn.id)\">\n        {{btn.text}}\n      </button>\n      <button style=\"margin-right: 5px\" *ngIf=\"btn.type=='raised'\" [id]=\"btn.id\" mat-raised-button [color]=\"btn.color\"\n        (click)=\"onButtonClick(btn.id)\">\n        {{btn.text}}\n      </button>\n      <button style=\"margin-right: 5px\" *ngIf=\"btn.type=='flat'\" [id]=\"btn.id\" mat-flat-button [color]=\"btn.color\"\n        (click)=\"onButtonClick(btn.id)\">\n        {{btn.text}}\n      </button>\n      <button style=\"margin-right: 5px\" *ngIf=\"btn.type=='stroked'\" [id]=\"btn.id\" mat-stroked-button [color]=\"btn.color\"\n        (click)=\"onButtonClick(btn.id)\">\n        {{btn.text}}\n      </button>\n      <button style=\"margin-right: 5px\" *ngIf=\"btn.type=='icon'\" [id]=\"btn.id\" mat-icon-button [color]=\"btn.color\"\n        (click)=\"onButtonClick(btn.id)\">\n        <mat-icon>{{btn.icon}}</mat-icon>\n      </button>\n      <button style=\"margin-right: 5px\" *ngIf=\"btn.type=='fab'\" [id]=\"btn.id\" mat-fab [color]=\"btn.color\"\n        (click)=\"onButtonClick(btn.id)\">\n        <mat-icon *ngIf=\"btn.icon\">{{btn.icon}}</mat-icon>\n        <ng-container *ngIf=\"!btn.icon\">{{btn.text}}</ng-container>\n      </button>\n      <button style=\"margin-right: 5px\" *ngIf=\"btn.type=='minifab'\" [id]=\"btn.id\" mat-mini-fab [color]=\"btn.color\"\n        (click)=\"onButtonClick(btn.id)\">\n        <mat-icon *ngIf=\"btn.icon\">{{btn.icon}}</mat-icon>\n        <ng-container *ngIf=\"!btn.icon\">{{btn.text}}</ng-container>\n      </button>\n    </ng-container>\n  </div>","styles":[".example-spacer{flex:1 1 auto}.mat-dialog-container{padding:20px!important;overflow-x:hidden;overflow-y:hidden}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":192,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":192,"character":12}]}],null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵb"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":193,"character":23}]}],"ngOnInit":[{"__symbolic":"method"}],"animate":[{"__symbolic":"method"}],"dismiss":[{"__symbolic":"method"}],"onButtonClick":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"app-alert-snackbar-toaster","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":20,"character":17},"member":"None"},"template":"<div [style.width]=\"data.width||''\" style=\"cursor: default;\" (click)=\"closeOnClick($event)\" (mouseenter)=\"pauseTimer() \"\r\n  (mouseleave)=\"resumeTimer()\">\r\n  <div style=\"padding: 5px 5px;align-items: center;align-content: center;align-self: center;\"\r\n    [style.background-color]=\"data.backgroundColor\">\r\n    <button class=\"small-close-icon\" mat-icon-button *ngIf=\"data.showCloseButton\" (click)=\"closeSelf($event)\"\r\n      style=\"position: absolute;top: 0;right: 0;\">\r\n      <mat-icon [color]=\"data.closeButtonColor=='accent'?'':data.closeButtonColor\" style=\"font-size: 15px;\">close\r\n      </mat-icon>\r\n    </button>\r\n    <div style=\"display: flex;\">\r\n      <div style=\"min-width: 45px;align-items: center;align-content: center;align-self: center;\" *ngIf=\"data.matIcon\">\r\n        <mat-icon style=\"font-size: 40px;margin: 5px 0;\" [style.color]=\"data.iconColor\">\r\n          {{data.matIcon}}\r\n        </mat-icon>\r\n      </div>\r\n      <div style=\"margin-left: 10px;align-items: center;align-content: center;align-self: center;\"\r\n        [style.color]=\"data.textColor\">\r\n        <div style=\"font-weight: 900;\" [style.font-size]=\"data.titleSize||'16px'\">{{data.title}}</div>\r\n        <div style=\"font-weight: 400;\" [style.font-size]=\"data.messageSize||'14px'\" *ngIf=\"data.message\"\r\n          [innerHtml]=\"data.message\"></div>\r\n      </div>\r\n      <span class=\"example-spacer\"></span>\r\n      <div *ngIf=\"data.showActionButton\" (click)=\"closeWithAction()\"\r\n        style=\"align-items: center;align-content: center;align-self: center;\">\r\n        <button class=\"small-action-icon\" mat-stroked-button style=\"position: relative;top: 10px\"\r\n          [color]=\"data.actionButtonColor||'accent'\">{{data.actionButtonText||'OK'}}</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <mat-progress-bar *ngIf=\"data.showProgressBar\" style=\"height: 3px;\" mode=\"determinate\" [color]=\"data.progressBarColor\"\r\n    [ngClass]=\"data.progressBarColor + ' custom-progressbar'\" [value]=\"timer\">\r\n  </mat-progress-bar>\r\n</div>","styles":[".small-close-icon{height:25px!important;width:25px!important;font-size:25px!important;line-height:25px!important}.small-action-icon{height:30px!important;max-width:50px!important;min-width:40px!important;padding:1px 2px!important;font-size:12px!important;line-height:20px!important;text-overflow:clip!important;overflow:hidden!important}.example-spacer{flex:1 1 auto}.mat-snack-bar-container{padding:0!important;min-width:100px!important;min-height:10px!important;overflow-x:hidden;overflow-y:hidden}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":29,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_SNACK_BAR_DATA","line":29,"character":12}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"MatSnackBarRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵc"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":30,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":31,"character":32},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":32,"character":23}]}],"ngOnInit":[{"__symbolic":"method"}],"pauseTimer":[{"__symbolic":"method"}],"resumeTimer":[{"__symbolic":"method"}],"closeSelf":[{"__symbolic":"method"}],"closeOnClick":[{"__symbolic":"method"}],"closeWithAction":[{"__symbolic":"method"}],"startTimer":[{"__symbolic":"method"}]}}},"origins":{"ToasterConfig":"./lib/ngx-mat-alert-confirm.service","ConfirmButtonConfig":"./lib/ngx-mat-alert-confirm.service","ConfirmConfig":"./lib/ngx-mat-alert-confirm.service","NgxMatAlertConfirmService":"./lib/ngx-mat-alert-confirm.service","NgxMatAlertConfirmModule":"./lib/ngx-mat-alert-confirm.module","ɵa":"./lib/ngx-mat-alert-confirm.component","ɵb":"./lib/alert-confirm/alert-dialogue-confirm/alert-dialogue-confirm.component","ɵc":"./lib/alert-confirm/alert-snackbar-toaster/alert-snackbar-toaster.component"},"importAs":"ngx-mat-alert-confirm"}

package.json

 {
   "name": "ngx-mat-alert-confirm",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "peerDependencies": {
@@ -5,0 +5,0 @@ "@angular/animations": "~7.2.0",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

527279

decreased by-0.24%

Lines of code

3649

decreased by-0.19%

No dependency changes