import { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "../../directives/evo-ui-class.directive";
export class EvoBadgeComponent {
    constructor() {
        this.size = 'normal';
        /**
         * @deprecated don't use it
         */
        this.multiline = false;
    }
    get styleWidth() {
        return this.widthPercents ? `${this.widthPercents}%` : this.widthPixels ? `${this.widthPixels}px` : undefined;
    }
    get classes() {
        const classes = [];
        if (this.size) {
            classes.push(this.size);
        }
        if (this.color) {
            classes.push(this.color);
        }
        if (this.multiline) {
            classes.push('multiline');
        }
        return classes;
    }
}
EvoBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
EvoBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoBadgeComponent, selector: "evo-badge", inputs: { color: "color", size: "size", multiline: "multiline", widthPixels: ["width.px", "widthPixels"], widthPercents: ["width.%", "widthPercents"] }, host: { properties: { "style.width": "this.styleWidth" } }, ngImport: i0, template: "<div class=\"evo-badge\" [evoUiClass]=\"classes\">\n    <ng-content></ng-content>\n</div>\n", styles: ["evo-badge{display:block;width:max-content;--evo-badge-color: #FFFFFF;--evo-badge-background-color: none;--evo-badge-background-image: none}evo-badge .evo-badge{--inner-icon-size: 20px;--inner-gap: 8px;--inner-min-height: 24px;--inner-padding: 1px 0;--inner-color: #FFFFFF;--inner-background-color: #91B1B8;--inner-background-image: none;display:flex;justify-content:center;align-items:center;gap:var(--inner-gap);padding:var(--inner-padding);width:100%;min-height:var(--inner-min-height);border-radius:4px;overflow:hidden;white-space:nowrap;text-align:center;color:var(--inner-color);background-color:var(--inner-background-color);background-image:var(--inner-background-image)}evo-badge .evo-badge evo-icon{display:block;width:var(--inner-icon-size);height:var(--inner-icon-size);margin:0 -4px;fill:currentColor}evo-badge .evo-badge_success{--inner-color: #FFFFFF;--inner-background-color: #21C68B}evo-badge .evo-badge_error{--inner-color: #FFFFFF;--inner-background-color: #FF1817}evo-badge .evo-badge_icon-dark{--inner-color: #FFFFFF;--inner-background-color: #91B1B8}evo-badge .evo-badge_icon-light{--inner-color: #FFFFFF;--inner-background-color: #BEDCE3}evo-badge .evo-badge_graph-1{--inner-color: #FFFFFF;--inner-background-color: #EB5365}evo-badge .evo-badge_graph-2{--inner-color: #FFFFFF;--inner-background-color: #9474C9}evo-badge .evo-badge_graph-3{--inner-color: #FFFFFF;--inner-background-color: #41B2E5}evo-badge .evo-badge_graph-4{--inner-color: #FFFFFF;--inner-background-color: #3CCFCF}evo-badge .evo-badge_graph-5{--inner-color: #FFFFFF;--inner-background-color: #B7CE2C}evo-badge .evo-badge_graph-6{--inner-color: #FFFFFF;--inner-background-color: #F4D221}evo-badge .evo-badge_graph-7{--inner-color: #FFFFFF;--inner-background-color: #F0A042}evo-badge .evo-badge_graph-8{--inner-color: #FFFFFF;--inner-background-color: #F87550}evo-badge .evo-badge_graph-9{--inner-color: #FFFFFF;--inner-background-color: #847474}evo-badge .evo-badge_graph-10{--inner-color: #FFFFFF;--inner-background-color: #7A96A5}evo-badge .evo-badge_grey{--inner-color: #727272;--inner-background-color: #F4F6F8}evo-badge .evo-badge_rating{--inner-color: #FFFFFF;--inner-background-color: #F2C94C}evo-badge .evo-badge_primary{--inner-color: #FFFFFF;--inner-background-color: #F05023}evo-badge .evo-badge_custom{--inner-background-color: var(--evo-badge-background-color);--inner-background-image: var(--evo-badge-background-image);--inner-color: var(--evo-badge-color)}evo-badge .evo-badge_small{--inner-icon-size: 16px;--inner-padding: 0 6px;--inner-min-height: 18px;font-family:var(--evo-font);font-style:normal;font-size:12px;line-height:18px;font-weight:600}evo-badge .evo-badge_normal{--inner-icon-size: 20px;--inner-padding: 1px 8px;--inner-min-height: 24px;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:22px;font-weight:600}evo-badge .evo-badge_large{--inner-icon-size: 24px;--inner-padding: 3px 8px;--inner-min-height: 32px;font-family:var(--evo-font);font-style:normal;font-size:18px;line-height:26px;font-weight:600}\n"], directives: [{ type: i1.EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoBadgeComponent, decorators: [{
            type: Component,
            args: [{ selector: 'evo-badge', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"evo-badge\" [evoUiClass]=\"classes\">\n    <ng-content></ng-content>\n</div>\n", styles: ["evo-badge{display:block;width:max-content;--evo-badge-color: #FFFFFF;--evo-badge-background-color: none;--evo-badge-background-image: none}evo-badge .evo-badge{--inner-icon-size: 20px;--inner-gap: 8px;--inner-min-height: 24px;--inner-padding: 1px 0;--inner-color: #FFFFFF;--inner-background-color: #91B1B8;--inner-background-image: none;display:flex;justify-content:center;align-items:center;gap:var(--inner-gap);padding:var(--inner-padding);width:100%;min-height:var(--inner-min-height);border-radius:4px;overflow:hidden;white-space:nowrap;text-align:center;color:var(--inner-color);background-color:var(--inner-background-color);background-image:var(--inner-background-image)}evo-badge .evo-badge evo-icon{display:block;width:var(--inner-icon-size);height:var(--inner-icon-size);margin:0 -4px;fill:currentColor}evo-badge .evo-badge_success{--inner-color: #FFFFFF;--inner-background-color: #21C68B}evo-badge .evo-badge_error{--inner-color: #FFFFFF;--inner-background-color: #FF1817}evo-badge .evo-badge_icon-dark{--inner-color: #FFFFFF;--inner-background-color: #91B1B8}evo-badge .evo-badge_icon-light{--inner-color: #FFFFFF;--inner-background-color: #BEDCE3}evo-badge .evo-badge_graph-1{--inner-color: #FFFFFF;--inner-background-color: #EB5365}evo-badge .evo-badge_graph-2{--inner-color: #FFFFFF;--inner-background-color: #9474C9}evo-badge .evo-badge_graph-3{--inner-color: #FFFFFF;--inner-background-color: #41B2E5}evo-badge .evo-badge_graph-4{--inner-color: #FFFFFF;--inner-background-color: #3CCFCF}evo-badge .evo-badge_graph-5{--inner-color: #FFFFFF;--inner-background-color: #B7CE2C}evo-badge .evo-badge_graph-6{--inner-color: #FFFFFF;--inner-background-color: #F4D221}evo-badge .evo-badge_graph-7{--inner-color: #FFFFFF;--inner-background-color: #F0A042}evo-badge .evo-badge_graph-8{--inner-color: #FFFFFF;--inner-background-color: #F87550}evo-badge .evo-badge_graph-9{--inner-color: #FFFFFF;--inner-background-color: #847474}evo-badge .evo-badge_graph-10{--inner-color: #FFFFFF;--inner-background-color: #7A96A5}evo-badge .evo-badge_grey{--inner-color: #727272;--inner-background-color: #F4F6F8}evo-badge .evo-badge_rating{--inner-color: #FFFFFF;--inner-background-color: #F2C94C}evo-badge .evo-badge_primary{--inner-color: #FFFFFF;--inner-background-color: #F05023}evo-badge .evo-badge_custom{--inner-background-color: var(--evo-badge-background-color);--inner-background-image: var(--evo-badge-background-image);--inner-color: var(--evo-badge-color)}evo-badge .evo-badge_small{--inner-icon-size: 16px;--inner-padding: 0 6px;--inner-min-height: 18px;font-family:var(--evo-font);font-style:normal;font-size:12px;line-height:18px;font-weight:600}evo-badge .evo-badge_normal{--inner-icon-size: 20px;--inner-padding: 1px 8px;--inner-min-height: 24px;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:22px;font-weight:600}evo-badge .evo-badge_large{--inner-icon-size: 24px;--inner-padding: 3px 8px;--inner-min-height: 32px;font-family:var(--evo-font);font-style:normal;font-size:18px;line-height:26px;font-weight:600}\n"] }]
        }], propDecorators: { color: [{
                type: Input
            }], size: [{
                type: Input
            }], multiline: [{
                type: Input
            }], widthPixels: [{
                type: Input,
                args: ['width.px']
            }], widthPercents: [{
                type: Input,
                args: ['width.%']
            }], styleWidth: [{
                type: HostBinding,
                args: ['style.width']
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLWJhZGdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V2by11aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2V2by1iYWRnZS9ldm8tYmFkZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXZvLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZXZvLWJhZGdlL2V2by1iYWRnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7OztBQVV4RyxNQUFNLE9BQU8saUJBQWlCO0lBUDlCO1FBU2EsU0FBSSxHQUFpQixRQUFRLENBQUM7UUFFdkM7O1dBRUc7UUFDTSxjQUFTLEdBQUcsS0FBSyxDQUFDO0tBbUM5QjtJQXJCRyxJQUFnQyxVQUFVO1FBQ3RDLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLFdBQVcsSUFBSSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7SUFDbEgsQ0FBQztJQUVELElBQUksT0FBTztRQUNQLE1BQU0sT0FBTyxHQUFhLEVBQUUsQ0FBQztRQUU3QixJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDWCxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUMzQjtRQUVELElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNaLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQzVCO1FBRUQsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2hCLE9BQU8sQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7U0FDN0I7UUFFRCxPQUFPLE9BQU8sQ0FBQztJQUNuQixDQUFDOzs4R0F6Q1EsaUJBQWlCO2tHQUFqQixpQkFBaUIsc1FDVjlCLDZGQUdBOzJGRE9hLGlCQUFpQjtrQkFQN0IsU0FBUzsrQkFDSSxXQUFXLG1CQUdKLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUk7OEJBRzVCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBS0csU0FBUztzQkFBakIsS0FBSztnQkFNYSxXQUFXO3NCQUE3QixLQUFLO3VCQUFDLFVBQVU7Z0JBTUMsYUFBYTtzQkFBOUIsS0FBSzt1QkFBQyxTQUFTO2dCQUVnQixVQUFVO3NCQUF6QyxXQUFXO3VCQUFDLGFBQWEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtFdm9CYWRnZUNvbG9yLCBFdm9CYWRnZVNpemV9IGZyb20gJy4vdHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V2by1iYWRnZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V2by1iYWRnZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZXZvLWJhZGdlLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRXZvQmFkZ2VDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIGNvbG9yOiBFdm9CYWRnZUNvbG9yO1xuICAgIEBJbnB1dCgpIHNpemU6IEV2b0JhZGdlU2l6ZSA9ICdub3JtYWwnO1xuXG4gICAgLyoqXG4gICAgICogQGRlcHJlY2F0ZWQgZG9uJ3QgdXNlIGl0XG4gICAgICovXG4gICAgQElucHV0KCkgbXVsdGlsaW5lID0gZmFsc2U7XG5cbiAgICAvKipcbiAgICAgKiBAZGVwcmVjYXRlZCB1c2UgQ1NTXG4gICAgICogQHBhcmFtIHdpZHRoXG4gICAgICovXG4gICAgQElucHV0KCd3aWR0aC5weCcpIHdpZHRoUGl4ZWxzOiBudW1iZXI7XG5cbiAgICAvKipcbiAgICAgKiBAZGVwcmVjYXRlZCB1c2UgQ1NTXG4gICAgICogQHBhcmFtIHdpZHRoXG4gICAgICovXG4gICAgQElucHV0KCd3aWR0aC4lJykgd2lkdGhQZXJjZW50czogbnVtYmVyO1xuXG4gICAgQEhvc3RCaW5kaW5nKCdzdHlsZS53aWR0aCcpIGdldCBzdHlsZVdpZHRoKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLndpZHRoUGVyY2VudHMgPyBgJHt0aGlzLndpZHRoUGVyY2VudHN9JWAgOiB0aGlzLndpZHRoUGl4ZWxzID8gYCR7dGhpcy53aWR0aFBpeGVsc31weGAgOiB1bmRlZmluZWQ7XG4gICAgfVxuXG4gICAgZ2V0IGNsYXNzZXMoKTogc3RyaW5nW10ge1xuICAgICAgICBjb25zdCBjbGFzc2VzOiBzdHJpbmdbXSA9IFtdO1xuXG4gICAgICAgIGlmICh0aGlzLnNpemUpIHtcbiAgICAgICAgICAgIGNsYXNzZXMucHVzaCh0aGlzLnNpemUpO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHRoaXMuY29sb3IpIHtcbiAgICAgICAgICAgIGNsYXNzZXMucHVzaCh0aGlzLmNvbG9yKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICh0aGlzLm11bHRpbGluZSkge1xuICAgICAgICAgICAgY2xhc3Nlcy5wdXNoKCdtdWx0aWxpbmUnKTtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiBjbGFzc2VzO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJldm8tYmFkZ2VcIiBbZXZvVWlDbGFzc109XCJjbGFzc2VzXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=