import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@ngx-translate/core";
import * as i3 from "../icon/icon.component";
export class BannerComponent {
    constructor() {
        this.type = 'info';
        this.action = new EventEmitter();
    }
    onClickAction() {
        this.action.emit();
    }
}
BannerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: BannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
BannerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: BannerComponent, selector: "uno-banner", inputs: { type: "type", title: "title", subTitle: "subTitle", showAction: "showAction", actionTitle: "actionTitle" }, outputs: { action: "action" }, ngImport: i0, template: "<div class=\"uno-banner\" [ngClass]=\"type\">\r\n    <div class=\"toast-container\" [ngClass]=\"{'with-action': showAction}\">\r\n        <div [ngSwitch]=\"type\">\r\n            <uno-icon *ngSwitchCase=\"'error'\" icon=\"error_icon\" svgType=\"sprite-color\" [withOpacity]=\"false\" size=\"x-small\"></uno-icon>\r\n            <uno-icon *ngSwitchCase=\"'warning'\" icon=\"alert-over\" svgType=\"sprite-color\" [withOpacity]=\"false\" size=\"x-small\"></uno-icon>\r\n            <uno-icon *ngSwitchCase=\"'info'\" icon=\"info\" svgType=\"sprite-color\" [withOpacity]=\"false\" size=\"x-small\"></uno-icon>\r\n            <uno-icon *ngSwitchCase=\"'success'\" icon=\"validate_o\" svgType=\"sprite-color\" [withOpacity]=\"false\" size=\"x-small\"></uno-icon>\r\n        </div>\r\n        <div class=\"slds-grid slds-grid--vertical-align-center line-clamp-2\">\r\n            <label class=\"slds-p-right--xx-small open-sans-semibold-12\" style=\"line-height: 16px;\" translate>{{ title }}</label>\r\n            <label class=\"open-sans-12 slds-p-right--large\" style=\"line-height: 16px;\" translate>{{ subTitle }}</label>\r\n        </div>\r\n        <button *ngIf=\"showAction\" (click)=\"onClickAction()\" class=\"action-button\" [ngClass]=\"type\" translate>{{ actionTitle }}</button>\r\n    </div>\r\n</div>", styles: [".uno-banner{border-radius:8px}.uno-banner.success{background-color:var(--success-background)}.uno-banner.warning{background-color:var(--warning-background)}.uno-banner.info{background-color:var(--information-background)}.uno-banner.error{background-color:var(--error-background)}.uno-banner .toast-container{display:grid;grid-template-columns:25px 1fr;padding:7px 10px}.uno-banner .toast-container.with-action{grid-template-columns:25px 1fr 110px}.uno-banner .toast-container .line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.uno-banner .toast-container .action-button{min-width:110px;min-height:24px;border-radius:8px;font-family:Nunito;font-size:10px;font-weight:700;line-height:10px}.uno-banner .toast-container .action-button.success{background-color:var(--success-background);border:1px solid var(--light-success);color:var(--light-success)}.uno-banner .toast-container .action-button.warning{background-color:var(--warning-background);border:1px solid var(--light-warning);color:var(--light-warning)}.uno-banner .toast-container .action-button.info{background-color:var(--information-background);border:1px solid var(--light-information);color:var(--light-information)}.uno-banner .toast-container .action-button.error{background-color:var(--error-background);border:1px solid var(--light-error);color:var(--light-error)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i3.IconComponent, selector: "uno-icon", inputs: ["svgType", "icon", "withOpacity", "color", "size", "customColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: BannerComponent, decorators: [{
            type: Component,
            args: [{ selector: 'uno-banner', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"uno-banner\" [ngClass]=\"type\">\r\n    <div class=\"toast-container\" [ngClass]=\"{'with-action': showAction}\">\r\n        <div [ngSwitch]=\"type\">\r\n            <uno-icon *ngSwitchCase=\"'error'\" icon=\"error_icon\" svgType=\"sprite-color\" [withOpacity]=\"false\" size=\"x-small\"></uno-icon>\r\n            <uno-icon *ngSwitchCase=\"'warning'\" icon=\"alert-over\" svgType=\"sprite-color\" [withOpacity]=\"false\" size=\"x-small\"></uno-icon>\r\n            <uno-icon *ngSwitchCase=\"'info'\" icon=\"info\" svgType=\"sprite-color\" [withOpacity]=\"false\" size=\"x-small\"></uno-icon>\r\n            <uno-icon *ngSwitchCase=\"'success'\" icon=\"validate_o\" svgType=\"sprite-color\" [withOpacity]=\"false\" size=\"x-small\"></uno-icon>\r\n        </div>\r\n        <div class=\"slds-grid slds-grid--vertical-align-center line-clamp-2\">\r\n            <label class=\"slds-p-right--xx-small open-sans-semibold-12\" style=\"line-height: 16px;\" translate>{{ title }}</label>\r\n            <label class=\"open-sans-12 slds-p-right--large\" style=\"line-height: 16px;\" translate>{{ subTitle }}</label>\r\n        </div>\r\n        <button *ngIf=\"showAction\" (click)=\"onClickAction()\" class=\"action-button\" [ngClass]=\"type\" translate>{{ actionTitle }}</button>\r\n    </div>\r\n</div>", styles: [".uno-banner{border-radius:8px}.uno-banner.success{background-color:var(--success-background)}.uno-banner.warning{background-color:var(--warning-background)}.uno-banner.info{background-color:var(--information-background)}.uno-banner.error{background-color:var(--error-background)}.uno-banner .toast-container{display:grid;grid-template-columns:25px 1fr;padding:7px 10px}.uno-banner .toast-container.with-action{grid-template-columns:25px 1fr 110px}.uno-banner .toast-container .line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.uno-banner .toast-container .action-button{min-width:110px;min-height:24px;border-radius:8px;font-family:Nunito;font-size:10px;font-weight:700;line-height:10px}.uno-banner .toast-container .action-button.success{background-color:var(--success-background);border:1px solid var(--light-success);color:var(--light-success)}.uno-banner .toast-container .action-button.warning{background-color:var(--warning-background);border:1px solid var(--light-warning);color:var(--light-warning)}.uno-banner .toast-container .action-button.info{background-color:var(--information-background);border:1px solid var(--light-information);color:var(--light-information)}.uno-banner .toast-container .action-button.error{background-color:var(--error-background);border:1px solid var(--light-error);color:var(--light-error)}\n"] }]
        }], propDecorators: { type: [{
                type: Input
            }], title: [{
                type: Input
            }], subTitle: [{
                type: Input
            }], showAction: [{
                type: Input
            }], actionTitle: [{
                type: Input
            }], action: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFubmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Vuby11aS1saWIvc3JjL2xpYi9iYW5uZXIvYmFubmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Vuby11aS1saWIvc3JjL2xpYi9iYW5uZXIvYmFubmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBU2hHLE1BQU0sT0FBTyxlQUFlO0lBUDVCO1FBUW9CLFNBQUksR0FBNkMsTUFBTSxDQUFDO1FBVXZELFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0tBS2hEO0lBSFUsYUFBYTtRQUNoQixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7OzRHQWZRLGVBQWU7Z0dBQWYsZUFBZSx1TUNUNUIsZ3lDQWNNOzJGRExPLGVBQWU7a0JBUDNCLFNBQVM7K0JBQ0ksWUFBWSxtQkFHTCx1QkFBdUIsQ0FBQyxNQUFNOzhCQUkvQixJQUFJO3NCQUFuQixLQUFLO2dCQUVVLEtBQUs7c0JBQXBCLEtBQUs7Z0JBRVUsUUFBUTtzQkFBdkIsS0FBSztnQkFFVSxVQUFVO3NCQUF6QixLQUFLO2dCQUVVLFdBQVc7c0JBQTFCLEtBQUs7Z0JBRVcsTUFBTTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3Vuby1iYW5uZXInLFxyXG4gICAgdGVtcGxhdGVVcmw6ICdiYW5uZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJ2Jhbm5lci5jb21wb25lbnQuc2NzcyddLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuXHJcbmV4cG9ydCBjbGFzcyBCYW5uZXJDb21wb25lbnQge1xyXG4gICAgQElucHV0KCkgcHVibGljIHR5cGU6ICdzdWNjZXNzJyB8ICd3YXJuaW5nJyB8ICdpbmZvJyB8ICdlcnJvcicgPSAnaW5mbyc7XHJcblxyXG4gICAgQElucHV0KCkgcHVibGljIHRpdGxlOiBzdHJpbmc7XHJcblxyXG4gICAgQElucHV0KCkgcHVibGljIHN1YlRpdGxlOiBzdHJpbmc7XHJcblxyXG4gICAgQElucHV0KCkgcHVibGljIHNob3dBY3Rpb246IGJvb2xlYW47XHJcblxyXG4gICAgQElucHV0KCkgcHVibGljIGFjdGlvblRpdGxlOiBzdHJpbmc7XHJcblxyXG4gICAgQE91dHB1dCgpIHB1YmxpYyBhY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gICAgcHVibGljIG9uQ2xpY2tBY3Rpb24oKSB7XHJcbiAgICAgICAgdGhpcy5hY3Rpb24uZW1pdCgpO1xyXG4gICAgfVxyXG59IiwiPGRpdiBjbGFzcz1cInVuby1iYW5uZXJcIiBbbmdDbGFzc109XCJ0eXBlXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwidG9hc3QtY29udGFpbmVyXCIgW25nQ2xhc3NdPVwieyd3aXRoLWFjdGlvbic6IHNob3dBY3Rpb259XCI+XHJcbiAgICAgICAgPGRpdiBbbmdTd2l0Y2hdPVwidHlwZVwiPlxyXG4gICAgICAgICAgICA8dW5vLWljb24gKm5nU3dpdGNoQ2FzZT1cIidlcnJvcidcIiBpY29uPVwiZXJyb3JfaWNvblwiIHN2Z1R5cGU9XCJzcHJpdGUtY29sb3JcIiBbd2l0aE9wYWNpdHldPVwiZmFsc2VcIiBzaXplPVwieC1zbWFsbFwiPjwvdW5vLWljb24+XHJcbiAgICAgICAgICAgIDx1bm8taWNvbiAqbmdTd2l0Y2hDYXNlPVwiJ3dhcm5pbmcnXCIgaWNvbj1cImFsZXJ0LW92ZXJcIiBzdmdUeXBlPVwic3ByaXRlLWNvbG9yXCIgW3dpdGhPcGFjaXR5XT1cImZhbHNlXCIgc2l6ZT1cIngtc21hbGxcIj48L3Vuby1pY29uPlxyXG4gICAgICAgICAgICA8dW5vLWljb24gKm5nU3dpdGNoQ2FzZT1cIidpbmZvJ1wiIGljb249XCJpbmZvXCIgc3ZnVHlwZT1cInNwcml0ZS1jb2xvclwiIFt3aXRoT3BhY2l0eV09XCJmYWxzZVwiIHNpemU9XCJ4LXNtYWxsXCI+PC91bm8taWNvbj5cclxuICAgICAgICAgICAgPHVuby1pY29uICpuZ1N3aXRjaENhc2U9XCInc3VjY2VzcydcIiBpY29uPVwidmFsaWRhdGVfb1wiIHN2Z1R5cGU9XCJzcHJpdGUtY29sb3JcIiBbd2l0aE9wYWNpdHldPVwiZmFsc2VcIiBzaXplPVwieC1zbWFsbFwiPjwvdW5vLWljb24+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInNsZHMtZ3JpZCBzbGRzLWdyaWQtLXZlcnRpY2FsLWFsaWduLWNlbnRlciBsaW5lLWNsYW1wLTJcIj5cclxuICAgICAgICAgICAgPGxhYmVsIGNsYXNzPVwic2xkcy1wLXJpZ2h0LS14eC1zbWFsbCBvcGVuLXNhbnMtc2VtaWJvbGQtMTJcIiBzdHlsZT1cImxpbmUtaGVpZ2h0OiAxNnB4O1wiIHRyYW5zbGF0ZT57eyB0aXRsZSB9fTwvbGFiZWw+XHJcbiAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cIm9wZW4tc2Fucy0xMiBzbGRzLXAtcmlnaHQtLWxhcmdlXCIgc3R5bGU9XCJsaW5lLWhlaWdodDogMTZweDtcIiB0cmFuc2xhdGU+e3sgc3ViVGl0bGUgfX08L2xhYmVsPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxidXR0b24gKm5nSWY9XCJzaG93QWN0aW9uXCIgKGNsaWNrKT1cIm9uQ2xpY2tBY3Rpb24oKVwiIGNsYXNzPVwiYWN0aW9uLWJ1dHRvblwiIFtuZ0NsYXNzXT1cInR5cGVcIiB0cmFuc2xhdGU+e3sgYWN0aW9uVGl0bGUgfX08L2J1dHRvbj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=