import { __decorate } from "tslib";
import { Component, Input } from '@angular/core';
var AccountInfoComponent = /** @class */ (function () {
    function AccountInfoComponent() {
    }
    AccountInfoComponent.prototype.ngOnInit = function () {
    };
    Object.defineProperty(AccountInfoComponent.prototype, "accountIbanShort", {
        get: function () {
            return this.account.iban.substr(-4);
        },
        enumerable: true,
        configurable: true
    });
    __decorate([
        Input()
    ], AccountInfoComponent.prototype, "account", void 0);
    AccountInfoComponent = __decorate([
        Component({
            selector: 'ui-account-info',
            template: "<div class=\"icon\">\n  <ui-currency-flag [currency]=\"account.currency\" class=\"icon__src\"></ui-currency-flag>\n</div>\n\n<div class=\"currency\">\n  {{account.currency}}\n</div>\n\n<div class=\"shared\" *ngIf=\"account.shared\">\n  <div class=\"shared__icon\">\n    <ui-icon name=\"link2\" size=\"s\" stroke=\"2\"></ui-icon>\n  </div>\n  <div class=\"shared__iban\">\n    {{accountIbanShort}}\n  </div>\n</div>\n",
            styles: ["@charset \"UTF-8\";:host{display:flex;align-items:center}.icon{position:relative;width:32px;height:32px;border-radius:50%;overflow:hidden;margin-right:8px}.icon__src{position:absolute;top:0;left:50%;width:auto;height:100%;min-width:32px;transform:translate(-50%,0)}.currency{font-size:var(--font-size-xs);text-transform:uppercase;color:var(--color-contrast-60);line-height:1}.shared{display:flex;align-items:center;color:var(--color-contrast-40);white-space:nowrap}.shared__icon{padding:0 8px}.shared__iban:before{content:\"\u2022\u2022\u2022\u2022\";display:inline-block}"]
        })
    ], AccountInfoComponent);
    return AccountInfoComponent;
}());
export { AccountInfoComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3VudC1pbmZvLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BjYmRldi91aS1raXQvIiwic291cmNlcyI6WyJsaWIvYWNjb3VudHMvYWNjb3VudC1pbmZvL2FjY291bnQtaW5mby5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBUXZEO0lBSUU7SUFDQSxDQUFDO0lBRUQsdUNBQVEsR0FBUjtJQUNBLENBQUM7SUFFRCxzQkFBSSxrREFBZ0I7YUFBcEI7WUFDRSxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3RDLENBQUM7OztPQUFBO0lBVlE7UUFBUixLQUFLLEVBQUU7eURBQW9CO0lBRmpCLG9CQUFvQjtRQUxoQyxTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsaUJBQWlCO1lBQzNCLDRhQUE0Qzs7U0FFN0MsQ0FBQztPQUNXLG9CQUFvQixDQWFoQztJQUFELDJCQUFDO0NBQUEsQUFiRCxJQWFDO1NBYlksb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0LCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtVaUFjY291bnR9IGZyb20gJy4uL2FjY291bnQvYWNjb3VudC5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd1aS1hY2NvdW50LWluZm8nLFxuICB0ZW1wbGF0ZVVybDogJy4vYWNjb3VudC1pbmZvLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWNjb3VudC1pbmZvLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQWNjb3VudEluZm9Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpIGFjY291bnQ6IFVpQWNjb3VudDtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICB9XG5cbiAgZ2V0IGFjY291bnRJYmFuU2hvcnQoKSB7XG4gICAgcmV0dXJuIHRoaXMuYWNjb3VudC5pYmFuLnN1YnN0cigtNCk7XG4gIH1cbn1cbiJdfQ==