import { Component, Input, ViewEncapsulation } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "monkey-style-guide";
import * as i2 from "@angular/common";
import * as i3 from "@ngx-translate/core";
import * as i4 from "../../core/pipes/monkeyecx-format-date-timelapse";
export class ClosedToMaintenanceComponent {
    constructor() {
        this.config = null;
        this._configBootstrap = null;
    }
    ngOnInit() {
        this._configBootstrap = this.config?.data;
    }
    onClose() {
        document.location.reload();
    }
}
ClosedToMaintenanceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ClosedToMaintenanceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
ClosedToMaintenanceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: ClosedToMaintenanceComponent, selector: "monkeyecx-closed-to-maintenance", inputs: { config: "config", modalRef: "modalRef" }, ngImport: i0, template: "<monkey-modal [config]=\"config\" [modalRef]=\"modalRef\" *ngIf=\"config\">\n  <div class=\"d-flex flex-column justify-content-center align-items-center\">\n    <span class=\"h2\">\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.TITLE' | translate }}\n    </span>\n    <span class=\"information-title mt-4\">\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.INFORMATION-1' | translate }}\n    </span>\n    <span class=\"information-title mt-4\">\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.INFORMATION-2' | translate }}\n    </span>\n    <span class=\"information mt-3\">\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.INFORMATION-3' | translate }}\n      {{ _configBootstrap?.maintenance?.endDate | monkeyecxFormatDateTimelapse: true }}\n    </span>\n    <span class=\"information-title mt-4\">\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.INFORMATION-4' | translate }}\n    </span>\n  </div>\n  <div class=\"d-flex flex-column justify-content-center align-items-center mt-5\">\n    <monkey-button type=\"primary\" color=\"theme\" (click)=\"onClose()\">\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.BUTTONS.UPDATE-MAINTENANCE' | translate }}\n    </monkey-button>\n  </div>\n</monkey-modal>", styles: ["monkeyecx-closed-to-maintenance .body{padding:24px;width:100%}monkeyecx-closed-to-maintenance .information-title{font-style:normal;font-weight:600;font-size:25px;line-height:32px;display:flex;align-items:center;text-align:center;color:#4b4a53}monkeyecx-closed-to-maintenance .information{font-style:normal;font-weight:400;font-size:20px;line-height:24px;display:flex;align-items:center;text-align:center;color:#4b4a53;max-width:600px}monkeyecx-closed-to-maintenance .browser-name{font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;color:#9c9ca6}monkeyecx-closed-to-maintenance .option{text-decoration:none;padding:4px;background:#eee;border:1px solid #d6d6d6;box-sizing:border-box;border-radius:16px}monkeyecx-closed-to-maintenance monkey-modal mecx-monkey-modal .body{margin-bottom:0!important}\n"], components: [{ type: i1.MonkeyModalComponent, selector: "monkey-modal", inputs: ["config", "modalRef", "onHandleConfirm"] }, { type: i1.MonkeyButtonComponent, selector: "monkey-button", inputs: ["label", "icon", "iconPosition", "type", "color", "disabled", "size"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i3.TranslatePipe, "monkeyecxFormatDateTimelapse": i4.MonkeyEcxFormatDateTimelapsePipe }, encapsulation: i0.ViewEncapsulation.None });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ClosedToMaintenanceComponent, decorators: [{
            type: Component,
            args: [{ selector: 'monkeyecx-closed-to-maintenance', encapsulation: ViewEncapsulation.None, template: "<monkey-modal [config]=\"config\" [modalRef]=\"modalRef\" *ngIf=\"config\">\n  <div class=\"d-flex flex-column justify-content-center align-items-center\">\n    <span class=\"h2\">\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.TITLE' | translate }}\n    </span>\n    <span class=\"information-title mt-4\">\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.INFORMATION-1' | translate }}\n    </span>\n    <span class=\"information-title mt-4\">\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.INFORMATION-2' | translate }}\n    </span>\n    <span class=\"information mt-3\">\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.INFORMATION-3' | translate }}\n      {{ _configBootstrap?.maintenance?.endDate | monkeyecxFormatDateTimelapse: true }}\n    </span>\n    <span class=\"information-title mt-4\">\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.INFORMATION-4' | translate }}\n    </span>\n  </div>\n  <div class=\"d-flex flex-column justify-content-center align-items-center mt-5\">\n    <monkey-button type=\"primary\" color=\"theme\" (click)=\"onClose()\">\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.BUTTONS.UPDATE-MAINTENANCE' | translate }}\n    </monkey-button>\n  </div>\n</monkey-modal>", styles: ["monkeyecx-closed-to-maintenance .body{padding:24px;width:100%}monkeyecx-closed-to-maintenance .information-title{font-style:normal;font-weight:600;font-size:25px;line-height:32px;display:flex;align-items:center;text-align:center;color:#4b4a53}monkeyecx-closed-to-maintenance .information{font-style:normal;font-weight:400;font-size:20px;line-height:24px;display:flex;align-items:center;text-align:center;color:#4b4a53;max-width:600px}monkeyecx-closed-to-maintenance .browser-name{font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;color:#9c9ca6}monkeyecx-closed-to-maintenance .option{text-decoration:none;padding:4px;background:#eee;border:1px solid #d6d6d6;box-sizing:border-box;border-radius:16px}monkeyecx-closed-to-maintenance monkey-modal mecx-monkey-modal .body{margin-bottom:0!important}\n"] }]
        }], propDecorators: { config: [{
                type: Input
            }], modalRef: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xvc2VkLXRvLW1haW50ZW5hbmNlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vbmtleS1mcm9udC1jb3JlL3NyYy9saWIvY29tcG9uZW50cy9jbG9zZWQtdG8tbWFpbnRlbmFuY2UvY2xvc2VkLXRvLW1haW50ZW5hbmNlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vbmtleS1mcm9udC1jb3JlL3NyYy9saWIvY29tcG9uZW50cy9jbG9zZWQtdG8tbWFpbnRlbmFuY2UvY2xvc2VkLXRvLW1haW50ZW5hbmNlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFVNUUsTUFBTSxPQUFPLDRCQUE0QjtJQU56QztRQU9XLFdBQU0sR0FBNkIsSUFBSSxDQUFDO1FBSWpELHFCQUFnQixHQUFvQyxJQUFJLENBQUM7S0FTMUQ7SUFQQyxRQUFRO1FBQ04sSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDO0lBQzVDLENBQUM7SUFFRCxPQUFPO1FBQ0wsUUFBUSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUM3QixDQUFDOzt5SEFiVSw0QkFBNEI7NkdBQTVCLDRCQUE0QiwySENWekMseW9DQXdCZTsyRkRkRiw0QkFBNEI7a0JBTnhDLFNBQVM7K0JBQ0UsaUNBQWlDLGlCQUc1QixpQkFBaUIsQ0FBQyxJQUFJOzhCQUc1QixNQUFNO3NCQUFkLEtBQUs7Z0JBRUcsUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1vbmtleU1vZGFsQ29uZmlnIH0gZnJvbSAnbW9ua2V5LXN0eWxlLWd1aWRlJztcbmltcG9ydCB7IE1vbmtleUVjeENvbmZpZ0Jvb3RzdHJhcCB9IGZyb20gJy4uLy4uL2NvcmUvaW50ZXJmYWNlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21vbmtleWVjeC1jbG9zZWQtdG8tbWFpbnRlbmFuY2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2xvc2VkLXRvLW1haW50ZW5hbmNlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2xvc2VkLXRvLW1haW50ZW5hbmNlLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgQ2xvc2VkVG9NYWludGVuYW5jZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGNvbmZpZzogTW9ua2V5TW9kYWxDb25maWcgfCBudWxsID0gbnVsbDtcblxuICBASW5wdXQoKSBtb2RhbFJlZjogYW55O1xuXG4gIF9jb25maWdCb290c3RyYXA6IE1vbmtleUVjeENvbmZpZ0Jvb3RzdHJhcCB8IG51bGwgPSBudWxsO1xuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuX2NvbmZpZ0Jvb3RzdHJhcCA9IHRoaXMuY29uZmlnPy5kYXRhO1xuICB9XG5cbiAgb25DbG9zZSgpIHtcbiAgICBkb2N1bWVudC5sb2NhdGlvbi5yZWxvYWQoKTtcbiAgfVxufVxuIiwiPG1vbmtleS1tb2RhbCBbY29uZmlnXT1cImNvbmZpZ1wiIFttb2RhbFJlZl09XCJtb2RhbFJlZlwiICpuZ0lmPVwiY29uZmlnXCI+XG4gIDxkaXYgY2xhc3M9XCJkLWZsZXggZmxleC1jb2x1bW4ganVzdGlmeS1jb250ZW50LWNlbnRlciBhbGlnbi1pdGVtcy1jZW50ZXJcIj5cbiAgICA8c3BhbiBjbGFzcz1cImgyXCI+XG4gICAgICB7eyAnU0NSRUVOUy5DTE9TRUQtVE8tTUFJTlRFTkFOQ0UuVElUTEUnIHwgdHJhbnNsYXRlIH19XG4gICAgPC9zcGFuPlxuICAgIDxzcGFuIGNsYXNzPVwiaW5mb3JtYXRpb24tdGl0bGUgbXQtNFwiPlxuICAgICAge3sgJ1NDUkVFTlMuQ0xPU0VELVRPLU1BSU5URU5BTkNFLklORk9STUFUSU9OLTEnIHwgdHJhbnNsYXRlIH19XG4gICAgPC9zcGFuPlxuICAgIDxzcGFuIGNsYXNzPVwiaW5mb3JtYXRpb24tdGl0bGUgbXQtNFwiPlxuICAgICAge3sgJ1NDUkVFTlMuQ0xPU0VELVRPLU1BSU5URU5BTkNFLklORk9STUFUSU9OLTInIHwgdHJhbnNsYXRlIH19XG4gICAgPC9zcGFuPlxuICAgIDxzcGFuIGNsYXNzPVwiaW5mb3JtYXRpb24gbXQtM1wiPlxuICAgICAge3sgJ1NDUkVFTlMuQ0xPU0VELVRPLU1BSU5URU5BTkNFLklORk9STUFUSU9OLTMnIHwgdHJhbnNsYXRlIH19XG4gICAgICB7eyBfY29uZmlnQm9vdHN0cmFwPy5tYWludGVuYW5jZT8uZW5kRGF0ZSB8IG1vbmtleWVjeEZvcm1hdERhdGVUaW1lbGFwc2U6IHRydWUgfX1cbiAgICA8L3NwYW4+XG4gICAgPHNwYW4gY2xhc3M9XCJpbmZvcm1hdGlvbi10aXRsZSBtdC00XCI+XG4gICAgICB7eyAnU0NSRUVOUy5DTE9TRUQtVE8tTUFJTlRFTkFOQ0UuSU5GT1JNQVRJT04tNCcgfCB0cmFuc2xhdGUgfX1cbiAgICA8L3NwYW4+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGZsZXgtY29sdW1uIGp1c3RpZnktY29udGVudC1jZW50ZXIgYWxpZ24taXRlbXMtY2VudGVyIG10LTVcIj5cbiAgICA8bW9ua2V5LWJ1dHRvbiB0eXBlPVwicHJpbWFyeVwiIGNvbG9yPVwidGhlbWVcIiAoY2xpY2spPVwib25DbG9zZSgpXCI+XG4gICAgICB7eyAnU0NSRUVOUy5DTE9TRUQtVE8tTUFJTlRFTkFOQ0UuQlVUVE9OUy5VUERBVEUtTUFJTlRFTkFOQ0UnIHwgdHJhbnNsYXRlIH19XG4gICAgPC9tb25rZXktYnV0dG9uPlxuICA8L2Rpdj5cbjwvbW9ua2V5LW1vZGFsPiJdfQ==