import { Component, HostBinding, Input } from '@angular/core';
import { coerceBooleanProperty } from '@angular/cdk/coercion';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../../../currency-flag/currency-flag.component";
export class OptionAccountComponent {
    constructor() {
        this.compact = false;
        this.balance = null;
    }
    set setCompact(value) {
        this.compact = coerceBooleanProperty(value);
    }
    ngOnInit() {
    }
}
OptionAccountComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.4", ngImport: i0, type: OptionAccountComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
OptionAccountComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.4", type: OptionAccountComponent, selector: "ui-option-account", inputs: { currency: "currency", balance: "balance", setCompact: ["compact", "setCompact"] }, host: { properties: { "class.compact": "this.compact" } }, ngImport: i0, 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: ["@charset \"UTF-8\";:host{display:grid;grid-template-columns:auto minmax(1px,1fr);align-items:center;grid-gap:12px;gap:12px}:host.compact{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}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CurrencyFlagComponent, selector: "ui-currency-flag", inputs: ["currency", "size"] }, { kind: "pipe", type: i1.CurrencyPipe, name: "currency" }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.4", ngImport: i0, type: 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: ["@charset \"UTF-8\";:host{display:grid;grid-template-columns:auto minmax(1px,1fr);align-items:center;grid-gap:12px;gap:12px}:host.compact{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}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { compact: [{
                type: HostBinding,
                args: ['class.compact']
            }], currency: [{
                type: Input
            }], balance: [{
                type: Input
            }], setCompact: [{
                type: Input,
                args: ['compact']
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLWFjY291bnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkta2l0L3NyYy9saWIvZm9ybS9vcHRpb24vb3B0aW9uLWFjY291bnQvb3B0aW9uLWFjY291bnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkta2l0L3NyYy9saWIvZm9ybS9vcHRpb24vb3B0aW9uLWFjY291bnQvb3B0aW9uLWFjY291bnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBQ3BFLE9BQU8sRUFBQyxxQkFBcUIsRUFBQyxNQUFNLHVCQUF1QixDQUFDOzs7O0FBTzVELE1BQU0sT0FBTyxzQkFBc0I7SUFZakM7UUFUQSxZQUFPLEdBQUcsS0FBSyxDQUFDO1FBR1AsWUFBTyxHQUFvQixJQUFJLENBQUM7SUFPekMsQ0FBQztJQUxELElBQXNCLFVBQVUsQ0FBQyxLQUFjO1FBQzdDLElBQUksQ0FBQyxPQUFPLEdBQUcscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUMsQ0FBQztJQUtELFFBQVE7SUFDUixDQUFDOzttSEFoQlUsc0JBQXNCO3VHQUF0QixzQkFBc0IsaU5DUm5DLHdkQWFBOzJGRExhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxtQkFBbUI7MEVBTzdCLE9BQU87c0JBRE4sV0FBVzt1QkFBQyxlQUFlO2dCQUduQixRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFFZ0IsVUFBVTtzQkFBL0IsS0FBSzt1QkFBQyxTQUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25Jbml0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Y29lcmNlQm9vbGVhblByb3BlcnR5fSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd1aS1vcHRpb24tYWNjb3VudCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9vcHRpb24tYWNjb3VudC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL29wdGlvbi1hY2NvdW50LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgT3B0aW9uQWNjb3VudENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5jb21wYWN0JylcbiAgY29tcGFjdCA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpIGN1cnJlbmN5OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGJhbGFuY2U6IHN0cmluZyB8IG51bWJlciA9IG51bGw7XG5cbiAgQElucHV0KCdjb21wYWN0Jykgc2V0IHNldENvbXBhY3QodmFsdWU6IGJvb2xlYW4pIHtcbiAgICB0aGlzLmNvbXBhY3QgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodmFsdWUpO1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiY3VycmVuY3lcIiAqbmdJZj1cImN1cnJlbmN5XCI+XG4gIDx1aS1jdXJyZW5jeS1mbGFnIFtjdXJyZW5jeV09XCJjdXJyZW5jeVwiIFtzaXplXT1cImNvbXBhY3QgPyAncycgOiAnbSdcIj48L3VpLWN1cnJlbmN5LWZsYWc+XG48L2Rpdj5cbjxkaXY+XG4gIDxkaXYgY2xhc3M9XCJhY2NvdW50XCIgW2NsYXNzLmFjY291bnQtLWlubGluZV09XCJjb21wYWN0XCI+XG4gICAgPGRpdiBjbGFzcz1cImFjY291bnRfX25hbWVcIj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiYWNjb3VudF9fYmFsYW5jZVwiICpuZ0lmPVwiYmFsYW5jZSAhPT0gbnVsbCAmJiBjdXJyZW5jeVwiPlxuICAgICAge3tiYWxhbmNlIHwgY3VycmVuY3k6IGN1cnJlbmN5OidzeW1ib2wtbmFycm93JzonMC4yLTgnfX1cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==