import { __decorate } from "tslib";
import { Component, Input } from '@angular/core';
var DropdownSnippetAccountComponent = /** @class */ (function () {
    function DropdownSnippetAccountComponent() {
        this.balance = null;
    }
    DropdownSnippetAccountComponent.prototype.ngOnInit = function () {
    };
    __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);
    return DropdownSnippetAccountComponent;
}());
export { DropdownSnippetAccountComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tc25pcHBldC1hY2NvdW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BjYmRldi91aS1raXQvIiwic291cmNlcyI6WyJsaWIvZHJvcGRvd24vZHJvcGRvd24taXRlbS9kcm9wZG93bi1zbmlwcGV0LWFjY291bnQvZHJvcGRvd24tc25pcHBldC1hY2NvdW50LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQVMsTUFBTSxlQUFlLENBQUM7QUFPdkQ7SUFLRTtRQUZTLFlBQU8sR0FBb0IsSUFBSSxDQUFDO0lBR3pDLENBQUM7SUFFRCxrREFBUSxHQUFSO0lBQ0EsQ0FBQztJQVBRO1FBQVIsS0FBSyxFQUFFO3FFQUFrQjtJQUNqQjtRQUFSLEtBQUssRUFBRTtvRUFBaUM7SUFIOUIsK0JBQStCO1FBTDNDLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSw2QkFBNkI7WUFDdkMsd1pBQXdEOztTQUV6RCxDQUFDO09BQ1csK0JBQStCLENBVzNDO0lBQUQsc0NBQUM7Q0FBQSxBQVhELElBV0M7U0FYWSwrQkFBK0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXQsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3VpLWRyb3Bkb3duLXNuaXBwZXQtYWNjb3VudCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9kcm9wZG93bi1zbmlwcGV0LWFjY291bnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9kcm9wZG93bi1zbmlwcGV0LWFjY291bnQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBEcm9wZG93blNuaXBwZXRBY2NvdW50Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKSBjdXJyZW5jeTogc3RyaW5nO1xuICBASW5wdXQoKSBiYWxhbmNlOiBzdHJpbmcgfCBudW1iZXIgPSBudWxsO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gIH1cblxufVxuIl19