UNPKG

@dbg-riskit/angular-view

Version:

77 lines 12.2 kB
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 "@angular/material/icon"; import * as i3 from "@angular/material/button"; import * as i4 from "@angular/common"; export class MessageDialogComponent { constructor(dialogRef, data) { this.dialogRef = dialogRef; this.data = data; } get customIcon() { return this.dialogData.icon; } get dialogType() { return this.dialogData.dialogType || 'info'; } get buttons() { return this.dialogData.buttons || [ { label: 'OK' } ]; } get color() { switch (this.dialogType) { case 'error': return 'warn'; case 'warning': return 'warn'; case 'info': return 'accent'; case 'question': return 'accent'; case 'success': return 'primary'; } return null; } get icon() { if (this.customIcon) { return this.customIcon; } switch (this.dialogType) { case 'error': return 'error'; case 'warning': return 'warning'; case 'info': return 'info'; case 'question': return 'help'; case 'success': return 'check'; } return 'info'; } get dialogData() { return this.data; } close(button) { this.dialogRef.close(button.value); } } MessageDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: MessageDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); MessageDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: MessageDialogComponent, selector: "ng-component", host: { properties: { "class.risk-message-dialog": "true" } }, ngImport: i0, template: "<div class=\"risk-message-dialog-message\">\n <h3 *ngIf=\"dialogData.title\">\n <mat-icon [color]=\"color\">{{ icon }}</mat-icon>\n <strong>{{dialogData.title}}</strong>\n </h3>\n <h3>\n <mat-icon *ngIf=\"!dialogData.title\" [color]=\"color\">{{ icon }}</mat-icon>\n {{dialogData.message}}\n </h3>\n <small *ngIf=\"dialogData.note\">NOTE: {{dialogData.note}}</small>\n</div>\n<a *ngFor=\"let button of buttons\"\n mat-button\n [color]=\"button.primary ? color : null\"\n (click)=\"close(button)\">{{ button.label }}</a>\n", styles: [":host{display:block;padding:0;margin:0}:host>*{vertical-align:bottom}\n", ".risk-message-dialog-message{padding:10px;margin-bottom:10px}.risk-message-dialog-message h3{margin:0;white-space:pre-line}.risk-message-dialog-message h3 .mat-icon{font-size:40px;float:left;height:40px;width:40px;margin-right:10px;margin-top:-6px}.risk-message-dialog-message small{white-space:pre-line}\n"], components: [{ type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-icon-button], a[mat-fab], a[mat-mini-fab], a[mat-stroked-button], a[mat-flat-button]", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matButton", "matAnchor"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: MessageDialogComponent, decorators: [{ type: Component, args: [{ host: { '[class.risk-message-dialog]': 'true' }, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div class=\"risk-message-dialog-message\">\n <h3 *ngIf=\"dialogData.title\">\n <mat-icon [color]=\"color\">{{ icon }}</mat-icon>\n <strong>{{dialogData.title}}</strong>\n </h3>\n <h3>\n <mat-icon *ngIf=\"!dialogData.title\" [color]=\"color\">{{ icon }}</mat-icon>\n {{dialogData.message}}\n </h3>\n <small *ngIf=\"dialogData.note\">NOTE: {{dialogData.note}}</small>\n</div>\n<a *ngFor=\"let button of buttons\"\n mat-button\n [color]=\"button.primary ? color : null\"\n (click)=\"close(button)\">{{ button.label }}</a>\n", styles: [":host{display:block;padding:0;margin:0}:host>*{vertical-align:bottom}\n", ".risk-message-dialog-message{padding:10px;margin-bottom:10px}.risk-message-dialog-message h3{margin:0;white-space:pre-line}.risk-message-dialog-message h3 .mat-icon{font-size:40px;float:left;height:40px;width:40px;margin-right:10px;margin-top:-6px}.risk-message-dialog-message small{white-space:pre-line}\n"] }] }], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA] }] }]; } }); //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVzc2FnZS5kaWFsb2cuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGtnL2RiZy1yaXNraXQvYW5ndWxhci12aWV3L3NyYy9saWIvbWVzc2FnZS5kaWFsb2cuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcGtnL2RiZy1yaXNraXQvYW5ndWxhci12aWV3L3NyYy9saWIvbWVzc2FnZS5kaWFsb2cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDekUsT0FBTyxFQUFDLGVBQWUsRUFBZSxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7QUFpQ3ZFLE1BQU0sT0FBTyxzQkFBc0I7SUFrQi9CLFlBQW1DLFNBQXFELEVBQzNCLElBQXFCO1FBRC9DLGNBQVMsR0FBVCxTQUFTLENBQTRDO1FBQzNCLFNBQUksR0FBSixJQUFJLENBQWlCO0lBQ2xGLENBQUM7SUFsQkQsSUFBVyxVQUFVO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUM7SUFDaEMsQ0FBQztJQUVELElBQVcsVUFBVTtRQUNqQixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsVUFBVSxJQUFJLE1BQU0sQ0FBQztJQUNoRCxDQUFDO0lBRUQsSUFBVyxPQUFPO1FBQ2QsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLE9BQU8sSUFBSTtZQUM5QjtnQkFDSSxLQUFLLEVBQUUsSUFBSTthQUNkO1NBQ0osQ0FBQztJQUNOLENBQUM7SUFNRCxJQUFXLEtBQUs7UUFDWixRQUFRLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDckIsS0FBSyxPQUFPO2dCQUNSLE9BQU8sTUFBTSxDQUFDO1lBQ2xCLEtBQUssU0FBUztnQkFDVixPQUFPLE1BQU0sQ0FBQztZQUNsQixLQUFLLE1BQU07Z0JBQ1AsT0FBTyxRQUFRLENBQUM7WUFDcEIsS0FBSyxVQUFVO2dCQUNYLE9BQU8sUUFBUSxDQUFDO1lBQ3BCLEtBQUssU0FBUztnQkFDVixPQUFPLFNBQVMsQ0FBQztTQUN4QjtRQUNELE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFRCxJQUFXLElBQUk7UUFDWCxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDakIsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDO1NBQzFCO1FBQ0QsUUFBUSxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ3JCLEtBQUssT0FBTztnQkFDUixPQUFPLE9BQU8sQ0FBQztZQUNuQixLQUFLLFNBQVM7Z0JBQ1YsT0FBTyxTQUFTLENBQUM7WUFDckIsS0FBSyxNQUFNO2dCQUNQLE9BQU8sTUFBTSxDQUFDO1lBQ2xCLEtBQUssVUFBVTtnQkFDWCxPQUFPLE1BQU0sQ0FBQztZQUNsQixLQUFLLFNBQVM7Z0JBQ1YsT0FBTyxPQUFPLENBQUM7U0FDdEI7UUFDRCxPQUFPLE1BQU0sQ0FBQztJQUNsQixDQUFDO0lBRUQsSUFBVyxVQUFVO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQztJQUNyQixDQUFDO0lBRU0sS0FBSyxDQUFDLE1BQXVCO1FBQ2hDLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN2QyxDQUFDOzttSEEvRFEsc0JBQXNCLDhDQW1CSixlQUFlO3VHQW5CakMsc0JBQXNCLG1IQ2xDbkMsNGpCQWVBOzJGRG1CYSxzQkFBc0I7a0JBWmxDLFNBQVM7MkJBTWU7d0JBQ2pCLDZCQUE2QixFQUFFLE1BQU07cUJBQ3hDLG1CQUNvQix1QkFBdUIsQ0FBQyxNQUFNLHVCQUM5QixLQUFLOzswQkFxQk4sTUFBTTsyQkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbmplY3R9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtNQVRfRElBTE9HX0RBVEEsIE1hdERpYWxvZ1JlZn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7TWF0Q29sb3JUaGVtZX0gZnJvbSAnQGRiZy1yaXNraXQvYW5ndWxhci1jb21tb24nO1xuaW1wb3J0IHtEaWFsb2dDb21wb25lbnR9IGZyb20gJy4vZGlhbG9nLnNlcnZpY2UnO1xuXG5leHBvcnQgaW50ZXJmYWNlIERpYWxvZ0NvbmZpZzxSPiB7XG4gICAgZGlhbG9nVHlwZTogRGlhbG9nVHlwZTtcbiAgICBidXR0b25zPzogQXJyYXk8RGlhbG9nQnV0dG9uPFI+PjtcbiAgICB0aXRsZT86IHN0cmluZztcbiAgICBtZXNzYWdlOiBzdHJpbmc7XG4gICAgbm90ZT86IHN0cmluZztcbiAgICBpY29uPzogc3RyaW5nO1xufVxuXG5leHBvcnQgdHlwZSBEaWFsb2dUeXBlID0gJ2Vycm9yJyB8ICd3YXJuaW5nJyB8ICdpbmZvJyB8ICdzdWNjZXNzJyB8ICdxdWVzdGlvbic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRGlhbG9nQnV0dG9uPFI+IHtcbiAgICBsYWJlbDogc3RyaW5nO1xuICAgIHZhbHVlPzogUjtcbiAgICBwcmltYXJ5PzogYm9vbGVhbjtcbn1cblxuQENvbXBvbmVudCh7XG4gICAgdGVtcGxhdGVVcmwgICAgICAgIDogJ21lc3NhZ2UuZGlhbG9nLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHMgICAgICAgICAgOiBbXG4gICAgICAgICcuLi8uLi8uLi9jb21wb25lbnQuc2NzcycsXG4gICAgICAgICdtZXNzYWdlLmRpYWxvZy5jb21wb25lbnQuc2NzcydcbiAgICBdLFxuICAgIGhvc3QgICAgICAgICAgICAgICA6IHtcbiAgICAgICAgJ1tjbGFzcy5yaXNrLW1lc3NhZ2UtZGlhbG9nXSc6ICd0cnVlJ1xuICAgIH0sXG4gICAgY2hhbmdlRGV0ZWN0aW9uICAgIDogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHByZXNlcnZlV2hpdGVzcGFjZXM6IGZhbHNlXG59KVxuZXhwb3J0IGNsYXNzIE1lc3NhZ2VEaWFsb2dDb21wb25lbnQ8Uj4gaW1wbGVtZW50cyBEaWFsb2dDb21wb25lbnQ8RGlhbG9nQ29uZmlnPFI+LCBSPiB7XG5cbiAgICBwdWJsaWMgZ2V0IGN1c3RvbUljb24oKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmRpYWxvZ0RhdGEuaWNvbjtcbiAgICB9XG5cbiAgICBwdWJsaWMgZ2V0IGRpYWxvZ1R5cGUoKTogRGlhbG9nVHlwZSB7XG4gICAgICAgIHJldHVybiB0aGlzLmRpYWxvZ0RhdGEuZGlhbG9nVHlwZSB8fCAnaW5mbyc7XG4gICAgfVxuXG4gICAgcHVibGljIGdldCBidXR0b25zKCk6IEFycmF5PERpYWxvZ0J1dHRvbjxSPj4ge1xuICAgICAgICByZXR1cm4gdGhpcy5kaWFsb2dEYXRhLmJ1dHRvbnMgfHwgW1xuICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIGxhYmVsOiAnT0snXG4gICAgICAgICAgICB9XG4gICAgICAgIF07XG4gICAgfVxuXG4gICAgcHVibGljIGNvbnN0cnVjdG9yKHB1YmxpYyByZWFkb25seSBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxNZXNzYWdlRGlhbG9nQ29tcG9uZW50PFI+LCBSPixcbiAgICAgICAgICAgICAgICAgICAgICAgQEluamVjdChNQVRfRElBTE9HX0RBVEEpIHByaXZhdGUgcmVhZG9ubHkgZGF0YTogRGlhbG9nQ29uZmlnPFI+KSB7XG4gICAgfVxuXG4gICAgcHVibGljIGdldCBjb2xvcigpOiBNYXRDb2xvclRoZW1lIHtcbiAgICAgICAgc3dpdGNoICh0aGlzLmRpYWxvZ1R5cGUpIHtcbiAgICAgICAgICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgICAgICAgICAgICByZXR1cm4gJ3dhcm4nO1xuICAgICAgICAgICAgY2FzZSAnd2FybmluZyc6XG4gICAgICAgICAgICAgICAgcmV0dXJuICd3YXJuJztcbiAgICAgICAgICAgIGNhc2UgJ2luZm8nOlxuICAgICAgICAgICAgICAgIHJldHVybiAnYWNjZW50JztcbiAgICAgICAgICAgIGNhc2UgJ3F1ZXN0aW9uJzpcbiAgICAgICAgICAgICAgICByZXR1cm4gJ2FjY2VudCc7XG4gICAgICAgICAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgICAgICAgICAgICByZXR1cm4gJ3ByaW1hcnknO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXQgaWNvbigpOiBzdHJpbmcge1xuICAgICAgICBpZiAodGhpcy5jdXN0b21JY29uKSB7XG4gICAgICAgICAgICByZXR1cm4gdGhpcy5jdXN0b21JY29uO1xuICAgICAgICB9XG4gICAgICAgIHN3aXRjaCAodGhpcy5kaWFsb2dUeXBlKSB7XG4gICAgICAgICAgICBjYXNlICdlcnJvcic6XG4gICAgICAgICAgICAgICAgcmV0dXJuICdlcnJvcic7XG4gICAgICAgICAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgICAgICAgICAgICByZXR1cm4gJ3dhcm5pbmcnO1xuICAgICAgICAgICAgY2FzZSAnaW5mbyc6XG4gICAgICAgICAgICAgICAgcmV0dXJuICdpbmZvJztcbiAgICAgICAgICAgIGNhc2UgJ3F1ZXN0aW9uJzpcbiAgICAgICAgICAgICAgICByZXR1cm4gJ2hlbHAnO1xuICAgICAgICAgICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICAgICAgICAgICAgcmV0dXJuICdjaGVjayc7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuICdpbmZvJztcbiAgICB9XG5cbiAgICBwdWJsaWMgZ2V0IGRpYWxvZ0RhdGEoKTogRGlhbG9nQ29uZmlnPFI+IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZGF0YTtcbiAgICB9XG5cbiAgICBwdWJsaWMgY2xvc2UoYnV0dG9uOiBEaWFsb2dCdXR0b248Uj4pIHtcbiAgICAgICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoYnV0dG9uLnZhbHVlKTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicmlzay1tZXNzYWdlLWRpYWxvZy1tZXNzYWdlXCI+XG4gICAgPGgzICpuZ0lmPVwiZGlhbG9nRGF0YS50aXRsZVwiPlxuICAgICAgICA8bWF0LWljb24gW2NvbG9yXT1cImNvbG9yXCI+e3sgaWNvbiB9fTwvbWF0LWljb24+XG4gICAgICAgIDxzdHJvbmc+e3tkaWFsb2dEYXRhLnRpdGxlfX08L3N0cm9uZz5cbiAgICA8L2gzPlxuICAgIDxoMz5cbiAgICAgICAgPG1hdC1pY29uICpuZ0lmPVwiIWRpYWxvZ0RhdGEudGl0bGVcIiBbY29sb3JdPVwiY29sb3JcIj57eyBpY29uIH19PC9tYXQtaWNvbj5cbiAgICAgICAge3tkaWFsb2dEYXRhLm1lc3NhZ2V9fVxuICAgIDwvaDM+XG4gICAgPHNtYWxsICpuZ0lmPVwiZGlhbG9nRGF0YS5ub3RlXCI+Tk9URToge3tkaWFsb2dEYXRhLm5vdGV9fTwvc21hbGw+XG48L2Rpdj5cbjxhICpuZ0Zvcj1cImxldCBidXR0b24gb2YgYnV0dG9uc1wiXG4gICBtYXQtYnV0dG9uXG4gICBbY29sb3JdPVwiYnV0dG9uLnByaW1hcnkgPyBjb2xvciA6IG51bGxcIlxuICAgKGNsaWNrKT1cImNsb3NlKGJ1dHRvbilcIj57eyBidXR0b24ubGFiZWwgfX08L2E+XG4iXX0=