import { Component, EventEmitter, Input, Output } from '@angular/core';
import { BannerType } from '../models/qms-banner.model';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/material/icon";
import * as i3 from "../../button/button";
import * as i4 from "../../../directives/tooltip/tooltip-renderer.directive";
export class QmsBannerConfirmComponent {
    constructor() {
        this.type = BannerType.primary;
        this.contents = [];
        this.buttonClick = new EventEmitter();
    }
    onClickButton(event, button) {
        this.buttonClick.emit({
            event: event,
            button: button
        });
        if (button.action) {
            button.action();
        }
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QmsBannerConfirmComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: QmsBannerConfirmComponent, selector: "qms-banner-confirm", inputs: { type: "type", icon: "icon", title: "title", innerHTML: "innerHTML", contents: "contents", buttons: "buttons" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<div class=\"qms-banner-confirm-container banner-container-{{type}} text-color-{{type}} font-size-14 line-height-22\">\n    <div class=\"confirm-information\">\n        <mat-icon *ngIf=\"icon\" class=\"material-icons-outlined padding-right-28\">\n            {{ icon }}\n        </mat-icon>\n\n        <div class=\"qms-banner-confirm-container-content\">\n            <h1 class=\"title\" *ngIf=\"title\">\n                {{ title }}\n            </h1>\n\n            <div *ngIf=\"innerHTML\" class=\"qms-banner-container-text\" [innerHTML]=\"innerHTML\"></div>\n\n            <span *ngIf=\"!innerHTML\">\n                <span *ngFor=\"let content of contents\" [class.font-bold]=\"content.bold\" [qms-tool-tip]=\"content.tooltip\"\n                    mode=\"dark\">\n                    {{ content.text }}\n                </span>\n            </span>\n        </div>\n    </div>\n\n    <div class=\"actions banner-confirm-buttons\" *ngIf=\"buttons?.length > 0\">\n        <ng-container *ngFor=\"let button of buttons\">\n            <button *ngIf=\"!button.type\" qms-btn-text class=\"text-color-{{type}}\" mode=\"dark\"\n                [qms-tool-tip]=\"button.tooltip\" [hidden]=\"button.hidden && button.hidden()\"\n                [disabled]=\"button.disabled && button.disabled()\" (click)=\"onClickButton($event, button)\">\n                {{button.text}}\n            </button>\n\n            <button *ngIf=\"button.type === 1\" qms-btn-icon class=\"text-color-{{type}}\" [qms-tool-tip]=\"button.tooltip\"\n                [hidden]=\"button.hidden && button.hidden()\" [disabled]=\"button.disabled && button.disabled()\"\n                mode=\"dark\" (click)=\"onClickButton($event, button)\">\n                <mat-icon>{{ button.icon }}</mat-icon>\n            </button>\n        </ng-container>\n    </div>\n</div>", styles: [".banner-container-primary{background-color:#e5eefb;border-bottom:1px solid #1954A9}.banner-container-warning{background-color:#e4cf534d;border-bottom:1px solid #E4CF53}.banner-container-success{background-color:#00804c1a;border-bottom:1px solid #00804C}.banner-container-error{background-color:#b0002014;border-bottom:1px solid #B00020}.banner-container-light{background-color:#fafafa;border-bottom:1px solid rgba(0,0,0,.6)}.banner-container-none{background-color:#fff;border-bottom:1px solid rgba(0,0,0,.6)}.text-color-primary{color:#144285}.text-color-warning{color:#726729}.text-color-success{color:#005935}.text-color-error{color:#b00020}.text-color-light,.text-color-none{color:#323232}.qms-banner-confirm-container{width:100%;height:100%;font-family:Open Sans;padding:18px 16px 8px 18px;position:relative}.qms-banner-confirm-container-content .title{font-family:Raleway;font-size:16px;line-height:22px;font-weight:600;margin-bottom:4px}.qms-banner-confirm-container .padding-right-28{padding-right:28px}.qms-banner-confirm-container .confirm-information{display:flex;width:100%;padding-bottom:36px}.qms-banner-confirm-container .actions{position:absolute;right:8px;bottom:8px}.qms-banner-confirm-container .actions button{margin-left:16px}.qms-banner-confirm-container .actions.banner-confirm-buttons ::ng-deep button.qms-btn-icon.qms-btn-disabled{background:transparent}.qms-banner-confirm-container .actions.banner-confirm-buttons ::ng-deep button.qms-btn-text.qms-btn-disabled{background:transparent}.font-bold{font-weight:700}.font-size-14{font-size:14px}.line-height-22{line-height:22px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.QMSButton, selector: "button[qms-btn], button[qms-btn-lg], button[qms-btn-outlined],\n               button[qms-btn-outlined-lg], button[qms-btn-text], button[qms-btn-text-lg],\n               button[qms-btn-fab],button[qms-btn-fab-sm],button[qms-btn-fab-ext],\n               button[qms-btn-fab-outlined],button[qms-btn-fab-outlined-sm],button[qms-btn-fab-outlined-ext]", inputs: ["disabled", "color"], exportAs: ["qmsButton"] }, { kind: "component", type: i3.QMSButtonIcon, selector: "button[qms-btn-icon]", inputs: ["disabled", "color", "active"], exportAs: ["qmsButtonIcon"] }, { kind: "directive", type: i4.QMSToolTipRendererDirective, selector: "[qms-tool-tip]", inputs: ["showToolTip", "mode", "qms-tool-tip", "contentTemplate", "position"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QmsBannerConfirmComponent, decorators: [{
            type: Component,
            args: [{ selector: 'qms-banner-confirm', template: "<div class=\"qms-banner-confirm-container banner-container-{{type}} text-color-{{type}} font-size-14 line-height-22\">\n    <div class=\"confirm-information\">\n        <mat-icon *ngIf=\"icon\" class=\"material-icons-outlined padding-right-28\">\n            {{ icon }}\n        </mat-icon>\n\n        <div class=\"qms-banner-confirm-container-content\">\n            <h1 class=\"title\" *ngIf=\"title\">\n                {{ title }}\n            </h1>\n\n            <div *ngIf=\"innerHTML\" class=\"qms-banner-container-text\" [innerHTML]=\"innerHTML\"></div>\n\n            <span *ngIf=\"!innerHTML\">\n                <span *ngFor=\"let content of contents\" [class.font-bold]=\"content.bold\" [qms-tool-tip]=\"content.tooltip\"\n                    mode=\"dark\">\n                    {{ content.text }}\n                </span>\n            </span>\n        </div>\n    </div>\n\n    <div class=\"actions banner-confirm-buttons\" *ngIf=\"buttons?.length > 0\">\n        <ng-container *ngFor=\"let button of buttons\">\n            <button *ngIf=\"!button.type\" qms-btn-text class=\"text-color-{{type}}\" mode=\"dark\"\n                [qms-tool-tip]=\"button.tooltip\" [hidden]=\"button.hidden && button.hidden()\"\n                [disabled]=\"button.disabled && button.disabled()\" (click)=\"onClickButton($event, button)\">\n                {{button.text}}\n            </button>\n\n            <button *ngIf=\"button.type === 1\" qms-btn-icon class=\"text-color-{{type}}\" [qms-tool-tip]=\"button.tooltip\"\n                [hidden]=\"button.hidden && button.hidden()\" [disabled]=\"button.disabled && button.disabled()\"\n                mode=\"dark\" (click)=\"onClickButton($event, button)\">\n                <mat-icon>{{ button.icon }}</mat-icon>\n            </button>\n        </ng-container>\n    </div>\n</div>", styles: [".banner-container-primary{background-color:#e5eefb;border-bottom:1px solid #1954A9}.banner-container-warning{background-color:#e4cf534d;border-bottom:1px solid #E4CF53}.banner-container-success{background-color:#00804c1a;border-bottom:1px solid #00804C}.banner-container-error{background-color:#b0002014;border-bottom:1px solid #B00020}.banner-container-light{background-color:#fafafa;border-bottom:1px solid rgba(0,0,0,.6)}.banner-container-none{background-color:#fff;border-bottom:1px solid rgba(0,0,0,.6)}.text-color-primary{color:#144285}.text-color-warning{color:#726729}.text-color-success{color:#005935}.text-color-error{color:#b00020}.text-color-light,.text-color-none{color:#323232}.qms-banner-confirm-container{width:100%;height:100%;font-family:Open Sans;padding:18px 16px 8px 18px;position:relative}.qms-banner-confirm-container-content .title{font-family:Raleway;font-size:16px;line-height:22px;font-weight:600;margin-bottom:4px}.qms-banner-confirm-container .padding-right-28{padding-right:28px}.qms-banner-confirm-container .confirm-information{display:flex;width:100%;padding-bottom:36px}.qms-banner-confirm-container .actions{position:absolute;right:8px;bottom:8px}.qms-banner-confirm-container .actions button{margin-left:16px}.qms-banner-confirm-container .actions.banner-confirm-buttons ::ng-deep button.qms-btn-icon.qms-btn-disabled{background:transparent}.qms-banner-confirm-container .actions.banner-confirm-buttons ::ng-deep button.qms-btn-text.qms-btn-disabled{background:transparent}.font-bold{font-weight:700}.font-size-14{font-size:14px}.line-height-22{line-height:22px}\n"] }]
        }], propDecorators: { type: [{
                type: Input
            }], icon: [{
                type: Input
            }], title: [{
                type: Input
            }], innerHTML: [{
                type: Input
            }], contents: [{
                type: Input
            }], buttons: [{
                type: Input
            }], buttonClick: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64, 