import { Component, HostBinding, Input } from '@angular/core';
import { coerceBooleanProperty } from '@angular/cdk/coercion';
export class OptionAccountComponent {
    constructor() {
        this.compact = false;
        this.balance = null;
    }
    set setCompact(value) {
        this.compact = coerceBooleanProperty(value);
    }
    ngOnInit() {
    }
}
OptionAccountComponent.decorators = [
    { type: Component, args: [{
                selector: 'ui-option-account',
                template: "<div class=\"currency\" *ngIf=\"currency\">\n  <ui-currency-flag [currency]=\"currency\" [size]=\"compact ? 's' : 'm'\"></ui-currency-flag>\n</div>\n<div>\n  <div class=\"account\" [class.account--inline]=\"compact\">\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;grid-gap:12px;gap:12px}:host.compact{grid-gap:8px;gap:8px}:host-context(ui-select-option.disabled){cursor:not-allowed}.currency{flex-shrink:0}.account--inline{display:flex;justify-content:space-between}.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}.account--inline .account__balance{font-size:var(--font-size);padding:0 0 0 12px}"]
            },] }
];
OptionAccountComponent.ctorParameters = () => [];
OptionAccountComponent.propDecorators = {
    compact: [{ type: HostBinding, args: ['class.compact',] }],
    currency: [{ type: Input }],
    balance: [{ type: Input }],
    setCompact: [{ type: Input, args: ['compact',] }]
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLWFjY291bnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkta2l0L3NyYy9saWIvZm9ybS9vcHRpb24vb3B0aW9uLWFjY291bnQvb3B0aW9uLWFjY291bnQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBUyxNQUFNLGVBQWUsQ0FBQztBQUNwRSxPQUFPLEVBQUMscUJBQXFCLEVBQUMsTUFBTSx1QkFBdUIsQ0FBQztBQU81RCxNQUFNLE9BQU8sc0JBQXNCO0lBWWpDO1FBVEEsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUdQLFlBQU8sR0FBb0IsSUFBSSxDQUFDO0lBT3pDLENBQUM7SUFMRCxJQUFzQixVQUFVLENBQUMsS0FBYztRQUM3QyxJQUFJLENBQUMsT0FBTyxHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlDLENBQUM7SUFLRCxRQUFRO0lBQ1IsQ0FBQzs7O1lBckJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsbUJBQW1CO2dCQUM3QixrZUFBOEM7O2FBRS9DOzs7O3NCQUdFLFdBQVcsU0FBQyxlQUFlO3VCQUczQixLQUFLO3NCQUNMLEtBQUs7eUJBRUwsS0FBSyxTQUFDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtjb2VyY2VCb29sZWFuUHJvcGVydHl9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3VpLW9wdGlvbi1hY2NvdW50JyxcbiAgdGVtcGxhdGVVcmw6ICcuL29wdGlvbi1hY2NvdW50LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vb3B0aW9uLWFjY291bnQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBPcHRpb25BY2NvdW50Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmNvbXBhY3QnKVxuICBjb21wYWN0ID0gZmFsc2U7XG5cbiAgQElucHV0KCkgY3VycmVuY3k6IHN0cmluZztcbiAgQElucHV0KCkgYmFsYW5jZTogc3RyaW5nIHwgbnVtYmVyID0gbnVsbDtcblxuICBASW5wdXQoJ2NvbXBhY3QnKSBzZXQgc2V0Q29tcGFjdCh2YWx1ZTogYm9vbGVhbikge1xuICAgIHRoaXMuY29tcGFjdCA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gIH1cblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICB9XG5cbn1cbiJdfQ==