import { __decorate } from "tslib";
import { Component, HostBinding, Input } from '@angular/core';
let BadgeContentComponent = class BadgeContentComponent {
    constructor() {
        this.content = '';
    }
    ngOnInit() {
    }
};
__decorate([
    Input()
], BadgeContentComponent.prototype, "color", void 0);
__decorate([
    Input(),
    HostBinding('attr.content')
], BadgeContentComponent.prototype, "content", void 0);
BadgeContentComponent = __decorate([
    Component({
        selector: 'ui-badge-content',
        template: "<!--<ui-icon [name]=\"icon\" [color]=\"color\"></ui-icon>-->\n<ng-content></ng-content>\n<div class=\"notify notify--top\">{{content}}</div>\n",
        styles: [":host{display:inline-block;position:relative;width:-webkit-max-content;width:-moz-max-content;width:max-content}.notify{position:absolute;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)}.notify--top{top:-8px;right:-8px}:host[color=primary] .notify{background-color:var(--color-primary);color:var(--color-primary-contrast)}:host[color=warning] .notify{background-color:var(--color-warning);color:var(--color-warning-contrast)}:host[color=critical] .notify{background-color:var(--color-critical);color:var(--color-critical-contrast)}"]
    })
], BadgeContentComponent);
export { BadgeContentComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UtY29udGVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AY2JkZXYvdWkta2l0LyIsInNvdXJjZXMiOlsibGliL2JhZGdlLWNvbnRlbnQvYmFkZ2UtY29udGVudC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBUyxNQUFNLGVBQWUsQ0FBQztBQU9wRSxJQUFhLHFCQUFxQixHQUFsQyxNQUFhLHFCQUFxQjtJQU9oQztRQUZBLFlBQU8sR0FBRyxFQUFFLENBQUM7SUFHYixDQUFDO0lBRUQsUUFBUTtJQUNSLENBQUM7Q0FFRixDQUFBO0FBWlU7SUFBUixLQUFLLEVBQUU7b0RBQTJDO0FBSW5EO0lBRkMsS0FBSyxFQUFFO0lBQ1AsV0FBVyxDQUFDLGNBQWMsQ0FBQztzREFDZjtBQUxGLHFCQUFxQjtJQUxqQyxTQUFTLENBQUM7UUFDVCxRQUFRLEVBQUUsa0JBQWtCO1FBQzVCLDBKQUE2Qzs7S0FFOUMsQ0FBQztHQUNXLHFCQUFxQixDQWFqQztTQWJZLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3VpLWJhZGdlLWNvbnRlbnQnLFxuICB0ZW1wbGF0ZVVybDogJy4vYmFkZ2UtY29udGVudC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2JhZGdlLWNvbnRlbnQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBCYWRnZUNvbnRlbnRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBjb2xvcjogJ3ByaW1hcnknIHwgJ3dhcm5pbmcnIHwgJ2NyaXRpY2FsJztcblxuICBASW5wdXQoKVxuICBASG9zdEJpbmRpbmcoJ2F0dHIuY29udGVudCcpXG4gIGNvbnRlbnQgPSAnJztcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbn1cbiJdfQ==