@dereekb/dbx-web 5.1.0 → 5.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -29,12 +29,12 @@ export class DbxSpinnerButtonComponent extends AbstractProgressButtonDirective {
|
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
DbxSpinnerButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSpinnerButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
32
|
-
DbxSpinnerButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxSpinnerButtonComponent, selector: "dbx-spinner-button", viewQueries: [{ propertyName: "buttonRef", first: true, predicate: ["button"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<button
|
|
32
|
+
DbxSpinnerButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxSpinnerButtonComponent, selector: "dbx-spinner-button", viewQueries: [{ propertyName: "buttonRef", first: true, predicate: ["button"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<button #button mat-button [type]=\"options.type\" [color]=\"options.buttonColor\" [class.working]=\"options.working\" [class.fullWidth]=\"options.fullWidth\" [class.mat-raised-button]=\"options.raised\" [class.mat-stroked-button]=\"options.stroked\" [class.mat-flat-button]=\"options.flat\" [class.mat-fab]=\"options.fab\" [ngClass]=\"options.customClass!\" [ngStyle]=\"options.customStyle!\" [disabled]=\"options.working || options.disabled\">\n <ng-container *ngIf=\"options.buttonIcon\">\n <mat-icon class=\"mat-button-icon\" [class.is-mat-icon]=\"!options.buttonIcon.fontSet\" [class.working]=\"options.working && !options.disabled\" [ngClass]=\"options.buttonIcon.customClass!\" [fontSet]=\"options.buttonIcon.fontSet!\" [fontIcon]=\"options.buttonIcon.fontIcon!\" [color]=\"options.buttonIcon.color!\" [svgIcon]=\"options.buttonIcon.svgIcon!\" [inline]=\"options.buttonIcon.inline!\">\n {{ options.buttonIcon.fontSet ? '' : options.buttonIcon.fontIcon }}\n </mat-icon>\n </ng-container>\n\n <span class=\"button-text\" *ngIf=\"!options.fab\" [class.working]=\"options.working && !options.disabled\">\n {{ options.text }}\n <ng-content></ng-content>\n </span>\n\n <ng-container *ngIf=\"options.fab && options.icon\">\n <mat-icon [fontSet]=\"options.icon.fontSet!\" [fontIcon]=\"options.icon.fontIcon!\" [color]=\"options.icon.color!\" [svgIcon]=\"options.icon.svgIcon!\" [inline]=\"options.icon.inline!\">\n {{ options.icon.fontSet ? '' : options.icon.fontIcon }}\n </mat-icon>\n </ng-container>\n\n <mat-spinner class=\"spinner\" *ngIf=\"options.working && !options.disabled\" [diameter]=\"calcSpinnerSize()\" [color]=\"options.spinnerColor!\" [mode]=\"options.mode!\" [value]=\"options.value!\" [ngStyle]=\"customSpinnerStyle!\" [ngClass]=\"{ 'dbx-spinner-custom': customSpinnerStyle! }\" [class.working]=\"options.working && !options.disabled\"></mat-spinner>\n</button>\n", styles: [":host button{outline:none}:host button.working{cursor:not-allowed}:host button ::ng-deep .mat-button-wrapper{display:flex;align-items:center;justify-content:center}:host button.fullWidth{width:100%}:host button .spinner{position:absolute;opacity:0;transition:opacity .3s ease-in-out}:host button .spinner.working{opacity:1}:host button .button-text{opacity:1;transition:opacity .3s ease-in-out}:host button .button-text.working{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.working{opacity:0}\n"], components: [{ type: i1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
33
33
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSpinnerButtonComponent, decorators: [{
|
|
34
34
|
type: Component,
|
|
35
|
-
args: [{ selector: 'dbx-spinner-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button
|
|
35
|
+
args: [{ selector: 'dbx-spinner-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button #button mat-button [type]=\"options.type\" [color]=\"options.buttonColor\" [class.working]=\"options.working\" [class.fullWidth]=\"options.fullWidth\" [class.mat-raised-button]=\"options.raised\" [class.mat-stroked-button]=\"options.stroked\" [class.mat-flat-button]=\"options.flat\" [class.mat-fab]=\"options.fab\" [ngClass]=\"options.customClass!\" [ngStyle]=\"options.customStyle!\" [disabled]=\"options.working || options.disabled\">\n <ng-container *ngIf=\"options.buttonIcon\">\n <mat-icon class=\"mat-button-icon\" [class.is-mat-icon]=\"!options.buttonIcon.fontSet\" [class.working]=\"options.working && !options.disabled\" [ngClass]=\"options.buttonIcon.customClass!\" [fontSet]=\"options.buttonIcon.fontSet!\" [fontIcon]=\"options.buttonIcon.fontIcon!\" [color]=\"options.buttonIcon.color!\" [svgIcon]=\"options.buttonIcon.svgIcon!\" [inline]=\"options.buttonIcon.inline!\">\n {{ options.buttonIcon.fontSet ? '' : options.buttonIcon.fontIcon }}\n </mat-icon>\n </ng-container>\n\n <span class=\"button-text\" *ngIf=\"!options.fab\" [class.working]=\"options.working && !options.disabled\">\n {{ options.text }}\n <ng-content></ng-content>\n </span>\n\n <ng-container *ngIf=\"options.fab && options.icon\">\n <mat-icon [fontSet]=\"options.icon.fontSet!\" [fontIcon]=\"options.icon.fontIcon!\" [color]=\"options.icon.color!\" [svgIcon]=\"options.icon.svgIcon!\" [inline]=\"options.icon.inline!\">\n {{ options.icon.fontSet ? '' : options.icon.fontIcon }}\n </mat-icon>\n </ng-container>\n\n <mat-spinner class=\"spinner\" *ngIf=\"options.working && !options.disabled\" [diameter]=\"calcSpinnerSize()\" [color]=\"options.spinnerColor!\" [mode]=\"options.mode!\" [value]=\"options.value!\" [ngStyle]=\"customSpinnerStyle!\" [ngClass]=\"{ 'dbx-spinner-custom': customSpinnerStyle! }\" [class.working]=\"options.working && !options.disabled\"></mat-spinner>\n</button>\n", styles: [":host button{outline:none}:host button.working{cursor:not-allowed}:host button ::ng-deep .mat-button-wrapper{display:flex;align-items:center;justify-content:center}:host button.fullWidth{width:100%}:host button .spinner{position:absolute;opacity:0;transition:opacity .3s ease-in-out}:host button .spinner.working{opacity:1}:host button .button-text{opacity:1;transition:opacity .3s ease-in-out}:host button .button-text.working{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.working{opacity:0}\n"] }]
|
|
36
36
|
}], propDecorators: { buttonRef: [{
|
|
37
37
|
type: ViewChild,
|
|
38
38
|
args: ['button', { static: true, read: ElementRef }]
|
|
39
39
|
}] } });
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2J1dHRvbi9wcm9ncmVzcy9zcGlubmVyLmJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvYnV0dG9uL3Byb2dyZXNzL3NwaW5uZXIuYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRixPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7Ozs7O0FBUW5GLE1BQU0sT0FBTyx5QkFBMEIsU0FBUSwrQkFBK0I7SUFJNUUsZUFBZTtRQUNiLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7UUFDN0IsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLFNBQVMsRUFBRSxhQUFhLENBQUM7UUFDM0MsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQztRQUVqQyxJQUFJLElBQUksQ0FBQztRQUVULElBQUksT0FBTyxFQUFFO1lBQ1gsSUFBSSxPQUFPLENBQUMsR0FBRyxFQUFFO2dCQUNmLElBQUksR0FBRyxNQUFNLENBQUM7YUFDZjtpQkFBTTtnQkFDTCxJQUFJLEdBQUcsT0FBTyxDQUFDLFdBQVcsQ0FBQzthQUM1QjtTQUNGO1FBRUQsSUFBSSxDQUFDLElBQUksRUFBRTtZQUNULE1BQU0sa0JBQWtCLEdBQUcsRUFBRSxDQUFDO1lBQzlCLE1BQU0sWUFBWSxHQUFHLE9BQU8sQ0FBQyxZQUFZLElBQUksSUFBSSxDQUFDO1lBQ2xELE1BQU0saUJBQWlCLEdBQUcsTUFBTSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFLFlBQVksQ0FBQyxDQUFDO1lBQzdELElBQUksR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsR0FBRyxDQUFDLGtCQUFrQixFQUFFLGlCQUFpQixDQUFDLENBQUMsQ0FBQztTQUMxRTtRQUVELE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQzs7c0hBM0JVLHlCQUF5QjswR0FBekIseUJBQXlCLDBJQUNPLFVBQVUsa0VDVnZELDgzREFvQkE7MkZEWGEseUJBQXlCO2tCQU5yQyxTQUFTOytCQUNFLG9CQUFvQixtQkFHYix1QkFBdUIsQ0FBQyxNQUFNOzhCQUl0QyxTQUFTO3NCQURqQixTQUFTO3VCQUFDLFFBQVEsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWJzdHJhY3RQcm9ncmVzc0J1dHRvbkRpcmVjdGl2ZSB9IGZyb20gJy4vYmFzZS5wcm9ncmVzcy5idXR0b24uZGlyZWN0aXZlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LXNwaW5uZXItYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NwaW5uZXIuYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Bpbm5lci5idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgRGJ4U3Bpbm5lckJ1dHRvbkNvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0UHJvZ3Jlc3NCdXR0b25EaXJlY3RpdmUge1xuICBAVmlld0NoaWxkKCdidXR0b24nLCB7IHN0YXRpYzogdHJ1ZSwgcmVhZDogRWxlbWVudFJlZiB9KVxuICByZWFkb25seSBidXR0b25SZWYhOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PjtcblxuICBjYWxjU3Bpbm5lclNpemUoKSB7XG4gICAgY29uc3Qgb3B0aW9ucyA9IHRoaXMub3B0aW9ucztcbiAgICBjb25zdCBlbGVtID0gdGhpcy5idXR0b25SZWY/Lm5hdGl2ZUVsZW1lbnQ7XG4gICAgY29uc3QgaGVpZ2h0ID0gZWxlbS5jbGllbnRIZWlnaHQ7XG5cbiAgICBsZXQgc2l6ZTtcblxuICAgIGlmIChvcHRpb25zKSB7XG4gICAgICBpZiAob3B0aW9ucy5mYWIpIHtcbiAgICAgICAgc2l6ZSA9IGhlaWdodDtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHNpemUgPSBvcHRpb25zLnNwaW5uZXJTaXplO1xuICAgICAgfVxuICAgIH1cblxuICAgIGlmICghc2l6ZSkge1xuICAgICAgY29uc3QgbWluaW11bVNwaW5uZXJTaXplID0gMTg7XG4gICAgICBjb25zdCBzcGlubmVyUmF0aW8gPSBvcHRpb25zLnNwaW5uZXJSYXRpbyA/PyAwLjMzO1xuICAgICAgY29uc3QgdGFyZ2V0U3Bpbm5lclNpemUgPSBoZWlnaHQgKiBNYXRoLm1pbigxLCBzcGlubmVyUmF0aW8pO1xuICAgICAgc2l6ZSA9IE1hdGgubWluKGhlaWdodCwgTWF0aC5tYXgobWluaW11bVNwaW5uZXJTaXplLCB0YXJnZXRTcGlubmVyU2l6ZSkpO1xuICAgIH1cblxuICAgIHJldHVybiBzaXplO1xuICB9XG59XG4iLCI8YnV0dG9uICNidXR0b24gbWF0LWJ1dHRvbiBbdHlwZV09XCJvcHRpb25zLnR5cGVcIiBbY29sb3JdPVwib3B0aW9ucy5idXR0b25Db2xvclwiIFtjbGFzcy53b3JraW5nXT1cIm9wdGlvbnMud29ya2luZ1wiIFtjbGFzcy5mdWxsV2lkdGhdPVwib3B0aW9ucy5mdWxsV2lkdGhcIiBbY2xhc3MubWF0LXJhaXNlZC1idXR0b25dPVwib3B0aW9ucy5yYWlzZWRcIiBbY2xhc3MubWF0LXN0cm9rZWQtYnV0dG9uXT1cIm9wdGlvbnMuc3Ryb2tlZFwiIFtjbGFzcy5tYXQtZmxhdC1idXR0b25dPVwib3B0aW9ucy5mbGF0XCIgW2NsYXNzLm1hdC1mYWJdPVwib3B0aW9ucy5mYWJcIiBbbmdDbGFzc109XCJvcHRpb25zLmN1c3RvbUNsYXNzIVwiIFtuZ1N0eWxlXT1cIm9wdGlvbnMuY3VzdG9tU3R5bGUhXCIgW2Rpc2FibGVkXT1cIm9wdGlvbnMud29ya2luZyB8fCBvcHRpb25zLmRpc2FibGVkXCI+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJvcHRpb25zLmJ1dHRvbkljb25cIj5cbiAgICA8bWF0LWljb24gY2xhc3M9XCJtYXQtYnV0dG9uLWljb25cIiBbY2xhc3MuaXMtbWF0LWljb25dPVwiIW9wdGlvbnMuYnV0dG9uSWNvbi5mb250U2V0XCIgW2NsYXNzLndvcmtpbmddPVwib3B0aW9ucy53b3JraW5nICYmICFvcHRpb25zLmRpc2FibGVkXCIgW25nQ2xhc3NdPVwib3B0aW9ucy5idXR0b25JY29uLmN1c3RvbUNsYXNzIVwiIFtmb250U2V0XT1cIm9wdGlvbnMuYnV0dG9uSWNvbi5mb250U2V0IVwiIFtmb250SWNvbl09XCJvcHRpb25zLmJ1dHRvbkljb24uZm9udEljb24hXCIgW2NvbG9yXT1cIm9wdGlvbnMuYnV0dG9uSWNvbi5jb2xvciFcIiBbc3ZnSWNvbl09XCJvcHRpb25zLmJ1dHRvbkljb24uc3ZnSWNvbiFcIiBbaW5saW5lXT1cIm9wdGlvbnMuYnV0dG9uSWNvbi5pbmxpbmUhXCI+XG4gICAgICB7eyBvcHRpb25zLmJ1dHRvbkljb24uZm9udFNldCA/ICcnIDogb3B0aW9ucy5idXR0b25JY29uLmZvbnRJY29uIH19XG4gICAgPC9tYXQtaWNvbj5cbiAgPC9uZy1jb250YWluZXI+XG5cbiAgPHNwYW4gY2xhc3M9XCJidXR0b24tdGV4dFwiICpuZ0lmPVwiIW9wdGlvbnMuZmFiXCIgW2NsYXNzLndvcmtpbmddPVwib3B0aW9ucy53b3JraW5nICYmICFvcHRpb25zLmRpc2FibGVkXCI+XG4gICAge3sgb3B0aW9ucy50ZXh0IH19XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L3NwYW4+XG5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm9wdGlvbnMuZmFiICYmIG9wdGlvbnMuaWNvblwiPlxuICAgIDxtYXQtaWNvbiBbZm9udFNldF09XCJvcHRpb25zLmljb24uZm9udFNldCFcIiBbZm9udEljb25dPVwib3B0aW9ucy5pY29uLmZvbnRJY29uIVwiIFtjb2xvcl09XCJvcHRpb25zLmljb24uY29sb3IhXCIgW3N2Z0ljb25dPVwib3B0aW9ucy5pY29uLnN2Z0ljb24hXCIgW2lubGluZV09XCJvcHRpb25zLmljb24uaW5saW5lIVwiPlxuICAgICAge3sgb3B0aW9ucy5pY29uLmZvbnRTZXQgPyAnJyA6IG9wdGlvbnMuaWNvbi5mb250SWNvbiB9fVxuICAgIDwvbWF0LWljb24+XG4gIDwvbmctY29udGFpbmVyPlxuXG4gIDxtYXQtc3Bpbm5lciBjbGFzcz1cInNwaW5uZXJcIiAqbmdJZj1cIm9wdGlvbnMud29ya2luZyAmJiAhb3B0aW9ucy5kaXNhYmxlZFwiIFtkaWFtZXRlcl09XCJjYWxjU3Bpbm5lclNpemUoKVwiIFtjb2xvcl09XCJvcHRpb25zLnNwaW5uZXJDb2xvciFcIiBbbW9kZV09XCJvcHRpb25zLm1vZGUhXCIgW3ZhbHVlXT1cIm9wdGlvbnMudmFsdWUhXCIgW25nU3R5bGVdPVwiY3VzdG9tU3Bpbm5lclN0eWxlIVwiIFtuZ0NsYXNzXT1cInsgJ2RieC1zcGlubmVyLWN1c3RvbSc6IGN1c3RvbVNwaW5uZXJTdHlsZSEgfVwiIFtjbGFzcy53b3JraW5nXT1cIm9wdGlvbnMud29ya2luZyAmJiAhb3B0aW9ucy5kaXNhYmxlZFwiPjwvbWF0LXNwaW5uZXI+XG48L2J1dHRvbj5cbiJdfQ==
|
|
@@ -179,10 +179,10 @@ class DbxSpinnerButtonComponent extends AbstractProgressButtonDirective {
|
|
|
179
179
|
}
|
|
180
180
|
}
|
|
181
181
|
DbxSpinnerButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSpinnerButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
182
|
-
DbxSpinnerButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxSpinnerButtonComponent, selector: "dbx-spinner-button", viewQueries: [{ propertyName: "buttonRef", first: true, predicate: ["button"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<button
|
|
182
|
+
DbxSpinnerButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxSpinnerButtonComponent, selector: "dbx-spinner-button", viewQueries: [{ propertyName: "buttonRef", first: true, predicate: ["button"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<button #button mat-button [type]=\"options.type\" [color]=\"options.buttonColor\" [class.working]=\"options.working\" [class.fullWidth]=\"options.fullWidth\" [class.mat-raised-button]=\"options.raised\" [class.mat-stroked-button]=\"options.stroked\" [class.mat-flat-button]=\"options.flat\" [class.mat-fab]=\"options.fab\" [ngClass]=\"options.customClass!\" [ngStyle]=\"options.customStyle!\" [disabled]=\"options.working || options.disabled\">\n <ng-container *ngIf=\"options.buttonIcon\">\n <mat-icon class=\"mat-button-icon\" [class.is-mat-icon]=\"!options.buttonIcon.fontSet\" [class.working]=\"options.working && !options.disabled\" [ngClass]=\"options.buttonIcon.customClass!\" [fontSet]=\"options.buttonIcon.fontSet!\" [fontIcon]=\"options.buttonIcon.fontIcon!\" [color]=\"options.buttonIcon.color!\" [svgIcon]=\"options.buttonIcon.svgIcon!\" [inline]=\"options.buttonIcon.inline!\">\n {{ options.buttonIcon.fontSet ? '' : options.buttonIcon.fontIcon }}\n </mat-icon>\n </ng-container>\n\n <span class=\"button-text\" *ngIf=\"!options.fab\" [class.working]=\"options.working && !options.disabled\">\n {{ options.text }}\n <ng-content></ng-content>\n </span>\n\n <ng-container *ngIf=\"options.fab && options.icon\">\n <mat-icon [fontSet]=\"options.icon.fontSet!\" [fontIcon]=\"options.icon.fontIcon!\" [color]=\"options.icon.color!\" [svgIcon]=\"options.icon.svgIcon!\" [inline]=\"options.icon.inline!\">\n {{ options.icon.fontSet ? '' : options.icon.fontIcon }}\n </mat-icon>\n </ng-container>\n\n <mat-spinner class=\"spinner\" *ngIf=\"options.working && !options.disabled\" [diameter]=\"calcSpinnerSize()\" [color]=\"options.spinnerColor!\" [mode]=\"options.mode!\" [value]=\"options.value!\" [ngStyle]=\"customSpinnerStyle!\" [ngClass]=\"{ 'dbx-spinner-custom': customSpinnerStyle! }\" [class.working]=\"options.working && !options.disabled\"></mat-spinner>\n</button>\n", styles: [":host button{outline:none}:host button.working{cursor:not-allowed}:host button ::ng-deep .mat-button-wrapper{display:flex;align-items:center;justify-content:center}:host button.fullWidth{width:100%}:host button .spinner{position:absolute;opacity:0;transition:opacity .3s ease-in-out}:host button .spinner.working{opacity:1}:host button .button-text{opacity:1;transition:opacity .3s ease-in-out}:host button .button-text.working{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.working{opacity:0}\n"], components: [{ type: i1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }], directives: [{ type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
183
183
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSpinnerButtonComponent, decorators: [{
|
|
184
184
|
type: Component,
|
|
185
|
-
args: [{ selector: 'dbx-spinner-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button
|
|
185
|
+
args: [{ selector: 'dbx-spinner-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button #button mat-button [type]=\"options.type\" [color]=\"options.buttonColor\" [class.working]=\"options.working\" [class.fullWidth]=\"options.fullWidth\" [class.mat-raised-button]=\"options.raised\" [class.mat-stroked-button]=\"options.stroked\" [class.mat-flat-button]=\"options.flat\" [class.mat-fab]=\"options.fab\" [ngClass]=\"options.customClass!\" [ngStyle]=\"options.customStyle!\" [disabled]=\"options.working || options.disabled\">\n <ng-container *ngIf=\"options.buttonIcon\">\n <mat-icon class=\"mat-button-icon\" [class.is-mat-icon]=\"!options.buttonIcon.fontSet\" [class.working]=\"options.working && !options.disabled\" [ngClass]=\"options.buttonIcon.customClass!\" [fontSet]=\"options.buttonIcon.fontSet!\" [fontIcon]=\"options.buttonIcon.fontIcon!\" [color]=\"options.buttonIcon.color!\" [svgIcon]=\"options.buttonIcon.svgIcon!\" [inline]=\"options.buttonIcon.inline!\">\n {{ options.buttonIcon.fontSet ? '' : options.buttonIcon.fontIcon }}\n </mat-icon>\n </ng-container>\n\n <span class=\"button-text\" *ngIf=\"!options.fab\" [class.working]=\"options.working && !options.disabled\">\n {{ options.text }}\n <ng-content></ng-content>\n </span>\n\n <ng-container *ngIf=\"options.fab && options.icon\">\n <mat-icon [fontSet]=\"options.icon.fontSet!\" [fontIcon]=\"options.icon.fontIcon!\" [color]=\"options.icon.color!\" [svgIcon]=\"options.icon.svgIcon!\" [inline]=\"options.icon.inline!\">\n {{ options.icon.fontSet ? '' : options.icon.fontIcon }}\n </mat-icon>\n </ng-container>\n\n <mat-spinner class=\"spinner\" *ngIf=\"options.working && !options.disabled\" [diameter]=\"calcSpinnerSize()\" [color]=\"options.spinnerColor!\" [mode]=\"options.mode!\" [value]=\"options.value!\" [ngStyle]=\"customSpinnerStyle!\" [ngClass]=\"{ 'dbx-spinner-custom': customSpinnerStyle! }\" [class.working]=\"options.working && !options.disabled\"></mat-spinner>\n</button>\n", styles: [":host button{outline:none}:host button.working{cursor:not-allowed}:host button ::ng-deep .mat-button-wrapper{display:flex;align-items:center;justify-content:center}:host button.fullWidth{width:100%}:host button .spinner{position:absolute;opacity:0;transition:opacity .3s ease-in-out}:host button .spinner.working{opacity:1}:host button .button-text{opacity:1;transition:opacity .3s ease-in-out}:host button .button-text.working{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.working{opacity:0}\n"] }]
|
|
186
186
|
}], propDecorators: { buttonRef: [{
|
|
187
187
|
type: ViewChild,
|
|
188
188
|
args: ['button', { static: true, read: ElementRef }]
|