import { __decorate } from "tslib";
import { Component, Input } from '@angular/core';
let BadgeContentComponent = class BadgeContentComponent {
    constructor() {
        this.content = 0;
    }
    ngOnInit() {
    }
};
__decorate([
    Input()
], BadgeContentComponent.prototype, "color", void 0);
__decorate([
    Input()
], BadgeContentComponent.prototype, "content", void 0);
BadgeContentComponent = __decorate([
    Component({
        selector: 'ui-badge-content',
        template: "<ng-content></ng-content>\n<div class=\"notify notify--top\" [class.notify--hide]=\"!content\">{{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}.notify--hide{display:none}: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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UtY29udGVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AY2JkZXYvdWkta2l0LyIsInNvdXJjZXMiOlsibGliL2JhZGdlLWNvbnRlbnQvYmFkZ2UtY29udGVudC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQWUsS0FBSyxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBT3BFLElBQWEscUJBQXFCLEdBQWxDLE1BQWEscUJBQXFCO0lBTWhDO1FBRkEsWUFBTyxHQUFHLENBQUMsQ0FBQztJQUdaLENBQUM7SUFFRCxRQUFRO0lBQ1IsQ0FBQztDQUVGLENBQUE7QUFYVTtJQUFSLEtBQUssRUFBRTtvREFBMkM7QUFHbkQ7SUFEQyxLQUFLLEVBQUU7c0RBQ0k7QUFKRCxxQkFBcUI7SUFMakMsU0FBUyxDQUFDO1FBQ1QsUUFBUSxFQUFFLGtCQUFrQjtRQUM1Qiw4SEFBNkM7O0tBRTlDLENBQUM7R0FDVyxxQkFBcUIsQ0FZakM7U0FaWSxxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd1aS1iYWRnZS1jb250ZW50JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JhZGdlLWNvbnRlbnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9iYWRnZS1jb250ZW50LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQmFkZ2VDb250ZW50Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgY29sb3I6ICdwcmltYXJ5JyB8ICd3YXJuaW5nJyB8ICdjcml0aWNhbCc7XG5cbiAgQElucHV0KClcbiAgY29udGVudCA9IDA7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuXG59XG4iXX0=