import { Component, Input } from '@angular/core';
import { BehaviorSubject } from 'rxjs';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/router";
export class ButtonWithCounterComponent {
    constructor() {
        this.counter = new BehaviorSubject(0);
        this.icon = 'checklist';
        this.link = null;
    }
}
ButtonWithCounterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ButtonWithCounterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
ButtonWithCounterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ButtonWithCounterComponent, selector: "[button-with-counter]", inputs: { counter: "counter", icon: ["icon-class", "icon"], link: "link" }, ngImport: i0, template: `
    <a class="button-counter-container" [routerLink]="link">
      <span class="material-icons material-icons-outlined button-icon button-icon-small"
        >{{ icon }}
        <span class="bubble" *ngIf="(counter | async) > 0">{{ counter | async }}</span>
      </span>
    </a>
  `, isInline: true, styles: ["span.material-icons{font-size:18px;color:var(--themePrimButtonsBg-color)}.bubble{top:-2px;right:-8px;height:19px;font-family:Open Sans,sans-serif;font-style:normal;background-color:var(--error-default-color);font-weight:var(--font-weight-semibold)}.button-icon:hover{background-color:transparent}a.button-counter-container{border-radius:50%!important;padding:5px!important;height:30px!important}a.button-counter-container:hover{background-color:var(--themePrimButtonsBg-8-color, #38ce9f)!important}a.button-counter-container:active,a.button-counter-container:focus{background-color:var(--themePrimButtonsBg-12-color, #38ce9f)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ButtonWithCounterComponent, decorators: [{
            type: Component,
            args: [{ selector: '[button-with-counter]', template: `
    <a class="button-counter-container" [routerLink]="link">
      <span class="material-icons material-icons-outlined button-icon button-icon-small"
        >{{ icon }}
        <span class="bubble" *ngIf="(counter | async) > 0">{{ counter | async }}</span>
      </span>
    </a>
  `, styles: ["span.material-icons{font-size:18px;color:var(--themePrimButtonsBg-color)}.bubble{top:-2px;right:-8px;height:19px;font-family:Open Sans,sans-serif;font-style:normal;background-color:var(--error-default-color);font-weight:var(--font-weight-semibold)}.button-icon:hover{background-color:transparent}a.button-counter-container{border-radius:50%!important;padding:5px!important;height:30px!important}a.button-counter-container:hover{background-color:var(--themePrimButtonsBg-8-color, #38ce9f)!important}a.button-counter-container:active,a.button-counter-container:focus{background-color:var(--themePrimButtonsBg-12-color, #38ce9f)!important}\n"] }]
        }], propDecorators: { counter: [{
                type: Input,
                args: ['counter']
            }], icon: [{
                type: Input,
                args: ['icon-class']
            }], link: [{
                type: Input,
                args: ['link']
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLXdpdGgtY291bnRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnJhcmllcy9lcG9tLW5nMi11aS1mb3VuZGF0aW9uL3NyYy9saWIvcGlwZXMtZGlyZWN0aXZlcy9kaXJlY3RpdmVzL2J1dHRvbi13aXRoLWNvdW50ZXIvYnV0dG9uLXdpdGgtY291bnRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMvQyxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sTUFBTSxDQUFDOzs7O0FBY3JDLE1BQU0sT0FBTywwQkFBMEI7SUFadkM7UUFhb0IsWUFBTyxHQUE0QixJQUFJLGVBQWUsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUN2RCxTQUFJLEdBQVcsV0FBVyxDQUFDO1FBQ2pDLFNBQUksR0FBa0IsSUFBSSxDQUFDO0tBQzNDOzt1SEFKWSwwQkFBMEI7MkdBQTFCLDBCQUEwQix5SUFWM0I7Ozs7Ozs7R0FPVDsyRkFHVSwwQkFBMEI7a0JBWnRDLFNBQVM7K0JBQ0UsdUJBQXVCLFlBQ3ZCOzs7Ozs7O0dBT1Q7OEJBSWlCLE9BQU87c0JBQXhCLEtBQUs7dUJBQUMsU0FBUztnQkFDSyxJQUFJO3NCQUF4QixLQUFLO3VCQUFDLFlBQVk7Z0JBQ0osSUFBSTtzQkFBbEIsS0FBSzt1QkFBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QmVoYXZpb3JTdWJqZWN0fSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnW2J1dHRvbi13aXRoLWNvdW50ZXJdJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8YSBjbGFzcz1cImJ1dHRvbi1jb3VudGVyLWNvbnRhaW5lclwiIFtyb3V0ZXJMaW5rXT1cImxpbmtcIj5cbiAgICAgIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnMgbWF0ZXJpYWwtaWNvbnMtb3V0bGluZWQgYnV0dG9uLWljb24gYnV0dG9uLWljb24tc21hbGxcIlxuICAgICAgICA+e3sgaWNvbiB9fVxuICAgICAgICA8c3BhbiBjbGFzcz1cImJ1YmJsZVwiICpuZ0lmPVwiKGNvdW50ZXIgfCBhc3luYykgPiAwXCI+e3sgY291bnRlciB8IGFzeW5jIH19PC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgIDwvYT5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJ2J1dHRvbi13aXRoLWNvdW50ZXIuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBCdXR0b25XaXRoQ291bnRlckNvbXBvbmVudCB7XG4gIEBJbnB1dCgnY291bnRlcicpIGNvdW50ZXI6IEJlaGF2aW9yU3ViamVjdDxudW1iZXI+ID0gbmV3IEJlaGF2aW9yU3ViamVjdCgwKTtcbiAgQElucHV0KCdpY29uLWNsYXNzJykgaWNvbjogc3RyaW5nID0gJ2NoZWNrbGlzdCc7XG4gIEBJbnB1dCgnbGluaycpIGxpbms6IEFycmF5PHN0cmluZz4gPSBudWxsO1xufVxuIl19