@koalarx/ui
Version:
Koala UI is a Design System developed in Angular whose objective is to facilitate and make your development faster and simpler, making this framework your greatest ally.
25 lines • 7.42 kB
JavaScript
import { ChangeDetectionStrategy, Component, Inject } from '@angular/core';
import { MAT_DIALOG_DATA } from '@angular/material/dialog';
import { KoalaLanguageHelper } from "@koalarx/ui/core";
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@koalarx/ui/dynamic-component";
import * as i3 from "@angular/material/dialog";
import * as i4 from "@angular/material/button";
import * as i5 from "@angular/material/icon";
export class DialogQuestionComponent {
constructor(config) {
this.config = config;
this.languageHelper = KoalaLanguageHelper;
}
}
DialogQuestionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DialogQuestionComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
DialogQuestionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: DialogQuestionComponent, selector: "ng-component", ngImport: i0, template: "<div mat-dialog-content>\n <div class=\"question\">\n\t <koala-dynamic-component\n\t\t *ngIf=\"config.avatar else notHaveAvatar\"\n\t\t [dynamicComponent]=\"config.avatar\">\n\t </koala-dynamic-component>\n\t <ng-template #notHaveAvatar>\n <mat-icon>help</mat-icon>\n\t </ng-template>\n <p [innerHTML]=\"config.message\" class=\"alert-message text-center\"></p>\n </div>\n</div>\n<div align=\"center\" mat-dialog-actions>\n <button [mat-dialog-close]=\"{question: true}\" color=\"primary\" class=\"outline\" mat-button>{{languageHelper.getYesMessage()}}</button>\n <button [mat-dialog-close]=\"{question: false}\" color=\"warn\" class=\"outline\" mat-button>{{languageHelper.getNoMessage()}}</button>\n</div>\n", styles: [".question{color:#616161}.question .alert-message{font-family:OpenSans,sans-serif;margin:20px auto 10px!important}.question mat-icon{position:relative;display:block;margin:15px auto;width:60px;height:60px;font-size:60px;color:#1565c0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.KoalaDynamicComponentFactory, selector: "koala-dynamic-component", inputs: ["dynamicComponent"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i4.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"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DialogQuestionComponent, decorators: [{
type: Component,
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, template: "<div mat-dialog-content>\n <div class=\"question\">\n\t <koala-dynamic-component\n\t\t *ngIf=\"config.avatar else notHaveAvatar\"\n\t\t [dynamicComponent]=\"config.avatar\">\n\t </koala-dynamic-component>\n\t <ng-template #notHaveAvatar>\n <mat-icon>help</mat-icon>\n\t </ng-template>\n <p [innerHTML]=\"config.message\" class=\"alert-message text-center\"></p>\n </div>\n</div>\n<div align=\"center\" mat-dialog-actions>\n <button [mat-dialog-close]=\"{question: true}\" color=\"primary\" class=\"outline\" mat-button>{{languageHelper.getYesMessage()}}</button>\n <button [mat-dialog-close]=\"{question: false}\" color=\"warn\" class=\"outline\" mat-button>{{languageHelper.getNoMessage()}}</button>\n</div>\n", styles: [".question{color:#616161}.question .alert-message{font-family:OpenSans,sans-serif;margin:20px auto 10px!important}.question mat-icon{position:relative;display:block;margin:15px auto;width:60px;height:60px;font-size:60px;color:#1565c0}\n"] }]
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
type: Inject,
args: [MAT_DIALOG_DATA]
}] }]; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLXF1ZXN0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3F1ZXN0aW9uL3NyYy9saWIvZGlhbG9nLXF1ZXN0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3Byb2plY3RzL3F1ZXN0aW9uL3NyYy9saWIvZGlhbG9nLXF1ZXN0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUUzRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7Ozs7OztBQU92RCxNQUFNLE9BQU8sdUJBQXVCO0lBR2xDLFlBQTRDLE1BQW9DO1FBQXBDLFdBQU0sR0FBTixNQUFNLENBQThCO1FBRnpFLG1CQUFjLEdBQUcsbUJBQW1CLENBQUM7SUFHNUMsQ0FBQzs7b0hBSlUsdUJBQXVCLGtCQUdkLGVBQWU7d0dBSHhCLHVCQUF1QixvRENWcEMsMHRCQWdCQTsyRkROYSx1QkFBdUI7a0JBTG5DLFNBQVM7c0NBR1MsdUJBQXVCLENBQUMsTUFBTTs7MEJBS2xDLE1BQU07MkJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTUFUX0RJQUxPR19EQVRBIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7IEtvYWxhUXVlc3Rpb25Db25maWdJbnRlcmZhY2UgfSBmcm9tICcuL2tvYWxhLXF1ZXN0aW9uLWNvbmZpZy5pbnRlcmZhY2UnO1xuaW1wb3J0IHsgS29hbGFMYW5ndWFnZUhlbHBlciB9IGZyb20gXCJAa29hbGFyeC91aS9jb3JlXCI7XG5cbkBDb21wb25lbnQoe1xuICB0ZW1wbGF0ZVVybDogJ2RpYWxvZy1xdWVzdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWydkaWFsb2ctcXVlc3Rpb24uY29tcG9uZW50LmNzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBEaWFsb2dRdWVzdGlvbkNvbXBvbmVudCB7XG4gIHB1YmxpYyBsYW5ndWFnZUhlbHBlciA9IEtvYWxhTGFuZ3VhZ2VIZWxwZXI7XG5cbiAgY29uc3RydWN0b3IoQEluamVjdChNQVRfRElBTE9HX0RBVEEpIHB1YmxpYyBjb25maWc6IEtvYWxhUXVlc3Rpb25Db25maWdJbnRlcmZhY2UpIHtcbiAgfVxufVxuIiwiPGRpdiBtYXQtZGlhbG9nLWNvbnRlbnQ+XG4gIDxkaXYgY2xhc3M9XCJxdWVzdGlvblwiPlxuXHQgIDxrb2FsYS1keW5hbWljLWNvbXBvbmVudFxuXHRcdCAgKm5nSWY9XCJjb25maWcuYXZhdGFyIGVsc2Ugbm90SGF2ZUF2YXRhclwiXG5cdFx0ICBbZHluYW1pY0NvbXBvbmVudF09XCJjb25maWcuYXZhdGFyXCI+XG5cdCAgPC9rb2FsYS1keW5hbWljLWNvbXBvbmVudD5cblx0ICA8bmctdGVtcGxhdGUgI25vdEhhdmVBdmF0YXI+XG4gICAgICA8bWF0LWljb24+aGVscDwvbWF0LWljb24+XG5cdCAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8cCBbaW5uZXJIVE1MXT1cImNvbmZpZy5tZXNzYWdlXCIgY2xhc3M9XCJhbGVydC1tZXNzYWdlIHRleHQtY2VudGVyXCI+PC9wPlxuICA8L2Rpdj5cbjwvZGl2PlxuPGRpdiBhbGlnbj1cImNlbnRlclwiIG1hdC1kaWFsb2ctYWN0aW9ucz5cbiAgPGJ1dHRvbiBbbWF0LWRpYWxvZy1jbG9zZV09XCJ7cXVlc3Rpb246IHRydWV9XCIgY29sb3I9XCJwcmltYXJ5XCIgY2xhc3M9XCJvdXRsaW5lXCIgbWF0LWJ1dHRvbj57e2xhbmd1YWdlSGVscGVyLmdldFllc01lc3NhZ2UoKX19PC9idXR0b24+XG4gIDxidXR0b24gW21hdC1kaWFsb2ctY2xvc2VdPVwie3F1ZXN0aW9uOiBmYWxzZX1cIiBjb2xvcj1cIndhcm5cIiBjbGFzcz1cIm91dGxpbmVcIiBtYXQtYnV0dG9uPnt7bGFuZ3VhZ2VIZWxwZXIuZ2V0Tm9NZXNzYWdlKCl9fTwvYnV0dG9uPlxuPC9kaXY+XG4iXX0=