import { __decorate } from "tslib";
import { Component, Input } from '@angular/core';
let DropdownSnippetAccountComponent = class DropdownSnippetAccountComponent {
    constructor() {
        this.balance = null;
    }
    ngOnInit() {
    }
};
__decorate([
    Input()
], DropdownSnippetAccountComponent.prototype, "currency", void 0);
__decorate([
    Input()
], DropdownSnippetAccountComponent.prototype, "balance", void 0);
DropdownSnippetAccountComponent = __decorate([
    Component({
        selector: 'ui-dropdown-snippet-account',
        template: "<ui-avatar *ngIf=\"currency\">\n  <ui-currency-flag [currency]=\"currency\"></ui-currency-flag>\n</ui-avatar>\n<div>\n  <div class=\"account\">\n    <div class=\"account__name\">\n      <ng-content></ng-content>\n    </div>\n    <div class=\"account__balance\" *ngIf=\"balance !== null && currency\">\n      {{balance | currency: currency:'symbol-narrow':'0.2-8'}}\n    </div>\n  </div>\n</div>\n",
        styles: [":host{display:grid;grid-template-columns:auto minmax(1px,1fr);align-items:center;gap:12px}ui-avatar{flex-shrink:0}.account__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account__balance{font-size:var(--font-size-s);color:var(--color-contrast-40);padding-top:4px}"]
    })
], DropdownSnippetAccountComponent);
export { DropdownSnippetAccountComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tc25pcHBldC1hY2NvdW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BjYmRldi91aS1raXQvIiwic291cmNlcyI6WyJsaWIvZHJvcGRvd24vZHJvcGRvd24taXRlbS9kcm9wZG93bi1zbmlwcGV0LWFjY291bnQvZHJvcGRvd24tc25pcHBldC1hY2NvdW50LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQVMsTUFBTSxlQUFlLENBQUM7QUFPdkQsSUFBYSwrQkFBK0IsR0FBNUMsTUFBYSwrQkFBK0I7SUFLMUM7UUFGUyxZQUFPLEdBQW9CLElBQUksQ0FBQztJQUd6QyxDQUFDO0lBRUQsUUFBUTtJQUNSLENBQUM7Q0FFRixDQUFBO0FBVFU7SUFBUixLQUFLLEVBQUU7aUVBQWtCO0FBQ2pCO0lBQVIsS0FBSyxFQUFFO2dFQUFpQztBQUg5QiwrQkFBK0I7SUFMM0MsU0FBUyxDQUFDO1FBQ1QsUUFBUSxFQUFFLDZCQUE2QjtRQUN2Qyx3WkFBd0Q7O0tBRXpELENBQUM7R0FDVywrQkFBK0IsQ0FXM0M7U0FYWSwrQkFBK0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXQsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3VpLWRyb3Bkb3duLXNuaXBwZXQtYWNjb3VudCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9kcm9wZG93bi1zbmlwcGV0LWFjY291bnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9kcm9wZG93bi1zbmlwcGV0LWFjY291bnQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBEcm9wZG93blNuaXBwZXRBY2NvdW50Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKSBjdXJyZW5jeTogc3RyaW5nO1xuICBASW5wdXQoKSBiYWxhbmNlOiBzdHJpbmcgfCBudW1iZXIgPSBudWxsO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gIH1cblxufVxuIl19