import { __decorate } from "tslib";
import { Component, Input } from '@angular/core';
let AccountInfoComponent = class AccountInfoComponent {
    constructor() {
    }
    ngOnInit() {
    }
    get accountIbanShort() {
        return this.account.iban.substr(-4);
    }
};
__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);
export { AccountInfoComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3VudC1pbmZvLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BjYmRldi91aS1raXQvIiwic291cmNlcyI6WyJsaWIvYWNjb3VudHMvYWNjb3VudC1pbmZvL2FjY291bnQtaW5mby5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBUXZELElBQWEsb0JBQW9CLEdBQWpDLE1BQWEsb0JBQW9CO0lBSS9CO0lBQ0EsQ0FBQztJQUVELFFBQVE7SUFDUixDQUFDO0lBRUQsSUFBSSxnQkFBZ0I7UUFDbEIsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN0QyxDQUFDO0NBQ0YsQ0FBQTtBQVhVO0lBQVIsS0FBSyxFQUFFO3FEQUFvQjtBQUZqQixvQkFBb0I7SUFMaEMsU0FBUyxDQUFDO1FBQ1QsUUFBUSxFQUFFLGlCQUFpQjtRQUMzQiw0YUFBNEM7O0tBRTdDLENBQUM7R0FDVyxvQkFBb0IsQ0FhaEM7U0FiWSxvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXQsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1VpQWNjb3VudH0gZnJvbSAnLi4vYWNjb3VudC9hY2NvdW50LmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3VpLWFjY291bnQtaW5mbycsXG4gIHRlbXBsYXRlVXJsOiAnLi9hY2NvdW50LWluZm8uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hY2NvdW50LWluZm8uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBBY2NvdW50SW5mb0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KCkgYWNjb3VudDogVWlBY2NvdW50O1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gIH1cblxuICBnZXQgYWNjb3VudEliYW5TaG9ydCgpIHtcbiAgICByZXR1cm4gdGhpcy5hY2NvdW50LmliYW4uc3Vic3RyKC00KTtcbiAgfVxufVxuIl19