@softheon/armature 17.5.5 → 17.5.6
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.
|
@@ -36,11 +36,11 @@ export class SofModalComponent {
|
|
|
36
36
|
this.dialogRef.close(this.dialogResult);
|
|
37
37
|
}
|
|
38
38
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: SofModalComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: SofModalComponent, selector: "sof-modal", ngImport: i0, template: "<div role=\"modal\" aria-labelledby=\"modal-heading\">\r\n <mat-toolbar class=\"dialog-header-container\" fxLayoutAlign=\"space-between\">\r\n <h2 id=\"modal-heading\" class=\"sof-dialog-header\" [innerHTML]=\"data.headerText | translate\"></h2>\r\n <button id=\"modal-close\" (click)=\"close(false)\" mat-icon-button mat-dialog-close\r\n
|
|
39
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: SofModalComponent, selector: "sof-modal", ngImport: i0, template: "<div role=\"modal\" aria-labelledby=\"modal-heading\">\r\n <mat-toolbar class=\"dialog-header-container\" fxLayoutAlign=\"space-between\">\r\n <h2 id=\"modal-heading\" class=\"sof-dialog-header\" [innerHTML]=\"data.headerText | translate\"></h2>\r\n <button id=\"modal-close\" (click)=\"close(false)\" mat-icon-button mat-dialog-close\r\n aria-label=\"{{data.cancelButtonText | translate}}\">\r\n <mat-icon mat-list-icon [attr.aria-hidden]=\"true\">close</mat-icon>\r\n </button>\r\n </mat-toolbar>\r\n <div fxLayout=\"column\" class=\"dialog-body-container\">\r\n <div fxFlex=\"auto\" fxLayout=\"column\" fxLayoutAlign=\"center\">\r\n <div class=\"sof-dialog-body\" [innerHTML]=\"data.contentText | translate\" fxFlex=\"80%\" fxFlex.lt-md=\"auto\">\r\n </div>\r\n <mat-checkbox *ngIf=\"data.showDontShowAgainCheckbox\" [(ngModel)]=\"dontShowAgainCheckboxValue\"\r\n color=\"primary\">\r\n {{ 'armature.sof-modal.dont-show-this-message-again' | translate }}\r\n </mat-checkbox>\r\n <div fxFlex=\"auto\" fxLayout=\"row\" fxLayout.lt-sm=\"column\" fxLayoutAlign=\"center center\" fxLayoutGap=\"5%\"\r\n fxLayoutGap.lt-sm=\"2%\" class=\"dialog-buttons-container\">\r\n <button *ngIf=\"!data.hideCancel\" mat-stroked-button fxFlexOrder.lt-sm=\"2\" class=\"sof-stroked-button\"\r\n [ngClass.lt-sm]=\"{'full-width': true}\" color=\"primary\" size=\"large\" (click)=\"close(false)\"\r\n id=\"dialog-cancel\">\r\n {{ data.cancelButtonText | translate }}\r\n </button>\r\n <button *ngIf=\"!data.isDelete\" mat-flat-button fxFlexOrder.lt-sm=\"1\" class=\"sof-flat-button\"\r\n [ngClass.lt-sm]=\"{'full-width': true}\" color=\"primary\" size=\"large\" (click)=\"close(true)\"\r\n id=\"dialog-accept\">\r\n {{ data.confirmButtonText | translate }}\r\n </button>\r\n <button *ngIf=\"data.isDelete\" mat-flat-button fxFlexOrder.lt-sm=\"1\" class=\"sof-flat-button\"\r\n [ngClass.lt-sm]=\"{'full-width': true}\" color=\"error\" size=\"large\" (click)=\"close(true)\"\r\n id=\"dialog-error\">\r\n {{ data.confirmButtonText | translate }}\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: ["@charset \"UTF-8\";@media only screen and (max-width: 599px){::ng-deep .sof-dialog-container{min-width:100vw!important;max-width:100vw!important;min-height:100vh!important;max-height:100vh!important;height:100%!important;width:100%!important}}::ng-deep .sof-dialog-container .mat-mdc-dialog-container{padding:0!important;border-radius:10px;border:1px solid #e9e9e9}.dialog-header-container{align-items:center!important;background:none!important;border-bottom:1px solid #e9e9e9;padding:24px;height:72px}.sof-dialog-header{font-family:Poppins,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:24px!important;line-height:36px!important;color:#333!important}.dialog-body-container{padding:24px}.sof-dialog-body{font-family:Poppins,sans-serif!important;font-style:normal!important;font-weight:400!important;font-size:16px!important;line-height:24px!important;letter-spacing:normal!important}@media only screen and (max-width: 959px){.sof-dialog-body{font-size:16px!important}}.sof-dialog-body ::ng-deep p:first-of-type{margin-top:0}.sof-dialog-body ::ng-deep p{margin-top:32px;margin-bottom:0}.sof-dialog-body ::ng-deep ul{list-style:none;margin-top:0!important;margin-bottom:0!important;padding-left:8px!important}.sof-dialog-body ::ng-deep ul li{display:flex;margin-top:8px}.sof-dialog-body ::ng-deep ul li:before{content:\"\\2022\";font-size:16px;margin-right:10px}.dialog-buttons-container{margin-top:50px}@media screen and (max-width: 600px){.dialog-buttons-container .dialog-button{width:100%}}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexOrderDirective, selector: " [fxFlexOrder], [fxFlexOrder.xs], [fxFlexOrder.sm], [fxFlexOrder.md], [fxFlexOrder.lg], [fxFlexOrder.xl], [fxFlexOrder.lt-sm], [fxFlexOrder.lt-md], [fxFlexOrder.lt-lg], [fxFlexOrder.lt-xl], [fxFlexOrder.gt-xs], [fxFlexOrder.gt-sm], [fxFlexOrder.gt-md], [fxFlexOrder.gt-lg]", inputs: ["fxFlexOrder", "fxFlexOrder.xs", "fxFlexOrder.sm", "fxFlexOrder.md", "fxFlexOrder.lg", "fxFlexOrder.xl", "fxFlexOrder.lt-sm", "fxFlexOrder.lt-md", "fxFlexOrder.lt-lg", "fxFlexOrder.lt-xl", "fxFlexOrder.gt-xs", "fxFlexOrder.gt-sm", "fxFlexOrder.gt-md", "fxFlexOrder.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: i8.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i9.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }] }); }
|
|
40
40
|
}
|
|
41
41
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: SofModalComponent, decorators: [{
|
|
42
42
|
type: Component,
|
|
43
|
-
args: [{ selector: 'sof-modal', template: "<div role=\"modal\" aria-labelledby=\"modal-heading\">\r\n <mat-toolbar class=\"dialog-header-container\" fxLayoutAlign=\"space-between\">\r\n <h2 id=\"modal-heading\" class=\"sof-dialog-header\" [innerHTML]=\"data.headerText | translate\"></h2>\r\n <button id=\"modal-close\" (click)=\"close(false)\" mat-icon-button mat-dialog-close\r\n
|
|
43
|
+
args: [{ selector: 'sof-modal', template: "<div role=\"modal\" aria-labelledby=\"modal-heading\">\r\n <mat-toolbar class=\"dialog-header-container\" fxLayoutAlign=\"space-between\">\r\n <h2 id=\"modal-heading\" class=\"sof-dialog-header\" [innerHTML]=\"data.headerText | translate\"></h2>\r\n <button id=\"modal-close\" (click)=\"close(false)\" mat-icon-button mat-dialog-close\r\n aria-label=\"{{data.cancelButtonText | translate}}\">\r\n <mat-icon mat-list-icon [attr.aria-hidden]=\"true\">close</mat-icon>\r\n </button>\r\n </mat-toolbar>\r\n <div fxLayout=\"column\" class=\"dialog-body-container\">\r\n <div fxFlex=\"auto\" fxLayout=\"column\" fxLayoutAlign=\"center\">\r\n <div class=\"sof-dialog-body\" [innerHTML]=\"data.contentText | translate\" fxFlex=\"80%\" fxFlex.lt-md=\"auto\">\r\n </div>\r\n <mat-checkbox *ngIf=\"data.showDontShowAgainCheckbox\" [(ngModel)]=\"dontShowAgainCheckboxValue\"\r\n color=\"primary\">\r\n {{ 'armature.sof-modal.dont-show-this-message-again' | translate }}\r\n </mat-checkbox>\r\n <div fxFlex=\"auto\" fxLayout=\"row\" fxLayout.lt-sm=\"column\" fxLayoutAlign=\"center center\" fxLayoutGap=\"5%\"\r\n fxLayoutGap.lt-sm=\"2%\" class=\"dialog-buttons-container\">\r\n <button *ngIf=\"!data.hideCancel\" mat-stroked-button fxFlexOrder.lt-sm=\"2\" class=\"sof-stroked-button\"\r\n [ngClass.lt-sm]=\"{'full-width': true}\" color=\"primary\" size=\"large\" (click)=\"close(false)\"\r\n id=\"dialog-cancel\">\r\n {{ data.cancelButtonText | translate }}\r\n </button>\r\n <button *ngIf=\"!data.isDelete\" mat-flat-button fxFlexOrder.lt-sm=\"1\" class=\"sof-flat-button\"\r\n [ngClass.lt-sm]=\"{'full-width': true}\" color=\"primary\" size=\"large\" (click)=\"close(true)\"\r\n id=\"dialog-accept\">\r\n {{ data.confirmButtonText | translate }}\r\n </button>\r\n <button *ngIf=\"data.isDelete\" mat-flat-button fxFlexOrder.lt-sm=\"1\" class=\"sof-flat-button\"\r\n [ngClass.lt-sm]=\"{'full-width': true}\" color=\"error\" size=\"large\" (click)=\"close(true)\"\r\n id=\"dialog-error\">\r\n {{ data.confirmButtonText | translate }}\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: ["@charset \"UTF-8\";@media only screen and (max-width: 599px){::ng-deep .sof-dialog-container{min-width:100vw!important;max-width:100vw!important;min-height:100vh!important;max-height:100vh!important;height:100%!important;width:100%!important}}::ng-deep .sof-dialog-container .mat-mdc-dialog-container{padding:0!important;border-radius:10px;border:1px solid #e9e9e9}.dialog-header-container{align-items:center!important;background:none!important;border-bottom:1px solid #e9e9e9;padding:24px;height:72px}.sof-dialog-header{font-family:Poppins,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:24px!important;line-height:36px!important;color:#333!important}.dialog-body-container{padding:24px}.sof-dialog-body{font-family:Poppins,sans-serif!important;font-style:normal!important;font-weight:400!important;font-size:16px!important;line-height:24px!important;letter-spacing:normal!important}@media only screen and (max-width: 959px){.sof-dialog-body{font-size:16px!important}}.sof-dialog-body ::ng-deep p:first-of-type{margin-top:0}.sof-dialog-body ::ng-deep p{margin-top:32px;margin-bottom:0}.sof-dialog-body ::ng-deep ul{list-style:none;margin-top:0!important;margin-bottom:0!important;padding-left:8px!important}.sof-dialog-body ::ng-deep ul li{display:flex;margin-top:8px}.sof-dialog-body ::ng-deep ul li:before{content:\"\\2022\";font-size:16px;margin-right:10px}.dialog-buttons-container{margin-top:50px}@media screen and (max-width: 600px){.dialog-buttons-container .dialog-button{width:100%}}\n"] }]
|
|
44
44
|
}], ctorParameters: () => [{ type: ModalData, decorators: [{
|
|
45
45
|
type: Inject,
|
|
46
46
|
args: [MAT_DIALOG_DATA]
|
|
@@ -55,4 +55,4 @@ export class DialogResult {
|
|
|
55
55
|
*/
|
|
56
56
|
export class ModalData {
|
|
57
57
|
}
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29mLW1vZGFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FybWF0dXJlL3NyYy9saWIvYmFzZS1jb21wb25lbnRzL3NvZi1tb2RhbC9zb2YtbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvc29mLW1vZGFsL3NvZi1tb2RhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQWdCLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7Ozs7Ozs7QUFPekUsTUFBTSxPQUFPLGlCQUFpQjtJQVE1QixZQUNrQyxJQUFlLEVBQ3ZDLFNBQTBDO1FBRGxCLFNBQUksR0FBSixJQUFJLENBQVc7UUFDdkMsY0FBUyxHQUFULFNBQVMsQ0FBaUM7UUFScEQsNkRBQTZEO1FBQ3RELCtCQUEwQixHQUFZLEtBQUssQ0FBQztJQVEvQyxDQUFDO0lBRUwsbURBQW1EO0lBQzVDLFFBQVE7UUFDYixJQUFJLENBQUMsSUFBSSxDQUFDLGdCQUFnQixHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDO1FBQ3hHLElBQUksQ0FBQyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUM7SUFDM0csQ0FBQztJQUVEOzs7T0FHRztJQUNJLEtBQUssQ0FBQyxLQUFjO1FBQ3pCLElBQUksQ0FBQyxZQUFZLEdBQUc7WUFDbEIsa0JBQWtCLEVBQUUsS0FBSztZQUN6Qix5QkFBeUIsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLHlCQUF5QjtZQUM5RCwwQkFBMEIsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLHlCQUF5QixDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsMEJBQTBCLENBQUMsQ0FBQyxDQUFDLElBQUk7U0FDekYsQ0FBQztRQUVsQixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDMUMsQ0FBQzs4R0EvQlUsaUJBQWlCLGtCQVNsQixlQUFlO2tHQVRkLGlCQUFpQixpRENSOUIseTlFQW9DTTs7MkZENUJPLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxXQUFXOzswQkFhbEIsTUFBTTsyQkFBQyxlQUFlOztBQXlCM0I7O0dBRUc7QUFDSCxNQUFNLE9BQU8sWUFBWTtDQU94QjtBQUVEOztHQUVHO0FBQ0gsTUFBTSxPQUFPLFNBQVM7Q0FlckIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1hdERpYWxvZ1JlZiwgTUFUX0RJQUxPR19EQVRBIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc29mLW1vZGFsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc29mLW1vZGFsLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zb2YtbW9kYWwuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU29mTW9kYWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICAvKiogVGhlIHZhbHVlIG9mIHRoZSBkb250IHNob3cgdGhpcyBtZXNzYWdlIGFnYWluIGNoZWNrYm94ICovXHJcbiAgcHVibGljIGRvbnRTaG93QWdhaW5DaGVja2JveFZhbHVlOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIC8qKiBUaGUgZGlhbG9nIHJlc3VsdCBvYmplY3QgdG8gcmV0dXJuIG9uY2UgY2xvc2VkICovXHJcbiAgcHVibGljIGRpYWxvZ1Jlc3VsdDogRGlhbG9nUmVzdWx0O1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBwdWJsaWMgZGF0YTogTW9kYWxEYXRhLFxyXG4gICAgcHJpdmF0ZSBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxTb2ZNb2RhbENvbXBvbmVudD5cclxuICApIHsgfVxyXG5cclxuICAvKiogTGlmZSBjeWNsZSBob29rIGZvciBjb21wb25lbnQgaW5pdGlhbGl6YXRpb24gKi9cclxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmRhdGEuY2FuY2VsQnV0dG9uVGV4dCA9ICF0aGlzLmRhdGEuY2FuY2VsQnV0dG9uVGV4dCA/ICdjb21tb24uY2FuY2VsJyA6IHRoaXMuZGF0YS5jYW5jZWxCdXR0b25UZXh0O1xyXG4gICAgdGhpcy5kYXRhLmNvbmZpcm1CdXR0b25UZXh0ID0gIXRoaXMuZGF0YS5jb25maXJtQnV0dG9uVGV4dCA/ICdjb21tb24ub2theScgOiB0aGlzLmRhdGEuY29uZmlybUJ1dHRvblRleHQ7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBDbG9zZXMgdGhlIGRpYWxvZyB3aXRoIHRoZSBnaXZlbiB2YWx1ZVxyXG4gICAqIEBwYXJhbSB2YWx1ZSBUaGUgdmFsdWVcclxuICAgKi9cclxuICBwdWJsaWMgY2xvc2UodmFsdWU6IGJvb2xlYW4pOiB2b2lkIHtcclxuICAgIHRoaXMuZGlhbG9nUmVzdWx0ID0ge1xyXG4gICAgICBjbG9zZURpYWxvZ0NvbmZpcm06IHZhbHVlLFxyXG4gICAgICBzaG93RG9udFNob3dBZ2FpbkNoZWNrYm94OiB0aGlzLmRhdGEuc2hvd0RvbnRTaG93QWdhaW5DaGVja2JveCxcclxuICAgICAgZG9udFNob3dBZ2FpbkNoZWNrYm94VmFsdWU6IHRoaXMuZGF0YS5zaG93RG9udFNob3dBZ2FpbkNoZWNrYm94ID8gdGhpcy5kb250U2hvd0FnYWluQ2hlY2tib3hWYWx1ZSA6IG51bGxcclxuICAgIH0gYXMgRGlhbG9nUmVzdWx0O1xyXG5cclxuICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKHRoaXMuZGlhbG9nUmVzdWx0KTtcclxuICB9XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBUaGUgZGlhbG9nIHJlc3VsdCBvYmplY3RcclxuICovXHJcbmV4cG9ydCBjbGFzcyBEaWFsb2dSZXN1bHQge1xyXG4gIC8qKiBUaGUgdmFsdWUgb2YgdGhlIGRpYWxvZyBjbG9zaW5nICovXHJcbiAgcHVibGljIGNsb3NlRGlhbG9nQ29uZmlybTogYm9vbGVhbjtcclxuICAvKiogV2hldGhlciBvciBub3QgdGhlIGRvbnQgc2hvdyB0aGlzIG1lc3NhZ2UgYWdhaW4gY2hlY2tib3ggd2FzIGNoZWNrZWQgKi9cclxuICBwdWJsaWMgc2hvd0RvbnRTaG93QWdhaW5DaGVja2JveDogYm9vbGVhbjtcclxuICAvKiogVGhlIHZhbHVlIG9mIHRoZSBkb250IHNob3cgdGhpcyBtZXNzYWdlIGFnYWluIGNoZWNrYm94ICovXHJcbiAgcHVibGljIGRvbnRTaG93QWdhaW5DaGVja2JveFZhbHVlOiBib29sZWFuO1xyXG59XHJcblxyXG4vKipcclxuICogVGhlIG1vZGFsIGRhdGEgY2xhc3NcclxuICovXHJcbmV4cG9ydCBjbGFzcyBNb2RhbERhdGEge1xyXG4gIC8qKiBUaGUgaGVhZGVyIHRleHQgKi9cclxuICBwdWJsaWMgaGVhZGVyVGV4dDogc3RyaW5nO1xyXG4gIC8qKiBUaGUgY29udGVudCB0ZXh0ICovXHJcbiAgcHVibGljIGNvbnRlbnRUZXh0OiBzdHJpbmc7XHJcbiAgLyoqIFRoZSBpbmRpY2F0b3IgZm9yIGJlaW5nIGEgZGVsZXRlIG1vZGFsICovXHJcbiAgcHVibGljIGlzRGVsZXRlPzogYm9vbGVhbjtcclxuICAvKiogVGhlIGluZGljYXRvciB0byBzaG93IHRoZSBkb24ndCBzaG93IHBvcHVwIGFnYWluIGNoZWNrYm94ICovXHJcbiAgcHVibGljIHNob3dEb250U2hvd0FnYWluQ2hlY2tib3g/OiBib29sZWFuO1xyXG4gIC8qKiBUaGUgY2FuY2VsIGJ1dHRvbiB0ZXh0ICovXHJcbiAgcHVibGljIGNhbmNlbEJ1dHRvblRleHQ/OiBzdHJpbmc7XHJcbiAgLyoqIFRoZSBjb25maXJtIGJ1dHRvbiB0ZXh0ICovXHJcbiAgcHVibGljIGNvbmZpcm1CdXR0b25UZXh0Pzogc3RyaW5nO1xyXG4gIC8qKiBUaGUgaW5kaWNhdG9yIGZvciBoaWRpbmcgdGhlIGNhbmNlbCBidXR0b24gKi9cclxuICBwdWJsaWMgaGlkZUNhbmNlbDogYm9vbGVhblxyXG59IiwiPGRpdiByb2xlPVwibW9kYWxcIiBhcmlhLWxhYmVsbGVkYnk9XCJtb2RhbC1oZWFkaW5nXCI+XHJcbiAgICA8bWF0LXRvb2xiYXIgY2xhc3M9XCJkaWFsb2ctaGVhZGVyLWNvbnRhaW5lclwiIGZ4TGF5b3V0QWxpZ249XCJzcGFjZS1iZXR3ZWVuXCI+XHJcbiAgICAgICAgPGgyIGlkPVwibW9kYWwtaGVhZGluZ1wiIGNsYXNzPVwic29mLWRpYWxvZy1oZWFkZXJcIiBbaW5uZXJIVE1MXT1cImRhdGEuaGVhZGVyVGV4dCB8IHRyYW5zbGF0ZVwiPjwvaDI+XHJcbiAgICAgICAgPGJ1dHRvbiBpZD1cIm1vZGFsLWNsb3NlXCIgKGNsaWNrKT1cImNsb3NlKGZhbHNlKVwiIG1hdC1pY29uLWJ1dHRvbiBtYXQtZGlhbG9nLWNsb3NlXHJcbiAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJ7e2RhdGEuY2FuY2VsQnV0dG9uVGV4dCB8IHRyYW5zbGF0ZX19XCI+XHJcbiAgICAgICAgICAgIDxtYXQtaWNvbiBtYXQtbGlzdC1pY29uIFthdHRyLmFyaWEtaGlkZGVuXT1cInRydWVcIj5jbG9zZTwvbWF0LWljb24+XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICA8L21hdC10b29sYmFyPlxyXG4gICAgPGRpdiBmeExheW91dD1cImNvbHVtblwiIGNsYXNzPVwiZGlhbG9nLWJvZHktY29udGFpbmVyXCI+XHJcbiAgICAgICAgPGRpdiBmeEZsZXg9XCJhdXRvXCIgZnhMYXlvdXQ9XCJjb2x1bW5cIiBmeExheW91dEFsaWduPVwiY2VudGVyXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzb2YtZGlhbG9nLWJvZHlcIiBbaW5uZXJIVE1MXT1cImRhdGEuY29udGVudFRleHQgfCB0cmFuc2xhdGVcIiBmeEZsZXg9XCI4MCVcIiBmeEZsZXgubHQtbWQ9XCJhdXRvXCI+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8bWF0LWNoZWNrYm94ICpuZ0lmPVwiZGF0YS5zaG93RG9udFNob3dBZ2FpbkNoZWNrYm94XCIgWyhuZ01vZGVsKV09XCJkb250U2hvd0FnYWluQ2hlY2tib3hWYWx1ZVwiXHJcbiAgICAgICAgICAgICAgICBjb2xvcj1cInByaW1hcnlcIj5cclxuICAgICAgICAgICAgICAgIHt7ICdhcm1hdHVyZS5zb2YtbW9kYWwuZG9udC1zaG93LXRoaXMtbWVzc2FnZS1hZ2FpbicgfCB0cmFuc2xhdGUgfX1cclxuICAgICAgICAgICAgPC9tYXQtY2hlY2tib3g+XHJcbiAgICAgICAgICAgIDxkaXYgZnhGbGV4PVwiYXV0b1wiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXQubHQtc209XCJjb2x1bW5cIiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiIGZ4TGF5b3V0R2FwPVwiNSVcIlxyXG4gICAgICAgICAgICAgICAgZnhMYXlvdXRHYXAubHQtc209XCIyJVwiIGNsYXNzPVwiZGlhbG9nLWJ1dHRvbnMtY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgICAgICA8YnV0dG9uICpuZ0lmPVwiIWRhdGEuaGlkZUNhbmNlbFwiIG1hdC1zdHJva2VkLWJ1dHRvbiBmeEZsZXhPcmRlci5sdC1zbT1cIjJcIiBjbGFzcz1cInNvZi1zdHJva2VkLWJ1dHRvblwiXHJcbiAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3MubHQtc21dPVwieydmdWxsLXdpZHRoJzogdHJ1ZX1cIiBjb2xvcj1cInByaW1hcnlcIiBzaXplPVwibGFyZ2VcIiAoY2xpY2spPVwiY2xvc2UoZmFsc2UpXCJcclxuICAgICAgICAgICAgICAgICAgICBpZD1cImRpYWxvZy1jYW5jZWxcIj5cclxuICAgICAgICAgICAgICAgICAgICB7eyBkYXRhLmNhbmNlbEJ1dHRvblRleHQgfCB0cmFuc2xhdGUgfX1cclxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgPGJ1dHRvbiAqbmdJZj1cIiFkYXRhLmlzRGVsZXRlXCIgbWF0LWZsYXQtYnV0dG9uIGZ4RmxleE9yZGVyLmx0LXNtPVwiMVwiIGNsYXNzPVwic29mLWZsYXQtYnV0dG9uXCJcclxuICAgICAgICAgICAgICAgICAgICBbbmdDbGFzcy5sdC1zbV09XCJ7J2Z1bGwtd2lkdGgnOiB0cnVlfVwiIGNvbG9yPVwicHJpbWFyeVwiIHNpemU9XCJsYXJnZVwiIChjbGljayk9XCJjbG9zZSh0cnVlKVwiXHJcbiAgICAgICAgICAgICAgICAgICAgaWQ9XCJkaWFsb2ctYWNjZXB0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAge3sgZGF0YS5jb25maXJtQnV0dG9uVGV4dCB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgICAgICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICA8YnV0dG9uICpuZ0lmPVwiZGF0YS5pc0RlbGV0ZVwiIG1hdC1mbGF0LWJ1dHRvbiBmeEZsZXhPcmRlci5sdC1zbT1cIjFcIiBjbGFzcz1cInNvZi1mbGF0LWJ1dHRvblwiXHJcbiAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3MubHQtc21dPVwieydmdWxsLXdpZHRoJzogdHJ1ZX1cIiBjb2xvcj1cImVycm9yXCIgc2l6ZT1cImxhcmdlXCIgKGNsaWNrKT1cImNsb3NlKHRydWUpXCJcclxuICAgICAgICAgICAgICAgICAgICBpZD1cImRpYWxvZy1lcnJvclwiPlxyXG4gICAgICAgICAgICAgICAgICAgIHt7IGRhdGEuY29uZmlybUJ1dHRvblRleHQgfCB0cmFuc2xhdGUgfX1cclxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
|
|
@@ -4699,11 +4699,11 @@ class SofModalComponent {
|
|
|
4699
4699
|
this.dialogRef.close(this.dialogResult);
|
|
4700
4700
|
}
|
|
4701
4701
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: SofModalComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$6.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4702
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: SofModalComponent, selector: "sof-modal", ngImport: i0, template: "<div role=\"modal\" aria-labelledby=\"modal-heading\">\r\n <mat-toolbar class=\"dialog-header-container\" fxLayoutAlign=\"space-between\">\r\n <h2 id=\"modal-heading\" class=\"sof-dialog-header\" [innerHTML]=\"data.headerText | translate\"></h2>\r\n <button id=\"modal-close\" (click)=\"close(false)\" mat-icon-button mat-dialog-close\r\n
|
|
4702
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: SofModalComponent, selector: "sof-modal", ngImport: i0, template: "<div role=\"modal\" aria-labelledby=\"modal-heading\">\r\n <mat-toolbar class=\"dialog-header-container\" fxLayoutAlign=\"space-between\">\r\n <h2 id=\"modal-heading\" class=\"sof-dialog-header\" [innerHTML]=\"data.headerText | translate\"></h2>\r\n <button id=\"modal-close\" (click)=\"close(false)\" mat-icon-button mat-dialog-close\r\n aria-label=\"{{data.cancelButtonText | translate}}\">\r\n <mat-icon mat-list-icon [attr.aria-hidden]=\"true\">close</mat-icon>\r\n </button>\r\n </mat-toolbar>\r\n <div fxLayout=\"column\" class=\"dialog-body-container\">\r\n <div fxFlex=\"auto\" fxLayout=\"column\" fxLayoutAlign=\"center\">\r\n <div class=\"sof-dialog-body\" [innerHTML]=\"data.contentText | translate\" fxFlex=\"80%\" fxFlex.lt-md=\"auto\">\r\n </div>\r\n <mat-checkbox *ngIf=\"data.showDontShowAgainCheckbox\" [(ngModel)]=\"dontShowAgainCheckboxValue\"\r\n color=\"primary\">\r\n {{ 'armature.sof-modal.dont-show-this-message-again' | translate }}\r\n </mat-checkbox>\r\n <div fxFlex=\"auto\" fxLayout=\"row\" fxLayout.lt-sm=\"column\" fxLayoutAlign=\"center center\" fxLayoutGap=\"5%\"\r\n fxLayoutGap.lt-sm=\"2%\" class=\"dialog-buttons-container\">\r\n <button *ngIf=\"!data.hideCancel\" mat-stroked-button fxFlexOrder.lt-sm=\"2\" class=\"sof-stroked-button\"\r\n [ngClass.lt-sm]=\"{'full-width': true}\" color=\"primary\" size=\"large\" (click)=\"close(false)\"\r\n id=\"dialog-cancel\">\r\n {{ data.cancelButtonText | translate }}\r\n </button>\r\n <button *ngIf=\"!data.isDelete\" mat-flat-button fxFlexOrder.lt-sm=\"1\" class=\"sof-flat-button\"\r\n [ngClass.lt-sm]=\"{'full-width': true}\" color=\"primary\" size=\"large\" (click)=\"close(true)\"\r\n id=\"dialog-accept\">\r\n {{ data.confirmButtonText | translate }}\r\n </button>\r\n <button *ngIf=\"data.isDelete\" mat-flat-button fxFlexOrder.lt-sm=\"1\" class=\"sof-flat-button\"\r\n [ngClass.lt-sm]=\"{'full-width': true}\" color=\"error\" size=\"large\" (click)=\"close(true)\"\r\n id=\"dialog-error\">\r\n {{ data.confirmButtonText | translate }}\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: ["@charset \"UTF-8\";@media only screen and (max-width: 599px){::ng-deep .sof-dialog-container{min-width:100vw!important;max-width:100vw!important;min-height:100vh!important;max-height:100vh!important;height:100%!important;width:100%!important}}::ng-deep .sof-dialog-container .mat-mdc-dialog-container{padding:0!important;border-radius:10px;border:1px solid #e9e9e9}.dialog-header-container{align-items:center!important;background:none!important;border-bottom:1px solid #e9e9e9;padding:24px;height:72px}.sof-dialog-header{font-family:Poppins,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:24px!important;line-height:36px!important;color:#333!important}.dialog-body-container{padding:24px}.sof-dialog-body{font-family:Poppins,sans-serif!important;font-style:normal!important;font-weight:400!important;font-size:16px!important;line-height:24px!important;letter-spacing:normal!important}@media only screen and (max-width: 959px){.sof-dialog-body{font-size:16px!important}}.sof-dialog-body ::ng-deep p:first-of-type{margin-top:0}.sof-dialog-body ::ng-deep p{margin-top:32px;margin-bottom:0}.sof-dialog-body ::ng-deep ul{list-style:none;margin-top:0!important;margin-bottom:0!important;padding-left:8px!important}.sof-dialog-body ::ng-deep ul li{display:flex;margin-top:8px}.sof-dialog-body ::ng-deep ul li:before{content:\"\\2022\";font-size:16px;margin-right:10px}.dialog-buttons-container{margin-top:50px}@media screen and (max-width: 600px){.dialog-buttons-container .dialog-button{width:100%}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexOrderDirective, selector: " [fxFlexOrder], [fxFlexOrder.xs], [fxFlexOrder.sm], [fxFlexOrder.md], [fxFlexOrder.lg], [fxFlexOrder.xl], [fxFlexOrder.lt-sm], [fxFlexOrder.lt-md], [fxFlexOrder.lt-lg], [fxFlexOrder.lt-xl], [fxFlexOrder.gt-xs], [fxFlexOrder.gt-sm], [fxFlexOrder.gt-md], [fxFlexOrder.gt-lg]", inputs: ["fxFlexOrder", "fxFlexOrder.xs", "fxFlexOrder.sm", "fxFlexOrder.md", "fxFlexOrder.lg", "fxFlexOrder.xl", "fxFlexOrder.lt-sm", "fxFlexOrder.lt-md", "fxFlexOrder.lt-lg", "fxFlexOrder.lt-xl", "fxFlexOrder.gt-xs", "fxFlexOrder.gt-sm", "fxFlexOrder.gt-md", "fxFlexOrder.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i1$6.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: i10.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i10.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i10$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
|
|
4703
4703
|
}
|
|
4704
4704
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: SofModalComponent, decorators: [{
|
|
4705
4705
|
type: Component,
|
|
4706
|
-
args: [{ selector: 'sof-modal', template: "<div role=\"modal\" aria-labelledby=\"modal-heading\">\r\n <mat-toolbar class=\"dialog-header-container\" fxLayoutAlign=\"space-between\">\r\n <h2 id=\"modal-heading\" class=\"sof-dialog-header\" [innerHTML]=\"data.headerText | translate\"></h2>\r\n <button id=\"modal-close\" (click)=\"close(false)\" mat-icon-button mat-dialog-close\r\n
|
|
4706
|
+
args: [{ selector: 'sof-modal', template: "<div role=\"modal\" aria-labelledby=\"modal-heading\">\r\n <mat-toolbar class=\"dialog-header-container\" fxLayoutAlign=\"space-between\">\r\n <h2 id=\"modal-heading\" class=\"sof-dialog-header\" [innerHTML]=\"data.headerText | translate\"></h2>\r\n <button id=\"modal-close\" (click)=\"close(false)\" mat-icon-button mat-dialog-close\r\n aria-label=\"{{data.cancelButtonText | translate}}\">\r\n <mat-icon mat-list-icon [attr.aria-hidden]=\"true\">close</mat-icon>\r\n </button>\r\n </mat-toolbar>\r\n <div fxLayout=\"column\" class=\"dialog-body-container\">\r\n <div fxFlex=\"auto\" fxLayout=\"column\" fxLayoutAlign=\"center\">\r\n <div class=\"sof-dialog-body\" [innerHTML]=\"data.contentText | translate\" fxFlex=\"80%\" fxFlex.lt-md=\"auto\">\r\n </div>\r\n <mat-checkbox *ngIf=\"data.showDontShowAgainCheckbox\" [(ngModel)]=\"dontShowAgainCheckboxValue\"\r\n color=\"primary\">\r\n {{ 'armature.sof-modal.dont-show-this-message-again' | translate }}\r\n </mat-checkbox>\r\n <div fxFlex=\"auto\" fxLayout=\"row\" fxLayout.lt-sm=\"column\" fxLayoutAlign=\"center center\" fxLayoutGap=\"5%\"\r\n fxLayoutGap.lt-sm=\"2%\" class=\"dialog-buttons-container\">\r\n <button *ngIf=\"!data.hideCancel\" mat-stroked-button fxFlexOrder.lt-sm=\"2\" class=\"sof-stroked-button\"\r\n [ngClass.lt-sm]=\"{'full-width': true}\" color=\"primary\" size=\"large\" (click)=\"close(false)\"\r\n id=\"dialog-cancel\">\r\n {{ data.cancelButtonText | translate }}\r\n </button>\r\n <button *ngIf=\"!data.isDelete\" mat-flat-button fxFlexOrder.lt-sm=\"1\" class=\"sof-flat-button\"\r\n [ngClass.lt-sm]=\"{'full-width': true}\" color=\"primary\" size=\"large\" (click)=\"close(true)\"\r\n id=\"dialog-accept\">\r\n {{ data.confirmButtonText | translate }}\r\n </button>\r\n <button *ngIf=\"data.isDelete\" mat-flat-button fxFlexOrder.lt-sm=\"1\" class=\"sof-flat-button\"\r\n [ngClass.lt-sm]=\"{'full-width': true}\" color=\"error\" size=\"large\" (click)=\"close(true)\"\r\n id=\"dialog-error\">\r\n {{ data.confirmButtonText | translate }}\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: ["@charset \"UTF-8\";@media only screen and (max-width: 599px){::ng-deep .sof-dialog-container{min-width:100vw!important;max-width:100vw!important;min-height:100vh!important;max-height:100vh!important;height:100%!important;width:100%!important}}::ng-deep .sof-dialog-container .mat-mdc-dialog-container{padding:0!important;border-radius:10px;border:1px solid #e9e9e9}.dialog-header-container{align-items:center!important;background:none!important;border-bottom:1px solid #e9e9e9;padding:24px;height:72px}.sof-dialog-header{font-family:Poppins,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:24px!important;line-height:36px!important;color:#333!important}.dialog-body-container{padding:24px}.sof-dialog-body{font-family:Poppins,sans-serif!important;font-style:normal!important;font-weight:400!important;font-size:16px!important;line-height:24px!important;letter-spacing:normal!important}@media only screen and (max-width: 959px){.sof-dialog-body{font-size:16px!important}}.sof-dialog-body ::ng-deep p:first-of-type{margin-top:0}.sof-dialog-body ::ng-deep p{margin-top:32px;margin-bottom:0}.sof-dialog-body ::ng-deep ul{list-style:none;margin-top:0!important;margin-bottom:0!important;padding-left:8px!important}.sof-dialog-body ::ng-deep ul li{display:flex;margin-top:8px}.sof-dialog-body ::ng-deep ul li:before{content:\"\\2022\";font-size:16px;margin-right:10px}.dialog-buttons-container{margin-top:50px}@media screen and (max-width: 600px){.dialog-buttons-container .dialog-button{width:100%}}\n"] }]
|
|
4707
4707
|
}], ctorParameters: () => [{ type: ModalData, decorators: [{
|
|
4708
4708
|
type: Inject,
|
|
4709
4709
|
args: [MAT_DIALOG_DATA]
|