@dbg-riskit/angular-view
Version:
131 lines • 14.1 kB
JavaScript
import { ChangeDetectionStrategy, Component, Inject } from '@angular/core';
import { MAT_DIALOG_DATA } from '@angular/material/dialog';
import * as i0 from "@angular/core";
import * as i1 from "@angular/material/dialog";
import * as i2 from "./flex.component";
import * as i3 from "./flex.spacer.component";
import * as i4 from "@angular/material/progress-spinner";
import * as i5 from "@angular/material/button";
import * as i6 from "@angular/common";
import * as i7 from "./percent.pipe";
export class ProgressLoaderComponent {
constructor(dialogRef, data, changeDetector) {
this.dialogRef = dialogRef;
this.data = data;
this.changeDetector = changeDetector;
}
get value() {
if (this.dialogData.value == null || this.dialogData.value < 0) {
return 0;
}
return this.dialogData.value;
}
set value(value) {
this.dialogData.value = value;
this.changeDetector.markForCheck();
}
get total() {
return this.dialogData.total;
}
set total(value) {
this.dialogData.total = value;
this.changeDetector.markForCheck();
}
get dialogData() {
return this.data;
}
get valueFormatter() {
return this.data.valueFormatter || { transform: (data) => data };
}
get mode() {
switch (true) {
case this.total == null:
case this.total != null && this.total <= 0:
case this.value <= 0:
case this.value === this.total:
return 'indeterminate';
default:
return 'determinate';
}
}
close() {
this.dialogRef.close();
}
}
ProgressLoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: ProgressLoaderComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
ProgressLoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: ProgressLoaderComponent, selector: "ng-component", host: { properties: { "class.risk-progress-loader-dialog": "true" } }, ngImport: i0, template: `
<risk-flex [wrapContent]="true">
<risk-flex-spacer></risk-flex-spacer>
<mat-progress-spinner
[mode]="mode"
[value]="value / (total || 1) * 100">
</mat-progress-spinner>
<risk-flex-spacer></risk-flex-spacer>
</risk-flex>
<risk-flex *ngIf="dialogData.title" [wrapContent]="true">
<risk-flex-spacer></risk-flex-spacer>
<h3>{{ dialogData.title }}</h3>
<risk-flex-spacer></risk-flex-spacer>
</risk-flex>
<risk-flex [wrapContent]="true">
<risk-flex-spacer></risk-flex-spacer>
<h5 *ngIf="total != null && total > 0; else valueOnly">{{ valueFormatter.transform(value) }}
/{{ valueFormatter.transform(total) }}
- {{ value / total * 100 | percent:'.1-1' }}</h5>
<ng-template #valueOnly><h5>{{ valueFormatter.transform(value) }}</h5></ng-template>
<risk-flex-spacer></risk-flex-spacer>
</risk-flex>
<risk-flex *ngIf="dialogData.cancel != null" [wrapContent]="true">
<risk-flex-spacer></risk-flex-spacer>
<button mat-button color="warn" (click)="dialogData.cancel()">Cancel</button>
<risk-flex-spacer></risk-flex-spacer>
</risk-flex>
`, isInline: true, styles: ["h3{margin-bottom:0}\n"], components: [{ type: i2.FlexComponent, selector: "risk-flex", inputs: ["wrapContent"] }, { type: i3.FlexSpacerComponent, selector: "risk-flex-spacer" }, { type: i4.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { type: i5.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"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "percent": i7.PercentPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: ProgressLoaderComponent, decorators: [{
type: Component,
args: [{
template: `
<risk-flex [wrapContent]="true">
<risk-flex-spacer></risk-flex-spacer>
<mat-progress-spinner
[mode]="mode"
[value]="value / (total || 1) * 100">
</mat-progress-spinner>
<risk-flex-spacer></risk-flex-spacer>
</risk-flex>
<risk-flex *ngIf="dialogData.title" [wrapContent]="true">
<risk-flex-spacer></risk-flex-spacer>
<h3>{{ dialogData.title }}</h3>
<risk-flex-spacer></risk-flex-spacer>
</risk-flex>
<risk-flex [wrapContent]="true">
<risk-flex-spacer></risk-flex-spacer>
<h5 *ngIf="total != null && total > 0; else valueOnly">{{ valueFormatter.transform(value) }}
/{{ valueFormatter.transform(total) }}
- {{ value / total * 100 | percent:'.1-1' }}</h5>
<ng-template #valueOnly><h5>{{ valueFormatter.transform(value) }}</h5></ng-template>
<risk-flex-spacer></risk-flex-spacer>
</risk-flex>
<risk-flex *ngIf="dialogData.cancel != null" [wrapContent]="true">
<risk-flex-spacer></risk-flex-spacer>
<button mat-button color="warn" (click)="dialogData.cancel()">Cancel</button>
<risk-flex-spacer></risk-flex-spacer>
</risk-flex>
`,
styles: [
`
h3 {
margin-bottom: 0;
}`
],
host: {
'[class.risk-progress-loader-dialog]': 'true'
},
changeDetection: ChangeDetectionStrategy.OnPush,
preserveWhitespaces: false
}]
}], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
type: Inject,
args: [MAT_DIALOG_DATA]
}] }, { type: i0.ChangeDetectorRef }]; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MubG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BrZy9kYmctcmlza2l0L2FuZ3VsYXItdmlldy9zcmMvbGliL3Byb2dyZXNzLmxvYWRlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFxQixTQUFTLEVBQUUsTUFBTSxFQUFnQixNQUFNLGVBQWUsQ0FBQztBQUMzRyxPQUFPLEVBQUMsZUFBZSxFQUFlLE1BQU0sMEJBQTBCLENBQUM7Ozs7Ozs7OztBQW9EdkUsTUFBTSxPQUFPLHVCQUF1QjtJQXVCaEMsWUFBb0MsU0FBc0QsRUFDN0IsSUFBZ0IsRUFDekMsY0FBaUM7UUFGakMsY0FBUyxHQUFULFNBQVMsQ0FBNkM7UUFDN0IsU0FBSSxHQUFKLElBQUksQ0FBWTtRQUN6QyxtQkFBYyxHQUFkLGNBQWMsQ0FBbUI7SUFDckUsQ0FBQztJQXhCRCxJQUFXLEtBQUs7UUFDWixJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxJQUFJLElBQUksSUFBSSxJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssR0FBRyxDQUFDLEVBQUU7WUFDNUQsT0FBTyxDQUFDLENBQUM7U0FDWjtRQUNELE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUM7SUFDakMsQ0FBQztJQUVELElBQVcsS0FBSyxDQUFDLEtBQWE7UUFDMUIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBQzlCLElBQUksQ0FBQyxjQUFjLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdkMsQ0FBQztJQUVELElBQVcsS0FBSztRQUNaLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUM7SUFDakMsQ0FBQztJQUVELElBQVcsS0FBSyxDQUFDLEtBQXlCO1FBQ3RDLElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUM5QixJQUFJLENBQUMsY0FBYyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3ZDLENBQUM7SUFPRCxJQUFXLFVBQVU7UUFDakIsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxJQUFXLGNBQWM7UUFDckIsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsSUFBSSxFQUFDLFNBQVMsRUFBRSxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsSUFBSSxFQUFDLENBQUM7SUFDbkUsQ0FBQztJQUVELElBQVcsSUFBSTtRQUNYLFFBQVEsSUFBSSxFQUFFO1lBQ1YsS0FBSyxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQztZQUN4QixLQUFLLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxJQUFJLElBQUksQ0FBQyxLQUFLLElBQUksQ0FBQyxDQUFDO1lBQzNDLEtBQUssSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLENBQUM7WUFDckIsS0FBSyxJQUFJLENBQUMsS0FBSyxLQUFLLElBQUksQ0FBQyxLQUFLO2dCQUMxQixPQUFPLGVBQWUsQ0FBQztZQUMzQjtnQkFDSSxPQUFPLGFBQWEsQ0FBQztTQUM1QjtJQUNMLENBQUM7SUFFTSxLQUFLO1FBQ1IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUMzQixDQUFDOztvSEFsRFEsdUJBQXVCLDhDQXdCTCxlQUFlO3dHQXhCakMsdUJBQXVCLDJIQXhDWDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBMkJwQjsyRkFhUSx1QkFBdUI7a0JBekNuQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBYTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBMkJwQjtvQkFDRCxNQUFNLEVBQWU7d0JBQ2pCOzs7Y0FHTTtxQkFDVDtvQkFDRCxJQUFJLEVBQWlCO3dCQUNqQixxQ0FBcUMsRUFBRSxNQUFNO3FCQUNoRDtvQkFDRCxlQUFlLEVBQU0sdUJBQXVCLENBQUMsTUFBTTtvQkFDbkQsbUJBQW1CLEVBQUUsS0FBSztpQkFDN0I7OzBCQXlCdUIsTUFBTTsyQkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgSW5qZWN0LCBQaXBlVHJhbnNmb3JtfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TUFUX0RJQUxPR19EQVRBLCBNYXREaWFsb2dSZWZ9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5pbXBvcnQge0RpYWxvZ0NvbXBvbmVudH0gZnJvbSAnLi9kaWFsb2cuc2VydmljZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRGlhbG9nRGF0YSB7XG4gICAgdGl0bGU/OiBzdHJpbmc7XG4gICAgdmFsdWU/OiBudW1iZXI7XG4gICAgdG90YWw/OiBudW1iZXI7XG4gICAgdmFsdWVGb3JtYXR0ZXI/OiBQaXBlVHJhbnNmb3JtO1xuICAgIGNhbmNlbD86ICgpID0+IHZvaWQ7XG59XG5cbkBDb21wb25lbnQoe1xuICAgIHRlbXBsYXRlICAgICAgICAgICA6IGBcbiAgICAgICAgPHJpc2stZmxleCBbd3JhcENvbnRlbnRdPVwidHJ1ZVwiPlxuICAgICAgICAgICAgPHJpc2stZmxleC1zcGFjZXI+PC9yaXNrLWZsZXgtc3BhY2VyPlxuICAgICAgICAgICAgPG1hdC1wcm9ncmVzcy1zcGlubmVyXG4gICAgICAgICAgICAgICAgW21vZGVdPVwibW9kZVwiXG4gICAgICAgICAgICAgICAgW3ZhbHVlXT1cInZhbHVlIC8gKHRvdGFsIHx8IDEpICogMTAwXCI+XG4gICAgICAgICAgICA8L21hdC1wcm9ncmVzcy1zcGlubmVyPlxuICAgICAgICAgICAgPHJpc2stZmxleC1zcGFjZXI+PC9yaXNrLWZsZXgtc3BhY2VyPlxuICAgICAgICA8L3Jpc2stZmxleD5cbiAgICAgICAgPHJpc2stZmxleCAqbmdJZj1cImRpYWxvZ0RhdGEudGl0bGVcIiBbd3JhcENvbnRlbnRdPVwidHJ1ZVwiPlxuICAgICAgICAgICAgPHJpc2stZmxleC1zcGFjZXI+PC9yaXNrLWZsZXgtc3BhY2VyPlxuICAgICAgICAgICAgPGgzPnt7IGRpYWxvZ0RhdGEudGl0bGUgfX08L2gzPlxuICAgICAgICAgICAgPHJpc2stZmxleC1zcGFjZXI+PC9yaXNrLWZsZXgtc3BhY2VyPlxuICAgICAgICA8L3Jpc2stZmxleD5cbiAgICAgICAgPHJpc2stZmxleCBbd3JhcENvbnRlbnRdPVwidHJ1ZVwiPlxuICAgICAgICAgICAgPHJpc2stZmxleC1zcGFjZXI+PC9yaXNrLWZsZXgtc3BhY2VyPlxuICAgICAgICAgICAgPGg1ICpuZ0lmPVwidG90YWwgIT0gbnVsbCAmJiB0b3RhbCA+IDA7IGVsc2UgdmFsdWVPbmx5XCI+e3sgdmFsdWVGb3JtYXR0ZXIudHJhbnNmb3JtKHZhbHVlKSB9fVxuICAgICAgICAgICAgICAgIC97eyB2YWx1ZUZvcm1hdHRlci50cmFuc2Zvcm0odG90YWwpIH19XG4gICAgICAgICAgICAgICAgLSB7eyB2YWx1ZSAvIHRvdGFsICogMTAwIHwgcGVyY2VudDonLjEtMScgfX08L2g1PlxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlICN2YWx1ZU9ubHk+PGg1Pnt7IHZhbHVlRm9ybWF0dGVyLnRyYW5zZm9ybSh2YWx1ZSkgfX08L2g1PjwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICA8cmlzay1mbGV4LXNwYWNlcj48L3Jpc2stZmxleC1zcGFjZXI+XG4gICAgICAgIDwvcmlzay1mbGV4PlxuICAgICAgICA8cmlzay1mbGV4ICpuZ0lmPVwiZGlhbG9nRGF0YS5jYW5jZWwgIT0gbnVsbFwiIFt3cmFwQ29udGVudF09XCJ0cnVlXCI+XG4gICAgICAgICAgICA8cmlzay1mbGV4LXNwYWNlcj48L3Jpc2stZmxleC1zcGFjZXI+XG4gICAgICAgICAgICA8YnV0dG9uIG1hdC1idXR0b24gY29sb3I9XCJ3YXJuXCIgKGNsaWNrKT1cImRpYWxvZ0RhdGEuY2FuY2VsKClcIj5DYW5jZWw8L2J1dHRvbj5cbiAgICAgICAgICAgIDxyaXNrLWZsZXgtc3BhY2VyPjwvcmlzay1mbGV4LXNwYWNlcj5cbiAgICAgICAgPC9yaXNrLWZsZXg+XG4gICAgYCxcbiAgICBzdHlsZXMgICAgICAgICAgICAgOiBbXG4gICAgICAgIGBcbiAgICAgICAgICAgIGgzIHtcbiAgICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAwO1xuICAgICAgICAgICAgfWBcbiAgICBdLFxuICAgIGhvc3QgICAgICAgICAgICAgICA6IHtcbiAgICAgICAgJ1tjbGFzcy5yaXNrLXByb2dyZXNzLWxvYWRlci1kaWFsb2ddJzogJ3RydWUnXG4gICAgfSxcbiAgICBjaGFuZ2VEZXRlY3Rpb24gICAgOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2Vcbn0pXG5leHBvcnQgY2xhc3MgUHJvZ3Jlc3NMb2FkZXJDb21wb25lbnQgaW1wbGVtZW50cyBEaWFsb2dDb21wb25lbnQ8RGlhbG9nRGF0YSwgdm9pZD4ge1xuXG4gICAgcHVibGljIGdldCB2YWx1ZSgpOiBudW1iZXIge1xuICAgICAgICBpZiAodGhpcy5kaWFsb2dEYXRhLnZhbHVlID09IG51bGwgfHwgdGhpcy5kaWFsb2dEYXRhLnZhbHVlIDwgMCkge1xuICAgICAgICAgICAgcmV0dXJuIDA7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHRoaXMuZGlhbG9nRGF0YS52YWx1ZTtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2V0IHZhbHVlKHZhbHVlOiBudW1iZXIpIHtcbiAgICAgICAgdGhpcy5kaWFsb2dEYXRhLnZhbHVlID0gdmFsdWU7XG4gICAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3IubWFya0ZvckNoZWNrKCk7XG4gICAgfVxuXG4gICAgcHVibGljIGdldCB0b3RhbCgpOiBudW1iZXIgfCB1bmRlZmluZWQge1xuICAgICAgICByZXR1cm4gdGhpcy5kaWFsb2dEYXRhLnRvdGFsO1xuICAgIH1cblxuICAgIHB1YmxpYyBzZXQgdG90YWwodmFsdWU6IG51bWJlciB8IHVuZGVmaW5lZCkge1xuICAgICAgICB0aGlzLmRpYWxvZ0RhdGEudG90YWwgPSB2YWx1ZTtcbiAgICAgICAgdGhpcy5jaGFuZ2VEZXRlY3Rvci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxQcm9ncmVzc0xvYWRlckNvbXBvbmVudCwgdm9pZD4sXG4gICAgICAgICAgICAgICAgICAgICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBwcml2YXRlIHJlYWRvbmx5IGRhdGE6IERpYWxvZ0RhdGEsXG4gICAgICAgICAgICAgICAgICAgICAgIHByaXZhdGUgcmVhZG9ubHkgY2hhbmdlRGV0ZWN0b3I6IENoYW5nZURldGVjdG9yUmVmKSB7XG4gICAgfVxuXG4gICAgcHVibGljIGdldCBkaWFsb2dEYXRhKCk6IERpYWxvZ0RhdGEge1xuICAgICAgICByZXR1cm4gdGhpcy5kYXRhO1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXQgdmFsdWVGb3JtYXR0ZXIoKTogUGlwZVRyYW5zZm9ybSB7XG4gICAgICAgIHJldHVybiB0aGlzLmRhdGEudmFsdWVGb3JtYXR0ZXIgfHwge3RyYW5zZm9ybTogKGRhdGEpID0+IGRhdGF9O1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXQgbW9kZSgpOiAnaW5kZXRlcm1pbmF0ZScgfCAnZGV0ZXJtaW5hdGUnIHtcbiAgICAgICAgc3dpdGNoICh0cnVlKSB7XG4gICAgICAgICAgICBjYXNlIHRoaXMudG90YWwgPT0gbnVsbDpcbiAgICAgICAgICAgIGNhc2UgdGhpcy50b3RhbCAhPSBudWxsICYmIHRoaXMudG90YWwgPD0gMDpcbiAgICAgICAgICAgIGNhc2UgdGhpcy52YWx1ZSA8PSAwOlxuICAgICAgICAgICAgY2FzZSB0aGlzLnZhbHVlID09PSB0aGlzLnRvdGFsOlxuICAgICAgICAgICAgICAgIHJldHVybiAnaW5kZXRlcm1pbmF0ZSc7XG4gICAgICAgICAgICBkZWZhdWx0OlxuICAgICAgICAgICAgICAgIHJldHVybiAnZGV0ZXJtaW5hdGUnO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHVibGljIGNsb3NlKCkge1xuICAgICAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSgpO1xuICAgIH1cbn1cbiJdfQ==