import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
import { TranslateDirective } from '@ngx-translate/core';
import { IconComponent } from '../icon/icon.component';
import { NgClass } from '@angular/common';
import * as i0 from "@angular/core";
export class BannerComponent {
    constructor() {
        this.type = 'info';
        this.action = new EventEmitter();
    }
    onClickAction() {
        this.action.emit();
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BannerComponent, isStandalone: true, 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\">\n  <div class=\"toast-container\" [ngClass]=\"{'with-action': showAction}\">\n    <div>\n      @switch (type) {\n        @case ('error') {\n          <uno-icon icon=\"error_icon\" svgType=\"sprite-color\" [withOpacity]=\"false\" size=\"small\"></uno-icon>\n        }\n        @case ('warning') {\n          <uno-icon icon=\"alert-over\" svgType=\"sprite-color\" [withOpacity]=\"false\" size=\"small\"></uno-icon>\n        }\n        @case ('info') {\n          <uno-icon icon=\"info\" svgType=\"sprite-color\" [withOpacity]=\"false\" size=\"small\"></uno-icon>\n        }\n        @case ('success') {\n          <uno-icon icon=\"validate_o\" svgType=\"sprite-color\" [withOpacity]=\"false\" size=\"small\"></uno-icon>\n        }\n      }\n    </div>\n    <div class=\"slds-grid slds-grid--vertical-align-center line-clamp-2\">\n      <label class=\"slds-p-right--xx-small open-sans-semibold-12\" style=\"line-height: 16px;\" translate>{{ title }}</label>\n      <label class=\"open-sans-12 slds-p-right--large\" style=\"line-height: 16px;\" translate>{{ subTitle }}</label>\n    </div>\n    @if (showAction) {\n      <button (click)=\"onClickAction()\" class=\"action-button\" [ngClass]=\"type\" translate>{{ actionTitle }}</button>\n    }\n  </div>\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;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: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconComponent, selector: "uno-icon", inputs: ["svgType", "icon", "withOpacity", "color", "size", "customColor"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BannerComponent, decorators: [{
            type: Component,
            args: [{ selector: 'uno-banner', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgClass, IconComponent, TranslateDirective], template: "<div class=\"uno-banner\" [ngClass]=\"type\">\n  <div class=\"toast-container\" [ngClass]=\"{'with-action': showAction}\">\n    <div>\n      @switch (type) {\n        @case ('error') {\n          <uno-icon icon=\"error_icon\" svgType=\"sprite-color\" [withOpacity]=\"false\" size=\"small\"></uno-icon>\n        }\n        @case ('warning') {\n          <uno-icon icon=\"alert-over\" svgType=\"sprite-color\" [withOpacity]=\"false\" size=\"small\"></uno-icon>\n        }\n        @case ('info') {\n          <uno-icon icon=\"info\" svgType=\"sprite-color\" [withOpacity]=\"false\" size=\"small\"></uno-icon>\n        }\n        @case ('success') {\n          <uno-icon icon=\"validate_o\" svgType=\"sprite-color\" [withOpacity]=\"false\" size=\"small\"></uno-icon>\n        }\n      }\n    </div>\n    <div class=\"slds-grid slds-grid--vertical-align-center line-clamp-2\">\n      <label class=\"slds-p-right--xx-small open-sans-semibold-12\" style=\"line-height: 16px;\" translate>{{ title }}</label>\n      <label class=\"open-sans-12 slds-p-right--large\" style=\"line-height: 16px;\" translate>{{ subTitle }}</label>\n    </div>\n    @if (showAction) {\n      <button (click)=\"onClickAction()\" class=\"action-button\" [ngClass]=\"type\" translate>{{ actionTitle }}</button>\n    }\n  </div>\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;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, 