import { __decorate } from "tslib";
import { Component, HostBinding, Input } from '@angular/core';
var BadgeComponent = /** @class */ (function () {
    function BadgeComponent() {
    }
    BadgeComponent.prototype.ngOnInit = function () {
    };
    __decorate([
        Input(),
        HostBinding('attr.color')
    ], BadgeComponent.prototype, "color", void 0);
    BadgeComponent = __decorate([
        Component({
            selector: 'ui-badge',
            template: "<ng-content></ng-content>\n",
            styles: [":host{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:100px;overflow:hidden;padding:4px 5px;font-size:var(--font-size-xxs);color:var(--color-contrast-100);background-color:var(--color-contrast-20);box-shadow:0 4px 4px rgba(0,0,0,.08)}:host[color=primary]{background-color:var(--color-primary);color:var(--color-primary-contrast)}:host[color=warning]{background-color:var(--color-warning);color:var(--color-warning-contrast)}:host[color=critical]{background-color:var(--color-critical);color:var(--color-critical-contrast)}"]
        })
    ], BadgeComponent);
    return BadgeComponent;
}());
export { BadgeComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGNiZGV2L3VpLWtpdC8iLCJzb3VyY2VzIjpbImxpYi9iYWRnZS9iYWRnZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBUyxNQUFNLGVBQWUsQ0FBQztBQVNwRTtJQU1FO0lBQ0EsQ0FBQztJQUVELGlDQUFRLEdBQVI7SUFDQSxDQUFDO0lBTkQ7UUFGQyxLQUFLLEVBQUU7UUFDUCxXQUFXLENBQUMsWUFBWSxDQUFDO2lEQUNSO0lBSlAsY0FBYztRQUwxQixTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsVUFBVTtZQUNwQix1Q0FBcUM7O1NBRXRDLENBQUM7T0FDVyxjQUFjLENBVzFCO0lBQUQscUJBQUM7Q0FBQSxBQVhELElBV0M7U0FYWSxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25Jbml0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IHR5cGUgQmFkZ2VDb2xvciA9ICdwcmltYXJ5JyB8ICd3YXJuaW5nJyB8ICdjcml0aWNhbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3VpLWJhZGdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JhZGdlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYmFkZ2UuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBCYWRnZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KClcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmNvbG9yJylcbiAgY29sb3I6IEJhZGdlQ29sb3I7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgfVxufVxuIl19