import { Component, EventEmitter, Input, Output } from '@angular/core';
import { BannerType } from '../models/qms-banner.model';
export class QmsBannerConfirmComponent {
    constructor() {
        this.type = BannerType.primary;
        this.contents = [];
        this.buttonClick = new EventEmitter();
    }
    onClickButton(event, button) {
        this.buttonClick.emit({
            event: event,
            button: button
        });
    }
}
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\">\r\n    <div class=\"confirm-information\">\r\n        <mat-icon *ngIf=\"icon\" class=\"material-icons-outlined margin-right-18\">\r\n            {{ icon }}\r\n        </mat-icon>\r\n    \r\n        <div class=\"qms-banner-confirm-container-content\">\r\n            <h1 class=\"title\" *ngIf=\"title\">\r\n                {{ title }}\r\n            </h1>\r\n    \r\n            <span>\r\n                <span *ngFor=\"let content of contents\"\r\n                    [class.font-bold]=\"content.bold\" \r\n                    matTooltip=\"{{content.tooltip}}\">\r\n                    {{ content.text }} \r\n                </span>\r\n            </span>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"actions\" *ngIf=\"buttons?.length > 0\">\r\n        <button *ngFor=\"let button of buttons\" \r\n            qms-btn-text\r\n            class=\"text-color-{{type}}\"\r\n            (click)=\"onClickButton($event, button)\">\r\n            {{button.text}}\r\n        </button>\r\n    </div>\r\n</div>",
                styles: [".banner-container-primary{background-color:#e5eefb;border-bottom:1px solid #1954a9}.banner-container-warning{background-color:rgba(228,207,83,.3);border-bottom:1px solid #e4cf53}.banner-container-success{background-color:rgba(0,128,76,.1);border-bottom:1px solid #00804c}.banner-container-error{background-color:rgba(176,0,32,.08);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 .margin-right-18{margin-right:18px}.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}.font-bold{font-weight:700}.font-size-14{font-size:14px}.line-height-22{line-height:22px}"]
            },] }
];
QmsBannerConfirmComponent.propDecorators = {
    type: [{ type: Input }],
    contents: [{ type: Input }],
    icon: [{ type: Input }],
    title: [{ type: Input }],
    buttons: [{ type: Input }],
    buttonClick: [{ type: Output }]
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicW1zLWJhbm5lci1jb25maXJtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Ftcy1hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9iYW5uZXIvcW1zLWJhbm5lci1jb25maXJtL3Ftcy1iYW5uZXItY29uZmlybS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsVUFBVSxFQUF5RSxNQUFNLDRCQUE0QixDQUFDO0FBTy9ILE1BQU0sT0FBTyx5QkFBeUI7SUFMdEM7UUFNYSxTQUFJLEdBQUcsVUFBVSxDQUFDLE9BQU8sQ0FBQztRQUMxQixhQUFRLEdBQXVCLEVBQUUsQ0FBQztRQUtqQyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUErQixDQUFDO0lBUTVFLENBQUM7SUFOVSxhQUFhLENBQUMsS0FBbUIsRUFBRSxNQUE4QjtRQUNwRSxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQztZQUNsQixLQUFLLEVBQUUsS0FBSztZQUNaLE1BQU0sRUFBRSxNQUFNO1NBQ2pCLENBQUMsQ0FBQztJQUNQLENBQUM7OztZQW5CSixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLG9CQUFvQjtnQkFDOUIsdW5DQUFrRDs7YUFFckQ7OzttQkFFSSxLQUFLO3VCQUNMLEtBQUs7bUJBQ0wsS0FBSztvQkFDTCxLQUFLO3NCQUNMLEtBQUs7MEJBRUwsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEJhbm5lclR5cGUsIFFtc0Jhbm5lckNvbmZpcm1CdXR0b24sIFFtc0Jhbm5lckNvbmZpcm1CdXR0b25DbGljaywgUW1zQmFubmVyQ29udGVudCB9IGZyb20gJy4uL21vZGVscy9xbXMtYmFubmVyLm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdxbXMtYmFubmVyLWNvbmZpcm0nLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL3Ftcy1iYW5uZXItY29uZmlybS5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9xbXMtYmFubmVyLWNvbmZpcm0uY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgUW1zQmFubmVyQ29uZmlybUNvbXBvbmVudCB7XHJcbiAgICBASW5wdXQoKSB0eXBlID0gQmFubmVyVHlwZS5wcmltYXJ5O1xyXG4gICAgQElucHV0KCkgY29udGVudHM6IFFtc0Jhbm5lckNvbnRlbnRbXSA9IFtdO1xyXG4gICAgQElucHV0KCkgaWNvbjogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgdGl0bGU6IHN0cmluZztcclxuICAgIEBJbnB1dCgpIGJ1dHRvbnM6IFFtc0Jhbm5lckNvbmZpcm1CdXR0b25bXTtcclxuXHJcbiAgICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPFFtc0Jhbm5lckNvbmZpcm1CdXR0b25DbGljaz4oKTtcclxuXHJcbiAgICBwdWJsaWMgb25DbGlja0J1dHRvbihldmVudDogUG9pbnRlckV2ZW50LCBidXR0b246IFFtc0Jhbm5lckNvbmZpcm1CdXR0b24pIHtcclxuICAgICAgICB0aGlzLmJ1dHRvbkNsaWNrLmVtaXQoe1xyXG4gICAgICAgICAgICBldmVudDogZXZlbnQsXHJcbiAgICAgICAgICAgIGJ1dHRvbjogYnV0dG9uXHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcbn1cclxuIl19