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 "@angular/material/tooltip";
import * as i4 from "../../button/button";
export class QmsBannerComponent {
    constructor() {
        this.type = '' || BannerType.primary;
        this.contents = [];
        this.buttonClick = new EventEmitter();
    }
    onClickButton(event) {
        this.buttonClick.emit(event);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QmsBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: QmsBannerComponent, selector: "qms-banner", inputs: { type: "type", contents: "contents", icon: "icon", buttonText: "buttonText", buttonMinWidth: "buttonMinWidth", templateHtml: "templateHtml" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<div *ngIf=\"contents && contents.length > 0 || templateHtml\"\n    class=\"qms-banner-container banner-container-{{type}} text-color-{{type}} font-size-14 line-height-22\">\n    <mat-icon *ngIf=\"icon\" class=\"material-icons-outlined margin-horizontal-17\">\n        {{ icon }}\n    </mat-icon>\n\n    <span class=\"qms-banner-container-text\" *ngIf=\"contents && contents.length > 0\">\n        <span *ngFor=\"let content of contents\" [class.font-bold]=\"content.bold\" matTooltip=\"{{content.tooltip}}\">\n            {{ content.text }}\n        </span>\n    </span>\n    <span *ngIf=\"templateHtml\" class=\"qms-banner-container-text\" [innerHTML]=\"templateHtml\"></span>\n\n    <button *ngIf=\"buttonText\" qms-btn-text [style.min-width.px]=\"buttonMinWidth\"\n        class=\"text-color-{{type}} qms-banner-button\" (click)=\"onClickButton($event)\">\n        {{buttonText}}\n    </button>\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-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;padding-right:20px}.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}\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: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i4.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"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QmsBannerComponent, decorators: [{
            type: Component,
            args: [{ selector: 'qms-banner', template: "<div *ngIf=\"contents && contents.length > 0 || templateHtml\"\n    class=\"qms-banner-container banner-container-{{type}} text-color-{{type}} font-size-14 line-height-22\">\n    <mat-icon *ngIf=\"icon\" class=\"material-icons-outlined margin-horizontal-17\">\n        {{ icon }}\n    </mat-icon>\n\n    <span class=\"qms-banner-container-text\" *ngIf=\"contents && contents.length > 0\">\n        <span *ngFor=\"let content of contents\" [class.font-bold]=\"content.bold\" matTooltip=\"{{content.tooltip}}\">\n            {{ content.text }}\n        </span>\n    </span>\n    <span *ngIf=\"templateHtml\" class=\"qms-banner-container-text\" [innerHTML]=\"templateHtml\"></span>\n\n    <button *ngIf=\"buttonText\" qms-btn-text [style.min-width.px]=\"buttonMinWidth\"\n        class=\"text-color-{{type}} qms-banner-button\" (click)=\"onClickButton($event)\">\n        {{buttonText}}\n    </button>\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-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;padding-right:20px}.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}\n"] }]
        }], propDecorators: { type: [{
                type: Input
            }], contents: [{
                type: Input
            }], icon: [{
                type: Input
            }], buttonText: [{
                type: Input
            }], buttonMinWidth: [{
                type: Input
            }], templateHtml: [{
                type: Input
            }], buttonClick: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicW1zLWJhbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9xbXMtYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvYmFubmVyL3Ftcy1iYW5uZXIvcW1zLWJhbm5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9xbXMtYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvYmFubmVyL3Ftcy1iYW5uZXIvcW1zLWJhbm5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxVQUFVLEVBQW9CLE1BQU0sNEJBQTRCLENBQUM7Ozs7OztBQU8xRSxNQUFNLE9BQU8sa0JBQWtCO0lBTC9CO1FBTWEsU0FBSSxHQUFXLEVBQUUsSUFBSSxVQUFVLENBQUMsT0FBTyxDQUFDO1FBQ3hDLGFBQVEsR0FBdUIsRUFBRSxDQUFDO1FBTWpDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQWdCLENBQUM7S0FLNUQ7SUFIVSxhQUFhLENBQUMsS0FBbUI7UUFDcEMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDakMsQ0FBQzsrR0FaUSxrQkFBa0I7bUdBQWxCLGtCQUFrQixtUENSL0IsNDRCQWlCTTs7NEZEVE8sa0JBQWtCO2tCQUw5QixTQUFTOytCQUNJLFlBQVk7OEJBS2IsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUVJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQmFubmVyVHlwZSwgUW1zQmFubmVyQ29udGVudCB9IGZyb20gJy4uL21vZGVscy9xbXMtYmFubmVyLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdxbXMtYmFubmVyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vcW1zLWJhbm5lci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vcW1zLWJhbm5lci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFFtc0Jhbm5lckNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgdHlwZTogc3RyaW5nID0gJycgfHwgQmFubmVyVHlwZS5wcmltYXJ5O1xuICAgIEBJbnB1dCgpIGNvbnRlbnRzOiBRbXNCYW5uZXJDb250ZW50W10gPSBbXTtcbiAgICBASW5wdXQoKSBpY29uOiBzdHJpbmc7XG4gICAgQElucHV0KCkgYnV0dG9uVGV4dDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGJ1dHRvbk1pbldpZHRoOiBudW1iZXI7XG4gICAgQElucHV0KCkgdGVtcGxhdGVIdG1sOiBzdHJpbmc7XG5cbiAgICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPFBvaW50ZXJFdmVudD4oKTtcblxuICAgIHB1YmxpYyBvbkNsaWNrQnV0dG9uKGV2ZW50OiBQb2ludGVyRXZlbnQpIHtcbiAgICAgICAgdGhpcy5idXR0b25DbGljay5lbWl0KGV2ZW50KTtcbiAgICB9XG59XG4iLCI8ZGl2ICpuZ0lmPVwiY29udGVudHMgJiYgY29udGVudHMubGVuZ3RoID4gMCB8fCB0ZW1wbGF0ZUh0bWxcIlxuICAgIGNsYXNzPVwicW1zLWJhbm5lci1jb250YWluZXIgYmFubmVyLWNvbnRhaW5lci17e3R5cGV9fSB0ZXh0LWNvbG9yLXt7dHlwZX19IGZvbnQtc2l6ZS0xNCBsaW5lLWhlaWdodC0yMlwiPlxuICAgIDxtYXQtaWNvbiAqbmdJZj1cImljb25cIiBjbGFzcz1cIm1hdGVyaWFsLWljb25zLW91dGxpbmVkIG1hcmdpbi1ob3Jpem9udGFsLTE3XCI+XG4gICAgICAgIHt7IGljb24gfX1cbiAgICA8L21hdC1pY29uPlxuXG4gICAgPHNwYW4gY2xhc3M9XCJxbXMtYmFubmVyLWNvbnRhaW5lci10ZXh0XCIgKm5nSWY9XCJjb250ZW50cyAmJiBjb250ZW50cy5sZW5ndGggPiAwXCI+XG4gICAgICAgIDxzcGFuICpuZ0Zvcj1cImxldCBjb250ZW50IG9mIGNvbnRlbnRzXCIgW2NsYXNzLmZvbnQtYm9sZF09XCJjb250ZW50LmJvbGRcIiBtYXRUb29sdGlwPVwie3tjb250ZW50LnRvb2x0aXB9fVwiPlxuICAgICAgICAgICAge3sgY29udGVudC50ZXh0IH19XG4gICAgICAgIDwvc3Bhbj5cbiAgICA8L3NwYW4+XG4gICAgPHNwYW4gKm5nSWY9XCJ0ZW1wbGF0ZUh0bWxcIiBjbGFzcz1cInFtcy1iYW5uZXItY29udGFpbmVyLXRleHRcIiBbaW5uZXJIVE1MXT1cInRlbXBsYXRlSHRtbFwiPjwvc3Bhbj5cblxuICAgIDxidXR0b24gKm5nSWY9XCJidXR0b25UZXh0XCIgcW1zLWJ0bi10ZXh0IFtzdHlsZS5taW4td2lkdGgucHhdPVwiYnV0dG9uTWluV2lkdGhcIlxuICAgICAgICBjbGFzcz1cInRleHQtY29sb3Ite3t0eXBlfX0gcW1zLWJhbm5lci1idXR0b25cIiAoY2xpY2spPVwib25DbGlja0J1dHRvbigkZXZlbnQpXCI+XG4gICAgICAgIHt7YnV0dG9uVGV4dH19XG4gICAgPC9idXR0b24+XG48L2Rpdj4iXX0=