import { Component, EventEmitter, Input, Output } from '@angular/core';
import { BannerType } from '../models/qms-banner.model';
export class QmsBannerComponent {
    constructor() {
        this.type = '' || BannerType.primary;
        this.contents = [];
        this.buttonClick = new EventEmitter();
    }
    onClickButton(event) {
        this.buttonClick.emit(event);
    }
}
QmsBannerComponent.decorators = [
    { type: Component, args: [{
                selector: 'qms-banner',
                template: "<div *ngIf=\"contents && contents.length > 0\"\r\n    class=\"qms-banner-container banner-container-{{type}} text-color-{{type}} font-size-14 line-height-22\">\r\n    <mat-icon *ngIf=\"icon\" class=\"material-icons-outlined margin-horizontal-17\">\r\n        {{ icon }}\r\n    </mat-icon>\r\n\r\n    <span class=\"qms-banner-container-text\">\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\r\n    <button *ngIf=\"buttonText\" qms-btn-text \r\n        [style.min-width.px]=\"buttonMinWidth\"\r\n        class=\"text-color-{{type}} qms-banner-button\"\r\n        (click)=\"onClickButton($event)\">\r\n        {{buttonText}}\r\n    </button>\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-container{display:flex;align-items:center;width:100%;height:100%;font-family:Open Sans}.qms-banner-container-text{margin-top:10px;margin-bottom:10px}.qms-banner-container .margin-horizontal-17{margin-left:17px;margin-right:17px}.qms-banner-container .qms-banner-button{margin-left:auto;margin-right:8px}.font-bold{font-weight:700}.font-size-14{font-size:14px}.line-height-22{line-height:22px}"]
            },] }
];
QmsBannerComponent.propDecorators = {
    type: [{ type: Input }],
    contents: [{ type: Input }],
    icon: [{ type: Input }],
    buttonText: [{ type: Input }],
    buttonMinWidth: [{ type: Input }],
    buttonClick: [{ type: Output }]
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicW1zLWJhbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9xbXMtYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvYmFubmVyL3Ftcy1iYW5uZXIvcW1zLWJhbm5lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsVUFBVSxFQUFvQixNQUFNLDRCQUE0QixDQUFDO0FBTzFFLE1BQU0sT0FBTyxrQkFBa0I7SUFML0I7UUFNYSxTQUFJLEdBQVcsRUFBRSxJQUFJLFVBQVUsQ0FBQyxPQUFPLENBQUM7UUFDeEMsYUFBUSxHQUF1QixFQUFFLENBQUM7UUFLakMsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBZ0IsQ0FBQztJQUs3RCxDQUFDO0lBSFUsYUFBYSxDQUFDLEtBQW1CO1FBQ3BDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pDLENBQUM7OztZQWhCSixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLFlBQVk7Z0JBQ3RCLHcwQkFBMEM7O2FBRTdDOzs7bUJBRUksS0FBSzt1QkFDTCxLQUFLO21CQUNMLEtBQUs7eUJBQ0wsS0FBSzs2QkFDTCxLQUFLOzBCQUVMLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBCYW5uZXJUeXBlLCBRbXNCYW5uZXJDb250ZW50IH0gZnJvbSAnLi4vbW9kZWxzL3Ftcy1iYW5uZXIubW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3Ftcy1iYW5uZXInLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL3Ftcy1iYW5uZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vcW1zLWJhbm5lci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBRbXNCYW5uZXJDb21wb25lbnQge1xyXG4gICAgQElucHV0KCkgdHlwZTogc3RyaW5nID0gJycgfHwgQmFubmVyVHlwZS5wcmltYXJ5O1xyXG4gICAgQElucHV0KCkgY29udGVudHM6IFFtc0Jhbm5lckNvbnRlbnRbXSA9IFtdO1xyXG4gICAgQElucHV0KCkgaWNvbjogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgYnV0dG9uVGV4dDogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgYnV0dG9uTWluV2lkdGg6IG51bWJlcjtcclxuXHJcbiAgICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPFBvaW50ZXJFdmVudD4oKTtcclxuXHJcbiAgICBwdWJsaWMgb25DbGlja0J1dHRvbihldmVudDogUG9pbnRlckV2ZW50KSB7XHJcbiAgICAgICAgdGhpcy5idXR0b25DbGljay5lbWl0KGV2ZW50KTtcclxuICAgIH1cclxufVxyXG4iXX0=