mat-progress-buttons/bundles/mat-progress-buttons.umd.min.js

Material Design Progress Buttons

!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/common"),require("@angular/material")):"function"==typeof define&&define.amd?define(["exports","@angular/core","@angular/common","@angular/material"],n):n(t.matProgressButtons={},t.ng.core,t.ng.common,null)}(this,function(t,n,o,i){"use strict";var s=function(){function t(){this.btnClick=new n.EventEmitter}return t.prototype.onClick=function(t){this.options.disabled||this.options.active||this.btnClick.emit(t)},t.decorators=[{type:n.Component,args:[{selector:"mat-spinner-button",template:'\n    <button mat-button\n      [type]="options.type"\n      [color]="options.buttonColor"\n      [class.active]="options.active"\n      [class.fullWidth]="options.fullWidth"\n      [class.mat-raised-button]="options.raised"\n      [class.mat-stroked-button]="options.stroked"\n      [class.mat-flat-button]="options.flat"\n      [class.mat-fab]="options.fab"\n      [ngClass]="options.customClass"\n      [disabled]="options.active || options.disabled">\n\n      <ng-container\n        *ngIf="options.buttonIcon">\n        <mat-icon\n          class="mat-button-icon"\n          [class.is-mat-icon]="!options.buttonIcon.fontSet"\n          [class.active]="options.active && !options.disabled"\n          [ngClass]="options.buttonIcon.customClass"\n          [fontSet]="options.buttonIcon.fontSet"\n          [fontIcon]="options.buttonIcon.fontIcon"\n          [color]="options.buttonIcon.color"\n          [svgIcon]="options.buttonIcon.svgIcon"\n          [inline]="options.buttonIcon.inline">\n          {{ options.buttonIcon.fontSet ? \'\' : options.buttonIcon.fontIcon }}\n        </mat-icon>\n      </ng-container>\n\n      <span\n        class="button-text"\n        *ngIf="!options.fab"\n        [class.active]="options.active && !options.disabled">\n          {{ options.text }}\n      </span>\n\n      <ng-container\n        *ngIf="options.fab && options.icon">\n        <mat-icon\n          [fontSet]="options.icon.fontSet"\n          [fontIcon]="options.icon.fontIcon"\n          [color]="options.icon.color"\n          [svgIcon]="options.icon.svgIcon"\n          [inline]="options.icon.inline">\n            {{ options.icon.fontSet ? \'\' : options.icon.fontIcon }}\n        </mat-icon>\n      </ng-container>\n\n      <mat-spinner class="spinner"\n        [diameter]="options.fab ? 58 : options.spinnerSize"\n        [color]="options.spinnerColor"\n        [mode]="options.mode"\n        [value]="options.value"\n        [class.active]="options.active && !options.disabled">\n      </mat-spinner>\n    </button>\n  ',styles:["\n    :host button{outline:none}:host button.active{cursor:not-allowed}:host button/deep/ .mat-button-wrapper{display:flex;align-items:center;justify-content:center}:host button.fullWidth{width:100%}:host button.mat-fab .spinner{margin-top:-15px}:host button .spinner{position:absolute;top:25%;opacity:0;transition:opacity .3s ease-in-out}:host button .spinner.active{opacity:1}:host button .button-text{opacity:1;transition:opacity .3s ease-in-out}:host button .button-text.active{opacity:0}:host button mat-icon.mat-button-icon{padding-right:5px;transition:opacity .3s ease-in-out}:host button mat-icon.mat-button-icon.is-mat-icon{font-size:18px;position:relative;top:3px}:host button mat-icon.mat-button-icon.active{opacity:0}\n  "]}]}],t.propDecorators={options:[{type:n.Input}],btnClick:[{type:n.Output}],onClick:[{type:n.HostListener,args:["click",["$event"]]}]},t}(),e=function(){function t(){this.btnClick=new n.EventEmitter}return t.prototype.onClick=function(t){this.options.disabled||this.options.active||this.btnClick.emit(t)},t.decorators=[{type:n.Component,args:[{selector:"mat-bar-button",template:'\n    <button mat-button\n      [type]="options.type"\n      [color]="options.buttonColor"\n      [class.active]="options.active"\n      [class.mat-raised-button]="options.raised"\n      [class.mat-stroked-button]="options.stroked"\n      [class.mat-flat-button]="options.flat"\n      [class.fullWidth]="options.fullWidth"\n      [ngClass]="options.customClass"\n      [disabled]="options.active || options.disabled">\n\n      <ng-container\n        *ngIf="options.buttonIcon">\n        <mat-icon\n          [class.is-mat-icon]="!options.buttonIcon.fontSet"\n          [ngClass]="options.buttonIcon.customClass"\n          [fontSet]="options.buttonIcon.fontSet"\n          [fontIcon]="options.buttonIcon.fontIcon"\n          [color]="options.buttonIcon.color"\n          [svgIcon]="options.buttonIcon.svgIcon"\n          [inline]="options.buttonIcon.inline">\n          {{ options.buttonIcon.fontSet ? \'\' : options.buttonIcon.fontIcon }}\n        </mat-icon>\n      </ng-container>\n\n      <span>{{ options.text }}</span>\n\n      <mat-progress-bar\n        class="bar"\n        *ngIf="options.active && !options.disabled"\n        [color]="options.barColor"\n        [mode]="options.mode"\n        [value]="options.value">\n      </mat-progress-bar>\n    </button>\n  ',styles:["\n    :host button.active{cursor:not-allowed}:host button.fullWidth{width:100%}:host button .bar{position:absolute;top:0;left:0}:host button mat-icon{padding-right:5px}:host button mat-icon.is-mat-icon{font-size:18px;position:relative;top:3px}\n  "]}]}],t.propDecorators={options:[{type:n.Input}],btnClick:[{type:n.Output}],onClick:[{type:n.HostListener,args:["click",["$event"]]}]},t}(),a=function(){function t(){}return t.forRoot=function(){return{ngModule:t}},t.decorators=[{type:n.NgModule,args:[{imports:[o.CommonModule,i.MatButtonModule,i.MatProgressBarModule,i.MatProgressSpinnerModule,i.MatRippleModule,i.MatIconModule],exports:[s,e],declarations:[s,e]}]}],t}();t.MatSpinnerButtonComponent=s,t.MatBarButtonComponent=e,t.MatProgressButtonsModule=a,Object.defineProperty(t,"__esModule",{value:!0})});
//# sourceMappingURL=mat-progress-buttons.umd.min.js.map