import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "../../directives/evo-ui-class.directive";
export class EvoBadgeComponent {
    constructor() {
        this.multiline = false;
    }
    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"] }, ngImport: i0, template: "<div\n    class=\"evo-badge\"\n    [evoUiClass]=\"classes\"\n    [style.width.px]=\"widthPixels\"\n    [style.width.%]=\"widthPercents\"\n>\n    <div class=\"evo-badge__content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [".evo-badge{display:inline-flex;justify-content:center;align-items:center;min-height:24px;padding:1px 0;overflow:hidden;color:#fff;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:22px;font-weight:600;white-space:nowrap;text-align:center;background-color:#91b1b8;border-radius:4px}.evo-badge:not([style*=width]){padding:1px 8px}.evo-badge_multiline{white-space:initial;word-break:break-all}.evo-badge__content{overflow:hidden;text-overflow:ellipsis}.evo-badge_success{background-color:#21c68b}.evo-badge_error{background-color:#ff1817}.evo-badge_icon-dark{background-color:#91b1b8}.evo-badge_icon-light{background-color:#bedce3}.evo-badge_graph-1{background-color:#eb5365}.evo-badge_graph-2{background-color:#9474c9}.evo-badge_graph-3{background-color:#41b2e5}.evo-badge_graph-4{background-color:#3ccfcf}.evo-badge_graph-5{background-color:#b7ce2c}.evo-badge_graph-6{background-color:#f4d221}.evo-badge_graph-7{background-color:#f0a042}.evo-badge_graph-8{background-color:#f87550}.evo-badge_graph-9{background-color:#847474}.evo-badge_graph-10{background-color:#7a96a5}.evo-badge_grey{color:#727272;background-color:#f4f6f8}.evo-badge_rating{background-color:#f2c94c}.evo-badge_primary{background-color:#f05023}.evo-badge_small{min-height:18px;font-family:var(--evo-font);font-style:normal;font-size:12px;line-height:18px;font-weight:600}.evo-badge_small:not([style*=width]){padding:0 6px}\n"], directives: [{ type: i1.EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoBadgeComponent, decorators: [{
            type: Component,
            args: [{ selector: 'evo-badge', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    class=\"evo-badge\"\n    [evoUiClass]=\"classes\"\n    [style.width.px]=\"widthPixels\"\n    [style.width.%]=\"widthPercents\"\n>\n    <div class=\"evo-badge__content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [".evo-badge{display:inline-flex;justify-content:center;align-items:center;min-height:24px;padding:1px 0;overflow:hidden;color:#fff;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:22px;font-weight:600;white-space:nowrap;text-align:center;background-color:#91b1b8;border-radius:4px}.evo-badge:not([style*=width]){padding:1px 8px}.evo-badge_multiline{white-space:initial;word-break:break-all}.evo-badge__content{overflow:hidden;text-overflow:ellipsis}.evo-badge_success{background-color:#21c68b}.evo-badge_error{background-color:#ff1817}.evo-badge_icon-dark{background-color:#91b1b8}.evo-badge_icon-light{background-color:#bedce3}.evo-badge_graph-1{background-color:#eb5365}.evo-badge_graph-2{background-color:#9474c9}.evo-badge_graph-3{background-color:#41b2e5}.evo-badge_graph-4{background-color:#3ccfcf}.evo-badge_graph-5{background-color:#b7ce2c}.evo-badge_graph-6{background-color:#f4d221}.evo-badge_graph-7{background-color:#f0a042}.evo-badge_graph-8{background-color:#f87550}.evo-badge_graph-9{background-color:#847474}.evo-badge_graph-10{background-color:#7a96a5}.evo-badge_grey{color:#727272;background-color:#f4f6f8}.evo-badge_rating{background-color:#f2c94c}.evo-badge_primary{background-color:#f05023}.evo-badge_small{min-height:18px;font-family:var(--evo-font);font-style:normal;font-size:12px;line-height:18px;font-weight:600}.evo-badge_small:not([style*=width]){padding:0 6px}\n"] }]
        }], propDecorators: { color: [{
                type: Input
            }], size: [{
                type: Input
            }], multiline: [{
                type: Input
            }], widthPixels: [{
                type: Input,
                args: ['width.px']
            }], widthPercents: [{
                type: Input,
                args: ['width.%']
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLWJhZGdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V2by11aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2V2by1iYWRnZS9ldm8tYmFkZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXZvLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZXZvLWJhZGdlL2V2by1iYWRnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBUzFFLE1BQU0sT0FBTyxpQkFBaUI7SUFOOUI7UUFVYSxjQUFTLEdBQUcsS0FBSyxDQUFDO0tBd0I5QjtJQWpCRyxJQUFJLE9BQU87UUFDUCxNQUFNLE9BQU8sR0FBYSxFQUFFLENBQUM7UUFFN0IsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ1gsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDM0I7UUFFRCxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDWixPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUM1QjtRQUVELElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUNoQixPQUFPLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1NBQzdCO1FBRUQsT0FBTyxPQUFPLENBQUM7SUFDbkIsQ0FBQzs7OEdBM0JRLGlCQUFpQjtrR0FBakIsaUJBQWlCLDBNQ1Q5Qiw4T0FVQTsyRkREYSxpQkFBaUI7a0JBTjdCLFNBQVM7K0JBQ0ksV0FBVyxtQkFHSix1QkFBdUIsQ0FBQyxNQUFNOzhCQUl0QyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBR2EsV0FBVztzQkFBN0IsS0FBSzt1QkFBQyxVQUFVO2dCQUVDLGFBQWE7c0JBQTlCLEtBQUs7dUJBQUMsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFdm9CYWRnZUNvbG9yLCBFdm9CYWRnZVNpemUgfSBmcm9tICcuL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldm8tYmFkZ2UnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ldm8tYmFkZ2UuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2V2by1iYWRnZS5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBFdm9CYWRnZUNvbXBvbmVudCB7XG5cbiAgICBASW5wdXQoKSBjb2xvcjogRXZvQmFkZ2VDb2xvcjtcbiAgICBASW5wdXQoKSBzaXplOiBFdm9CYWRnZVNpemU7XG4gICAgQElucHV0KCkgbXVsdGlsaW5lID0gZmFsc2U7XG5cbiAgICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6bm8taW5wdXQtcmVuYW1lXG4gICAgQElucHV0KCd3aWR0aC5weCcpIHdpZHRoUGl4ZWxzOiBudW1iZXI7XG4gICAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOm5vLWlucHV0LXJlbmFtZVxuICAgIEBJbnB1dCgnd2lkdGguJScpIHdpZHRoUGVyY2VudHM6IG51bWJlcjtcblxuICAgIGdldCBjbGFzc2VzKCk6IHN0cmluZ1tdIHtcbiAgICAgICAgY29uc3QgY2xhc3Nlczogc3RyaW5nW10gPSBbXTtcblxuICAgICAgICBpZiAodGhpcy5zaXplKSB7XG4gICAgICAgICAgICBjbGFzc2VzLnB1c2godGhpcy5zaXplKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICh0aGlzLmNvbG9yKSB7XG4gICAgICAgICAgICBjbGFzc2VzLnB1c2godGhpcy5jb2xvcik7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy5tdWx0aWxpbmUpIHtcbiAgICAgICAgICAgIGNsYXNzZXMucHVzaCgnbXVsdGlsaW5lJyk7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gY2xhc3NlcztcbiAgICB9XG59XG4iLCI8ZGl2XG4gICAgY2xhc3M9XCJldm8tYmFkZ2VcIlxuICAgIFtldm9VaUNsYXNzXT1cImNsYXNzZXNcIlxuICAgIFtzdHlsZS53aWR0aC5weF09XCJ3aWR0aFBpeGVsc1wiXG4gICAgW3N0eWxlLndpZHRoLiVdPVwid2lkdGhQZXJjZW50c1wiXG4+XG4gICAgPGRpdiBjbGFzcz1cImV2by1iYWRnZV9fY29udGVudFwiPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==