import { Component, Input } from '@angular/core';
import { ModalController } from '@ionic/angular';
import * as i0 from "@angular/core";
import * as i1 from "@ionic/angular";
import * as i2 from "@angular/common";
export class GeneralMessageDialogComponent {
    constructor(modalController) {
        this.modalController = modalController;
    }
    ngOnInit() {
        // this.setConfig();
    }
    /**
     * closed
     */
    closed() {
        this.modalController.dismiss({ confirm: false });
    }
    /**
     * accept
     */
    accept() {
        this.modalController.dismiss({ confirm: true });
    }
}
GeneralMessageDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: GeneralMessageDialogComponent, deps: [{ token: i1.ModalController }], target: i0.ɵɵFactoryTarget.Component });
GeneralMessageDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: GeneralMessageDialogComponent, selector: "app-general-message-dialog", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"ion-content inner-content\">\r\n  <div class=\"close-btn text-center\">\r\n    <ion-icon (click)=\"this.closed()\" class=\"ion-icon\" name=\"close-outline\"></ion-icon>\r\n  </div>\r\n\r\n  <ion-grid>\r\n\r\n    <ion-row>\r\n      <ion-col class=\"text-center\">\r\n        <img class=\"img-info\" *ngIf=\"this.data?.type === 'info' || this.data?.type === 'ok'; else NotInfo \" src=\"./assets/message-dialog/ok.svg\" alt=\"info\">\r\n        <ng-template #NotInfo>\r\n          <img class=\"img-info\" [src]=\"'./assets/message-dialog/'+ this.data?.type +'.png'\" alt=\"info\">\r\n        </ng-template>\r\n      </ion-col>\r\n    </ion-row>\r\n\r\n    <ion-row>\r\n\r\n      <ion-col size=\"12\">\r\n        <h2 class=\"text-center\">{{data?.title}}</h2>\r\n      </ion-col>\r\n\r\n      <ion-col size=\"12\" class=\"text-center\">\r\n        <div [innerHTML]=\"this.data?.message\" class=\"text-dialog\" ></div>\r\n      </ion-col>\r\n      <ion-col size=\"12\" class=\"text-center mt-4\">\r\n\r\n        <ion-button *ngIf=\"data?.buttonOk\" (click)=\"this.accept()\" class=\"btn btn-confirm\">\r\n          {{data?.buttonOkText ? data?.buttonOkText : 'Aceptar'}}\r\n        </ion-button>\r\n\r\n        <ion-button *ngIf=\"data?.buttonCancel\" (click)=\"this.closed()\" class=\"btn btn-cancel\">\r\n          {{data?.buttonCancelText ? data?.buttonCancelText : 'Cancelar'}}\r\n        </ion-button>\r\n        \r\n      </ion-col>\r\n\r\n    </ion-row>\r\n  </ion-grid>\r\n</div>\r\n", styles: [".ion-content{padding:1.5rem;position:relative}.ion-content .close-btn{position:absolute;width:50px;height:50px;top:10px;right:10px;z-index:100}.ion-content .close-btn .ion-icon{font-size:2rem}.ion-content h2{color:#274156;font-weight:700;font-size:1.2rem}.ion-content p{font-weight:500;font-size:1.1rem;color:#274156}.text-center{color:#000;text-align:center}.btn.btn-confirm{--background: #19D7DB;--color: white;--border-radius: 10px;width:160px;text-transform:none}.btn.btn-cancel{--background: none;--color: #274156;--border-radius: 10px;--box-shadow: none;width:160px;text-transform:none}.mt-4{margin-top:1rem}\n"], components: [{ type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { type: i1.IonGrid, selector: "ion-grid", inputs: ["fixed"] }, { type: i1.IonRow, selector: "ion-row" }, { type: i1.IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: GeneralMessageDialogComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-general-message-dialog', template: "<div class=\"ion-content inner-content\">\r\n  <div class=\"close-btn text-center\">\r\n    <ion-icon (click)=\"this.closed()\" class=\"ion-icon\" name=\"close-outline\"></ion-icon>\r\n  </div>\r\n\r\n  <ion-grid>\r\n\r\n    <ion-row>\r\n      <ion-col class=\"text-center\">\r\n        <img class=\"img-info\" *ngIf=\"this.data?.type === 'info' || this.data?.type === 'ok'; else NotInfo \" src=\"./assets/message-dialog/ok.svg\" alt=\"info\">\r\n        <ng-template #NotInfo>\r\n          <img class=\"img-info\" [src]=\"'./assets/message-dialog/'+ this.data?.type +'.png'\" alt=\"info\">\r\n        </ng-template>\r\n      </ion-col>\r\n    </ion-row>\r\n\r\n    <ion-row>\r\n\r\n      <ion-col size=\"12\">\r\n        <h2 class=\"text-center\">{{data?.title}}</h2>\r\n      </ion-col>\r\n\r\n      <ion-col size=\"12\" class=\"text-center\">\r\n        <div [innerHTML]=\"this.data?.message\" class=\"text-dialog\" ></div>\r\n      </ion-col>\r\n      <ion-col size=\"12\" class=\"text-center mt-4\">\r\n\r\n        <ion-button *ngIf=\"data?.buttonOk\" (click)=\"this.accept()\" class=\"btn btn-confirm\">\r\n          {{data?.buttonOkText ? data?.buttonOkText : 'Aceptar'}}\r\n        </ion-button>\r\n\r\n        <ion-button *ngIf=\"data?.buttonCancel\" (click)=\"this.closed()\" class=\"btn btn-cancel\">\r\n          {{data?.buttonCancelText ? data?.buttonCancelText : 'Cancelar'}}\r\n        </ion-button>\r\n        \r\n      </ion-col>\r\n\r\n    </ion-row>\r\n  </ion-grid>\r\n</div>\r\n", styles: [".ion-content{padding:1.5rem;position:relative}.ion-content .close-btn{position:absolute;width:50px;height:50px;top:10px;right:10px;z-index:100}.ion-content .close-btn .ion-icon{font-size:2rem}.ion-content h2{color:#274156;font-weight:700;font-size:1.2rem}.ion-content p{font-weight:500;font-size:1.1rem;color:#274156}.text-center{color:#000;text-align:center}.btn.btn-confirm{--background: #19D7DB;--color: white;--border-radius: 10px;width:160px;text-transform:none}.btn.btn-cancel{--background: none;--color: #274156;--border-radius: 10px;--box-shadow: none;width:160px;text-transform:none}.mt-4{margin-top:1rem}\n"] }]
        }], ctorParameters: function () { return [{ type: i1.ModalController }]; }, propDecorators: { data: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64, 